BODY
{

	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	font-style : normal;
	color : #231F20 ;
	text-decoration : none;
	overflow-y:auto;	
	text-align:center;
	scrollbar-face-color:#ffffff;
	scrollbar-shadow-color: #000000;
	scrollbar-3Dlight-color:#000000;
	scrollbar-darkshadow-color:#000000;
	scrollbar-track-color:#eeeeee;
	scrollbar-arrow-color:#000000;
	scrollbar-highlight-color: #ffffff;
	background: url(http://www.persgroep.be/messagent/joepie/happinessenquete/bg.jpg) ;
	

}

DIV
{

}

TABLE
{
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	font-style : normal;
	color : #000000;
}
td	{
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	font-style : normal;
	color : #000000;
	}
	
/* page level
every page contains one DIV with class survey_document and [survey_component/survey_questionlayout]
*/
.survey_document
{
	text-align:left;
	width:770px;
	background-color:#FFFFFF;
	border-left:2px solid #c0c0c0;
	border-right:2px solid  #c0c0c0;
	border-top:2px solid  #c0c0c0;
	border-bottom:2px solid  #c0c0c0;
	padding:20px;
}

.survey_verticallayout
{
}

.survey_horizontallayout
{
}


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

.survey_group
{

	padding-top:3px;
	padding-right:3px;
	padding-bottom:3px;
	margin-bottom:10px;
}

/*content sections : custom styles*/
.survey_content_head1
{
}


.survey_formtable
{
	
}

/*
error level
*/
.survey_error
{	 
	background-image:url('http://localhost/survey/warning.gif');
	background-repeat:no-repeat;
	background-position:4 4;
	background-color:#dfdfdf;
	border:1px solid #858585;
	color:#74b525;
	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
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size : 12px;
	margin-top:20px;
	padding-bottom:10px;
}

.survey_component_alert
{
}

.survey_component_alert .survey_question
{
	color:darkred;	 
}

.survey_question
{
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size : 14px;
	font-weight: bold;
	padding-bottom:2px;
	margin-top:20px;
	border-bottom: 2px solid #e5007d;
	width: 500px;
	padding: 2px;
}
	
		
.survey_description
{
	color:Gray;
	padding-bottom:10px;
}

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

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-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size : 12px;
	color:Black;
	text-decoration:none;
	margin-left:3px;	
}

.survey_navigation A:hover
{
	background-color:#F7F7F7;
}

.survey_content_head1
{
	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	color:#949494;
	font-style:normal;
	font-variant:normal;
	font-size:medium;
	margin-bottom:10px;
}


.survey_content_head2
{
	background-color:#F1F1F1;
	padding:3px;
	color:darkblue;	 	
	font-size:x-small;
	margin-top:10px;
	margin-bottom:10px;
}

.survey_content_comment
{
	text-align:right;
	font-size:xx-small;
	color:Gray;
	padding-bottom:20px;
}


/*Matrix List*/

.survey_comp_matrix TABLE
{	
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	font-style : normal;
	color : #000000;	
	width:100%;	
	border-right:1px solid #E0E0E0;		
	border-bottom:1px solid #E0E0E0;		
}

.survey_comp_matrix TABLE TD
{	
	padding:4px;	
	border-bottom:1px solid #e5007d;	 
}

.survey_comp_matrix .survey_topcell
{
	background-color:#e5007d;
	font-weight : bold;
	color:#FFFFFF
}

.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-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	font-style : normal;
	color : #000000; 
	background-color:#F1F1F1;
	text-align:right;
}

.survey_comp_matrix .survey_rightcell
{	 

    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size : 12px;
	font-weight : normal;
	font-style : normal;
	color : #000000;	 
	background-color:#F1F1F1;
	text-align:left;
}

.survey_comp_searchlist
{
width:200px;
}
.survey_comp_searchlist INPUT
{
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size : 12px;
	width:100%;	
}
.survey_comp_searchlist SELECT
{
    font-family: Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size : 12px;
	width:100%;	
}


.survey_header
{
	margin-bottom:10px;
}

.survey_header1
{
	background-color:#F1F1F1;	 
	font-size:16pt;
	font-weight:bold;
	border:2px solid darkblue;
	padding:5px;	 
}

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

.survey_header3
{
	font-size:12pt;	 
}

.survey_header .survey_title
{
	color:darkblue;
	margin-bottom:2px	 
}

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

.survey_question .survey_number
{
	
	padding-left:4px;
	padding-right:4px;
	margin-right:10px;
	
}

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

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

.survey_progress .survey_in
{
	background-color:#6ba723;
}

.survey_helpbtn
{
	float:right;
}

.survey_helpbtn A
{
	color:darkblue;
	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:darkblue;	
} 

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

.survey_help A
{
	text-decoration:none;
	color:darkblue;	 
	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;
}