/*****  exceptions   *****/

#generalForms h1
{
   font: bold 14px Tahoma, Verdana, Times, Sans-serif;
   color: #777777;
   padding: 0;
   margin: 0;
}

#hsFormSmall{
	margin: 15px 0 0 0;
	width: 300px;
}

/*** algemene styles formulieren ***/

#hsFormSmall p
{
   font: normal 11px Verdana, Times, Sans-serif;
   color: #777777;
   padding: 0;
   margin: 0;
}

#hsFormSmall h1
{
   margin: 0;
   padding: 0;
}

.hsFase2Div
{
	clear: both;
}

#hsFormSmall fieldset
{
   width:300px;
   padding: 20px 0 5px 0;
   margin: 0 0 0 0;
   border: none;
}

#hsFormSmall fieldset div
{
   float: left;
 * float: clear;
}

#hsFormSmall label, #hsFormSmall fieldset p
{
   font: normal 11px/12px Verdana, Times, Sans-serif;
   color: #777777;
   margin: 0;
   padding: 5px 5px 5px 0;
   display: block;
   width: 130px;
   text-align: left;
   float: left;
}

#hsFormSmall input, #hsFormSmall select, #hsFormSmall textarea
{
   margin-left: 10px;
   color: #777777;
   font-size: 11px;
   border: none;
   height: 20px;
   border: 1px solid #a5acb2;
}

#hsFormSmall textarea
{
	width: 260px;
	height: 95px;
	margin: 3px 0 6px 3px;
	padding: 4px;
}

#hsFormSmall input
{
   height: 16px;
	width: 140px;
}

#hsFormSmall select
{
   width: 150px;
}



/****   status-indicator   *******/

#hsFormSmall #hsSpaceStatusIndicator
{
   float: left;
   width: 300px;
   height: 15px;
   margin: 0 0 0 8px;
	background-color: red;
}

#hsFormSmall #hsStatusIndicator
{
   background: transparent url(/resources/respect/images/status.gif) no-repeat 0 0;
   width: 300px;
   height: 15px;
	background-color: red;	
}

#hsFormSmall #hsStatusIndicator img
{
   visibility: hidden;
   display: none;	
}

/*** Navigatie  ***/


#hsFormSmall ul#hsNav
{
   float: left;
   width: 300px;
   margin-left: 0;
   padding: 0 0 10px 0;
   background: transparent url(/resources/respect/images/gutter.gif) repeat-x 0 100%;	
}

#hsFormSmall ul li.hsFaseBut,
li.hsFaseButActive
{
	float: left;
	list-style-type: none;
	background: none;
}

#hsFormSmall .hsFaseBut#hsFase1But a,
#hsFormSmall .hsFaseBut#hsFase2But a
{
	display: block;
	text-decoration: none;
	color: #efefef;
	font-weight: normal;
	background: transparent url(/resources/respect/images/navBut_mo.gif) no-repeat 0 0;
	margin: 0 5px 0 0;
	width: 120px;
	height: 18px;
	text-align: center;			
	line-height: 18px;			
}

#hsFormSmall .hsFaseButActive#hsFase1But a,
#hsFormSmall .hsFaseButActive#hsFase2But a
{
	color: #fff;
	font-weight: bold;
	background: transparent url(/resources/respect/images/navBut.gif) no-repeat 0 0;
	display: block;
	text-decoration: none;
	margin: 0 5px 0 0;
	width: 120px;
	height: 18px;
	text-align: center;			
	line-height: 18px;			
	}

#hsFormSmall .hsFaseBut#hsFase1But a:hover,
#hsFormSmall .hsFaseBut#hsFase2But a:hover
{
	text-decoration: none;
	color: #262626;
	font-weight: bold;
	background: transparent url(/resources/respect/images/navBut.gif) no-repeat 0 0;
}

		
/******************************************************************************************************/
/*** form_content styles ***/
#hsFormSmall label.hsLblLong
{
   width: 150px;
	margin-top: 7px;
}

#hsFormSmall select.hsSelectExtraWidth
{
   width: 150px;
}

#hsFormSmall select.hsSelectExtra2Width
{
   width: 150px;
}

#hsFormSmall .hsLine
{
	padding: 2px 4px 2px 0;
	width: 300px;
	margin: 1px 0;
}

#hsFormSmall .hsLine p
{
	color: #777777;
	padding: 5px 0 0 0;
	margin: 0;
	width: 300px;		
	
}

#hsFormSmall .hsLineMoreWidth 
{
	float: left;
	width: 300px;
	border: 2px solid #262626;
	background-color: #fff;
	margin: 10px 0 10px 10px;
	padding: 5px 10px 10px 10px;
}
	
