.noCss
{
	display:none;
}

#HeaderWrapper
{
	text-align:center;	
	width:auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	margin-left: auto; margin-right: auto;

}

#ContentSection
{
	padding:0px 0px 0px 25px;
}

/* Added otherwise firefox adds a space before ContentSection */
#ContentSection h1
{
	margin-top:0px;
}
/**/


br.block
{
	display:block;
	font-size:0px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	clear:both;
}





/************    BEGIN FILLED BOX SECTION     ************************************/
div.filledBox
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: #C9C0A5 url('/images/boite_bleu/boite_inside.jpg') repeat-y;
}
div.filledBox div
{
	display:inline-block;
}
div.filledBox .bottom
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/boite_bleu/bas_boite.jpg') repeat-x bottom left;
	width:100%;
}
div.filledBox .top
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/boite_bleu/boite_haut.jpg') repeat-x;
	width:100%;
}
div.filledBox .topTitle
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#3D8AB6;
	width:100%;
}
div.filledBox .borderTopRight
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/Boite_border_top_right.jpg') repeat-y right;
	width:100%;
}
div.filledBox .left
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/boite_bleu/boite_gauch.jpg') repeat-y;
	width:100%;
}
div.filledBox .right
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/boite_bleu/boite_droit.jpg') repeat-y right;
	width:100%;
}
div.filledBox .topLeft
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/boite_bleu/boite_haut_gauch.jpg') no-repeat;
	width:100%;
}
div.filledBox .topRight
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/boite_bleu/boite_haut_droi.jpg') no-repeat top right;
	width:100%;
}
div.filledBox .bottomLeft
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/boite_bleu/bas_boite_gauch.jpg') no-repeat bottom left;
	width:100%;
}
div.filledBox .bottomRight
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/boite_bleu/bas_boite_droi.jpg') no-repeat bottom right;
	width:100%;
}
div.filledBox .contentBoxWrap
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/boite_bleu/BOITE_HAUT_SEP.jpg') repeat-x 0px 4px;
	width:100%;
}
div.filledBox .contentBoxWrapLeft
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/boite_bleu/boite_gauch.jpg') repeat-y;
	width:100%;
}
div.filledBox .contentBoxWrapRight
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/boite_bleu/boite_droit.jpg') repeat-y top right;
	width:100%;
}
div.filledBox .topTitle .innerTitle
{
	padding:3px 10px 3px 10px;
	margin:0px 0px 0px 0px;
	/*color:#FFFFFF;*/
	text-align:center;
	display:block;
	font-size:11px;
	width:100%;
}
div.filledBox .innerContent
{
	/*padding:10px 10px 30px 30px;*/
	padding:10px 10px 30px 12px;
	margin:0px 0px 0px 0px;
	display:block;
	overflow:hidden;
	font-size:11px;
}



.beforeTitle
{
	background:url('/images/boite/sep_white.gif') no-repeat center left;
	padding: 0 0 0 10px;
	width:100%;
}
.afterTitle
{
	background:url('/images/boite/sep_white.gif') no-repeat center right;
	padding: 0 10px 0 0;
	width:100%;
}
div.emptyBox .beforeTitle
{
	background:url('/images/boite/sep_blue.gif') no-repeat center left;
	padding: 0 0 0 10px;
	width:100%;
}
div.emptyBox .afterTitle
{
	background:url('/images/boite/sep_blue.gif') no-repeat center right;
	padding: 0 10px 0 0;
	width:100%;
}
/***************** END FILLED BOX SECTION ******************************************************/




