﻿/*//////////////////////////////////////////////////////////// 2009 REDESIGN STYLES //////////////////////////////////////////////////////////////

 002B54 - dark TB blue, main color controlled by TD
 0082C6 - blue
 ED1C24 - red 
 00A156 - green
 EAF0F9 - l. blue

 ----------------------- FIXED ELEMENTS ----------------------- */
BODY {FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif;line-height:120%;}
TABLE {border-spacing:5px; border-collapse: collapse;}

TD {padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	vertical-align:top;
	font-size:12px;
	color:#002B54;
	line-height:130%;}

DIV {
	FONT-SIZE: 12px; 
	MARGIN: 0px; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

H1 {font-size:18px; color:#002B54;line-height:120%;}
H2 {font-size:15px; color:#00A156;line-height:120%;}
H3 {font-size:14px; color:#0082C6;margin-bottom: 0px;margin-top: 0px;line-height:120%;}
H4 {font-size:13px; color:#0082C6;line-height:120%;}
H5 {font-size:14px; color:#ED1C24 ;margin-top: 0px;margin-bottom: 2px;line-height:120%;}

HR {border: 0; height: 1px; background-color:#00A156;}
IMG {border:0;}
OL {FONT-SIZE: 12px;color: #002B54;}
LI {FONT-SIZE: 12px; color: #002B54; LINE-HEIGHT: 130%; margin-top:5px; margin-bottom:5px;}
UL {FONT-SIZE: 12px; COLOR: #002B54; LINE-HEIGHT: 130%; color: #151D49;}

/*  form elements  */
FORM {MARGIN: 0px;color: #002B54; }
TEXTAREA {FONT-SIZE: 12px;color: #002B54;}
INPUT {FONT-SIZE: 12px;color: #002B54; }
SELECT {FONT-SIZE: 12px;color: #002B54;}
OPTION {FONT-SIZE: 12px;color: #002B54; }

A {COLOR: #0082C6;TEXT-DECORATION: none;outline-style:none;}
A:hover {COLOR: #002B54; TEXT-DECORATION: underline;}
a:active, a:focus {outline:none;}



/* ----------------------- TEXT STYLES ----------------------- */
.center {text-align:center;}
.right {text-align:right;}
.bold {font-weight:bold;}
.emphasise {font-style:italic;}

/*  color controls  */

.footA:active {color: #0082C6; font-size:10px;}
.footA:visited {color: #0082C6; font-size:10px;}
.footA:hover {color: #0082C6; font-size:10px;}
.footA{color: #0082C6; font-size:10px;}

.green {color:#00A156}
.red {COLOR: #ff0000}
.redA:visited {color:red;}
.redA:active {color:red;}
.redA:hover {color:red;}
.redA {color:red;}

.footnote { font-size:10px; color:green;}
.copyright { font-size:9px; color:#0082C6;}

.rssA:hover  {font-size:9px; color:#0082C6 ;}
.rssA:visited  {font-size:9px; color:#0082C6 ;}
.rssA:active  {font-size:9px; color:#0082C6 ;}
.rssA  {font-size:9px; color:#0082C6 ;}

.blueA:hover {font-size:14px; color:#0082C6; font-weight:bold;}
.blueA:visited {font-size:14px; color:#0082C6; font-weight:bold;}
.blueA:active {font-size:14px; color:#0082C6; font-weight:bold;}
.blueA {font-size:14px; color:#0082C6; font-weight:bold;}

.downloadA:hover {font-size:18px; color:#E1EAF7;}
.downloadA:visited {font-size:18px; color:#0082C6 ;}
.downloadA:active {font-size:18px; color:#0082C6 ;}
.downloadA {font-size:18px; color:#0082C6 ;}

/* ----------------------- CUSTOM BLOCK ELEMENTS ----------------------- */  

.imgfloat {float:right; margin:5px;}

.extrapadding {
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 10px;}
	
.extrapadding5 {
	padding-left: 5px;
	padding-top: 5px;
}

.extrapadding10 {
	padding-left: 10px;
	padding-right:10px;
	padding-top: 20px;
	padding-bottom:10px;

}


.margin10 {
margin-left:10%;
margin-right:10%;
}

.margin5 {
margin-left:5%;
margin-right:5%;
}

.tablecenter{
	display:inline-table;
    margin-left: auto;
    margin-right: auto;
    text-align: left;}

.tablenopadding{
	padding:0;
	margin:0;}
	
.standout700x425{
	background-image:url('images/standout_blocks/700x425.gif');
	background-repeat:no-repeat;
	background-position:top center;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;}
	
.standout700x200{
	background-image:url('images/standout_blocks/700x200.gif');
	background-repeat:no-repeat;
	background-position:top center;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;}

.standout700x300{
	background-image:url('images/standout_blocks/700x300.gif');
	background-repeat:no-repeat;
	background-position:top center;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;}

.standout_news400x80{
	background-image:url('images/standout_blocks/400x80.gif');
	background-repeat:no-repeat;
	background-position:top center;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;}

.standout400x400{
	background-image:url('images/standout_blocks/400x400.gif');
	background-repeat:no-repeat;
	background-position:top center;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;}

.standout280x500{
	background-image:url('images/standout_blocks/280x500.gif');	
	/*background-image:url('images/standout_box_250x550.gif');*/
	background-repeat:no-repeat;
	background-position:center;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	background-position:0 0;}	

.standout880x230{
	background-image:url('images/standout_blocks/880x230.gif');	
	background-repeat:no-repeat;
	background-position:center;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	background-position:0 0;}
	
.standout880x70{
	background-image:url('images/standout_blocks/880x70.gif');	
	background-repeat:no-repeat;
	background-position:center;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	background-position:0 0;}
	



.textbox {width:150px;}

.skybluebg {background-color:#E1EAF7;}
.dblue {background-color:#002B54 ;}
.NFnav {
	background-image:url('images/NF_Navbar.gif');	
	background-repeat:no-repeat;
}

.centerV {vertical-align:middle; text-align:center;}
.pinfoProd {font-size:18px; color:#002B54;}

.rightwhitemargin{
	position:fixed;
	right:0px;
	top:0px;
	background-repeat:repeat-y;
	z-index:1;
}
.followus{
    position:fixed;
	top:20px;
	right:22px;
	font-size:10px;
	color:#0082C6;
	z-index:2;}

.facebook{
    position:fixed;
	z-index:2;
	top:70px;
	right:20px;}
	
.twitter{
    position:fixed;
	top:40px;
	right:20px;
	z-index:2;}
	
.rss_follow{
    position:fixed;
	top:100px;
	right:20px;
	z-index:2;}

.aqa{
    position:fixed;
	top:140px;
	right:22px;
	font-size:10px;
	color:#0082C6;
	z-index:2;}

.exampro{    
	position:fixed;
	top:160px;
	right:20px;
	z-index:2;}

.edexcel{
    position:fixed;
	top:190px;
	right:22px;
	font-size:10px;
	color:#0082C6;
	z-index:2;}

.examwizard{    
	position:fixed;
	top:210px;
	right:20px;
	z-index:2;}

.ocr{
    position:fixed;
	top:240px;
	right:22px;
	font-size:10px;
	color:#0082C6;
	z-index:2;}

.examquest{    
	position:fixed;
	top:260px;
	right:20px;
	z-index:2;}

.cie{
    position:fixed;
	top:290px;
	right:22px;
	font-size:10px;
	color:#0082C6;
	z-index:2;}

.qkit{    
	position:fixed;
	top:310px;
	right:20px;
	z-index:2;}
	

.footer_block {
float:left;
padding-left:60px;
padding-right:60px;
font-size:11px;}

.footer_content{display: inline;}

.dropshadow_box { 
background-color: #EAF0F9; 
border-color:#00A156;
border:5px;
overflow: visible;  
  /*Firefox*/
-moz-border-radius-bottomleft: 10px; 
-moz-border-radius-bottomright: 10px;
-moz-box-shadow: #002B54 1px 1px 5px; 
  /*Safari and Chrome*/
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-box-shadow: #002B54 1px 1px 5px; 
  /*Konqueror - an open source web-browser*/
 -khtml-border-bottom-left-radius: 10px; 
 -khtml-border-bottom-right-radius: 10px;  
  /*Opera and future changes*/  
 border-radius: 10px; 
 box-shadow: #002B54 1px 1px 5px; 
 }

/* ----------------------- RSS Styles ----------------------- */  
.rsswrap{height:440px; width:260px; overflow:auto;}
.rsstitle{color:#00A156; font-weight:bold;}
.rssdescription{color:#0082C6; font-size:10px;}
.rssdate{color:#ED1C24; font-size:10px;}

.rsslink{color:#EAF0F9; font-size:11px;}
.rsslink:active{color:#EAF0F9; font-size:10px;}
.rsslink:hover{color:#EAF0F9; font-size:10px;}
.rsslink:visited{color:#EAF0F9; font-size:10px;}


/*-----------------------login styles ------------------*/
.login_bg {background:url('images/online/Login_bg.jpg') no-repeat;padding:20px;color:#0082C6; width:305px; height:200px;}
.login_head{font-size:16px;}
.login_hr {background-color:white;}
.login_inputs {float:right;}
.white{color:#ffffff;}
#forgot_username{font-size:10px; float:right}

#loginBtn {background:url('images/online/login_up.png') no-repeat; width:70px; height:30px; border:0px;}
#loginBtn:hover {background:url('images/online/login_down.png') no-repeat; } 

.event_bg {background:url('images/online/Order_bg.jpg') no-repeat; padding:20px; color:#0082C6; width:150px; height:200px;}
.event_head{font-size:16px;}
.event_hr {background-color:#00A156;}

#orderBtn {background:url('images/online/order_up.png') no-repeat; width:70px; height:30px; border:0px;}
#orderBtn:hover {background:url('images/online/order_down.png') no-repeat; } 

.inline{display:inline;}

