/* Generals */
.uniForm {overflow:hidden;margin:0; padding:0;position:relative;width:100%;padding:10px 0;}
.uniForm fieldset {margin:1em 0;border-bottom:1px solid #FFF;}
.uniForm fieldset legend {color:#000;  /* Reset IE */  font-weight:bold;   font-size:120%;padding-left:6px !important;}
.uniForm .ctrlHolder {overflow:hidden;margin:0; clear:both;background:#f9f9f9;margin:0; padding: 7px 12px;border-top:2px solid #FFF;}
.uniForm .buttonHolder {overflow:hidden;clear:both;background:#f9f9f9;border-top :2px solid #FFF;margin:0 0 0 0; padding: 10px 35px 10px 0;text-align:right;}

/* .inlineLabels */
.uniForm .inlineLabels label,.uniForm .inlineLabels .label{ width:45%; /* Required property */color:#000;}
.uniForm .inlineLabels .textInput,.uniForm .inlineLabels .fileUpload{ width:45%;border:2px solid #dfdfdf;}
.uniForm .inlineLabels .selectInput{ width:45%;border:2px solid #dfdfdf;}
.uniForm .inlineLabels textarea{ width:45%;border:2px solid #dfdfdf; height:12em; }
.uniForm .inlineLabels .formHint {font-size:x-small; margin-top:0; margin-left:47%; }
.uniForm .inlineLabel {margin:0 2em 0 0;}
/* inlineLabels esthetics */
.inlineLabels .formHint strong {padding:0 0 0 14px; background:url("../quiz/images/icon_alert.png") 0 0 no-repeat;display:inline-block;}
.inlineLabels .formHint {clear:both;color:#999;}

/* Highlighting the rows on input focus */
.uniForm .focused {background:#FFFCDF url("http://www.taaltalent.be/App_Themes/quiz/images/uf_focused.png");border:1px solid #EFE795; border-width:1px 0;padding:6px 4px;}

/* .blockLabels */
.uniForm .blockLabels p {padding-left:12px;}
.uniForm .blockLabels .textInput,.uniForm .blockLabels .fileUpload {width:53%; /* Required property */}
.uniForm .blockLabels .textInput {border:2px solid #dfdfdf;margin-right:12px;}
.uniForm .blockLabels .selectInput {display:block;  width:53.5%; border:2px solid #dfdfdf;}
.uniForm .blockLabels textarea {width:53%;border:2px solid #dfdfdf;  height:12em; }
.uniForm .blockLabels p.formHint {color:#999;font-size:x-small;font-style:italic;float:left;clear:none;padding:0;margin:0;}
p.formHint strong {font-weight:normal;padding:0 0 0 20px; background:url("http://www.taaltalent.be/App_Themes/quiz/images/icon_alert.png") 0 0 no-repeat;display:inline-block;}

/* blockLabels esthetics */
.blockLabels .ctrlHolder {border:1px solid #FFF; border-width:1px 0;margin-top:-1px;}
.blockLabels .focused {padding:7px 4px;}

/* ########################################################################## */

/* Focus pseudoclasses */
.ctrlHolder .textInput:focus {border-color:#DFD77D;}
div.focused .textInput:focus {}
div.focused .formHint {color:#000;}

/* Messages */
.uniForm #errorMsg {background:#ffdfdf url("../quiz/images/uf_error.png");border:1px solid #df7d7d; border-width:1px 0;margin:0 0 1em 0; padding:1em;}
.uniForm .error, .uniForm .blockLabels .ctrlHolder .error {background:#ffdfdf url("../quiz/images/uf_error.png");border:1px solid #df7d7d; border-width:1px 0;position:relative;}
.uniForm #errorMsg dt,.uniForm #errorMsg h3 {margin:0 0 .5em 0;font-size:110%;line-height:100%;font-weight:bold;color:#000;padding:2px 0 2px 18px;background:url(../quiz/images/icon-error.png) 0 0 no-repeat;}
.uniForm #errorMsg dd {margin:0; padding:0;}
.uniForm #errorMsg ol {margin:0; padding:0;}
.uniForm #errorMsg ol li {margin:0; padding:2px;list-style-position:inside;border-bottom:1px dotted #df7d7d;position:relative;}
.uniForm .errorField {width:45%;background:#FFE2E2;padding:1px 3px 3px 3px;margin-bottom:3px;color:#df7d7d;}
.uniForm .inlineLabels .errorField {margin-left:47%;color:#df7d7d;}
.ctrlHolder.error input, .ctrlHolder.error input:focus {border-color:#DF7D7D;}
.ctrlHolder.error.focused  {padding:7px 4px;}