@import url('https://fonts.googleapis.com/css?family=Ubuntu');
*{padding: 0px; outline: 0px; margin: 0px; box-sizing: border-box;}
body
{
    font-family: 'Ubuntu',Verdana,Tahoma;
    font-weight: normal;
    font-size: 15px;
    line-height: 21px;
    font-size-adjust: none;
    color: #FFF;
}
img{border-style: none}
a
{
    text-decoration: underline;
    color: #3399FF;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;    
}
a:active
{
    color: #034af3;
}
.style1{width: 100%}
.cph
{
    width: 100%;
    background-color: #fff;
    border: 1px solid #496077;
}
.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    border-style: dotted none none none;
    border-width: 2px;
    border-color: #4e5766;
    color: #4e5766;
    padding: 6px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}
/* TAB MENU */
.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
    padding:6px;
    text-align:left;
}
.menubar
{
    font-size: 10pt;
    line-height: 30px;
    overflow: auto;
    background-color: #d20962; /*border-radius: 0px 0px 3px 3px;*/
    border: 1px solid #d20962;
    border-top: none!important;
    color: #FFFFFF;
}      
.menubar ul
{
    list-style: none;
}     
.menubar ul li
{
    float: left;
    text-align: center;
    color: #FFFFFF;
}      
.menubar ul li a
{
    display: block;
    color: #fff;
    text-decoration:none;
}       
.menubar a:hover
{
    text-decoration: underline;
}        
.menubar ul li ul
{
    display: none;
    list-style: none;
    position: absolute;
    z-index: 1000;
    width: 320px;
}        
.menubar ul li ul li
{
    float: left;
    background-color: #d20962;
    width: 320px;
    text-align: left;
}        
.menubar ul li ul li a
{
    border-right: none!important;
    text-indent: 10px;
    width: 160px;
    float:left;
}        
.menubar ul li:hover ul
{
    display: block;
}
.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}
.TitleBar
{
    padding: 6px;
    font-size: 12pt;
    font-weight: normal;
    text-transform: capitalize;
    color: #d20962;
    border-style: none none dashed none;
    border-width: 1px;
    border-color: #d20962;
    text-align: center;
}
.TitleBarRed
{
    background-color: #CC0000!important;
    border-color: #CC0000!important;
    color: #FFFFFF!important;
}
.TitleBarGreen
{
    background-color: #009933;
    border-color: #009933 !important;
    color: #FFFFFF !important;
}
.SubTitleBar
{
    border-style: none none dashed none;
    border-width: 1px;
    border-color: #0099FF;
    padding: 6px;
    font-size: 15px;
    font-weight: lighter;
    color: #0099FF;
    text-align: left;
    font-family: Verdana;
}
.InfoLabel
{
    padding: 6px;
    text-align: left;
    text-transform: capitalize;
    color: #0066CC;
    font-family: Tahoma;
    font-size: 10pt;
    font-weight: bold;
}
.tdLabel
{
    padding: 6px;
    text-align: right;
    text-transform: capitalize;
    color: #333333;
    font-family: Tahoma;
    font-size: 11pt;
    font-weight: normal;
}
.tdLabel1
{
    padding: 6px;
    text-align: left;
    text-transform: capitalize;
    color: #333333;
    font-family: Tahoma;
    font-size: 11pt;
    font-weight: normal;
}
.button
{
    padding: 6px;
    font-family: verdana;
    font-size: 10pt;
    color: #FFFFFF;
    background-color: #3366CC;
    border: 1px solid #003366;
    text-transform: capitalize;
}
.button:hover
{
    padding: 6px;
    font-family: verdana;
    font-size: 10pt;
    background-color: #00CCFF;
    color: #003366;
    border: 1px solid #003366;
    cursor: pointer;
}
.GButton
{
    padding: 6px;
    font-family: verdana;
    font-size: 10pt;
    color: #000000!important;
    background-color: #999999;
    border: 1px solid #333333;
    text-transform: capitalize;
}
.RButton
{
    padding: 6px;
    font-family: verdana;
    font-size: 10pt;
    color: #FFFFFF!important;
    background-color: #FF0000;
    border: 1px solid #CC0000;
    text-transform: capitalize;
}
.DButton
{
    padding: 6px;
    font-family: verdana;
    font-size: 10pt;
    color: #FFFFFF!important;
    background-color: #009933;
    border: 1px solid #003300;
    text-transform: capitalize;
}
.TextBox
{
    padding: 6px;
    border: 1px solid #999;
    font-weight: 400;
    color: #666;
    font-size: 13px;
    background-color: #FBFBFB;
}
.TextBox:focus
{
    box-shadow: 0px 0px 3px #73b6fa;
    padding: 6px;
    border: 1px solid #0079F2;
    font-weight: 400;
    font-size: 13px;
    color: #333;
    background-color: #fff;
}
.ComboBox
{
    font-size: 16px;
    font-weight: 400;
    line-height: 46px;
    height: 46px;
    padding: 6px 6px;
    width: 100%;
    background-color:Blue;
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none;
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNDggNDgiICB3aWR0aD0iMjhweCIgaGVpZ2h0PSIyNHB4Ij48cGF0aCBmaWxsPSIjM2Y0MjU3IiBkPSJNMTQgMjBsMTAgMTAgMTAtMTB6Ii8+PHBhdGggZD0iTTAgMGg0OHY0OGgtNDh6IiBmaWxsPSJub25lIi8+PC9zdmc+") no-repeat center right;
}
.TDate{text-align:left}
.GV
{
    border: 1px solid #003366;
}
.GV TH
{
    padding: 6px;
    font-family: verdana;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    border: 1px solid #003366;
    background-color: #006699;
}
.GV TD
{
    border-collapse: collapse;
    border: 1px solid #003366;
    font-family: verdana;
    font-size: 12px;
    color: #003366;
    padding: 6px;
}
.SDiv {
    background-image: url('Img/Check.gif');
    background-repeat: no-repeat;
    background-position: 2px center;
    padding: 6px 6px 6px 32px;
    background-color: #CCFFCC;
    border: 1px solid #006600;
    font-family: verdana, Geneva, Tahoma, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    text-transform: capitalize;
    color: #339933;
    text-align: left;
}
.EDiv {
    background-image: url('Img/Delete.gif');
    background-repeat: no-repeat;
    background-position: 2px center;
    padding: 6px 6px 6px 32px;
    background-color: #FFCC99;
    border: 1px solid #CC0000;
    font-family: verdana, Geneva, Tahoma, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    text-transform: capitalize;
    color: #CC0000;
    text-align: left;
}
/*Zebra_DatePicker*/
 .Zebra_DatePicker{background:#666;border-radius:4px;box-shadow:0 0 10px #888;color:#222;font:13px Tahoma,Arial,Helvetica,sans-serif;padding:3px;position:absolute;display:table;*width:255px;z-index:1200}.Zebra_DatePicker *,.Zebra_DatePicker :after,.Zebra_DatePicker :before{box-sizing:content-box!important}.Zebra_DatePicker *{padding:0}.Zebra_DatePicker table{border-collapse:collapse;border-radius:4px;border-spacing:0;width:100%}.Zebra_DatePicker td,.Zebra_DatePicker th{padding:5px;cursor:pointer;text-align:center;min-width:25px;width:25px}.Zebra_DatePicker .dp_body td,.Zebra_DatePicker .dp_body th{border:1px solid #bfbfbf}.Zebra_DatePicker .dp_body td:first-child,.Zebra_DatePicker .dp_body th:first-child{border-left:none}.Zebra_DatePicker .dp_body td:last-child,.Zebra_DatePicker .dp_body th:last-child{border-right:none}.Zebra_DatePicker .dp_body tr:first-child td,.Zebra_DatePicker .dp_body tr:first-child th{border-top:none}.Zebra_DatePicker .dp_body tr:last-child td,.Zebra_DatePicker .dp_body tr:last-child th{border-bottom:none}.Zebra_DatePicker .dp_body td{background:#e6e5e5}.Zebra_DatePicker .dp_body .dp_weekend{background:#d6d6d6}.Zebra_DatePicker .dp_body .dp_not_in_month{background:#e0e6f2;color:#98acd4}.Zebra_DatePicker .dp_body .dp_time_controls_condensed td{width:25%}.Zebra_DatePicker .dp_body .dp_current{color:#cc236b}.Zebra_DatePicker .dp_body .dp_selected{background:#b56a6a;color:#fff}.Zebra_DatePicker .dp_body .dp_disabled{background:#f2f2f2;color:#ccc;cursor:text}.Zebra_DatePicker .dp_body .dp_disabled.dp_current{color:#b56a6a}.Zebra_DatePicker .dp_body .dp_hover{color:#fff;background:#88a09e}.Zebra_DatePicker .dp_body .dp_hover.dp_time_control{background-color:#8c8c8c;color:#fff}.Zebra_DatePicker .dp_monthpicker td,.Zebra_DatePicker .dp_timepicker td,.Zebra_DatePicker .dp_yearpicker td{width:33.3333%}.Zebra_DatePicker .dp_timepicker .dp_disabled{border:none;color:#222;font-size:26px;font-weight:700}.Zebra_DatePicker .dp_time_separator div{position:relative}.Zebra_DatePicker .dp_time_separator div:after{content:":";color:1px solid #bfbfbf;font-size:20px;left:100%;margin-left:2px;margin-top:-13px;position:absolute;top:50%;z-index:1}.Zebra_DatePicker .dp_header{margin-bottom:3px}@supports (-ms-ime-align:auto){.Zebra_DatePicker .dp_header{font-family:'Segoe UI Symbol',Tahoma,Arial,Helvetica,sans-serif}}.Zebra_DatePicker .dp_footer{margin-top:3px}.Zebra_DatePicker .dp_footer .dp_icon{width:50%}.Zebra_DatePicker .dp_actions td{border-radius:4px;color:#fff}.Zebra_DatePicker .dp_actions .dp_caption{font-weight:700;width:100%}.Zebra_DatePicker .dp_actions .dp_next,.Zebra_DatePicker .dp_actions .dp_previous{*padding:0 10px}.Zebra_DatePicker .dp_actions .dp_hover{background-color:#8c8c8c;color:#fff}.Zebra_DatePicker .dp_daypicker th{background:#fc3;cursor:text;font-weight:700}.Zebra_DatePicker.dp_hidden{display:none}.Zebra_DatePicker .dp_icon{height:16px;background-image:url(Img/icons.png);background-repeat:no-repeat;text-indent:-9999px;*text-indent:0}.Zebra_DatePicker .dp_icon.dp_confirm{background-position:center -123px}.Zebra_DatePicker .dp_icon.dp_view_toggler{background-position:center -91px}.Zebra_DatePicker .dp_icon.dp_view_toggler.dp_calendar{background-position:center -59px}button.Zebra_DatePicker_Icon{background:url(Img/icons.png) center top no-repeat;border:none;cursor:pointer;display:block;height:16px;line-height:0;padding:0;position:absolute;text-indent:-9000px;width:16px}button.Zebra_DatePicker_Icon.Zebra_DatePicker_Icon_Disabled{background-position:center -32px;cursor:default}
/*Jquery Message*/
.ontop, #growls-default, #growls-tl, #growls-tr, #growls-bl, #growls-br, #growls-tc, #growls-bc, #growls-cc, #growls-cl, #growls-cr {
  z-index: 50000;
  position: fixed; }

