/* quick additions: to be handled better later */
.modalBackground {
    background-color: gray;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

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

#Environment {
    float: right;
    font-size: 16px;
    margin-top: 70px;
    color: #009900;
}

.HeaderRight {
    font-family: Helvetica;
    font-weight: bold;
    color: #005E3D;
    font-size: 25px;
    margin-right: 10px;
}

.HeaderRightSP {
    font-family: Helvetica;
    font-weight: bold;
    color: #00a024;
    font-size: 25px;
}

.sectionHeader {
    font-size: 15px;
    font-weight: bold;
    color: #2f6765; /*#696969;*/
}


/*HTML Elements */
A {
    font-size: 12px;
    TEXT-DECORATION: none;
    font-style: normal;
    font-weight: bold;
    color: #005E3D;
}

    A:active {
        TEXT-DECORATION: none;
        font-weight: bold;
    }

    A:visited {
        text-decoration: none;
        font-weight: bold;
        color: #005E3D;
    }

    A:link {
        TEXT-DECORATION: none;
        font-weight: bold;
        color: #005E3D;
    }

    A:hover {
        text-decoration: underline;
        font-weight: bold;
    }

        A:hover.pointer {
            color: #FFFFFF;
        }

    A.pointer {
        CURSOR: hand;
        COLOR: #003366;
        font-style: normal;
    }

    A.questionmark {
        font-weight: bold;
        font-size: 12px;
        font-color: green;
    }

B.deadlink {
    FONT-WEIGHT: normal;
    COLOR: #999999;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
}

B.deadlinkleft {
    FONT-WEIGHT: normal;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    TEXT-DECORATION: none;
}

body {
    font-family: Arial;
    color: #000000;
    background-color: #a3bbcd;
    font-size: 12px;
    margin: 0 0 0 0;
    padding-bottom: 25px;
    /*	background-image: url(../Images/Background_1px.gif);*/
    background-repeat: repeat-x;
}

H2 {
    FONT-WEIGHT: normal;
    FONT-SIZE: 13px;
    VERTICAL-ALIGN: middle;
    COLOR: #000000;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
}

    H2.oops {
        FONT-WEIGHT: normal;
        FONT-SIZE: 13px;
        VERTICAL-ALIGN: middle;
        COLOR: #ff0000;
        FONT-STYLE: normal;
        FONT-VARIANT: normal;
        TEXT-DECORATION: none;
    }

img {
    border-style: none;
}

input {
    font-size: 12px;
}

    input.hidden {
        background-color: transparent;
        border: none;
        text-align: Right;
    }

    input.total {
        text-align: Right;
    }

p.infospace {
    padding-right: 12px;
    text-align: right;
}

p.underlinestyle {
    border-bottom-style: solid;
    border-bottom-width: 1;
}

table {
    font-size: 12px;
    vertical-align: text-top;
    font-family: Arial;
    /* margin-left: 27px; */
}

    table.cert_review {
        vertical-align: text-top;
    }

    table.dataEntry {
        border: 1px solid #999999;
    }

    table.defaultborder {
        border: 1px solid #999999;
        font-size: 12px;
        border-spacing: 0;
        border-padding: 0;
    }

    table.emp_description {
        height: 100%;
        BORDER-RIGHT: #336666 1px solid;
        BORDER-TOP: #336666 1px solid;
        BORDER-LEFT: #336666 1px solid;
        BORDER-BOTTOM: #336666 1px solid;
    }

    table.zeroborder {
        border: 0px solid #999999;
        font-size: 12px;
        border-spacing: 0;
        border-padding: 0;
    }

td {
    vertical-align: text-top;
}


.headingbubble {
    background-color: #339933;
    background-repeat: repeat-x;
    color: #FFFFFF;
    border-radius: 0.3em;
    padding-top: 3px;
    padding-left: 5px;
    height: 18px;
    width: 650px;
    text-align: left;
}

td.blankcell {
    background-color: #FFFFFF;
}

td.fullinfoborder {
    border-right: 1px solid #336666;
    border-bottom: 1px solid #336666;
    border-left: 1px solid #336666;
}

td.infoborder {
    font-size: 12px;
    border-right: 1px solid #336666;
    border-bottom: 1px solid #336666;
}

td.infobordertwo {
    font-size: 12px;
    border-bottom: 1px solid #336666;
}

td.InputTableRows {
    border-style: solid;
    border-width: 0;
}

td.leftinfoborder {
    height: 30px;
    font-size: 12px;
    border-left: 1px solid #336666;
    border-right: 1px solid #336666;
    border-bottom: 1px solid #336666;
}

td.NoBorder {
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
}

