﻿html {
    background: url("../Images/pageBG.gif") repeat-x scroll left top #F8F8F8;
    color: #333333;
    direction: ltr;
    font: 81.25%/1 SegoeUI,arial,helvetica,sans-serif;
}

html, body, div, h1, h2, h3, h4, h5, h6, p, img, dl, dt, dd, ol, ul, li, table, tr, td, form, object, embed, article, aside, canvas, command, details, figcaption, figure, footer, group, header, hgroup, mark, menu, meter, nav, output, progress, section, summary, time, audio, video {
    border: 0 none;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    color: #222222;
    font-size: 1.54em;
    font-weight: normal;
    line-height: 24px;
    margin: 0 0 0.46em;
}

body {
    font-size: 13px;
    line-height: 1.23;
    margin: 0 auto;
    min-width: 990px;
    width: 990px;
}

body a {
    color: #1874A0;
    text-decoration: none;
}

.right {
    float:right;
}

body a:hover, body a:hover .time, body a:hover .shade, body a:hover .understate {
    color: #FF9C00;
    text-decoration: none;
}

body a.understate, body a .understate {
    color: inherit;
    text-decoration: none;
}

.body_wrapper {
    -moz-border-radius: 5px 5px 5px 5px;
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 10px 20px;
}

input, textarea, button, select {
    font-family: Tahoma,Calibri,Verdana,Geneva,sans-serif !important;
}

li {
    list-style: none outside none;
}

.button {
    -moz-border-radius: 0 0 0 0;
    background: url("../images/generic_button.png") repeat-x scroll left top #E9E9E9;
    border: 1px solid #A8A8A8;
    color: #424242;
    font: bold 11px Tahoma,Calibri,Verdana,Geneva,sans-serif;
    padding: 5.5px 7px;
}
.button:hover
{
    background: url("../images/generic_button.png") repeat-x scroll 0 0 #EFEFEF;
    color: #DDECFF;
}

.navtabs li {
    border-right: 0 none;
    float: left;
}

.LoginStatus 
{
    Color: #000 !important;
 }

.button {
    -moz-border-radius: 0 0 0 0;
    background: url("../images/generic_button.png") repeat-x scroll left top #E9E9E9;
    border: 1px solid #A8A8A8;
    color: #424242;
    font: bold 11px Tahoma,Calibri,Verdana,Geneva,sans-serif;
    padding: 2.5px 5px;
}


#Logo img
{
    margin-top:8px;    
    height: 80px;
    width: 80px;
}

#m_cph_Main_mReportType 
{
    margin-right:10px;
    float:left;    
}

.button:hover {
    background: url("../images/generic_button.png") repeat-x scroll 0 0 #EFEFEF;
    color: #424242;
}

.doc_header {
    height: 184px;
    position: relative;
}

.doc_header {
    color: #C3C3C3;
    min-height: 35px;
    position: relative;
}

.floatcontainer, .formcontrols .blockrow, dl.stats {
    display: block;
}

.headerWrap {
    background: url("../images/pageBG.gif") repeat-x scroll left top transparent;
    height: 103px;
}

.headerBox {
    height: 103px;
    position: relative;
}

.navbar {
    background: url("../images/navBG_blue.gif") repeat-x scroll left top transparent;
    color: #FFFFFF;
    font: 12px arial,helvetica,sans-serif;
    height: 81px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 980px;
}

.NavBarWrap {width:990px}
.navbarLeft {
    background: url("../images/navLeft_blue.gif") no-repeat scroll left top transparent;
    height: 81px;
}
.navbarRight {
    background: url("../images/navRight_blue.gif") no-repeat scroll right top transparent;
    height: 81px;
    padding: 0 9px;
}
#navtabs li.selected ul.floatcontainer {
    margin-top: 3px;
}
#navtabs li.selected ul.floatcontainer a:link, #navtabs li.selected ul.floatcontainer a:visited {
    height: 27px;
    line-height: 27px;
}
.navbar a {
    color: #FFFFFF;
}
.navbar a:hover {
    color: #FFFFFF;
}
.navtabs li:first-child {
    border-left: 0 none;
}
.navtabs li {
    border-right: 0 none;
    float: left;
}
.navtabs {
    padding-left: 0;
}
.navtabs ul {
    direction: ltr;
    left: 0;
    position: absolute;
    top: 46px;
    width: 100%;
}

