/*
This Stylesheet contains 5 sections:
-------------------------------------
> Body
> Links
> Headings
> Fonts
> Non-Font Styles
*/

/* Body */
a:link {
    color: #0054B9
}

a:visited {
    color: #003D86
}

html {
    overflow-y: scroll;
}

html, body {
    margin-top: 10px;
    padding: 0px;
    background-color: #DFDFDF;
    font: 14px/1.3 verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    scrollbar-3dlight-color: #BBCCE1;
    scrollbar-arrow-color: #BBCCE1;
    scrollbar-base-color: default;
    scrollbar-darkshadow-color: #BBCCE1;
    scrollbar-face-color: #3C3A3C;
    scrollbar-highlight-color: #5C595C;
    scrollbar-shadow-color: #5C595C;
    scrollbar-track-color: #DFDFDF;
}

.noshow, .noshow * {
    display: none !important;
    width: 0px !important;
    height: 0px !important;
    position: absolute !important;
    left: -500px !important;
    top: -500px !important;
}

.noshow_title, .noshow_title * {
    display: none !important;
    width: 0px !important;
    height: 0px !important;
    position: absolute !important;
    left: -500px !important;
    top: -500px !important;
}

/* Buttons and Forms */
.Button_Small {
    width: 70px;
    height: 18px;
    border: 0px;
    background-image: url(../images/button_small.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #F6F6F6;
    color: black;
    font-size: 10px;
    font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    text-align: center;
    cursor: pointer;
}

.Button_Large {
    width: 105px;
    height: 18px;
    border: 0px;
    background-image: url(../images/button_large.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #F6F6F6;
    /*color: black;*/
    font-size: 10px;
    font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    text-align: center;
    cursor: pointer;
}

.Button_Large_right {
    width: 105px;
    height: 18px;
    border: 0px;
    background-image: url(../images/button_large.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #F6F6F6;
    /*color: black;*/
    font-size: 10px;
    font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    text-align: center;
    cursor: pointer;
    float: right;
}

.Button_ExtraLarge {
    width: 174px;
    height: 18px;
    border: 0px;
    background-image: url(../images/button_extralarge.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #F6F6F6;
    color: black;
    font-size: 10px;
    font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    text-align: center;
    cursor: pointer;
}

.form {
    height: 16px;
    width: 100%;
    font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    color: #000000;
    font-size: 10px;
    background-color: white;
}

.formPed {
    height: 16px;
    width: 50px;
    font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    color: #000000;
    font-size: 10px;
    background-color: white;
    /*border-left:1px;*/
}

.form100 {
    height: 16px;
    width: 100px;
    font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    color: #000000;
    font-size: 10px;
    background-color: white;
}

.form100Label {
    font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    color: #000000;
    font-size: 10px;
}

.form100TextDate {
    width: 100px;
    font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    color: #000000;
    font-size: 10px;
}

.form150 {
    height: 16px;
    width: 150px;
    font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    color: #000000;
    font-size: 10px;
    background-color: white;
}

.form150b {
    height: 20px;
    width: 150px;
    font: 13px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    color: #000000;
    font-size: 13px;
    background-color: white;
}

.form200 {
    height: 16px;
    width: 200px;
    font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    color: #000000;
    font-size: 10px;
    background-color: white;
}

.form250 {
    height: 16px;
    width: 250px;
    font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    color: #000000;
    font-size: 10px;
    background-color: white;
}

.form300 {
    height: 16px;
    width: 300px;
    font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    color: #000000;
    font-size: 10px;
    background-color: white;
}

.form350 {
    height: 16px;
    width: 350px;
    font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    color: #000000;
    font-size: 10px;
    background-color: white;
}

.form400 {
    height: 16px;
    width: 400px;
    font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    color: #000000;
    font-size: 10px;
    background-color: white;
}

.form450 {
    height: 16px;
    width: 450px;
    font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    color: #000000;
    font-size: 10px;
    background-color: white;
}

.listbox {
    font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    color: #000000;
    font-size: 10px;
    background-color: white;
    cursor: pointer;
    width: 100%;
}

.listbox545 {
    font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    color: #000000;
    font-size: 10px;
    background-color: white;
    cursor: pointer;
    width: 545px;
}

.textfield551 {
    font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    color: #000000;
    font-size: 10px;
    background-color: white;
    cursor: text;
    width: 551px;
}

/* Page Elements */
table {
    border-collapse: collapse;
    border-spacing: 0px;
}

    table.main {
        height: auto;
        width: 787px;
        max-width: 787px;
        display: inline-table;
        border-width: 0px;
    }

    table.mainwide {
        height: auto;
        width: 960px;
        max-width: 960px;
        display: inline-table;
        border-width: 0px;
    }

    table.mainhome {
        height: auto;
        width: 960px;
        max-width: 960px;
        /*display: inline-table;*/
        border: 1px solid black;
        background-image: url(../images/bg.gif);
        background-repeat: repeat;
    }

    table.mainsub {
        height: auto;
        width: 962px;
        max-width: 962px;
        /*display: inline-table;*/
        border-left: 1px solid black;
        border-right: 1px solid black;
        border-collapse: collapse;
        background-image: url(../images/bg.gif);
        background-repeat: repeat;
    }

td.hdrbgrepeat {
    background-image: url(../images/hdr_02_01_bg.jpg);
    background-repeat: repeat-x;
}

table.header {
    height: auto;
    width: 960px;
    max-width: 960px;
    display: inline-table;
    padding: 0px;
    border-width: 0px;
}

table.body {
    height: auto;
    width: 960px;
    max-width: 960px;
    display: inline-table;
    padding: 0px;
    border-width: 0px;
}

table.footer {
    height: auto;
    width: 960px;
    max-width: 960px;
    /*display: inline-table;*/
    padding: 0px;
    border-width: 0px;
}

td.subnavbg {
    background-image: url(../images/sub_nav_bg.gif);
    background-repeat: repeat-x;
}

.homehdr {
    height: 20px;
    width: 480px;
    font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    color: white;
    font-weight: normal;
    text-align: right;
    vertical-align: middle;
    padding-right: 3px;
    white-space: nowrap;
    background-image: url(../images/hdr_01_02.jpg);
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: #6E6C6F;
}

img {
    border-width: 0px;
}

p {
    font: 12px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

    p.alert {
        font-style: italic;
        font-weight: 500;
        color: #242521;
    }

    p.f12 {
        font-style: italic !important;
        font-weight: normal !important;
        color: #242521 !important;
        font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif !important;
        font-size: 10px !important;
    }

h1 {
    font: 12px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    color: #000000;
    margin: 0px;
}

h2 {
    font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    color: #000000;
    margin: 0px;
}

table.datagrid1, table.wide, table.datagrid5 {
    width: 775px;
    min-width: 775px;
    max-width: 775px;
}

table.datagrid2, table.datagrid4, table.tbreports, table.datagrid4b {
    width: 775px;
    min-width: 775px;
    max-width: 775px;
}

div.tblborder {
    /*	border:1px #565656 solid;*/
    /*	background-color:#b9cbe1;*/
    margin: 0 0 10px 0;
}

/* ================================= */

table.datagrid4 td.firstlastcol {
    background-color: #e6e6e6 !important;
    padding: 0 3px 0 3px !important;
    text-align: center;
}

table.datagrid4c_mid {
    width: 757px;
    min-width: 757px;
    max-width: 757px;
}

table.datagrid4c_top, table.datagrid4c_btm {
    width: 775px;
    min-width: 775px;
    max-width: 775px;
}

    table.datagrid4c_top .firstcols, table.datagrid4c_mid .firstcols, table.datagrid4c_btm .firstcols {
        width: 53px !important;
        /*	width:10.1em !important;*/
        background-color: #e6e6e6 !important;
        padding: 0 3px 0 3px !important;
        text-align: center;
    }

    table.datagrid4c_top .tblhdr td, table.datagrid4c_top .tblhdr th, table.datagrid4c_top .tblftr td, table.datagrid4c_top .tblftr th, table.datagrid4c_mid .tblhdr td, table.datagrid4c_mid .tblhdr th, table.datagrid4c_mid .tblftr td, table.datagrid4c_mid .tblftr th, table.datagrid4c_btm .tblhdr td, table.datagrid4c_btm .tblhdr th, table.datagrid4c_btm .tblftr td, table.datagrid4c_btm .tblftr th, table.datagrid4 th.tblftr, table.datagrid4 td.tblftr, table.datagrid4 td.tblftr {
        background-color: #bfd5e8 !important;
    }

    table.datagrid4c_top .avecol, table.datagrid4c_mid .avecol, table.datagrid4c_btm .avecol {
        /*	width:18.9em !important;*/
        width: 177px !important;
        /*	background-color:Teal !important;*/
        padding: 0 3px 0 3px !important;
        text-align: center;
        font-weight: bold;
    }

    table.datagrid4c_top .monthlycol {
        width: 138px !important;
    }

    table.datagrid4c_top .defaultcol, table.datagrid4c_mid .defaultcol, table.datagrid4c_btm .defaultcol {
        /*	width:32px !important;*/
        width: 3.15em !important;
        /*	background-color:orange !important;*/
    }

    table.datagrid4c_top .finalcol, table.datagrid4c_mid .finalcol, table.datagrid4c_btm .finalcol {
        /*	width:60px;*/
        text-align: center;
        background-color: #e6e6e6 !important;
    }

/* ================================= */

table.datagrid2b {
    width: 450px;
    min-width: 450px;
    max-width: 450px;
}

    table.datagrid2#dgactive input, table.datagrid2b#dgactive input, table.datagrid2#dgInactive input, table.datagrid2b#dgInactive input {
        width: 70px;
        height: 18px;
        border: 0px;
        background-image: url(../images/button_small.gif);
        background-repeat: no-repeat;
        background-position: center;
        background-color: #F6F6F6;
        color: black;
        font-size: 10px;
        font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
        text-align: center;
        cursor: pointer;
    }

table.tbreports2 {
    width: 100%;
    height: 150px;
    border: 0px !important;
}

    table.tbreports2 td {
        text-align: left;
        vertical-align: top;
        width: 100%;
        border: 0px !important;
        font: 11px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
        font-size: 11px;
        color: black;
        font-weight: bolder;
        background-color: #F5F5F5;
        background-image: none !important;
    }

    table.tbreports2 a {
        font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif !important;
        font-size: 10px !important;
        font-weight: normal !important;
    }

table.datagrid3 {
    width: 242px;
    min-width: 242px;
    max-width: 242px;
}

table.tbreports td {
    border-top: 10px solid white;
    border-bottom: 10px solid white;
    border-left: 3px solid white;
    border-right: 3px solid white;
    width: 16.6%;
    font: 12px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    font-size: 12px;
    color: black;
    font-weight: bolder;
    padding: 5px;
}

table.datagrid1 caption, table.datagrid2 caption, table.datagrid2b caption, table.datagrid3 caption, table.datagrid4 caption, table.datagrid4c_mid caption, table.datagrid4b caption, table.tbreports caption {
    border-left: 3px solid white;
    border-right: 3px solid white;
    border-top: 3px solid white;
    border-bottom: 0px;
    height: 20px;
    font-weight: bolder !important;
    text-align: center !important;
    background-image: url(../images/topcfade.gif);
    background-repeat: repeat;
}

table.datagrid4c_top caption, table.datagrid4c_btm caption {
    border-left: 3px solid white;
    border-right: 0px;
    border-top: 3px solid white;
    border-bottom: 0px;
    height: 20px;
    font-weight: bolder !important;
    text-align: center !important;
    background-image: url(../images/topcfade.gif);
    background-repeat: repeat;
}

td.title {
    border-left: 3px solid white;
    border-right: 3px solid white;
    border-top: 3px solid white;
    border-bottom: 0px;
    height: 20px;
    font-weight: bolder !important;
    text-align: center !important;
    background-image: url(../images/topcfade.gif);
    background-repeat: repeat;
    letter-spacing: normal !important;
}

div#scroll {
    width: 775px;
    height: 100%;
    scrollbar-3dlight-color: #D4D0C8;
    scrollbar-arrow-color: black;
    scrollbar-base-color: black;
    scrollbar-darkshadow-color: #404040;
    scrollbar-face-color: #D4D0C8;
    scrollbar-highlight-color: white;
    scrollbar-shadow-color: #808080;
    scrollbar-track-color: grey
}

div.pad {
    padding: 0px;
}

div.overflow {
    overflow: auto;
    width: 775px;
    height: 100%;
}

div.reducetop {
    margin-top: -15px;
}

div.hoverbutton {
    position: relative;
    top: -18px;
    margin-bottom: -18px;
    left: 700px;
    overflow: visible;
    background-color: Transparent;
}

table.datagrid1 th, table.datagrid2 th, table.datagrid2b th, table.datagrid3 th {
    height: 20px;
    font-weight: bold;
    text-align: center;
    background-color: #D7DAD0;
}

table.datagrid4 th, table.datagrid4c_mid th, table.datagrid4b th, table.datagrid5 th, table.tbreports th {
    background-color: #B9CBE1;
    height: 20px;
    font-weight: bold;
    text-align: center;
    border: 3px solid white;
}

table.datagrid4c_top th, table.datagrid4c_btm th {
    background-color: #B9CBE1;
    height: 20px;
    font-weight: bold;
    text-align: center;
    border-top: 3px solid white;
    border-right: 0px !important;
    border-bottom: 3px solid white;
    border-left: 3px solid white;
}

table.datagrid4c_top, table.datagrid4c_btm {
    border-right: 0px !important;
}

table.datagrid4, table.datagrid4c_top, table.datagrid4c_mid, table.datagrid4c_btm, table.datagrid4b, table.datagrid5 {
    background-color: #F5F5F5;
}

table.tbreports {
    background-color: #E8E8E8;
    padding: 0px;
    white-space: pre !important;
}

table.datagrid1 td, table.datagrid2 td, table.datagrid2b td, table.datagrid3 td, table.datagrid5 td {
    font-weight: normal;
    /*text-align: left;*/
}

table.datagrid1 caption, table.datagrid2 caption, table.datagrid2b caption, table.datagrid3 caption, table.datagrid1 th, table.datagrid2 th, table.datagrid2b th, table.datagrid3 th, table.datagrid1 td, table.datagrid2 td, table.datagrid2b td, table.datagrid3 td {
    font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    font-size: 10px;
    color: black;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
    vertical-align: middle;
    white-space: normal;
}

table.datagrid4 caption, table.datagrid4c_mid caption, table.datagrid4 th, table.datagrid4c_top th, table.datagrid4c_mid th, table.datagrid4c_btm th, table.datagrid4b caption, table.datagrid4b th {
    font: 11px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: black;
    border: 3px solid white;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
    vertical-align: middle;
    white-space: normal;
}

table.datagrid4c_top caption, table.datagrid4c_btm caption {
    font: 11px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: black;
    border-top: 3px solid white;
    border-right: 0px;
    border-bottom: 3px solid white;
    border-left: 3px solid white;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
    vertical-align: middle;
    white-space: normal;
}

table.datagrid5 th {
    font: 11px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: black;
    border: 3px solid white;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
    vertical-align: middle;
    white-space: normal;
}

table.datagrid4 td, table.datagrid4b td, table.datagrid4c_mid td {
    font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    font-size: 10px;
    color: black;
    border: 3px solid white;
    /*padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;*/
    vertical-align: middle;
    white-space: normal;
}

table.datagrid4c_top td, table.datagrid4c_btm td {
    font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    font-size: 10px;
    color: black;
    border-top: 3px solid white;
    border-right: 0px;
    border-bottom: 3px solid white;
    border-left: 3px solid white;
    /*padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;*/
    vertical-align: middle;
    white-space: normal;
}

table.datagrid5 td {
    font: 9px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    font-size: 9px;
    color: black;
    border: 2px solid white;
    /*padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;*/
    vertical-align: middle;
    white-space: normal;
}

table.datagrid1 th, table.datagrid2 th, table.datagrid2b th, table.datagrid3 th, table.datagrid5 th, table.datagrid1 td, table.datagrid2 td, table.datagrid2b td, table.datagrid3 td, table.datagrid5 td {
    border: 3px solid white;
    letter-spacing: -0.1em
}

td.clean {
    border: 0px !important;
    margin: 0px !important;
    padding: 0px !important;
    background-color: white !important
}

td.red {
    background-color: salmon !important
}

td.yellow {
    background-color: #FFEBA8 !important
}

td.green {
    background-color: #CEE0B8 !important
}

.listcontent {
    list-style-type: square;
    list-style-position: outside;
    font: 12px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.bluetitlebar {
    padding-left: 5px;
    padding-right: 3px;
    background-position: top right;
    background-image: url(../images/bluecorner.gif);
    background-repeat: no-repeat;
    background-color: #BFD5E8;
    height: 16px;
    /*white-space: nowrap;*/
    border: 0px !important;
}

.bluearrow {
    padding-left: 5px;
    padding-right: 3px;
    white-space: nowrap;
    background-position: center right;
    background-image: url(../images/bluearrow.gif);
    background-repeat: no-repeat;
    background-color: #BFD5E8;
    height: 22px;
}

.browntitlebar {
    padding-left: 5px;
    padding-right: 3px;
    background-position: top right;
    background-image: url(../images/brwncorner.gif);
    background-repeat: no-repeat;
    background-color: #D7DAD1;
    height: 16px;
    white-space: nowrap;
}

.brownarrow {
    padding-left: 5px;
    padding-right: 3px;
    white-space: nowrap;
    background-position: center right;
    background-image: url(../images/brwnarrow.gif);
    background-repeat: no-repeat;
    background-color: #D7DAD0;
    height: 22px;
}

.brownarrowddl {
    padding-left: 5px;
    padding-right: 3px;
    white-space: nowrap;
    background-position: center right;
    background-repeat: no-repeat;
    background-color: #D7DAD0;
    height: 22px;
}

.brownarrow_short {
    padding-left: 5px;
    padding-right: 3px;
    white-space: nowrap;
    background-position: center right;
    background-image: url(../images/brwnarrow.gif);
    background-repeat: no-repeat;
    background-color: #D7DAD0;
    height: 22px;
    width: 150px
}

.bluearrow_short {
    padding-left: 5px;
    padding-right: 3px;
    white-space: nowrap;
    background-position: center right;
    background-image: url(../images/bluearrow.gif);
    background-repeat: no-repeat;
    background-color: #BFD5E8;
    height: 22px;
    width: 150px
}

.titlebarbg_left {
    background-image: url(../images/title_anywide_bg.gif);
    background-repeat: repeat;
    background-color: #F9F9F9;
    text-align: left;
}

.titlebarbg_right {
    background-image: url(../images/title_anywide_bg.gif);
    background-repeat: repeat;
    background-color: #F9F9F9;
    text-align: right;
}

.contentarea1 {
    font: 12px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-align: left;
    vertical-align: top;
    padding: 3px;
    background-image: url(../images/bg_blinds.gif);
    background-repeat: repeat;
}

.contentarea2 {
    font: 12px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-align: right;
    white-space: nowrap;
    vertical-align: middle;
    padding-left: 3px;
    padding-right: 3px;
    background-image: url(../images/bg_blinds.gif);
    background-repeat: repeat;
}

.contentarea3 {
    font: 12px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-align: left;
    vertical-align: top;
    padding: 3px;
}

.contentarea4 {
    font: 12px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    padding-left: 3px;
    padding-right: 3px;
    background-image: url(../images/bg_blinds.gif);
    background-repeat: repeat;
}

.contentarea5 {
    width: 775px;
    max-width: 775px;
    margin: 0px;
    text-align: left;
    vertical-align: top;
    border-width: 0px;
    padding: 0px;
    background-color: transparent;
    background-image: url(../images/bg_blinds.gif);
    background-repeat: repeat;
}

.contentarea6 {
    font: 12px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-align: right;
    white-space: nowrap;
    vertical-align: middle;
    padding: 3px;
    background-image: url(../images/bg_blinds.gif);
    background-repeat: repeat;
}

.contentarea7 {
    font: 12px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-align: right;
    white-space: nowrap;
    vertical-align: top;
    padding: 3px;
    background-image: url(../images/bg_blinds.gif);
    background-repeat: repeat;
}

.contentarea8 {
    font: 12px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    padding-left: 3px;
    padding-right: 3px;
    background-image: url(../images/bg_blinds.gif);
    background-repeat: repeat;
}

.contentarea80 {
    font: 12px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-align: left;
    vertical-align: middle;
    padding-left: 3px;
    padding-right: 3px;
    background-image: url(../images/bg_blinds.gif);
    background-repeat: repeat;
}

.contentarea9 {
    font: 10 px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-align: left;
    vertical-align: top;
    background-image: url(../images/bg_blinds.gif);
    background-repeat: repeat;
}

.contentarea10 {
    font: 10 px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    font-size: 8px;
    font-weight: normal;
    color: #000000;
    text-align: left;
    vertical-align: top;
    background-image: url(../images/bg_blinds.gif);
    background-repeat: repeat;
}

.h5 {
    height: 5px;
}

.h10 {
    height: 10px;
}

.h20 {
    height: 20px;
}

.h30 {
    height: 30px;
}

.w10 {
    width: 10px;
}

.w561 {
    width: 561px;
}

.w170 {
    width: 170px;
}

/* Headings */
h2#navbar {
    /* Positioned so that it is not visible to sighted users, yet readable by screen readers */
    position: absolute;
    top: -10em;
    left: -10em;
}

/* Fonts */
/* Fonts, Sizes, Colors, Spacing, Alignment, Float, Weight, Decorations, and Indentations */
div#center {
    text-align: center
}

div#footer {
    text-align: center;
    font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #3C393C;
    width: 960px;
}

td.footer1 {
    text-align: left;
    border-left: 1px solid black;
    border-bottom: 1px solid black;
    background-color: #757575;
}

td.footer2 {
    border-bottom: 1px solid black;
    background-color: #757575;
}

td.footer3 {
    text-align: right;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
    background-color: #757575;
}

/* Non-Font Styles */
/* Borders, Background Colors, Dimensions, Filters, Margins, Padding, and Alignment */
div#sidebar {
    border-right: 1px solid #C4C4C4;
    border-bottom: 1px solid #C4C4C4;
    border-top-width: 0px;
    border-left-width: 0px;
    vertical-align: middle;
    float: right;
    width: 960px;
    margin: 0px 0px 20px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #E7E7E7;
    filter: alpha(opacity=0, finishopacity=100, style=1, startx=0, starty=0, finishx=140, finishy=270)
}

    div#sidebar p {
        margin: .4em 0;
        padding-right: 5px;
    }