td.righttitleborder {
    font-size: 12px;
    border-right: 1 solid #336666;
}

td.TableData {
    border-bottom: 1 solid #FFFFFF;
    border-right: 1 solid #FFFFFF;
    font-size: 12px;
}

td.Title {
    font-size: 16px;
    font-weight: bold;
}

td.titleborder {
    border-right: 1px solid #FFFFFF;
    font-size: 12px;
}

TD.toprow {
    background-color: #00a024;
    color: #FFFFFF;
    /*font-weight:bold;*/
    font-size: 13px;
}

td.underlinestyle {
    border-left-style: solid;
    border-left-width: 0;
    border-right-style: solid;
    border-right-width: 0;
    border-top-style: solid;
    border-top-width: 0;
    border-bottom-style: solid;
    border-bottom-width: 1;
    border-color: #000000;
}

td.TPName {
    padding: 5;
    font-size: 10px;
    border-bottom: 1 solid #FFFFFF;
    border-right: 1 solid #FFFFFF;
    color: #339999;
    font-weight: bold;
    text-decoration: underline;
}

td.update {
    font-size: 10px;
    background-color: #FFFFFF;
    border-bottom: 1 solid #FFFFFF;
    border-left: 1 solid #FFFFFF;
}

th.titleborder {
    border-right: 1px solid #FFFFFF;
    font-size: 13px;
}

tr.DkColor {
    background-color: #CCCCCC;
}

tr.even {
    background-color: #DDDDDD;
}

tr.LtColor {
    background-color: #FFFFFF;
}

tr.odd {
    background-color: #FFFFFF;
}

TR.toprow {
    font-size: 11px;
    /*background-image:url(../Images/gray_bg_gradient.png);*/
    background-color: #339933;
    background-repeat: repeat-x;
    color: #FFFFFF;
    /*font-weight:bold;*/
    border: solid 1px #AAAAAA;
}

/*----------------*/
/*Page Layout / Classses */
/*----------------*/

.footer {
    position: relative;
}

.input_heading {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    TEXT-DECORATION: underline;
}

.menubox_heading {
    /*background-image:url(../Images/navmenu_bg_gradient.png);*/
    background-color: #006600;
    height: 17px;
    background-repeat: repeat-x;
    color: #FFFFFF;
    margin-left: 5px;
    margin-right: 4px;
    padding-top: 2px;
    padding-left: 3px;
    font-weight: bold;
    margin-top: 5px;
    display: none;
}

.menubox {
    /*border-right:solid 1px #AAAAAA;*/
    display: inline;
    float: left;
    background-color: #339933;
    width: 200px;
    margin-left: 0px;
    margin-right: 0px;
    float: left;
    text-align: left;
}

    .menubox ul {
        list-style: none;
        margin-top: 0px;
        margin-bottom: 10px;
        margin-left: 0;
        padding: 0.30em;
        padding-top: 0px;
        padding-left: 0px;
    }

    .menubox li {
        border-top: 1px solid #006600;
        padding: 0;
        height: 25px;
        padding-top: 10px;
        padding-left: 5px;
        background: #4aaa42;
        color: #FFFFFF;
        width: 195px;
    }

.menubox_lastchild {
    border-bottom: 1px solid #006600;
    padding: 0;
    padding-left: 1px;
    background: #FFFFFF;
}

.menubox a {
    color: #FFFFFF;
    font-weight: bold;
}

.menubox li:hover {
    /*   background-image:url(../Images/gray_bg_gradient.png);*/
    background-color: #006600;
    background-repeat: repeat-x;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: underline;
}

    .menubox li:hover a, .menubox li:hover a:visited, li:hover a:active {
        color: #FFFFFF;
        text-decoration: underline;
    }

.nav_menu {
    color: #DDDDDD;
    font-size: 12px;
    font-family: Helvetica;
    background-color: #ffffff;
    background-repeat: repeat-x;
    padding-left: 10px;
    padding-top: 0px;
    text-align: left;
    height: 0px;
}

    .nav_menu A {
        color: #FFFFFF;
        text-decoration: underline;
    }

        .nav_menu A:hover {
            color: #FF6666;
            text-decoration: underline;
        }


#nav_container {
    background-color: #666666;
    margin-left: 0px;
    height: 20px;
    border-bottom: solid 1px #AAAAAA;
    padding-bottom: 0px;
    padding-top: 2px;
    width: 700px;
    text-align: right;
}

.pagetop_image_ie6 {
    width: 67%;
    text-align: left;
    padding-left: 33%;
}

.pagetop_text_ie6 {
    width: 61%;
    text-align: left;
    padding-left: 39%;
}

.pagetop_image {
    width: 70%;
    text-align: left;
    padding-left: 30%;
}

