/* Logon, Logout and LogonError Styling*/

/*************** BACKGROUND ****************/
body.logon {
  margin: 0px;
  font-size: 70%;
  font-family: tahoma;
  background-color: #d1e1f4;
}

.logon .top-background {
  background-color: #D4E4F5;
  height: 483px;
  width: 100%;
}

/* bottom gradient that appears below the chain of people */
.logon .bottom-background {
  background: #e9effb url("../themes/v6/images/gradient_below.png") 0px top repeat-x;
  position: absolute;
  top: 483px;
  bottom: 0px;
  right: 0px;
  left: 0px;
}

/* Logon box - image contains V6 logo and grey underline that appears under
   the welcome message */
/*.logon .login-content {
  background: url("../themes/v6/images/centre_image.png") center 0px no-repeat;
  height: 442px;
  position: absolute;
  width: 418px;
  top: 60px;
  z-index: 1;
  width: 100%;
  text-align: center;
  margin: 0px auto;
}*/

/* Displays people image which is repeated on the x axis */
.logon .login-people {
  background: url("../themes/v6/images/blue_people_repeat.png") 0 0 repeat-x;
  height: 408px;
  width: 100%;
  position:absolute;
  top: 75px;
}

/*************** END: BACKGROUND ****************/

/*************** LOGIN TEXT *********************/

/* Welcome message*/
h1.login-welcome {
  color: #005291;
  font-size: 190%;
  text-transform: uppercase; 
  display: block;
  margin-top: 214px;
  margin-bottom: 0px;
  font-weight: normal;
}

/* Form instruction text on logon page*/
h2.login-note {
  display: block;
  margin-top: 35px;
  font-size: 100%;
  margin-bottom: 0px;
  font-weight: normal;
}

/* Form labels for logon page*/
.login-content label {
  font-weight: normal;
  font-size: 100%;
  margin-right: 29px;
}

/* unsuccessful login text or logout text*/
.logon .login-content h2.message1 {
  margin:35px 0px 0px 0px;
  font-weight: bold;
  font-size: 100%;
}

/* try again message or are you sure you want to leave text */
.logon .login-content p {
  margin: 10px 0px 20px 0px;
}

/* copyright text on logon screen */
.logon .login-content p.copyright {
	color: #7e7e7e;
	margin: 20px 0px 0px 0px;
}

/* copyright text on logout and logonerror screen */
.logon.logout .login-content p.copyright {
	color: #7e7e7e;
	margin: 15px 0px 0px 0px;
}

/*************** END: LOGIN TEXT *********************/

/*************** BUTTONS *********************/

/* Hide form submit button. Anchor tags links will submit the form */
.login-content input.submit {
  position: absolute;
  left: -10000000px;
  width: 10px;
}

/* Styling input fields for logon page*/
.login-content input {
  border: 1px solid #CCDBEF;
  width: 125px;
  font-family: tahoma;
  font-size: 100%;
  padding: 2px 2px 2px 4px;
}

/* anchor tag */
.login-content a {
  display: inline-block;
  text-decoration: none;
  font-size: 100%;
  color: #323131;
  text-transform: capitalize;
}

/* roundy corner that appears on the left side of the anchor tag*/
body.logon .login-left-corner {
  height: 24px;
  display: inline-block;
  background: url("../themes/v6/images/login-button-norm-corners.png") 0 0 no-repeat;
  color: black;
  cursor: pointer;
}

/* roundy corner that appears on the right side of the anchor tag*/
body.logon  .login-right-corner {
  background:url("../themes/v6/images/login-button-norm-corners.png") right 0 no-repeat;
  height: 24px;
  margin-left: 2px;
  display: inline-block;
}

/* gradient background that appears on the anchor tag*/
body.logon  .login-middle {
  height: 20px;
  margin-right: 4px;
  display: inline-block;
  background:url("../themes/v6/images/login-button-norm.png") 0 0 repeat-x;
  padding: 4px 16px 0px 18px;
}

/* Hover effect*/
body.logon a:hover .login-left-corner {
  background: url("../themes/v6/images/login-button-roll-corners.png") 0 0 no-repeat;
}

/* Hover effect*/
body.logon a:hover .login-right-corner {
  background: url("../themes/v6/images/login-button-roll-corners.png") right 0 no-repeat;
}

/* Hover effect*/
body.logon a:hover .login-middle {
  background: url("../themes/v6/images/login-button-roll.png") 0 0 repeat-x;
}

/* Selected effect ("selected" class name is added using JavaScript)*/
body.logon .login-content a.selected .login-left-corner {
  background: url("../themes/v6/images/login-button-click-corners.png") 0 0 no-repeat;
}

/* Selected effect ("selected" class name is added using JavaScript)*/
body.logon .login-content a.selected .login-right-corner {
  background: url("../themes/v6/images/login-button-click-corners.png") right 0 no-repeat;
}

/* Selected effect ("selected" class name is added using JavaScript)*/
body.logon .login-content a.selected .login-middle {
  background: url("../themes/v6/images/login-button-click.png") 0 0 repeat-x;
}

/* Gap in between logout and cancel button*/
span.filler {
  width: 15px;
  display: inline-block;
}

/*************** END: BUTTONS *********************/

/* form-wrapper the logon page*/
.form-wrapper {
  width: 300px;
  margin-bottom: 16px;
}

/* form-wrapper the logonerror and logout page*/
.logout .form-wrapper {
  width: 307px;
  margin-bottom: 30px;
  text-align: left;
}

.login-content table {
  border-collapse: collapse;
}

.login-content form {
  margin-top: 4px;
}

/* giving extra spacing between the username input field and the
   password input field on the logon page */
tr.second-row td {
  padding-top: 3px;
}