.form_item {		
	padding			: 5px;
	clear			: both;
	min-height		: 20px;
}
.form_item input----- {		
	float			: left;
	display			: block;
	width			: 200px;
	padding			: 0;
	margin			: 0;
	margin-top		: 3px;	
}




.form_item label  {
	width			: 200px; 
background-color---:green;
padding-top: 5px;
}

.form_item label.brand_filter  {
	width			: 120px; 
padding-top: 5px;
margin-left: -30px;
}

.form_item p.form_label_right  {

position: relative;
float: left;top:-10px;left:10px;
padding-top: 5px;margin-left: 10px;width: 142px;background-color---:red;

}

.form_item p.form_label_right_promethean  {

position: relative;
float: left;top:-10px;left:10px;
padding-top: 5px;margin-left: 10px;width: 100px;background-color---:red;

}

.form_item select  {
width: 180px;
}

/*moodalbox popup
*/

div#mb_contents .form_item {		
	padding			: 5px;
	clear			: both;
	min-height		: 20px;
}


div#mb_contents .form_item input {		
	float			: left;
	display			: block;
	width			: 198px;
	margin			: 0;
	margin-top		: 3px;
	border: 1px solid #7f9db9;
	height: 18px;	
}

div#mb_contents .form_item textarea {		
	float			: left;
	display			: block;
	width			: 198px;
	height			: 140px;
	margin			: 0;
	margin-top		: 3px;	
font-family			: Verdana, sans-serif, "Lucida Grande","Lucida Sans Unicode" ;
	font-size			: 90%;
	color				: #333;
	border: 1px solid #7f9db9;
}


div#mb_contents .form_item label  {
	width			: 200px; 
background-color:yellow--;
padding-top: 5px;
}


div#mb_contents .step { background-color: #E1EECD; 
margin-bottom: 10px; 
padding:0;	
width: 527px;
 } 



.form_item .required_indicator--------- {
	color			: #de6464;
}


.form_item div.check input  {
	background 		: none;
	border 			: none;
	width 			: 15px;
	float			: left;
background-color---:red;

}




.form_item div.check input {
	padding: 5px;
}

.form_item div.check label {
	padding: 5px;background-color---:sienna;
}

/* ---------------------------------------------------------------------------------------------------
 * Added by andy in the new accounts update June 09 
 * These styles are for the new account request form
 * Also for the login reveal panel
 * ---------------------------------------------------------------------------------------------------
*/


/* Request an Account view ------------------- */

#ScreenMessage {
	background-color: #2aa93d; 
	margin-bottom: 10px; 
	padding:20px;	
	width: 487px;
}

#reveal_ScreenMessage p  { 
margin:0;padding:0;
} 

p#messageDisplay  span.error_message, p#reveal_messageDisplay  span.success_message, p#reveal_messageDisplay span.error_message, #reveal_ScreenLoading span.loading_message, p#messageDisplay {
	padding:42px 0 42px 0; /*102-18(height of p)/2*/
	display:block;
	border:none;text-align:center;background-color:#d6ff9a;margin-bottom:15px;
}

p#reveal_messageDisplay  span.success_message, #reveal_ScreenLoading span.loading_message {
background: transparent url(../../../images/controls/bg_panel_success_message.png) no-repeat;
}

p#reveal_messageDisplay  span.error_message {
background: transparent url(../../../images/controls/bg_panel_error_message.png) no-repeat;
}

#ScreenLoading {
	background-color: #E1EECD; 
	margin-bottom: 10px; 
	padding:20px;	
	width: 487px;
}

#ScreenLoading img {
	float:right;	
}

#loadingDisplay {
	
}

#account_request form#ScreenStart .step {
background-color---: orange;	
}

#AccountOptions .step, #CustomerOptions .step, form#account_request .step  {
background-color--: teal;
}

/* Login Reveal ------------------- */
/*the actual login fields and submit button*/
#reveal_ScreenLogin, #reveal_ScreenLogout, #reveal_ScreenRequest {
border---: 1px solid yellow;height:92px;padding-top:10px;
background: transparent url(../../../images/controls/bg_panel_login_reveal.png) no-repeat;

}


/*///hack *ie button positioning vertically -- margin-left counteracts hover state */

#revealLogoutButton, #revealRequestButton {
margin-left:-2px;width:90px;position:relative;top:-15px;*top:-4px;
}

#revealRequestButton {
width:130px;
}

	#reveal_ScreenLogin fieldset, #reveal_ScreenLogout fieldset, #reveal_ScreenRequest  fieldset {
		margin:0;
		background:none;height:60px;border----: 1px solid red;display:inline;float:left;
	}