.pagetop_text {
    width: 63%;
    text-align: left;
    padding-left: 37%;
}

@-moz-document url-prefix() {

    .default_Alignment2 {
        margin: -106px 0 0 0;
        height: 75px;
        width: 780px;
        text-align: center;
    }

    .pagetop_image {
        width: 70%;
        text-align: left;
        padding-left: 30%;
        border: 0;
    }

    .pagetop_text {
        width: 63%;
        text-align: left;
        padding-left: 37%;
        border: 0;
    }
}

.portalFooter {
    clear: both;
    border-top: none;
    height: 55px;
    border-bottom: solid 0px #666666;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    margin-top: -13px;
    padding-top: 1px;
    color: #FFFFFF;
}


.portalHeader {
    background-color: solid 1px #FFFFFF;
    border-top: none;
    border-bottom: solid 1px #666666;
    border-left: solid 1px #666666;
    border-right: solid 1px #666666;
    margin-top: -3px;
    height: 100px;
}

.portalHeader_image {
    background-color: #ffffff;
    vertical-align: top;
    text-align: center;
    width: 200px;
    padding-top: 18px;
    padding-left: 0px;
}

.portalHeader_heading {
    background-color: #ffffff;
    text-align: left;
    vertical-align: top;
    padding-top: 18px;
    padding-left: 115px;
}

html > body .portalOffice {
    background-image: url("../images/Businesses_Logo.gif");
    background-repeat: no-repeat;
    vertical-align: top;
}

.portalOffice {
    background-image: url("../images/Businesses_Logo.gif");
    background-repeat: no-repeat;
}

.portalOfficeText {
    font-family: Helvetica;
    font-weight: bold;
    color: #00a024;
    font-size: 25px;
    vertical-align: top;
}

.portalDivision {
    font-family: Helvetica;
    font-weight: bold;
    color: #336666;
    text-decoration: none;
    font-size: 23px;
    vertical-align: top;
}

.portalClient {
    font-family: Helvetica;
    color: #000000;
    text-decoration: none;
    position: absolute;
    font-size: 12px;
    padding: 61px 0 0 50px;
}

.portalLogOff {
    font-family: Helvetica;
    color: #ffffff;
    font-weight: bold;
    text-align: right;
    margin-top: -38px;
    margin-right: 30px;
}

    .portalLogOff a {
        color: #ffffff;
        font-size: 16px;
        background-color: #336666;
        padding: 5px;
        border: 2px solid #336666;
        border-radius: 0.4em;
    }

        .portalLogOff a:visited {
            color: #FFFFFF;
            font-size: 16px;
        }

        .portalLogOff a:hover {
            color: #000000;
            font-size: 16px;
            background-color: #DDDDDD;
            text-decoration: underline;
        }

.wrapper {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    border: 0;
}

#container {
    width: 900px;
    background-color: #FFFFFF;
    margin-top: -3px;
    border-top: none;
}

#main {
    padding: 0;
    background-color: #FFFFFF;
}

/*----------------*/
/* Global Classes specific to WOTC */
/*----------------*/

.WOTC_MessageMenu {
    float: left;
    text-align: left;
    width: 550px;
    margin-left: 5px;
    padding: 2px;
    border: 0;
}

/*----------------*/
/* global classes */
/*----------------*/


.asteriskNote {
    color: red;
    font-size: 10px;
    font-weight: bold;
    font-variant: italic;
    text-decoration: underline;
}

.asterisk {
    color: red;
    font-size: 10px;
    font-weight: bold;
    vertical-align: top;
}

.boldtext {
    font-weight: bold;
}

.ColumnLeft {
    color: #000000
}

.Heading {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
}

.inline {
    display: inline;
}

.left {
    text-align: left;
}

.link_textbutton a {
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    background-color: #336666;
    padding: 5px;
    border: 2px solid #336666;
    border-radius: 0.4em;
}

    .link_textbutton a:visited {
        color: #FFFFFF;
        font-size: 12px;
    }

    .link_textbutton a:hover {
        color: #000000;
        font-size: 12px;
        background-color: #DDDDDD;
        text-decoration: underline;
    }


.menuheading {
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}

.message {
    color: red;
    font-weight: bold;
    text-align: center;
}

.note {
    font-size: 10px;
    text-align: left;
}

.pgtitle {
    font-size: 14px;
    font-weight: bold;
}

.revisiontext {
    width: 93%;
    height: 50px;
}

.rowheading {
    font-size: 14px;
    font-weight: bold;
    color: #000;
}

.systemNoteBackground {
    background-color: #336666;
}

.systemNoteText {
    color: #FFFFFF;
    text-decoration: none;
}

