﻿/* override YUI template to force 762 page width, 171 left col */
/* width in em's = pixels / 13, or pixels / 13.3333 for IE     */
/*
#doc2 {
    width: 58.615em;
    *width: 57.150em;
}

.yui-t1 .yui-b {
    width: 13.154em;
    *width: 12.825em;
}
*/

#doc2 { 
    width: 70.615em;
    *width: 69.155em;
}

#doc3 {
    min-width: 350px;
}

.yui-t1 .yui-b {
    width: 13.154em;
    *width: 12.825em;
}

.yui-t1 #hd-right, .yui-t1 #ft-right {
    margin-left: 13.230em;
    *margin-left: 12.900em;
}

.yui-t1 .yui-e {
    width: 15.154em;
    *width: 14.825em;
}

/*  yui-t1 = 160 left col
    yui-t2 = 180 left col
    yui-t3 = 300 left col
    old    = 171 left col
    set margins to left-col width + 1 for white border between left & main columns; */
/*.yui-t1 #hd-right, .yui-t1 #ft-right {    
    margin-left: 161px;
}

.yui-t2 #hd-right, .yui-t2 #ft-right {    
    margin-left: 181px;
}

.yui-t3 #hd-right, .yui-t3 #ft-right {    
    margin-left: 301px;
}*/

/* add 'fullwidth' class to #bd to turn off side-nav */
#bd.fullwidth {background-image: none;}
#bd.fullwidth div.yui-b {display: none;}            
#bd.fullwidth div#yui-main div.yui-b {display: block; margin-left: auto;}        
#bd.fullwidth #toggleNavOn {visibility: visible;}
#toggleNavOn {visibility: hidden;}
#bd.loginpage #toggleNavOff {visibility: hidden;}

body 
{
    margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;	
}

input, select, textarea 
{
    /* default border & spacing around form inputs */
    margin: 1px 2px;
    
    /* override defaults set by yui css reset */
	font-size: 12px;	  
}

/* ..except in top bar, otherwise language selector changes the menu height */
.topbar select {margin: 0px;}

/* restore the <li> style removed by yui css reset */
ul li {list-style-type: disc; list-style-position: inside;}
ol li {list-style-type: decimal; list-style-position: inside;}
/* indent nested lists */
ul ul, ol ol, ul ol, ol ul {margin-left: 10px;}

/* IE6 bug where <select> elements inside modal yui-dialog controls don't display */
/* override css rule found in /yui_2.8.0r4/build/container/assets/skins/sam/container.css */
/* .masked select,.drag select,.hide-select select{_visibility:hidden;}           */
.yui-panel select{_visibility:inherit;}

/* bug fix for iframe blocking content behind it after it's containing panel has been closed */
xx.yui-panel iframe{z-index: 0;}

/* cross-browswer min-height hack */
#bd {
    min-height: 400px;
    height: auto !important;
    height: 400px;
    *margin-top: -1px; /*IE6/7 adjustment */
    background-repeat: repeat-y;
    padding-bottom: 10px;

    background-image: url(images/nav_item.gif);

}

.headershort {
    height: 10px;
}
/* logo/title image height; applying height directly to #hd-left/#hd-right divs screws up margins in IE6 */

.header { height: 70px; } /* logo/title image height; applying height directly to #hd-left/#hd-right divs screws up margins in IE6 */

.headersmall {
    min-width: 300px;
    height: 70px;
    text-align: left;
}

.topbar 
{	        
    margin-top: 1px;
    margin-bottom: 1px;   
   	text-align: center;
   	font-size: 10px;
}

.topbar td 
{
    height: 41px !important;
    padding-top: auto;
}

#hd-left {
    background-image: url(ORG_43824C51_C074_4412_95E1_21FC0EE69A22/images/hdr_logo.gif);
    background-repeat: no-repeat;
    background-position: left top;
}