/*///hack Safari Chrome position fieldset vertically */
@media screen and (-webkit-min-device-pixel-ratio:0) { #SubmitHolder { border-top: 1px solid #FFF; /*centres button!*/ } }

@media screen and (-webkit-min-device-pixel-ratio:0) { #SubmitHolder .button .type_3  { padding:4px; margin:6px; } /*stop button collapsing*/   }



#revealLoginButton {
border: none;
height: 23px; width:98px;
background: transparent url(../../../images/controls/button_login.gif) no-repeat;
margin-right:10px;	
}


fieldset#revealLoginSubmitHolder {
border-----: 1px solid purple; width:auto;

}


#reveal_ScreenLogin input {

}




#reveal_ScreenLogin label {
border----=: 1px solid orange;
width:70px;
}

#ScreenLogin label { /*for user verification state*/
border--: 1px solid purple;
width:140px;
}

#reveal_ScreenLogout {
	
}

#reveal_ScreenRequest label {
border---: 1px solid teal;
width:70px;
}



#account_request #SubmitHolder {
	
width: 527px;
padding:0;
margin-left:0px;
height: 88px;	
background: transparent url(../../../images/controls/bg_panel_account_submit.png) no-repeat;
}

#ScreenStart fieldset {

}

#ScreenStart label {
	
	width			: 200px; 

padding-top: 5px;
}

#reveal_ScreenMessage {
	
}

#reveal_messageDisplay {

}

#reveal_ScreenLoading {

}

#reveal_ScreenLoading img {
	float:right;	
}

#reveal_loadingDisplay {
	
}

#ScreenStart select   { /*drop down for organisation*/
width: 210px;

}

/* Shared by both ------------------- */

/*.error_message {
	padding:20px;
	display:block;
	border:1px solid #ff0000;
	background:#fff;
}

.success_message {
	padding:20px;
	display:block;
	border:1px solid #499E29;
	background:#fff;
}*/

.loading_message {
	
}


legend {
color: #999;
font-weight: bold;
font-size:2em;
border:none;
/* ffox no width*/
background-color--:purple;margin:0;padding:0;
}


		.white_hr hr {
		border: none; border-top 	: 1px solid #FFF;height: 0px;
		}




/* ---------------------------------------------------------------------------------------------------
 * End
 * ---------------------------------------------------------------------------------------------------
*/

/*width: 7px;
margin-top: 5px;
text-align: left;

.form_item div.radio input{
	background 		: none;
	border 			: none;
	width 			: 25px;

}

.form_item .checkbox {
}



.form_item div.vertical---- {
	float			: left;
}


.form_item div.vertical div--- {
	float			: left;
	clear			: left;
	width			: 100px; background-color:blue;
}



.form_item div.vertical input--- {
	float			: left;
}
.form_item div.vertical label--- {
	float			: left;
	clear			: none;
	text-align		: left;
	width			: 150px;background-color:orange;
}
*/


.form_toolbar {
	border			: none; 
	background-color: #E1EECD;
	margin 			: 20px;
	padding 		: 10px;
	height			: 28px;
	padding-left: 185px;
}

/*putting */

.form_toolbar .form_button {	
height: 2.4em;
	width			: 9.5em; 
	background-color		: #33A02C;
	padding: 0px;

	}


.form_toolbar .form_button .enabled, div#mb_contents .form_toolbar .form_button .enabled  {	
color: #FFF;
text-transform:uppercase;
font-size		: 1em;

	font-weight		: bold;
float: none;
	width: 100%; 
height: 2.4em;
	background: transparent url(../../../images/project/spacer.gif) no-repeat 0 0 ;
	text-align: center;
border: none;
padding: 0px;
cursor:pointer;
}



.form_toolbar .button {
	margin-left		: 370px---;	
}



/*validation
*/

.validation-failed, div#mb_contents .validation-failed  {
	border			: 1px solid #03a9dd;
}
.validation-passed, div#mb_contents .validation-passed  {
	border			: 1px solid green;
}
.validation-advice, div#mb_contents .validation-advice  {
	float			: left; 
	clear			: both; 
	width			: 196px; 
	margin			: 3px 0 6px 216px; 
	padding			: 3px; 
	color			: #fff; 
	background-color: #e70022;

}
#reveal_ScreenRequest .validation-advice,
#reveal_ScreenLogin .validation-advice  {
margin			: 3px 0 6px 86px;
width			: 170px;
}



#ScreenLogin .validation-advice  {
margin			: 3px 0 6px 156px;
width			: 170px;
}

.form_item div.vertical .validation-advice { margin-left:0px; }
.warning {
	border: 1px solid #c66;
}
.warning-advice {
	margin: 2px; padding: 10px; color:#fff; background-color:#bbb;
}



/*ichange */


.step { background-color:#E1EECD; 
margin-bottom: 10px; 
padding:0;	
width: 527px;
 }