/* 
- Kopie van algforms op Z:\Hofstaete\Software\WebSupport\Html\Algemene Stylesheets 
- gechecked voor ie6, ie7 en FF 
- Alleen breedtes en kleuren kunnen/mogen ingesteld worden
*/

/********************************* 
IN TE STELLEN  BREEDTES EN KLEUREN
***********************************/

#hsGeneralForm fieldset
{
	width: 408px;
	float: left;
}

#hsGeneralForm .hsLine,
#hsGeneralForm .hsLine p,
#hsGeneralForm .hsErrorBg p
{
	width: 408px;
}

#hsGeneralForm label,
#hsGeneralForm span.hsRadioP,
#hsGeneralForm  .hsLine .hsRightDiv p,
#hsGeneralForm  .hsLine .hsPExtra p
{
	width: 230px;
	min-width: 145px;
}

#hsGeneralForm input, #hsGeneralForm span.hsRadioBut, #hsGeneralForm .hsLine .hsRightDiv, #hsGeneralForm  .hsLine .hsRightDiv p.hsPrS, #hsGeneralForm div.euroDiv 
{
	width: 160px;  
}

 #hsGeneralForm .hsRadioBut label
{
	width: 160px;  
}

#hsGeneralForm div.euroDiv 
{
	width: 100px;  
}

#hsGeneralForm textarea
{
	width: 390px;
}

#hsGeneralForm select
{
}

#hsGeneralForm input.input_select
{
	width: 100px;
}

#hsGeneralForm .hsBottomButtons
{
	width: 425px;
}


/* normale tab */
#hsGeneralForm .hsFaseBut#hsFase1But a, #hsGeneralForm .hsFaseBut#hsFase2But a, #hsGeneralForm .hsFaseBut#hsFase3But a, #hsGeneralForm .hsFaseBut#hsFase4But a, #hsGeneralForm .hsFaseBut#hsFase5But a, #hsGeneralForm .hsFaseBut#hsFase6But a
{
	color: #B9C9D3;	
} 

/* hover tab */
#hsGeneralForm .hsFaseBut#hsFase1But a:hover, #hsGeneralForm .hsFaseBut#hsFase2But a:hover, #hsGeneralForm .hsFaseBut#hsFase3But a:hover, #hsGeneralForm .hsFaseBut#hsFase4But a:hover, #hsGeneralForm .hsFaseBut#hsFase5But a:hover, #hsGeneralForm .hsFaseBut#hsFase6But a:hover 
{
	color: #7fc41c;
}

/* actieve tab */
#hsGeneralForm .hsFaseButActive#hsFase1But a span, #hsGeneralForm .hsFaseButActive#hsFase2But a span, #hsGeneralForm .hsFaseButActive#hsFase3But a span, #hsGeneralForm .hsFaseButActive#hsFase4But a span, #hsGeneralForm .hsFaseButActive#hsFase5But a span, #hsGeneralForm .hsFaseButActive#hsFase6But a span          
{
	color: #7fc41c;
}

/************************ 
ALGEMEEN. WRAPPER
*************************/

#hsGeneralForm 
{	
	margin: 0 0 0 20px;	
	padding: 0;
}

#hsGeneralForm  div /* zodat de div van de custom-select goed float */
{	
	float: left;
}

#hsGeneralForm fieldset
{
	padding: 10px 0 10px 12px;
	border: none;
	border: 1px solid #cccccc;
	background-color: #fff;
	margin-bottom: 3px;
	margin-left: 0px;
}

/************************ 
NAVIGATIE 
*************************/

#hsGeneralForm ul#hsNav
{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	bottom: -1px;
}

#hsGeneralForm #hsNav li.hsFaseBut
{
	float: left;
	list-style-type: none;
	background: transparent url(/private/images/algforms_images/right_tab.gif) no-repeat right bottom;
	margin: 0;
	padding: 0;
}


#hsGeneralForm  #hsNav li.hsFaseButActive
{
	float: left;
	list-style-type: none;
	background: transparent url(/private/images/algforms_images/right_tab_s.gif) no-repeat right bottom;
	margin: 0;
	padding: 0;
}