.SmallHeading {
    font-size: 14px;
    font-weight: bold;
    color: #003366;
}

.smalltext {
    font-size: 10px;
}

.systemNoteBackground {
    background-color: #339933;
}

.report_value {
    padding-right: 30px;
    text-align: right;
    font-size: 12px;
}

.report_label_heading {
    background-color: #DDDDDD;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
}

.gridpager, .gridpager table {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: red;
    font-weight: bold;
    text-decoration: none;
}

.report_label {
    background-color: #EEEEEE;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
}


.textbox_label {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
}

.textbox_text {
    FONT-SIZE: 12px;
}

.textbox_label_big {
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
}

.THNew {
    color: #FFFFFF;
    font-size: 16px;
}

.title1 {
    padding-top: 5px;
    font-family: Helvetica;
    font-size: 18px;
    color: #005E3D;
    font-weight: bold;
}

.title2 {
    font-family: Helvetica;
    font-size: 12px;
    font-weight: bold;
}

.topinfo {
    font-size: 12px;
}

.toprow {
    background-color: #00a024;
    color: #FFFFFF;
    /*font-weight:bold;*/
}

.TRNew {
    font-size: 14px;
}

.tr_center {
    text-align: center;
}

.welcomelinks a {
    font-weight: normal;
    color: black;
}

    .welcomelinks a:visited {
        font-weight: normal;
    }

    .welcomelinks a:hover {
        font-weight: bold;
    }

.warning {
    color: #FF0000;
}

.listsearch {
    color: #ffffff;
    background-color: #666;
    font-weight: bold;
    font-style: italic;
}

.txt_label {
    font-weight: bold;
}

.txt_input {
    background-color: #FFFFFF;
    border: solid 1px #AAAAAA;
}

    .txt_input:focus {
        background-color: #EEEEEE;
        border: solid 1px #AAAAAA;
    }

.txt_input_disabled {
    border: solid 1px #AAAAAA;
}

.txt_input_error {
    background-color: #FF9999;
    border: solid 1px black;
}

    .txt_input_error:focus {
        background-color: #FF9999;
        border: solid 1px black;
    }

.cb_input {
    moz-appearance: none;
    webkit-appearance: none;
    o-appearance: none;
}

.MaskedEditError {
    background-color: #FF9999;
}

.MaskedEditOK {
    background-color: #FFFFFF;
}

.gvrow_even td {
    font-size: 11px;
    border-left: solid 1px #BBBBBB;
    border-right: solid 1px #BBBBBB;
    border-bottom: solid 1px #BBBBBB;
}


.gvrow_even a:hover {
    text-decoration: underline;
}

.gvrow_odd td {
    font-size: 11px;
    background-color: #EEEEEE;
    border-left: solid 1px #BBBBBB;
    border-right: solid 1px #BBBBBB;
    border-bottom: solid 1px #BBBBBB;
}

.gvrow_odd a:hover {
    text-decoration: underline;
}

.pagerstyle {
    font-weight: bold;
    color: #000000;
    text-align: center;
    border-top: none;
}

    .pagerstyle a {
        font-weight: normal;
        color: #0000FF;
    }

        .pagerstyle a:hover {
            font-weight: bold;
            text-decoration: underline;
            color: #0000FF;
        }

tr.pagerstyle {
    border: none;
}

    tr.pagerstyle td {
        border-top: none;
        text-align: center;
    }



/* PAGINATOR Flickr */
/*actual .PagesFlickr { text-align: center; margin-bottom: 20px; margin-top: 20px; }*/
.PagesFlickr {
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 20px;
    margin-top: 20px;
}

.Paginator {
    font-size: 12px;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto; /* padding-bottom: 10px;  background-image: url(http://l.yimg.com/g/images/dotted.gif); background-repeat: repeat-x; background-position: left bottom; */
}

    .Paginator .active {
        color: #ff0084;
        font-weight: bold;
        display: block;
        float: left;
        padding: 4px 6px;
    }

TR.Paginator TD {
    height: 20px;
    vertical-align: middle; /* inserted to fix paginator problem in firefox.  (was really caused by other css on td's */
    padding-bottom: 3px;
}

