body {
    color: #333;
    font: 14px arial, sans-serif;
    margin: 0 auto;
    max-width: 1117px;
}

header {
    background-color: #456;
}

    header > #loginBar {
        color: #fff;
        padding: 4px 12px 10px 12px;
    }

        header > #loginBar a {
            color: #ff0;
            font-weight: bold;
        }

td.login-panel {
    border-right: 1px solid #ddd;
    width: 200px;
}

    td.login-panel .highlight {
        color: #f93;
        font-weight: bold;
    }

    td.login-panel label {
        display: block;
        font-weight: bold;
        padding: 8px 0 5px 0;
    }

    td.login-panel input[type="text"], td.login-panel input[type="password"] {
        padding: 4px 6px;
        width: 85%;
    }

    td.login-panel input[type="submit"] {
        margin: 10px 0 5px 0;
    }

.document-list {
    text-align: left;
}

footer {
    font-size: 0.85em;
    margin-top: 2.5em;
    text-align: center;
}

input, button {
    font: 14px arial, sans-serif;
}

    input[type="submit"], input[type="button"], button {
        padding: 4px 8px;
    }

.form {
    FONT-SIZE: 10px;
    WIDTH: 100%;
    COLOR: #7f7f7f;
    FONT-FAMILY: Arial, Helvetica, Sans-serif;
    BACKGROUND-COLOR: #ffffff;
}

.formSearch {
    FONT-SIZE: 10px;
    WIDTH: 100%;
    COLOR: #7f7f7f;
    FONT-FAMILY: Arial, Helvetica, Sans-serif;
    BACKGROUND-COLOR: #ffffff;
}

.ltGray {
    FONT-SIZE: 10px;
    COLOR: #949494;
}

    .ltGray A:link {
        FONT-WEIGHT: normal;
        COLOR: #949494;
        TEXT-DECORATION: none;
    }

    .ltGray A:visited {
        FONT-WEIGHT: normal;
        COLOR: #949494;
        TEXT-DECORATION: none;
    }

    .ltGray A:hover {
        FONT-WEIGHT: normal;
        COLOR: #003299;
        TEXT-DECORATION: none;
    }

    .ltGray A:active {
        FONT-WEIGHT: normal;
        COLOR: #949494;
        TEXT-DECORATION: none;
    }

.pdf {
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
}

    .pdf A:link {
        FONT-WEIGHT: bold;
        COLOR: #999999;
        TEXT-DECORATION: none;
    }

    .pdf A:visited {
        FONT-WEIGHT: bold;
        COLOR: #999999;
        TEXT-DECORATION: none;
    }

    .pdf A:hover {
        FONT-WEIGHT: bold;
        COLOR: #cc0000;
        TEXT-DECORATION: none;
    }

    .pdf A:active {
        FONT-WEIGHT: bold;
        COLOR: #cc0000;
        TEXT-DECORATION: none;
    }

.black {
    COLOR: #000000;
}

    .black A:link {
        COLOR: #000000;
        TEXT-DECORATION: none;
    }

    .black A:visited {
        COLOR: #000000;
        TEXT-DECORATION: none;
    }

    .black A:hover {
        COLOR: #000000;
        TEXT-DECORATION: none;
    }

    .black A:active {
        COLOR: #000000;
        TEXT-DECORATION: none;
    }

.headtitle {
    FONT-WEIGHT: bold;
    FONT-SIZE: 18px;
    TEXT-TRANSFORM: uppercase;
    COLOR: #000000;
}

.title {
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    TEXT-TRANSFORM: uppercase;
    COLOR: #000000;
}

.subtitleblack {
    FONT-WEIGHT: bold;
    COLOR: #000000;
}

.subtitle {
    FONT-WEIGHT: bold;
}

    .subtitle A:link {
        FONT-WEIGHT: bold;
        COLOR: #405876;
        TEXT-DECORATION: underline;
    }

    .subtitle A:visited {
        FONT-WEIGHT: bold;
        COLOR: #405876;
        TEXT-DECORATION: underline;
    }

    .subtitle A:hover {
        FONT-WEIGHT: bold;
        COLOR: #003299;
        TEXT-DECORATION: underline;
    }

    .subtitle A:active {
        FONT-WEIGHT: bold;
        COLOR: #000000;
        TEXT-DECORATION: underline;
    }

.subtitleRed {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #cc0000;
    TEXT-DECORATION: none;
}

    .subtitleRed A:link {
        FONT-WEIGHT: bold;
        TEXT-DECORATION: none;
    }

.subtitleGrey {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #606060;
}

.index {
    MARGIN-BOTTOM: -8px;
}

.prodTitle {
    MARGIN-TOP: -2px;
}

.bpTitle {
    MARGIN-BOTTOM: -12px;
}

.tblTitle {
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
}

