body
{

width:100%;
height:100%;
/*min-width:40em;*/
max-height:100%;
margin:0;
top:0%;
right:0%;
left:0%;
font-family:Calibri;
font-size:10pt;
margin-bottom:0px;
}

.container {
    margin-left: 20px;
}

.nomove {
    position: absolute;
    left: 0px;
    width: 100px;
}

.clearer {
    clear: both;
    width: 100%;
    height: 2px;
}

.seperator {
    clear: both;
    width: 100%;
    height: 2px;
    text-decoration:underline;
    color:navy;
    }

.actionBarTd {
    background-color: #E1E8F5;
    padding: 0;
    border: solid;
    border: 1px solid silver;
}

.dummie {
    color: transparent;
    width: 100px;
    }

#fitwindow {
    background-color:white;
    height: 100%;
    width: 100%;
    margin: 0;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    font-family:Calibri;
    }

form {
    width: 100%;
    height: 100%;
    }

.formattext {
    color: #003B5C;
    font-size:9pt;
    font-family:Calibri;
}

#header {

    top:0%;
width:100%;

 height: 70px;

    /*background: #43695B left top;*/
    background: #191970 left top;
    margin: 0px;
}
    #header h1 {
        margin: 0px;
        font-family: verdana, arial, sans-serif;
        font-size: 28px;
        color: #ffffff;
        letter-spacing: -1px;
    }

    #header h2 {
        margin: 0px;
        font-family: calibri;
        font-size: x-large;
        color: #fffff6;
        letter-spacing: 1px;
        text-align: right;
        vertical-align: bottom;
    }

.h3 {
    letter-spacing: 1px;
    font-family: Calibri;
    font-weight: bold;
    font-size: 12pt;
    color: #003B5C;
    text-align: left;
    float:left;
    margin-bottom:10px;
}

.pagecaption {
    letter-spacing: 1px;
    font-family: Calibri;
    font-weight: bold;
    font-size: 12pt;
    color: #003B5C;
    text-align: left;
    float:left;
    margin-left:4px;
    margin-bottom:10px;
}
.line {
    border-bottom-width: 1px;
    width: 100%;
    margin-top: 2px; /*margin-bottom: 2px;*/
    border-bottom-color: #A4DFFF;
    border-bottom-style: solid;
}

.line2 {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    width: 100%;
    /*margin-top: 2px;*/
    /*margin-bottom: 2px;*/
    border-bottom-color: #A4DFFF;
}

.checkbox {
    font-family: Calibri;
    font-weight: bold;
    font-size: 11px;
}
#divcontent {
    overflow:auto;
    padding:4px;
}

#ContentPage {
    min-width: 35em;
    width: 100%;
    position: relative;
    overflow: hidden;

    margin:0;
    padding:0;
}

#MyMenu {
    background: #AEAEAE;
    width: 100%;
    height: 23px;
    margin-top: 1px;
    vertical-align: top; /* min-width: 9em;*/ /* min-height: 35px;*/ /*30em;*/
    clear: both;
    display: inline-block;
    overflow-x: auto;
}

#footer {
    height: 20px;
    width: 100%;
    clear: both;
    min-width: 40em;
    /*background-color: #43695B;*/
    background-color: #191970;
    margin: 0;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
     border-top: 2px solid white;
     vertical-align:middle;
     
}


.navigation {
    
    border-right: 1px solid white;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    line-height: 23px;
    text-decoration: none;
    padding: 0 12px;
    position: relative;
}

    .navigation a {
        background: #AEAEAE left top;
        border-right: 1px solid #fffff6;
        color: #fff;
        display: block;
        float: left;
        font-size: 12px;
        font-family: Arial;
        font-weight: bold;
        line-height: 23px;
        text-decoration: none;
        padding: 0 12px;
        position: relative;
    }

