/*-----------------------------------------------------------------------------
TAKE FIVE REVISION PROGRAMME Style Sheet

version:   1.0
author:    FAT FREE DESIGN
email:     info@fatfreedesign.co.uk
website:   http://www.fatfreedesign.co.uk/
Copyright 2008
All Rights Reserved
----------------------------------------------------------------------------- */

/* =Body
----------------------------------------------------------------------------- */
* {
 	margin: 0;
	padding: 0;
}

body {
	font-family: verdana ,sans-serif;
	background: #000 url("../images/body_bg.gif") top left;
	font-size: x-small; /* IE5/Win thinks the declaration has ended */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /* for complient browsers */
}

html>body { /* be nice to Opera */
	font-size: small;
}

/* =Banner - used to announce version
----------------------------------------------------------------------------- */
#banner {
}

/* =Containers - each subject has a unique background graphic - for non-subject pages use container_plain
----------------------------------------------------------------------------- */
#container_plain {
	background-color: #000;
	border-bottom: 1px solid #404040;
	border-left: 1px solid #404040;
	border-right: 1px solid #404040;
	position: relative;
	left: 50%;
	margin-left: -462px;
	padding: 0;
	width: 924px;
}
/*geography*/
#container_geography {
	background-color: #000;
	border-bottom: 1px solid #404040;
	border-left: 1px solid #404040;
	border-right: 1px solid #404040;
	position: relative;
	left: 50%;
	margin-left: -462px;
	padding: 0;
	width: 924px;
}
/*english*/
#container_english {
	background-color: #000;
	border-bottom: 1px solid #404040;
	border-left: 1px solid #404040;
	border-right: 1px solid #404040;
	position: relative;
	left: 50%;
	margin-left: -462px;
	padding: 0;
	width: 924px;
}
/*history*/
#container_history {
	background-color: #000;
	border-bottom: 1px solid #404040;
	border-left: 1px solid #404040;
	border-right: 1px solid #404040;
	position: relative;
	left: 50%;
	margin-left: -462px;
	padding: 0;
	width: 924px;
}
/*science*/
#container_science {
	background-color: #000;
	border-bottom: 1px solid #404040;
	border-left: 1px solid #404040;
	border-right: 1px solid #404040;
	position: relative;
	left: 50%;
	margin-left: -462px;
	padding: 0;
	width: 924px;
}
/*maths*/
#container_maths {
	background-color: #000;
	border-bottom: 1px solid #404040;
	border-left: 1px solid #404040;
	border-right: 1px solid #404040;
	position: relative;
	left: 50%;
	margin-left: -462px;
	padding: 0;
	width: 924px;
}
/*profile and progress report*/
#container_profile {
	background-color: #333;
	border-bottom: 1px solid #404040;
	border-left: 1px solid #404040;
	border-right: 1px solid #404040;
	position: relative;
	left: 50%;
	margin-left: -462px;
	padding: 0;
	width: 924px;
}

/* =Masthead (logo)
----------------------------------------------------------------------------- */
#masthead {
	background: #000 url("../images/takefive_logo.gif") no-repeat left bottom;
	width: 924px;
	height: 75px;
}

#masthead img {
	border: 0;
	position: absolute;
	top: 5px;
	left: 750px;}

/* =Logout
----------------------------------------------------------------------------- */
#loginfo {
	position: absolute;
	right: 20px;
	top: 10px;
}

#loginfo ul {
	list-style: none;
}

#loginfo ul li a {
	display: block;
	font-size: 80%;
	text-decoration: none;
	color: #fff;
	background: #000 url("../images/bullet_out.gif") no-repeat 0 50%;
	padding: 0 15px;
}

#loginfo li a:hover {
	text-decoration: none;
	color: #cc6600;
	background: #000 url("../images/bullet_out_on.gif") no-repeat 0 50%;
}

/* =Mainnav (main breadcrumbs menu)
----------------------------------------------------------------------------- */
#main_nav {
	background: #000 url("../images/nav_bg.gif") left top;
	width: 924px;
	font-size: 80%;
}

#main_nav ul {
	margin: 0 0 0 10px;
	padding: 6px 0;
	border: 0;
	list-style: none;
}

#main_nav ul li {
	display: inline;
	padding: 0 6px;
	margin: 0;
	border-right: 1px solid #ccc;
}

#main_nav li a {
	text-decoration: none;
	color: #fff;
}

#main_nav li a:hover {
	color: #000;
	color: #cc6600;
}
/* to indicate current page */
#main_nav #t-current a {
	color: #cc6600;
}

/* =Titles (instructions or page titles)
----------------------------------------------------------------------------- */
#page_info {
	background-color: #1c1c1c;
	width: 924px;
}

#page_info p {
	margin: 0 0 0 16px;
	padding: 6px 0;
	font-size: 110%;
	color: #ccc;
}

/* =SubMenu (left hand column) 
----------------------------------------------------------------------------- */
#content_menu_container {
	float: left;
	background: #000 url("../images/nav_bg.gif") left top;
	border-right: 1px solid #404040;}

