/* 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 %(incontextBoxBodyBgColor)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;

}

/* This is seriously debatable

   These buttons render much more clearly as standard/default buttons

 */

.loginButton {

  border: 1px solid #edecd2;

  border-color: #edecd2 %(incontextBoxBodyBgColor)s %(incontextBoxBodyBgColor)s  #edecd2;

  margin: 2px 0px 0px;

  background: #f0eff0 url("gradient-grey-up.png") left top repeat-x;

}

.loginContent .formButtonBar {

  float: right;

}