/* Added New Class For color */
.EmptyRowHighlightColor {
    background-color: white;
}
/* Footer Bold*/
.tdFtr {
    font-weight: bold !important;
}

a.button-big {
    display: inline-block;
    width: 210px;
    z-index: 100;
    border: 0 none;
    cursor: pointer;
    height: 40px;
    line-height: 34px;
    text-decoration: none;
    font-size: 26px;
    /*
    font-family: "Times New Roman", Times, serif;
    font-weight:bold;
	*/
}

.msg-error, .msg-info {
    font: 12px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin: 5px;
}

.msg-error {
    color: Red;
}

.msg-info {
    font-weight: normal;
    color: Navy;
}



a.button-big {
    color: #303030;
    background: url("/images/bigbutton.png") no-repeat scroll left top;
    background-color: #E6E6E6;
}

    a.button-big:hover {
        color: White;
        background: url("/images/bigbutton.png") no-repeat scroll left center;
        background-color: #6699FF;
        text-decoration: underline;
    }

    a.button-big:active {
        color: Yellow;
        background: url("/images/bigbutton.png") no-repeat scroll left bottom;
        background-color: #0066FF;
        text-decoration: underline;
    }

.DiscrepencyChange {
    background-color: lightgreen;
}

.dirty-data {
    background-color: bisque;
}

