/* HEADER LOGIN STYLES
-------------------------------------------------- */
.login-outter {
    margin: 0 0;
}


.login-outter .dropdown-toggle {
    background: none repeat scroll 0 0 #202020;
    border: medium none;
    color: #8E8D8D;
    margin: 0;
    padding: 5px 12px 4px 12px;
}

.login-outter .dropdown-toggle .caret {
    border-top: 4px solid #8E8D8D;
    margin-top: 7px;
    transition-duration: 0.3s;
    transition-property: border;
}

.login-outter .dropdown-toggle:hover {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  -o-transition-property: background;
  transition-property: background;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #3e3e3e;
  color: white;
}

.login-outter .dropdown-toggle:hover .caret {
  border-top: 4px solid white;
}

.login-outter .open .dropdown-toggle,
.login-outter .open .dropdown-toggle:hover {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  background: #3e3e3e;
  color: white;
}

.login-outter .open .dropdown-toggle .caret,
.login-outter .open .dropdown-toggle:hover .caret {
  border-bottom: 4px solid white;
  border-top: none;
}

.login-outter .dropdown-menu {
  margin: 0;
  border: none;
  padding: 15px;
  -webkit-border-radius: 4px 0 4px 4px;
  -moz-border-radius: 4px 0 4px 4px;
  -ms-border-radius: 4px 0 4px 4px;
  -o-border-radius: 4px 0 4px 4px;
  border-radius: 4px 0 4px 4px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: #3e3e3e;
  top: 43px;
}


.login-outter.open .dropdown-toggle {
    background: none repeat scroll 0 0 #3E3E3E;
    border-radius: 4px 4px 0 0;
    color: white;
}

.login-outter.open .dropdown-toggle .caret {
    border-top: none;
    border-bottom:  4px solid #fff;
}

.login-outter .dropdown-menu #login-form {
  padding: 0 0 15px 0;
  margin: 15px!important;
  background: url('../images/bg-dotted-h.gif?1366168890') 0 bottom repeat-x;
}

.login-outter .dropdown-menu #register {
    margin: 0 0 14px 11px!important;
    width: 92%;
}

.login-outter .dropdown-menu input[type="text"], .login-outter .dropdown-menu input[type="password"]{
  border: 1px solid #2f2f2f;
  font-size: 11px;
  height: 19px;
  line-height: 19px;
  background: #202020;
  color: #c9c9c9;
  margin-bottom: 4px;
}

.login-outter .dropdown-menu input[type="text"]:focus, .login-outter .dropdown-menu input[type="password"]:focus {
  -webkit-box-shadow: rgba(0, 0, 0, 0) 0 0 0 inset, rgba(249, 156, 249, 0.6) 0 0 8px;
  -moz-box-shadow: rgba(0, 0, 0, 0) 0 0 0 inset, rgba(249, 156, 249, 0.6) 0 0 8px;
  box-shadow: rgba(0, 0, 0, 0) 0 0 0 inset, rgba(249, 156, 249, 0.6) 0 0 8px;
}

.login-outter .dropdown-menu .forget {
  display: block;
  font-size: 11px;
  text-decoration: underline;
  color: #c9c9c9;
  margin: 3px 0 0 0;
  width: 90px;
  line-height: 12px;
}

.login-outter .dropdown-menu .forget:hover {
  text-decoration: none;
}

.login-outter  .dropdown-menu #login-form {
    background: url("../images/bg-dotted-h.gif?1366168890") repeat-x scroll 0 bottom transparent;
    margin: 0 0 10px;
    padding: 0 0 15px;
}

.login-outter  .dropdown-menu #login-form p {
    margin: 0 0;
    padding: 0 0;
}

.btn-login {
  width: 120px!important;
}

.btn-register {
    display: block!important;
}

.login-outter .dropdown-menu #loggedin-form {
  margin: 15px!important;
}

.login-outter  .dropdown-menu #loggedin-form p {
    margin: 0 0;
    padding: 0 0;
}

.btn-fullwidth {
    width: 90%;
    display: block!important;
    margin: 4px 0px;
}

.normal-caret {
    margin-left: 18px!important;
}

.extra-space {
    margin-bottom: 6px!important;
}



/* HEADER LOGIN STYLES END
-------------------------------------------------- */