/*
Cascading Style Sheet Version 2.0
Created for website Pub Quiz (quizbay.com) by Pete Crewdson
All coding copyright 2007 WNW Design Limited and it's subsidiaries
skeleton.css version 1.0

This document includes all main screen elements of the website including all division,
paragraph and custom styled elements which are presented in the layout of the website.
*/

* {
text-decoration : none;
}



/* main page body */

body {
background : url('../graphics/layout/logo-2.jpg') no-repeat;
margin : 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 62.5%;
}

	.importantstat {
	font-weight: bold;
	font-size: 1.2em;
	color: #c00;
	}

	.b {
	font-weight : bold;
	}
	
	.strike {
	text-decoration : line-through;
	}
	
	.red {
	color : #c00;
	font-weight : bold;
	}
	
	.green {
	color : #0c3;
	font-weight : bold;
	}
	
	.required {
	border : 1px solid #c00;
	}



/* header and navigation */

#header {
position : relative;
z-index : 1;
display: block;
float: left;
width: 100%;
border-bottom: 1px solid #000;
}

	p#welcome {
	color : #444;
	font-size : 1.4em;
	font-weight : bold;
	line-height : 1.6em;
	z-index : 2;
	position : absolute;
	right : 300px;
	text-align : right;
	top : 20px;
	* position : relative;
	* top : 90px;
	* margin : -40px 0 0;
	}
	
		html>body #header {

		}
	
		html>body p#welcome {
		* position : relative;
		* top : 90px;
		* margin : -40px 0 0;
		}
	
		p#welcome a {
		color : #888;
		}

	#logo {
	background : url('../graphics/layout/nav.jpg') 100% 0% no-repeat;
	height: 152px;
	position: relative;
	}
	
	p#nav {
	background : #1F6BDF url('../graphics/common/blue-mid.gif') repeat-x;
	color : #1F6BDF;
	font-size : 1.3em;
	height : 16px;
	margin : 127px 0 0;
	padding : 0px;
	position : relative;
	font-variant : small-caps;
	z-index : 1;
	display: block;
	float: left;
	width: 100%;
	}
	
		html>body p#nav {
		height : auto;
		min-height : 16px;
		}
	
		p#nav a {
		color: #fff;
		background : #1F6BDF url('../graphics/common/blue-mid.gif') repeat-x;
		display: block;
		float: left;
		}
	
		p#nav span {
		display: block;
		float: left;
		min-height: 15px;
		cursor: pointer;
		}
		
			p#nav span.m {
			padding: 5px 0px;
			margin: 0px 5px;
			}
		
			p#nav span.l {
			background : url('../graphics/common/blue-left.gif') no-repeat;
			width: 6px;
			}
		
			p#nav span.r {
			background : url('../graphics/common/blue-right.gif') no-repeat;
			width: 6px;
			}
		
			p#nav a:hover {
			background : #000 url('../graphics/common/black-mid.gif') repeat-x;
			}
		
			p#nav a:hover span.l {
			background : #000 url('../graphics/common/black-left.gif') repeat-x;
			width: 6px;
			}
		
			p#nav a:hover span.r {
			background : #000 url('../graphics/common/black-right.gif') repeat-x;
			width: 6px;
			}
	
		p#nav a.red {
		background : #F01E1E url('../graphics/common/red-mid.gif') repeat-x;
		}
		
			p#nav a.red span.l {
			background : url('../graphics/common/red-left.gif') no-repeat;
			width: 6px;
			}
		
			p#nav a.red span.r {
			background : url('../graphics/common/red-right.gif') no-repeat;
			width: 6px;
			}
	
		p#nav a.black {
		background : #000 url('../graphics/common/black-mid.gif') repeat-x;
		}
		
			p#nav a.black span.l {
			background : url('../graphics/common/black-left.gif') no-repeat;
			width: 6px;
			}
		
			p#nav a.black span.r {
			background : url('../graphics/common/black-right.gif') no-repeat;
			width: 6px;
			}



/* content area */

