/* Forms
*******************************************************/

form {
	margin-left: 30px;
	margin-top: 20px;
}

fieldset {
	border: 0;
	font-size: 1.2em;
}

textarea {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: 1.2em;

}
textarea#Form_Form_EditableTextField7 {
	width: 350px;
	border: 1px solid #B5B5B5;
	background: #F3F3F3;
}

.typography label {
	margin: 3px 0 -10px 0;
	color: #777;
}

input.text, textarea, select {
	padding: 1px 2px;
	border: 1px solid #A7A7A7;
	color: #000;
	font-size: 1em;
	width: 200px;
	font-weight: normal;
}
select {
	width: auto;
}

div.Actions {text-align: right; width: 450px;}
input.action {
	padding: 2px 10px;
	margin-top: 15px;
	width: 80px;
	border: 1px solid #BDBDBD;
	border-top: 1px solid #D2D2D2;
	border-left: 1px solid #D2D2D2;
	color: #3A3A3A;
	font: bold 1.2em Arial, Verdana, Tahoma, Sans-serif;
	background: #ccc url(../images/bg_action.png) repeat-x center;
}


input:focus span, textarea:focus span {
	border: 3px solid #000;
}

input.action,
input.action:hover,
input.action:focus {
	cursor: hand !important;
}

label.FormHeading {
	font-weight: bold;
	padding: 20px 0;
	clear: both;
	display: block;
}

form ul label {
	display: inline !important;
}

#Form_Form {width: 480px; margin-top: 30px; background: #F7F7F7; border: 2px solid #eee; padding: 20px;}

div#EditableTextField1 , div#EditableTextField2 , div#EditableTextField3, div#EditableTextField4 , div#EditableTextField5 , div#EditableTextField6, div#EditableTextField7{
 clear: both;
}

div#EditableTextField1 label, div#EditableTextField2 label, div#EditableTextField3 label, div#EditableTextField4 label, div#EditableTextField5 label, div#EditableTextField6 label, div#EditableTextField7 label{
	display: block;
	width: 150px;
	float: left;
	margin-bottom: 15px;
	text-align: right;
	width: 75px;
	padding-right: 20px;
	color: #616161;
}

div#EditableTextField1 input, div#EditableTextField2 input, div#EditableTextField3 input, div#EditableTextField4 input, div#EditableTextField5 input, div#EditableTextField6 input, div#EditableTextField7 input{
	display: block;
	float: left;
	margin-bottom: 15px;
	border: 0;
	border-bottom: 1px dotted #989898;
	background: #F3F3F3;
}



	#MySearchForm_SearchForm {width: 270px; float: right;}
	#MySearchForm_SearchForm input {width: 210px; border: 2px solid #ddd; margin: 0;}
	#MySearchForm_SearchForm input.text {font-weight: normal; font-size: 11px; background: #ECECEC;  }
	#MySearchForm_SearchForm #MySearchForm_SearchForm_action_results {background: none; color: #649A2E; font-size: 11px; font-weight: bold; cursor: hand; width: 40px; border: 0; }
	#MySearchForm_SearchForm a:link, #search a:visited {color: #fff; margin-top: 3px; display: block; font-size: 90%;}
	#MySearchForm_SearchForm a:hover, #search a:active {color: #a1adbd; }
	#MySearchForm_SearchForm fieldset {border: 0; margin: 0; padding: 0;}
	#MySearchForm_SearchForm div {display: inline;}
	
	
	/* --------------- LOGIN --------------- */
	
	#Form_EditForm {z-index: 1000; margin-bottom: 80px;}
	input#MemberLoginForm_LoginForm_action_dologin {margin-right: 15px; cursor: hand;}
	input#MemberLoginForm_LoginForm_action_forgotPassword {background: #fff; color: #4780c7; border: 1px solid #4780c7; width: 170px; height: 25px; cursor: hand;}


/* --------------- Customer LOGIN --------------- */

#formHolder {
	background: url(../images/bg_form.jpg) no-repeat top;
	width: 166px;
	height: 163px;
	padding: 0;
}
#CustomerLogin {
	width: 135px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}
html>body #CustomerLogin {
	float: left;
	
}

#CustomerLogin input.text {
	width: 135px;
	border: 1px solid #719D34;
	font-size: 12px;
}
#CustomerLogin label {
	color: #fff;
	font-size: 10px;
	text-align: left;
}
#CustomerLogin div {
	width: 135px;
	text-align: right;
	margin-top: 10px;
	padding:0;
}

#CustomerLogin input.button {
	background: none;
	color: #fff;
	border: 0;
	font: bold 1.4em Arial, Verdana, Tahoma, Sans-serif;
}
#CustomerLogin input.lostpassword {
	background: none;
	color: #fff;
	border: 0;
	font-size: 10px;
}




/*  ----- Lost Password ------  */
#MemberLoginForm_LostPasswordForm {width: 280px; background-color: #eee; margin-left: 120px; margin-top: 40px;
padding: 20px; border: 2px solid #ddd;}
#MemberLoginForm_LostPasswordForm input {margin-left: 15px;}
#MemberLoginForm_LostPasswordForm label {float: left; color: #809759;}
#MemberLoginForm_LostPasswordForm .middleColumn {float: left; width: 220px;}
#MemberLoginForm_LostPasswordForm input.action {width: 220px; margin: 0 0 0 34px;}
#MemberLoginForm_LostPasswordForm .Actions {width: 220px; padding: 0; margin-top: 15px;}
#MemberLoginForm_LostPasswordForm #Email {width: 280px;}
#MemberLoginForm_LostPasswordForm fieldset {width: 280px; }

/*  -----Change Password ------  */

#ChangePasswordForm_ChangePasswordForm {width: 350px; background-color: #eee; margin-left: 60px; margin-top: 40px; padding: 20px; border: 2px solid #ddd; display: table;}
#ChangePasswordForm_ChangePasswordForm input {width: 170px; float: right;}
#ChangePasswordForm_ChangePasswordForm label {float: left; color: #809759;}
#ChangePasswordForm_ChangePasswordForm .middleColumn {float: right; width: 220px;}
#ChangePasswordForm_ChangePasswordForm input.action {width: 170px; margin: 0;}
#ChangePasswordForm_ChangePasswordForm .Actions {width: 350px; padding: 0; margin-top: 15px; text-align: right; }
#ChangePasswordForm_ChangePasswordForm #NewPassword1,
#ChangePasswordForm_ChangePasswordForm #NewPassword2 {
	width: 350px;
}