@charset "utf-8";
/* General */
.formcontainer .field input, .formcontainer .field textarea {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 4px 0 3px 5px;
}
.formcontainer .field select {
	margin: 2px 0 0 0;
	font-size: 105%;
}
.topmargin {
	margin: 10px 0 0 0;
}

/* Wide form sizes */
.wideform, .wideform .content {	
	width: 694px;
}
.wideform .top {
	width: 684px;
}
.wideform .name {
	width: 170px;
}
.wideform .field, .wideform .button {
	width: 504px;
}
.wideform .field input, .wideform .field textarea {
	width: 400px;
}
.wideform .field select {
	width: 408px;
}
.wideform .required {
	left: 403px;
}

/* General container styles */
.formcontainer .top {
	float: left;
	padding: 8px 0 6px 10px;
	border-bottom: 1px solid #bbbec3;
	background: #ced1d6 url(../../images/panels/wide-panel-top.gif) top left no-repeat ;		
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	color: #003366;
}
.formcontainer .content {
	float: left;
	padding: 10px 0 5px 0;
	border-top: 1px solid #f0f1f5;	
	background: url(../../images/global/boxBack.gif) top left repeat;	
}
.formcontainer .row {
	float: left;
	width: 100%;
	padding: 0 0 5px 0;
}
.formcontainer .name {
	float: left;	
	padding: 6px 10px 0 10px;
	text-align: right;
}
.formcontainer .field {
	position: relative;
}
.formcontainer .field .required {
	position: absolute;
	top: -7px;	
	clear: both;
	font-size: 1.8em;
	color: #C00;
}
.formcontainer .field, .formcontainer .button, .formcontainer .button input, .formcontainer .bottom, .formcontainer .bottom img {
	float: left;	
}
.formcontainer .button {
	padding: 10px 0 2px 0;
}
.formcontainer .note {
	float: left;
	padding: 4px 0 0 10px;
	font-size: 0.9em;
}
.formcontainer .note span {
	font-size: 1.8em;
	color: #C00;
}

/* ------------------------------- Field Error */
.errorRow, .alertmessage {
	float: left;
	width: 100%;
	padding: 0 0 7px 0;
	margin:0 0 10px 0;
}
.errorRow {
	background: #cc0000;
}
.errorRow a {
	color: #fff !important;
	text-decoration: none;    
	border-bottom: 1px dotted #fff !important;   
}
.alertmessage {
	background: #009933;
}
.errorRow, .alertmessage {
	float: left;
	width: 100%;
	padding: 5px 0 5px 0;
	text-align: center;
	color: #fff;
}