/* =============================================================================
Wiski - Register
============================================================================= */

/* Column control
============================================================================= */

#column_control {
  padding: 40px 0 0 30px;
}

#column_control h2 {
  font: normal 20px/22px Georgia, Times New Roman, Serif;
  color: #343434;
  margin-bottom: 0;
  padding: 2px 0 0 1px;
  height: auto;
}

#column_control span {
  display: inline;
  color: #AFAEAE;
}

#column_control a {
  color: #ba0f0f;
  border-bottom: 1px solid #e3cdcd;
}

#column_control a:hover {
  color: #d84b4b;
  border-bottom: 1px solid #fff;
}

#column_control p {
  font: normal 12px/17px Arial, Tahoma, Sans-Serif;
  padding: 8px 0 0 0;
}

#column_control .error {
  font: normal 12px/29px Arial, Tahoma, Sans-Serif;
  border: 1px solid #E2DA9D;
  background: #FFF8C5;
  height: 29px;
  width: 519px;
  padding: 1px 0 0 9px;
  margin-top: 12px;
}

/* Register
============================================================================= */

#register {
  float: left;
  width: 558px;
}

#register form {
  padding-top: 30px;
}

#register form div {
  height: 25px;
  padding-bottom: 6px;
  background: url(/img/backgrounds/textboxes/156.gif) 186px 0 no-repeat;
}
#register form div.break {
  padding-bottom: 26px;
}
#register form div.button {
  background: none;
  padding: 10px 0 0 186px;
}

#register form label {
  font-family: Arial, Sans-Serif;
  font-size: 12px;
  width: 156px;
  padding-right: 35px;
  float: left;
  display: block;
  text-align: right;
  font-weight: bold;
  line-height: 25px;
}

#register form input {
  display: block;
  float: left;
  background: none;
  width: 146px;
  border: 0;
  padding: 5px 0 0 0;
}
#register form .button input {display: none}

#register form span {
  display: block;
  float: left;
  padding: 5px 0 0 35px;
  height: 25px;
}

#register form button {
  background: url(/img/buttons/register.gif) 0 0 no-repeat;
  height: 25px;
  width: 85px;
  cursor: pointer;
  border: 0;
  margin: 0;
  padding: 0;
}
#register form button:hover {background-position: 0 -25px;}

#register form button em {
  display: none;
}

#register form p {
  font: normal 11px/16px Tahoma, Arial, sans-serif;
  color: #6E6E6E;
  margin: 0;
  padding: 6px 0 5px 186px;
  width: 300px;
}

/* Login
============================================================================= */

#login {
  float: left;
  width: 372px;
}

#column_control #login .error {width: 333px;}

#login form {
  padding-top: 30px;
}

#login form div {
  height: 25px;
  padding-bottom: 6px;
  background: url(/img/backgrounds/textboxes/156.gif) 186px 0 no-repeat;
}
#login form div.button {
  background: none;
  padding: 10px 0 0 186px;
}

#login form label {
  font-family: Arial, Sans-Serif;
  font-size: 12px;
  width: 156px;
  padding-right: 35px;
  float: left;
  display: block;
  text-align: right;
  font-weight: bold;
  line-height: 25px;
}

#login form input {
  display: block;
  float: left;
  background: none;
  width: 146px;
  border: 0;
  padding: 5px 0 0 0;
}
#login form .button input {display: none}

#login form button {
  background: url(/img/buttons/login.gif) 0 0 no-repeat;
  height: 25px;
  width: 63px;
  cursor: pointer;
  border: 0;
  margin: 0;
  padding: 0;
}
#login form button:hover {background-position: 0 -25px;}

#login form button em {
  display: none;
}

/* Forgotten Password
============================================================================= */

#forgot {
  float: left;
  width: 558px;
}

#forgot form {
  padding-top: 30px;
}
#forgot form#reset_box {
  padding: 15px 0 0 0;
}

#forgot form div {
  height: 25px;
  padding-bottom: 6px;
  background: url(/img/backgrounds/textboxes/156.gif) 186px 0 no-repeat;
}
#forgot form div.button {
  background: none;
  padding: 10px 0 0 186px;
}

#forgot form label {
  font-family: Arial, Sans-Serif;
  font-size: 12px;
  width: 156px;
  padding-right: 35px;
  float: left;
  display: block;
  text-align: right;
  font-weight: bold;
  line-height: 25px;
}

#forgot form input {
  display: block;
  float: left;
  background: none;
  width: 146px;
  border: 0;
  padding: 5px 0 0 0;
}
#forgot form .button input {display: none}

#forgot form button {
  background: url(/img/buttons/send_link.gif) 0 0 no-repeat;
  height: 25px;
  width: 93px;
  cursor: pointer;
  border: 0;
  margin: 0;
  padding: 0;
}
#forgot form button:hover {background-position: 0 -25px;}

#forgot form button em {
  display: none;
}