a.navigation:hover {
    background: #AEAEAE left top;
    border-right: 1px solid #fffff6;
    color: #003B5C;
    display: block;
    float: left;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    line-height: 23px;
    text-decoration: none;
    padding: 0 12px;
    position: relative;
}

.navselected {
    background: #AEAEAE left top;
    border-right: 1px solid #fffff6;
    color: #003B5C;
    display: block;
    float: left;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    line-height: 23px;
    text-decoration: none;
    padding: 0 12px;
    position: relative;
}

.navigationnoborders {
    background: #AEAEAE left top;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    line-height: 23px;
    text-decoration: none;
    padding: 0 12px;
    position: relative;
}

li {
    list-style: none;
}

 div#footer .footer-text {
        float: left;
        padding-left: 15px;
        color:white;
        font-size:8pt;
        vertical-align:middle;
    }

    div#footer .footer-date {
        float: right;
        padding-right: 15px;
        color:white;
        font-size:8pt;
        vertical-align:middle;
    }

.sidenav {
    margin-top: 0px;
    font-size: 1em;
    font-weight: bold;
    float: left;
    font-size: 10pt;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: normal;
    font-family: verdana, arial, sans-serif;
    height:100%;
    padding-top:1px;
    padding-bottom:3px;
    overflow:auto;
    width:170px;
    padding-right:4px;
    background-color:#43695B;
    
}

    .sidenav h2 {
        color: white;
        font-size: 1em;
        font-weight: bold;
        line-height: 30px;
        margin: 0;
        padding-left: 12px;
    }

    .sidenav ul {
        margin-top: 0px;
        padding: 1px;
        
        background-color: transparent;
    }

    .sidenav li {
        border-bottom: 1px solid #e4e4e4;
    background-color: transparent;
    color:white;
    }

        .sidenav li a {
            
            color: white;
            display: block;
            padding: 8px 0 8px 5%;
            text-decoration: none;
            color:white;
        }

            .sidenav li a:hover {
                background-color: #ebebeb;
                color: #654;
            }
            

 .sidenavcurrent {
    background-color: #C0C0C0;
    color: #CC6600;
}

.button {
    border-color: #333333;
    border-style: Groove;
    border-width: 1px;
}

.sendtocorpbutton {
    border-color: #333333;
    border-style: Groove;
    border-width: 1px;
    float:right;
    font-size:9pt;
}


.info {
    font-size: 13px;
    font-family: calibri;
    font-weight: bold;
    color: #F7F3F7;
    text-transform: capitalize;
    float: right;
    padding-right: 10px;
}

.errorinfo {
    font-size: medium;
    font-family: calibri;
    font-weight: bold;
    color: #CC0000;
    text-align: center;
    vertical-align: middle;
    line-height: 200px;
}
.infomessage {
    font-size: medium;
    font-family: calibri;
    font-weight: bold;
    color: darkblue;
    
}

a {
    color: #003B5C;
    font-family: Calibri;
    text-decoration: underline;
}

.grid-status {
    background-color: #fff;
    border-collapse: collapse;
    font-family: Calibri;
    font-size: 9pt;
    width: 100%;
    vertical-align:text-top;
}

    .grid-status td {
        padding: 0;
        margin: 0;
        color: #717171;
    }

    .grid-status th {
        padding: 4px 2px;
        color: #fff;
        background: #003B5C;
        opacity: 0.75;
        text-align: left;
    }

    .grid-status .alt {
       background: #DDDDDD;
    height: 20px;
    }

.grid-reports {
    padding: 1px;
    border: 1px solid #003B5C;
    width: 55%;
    background-color: #fff;
    margin: 2px 0 5px 0;
    border-collapse: collapse;
    font-family: Calibri;
    font-size: 12px;
    table-layout: auto;
    color: #000000;
    vertical-align:text-top;
}

    .grid-reports td {
        color: #717171;
        height: 25px;
        vertical-align:text-top;
    }

    .grid-reports th {
        padding: 4px 0;
        color: #fff;
        background: #003B5C;
        opacity: 0.75;
        font-size: 0.9em;
        border: 1px solid #003B5C;
        text-align: left;
    }

    .grid-reports .alt {
        background: #DDDDDD;
    height: 25px;
    vertical-align:text-top;

    }