#hsGeneralForm .hsFaseBut#hsFase1But a, #hsGeneralForm .hsFaseBut#hsFase2But a, #hsGeneralForm .hsFaseBut#hsFase3But a, #hsGeneralForm .hsFaseBut#hsFase4But a, #hsGeneralForm .hsFaseBut#hsFase5But a, #hsGeneralForm .hsFaseBut#hsFase6But a{	display: block;	background: transparent url(/private/images/algforms_images/left_tab.gif) no-repeat left bottom;	margin: 0 0 0 0;	padding: 0 7px;	text-decoration: none;	font-weight: bold;	height: 22px;			line-height: 22px;		float: left;	}
#hsGeneralForm .hsFaseBut#hsFase1But a span, #hsGeneralForm .hsFaseBut#hsFase2But a span, #hsGeneralForm .hsFaseBut#hsFase3But a span, #hsGeneralForm .hsFaseBut#hsFase4But a span, #hsGeneralForm .hsFaseBut#hsFase5But a span, #hsGeneralForm .hsFaseBut#hsFase6But a span{	display: block;	background: transparent url(/private/images/algforms_images/tab_bg.gif) repeat-x left bottom;	margin: 0 0 0 0;	padding:0 7px;	cursor: pointer;	font-weight: bold;	height: 22px;			line-height: 22px;		float: left;	}
#hsGeneralForm .hsFaseButActive#hsFase1But a, #hsGeneralForm .hsFaseButActive#hsFase2But a, #hsGeneralForm .hsFaseButActive#hsFase3But a, #hsGeneralForm .hsFaseButActive#hsFase4But a, #hsGeneralForm .hsFaseButActive#hsFase5But a, #hsGeneralForm .hsFaseButActive#hsFase6But a{	display: block;	background: transparent url(/private/images/algforms_images/left_tab_s.gif) no-repeat left bottom;	margin: 0 0 0 0;	padding: 0 7px;	font-weight: bold;	height: 22px;			line-height: 22px;		text-decoration: none;		float: left;}
#hsGeneralForm .hsFaseButActive#hsFase1But a span, #hsGeneralForm .hsFaseButActive#hsFase2But a span, #hsGeneralForm .hsFaseButActive#hsFase3But a span, #hsGeneralForm .hsFaseButActive#hsFase4But a span, #hsGeneralForm .hsFaseButActive#hsFase5But a span, #hsGeneralForm .hsFaseButActive#hsFase6But a span          {	display: block;	background: transparent url(/private/images/algforms_images/tab_bg_s.gif) repeat-x left bottom;	margin: 0 0 0 0;	padding: 0 7px;	height: 22px;		text-decoration: none;		font-weight: bold;	height: 22px;			line-height: 22px;		float: left;	}
#hsGeneralForm .hsFaseBut#hsFase1But a:hover, #hsGeneralForm .hsFaseBut#hsFase2But a:hover, #hsGeneralForm .hsFaseBut#hsFase3But a:hover, #hsGeneralForm .hsFaseBut#hsFase4But a:hover, #hsGeneralForm .hsFaseBut#hsFase5But a:hover, #hsGeneralForm .hsFaseBut#hsFase6But a:hover {	text-decoration: none;}


/*******************************
HSLINE STYLES
************************************/

#hsGeneralForm .hsLine
{
	float: left;
	_float: none; /* voor ie6, als float dan duplicate character bug */
	_clear: left;/* voor ie6 */
	margin: 0 0 5px 0;
}

#hsGeneralForm  p.header
{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: none;
}

#hsGeneralForm #FieldSet1 .hsErrorBg p,
#hsGeneralForm #FieldSet2 .hsErrorBg p,
#hsGeneralForm #FieldSet3 .hsErrorBg p,
#hsGeneralForm #FieldSet1 .hsLine p,
#hsGeneralForm #FieldSet2 .hsLine p,
#hsGeneralForm #FieldSet3 .hsLine p,
#content #hsGeneralForm  .hsErrorBg p
{
	margin: 0;
	padding: 0;
	float: left;
}

#hsGeneralForm #FieldSet1 .hsErrorBg p,
#hsGeneralForm #FieldSet2 .hsErrorBg p,
#hsGeneralForm #FieldSet3 .hsErrorBg p,
#content #hsGeneralForm  .hsErrorBg p
{
	font-weight: bold;
	color: red;
}

