/*
Title: Prepare for Sucess Stylesheet
Original author: Artificial Tourism
URL: http://www.artificialtourism.com
Created: 10 March 2009
Modified: 8 May 2009
Updated: 21 July 2010 by Andrew Davey
Email: A.Davey@soton.ac.uk
*/
 
body{
max-width:100%;
margin:0;
padding:0;
text-align: center;
font: normal .9em/135% arial, helvetica, sans-serif;
background: #00354f;
color: #333;
}

em {overflow:visible;zoom:1;}

.midq {font-size:1.2em;}

.vidnorm {width:256px;height:240px;padding:8px 8px 8px 8px;margin:0px;background: url(http://www.prepareforsuccess.org.uk/supportfiles/vidback.gif) no-repeat;}

.vidwide {width:336px;height:224px;padding:8px 8px 8px 8px;margin:0px;background: url(http://www.prepareforsuccess.org.uk/supportfiles/vidbackw.gif) no-repeat;}

.aud {width:256px;height:48px;padding:8px 8px 8px 8px;margin:0px;background: url(http://www.prepareforsuccess.org.uk/supportfiles/audback.gif) no-repeat;}

.newbox {border:0;padding:0;margin:1px;width:160px;height:78px;background:url(http://www3.clustrmaps.com/counter/index2.php?url=http://www.prepareforsuccess.org.uk) 0% -16px;float:right;clear:none;}

.nbmap {display:block;width:100%;height:100%;}

#container {
clear:both;
background: transparent url(http://www.prepareforsuccess.org.uk/supportfiles/header_bkg.gif) repeat-x;
padding: 0;
margin: 0;
width: 100%;
min-width: 760px;
}

#header{
color: #fff;
height: 80px;
border-bottom: 2px solid #004d68;
text-align: left;
padding: 0 20px;
}

#intro, #content, #nav, #footer{padding: 0 20px;text-align: left;}

#intro {background-color: #fff;}
#content {background-color: #e2e5e5;border-top: 1px solid #b2ccd7;}

#nav {
background: #00354f url(http://www.prepareforsuccess.org.uk/supportfiles/nav_bkg.gif) repeat-x;
color: #fff;
padding: 0 0 0 24px;
}
#nav ul{margin: 0;padding: 8px 0 8px 0;}
#nav ul li {
float: left;
list-style-type: none;
border-right: 1px solid #4d8086;
padding-right: 6px;
padding-left: 6px;
}
#nav ul li.last{border-right: none;}

#footer {
color: #fff;
text-align: left;
font-size: .75em;
}

.quiz .wlist {font-size:120%;}
.wt .alpha {min-width: 450px;}
.wt .beta {
float: right;
padding-top: 12px;
width: 242px;
text-align: center;
clear: none;
}
.ww .alpha{float: left;width: 49.5%;min-width: 360px;}
.ww .beta{float: right;width: 49.5%;min-width: 360px;}

#footer .alpha {float: left;width: 25em;padding-top: 9px;}
#footer .beta {float: left;padding-bottom: 12px;}

.twt .alpha, .twt .beta, .twt .gamma {float: left;width: 30%;margin-top: 12px;}

.twt .beta {width: 39%;}
.twt .gamma {float: right;}

.lo_box .lo_box .quiz {padding: 8px 12px;}
.video {padding: 8px 12px 0 12px;}
.inner{padding: 12px;}
.logos {padding-top: 30px;}

.lo_link {
font-size: .9em;
line-height: 115%;
background: url(http://www.prepareforsuccess.org.uk/supportfiles/blue_grey_dot.gif) repeat-x 0 bottom;
margin-bottom: 12px;
padding-bottom: 10px;
}
.lo_link .num{
width: 70px;
height: 50px;
float: left;
color: #fff;
text-align: center;
padding-right: 10px;
padding-top: 12px;
font: bold 30px/34px "Arial Black", Helvetica, sans-serif;
letter-spacing: -.03em;
}
* html .lo_link .num {letter-spacing: -2px;}

.grey .num{background: url(http://www.prepareforsuccess.org.uk/supportfiles/arr_grey.gif) no-repeat 0 center;text-decoration: none;}
.cyan .num{background: url(http://www.prepareforsuccess.org.uk/supportfiles/arr_cyan.gif) no-repeat 0 center;text-decoration: none;}
.orange .num{background: url(http://www.prepareforsuccess.org.uk/supportfiles/arr_orange.gif) no-repeat 0 center;text-decoration: none;}
.num{text-decoration:none;cursor: pointer;}

.nu {text-decoration:none;}
.lo_link .lo_link_txt{padding-left: 95px;text-decoration: none;}

.orange_tab, .blue_tab{padding-right: 24px;min-width:0;position: relative;}
.cl {clear:left;}
.orange_tab.curro {background: url(http://www.prepareforsuccess.org.uk/supportfiles/orange_tab.gif) no-repeat right center;}
.blue_tab.currb {background: url(http://www.prepareforsuccess.org.uk/supportfiles/blue_tab.gif) no-repeat right center;}
.orange_tab .box{
background: #efa61b;
padding: 8px;
margin-bottom: 12px;
position:relative;
}
.blue_tab .box {
background: #36b4d8;
padding: 8px;
margin-bottom: 12px;
position:relative;
}
.lo_box {
background-color: #fff;
margin: 12px 0;
border: 1px solid #b7cfda;
padding: 12px;
}
.answer_box{
background-color: #f7c466;
margin: 24px 12px 32px 24px;
padding: 16px 24px;
font-weight: bold;
text-align: justify;
}
.faq_tab{margin-bottom: 12px;display:block;}
#faq0b,#faq1b{background: url(http://www.prepareforsuccess.org.uk/supportfiles/orange_tab.gif) no-repeat right center;}
#faq2b,#faq3b{background: url(http://www.prepareforsuccess.org.uk/supportfiles/orange_tab_r.gif) no-repeat left center;}

.lo_key {
color: #fff;
background-color: #004b66;
padding: 12px;
margin: 12px 0;
font-size: 1.1em;
}

.reviewbox {
color: #fff;
background: #0077aa;
margin: 12px 0;
padding: 12px;
_display: inline-block
}

.helpanswer, .feedbackanswer {
color: #fff;
background-color: #69696b;
padding: 12px;
margin: 12px 0;
_display: inline-block
}

.feedback, .hidefeedback, .help, .hidehelp, .review, .hidereview, .answer, .hideanswer{
display: block;
cursor: pointer; 
border: 0;
margin: 12px 0 0 12px;
font: bold 1.1em/120% Arial, Helvetica, sans-serif;
color: #0077aa;
padding: 10px 0 10px 35px;
*padding:10px 0 10px 10px;
}

.help, .hidehelp{background: #fff url(http://www.prepareforsuccess.org.uk/supportfiles/help.gif) no-repeat 0 center;}
.feedback, .hidefeedback{background: #fff url(http://www.prepareforsuccess.org.uk/supportfiles/feedback.gif) no-repeat 0 center;}
.review, .hidereview{color: #ffffff;background: #0077aa url(http://www.prepareforsuccess.org.uk/supportfiles/review.gif) no-repeat 0 center;margin-top: 0;}

.answer{margin: 0;color: #fff;background: #13abd7 url(http://www.prepareforsuccess.org.uk/supportfiles/answer.gif) no-repeat 0 center;}

.answer_on {height: 39px;}

#header h1{margin: 0;}

h1 {
font-size: 2.2em;
color: #333;
line-height: 95%;
letter-spacing: -1px;
padding: 0;
margin-top: 12px;
margin-bottom: 0;
}
.lo_box h2 {
color: #000;
font-weight: normal;
font-style: normal;
margin: 0;
font-size: 165%;
}

h3 {
margin: 0;
padding: 6px 0 2px;
font-size: 120%;
}
h3.pdf{
background: url(http://www.prepareforsuccess.org.uk/supportfiles/pdf.gif) no-repeat left center;
margin-top: 12px;
padding-left: 20px;
margin-bottom: 0;
padding-bottom: 0;
margin-left: 12px;
font-weight: normal;
font-style: normal;
font-size: 1em;
}
.reviewbox h3{
color: #fff;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 12px;
font-size: 140%;
}

.lo_link h2{font-size: 1.1em;margin: 0;padding: 0;}

.box h2 {
font-weight: normal;
font-style: normal;
color: #fff;
margin: 0;
padding: 0;
font-size: 1.4em;
background: url(http://www.prepareforsuccess.org.uk/supportfiles/white_dot.gif) repeat-x 0 bottom;
}

.tech {margin-top:1.4em;}

.techh {margin-top:0.8em;}

p.tags {text-align: center;}

blockquote {
padding-left: 0;
margin-left: 0;
color: #00334c;
font-style: italic;
font-weight: bold;
}

p.caption {
font-size: .8em;
padding-top: 0;
margin-top: 4px;
color: #666;
}

.lo_box p, .reviewbox p {
font-size: .9em;
margin-left: 12px;
margin-top: .5em;
margin-bottom: .5em;
}

p.lo_intro {
padding: 0;
color: #000;
font-size: 1em;
margin-top: 0;
}

#footer p {margin-bottom: 0;padding-bottom: 5px;}

ul.linklist{
margin-left: 0;
padding-left: 0;
padding-right: 0;
margin-right: 0;
list-style-type: none;
font-size: 1.2em;
margin-top: 0;
text-align: left;
}
ul.linklist li {
background: url(http://www.prepareforsuccess.org.uk/supportfiles/blue_dot.gif) repeat-x 0 bottom;
padding-top: .4em;
padding-bottom: .4em;
}

ul.linklist li button.lbutr,ul.linklist li button.lbutt,ul.linklist li button.lbutd{
border:0;
width: 12em;
background: #fff;
font: bold 1em/110% Arial, Helvetica, sans-serif;
text-decoration: none;
background: url(http://www.prepareforsuccess.org.uk/supportfiles/arr.gif) no-repeat 0 center;
display: block;
padding-left: 15px;
color: #006699;
text-align: left;
cursor: pointer;
}

ul.pathways {
list-style-type: none;
margin-left: 0;
padding-left: 0;
font-weight: bold;
text-decoration: none;
}

ul.pathways li {
margin-top: .2em;
padding-bottom: .2em;
padding-left: 1em;
background: url(http://www.prepareforsuccess.org.uk/supportfiles/sp_arr.gif) no-repeat 0 2px;
}
p.befl {padding-bottom:0; margin-bottom:0;}
ul.intli {margin-top:0; padding-top:0;}
ul.fbans {margin-top:0; padding-top:0; font-size:90%;}

img {border: none;}

img.blue_border {border: 1px solid #b7cfda;}

p.perpic {
border: 1px solid #b7cfda;
padding: 4px 0px 0px 0px;
background: #fff;
text-align: center;
clear: both;
float: right;
margin: 0px 4px 4px 14px;
width: 110px;
color: #666;
}

img.person {border: 1px solid #b7cfda;}
img.icon {float: left;padding-right: 12px;}
img.mid {vertical-align: middle;}

h2 img {vertical-align: middle;padding-right: .3em;}

a:link, a:visited {color: #006699;}

#header a, #footer a{color: #fff;}

#header a:hover, #footer a:hover{color: #00ccff;}
#nav a {display: block;text-decoration: none;color: #fff;}
#nav a:hover{color: #0cf;text-decoration: underline;}
#nav a.current{color: #0cf;}

ul.linklist a{
font-weight: bold;
text-decoration: none;
background: url(http://www.prepareforsuccess.org.uk/supportfiles/arr.gif) no-repeat 0 center;
display: block;
padding-left: 15px;
}
ul.linklist a:hover{text-decoration: underline;}
.orange h2 a{color: #e18e13;}
.cyan h2 a{color: #0099cc;}
.grey h2 a{color: #171717;}

.orange a:hover, .cyan a:hover, .grey a:hover {color: #006699;}

ul.pathways a {text-decoration: none;}

ul.pathways a:hover {text-decoration: underline;}

.orange_tab .box a:hover, .orange_tab .box a.current {color: #000;}
.blue_tab .box a:hover, .blue_tab .box a.current {color: #000;}
.orange_tab .box a.current{background-color: #f9dba4;text-decoration: none;}
.blue_tab .box a.current {background-color: #9be4f4;text-decoration: none;}

.helpanswer a:link, .helpanswer a:visited, .feedbackanswer a:link, .feedbackanswer a:visited {color: #ff9949;font-weight: bold;}

h3.pdf a {text-decoration: none;font-weight: bold;}
h3.pdf a:hover {text-decoration: underline;}

.reviewbox a, .reviewbox a:link, .reviewbox a:visited {color: #ff9949; font-weight: bold;}

a.faq {
background: #36b4d8;
display: block;
text-decoration: none;
color: #000!important;
font-weight: bold;
padding: 32px 21px;
_display: inline-block;
}
.faq_tab.curroql .faq{background: #efa61b;_display:inline-block;}
.faq_tab.curroqr .faq{background: #efa61b;_display:inline-block;}
.alpha a.faq{margin-right: 24px;_display:inline-block;text-align:left;}
.gamma a.faq{margin-left: 24px;_display:inline-block;text-align:left;}

.tbut, .sbut {
font-family: Arial, Verdana, sans-serif;
border:0;
padding:0;
background:transparent;
vertical-align:middle;
width:auto;
overflow:visible;
height:auto;
cursor:pointer;
}

.sbut {padding:0 0.15em;_padding:0 0.3em;margin: 0.1em 6px;}

.tbut {padding:0 0.1em;_padding:0 0.25em;margin: 0.1em 6px;}

.clear {width: 1px;height: 1px;margin: 0;padding: 0;clear: both;}
.grd {width:95%;}
td.grid {width: 50%; vertical-align: top; padding-bottom: 30px;}

#header:after,#nav:after,#nav ul:after,#content:after,#intro:after,.alpha:after,.beta:after,#footer:after,.lo_link:after{content: " ";display: block;visibility: hidden;clear: both;height: 0.1px;font-size: 0.1em;line-height: 0;}

#header,#nav,#nav ul,#content,#intro,.ww .alpha,.ww .beta,#footer,.lo_link{height: 1%;}
.bpadr {float: right; padding-top: 10px; padding-bottom: 10px;} .bpad {padding-top: 10px; padding-bottom: 0px;} .bpadc {padding-top: 0px; padding-bottom: 10px;} #intro {min-width: 700px;}
/*Nifty Corners Cube CSS by Alessandro Fulciniti
*/

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
 overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

#yourScore {
border:1px #333 solid;
padding: 0px 10px;
font-size: 120%;
font-weight: bold;
}

#yourScore2 {
border:1px #333 solid;
padding: 0px 10px;
font-size: 120%;
font-weight: bold;
}

strong.anshighlight {background-color: #fff;color: #666;font-weight: bold;}

.kword {
background:none;
padding:4px 2px;
margin:0;
width:auto;
height:1.8em;
font-family:arial;
border:0;
color:#fff;
overflow:visible;
font-size:110%;
font-weight:bold;
position:absolute;
}

#kw1 {color:#00354f;top:1.25em;left:8.5em;width:2em;height:10.75em;font-size: 105%;line-height: 1.2em;}
#kw2 {color:#36b4d8;top:0em;left:3em;width:11em;height:2em;font-size: 125%;}
#kw3 {color:#00354f;top:2.5em;left:18em;width:8em;height:2em;font-size:105%;line-height: 1.3em;}
#kw4 {color:#36b4d8;top:4em;left:0em;width:9.5em;height:2em;font-size: 90%;}
#kw5 {color:#ed541d;top:6.5em;left:0em;width:9.5em;height:2em;font-size: 100%;}
#kw6 {color:#ed541d;top:6em;left:19em;width:7em;height:2em;font-size: 110%;}
#kw7 {color:#efa61b;top:1.5em;left:1em;width:7em;height:2em;font-size: 125%;}
#kw8 {color:#36b4d8;top:3.5em;left:15.5em;width:10em;height:2em;font-size: 125%;}
#kw9 {color:#36b4d8;top:6em;left:12em;width:8em;height:2em;font-size: 95%;}
#kw10 {color:#00354f;top:7.5em;left:11em;width:9.5em;height:2em;font-size: 125%;}
#kw11 {color:#efa61b;top:0em;left:18.5em;width:2em;height:10em;font-size: 100%;line-height: 1.05em;}
#kw12 {color:#00354f;top:1.75em;left:10.25em;width:7em;height:2em;font-size: 110%;}
#kw13 {color:#ed541d;;top:4em;left:9.5em;width:7.5em;height:2em;font-size: 105%;}
#keywords {text-align:left;background:transparent;width:32em;position:relative;height:12em;margin-top:0;padding:0;}