.Paginator, .Paginator table {
    border: 0;
    padding: 0;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: red;
    font-weight: bold;
    text-decoration: none;
}


    .Paginator a, .pageList .this-page {
        padding: 2px 6px;
        border: solid 1px #ddd;
        background: #fff;
        text-decoration: none;
    }

        .Paginator a:visited {
            padding: 2px 6px;
            border: solid 1px #ddd;
            background: #fff;
            text-decoration: none;
        }

    .Paginator .AtStart {
        margin-right: 20px;
        padding: 2px 6px; /* border: solid 1px #ddd; */
        background: #fff;
        color: #aaa;
    }

    .Paginator .Prev {
        margin-right: 20px;
        padding: 2px 6px;
        border: solid 2px #ddd;
        background: #fff;
    }

    .Paginator .break {
        padding: 2px 6px;
        border: none;
        background: #fff;
        text-decoration: none;
    }

    .Paginator .Next {
        margin-left: 20px;
        padding: 2px 6px;
        border: solid 2px #ddd;
        background: #fff;
    }

    .Paginator .AtEnd {
        margin-left: 20px;
        padding: 2px 6px; /* border: solid 1px #ddd; */
        background: #fff;
        color: #aaa;
    }

    .Paginator span {
        padding: 2px 6px;
        border-color: #999;
        font-weight: bold;
        vertical-align: top;
        background: #666;
        color: #fff;
    }

    .Paginator a:hover {
        color: #fff;
        background: #AAAAAA;
        border-color: #036;
        text-decoration: none;
    }
/* 
.Paginator .ranking {display: block; margin-top: 0.5em; font-weight: bold;}
.Paginator .ranking a {padding: 0; border: 0; background: transparent;} 
*/
.Pages div.Results {
    text-align: center;
    font: 13px Arial, Helvetica;
    color: #aaa;
    margin-top: 8px;
}

.lwc_gridview table {
    font-size: 11px;
    border: 0;
}

#spacer100 {
    height: 100px;
    background-color: #FFFFFF;
}

#spacer300 {
    height: 300px;
    background-color: #FFFFFF;
}

#navcontainer {
    width: 900px;
    font-size: 12px;
    font-family: Helvetica;
    /*background-image:url(../Images/gray_bg_gradient.png);*/
    background-color: #336666;
    background-repeat: repeat-x;
    margin-left: 0px;
    height: 20px;
    padding-bottom: 0px;
    text-align: right;
}


    #navcontainer ul {
        color: #339933;
        font-size: 18px;
        display: none;
        float: right;
        list-style: none;
    }

        #navcontainer ul li {
            padding-left: 0px;
            margin: 0;
            margin-left: 0px;
            padding-left: -3px;
        }

    #navcontainer li:hover {
        padding-top: 5px;
        padding-bottom: 4px;
        background-color: #339933;
        border-bottom: solid 1px #666666;
    }

    #navcontainer li:after {
        content: "|";
        margin-left: 3px;
    }

    #navcontainer li:first-child:before {
        content: "";
    }

    /*IE workaround*/
    /*All IE browsers*/
    * html #navcontainer li {
        border-left: 1px solid black;
        padding: 0 0.4em 0 0.4em;
        margin: 0 0.4em 0 -0.4em;
    }

/*Win IE browsers - hide from Mac IE\*/
* html #navcontainer {
    height: 1%;
}

    * html #navcontainer li {
        display: block;
        float: left;
    }

#homelink {
    width: 75px;
}


#footerlist {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 2px;
    padding-right: 15px;
}


    #footerlist li {
        float: left;
    }

    #footerlist img {
        display: block;
        vertical-align: text-bottom;
    }

.homelink a:visited, .homelink a {
    font-size: 12px;
    color: #99CC99;
}


#workerslink {
    width: 150px;
}

#businesseslink {
    width: 150px;
}


#otherlink a:visited, .otherlink a:active, .otherlink a {
    font-size: 12px;
    color: #FFFFFF;
}

.logofflink a:visited, .logofflink a:active, .logofflink a {
    font-size: 12px;
    color: #FF6666;
}




.wotc_otherlink a:visited, .wotc_otherlink a:active, .wotc_otherlink a {
    text-decoration: none;
    color: #FFFFFF;
}

    .wotc_otherlink a:hover {
        text-decoration: underline;
    }


#wotc_navlist {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    padding-right: 0px;
    margin-top: 0;
    line-height: 25px;
}

    #wotc_navlist li {
        display: inline;
        padding: 0;
        padding-left: 5px;
        padding-right: 5px;
        margin: 0;
        line-height: 20px;
    }

    #wotc_navlist a {
        color: #FFFFFF;
    }

        #wotc_navlist a:hover {
            color: #FFFFFF;
        }

    #wotc_navlist li:hover {
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #666666;
        /*border-bottom:solid 2px #666666;*/
    }



    /*End hide*/
    /*Mac IE 5*/
    * html #wotc_navlist li:first-child {
        border-left: 0;
    }


    #wotc_navlist li:before {
        content: "| ";
        margin-left: -8px;
    }

    #wotc_navlist li:after
    #wotc_navlist li:first-child:before {
        content: "";
    }

    /*IE workaround*/
    /*All IE browsers*/
    * html #wotc_navlist li {
        border-left: 1px solid black;
        padding: 0 0.4em 0 0.4em;
        margin: 0 0.4em 0 -0.4em;
    }