#hd-left-bar {
    background-color: #236AA3;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
}

#hd-right-bar {
    background-color: #E1EAFD;
    font-size: 10px;
    font-weight: normal;
    color: #FFFFFF;
    text-align: center;
}

#hd-right {
    background-image: url(ORG_43824C51_C074_4412_95E1_21FC0EE69A22/images/hdr_title.gif);
    background-repeat: no-repeat;
    background-position: right top;
}

.LandingTitle {
    font-size: 20pt;
    font-weight: normal;
    color: #DD5000;
}

#hd-right-bar table
{
    width: 100%;
    *width: 99%;
}

#hd-right-bar td
{
    width: 100px;
    white-space: nowrap;   
}

#hd-right-bar td.CommonNavSpacerLight, #hd-right-bar td.CommonNavSpacerDark
{
    width: 1px;
}

#hd-right-bar td.expand
{    
    width: auto;
}

#hd-right-bar td.rightalign
{    
    text-align: right;
}

#hd-left-bar td.leftalign
{    
    text-align: left;
}

#hd-right-bar td.CommonNavItemRight
{
    text-align: right;
    width: auto;
}

#ft 
{
    margin-top: 1px; 
    height: 1.230em;   
    *height: 1.200em;
}

#ft-left {
    background-color: #236AA3;
    color: #fff;
}

#ft-right {
    background-color: #E1EAFD;
    color: #fff;
}

#pagecontents
{
    margin: 10px 0px 0px 15px;
    xxfont-size: 11px;
}

#ctrFunctionNav
{
    xxpadding-top: 15px;
}

#ctrFunctionNav table 
{
    width: 100%;
}

#ctrFunctionNav td 
{
    text-align: right;
    height: 20px;
}

#ctrFunctionNav td.FunctionNavBlank
{
    height: 8px;
    line-height: 8px;
}

.FunctionNavTitle, .FunctionNavItem
{
	padding: 1px 13px 1px 1px;
}

*.contactText, *.copyrightText
{
	font-size: .769em;
	*font-size: .750em;
	padding: 1px 13px 1px 1px;	
}

.lnkPlus, .lnkMinus {padding: 0px 4px;}

.BodyTitle, .BodyDescription
{
    margin: 5px 0px;
}

.SectionTable
{    
    border-collapse: separate;
    border-spacing: 2px;
    width: 100%;
    *width: 98%;
    margin: 5px 0px;
}

.fieldLabelBold {
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    color: #000000;
    text-align: right;
}

.SectionTitle
{
	padding: 5px 3px 5px 5px;
}

.SectionSubTitle
{
	padding: 3px 3px 3px 3px;
}

.ValidationSummary, .SectionDescription, .SectionText, .sectionText
{
	padding: 3px 10px 3px 10px;
}

/* used in top-nav table to create cell to take up any slack space */
td.expand 
{
    width: auto;
}

.TextButton, .textButton
{
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	cursor: hand;
}


}
.signature_agreement 
{               
    border: 1px solid gray;
    margin: 5px auto 5px auto;
    padding: 5px;
}
.signature_agreement ul
{
    margin-left: 20px;
}
.signature_agreement li 
{
    list-style-type: none;
}
.signature_container 
{
    margin: 5px auto;
    text-align: center;
}
.signature_text {}
.signature_datestamp {}

