@charset "utf-8";
/* CSS Document */


/* GENERAL FORM STYLES AND OVERRIDES */
form {
	margin-top:25px;
	font-size:12px;
	color:#333333;
}
form h4 {
	font-size:15px;
	margin:0 0 10px 0;
}
form div.formContainer {
	border:6px solid #dedede;
	padding:11px;
	clear:left;
	display:block;
}
form div.footerline {
	display:block;
	clear:left;
	height:24px;
	line-height:24px;
	vertical-align:top;
	font-size:10px;
	margin-top:18px;
}
form div.footerline img {
	display:block;
	border:none;
}
form div.subform {
	display:none;
	clear:both;
	margin-top:9px;
	padding-bottom:18px;
}
form br /*, form .clear*/ {
	clear: left;
}
.button, .mandatory {
	width:50%;
	display:block;
	padding:0;
	margin:0;
	border:none;
	background:none;
	margin-top:18px;
}
.left {
	float:left;
	text-align:left;
}
.right {
	float:right;
	text-align:right;
}

form .mandatory {
	height:24px;
	line-height:24px;
	vertical-align:top;
	font-size:10px;
}
form .button {
	
}
form input, form select, form textarea {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	width:210px;
	font-size:12px;
	color:#333333;
	height:18px;
	line-height:18px;
	border:1px solid #999999;
	padding:0;
	margin:0;
}
form select {
	width:212px;
	}
form input[type=hidden] {display:none;padding:0;margin:0;}
form label {
	display:block;
	float:left;
	border:none;
	width:140px;
	font-size:12px;
	color:#333333;
	line-height:18px;
	padding:0;
	margin:0;
	margin-right:2px;
}
form label.small {
	width:80px;
}

form.wide label {
	width:30%;
}
form label.tiny {
	width:70px;
}

form label.full {
	width:100%;
	margin-top:18px;
	margin-bottom:5px;
	font-weight:700;
}
form textarea {
	height:50px;
	font-size:12px;
	padding:0;
	margin:0;
}
form textarea.textareaWide {
	width:95%;
	height:50px;
	font-size:12px;
	padding:0;
	margin:0;
}

form input.radio, form input.checkbox {
	width:14px;
	height:14px;
	line-height:18px;
	border:none;
}

/* Specific for class short forms*/
form.short {
	width:412px;
}
form.wide {
	width:600px;
}
form .error {
	background-color:#FF9966;
}
form .visible {
	display:inline-block;
}


form.event {
}
form.event h4 {
	font-size:15px;
	margin:0 0 0 0;
	padding:0 11px;
	line-height:35px;
	background:url(/images/misc/hdr_bg-gradient.gif) repeat-x top left #dedede;
}
form.event div.formContainer {
	border:6px solid #dedede;
	padding:0 0 11px 0;
	clear:left;
	display:block;
}
form.event div.clear {
	margin:18px 11px;
}
form.event input, form.event select, form.event textarea {
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	width:140px;
	font-size:12px;
	color:#333333;
	height:18px;
	line-height:18px;
	border:1px solid #999999;
	padding:0;
	margin:0;
	margin-right:35px;
}
form.event input.radio, form.event input.checkbox {
	width:14px;
	height:14px;
	line-height:18px;
	border:none;
	margin:0;
}
form.event .quarter {
	width:100px;
}
form.event div.footerline {
	margin:18px 11px 11px 11px;
}
form.event dl {
	width:275px;
	float:left;
}
form.event dd, dt {
	float:left;
	margin:0;
	padding:0 0 12px 0;
}
form.event dt {
	width:100px;
	font-weight:700;
}
form.event dd {
	width:140px;
	margin-right:35px;
}

/* used for fields validation */
.field-validation-error { color: #ff0000; }
.input-validation-error { background-color: #ffcccc;}
.validation-summary-errors {font-weight: 700; color: #ff0000; }

/* used for modal dialog boxes */
.ui-dialog-titlebar { display: none; }
.ui-widget-overlay { top:0; left:0; position:absolute; width:100%; height:100%; background: url(/images/layers_bg.png) 50% 50% repeat; opacity:.70;filter:Alpha(Opacity=70); }
