/* 
-----------------------------------
-----------------------------------
Site:         www.aucklandcitycouncil.govt.nz
CSS author:   Pauline Standen
Created: 		15 Februrary 2009
Updated:     
Updated by:  
-----------------------------------
-----------------------------------
*/
/* 
-----------------------------------
forms
-----------------------------------
*/

form.newForms {
	margin: 1em 0;
	padding: 0;
	/*border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;*/
	width: 730px;
}
form.bordered {

	border: 1px solid #ccc;
}

form.newForms h3{
	display: block;
	background-color: #ecf2ef;
	color: #333;
	padding: 6px;
	margin: 6px 0;
}
form.newForms h3.sand{
	display: block;
	background-color: #f0eee9;
	color: #333;
	padding: 6px;
	margin: 6px 0;
}
form.newForms h3.silver{
	display: block;
	background-color: #f1f3f5;
	color: #333;
	padding: 6px;
	margin: 6px 0;
}
form.newForms h3.sky{
	display: block;
	background-color: #e7f1fa;
	color: #333;
	padding: 6px;
	margin: 6px 0;
}
form.newForms h3.marine{
	display: block;
	background-color: #e0e7f5;
	color: #333;
	padding: 6px;
	margin: 6px 0;
}
form.newForms h3.teal{
	display: block;
	background-color: #d1e0e3; /*color to be added*/
	color: #333;
	padding: 6px;
	margin: 6px 0;
}
form.newForms h3.top{
	margin-top: 0;
}

form.newForms h5{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

form.newForms div.personalDetails {
	
}

form.newForms div.personalDetails label{
	clear:left;
	float:left;
	text-align: right;
	width: 120px;
}

form.newForms div.left120 label{
	clear:left;
	float:left;
	text-align: left;
	width: 120px;
}
form.newForms div.left140 label{
	clear:left;
	float:left;
	text-align: left;
	width: 140px;
}
form.newForms div.left160 label{
	clear:left;
	float:left;
	text-align: left;
	width: 160px;
}
form.newForms div.left180 label{
	clear:left;
	float:left;
	text-align: left;
	width: 180px;
}
form.newForms div.left200 label{
	clear:left;
	float:left;
	text-align: left;
	width: 200px;
}
form.newForms div.left220 label{
	clear:left;
	float:left;
	text-align: left;
	width: 220px;
}
form.newForms div.left240 label{
	clear:left;
	float:left;
	text-align: left;
	width: 240px;
}
form.newForms div.left260 label{
	clear:left;
	float:left;
	text-align: left;
	width: 260px;
}
form.newForms div.left280 label{
	clear:left;
	float:left;
	text-align: left;
	width: 280px;
}
label {
	margin-bottom: 8px;
	margin-left: 6px;
}

form.newForms div input {border: 1px solid #999; padding: 0;}
form.newForms fieldset input{border:none;}
form.newForms fieldset input.additional{border: 1px solid #999; padding: 0; float: none;}
form.newForms fieldset.rating legend{
	margin-bottom: 6px;
} 
form.newForms fieldset.rating label {
	padding: 0 5px 3px 5px;
}
form.newForms fieldset.rating div.rating label {
	float: left;
	width: 55px;
	font-size: .8em;
}

form.newForms fieldset.rating div.rating input {
	width: 16px;
}
form.newForms fieldset.rating div.ratingcomments label{
	font-size: .8em;
}
form.newForms fieldset.rating div.ratingcomments textarea{
	padding: 0;
	margin: 0;
}
form.newForms div.personalDetails input {
	float:left;
	width: 280px;
	margin: 0 0 0 10px;
	padding: 0;
	height: 20px;
	border: 1px solid #999;
}


p.required, p span.required{
	display: inline;
	width: 110px;
	margin-left: 10px;
	color: #dc6900;
	text-transform: uppercase;
	font-size: 80%;
}

form.newForms fieldset{
	clear:left;
	border: none;
	margin: 0 0 1em;
}

form.newForms fieldset legend{
	font-weight: bold;
	margin-left: 0;
	padding-left: 0;
	color: #474749;
}

form.newForms fieldset legend p.required {float: none; clear:none; display:inline; margin-left:20px;}
p span.required {float: none; clear:none; display:inline; margin-left:2px;}


form.newForms fieldset div{
	padding: 4px 0;
	
}

form.newForms div{
	clear:Left;	
}

form.newForms fieldset div.YesNo{width: 60px; float:left;clear:none;}
form.newForms fieldset div.MrMrs{width: 60px; float:left;clear:none;padding-top:0;}


form.newForms fieldset div input{float:left;}
form.newForms fieldset div input.longer{float:left; margin-bottom:30px;}
form.newForms fieldset div.YesNo input{float:left; }
form.newForms fieldset div.MrMrs input{float:left; }

form.newForms fieldset div span{
	
}

form.newForms textarea{
	float: left;
	/*width: 380px;*/
	border: 1px solid #999;
	margin: 6px 0 6px 6px;
}
form.newForms div.long{margin-left: 6px;}

form.newForms div.frmbutton input{
	padding: 6px 0;
	border: none;
}
form.newForms div.frmbutton img{
	padding: 6px 0;
	border: none;
}

form.newForms div.missing{
	background: #fae1cd; 
	padding: 3px;
	height: 1.8em;

}
form.newForms fieldset.missing{
	background: #fae1cd; 
	padding: 3px 5px;

}
.missing{
	background-color: #fae1cd; 
	padding: 3px 5px;
}

.userdata {
	color: #00a3df;
	}