@import url(positioning.css);
@import url(nav.css);
@import url(typography.css);
@import url(forms.css);

/* GENERAL
/************************************************************************************/

* {
}

body, div, dl, dt, dd, ul, li, ol, pre, form, fieldset, input, p, table, th {
	margin:0;
	padding:0;
}

html {
}

/* left out to validate!
html {overflow:-moz-scrollbars-vertical; }*/

body {
	font: 0.8em/1.5em "Trebuchet MS", Verdana, Arial, Tahoma;
	color: #3F3F3F;
	background: #EEF1F2 url(../img/bg/bg-gradient.jpg) repeat-y center center;
}

body.events {
	background: #ffffff;
}

p {
	margin:0 0 10px;
	padding:0;
}

ul {
	line-height: 1.5em;
	list-style-type: square;
}

ul.normal. ol.normal{
	margin-bottom: 10px;
}

ul.normal li {
	margin-left: 25px;
	list-style: square;
	color:#353535;
}

ol.normal li {
	margin-left: 25px;
	color:#353535;
}

#main_content ul, #main_content ol {
	margin-bottom: 10px;
}

#main_content ul li {
	margin-left: 25px;
	list-style: square;
}

#main_content td ul li {
	margin-left: 25px;
	line-height: 160%;
	list-style: square;
}

td {
	vertical-align: top;
}

th {
	font-size: 110%;
	text-align: left;
}

td.webform {
	background: #fff;
	padding:0 0 10px 0;
}

/* Normal Table */
table.normal {
	background:#B9E9FF;
	margin-bottom:20px;
}

table.normal th {
	padding:5px;
	color:#333333;
	font:130% Georgia, "Times New Roman", Times, serif;
}

table.normal td {
	background: #fff;
	font-size:100%;
	padding:5px;
	color:#333333;
}

table.normal td p.nb {
	color:#CC0033;
	background:#FFD9FF;
	padding:5px;
	font:80%/130% Verdana, Arial, Helvetica, sans-serif;
}

/* QUALS Stuff (Simon) */
table.normal td.primaryCell {
	width:70%;
}

table.normal td.secondaryCell {
	width:30%;
}

table.pageSection {
	width:100%;
}

.gridheader {
	font-size: 130%;
}

div.clear {
	clear:both;
}

div.clear_home {
	border-top: 1px solid #E5E5E5;
	clear:both;
	margin-top:4px;
	padding:0px 0px 6px 0px;
}

/* HYPERLINKS {not including menu} */
/***********************************************************************************/
a img {
	border: none;
}

a {
	font-weight: normal;
	text-decoration: underline;
	color: #297CE2;
}

a:link, a:visited {
	font-weight: normal;
	text-decoration: underline;
	color: #297CE2;
}

a:hover {
	color: #0099CC;
	text-decoration: none;
}

/*  links in main paragraph underlined always */

#main_content p a:hover, #main_content td a:hover {
	border-bottom: 0px solid #404040;
	color: #fff;
	background: #4B92E7;
}

#ccea_nav a:link, #ccea_nav a:visited {
	color: #999999;
	text-decoration: none;
}

#ccea_nav a:hover {
	color: #333;
	text-decoration:none;
}

#page_nav a:link, #page_nav a:visited {
	color: #41696C;
	text-decoration: none;
	padding-right: 10px;
}

#page_nav a:hover {
	color: #333;
	text-decoration: none;
}

#footer a:link, #footer a:visited {
	color: #999;
	text-decoration: underline;
	font-weight: normal;
}

#footer a:hover {
	color: #ccc;
	text-decoration: none;
}

.invisible {
	display: none;
	visibility: hidden;
}

/* STYLE HORIZONTAL RULE */

.hr {
	height: 55px;
	width: 99%;
	background: #fff url(../img/bg/hr.gif) no-repeat center;
}

hr {
	display:none
}

.note {
	font-style:italic;
	color:#909090;
	background:#f0f0f0;
	padding:10px;
	margin:0 15px 0 0;
	border:1px solid #ccc;
}

