/** FORM ***/
    form#formGegevens,
	 form#formAfsluiten,
    form#formControle
    {
        margin-bottom: 30px;
        margin-left: 75px;
        width: 500px;
    }
        
    /*** one category is wrapped in a fieldset **/
    fieldset
    {
        border: 1px dashed #CBDCE9;
        margin-bottom: 10px;
        padding-left: 20px;
		
		/**CSS3**/
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-khtml-border-radius:5px
    }
        
   legend
   {
       color: #632166;
       font-weight: 300;
       margin-left: 16px;
   }
   
   legend.controle
   {
     background: transparent url(/sites/geencentteveel/images/checklist.png) left top no-repeat;
     line-height: 32px;
     padding-left: 37px;
   }
   
   legend img
   {
     float: left;
     margin-right: 5px;
   }
   
   fieldset p {
       padding: 0px 0px 0px 20px;
       font-size: 90%;
   }
 
       
   /** question wrapper */
   fieldset div.question
   {
       padding: 10px 0px 10px 20px;            
   }
        
   fieldset label
   {
       color: #369;
       display: block; 
       font-size: 0.9em;
   }
   fieldset label.checkbox
   {
    color: #000;
    display: inline;
    font-weight: normal;    
   }
   fieldset label.normal
   {
    color: #000;
    font-weight: normal;
   }
   
   table td label
   {
       color: #000;
       display: inline;
       font-weight: normal;
       margin: 0;
   }
   
   input, select {
	font-size:0.9em;
   }
   
   input[type="text"]
   {
       background-image: url(/sites/geencentteveel/images/select_bg.gif);
       border: 0;
       border-bottom: 1px solid silver;
       border-right: 1px solid silver;
       padding-left: 3px;
       margin-right: 5px;

   }
   

   
   form div.dropdown
   {
       background-image: url(/sites/geencentteveel/images/select_bg.gif);
       background-repeat: no-repeat;
       display: inline-block;    
   }

   input[type="text"].error,
   div.dropdown.error
   {
       background-image: url(/sites/geencentteveel/images/select_bg_error.gif);
   }
   select
   {
       background: transparent;
       border: 0;
       border: 1px solid #666;
       padding-left: 1px;
   }
   select option
   {
       background-color: #FFF;
   }
   fieldset table.error, div.dropdown.error select, div.error
   {
       background-color: #ffd6d6 !important;
   }      
   
   input[type="radio"]
   {
      margin-left: 0;
   }
   /* table for radio buttons */    
   fieldset table
   {
      border-collapse: collapse;
       font-size: 0.9em;
   }
   fieldset table td
   {
      text-align: left;
      vertical-align: top;
   }
   
/** position form elements **/
div.question div.subscript
{
	 font-size: 70%;
}
div.question span.text
{
 font-family: monospace;
 margin-right: 5px;
}
div.question.half,
div.question div.half
{
 float: left;
 width: 200px;
}
div.question div.half
{
 margin-top: 5px;
}

div.question div.element_wrapper
{
 float: left;
 padding-top: 5px;
}		


/*** OWN BUTTON ***/
    form#formGegevens button,
	 form#formAfsluiten button
    {
	  font-size: 15px; /* set fixed font size for button */
      margin-top: 5px;
    }
  /* REQUIRED BUTTON STYLES: */		
button { 
	position: relative;
	border: 0; 
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
	margin-left: 40px;
}

button.inline {
	margin-left: -10px;
}

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
	padding: 0;
}

button span { 
	position: relative;
	display: block; 
	white-space: nowrap;	
}
button.chrome span
{
	margin-top: -1px;
}


/* OPTIONAL BUTTON STYLES for applying custom look and feel: */		
button.styled {
	background: transparent url(/sites/geencentteveel/images/button_sprite.gif) no-repeat right -100px; 
	height: 30px;
	padding: 0 30px 0 0;
	margin-top: 20px;
	margin-right:5px;	
	text-align: center; 
	
}

button.styled.ok 
{
    background-position: right -200px;
}
button.styled.cancel
{
    background-position: right -300px;
}
	
button.styled span {
	padding: 6px 0px 0 25px; 
	height:31px; 
	background: transparent url(/sites/geencentteveel/images/button_sprite.gif) no-repeat left top; 
	color:#000;
   
}


button.styled:hover, button.styledHover { /* the redundant class is used to apply the hover state with a script */
	background-position: right -150px; 
}
button.styled.ok:hover, button.styledHover.ok {
    background-position: right -250px; 
}
button.styled.cancel:hover, button.styledHover.cancel {
    background-position: right -350px;
}

button.styled:hover span, button.styledHover span {
	background-position: 0 -50px;
}

button.styled.no-margins
{
    margin-top: 10px;
    margin: 0;
}

button.styled.details
{
	width: 115px;
}

div.helpUnder {
    /*padding-left: 25px;*/
    margin-top: 5px;
    
    /*background-image: url('/sites/geencentteveel/images/information_light.gif');
    background-position: top left;
    background-repeat: no-repeat;*/
    
    font-size: 0.8em;
    color: #999;
}

div.errorExplanation {
    background-image: url('/sites/geencentteveel/images/exclamation.gif');
    background-position: top left;
    background-repeat: no-repeat;
    
    padding-left: 20px;
    
    font-size: .9em;
    color: #ED1414;
    
    margin-top: 4px;
    margin-bottom: 4px;
	
	width: 325px; /* anders komt error tekst onder hulpballonnetje */
}

/* legend als er een fout is */
fieldset#errorOverview legend {
    color: #ED1414;
    
    background-image: url('/sites/geencentteveel/images/exclamation.gif');
    background-position: top left;
    background-repeat: no-repeat;

    padding-left: 20px;
}
fieldset#errorOverview {
    border-color: #ED1414;
}

/** zet css uit voor safari **/
   @media screen and (-webkit-min-device-pixel-ratio:0) {
		div.dropdown {
			background-image: none !important;
		}
		select {
			background: #fff;
		}
	}
	
/** aparte opmaak voor inboedelwaardemeter waarde (stap 2 op de inboedel gegevens pagina) **/
div#inboedel_waarde_container {

	font-size: 110%;
}

div#inboedel_waarde_container span#inboedel_waarde {
	margin-left: 50px;
}

div#inboedel_waarde_box {
	
	margin: 10px 0;
	padding: 5px 20px;
}

div#inboedelwaardemeter_uitleg {
	font-size: 0.9em
}