body {
    font-family: Arial;
    font-size: 12px;
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    background-color: #004080;
}
table{
    border-collapse:collapse; 
    empty-cells: show
}
h5{
    display:inline;
    font-size:9px;
    font-weight:normal;
}
.redtext{
    color:red;
}
td.menuheader {
    padding-left: 2;
    font-size: 12px;
    font-weight: bold;
}

td.menuheaderlink {
    cursor: pointer;
    padding-left: 2;
    font-size: 12px;
    font-weight: bold;
}

td.menuheaderlinkselected {
    cursor: pointer;
    padding-left: 2;
    font-size: 12px;
    font-weight: bold;
    background-color: #FFFF99;
}

td.menuheaderlinkhover {
    cursor: pointer;
    padding-left: 2;
    font-size: 12px;
    font-weight: bold;
    background-color: #FFFFDC;
}

td.menulink {
    cursor: pointer;
    padding-left: 15px;
    font-size: 10px;
}

td.menulinkselected {
    cursor: pointer;
    padding-left: 15px;
    font-size: 10px;
    background-color: #FFFF99;
}

td.menulinkhover {
    cursor: pointer;
    padding-left: 15px;
    font-size: 10px;
    background-color: #FFFFDC;
}

td.columnheader {
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    border-bottom: 1px solid #004080;
}

td.columnheadercenter {
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    border-bottom: 1px solid #004080;
}
td.button {
    cursor: pointer;
    padding-left: 3px;
    padding-right: 3px;
}

td.evenrecordline {
    background-color: #C6E2FF;
}

td.oddrecordline {
    background-color: #AAD5FF;
}

tr.evenrecordline {
    background-color: #C6E2FF;
}

tr.oddrecordline {
    background-color: #AAD5FF;
}

tr.hover {
    background-color: #4BA9EB;
}

td.hover {
    background-color: #4BA9EB;
}

td {
    font-size: 12px;
}

td.popupheader {
    background-color: #036CFE;
    padding-left: 10px;
    text-align: left;
    color: #FFFFFF;
    font-weight: bold;
}

td.errormessage {
    font-weight: bold;
    color: #EE3124;
}

.grey {
    color: #999999;
    background-color: #DDDDDD;
}

td.dirty {
    background-color: #FFC1C1;
}