.navtabs li li {
    background: none repeat scroll 0 0 transparent;
}
.navtabs ul li {
    border-right: 0 none;
    position: relative;
}
.navtabs li a {
    height: 46px;
    line-height: 46px;
}
.navtabs li a.navtab {
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    font-weight: 700;
    height: 46px;
    line-height: 46px;
    min-width: 60px;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
    width: auto !important;
    top: 61px;
    left: 544px;
}
.navtabs li a.navtab:hover
{
    background: url("../images/navBG_hover_blue.gif") repeat scroll center top #FF5050; 
    color: #FFFFFF;
}

.navtabs li {
    background: url("../images/navSplit.gif") no-repeat scroll right top transparent;
    float: left;
    padding-right: 2px;
}

.navtabs li.selected
{
    background: url("../images/navBG_hover_blue.gif") repeat scroll center top #F00000;
    float: left;
    height: 46px;
    color: #424242;
}


.navtabs li.selected a.navtab {
    color: #FFFFFF;
    z-index: 10;
}
.navtabs li.selected li a, .navbar_advanced_search li a {
    font: 12px/27px arial,helvetica,sans-serif;
    text-decoration: none;
}
.navtabs li.selected li {
    padding: 0 5px;
}
.navtabs li.selected li li {
    padding: 0 2px;
}
.navtabs li.selected li a {
    color: #FFFFFF;
    font-weight: 400;
    padding: 2px 5px;
}
.navbar_advanced_search li {
    clear: both;
    display: block;
    height: 27px;
}
.navbar_advanced_search li a {
    color: #FFFFFF;
}
.navbar_advanced_search li a:hover {
    color: #FFFFFF;
    text-decoration: none;
}
.navtabs li.selected li a:hover {
    color: #F8AEC1;
    text-decoration: none;
}
.navtabs li.selected .popupbody li > a {
    color: #000000;
    padding: 0 10px;
    text-indent: 0;
}
.navtabs li.selected li a.popupctrl {
    -moz-border-radius: 3px 3px 3px 3px;
    background: url("../Images/arrow.png") no-repeat scroll right center transparent;
    border: 1px solid transparent;
    color: #FFFFFF;
    padding-right: 15px;
}
.navtabs li.selected li:hover a.popupctrl.active, .navtabs li.selected li a.popupctrl.active, .navtabs li.selected li a.popupctrl:hover {
    color: #FFFFFF;
}

.readOnly 
{
    background:#efefef !important;    
}

InfoBoxLabel{
    -moz-user-select: none;
    display: inline;
    font-weight: bold;
    margin: 6px 0 0.5em;
    position: relative;
    width: 160px;
}

.input
{
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #C0C0C0 #D9D9D9 #D9D9D9;
    border-radius: 1px 1px 1px 1px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    height: 29px;
    line-height: 32px;
    margin: 0 7px;
    padding-left: 8px;
}

.breadcrumbs{
    border-color: #E6E6E7;
    border-style: none solid;
    border-width: 1px;
    color: #94A1A7;
    height: 39px;
    margin: 0px;
    padding: 0px;
    }
    
.requiredInfo
{
    color: #FE8476;
    font-weight: 600;
    font-family: 'segoe ui';
    font-size: 11px;
}

.requiredItem
{
    color: #FE8476;
    font-weight: 600;
    font-family: 'segoe ui';
    font-size: 14px;
    float:none;
}
.instructions
{
    background-color: #FFFFD7;
    border: 1px solid #C0C0C0;
    padding: 5px !important;
    margin: 0px 0px 25px 0px !important;
    vertical-align: middle;
}

#Logo
{
    float: left;
    height: 90px;
    margin: 7px 0 0;
    overflow: hidden;  
}

.WizardStep
{
   padding-bottom:5px;
   border-bottom:1px solid #E1E1E7;
   margin-bottom:10px
}

.WizardImage{margin-right:7px}

