/* Popup Login */

#fancybox-outer {
  padding:0 !important;
}

/* Login Box */
#login {
  background-image:url('bg04.jpg');
  background-color:#000; 
  /* font-family:'Open San', sans-serif; */
  width:240px;
  height:420px;
  color:#ffffff;
  text-align: center;
}

#login p {
  padding: 3px 0 0 0;
}

/* Login Header Label */
.login-text-header {
  font-size:20px;
  font-weight:bold;
  margin: 0 0 0 0;
}

/* Login Boxs and Box Labels */
.login-text-boxes,
.login-text-boxes label {
  text-align: left;
}

/* Login Box Labels */
.login-text-label {
  font-size:16px;
  margin: 5px 0 0 12px;
  color:#ffffff;
}

/* Login Boxs */
#user_login, #user_pass {
  font-size:14px;
  margin: 0 0 0 10px;
  color:#000;
  background-color: #fff;
}

/* Login Button */
.login-submit {
  text-align:center;
  margin: 20px 0 0 0 !important;
}

.button-primary {
}

hr.deviding_line {
    border: 0;
    height: 1px;
    background-color: #000000;
    background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
    background-image: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0.75), rgba(255,255,255,0));
}


/* Remember checkbox and label */
.remember-me {
  margin: 0;
  color:#FFCC00;
}

.remember-me > label{
  padding:0 0 0 40px;
  font-size:14px;
  display: block;
}

.remember-me input {
  width:20% !important;
}

/* Request new password */
.register,
.register > a,
.register a:visited,
.register link {
  text-align:center;
  font-size:18px;
  color:#f1f1f1;
  text-decoration:none;
}

.register > a,
.register a:visited,
.register link {
    margin:10px 0 0 0;
}

.new-password,
.new-password > a,
.new-password a:visited,
.new-password link {
  padding:0 0 0 20px;
  font-size:14px;
  color:#FFCC00 !important;
  text-decoration:none;
}

.register a:hover,
.register a:active,
.new-password a:hover,
.new-password a:active {
  color:#FF8800;
  text-decoration:none;
}

.popup-input {
  border: 1px solid #D4D2D2 !important;
  border-radius: 5px 5px 5px 5px !important;
  color: #303030 !important;
}

input.popup-input {
  width: 85%;
  padding:5px;
  margin:3px 0px;
}

.login-text-boxes p {
    margin: 5px 10px;
}

.register_button,
.login-submit input[type="submit"]  {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #222222) );
  background: -moz-linear-gradient(center top , #666666 15%, #222222 100%) repeat scroll 0 0 #000000;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000');
  background-color:#222222;
  -webkit-border-top-left-radius:6px;
  -moz-border-radius-topleft:6px;
  border-top-left-radius:6px;
  -webkit-border-top-right-radius:6px;
  -moz-border-radius-topright:6px;
  border-top-right-radius:6px;
  -webkit-border-bottom-right-radius:6px;
  -moz-border-radius-bottomright:6px;
  border-bottom-right-radius:6px;
  -webkit-border-bottom-left-radius:6px;
  -moz-border-radius-bottomleft:6px;
  border-bottom-left-radius:6px;
  text-indent:0px;
  border:1px solid #555555;
  display:inline-block;
  color:#fff !important;
  font-size:14px;
  font-family:Arial;
  margin: 5px 0 5px 0;
  line-height:20px;
  width:131px;
  text-decoration:none;
  text-align:center;
  text-shadow:1px 1px 0px #333;
}

.login-submit input[type="submit"]  {
  line-height:15px;
}

.register_button  {
  line-height:30px;
}

.register_button:hover,
.login-submit input[type="submit"]:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #222222), color-stop(1, #666666) );
  background:-moz-linear-gradient( center top, #222222 5%, #666666 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#666666');
  background-color:#222222;
}
.register_button:active,
.login-submit input[type="submit"]:active {
	position:relative;
	top:1px;
}