/* styles for the login popup and login form
 *
 *  :organization: Logilab
 *  :copyright: 2003-2010 LOGILAB S.A. (Paris, FRANCE), all rights reserved.
 *  :contact: http://www.logilab.fr/ -- mailto:contact@logilab.fr
 */

div#popupLoginBox {
  position: absolute;
  z-index: 400;
  right: 0px;
  width: 26em;
  padding: 0px 1px 1px;
  background: %(listingBorderColor)s; 
}

div#popupLoginBox label{
  font-weight: bold;
}

div#popupLoginBox div#loginContent {
  background: #e6e4ce;
  padding: 5px 3px 4px;
}

div#loginBox {
  position : absolute;
  top: 15%;
  left : 50%;
  margin-left: -14em;
  width: 28em;
  background: #fff;
  border: 2px solid %(actionBoxTitleBgColor)s;
  padding-bottom: 0.5em;
  text-align: center;
}

div#loginBox h1 {
  color: %(aColor)s;
  font-size: 140%;
}

div#loginTitle {
  color: #fff;
  font-weight: bold;
  font-size: 140%;
  text-align: center;
  padding: 3px 0px;
  background: %(headerBgColor)s url("banner.png") repeat-x top left;
}

div#loginBox div#loginContent form {
  padding-top: 1em;
  width: 90%;
  margin: auto;
}

#popupLoginBox table td {
  padding: 0px 3px;
  white-space: nowrap;
}

#loginContent table {
  padding: 0px 0.5em;
  margin: auto;
}

#loginBox table td {
  padding: 0px 3px 0.6em;
  white-space: nowrap;
}

#loginBox .loginButton {
  margin-top: 0.6em;
 }

#loginContent input.data {
  width: 12em;
}

.loginButton {
  border: 1px solid #edecd2;
  border-color: #edecd2 %(actionBoxTitleBgColor)s %(actionBoxTitleBgColor)s  #edecd2;
  margin: 2px 0px 0px;
  background: #f0eff0 url("gradient-grey-up.png") left top repeat-x;
}

#loginContent .formButtonBar {
  float: right;
}