#hsFormSmall .hsLineMoreWidth  h1,
#hsFormSmall .hsLineMoreWidth p
{
	width: 300px;
}

#hsFormSmall #hsFase2Div .hsLine h1
{
	padding: 5px 0 4px 0;
	font: bold 11px Verdana, Times, Sans-serif;
	margin: 0;
}

#hsFormSmall .hsCheckBox
{
	border: none;
	margin-top: 3px;
}


#hsFormSmall .hsRadioP p
{
	padding: 8px 0 0 5px;
	margin: 0;
	display: block;
	height: 40px;
	color: #777777;
	width: 180px;
}

#hsFormSmall .hsRadio,
#hsFormSmall .radio
{
	border: none;
	padding: 0;
	margin: 0 10px 0 5px;
	width: 10px;
	
}

#hsFormSmall .hsRadioBut
{
	background-color: transparent;
	width:200px;
	margin: 0;
	padding: 0;
	
}

#hsFormSmall #emptyP
{
	background-color: #fff;
}

#hsFormSmall .hsRadioBut label
{
	text-align: left;
	width: auto;
	float: none;
}

#hsFormSmall .hsPostcodeExtra p
{
   width: 162px;
   margin: 2px 186px 1px 0;
   float: right;
   background-color: #fff;
   border: 1px solid #a5acb2;
}

/****      Bottom-buttons         *********/

#hsFormSmall .hsBottomButtons
{
   width: 100%;
   cursor: pointer;
	background: transparent url(/resources/respect/images/gutter.gif) repeat-x 0 0;
	margin-top: 5px;
	padding-top: 5px;	
}

#hsFormSmall .hsBottomButtonsRight
{
	float: right;
	margin-right: 0;
}

#hsFormSmall .hsBottomButtonsLeft
{
	float: left;
}

#hsFormSmall .hsBottomButtons a
{
	float: left;
	color: #395242;
	font-weight: bold;
	text-decoration: none;
	background: transparent url(/resources/respect/images/nextBut.gif) no-repeat 0 0;					
	text-align: center;
	line-height: 22px;
}

#hsFormSmall .hsBottomButtons a:hover
{
	float: left;
	color: #841332;
	text-decoration: underline;
}

.hsBottomButtons .hsBottomButtonsRight a:hover
{
	color: #841332;
	text-decoration: underline;
}

/***** hsRightDiv styles ******/

#hsFormSmall .hsRightDiv
{
   width:200px;
   float: right;
   height: 19px;
   margin: -3px 5px 0 0;
   padding: 0;
}

#hsFormSmall .hsRightDiv a
{
   display: block;
   float: left;
   margin-left: 10px;
}

#hsFormSmall .hsRightDiv p
{
   display: block;
   float: right;
   font: normal 9px/15px Verdana, Arial, Sans-serif;
   width: 80px;
   height: 15px;
   margin: 3px 0 3px 0;
   padding: 0 1px 1px 2px;
   border: 1px solid #969595;
   background-color: #efefef;
   color: #434242;
}

/**** Extra  *****/

#hsFormSmall .hsErrorBg p
{
   color: red;
   margin-left: 4px;
 * margin-left: 2px;
	width: 300px;
	padding-bottom: 0;
	margin-bottom: 2px;
}

#hsFormSmall .hsLblE
{
   color: red;
   font-weight: bold;
}

#hsFormSmall .hsHintanchorNoPr
{
   float: right;
}

#hsFormSmall .hsHintanchor,
#hsFormSmall .hsHintanchorNoPr
{
   width: 40px;
   height: 20px;
 * height: 20px;
   margin-top: 4px;
   background: transparent url(/resources/respect/images/info.gif) no-repeat 4px 0;
}

#hsFormSmall #hintbox
{ /*CSS for pop up hint box */
   position:absolute;
   background-color: #fff;
   width: 200px; /*Default width of hint.*/
   padding: 6px;
   border:1px solid #000066;
   font:normal 11px Verdana;
   line-height:13px;
   z-index:100;
   border-right: 3px solid #000066;
   border-bottom: 3px solid #000066;
   visibility: hidden;
   color: #000066;
}

#hsFormSmall .hsVerplichtUitleg
{
   float: left;
	width: 300px;
   margin: 20px 0 0 0;
}

/*** fieldset styles: if non-repeating background-image in fieldset ***/

#hsFormSmall fieldset#hsSet1
{
clear:both;
}

#hsFormSmall fieldset#hsSet2
{

}

#hsFormSmall fieldset#hsSet3
{

}
	