/* ------------------------------- Style global form elements */
.form textarea, .form input {
	float: left;
	border-left: 1px solid #a39f8d;
	border-top: 1px solid #a39f8d;
	border-right: 1px solid #d2ccb8;
	border-bottom: 1px solid #d2ccb8;
	padding: 3px 0 3px 4px;
}
.form select {
	float: left;
}
/* ------------------------------- Compulsory Field Info */
.compulsoryfields {
	float: left;
	width: 593px;
	padding: 5px 0 0 16px;
	color: #7c7c7c;
}
.compulsoryfields span {
	color: #cc0000;
	font-size: 1.8em;
}
/* ------------------------------- Required Fields Styling */
.required {
	position: absolute;
	color: #cc0000;
	font-size: 2em;
	top: -7px;
	clear: both;
}
.narrow .required {	
	left: 175px;
}
.wide .required {
	left: 410px;
}
.wide .requiredtitle {
	left: 56px;
}
.wide div.short .required {
	left: 146px;
}
.wide .requiredselectmid {
	left: 100px;
}
.wide .requiredselectshort {
	left: 103px;
}
.wide .requiredselectshortest {
	left: 28px;
}
.wide .requiredcountry {
	left: 258px;
}
.wide .requiredenqtype {
	left: 205px
}

/* ------------------------------- Buttons Row */
.form .buttons input {
	float: left;
	border: none !important;
	padding: 0 !important;
}
.form .buttons a {
	display: block;
	float: left;
	margin: 0 3px 0 0;
}
.form .buttons {
	float: left;
}
.wide .buttons {
	width: 444px;
	padding: 5px 0 5px 158px;	
}
/* ------------------------------- Row with no height */
.rownoheight {
	float: left;
	height: auto !important;
}
/* ------------------------------- Forms */
.form {
	float: left;
	margin: 10px 0 0 7px;
	padding: 15px 0 0 0;
	display: inline;
	color: #000;
}
.form textarea {
	float: left;
}
.form .row {
	float: left;
	height: 3em;
}
.form .row .name {
	float: left;	
	padding: 5px 15px 0px 0px;
	text-align: right;
}
.form .row .nametop {
	float: left;
	padding: 0px 15px 0px 0px;
	text-align: right;
}
.form .row .nametwolines {
	float: left;
	padding: 0px 15px 0px 0px;
	text-align: right;
}
.form .row .inputitem {
	float: left;
	position: relative;
}
.form .row .textitem {
	float: left;
	padding: 5px 15px 0px 0px;
}
.form .content {
	float: left;
	padding: 0px 10px 0px 20px;
}
.form .checkbox {
	float: left;
	width: 100%;
	padding: 0 0 5px 0;
}
/*Override input styling for checkboxes*/
.form .checkbox input {
	border: none !important;
	width: auto !important;
	padding: auto !important;
}
/*Override input styling for radio, etc*/
.override {
	float: none !important;
	border: none !important;
	width: auto !important;
	padding: auto !important;
}
.form .checkbox label {
	display: block;
	float: left;
	padding: 3px 0 0 3px;
}
.form .bottom {
	float: left;
}

/* ------------------------------- Wide form - 602px wide */
h2.wideformtitle {
	display: block;
	float: left;
	width: 582px;
	padding: 15px 0 0 20px;
	margin: 0;
	font-size: 160%;
	font-weight: normal;
	font-style: italic;
	color: #000;	
}
.wide h3 {
	float: left;
	width: 500px;
	font-size: 1em;
	padding: 0px;
	font-size: 1em;
	margin: 0px 0px 10px 17px;
	display: inline;	
	color: #000;
}
.wide {
	width: 690px;
	background: #EDF5F1;
}
.wide .row {
	width: 602px;
}
.wide .row .name {
	width: 149px;
}
.wide .row .inputitem {
	width: 438px;
}
.wide .short input { 
	width: 150px !important;
}
.wide .inputitem input {
	width: 410px;
}
.wide .inputitem input.short {
	width: 35px;
	text-align: center;
}
.wide textarea {
	width: 410px;
}