/* CSS developed by 9xb.com
Main stylesheet for layout */

.screen_reader {
	display: none;
}

/* ---------------------------------- */
/* DEFAULT STYLES   */   
/* ---------------------------------- */

	html, body {
		font: 12px/1.3em Arial, verdana, Lucida Grande, Lucida Sans Unicode, geneva, helvetica, sans-serif;
		color: #91918f;
		text-align:center;
		margin: 0;
		padding:0;
	}

	body {
		text-align: center;
		background:#fff;
		background:url(../images/line_bg_feather.gif) 0 31px repeat-x;
	}

/* ---------------------------------- */
/* GLOBAL STYLES  */   
/* ---------------------------------- */

	.hidden, .screen_reader{
		display: none;
	}
	
	.black{
		color:#000000;
	}
	
	a img{
		border:none;
	}
	
	a{
		color:#91918f;
		text-decoration:none;
	}
	
	a:hover{
		text-decoration:underline;
	}
	
	.float_l{
		float:left;
		width:290px;
	}
	
	.float_r{
		float:right;
	}
	
	#failure{
		width:860px;
		float:left;
		clear:both;
		margin:20px 0 0 0;
		font-weight:bold;
		color:#ff0000;
	}
	
/* ---------------------------------- */
/* MAJOR DIVISIONS   */   
/* ---------------------------------- */

	#outerwrap{
		width:886px;
		margin:0 auto;
		padding:0;
		text-align:left;
		clear:both;
	}

	#middle{
		width:886px;
		margin:0 auto;
		padding:0;
		clear:both;
		height:450px;
	}
	
	#left{
		background:url(../images/login.gif) no-repeat top left;
		width:251px;
		height:214px;
		float:left;
		margin:30px 20px 0 0;
	}
	
	#right{
		background:url(../images/register.gif) no-repeat top left;
		width:601px;
		height:214px;
		float:left;
		margin:30px 0 0 0;
	}

	#enews{
		float:left;
		margin:10px 0 0 0;
	}

/* ---------------------------------- */
/* HEADINGS   */   
/* ---------------------------------- */

h1{
	font-size:180%;
	padding:0;
	margin:0;
}

h2{
	font-size:120%;
	text-transform:uppercase;
	padding:0;
	margin:0;
}

/* ---------------------------------- */
/* HEADER   */
/* ---------------------------------- */

	#gohere{
		font-size:8pt;
	}

	#login_banner{
		font-size:80%;
		color:#91918f;
		clear:both;
		float:left;
		margin:10px 0 10px 0;
	}
	
	#logged{
		float:right;
		width:450px;
		margin:0;
		text-align:right;
	}
	
	#contact{
		float:right;
		width:190px;
		text-align:right;
		padding:0 10px 0 0;
	}

/* ---------------------------------- */	

	#bannercontent_wrap{
		float:left;
		clear:both;
	}
	
	#logo_banner{
		width:886px;
		float:left;
		clear:both;
		margin:0;
	}
	
	h1#logo{
		background:url(../images/logo.gif) top left no-repeat;
		width:187px;
		height:62px;
		padding:0;
		margin:0 24px 0 0;
		text-indent:-3000em;
		overflow:hidden;
		float:left;
	}
	
		h1#logo a{
			width:187px;
			height:62px;
			display:block;
		}
	
	h2#enjoy{
		background:url(../images/enjoy_our_resource_centre.gif) top left no-repeat;
		width:339px;
		height:62px;
		padding:0;
		margin:0;
		text-indent:-3000em;
		overflow:hidden;
		float:left;
	}
	
	h2#newuser{
		background:url(../images/new_user.gif) top left no-repeat;
		width:248px;
		height:62px;
		padding:0;
		margin:0;
		text-indent:-3000em;
		overflow:hidden;
		float:right;
	}
	
		h2#newuser a{
			width:187px;
			height:63px;
			display:block;
		}


/* ---------------------------------- */
/* LEFT PANE   */
/* ---------------------------------- */

	#left form{
		margin:50px 0 0 0;
		padding:0;
		clear:both;
		float:left;
		width:251px;
	}
	
		#left form label{
			color:#000000;
			float:left;
			clear:both;
			width:220px;
			margin:0 0 0 26px;
		}
	
		#left form input{
			margin:0 0 10px 26px;
			width:200px;
			border:1px solid #a5acb2;
			padding:2px;
			color:#a5acb2;
			clear:both;
			float:left;
		}
		
		#left form input.enter_button{
			width:62px;
			height:11px;
			border:none;
			float:left;
			clear:both;
			margin:0 0 0 170px;
		}
	
	#left p{
		margin:0 0 0 26px;
		padding:0;
	}
	

/* ---------------------------------- */
/* RIGHT PANE   */
/* ---------------------------------- */

	#right form{
		margin:65px 10px 0 0;
		clear:both;
		float:left;
	}

		#right p{
			margin:0 0 5px 26px;
			padding:0;
		}

		#right form label{
			color:#000000;
			margin:0 0 0 26px;
		}

		#right form input{
			margin:0 0 10px 26px;
			width:245px;
			border:1px solid #a5acb2;
			padding:2px 2px 2px 4px;
			color:#a5acb2;
		}
		
		#right form input.short{
			width:115px;
			float:left;
		}
		
		#right form input.shortr{
			width:115px;
			margin:0 0 10px 7px;
		}

		#right form select{
			margin:0 0 10px 26px;
			width:253px;
			border:1px solid #a5acb2;
			padding:0;
			color:#a5acb2;
		}

		#right form input.enter_button{
			width:56px;
			height:11px;
			border:none;
			float:right;
			margin:5px 15px 0 0;
		}

/* ---------------------------------- */
/* FORGOT PASSWORD   */
/* ---------------------------------- */

	#forgotpassword{
		margin:0 0 70px 0;
	}

	#forgotpassword input{
		float:left;
		width:250px;
		padding:2px 2px 2px 4px;
		font-size:80%;
		border:1px solid #a1a1a1;
	}
	
	#forgotpassword label{
		width:100px;
		padding:2px;
		float:left;
		color:#91918f;
	}
	
	#forgotpassword input.submit{
		width:73px;
		height:11px;
		float:left;
		border:none;
		margin:1px 0 0 20px;
	}

/* ---------------------------------- */
/* FOOTER   */
/* ---------------------------------- */

#ninexbfooter{
	width:866px;
	clear:both;
	float:left;
	margin:10px 0 20px 0;
	padding:10px 0 0 0;
	font-size:80%;
	color:#91918f;
	border-top:1px dotted #91918f;
}