td.clean {
    background-color: #D5F0E9;
}
.pointerHand{
    cursor: pointer;
}
.vtop{
    vertical-align:top;
}
.vmiddle{
    vertical-align:middle;
}
.vbottom{
    vertical-align:bottom;
}
.tcenter{
    text-align:center;
}
.tright{
    text-align:right;
}
.fright{
    float:right;
}
.tleft{
    text-align:left;
}
.autoMargin{
    margin-left:auto;
    margin-right:auto;
}
.visHidden{
    visibility: hidden:
}
.dispNone{
    display:none;
}
.bgDarkBlue{
    background-color:#004080;
}
.bgLightBlue{
    background-color:#C6E2FF;
}
.bgBlack{
    background-color:#000000;
}
.bgWhite{
    background-color:#FFFFFF;
}
.bgLightGrey{
    background-color:lightgrey;
}
.maxWidth{
    width: 100%;
}
.maxHeight{
    height: 100%;
}
.halfWidth{
    width: 50%;
}
.halfHeight{
    height:50%;
}
.bBorder{
    border: 1px solid #000000;
}
.bBorderl{
    border-left: 1px solid #000000;
}
.bBordert{
    border-top: 1px solid #000000;
}
.bBorderr{
    border-right: 1px solid #000000;
}
.bBorderb{
    border-bottom: 1px solid #000000;
}
.bBorder2{
    border: 2px solid #000000;
}
.bBorderl2{
    border-left: 2px solid #000000;
}
.bBordert2{
    border-top: 2px solid #000000;
}
.bBorderr2{
    border-right: 2px solid #000000;
}
.bBorderb2{
    border-bottom: 2px solid #000000;
}
.bBorderl3{
    border-left: 3px solid #000000;
}
.bBordert3{
    border-top: 3px solid #000000;
}
.bBorderr3{
    border-right: 3px solid #000000;
}
.bBorderb3{
    border-bottom: 3px solid #000000;
}
.gBorder{
    border: 1px solid #DCDCDC;
}
.gBorderl{
    border-left: 1px solid #DCDCDC;
}
.gBordert{
    border-top: 1px solid #DCDCDC;
}
.gBorderr{
    border-right: 1px solid #DCDCDC;
}
.gBorderb{
    border-bottom: 1px solid #DCDCDC;
}
.dgBorder{
    border: 1px solid #888888;
}
.dgBorderl{
    border-left: 1px solid #888888;
}
.dgBordert{
    border-top: 1px solid #888888;
}
.dgBorderr{
    border-right: 1px solid #888888;
}
.dgBorderb{
    border-bottom: 1px solid #888888;
}
.dblueBorder{
    border: 1px solid #004080;
}
.dblueBorderl{
    border-left: 1px solid #004080;
}
.dblueBordert{
    border-top: 1px solid #004080;
}
.dblueBorderr{
    border-right: 1px solid #004080;
}
.dblueBorderb{
    border-bottom: 1px solid #004080;
}
td.headerText{
    font-size:15px;
    font-weight: bold;
}
td.bigHeaderText{
    font-size:18px;
    font-weight: bold;
}
td.smallText{
    font-size:10px;
}
td.smallText11{
    font-size:11px;
}
td.bigText{
    font-size:14px;
}
td.bigText15{
    font-size:15px;
}
td.whiteHeaderText{
    color:#FFFFFF;
    font-size:12px;
    font-weight: bold;
}
.pageBreak{
    page-break-before:always;
}
.padlr3{
    padding-left:3px;
    padding-right:3px;
}
.sidePadding{
    padding:0px 5px;
}
.smallSidePadding{
    padding:0px 2px;
}
.tbPadding{
    padding:5px 0px;
}
.smallTBPadding{
    padding:2px 0px;
}
.allPadding{
    padding:5px;
}
.smallAllPadding{
    padding:3px;
}
.pad10{
    padding: 10px
}
td.reportcolumnheading {
    font-weight: bold;
    border-bottom: 2px solid #000000;
}

