/*-------LOGIN STARTS HERE -------*/

/* Login Container (default to float:right) */
#loginContainer {
  position:relative;
  float:right;
  font-size:12px;
  z-index: 895;
}

/* Login Button */
#loginButton { 
  display: inline-block;
  float: right;
  background:#d2e0ea url(../images/buttonbg.png) repeat-x; 
  border: 1px solid #899caa; 
  border-radius: 3px;
  -moz-border-radius: 3px;
  position: relative;
  /*z-index: 30;*/
  z-index: 890;
  cursor: pointer;
}

/* Login Button Text */
#loginButton span {
  color: #445058; 
  font-size: 14px; 
  font-weight: normal; 
  text-shadow: 1px 1px #fff; 
  /*padding: 4px 29px 4px 10px;*/
  padding: 4px 29px 4px 15px;
  background: url(../images/loginArrow.png) no-repeat 73px 4px;
  display:block
}

#loginButton:hover {
  background:url(../images/buttonbgHover.png) repeat-x;
}

/* Login Box */
#loginBox {
  position:absolute;
  top:27px;
  right:0;
  display:none;
  /*z-index:29;*/
  z-index: 889;
}

/* If the Login Button has been clicked */    
#loginButton.active {
  border-radius: 3px 3px 0 0;
  /* fixing login active */
  border-bottom: 1px solid #D2E0EA;
}

#loginButton.active span {
  background-position: 73px -79px;
  /* fixing login active */
  border-bottom: 1px solid #D2E0EA;
}

/* A Line added to overlap the border */
#loginButton.active em {
  position:absolute;
  width:100%;
  height:1px;
  background:#d2e0ea;
  bottom:-1px;
}

/* Login Form */
#loginForm {
  width:248px; 
  border:1px solid #899caa;
  border-radius:3px 0 3px 3px;
  -moz-border-radius:3px 0 3px 3px;
  /*margin-top:-1px;*/
  margin-top:0;
  background:#d2e0ea;
  padding:6px;
}

#loginForm fieldset {
  margin:0 0 12px 0;
  display:block;
  border:0;
  padding:0;
}

fieldset#body {
  background:#fff;
  border-radius:3px;
  -moz-border-radius:3px;
  padding:10px 13px;
  margin:0;
}

#loginForm #checkbox {
  width:auto;
  margin:1px 9px 0 0;
  float:left;
  padding:0;
  border:0;
  *margin:-3px 9px 0 0; /* IE7 Fix */
}

#body label {
  color:#3a454d;
  margin:9px 0 0 0;
  display:block;
  float:left;
}

#loginForm #body fieldset label {
  display:block;
  float:none;
  margin:0 0 6px 0;
}

/* Default Input */
#loginForm input {
  width:92%;
  border:1px solid #899caa;
  border-radius:3px;
  -moz-border-radius:3px;
  color:#3a454d;
  font-weight:bold;
  padding:8px 8px;
  box-shadow:inset 0px 1px 3px #bbb;
  -webkit-box-shadow:inset 0px 1px 3px #bbb;
  -moz-box-shadow:inset 0px 1px 3px #bbb;
  font-size:12px;
}

/* Sign In Button */
#loginForm #login {
  width:auto;
  float:left;
  background:#339cdf url(../images/loginbuttonbg.png) repeat-x;
  color:#fff;
  padding:7px 10px 8px 10px;
  text-shadow:0px -1px #278db8;
  border:1px solid #339cdf;
  box-shadow:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;
  margin:0 12px 0 0;
  cursor:pointer;
  padding:7px 2px 8px 2px; /* IE7 Fix */
}

/* Forgot your password */
#loginForm span {
  text-align:center;
  display:block;
  padding:7px 0 4px 0;
}

#loginForm span a {
  color:#3a454d;
  text-shadow:1px 1px #fff;
  font-size:12px;
}

input:focus {
  outline:none;
}
#loginForm .captcha_input {
  width:15%;
}
#loginForm #captcha_div img{
    margin: 0px;
    padding: 0px;
}
#loginForm #captcha_div input{
    margin-top: -28px;
}
#lgn_success {
    border:solid 1px #BCE8F1;
    background: #D9EDF7;
    margin: 10px;
    padding: 10px 20px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  font: tahoma;
  font-size: 12px;
  color: #32AFF2;
}
#lgn_failed {
    border:solid 1px #EBCCD1;
    background: #F2DEDE;
    margin: 10px;
    padding: 10px 20px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  font: tahoma;
  font-size: 12px;
  color: #B54442;
}
.close_alert {
    position: relative;
    float: right;
    cursor: pointer;
}