@import "uni-form-generic.css";
/* Keep in mind that wherever you see 'Required property' it means that the property must exist */

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

  /* Generals */
  .uniForm fieldset{
	margin-bottom: 15px;
}
    .uniForm fieldset legend{
	font-size: 18px;
	color: #05008A;
	margin-bottom: 5px;
	line-height: 19px;
	font-weight: bold;
}
    
    /* This is the main unit that contains our form elements */
    .uniForm .ctrlHolder{ padding: 7px; border-bottom: 1px solid #dfdfdf; }
    
    .uniForm .buttonHolder{
	text-align: right;
	margin-bottom: 25px;
}
      .uniForm .resetButton{ float: left; }
      .uniForm .primaryAction{
	font-size: 14px;
	padding: 3px;
}
    
    /* 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 .textInputbig{
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #000000;
	width: 95%;
	padding: 3px;
	margin-top: 5px;
	margin-bottom: 10px;
}

      .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 */
	font-size: 11px;
}
    
    .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: 26%; 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  input.error{
	background: #ffdfdf;
	border: 1px solid #df7d7d;
}
.uniForm  label.error{
	color:#990000;
	font-size:0.9em;
	margin-left:47%;
	margin-top:2;
	position:static;
	margin-bottom: 5px;
}
p.error{
	border: 1px solid #df7d7d;
	color: #990000;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #ffdfdf;
	background-image: url(../img/delete_16.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
}

p.victory{
	background-image: url(../img/tick_16.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
	color: #006600;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #CCFFCC;
	border: 1px solid #006600;	
}
p.fail{
	background-image: url(../img/warning_16.png);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 35px;
	color: #000000;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #FFFFCC;
	border: 1px solid #FFCC00;
}
.widebox p.fail, .widebox p.victory, .widebox p.error{
	margin-top: 0px;
} 


  .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; }

.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... 
*/

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




html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
body {
	line-height:1
}
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
:focus {
	outline:0
}
ins {
	text-decoration:none
}
del {
	text-decoration:line-through
}
table {
	border-collapse:collapse;
	border-spacing:0
}
body {
	font:13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif
}
a:focus {
	outline:1px dotted
}
hr {
	border:0 #ccc solid;
	border-top-width:1px;
	clear:both;
	height:0
}
h1 {
	font-size:25px
}
h2 {
	font-size:23px
}
h3 {
	font-size:21px
}
h4 {
	font-size:19px
}
h5 {
	font-size:17px
}
h6 {
	font-size:15px
}
ol {
	list-style:decimal
}
ul {
	list-style:disc
}
li {
	margin-left:30px
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
	margin-bottom:20px
}
.container_24 {
	margin-left:auto;
	margin-right:auto;
	width:960px
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16, .grid_17, .grid_18, .grid_19, .grid_20, .grid_21, .grid_22, .grid_23, .grid_24 {
	display:inline;
	float:left;
	position:relative;
	margin-left:5px;
	margin-right:5px
}
.alpha {
	margin-left:0
}
.omega {
	margin-right:0
}
.container_24 .grid_1 {
	width:30px
}
.container_24 .grid_2 {
	width:70px
}
.container_24 .grid_3 {
	width:110px
}
.container_24 .grid_4 {
	width:150px
}
.container_24 .grid_5 {
	width:190px
}
.container_24 .grid_6 {
	width:230px
}
.container_24 .grid_7 {
	width:270px
}
.container_24 .grid_8 {
	width:310px
}
.container_24 .grid_9 {
	width:350px
}
.container_24 .grid_10 {
	width:390px
}
.container_24 .grid_11 {
	width:430px
}
.container_24 .grid_12 {
	width:470px
}
.container_24 .grid_13 {
	width:510px
}
.container_24 .grid_14 {
	width:550px
}
.container_24 .grid_15 {
	width:590px
}
.container_24 .grid_16 {
	width:630px
}
.container_24 .grid_17 {
	width:670px
}
.container_24 .grid_18 {
	width:710px
}
.container_24 .grid_19 {
	width:750px
}
.container_24 .grid_20 {
	width:790px
}
.container_24 .grid_21 {
	width:830px
}
.container_24 .grid_22 {
	width:870px
}
.container_24 .grid_23 {
	width:910px
}
.container_24 .grid_24 {
	width:950px
}
.container_24 .prefix_1 {
	padding-left:40px
}
.container_24 .prefix_2 {
	padding-left:80px
}
.container_24 .prefix_3 {
	padding-left:120px
}
.container_24 .prefix_4 {
	padding-left:160px
}
.container_24 .prefix_5 {
	padding-left:200px
}
.container_24 .prefix_6 {
	padding-left:240px
}
.container_24 .prefix_7 {
	padding-left:280px
}
.container_24 .prefix_8 {
	padding-left:320px
}
.container_24 .prefix_9 {
	padding-left:360px
}
.container_24 .prefix_10 {
	padding-left:400px
}
.container_24 .prefix_11 {
	padding-left:440px
}
.container_24 .prefix_12 {
	padding-left:480px
}
.container_24 .prefix_13 {
	padding-left:520px
}
.container_24 .prefix_14 {
	padding-left:560px
}
.container_24 .prefix_15 {
	padding-left:600px
}
.container_24 .prefix_16 {
	padding-left:640px
}
.container_24 .prefix_17 {
	padding-left:680px
}
.container_24 .prefix_18 {
	padding-left:720px
}
.container_24 .prefix_19 {
	padding-left:760px
}
.container_24 .prefix_20 {
	padding-left:800px
}
.container_24 .prefix_21 {
	padding-left:840px
}
.container_24 .prefix_22 {
	padding-left:880px
}
.container_24 .prefix_23 {
	padding-left:920px
}
.container_24 .suffix_1 {
	padding-right:40px
}
.container_24 .suffix_2 {
	padding-right:80px
}
.container_24 .suffix_3 {
	padding-right:120px
}
.container_24 .suffix_4 {
	padding-right:160px
}
.container_24 .suffix_5 {
	padding-right:200px
}
.container_24 .suffix_6 {
	padding-right:240px
}
.container_24 .suffix_7 {
	padding-right:280px
}
.container_24 .suffix_8 {
	padding-right:320px
}
.container_24 .suffix_9 {
	padding-right:360px
}
.container_24 .suffix_10 {
	padding-right:400px
}
.container_24 .suffix_11 {
	padding-right:440px
}
.container_24 .suffix_12 {
	padding-right:480px
}
.container_24 .suffix_13 {
	padding-right:520px
}
.container_24 .suffix_14 {
	padding-right:560px
}
.container_24 .suffix_15 {
	padding-right:600px
}
.container_24 .suffix_16 {
	padding-right:640px
}
.container_24 .suffix_17 {
	padding-right:680px
}
.container_24 .suffix_18 {
	padding-right:720px
}
.container_24 .suffix_19 {
	padding-right:760px
}
.container_24 .suffix_20 {
	padding-right:800px
}
.container_24 .suffix_21 {
	padding-right:840px
}
.container_24 .suffix_22 {
	padding-right:880px
}
.container_24 .suffix_23 {
	padding-right:920px
}
.container_24 .push_1 {
	left:40px
}
.container_24 .push_2 {
	left:80px
}
.container_24 .push_3 {
	left:120px
}
.container_24 .push_4 {
	left:160px
}
.container_24 .push_5 {
	left:200px
}
.container_24 .push_6 {
	left:240px
}
.container_24 .push_7 {
	left:280px
}
.container_24 .push_8 {
	left:320px
}
.container_24 .push_9 {
	left:360px
}
.container_24 .push_10 {
	left:400px
}
.container_24 .push_11 {
	left:440px
}
.container_24 .push_12 {
	left:480px
}
.container_24 .push_13 {
	left:520px
}
.container_24 .push_14 {
	left:560px
}
.container_24 .push_15 {
	left:600px
}
.container_24 .push_16 {
	left:640px
}
.container_24 .push_17 {
	left:680px
}
.container_24 .push_18 {
	left:720px
}
.container_24 .push_19 {
	left:760px
}
.container_24 .push_20 {
	left:800px
}
.container_24 .push_21 {
	left:840px
}
.container_24 .push_22 {
	left:880px
}
.container_24 .push_23 {
	left:920px
}
.container_24 .pull_1 {
	left:-40px
}
.container_24 .pull_2 {
	left:-80px
}
.container_24 .pull_3 {
	left:-120px
}
.container_24 .pull_4 {
	left:-160px
}
.container_24 .pull_5 {
	left:-200px
}
.container_24 .pull_6 {
	left:-240px
}
.container_24 .pull_7 {
	left:-280px
}
.container_24 .pull_8 {
	left:-320px
}
.container_24 .pull_9 {
	left:-360px
}
.container_24 .pull_10 {
	left:-400px
}
.container_24 .pull_11 {
	left:-440px
}
.container_24 .pull_12 {
	left:-480px
}
.container_24 .pull_13 {
	left:-520px
}
.container_24 .pull_14 {
	left:-560px
}
.container_24 .pull_15 {
	left:-600px
}
.container_24 .pull_16 {
	left:-640px
}
.container_24 .pull_17 {
	left:-680px
}
.container_24 .pull_18 {
	left:-720px
}
.container_24 .pull_19 {
	left:-760px
}
.container_24 .pull_20 {
	left:-800px
}
.container_24 .pull_21 {
	left:-840px
}
.container_24 .pull_22 {
	left:-880px
}
.container_24 .pull_23 {
	left:-920px
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}
* html .clearfix {
	height:1%
}