html, body {
    font: 100% Arial, Verdana, Helvetica, sans-serif;
    /*font: 16px Arial, Verdana, Helvetica, sans-serif;*/
    margin: 0;
    padding: 0;
    height: 90%; /*  background:#002B5C; old  */
}
/**** For questions, updated 10/30 ***/
.questionTitle {
    /* Should have same width as questionInside  */ /* changed clear from both to left */
    clear: left;
    float: left;
    font-size: 15px;
    font-weight: bold;
    color: #666666;
    width: 99%;
}

.exportButton img {
    vertical-align: bottom;
}

.short {
    width: 50%;
}

.HDX_logo {
    position: absolute;
    top: 20px;
    left: 565px;
}

.siteType {
    margin-right: 13px;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
}

.instructions {
    margin-bottom: 12px;
    font-size: 14px;
}

ul {
    margin: 0px;
    padding: 5px 15px;
    list-style-type: disc;
    list-style-image: none;
}


    ul li {
        margin: 0px;
        padding: 3px;
    }

.tabs {
    margin: 0px;
    padding: 0px;
    background-color: #87A9C4;
    width: 700px;
}

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

    .tabNavigation li {
        float: left;
        padding: 4px 6px;
        border-left: solid 3px #fff;
    }

        .tabNavigation li a, .tabNavigation li a:hover, .tabNavigation li a:active, .tabNavigation li a:link {
            color: #fff;
            font-size: 12px;
            text-decoration: none;
            font-weight: bold;
        }

        .tabNavigation li.selected, .tabNavigation li.selected a, .tabNavigation li.selected a:hover, .tabNavigation li.selected a:active, .tabNavigation li.selected a:link {
            color: #002a5c;
            background-color: #F3F3F3;
        }

.tabContainer {
    width: 657px;
    background-color: #F3F3F3;
    padding: 20px;
    min-height: 350px;
    overflow-y: auto;
    border-left: solid 3px #fff;
}

.questionInside {
    /* Same width as questionTitle  */ /* changed clear from both to left */
    clear: left;
    float: left;
    background-image: url(Images/bkg_form_subQ.jpg);
    background-repeat: repeat-y;
    width: 99%; /* increased marign from element as part of container 35px to 45px. */
    padding: 10px 10px 10px 45px;
    margin-top: 5px;
}

.answerRow {
    /* Groups answer responses by row  */
    clear: left;
    float: left; /* added marigns from element into container (from formLabel) */
    margin: 0px 0px 22px 0px; /*width: 99%;*/
}

.formLabel {
    /*Form label line height changed from 1.3-1.7 because bottom of g's and p's were truncated*/
    float: left;
    width: 240px;
    text-align: right;
    line-height: 1.7em;
    font-size: .8125em; /* removed margins (should be in containers) */
    color: #333333; /* removed padding, added to container margin */
}

.answerCell, .answerCellLarge {
    /* Groups floated divs together. in most cases so ( a. [    ] )doesn't break into a multi line  */
    float: left; /* added marigns from element into container (from formLabel) */
    margin: 0px 0px 0px 20px;
}

.answerCell {
    height: 22px;
}

.formNumber {
    float: left;
    font-size: .8125em;
    font-weight: bold;
    color: #333333; /* added padding from form col heads / controls */
    margin: 2px 10px 0px 0px;
    width: 15px;
    text-align: left;
}

.sumLbl {
    height: 22px;
    float: left;
    font-style: italic;
    font-size: .8125em;
    margin-top: 5px;
    text-align: right;
    width: 35px;
    margin-right: 9px;
    font-weight: bold;
}

.formColHead {
    float: left;
    font-size: .75em; /* edited to be same with as form Control */
    width: 160px;
    font-style: italic;
    color: #333333;
    margin-top: 2px;
}

.formControl {
    float: left;
    width: 160px;
    height: 22px;
    line-height: 1.2em;
    font-size: .8125em;
}

.sumControl {
    float: left;
    width: 160px;
    height: 22px;
    line-height: 1.2em;
    font-size: 12px;
    margin-top: 4px;
}

.summary1Control {
    float: left;
    width: 60px;
    height: 22px;
    line-height: 1.2em;
    font-size: .8125em;
}

.radComboBox .rcbInputCell {
    width: 282px !important;
}