.tblSubtitle {
    FONT-WEIGHT: bold;
}

    .tblSubtitle A:link {
        FONT-WEIGHT: bold;
        COLOR: #666666;
        TEXT-DECORATION: none;
    }

    .tblSubtitle A:visited {
        FONT-WEIGHT: bold;
        COLOR: #666666;
        TEXT-DECORATION: none;
    }

    .tblSubtitle A:hover {
        FONT-WEIGHT: bold;
        COLOR: #cc0000;
        TEXT-DECORATION: none;
    }

    .tblSubtitle A:active {
        FONT-WEIGHT: bold;
        COLOR: #cc0000;
        TEXT-DECORATION: none;
    }

.red {
    COLOR: #cc0000;
}

.dropDown {
    FONT-SIZE: 10px;
    WIDTH: 176px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}

I {
    FONT-SIZE: 12px;
    COLOR: #666666;
    FONT-STYLE: italic;
    FONT-FAMILY: Arial, Helvetica, Sans-serif;
}

.home {
    FONT-SIZE: 11px;
    MARGIN-BOTTOM: -8px;
    COLOR: #666666;
    FONT-FAMILY: Arial, Helvetica, Sans-serif;
}

    .home A:link {
        FONT-WEIGHT: normal;
        COLOR: #666666;
        TEXT-DECORATION: none;
    }

    .home A:visited {
        FONT-WEIGHT: normal;
        COLOR: #405876;
        TEXT-DECORATION: none;
    }

    .home A:hover {
        FONT-WEIGHT: normal;
        COLOR: #003299;
        TEXT-DECORATION: none;
    }

    .home A:active {
        FONT-WEIGHT: normal;
        COLOR: #000000;
        TEXT-DECORATION: none;
    }

.homeblack {
    FONT-SIZE: 11px;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, Sans-serif;
}

    .homeblack A:link {
        COLOR: #000000;
        TEXT-DECORATION: none;
    }

    .homeblack A:visited {
        COLOR: #000000;
        TEXT-DECORATION: none;
    }

    .homeblack A:hover {
        COLOR: #000000;
        TEXT-DECORATION: none;
    }

    .homeblack A:active {
        COLOR: #000000;
        TEXT-DECORATION: none;
    }

.menuTabs ul {
    list-style-type: none;
    margin: 18px 0 8px 0;
    padding: 0;
    width: 100%;
}

    .menuTabs ul .tab {
        background-color: #eee;
        border-bottom: 1px solid #333;
        color: #000;
        padding: 8px 12px;
        text-decoration: none;
    }

        .menuTabs ul .tab.selected {
            background-color: #fff;
            border-bottom: 2px solid #fff; /* 'white-out' the bottom border */
            border-top: 4px solid orange;
            border-left: 1px solid #333;
            border-right: 1px solid #333;
        }

.tabBody {
    background-color: white;
    border: 1px solid #333;
    display: table;
    padding: 10px;
}

.style1 {
    width: 129px;
}

.searchDD {
    width: 300px;
    height: 100px;
}

.style2 {
    width: 350px;
}

.style3 {
    width: 125px;
}

.style4 {
    width: 200px;
}

.strength1 {
    background-color: #FF0000;
}

.strength2 {
    background-color: #FF6600;
}

.strength3 {
    background-color: #FFCC66;
}

.strength4 {
    background-color: #FFFF00;
}

.strength5 {
    background-color: #00FF00;
}


#tabsD {
    FONT-SIZE: 93%;
    FLOAT: left;
    WIDTH: 100%;
    LINE-HEIGHT: normal;
}

    #tabsD UL {
        PADDING-RIGHT: 10px;
        PADDING-LEFT: 20px;
        PADDING-BOTTOM: 0px;
        MARGIN: 0px;
        PADDING-TOP: 10px;
        LIST-STYLE-TYPE: none;
    }

    #tabsD LI {
        PADDING-RIGHT: 0px;
        DISPLAY: inline;
        PADDING-LEFT: 0px;
        PADDING-BOTTOM: 0px;
        MARGIN: 0px;
        CURSOR: pointer;
        PADDING-TOP: 0px;
    }

    #tabsD A {
        PADDING-RIGHT: 0px;
        PADDING-LEFT: 4px;
        BACKGROUND: url(../images/tableft1.gif) no-repeat left top;
        FLOAT: left;
        PADDING-BOTTOM: 0px;
        MARGIN: 0px;
        PADDING-TOP: 0px;
        TEXT-DECORATION: none;
    }

        #tabsD A SPAN {
            PADDING-RIGHT: 15px;
            DISPLAY: block;
            PADDING-LEFT: 6px;
            BACKGROUND: url(../images/tabright1.gif) no-repeat right top;
            FLOAT: left;
            PADDING-BOTTOM: 4px;
            COLOR: #143a8d;
            PADDING-TOP: 5px;
        }

        #tabsD A SPAN {
            FLOAT: none;
        }

        #tabsD A:hover SPAN {
            COLOR: #143a8d;
        }

        #tabsD A:hover {
            BACKGROUND-POSITION: 0% -42px;
        }

            #tabsD A:hover SPAN {
                BACKGROUND-POSITION: 100% -42px;
            }

    #tabsD .active A {
        BACKGROUND-POSITION: 0% -42px;
        FONT-WEIGHT: bold;
    }

        #tabsD .active A SPAN {
            BACKGROUND-POSITION: 100% -42px;
            FONT-WEIGHT: bold;
        }