#sub_menu  {
	font-size: 80%;
	color: #fff;
	width: 200px;
	margin: 0 0 40px 0;
	clear: both;
	border-top: 1px solid #404040;
}

#sub_menu ul {
	list-style: none;
}

#sub_menu li {
	display: block;
	text-decoration: none;
	color: #fff;
	line-height: 1.4em;
	background: #000 url("../images/submenu_bg.jpg") repeat-x;
	padding: 6px 16px;
	border-bottom: 1px solid #404040;
}

#sub_menu li a:hover {
	text-decoration: none;
	background: #cc3300 url("../images/bullet_on.gif") no-repeat 6px 10px;
}

#sub_menu li.off {
	display: block;
	text-decoration: none;
	color: #3e3e3e;
	background: #1c1c1c url("../images/bullet_off.gif") no-repeat 6px 10px;
	padding: 8px 30px;
	border-bottom: 1px solid #404040;
}

#sub_menu li .list_title {
	color: #777;
	font-size: 110%;}
	
#sub_menu li img {
	border: 1px solid #fff;}

#support_menu  {
	font-size: 80%;
	color: #fff;
	width: 200px;
	margin: 0;
	clear: both;
	border-top: 1px solid #404040;
}

#support_menu ul {
	list-style: none;
}

#support_menu a {
	display: block;
	padding: 6px 16px;
}

#support_menu li {
	text-decoration: none;
	background: #cc6600 url("../images/supportmenu_bg.jpg") repeat-x;
	border-bottom: 1px solid #404040;
}

#support_menu li a {
	text-decoration: none;
	color: #fff;
}

#support_menu ul li a:hover {
	text-decoration: none;
	background-color: #cc6600;
	color: #fff;
}

/* =MainContent main content copy/images
----------------------------------------------------------------------------- */
#main_content {
	width: 684px;
	float: right;
	margin-bottom: 40px;}

#main_content h1 {
	font-size: 130%;
	font-weight: normal;
	color: #797945;
	margin: 20px 0 0 0;}

#main_content h2 {
	font-size: 110%;
	font-weight: normal;
	color: #797945;
	margin: 20px 0;}	

#main_content p {
	line-height: 1.4em;
	color: #fafafa;
	margin: 10px 20px 10px 0;}

#main_content a {
	color: #fff;}

#main_content a:hover {
	color: #cc3300;}
	
#main_content ul {
	list-style-type: none;
	margin: 10px 20px 10px 0;}

#main_content ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	background: url("../images/bullet.gif") no-repeat 0 50%;
	padding: 5px 20px;
}

#main_content li a:hover {
	text-decoration: none;
	color: #cc3300;
	background: url("../images/bullet_on.gif") no-repeat 0 50%;
}

.score {
	color: #000;
	background-color: #ffff00;
	font-size: 120%;}
		
#main_content p.dev_notes { /*devloper notes only*/
	font-size: 90%;
	font-style: italic;
	color: red;}
	
/* =MainContent as SINGLE column (help page)
----------------------------------------------------------------------------- */
#main_content_single {
	width: 684px;
	float: right;
	margin-bottom: 40px;}

#main_content_single h1 {
	font-size: 130%;
	font-weight: normal;
	color: #797945;
	margin: 20px 0 0 0;}

#main_content_single h2 {
	font-size: 120%;
	font-weight: normal;
	color: #797945;
	margin: 10px 20px 0 0;
	border-top: 1px solid #797945;
	padding: 10px 0 0 0;}

#main_content_single p {
	line-height: 1.4em;
	color: #fafafa;
	margin: 10px 20px 10px 0;}
	
#main_content_single a {
	color: #fff;}

#main_content_single a:hover {
	color: #cc3300;}
	
#main_content_single ul {
	list-style-type: none;}

#main_content_single ul li {
	color: #fff;
	background: url("../images/bullet.gif") no-repeat 0 50%;
	padding: 5px 20px;}

/* =main_content_double_sub as double column on the left (login page)
----------------------------------------------------------------------------- */
#main_content_double_sub {
	float: left;
	width: 440px;
	background-color: transparent;
	margin: 0;
	padding: 0;
}

#main_content_double_sub h1 {
	font-size: 130%;
	font-weight: normal;
	color: #797945;
	margin: 20px 0 0 20px;
}

#main_content_double_sub h2 {
	font-size: 110%;
	font-weight: normal;
	color: #797945;
	margin: 20px 0 0 20px;
}

#main_content_double_sub p {
	font-size: 90%;
	line-height: 1.6em;
	color: #fafafa;
	margin: 10px 0 0 20px;
}

#main_content_double_sub a {
	color: #fff;
}

#main_content_double_sub a:hover {
	color: #cc6600;
}

/* =main_content_double as double column on the right (login page)
----------------------------------------------------------------------------- */
#main_content_double {
	float: right;
	width: 420px;
	background-color: transparent;
	margin: 0;
	padding: 0;
}

#main_content_double h1 {
	font-size: 130%;
	font-weight: normal;
	color: #797945;
	margin: 20px 20px 0 0;
}