.formBox, .formBoxLarge, .radComboBox .rcbInputCell, .computed {
    float: left;
    border: 2px solid #BBBBBB !important;
    background-color: #ffffff;
    padding: .1em .5em .1em .5em;
    color: #202020;
    font: normal 14px Arial, Verdana, Sans-Serif;
    height: 17px;
}

.formBox {
    width: 50px;
    text-align: right;
}

    .formBoxLarge.area, .formBox.area {
        height: auto;
    }

input[type="text"].aspNetDisabled {
    width: 50px;
    text-align: right;
    float: left;
    border: 2px solid #BBBBBB !important;
    padding: .1em .5em .1em .5em;
    font: normal 14px Arial, Verdana, Sans-Serif;
    height: 17px;
}

.dropdown {
    border: 2px solid #BBBBBB !important;
    padding: .1em 0em .1em 0em;
}

.formSumBox {
    float: left;
    width: 60px;
    height: 17px;
    border: none;
    background-color: #ffffff;
    text-align: right;
    font-style: normal;
    font-weight: bold;
    color: #333333;
}

.formSumBoxSummary1 {
    float: left;
    width: 60px;
    height: 17px;
    border: none;
    background-color: #ffffff;
    text-align: right;
    font-style: normal;
    font-weight: bold;
    color: #333333;
}

/* end */

/*AutoComplete*/
.autocomplete_completionListElement {
    visibility: hidden;
    margin: 0px !important;
    background-color: #ffffff;
    color: black;
    border: black;
    border-width: 1px;
    border-style: solid;
    border-color: #002A5C;
    cursor: pointer;
    overflow: auto;
    height: 200px;
    text-align: left;
    list-style-type: none;
    font-size: 1em;
    width: 215px !important;
    padding: 0px;
}

.autocomplete_highlightedListItem {
    background-color: #FFA500;
    color: #000;
    padding: 3px;
}

.autocomplete_listItem {
    background-color: #ffffff;
    color: black;
    padding: 3px;
}
/* end Autocomplete styles */

body {
    margin: 0;
    padding: 0;
    /*font-size: 16px !important;*/
}

h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em !important;
    color: #002A5C;
    font-weight: bold;
    line-height: 20px;
    padding: 0px 5px 0px 0px;
    margin: 10px 0px;
}
h2 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em !important;
    color: #002A5C;
    font-weight: bold;
    /*line-height: 20px;*/
    padding: 0 5px 0 0;
    margin: 10px 0;
}

.sectionTitleAlt {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    color: #548DD4;
    font-weight: bold;
    line-height: 20px;
    padding: 0px 5px 0px 0px;
    margin: 10px 0px;
}

h5 {
    display: inline;
    margin: 0px 3px 0px 0px;
    padding: 0px;
    font-weight: bold;
    font-family: inherit;
    font-size: 10px;
}

.floatRow {
    float: left;
    width: 800px;
    overflow: hidden;
}

.qS1RowB {
    height: 240px;
    overflow: hidden;
}

.qS1Row {
    clear: left;
    height: 45px;
    overflow: hidden;
}

/* For browsers with mozilla engine */
.sumRow {
    width: 320px;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    float: left;
}
/* IE 7 */
html > body .sumRow {
    float: none;
}
/* IE 6 */
body .sumRow {
    _float: none;
}

.sumCellEF, .sumCellEI, .sumCellTF, .sumCellTI {
    width: 80px;
    height: 45px;
    overflow: visible;
    float: left;
}

.sumCellEF, .sumCellTF {
    background-color: #CCCCCC;
}

.sumCellEI, .sumCellTI {
    background-color: #FFFFFF;
}

.formSumBoxEF, .formSumBoxEI, .formSumBoxTF, .formSumBoxTI {
    float: left;
    width: 55px;
    height: 17px;
    border: 0px solid #dddddd;
    background-color: Transparent;
    text-align: right;
    font-size: 12px;
    font-style: italic;
    padding: 2px .5em 0 .5em;
    color: #333333;
    position: relative;
}

.myDataButton {
    padding: 2px 2px 2px 2px;
    background-color: #DDE0E4;
    border: solid 1px black;
    text-align: center;
    margin-bottom: 3px;
    width: 180px;
    cursor: pointer;
    height: 26px;
}

.buttonSpacer {
    text-align: center;
    margin-bottom: 3px;
    width: 180px;
    cursor: pointer;
    height: 26px;
}

.confirmText {
    display: block;
    padding-top: 5px;
    height: 26px;
    float: left;
    font-weight: bold;
}

