body {
    font-family: "Segoe UI", "Segoe UI Web Regular", "Segoe UI Symbol", "Helvetica Neue", "BBAlpha Sans", "S60 Sans", Arial, "sans-serif";
    color: #000;
    font-size: 88%;
    margin: 0px;
    padding: 0px;
}

.esouterwrapper {
    width: 100%;
    display: block;
    float: none;
    clear: both;
    margin: 0px auto;
    padding: 0px;
}

.f {
    display: block;
    float: none;
    clear: both;
    width: 100%;
}

.esHeader {
    display: block;
    float: none;
    clear: both;
    width: auto;
    height: 80px;
}

.esHeaderMargin {
    margin-top: 3px;
    height: 50px !important;
    .height: 70px !important;
}

.esRow {
    display: block;
    float: none;
    clear: both;
    min-width: 960px;
    margin-top: 70px;
}

.clear {
    display: block;
    float: none;
    clear: both;
}
/*  -----------------------------------*/
.for_height {
    clear: both;
    height: 130px;
}
/***********************************************************************************
						Logo and user info
***********************************************************************************/
.esLogo {
    float: left;
    margin-left: 1.5%;
}

.esUserInfo {
    float: right;
    text-align: right;
    color: #5c5c5c;
    font-size: 88%;
    margin-right: 1.5%;
}

    .esUserInfo p {
        margin: 0px;
        padding: 0px;
        line-height: 20px;
    }

.esUserName {
    color: #000;
    font-size: 110%;
}

.esUserEMail {
    color: #5c5c5c;
}

.esLastLogin {
}

.esLogout {
}

    .esLogout a {
        color: #1e45a4;
    }
/***********************************************************************************
									Menu 
***********************************************************************************/

.esMenuHolder {
    clear: both;
    display: block;
    float: none;
    width: 100%;
    height: 32px;
    background-color: #1e45a4;
}

.esMenu {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.esMainmenu {
    float: left;
}

.hasSubMenu a {
    background: url(../images/submenu-icon.png) no-repeat 95% center;
    border: solid 0px red;
}

.esMainmenu a {
    color: #fff;
    line-height: 32px;
    text-decoration: none;
    padding: 0px 30px;
    display: inline-block;
    outline: none;
}

    .esMainmenu a:hover {
        background-color: #2d54b4;
    }

    .esMainmenu a.active {
    }

.esMainmenu .last {
    border: 0px;
}

.esSubMenu {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    position: absolute;
    background-color: #fff;
    border: solid 2px #2d54b4;
    border-top: 0px;
    display: none;
    z-index: 100;
}

    .esSubMenu li {
        width: 100%;
    }

    .esSubMenu a {
        background: none;
        color: #000;
        line-height: normal;
        padding-top: 10px;
        padding-bottom: 10px;
        text-decoration: none;
        padding-left: 30px;
        display: block;
        width: 150px;
        line-height: normal;
    }

        .esSubMenu a:hover {
            background-color: #1E45A4;
            color: #fff;
            line-height: normal;
        }

        .esSubMenu a.active {
        }

    .esSubMenu .last {
        border: 0px;
    }

.esSubMenuItem ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    display: none;
    background-color: #fff;
    left: 100%;
    position: absolute;
    margin-top: -42px;
    border: solid 2px #2d54b4;
}
/*
.hasSubMenuItem a
{
    background:url(../images/submenu-icon.png) no-repeat 95% center;
    border: solid 0px red;    background-color:#368ee0; color:#fff;
 
}
.hasSubMenuItem a:hover
{
    background: url(../images/submenu-icon.png) no-repeat 95% center;      
    background-color:#368ee0; color:#fff;
}
.hasSubMenuItem ul li a
{    
    background-image:none;
    background-color:#fff; color:#368ee0;
}
.hasSubMenuItem ul li a:hover
{   
    background-image:none;
    background-color:#fff; color:#368ee0;
}


.level1 
{
    color: #fff;   
    text-decoration: none;   
    display: inline-block;
    outline: none; 
    
}
.level1 .static
{
    padding: 0px 30px;
}
.level2
{
    margin-top:10px;
}
.level2, .level3
{
    background: none;
    color: #000;
    line-height:normal;

    text-decoration: none;
    padding-left: 30px;
    display: block;
    width:150px;
    background-color:#fff;  
    border: solid 2px #2d54b4;
    border-top:0px;

    
}*/
/***********************************************************************************
									Quicklinks 
***********************************************************************************/