.MisCodedValue {
    margin: 1px;
    background-color: Yellow;
}

.MisCodedDefinition {
    margin-left: 5px;
}

.MisCodedOtherSpec {
    margin-left: 10px;
    font-style: italic;
}

.textarea-readonly {
    background-color: LightGray;
}

.disabledbutton {
    width: 105px;
    height: 18px;
    border: 0px;
    background-image: url(../images/button_large.gif);
    font-size: 10px;
}

table.repeatertbl {
   /* width: 775px;*/
  /*  min-width: 775px;*/
    max-width: 775px;
    table-layout: fixed;
    border: 1px solid grey;
}

    table.repeatertbl td.firstlastcol {
        background-color: #e6e6e6 !important;
        padding: 0 3px 0 3px !important;
        text-align: center;
    }

    table.repeatertbl caption {
        font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
        font-size: 10px;
        color: black;
        height: 20px;
        font-weight: bold !important;
        text-align: center !important;
        background-image: url(../images/topcfade.gif);
        background-repeat: repeat;
    }

    table.repeatertbl td {
        height: 24px;
        width:fit-content;
        font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
        font-size: 10px;
        color: black;
        border: 1px solid black;
        vertical-align: middle;
        white-space: normal;
    }

    table.repeatertbl th {
        font: 11px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        background-color: #B9CBE1;
        color: black;
        height: 24px;
        text-align: center;
        border: 1px solid #838383;
        /*padding-left: 1px;
		padding-right: 1px;
		padding-top: 1px;
		padding-bottom: 1px;*/
        vertical-align: middle;
        white-space: normal;
    }