/*Win IE browsers - hide from Mac IE\*/
* html #wotc_navlist {
    height: 1%;
}

    * html #wotc_navlist li {
        display: block;
        float: left;
    }

        /*End hide*/
        /*Mac IE 5*/
        * html #wotc_navlist li:first-child {
            border-left: 0;
        }


.tabpanel_base {
    font-family: arial;
    font-size: 11px;
}

.accordionHeader {
    color: white;
    /*  background-image:url(../Images/gray_bg_gradient.png);*/
    background-repeat: repeat-x;
    font: bold 11px; /*Verdana;*/
    font-size: 12px;
    cursor: pointer;
    padding: 4px;
    margin-top: 3px;
}

.accordionContent {
    background-color: #FFFFFF;
    font: normal 12px Arial;
    border: 1px gray;
    padding: 4px;
    padding-top: 7px;
}


.accordionHeaderSelected {
    color: white;
    /*  background-image:url(../Images/green_bg_gradient.png);*/
    background-repeat: repeat-x;
    font: bold 11px /*Verdana;*/
    font-size: 12px;
    cursor: pointer;
    padding: 4px;
    margin-top: 3px;
}

.wotc_homepage_accordion {
    margin-left: 10px;
}


/*
.ajax__tab_header: A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer. 
.ajax__tab_outer: An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner. 
.ajax__tab_inner: An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab. 
.ajax__tab_tab: An element of the tab that contains the text content. Child CSS classes:none. 
.ajax__tab_body: A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none. 
.ajax__tab_hover . This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer. 
.ajax__tab_active: This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer. 

*/

/* default layout */


/* xp theme */

/* scrolling */

.gameplan_img {
    display: block;
    width: 192px;
    height: 64px;
    background: url('../Images/Gameplan.png') bottom;
    text-indent: -99999px;
}

    .gameplan_img:hover {
        background-position: 0 0;
    }

.lagov_img {
    display: block;
    width: 109px;
    height: 21px;
    background: url('../Images/lagov.png') bottom;
    text-indent: -99999px;
}

    .lagov_img:hover {
        background-position: 0 0;
    }


#cbPassword {
    color: #0000FF;
    font-weight: bold;
}

    #cbPassword:hover {
        text-decoration: underline;
    }

#leftmenu {
    float: left;
    width: 200px;
    background: #339933;
}

#logincontent {
    background: #FFFFFF;
    border-left: solid 1px #AAA;
    margin-left: 200px;
    padding-right: 25px;
    width: 662px;
    text-align: left;
    padding-left: 10px;
}

#contentcontainer {
    border-left: solid 1px #666666;
    border-right: solid 1px #666666;
    border-bottom: solid 1px #666666;
    text-align: left;
    background: #339933;
}

.contentdiv {
    border-left: solid 1px #666666;
    border-right: solid 1px #666666;
}

.pnl {
    font-weight: bold;
    background-color: #00a024;
    padding: 5px;
    cursor: pointer;
    border: solid 1px #c0c0c0;
    height: 20px;
    width: 600px;
    color: #FFFFFF;
    font-weight: bold;
}


/* Tab Container*/

/*Main Tab Specific*/
.mainTab .ajax__tab_header .ajax__tab_tab {
    margin: 13px 30px 0px 0px;
}


.mainTab .ajax__tab_header {
    font-size: 13px;
    font-weight: bold;
    color: #000;
    font-family: sans-serif;
    background: url(img/green_bg.gif) repeat-x;
}


    .mainTab .ajax__tab_active .ajax__tab_outer,
    .mainTab .ajax__tab_header .ajax__tab_outer,
    .mainTab .ajax__tab_hover .ajax__tab_outer {
        height: 46px;
    }

.mainTab .ajax__tab_hover .ajax__tab_outer,
.mainTab .ajax__tab_active .ajax__tab_outer {
    background: url(img/green_left.gif) no-repeat left top;
}

.mainTab .ajax__tab_active .ajax__tab_inner,
.mainTab .ajax__tab_header .ajax__tab_inner,
.mainTab .ajax__tab_hover .ajax__tab_inner {
    height: 46px;
    margin-left: 16px; /* offset the width of the left image */
}

.mainTab .ajax__tab_hover .ajax__tab_inner,
.mainTab .ajax__tab_active .ajax__tab_inner {
    background: url(img/green_right.gif) no-repeat right top;
}