.note_plain {
    background: none repeat scroll 0 0 #F0F0F0;
    border: 1px solid #CCCCCC;
    margin: 0;
    padding: 10px;
    width: 88%;
}

.note_leftnav {
	font-style:italic;
	color:#909090;
	background:#f0f0f0;
	padding:7px;
	margin:0 15px 0 0;
	border:1px solid #ccc;
}

img.news {
	float:left;
	clear:none;
	padding: 5px;
	border: 1px dotted #999;
	margin:0 10px 10px 0;
}

p.small {
	font-size: 90%;
	line-height: 150%;
	color:#666;
}

ol {
	padding: 0 0 0 28px;
	margin: 0;
}

.SearchBold {
	font-weight: bold;
	color: #424242;
}

.SearchLbl {
	font-weight: bold;
	font-size: 120%;
	color: #424242;
}

.messageTxt {
	color: #2E73A0;
	font-weight: bold;
}

.bold_home a {
	font-weight: bold;
	text-decoration: underline;
	color: #cc0033;
}

.bold_home a:link, .bold_home a:visited {
	font-weight: bold;
	text-decoration: underline;
	color: #cc0033;
}

.bold_home a:hover {
	color: #0099CC;
	text-decoration: none;
}



	

/* Podcast Styles added April 2009 by RS */

.podcast_nav { background-image: url(../img/podcasts/banner-1.jpg); margin: 0px; padding: 0px; height:95px; }
				
ul#pod_nav { height: 3em; list-style: none; margin: 0; padding: 41px 0px 0px 10px; }

ul#pod_nav li { float: left; margin: 0px; padding: 0px 5px 0px 0px; }

a.podcast:link, a.podcast:visited 	{width: 120px; display: block; background: url(../img/podcasts/nav/Podcasts.jpg); height:39px; margin:15px 0 0 0; padding:0px}
a.podcast:hover 	{background-position: 0px 39px;}
ul#pod_nav li.current_podcast { background: url(../img/podcasts/nav/current/Podcasts.jpg) no-repeat; width:120px; height:39px; padding: 0px 5px 0px 0px; margin:15px 0px 0px 0px; }

a.gce:link, a.gce:visited 	{width: 80px; display: block; background: url(../img/podcasts/nav/GCE.jpg); height:39px; margin:15px 0 0 0; padding:0px;}
a.gce:hover 	{background-position: 0px 39px;}
ul#pod_nav li.current_gce { background: url(../img/podcasts/nav/current/GCE.jpg) no-repeat; width:80px; height:39px; padding: 0px 5px 0px 0px; margin:15px 0px 0px 0px;  }

a.gcse:link, a.gcse:visited 	{width: 86px; display: block; background: url(../img/podcasts/nav/GCSE.jpg); height:39px; margin:15px 0 0 0; padding:0px;}
a.gcse:hover 	{background-position: 0px 39px;}
ul#pod_nav li.current_gcse { background: url(../img/podcasts/nav/current/GCSE.jpg) no-repeat; width:86px; height:39px; padding: 0px 5px 0px 0px; margin:15px 0px 0px 0px;  }

a.help:link, a.help:visited 	{width: 86px; display: block; background: url(../img/podcasts/nav/Help.jpg); height:39px; margin:15px 0 0 0; padding:0px;}
a.help:hover 	{background-position: 0px 39px;}
ul#pod_nav li.current_help { background: url(../img/podcasts/nav/current/Help.jpg) no-repeat; width:86px; height:39px; padding: 0px 5px 0px 0px; margin:15px 0px 0px 0px;  }

.podcast_box {
	width: 232px;
	float: left;
	margin-left: 20px;
	display: inline;
	border: 1px solid #CCCCCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-bottom: 10px !important;
	padding-bottom: 0px;
	margin-top: 10px;
	height: 100px;
	background-color:#fff;
}

.podcast_box_text { float: left; display: inline; width: 152px; }