.confirmButton {
    padding: 2px 2px 2px 2px;
    background-color: #DDE0E4;
    border: solid 1px black;
    text-align: center;
    width: 100px;
    cursor: pointer;
    display: block;
    height: 26px;
    float: left;
    margin-left: 1px;
    margin-right: 10px;
}

.hiddenSR {
    position: absolute;
    top: -2000px;
}

.main_text {
    font: 80% Arial, Verdana, Helvetica, sans-serif;
}

.error {
    color: Maroon;
    font-size: 15px;
    font-weight: bold;
}

.subTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #002A5C;
    margin-bottom: 15px;
    width: 80%;
}

    .subTitle a {
        padding: 2px 8px;
        margin-left: 10px;
        font-size: .8em;
        text-decoration: underline;
        cursor: pointer;
    }

.aharType {
    color: #002B5C;
    background-color: gainsboro;
}

.current {
    font-weight: bold;
    background-color: #ccc;
}

.listLink, .listLink a, .listLink a:visited, .listLink a:hover {
    padding: 2px 18px 2px 8px !important;
    background-image: url(Images/down.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    text-decoration: none !important;
    font-size: 1em !important;
    margin-left: 0px !important;
    margin-right: 25px !important;
    color: #002A5C !important;
    line-height: 30px;
}

.noEntries {
    background-image: none;
    padding-right: 0px !important;
}

#siteList, #yearsList {
    display: none;
    background-color: #EAEAEA;
    padding: 10px 50px 10px 10px;
    color: #535353;
    height: 175px;
    overflow-x: hidden;
    overflow-y: auto;
}

#yearsList {
    height: 90px;
}

    #siteList a, #yearsList a {
        color: #555555;
        font-size: .9em;
        text-decoration: none;
        line-height: 30px;
    }

        #siteList a:hover, #yearsList a:hover {
            text-decoration: underline;
        }

.textlink {
    color: #a11e21;
}

    .textlink a {
        color: #a11e21;
    }

        .textlink a:hover {
            color: #000000;
        }

.shellBox {
    border: solid 1px black;
    margin-right: 0;
    margin-bottom: 20px;
    font-size: .8em;
    background-image: url("Images/shellBoxBackground.gif");
    background-repeat: repeat-y;
    height: 320px;
}

    .shellBox:hover {
        border: solid 1px #1E7F9F;
    }

.shellColumn1 {
    float: left;
    background-image: url("Images/bkg_shell.gif");
    background-repeat: no-repeat;
    background-color: #EFEFEF;
    width: 140px;
    padding: 12px 15px 15px 15px;
    height: 100%;
}

    .shellColumn1 span, .shellColumn2 span, .shellColumn3 span {
        line-height: 22px;
    }

.shellColumn2 {
    float: left;
    width: 230px;
    padding: 12px 5px 0px 5px;
    line-height: 22px;
}

    .shellColumn2 span.label {
        text-align: right;
        color: #999;
        font-size: 1em;
        line-height: 22px;
    }

.shellColumn2data {
    font-size: 1em;
    line-height: 22px;
}

.shellColumn3 {
    float: left;
    width: 145px;
    padding: 12px 15px 15px 0px;
}

.shellTitle {
    font-size: 1.4em;
}

.shellSubtitle {
    font-size: .85em;
    line-height: .9em !important;
}

.shellTitleLocked {
    font-size: 1.4em;
    cursor: help;
    color: #666666;
}

.shellSubtitleLocked {
    font-size: .85em;
    line-height: .9em !important;
    color: #666666;
}

.helpPopup {
    background-color: Red;
    font-size: 1em;
    color: Black;
}

.help_text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .9em;
    color: #A11E21;
    font-style: italic;
    margin-left: 10px;
}

.bodyLiquid {
    margin: 0;
    padding: 0;
    background-image: url(hud2009/images/HUD_2009_hdr_grad_2014.jpg);
    background-repeat: repeat-x;
}

    /*  start layout code */
    .bodyLiquid .hdx_container {
        float: left;
        width: 100%; /* this will create a container 100% of the browser width */ /*  background: #002B5C; old  */
        margin: 0;
        padding: 0;
        text-align: left; /* this overrides the text-align: center on the body element. */
        background-color: #fff;
    }

.header {
    /*  background:#002B5C; old  */
    padding: 0;
    background-image: url(Images/header_temp.jpg);
    background-repeat: repeat-x;
}

