#ui-datepicker-div{
display:none;
}    
   
    .inputbutton
    {
      border:1px solid #716F64;
      background-color: #cccccc;
      padding: 2px;
      /*extra*/
      display:table;
      padding-right:5px;
      float:left;
      margin:4px;
    }


	#buttondiv{
	 padding-left:10px;
	}

    /** alle input elementen */
    form input, form select, form textarea
    {
      border:1px solid #716F64;
      background-color: #ffffff;
      padding: 2px;
    }
    
    /** complete form */
    form *
    {
      margin: 0px;
      padding: 0px;
    }

	#formcontainerdiv{
	  padding-top:10px;
	}

    /** complete form */
    form
    {
      margin: 0px;
      padding: 0px;
      font-size: 100%;
      width: 100%;
    }

    /** lijn boven een fieldset */
    .groupElementFieldset
    {
      width: 90%;
      font-size: 100%;
      border-color: #716c66;
      border-width: 20px 1px 1px 1px;
      border-style: solid;
      padding: 10px;
      margin: 0px 0px 10px 10px;
      background-color:#ffffff;
      -moz-border-radius-topleft: 6px;
	  -moz-border-radius-topright: 6px;
	  -moz-border-radius-bottomright: 0px;
	  -moz-border-radius-bottomleft: 0px;
	  -webkit-border-radius: 6px 6px 0px 0px;
	  border-radius: 6px 6px 0px 0px;
    }

	.groupElementFieldset_button{
	  width: 90%;
      font-size: 100%;
      padding: 10px;
      border:none;
	}
	
    /** text boven een fieldset */
    .groupElementLegend
    {
        font-size: 12px;
        height:18px;
        font-weight: bold;
        color: #ffffff;
        background-color:716c66;
        margin: 0px 0px 0px 0px;
        padding: 1px 0px;
        line-height: 18px;
    }
    /** vierkantje extra info bij fieldset */
    .groupElementNotes
    {
      float: right;
      width: 158px;
      height: auto;
      margin: 0px 0px 10px 10px;
      padding: 5px;
      border: 1px solid #666666;
      background-color: #ffffe1;
      color: #666666;
      font-size: 88%;
    }
    /** header vierkantje extra info bij fieldset */
    .groupElementNotes h4
    {
      background-image: url(../image/gui/icon_info.gif);
      background-repeat: no-repeat;
      background-position: top left;
      padding: 3px 0px 3px 27px;
      border-width: 0px 0px 1px 0px;
      border-style: solid;
      border-color: #666666;
      color: #666666;
      font-size: 110%;
    }
    
    /** alle formelementen */
    .formelementdiv
    {
     /* clear: left;*/
       display: table;
     /* display: block;
      width: 354px;
      height: 100%;*/
      margin: 0px 0px 0px 0px;
      padding: 1px 0px;
    }
    /** labels */
    .formelementlabel
    {
      clear:left;
      display: block;
      float: left;
      width: 130px;
      padding: 3px 5px;
      margin: 0px 0px 0px 0px;
      text-align: right;
    }
    /** edit pass select en textearea */
    .formelementinput
    {
      width: 200px;
      padding: 1px 3px;
      margin: 0px 0px 0px 0px;
    }
    /** knoppen */
    .formelementinputbutton
    {
      padding-left:20px;
      padding-right:20px;
    }
    /** groepering om radio en checkboxen */
    .groupBoxRadio, .groupBoxCheckBox
    {
      clear: none;
      border-width: 1px;
      border-style: solid;
      border-color: #666666;
      margin: 0px 0px 0px 133px;
      padding: 3px 3px 3px 3px;
      width: 199px;
    }

    /** groepering om radio en checkboxen */
    .groupBoxCheckBoxSimple
    {
        float:left;
        clear: none;
        border:0px solid black;
        margin: 0px 0px 0px 0px;
        padding: 3px 3px 3px 3px;
        width: 354px;
    }
    .inputCheckboxSimple
    {
        float:left;
        height: 14px;
        width: 14px;
        background-color: transparent;
        border-width: 0px;
        padding: 0px;
        margin: 0px 10px 0px 4px;
    }
    .groupBoxCheckBoxSimple legend
    {
      display: none;
    }
    
    .groupBoxCheckBoxSimpleLabel
    {
      display: block;
      float: left;
      width: 300px;
      padding: 3px 5px;
      margin: 0px 0px 5px 0px;
      text-align: left;
    }


    /** make bold if required */
    .required
    {
      font-weight: bold;
    }
    /** extra opmerking bij velden */
    .extraTextSmall
    {
      display: table;
      width: 280px
      margin: 0px 0px 0px 0px;
      padding-bottom: 3px;
      font-size: 88%;
      height: 10px;
      font-weight: normal;
      text-align:left;     
    }
    
    /** labels for check and radio options */
    .formelementlabelRadio, .formelementlabelCheckbox
    {
      display: block;
      clear:right;
      background-color: transparent;
      border-width: 0px;
      padding: 5px;
      margin: 0px 0px 0px 4px;
    }
    /** checkboxes and radioitems */
    .inputCheckbox, .inputRadio
    {
      display: inline;
      height: 14px;
      width: 14px;
      background-color: transparent;
      border-width: 0px;
      padding: 0px;
      margin: 0px 0px 0px 4px;
    }

   /* input.inputSubmit, input.inputButton
    {
      background-color: #cccccc;
      color: #000000;
      width: auto;
      padding: 0px 6px;
      margin: 0px;
    }*/

   .inputButton{ 
   outline: 0; 
   margin:0 5px 0 0; 
   padding:2 5px 2 0; 
   text-decoration:none !important; 
   cursor:pointer; 
   position: relative; 
   text-align: center; 
   zoom: 1;
   display:table;
   float:left;
   }

	.button-float-left{
	float:left;
	margin-left: 2px;
	}

    div.formsubmit
    {
        text-align:center;
    }
    
    .boldrequired
    {
        text-align: right;
    }

    p.error
    {
      background-color: #ff0000;
      background-image: url(../image/gui/icon_error.gif);
      background-repeat: no-repeat;
      background-position: 3px 3px;
      color: #ffffff;
      padding: 3px 3px 5px 27px;
      border: 1px solid #000000;
      margin: auto 100px;
    }
    
    div.error
    {
      background-color: #ffffe1;
      background-image: url(../image/gui/required_bg.gif);
      background-repeat: no-repeat;
      background-position: top left;
      color: #666666;
      border: 1px solid #ff0000;
    }
    
    div.error p.error
    {
      background-image: url(../image/gui/icon_error.gif);
      background-position: top left;
      background-color: transparent;
      border-style: none;
      font-size: 88%;
      font-weight: bold;
      margin: 0px 0px 0px 118px;
      width: 200px;
      color: #ff0000;
    }
    
    
    div.RealError {
      background-color: #ffffe1;
      background-image: url(../image/gui/required_bg.gif);
      background-repeat: no-repeat;
      background-position: top left;
      color: #666666;
      height:50px;
      width:95%;
      border: 1px solid #ff0000;
      margin-left:10px;
      margin-top:10px;
    }
    
    *>div.RealError
	{
		height: auto;
	    min-height:50px;
	}
    
    div.RealError p.error {
      background-image: url(../image/gui/icon_error.gif);
      background-position: top left;
      background-color: transparent;
      border-style: none;
      font-size: 88%;
      font-weight: bold;
      width:100%;
      margin: 15px 0px 0px 15px;
      color: #ff0000;
    }
    
   
   
    .freestyle *
    {
       margin:0px 0px 0px 0px;
       padding:1px 1px 1px 1px;
       /*display:table;
        display:inline;
      clear:none;
       background-image: url(none);
       float:none; 

        width:auto;
        height:auto; */
        float:left;
        font-weight: normal;
    }
    
    .freestyle .formelementdiv{
     	/*width:250px;*/
        height:auto;
        float:left;
    } 
    
    .freestyle label, .freestyle input 
    {
        float:left;
		display:table;
		margin-left:3px;
    }
    
    
    /*
    .freestyle 
    {
        display:block;
        border:0px solid black;
        padding:0px 0px 0px 0px;
        margin:0px 0px 0px 0px;
        float:none;
        width:100%;
    }
    */
    .freestyle p.error
    {
      display:inline;
      background-color: #ff0000;
      background-image: url(none);
      background-repeat: no-repeat;
      background-position: 0px 0px;
      color: #ffffff;
      padding: 0px 0px 0px 0px;
      border: 0px solid #000000;
      margin: 0px;
    }
    
    .freestyle div.error *
    {
      border-color:#ff0000;
    }

    .freestyle div.error
    {
      display:inline;
      background-color: #ffffe1;
      background-image: url(none);
      background-repeat: no-repeat;
      background-position: top left;
      color: #FF0000;
      border: 0px solid #ff0000;
    }

    .freestyle div.error p.error
    {
      display:none;
      background-image: url(none);
      background-position: top left;
      background-color: transparent;
      border-style: none;
      font-weight: bold;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
      width:auto;
      color: #ff0000;
    }

    div.freestyle div label
    {
      /*display: inline;
      float: left;
      width: auto;
      padding: 0px 0px;
      margin: 0px 0px 0px 0px;
      text-align: left;*/
    }

    .defaultsubmitbuttondiv
    {
         position:absolute;
         width:1px;
         height:1px
         top:-1000px;
         left:-1000px;
    }

    .pagingaligndiv
    {
	text-align:right;
      	margin-right:20px;
    }

    .errordiv
    {
      width: 100%;
      text-align: center;
    }