#main_content_double h2 {
	font-size: 110%;
	font-weight: normal;
	color: #797945;
	margin: 20px 20px 0 0;
}

#main_content_double p {
	line-height: 1.4em;
	color: #fafafa;
	margin: 20px 20px 0 0;
}

#main_content_double a {
	color: #fff;
}

#main_content_double a:hover {
	color: #cc6600;
}

#main_content_double ul {
	list-style-type: none;
	margin: 20px 20px 20px 0;
}

#main_content_double ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	background: #000 url("../images/bullet.gif") no-repeat 0 50%;
	padding: 5px 20px;
}

#main_content_double li a:hover {
	text-decoration: none;
	color: #cc6600;
	background: #000 url("../images/bullet_on.gif") no-repeat 0 50%;
}


/* =lesson_and_test for the links below the tests except previous question
------------------------------------------------------------------------------*/

#lesson_and_test ul {
	list-style-type: none;
	margin: 20px 0;
}

#lesson_and_test ul li a {
	text-decoration: none;
	color: #fff;
	background: url("../images/bullet_b.bg.gif") no-repeat 20px 8px;
	padding: 5px 35px;
}

#lesson_and_test li a:hover {
	text-decoration: none;
	color: #cc3300;
	background: url("../images/bullet_b.bg_on.gif") no-repeat 20px 8px;
}

/* =links as a list - on choose a subject for instance
------------------------------------------------------------------------------*/

#main_content .choices {
	list-style-type: none;
}

#main_content .choices li a {
	text-decoration: none;
	color: red;
	background: url("../images/bullet.gif") no-repeat 0 50%;
	padding: 4px 20px;
	line-height: 30px;
}

#main_content .choices li a:hover {
	text-decoration: none;
	color: #cc6600;
	background: url("../images/bullet_on.gif") no-repeat 0 50%;
}


/* =Footer site info
----------------------------------------------------------------------------- */
#footer {
	background-color: #1c1c1c;
	clear: both;
	text-align: center;
	font-size: 70%;
	color: #666;
	padding: 5px 20px;
	border-top: 1px solid #404040;
}

#footer img {
	vertical-align: text-bottom;
	border: 0;
}

/* =Form styling
----------------------------------------------------------------------------- */
/* form used for login */


label {
	display: block;}

input:focus {
	background: #ffc;}

input {
	border-top: 2px solid #404040;
	border-left: 2px solid #404040;
	border-bottom: 2px solid #ccc;
	border-right: 2px solid #ccc;}

.akey {
	text-decoration: underline;}
	

	
/* form used for questions */
form {
	float: left;
	margin: 20px 20px 20px 0;}

form ul {
	list-style-type: none;}

form li {
	color: #fafafa;
	padding-bottom: 15px;}

input.radio {
	float: left;
	margin-right: 10px;}
	
.question {
	margin-top:10px;}
	
	
form li.left {
	float:left;}
	
form li.right {
	float:right;
	margin-right: 20px;}
	
/* =Table specs
----------------------------------------------------------------------------- */
caption {
	font-weight: bold;
	margin: 0.5em 0;
	color: #b0a81c;
	text-align: left;
}

table {
	border-collapse: collapse;
	width: 644px;
	margin: 0 0 20px 0;
	border: 1px solid #404040;
	clear: left;
}

td {
	background-color: #999;
	text-align: left;
	border-bottom: 1px solid #404040;
	border-right: 1px solid #404040;
	padding: 0.4em;
	font-size: 90%;
}

td a {
	font-size: 90%;
}

.headings {
	background-color: #797945;
	color: #fff;
	font-weight: bold;
	width: 50%;
}

.tablemargin {
	margin-top: 20px;
}

.lessondivider { /* used to break up the lesson types */
	background-color: #8b8b8b;
}

.vid {
background: #fff url("../images/vid_bg.gif") repeat-y;
color: #fff;
font-size: 80%;}
.aud {
background: #fff url("../images/aud_bg.gif") repeat-y;
color: #fff;
font-size: 80%;}
.kin {
background: #fff url("../images/kin_bg.gif") repeat-y;
color: #fff;
font-size: 80%;}
.your_average {
background: #fff url("../images/your_average_bg.gif") repeat-y;
color: #fff;
font-size: 80%;}
.average {
background: #fff url("/admin/images/average_bg.gif") repeat-y;
color: #fff;
font-size: 80%;}
.percColor {
background: #ffcc00;
}


/* table navigation */
#main_content #table_nav li {
	float: left;
	margin: 0 0 1px 0;
	padding: 0;
	font-size: 90%;
	list-style: none;
	border-left: 1px solid #404040;
}

#main_content #table_nav a {
	float: left;
	display: block;
	margin: 0 1px 0 0;
	padding: 4px;
	color: #fff;
	text-decoration: none;
	background: #797945;
}

#main_content #table_nav a:hover {
	background-color: #cc3300;
	color: #fff;
}

/* to indicate subject being reported */
#main_content #s-current a {
	background-color: #cc6600;
}


td.noClass {
	background-color: Red;
}

td.ClassFFF {
	background-color: Red;
}