#growls-default {
  top: 10px;
  right: 10px; }
#growls-tl {
  top: 10px;
  left: 10px; }
#growls-tr {
  top: 10px;
  right: 10px; }
#growls-bl {
  bottom: 10px;
  left: 10px; }
#growls-br {
  bottom: 10px;
  right: 10px; }
#growls-tc {
  top: 10px;
  right: 10px;
  left: 10px; }
#growls-bc {
  bottom: 10px;
  right: 10px;
  left: 10px; }
#growls-cc {
  top: 50%;
  left: 50%;
  margin-left: -125px; }
#growls-cl {
  top: 50%;
  left: 10px; }
#growls-cr {
  top: 50%;
  right: 10px; }
#growls-tc .growl, #growls-bc .growl {
  margin-left: auto;
  margin-right: auto; }

.growl {
  opacity: 0.8;
  filter: alpha(opacity=80);
  position: relative;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; }
  .growl.growl-incoming {
    opacity: 0;
    filter: alpha(opacity=0); }
  .growl.growl-outgoing {
    opacity: 0;
    filter: alpha(opacity=0); }
  .growl.growl-small {
    width: 200px;
    padding: 5px;
    margin: 5px; }
  .growl.growl-medium {
    width: 250px;
    padding: 10px;
    margin: 10px; }
  .growl.growl-large {
    width: 300px;
    padding: 15px;
    margin: 15px; }
  .growl.growl-default {
    color: #FFF;
    background: #7f8c8d; }
  .growl.growl-error
{
    color: #FFF;
    background: #CC3300;
}
  .growl.growl-notice {
    color: #FFF;
    background: #2ECC71; }
  .growl.growl-warning {
    color: #FFF;
    background: #F39C12; }
  .growl .growl-close {
    cursor: pointer;
    float: right;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    font-family: helvetica, verdana, sans-serif; }
  .growl .growl-title {
    font-size: 18px;
    line-height: 24px; }
  .growl .growl-message {
    font-size: 14px;
    line-height: 18px; }