@import "uni-form-generic.css";
/* Your styles below */
/* Keep in mind that wherever you see "Required property" it means that the property must exist, adjust it's value to your liking */

/* Generals */
.uniForm fieldset{

  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:1em;
  background:#ffffff;
  margin-top:0;



}

.uniForm .ctrlHolder{ /* This is the main unit that contains our form elements */
  padding:7px; border:1px solid #FFFFFF;height:100%;
}
.uniForm .buttonHolder{
margin-top:10px;margin-bottom:10px;padding-bottom:14px;
  text-align:right; /* Recommended */
background:#FFFFFF;
    padding-top:14px;padding-right:60px;
}
.uniForm .focused{
background:#FFFCDF url(../img/uf_focused.png);
border-top:1px solid #EFE795;
border-bottom:1px solid #EFE795;
}

/* .inlineLabels */
.uniForm .inlineLabels label,
.uniForm .inlineLabels .label{
  width:32%; /* Required property */
  font-family:verdana,arial,sans-serif;
  
}

.uniForm .inlineLabels label a{font-weight:bold;color:#166090;text-decoration:none;}
.uniForm .inlineLabels label a:hover{color:#FF6600;}

.uniForm .inlineLabels .textInput,
.uniForm .inlineLabels .fileUpload{
  width:58%; /* Required property */
  border:2px solid #DFDFDF;
}
.uniForm .inlineLabels .selectInput{
  width:58%; /* Required property */
    border:2px solid #DFDFDF;
}
.uniForm .inlineLabels textarea{
  width:58%; /* Required property */
  height:12em; 
    border:2px solid #DFDFDF;
font-size:1.1em;font-family:Arial,Helvetica,sans-serif
}
.uniForm .inlineLabels .formHint{
  margin-top:0;
  margin-left:47%; 
}

/* .blockLabels */
.uniForm .blockLabels .textInput,
.uniForm .blockLabels .fileUpload{
  width:53%; /* Required property */
}

.uniForm .blockLabels .selectInput{
  display:block;
  width:53.5%; /* Required property */
}
.uniForm .blockLabels textarea{
  width:53%; /* Required property */
  height:12em; 
}
.uniForm .blockLabels .formHint{
  width:45%; /* Required property */
}

.inlineLabels .formHinthidd {
clear:both;
color:#999999;
font-size:0.9em;
width:100%;
display:block;
padding:0;
margin:0;
padding-left:320px;
padding-top:10px;
position:relative;
}








/* Columns */
.uniForm .col{
  width:47.9%; /* Required property */
  margin:0 2% 0 0; 
}
.uniForm .columnLeft{
  width:49%; /* Required property */
}
.uniForm .columnRight{
  width:49%; /* Required property */
}



.uniForm #okmessage h5{
margin:0 0 .5em 0;
font-size:1em;
line-height:100%;
font-weight:bold;
margin-bottom:9px;
color:#323333;
margin-bottom:12px;

}

.uniForm #okmessage{

background:#FFFCDF url(../img/uf_focused.png);
border-top:1px solid #EFE795;
border-bottom:1px solid #EFE795;
margin-top:20px;
margin-bottom:20px;
padding:20px;
font-size:0.9em;
  
}
/* Messages */
.uniForm #errorMsg{

background:#ffdfdf url(../img/uf_error.png);
border-top:1px solid #df7d7d;
border-bottom:1px solid #df7d7d;
margin-top:20px;
margin-bottom:20px;
padding:20px;
font-size:0.9em;
  
}
.uniForm .error{
background:#ffdfdf url(../img/uf_error.png);
border-top:1px solid #df7d7d; 
border-bottom:1px solid #df7d7d; 
}
.uniForm #errorMsg dt,
.uniForm #errorMsg h5{
margin:0 0 .5em 0;
font-size:1em;
line-height:100%;
font-weight:bold;
margin-bottom:9px;
color:#323333;
margin-bottom:12px;

}
.uniForm #errorMsg dd{
margin:0; padding:0;
}
.uniForm #errorMsg ol{
margin:0; padding:0;
}
.uniForm #errorMsg ol li{
margin:0; padding:2px;color:#323333;
list-style-position:inside;
border-bottom:1px dotted #df7d7d;
position:relative;
}

.uniForm #errorMsg ol li a{
text-decoration:none;color:red;
}


.uniForm #errorMsg ol li a:hover{
text-decoration:underline;
}

.uniForm .errorField{
color:#af4c4c;
margin:0 0 6px 0; padding:4px;
background:#ffbfbf;
}