#content {
background : url('../graphics/layout/left.gif') repeat-y;
clear: both;
}

	
	
	
	/* left navigation */
	
	ul#left {
	background : #fff 50% 100% no-repeat;
	float : left;
	font-size : 1.1em;
	font-weight : bold;
	list-style : none;
	margin : 0;
	padding : 0;
	text-transform : uppercase;
	width : 150px;
	}
	
		ul#left.nopay {
		background : none;
		padding : 0;
		}
	
			ul#left.nopay li {
			border-bottom : 1px solid #fff;
			}
	
		ul#left li {
		background : #D0E6FE;
		margin : 1px 0 0;
		}
	
		ul#left li.header {
		background : #5C9ADF;
		border : none;
		color : #fff;
		padding : 5px 3px 5px 12px;
		}
		
			ul#left li a {
			border-left : 12px solid #fff;
			color : #2D6CB2;
			display : block;
			padding : 5px 2px 5px 16px;
			width : 120px;
			}
			
			ul#left li.header#subscribe {
			padding : 0;
			margin : 0;
			}
			
			ul#left li.header#subscribe img {
			border : none;
			}
			
			ul#left li.header#subscribe a {
			border : none;
			padding : 0;
			text-align : center;
			width : auto;
			}
		
			ul#left li.admin a {
			border-left : none;
			padding : 5px 2px 5px 10px;
			width : 136px;
			}
			
				ul#left li a:hover {
				color : #000;
				}
	
		ul#left li.cart {
		background : #5C9ADF;
		border : none;
		padding : 0;
		}
		
			ul#left li.cart a {
			border-left : none;
			color : #fff;
			display : block;
			padding : 5px 2px 5px 12px;
			width : 124px;
			}
	
	
	
	/* right content section */
	
	#right {
	font-size : 1.2em;
	margin : 0 0 0 150px;
	padding : 0 0 0 15px;
	text-align : justify;
	}
	
		html>body #right {
		margin : 0;
		}
		
		#right h1 {
		font-size : 1.2em;
		margin : 0;
		padding : 0 0 12px 0;
		}
		
			#right h1#pad {
			padding : 15px 0 12px 0;
			}
		
		#right h2 {
		background : #D0E6FE;
		border : 1px solid #5C9ADF;
		color : #1F6BDF;
		font-size : 1.4em;
		letter-spacing : -1px;
		margin : 0 0 10px 0;
		padding : 10px;
		}
		
		#right p {
		line-height : 1.3em;
		margin : 0;
		padding : 0 0 16px 0;
		}
		
			#right p#trail {
			font-size : .9em;
			padding : 5px 0;
			}
		
		#right a {
		color : #1F6BDF;
		}
		
			#right a:hover {
			border-bottom : 1px dashed #EE1E1E;
			color : #EE1E1E;
			}



/* footer */

p#footer {
background : #1F6BDF;
color : #fff;
font-size : 1.2em;
margin : 0;
padding : 7px 12px;
position : relative;
z-index : 1;
}

	p#footer a {
	color : #fff;
	}
	
		p#footer a:hover {
		border-bottom : 1px dashed #000;
		color : #000;
		}
		
	p#footer span {
	color : #1F6BDF;
	float : right;
	margin : 0 20px;
	}
		
		p#footer span a {
		margin : 0 4px;
		}



/* home page */

#home {
width : 100%;
}

	p#home_text {
	padding : 0 0 22px 0;
	}

	.home_float {
	float : left;
	width : 33%;
	}
	
	#right .box {
	border-top : 1px solid #3F7ABB;
	color : #1F6BDF;
	padding : 1px 0 0;
	margin : 1px 0 0 0;
	}
	
	#right p.box_title {
	font-size : 1.2em;
	font-weight : bold;
	margin : 0 0 10px 0;
	padding : 1px 12px;
	text-transform : uppercase;
	}
	
		#right span.adtext {
		color : #999;
		text-transform: uppercase;
		}
		
			#right span.adtext a {
			color : #999;
			}
		
		#right img.box_image {
		float : left;
		margin : 0 10px 5px 0;
		}
		
			#right p.box_ad {
			margin : 0 0 5px 0;
			}
		
				#right p.box_ad img {
				border: none;
				}
		
				#right p.box_ad a:hover {
				border: none;
				}
		
			#right .box_links a {
			color: #000000;
			font-weight: bold;
			}
			
			#right .box_links a:hover {
			color: #000000;
			font-weight: bold;
			border-bottom : 1px dashed #000000;
			}



/* default forms */
	
.form {
border-top : 1px solid #3F7ABB;
padding : 1px 0 0;
margin : 1px 0 0;
}

#right p.form_title {
border-left : 12px solid #1F6BDF;
color : #1F6BDF;
font-size : 1.2em;
font-weight : bold;
margin : 0 0 10px 0;
padding : 1px 12px;
text-transform : uppercase;
}

form {
border : 1px solid #eee;
margin : 0 0 16px 0;
padding : 10px;
}

	form.noborder {
	border : none;
	padding : 0;
	}

	label {
	color : #666;
	display : block;
	padding : 0 0 2px 0;
	}
	
		label.remember {
		display : inline;
		}
		
		label span {
		color : #c00;
		font-size : .8em;
		margin : 0 10px;
		}

	input, select, textarea {
	background : #fff url('../graphics/common/fade.jpg') repeat-x;
	border : 1px solid #ccc;
	display : block;
	font-family : Arial;
	font-size : 1em;
	margin : 0 auto 10px;
	padding : 3px 5px;
	padding : 2px 0;
	width : 100%;
	}
	
	html > body input, html > body select, html > body textarea {
	*width : 95%;
	*margin-left: 5px;
	}
	
		textarea#mailContent {
		height : 250px;
		}
	
		input[type=hidden] {
		display : none;
		}
	
		input.checkbox {
		border : none;
		display : inline;
		margin : 0 10px;
		width : 20px;
		}
	
		textarea {
		height : 75px;
		}
	
		input.submit {
		margin : 5px auto 0 0;
		width : 180px;
		}
	
	

