@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.
 */


/*
 * 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 {
	overflow: visible;
	position: static;
} 

#maincontentwrapper {
	text-align: center;
}

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

.contentbox {
	padding: 25px 60px;
}

.shadow-bottom {
	margin-bottom: 0pt;
}

/* There are no breadcrumbs on login pages */
#breadcrumbs {
	display: none;
} 


/*
 * 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*/