.mainTab .ajax__tab_active .ajax__tab_tab,
.mainTab .ajax__tab_hover .ajax__tab_tab,
.mainTab .ajax__tab_header .ajax__tab_tab {
    margin: 16px 16px 0px 0px;
}

.mainTab .ajax__tab_hover .ajax__tab_tab,
.mainTab .ajax__tab_active .ajax__tab_tab {
    color: #fff;
}





.subTab .ajax__tab_header {
    white-space: normal !important;
}

.subTab .ajax__tab_body {
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    border: 1px solid #999999;
    border-top: 0;
    padding: 8px;
    background-color: #ffffff;
}

.subTab .ajax__tab_header .ajax__tab_tab {
    margin: 12px 8px 0px 0px;
}

.subTab .ajax__tab_hover .ajax__tab_outer,
.subTab .ajax__tab_active .ajax__tab_outer {
    background: url(img/blue_left.gif) no-repeat left top;
}

.subTab .ajax__tab_hover .ajax__tab_inner,
.subTab .ajax__tab_active .ajax__tab_inner {
    background: url(img/blue_right.gif) no-repeat right top;
}

.subTab .ajax__tab_header {
    font-size: 13px;
    font-weight: bold;
    color: #000;
    font-family: sans-serif;
    background: url(img/blue_bg.gif) repeat-x;
    font-size: 10px;
}


    .subTab .ajax__tab_active .ajax__tab_outer,
    .subTab .ajax__tab_header .ajax__tab_outer,
    .subTab .ajax__tab_hover .ajax__tab_outer {
        height: 46px;
    }

    .subTab .ajax__tab_active .ajax__tab_inner,
    .subTab .ajax__tab_header .ajax__tab_inner,
    .subTab .ajax__tab_hover .ajax__tab_inner {
        height: 46px;
        margin-left: 16px; /* offset the width of the left image */
    }

    .subTab .ajax__tab_active .ajax__tab_tab,
    .subTab .ajax__tab_hover .ajax__tab_tab,
    .subTab .ajax__tab_header .ajax__tab_tab {
        margin: 13px 16px 0px 0px;
    }

.subTab .ajax__tab_hover .ajax__tab_tab,
.subTab .ajax__tab_active .ajax__tab_tab {
    color: #fff;
}

.subTab .ajax__tab_header {
    white-space: normal !important;
}

.subTab .ajax__tab_body {
    /*   font-family:verdana,tahoma,helvetica; */
    font-size: 10pt;
    border: 1px solid #999999;
    border-top: 0;
    padding: 8px;
    background-color: #ffffff;
}


/*Accordion Control*/
.accordionHeader {
    border: 1px solid #2F4F4F;
    color: #ffffff;
    background-color: #e6e6e6;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderBold {
    color: #000000;
    font-weight: bold;
    font-size: 11px;
}

.accordionHeaderValue {
    color: #000000;
    font-size: 11px;
    font-weight: normal;
}

.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #e6e6e6;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}


.accordionContent {
    background-color: #ffffff;
    border: 1px solid #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/*gridview*/

.gridviewSKIN {
    border: none 1px black;
    border-collapse: collapse;
    width: 100%;
}

    .gridviewSKIN th {
        background: #a9a9a9;
        color: #000000;
        /*text-align: left;*/
        text-decoration: none;
        padding-left: 9px;
        height: 22px;
        border: none;
    }

        .gridviewSKIN th.iconcell {
            text-align: center;
            width: 30px;
            padding-left: 3px;
            padding-right: 3px;
        }

        .gridviewSKIN th a {
            color: #000000;
            font-weight: bold;
            text-decoration: underline;
        }

            .gridviewSKIN th a:hover {
                color: #ffff33;
            }

            .gridviewSKIN th a:visited {
                text-decoration: none;
            }


    .gridviewSKIN tr.header {
        /*background: #a9a9a9;*/
        text-align: right;
    }

    .gridviewSKIN td.iconcell {
        width: 30px;
    }

    .gridviewSKIN td a {
        color: #000000;
        text-decoration: underline;
    }

        .gridviewSKIN td a:hover {
            text-decoration: none;
        }

    .gridviewSKIN .actions div {
        float: right;
        text-align: right;
        width: 95px;
    }

    .gridviewSKIN td {
        border: none;
        padding-left: 10px;
    }

.gridviewROWSMALL {
    border: none;
    background-color: #FFFFFF;
    font-size: 10px;
}

.gridviewROWNormal {
    border: none;
    background-color: #FFFFFF;
    font-size: 12px;
}

.gridviewALTNormal {
    border: none;
    /*background: #dbf7eb;*/
    background: #e2e3df;
    /*background:#a1c344;*/
    font-size: 12px;
}

.gridviewROWSMALLHover {
    border: none;
    background: #99ccff;
    font-size: 12px;
}

.gridviewALTSMALL {
    border: none;
    /*background: #dbf7eb;*/
    background: #e2e3df;
    /*background:#a1c344;*/
    font-size: 10px;
}

.gridviewALTSMALLHover {
    border: none;
    background: #99CCFF;
    font-size: 9px;
}

.gridviewPAGER {
    text-decoration: none;
    background-color: #FFFFFF;
}

.gridviewHEADER {
    /*background-color: #a9a9a9; */
    /*background:#4aaa42; */
    background-color: #005E3D;
    color: #FFFFFF;
    font-size: 11px;
    height: 20px;
    /* 	font-weight: bold; 	text-decoration: none; 	color: #708090; */
}

    .gridviewHEADER a {
        text-decoration: underline;
        color: White;
    }

.gridviewFOOTER {
    /* 	background-color:gray; 	border: none; */
}

.gridviewHOVER {
    font-size: inherit;
    border: none;
    background: #99ccff;
}

.gridviewHOVERSmall {
    border: none;
    background: #99ccff;
    font-size: 9px;
}

.totalReturned {
    font-style: italic;
    float: left;
}

.pageXofX {
}


.pageLabel {
    color: #000000;
    font-weight: bold;
    font-size: 11px;
}

.panelGroupText legend {
    color: red;
    font-size: 12px;
}



/*Update Progress Template*/

#progressBackgroundFilter {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 1000;
}