/*Survey Styles*/
strong {font-weight: bold;}
.survey_instructions {background-color:#FFFFCF; border:1px solid #D25A0B; padding: 5px;}
.survey_instructions li {list-style: disc inside none;}
div.survey div.AssessmentExamTitle {text-align: center;}
div.survey #divExamContinueButton {display: none;}
div.survey #divSectionContinueButton {display: none;}
div.survey div.AssessmentSectionTitle {background-color: #ccc; padding: 5px; font-weight: bold;}
div.survey div.AssessmentQuestionContainer {clear: both; background: none; border: none; padding-left: 0px;}
div.survey div.AssessmentQuestionTitle {display: none;}
div.survey div.AssessmentQuestionVerbiage {width: 50%; float: left;}
div.survey div.AssessmentQuestionAnswers {width: 50%; float: right;}
div.survey div.AssessmentQuestionAnswers {font-weight: bold;}

.AssessmentQuestionContainer textarea { width: 100%; height: 100px; }

table.survey_grid 
{
    width: 100%;
    margin-top: 10px;
}

table.survey_grid th.survey_grid_question
{    
    text-align: left;
    font-weight: bold;
}

/* default answer column width */
.survey_grid_answer
{
    width: 10%;
}

/* override default answer grid width for grids of specific column #'s by .cols_[#] class */
table.survey_grid .cols_3 {width: 10%;}
table.survey_grid .cols_4 {width: 10%;}
table.survey_grid .cols_5 {width: 10%;}
table.survey_grid .cols_6 {width: 10%;}

table.survey_grid .survey_grid_answer
{
    text-align: center;
    font-weight: bold;    
}

table.survey_grid th 
{
    background-color: #ccc;
    padding: 5px;
}

div.survey .AssessmentQuestionVerbiage 
{
    font-weight: normal;
    text-align: left;
}

table.survey_grid td
{
    text-align: center;
    padding: 3px;
}

table.survey_grid tr.AssessmentQuestionContainer
{
    background-color: Transparent;
    border: none;
}

table.survey_grid tr.validation_required 
{
    background-color: Yellow;
}

div.survey .AssessmentQuestionValidation
{
    background-color: Yellow;
}

table.AssessmentQuestionHorizontal
{
    width: 100%;
}

table.AssessmentQuestionHorizontal td.AssessmentQuestionVerbiage
{
    width: 50%;
}

table.AssessmentQuestionHorizontal td.AssessmentQuestionAnswers
{
    text-align: center;
    font-weight: bold;
}

table.AssessmentQuestionHorizontal td.cols_2 {width: 15%;}
table.AssessmentQuestionHorizontal td.cols_3 {width: 15%;}
table.AssessmentQuestionHorizontal td.cols_4 {width: 15%;}


/*	DDGridView/DDListView	*/
table.DDGridView, table.DDListView {
    width: 100%;
    border: solid 1px #dbddff;
}

    table.DDGridView .th, table.DDGridView .td, table.DDListView .th, table.DDListView .td {
        white-space: nowrap;
    }

    table.DDGridView .th, table.DDListView .th {
        /*background: url(DynamicData/Content/Images/header_back.gif) repeat-x;*/
        background-color: #236AA3;
        color: #FFFFFF;
        line-height: 1.3em;
        text-align: left;
        font-size: 1em;
        border: solid 1px #dbddff;
    }

    table.DDGridView .th a, table.DDListView .th a {
            color: #FFFFFF;
            text-decoration: none;
        }

    table.DDGridView .td, table.DDListView .td {
        border: dotted 1px #dbddff;
        border-left-width: 0px;
        border-right-width: 0px;
        padding: 6px;
    }

        table.DDGridView .td a, table.DDListView .td a {
            text-decoration:none;
            margin-right: 6px;
        }

    table.DDGridView .DDSelected a, table.DDListView .DDSelected a {
        text-decoration: none;
        margin-right: 6px;
    }

        table.DDGridView .DDSelected a:hover, table.DDListView .DDSelected a:hover {
            text-decoration: underline;
        }

    table.DDGridView .td a:hover, table.DDListView .td a:hover {
        text-decoration: underline;
    }

.filtertable {
    border: solid 1px #dbddff;
    border-collapse: collapse;
}

.filtertableheader {
    padding: 3px;
    margin: 0px;
    background-color: #00844C;
    color: #FFFFFF;
    text-align: left;
    font-size: 1em;
    border: solid 1px #dbddff;
    font-weight: bold;
}

.filtercell {
    border-left-width: 0px;
    border-right-width: 0px;
    padding: 3px;
}


/*	Navigation	*/

div.DDNavigation {
    position: relative;
    top: -28px;
    margin-bottom: -10px;
    padding: 0px 5px;
}

    div.DDNavigation img {
        position: relative;
        margin-top: 0em;
        padding: 0px 8px;
        border: none;
        background-color: #fff;
    }

    div.DDNavigation a {
        text-decoration: none;
        background-color: #fff;
        padding-right: 8px;
        top: -.2em;
        left: .25em;
    }

        div.DDNavigation a:hover {
            text-decoration: underline !important;
        }


.DDNavigation {
    position: relative;
    margin-bottom: -5px;
    padding: 0px 5px;
}

    .DDNavigation img {
        position: relative;
        margin-top: 0em;
        padding: 0px 8px;
        border: none;
        background-color: #fff;
    }

    .DDNavigation a {
        text-decoration: none;
        
        padding-right: 8px;
        padding-left: 4px;
       
        
        top: -.2em;
        left: .25em;

        background-color: #236AA3;
        color: #FFFFFF;
        line-height: 1.3em;
        text-align: center;
        font-size: 1em;
        border: none 0px #dbddff;
    }

        .DDNavigation a:hover {
            text-decoration: underline !important;
        }

/*	Details VIEW/EDIT	*/
table.DDDetailsTable {
    background-color: #FFFFFF;
    border: 1px solid #dbddff;
    border-bottom-width: 3px;
}

    table.DDDetailsTable .th {
        background-color: #00844C;
        color: #FFFFFF;
        line-height: 1.3em;
        text-align: left;
        font-size: 1em;
        border: solid 1px #dbddff;
    }

        table.DDDetailsTable .th a {
            color: #FFFFFF;
        }

    table.DDDetailsTable a {
        color: #006600;
        text-decoration: none;
        padding-right: 6px;
    }

        table.DDDetailsTable a:hover {
            text-decoration: underline !important;
        }

    table.DDDetailsTable .td {
        padding: 3px 6px;
        border: 1px solid #dbddff;
        border-bottom-style: dotted;
    }


/*	Dynamic Data	*/
/*	Global classes	*/
.DDMainHeader {
    font-size: 1.2em;
    padding-bottom: 12px;
}

.DDSubHeader {
    font-size: 1.0em;
    margin-bottom: 10px;
    /*color: #888;*/
}

.DD {
    padding: 0px 8px;
}

.DDLightHeader {
    font-weight: bold;
    background-color: #FFFFFF;
}

.DDTextBox, .DDDropDown {
    border: solid 1px #dcdcdc;
    background-color: #FEFEFE;
}

.DDDropDown {
    padding: 2px;
}

.DDFilter {
    font-size: .95em;
}

.DDControl {
    padding: 0px;
    font-size: .95em;
}

.DDFloatLeft {
    float: left;
}

.DDFloatRight {
    float: right;
}

.DDFooter {
    background-color: #B6D089;
}

.DDSelected {
    background-color: #FDFFB8;
}

div.DDNoItem {
    color: Red;
}

.DDValidator {
    color: Red;
}

.gridview {
    background-color: #fff;
    padding: 2px;
    margin: 2% auto;
    font-size: 1.3em;
}
    .gridview a {
        margin: auto 1%;
        text-decoration: none;
        line-height: 1.3em;
        text-align: center;
        font-size: 1.3em;
        border: none 0px #dbddff;
    }
    /*.gridview a {
    background-color: #f5f5f5;
    color: #969696;
    border: 1px solid #969696;
        #ae2676
        border-radius: 50%;
    background-color: #444;
    padding: 5px 10px 5px 10px;
    color: #fff;
    text-decoration: none;
    -o-box-shadow: 1px 1px 1px #111;
    -moz-box-shadow: 1px 1px 1px #111;
    -webkit-box-shadow: 1px 1px 1px #111;
    box-shadow: 1px 1px 1px #111;
}*/
    .gridview span {
        background-color: #ae2676;
        color: #fff;
        -o-box-shadow: 1px 1px 1px #111;
        -moz-box-shadow: 1px 1px 1px #111;
        -webkit-box-shadow: 1px 1px 1px #111;
        box-shadow: 1px 1px 1px #111;
        border-radius: 50%;
        padding: 5px 10px 5px 10px;
    }


/* change from centered to left-aligned */
body {
    text-align: left;
}

#doc2 {
    margin: 10px 10px;
}



/*CONTENT ___________________________________*/
.LandingTitle {
    font-size: 20pt;
    font-weight: normal;
    color: #DD5000;
}

.BodyTitle {
    font-size: 20pt;
    font-weight: normal;
    color: #236AA3;
}

.BodyTitleItalic {
    font-size: 20pt;
    font-weight: normal;
    font-style: italic;
    color: #236AA3;
}

.BodyDescription {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #000000;
    padding-left: 2px;
}

/*.BodyDescription
{
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	color: #2E5AA1;
	padding-left: 2px;
}*/

.Asterisk {
    font-size: 11px;
    font-weight: bold;
    color: #FF0000;
    padding-right: 2;
}

.Warning {
    font-size: 11px;
    color: #FF0000;
    text-wrap: normal;
}

.checkbox {
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    line-height: 11pt;
    text-decoration: none;
    text-align: left;
}

.body {
    font-size: 11px;
    font-weight: normal;
    color: #000000;
    text-decoration: none;
}


.bodyBold {
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    vertical-align: middle;
}

.bodyLarge {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
}

.tableCellRule {
    background-color: #C1C7DF;
    height: 1px;
}

.textButton, .TextButton {
    font-size: 10px;
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    background-color: #236AA3;
    border: solid 1px #879BC3;
    text-transform: uppercase;
    cursor: pointer;
    cursor: hand;
}

.link {
    font-size: 11px;
    font-weight: normal;
    color: #4F60D5;
    text-align: left;
    padding: 1px 2px 1px 2px;
}

.nolink {
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-align: left;
    text-decoration: none;
    padding: 1px 2px 1px 2px;
}

/* Selected node */
.jstree-default .jstree-clicked {
    background-color: #E1EAFD !important;
    border-color: #E1EAFD !important;
    box-shadow: none !important;
}

.jstree-wholerow-ul .jstree-wholerow-clicked {
    background: #E1EAFD !important;
}

/* Hovered node */
.jstree-default .jstree-hovered {
    background-color: #E1EAFD !important;
    border-color: #E1EAFD !important;
    box-shadow: none !important;
}

.jstree-wholerow-ul .jstree-wholerow-hovered {
    background: #E1EAFD !important;
}

.jstree-search {
    color: #0d47a1 !important;
    font-weight: bold;
}

#groupPickerTitle {
    background: #E1EAFD; /* or whatever blue you prefer */
    font-weight: bold;
    padding: 8px 12px; /* if not already set by .hd */
}


/*FOOTER_______________________________________*/


.contactText {
    xxfont-size: 1em;
    xx *font-size: 1em;
    font-weight: normal;
    color: #FFFFFF;
    padding: 1px 13px 1px 1px;
    text-decoration: none;
}

    .contactText:hover {
        xxfont-size: 1em;
        xx *font-size: 1em;
        font-weight: normal;
        color: #BBC9E6;
        padding: 1px 13px 1px 1px;
        text-decoration: none;
    }

.copyrightText {
    xxfont-size: 1em;
    xx *font-size: 1em;
    font-weight: normal;
    color: steelblue;
    padding: 1px 13px 1px 1px;
    text-decoration: none;
}

/*TEST TABLE_______________________________________*/

