/*
	Description: "Extras" section global stylesheet
	Author: Chris Campbell
	Company: Verdant
	Company URI:www.verdant.com.au
*/


/* Import Stylesheets
-----------------------------------------------------------*/
@import url("960/960.css");
@import url("960/reset.css");
@import url("960/text.css");
@import url("generic.css");


/* Master Template Styles
-----------------------------------------------------------*/
html, body, form{height:100%;}


div#container 
{
	height:auto !important; /* real browsers */
	height:100%;
	min-height:100%;
}

div#wrapper 
{
	margin-bottom:45px;
}

div#footer 
{
	margin-top:-45px;
	text-align:center;
	font-size:8pt;
	clear:both;
}


div#header {
	background:url(../images/mid_shadow.gif) repeat-y top left;
	position:relative;
}

div#head_mid {
	padding:20px 0 30px 0;
}

div#corners {
	background:url(../images/top_shadow.gif) repeat-x bottom left;
	height:17px;
}

div#corners .bl {
	float:left;
	height:17px;
	background:url(../images/bl_shadow.gif) no-repeat left;	
	width:15px;
	height:17px;
}

div#corners .br {
	float:right;
	background:url(../images/br_shadow.gif) no-repeat top right;
	width:15px;
	height:17px;
}


.gc_logo {padding-left:15px;}
div#topbar {padding-top:10px;}


div#extras_header h1 {display:none;}
div#extras_header {
	background:url(../images/section_header.gif) no-repeat top left;
	width:441px;
	height:85px;
	float:left;
}

#footer_nav ul {
	list-style-type:none;
	margin:0;
}

#footer_nav ul li {
	display:inline;
	margin:0;
}

#footer_nav a:hover {text-decoration:underline;}


/* Quiz Home Styles
-----------------------------------------------------------*/

#info {
	padding-bottom:20px;
	font-size:14pt;
	color:#222222;
	text-align:justify;
}

#info p {margin:0;}

.notification_label {
	text-align:center;
	margin:0;
	font-size:12pt;
	font-weight:bold;
	color:#f1592b
}

.points {
	color:Black;
	font-size:14pt;
}

#extra_left, #extra_right {margin-top:20px;}
#extra_right 
{
	background:url(../images/quiz_questions.gif) no-repeat top right; 
	min-height:200px;
	height:auto !important;
	height:200px;
}

div#ambassador_b 
{
	text-align:center;
}

div#ambassador {

	width:231px;
	height:380px;
	margin:0 auto;
}

/* Breadcrumbs
-----------------------------------------------------------*/
#nav_back {padding:5px 5px 10px 0; height:37px;}
#nav_back span {
	padding-left:15px;
	line-height:33px;
	float:left;
}

.bc {
	background:url(../images/bc_left.gif) no-repeat top left;
	float:left;
	height:33px;
	margin-right:-10px;
}

.bc div {
	background: url(../images/bc_right.gif) no-repeat top right;
	height:100%;
	padding-right:15px;
	padding-left:15px;
	float:left;
}


.bc a {
	font-weight:bold;
	font-size:12pt;
	background:url(../images/bc_middle.png) repeat-x top left;	
	height:100%;
	line-height:33px;
	float:left;
	padding:0 3px 0 3px;
	color:White;
}

.bc a:visited {color:white;}
.bc a:hover {color:#f1592b;}


.logout_button:hover {background-position:0 -37px;}
.logout_button {
	float:right;
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	height:37px;
	width:87px;
	background:url(../images/quiz_logout.gif) no-repeat top left;
}




/* Generic Classes
-----------------------------------------------------------*/

.seperator {margin:0 5px 0 5px;}
.speech {font-style:italic;}
.big_header {margin:5px 0 0 15px;}



/* Quiz Links
-----------------------------------------------------------*/

#quiz_list ul{
	list-style-type:none;
	margin:0;
	padding:0;
	width:298px;
}

#quiz_list ul li 
{
	margin:0;
	padding:0;

}

#quiz_list ul li div 
{
	background:url(../images/quiz_middle.png) no-repeat top left;
	cursor:pointer;
	height:33px;
}

#quiz_list ul li div.top {background:url(../images/quiz_top.gif) no-repeat top left;}
#quiz_list ul li div.bottom {background:url(../images/quiz_bottom.gif) no-repeat top left;}