.WizardText
{
    margin-top: 5px;
    color: #808080;
    font-weight: 600;
    font-family: tahoma;
}

.addressItem
{
    background-color: #F3F3F3;
}

#contentMain {
    -moz-border-radius-bottomleft: 8px !important;
    -moz-border-radius-bottomright: 8px !important;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #E9E9E9 #E9E9E9;
    border-style: none solid solid;
    border-width: 0px 1px 1px 1px;
    min-height: 100px;
    padding: 12px 15px 15px;
    overflow: hidden;
}

#pageFooter {
    -moz-border-radius-bottomleft: 8px !important;
    -moz-border-radius-bottomright: 8px !important;
    -moz-border-radius-topleft: 8px !important;
    -moz-border-radius-topright: 8px !important;
    background: none repeat scroll 0 0 #EAEAEA;
    border: 1px solid #CFCECE;
    margin: 10px 0 0;
    min-height: 15px;
    padding: 10px;
    font: 81.25%/1 SegoeUI,arial,helvetica,sans-serif;
}

.bcRight {
    border-right: 1px solid #E6E6E7;
    height: 39px;
    padding: 9px 20px 0;
}

.signin-box, .accountchooser-box {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #E5E5E5;
    margin: 12px 260px 0;
    padding: 20px 25px 15px;
    overflow: hidden;
}

.signin-box h2 {
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    margin: 0 0 1.2em;
    position: relative;
}

.signin-box .username-label, .signin-box .password-label {
    -moz-user-select: none;
    display: block;
    font-weight: bold;
    margin: 0 0 0.5em;
}

strong {
    color: #222222;
}

.signin-box div {
    display: block;
    margin: 1.5em 0 0 ;
}

.signin-box table {width: 100%}

.errormsg {
    color: #DD4B39;
    display: block;
    line-height: 17px;
    margin: 0.5em 0 0;
}


.signin-box input[type="email"], .signin-box input[type="password"], .signin-box input[type="text"], .signin-box input[type="url"] {
    -moz-border-radius: 1px 1px 1px 1px;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #C0C0C0 #D9D9D9 #D9D9D9;
    border-right: 1px solid #D9D9D9;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    height: 29px;
    margin: 0;
    padding-left: 8px;
    width: 380px;
    font-size: 15px;
    line-height: 32px;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
}

.signin-box input[type="text"]:hover {
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    border-color: #A0A0A0 #B9B9B9 #B9B9B9;
    border-right: 1px solid #B9B9B9;
    border-style: solid;
    border-width: 1px;
}

.signin-box input[type="text"]:focus{
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
    border-color: #4D90FE;
    border-width:1px;
    border-style:solid;
    outline: medium none;
}

.signin-box input[type="email"][disabled="disabled"]:hover, .signin-box input[type="password"][disabled="disabled"]:hover, .signin-box input[type="text"][disabled="disabled"]:hover, .signin-box input[type="url"][disabled="disabled"]:hover {
    -moz-box-shadow: none;
}

.InfoBox div, .InfoBoxNormal div {
    clear:both;
    padding:3px 0px;
    overflow:hidden;
}


.InfoBox, .FilterBox, .InfoBoxNormal {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #E5E5E5;
    margin: 12px 12px 0;
    padding: 20px 25px 15px !important;
    overflow: hidden;
    float:left;
}

.FilterBox{float:none; margin-bottom:15px}

.InfoBox h2, .FilterBox h2, .InfoBoxNormal h2 {
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    margin: 0 0 1.2em;
    position: relative;
    top: 0px;
    left: 0px;
}

.FilterBox label{
    -moz-user-select: none;
    display: inline;
    font-weight: bold;
    margin: 2px 0 0.5em;
    position: relative;
    width: 35px;
    float: left;
}

.FilterBox .dxeButtonEdit, .InfoBox .dxeButtonEdit
{
    float:left;
    margin: 0px 10px;
   }

.InfoBox label, InfoBoxLabel{
    -moz-user-select: none;
    display: inline;
    font-weight: bold;
    margin: 6px 0 0.5em;
    position: relative;
    width: 190px;
}