td.reporttitle {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

td.smallgreytext {
    font-size: 10px;
    color: #C0C0C0;
}
td.greytext {
    font-size: 11px;
    color: #B0B0B0;
}
td.bluetext {
    color: #004080;
}
td.bluetextHeader {
    color: #004080;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
}
td.bluetextHeader16 {
    color: #004080;
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
}
a.bluetextHeaderLink {
    color: #004080;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
}
a.bluetextHeaderLink:hover {
    color: #004080;
    font-weight: bold;
    font-size: 14px;
    text-decoration: underline;
}
td.whitetext {
    color: #FFFFFF;
}
.mandatory{
    background-color:#DDDDDD;
}
input.readonly{
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #000000;
    background-color: C6E2FF;
}
textarea.readonly{
    border: 1px solid #000000;
    background-color: C6E2FF;
    font-family: Arial;
    font-size: 12px;
}
th { 
    background-color:lightgrey; 
    font-size:12px;
} 
thead { 
    display:table-header-group; 
} 
tbody { 
    display:table-row-group; 
} 
.highlightErrors{
    background-color:#CFEAF3;
}
a.section{
    border:1px solid #DCDCDC;
    background-color: #F3F3F3;
    color:#464646;
    font-size:12px;
    font-weight:bold;
    text-decoration: none;
    padding:6px;
    height:29px;
    width:192px;
}
a.section:hover{
    border:1px solid #C5C5C5;
    background-color: #F3F3F3;
    color:#000000;
    font-size:12px;
    font-weight:bold;
    text-decoration: none;
    padding:6px;
    height:29px;
    width:192px;
}
a.sectionCurrent{
    border:1px solid #C6C6C6;
    background-color: #1F84D2;
    color:#FFF;
    font-size:12px;
    font-weight:bold;
    text-decoration: none;
    padding:6px;
    height:29px;
    width:192px;
    cursor:default;
}

.sectionContainer{
    height:41px;
    width:204px;
    padding:7px 25px;
}
.narrowTextHeader{
    font-family: Arial, Verdana, sans-serif;
    letter-spacing: -1px;
    font-size:12px;
}
.narrowText{
    font-family: Arial, Verdana, sans-serif;
    letter-spacing: -1px;
    font-size:11px;
}
.noticeText{
    color:#546D8E;
    font-size:13px;
}
a.headerLink{
    color:#000;
    font-weight:bold;
    text-decoration:none;
}
a.headerLink:hover{
    color:#000;
    font-weight:bold;
    text-decoration:underline;
}

            #home_outerContainer{
                postition:relative;
                background-color:#E8E8E8;
                vertical-align:top;
                text-align:center;
                height:100%;
            }
            #home_innerContainer{
                width:950px;
                height:100%;
            }
            .home_systemupdateCol1{
                width:27%;
            }
            .home_systemupdateCol2{
                width:73%;
            }
            .home_banner{
                background-color:#015581;
                text-align:right;
                height:90px;
                padding-right:25px;
                padding-bottom:2px;
                vertical-align:bottom;
            }
            #home_errorContainer{
                border:2px solid #D14836;
                padding:5px;
                background-color:#FFF;
            }
            #home_errorHeader{
                font-family:Arial, Verdana, Trebuchet;
                font-size:12px;
                font-weight:bold;
                color:#D14836;
                border-bottom:1px solid #D14836;
            }
            #home_errorText{
                font-family:Arial, Verdana, Trebuchet;
                font-size:12px;
                color:#015581;
            }
            .home_text1{
                font-family:Arial, Verdana, Trebuchet;
                font-size:19px;
                font-weight:bold;
                color:#FFF;
                padding-right:10px;
                vertical-align:bottom;
            }
            .home_text2{
                font-family:Arial, Verdana, Trebuchet;
                font-size:12px;
                font-weight:bold;
                color:#FFF;
            }
            .home_text2_link{
                font-family:Arial, Verdana, Trebuchet;
                font-size:12px;
                font-weight:bold;
                text-decoration:none;
                color:#FFF;
            }
            .home_text2_link:hover{
                font-family:Arial, Verdana, Trebuchet;
                font-size:12px;
                font-weight:bold;
                text-decoration:underline;
                color:#FFF;
            }
            .home_inputText{
                font-family:Arial, Verdana, Trebuchet;
                font-size:12px;
                width:130px;
                height:26px;
                padding:3px 0px 0px 5px;
                color:#484848;
            }
            .home_inputTextLight{
                font-family:Arial, Verdana, Trebuchet;
                font-size:12px;
                width:130px;
                height:26px;
                padding:3px 0px 0px 5px;
                color:#D0D0D0;
            }
            .home_buttonRedOut{
                font-family:Arial, Verdana, Trebuchet;
                font-size:12px;
                font-weight:bold;
                color:#FFF;
                background-color:#D14836;
                width:62px;
                height:26px;
                text-align:center;
                border:1px solid #B03928;
            }
            .home_buttonRedOver{
                font-family:Arial, Verdana, Trebuchet;
                font-size:12px;
                font-weight:bold;
                color:#FFF;
                background-color:#C7412E;
                width:62px;
                height:26px;
                text-align:center;
                border:1px solid #B03928;
                cursor:pointer;
            }
            a.smallWhiteLink{
                color:#FFF;
                font-family:Arial, Verdana, Trebuchet;
                font-size:12px;
                text-decoration:none;
            }
            a.smallWhiteLink:hover{
                color:#FFF;
                font-family:Arial, Verdana, Trebuchet;
                font-size:12px;
                text-decoration:underline;
            }
            #home_mainImage{
                background-image:url('images/mainimage_bg1.jpg');
                width:950;
                height:350;
                vertical-align:top;
                padding-left:130;
                padding-top:83;
            }
            #home_updatesContainer{
                text-align:center;
                background-color:#FFF;
                padding:0px 20px 20px 20px;
                height:100%;
            }
            #home_detailsContainer{
                text-align:center;
                background-color:#FFF;
                padding:20px 70px;
                height:100%;
            }
            .home_detailsHeader{
                font-family:Arial, Verdana, Trebuchet;
                font-size:18px;
                font-weight:bold;
                color:#015581;
                position:relative;
                display:block;
            }
            .home_detailsHeader2{
                font-family:Arial, Verdana, Trebuchet;
                font-size:14px;
                font-weight:bold;
                color:#015581;
                position:relative;
                display:block;
            }
            .home_detailsText{
                font-family:Arial, Verdana, Trebuchet;
                font-size:14px;
                color:#888888;
                padding:5px 0px;
            }
            .home_detailsLink{
                font-family:Arial, Verdana, Trebuchet;
                font-size:14px;
                color:#39B9FD;
                text-decoration:none;
            }
            .home_detailsLink:hover{
                font-family:Arial, Verdana, Trebuchet;
                font-size:14px;
                color:#029DF0;
                text-decoration:none;
            }
            .home_detailsLinkOver{
                font-family:Arial, Verdana, Trebuchet;
                font-size:14px;
                color:#029DF0;
                text-decoration:none;

                font-weight:bold;
            }
            .home_separatorRed{
                background-color:#D14836;
                margin:0px 25px;
            }
            #home_footer{
                background-color:#015581;
                height:70px;
                padding:5px 25px;
            }
            #home_submenuHeader{
                font-family:Arial, Verdana, Trebuchet;
                font-size:12px;
                font-weight:bold;
                color:#015581;
            }
            a.home_submenuLink{
                font-family:Arial, Verdana, Trebuchet;
                font-size:12px;
                font-weight:normal;
                color:#39B9FD;
                text-decoration:none;
            }
            a.home_submenuLink:hover{
                font-family:Arial, Verdana, Trebuchet;
                font-size:12px;
                font-weight:normal;
                color:#39B9FD;
                text-decoration:underline;
            }
            a.home_linkbutton{
                font-family:Arial, Verdana, Trebuchet;
                font-size:14px;
                font-weight:bold;
                color:#015581;
                position:relative;
                display:block;
                background-color:#F5F5F5;
                width:120px;
                margin:6px 0px;
                padding:7px;
                border:1px solid #E5E5E5;
                text-decoration:none;
            }
            a.home_linkbutton:hover{
                font-family:Arial, Verdana, Trebuchet;
                font-size:14px;
                font-weight:bold;
                color:#015581;
                position:relative;
                display:block;
                background-color:#F3F3F3;
                width:120px;
                margin:6px 0px;
                padding:7px;
                border:1px solid #E5E5E5;
                text-decoration:none;
            }
            .userName{
                width: 180px;
            }
            .password{
                width: 170px;
           }