.repeaterPanel {
    height: 500px;
    overflow-y: auto;
    width:fit-content;
}

.STGHistoryPanel {
    width: fit-content;
}

.repeaterGrpHeader {
    font-size: 12px;
    font-weight: bold;
    /* padding-left: 5px;
    padding-right: 3px;*/
    background-position: top right;
    background-repeat: no-repeat;
    background-color: #BFD5E8;
    height: 24px;
    /*white-space: nowrap;*/
    border: 0px !important;
}
.repeaterLabel {
    line-height: 24px;
    vertical-align: middle;
    margin: 0px;
}

/** State Translation Guidance */


/** End of STG*/
.buttonPanel {
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-left: 2px;
    margin-right:2px;
    height: 32px;
}

.contentCenter {
    text-align: center;
}
.optionTable {
    margin: 0px auto;
}
.contentPanel {
    max-height: 130px;
    overflow-y: auto;
}
.reportTitle {
    text-align: center;
    font:  normal verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    font-size:x-large;
}
.reportSubTitle {
    font: 12px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    text-align: left;
    vertical-align: top;
    padding: 3px;
}
.submitButton {
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.btnArrowLeft {
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.infoicon {
    /*background-color: black;*/
    color: black;
    /*border-radius: 6px;
	border: 1px solid #C4C4C4;*/
}

select.listbox > option {
    height: 14px;
}

.dropdownListCtrl {
    height: 18px;
    width: 150px;
    font: 10px verdana, arial, times new roman, century gothic, helvetica, sans-serif;
    color: #000000;
    font-size: 10px;
    background-color: white;
    border-radius: 3px;
}
.brownLabel {
    padding-left: 5px;
    padding-right: 3px;
    padding-top: 0px;
    padding-bottom: 0px;
    white-space: nowrap;
    background-position: center right;
    background-repeat: no-repeat;
    background-color: #D7DAD0;
    height: 10px;
    margin: 0px;
}
.lblBox {
    font-size: 10px;
    font-weight: bold;
    margin:0px;
    padding-left: 3px;
    padding-right: 3px;
    text-align:center;
    vertical-align:middle;
    overflow-wrap:break-word;
    /*background-position: top right;*/
    background-repeat: no-repeat;
    background-color: #BFD5E8;
    height: 24px;
    width: 220px;
    border: 0px !important;
}
.lblGroupPanel {
    font-size: 10px;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 3px;
    text-align: center;
    vertical-align: middle;
    overflow-wrap: break-word;
    background-repeat: no-repeat;
    background-color: #BFD5E8;
}
.imgRightButton {
    background-image: url(../images/single-right-arrow.png);
    width: 16px;
    height: 16px;
    align-content: center;
}


.imgRightButton:hover {
    background-image: url(../images/single-right-arrow_hover.png);
   
}
.progresslbl {
    font-size: 10px;
    margin: 0px;
 
    text-align: center;
    vertical-align: middle;
   
}
.spinner {
    text-align: center;
    border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 2s linear infinite;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}