#hsGeneralForm label,
#hsGeneralForm span.hsRadioP,
#hsGeneralForm  .hsLine .hsRightDiv p,
#hsGeneralForm  .hsLine .hsPExtra p
{
	margin: 0;
	padding: 0;
}


#hsGeneralForm input.hsCheckBox
{
	width: 20px;
	border: none;
}

#hsGeneralForm label,
#hsGeneralForm span.hsRadioP
{
	float: left;
	color: #333;
	margin: 0;
	padding: 0 0 4px 0;
	display: block;
}

#hsGeneralForm label.hsLblE
{
	color: red
}

#hsGeneralForm input, #hsGeneralForm textarea, #hsGeneralForm span.hsRadioBut
{
	_float: left;
	margin: 0;
	padding: 2px 0 0 3px;
	color: #333;
	font-size: 11px;
	height: 16px;
	border: 1px solid #a5acb2;
}

#hsGeneralForm textarea
{
	height: 90px;
	clear: left;
	margin-bottom: 10px;
	margin-left: 0;
}

/****************************
 SELECTS 
 ********************************/
 
#hsGeneralForm span.selectbox_right
{
	display: block;
	float: left;
	margin-left: -1px;
	height: 18px;
	border: 1px solid #a5acb2;
	border-left: none; 
}

#hsGeneralForm select
{
	margin: 0;
	font-size: 11px;
	border: 1px solid #a5acb2;
}

#hsGeneralForm input.input_select
{
	float: left;
}

/****************
RADIOS
****************/

#hsGeneralForm input.radio
{
	text-align: left;
	width: 20px;
	border: none;
}


#hsGeneralForm span.hsRadioBut
{
   border: none;
}

#hsGeneralForm .hsRadioP p
{
	float: left;
	width: 190px; 
	height: 40px;
}

/*****************
 EURO DIV 
 *****************/
#hsGeneralForm div.euroDiv 
{	
	border: #a5acb2 1px solid;	
}

#hsGeneralForm input.noBorder 
{	
	float: right;
	padding-right: 4px;	
	margin-top: -15px;	
	width: 75px;	
	text-align: right;	
	border: none;
}

#hsGeneralForm span.hsESign
{
	float: left;
}

#hsGeneralForm span.hsEMon
{
	float: right;
}

/************************************************ 
RIGHT DIV -  PREMIE VELDEN
************************************************/

#hsGeneralForm .hsLine .hsRightDiv
{
	float: right;
}

#hsGeneralForm .hsLine .hsRightDiv .hsPrS
{
	text-align: right;
}

/************************************************ 
BOTTOM BUTTONS   
************************************************/

#hsGeneralForm .hsBottomButtons
{
	margin-top: 10px;
}

#hsGeneralForm .hsBottomButtons a
{
	width: 80px;
	text-align: center;
	display: block;
	margin: 0;
	background: transparent url(/private/images/algforms_images/bottombg_mo.gif) no-repeat 0 0;
	text-decoration: none;
	height: 22px;
	line-height: 22px;
}

#hsGeneralForm .hsBottomButtons a:hover
{
	display: block;
	margin: 0;
	background: transparent url(/private/images/algforms_images/bottombg.gif) no-repeat 0 0;
	text-decoration: none;
	color: #000;
}

#hsGeneralForm .hsBottomButtonsRight
{
	float: right;
	margin-right: 5px;
}

#hsGeneralForm .hsBottomButtonsLeft
{
	float: left;
}

#hsGeneralForm .hsVerplichtUitleg
{
	margin: 40px 0 0 0;
}

/* tbv Woonselectie formulier */
#hsGeneralForm #checkboxcolumns .WoonSelCheckbox 
{
	border: none;
	width: 20px;
}
#hsGeneralForm #checkboxcolumns .checkLCol,
#hsGeneralForm #checkboxcolumns .checkRCol
{
	width: 30px;
}
#hsGeneralForm #checkboxcolumns .nameLCol,
#hsGeneralForm #checkboxcolumns .nameRCol
{
	width: 170px;
}

#hsGeneralForm #frm_WoonSelectieDiv
{
	display: none;
}
#hsGeneralForm #frm_GeslachtRadios p
{
	margin-left: 0;
}