.nowrap{
	white-space: nowrap;
}
.fullAlert{
	width:300px;
	height:200px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	background-color:#FFF;
	font-size:12px;
}
.fullAlertHeader{
	padding: 10px;
	border-bottom:1px solid #DDDDDD;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	-ms-border-top-left-radius: 5px;
	-o-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-ms-border-top-right-radius: 5px;
	-o-border-top-right-radius: px;
	border-top-right-radius: 5px;
	color: white;
	font-size: 12px;
	font-weight: bold;
}
.bgBlue{
	background-color: #003E82;
}
table.fullAlert thead tr td{
	padding:5px;
}
#tblDeptAudit tr td{
	padding:5px;
}
table.fullAlert tfoot tr td{
	padding:5px;
	border-top:1px solid #DDD;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-bottom-left-radius:5px;
	-ms-border-bottom-left-radius:5px;
	-o-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-bottom-right-radius:5px;
	-ms-border-bottom-right-radius:5px;
	-o-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
	background-color:#F6F6F6;
	text-align:right;
}
.numberInBox {

	font-size:30px;
         border: solid 1px #000;
        
      }


.PODStepHeader{
    font-size: 18px;
    font-family: arial, helvetica, sans-serif;
}
.PODStepContainer{
    width: 200px;
    height: 300px; 
    background-color: #FFF;
    border: 1px solid #004A94;
}
.PODStepContainerLarge{
    width: 260px;
}
.PODStepText{
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    line-height: 20px;
    vertical-align: top;
}
.PODStepButtonContainer{
    vertical-align:bottom;
    text-align: center;
}
.pure-button {
    display: inline-block;
    *display: inline;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: baseline;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pure-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pure-button {
    font-family: inherit;
    font-size: 100%;
    *font-size: 90%;
    *overflow: visible;
    padding: .5em 3em;
    color: #444;
    color: rgba(0, 0, 0, .8);
    *color: #444;
    border: 1px solid #999;
    border: 0 rgba(0, 0, 0, 0);
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 2px
}

.pure-button:hover, .pure-button:focus {
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .1)));
    background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .1));
    background-image: -o-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));
    background-image: linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1))
}

