/**
 * Probus publication specific styles. everything in here is Probus specific
 */
form.bp.probus fieldset{ font-size:0.9em; }
form.bp.probus #flashMessage{ font-size:0.9em; }
form.bp.probus h1 { color:#036; }
form.bp.probus legend { color:#036; }
form.bp.probus input, form.bp.probus select, form.bp.probus textarea { border:1px solid #888; background-image: none; }

/* force all required fields to have a * in their label */
form.bp.probus p.form-input.required label:after { content:"*";color:#C00; }
form.bp.probus label.error { display:none !important; }

/* submit button style for probus */
form.bp.probus input[type=submit] {
color: #FFFFFF;
cursor: pointer;
font-size: 14px;
font-weight: bold;
margin: 0 0 0 250px;
padding: 6px 24px;
text-shadow: 1px 1px #D27F1C;

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border: 1px solid #FB9D23;
border-radius: 15px;
background: #FFC578;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFC578), to(#FB9D23));
background: -webkit-linear-gradient(#FFC578, #FB9D23);
background: -moz-linear-gradient(#FFC578, #FB9D23);
background: -ms-linear-gradient(#FFC578, #FB9D23);
background: -o-linear-gradient(#FFC578, #FB9D23);
background: linear-gradient(#FFC578, #FB9D23);
-pie-background: linear-gradient(#FFC578, #FB9D23);

behavior: url(/img/PIE.htc);
position:relative;
z-index: 0;
}



form.bp.probus input[type=button] {
color: #FFFFFF;
cursor: pointer;
font-size: 14px;
font-weight: bold;
margin: 0 0 0 250px;
padding: 6px 24px;
text-shadow: 1px 1px #D27F1C;

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border: 1px solid #FB9D23;
border-radius: 15px;
background: #FFC578;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFC578), to(#FB9D23));
background: -webkit-linear-gradient(#FFC578, #FB9D23);
background: -moz-linear-gradient(#FFC578, #FB9D23);
background: -ms-linear-gradient(#FFC578, #FB9D23);
background: -o-linear-gradient(#FFC578, #FB9D23);
background: linear-gradient(#FFC578, #FB9D23);
-pie-background: linear-gradient(#FFC578, #FB9D23);
behavior: url(/img/PIE.htc);
position:relative;
z-index: 0;
}

form.bp.probus input.inputBtn {
    margin-left: 10px;
}

.horizontalBtnSpan {
    padding-left: 210px !important;
}







/**
 * NON-Publication specific styles (should not contain any colours or style, 
 * only layout); as such, all are form.bp (not .probus for instance)
 */
 
/* forces label to float left and control (select, radio, etc) to wrap right */
form.bp fieldset { margin-bottom:15px;padding:15px; border:none;color:#555; }
form.bp fieldset legend { font-weight:bold; }
form.bp p.form-input { clear:left;margin-bottom:4px; }
form.bp p.form-input  label { display:block;width:230px;float:left;padding-top:3px; }


/* html control sizes */
form.bp p.form-input input { padding:0 3px; height:23px; line-height:23px;}
form.bp p.form-input select { height:23px;}
form.bp p.form-input textarea { padding:3px; height:100px;}
form.bp p.form-input .mini { width:65px; }
form.bp p.form-input .small { width:123px; }
form.bp p.form-input .medium { width:200px; }
form.bp p.form-input .select-medium { width:208px; }
form.bp p.form-input .large { width:300px; }
form.bp p.form-input .medium.dropdown { width: 208px; }

/* error handling */
form.bp div#errorContainer { display:none;border-bottom:1px dashed #c00;color:#c00;margin:13px;}
form.bp input.error, form.bp select.error, form.bp textarea.error{ border:2px solid #C00;background-color:#ffffD5; }
form.bp input[type=radio].error{outline:2px solid #CC0000;height:auto;margin-top:4px;}
form.bp input[type=checkbox].error{outline:2px solid #CC0000;height:auto;margin-top:4px;}

form.bp #flashMessage { margin-top: 20px; }

form.bp p.form-input .radio{display: inline-block;padding:1px 10px 0px 3px;text-align: left;vertical-align: middle;width: auto;border: 0px;}
form.bp p.form-input input[type=radio] { float:left; border: 0px;}

.table {display: table;width:100%;}
.row {display: table-row;width:100%;}
.cell {display: table-cell;padding: 1em;width: 33%;}
.cell-checkbox {display: table-cell;width: 6%;text-align:left;}
.errorextra{color:#FF0000;font-size: 11px;font-style: italic;margin-left:445px;}

/** Travel Date TI fixes **/
.dateInput{
	 width: 67px;
	 padding: 0px 3px 0px 3px !important;
}

/** hack for mozilla only **/
@-moz-document url-prefix() {
	.dateInput{
		 width: 67.5px;
		 padding: 0px 3px 0px 3px !important;
	}
}
/** Travel Date TI fixes ends here **/