/************** BEGIN SHADOW BOX SECTION *****************************************************/
div.shadowBox
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: #FFFFFF;
}
div.shadowBox div
{
	display:inline-block;
}
div.shadowBox .bottom
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/shadow/blanc_bottom.jpg') repeat-x bottom left;
	width:100%;
}
div.shadowBox .top
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/shadow/blanc_top.jpg') repeat-x;
	width:100%;
}
div.shadowBox .topTitle
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#3D8AB6;
	width:100%;
}
div.shadowBox .borderTopRight
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/shadow/blanc_top_r_border.jpg') repeat-y right;
	width:100%;
}
div.shadowBox .left
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/shadow/blanc_gauche.jpg') repeat-y;
	width:100%;
}
div.shadowBox .right
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/shadow/blanc_droite.jpg') repeat-y right;
	width:100%;
}
div.shadowBox .topLeft
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/shadow/blanc_h_g.jpg') no-repeat;
	width:100%;
}
div.shadowBox .topRight
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/shadow/blanc_h_d.jpg') no-repeat top right;
	width:100%;
}
div.shadowBox .bottomLeft
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/shadow/blanc_b_g.jpg') no-repeat bottom left;
	width:100%;
}
div.shadowBox .bottomRight
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/shadow/blanc_b_d.jpg') no-repeat bottom right;
	width:100%;
}
div.shadowBox .contentBoxWrap
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/shadow/blanc_barre.jpg') repeat-x 0px 4px;
	width:100%;
}
div.shadowBox .contentBoxWrapLeft
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/shadow/blanc_gauche.jpg') repeat-y;
	width:100%;
}
div.shadowBox .contentBoxWrapRight
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/shadow/blanc_droite.jpg') repeat-y top right;
	width:100%;
}
div.shadowBox .innerTitle
{
	padding:3px 10px 3px 10px;
	margin:0px 0px 0px 0px;
	
	/*color:#FFFFFF;*/
	text-align:center;
	display:block;
	font-size:11px;
}
div.shadowBox .innerContent
{
	/*padding:10px 10px 30px 30px;*/
	padding:10px 10px 30px 12px;
	margin:0px 0px 0px 0px;
	display:block;
	overflow:hidden;
	font-size:11px;
}


/************** BEGIN EMPTY BOX SECTION *****************************************************/
div.emptyBox
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: #FFFFFF;
}
div.emptyBox div
{
	display:inline-block;
}
div.emptyBox .bottom
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/boite_vide/empty_bottom.jpg') repeat-x bottom left;
}
div.emptyBox .top
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/boite_vide/empty_Top.jpg') repeat-x;
	width:100%;
}
div.emptyBox .topTitle
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#FFFFFF;
	width:100%;
}
div.emptyBox .borderTopRight
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/boite_vide/empty_droite.jpg') repeat-y right;
	width:100%;
}
div.emptyBox .left
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/boite_vide/empty_gauche.jpg') repeat-y;
	width:100%;
}
div.emptyBox .right
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/boite_vide/empty_droite.jpg') repeat-y right;
	width:100%;
}
div.emptyBox .topLeft
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/boite_vide/empty_TopLeft.jpg') no-repeat;
	width:100%;
}
div.emptyBox .topRight
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/boite_vide/empty_TopRight.jpg') no-repeat top right;
	width:100%;
}
div.emptyBox .bottomLeft
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/boite_vide/empty_b_g.jpg') no-repeat bottom left;
	width:100%;
}
div.emptyBox .bottomRight
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/boite_vide/empty_b_d.jpg') no-repeat bottom right;
	width:100%;
}
div.emptyBox .contentBoxWrap
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
}
div.emptyBox .contentBoxWrapLeft
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/boite_vide/empty_gauche.jpg') repeat-y;
	width:100%;
}
div.emptyBox .contentBoxWrapRight
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background: url('/images/boite_vide/empty_droite.jpg') repeat-y top right;
	width:100%;
}
div.emptyBox .innerTitle
{
	padding:3px 10px 3px 12px;
	margin:0px 0px 0px 0px;
	
	/*color:#0D6094;*/
	text-align:center;
	display:block;
	font-size:11px;
}
div.emptyBox .innerContent
{
	/*padding:10px 10px 30px 30px;*/
	padding:10px 10px 30px 12px;
	margin:0px 0px 0px 0px;
	display:block;
	overflow:hidden;
	font-size:11px;
}

/***************** END FILLED BOX SECTION ******************************************************/

/*
surrounds shadowbox or filled box in rendering.
configure in ContentSection Placeholder before contentsection rendering
*/
.contextBoxWrapper
{
	float:right;
	width:210px;
	margin-left:10px;
	margin-right:10px;
	display : none;
}