.grid-upload {
    background-color: #fff;
    margin: 5px 0 10px 0;
    border-color: #003B5C;
    border-collapse: collapse;
    vertical-align:text-top;
}

    .grid-upload td {
        font-family: Calibri;
        font-size: small;
        vertical-align: middle;
        height: 20px;
        vertical-align:text-top;
    }

    .grid-upload th {
        padding: 4px 2px;
        color: #fff;
        background: #003B5C;
        opacity: 0.75;
        font-size: 0.9em;
        text-align: left;

    }

    .grid-upload .alt {
    background: #DDDDDD;
    height: 20px;
    vertical-align:text-top;
    }

.grid-upload-small {
    background-color: #fff;
    margin: 5px 0 10px 0;
    border-color: #003B5C;
    border-collapse: collapse;
    font-family: Calibri;
}

.grid-upload-small td {
    font-family: arial;
    font-size: 8px;
    vertical-align: middle;
    font-family: Calibri;
}

.grid-upload-small th {
    padding: 4px 2px;
    color: #fff;
    background: #003B5C;
    opacity: 0.75;
    font-family: Calibri;
    font-size: 8px;
    border: 1px solid #003B5C;
    text-align: left;
}

.grid-upload-small .alt {
    background: #F5F5F5;
}

.grid-bcnr {
    border: 1px solid #003B5C;
    margin: 5px 0 10px 0;
    border-collapse: collapse;
    vertical-align:text-top;
}


.grid-bcnr td {
    font-family: Calibri;
        font-size: small;
        vertical-align: middle;
        height: 20px;
        vertical-align:text-top;
}

.grid-bcnr th {
     padding: 4px 2px;
    color: #fff;
    background: #003B5C;
    opacity: 0.75;
    font-size: 0.9em;
    text-align: left;
    vertical-align:text-top;
}

.grid-bcnr .alt {
    background: #DDDDDD;
    height: 20px;
}

.grid-bcnr .footer {
    border-top :1px solid #DDDDDD;
    height: 20px;
}

.hiddenCol {
    display: none;
    width: 5px;
}

.GVFixedHeader {
    font-weight: bold;
    background-color: Green;
    position: relative;
    top: expression(this.parentNode.parentNode.parentNode.scrollTop-1);
}

.FontStyleRed {
    color: red;
}

.FontStyleBlue {
    color: blue;
}

.buttonStyle1 {
    border-style: solid;
    border-width: 0px;
    background-color:transparent;
    height: 15px;
    font-size:8pt;
    color: blue;
    text-decoration:underline;
}

.buttonStyle2 {
    background-color: transparent;
    border-style: solid;
    border-width: 0;
    height: 15px;
    font-size:8pt;
    color: red;
    text-decoration:underline;
}

.buttonStyle3 {
    border-style: solid;
    border-width: 1px;
    border-color: gray;
    height: 20px;
    color: blue;
    float:right;
    font-size:9pt;
}

.noDisplay {
    display: none;
}

.modalBackground {
    background-color: gray;
    filter: alpha(opacity=40);
    opacity: 0.5;
}

.SentCorpStyle {
    font-family: Arial;
    font-size: 9px;
    color: blue;
}

.txtBoxBlue {
    border-color: #003366;
    border-style: none;
    color: #FFFFFF;
    background-color: #003366;
}

.grid-payments {
    width: 100%;
    font-family: Calibri;
    font-size: 12px;
    color: #000000;
    border-collapse: collapse;
    border-style: none;
    empty-cells: hide;
    padding: 0;
}

    .grid-payments td {
        text-align: center;
        padding: 0;
    }

    .grid-payments th {
        border: 0;
        padding: 4px 0;
        color: #fff;
        background: #003B5C;
        opacity: 0.75;
        font-size: 0.9em;
        border: 1px solid #003B5C;
        text-align: center;
    }

    .grid-payments .alt {
        background: #F5F5F5;
    }

