/* Start of CMSMS style sheet 'wfac :: survey' */
/****** SURVEY DEMO STYLING ******/
#surveyRoot form, #surveyRoot table, #surveyRoot td, #surveyRoot tr, 
#surveyRoot button, #surveyRoot br, #surveyRoot img, #surveyRoot input, 
#surveyRoot span
{
	margin: 0;
	padding: 0;
}
#surveyRoot img
{
	border: 0;
}
#surveyRoot input[type=text], #surveyRoot textarea, select
{
	font-size:12px;
	padding:1px 1px 1px 1px;
    border:1px solid #777;
    background-color:#fff;
}

#surveyRoot
{
	width:500px;
	margin-left:auto;
	margin-right:auto;
	padding:10px 10px 5px 10px;
	border:2px solid #007FFF;
	background-color:#bbe2f3;
}

#surveyAccessibility
{
	margin-top:16px;
	margin-left:10%;
	margin-right:10%;
	margin-bottom:10px;
	text-align:center;
}


#surveyRoot span
{
	min-height:1px;	/* Holly-hack-alike */
}

#surveyRoot h1
{
    font-size:18px;
	font-weight:normal;
	display:inline;
}

#surveyRoot h2
{
	/* For screen reader only */
	font-size:10px;
	overflow:hidden;
	height:0px;
	width:0px;
	color:#EEF;
}

/*Override default styling for labels: */
#surveyRoot label
{
	clear:none;
	float:none;
	display:inline;
	margin-top:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#surveyRoot input[type=checkbox]
{
	margin-top:3px;
}


#surveyBody
{}
#surveyBarContainer
{
	margin:5px 5px 5px 5px;
	height:12px;
	background-color:#CCF;
	border:1px solid #444;
}
#surveyBar
{
	height:100%;
	background-color:#007FCC;
}
#surveyQuestion
{
	height:20px;
	background-color:#007FCC;
	font-size:18px;
	color:#FFF;
	margin:5px 5px 5px 5px;
	padding:90px 10px 5px 10px;
}
#surveyDescription
{
	font-size:12px;
	margin:5px 15px 20px 15px;
}
#surveyAnswers
{
	margin:5px 40px 5px 40px;
	min-height:150px;
	/* overflow-y:auto; */
}

.surveyAnswer
{
	margin:3px 10px 2px 14px;
	padding:3px 10px 2px 14px;
width:360px;
	background:#66AAFF;
	border:1px solid #000;
	cursor:default;
}
.surveyAnswerControl
{
	width:120px;
	float:right;
}

#surveyRoot input.surveyAnswerControl
{
	width:120px;
}

.surveyScoreContainer
{
	height:20px;
	background:url('survey/style/starback.gif') repeat-x top left;
}
.surveyScore
{
	width:0%;
	height:20px;
	background:url('survey/style/star.gif') repeat-x top left;
}

#surveyButtons
{
	margin-top:16px;
}

.surveyButton
{
	cursor:pointer;
	float:right;
	margin:5px 5px 5px 5px;
	padding:2px 10px 2px 10px;
	width:80px;
	border:1px solid #007FCC;
	background-color:#66BEE4;
	color:#FFF;
	text-align:center;
	text-decoration:underline;
	font-style:italic;
}
#surveyBack
{
}
#surveyNext
{
}
#surveyMessage
{
	margin-left:10px;
	color:#F23;
	padding-top:4px;
	font-style:italic;
}

#surveyTooltip
{
	position:absolute;
	background-color:#FFA;
	border-top:1px solid #FFF;
	border-left:1px solid #FFF;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	width:160px;

	padding:2px 4px 2px 4px;
	visibility:hidden;
	font-size:14px;
}

/* Results */
#surveyResult
{
	height:150px;
	/*overflow-y:auto;*/
	margin:5px 10px 5px 10px;
}
#surveyProgress
{
	background-image:url('survey/style/squares_static.gif');
	float:right;
	width:80px;
	height:20px;
}

.surveyResultBlock
{
	padding:5px 5px 5px 5px;
}
.srb_odd
{
	background-color:#66BEE4;
}
.srb_even
{
	background-color:#99DEFF;
}
.surveyResultMatchPropContainer
{
	float:right;
	width:80px;
	height:12px;
	background-color:#CCF;
	border:1px solid #444;
}
.surveyResultMatchProp
{
	background-color:#007FCC;
	height:100%;
}
.surveyResultTitle
{
	font-weight:bold;
}
.surveyResultInfo
{
	margin-left:20px;
	margin-bottom:5px;
}

.surveyClearFloats
{
	clear:right;
}

/****************** For survey result pages ********************/
/***** Score *****/
.surveyRatingsMatch
{
	position:relative;
	float:right;
	width:120px;
	height:120px;
	background:#FFF url('survey/style/sas.gif') no-repeat top left;
}
.surveyRatingContainer
{
	position:absolute;
	top:60px;
	left:10px;
	overflow:hidden;
	border:1px solid #000;
	background-color:#BBB;

	font-size:10px;
	width:100px;
	height:18px;
}
.surveyRatingText
{
	width:60px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-weight:bold;
	margin-top:20px;
	color:#007FCC;
}
.surveyRatingScore
{
	position:absolute;
	left:0px;
	top:0px;
	width:0%;
	background-color:#88E;
	height:100%;
}
.surveyRatingScoreText
{
	color:#FFF;
	font-weight:bold;
	position:absolute;
	bottom:1px;
	left:0px;
	width:100%;
	height:100%;
	text-align:center;
}

/***** For job links *****/
.surveyJobSearchResult
{
	font-size:12px;
}
.surveyJobSearchResult table
{
	font-size:12px;
	margin-right:auto;
	margin-left:auto;
	width:80%;
	border-collapse:collapse;
}
.surveyTableHeader
{
	border-bottom:1px solid #666;
	color: #0074C6;
	font-weight: bold;
	text-align:center;
}
.surveyTableRow td
{
	vertical-align:top;
	padding:3px 3px 3px 3px;
}
.surveyTableRow.odd
{
	cursor:pointer;
	background-color:#DDE;
}
.surveyTableRow.even
{
	cursor:pointer;
	background-color:#EEF;
}
.surveyJobsLink
{
	margin-top:10px;
	text-align:center;
}

/***** For survey alternative results *****/
.surveyAlternativeList
{
	width:80%;
	margin-left:auto;
	margin-right:auto;
	padding:10px 10px 16px 10px;
	border:2px solid #888;
	background-color:#EEF;
}
.surveyAlternativeList h3
{
}
.surveyAlternativeBlurb
{
	margin-bottom:16px;
}
.surveyAlternativeList ul
{
	list-style:none;
	margin-left:0px;
	padding-left:0px;
}
.surveyAlternativeRow
{
	padding:5px 5px 5px 5px;
	display:block;
	margin-left:0px;
}
.surveyAlternativeRow.even
{
	background-color:#DDE;
}
.surveyAlternativeRow.odd
{
	background-color:#EEF;
}
.surveyAlternativeScoreContainer
{
	float:right;
	width:80px;
	height:12px;
	background-color:#CCF;
	border:1px solid #444;
}
.surveyAlternativeScore
{
	background-color:#007FCC;
	height:100%;
}
.surveyAlternativeTitle
{
	font-weight:bold;
}
.surveyAlternativeBody
{
	clear:right;
	margin-left:20px;
}

/* End of 'wfac :: survey' */