.bodyLiquid .header h1 {
    color: #fff;
    margin: 0;
    padding: 10px 0px 5px 40px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
    font: bold 45px Times New Roman, Serif;
}

.loginText {
    color: #006;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 8pt;
    float: right;
    padding-right: 10px;
    padding-top: 3px;
}

a.loginLink {
    color: #006;
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 8pt;
    margin-right: 5px;
    position: relative;
    padding-top: 3px;
}

.textfield {
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    color: #1f1955;
    background-color: #DDE0E4;
    border: solid 1px #002B5C;
}

.textfieldborder {
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 10pt;
    color: #1f1955;
    background-color: White;
    border: 2px solid White;
}

.button {
    padding: 2px 2px 2px 2px;
    background-color: #87A9C4;
    border-top: solid 1px #666;
    border-right: solid 1px #999;
    border-bottom: solid 1px #999;
    border-left: solid 1px #666;
    text-align: center;
    margin-bottom: 3px;
    cursor: pointer;
}

    .button[disabled="disabled"], .button.disabled {
        background-color: #F4F4F4;
        border-color: #ADB2B5;
        color: #808080;
        cursor: default;
    }

.header4HDX {
    width: 100%;
    height: 131px;
    text-align: left;
    margin: 0 auto;
    background-image: url(hud2009/images/HUD_2009_hdr_grad5_2014.jpg);
    background-repeat: no-repeat;
}

.hdx_header {
    background-image: url(Images/header_temp.jpg);
    background-color: #87a9c4;
    background-repeat: repeat-x;
    height: 69px;
}

.login {
    float: right;
    margin: 5px 5px 0 0;
    text-align: right;
    width: 230px;
}

.coc-nav {
    float: left;
}

#coc {
    float: left;
    width: 490px;
    height: 32px;
    clear: both;
    margin-left: 250px;
    padding-top: 11px;
}

    #coc > div {
        width: 500px;
    }

#navigation {
    clear: both;
    width: 620px;
    float: left;
    height: 26px;
    margin-left: 160px;
}

    #navigation a {
        float: left;
        color: #000;
        font: 15px Arial;
        padding: 4px 7px 5px 7px;
    }

        #navigation a:hover, .navigationOn {
            background-color: #002A5C;
            text-decoration: none;
            color: #FFFFFF;
        }

@media (max-width: 995px) {
    .hdx_header {
        background-image: none;
        background-color: #87a9c4;
    }

    .hudseal {
        display: none;
    }

    #coc {
        margin-left: 15px;
    }

    #navigation {
        margin-left: 10px;
    }
}

@media (max-width: 850px) {
    .login {
        display: none;
    }
}

#navigationBottom {
    clear: both;
    float: left;
    width: 100%;
    background-color: #CCCCCC;
}

    #navigationBottom h3 {
        font-size: 16px;
        margin: 2px 0 0 0;
        color: #666;
    }

    #navigationBottom a {
        float: left;
        padding: 6px 10px 6px 10px;
        font-weight: bold;
        color: #002a5c;
        font-size: 11px;
    }

        #navigationBottom a:hover {
            background-color: #cccccc;
            color: #fff;
        }

        #navigationBottom a.current, #navigationBottom a.current:hover, #navigationBottom a.current:active {
            background-color: #fff;
            color: #002a5c;
        }

#navigationBottomImage {
    display: none;
}

.HDX_PageTitle {
    float: left;
    height: 22px;
    padding: 2px 17px 0 17px;
}

.HDX_subNavigation {
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

#footer {
    clear: both;
    padding: 0px 0px 10px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000;
    width: 100%;
    background-image: url(hud2009/images/HUD_2009_ftr_grad.jpg); /* why does this not friggin work? it is coded inline right now. */
    background-repeat: repeat-x;
}

    #footer a {
        color: #000;
    }

.bodyLiquid .sidebar1 {
    float: left; /* this element must precede in the source order any element you would like it be positioned next to */
    width: 1%; /* since this element is floated, a width must be given */
    background: #002B5C; /* the background color will be displayed for the length of the content in the column, but no further */
    padding: 15px 0; /* top and bottom padding create visual space within this div  */
}