.td-left {
    text-align: left;
}

.td-center {
    text-align: center;
}

.td-right {
    text-align: right;
}

.td-border {
    border-style: solid;
    border-width: 1px;
}

.td-backcolor {
    border: 1px solid #000000;
    background-color: #006699;
    color: #FFFFFF;
    font-weight: bold;
}

.td-grandtotal {
    background-color: #006666;
    color: #FFFFFF;
    text-align: center;
    font-weight: bold;
}

.td-total {
    background-color: #D2F4FF;
    color: #000000;
    text-align: center;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-top-width: 1px;
}

.th {
    border: 0;
    padding: 4px 0;
    color: #fff;
    font-weight: bold;
    background: #003B5C;
    opacity: 0.75;
    font-size: 0.9em;
    border: 1px solid #003B5C;
    text-align: center;
}

.td-commentsbox {
    border-style: solid;
    border-width: 1px;
    text-align: left;
}

.td-textbox {
    Width: 75px;
    border-style: solid;
    border-width: 1px;
    text-align: center;
}

.td-textboxborderrightleft {
    Width: 75px;
    text-align: center;
    border-right-style: solid;
    border-right-width: 1px;
    border-left-style: solid;
    border-left-width: 1px;
}



.commentsbox {
    border-style: solid;
    border-width: 1px;
    overflow: hidden;
    Width: 250px;
    height: 75px;
}

.td-textboxColor {
    background-color: #D2F4FF;
    Width: 75px;
    border-style: none;
    border-width: 1px;
    text-align: center;
}

.tableCreate td, th {
    border: 1px solid #999;
    padding: 0.5rem;
    font-family: Calibri;
    font-size: 12px;
}

.tableCreate td, th {
    border: 1px solid #999;
    padding: 0.5rem;
    font-family: Calibri;
    font-size: 12px;
}

.tdcol-center {
    border: 1px solid #e4e4e4;
    background-color: #F5F5F5;
    font-family: Calibri;
    font-weight: bold;
    font-size: medium;
    color: #3399FF;
    text-align: center;
}

.td-grayHeader {
    font-family: Calibri;
    font-weight: bold;
    font-size: 14px;
    line-height: 30px;
    color: #43695B;
    margin-left: 2px;
}
.tdborder {
    background-color: #D3D3D3;
}

.table {
    width: 100%;
    border: 1px solid #999;
    border-spacing:0;
    
}

.table-noborder {
    
    width: 100%;
}


.td-gray {
    background-color: #E4E4E4;
    font-family: Calibri;
    font-size: 12px;
    text-align:right;
    vertical-align:text-top;
}

.exceptionmsg {
    font-family: Calibri;
    font-size: 12px;
    font-weight: bold;
    color: red;
}

.successmsg {
    font-family: Calibri;
    font-size: 12px;
    font-weight: bold;
    color: green;
}

.popup-panel {
    max-height:900px;
    max-width:1550px;
    background-color:blanchedalmond;
    overflow:auto;
}

.dropdown {
    font-size: 9pt; 
    font-family: Calibri;
}

.textbox {
    border: 1px solid #B0B0B0;
    text-align: left;
    font-size: 9pt;
    font-family: Calibri;
}


.popup-panel-small {
    max-height:600px;
    max-width:1000px;
    background-color:blanchedalmond;
    overflow:auto;
}

.pagerStyle {
    font-size:12px;
    background-color: #003B5C; 
    font-weight:bold
}
.pagerStyle a { color: white; text-decoration: none; }
.pagerStyle hover { color: yellow; text-decoration: none; } 
.pagerStyle span { color:gold; font-weight:bold; font-size:14pt;}
.pagerStyle td { padding-left: 4px; padding-right: 4px;}