.podcast_box_text h2 { font-size: 14px; font-weight: bold; color: #666; margin-top: 2px; margin-left: 6px; }

.podcast_box_text p.download {
	background-image: url(../img/podcasts/ico/download.gif);
	background-repeat: no-repeat;
	margin-left: 5px;
	padding-left: 26px;
	margin-top: 10px;
	font-size: 85%;
	padding-top: 6px;
}

.podcast_box .podcast_icon {
	float: left;
	display: inline;
	width: 60px;
	height: 60px;
	margin: 5px;
}

.podcast_intro {
	width: 480px;
	margin-left: 25px;
	float: left;
	margin-top: 20px;
	margin-bottom: 15px;
	display: inline;
	height: 160px;
}

.podcast_content {
	margin: 20px 25px 0px 25px;
}


.subscribe_container p.rss {
	background-image: url(../img/podcasts/ico/rss.jpg);
	height: 47px;
	margin-left: 538px;
	background-repeat: no-repeat;
	padding-left: 56px;
	padding-top: 12px;
	margin-top: 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 125%;
}

.subscribe_container p.itunes {
	background-image: url(../img/podcasts/ico/itunes.jpg);
	height: 75px;
	margin-left: 538px;
	background-repeat: no-repeat;
	padding-left: 56px;
	padding-top: 12px;
	margin-top: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 125%;
}


/*----------------------------------------------*/
/* BETA Bar */
/*----------------------------------------------*/
.beta-bar {
    background: none repeat scroll 0 0 #3d3c3c;
	color: #eeeeee;
	height:64px;
	text-align: left;
}

.beta-bar span {
	font:1.5em "Georgia",Trebuchet MS, Verdana, Arial, Tahoma;
	padding:20px 0px 0px 10px;
	float:left;
	color: #eeeeee !important; 		
}

.beta-bar a {
    color: #fff;
}

.betabtn {
	font:1.8em "Georgia",Trebuchet MS, Verdana, Arial, Tahoma;
    background: none repeat scroll 0 0 #00b5eb;
	float:right;
	background-image: url(../img/ico/betaarrow.png) ;
    background-repeat: no-repeat;   
    background-position: 170px 25px;
}

.betabtn:link {
    color: #FFF;
    display: inline-block;
    height:34px;
    padding: 20px 40px 10px 26px;
    text-decoration: none;
}

.betabtn:hover {
    background: none repeat scroll 0 0 #000;
	background-image: url(../img/ico/betaarrow.png) ;
    background-repeat: no-repeat;   
    background-position:  170px 25px;
}


/*----------------------------------------------*/
/* ccea Pop-up */
/*----------------------------------------------*/
#ccea_popup {
	display: block;
	position: fixed;
	width: 778px;
	height: 100%;
	background: rgba(254,254,254,0.85);
	z-index:1000;
}

#popup_inner {
	display: block;
	padding: 80px 20px;
	margin: 130px auto;
	width: 738px;
	border: 1px solid #303030;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.1);
	background: #ffffff;
	text-align: center;
	color: #303030;
	font-family: 'Roboto', sans-serif;
}

#popup_inner h2 {
	font-weight: 300;
	font-size: 1.5em;
	line-height: 1.5em;
	font-family: 'Roboto', sans-serif;
}

#popup_inner h3 {
	font-weight: 300;
	font-size: 1.2em;
	line-height: 1.5em;
	font-family: 'Roboto', sans-serif;
}

#site_options {
	display: block;
	margin-top: 50px;
}

#old_site_btn, #new_site_btn {
	display: inline-block;
	width: 41%;
	padding: 2%;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	cursor: pointer;
	vertical-align: middle;
}

#old_site_btn {
	background: #ebebeb;
	border: 1px solid #8b8b8b;
	color: #8b8b8b;
	font-size: 1.2em;
	transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
}

#old_site_btn:hover {
	background: #ffffff;
	border: 1px solid #303030;
	color: #303030;
	transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
}

#new_site_btn {
	margin-left: 5%;
	background: #00B1E6;
	border: 1px solid #009ccc;
	color: #ffffff;
	font-size: 1.55em;
	transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
}

#new_site_btn:hover {
	background: #303030;
	border: 1px solid #303030;
	transition: all 0.4s ease 0s;
	-webkit-transition: all 0.4s ease 0s;
}