* {
	margin: 0;
	padding: 0;
	border: 0;
}
img { border:0px;}

/***************** PROGRESS BAR ***********************************/

#progressBarContainer {	margin-bottom: 10px;}

#progressBarContainer.progressBarLeft {	text-align: left;margin-left: 30px;}

#progressBarContainer.progressBarLeft #progressBar{	margin-right: auto;}

#progressBarContainer.progressBarCenter {text-align: center;}

#progressBarContainer.progressBarCenter #progressBar{margin-left: auto;	margin-right: auto;}

#progressBarContainer.progressBarRight {text-align: right;margin-right: 30px;}

#progressBarContainer.progressBarRight #progressBar{margin-left: auto;}

#progressBar.progressBarType_block {height:16px;padding-right: 1px;}

#progressBar.progressBarType_evolutive {border:1px solid #999999;width:200px;height:16px;background-image:url(bg_evolutive_progressbar.png);
	background-repeat:repeat-x;	background-position:top;text-align: left;}
#progressBar.progressBarType_evolutive .progressBarDone {border-bottom:1px solid #000;
	background-image:url(bg_evolutive_progressbar_done.png); background-repeat:repeat-x; background-position:top;height:16px;margin-right: auto;}
	
#progressBar.progressBarType_evolutive_black {border:1px solid #999999;width:200px;height:16px;background-image:url(bg_evolutive_black_progressbar_not_done.png);
	background-repeat:repeat-x;	background-position:top;text-align: left;}
#progressBar.progressBarType_evolutive_black .progressBarDone {border-bottom:1px solid #000;
	background-image:url(bg_evolutive_black_progressbar_done.png); background-repeat:repeat-x; background-position:top;height:16px;margin-right: auto;}

/***************** BUTTONS ***********************************/

#buttons {margin-top: 30px;	text-align: right;	margin-bottom: 20px;}
#submit {text-align: right;	margin-left:50px;}

/***************** FORMULAIRE ***********************************/


.citQuestion {
	clear: both;
	padding-bottom: 20px;
}

.questionText {
	vertical-align: top;
	padding: 0px 10px 0px 10px;
	float: left;
	width: 30%;
}

.questionPicker {padding-top: 0px;padding-left: 5px;padding-bottom: 2px;padding-right: 20px;}

.questionTextNextLine {vertical-align: top;padding: 0px 20px 2px 10px;}

.questionPickerNextLine {margin-top: 1px;padding-left: 30px;padding-bottom: 2px;padding-right: 20px;}

.citField input[type=text] {
	background-image:url(bg_textfield.png);
	background-repeat:repeat-x;
	background-position:bottom;
	border:1px solid #D1D1D1;
	padding:2px;
}

.citFieldMandatory input[type=text] {
	background-image:url(bg_textfield.png);
	background-repeat:repeat-x;
	background-position:bottom;
	border:1px solid #D1D1D1;
	padding:2px;
}

.citField textarea {
	background-image:url(bg_textfield.png);
	background-repeat:repeat-x;
	background-position:bottom;
	border:1px solid #D1D1D1;
	padding:2px;
}

.citFieldMandatory textarea {
	background-image:url(bg_textfield.png);
	background-repeat:repeat-x;
	background-position:bottom;
	border:1px solid #D1D1D1;
	padding:2px;
}

a {color:#666; text-decoration: underline;}
a:hover {color:#000;}

select  {
	border:1px solid #D1D1D1;
	color:#666;
	background-image:url(bg_textfield.png);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color: transparent;
	padding:0px;
}

option {padding-left: 2px;padding-right: 2px;}

.citValuesGrid td {padding-bottom: 3px;}

.radio {padding-right: 20px; }

.radio input[type=radio] {margin-top: 2px; }

.checkbox {padding-right: 20px;}

.checkbox input[type=checkbox] {margin-top: 5px;}

.other {white-space: nowrap;}

label {padding-left: 5px;padding-right: 5px;}

.citValue {padding-left:3px;font-weight:normal;white-space: nowrap;}
.citValuesGrid .citValue {white-space: normal;}

/* questions tableaux */
.citTableQuestion>thead>tr>th {text-align: center;padding:5px;}
.citTableQuestion>tbody>tr>th {text-align: left;vertical-align: middle; padding:5px;}
.citTableQuestion>tbody>tr>td {vertical-align: middle;padding:5px; margin:0px;}
.citTableQuestionTextInHeader>tbody>tr>td.normal {text-align: center;}
.citTableQuestion>tbody>tr>td .citValue {white-space: normal;}
.citTableQuestion .otherInput {visibility: hidden; position: absolute; left: -1000px} /* hide the radio: display: none cannot be used because the value is lost */
.grid_full>div>table.citTableQuestion {border-right: 1px solid #000; border-top: 1px solid #000;}
.grid_full>div>table.citTableQuestion>thead>tr>th {border-bottom: 1px solid #000; border-left: 1px solid #000;}
.grid_full>div>table.citTableQuestion>tbody>tr>th {border-bottom: 1px solid #000; border-left: 1px solid #000;}
.grid_full>div>table.citTableQuestion>tbody>tr>td {border-bottom: 1px solid #000; border-left: 1px solid #000;}
.grid_header>div>table.citTableQuestionTextInHeader>thead>tr>th {border-bottom: 1px solid #000;}
.grid_header>div>table.citTableQuestionTextInHeader>thead>tr>th.citValue {white-space: normal;}
.grid_header>div>table.citTableQuestionTextInHeader>thead>tr>th.subQuestionText {border-right: 1px solid #000;}
.grid_header>div>table.citTableQuestionTextInHeader>tbody>tr>th {border-right: 1px solid #000;}


/* inter-questions standards */
.citInterQuestionContainer {clear: both;display: block;}
.citInterQuestion_st_title {padding-bottom: 10px;font-size: 16px;font-weight: bold;}
.citInterQuestion_st_title a {text-decoration:underline;font-weight: bold;}
.citInterQuestion_st_text {padding-left:10px;padding-bottom: 20px;}
.citInterQuestion_st_image {padding-bottom: 20px;}
