#doc3 {
    min-width: 750px;
}

/*  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;}

ul.menu-side li.FunctionNavTitle {padding-top: 4px; padding-bottom: 4px;}
ul.menu-side li {list-style: none; text-align: right; margin-top: 6px; margin-bottom: 2px;}
input[type=text], input[type=password], select, textarea {border: 1px solid #999999;}

body 
{
    margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;	
}

/* for when there's no href: */
a {
	cursor: pointer;
	cursor: hand;
}

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;
}

.header { height: 70px; } /* logo/title image height; applying height directly to #hd-left/#hd-right divs screws up margins in IE6 */

.topbar 
{	        
    margin-top: 1px;
    margin-bottom: 1px;   
   	text-align: center;
   	font-size: 10px;
}

.topbar td 
{
    height: 21px !important;
    padding-top: auto;
}

#hd-left 
{
    background-image: url(ORG_82A4BBC6_85AA_4AF8_B698_B4FD1D77127A/images/hdr_logo.gif);
    background-repeat: no-repeat; 
    background-position: left top;
}

#hd-left-bar
{
    background-color: #999;    
    color: #fff;  
}

#hd-right
{
    background-image: url(ORG_82A4BBC6_85AA_4AF8_B698_B4FD1D77127A/images/hdr_title.gif);
    background-repeat: repeat-x; 
    background-position: left top;
}

#hd-right-bar
{
    background-color: #ccc;     
}

#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-right-bar td.CommonNavItemRight
{
    text-align: right;
    width: auto;
}

#ft 
{
    margin-top: 1px; 
/*    height: 1.230em;   
    *height: 1.200em;
*/
}

#ft-left
{
    background-color: #999;
    padding: auto 5px;
    text-align: right;
}

#ft-right
{
    background-color: #ccc;   
    padding: auto 5px;    
    text-align: right;
}

#pagecontents
{
    margin: 10px 0 0 10px;
}

#ctrFunctionNav
{

}

#ctrFunctionNav table 
{
    width: 100%;
}

#ctrFunctionNav td 
{
    text-align: right;
    height: 20px;
}

#ctrFunctionNav td.FunctionNavBlank
{
    height: 8px;
    line-height: 8px;
}

#frmInlineLogin div { margin: 0 auto; text-align: right;}
#frmInlineLogin input {width: 100px;}

.FunctionNavTitle, .FunctionNavItem
{
	padding: 1px 13px 1px 1px;
}

label.required, span.required 
{    
    font-weight: bold;
    background-image:url(../images/required-field.png);
    background-position:top left;
    background-repeat:no-repeat;
    text-indent: 10px;
}

*.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;
}

.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;
	padding: 1px 3px;
}

.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 {}

.rte-container {margin: 0px 5px 0px 0px;}
.rte-container iframe {width: 100%;}  
.rte-textarea {display:none; margin: 0; height: 0;} 

/*round corners*/
div.formdata, div.titlebar, .SectionTable, .SectionTitle, .TextButton, .textButton, .rounded
{
   	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/*formdata class*/

div.formdata {padding: 2px;}

fieldset.formdata 
{
    margin: 0;
    padding: 2px;
    clear: both;
}
         
div.titlebar
{
    width: auto;
    padding: 3px 3px 3px 8px;
    margin-bottom: 2px;    
}

div.titlebar div.title {float: left; margin-top: auto; margin-bottom: auto;}
div.titlebar div.buttons {float: right;}

div.buttons-bottom {margin: 5px auto; text-align:center;}

fieldset.formdata li label {
  display: inline-block;              
  width:140px;
  float:left;                       
}

fieldset.formdata li label.fieldname {
    font-weight: bold;
    margin-left: 8px;
}

fieldset.formdata input{
  float:left;
}
           
fieldset.formdata ol {
  margin: 0;
  padding: 0;
  clear: both;
}

fieldset.formdata li {
  list-style: none;
  padding: 3px 0 3px 0;
  margin: 0;
  clear: both;
  text-align: left;
}

fieldset.formdata li.rte-container {padding: 0;}            

fieldset.formdata .error {color: Red;}
fieldset.formdata label.error {margin-left: 5px; width: auto;}       

/*columns, form fieldsets*/
.col50-1 {width:49.1%; float: left;}
.col50-2 {width:49.1%; float: right;}    
fieldset.formdata ul li {list-style: none;}
fieldset.formdata ul li label {display: inline-block; width: 35%;}
        
/*Survey Styles*/
/*remove header / footer*/
body.survey div#doc2 div#hd {display: none;}
body.survey div#doc2 div#ft {display: none;}

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; clear:both;}
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 .cols_10 {width: 5%;}
table.survey_grid .cols_11 {width: 4%;}

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;
}

div.survey .answerRadio {float: left; width: 20px;}
div.survey .answerText {}
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%;}