BODY
{
	overflow-y:auto;
	font:10pt Arial,Helvetica,sans-serif;
	background-color:#F1F1F1;	
	text-align:center;
	color : #333333;
}

DIV
{
			font-size : 9pt;
			color : #333333;
			font-weight : normal;
}

TABLE
{
	font:10pt Arial,Helvetica,sans-serif;
;
}

/* page level
every page contains one DIV with class survey_document and [survey_component/survey_questionlayout]
*/
.survey_document
{
	text-align:left;
	width:774px;
	background-color:White;
	border-left:1px solid black;
	border-right:2px solid black;
	border-top:1px solid black;
	border-bottom:2px solid black;


	padding:20px;
}

.survey_verticallayout
{
}

.survey_horizontallayout
{
	background-image: url('http://www.sd.be/MessagentImages/images2010/Wave2/header_survey_wave2.jpg');
	background-position:left;
	background-repeat:no-repeat;
	background-position:top
}


/* group level
groups are tagged with a survey_group style
*/

.survey_group
{
	padding-top:3px;
	padding-right:3px;
	padding-bottom:3px;
	background-color:#F1F1F1;
	margin-bottom:10px;
}

/*content sections : custom styles*/
.survey_content_head1
{
			font-size : 20pt;
			font-weight : bold;
			text-align : left;
			color : #8A4B6D;
}


.survey_formtable
{
	
}

/*
error level
*/
.survey_error
{	 
	background-image:url('http://localhost/survey/warning.gif');
	background-repeat:no-repeat;
	background-position:4 4;
	background-color:#fff497;
	border:1px solid #dbc25f;
	color:red;
	margin-top:2px;	
	margin-bottom:5px;	
}

.survey_error SPAN
{
	padding-top:3px;
	padding-left:30px;
	padding-bottom:3px;
	display:block;
}

.survey_error UL
{
	margin-left:0px;	
	margin-top:3px;	
	margin-bottom:3px;	
	padding:0px; 
}

.survey_error UL LI
{
	list-style-type:none;
	margin-left:30px;
}


/*
component level
*/
.survey_component
{
	padding-bottom:10px;
}

.survey_component_alert
{
}

.survey_component_alert .survey_question
{
	color:darkred;	 
}

.survey_question
{
	font-weight:bolder;	
	padding-bottom:2px;
	padding-top:20px;
}

.survey_description
{
	color:Gray;
	padding-bottom:10px;
}

.survey_controls
{
	margin-left:10px;	
	margin-right:10px;
	width:500px;
}

DIV.survey_navigation
{	 
	text-align:right;	 
}

.survey_navigation SPAN
{
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	text-align:center;
	height:25px;
	background-color:#E0E0E0;	 
	border:2px outset white;
	color:Gray;
	margin-left:3px;	
}


.survey_navigation A
{
	padding-left:10px;
	padding-right:10px;
	padding-top:2px;
	text-align:center;
	height:25px;
	background-color:#F1F1F1;
	border:2px outset white;
	font:10pt tahoma;
	color:Black;
	text-decoration:none;
	margin-left:3px;	
}

.survey_navigation A:hover
{
	background-color:#F7F7F7;
}
.survey_content_head1
{
	font-weight : bold;
	text-align : left;
	color : #F77E0A;
	font-style:normal;
	font-variant:normal;
	font-size:medium;
	margin-bottom:10px;
	margin-top:90px;
}


.survey_content_head2
{
	font-weight : bold;
	padding:3px;
	color : #F77E0A;	 	
	font-size:x-small;
	margin-top:10px;
	margin-bottom:10px;
}

.survey_content_head3
{
	font-weight : bold;
	padding:3px; 	
	font-size:xx-small;
	margin-top:10px;
	margin-bottom:10px;
}

.survey_content_comment
{
	text-align:right;
	font-size:10pt;
	color:#bebebe;
	padding-bottom:20px;
}


/*Matrix List*/

.survey_comp_matrix TABLE
{	
	font-size:8pt; 	
	width:100%;	
	border-right:1px solid #E0E0E0;		
	border-bottom:1px solid #E0E0E0;		
}

.survey_comp_matrix TABLE TD
{	
	padding:4px;	 
}

.survey_comp_matrix .survey_topcell
{
	background-color:#F1F1F1;
}

.survey_comp_matrix .survey_nacell 
{
}
.survey_comp_matrix .survey_cell
{
	border-left:1px solid #E0E0E0;		
	border-top:1px solid #E0E0E0;		
	text-align:center;
}
.survey_comp_matrix .survey_leftcell
{
	font-size:8pt;	 
	background-color:#F1F1F1;
	text-align:left;
}

.survey_comp_matrix .survey_rightcell
{	 
}

.survey_comp_searchlist
{
width:200px;
}
.survey_comp_searchlist INPUT
{
	width:100%;	
}
.survey_comp_searchlist SELECT
{
	width:100%;	
}

.survey_header
{
	margin-bottom:10px;
	margin-top:250px;
	
}

.survey_header1
{
	font-size:16pt;
	font-weight:bold;
	padding:5px;

}

.survey_header2
{	 
	font-size:14pt;
	font-weight:bold;
}
}
.survey_header3
{
	font-size:12pt;	 
}

.survey_header .survey_title
{
	color:#8A4B6D;
	margin-bottom:2px	 
}

.survey_header .survey_description
{	 	 
	color:gray;
	font-size:10pt;
}

.survey_question .survey_number
{
	border:1px solid gray;
	padding-left:4px;
	padding-right:4px;
	margin-right:10px;
	background-color:orange;
	font-size : 9pt;
	color : #333333;
font-weight : normal;
}

.survey_progress TABLE
{
	font-size:6pt;
	width:640px;
	text-align:right;
}

.survey_progress .survey_out
{
	text-align:left;
	width:520px;
	border:1px solid #8A4B6D;
	padding:1px;
}

.survey_progress .survey_in
{
	background-color:#8A4B6D;
}

.survey_helpbtn
{
	float:right;
}

.survey_helpbtn A
{
	color:#8A4B6D;
	padding:2px;
	text-decoration:none;
}

.survey_helpbtn A:hover
{
	text-decoration:underline;
}

.survey_help
{
	width:300px;

	background-color:#ffee63;
	background-image:url(http://localhost/demo/vava/help2.gif);
	background-repeat:no-repeat;
	background-position:10 10;
 
	padding-left:50px;
	padding-top:10px;
	padding-right:10px;	 
	padding-bottom:10px;	 
	border:2px outset white;
	color:#8A4B6D;	
} 

.survey_help SPAN
{	 
	padding-bottom:20px;
}

.survey_help A
{
	text-decoration:none;
	color:#8A4B6D;	 
	float:right;
	padding-top:20px;	 	 
}
.survey_help A:hover
{
	text-decoration:underline;
}

.survey_list_caption
{
background-color:green;
}

.survey_comp_list .survey_cell
{	 
	padding-right:30px;
}