.InfoBoxNormal label {-moz-user-select: none;
    display: inline;
    font-weight: bold;
    margin: 1px 10px 1px 0;
    position: relative;
    width: 145px;
}

#HeaderTitle
{
    float: left;
    font-family: Tahoma,Arial,segoe UI,helvetica;
    font-weight: 600;
    height: 103px;
    line-height: 103px;
    font-size: 20px;
    font-variant: small-caps;
    color: #FFFFFF;
    margin-left:25px;
}

.InfoBox label .left, .InfoBoxNormal label .left{
    text-align: left;
}

.InfoBox label .right, .InfoBoxNormal label .right{
    text-align: 
}

.InfoBox .left, .InfoBox .right, .InfoBoxNormal .left, .InfoBoxNormal .right { display: table-cell }

InfoBoxNormal .left, .InfoBoxNormal .right { display: table-cell }

.left  {float:left;
    }
.right {float:right;}

.InfoBox div input[type="text"], textarea {
    -moz-border-radius: 1px 1px 1px 1px;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #C0C0C0 #D9D9D9 #D9D9D9;
    border-right: 1px solid #D9D9D9;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    height: 29px;
    margin: 0px 7px;
    padding-left: 8px;
    line-height: 32px;
}

.InfoBox div input[type="text"]:hover {
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    border-color: #A0A0A0 #B9B9B9 #B9B9B9;
    border-right: 1px solid #B9B9B9;
    border-style: solid;
    border-width: 1px;
}

.InfoBox div  input[type="text"]:focus {
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
    border: 1px solid #4D90FE;
    outline: medium none;
}


.ReportViewerBottom{margin:0px 13px; border:1px #eee solid}
.ReportViewerTopHeader{margin: 0 12px;width: 934px;}

.breadcrumbs{
    border-color: #E6E6E7;
    border-style: none solid;
    border-width: 1px;
    color: #94A1A7;
    height: 39px;
    margin: 0px;
    padding: 0px;
    }
    
.breadcrumbs a:hover
{
    color: #000000;
}    

.breadcrumb_separator,.breadcrumb_separatorHome, .breadcrumb_home, .breadcrumb_node, .breadcrumb_current
{
    float:left;
    height: 39px;
    line-height:39px;
    padding: 0 5px;
    font-family: 'segoe ui';
    font-size: 11px;
    font-weight: 600;
    font-style: normal;
    color: #666666;
}

.breadcrumb_current
{
    font-family: 'segoe ui';
    font-weight: 100;
    font-style: normal;
    color: #999999;
}

.breadcrumb_home_image
{
 float: left;
 height: 38px;
 margin-right: 7px;
 width: 15px;
 background: url("../images/bc_hm_image.gif") no-repeat scroll center center transparent;
 }

.breadcrumb_separator, .breadcrumb_separatorHome
{
    width: 10px;    
}

.breadcrumb_separatorHome
{
    background: url("../images/bc_sep_home.gif") no-repeat scroll left top transparent;
}

.breadcrumb_separator
{
    background: url("../images/bc_sep.gif") no-repeat scroll left top transparent;
}

.breadcrumb_home
{
    background: url("../Images/bc_bg_home.gif") repeat-x scroll left top #C7CCCC;
    border-style: none solid;
    border-width: 1px 0 1px 0;
    padding-left: 5px;
    color: #ffffff;
}

.reportViewer
{
    margin: 5px auto;
    /*width: 690px !important;*/
}

.itex_footer
{
    width:73px;    
    height: 15px;
    float:right;
    background: url("../images/itex.gif") no-repeat scroll left center transparent;
    background-position:0px 0px;
}

.itex_footer:hover
{
    
    background: url("../images/itex.gif") no-repeat scroll left center transparent;
    background-position:-74px 0px;
}

.dateEdit input[type="text"], .ComboBox input[type="text"]
{
    height: 17px !important;
    line-height: 1.23 !important;
    padding-left:0px !important;
}

.dateEdit, .InfoBox div .dateEdit { float:left;margin: 0px 7px;}

#DownloadLoanApplication, #DownloadLeaveApplication {
    background-image: url("../images/pdf.png");
    background-repeat: no-repeat;
    padding-left: 20px;
}
