ul.cmsform {
    list-style:none;
}

ul.cmsform {
    /*border: 1px solid #ccc;
    background: #eee;
    padding: 10px;*/
}

ul.cmsform li {
    padding: 2px 1px;
    clear:both;
    overflow:hidden;
    position:relative;
}

ul.cmsform li span.required {
    color: #cf0404;
    font-size:x-small; 
    vertical-align:top;
}

ul.cmsform li input[type=text] {
    width:160px;
}


div.info, div.success, div.warning, div.error, div.validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
div.info {
color: #00529B;
background-color: #BDE5F8;
}
div.success {
color: #4F8A10;
background-color: #DFF2BF;
}
div.warning {
color: #9F6000;
background-color: #FEEFB3;
}
div.error {
color: #D8000C;
background-color: #FFBABA;
}


label.error {
    display:block;
    clear:both;
    color: #D8000C;
    font-style:italic; 
    font-size:11px;   
}
input.error {    
    border: dotted 1px #D8000C;
    padding: 2px;
    font-style:italic;    
}


/*
 *  Specifiek voor opmaak type1
 */
ul.cmsform.type1 input[type=text] {
    width:40%;
    float:left;
}
ul.cmsform.type1 textarea {
    width:40%;
    height:98px;
    float:left;
}
ul.cmsform.type1 label, ul.cmsform.type1 span.label {
    padding-right:3%;
    text-align:right;
    width:25%;
    float:left;
    display:inline-block;
}
ul.cmsform.type1 .checkbox_wrapper {
    width:60%;
    float:left;
    display:inline-block;
}
ul.cmsform.type1 .checkbox_wrapper .option_wrapper {
    clear:both;
}

ul.cmsform.type1 .checkbox_wrapper .option_wrapper label {
    width: 85%;
    text-align:left;
    padding-left:1%;
}
ul.cmsform.type1 .option_wrapper input {
    float:left;
}

ul.cmsform.type1 label.error {
    display:block;
    clear:both;
    text-align:left; 
    margin-left:25%;
    padding-left:3%;
}

/*
 *  Specifiek voor opmaak type2
 */

ul.cmsform.type2 {
    background: none repeat scroll 0 0 #E7A612;
    border-radius: 5px;
    padding: 15px;
}

ul.cmsform.type2 input[type="text"] {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #B6B6B6;
    border-radius: 4px;
    color: #000000;
    padding: 3px;
    width: 96%;
}

ul.cmsform.type2 textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #B6B6B6;
    border-radius: 4px;
    color: #000000;
    height: 80px;
    padding: 3px;
    width: 96%;
}

ul.cmsform.type2 label, ul.cmsform.type2 span.label {
    display:block;
    width:100%;
	color:#fff;
}
ul.cmsform.type2 .checkbox_wrapper {
    width:60%;
    padding: 0 0 0 10px;
    display:inline-block;
}
ul.cmsform.type2 .checkbox_wrapper .option_wrapper {
    clear:both;
}

ul.cmsform.type2 .checkbox_wrapper .option_wrapper label {
    width: 85%;
    text-align:left;
    padding-left:1%;
}


/*
 *  Specifiek voor opmaak type3
 */
ul.cmsform.type3 input[type=text] {
    width:96%;
}
ul.cmsform.type3 textarea {
    width:96%;
    height:75px;
}
ul.cmsform.type3 label, ul.cmsform.type3 span.label {
    display:block;
    width:100%;
}
ul.cmsform.type3 .checkbox_wrapper {
    width:96%;
    padding: 0 0 0 10px;
    display:inline-block;
}
ul.cmsform.type3 .checkbox_wrapper .option_wrapper {
    clear:both;
}

ul.cmsform.type3 .checkbox_wrapper .option_wrapper label {
    width: 85%;
    text-align:left;
    padding-left:1%;
}