.questionaireBox
{
	position:absolute;
	right:0px;
}

.sideBoxedForm
{
	width:750px;
}


/***************** SIDEBOXCONTENT ************/
.sideBoxContent
{
	float:left;
	width:450px;
}

.sideBoxContent .content
{
	margin-left:90px;
}

.sideBoxContent h1.arrow
{
	padding-left:90px;
	background: url('/images/header_double_arrow.gif') no-repeat center left;
	padding-top:5px;
	padding-bottom:5px;
}

/***************** END SIDEBOXCONTENT ************/






#ContextBar .memberName
{
	padding:10px 0 0 0;
	margin: 0 0 0 0;
	float:left;
	font-size:9.72px;
}

#ContextBar .currentDate
{
	float:right;
	padding:10px 0 0 0;
	margin: 0 0 0 0;
	font-size:9.72px;
}

div.contentSectionText
{
	float:left;
	/*width:495px;*/
	width: 970px;
}



.imagePreload
{
	float:left;
	position:absolute;
	left:-9999px;
}



.heightPadder
{
	display:block;
	height:270px;
	float:left;
	overflow:hidden;
	width:0px;
}


/** QUESTIONNAIRES **/
.questionnaireHeader {padding-left:10px; }
.questionnaireFooter {padding-left:10px;margin-top:25px;margin-bottom:25px; }

.qSectionBlock {padding-left:30px;padding-top:20px; }
.qSectionHeader {padding-left:10px;margin-bottom:15px; }
.qSectionFooter {padding-left:10px;margin-top:5px; }

.questionBlock {padding-left:20px;margin:0;margin-bottom:35px; }
.questionIntro {padding-left:25px;margin-bottom:7px;}
.fieldContainer {padding-left:25px;}
.fieldContainer label {padding-right:9px;}
.questionAddInfo {padding-left:25px;margin-top:17px;}

br.clearer {font-size:0px;height:0px;width:100%;line-height:0px;}

#ContentSection .questionnaireFormView {width:99%;}
#ContentSection .questionnaireFormView h2 {font-size:1.4em;}
#ContentSection .questionnaireFormView h3 {font-size:1.3em;}
#ContentSection .questionnaireFormView h4 {font-size:1.1em;position:relative;}

.questionWrapper {padding-left:0px;}

.fullWidth {width:100%;}

.summQuestionBlock {padding-left:20px;margin:0;margin-bottom:20px;margin-top:5px;}
.questionSummaryLink {background: url('/images/pdf.jpg') no-repeat;padding-left:20px;padding-bottom:2px;margin-left:15px;}

.summaryInfoText,
.summaryResult {margin-top:5px;margin-bottom:20px;margin-left:15px;}
.summaryInfoText {}
.summaryResult {}
.summaryQuestionsBlock {margin-left:15px;margin-top:15px;}

.requiredIndicator {display:block;width:9px;height:auto;float:left;margin-left:-10px;}
#Content .questionnaireFormView h4 img {position:absolute;left:-20px !important;left:-24px;}


.timerWrapper {}
#TimerContainer {border:1px dotted #999999; font-size:0.9em;padding:5px;background:#F5f4F0;line-height:1.6em;margin-left:-34px;}
#TimerContainer div span {}
#TimerContainer div #ElapsedTime{font-weight:bold;}
#TimerContainer div #RemainingTime{font-weight:bold;font-size:125%;}
#TimerContainer.normal {/*color:#0D6094;*/}
#TimerContainer.warning {}
#TimerContainer .timeLabel {width:90px;display:block;float:left;}
#TimerContainer div.remainingTime {padding-top:4px;font-weight:bold;}
#TimerContainer.warning {border:1px dotted red;}
#TimerContainer.warning div.remainingTime{color:red;}


table.questionnaireList {}
table.questionnaireList td {}
table.questionnaireList td.questionName {}
table.questionnaireList td.questionPage {padding:6px 0 6px 30px;}
table.questionnaireList td.questionSummary {padding-left:6px 0 6px 30px;}