/*************************************************
  Remark: share use in Login.php & registration
**************************************************/
@import url(//netdna.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css);
@import url('//fonts.googleapis.com/css?family=Homenaje');
@import url('../fonts/HelveticaNeue-Bold.ttf');
@import url('../fonts/HelveticaNeue-Med.ttf');
@import url('../fonts/olney_light.otf');

*{margin:0px; padding:0px; outline:none;}
body{background:#fafafa;font-family: Helvetica,arial;}
#pageWapper{ width:100%}

.fullScreenMode{
  display: none;
  position:fixed;
  width:100%;height: 100%;
  top:0px;left:0px;
  text-align: center;
  z-index: 10;
}
.fullScreenMode .trancluent{
  position: absolute;
  width:100%;height:100%;
  top:0px;left:0px;
  background: black;
  opacity: 0.7;
}

.fullScreenMode .loadingIcon{
  position: absolute;
  top:45%;left:50%;
  color:white;
}

.background{}
.header{ height:180px; background:#2b2e3d;}
.header .logo{ text-align:center;position:relative; top: 40%;}

.title {color:#171717; font-size:25px;font-family: 'HelveticaNeue-Bold';}
  .title a{ color:#47aef3;text-decoration: none;cursor: pointer;}
  .title a:hover{color:#B4B9BF;}

.formin input{ width:93%; border-radius:2px; border:1px solid #b8bcbf;  padding:10px; margin-bottom:15px;font-size:14px;font-family: 'HelveticaNeue-Medium';}
.formin select{font-family: 'HelveticaNeue-Medium';}
.formin input.error, .formin select.error{ border:1px solid #f54d12;background: #fcefec;}
.formin input.error:focus{background:transparent;outline:none;}

.stafflogin .fa , .userlogin .fa{font-size: 2em;width: 37px;height: 37px;border: solid 2px #6f7b89;border-radius: 50%;text-align: center;line-height: 1.2em;vertical-align: middle;}
.fa-angle-left{margin-right: 12px;}
.fa-angle-right{margin-left: 12px;}

.create{ text-align:left;width:680px; position:relative; margin:0 auto; padding-top:120px;font-size: 14px}

  .create select{font-size: 14px;}

  .create label.error{display: block;margin-bottom: 5px;color: #f54d12;font-size: 12px;}

	.create .title{ padding-bottom:65px; }
	.create .formin{}
	.create .formin .fileft{ width:310px; float:left;}
	.create .formin .fileft .sex select{ width:90px; border:none; font-size:14px; background:#fafafa url("/assets/images/login/lg_arrow.png") no-repeat 95% center !important; color:#b8bcbf; padding:9px; border-radius:2px; float:left; border: 0 !important;
     -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ""; }
	.create .formin .fileft .sinput{ width:180px;float:right;}
	.create .formin .firight{ width:310px; float:left; margin-left:50px; }
	.create .formin { margin-bottom:15px;  text-align:left;}
	.create .formin select{border:1px solid #b8bcbf;  border-radius:2px; width:310px; color:#444444; padding:10px; -webkit-appearance: none;
		-moz-appearance: none; text-indent: 0.01px; text-overflow: ""; margin-bottom: 15px;}
	.create .formin select.bg{background: rgba(255,255,255,1) url("/assets/images/login/dg_arrow.png") no-repeat 95% center;
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(234,234,234,1))) url(dg_arrow.png) no-repeat 95% center;
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(234,234,234,1) 100%) url("/assets/images/login/dg_arrow.png") no-repeat 95% center;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea', GradientType=0 );}
	.create .submit{  text-align:center; margin-top:40px; }
	.create .submit a{font-family: 'HelveticaNeue-Medium'; display:block;text-decoration:none; color:#ffffff; padding:15px 0px; background:#0098ff; border-radius:3px;  font-size:14px;}
	.create .submit a:hover{ background:#b4b9bf;}
	.create .backnext{}

.login{ text-align:left;width:340px; position:relative; margin:0 auto; padding-top:120px;}
	.login .title{ padding-bottom:50px;}
	.login .title img{vertical-align: text-bottom;margin-right: 5px;}
	.login .formin{}
	.login .formin .forget{}
	.login .formin .forget a{font-size:12px; text-decoration:none; color:#47aef1; float:left;}
	.login .formin .forget a:hover{ text-decoration:underline;}

	.login label.error{margin-bottom: 10px;}

	.login .loginbtn{text-align:center; margin-top:60px; }
	.login .loginbtn a{display:block; text-decoration:none; color:#ffffff; padding:15px 0px; background:#0098ff; border-radius:3px; font-size:14px;font-family: 'HelveticaNeue-Medium';}
	.login .loginbtn a:hover{ background:#b4b9bf;}

	.login .stafflogin{padding-top:180px;}
	.login .stafflogin a{display:block; text-decoration:none; background:url("/assets/images/login/ebaylogo.png") left 3px no-repeat; padding-left:80px;  color:#6f7b89; font-size:15px;font-family: 'HelveticaNeue-Medium';}
	.login .stafflogin img{ padding-left:10px; margin-bottom:-15px;}
	.login .stafflogin a:hover{color:#2b2e3d;}
	.login .stafflogin a:hover i{border: solid 2px #2b2e3d;}

  .login label.error{display:block;text-align: left;font-size: 11px;color:#f54d12;}


	.login .formin .email{font-family: 'HelveticaNeue-Medium';}
	.login .formin .email span{color:#444444; font-size:14px; float:right; line-height:35px;}
	.login .formin .email input{width:205px;}

	.login .userlogin{ padding-top:180px;}
	.login .userlogin a{ display:block; text-decoration:none; color:#6f7b89; font-size:15px;}
	.login .userlogin img{padding-right:10px; margin-bottom:-15px;}
	.login .userlogin a:hover{color:#2b2e3d;}
	.login .userlogin a:hover i{border: solid 2px #2b2e3d;}



.clearfix{ clear:both;}