/* Keep in mind that wherever you see 'Required property' it means that the property must exist */

/* ------------------------------------------------------------------------------ */

/* Generals */
.uniForm fieldset{}
.uniForm fieldset legend{ color: #333; font-weight: bold; font-size: 100%; margin: 0; padding: 1.5em 0; }

/* This is the main unit that contains our form elements */
.uniForm .ctrlHolder{ padding: 7px; border-bottom: 1px solid #dfdfdf; }

.uniForm .buttonHolder{ text-align: right; }
.uniForm .resetButton{ float: left; }
.uniForm .primaryAction{ font-weight: bold; }

/* This class gets added to div.ctrlHolder to highlight the row */
.uniForm .focused{ background: #fffcdf; }

/* .inlineLabel is used for inputs within labels - checkboxes and radio buttons */
.uniForm .inlineLabel input,
.uniForm .inlineLabels .inlineLabel input,
.uniForm .blockLabels .inlineLabel input{ float: left; margin: 0 .4em 0 0; }
.uniForm .inlineLabel span{ float: left; width: 90%; }

/* ------------------------------------------------------------------------------ */

/* .blockLabels (default style, will be applied even if you don't class the parent element) */
.uniForm .blockLabels .ctrlHolder{}

.uniForm label,
.uniForm .blockLabels label,
.uniForm .blockLabels .label{ margin: 0 0 .5em 0; }

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

.uniForm .selectInput,
.uniForm select,
.uniForm .blockLabels .selectInput,
.uniForm .blockLabels select{ width: 53.5%; /* <- Required property */ }
.uniForm textarea,
.uniForm .blockLabels textarea{ width: 53%; /* <- Required property */ height: 12em; }

.uniForm .formHint,
.uniForm .blockLabels .formHint{ width: 45%; /* <- Required property */ font-size: .9em; color: #777; position: relative; top: -.5em; }

.uniForm .multiField,
.uniForm .blockLabels .multiField{ width: 53%; }
.uniForm .multiField .inlineLabel,
.uniForm .blockLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
.uniForm .multiField .blockLabel,
.uniForm .blockLabels .multiField .blockLabel{ width: 30%; margin: 0 10px 0 0; }
.uniForm .multiField .blockLabel .textInput,
.uniForm .multiField .blockLabel .selectInput,
.uniForm .multiField .blockLabel select,
.uniForm .blockLabels .multiField .blockLabel .textInput,
.uniForm .blockLabels .multiField .blockLabel .selectInput,
.uniForm .blockLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; }

/* ------------------------------------------------------------------------------ */

/* .inlineLabels */
.uniForm .inlineLabels .ctrlHolder{}

.uniForm .inlineLabels label,
.uniForm .inlineLabels .label{ width: 45%; /* <- Required property */ margin: .3em 2% 0 0; /* <- Required property */ }

.uniForm .inlineLabels .textInput,
.uniForm .inlineLabels .fileUpload{ width: 45%; /* <- Required property */ }

.uniForm .inlineLabels .selectInput,
.uniForm .inlineLabels select{ width: 45%; /* <- Required property */ }

.uniForm .inlineLabels textarea{  width: 45%; /* <- Required property */ height: 12em; }

.uniForm .inlineLabels .formHint{ margin-top: 0; margin-left: 47%; font-size: .9em; color: #777; position: static; }

.uniForm .inlineLabels .multiField{ width: 45%; /* <- Required property */ margin: 0 0 .3em 0; }
.uniForm .inlineLabels .multiField .inlineLabel{ display: block; margin: 0 0 .5em 0; }
.uniForm .inlineLabels .multiField .blockLabel{ float: left; width: 30%; margin: 0 3% 0 0; }
.uniForm .inlineLabels .multiField .blockLabel .textInput,
.uniForm .inlineLabels .multiField .blockLabel .selectInput,
.uniForm .inlineLabels .multiField .blockLabel select{ width: 100%; margin: .3em 0 0 0; }

/* Focus pseudoclasses */
.uniForm .ctrlHolder .textInput:focus{ outline: none; /* Get rid of the 'glow' effect in WebKit, optional */ }
.uniForm .ctrlHolder textarea:focus{ outline: none; /* Get rid of the 'glow' effect in WebKit, optional */ }
.uniForm div.focused .formHint{ color: #333; }

/* Columns (they are floated left by default) */
.uniForm .col{ width: 47.9%; /* <- Required property */ margin: 0 2% 20px 0; }
/* Use .first and .last classes to control the layout/spacing of your columns */
.uniForm .col.first{ width: 49%; /* <- Required property */ float: left; clear: none; }
.uniForm .col.last{ width: 49%; /* <- Required property */ float: right; clear: none; margin-right: 0; }

/* Messages */
.uniForm #errorMsg{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; }
.uniForm .error{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; }

.uniForm #errorMsg dt, .uniForm #errorMsg h3{ margin: 0 0 .5em 0; font-size: 100%; line-height: 100%; font-weight: bold; }
.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{ color: #af4c4c; margin: 0 0 6px 0; padding: 4px; background: #ffbfbf; font-weight:bold; }

.uniForm #OKMsg{ background: #C8FFBF; border: 1px solid #A2EF95; border-width: 1px 0; margin: 0 0 1.5em 0; padding: 7px; }
.uniForm #OKMsg p{ margin: 0; }

/*
IT IS STRONGLY ADVISED TO MAKE YOUR CHANGES AFTER THIS COMMENT BY REPEATING (COPYING) THE SELECTOR FROM ABOVE, 
AND MODIFYING IT WITH YOUR OWN PROPERTIES/VALUES. THIS IS RECOMMENDED BECAUSE IF YOU HAPPEN TO RUN INTO TROUBLE, 
YOU CAN VERY EASILY REVERT TO A GENERIC STYLE OF UNI-FORM. BEST OF LUCK... 
*/
/* ------------------------------------------------------------------------------ */
.confirm-field {display:none}

/* .highlight is used by jquery.validate to hightlight the entire row on error */
.uniForm .highlight{ background: #ffdfdf; border: 1px solid #df7d7d; border-width: 1px 0; }

.uniForm .buttonHolder{ padding:7px; margin: 0 2.3em 0 0; }
.uniForm .ResetButton{ float: left; }
.uniForm .SubmitButton{ font-weight: bold; }

.uniForm fieldset { margin: 5px 0; padding: 5px 12px; border-top:solid 2px #ddd; }
.uniForm fieldset.nolegend { border:none }
.uniForm fieldset legend{ color: #333; font-weight: bold; font-size: 1.2em; margin: 0; padding: 1em .3em; }

.uniForm .inlineLabels label,
.uniForm .inlineLabels .label{ width: 35%; /* <- Required property */ margin: .3em 2% 0 0; /* <- Required property */ }

.uniForm .inlineLabels .labelFull {width:90%; margin: .3em 2% 0 0;}

.uniForm .inlineLabels .textInput,
.uniForm .inlineLabels .fileUpload,
.uniForm .inlineLabels .selectInput,
.uniForm .inlineLabels select,
.uniForm .inlineLabels textarea,
.uniForm .inlineLabels .multiField {width: 55%; /* <- Required property */ }

.uniForm .textInput,
.uniForm .fileUpload,
.uniForm .selectInput,
.uniForm select,
.uniForm textarea { padding:4px; border: solid 1px #85b1de; background:transparent url(/images/backgrounds/input-blue-fade.png) repeat-x top;}

.uniForm .textInput:focus,
.uniForm .fileUpload:focus,
.uniForm .selectInput:focus,
.uniForm select:focus,
.uniForm textarea:focus {background:#ffffff none; border: solid 1px #33677F;}

.uniForm .inlineLabels .formHint{ width:55%; padding-top: 4px; margin-left: 37%; font-size: 12px; color: #777; }

.uniForm em {color:red; font-size:12pt; font-weight:bold;}

.uniForm .small {font-size:85%;}

.uniForm .success{ background: #99ff99; border: 1px solid green; border-width: 1px 0; }

/***** File Upload *****/
.progressContainer {
margin: 5px;
padding: 4px;
border: solid 1px #E8E8E8;
background-color: #F7F7F7;
overflow: hidden;
}
.progressContainer .red /* Error */ {
border: solid 1px #B50000;
background-color: #FFEBEB;
}
.progressContainer .green /* Current */ {
border: solid 1px #DDF0DD;
background-color: #EBFFEB;
}
.progressContainer .blue /* Complete */ {
border: solid 1px #CEE2F2;
background-color: #F0F5FF;
}
.progressName {
font-size: 8pt;
font-weight: bold;
color: #555555;
width: 323px;
height: 14px;
text-align: left;
white-space: nowrap;
overflow: hidden;
}
.progressBarInProgress, .progressBarComplete, .progressBarError {
font-size: 0px;
width: 0%;
height: 2px;
background-color: blue;
margin-top: 2px;
}
.progressBarComplete {
width: 100%;
background-color: green;
visibility: hidden;
}
.progressBarError {
width: 100%;
background-color: red;
visibility: hidden;
}
.progressBarStatus {
margin-top: 2px;
width: 337px;
font-size: 7pt;
font-family: Verdana;
text-align: left;
white-space: nowrap;
}
a.progressCancel, a.progressCancel:link, a.progressCancel:active, a.progressCancel:visited, a.progressCancel:hover {
font-size: 0px;
display: block;
height: 14px;
width: 14px;
background-image: url(/images/buttons/cancel-button.gif);
background-repeat: no-repeat;
background-position: -14px 0px;
float: right;
}
a.progressCancel:hover {
background-position: 0px 0px;
}