﻿/* CSS for Logged in 'My Briefcase' Section */
h2.icon_survey, h3.icon_briefcase{
background-image:url(../images/icons/heading_icons/icon_survey.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:0; margin:0;
}

div#survey_header
{
padding-top:10px;
padding-bottom:10px;
}

div#survey_body
{
	/*height:640px;
	border:solid 1px blue;*/
}

div#survey_footer
{
	border:solid 1px blue;
	/*height:300px;*/
}

div.survey_question_container
{
	/*height:360px;*/
}

div.survey_question
{
	background-color:#FFFFFF;
	padding:5px 5px 5px 5px;
	margin:2px 20px 20px 0;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
}


div.survey_nav
{
	/*border:solid 1px red;*/
	padding:10px 0 10px 0;
	text-align:center;
	width:510px;
	font-size:12px;
}

div.survey_nav a
{
	font-size:12px;	
}


/*//////////////////// About Me Tabss ////////////////////////////////////////*/
div.survey_Tabss{padding:0; margin:15px 0 0 0;}
* html div.survey_Tabss{height:65px;}
/* commented backslash hack v2 \*/
* html div.survey_Tabss{height:auto;}
/* end hack */
div.survey_Tabss ul{
	padding:0; margin:0;
	font-size:70%;
	/*height:5em;*/
	height:6.2em;
}
/* commented backslash hack v2 \*/
div.survey_Tabss ul{height:5em;}
/* end hack */

div.survey_Tabss ul li{
	display:inline;
	list-style:none;
	text-align:center;
	float:left;
}
/* Box Model hack */
div.survey_Tabss ul li{
	height:70px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
	height:4.8em;
}
div.survey_Tabss ul li a{
	padding:8px 7px 3px 6px;
	list-style:none;
	text-align:center;
	float:left;
}
/* Box Model hack */
div.survey_Tabss ul li a{
	voice-family: "\"}\""; 
  	voice-family:inherit;
	height:4.8em; width:161px;
}
div.survey_Tabss ul li span{
	padding:0;margin:0;
	display:block;
	font-weight:bold;
}
div.survey_Tabss ul li a{
	text-decoration:underline;
}
div.survey_Tabss ul li a:hover,
div.survey_Tabss ul li a:focus,
div.survey_Tabss ul li a:active{
	text-decoration:none;
}
div.survey_page_hold{
	padding:25px 15px 20px 15px; margin:11px 0 0 0;
	width:498px;
}
*html div.survey_page_hold{
	margin:0;
   _width/**/:496px; /* IE 5.0 */
   _width:/**/496px; /* IE 5.5 only */
   _width/**/:/**/498px; /* IE 6 only */
}

/* None Link LI's */
div.survey_Tabss li.information_1{padding:10px 7px 3px 6px; float:left;}
div.survey_Tabss li.information_1{
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width:163px;
}
div.survey_Tabss li.planning_2{padding:10px 7px 3px 6px; float:left;}
div.survey_Tabss li.planning_2{
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width:163px;
}
div.survey_Tabss li.people_3{padding:10px 7px 3px 6px; float:left;}
div.survey_Tabss li.people_3{
	voice-family: "\"}\""; 
  	voice-family:inherit;
	width:163px;
}



/*/////// Information///////////////*/
div.survey_Tabss li.information_4{line-height:3.8em;}

/*/////// Planning Tabss ///////////////*/
div.survey_Tabss li.planning_4{line-height:3.8em;}

/*/////// People  ///////////////*/
div.survey_Tabss li.people_4{line-height:3.8em;}


div.survey_hold{	
	padding:12px 15px 15px 15px;
	margin: 0 auto 20px auto;
	/*display:block;*/
	text-align:left;
	width:94%;
}

div.survey_hold label{
	padding:0 0 3px 0;margin:0;
	font-weight:bold;
	/*display:block;*/
	font-size:95%;
}

div.survey_hold span{
	font-size:95%;
}

div.survey_hold input{
	padding:3px 0 3px 3px;
	margin:0;
	width:99%;
	background-image:url(../images/template/input_bg.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-repeat:repeat-x;
	font-size:82%;
	text-align:left;
}
div.survey_hold textarea{
	padding:3px 0 3px 3px;
	margin:2px 0 0 0;
	width:99%;
	/*height:115px;*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:82%;
}

div.survey_hold a
{	
	text-decoration:none;
	font-weight:normal;
	font-size:1em;
}


div.survey_hold select{
	padding:0;
	margin:3px 0 3px 0;
	width:99%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:82%;
	text-align:left;
}

/* Survey Feedback */
div.survey_feedback	
{
	overflow:auto;
	height:300px;
	padding:12px 15px 15px 15px;
	margin: 0 auto 20px auto;
	/*display:block;*/
	text-align:left;
	width:94%;
	font-size:0.8em;
}

div.survey_feedback label{
	padding:0 0 3px 0;margin:0;
	font-weight:bold;
	/*display:block;*/
	font-size:95%;
}


/* Survey Feedback */
div.survey_feedback_intructions	
{
	margin: 0px 0 10px 0;
	text-align:left;
	width:94%;
}

div.survey_feedback_intructions	p
{
	font-size:0.9em;
}




/* SURVEY SUMMARY */
div.survey_summary{ color:#FF0000;}

div.survey_summary{
	padding:13px 13px 13px 13px;
	margin: 0 auto 20px auto;
	display:block;
	border:1px solid #FF0000;
	background-color:#fff8c0;
	width:95%;
	text-align:left;
	font-size:87%;}
	
	
div.survey_summary strong
{
	font-weight:bold;
}

/* SURVEY error */
div.survey_error{ color:#FF0000;}

div.survey_error{
	padding:13px 13px 13px 13px;
	margin: 0 auto 20px auto;
	display:block;
	border:1px solid #FF0000;
	background-color:#fff8c0;
	width:95%;
	text-align:left;
	font-size:87%;}
	
	
div.survey_error strong
{
	font-weight:bold;
}

div.survey_icon
{
		margin:0 0 20px 0;			
		width:163px;
		height:100px;			
		float:left;
	}


/* YES NO CONTROL */

div.survey_yes_no_container
{
	margin:0 0 20px 0;	
	height:100px;
}
	
div.survey_yes_container
{
	margin:0 0 20px 0;
	width:165px;
	height:100px;		
	float:left;
}

div.survey_yes_label
{
	font-weight:bold;
	width:50px;	
	float:left;
	padding-top:26px;	
}

div.survey_yes_ans
{
	width:114px;
	float:left;	
}

div.survey_no_container
{

	margin:0 0 20px 0;	
	width:160px;
	height:100px;
	float:right;
}

div.survey_no_label
{
	font-weight:bold;	
	width:50px;
	float:left;	
	padding-top:26px;
}

div.survey_no_ans
{
	width:108px;
	float:left;	
}

div.survey_comments_container
{
	clear:right;
	margin:0 0 20px 0;	
	width:495px;
}

div.survey_need_to_know
{
	margin:-20px 0 20px 0;
}

div.survey_need_to_know a
{
	text-decoration:none;
	font-weight:normal;
}






/* - - - - - - - Added By DH  - - - - - - - - - - -*/
div.Survey{padding:0; margin:10px 0 0 0;}
div.content div.Survey h3{padding:0; margin:0; color:#000000;}

div.Survey p.Intro{padding:0; margin:10px 0 35px 0;}
div.Survey div.Tabs{padding:0; margin:0;}
div.Survey div.Tabs ul{padding:0; margin:0 0 0 10px;}
div.Survey div.Tabs ul li{padding:10px 20px; margin:0 10px 0 0; font-weight:bold; font-size:90%; display:inline; list-style:none; background-color:#FCFBF6; border-left:2px solid #D1CEBD; border-right:2px solid #D1CEBD; border-top:2px solid #D1CEBD;}
div.Survey div.Tabs ul li.OnTab{position:relative; z-index:2; background-color:#FFFFFF; border-left:2px solid #D1CEBD; border-right:2px solid #D1CEBD; border-top:2px solid #D1CEBD; border-bottom:2px solid #FFFFFF;}
div.Survey div.Tabs ul li a{text-decoration:none; color:#413F30;}
div.Survey div.Tabs ul li a:hover{background-color:none;}
/**/
div.Survey div.SurveyForm{padding:20px 20px 0 20px; margin:10px 0 0 0; border:2px solid #D1CEBD; position:relative; z-index:1;}
div.Survey div.SurveyForm div.Field{padding:12px 15px 15px 15px; margin:0 0 20px 0; border:2px solid #EDEBE5; background-color:#FEFDFB;}
div.Survey div.SurveyForm div.Field ul{margin:12px 0 12px 30px; font-size:95%; }
div.Survey div.SurveyForm div.Field ul li{/*padding:0; margin:0; list-style:none;*/}
div.Survey div.SurveyForm div.Field label{padding:0 0 3px 0; margin:0; color:#413F30; font-weight:bold; display:block; font-size:95%;}
div.Survey div.SurveyForm div.Field input{
	padding:3px 0 3px 3px;
	margin:0;
	width:99%;
	background-image:url(../images/template/input_bg.gif);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-repeat:repeat-x;
	font-size:82%;
	text-align:left;
	border:1px solid #D1CEBD;
}
div.Survey div.SurveyForm div.Field textarea{
	padding:3px 0 3px 3px;
	margin:2px 0 0 0;
	width:99%;
	height:115px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:82%;
	border:1px solid #D1CEBD;
}
div.Survey div.SurveyForm div.Field select{
	padding:0;
	margin:3px 0 3px 0;
	width:99%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:82%;
	text-align:left;
	border:1px solid #D1CEBD;
}
div.Survey div.SurveyForm div.FieldToolBar{margin:0 0 25px 0; padding:15px 0 0 0; font-size:90%; border-top:2px solid #EDEBE5; text-align:center;}
/**/
div.Survey div.SurveyForm div.FieldBack{padding:12px 15px 15px 15px; margin:0 0 20px 0; border:2px solid #EDEBE5; background-color:#FEFDFB;}
div.Survey div.SurveyForm div.SurveyFeedback{padding:15px; margin:15px 0; background-color:#FFFFFF; font-size:90%; border:1px solid #D1CEBD; overflow:auto; height:300px;}
div.Survey div.SurveyForm div.FieldBack div.FieldToolBar{margin:0;}
/**/
div.Survey div.SurveyForm div.YesNo{padding:12px 15px 15px 15px; margin:0 0 20px 0; border:2px solid #EDEBE5; background-color:#FEFDFB;}
div.Survey div.SurveyForm div.YesNo div.YesNoHold{padding:0; margin:0; min-height:125px;}
div.Survey div.SurveyForm div.YesNo div.SurveyIcon{margin:25px 0 0 0; padding:0; float:left; clear:none; width:32%;}
div.Survey div.SurveyForm div.YesNo div.SurveyIcon img[style]{padding:2px; border:1px solid #D1CEBD !important; background-color:#FFFFFF;}
div.Survey div.SurveyForm div.YesNo div.SurveyYesNoHit{margin:0; padding:0; float:left; clear:none; text-align:center; width:32%}
div.Survey div.SurveyForm div.YesNo label{padding:0; margin:0; height:25px; color:#413F30; font-weight:bold; display:block; font-size:95%;}
div.Survey div.SurveyForm div.YesNo div.SurveyYesNoHit input{padding:2px; border:1px solid #D1CEBD !important; background-color:#FFFFFF;}

div.Survey div.SurveyForm div.YesNo div.SurveyYesNoComments{margin:0; padding:125px 0 0 0; _padding:0; _margin:125px 0 0 0; *padding:0; *margin:125px 0 0 0;}


div.Survey div.SurveyForm div.YesNo textarea{
	padding:3px 0 3px 3px;
	margin:2px 0 0 0;
	width:99%;
	height:115px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:82%;
	border:1px solid #D1CEBD;
}

div.Survey div.SurveyForm div.NextPrev{margin-bottom:25px; padding-top:15px; font-size:90%; border-top:2px solid #EDEBE5; text-align:center;}
div.Survey div.SurveyForm div.NextPrev a{margin:0 2px;}
div.Survey div.SurveyForm div.NextPrev span{margin:0 2px;}
div.Survey div.SurveyForm div.NextPrev span.PageOfLiteral{ font-size:90%;}

















