/*----------------------------------------------
	Forms Stylesheet
	Developer:Joshua Valentin
	Company:Queweb Internet & Design
	Project:Maximoney standard aanvraag form
	Recent update:17/01/2008
----------------------------------------------*/

/*---------------------------------------------- 
	1. CSS reset & standard settings		16
	2. Div id's form 							57
	3. Classes styles form 					91
	4. Classes styles form required		228
	5. Styles tiptool 						298
----------------------------------------------*/

/*---------------------------------------------- 
	1. 
	
	CSS reset & standard settings 
	Fieldset background		#E2E2E2
----------------------------------------------*/
hr{	
height: 0;
border: 0;
padding:2px;
margin-top:2px;
border-top: 1px solid #ee920f;
}

label{
cursor:pointer;
padding:4px 0 0 10px;
}

label.mainStyle{
cursor:pointer;
padding:4px 0 0 0;
}

legend{
font-weight:bold;
font-size:1.2em;
padding: 0 .3em .8em .3em;
color:#ee920f;
top: -.9em;
}

fieldset{
display:block;
margin:5px 0 0 0;
padding:0 1em 1em 0.5em;
border:1px solid #CCCCCC;
}



/*----------------------------------------------
	2.
	
	Div id's form 
----------------------------------------------*/
#wrapperForm{
	width:872px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

#wrapperFormContact{
	width:672px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

#wrapperFormService{
	width:672px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}

#gegevensAlgemeen{
float:left;
margin:6px;
width:90%;
}

#formInput{
float:left;
width:70%;
}

#attention{
float:left;
width:25%;
border:solid 1px #999999;
padding:3px;
background-color:#F3F3F3;
}



/*----------------------------------------------
	3.
	
	Classes styles form 
----------------------------------------------*/
.attention{
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
color:#333333;
}

label.align_text{
float:left;
width:50%;
text-align:left;
padding-right:5px;
}
.submitButton{
background-color:#ee920f;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
color:#FFFFFF;
font-weight:bold;
height:30px;
width:45%;
border:0px;
cursor:pointer;
}

.input{
width:41%;
background-color:#FBFBFB;
font-size:1.0em;
border-width:1px;
border-style:solid;
border-color:#cccccc;
margin:3px;
}

.select{
width:41%;
font-size:1.0em;
background-color:#FBFBFB;
border-color:#cccccc;
border-style:solid;
border-width:1px;
margin:3px;
}

.geboorteSelect{
width:53px;
font-size:1.0em;
background-color:#FBFBFB;
border-color:#cccccc;
border-style:solid;
border-width:1px;
margin:3px;
}

.geboortejaarSelect{
width:65px;
font-size:1.0em;
background-color:#FBFBFB;
border-color:#cccccc;
border-style:solid;
border-width:1px;
margin:3px;
}

.maandSelect{
width:84px;
font-size:1.0em;
background-color:#FBFBFB;
border-color:#cccccc;
border-style:solid;
border-width:1px;
margin:3px;
}

.jaarSelect{
width:94px;
font-size:1.0em;
background-color:#FBFBFB;
border-color:#cccccc;
border-style:solid;
border-width:1px;
margin:3px;
}

.radio{
font-size:1.0em;
background-color:#FBFBFB;
border-color:#cccccc;
border-style:solid;
border-width:1px;
margin-left:3px;
}

.textarea{
width:41%;
height:100px;
background-color:#FBFBFB;
border-width:1px;
border-style:solid;
border-color:#cccccc;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
margin:3px;
}

/*
input:hover{
background:#E4E4E4;
}

select:hover{
background:#E4E4E4;
}

textarea:hover{
background: #E4E4E4;
}
*/

input:focus{
border:1px solid #000000;
}

select:focus{
border:1px solid #000000;
}

textarea:focus{
border:1px solid #000000;
}


/*----------------------------------------------
	4.
	
	Classes styles form required 
----------------------------------------------*/


.requiredInput{
width:41%;
background-color:#FFD2D2;
font-size:1.0em;
border-width:1px;
border-style:solid;
border-color:#FF0000;
margin:3px;
}

.requiredSelect{
width:41%;
font-size:1.0em;
background-color:#FFD2D2;
border-color:#FF0000;
border-style:solid;
border-width:1px;
margin:3px;
}

.requiredTextarea{
width:200px;
height:100px;
background-color:#FF8888;
border-width:1px;
border-style:solid;
border-color:#FF0000;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
margin:3px;
}

.requiredAttention{
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
color:#999999;
}

#requiredAttention{
float:left;
width:25%;
border:solid 1px #FF7777;
padding:3px;
background-color:#FFD2D2;
}

.hrRequired{	
height: 0;
border: 0;
padding:2px;
border-top: 1px solid #FF7777;
}

label.required_text{
float:left;
width:50%;
text-align:left;
padding-right:5px;
color:#FF0000;
font-weight:bold;
}

/*----------------------------------------------
	5.
	
	Styles tiptool 
----------------------------------------------*/

#hintbox{
position:absolute;
top:0;
background-color:#FFFFFF;
width: 150px;
padding: 3px;
border:1px solid black;
font:normal 11px arial;
line-height:18px;
z-index:100;
border:1px solid #999999;
visibility: hidden;
}

.hintanchor{
font-weight: bold;
color: navy;
margin: 3px 8px;
}