.bodyLiquid .sidebar2 {
    float: right; /* this element must precede in the source order any element you would like it be positioned next to */
    width: 1%; /* since this element is floated, a width must be given */
    background: #002B5C; /* the background color will be displayed for the length of the content in the column, but no further */
    padding: 15px 0; /* top and bottom padding create visual space within this div */
}

    .bodyLiquid .sidebar1 p, .bodyLiquid .sidebar1 h3, .bodyLiquid .sidebar2 p, .bodyLiquid .sidebar2 h3 {
        margin-left: 10px; /* the left and right margin should be given to every element that will be placed in the side columns */
        margin-right: 10px;
    }

/* Tips for mainContent:
1. the space between the mainContent and sidebars is created with the left and right margins on the mainContent div.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 300px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
*/
.bodyLiquid .mainContent {
    margin: 0 1% 0 1%;
    padding: 0px; /* the right and left margins on this div element creates the two outer columns on the sides of the page. No matter how much content the sidebar divs contain, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the sidebar spaces when the content in each sidebar ends. */
}

.bodyLiquid .footer {
    padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
}

    .bodyLiquid .footer p {
        margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
        padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    }

/* Miscellaneous classes for reuse */
.fltrt {
    /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
}

.fltlft {
    /* this class can be used to float an element left in your page The floated element must precede the element it should be next to on the page. */
    float: left;
    margin-right: 8px;
}

.clearfloat {
    /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

/*  end of layout code */




/*  form code */

.contentArea {
    clear: both;
    float: left;
    padding: 0;
    width: 100%;
    margin-top: 5px;
}

.questionWrapper {
    float: left;
    width: 100%;
}



.clear {
    clear: both;
}


.dsum {
    clear: both;
    height: 3px;
    border: 1px double #B5B5B5;
    margin-left: 270px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 0px 0px 0px;
    width: 150px;
}




.sumLabel {
    margin: 0px 20px 5px 5px;
}




/*need this to make validator callout extender display correctly*/
.ajax__validatorcallout {
    width: 350px !important;
}



.formSum span {
    padding-right: 50px;
    margin-right: 50px;
}

.formBox:disabled, .disabled {
    background-color: #D3D3D3;
    color: #747474;
}

.disabledFormBox {
    float: left;
    width: 50px;
    height: 17px;
    border: 2px solid #BBBBBB;
    background-color: #DDDDDD;
    text-align: right;
    padding: 0 .5em 0 .5em;
    color: #333333;
}

.methodologyTable tr td {
    padding-left: 50px;
    padding-top: 3px;
    padding-bottom: 3px;
}

    .methodologyTable tr td.question {
        padding-left: 30px;
        font-weight: bold;
        text-indent: -20px;
        margin-top: 15px;
    }

    .methodologyTable tr td.subQuestion {
        padding-left: 58px;
        font-weight: bold;
        text-indent: -28px;
        padding-top: 10px;
    }

    .methodologyTable tr td.subQuestionControl {
        padding-left: 78px;
    }

    .methodologyTable tr td label {
        padding-left: 3px;
        text-indent: -58px;
    }

    .methodologyTable tr td input {
        vertical-align: -2px;
        margin-left: -20px;
    }

        .methodologyTable tr td input.formBox {
            margin-left: 0;
            text-align: right;
        }

.questionHelp {
    float: left;
    margin: 30px 30px 0px 30px;
    padding-bottom: 5px;
    text-align: center;
    width: 95%;
}

.questionHelpBody {
    float: left;
    padding: 20px;
    text-align: left;
    width: 90%;
    border: solid 2px #ddd;
    background-color: #F8F8F8;
}

    .questionHelpBody h1 {
        margin: 0;
        padding: 0 0 15px 0;
        font-size: 16px;
        color: #555;
    }

    .questionHelpBody h2 {
        margin: 0;
        padding: 0 0 15px 0;
        font-size: 14px;
        color: #555;
    }

    .questionHelpBody h3 {
        margin: 0;
        padding: 0 0 15px 0;
        font-size: 12px;
        color: #555;
    }

    .questionHelpBody ul, .questionHelpBody ol {
        margin-top: 0;
        padding-top: 0;
        padding-left: 15px;
    }

    .questionHelpBody p, .questionHelpBody li {
        font-size: 12px;
        color: #222;
        margin: 0;
        padding: 4px 0;
        line-height: 16px;
    }

/* end of form code */


/* rounded corners */
.padleft {
    clear: both;
    float: left;
    width: 2%;
}

.padright {
    float: left;
    width: 2%;
}

.rounded_div {
    clear: both;
    float: left;
    padding-top: 0px;
    width: 100%;
}

.rounded_table {
    float: left;
    width: 98%;
}

.rounded_topleft {
    background-image: url(Images/rounded_topleft.gif);
    background-repeat: no-repeat;
    height: 6px;
    width: 6px;
}

.rounded_topmid {
    background-image: url(Images/rounded_topmid.gif);
    background-repeat: repeat-x;
    height: 6px;
}

.rounded_topright {
    background-image: url(Images/rounded_topright.gif);
    background-repeat: no-repeat;
    height: 6px;
    width: 6px;
}

.rounded_middleleft {
    background-image: url(Images/rounded_middleleft.gif);
    background-repeat: repeat-y;
    background-position: left top;
    background-repeat: repeat-y;
    width: 6px;
    background-color: #fff;
}

.rounded_middlemid {
    background-image: url(Images/rounded_middlemid.gif);
}

.rounded_middleright {
    background-image: url(Images/rounded_middleright.gif);
    background-repeat: repeat-y;
    background-position: right top;
    background-repeat: repeat-y;
    width: 6px;
    background-color: #fff;
}

.rounded_bottomleft {
    background-image: url(Images/rounded_bottomleft.gif);
    background-repeat: no-repeat;
    height: 6px;
    width: 6px;
}

.rounded_bottommid {
    background-image: url(Images/rounded_bottommid.gif);
    background-repeat: repeat-x;
    height: 6px;
}

.rounded_bottomright {
    background-image: url(Images/rounded_bottomright.gif);
    background-repeat: no-repeat;
    height: 6px;
    width: 6px;
}

/* end modal box */

.success {
    color: green;
}

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

.contactShow table tr td {
    border: solid 0px black !important;
    color: Black !important;
}

#dragRow td {
    color: #fff !important;
}

