#loginbox {
  position: absolute;
  z-index: 100;
}

#loginbox.hide {
  left: -10000px;
}

#loginbox .tooltip .tooltip-tl {
  background: transparent url(../images/tooltip_tl.png) no-repeat scroll 0 0;
  width: 220px;
}

#loginbox .tooltip .tooltip-tl .tooltip-tr {
  background: transparent url(../images/tooltip_tr.png) no-repeat scroll 100% 0;
  padding: 0 15px;
}

#loginbox .tooltip .tooltip-tl .tooltip-tr .tooltip-t {
  background: transparent url(../images/tooltip_t.png) repeat-x scroll 0 0;
  height: 15px;
}

#loginbox .tooltip .tooltip-tl .tooltip-close {
  background: transparent url(../images/tooltip_close.png) no-repeat scroll 0 0;
  cursor: pointer;
  height: 16px;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 16px;
}

#loginbox .tooltip .tooltip-tl .tooltip-close:hover {
  background: transparent url(../images/tooltip_close_hover.png) no-repeat scroll 0 0;
  height: 16px;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 16px;
}

#loginbox .tooltip .tooltip-l {
  background: transparent url(../images/tooltip_l.png) repeat-y scroll 0 0;
  width: 220px;
}

#loginbox .tooltip .tooltip-l .tooltip-r {
  background: transparent url(../images/tooltip_r.png) repeat-y scroll 100% 0;
  padding: 0 15px;
}

#loginbox .tooltip .tooltip-l .tooltip-r .tooltip-m {
  background: #ffffff none repeat scroll 0 0;
  overflow:hidden;
}

#loginbox #logininput {
  padding-left: 30px;
}

#loginbox #logininput #username {
  background: transparent url(../images/username.png) no-repeat scroll 0 0;
}

#loginbox #logininput #username:hover {
  background: transparent url(../images/username.png) 0 -20px no-repeat;
}

#loginbox #logininput #password {
  background: transparent url(../images/password.png) no-repeat scroll 0 0;
}

#loginbox #logininput #password:hover {
  background: transparent url(../images/password.png) 0 -20px no-repeat;
}

#loginbox #logininput #username,
#loginbox #logininput #password {
  height: 20px;
  margin-bottom: 3px;
  padding-bottom: 1px;
  overflow: hidden;
  width: 135px;
}

#loginbox #logininput #username #usernameinput,
#loginbox #logininput #password #passwordinput,
#loginbox #logininput #password #passwordoverlay {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #49647E;
  font-size: 12px;
  margin-left: 20px;
  margin-top: 2px;
  padding: 0;
  position: absolute;
  width: 115px;
}

#loginbox #logininput #password #passwordinput {
  visibility: hidden;
}

#loginbox #logininput #password #passwordoverlay {
  visibility: visible;
}

#loginbox #logininput #loginsubmit {
  padding-left: 42px;
}

#loginbox #logininput #loginsubmit #loginbutton {
  background: transparent url(../images/loginbutton.png) no-repeat scroll 0 0;
}

#loginbox #logininput #loginsubmit #loginbutton:hover {
  background: transparent url(../images/loginbutton.png) 0 -20px no-repeat;
}

#loginbox #logininput #loginsubmit #loginbutton {
  height: 21px;
  margin-top: 10px;
  width: 50px;
}

#loginbox #logininput #loginsubmit #loginbutton #loginbuttoninput {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  color: #49647E;
  cursor: pointer;
  font-size: 12px;
  margin-top: 1px;
  position: absolute;
  width: 50px;
}

/* #loginbox #logininput #loginsubmit #loginbutton #loginbuttoninput:hover {
  cursor: pointer;
} */

#loginbox #loginnotification,
#loginbox #loginerror {
  color: red;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 6px;
  padding: 0;
  position: absolute;
  text-align: center;
  visibility: hidden;
}

#loginbox .tooltip .tooltip-bl {
  background: transparent url(../images/tooltip_bl.png) no-repeat scroll 0 0;
  width: 220px;
}

#loginbox .tooltip .tooltip-bl .tooltip-br {
  background: transparent url(../images/tooltip_br.png) no-repeat scroll 100% 0;
  padding: 0 15px;
}

#loginbox .tooltip .tooltip-bl .tooltip-br .tooltip-b {
  background: transparent url(../images/tooltip_b.png) repeat-x scroll 0 0;
  height: 32px;
}