#processMessage {
    position: fixed;
    top: 30%;
    left: 43%;
    padding: 10px;
    width: 14%;
    z-index: 1001;
    background-color: #fff;
    border: solid 1px #000;
}




/*Rounded Shadow Box*/

.shadowTop {
    background: url(img/shadow_top.jpg) 0 0 repeat-x;
}

.shadowBottom {
    background: url(img/shadow_bottom.jpg) 0 100% repeat-x;
}

.shadowLeft {
    background: url(img/shadow_left.jpg) 0 0 repeat-y;
}

.shadowRight {
    background: url(img/shadow_right.jpg) 100% 0 repeat-y;
}

.shadowBottomLeftCorner {
    background: url(img/shadow_bottom_left.jpg) 0 100% no-repeat;
}

.shadowBottomRightCorner {
    background: url(img/shadow_bottom_right.jpg) 100% 100% no-repeat;
}

.shadowTopLeftCorner {
    background: url(img/shadow_top_left.jpg) 0 0 no-repeat;
}

.shadowTopRightCorner {
    background: url(img/shadow_top_right.jpg) 100% 0 no-repeat;
    padding: 10px;
}

.roundbordercont {
    color: #000000;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
    padding-left: 15px;
}

.roundbordercontSmall {
    color: #000000;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
}


.blueHyperlink {
    color: Blue;
    text-decoration: underline;
    font-size: 10px;
}


.tabPanelGray {
    background-color: white;
    border: 1px solid #d4d4d4;
    padding: 2px 2px 2px 2px;
}

.gridviewROWBig {
    border: none;
    background-color: #FFFFFF;
    font-size: 11px;
    padding: 10px;
}

.gridviewALTBig {
    border: none;
    background: #e2e3df;
    font-size: 11px;
    padding: 10px;
}

.tblRowGreen {
    background: #4aaa42;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}




.borderRight {
    border-right: 2px solid #000000;
}

.borderLeft {
    border-left: 2px solid #000000;
}

.borderLeftSmall {
    border-left: 1px solid #000000;
}

.borderRightGray {
    border-right: 1px solid #00a024;
}

.gridviewLeftColumn {
    background: #4aaa42;
    color: #FFFFFF;
    font-size: 11px;
}


.hiddencol {
    display: none;
}

.viscol {
    display: inline;
}


.accordionHeaderBoldCaseRecommendation {
    color: #000000;
    background-color: #88EE77;
    font-weight: bold;
    font-size: 11px;
}

.panelContent {
    background-color: #FFFFFF;
    font: normal 12px Arial;
    padding: 4px;
    padding-top: 7px;
}

.errorText {
    color: #aa0000;
}

.emptyGrid {
    font-style: italic;
    font-size: 14px;
    text-align: center;
}

.emptyGridRow {
    border: none;
    font-size: 12px;
    font-weight: bold;
}

div.environmentData {
    text-align: center;
    padding-right: 15px;
    color: #aa0000;
    padding-top: 5px;
    padding-bottom: 5px;
}

.environmentDataFooter {
    clear: both;
    border-top: none;
    border-bottom: solid 0px #666666;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    background-color: #FFFFFF;
    font-weight: bold;
}