#quiz_list ul li span {
	font-weight:bold;
	color:White;
	font-size:13pt;
	line-height:33px;
	display:block;
	padding-left:10px;
}

/* Nested ul elements */
#quiz_list ul li ul {display:none;}

#quiz_list ul li ul li
{
	background:none;
	height:30px;
	position:relative;
	border-top:solid 1px #cecece;
}

#quiz_list ul li ul li a 
{
	padding-left:10px;
	display:block;
	line-height:30px;
}

#quiz_list ul li ul li.top
{
	border:none;
}

#quiz_list ul li ul li.bottom 
{
	border:none;
	border-bottom:solid 1px #cecece;
} 

#quizzes_header 
{
	background:url(../images/quizzes_header.gif) no-repeat top left;
	width:140px;
	height:28px;
}

#quizzes_header h1 {display:none;}
#quiz_info 
{
	padding:10px 100px 0 0;
}


/* Login
-----------------------------------------------------------*/
.login_error 
{
	padding-top:20px;
	font-weight:bold;
	font-size:9pt;
	font-style:normal;
}

div#login 
{
	height:372px;
	margin:0 auto;
	background:url(../images/quiz_login.gif) no-repeat top left;
}

div#login #loginText
{
	padding:5px 10px 0 120px;
	font-style:italic;
}

#loginText a {font-weight:bold;}

div#loginControl 
{
	padding:40px 122px 0 77px;
	position:relative;
}


div#loginForm div
{
	padding-top:10px;
	clear:both;
	text-align:right;
}

div#loginForm span
{
	font-size:12pt;
	font-weight:bold;
	float:left;
	color:#111111;
	padding-right:10px;
}

div#loginForm .textBox 
{
	display:inline;
	width:150px;
	font-size:12pt;
	padding:5px;
	border:solid 1px #d4d4d4;
	font-weight:bold;
}

#loginButtons {text-align:center;}


#loginButtons div 
{
	padding:15px 0 15px 0;
	clear:right;
}

.submit_button 
{
	border:solid 1px gray;
	background:#d4d4d4;
	padding:0 7px 0 7px;
	overflow:visible;
	font-weight:bold;
	color:#222222;
	font-size:12pt;
	cursor:pointer;
	display:inline;
}

.submit_button:hover 
{
	background:gray;
	color:white;
}


#ambassador_header 
{
	background:url(../images/ambassador_header.gif) no-repeat top left;
	width:228px;
	height:26px;
}


.textBox 
{
	padding:2px 5px 2px 5px;
	margin:0;
	width:150px;
	font-size:12pt;
	border:solid 1px #d4d4d4;
	font-weight:bold;
}



#ambassador_header h1 {display:none;}
#ambassador_info {padding:15px 0 0 0;}





/* Student Registration
-----------------------------------------------------------*/
div#student_reg_header h1 {display:none;}
div#student_reg_header 
{
	background:url(../images/registration_header.gif) no-repeat top left;
	height:33px;
	width:211px;	
}

div#student_reg_box 
{
	background:url(../images/registration_box2.gif) no-repeat top left;
	height:503px;
	width:428px;
	margin:0 auto;	
}

div#registration_info 
{
	font-style:italic;
	padding:30px 120px 0 0;
}

div#registration_form {padding:0 40px 0 30px;}
div#registration_form div
{
	padding-top:10px;
	clear:both;
	text-align:right;
}

div#registration_form span
{
	font-size:12pt;
	font-weight:bold;
	float:left;
	color:#111111;
	padding-right:10px;
}

.tb_header 
{
	font-size:12pt;
	font-weight:bold;
	float:left;
	color:#111111;
	padding-right:10px;	
}


.form_error 
{
	padding:50px 40px 10px 30px;
	height:30px;
}

.form_error p {padding:0;}

.form_error img {float:left;}
.form_error span 
{
	font-weight:normal;
	font-size:10pt;
	display:block;
	margin-left:30px;
}


div#quiz 
{
	padding-top:20px;	
}


/* Forgotten Password
-----------------------------------------------------------*/

div#password_header h1 {display:none;}
div#password_header 
{
	background:url(../images/password_header.gif) no-repeat top left;
	width:351px;
	height:33px;	
}

div#forgot_password
{
	padding-top:20px;
	text-align:center;
}


div#forgot_password div 
{
	padding-bottom:20px;
}

div#forgot_password span 
{
	font-size:12pt;
	font-weight:bold;
	color:#111111;
	padding-right:2px;
}