/* tables */

table {
border : 1px solid #eee;
margin : 0;
padding : 0;
width : 100%;
}

	th, td {
	border : 1px solid #eee;
	padding : 5px;
	margin : 0;
	text-align : left;
	}
	
		th p, td p {
		padding : 5px 5px 10px;
		}
	
		th {
		background : #eee;
		}
		
			td#add_a_question, tr.shaded td {
			background : #eee;
			}



/* administration area */

#admin, #main {
width : 100%;
}

	.admin_float, .main_float {
	float : left;
	width : 49%;
	}
	
	.red {
	color : #c00;
	}
	
	.section_info {
	font-size : .8em;
	margin : 0 3px;
	}
	
	span.s_active, span.s_inactive {
	font-size : .9em;
	margin : 0 20px;
	}
	
		span.s_active {
		color : #c00;
		}
		
		span.s_inactive {
		color : #aaa;
		}




/* quiz details */

#content ul.question {
list-style : none;
margin : 0;
padding : 0 0 16px 30px;
}



/* quiz results */

#content .result_answer {
background : #eee;
border : 1px solid #ddd;
padding : 10px;
margin : 0 15px 10px 0;
}

	#content .result_answer p {
	margin : 0;
	padding : 0;
	}
	
	#content .result_answer ul {
	margin : 10px 15px 0 0;
	padding : 10px 20px 0;
	}



/* time bar and time status */

#right p.adbar {
margin : 0 0 10px 30px;
padding: 0;
}

	#right p.adbar a:hover, #right p.adbar img {
	border: none;
	}

div#timeBar {
border : 1px solid #000;
color : #000;
font-size : 1.8em;
font-weight : bold;
margin : 30px;
padding : 10px;
text-align : center;
}

div#timeOut {
background : #000;
height : 100%;
left : 0;
position : fixed;
text-align : center;
top : 0;
width : 100%;
z-index : 10000;
}

	div#timeOut table {
	margin : auto;
	width : 500px;
	}

	div#timeOut table td {
	border : none;
	color : #fff;
	font-size : 1.6em;
	padding : 200px 0;
	text-align : center;
	}
	
		div#timeOut table p {
		margin : 0;
		padding : 20px 0;
		}
	
		div#timeOut table a {
		background : #fff;
		font-size : 1.4em;
		padding : 10px;
		}




/* results panel */

ul#results_panel {
border-top : 1px solid #BCCFE5;
color : #555E68;
font-size : 1.2em;
font-weight : bold;
letter-spacing : -1px;
list-style : none;
margin : 0 15px 30px 0;
padding : 0;
}

	ul#results_panel li {
	background : #D0E6FE;
	border-bottom : 1px solid #BCCFE5;
	padding : 5px 10px;
	}
	
		ul#results_panel li span {
		color : #AABBCF;
		float : right;
		}
		
	#right .result_answer span.report {
	color : #999;
	float : right;
	font-size : .95em;
	padding : 5px;
	}
	
		#right .result_answer span.report a {
		color : #999;
		}
	
			#right .result_answer span.report a:hover {
			color : #c00;
			}
		


/* highlight */

table tr.highlight td, p.highlight, #right .highlight {
color : #c00;
}

table tr.backlit td, p.backlit, #right .backlit {
background : #ccc;
}



/* pagination */

p#paging {
text-align : center;
padding : 20px 0 5px;
}

	p#paging a, p#paging span {
	background : #D0E6FE;
	border : 1px solid #BCCFE5;
	margin : 0 1px;
	padding : 3px;
	}
	
		p#paging a:hover, p#paging span {
		background : #BCCFE5;
		border : 1px solid #1F6BDF;
		}



.float_box {
padding : 15px 15px 15px 0;
}



/* float and correction commands */

#content, 
#right, 
p#footer, 
#home, 
#right .box_links, 
#admin,
#right .result_answer,
ul#results_panel li {
height : 1%;
}

html>body #content, 
html>body #right, 
html>body p#footer, 
html>body #home, 
html>body #right .box_links,
html>body #admin,
html>body #right .result_answer,
html>body ul#results_panel li {
height : auto;
overflow : auto;
}