@charset "utf-8";

/*
 * CSS Document by Jeffrey Ouma.
 * Copyright© 2008 artkenya.net Ltd. All rights reserved.
 *
 * Description: Defines styles specific to the login page and any variations from the main stylesheet.
 * Note: Styles preceded by an asterisk(*) are specific to IE6.
 * Styles in order of appearance.
 */
/*
 * PAGE LAYOUT
 * ===========
 * These styles govern the structure of the page and the way it is placed in the browser window.
 * They also define styles that will be universal to the rest of the page such as the text color.
 */
html {
  overflow: scroll;
}

/* End of Page Layout styles*/
/*
 * HEADER
 * ======
 */
#hd {
  position: static;
}

/* The banner in the login page is larger and the logo is centerred */
#banner {
  background: #CE3D0C url("../Images/banner-bg-login.png") scroll repeat-x left top;
  height: 200px;
  text-align: center;
}

/* End of Header styles*/
/*
 * BODY
 * ====
 */
#bd {
  bottom: 0;
  left: 0;
  overflow: visible;
  position: relative;
  top: 0;
}

/* The two styles below give the login form a fixed width and center it in the page */
#noscript,#main {
  margin: 0pt auto;
  text-align: left;
  width: 640px;
  *margin: 25px auto 0pt auto;
}

#main {
  bottom: 0;
  left: 0;
  margin-top: 38px; position : relative;
  right: 0;
  top: 0;
  position: relative;
}

/*
 * FORMS
 * =====
 * Special styles for form elements on the login pages
 */
label {
  clear: both;
  padding-right: 10px;
  text-align: right;
  white-space: nowrap;
}

label,label.label-left {
  line-height: 26px;
  width: 120px;
}

.label-checkbox {
  line-height: 18px;
}

input[type="text"],input[type="password"],textarea {
  clear: none;
  margin: 3px 0 0;
}

input[type="text"],input[type="password"] {
  width: 12.25em;
}

.form-field-indent {
  margin-left: 130px;
}

#recoverloginform #email {
  width: 180px;
}

#recoverloginform #dateofbirth {
  width: 158px;
}

#recoverloginform .form-field #dateofbirth-calendaricon.calico {
  margin-left: 5px;
}

#recoverloginform .error-wrapper {
  width: 130px;
}

.yui-skin-sam .yui-calcontainer {
  margin: 10px 0pt 15px 127px;
}

/* End of Form styles*/
/* End of Body styles*/
/*
 * FOOTER
 * ======
 */
#ft {
  background-color: transparent;
  border: medium none;
  position: static;
}

#copyright {
  padding-left: 25px;
  width: 640px;
}
/* End of Footer styles*/