.cblReports {
    border-collapse: collapse;
    width: 425px;
}

    .cblReports tr {
    }

        .cblReports tr td {
            vertical-align: top;
            height: 50px;
            text-align: left;
        }

            .cblReports tr td input {
                width: 20px;
                margin-bottom: 25px;
                display: block;
                float: left;
            }

            .cblReports tr td label {
                font-size: 10px;
                height: 35px;
            }

.tdMakeReports {
}

    .tdMakeReports input {
        color: #050;
        font-weight: bold;
        border: 2px solid green;
        margin-right: 5px;
        padding: 5px;
    }

    .tdMakeReports .disabled {
        color: #666666;
        border: 2px solid #808080;
    }

.progress {
    font-size: 12px;
    color: #11697F;
}

.fldLengend {
    font-weight: bold;
}

#divSites, #divTaPersons {
    height: 380px;
    overflow: scroll;
}

.reportsErrMsg {
    background-color: #ffee99;
    color: #ff0033;
    border: 1px solid #ffff00;
    padding: 5px 10px 5px 10px;
    font-weight: bold;
}

.MasterTable_Outlook td, .MasterTable_Outlook th {
    border-left: none !important;
    border-right: none !important;
}

/*Site Status Styles*/
.siteStatusTable {
    width: 95%;
    padding-left: 6px;
    font-size: 12px;
    color: #000000;
}

    .siteStatusTable a, .siteStatusTable a:visited {
        font-size: 12px;
        text-decoration: underline;
        color: #000000;
    }

        .siteStatusTable a:hover {
            text-decoration: none;
            color: #000000;
        }

.statusbox {
    float: left;
    width: 395px;
    background-color: #D8DEED;
    margin-right: 15px;
    margin-bottom: 15px;
    height: 300px;
}

    .statusbox .statusHeader {
        float: left;
        background-color: #ADB8CA;
        width: 395px;
    }

    .statusbox .details {
        padding: 15px 0px;
    }

    .statusbox .title, .statusLabel {
        font-size: 13px;
        font-weight: bold;
        background-color: #ADB8CA;
        color: #333333;
    }

        .statusbox .title a, .statusLabel a {
            cursor: pointer;
        }

.statusData {
    background-color: #fff;
    color: #333333;
}

.statusData, .statusLabel {
    border: solid 1px #333333;
    padding: 10px;
}

    .statusData .statusData, .statusData .statusLabel {
        border: none;
    }

.statusbox .title {
    float: left;
    width: 190px;
    padding: 13px 0px 10px 15px;
    color: #00275A;
    font-size: 15px;
}

    .statusbox .title .label {
        clear: none;
        float: left;
        padding: 1px;
        font-weight: normal;
        color: #000;
        font-size: 13px;
        text-align: left;
        width: auto;
    }