.esQuicklinkHolder {
    clear: both;
    display: block;
    float: none;
    width: 100%;
    height: 50px;
    background-color: #f6f6f6;
    border: solid 1px #e5e3e3;
    border-left: 0px;
    border-right: 0px;
    min-width: 900px;
    overflow: hidden;
    display: none;
}

.esQuicklinksMenu {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.esQuicklink {
    float: left;
}

    .esQuicklink a {
        color: #666666;
        line-height: 50px;
        text-decoration: none;
        padding: 0px;
        display: inline-block;
        font-size: 100%;
        padding: 0px;
        padding-left: 49px;
        padding-right: 20px;
        border-right: solid 1px #e5e3e3;
    }

        .esQuicklink a:hover {
            background-color: #666666;
            color: #f1f1f1;
        }

        .esQuicklink a.active {
        }

        .esQuicklink a.last {
            border: 0px;
        }

            .esQuicklink a.last:hover {
                border-right: solid 1px #666666;
            }

.esQuicklinkHolderNew {
    margin: 0px;
    padding: 0px;
    float: right;
    list-style-type: none;
    margin-right: 1.5%;
    margin-top: 3px;
    height: 70px;
}

.esQuicklinksMenuNew {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.esQuicklinkNew {
    float: left;
}

    .esQuicklinkNew a {
        color: #666666;
        text-decoration: none;
        padding: 0px;
        display: inline-block;
        padding: 0px;
        border: solid 1px #e5e3e3;
        width: 60px;
        height: 60px;
        overflow: hidden;
        margin-right: 5px;
    }

        .esQuicklinkNew a:hover {
            background-color: #666666;
            color: #f1f1f1;
        }

        .esQuicklinkNew a.active {
        }

        .esQuicklinkNew a.last {
            margin-right: 0px;
        }

            .esQuicklinkNew a.last:hover {
                border-right: solid 1px #666666;
            }

a[title]:hover {
    font-size: 14px;
    font-weight: bold;
    color: Red;
}
/***********************************************************************************
									Quicklink Icons
***********************************************************************************/
.ico15 {
    background: url(../images/icons.png) no-repeat 0 0;
    background-color: #eee;
}

    .ico15:hover {
        background: url(../images/icons-new.png) no-repeat 0 0;
        background-color: #1E45A4 !Important;
    }

.ico16 {
    background: url(../images/icons.png) no-repeat 0 -62px;
    background-color: #eee;
}

    .ico16:hover {
        background: url(../images/icons-new.png) no-repeat 0 -62px;
        background-color: #1E45A4 !Important;
    }

.ico17 {
    background: url(../images/icons.png) no-repeat 0 -124px;
    background-color: #eee;
}

    .ico17:hover {
        background: url(../images/icons-new.png) no-repeat 0 -124px;
        background-color: #1E45A4 !Important;
    }

.ico7 {
    background: url(../images/icons.png) no-repeat 0 -188px;
    background-color: #eee;
}

    .ico7:hover {
        background: url(../images/icons-new.png) no-repeat 0 -188px;
        background-color: #1E45A4 !Important;
    }

.ico6 {
    background: url(../images/icons.png) no-repeat 0 -256px;
    background-color: #eee;
}

    .ico6:hover {
        background: url(../images/icons-new.png) no-repeat 0 -256px;
        background-color: #1E45A4 !Important;
    }

.ico8 {
    background: url(../images/icons.png) no-repeat 0 -328px;
    background-color: #eee;
}

    .ico8:hover {
        background: url(../images/icons-new.png) no-repeat 0 -328px;
        background-color: #1E45A4 !Important;
    }

.ico22 {
    background: url(../images/icons.png) no-repeat 0 -405px;
    background-color: #eee;
}

    .ico22:hover {
        background: url(../images/icons-new.png) no-repeat 0 -405px;
        background-color: #1E45A4 !Important;
    }

.ico11 {
    background: url(../images/icons.png) no-repeat 0 -467px;
    background-color: #eee;
}

    .ico11:hover {
        background: url(../images/icons-new.png) no-repeat 0 -467px;
        background-color: #1E45A4 !Important;
    }
/***********************************************************************************
									Title Bar 
***********************************************************************************/
.esTitleBar {
    clear: both;
    display: block;
    float: none;
    width: 100%;
    min-height: 88px;
    margin: 0px;
    padding: 0px;
    background: url(../images/titlebg.jpg) repeat-x left bottom;
}

.esTitle {
    float: left;
}

    .esTitle h1 {
        margin: 0px;
        padding: 0px;
        font-size: 170%;
        font-weight: lighter;
        color: #444242;
        margin-top: 5px;
        margin-left: 20px;
    }

.esRoute {
    color: #F00;
    margin: 0px;
    padding: 0px;
    margin-left: 20px;
    font-size: 88%;
    color: #666666;
}

    .esRoute ul {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
    }

        .esRoute ul li {
            float: left;
        }

    .esRoute a {
        text-decoration: none;
        color: #1e45a4;
        padding-left: 15px;
        background: url(../images/sitemap-icon.png) no-repeat 7px 0px;
    }

        .esRoute a.first {
            padding-left: 0px;
            background-image: none;
        }

.clean-format {
    color: #666;
    padding-left: 15px;
    background: url(../images/sitemap-icon.png) no-repeat 7px 0px;
}
/***********************************************************************************
									Content Page
***********************************************************************************/
.esInnerPageRow {
    clear: both;
    display: block;
    float: none;
    padding: 0 20px;
    min-height: 385px;
    border: 0px solid red;
}
/***********************************************************************************
									GridView
***********************************************************************************/
.esGridView {
    margin-top: 10px;
    margin-left: 10px;
}

.esGrdHeader {
    font-weight: lighter;
    background-color: #eee;
}

    .esGrdHeader th {
        padding: 0 15px;
        text-align: left;
        height: 36px;
        border-right: solid 1px #666;
        border-bottom: solid 1px #666;
        border-top: solid 1px #666;
        font-size: 88%;
    }

        .esGrdHeader th:last-child {
            border-right: 0px;
        }

.esGrdRow td {
    padding: 0 15px;
    text-align: left;
    height: 36px;
    background: #fff;
    border-right: solid 0px #666;
    border-bottom: 0px;
    border-top: 0px;
    font-size: 88%;
}

    .esGrdRow td span {
        /*padding: 0 15px;*/
        /*text-align: left;*/
        height: 36px;
        background: #fff;
        border-right: solid 0px #666;
        border-bottom: 0px;
        border-top: 0px;
        font-size: 100%;
    }

.GridViewAlternatingRowStyle td span {
    background: #F0F1F2;
    /*padding: 0 15px;*/
    /*text-align: left;*/
    height: 36px;
    border-right: solid 0px #666;
    border-bottom: 0px;
    border-top: 0px;
    font-size: 100%;
}

.GridViewAlternatingRowStyle td {
    background: #F0F1F2;
    padding: 0 15px;
    text-align: left;
    height: 36px;
    border-right: solid 0px #666;
    border-bottom: 0px;
    border-top: 0px;
    font-size: 88%;
}

.esGrdRow td:last-child {
    border-right: 0px;
}

.esGrdFooterRow {
    clear: both;
    float: none;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.esTotRecs {
    border: solid 1px #dedede;
    display: inline-block;
    background: url(../images/esTotRecs_bg.jpg) repeat-x 0 0;
    height: 24px;
    line-height: 24px;
    padding: 0px 20px;
    font-weight: bolder;
}

.esGrdspan {
    border: solid 1px #dedede;
    display: inline-block;
    float: left;
    background: url(../images/esTotRecs_bg.jpg) repeat-x 0 0;
    height: 24px;
    line-height: 24px;
    font-weight: bolder;
    font-size: smaller;
}

.esGrdDropDown {
    border: solid 1px #999;
    height: 20px;
    color: #5c5c5c;
    padding-left: 3px;
    padding-right: 0px;
    outline: none;
}

.esGrdNav {
    border: solid 1px #dedede;
    display: inline-block;
    float: left;
    background: url(../images/esTotRecs_bg.jpg) repeat-x 0 0;
    height: 24px;
    line-height: 24px;
    padding: 0px 10px;
    font-weight: bolder;
    margin-right: 2px;
}

.esGrdNavLinks a {
    border: solid 1px #dedede;
    display: inline-block;
    background: url(../images/esTotRecs_bg.jpg) repeat-x 0 0;
    height: 24px;
    line-height: 24px;
    padding: 0px 8px;
    font-weight: bolder;
    margin-right: 2px;
}

.esGrdLeft {
    float: left;
    margin-left: 0px;
}

.esGrdRight {
    float: right;
    margin-right: 0px;
}

.grdBullList {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    float: left;
}

    .grdBullList li {
        float: left;
    }

        .grdBullList li a {
            border: solid 1px #dedede;
            display: inline-block;
            background: url(../images/esTotRecs_bg.jpg) repeat-x 0 0;
            height: 24px;
            line-height: 24px;
            padding: 0px 8px;
            font-weight: bolder;
            margin-right: 2px;
            color: #000;
            text-decoration: none;
        }

        .grdBullList li.active a {
            background-image: none;
            background-color: #666;
        }

.esMainContent {
    min-height: 350px;
}
/***********************************************************************************
									Footer 
***********************************************************************************/
/*
.esFooter
{
    border-top: solid 1px #cccccc;
    width: 97%;
    margin: 0px auto;
    margin-bottom: 0px;
    background-color: #fff;
    padding-top: 15px;
    position: absolute;
    bottom: 20px;    
    margin-left: 1.3%;
}
*/
.esFooter {
    border-top: solid 1px #cccccc;
    width: 97%;
    float: left;
    margin-bottom: 0px;
    background-color: #fff;
    padding-top: 15px;
    position: absolute;
    margin-left: 1.3%;
}

.esFooterLogin {
    border-top: solid 1px #cccccc;
    width: 97%;
    margin: 50px auto;
    margin-bottom: 0px;
    background-color: #fff;
    padding-top: 15px;
}

.esFooter_fl-lft {
    float: left;
    margin-left: 20px;
}

.esFooter_fl-rht {
    float: right;
    margin-right: 20px;
}

.esInnerPageRow_RG {
    clear: both;
    display: block;
    float: none;
    padding: 0 390px;
    min-height: 385px;
    border: 0px solid red;
}

.RG_Padding {
    padding: 20px 0px 0px 4px;
}

.RG_Width {
    width: 150px !important;
}

.Error {
    border: solid 1px red;
}

.TextError {
    color: red;
}

.Tax_Content {
    clear: both;
    display: block;
    float: none;
    padding: 0 275px;
    min-height: 385px;
    border: 0px solid red;
}

.esGrdRow_border_right td {
    padding: 0 15px;
    text-align: center;
    height: 36px;
    background: #fff;
    border-right: solid 0px #666;
    border-bottom: 0px;
    border-top: 0px;
    font-size: 88%;
}

    .esGrdRow_border_right td:last-child {
        border-right: solid 1px #666 !important;
    }

    .esGrdRow_border_right td:nth-child(2) {
        text-align: left;
    }

.esGrdHeader_border_right {
    font-weight: lighter;
    background-color: #eee;
}

    .esGrdHeader_border_right th {
        padding: 0 15px;
        text-align: center;
        height: 36px;
        border-right: solid 1px #666;
        border-bottom: solid 1px #666;
        border-top: solid 1px #666;
        font-size: 88%;
    }

        .esGrdHeader_border_right th:last-child {
            border-right: solid 1px #666 !important;
        }

.GridViewAlternatingRowStyle_Right td {
    background: #F0F1F2;
    padding: 0 15px;
    text-align: center;
    height: 36px;
    border-right: solid 1px #666 !important;
    border-bottom: 0px;
    border-top: 0px;
    font-size: 88%;
}

    .GridViewAlternatingRowStyle_Right td:nth-child(2) {
        text-align: left;
    }

.font {
    font-size: 90% !important;
    }