#idMenu_tabs {
    FONT-SIZE: 93%;
    FLOAT: left;
    WIDTH: 100%;
    LINE-HEIGHT: normal;
}

    #idMenu_tabs UL {
        PADDING-RIGHT: 10px;
        PADDING-LEFT: 20px;
        PADDING-BOTTOM: 0px;
        MARGIN: 0px;
        PADDING-TOP: 10px;
        LIST-STYLE-TYPE: none;
    }

    #idMenu_tabs LI {
        PADDING-RIGHT: 0px;
        DISPLAY: inline;
        PADDING-LEFT: 0px;
        PADDING-BOTTOM: 0px;
        MARGIN: 0px;
        CURSOR: pointer;
        PADDING-TOP: 0px;
    }

    #idMenu_tabs A {
        PADDING-RIGHT: 0px;
        PADDING-LEFT: 4px;
        BACKGROUND: url(../images/tableft1.gif) no-repeat left top;
        FLOAT: left;
        PADDING-BOTTOM: 0px;
        MARGIN: 0px;
        PADDING-TOP: 0px;
        TEXT-DECORATION: none;
    }

        #idMenu_tabs A SPAN {
            PADDING-RIGHT: 15px;
            DISPLAY: block;
            PADDING-LEFT: 6px;
            BACKGROUND: url(../images/tabright1.gif) no-repeat right top;
            FLOAT: left;
            PADDING-BOTTOM: 4px;
            COLOR: #143a8d;
            PADDING-TOP: 5px;
        }

        #idMenu_tabs A SPAN {
            FLOAT: none;
        }

        #idMenu_tabs A:hover SPAN {
            COLOR: #143a8d;
        }

        #idMenu_tabs A:hover {
            BACKGROUND-POSITION: 0% -42px;
        }

            #idMenu_tabs A:hover SPAN {
                BACKGROUND-POSITION: 100% -42px;
            }

    #idMenu_tabs .active A {
        BACKGROUND-POSITION: 0% -42px;
        FONT-WEIGHT: bold;
    }

        #idMenu_tabs .active A SPAN {
            BACKGROUND-POSITION: 100% -42px;
            FONT-WEIGHT: bold;
        }

/*
The bar.
--------------------------------------------*/


#ngc-navbar {
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #024;
    min-height: 24px;
    color: #47a;
    margin-bottom: 10px;
    top: 0;
    left: 0;
    z-index: 1;
    display: block !important;
}


    #ngc-navbar a img {
        border: none;
        display: inline !important;
    }

    #ngc-navbar #ngc-logo {
        position: absolute !important;
        top: 3px;
        left: 5px;
        width: 80px;
        height: 24px;
        border-width: 0;
    }

#ngc-navbar {
    background: #036;
    border-bottom: 1px solid #024;
    color: #47a;
}

#lblfirmcode, #lblcontactcode, #lblpassword {
    position: relative;
    top: -1px;
    margin-right: .5em;
    vertical-align: middle;
}

#ngc-login {
    background: #147 url("../images/corner.gif") no-repeat left bottom;
    font-size: small;
    font-family: Arial;
}

.help {
    cursor: help;
}

.helpLink {
    text-decoration: underline;
    cursor: help;
}

.gradient {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=SteelBlue, EndColorStr=#FFFFFF);
}

.gradTest {
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=gold, EndColorStr=#FFFFFF);
}

.LoginLink {
    color: White;
    font-family: Verdana;
    font-size: x-small;
}

.popupWindow {
    position: absolute;
    width: 250px;
    border: solid 1px black;
    margin: 0px 0px 0px 20px;
    background-color: white;
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color=#2557ad);
    display: none;
    z-index: 10000;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

.brightmodalPopup {
    background-color: #ffff33;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 250px;
}

td.layout-column {
    padding: 5px 7px;
    vertical-align: top;
}

#claimManagementWrapper .left-column {
    background-color: #eee;
    border-right: 2px solid #ddd;
    line-height: 1.75em;
    padding: 12px;
    text-align: center;
    width: 200px;
}

    #claimManagementWrapper .left-column hr {
        margin: 12px 0;
    }

    #claimManagementWrapper .left-column .horizontal-scroll-container {
        max-width: 202px;
    }

.horizontal-scroll-container {
    overflow-x: scroll;
}

.float-right {
    float: right;
}

.clear-after:after {
    clear: both;
    content: " ";
}