.statusbox .status {
    float: left;
    padding: 5px 0px;
}

    .statusbox .status span, .statusbox .details span {
        clear: none;
        float: left;
        padding: 1px;
        font-weight: bold;
        color: #252525;
        font-size: 13px;
    }

.statusbox .details span {
    padding: 3px 4px;
}

    .statusbox .status span.label, .statusbox .details span.label {
        text-align: right;
        color: #252525;
        font-weight: normal;
    }

.statusbox .status span.label {
    width: 100px;
}

.statusbox .details span.label {
    width: 220px;
}

/* Site Name */ .siteStatusTable tbody tr td {
    vertical-align: middle;
}

    .siteStatusTable tbody tr td a img {
        margin-left: 2px;
    }

.siteStatusTable {
    width: 100%;
    border-collapse: collapse;
}

    .siteStatusTable thead tr th {
        font-size: 12px;
        padding: 2px 4px 2px 4px;
        vertical-align: middle;
        text-align: center;
        color: #999999;
    }

    .siteStatusTable tbody tr td {
        border: 1px solid #000000;
        font-size: 12px;
        padding: 2px 4px 2px 4px;
        vertical-align: middle;
        background-color: #eeeeee;
    }

.detailsNormal {
    background-image: url('Images/plusUnderlined.png');
    background-repeat: no-repeat;
    height: 16px;
    width: 18px;
    cursor: pointer;
}

.statusBlock {
    width: 66px;
    text-align: left;
}

.status .statusBlock {
    width: 70px;
    text-align: center;
}

.siteStatusTable .vetOnly {
    background-image: url('Images/vetIndicator.png');
    background-position: left bottom;
    background-repeat: repeat-x;
    background-color: #ffffff;
}

.siteStatusFilters {
    float: left;
    font-size: 12px;
}

    .siteStatusFilters div {
        float: left;
        width: 180px;
        margin-right: 10px;
        margin-bottom: 15px;
    }

.highlightVce {
    background-color: #EB9698 !important;
    border-color: #FF0000 !important;
}

.validationAlert {
    border-color: #FFFF00 !important;
    background-color: #FFFFB0 !important;
}

.validationInfo {
}

.ajax__validatorcallout_innerdiv img {
    width: 10px;
    height: 10px;
}

.validationError {
    color: #FF0000 !important;
}

.validationBubble, .validationBubble div {
    background-color: #FFFACD !important;
}

.infoBubble, .infoBubble div {
    background-color: #fff !important;
}

.usabilityBubble, .usabilityBubble div {
    background-color: #F3F3F3 !important;
}

.hideLink {
    margin-left: 10px;
}

.bedCell .group {
    float: left;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    line-height: 22px;
    background-color: #CCCCCC;
    margin: 10px 7px 10px 0;
}

    .bedCell .group .subgroup {
        float: left;
        text-align: center;
        font-size: 11px;
        font-weight: bold;
        padding: 0 6px 2px 6px;
        margin: 0 2px;
        font-weight: normal;
    }

        .bedCell .group .subgroup br {
            clear: both;
            display: block;
            margin: 3px 0;
            content: " ";
        }

        .bedCell .group .subgroup .field {
            float: left;
            text-align: center;
            width: 55px;
            font-size: 12px;
            padding: 2px;
            height: 64px;
            line-height: 16px;
            font-weight: normal;
            border: solid 1px #595959;
            margin: 0px 2px;
        }

            .bedCell .group .subgroup .field .formBox {
                width: 38px;
            }

            .bedCell .group .subgroup .field div {
                height: 40px;
            }

            .bedCell .group .subgroup .field.availabilityDate {
                width: 80px;
            }

/*override telerik grid group column styles*/
.rgExpand, .rgCollapse {
    background-image: none !important;
}

.GroupHeader_WebBlue, .GroupHeader_WebBlue td {
    padding: 0px !important;
    margin: 0px !important;
}

.pitMultiPage {
    padding: 10px;
    border: solid 1px #909090;
    margin-top: -2px;
}

div.RadTabStrip .rtsLink {
    white-space: normal !important;
}

.federalFundingCb, .federalFundindgOtherText {
    display: none;
}

.help-panel{
    margin:10px 0 20px 0; 
    padding: 20px; 
    background-color: #eee;
}