.pure-button:focus {
    outline: 0
}
.pure-button-primary {
    background-color: #0078e7;
    color: #fff;
/*    border: 1px solid #006ed3; */
}
.pure-button-grey {
    background-color: #B0B0B0;
    color: #fff;
/*    border: 1px solid #E0E0E0; */
}
.printShow{
    display: none;
}


/* START tablesort CSS */
table.tablesorter {
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #FFF;
	text-align:left;
	font-size: 8pt;
	padding: 4px 20px 4px 4px;
}
table.tablesorter thead tr .header {
	background-image: url(images/sort_bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	background-color:#E9E9E9;
	border:1px solid #CCC;
	cursor: pointer;
	color:#000;
}
table.tablesorter thead tr .header:hover {
	background-color:#DCDCDC;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	vertical-align: top;
	border-bottom: 1px solid #CCC;
}
table.tablesorter tfoot td {
	color: #3D3D3D;
	padding: 4px;
	border-top:2px solid #CCC;
	font-weight: bold;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(images/sort_asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(images/sort_desc.gif);
}
table.tablesorter tbody tr {
}
table.tablesorter tbody tr:hover {
	background: #F3F3F3;
}

/* END tablesort CSS */


/* START CUSTOM DatePicker CSS */
#ui-datepicker-div {
    font-size:11px;
}
.ui-datepicker-trigger {
    margin-left:5px;
    vertical-align: middle;
    cursor:pointer;
}
/* END CUSTOM DatePicker CSS */


/* START Modal Box CSS */
#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
/* END Modal Box CSS */

@media print
{
    .printHide{
        display:none;
    }
    .printShow{
        display: block;
    }
    th { 
        background-color:lightgrey; 
        font-size:12px;
    } 
    thead { 
        display:table-header-group; 
    } 
    tbody { 
        display:table-row-group; 
    } 
}

#loginBody {
  background: #FFF;
}

#loginContainer {
    left: 50%;
    position: fixed;
    top: 40%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#login {
    width: 330px;
}

.passwordReset{        
        border: 0px;
        padding: 10px;
        padding-left: 0px;
        padding-bottom: 10px;    
        white-space: nowrap;
        
}

.innerPassStrength{
	color: #000;
	line-height: 12px;
}

.innerPassStrength li{
	display: block;
list-style: none;
}

.innerPassStrength i{
	font-size: 17px!important;
	color: #bbb;
}

.li-pass i{
	color: #3EB758;
}

.dispNone{
	display: none !important;
}

.newPass{
        width: 95%;
}

.passwordLink{
        padding-bottom: 7px;
}

.passwordBox {
        border: 5px solid #b3c6d4;
        padding: 9px;
        border-collapse: initial;
        background-color: #b3c6d4;
}
.btn-Update{
-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    padding: 8px 5px;
    border: none;
    height: 28px;
    margin: 3px;
    white-space: nowrap;
    background-color: rgba(127, 207, 41, 1);
}
.passwordDiv{
    padding: 10px;
}
.alignRight{
    text-align: right;
}
.my-error-class {
    display:block;
    padding-top: 4px;
    padding-bottom: 10px;
    color:#de553e;  /* red */
}
.my-error-class-inline {
    display: inline;
    padding: 4px;
    padding-left: 10px;
    color: #de553e;
    white-space: nowrap;
    font-size: 12px;
}
.my-error-class-box {
    display:block;
    padding: 5px;
    color: #b23230;
    background-color: #ecc8c4;
    border-collapse: separate !important;
    border-radius: 4px;
    border: 1px solid #c89292;  
    margin-bottom: 10px;
    text-align: left !important;
}
.my-valid-class {
    color:#00CC00; /* green */
}
#frmForgot form input[type="text"], #login form input[type="password"] {
    border: 2px solid #3b4148;
    border-radius: 0px 3px 3px 0px;
    background-color: #FFF;
    color: #606468;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 0 16px;
    width: 230px;
}
#frmForgot form input {
    height: 50px;
}
#loginBody form span {
    background-color: #005581;
    border-radius: 3px 0px 0px 3px;
    color: #dddddd;
    display: block;
    float: left;
    line-height: 31px;
    text-align: center;
    width: 30px;