/* Page Heading */
ul, li{ list-style:none;}
#form-validate .fieldset {margin:28px 0px;}
.fieldset > p { margin-bottom:10px; }
.fieldset .legend {font-weight:bold; font-size:12px; text-transform:uppercase; position:relative; padding-bottom:8px; color:#881010; }

/* Form Validation */
.validation-advice { clear:both; min-height:13px; margin:3px 0 0; padding-left:12px; font-size:10px; line-height:13px;  color:#f00; }
.validation-failed { border:1px dashed #f00 !important; background:#faebe7 !important; }
.validation-passed {}
p.required { font-size:10px; text-align:right; color:#f00; }
/* Expiration date and CVV number validation fix */
.v-fix { float:left; }
.v-fix .validation-advice { display:block; width:12em; margin-right:-12em; position:relative; }

/* Global Messages  */
.success { color:#3d6611; font-weight:bold; }
.error { color:#f00; font-weight:bold; }
.notice { color:#ccc; }
.page-title,
.category-title {
	border:1px solid #cdcdcd;
	padding: 5px;
	height:36px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-background-clip: padding-box;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#f3f3f3'); /* IE6-9 */
	background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f3f3f3));
	background: -moz-linear-gradient(top,  #fafafa,  #f3f3f3); /* firefox 3.6+ */
	background: -o-linear-gradient(top,  #fafafa,  #f3f3f3); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fafafa,  #f3f3f3); /* IE10+ */
}

.page-title h1,
.page-title h2 {
	font-size:17px;
	line-height:10px;
	margin-left:7px;
	color:#4a4a4a;
}
 .new-users {
	background:url(../img/bg_login.gif) no-repeat right bottom #fff;
	border:1px solid #e1e1e1;
	min-height:300px;
}

.new-users h2{ height:45px; width:100%; font-family:arial; letter-spacing:0em; border-bottom:1px solid #e6e6e6; font-size:12px; text-transform:uppercase; color:#881010; background:#03F}
.new-users p{ font-size:12px; color:#7f7f7f; line-height:18px; padding:20px; float:left;}
.registered-users-wrapper { float:right;margin-bottom:40px; }
.registered-users {
	background:url(../img/bg-login-2.gif) no-repeat right bottom #ffffff;
	border:1px solid #e7e7e7;
	min-height:300px;
}
.registered-users h2{ padding:0 0 10px 0; border-bottom:1px solid #e6e6e6; font-size:12px; text-transform:uppercase; color:#881010; letter-spacing:0em; }
.registered-users  p{ font-size:12px; color:#7f7f7f; line-height:18px; margin-top:20px; margin-left:20px; float:left;}
.registered-users .form-list {width:382px; margin-left:20px; float:left;}
.registered-users .form-list input.input-text {width:382px;}
.registered-users  p.required{ padding:0px 0 5px 0; color:#2FA6BE}
.registered-users .buttons-set button.button1{ float:none;}
.registered-users .f-left{ float:none!important; display:table; font-size:12px; font-weight:bold; color:#7f7f7f; text-decoration:none; padding-bottom:12px;}
.registered-users .f-left:hover{ color:#008B40;}
.registered-users .buttons-set {clear: both;margin:-19px 0 0 0;padding:5px 0px 0px 0px;}
form .fieldset:first-child{ margin-bottom:32px;}
.form-list input.input-text {width:213px;}
.form-list .field {float:left;width:235px;}
.form-list .field.last {float:left;width:219px;}
.form-list li {padding-bottom:5px;}
.form-list li.wide textarea {width:682px; resize:none; }
.buttons-set button.button1 {float:left;}



.form-list li { }
.form-list label { float:left; color:#000000; font-weight:bold; position:relative; z-index:0; display:inline-block; }
.form-list label.requirede {}
.form-list label.requirede em { float:right; font-style:normal; color:#881010; position:absolute; top:0; right:-8px; }
.form-list li.control label { float:none; }
.form-list li.control input.radio,
.form-list li.control input.checkbox { margin-right:6px; }
.form-list li.control .input-box { clear:none; display:inline; width:auto; }
.form-list .input-box { display:block; clear:both; margin-bottom:0px; width:260px; }
.form-list .field { float:left; width:360px; }
.form-list input.input-text { width:233px; }
.form-list textarea { resize:none; width:254px; height:10em; }
.form-list select { }
.form-list li.wide .input-box { width:435px; }

/* Remember Me Popup ===================================================================== */
.window-overlay { background:rgba(0, 0, 0, 0.35); position:absolute; top:0; left:0; height:100%; width:100%; z-index:990; }
.remember-me label {}
.remember-me-popup {}
.remember-me-popup h3 {}
.remember-me-popup .remember-me-popup-head {}
.remember-me-popup .remember-me-popup-head .remember-me-popup-close {}
.remember-me-popup .remember-me-popup-body {}
.remember-me-popup .remember-me-popup-body a {}

p.required { font-size:10px; text-align:right; color:#f00; width:100px; float:right; }
/*==================== Remember Me Popup =============================================== */

.buttons-set{ margin:0 0 0 0; padding:0; }
.buttons-set p.required {color: #2FA6BE;font-size: 12px; margin: 0 0 0px;float:left; padding-left:15px; padding-top:5px;}

.buttons-set { clear:both; margin:5px 0 0; padding:5px 0 5px 0;}

.buttons-set .back-link { float:left; margin-top:5px; }
.buttons-set .back-link a{ color:#000;}
.buttons-set .back-link a:hover{ color:#2FA6BE;}
.buttons-set button.button1 { float:right; }
.buttons-set p.required { margin:0 0 10px; font-size:12px; color:#2FA6BE; }
button.button1 {cursor:pointer; font-family: Arial; color: #ffffff; font-size: 13px;  text-decoration: none; text-align:center; line-height:30px; height:30px; float:left; color: #fff; padding-left:20px; padding-right:20px; background: #B2C01A; border:none;border-radius: 3px;;}
button.button1:hover { float:right; cursor:pointer; font-family: Arial; color: #ffffff; font-size: 13px;  text-decoration: none; text-align:center; line-height:30px; height:30px; float:left; color: #fff; padding-left:13px; padding-right:13px; background: #1C9EC2;}

button.button5 { cursor:pointer; font-family: Arial; color: #ffffff; font-size: 13px;  text-decoration: none; text-align:center; line-height:30px; height:30px; float:left; color: #fff; padding-left:20px; padding-right:20px; background: #1C9EC2; border:none;border-radius: 3px; }
button.button5:hover { cursor:pointer; font-family: Arial; color: #ffffff; font-size: 13px;  text-decoration: none; text-align:center; line-height:30px; height:30px; float:left; color: #fff; padding-left:20px; padding-right:20px; background: #B2C01A; }


label{ width:90%; float:left; height:20px; font-size:13px; font-family:Arial; margin-top:10px; color: #999; }
.col-mg-12{ width:95%; float:left; height:30px; }
.titre_popup{ width:95%; float:left; height:40px; line-height:40px; padding-left:2%; color:#6C9407; font-size:24px; font-weight:bold; }
.hr1{ height:1px; background-color:#F0F0F0; width:93%; margin-left:2%}
.hr2{ height:1px; background-color:#ECECEC; width:95%; margin:0 auto;}
.span{width:95%; float:left; color:#fe0000; font-family:Arial, Helvetica, sans-serif; font-size:11px}
.span1{width:95%; height:15px; float:left;  float:left; color:#fe0000; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-left:25px}
.input_text{ display: inline-block;
width: 90%; outline:none; border:none;
padding: 4px;
margin: 0;
outline: 0;
background-color: #fff;
border: 1px solid #e1e8ed;
border-radius: 3px;}
input [type="text"]:hover,input[type="text"]:focus  {}

.required{-webkit-box-shadow: 0px 0px 2px 0px rgba(254, 0, 0, 1);
-moz-box-shadow:    0px 0px 2px 0px rgba(254, 0, 0, 1);
box-shadow:         0px 0px 2px 0px rgba(254, 0, 0, 1);}

fieldset{ border:none;}


.titre_login{ float:left; width:480px;  height:59px;/**/ }
.titre_login .titre_acc{width:458px; background:#E0DFE4; text-align:left; padding-left:20px; height:59px; color:#000; font-size:16px; font-weight:bold; font-family: Arial; text-transform:uppercase; line-height:59px; text-shadow:1px 1px 1px #fff;}