/* CSS/xhtml by BUILDER NAME & Design by CREATIVE NAME, Civic. */

* {margin:0; padding:0}
html {background:#fff}
body {background:#fff url("../images/body-bg.gif") top left repeat-x; color:#333; font-family:arial, verdana, tahoma, helvetica, sans-serif; font-size:81%; margin:0 auto; margin-bottom:10px; text-align:center}

/* standard headings, fonts and links */
h1,h2,h3,h4,h5,h6{font-family:arial, verdana, tahoma, helvetica, sans-serif}
h1 {color:#294a8c; font-size:181%; padding:5px 0 0 0; margin:0 0 10px 0}
body#home h1, body#home legend {display:none;}
h2 {color:#294a8c; font-size:131%; border-bottom:1px dotted #294a8c; padding-bottom:2px}
#center h2 {margin:0 0 5px 0; display:block; position:relative}
#center h2 a{text-decoration:none}
h3{color:#294a8c; font-size:111%; margin:0 0 10px 0} 
body#more h3 {margin:0 0 5px 0}
h4{color:#333; font-size:100%}
p {margin:0 0 10px 0; line-height:150%; color:#1a1a1a}
p.intro {color:#333; font-size:121%; margin:0 0 15px 0}
#left a {color:#002c77; text-decoration:none}
#center a, #right a {color:#002c77; text-decoration:underline}
#center a:hover, #right a:hover {text-decoration:none}
body#more #slider a {}
div.section {border:1px solid #ccc; padding:15px; margin:0 0 15px 0; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px}
/* hack for ccc menu */
div#AdminFunc {position:absolute; top:0; left:0; z-index:1000}
.error{color:red; font-weight:bold} 
.required{color:red; font-weight:bold}
/*
img, div, p, a, td, table {behavior: url(//www2.sqa.org.uk/js/iepngfix.htc)}
*/
div.noBr br {display:none}
/* */

/* misc */
.skiplinks, hr.skiplinks{display:none!important}
input, select, textarea{font-size:100%; font-family:arial, verdana, tahoma, helvetica, sans-serif}
input, select{vertical-align:middle} textarea{vertical-align:top}
form{margin:0; padding:0; border:0} table{font-size:100%; border-collapse:collapse} img{border:0} fieldset {border:none; padding:0; margin:0}
hr{height:1px; border:0; border-bottom:1px dotted #333; clear:both; color:#fff; background:#fff}
ul{list-style-type:none}
a:active{outline:none} 
a {outline:none}
.clear{clear:both; height:0; line-height:1px; font-size:1px; margin-top:-1px; display:block}
img.banner {margin:0 0 20px 0}
img.floatRight {margin:0 0 10px 20px; border:5px solid #ccc; float:right}
img.floatLeft {margin:0 20px 10px 0; border:5px solid #ccc; float:left}

.clearDiv:after {content: "."; display:block; height:0; clear:both; visibility:hidden}
.clearDiv {display: inline-block}
/* Hides from IE-mac \*/
* html .clearDiv {height: 1%}
.clearDiv {display: block}
/* End hide from IE-mac */


/* containers */
#container {margin:0 auto; text-align:left; width:970px}

/* header */
#header {position:relative; height:91px}
#header #logo{top:0; left:-18px; position:absolute; width:157px; height:91px; overflow:hidden; color:#0c4d8c; font-size:200%}
#header #logo a{text-decoration:none; cursor:pointer; color:#0c4d8c}
body#more #header #logo a{cursor:default}
#header #logo a span{display:block; position:absolute; left:0; top:0; z-index:1; width:157px; height:91px; background:url("../images/sqa_logo.gif") 0 0 no-repeat}
#header #toplinks{float:right; text-align:right; background:#ebecef; width:45em}
#header #toplinks ul li{display:inline; margin:0; float:left; padding:7px 0 8px 0; border-right:2px solid #fff}
#header #toplinks ul li.noline{padding:2px}
#header #toplinks ul li.logout a {background:url(//www4.sqa.org.uk/images/admin-logout.gif) 5px 5px no-repeat; padding:7px 25px}
#header #toplinks ul li a{color:#002c77; text-decoration:none; padding:7px 9px; margin:0 2px 0 0; font-size:81%}
#header #toplinks ul li a:hover{background:#002c77; text-decoration:none; color:#fff}
#header #toplinks form{float:left; background:#ebecef; padding:3px; margin:0}
#header #toplinks input{border:1px solid #002c77; background:#fff; color:#002c77; font-size:82%; padding:3px 0 3px 10px; width:180px}
	* html #header #toplinks input{padding:5px 0 4px 10px}
#header #toplinks input.submit {padding:2px 6px; width:auto; background:#335692; font-weight:bold; margin-left:0; color:#fff}
#header #toplinks ul li.high {display:none}

/* MAIN NAV 
/* hover fix for IE6 
body{behavior:url("assets/js/sqa_csshover.htc")}

/* redesign changes 2012 */

html, body {
    overflow-x: hidden;
}
	
#topnav {
	background: #356097;
	height: 44px;
	position: relative;
	z-index: 603;
}

#topnav:before,
#topnav:after {
	background: #356097;
	bottom: 0;
	content: '';
	height: 44px;
	position: absolute;
	top: 0;
	width: 999em;
}

#topnav:before {
	border-right: 2px solid #fff;
	right: 100%;
}

#topnav:after {
	border-left: 2px solid #fff;
	left: 100%;
}

ul#nav {
	height: 44px;
	margin: 0 !important;
	padding: 0;
}

ul#nav .hidden  {
	left: -999em;
	position: absolute; 
}

ul#nav li {
	border-left: 2px solid #fff;
}

ul#nav li#nav2 {
	border-left: 0;
}

ul#nav li {
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
}

ul#nav li a {
	border-bottom: 2px solid #fff;
	color: #fff;
	display: block;
	height: 24px;
	padding: 10px 0;
}

ul#nav li a:hover {
	text-decoration: underline;
}

ul#nav li ul {
	/*min-height: 44px;*/
}

ul#nav li ul li {
	font-size: 16px;
	text-align: left;
}

ul#nav li ul li a {
	/*height: 22px;*/
	padding: 30px 0 15px 22px;
}

ul#nav li ul li ul {
	position: static;
}

ul#nav li ul li ul li {
	font-size: 14px;
}

ul#nav li a {
	height: 24px;
}

ul#nav li ul li a {
	border: 0;
}

ul#nav li li a {
	height: auto;
}

ul#nav li a a {
	background: transparent;
}

ul#nav li:hover ul,
ul#nav li.sfHover ul {
	padding-bottom: 10px;
	top: 46px;
	width: 100%;
}

ul#nav li:hover ul ul,
ul#nav li.sfHover ul ul {
	top: 59px;
}

ul#nav li:hover ul li,
ul#nav li.sfHover ul li {
	border: 0;
	width: 20%;
}

ul#nav li:hover ul li ul li,
ul#nav li.sfHover ul li ul li {
	font-weight: normal;
	line-height: 16px;
	margin-bottom: 4px;
	width: 100%;
}

ul#nav li:hover ul li ul li a,
ul#nav li.sfHover ul li ul li a {
	height: auto;
	padding: 0 0 0 22px;
}

ul#nav.sf-shadow ul {padding: 0;}

/* tab-specific rules */

ul#nav li#nav3 ul li.nobord,
ul#nav li#nav5 ul li.nobord,
ul#nav li#nav6 ul li.nobord,
ul#nav li#nav7 ul li.nobord{
	color: #fff;
	float: left;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	padding: 10px 22px;
	width: 100%;
}

/* table cell display for polite browsers (ie not ie6/7) */

#nav1,#nav2,#nav3,#nav4,#nav5,#nav6,#nav7 {
	width: auto;
}

#nav {
	border-collapse: collapse;
	display: table;
	height: 100%;
	width: 100%;
}

#nav1,#nav2,#nav3,#nav4,#nav5,#nav6,#nav7 {
	display: table-cell;
	float: none;
	position: static;
}

/* end table cell display for polite browsers (ie not ie6/7) */

#nav1,#nav2,#nav3,#nav4,#nav5,#nav6,#nav7 {
	*float: left;
}

/* i am a */
#iam #topnav,
#iam #topnav:before,
#iam #topnav:after {
	background: #519dc1;
}

#nav2 {
	*width: 124px;
}

ul#nav li#nav2:hover a,
ul#nav li#nav2.sfHover a {
	border-bottom: 2px solid #519dc1;
}

ul#nav li#nav2:hover a,
ul#nav li#nav2.sfHover a,
ul#nav li#nav2 ul {
	background: #519dc1;
}

/* i want to */
#how #topnav,
#how #topnav:before,
#how #topnav:after {
	background: #29649c;
}

ul#nav li#nav6:hover a,
ul#nav li#nav6.sfHover a {
	border-bottom: 2px solid #29649c;
}

#nav6 {
	*width: 140px;
}

ul#nav li#nav6:hover a,
ul#nav li#nav6.sfHover a,
ul#nav li#nav6 ul{
	background: #29649c;
}

ul#nav li#nav6:hover ul,
ul#nav li#nav6.sfHover ul {
	width: auto;
}

ul#nav li#nav6:hover ul li, ul#nav li#nav6.sfHover ul li {
    width: auto;
}

ul#nav li#nav6 ul li {
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    line-height: 22px;
    padding-right: 22px;
}

/* subjects */
#subj #topnav,
#subj #topnav:before,
#subj #topnav:after {
	background: #553063;
}

#nav3 {
	*width: 130px;
}

ul#nav li#nav3:hover a,
ul#nav li#nav3.sfHover a {
	border-bottom: 2px solid #553063;
}

ul#nav li#nav3:hover a,
ul#nav li#nav3.sfHover a,
ul#nav li#nav3 ul{
	background: #553063;
}

ul#nav li#nav3:hover ul,
ul#nav li#nav3.sfHover ul {
	width: auto;
}

ul#nav li#nav3:hover ul li, ul#nav li#nav3.sfHover ul li {
    width: auto;
}

ul#nav li#nav3 ul li {
    color: #FFFFFF;
    float: left;
    font-weight: bold;
    line-height: 22px;
    padding-right: 22px;
}

/* qualifications */
#qual #topnav,
#qual #topnav:before,
#qual #topnav:after {
	background: #294a8d;
}

ul#nav li#nav4:hover a,
ul#nav li#nav4.sfHover a {
	border-bottom: 2px solid #294a8d;
}

#nav4 {
	*width: 163px;
}

ul#nav li#nav4:hover a,
ul#nav li#nav4.sfHover a,
ul#nav li#nav4 ul{
	background: #294a8d;
}

ul#nav li#nav4 > ul > li.col {
	width: 25%;
	float: left;
}

ul#nav li#nav4 ul li ul li a {
    font-size: 16px;
    font-weight: bold;
    padding: 30px 0 15px 22px;
}

ul#nav li#nav4 ul li ul li ul li a {
    padding: 0 0 0 22px;
    font-size: 14px;
    font-weight: normal;
}

/* cfe */
.cfe#qual #topnav,
.cfe#qual #topnav:before,
.cfe#qual #topnav:after,
.cfe #topnav,
.cfe #topnav:before,
.cfe #topnav:after {background: #7C9D4C;}

.cfe#qual #left .standardPanel ul#subNav li a,
.cfe #left .standardPanel ul#subNav li a {
    color: #035C37;
}

/* accreditation */
#accr #topnav,
#accr #topnav:before,
#accr #topnav:after {
	background: #3d6878;
}

ul#nav li#nav5:hover a,
ul#nav li#nav5.sfHover a {
	border-bottom: 2px solid #3d6878;
}

#nav5 {
	*width: 161px;
}

ul#nav li#nav5:hover a,
ul#nav li#nav5.sfHover a,
ul#nav li#nav5 ul {
	background: #3d6878;
}

ul#nav li#nav5 ul li {
	color: #fff;
	float: right;
	/*font-size: 14px;*/
	font-weight: bold;
	line-height: 22px;
	padding-right: 22px;
}

ul#nav li#nav5:hover ul,
ul#nav li#nav5.sfHover ul {
	left: auto;
	right: 0;
	width: auto;
}

ul#nav li#nav5:hover ul li,
ul#nav li#nav5.sfHover ul li {
	width: auto;
}

/* about sqa */
#about #topnav,
#about #topnav:before,
#about #topnav:after {
	background: #3c4161;
}

ul#nav li#nav7:hover a,
ul#nav li#nav7.sfHover a {
	border-bottom: 2px solid #3c4161;
}

#nav7 {
	*width: 112px;
}

ul#nav li#nav7:hover a,
ul#nav li#nav7.sfHover a,
ul#nav li#nav7 ul {
	background: #3c4161;
}

ul#nav li#nav7 ul li {
	color: #fff;
	float: right;
	/*font-size: 14px;*/
	font-weight: bold;
	line-height: 22px;
	padding-right: 22px;
}

ul#nav li#nav7:hover ul,
ul#nav li#nav7.sfHover ul {
	left: auto;
	right: 0;
	width: auto;
}

ul#nav li#nav7:hover ul li,
ul#nav li#nav7.sfHover ul li {
	width: auto;
}



/* support */
#more #topnav,
#more #topnav:before,
#more #topnav:after {
	background: #29649c;
}

ul#nav li#nav1:hover a,
ul#nav li#nav1.sfHover a {
	border-bottom: 2px solid #29649c;
}

#nav1 {
	*width: 128px;
}

ul#nav li#nav1:hover a,
ul#nav li#nav1.sfHover a,
ul#nav li#nav1 ul {
	background: #29649c;
}

ul#nav li#nav1 ul li {
	float: right;
	width: 33%;
}

ul#nav li#nav1 ul {
	left: auto;
	right: 0;
	width: 60%;
}

ul#nav li#nav1 ul li ul {
	position: static;
	width: auto;
}

ul#nav li#nav1 ul li ul li {
	width: 100%;
}

ul#nav li#nav3 ul li,
ul#nav li#nav5 ul li,
ul#nav li#nav6 ul li,
ul#nav li#nav7 ul li {
	font-size: 14px;
	font-weight: normal;
}

ul#nav li#nav3 ul li a,
ul#nav li#nav5 ul li a,
ul#nav li#nav6 ul li a,
ul#nav li#nav7 ul li a {
	padding-bottom: 0;
}

ul#nav li#nav3:hover a, ul#nav li#nav3.sfHover a,
ul#nav li#nav5:hover a, ul#nav li#nav5.sfHover a,
ul#nav li#nav7:hover a, ul#nav li#nav7.sfHover a {
	border-bottom: 0;
}

/* end tab-specific rules */

/* IE6 fixes */

* html #topnav {margin-bottom: 0;}
* html #home #wrap {clear: both;margin-top: 1em;}

* html ul#nav li.sfHover ul {width: 970px;}
* html ul#nav li.sfHover ul li ul {width: 100%;}
* html #topnav {background: #356097;}
* html ul#nav li {zzbackground: #356097;}

* html ul#nav li#nav2 ul li {background: #519dc1;}
* html ul#nav li#nav4 ul li {background: #294a8d;}

* html ul#nav li#nav3 ul li.nobord,
* html ul#nav li#nav5 ul li.nobord,
* html ul#nav li#nav6 ul li.nobord,
* html ul#nav li#nav7 ul li.nobord {
	background: transparent;
}

* html ul#nav li#nav3.sfHover ul,
* html ul#nav li#nav6.sfHover ul {
	width: 926px;
}

* html ul#nav li#nav5.sfHover ul li,
* html ul#nav li#nav7.sfHover ul li {
	float: right;
}

* html ul#nav li#nav5.sfHover ul li a,
* html ul#nav li#nav7.sfHover ul li a {
	float: left;
}

* html ul#nav li#nav5.sfHover ul li.nobord,
* html ul#nav li#nav7.sfHover ul li.nobord {
	float: left;
	width: auto;
}

* html ul#nav li#nav1 ul {
	left: auto;
	padding: 10px 0;
	right: 0;
	width: 400px;
}

* html ul#nav li#nav1 ul li {
	background: #29649c;
}

/* end IE6 fixes */

/* end nav redesign 2012 */

/* breadcrumb */
div#crumb {position:relative; clear:both; border:1px solid #e6e6e6; margin:1em 0 20px 0; padding:4px 19px 5px 13px}
div#crumb ul li {display:inline}
div#crumb li a {color:#999; text-decoration:none}
div#crumb li.home a {background:url(//www2.sqa.org.uk/images/crumb_home.gif) center left no-repeat; padding:0 0 0 20px}
div#crumb li.home a:hover {background:url(//www3.sqa.org.uk/images/crumb_home_hover.gif) center left no-repeat}
div#crumb li a:hover {text-decoration:underline}
div#crumb li.home { padding:0}
div#crumb ul.crumbNav {padding:3px 290px 3px 0}
div#crumb ul.printEmail {position:absolute; top:5px; right:19px; width:290px; text-align:right }
div#crumb ul.printEmail li a {color:#002c77; font-size:81%; padding:0 5px}
div#crumb ul.printEmail li a:hover {text-decoration:underline}
div#crumb ul.printEmail li.print a {background:url(//www4.sqa.org.uk/images/crumb_print_icon.gif) center left no-repeat; padding:3px 5px 3px 22px}
div#crumb ul.printEmail li.email a {background:url(//www1.sqa.org.uk/images/css_bg_email.gif) center left no-repeat; padding:3px 5px 3px 22px}
div#crumb ul.printEmail li a.dixerit{background:url(//www2.sqa.org.uk/images/listen-icons-16x16.jpg) center left no-repeat; padding:3px 5px 3px 22px}
div#crumb ul.printEmail li a.sqabookmark_plus{background:url(//www3.sqa.org.uk/images/add-my-links.gif) center left no-repeat; padding:3px 5px 3px 22px}
div#crumb ul.printEmail li a.sqabookmark_minus{background:url(//www4.sqa.org.uk/images/add-my-links-remove.gif) center left no-repeat; padding:3px 5px 3px 22px}

/* left panel */
div#left {width:210px; float:left; margin:0 20px 0 0}

/* left nav */
#left .standardPanel ul#subNav {line-height:110%; margin:-10px 0 0 0}
#left .standardPanel ul#subNav li{border-top:1px dotted #002C77; padding:3px 0; position:relative; height:1%}
#left .standardPanel ul#subNav li:first-child{border-top:none}
#left .standardPanel ul#subNav li a{color:#002C77; text-decoration:none; font-weight:normal; padding:4px 10px; display:block; margin-left:0; position:relative; height:1%}
#left .standardPanel ul#subNav li a:hover{text-decoration:none; background:#d5e0eb; position:relative; height:1%}
#left .standardPanel ul#subNav li.hot a, #left .standardPanel ul#subNav li.open a{background:#d5e0eb; font-weight:bold}
#left .standardPanel ul#subNav li ul{padding:2px 0 0 10px; margin:0}
#left .standardPanel ul#subNav li ul li{border:none; padding:1px 0 1px 0}
#left .standardPanel ul#subNav li ul li a{font-weight:normal; background:url(//www1.sqa.org.uk/images/css_subnav_arrow_blue_lg.gif) 0.1em 0.5em no-repeat; padding:0 0 0 10px}
#left .standardPanel ul#subNav li ul li a:hover{background:url(//www2.sqa.org.uk/images/css_subnav_arrow_blue_lg.gif) 0.1em 0.5em no-repeat; text-decoration:underline;}
#left .standardPanel ul#subNav li.hot ul li a, #left .standardPanel ul#subNav li.open ul li a{background:url(//www3.sqa.org.uk/images/css_subnav_arrow_blue_lg.gif) 0.1em 0.5em no-repeat; font-weight:normal}
#left .standardPanel ul#subNav li.hot ul li a:hover, #left .standardPanel ul#subNav li.open ul li a:hover{background:url(//www4.sqa.org.uk/images/css_subnav_arrow_blue_lg.gif) 0.1em 0.5em no-repeat!important;}
#left .standardPanel ul#subNav li.open ul li.hot a, #left .standardPanel ul#subNav li.open ul li.open a{font-weight:bold; text-decoration:none}
#left .standardPanel ul#subNav li ul li ul li a{font-size:91%}
#left .standardPanel ul#subNav li ul li ul li a:hover{text-decoration:underline!important}
#left .standardPanel ul#subNav li ul li ul li.hot a {font-weight:bold!important}
#left .standardPanel ul#subNav li ul li ul li.hot a:hover {text-decoration:none!important}
#left .standardPanel ul#subNav li.open ul li.hot ul li a, #left .standardPanel ul#subNav li.open ul li.open ul li a{background:url(//www1.sqa.org.uk/images/css_subnav_arrow_blue.gif) 0.1em 0.6em no-repeat; font-weight:normal}
/* about nav in accreditation section - indexed */
#left ul#aboutNav{line-height:120%}
#left ul#aboutNav li{background:url(//www2.sqa.org.uk/images/css_subnav_arrow_blue_lg.gif) 0 5px no-repeat; padding:0 0 5px 12px; color:#0C4D8C; font-weight:bold}
#left ul#aboutNav li a{color:#0C4D8C; font-weight:normal}
#left ul#aboutNav li a:hover{text-decoration:underline; color:#000}
#left ul#aboutNav li a.active{text-decoration:underline; color:#000}
/* subjects nav in qualifications only */
#left .standardPanel ul#subNav li span.hot{ padding:4px 10px; text-decoration:none; background:#d5dce8; color:#16466e!important; position:relative; height:1%; display:block}

/* news */
#left .standardPanel ul#extraNav {line-height:110%; margin:-10px 0 0 0}
#left .standardPanel ul#extraNav li{border-top:1px dotted #16466e; padding:3px 0; position:relative; height:1%}
#left .standardPanel ul#extraNav li:first-child{border-top:none}
#left .standardPanel ul#extraNav li a{color:#16466e; text-decoration:none; font-weight:normal; padding:4px 10px; display:block; margin-left:0; position:relative; height:1%}
#left .standardPanel ul#extraNav li a:hover{text-decoration:none; background:#d5e0eb; color:#16466e!important; position:relative; height:1%}

/* */
#left form#qualSearchLeft label {color:#294a8c; font-size:111%; display:block; font-weight:bold}
#left form#qualSearchLeft label span{font-weight:normal;}
#left form#qualSearchLeft input, form#qualSearch2 input {font-size:81%; color:#002c77; padding:3px; border:1px solid #b3b3b3; margin:5px 0 0 0; width:170px}
form#qualSearch2 {padding:0 0 15px 0}
form#qualSearch2 input {width:170px}
#left form#qualSearchLeft input.submit, form#qualSearch2 input.submit {background:url(//www3.sqa.org.uk/images/input-bg.gif) top left repeat-x; padding:2px 6px; width:auto}
/* finder animation */
#left form#qualSearchLeft div#searchingQuals.loading, form#qualSearch2 div#searchingQuals.loading {height:29px;left:159px;position:absolute;top:55px;width:29px;}

/* right panel */
div#right {width:210px; float:right; margin:0 0 0 20px}
div#right li {background:url(//www4.sqa.org.uk/images/css_subnav_arrow_blue_lg.gif) 0 5px no-repeat; padding:0 0 0 10px; display:block; clear:both;}
	* html div#right li {height:1%; position:relative}

/* standard blue panel */
div.standardPanel {background:#e9edf3; padding:15px; margin:0 0 20px 0; position:relative}
div.standardPanel h2 {background:#23507a url(//www1.sqa.org.uk/images/standardH2BgAbout.gif) top left repeat-x; color:#fff; margin:-15px -15px 15px -15px; font-size:111%; padding:5px 15px; border:none!important; position:relative}
	* html div.standardPanel h2 {}
#left div.standardPanel, #right div.standardPanel {padding:0;}
#left div.standardPanel h2, #right div.standardPanel h2 {margin:0;}
#left div.standardPanel div.panelContent, #right div.standardPanel div.panelContent {padding:15px;}
						
/* center panel */
div#center {width:510px; float:left; margin:0; border-top:3px solid #294a8c; position:relative; padding:0 0 20px 0; min-height:300px}
	* html div#center em, * html div#center i {font-style:normal}
div#center.wideLeft {width:740px}
div#center.wideRight {width:740px}
	* html div.wideRight {width:740px!important}
div#center.wide {width:970px;  border-top:none}
div#center a.backtop{background:url(//www2.sqa.org.uk/images/css_bg_backtop.gif) center right no-repeat; padding:5px 10px 0 0}
div#center img.subIntro{border:4px solid #ccc; float:right; margin:0 0 15px 15px; width:220px}

/**/
div#center div.standardPanel {background:#f4f7fa; position:relative; padding:0; margin:0 0 20px 0}
div#center div.standardPanel h2 {background:#1d3463 url(//www3.sqa.org.uk/images/standardH2BgAbout.gif) top left repeat-x; color:#fff; margin:0; font-size:111%; padding:5px 15px; border-bottom:none}
div#center div.standardPanel h2 a {color:#fff; text-decoration:none}
div#center div.standardPanel h2 a:hover {text-decoration:underline}
div#center div.standardPanel img {}
div#center div.standardPanel div.standardContent{padding:5px 15px 15px 15px}
div#center div.standardPanel p, div#center div.standardPanel li {font-size:91%}
div#center div.standardPanel ul {margin:0; padding:0 0 15px 0}
div#center div.standardPanel li {background:url(//www4.sqa.org.uk/images/next-blue.gif) 0 5px no-repeat; padding:0 0 0 10px; color:#1a1a1a; display:block; clear:both}
	* html div#center div.standardPanel li {height:1%;}
div#center div.standardPanel li a {font-weight:normal; padding:0}
div#center div.standardPanel li strong a {font-weight:bold; padding:0}
div#center div.standardPanel li strong a:hover {}
/*
div#center div.standardPanel.withImage {padding:15px 202px 15px 15px}
div#center div.standardPanel.withImage h2 {margin:-15px -202px 15px -15px}
*/
div#center div.standardPanel.withImage div.standardContent{padding:15px 202px 15px 15px;}

div#center div.standardPanel.withImage img {position:absolute; top:-20px; right:0}
div#center div.standardPanel.left {float:left; width:245px; margin:0 20px 20px 0}
div#center div.standardPanel.right {float:left; width:245px}
div#center div.standardPanel div.related {padding:0 20px 0 140px; min-height:120px; display:block; clear:both}
	* html div#center div.standardPanel div.related {height:120px}
div#center div.standardPanel div.related.NQProgress {background:url(//www1.sqa.org.uk/images/NQ_NQProgress.png) 20px 0 no-repeat}
div#center div.standardPanel div.related.NQ_LTS {background:url(//www2.sqa.org.uk/images/NQ_LTS.png) 20px 0 no-repeat}
div#center div.standardPanel div.related.NQ_careers-scotland {background:url(//www3.sqa.org.uk/images/NQ_careers-scotland-logo.png) 20px 0 no-repeat}
div#center div.standardPanel div.related.BBC-Bitesize {background:url(//www4.sqa.org.uk/images/BBC-Bitesize.png) 20px 0 no-repeat}
div#center div.standardPanel div.related.NQ_bright-red{background:url(//www.sqa.org.uk/images/brightredlogo.gif) 20px 0 no-repeat} 
div#center div.standardPanel.left p, div#center div.standardPanel.right p, div#center div.standardPanel.left li, div#center div.standardPanel.right li {font-size:91%}
div#center div.standardPanel.left img, div#center div.standardPanel.right img {position:relative; margin:0; padding:0}
div#center div.standardPanel.withoutImage img {position:relative; float:left; top:auto; left:auto}
div#center div.standardPanel.withoutImage .related img {position:absolute; margin:0 10px 10px 0 }
div#center div.standardPanel .related {padding:0 15px; display:block; clear:both; margin:0 0 10px 0}
div#center div.standardPanel p.ml {margin:0 15px 15px 15px}
div#center div.standardPanel h3 {margin:0 0 15px 0}

body#qual div#center div.nqPanel h2{background:#b46b00 url(//www1.sqa.org.uk/images/standardH2BgNQ.gif) top left repeat-x}
body#qual div#center div.nqPanel {background:#fdf7f2}
body#qual div#center div.svqPanel h2{background:#9a3708 url(//www2.sqa.org.uk/images/standardH2BgSVQ.gif) top left repeat-x}
body#qual div#center div.svqPanel {background:#eceff6}
body#qual div#center div.hnPanel h2{background:#3c396e url(//www3.sqa.org.uk/images/standardH2BgHN.gif) top left repeat-x}
body#qual div#center div.hnPanel {background:#f0eff5}

/* center slider */
#intro {position:relative; margin:0; width:100%; height:250px; overflow:hidden}
#intro img {position:absolute; top:0; left:0; height:250px; width:100%}

/* slider */
#center #slider ul {margin:0; padding:0; list-style:none}
#center #slider li {width:510px; height:250px; overflow:hidden; position:relative; margin:0; padding:0; background:none}
#center #slider li em.intro {color:#fff; font-size:300%; font-weight:bold; z-index:1; font-style:normal; position:absolute; top:23px; left:0; z-index:2; color:#fff}
#center #slider li em.intro span {background:url(//www4.sqa.org.uk/images/opaque-blue.png); padding:10px 20px; clear:both; float:left}
#center #slider li span.link {background:url(//www1.sqa.org.uk/images/opaque-blue.png); position:absolute; bottom:0; left:0; width:640px;  padding:10px 0; z-index:2}
	* html #center #slider li em.intro span, * html #center #slider li span.link {background:#153876}
#center #slider li span.link a {background:url(//www2.sqa.org.uk/images/next-white.gif) center right no-repeat; padding:0 10px 0 20px; color:#fff; font-weight:bold; font-size:141%; text-decoration:none}
#center #slider li span.link a:hover {text-decoration:underline}	
#center ol#controls{margin:0; padding:0;	height:18px; position:absolute; bottom:11px; right:10px; z-index:3}
	* html #center ol#controls{ bottom:0}
#center ol#controls li{margin:0 10px 0 0; padding:0; float:left;	list-style:none;	height:28px;	line-height:28px	}
#center ol#controls li a{float:left; height:18px; width:11px;	background:url(//www3.sqa.org.uk/images/slider-nav.gif) 0 0 no-repeat; padding:0; margin:0; text-decoration:none; text-indent:-9999px}
#center ol#controls li a:hover {background:url(//www4.sqa.org.uk/images/slider-nav-hover.gif) 0 0 no-repeat}
#center ol#controls li.current a{background:url(//www1.sqa.org.uk/images/slider-nav-current.gif) 0 0 no-repeat}
#center ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none}
/* slider ends */

/* image gallery */
.caption{color:#000; background:#fff; width:95%; display:block; padding:5px}
.demo{position:relative; margin-top:2em; width:99%; text-align:center}
#center ul.gallery_demo{width:99%; margin:30px auto; clear:left; display:inline}
#center ul.gallery_demo li{background:none}
#center ul.gallery_demo li{width:auto!important;height:75px;border:none; padding:0; margin:2px;background:#fff; float:left; display:block; clear:none}
#center ul.gallery_demo li img {width:auto!important;height:75px!important; margin:0!important}
#center ul.gallery_demo li div {left:240px}
#center ul.gallery_demo li div .caption{background:#fff; width:99%}
#main_image{margin:0 auto 10px auto; padding:0; width:470px; background:#fff}
#main_image img{margin:0; padding:0; background:#fff} 
/* image gallery ends */

/* promo slider */
#promo {position:relative; margin:0; width:100%; height:250px; overflow:hidden; margin-bottom:10px}
#center #promo #slider li {background:url(//www2.sqa.org.uk/images/promo_slider_bg.gif) 0 0 repeat-x}
#center #promo #slider li h2 {padding:5px 0 5px 10px; border-bottom:1px dotted #519dc1; margin-bottom:15px}
#center #promo #slider li h2 a{text-decoration:none; border:none; color:#519dc1}
#center #promo #slider li img.promoimg{float:right; margin-left:10px}
#center #promo #slider li span.text, #center #promo #slider li div.text {padding-left:10px; display:block}
#center #promo #slider li span.link {background:none; width:510px}
#center #promo #slider li span a.link {color:#519dc1}
#center #promo #slider li span a.link:hover {}
#center ol#controls{bottom:5px}
#center #promo ol#controls li a{border:none}	
#center #promo ol#controls li a{background:url(//www3.sqa.org.uk/images/slider-nav-hover.gif) 0 0 no-repeat}
#center #promo ol#controls li a:hover {background:url(//www4.sqa.org.uk/images/slider-nav-hover_Iam.gif) 0 0 no-repeat}
#center #promo ol#controls li.current a{background:url(//www1.sqa.org.uk/images/slider-nav-current_Iam.gif) 0 0 no-repeat}

body#qual #center #promo #slider li {background:#E9EDF3}
body#qual #center #promo #slider li h2 {border-bottom:1px dotted #294A8C}
body#qual #center #promo #slider li h2 a{color:#294A8C}
body#qual #center #promo #slider li span a.link {color:#294A8C}
body#qual #center #promo ol#controls li a{background:url(//www2.sqa.org.uk/images/slider-nav-hover_qual.gif) 0 0 no-repeat}
body#qual #center #promo ol#controls li a:hover {background:url(//www3.sqa.org.uk/images/slider-nav-hover_Iam.gif) 0 0 no-repeat}
body#qual #center #promo ol#controls li.current a{background:url(//www4.sqa.org.uk/images/slider-nav-current_Iam.gif) 0 0 no-repeat}

/* promo slider ends */


/* center first panel - coloured h1 and intro */
.firstPanel {padding:5px 20px 10px}
.firstPanel {background:#f4f7fa; margin:0 0 20px 0}

/* center show/hide for How do I */
.showfaq h3{background:url(//www1.sqa.org.uk/images/accordion-closed-arrow.gif) 0 0 no-repeat; padding-left:20px; cursor:pointer; font-weight:normal}
.showfaq h3.tog{background:url(//www2.sqa.org.uk/images/accordion-open-arrow.gif) 0 0 no-repeat}

/* center accordion */
#center .horizontalAccordian {width: 100%; margin:0 0 20px 0; clear:both;}
#center .horizontalAccordian div {/*height: auto !important*/;background-color:#f4f7fa; border:1px solid #e9eff5; border-top:0; padding:10px 20px; -moz-border-radius-bottomleft:5px;  -webkit-border-bottom-left-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; margin:0 0 1px 0}
#center .horizontalAccordian div.ui-accordion-content {height:auto !important;}
#center .horizontalAccordian h2 {cursor:pointer; display:block; padding:5px 5px 5px 30px; background:#e9eff5 url(//www3.sqa.org.uk/images/arrowNext.gif) 10px 7px no-repeat; -moz-border-radius:5px; -webkit-border-radius:5px; border:none; margin:1px 0 0 0; }
#center .horizontalAccordian h2, #center .horizontalAccordian h2:hover {outline:none}
#center .horizontalAccordian h2.ui-state-active, #center .horizontalAccordian h2.selected, #center .horizontalAccordian h2:hover {background:#bcd4ec url(//www4.sqa.org.uk/images/arrowOpen.gif) 10px 7px no-repeat; color:#000}
#center .horizontalAccordian h2.ui-state-active {-moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0}

/* center previous and next links */
#center ul.PrevNextMenu {display:block; position:relative; margin:0; padding:10px; height:1.4em; text-align:center; border:1px solid #eeeaf0; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px}
#center ul.PrevNextMenu li {background:none; padding:0; margin:0; float:none}
#center li.PrevNextLeft {position:absolute; top:10px; left:10px; z-index:1;}
#center li.PrevNextCenter {margin:0 auto}
#center li.PrevNextRight {position:absolute; top:10px; right:10px}
#center li.PrevNextLeft a {background:#fff url(//www1.sqa.org.uk/images/arrowPrev.gif) center left no-repeat; padding:5px 0 5px 20px}
#center li.PrevNextRight a {background:#fff url(//www2.sqa.org.uk/images/arrowNext.gif) center right no-repeat; padding:5px 20px 5px 0}
#center .PrevNextMenu a {text-decoration:none; padding:5px 0; border:none}
#center .PrevNextMenu a:hover {text-decoration:underline; border:none}

/* center a - z */
#center ul.az{margin:20px 0 20px 0}
#center ul.az li{display:inline; background:none; padding:0; margin:0}
#center ul.az li a{background:#e9edf3; padding:3px 0; width:97px; float:left; display:block; margin-right:5px; text-align:center; font-weight:bold; text-decoration:none}
#center ul.az li.last a {margin:0}
#center ul.az li a:hover, #center ul.az li.hot a{background:#23507A; color:#fff}

/* center table */
table {font-size:100%; color:#333; margin:10px 0 20px 0; text-align:left; width:100%; position:relative}
table caption {display:none}
table a {padding:0}
table.stripeMe th, table.stripeMe tr.alt th, table.stripeMe tr.over th {font-weight:bold; padding:5px 11px; text-align:left; line-height:150%; background:#1d3463 url(//www3.sqa.org.uk/images/standardH2Bg.gif) top left repeat-x; color:#fff}
#center table ul {margin:0 0 10px 0; padding:0}
#center table p strong {margin:0 0 10px 0; display:block; padding:0}
#center table p {margin:0 0 10px 0; padding:0}
#center table.stripeMe th {vertical-align:bottom; line-height:120%}
#center table.stripeMe th a {color:#fff; background:url(//www4.sqa.org.uk/images/table-sort.gif) 0 2px no-repeat; padding:0 0 0 15px; text-decoration:none; border:none}
#center table.stripeMe th a:hover {color:#fff; text-decoration:underline; border:none}
#center table.stripeMe tr th.order1 a{background:url(//www1.sqa.org.uk/images/table-sort-up.gif) no-repeat center left}
#center table.stripeMe tr th.order2 a{background:url(//www2.sqa.org.uk/images/table-sort-down.gif) no-repeat center left}
#center table.stripeMe td {padding:6px 11px; vertical-align:top}
/* why is this here? 
#center table.stripeMe td * {padding: 6px 11px}
*/
#center table.stripeMe td form{padding: 0}
#center table.stripeMe td select{padding: 0}
#center table.stripeMe td option{padding: 0}
table.stripeMe tr td, #center ul.stripeMe li {background:#f4f7fa}
#center ul.stripeMe li {}
#center ul.stripeMe li a {display:block; padding:10px}
table.stripeMe tr.alt td, #center ul.stripeMe li.alt {background:#e9eff5}
table.stripeMe tr.over td, #center ul.stripeMe li.over {background:#d6dde5}

/* center result - this can be used for any result, i.e. search, for wrapping each result inside a div */
#center .result {border-bottom:1px dotted #333; margin:0 0 15px 0; padding:0 0 10px 0}



/* center subject search table */
#center div.dataTables_length {margin:0 0 10px 0; color:#442750; font-weight:bold; text-align:center; border:1px solid #eeeaf0; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px}
#center div#fixedHead_info {text-align:center; color:#442750; font-weight:bold; padding:0 10px 10px 0}
#center div#fixedHead_info {padding:10px 0}
#center div#fixedHead_paginate {padding:10px; text-align:center; border:1px solid #eeeaf0; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px}

#center div#fixedHead_paginate span.paginate_button {color:#442750; border:1px solid #fff; cursor:pointer; padding:5px}
#center div#fixedHead_paginate span.paginate_button:hover {background:#eeeaf0}
#center div#fixedHead_paginate span.paginate_active {background:#442750; color:#fff}
#center .dataTable { border-collapse: collapse; width:740px}
	* html #center .dataTable {width:600px}
div#fixedHead_table_container {margin:0 0 20px 0; border-bottom:1px solid #ccc; background:#f4f7fa; border-left:1px solid #ccc}

/* center sqa search */
#center ul.paginate {padding:10px; text-align:center; border:1px solid #eeeaf0; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px}
#center ul.paginate li {display:inline; background:none; padding:0}
#center ul.paginate a {color:#002c77; border:1px solid #fff; cursor:pointer; padding:5px}
#center ul.paginate a:hover {background:#f4f7fa; color:#002c77}
#center ul.paginate li.active a {background:#002c77; color:#fff}

/* center subject search */
#center ul#letters {margin:0 0 93px 8px}
	* html #center ul#letters {margin:0 0 45px 0}
#center ul#letters li {background:none; padding:0; margin:0 0 5px 0; float:left}
#center ul#letters li a {background:#fff; border:1px solid #442750; width:37px; display:block; float:left; text-align:center; cursor:pointer; padding:2px 6px; margin:0 5px 0 0; color:#442750}
	* html #center ul#letters li a {margin:0 2px 2px 0}
#center ul#letters li a:hover {background:#ddd6e0}
#center .firstPanel label {font-weight:bold}
#center .firstPanel input {font-size:81%; color:#002c77; padding:3px; border:1px solid #b3b3b3; margin:0 5px 0 0; width:160px}
#center .firstPanel input.submit {background:url(//www3.sqa.org.uk/images/input-bg.gif) top left repeat-x; padding:2px 6px; width:auto}
#center p.highlight {background:#f4f7fa; padding:10px 20px; margin:0 0 20px 0}

#center form {width:510px}
#center table form {width:auto}
#center div.horizontalAccordian form, #center div#tabsContent form {width:auto}
#center form legend {padding:0 10px}
#center form fieldset {border:1px solid #999; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px; margin:0 0 10px 0}
#center form p {padding:4px 0 4px 10px; margin:0; clear:both}
/*#center form label {float:left; width:140px}*/
#center div.horizontalAccordian form label, #center div#tabsContent form label {width:25%}
#center div.horizontalAccordian form input, #center div#tabsContent form input {width:70%}
#center div.horizontalAccordian form input.noLabel, #center div#tabsContent form input.noLabel {width:70%; margin:0 0 0 25%}
#center form label.tickLabel{width:auto}
#center form p.radio label {width:auto; margin-right:5px}
#center form input {float:left; width:300px}
#center form input.noLabel {float:left; width:300px; margin:0 0 0 140px}
#center form p.noLabel {padding:5px 0 0 150px; margin:0}
#center form p.noLabel input {margin:0}
#center form input.tick, #center form p.radio input{width:auto; margin-right:5px}
#center form input.submit, #center div.horizontalAccordian form input.submit, #center div#tabsContent form input.submit {width:auto}
#center form input.reset {width:auto}
#center form select {float:left; width:304px}
#center table form select {float:left; width:auto}
#center form textarea {float:left; width:300px}
#center form fieldset h3 {display:block; clear:both; margin:0 10px 10px 10px; padding:10px 0 0 0}

#center.wideRight form {width:740px}
#center.wideRight form label {width:200px}
#center.wideRight form label.tickLabel {width:auto}
#center.wideRight form input.noLabel {float:left; width:300px; margin:5px 0 0 200px}
#center.wideRight form p.noLabel {padding:5px 0 0 209px}
#center.wideRight form#pastPapersSearch label{width:250px}
#center.wideRight form#SubjectForm label{width:250px}

/* center tabs */
#center #tabs ul.tabNav, #center .ui-tabs {display:block; clear:both}
#center .ui-tabs .ui-tabs-hide {display:none}
#center .ui-tabs-nav {padding:15px 0 3px 0; margin:0}
#center .ui-tabs-nav ul {line-height:100%; position:relative; z-index:0; margin:0 0 5px 0}
#center .ui-tabs-nav li {float:none; display:inline; background:none; padding:0; margin:0}
#center .ui-tabs-nav li a {text-decoration:none; float:none; font-weight:bold; border:none; background:#E9EFF5; color:#294A8C; padding:5px 10px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-bottom:none}
#center .ui-tabs-nav li a:hover {background:#E9EFF5; text-decoration:underline}
#center .ui-tabs-nav li.ui-tabs-selected a, #center .ui-tabs-nav li.ui-tabs-selected a:hover {background:#1d3463 url(//www4.sqa.org.uk/images/standardH2Bg.gif) top left repeat-x; color:#fff; text-decoration:none}
#center #tabsContent {border:2px solid #294A8C; padding:10px; margin:0 0 20px 0; position:relative; z-index:1}
#center #tabsContent table {margin:0}
#center #tabsContent h3 {margin:0; padding:0; font-size:100%}


/* lists */
#left ul, #center ul, #center ol, #right ul {line-height:150%; margin:0 0 10px 0}
#left ul li a, #right ul li a{text-decoration:none}
#right ul li a:hover{text-decoration:underline;}
#center ul li{background:url(//www1.sqa.org.uk/images/css_bullet.gif) 0 0.7em no-repeat; padding:2px 0 2px 12px; position:relative}
#center ul li ul li{background:url(//www2.sqa.org.uk/images/css_bullet_sm.gif) 0 0.6em no-repeat}
#center ul li a{}
#center ol{padding:2px 0 2px 30px} 
#right ul {padding:0 0 3px 0; margin:5px 0 0 0 }
#right ul li {margin:0 0 3px 0}
#right ul li.date {margin:0 0 3px 0; background:none; font-size:80%}
	* html #right ul li {height:1%}
#right ul li a {font-weight:normal}
ul.twoCol li {width:50%; float:left}
#center ul.list{float:left; width:240px}
#center ul.left{margin-right:20px}
#center dl{line-height:150%; margin:0 0 10px 0}
#center dl dt{padding:2px 0 2px 12px; font-weight:bold;}
#center dl dd{padding:2px 0 2px 12px; margin-left:15px;}
#center dl dd dl dt{background:none; padding:2px 0 2px 0; } 

 
/* news styles */
#Latest{padding:10px; border:1px solid #333; margin: 0 0 10px 0}
#center #Latest ul li{background:none; padding:2px 0 2px 12px}
#center #Latest ul li p{padding-left:0;	margin-left:0}
#center #Latest ul li a{text-decoration:none; font-weight:bold; border-bottom:none}
#center #Latest ul li a:hover{color:#000}
#center #Latest ul li.even{background:#f5f4f5}
#center #Latest #more ul li{background: url(//www3.sqa.org.uk/images/next-blue.gif) 0 9px no-repeat}

#MediaCentre{padding:10px; border:1px solid #333; margin:0 0 10px 0}
#center #MediaCentre img {float:left}
#center #MediaCentre ul {margin:0 0 0 90px}
#center #MediaCentre ul li{background:none; padding:2px 0 2px 12px; }
#center #MediaCentre ul li a{text-decoration:none; font-weight:bold; border-bottom:none}
#center #MediaCentre ul li a:hover{color:#000}
#center #MediaCentre ul li.odd{background:#f5f4f5}

.xslIndex{margin:0 0 10px 0}
.xslIndex h2{}
#center a.headerLink:hover{color:#000}

/* additionalLinks panel */
div#additionalLinks {border-top:2px solid #28649c; display:block; clear:both; margin:0 0 20px 0}
div#additionalLinks h2 {color:#28649c; padding:3px 15px; border:none}
div#additionalLinks div.extraContent {background:#f4f7fa; padding:5px 15px}
div#additionalLinks div.extraContent ul {float:left; width:160px}
div#additionalLinks div.extraContent ul li {background:none; font-size:91%; padding:0}
	* html div#additionalLinks div.extraContent ul li {height:1%}
div#additionalLinks div.extraContent ul li.title {font-weight:bold; background:none; padding:0; margin:0 0 5px 0}
div#additionalLinks div.extraContent ul li a {background:url(//www4.sqa.org.uk/images/next-blue.gif) 0 6px no-repeat; padding:0 0 0 10px; font-weight:normal; display:block}

/* i am homepage */
body#iam div#center div.iamWide{clear:both; margin-bottom:20px}
	* html body#iam div#center div.iamWide{float:left; width:970px!important}
body#iam div#center div.iamWide div.standardPanel {float:left; width:310px; background:#f4f7fa; position:relative; padding:0; margin:0 20px 20px 0}
body#iam div#center div.iamWide div.standardPanel.iamNomar {margin:0 0 20px 0}
body#iam div#center div.iamWide div.standardPanel.iamFirst {border-top:3px solid #519dc1!important}
body#iam div#center div.iamWide div.standardPanel a {text-decoration:none}
body#iam div#center div.iamWide div.standardPanel.iamFirst p{font-size:111%}
body#iam div#center div.iamWide div.standardPanel.iamFirst h1 {margin:0 0 10px 0; padding:5px 15px}
body#iam div#center div.iamWide div.standardPanel.iamPanel img {position:relative; margin:0; padding:0}

/* i am sections */
body#iam div#center div.iamsection{clear:both; margin-bottom:10px}
	* html body#iam div#center div.iamsection{float:left; width:740px}
body#iam div#center div.iamsection div.standardPanel {float:left; width:233px; background:#f4f7fa; padding:0; margin:0 20px 20px 0}
body#iam div#center div.iamsection div.standardPanel.iamNomar {margin:0 0 20px 0}
body#iam div#center div.iamsection div.standardPanel a {text-decoration:none}

body#iam div#additionalLinks div.extraContent ul {float:left; width:235px}
body#iam div#additionalLinks div.extraContent ul li a {border:none}
body#iam div#additionalLinks div.extraContent ul li a:hover {border:none; color:#000}

/* colour changes depending on body id */

/* iam */

body#iam .firstPanel {background:#f4f7fa}
body#iam #center, body#iam div#additionalLinks {border-top:3px solid #519dc1}
body#iam #center.wide {border-top:none}
	* html body#iam div.wide {border-top:none!important}
body#iam h1, body#iam h2, body#iam h3 {color:#519dc1}
body#iam #right div.standardPanel {background:#edf5f9}
body#iam #right div.standardPanel h2, body#iam table.stripeMe th {background:#3a718b url(//www1.sqa.org.uk/images/standardH2BgIam.gif) top left repeat-x; color:#fff}
body#iam #left .standardPanel ul#subNav li a{color:#2b637e}
body#iam #left .standardPanel ul#subNav li a:hover{background:#dcebf3}
body#iam #left .standardPanel ul#subNav li.hot ul li a, body#iam #left .standardPanel ul#subNav li.open ul li a{background:url(//www2.sqa.org.uk/images/css_subnav_arrow_blue_lg.gif) 0.1em 0.5em no-repeat}
body#iam #left .standardPanel ul#subNav li.hot a, body#iam #left .standardPanel ul#subNav li.open a{background:#dcebf3}
body#iam table.stripeMe tr td {background:#EEF5F9}
body#iam table.stripeMe tr.alt td {background:#DCEBF3}
body#iam table.stripeMe tr.over td {background:#B9D8E6}
body#iam #center .horizontalAccordian div {background-color:#EEF5F9; border:1px solid #DCEBF3}
body#iam #center .horizontalAccordian h2 {background:#DCEBF3 url(//www3.sqa.org.uk/images/arrowNextIam.gif) 10px 7px no-repeat}
body#iam #center .horizontalAccordian h2.ui-state-active, body#iam #center .horizontalAccordian h2.ui-state-active:hover, body#iam #center .horizontalAccordian h2:hover {background:#DCEBF3 url(//www4.sqa.org.uk/images/arrowOpenIam.gif) 10px 7px no-repeat}
body#iam div#additionalLinks div.extraContent {background:#EEF5F9}
body#iam #center .ui-tabs-nav li a {background:#DCEBF3; color:#519DC1}
body#iam #center .ui-tabs-nav li a:hover {background:#DCEBF3}
body#iam #center .ui-tabs-nav li.ui-tabs-selected a, body#iam #center .ui-tabs-nav li.ui-tabs-selected a:hover {background:#3a718b url(//www1.sqa.org.uk/images/standardH2BgIam.gif) top left repeat-x; color:#fff}
body#iam #center #tabsContent {border:2px solid #519DC1}
body#iam #center li.PrevNextLeft a {background:url(//www2.sqa.org.uk/images/arrowPrevIam.gif) center left no-repeat}
body#iam #center li.PrevNextRight a {background:url(//www3.sqa.org.uk/images/arrowNextIam.gif) center right no-repeat}
body#iam #footer .otherLinks{border-top:2px solid #519dc1;}

/* subjects */

body#subj .firstPanel {background:#eeeaef}
body#subj #center, body#subj div#additionalLinks {border-top:3px solid #563166}
body#subj #center.wide {border-top:none}
	* html body#subj div.wide {border-top:none!important}
body#subj h1, body#subj h2, body#subj h3 {color:#563166}
body#subj div.standardPanel {background:#eeeaef}
body#subj div.standardPanel h2, body#subj table.stripeMe th {background:#3d2348 url(//www4.sqa.org.uk/images/standardH2BgSubj.gif) top left repeat-x; color:#fff}
body#subj div.standardPanel h2 a, body#subj table.stripeMe th a{color:#fff}
body#subj #left .standardPanel ul#subNav li a{color:#563166}
body#subj #left .standardPanel ul#subNav li a:hover{background:#ded7e0}
body#subj #left .standardPanel ul#subNav li.hot ul li a, body#subj #left .standardPanel ul#subNav li.open ul li a{background:url(//www1.sqa.org.uk/images/css_subnav_arrow_blue_lg.gif) 0.1em 0.5em no-repeat}
body#subj #left .standardPanel ul#subNav li.hot a, body#subj #left .standardPanel ul#subNav li.open a{background:#ded7e0}
body#subj table.stripeMe tr td {background:#EEEAF0}
body#subj table.stripeMe tr.alt td {background:#DDD6E0}
body#subj table.stripeMe tr.over td {background:#BBADC2}
body#subj #center .horizontalAccordian div {background-color:#EEEAF0; border:1px solid #DDD6E0}
body#subj #center .horizontalAccordian h2 {background:#DDD6E0 url(//www2.sqa.org.uk/images/arrowNextSubj.gif) 10px 7px no-repeat}
body#subj #center .horizontalAccordian h2.ui-state-active, body#subj #center .horizontalAccordian h2.ui-state-active:hover, body#subj #center .horizontalAccordian h2:hover {background:#DDD6E0 url(//www3.sqa.org.uk/images/arrowOpenSubj.gif) 10px 7px no-repeat}
body#subj div#additionalLinks div.extraContent {background:#EEEAF0}
body#subj #center .ui-tabs-nav li a {background:#DDD6E0; color:#563166}
body#subj #center .ui-tabs-nav li a:hover {background:#DDD6E0}
body#subj #center .ui-tabs-nav li.ui-tabs-selected a, body#subj #center .ui-tabs-nav li.ui-tabs-selected a:hover {background:#3d2348 url(//www4.sqa.org.uk/images/standardH2BgSubj.gif) top left repeat-x; color:#fff}
body#subj #center #tabsContent {border:2px solid #563166}
body#subj #center li.PrevNextLeft a {background:url(//www1.sqa.org.uk/images/arrowPrevSubj.gif) center left no-repeat}
body#subj #center li.PrevNextRight a {background:url(//www2.sqa.org.uk/images/arrowNextSubj.gif) center right no-repeat}
body#subj #footer .otherLinks{border-top:2px solid #563166;}

/* qualifications */

body#qual .firstPanel {background:#eeeaef}
body#qual #center, body#qual div#additionalLinks {border-top:3px solid #294a8c}
body#qual #center.wide {border-top:none}
	* html body#qual div.wide {border-top:none!important}
body#qual h1, body#qual h2, body#qual h3 {color:#294a8c}
body#qual div.standardPanel {background:#e9edf3}
body#qual div.standardPanel h2, body#qual table.stripeMe th {background:#1d3463 url("../images/standardH2BgQual.gif") top left repeat-x; color:#fff}
body#qual div.standardPanel h2 a{color:#fff!important}
body#qual #left .standardPanel ul#subNav li a{color:#294a8c}
body#qual #left .standardPanel ul#subNav li a:hover{background:#d5dce8}
body#qual #left .standardPanel ul#subNav li.hot ul li a, body#qual #left .standardPanel ul#subNav li.open ul li a{background:url(//www4.sqa.org.uk/images/css_subnav_arrow_blue_lg.gif) 0.1em 0.5em no-repeat}
body#qual #left .standardPanel ul#subNav li.hot a, body#qual #left .standardPanel ul#subNav li.open a{background:#d5dce8}
body#qual table.stripeMe tr td {background:#EAEDF3}
body#qual table.stripeMe tr.alt td {background:#D4D8E8}
body#qual table.stripeMe tr.odd td {background:#EAEDF3}
body#qual table.stripeMe tr.even td {background:#D4D8E8}
body#qual table.stripeMe tr.over td {background:#A9B7D1}
body#qual #center .horizontalAccordian div {background-color:#EAEDF3; border:1px solid #D4D8E8; height: auto !important;}
body#qual #center .horizontalAccordian h2 {background:#D4D8E8 url(//www1.sqa.org.uk/images/arrowNextQual.gif) 10px 7px no-repeat}
body#qual #center .horizontalAccordian h2.ui-state-active, body#qual #center .horizontalAccordian h2.ui-state-active:hover, body#qual #center .horizontalAccordian h2:hover {background:#D4D8E8 url(//www2.sqa.org.uk/images/arrowOpenQual.gif) 10px 7px no-repeat}
body#qual div#additionalLinks div.extraContent {background:#EAEDF3}
body#qual #center .ui-tabs-nav li a {background:#D4D8E8; color:#294A8C}
body#qual #center .ui-tabs-nav li a:hover {background:#D4D8E8}
body#qual #center .ui-tabs-nav li.ui-tabs-selected a, body#qual #center .ui-tabs-nav li.ui-tabs-selected a:hover {background:#1d3463 url("../images/standardH2BgQual.gif") top left repeat-x; color:#fff}
body#qual #center #tabsContent {border:2px solid #294A8C}
body#qual #center li.PrevNextLeft a {background:url(//www4.sqa.org.uk/images/arrowPrevQual.gif) center left no-repeat}
body#qual #center li.PrevNextRight a {background:url(//www1.sqa.org.uk/images/arrowNextQual.gif) center right no-repeat}
body#qual #footer .otherLinks{border-top:2px solid #294a8c;}

/* nq/hn/svq pages */
#center #announce {background:#e9edf3; padding:4px 10px}

/* qualifications NQ */
body#qual.nq .firstPanel {background:#fdf5ce}
body#qual.nq #center, body#qual.nq div#additionalLinks {border-top:3px solid #fd9800}
body#qual.nq h1, body#qual.nq #center h2, body#qual.nq #center h3 {color:#fd9800}
body#qual.nq #center h2{border-bottom:1px dotted #fd9800}
body#qual.nq #center div.standardPanel {background:#fdf5ce}
body#qual.nq #center div.standardPanel h2{background:#b46b00 url(//www2.sqa.org.uk/images/standardH2BgNQ.gif) top left repeat-x; color:#fff}
body#qual.nq #center .horizontalAccordian h2 {background:#e9eff5 url(//www3.sqa.org.uk/images/arrowNextQualNQ.gif) 10px 7px no-repeat; color:#294a8c; border-bottom:none}
body#qual.nq #center .horizontalAccordian h2.ui-state-active, body#qual.nq #center .horizontalAccordian h2.ui-state-active:hover, body#qual.nq #center .horizontalAccordian h2:hover {background:#fdf5ce url(//www4.sqa.org.uk/images/arrowOpenQualNQ.gif) 10px 7px no-repeat}

/* qualifications HN */
body#qual.hn .firstPanel {background:#f0eff5}
body#qual.hn #center, body#qual.hn div#additionalLinks {border-top:3px solid #5b539d}
body#qual.hn h1, body#qual.hn #center h2, body#qual.hn #center h3 {color:#5b539d}
body#qual.hn #center h2{border-bottom:1px dotted #5b539d}
body#qual.hn #center div.standardPanel {background:#f0eff5}
body#qual.hn #center div.standardPanel h2{background:#3c396e url(//www1.sqa.org.uk/images/standardH2BgHN.gif) top left repeat-x; color:#fff}
body#qual.hn #center .horizontalAccordian h2 {background:#e9eff5 url(//www2.sqa.org.uk/images/arrowNextQualHN.gif) 10px 7px no-repeat; color:#294a8c; border-bottom:none}
body#qual.hn #center .horizontalAccordian h2.ui-state-active, body#qual.hn #center .horizontalAccordian h2.ui-state-active:hover, body#qual.hn #center .horizontalAccordian h2:hover {background:#fdf5ce url(//www3.sqa.org.uk/images/arrowOpenQualHN.gif) 10px 7px no-repeat}

/* qualifications SVQ */
body#qual.svq .firstPanel {background:#eceff6}
body#qual.svq #center, body#qual.svq div#additionalLinks {border-top:3px solid #d3491b}
body#qual.svq h1, body#qual.svq #center h2, body#qual.svq #center h3 {color:#d3491b}
body#qual.svq #center h2{border-bottom:1px dotted #d3491b}
body#qual.svq #center div.standardPanel {background:#eceff6}
body#qual.svq #center div.standardPanel h2{background:#9a3708 url(//www4.sqa.org.uk/images/standardH2BgSVQ.gif) top left repeat-x; color:#fff}
body#qual.svq #center div.standardPanel h2 a, body#qual.svq #center table.stripeMe th a{color:#fff}
body#qual.svq #center .horizontalAccordian h2 {background:#e9eff5 url(//www1.sqa.org.uk/images/arrowNextQualSVQ.gif) 10px 7px no-repeat; color:#294a8c; border-bottom:none}
body#qual.svq #center .horizontalAccordian h2.ui-state-active, body#qual.svq #center .horizontalAccordian h2.ui-state-active:hover, body#qual.svq #center .horizontalAccordian h2:hover {background:#fdf5ce url(//www2.sqa.org.uk/images/arrowOpenQualSVQ.gif) 10px 7px no-repeat}

/* accreditation */

body#accr .firstPanel {background:#eeeaef}
body#accr #center, body#accr div#additionalLinks {border-top:3px solid #3c6878}
body#accr #center.wide {border-top:none}
	* html body#accr div.wide {border-top:none!important}
body#accr h1, body#accr h2, body#accr h3 {color:#3c6878}
body#accr div.standardPanel {background:#ebf0f1}
body#accr div.standardPanel h2, body#accr table.stripeMe th {background:#2a4954 url(//www3.sqa.org.uk/images/standardH2BgAccr.gif) top left repeat-x; color:#fff}
body#accr #left .standardPanel ul#subNav li a{color:#3c6878}
body#accr #left .standardPanel ul#subNav li a:hover{background:#d9e2e4}
body#accr #left .standardPanel ul#subNav li.hot ul li a, body#accr #left .standardPanel ul#subNav li.open ul li a{background:url(//www4.sqa.org.uk/images/css_subnav_arrow_blue_lg.gif) 0.1em 0.5em no-repeat}
body#accr #left .standardPanel ul#subNav li.hot a, body#accr #left .standardPanel ul#subNav li.open a{background:#d9e2e4}
body#accr table.stripeMe tr td {background:#EBF0F1}
body#accr table.stripeMe tr.alt td {background:#D8E1E4}
body#accr table.stripeMe tr.over td {background:#B1C3C9}
body#accr #center .horizontalAccordian div {background-color:#EBF0F1; border:1px solid #D8E1E4}
body#accr #center .horizontalAccordian h2 {background:#D8E1E4 url(//www1.sqa.org.uk/images/arrowNextAccr.gif) 10px 7px no-repeat}
body#accr #center .horizontalAccordian h2.ui-state-active, body#accr #center .horizontalAccordian h2.ui-state-active:hover, body#accr #center .horizontalAccordian h2:hover {background:#D8E1E4 url(//www2.sqa.org.uk/images/arrowOpenAccr.gif) 10px 7px no-repeat}
body#accr div#additionalLinks div.extraContent {background:#EBF0F1}
body#accr #center .ui-tabs-nav li a {background:#D8E1E4; color:#3C6878}
body#accr #center .ui-tabs-nav li a:hover {background:#D8E1E4}
body#accr #center .ui-tabs-nav li.ui-tabs-selected a, body#accr #center .ui-tabs-nav li.ui-tabs-selected a:hover {background:#2a4954 url(//www3.sqa.org.uk/images/standardH2BgAccr.gif) top left repeat-x; color:#fff}
body#accr #center #tabsContent {border:2px solid #3C6878}
body#accr #center li.PrevNextLeft a {background:url(//www4.sqa.org.uk/images/arrowPrevAccr.gif) center left no-repeat}
body#accr #center li.PrevNextRight a {background:url(//www1.sqa.org.uk/images/arrowNextAccr.gif) center right no-repeat}
body#accr #footer .otherLinks{border-top:2px solid #3c6878;}

/* about */

body#about .firstPanel {background:#eeeaef}
body#about #center, body#about div#additionalLinks {border-top:3px solid #3c4060}
body#about #center.wide {border-top:none}
	* html body#about div.wide {border-top:none!important}
body#about h1, body#about h2, body#about h3 {color:#3c4060}
body#about div.standardPanel {background:#ebecef}
body#about div.standardPanel h2, body#about table.stripeMe th {background:#2a2d44 url(//www2.sqa.org.uk/images/standardH2BgCont.gif) top left repeat-x; color:#fff}
body#about #left .standardPanel ul#subNav li a{color:#3c4060}
body#about #left .standardPanel ul#subNav li a:hover{background:#d9dae0}
body#about #left .standardPanel ul#subNav li.hot ul li a, body#about #left .standardPanel ul#subNav li.open ul li a{background:url(//www3.sqa.org.uk/images/css_subnav_arrow_blue_lg.gif) 0.1em 0.5em no-repeat}
body#about #left .standardPanel ul#subNav li.hot a, body#about #left .standardPanel ul#subNav li.open a{background:#d9dae0}
body#about table.stripeMe tr td {background:#EBECEF}
body#about table.stripeMe tr.alt td {background:#D8D9DF}
body#about table.stripeMe tr.over td {background:#B1B3BF}
body#about #center .horizontalAccordian div {background-color:#EBECEF; border:1px solid #D8D9DF}
body#about #center .horizontalAccordian h2 {background:#D8D9DF url(//www4.sqa.org.uk/images/arrowNextAbout.gif) 10px 7px no-repeat}
body#about #center .horizontalAccordian h2.ui-state-active, body#about #center .horizontalAccordian h2.ui-state-active:hover, body#about #center .horizontalAccordian h2:hover {background:#D8D9DF url(//www1.sqa.org.uk/images/arrowOpenAbout.gif) 10px 7px no-repeat}
body#about div#additionalLinks div.extraContent {background:#EBECEF}
body#about #center .ui-tabs-nav li a {background:#d8d9df; color:#3C4060}
body#about #center .ui-tabs-nav li a:hover {background:#d8d9df}
body#about #center .ui-tabs-nav li.ui-tabs-selected a, body#about #center .ui-tabs-nav li.ui-tabs-selected a:hover {background:#2a2d44 url(//www2.sqa.org.uk/images/standardH2BgCont.gif) top left repeat-x; color:#fff}
body#about #center #tabsContent {border:2px solid #3C4060}
body#about #center li.PrevNextLeft a {background:url(//www3.sqa.org.uk/images/arrowPrevAbout.gif) center left no-repeat}
body#about #center li.PrevNextRight a {background:url(//www4.sqa.org.uk/images/arrowNextAbout.gif) center right no-repeat}
body#about #footer .otherLinks{border-top:2px solid #3c4060;}

a.downloadTxt, a.resultNameTxt, a.downloadXls, a.resultNameXls, a.downloadPps, a.downloadPpt, a.resultNamePps, a.resultNamePpt, a.downloadDoc, a.downloadRtf, a.resultNameWord, a.downloadPdf, a.resultNamePdf, a.downloadFla, a.downloadSwf, a.downloadZip, a.downloadRar, a.downloadMp3 {background:none; text-decoration:none; position:relative} 
a.downloadTxt:hover, a.resultNameTxt:hover, a.downloadXls:hover, a.resultNameXls:hover, a.downloadPps:hover, a.downloadPpt:hover, a.resultNamePps:hover, a.resultNamePpt:hover, a.downloadDoc:hover, a.downloadRtf:hover, a.resultNameWord:hover, a.downloadPdf:hover, a.resultNamePdf:hover, a.downloadFla:hover, a.downloadSwf:hover, a.downloadZip:hover, a.downloadRar:hover, a.downloadMp3:hover {text-decoration:underline}
a.downloadTxt span, a.resultNameTxt span {background: url(//www1.sqa.org.uk/images/css-icon_txt.gif) no-repeat 100% 50%; padding:0 7px; display:inline-block; cursor:pointer; vertical-align:bottom}
a.downloadXls span, a.resultNameXls span {background: url(//www2.sqa.org.uk/images/css-icon_xls.gif) no-repeat 100% 50%; padding:0 7px; display:inline-block; cursor:pointer; vertical-align:bottom}
a.downloadPps span, a.downloadPpt span, a.resultNamePps span, a.resultNamePpt span {background: url(//www3.sqa.org.uk/images/css-icon_pps.gif) no-repeat 100% 50%; padding:0 7px; display:inline-block; cursor:pointer; vertical-align:bottom}
a.downloadDoc span, a.downloadRtf span, a.resultNameWord span {background: url(//www4.sqa.org.uk/images/css-icon_doc.gif) no-repeat 100% 50%; padding:0 7px; display:inline-block; cursor:pointer; vertical-align:bottom}
a.downloadPdf span, a.resultNamePdf span {background: url(//www1.sqa.org.uk/images/css-icon_pdf.gif) no-repeat 100% 50%; padding:0 7px; display:inline-block; cursor:pointer; vertical-align:bottom}
a.downloadFla span, a.downloadSwf span {background: url(//www2.sqa.org.uk/images/css-icon_flash.gif) no-repeat 100% 50%; padding:0 7px; display:inline-block; cursor:pointer; vertical-align:bottom}
a.downloadZip span, a.downloadRar span {background: url(//www1.sqa.org.uk/images/css-icon_archive.gif) no-repeat 100% 50%; padding:0 7px; display:inline-block; cursor:pointer; vertical-align:bottom}
a.downloadMp3 span{background: url(//www3.sqa.org.uk/images/css-icon_mp3.gif) no-repeat 100% 50%; padding:0 7px; display:inline-block; cursor:pointer; vertical-align:bottom}


/* content chooser dropdown */ 
/*
div.ac_results {top:19px; left:14px; width:288px!important; display:block; background:#fff!important; text-align:left!important; border:1px solid #000!important; z-index:300}
div.ac_results ul {margin:0; padding:0; background:#fff; text-align:left}
div.ac_results li {cursor:pointer; padding:2px 2px 2px 15px; display:block; background:url(//www4.sqa.org.uk/images/css_white_arrow.gif) 5px 7px no-repeat}
div.ac_results li.ac_even {list-style-type:none; color:#000; margin:0; border-bottom:1px solid #b5a4cf}
div.ac_results li.ac_odd {list-style-type:none; color:#000; margin:0; border-bottom:1px solid #b5a4cf}
div.ac_results li.ac_even:hover, div.ac_results li.ac_odd:hover {background:#e7eaef url(//www1.sqa.org.uk/images/css_blue_arrow.gif) 5px 7px no-repeat}
div.ac_results li.ac_over{background:#e7eaef url(//www2.sqa.org.uk/images/css_blue_arrow.gif) 5px 7px no-repeat}
*/

.ui-autocomplete {max-height: 350px; overflow-y: auto; overflow-x: hidden; padding-right: 20px;	}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
  height: 350px;
}

ul.ui-autocomplete {top:19px; left:14px; width:288px!important; display:block; background:#fff!important; text-align:left!important; border:1px solid #000!important; z-index:300!important}
//ul.ui-autocomplete li {cursor:pointer; padding:2px 2px 2px 15px; display:block; background:url(//www4.sqa.org.uk/images/css_white_arrow.gif) 5px 7px no-repeat}
ul.ui-autocomplete li {cursor:pointer; background:url(//www4.sqa.org.uk/images/css_white_arrow.gif) 5px 7px no-repeat}
ul.ui-autocomplete li.ui-menu-item {list-style-type:none; color:#000; margin:0; border-bottom:1px solid #b5a4cf}
//ul.ui-autocomplete li.ui-menu-item:hover {background:#e7eaef url(//www1.sqa.org.uk/images/css_blue_arrow.gif) 5px 7px no-repeat}
//ul.ui-autocomplete li.ui-menu-item a.ui-state-hover {background:#e7eaef url(//www1.sqa.org.uk/images/css_blue_arrow.gif) 5px 7px no-repeat}
ul.ui-autocomplete li.ui-menu-item a { padding:2px 2px 2px 15px; display:block; }
ul.ui-autocomplete li.ui-menu-item a.ui-state-hover {background:#e7eaef url(//www1.sqa.org.uk/images/css_blue_arrow.gif) 5px 7px no-repeat}




p.rss {position:absolute; height:1.8em; padding:5px 0 0 0; top:0; right:0; margin:0}
a#rss {text-indent:-9999px; float:right; margin:6px 0 0 0; position:relative; height:25px; width:25px; display:block; background:url(//www3.sqa.org.uk/images/rss-new.gif) bottom right no-repeat; border-bottom:none}
#center a#rss:hover {border-bottom:none; background:url(//www4.sqa.org.uk/images/rss-new.gif) top right no-repeat}
#center a.rss {position:absolute; height:1.8em; padding:0; margin:0; top:10px; right:0}
#center p.rss a {text-indent:-9999px; float:right; height:25px; width:25px; display:block; background:url(//www1.sqa.org.uk/images/rss-new.gif) bottom right no-repeat; border-bottom:none}
#center p.rss a:hover {border-bottom:none; background:url(//www2.sqa.org.uk/images/rss-new.gif) top right no-repeat}
#center div.headingOne {position:relative; display:block; clear:both}
/* this should be used for all rss links withing the center div - wrapping the h1 and rss link within the div headingOne */
#center div.headingOne a.rss {text-indent:-9999px; float:right; height:25px; width:25px; display:block; background:url(//www3.sqa.org.uk/images/rss-new.gif) bottom right no-repeat; border-bottom:none}
#center div.headingOne a.rss:hover {background:url(//www4.sqa.org.uk/images/rss-new.gif) top right no-repeat}
/* */
#right p.rss {position:relative; height:1.8em; padding:5px 0 0 12px; margin:0; background:url(//www1.sqa.org.uk/images/css_subnav_arrow_blue_lg.gif) 0 0.9em no-repeat}
#right p.rss a.viewAll{}
#right p.rss a#rss {margin:0; text-decoration:none; border-bottom:none; position:absolute; top:0; right:0}
#right p.rss a#rss:hover {text-decoration:none;border-bottom:none}

/* text resizer */
#center ul.textresizer li{background:none; display:inline; padding:0 5px 0 0}
#center ul.textresizer li.small{font-size:70%}
#center ul.textresizer li.normal{font-size:120%}
#center ul.textresizer li.large{font-size:160%}
#center ul.textresizer li a.textresizer-active{font-weight:bold; text-decoration:underline}

/* events styling */
div.eventsPanel {background:#ebecef; position:relative; padding:0; margin:0 0 20px 0}
body#about div.eventsPanel h2 {background:#2a2d44 url(//www2.sqa.org.uk/images/standardH2BgCont.gif) top left repeat-x; color:#fff; margin:0 0 15px 0; font-size:111%; padding:5px 15px}

table#EventsCalendar {width:190px; border:1px solid #3c4060; background:#f4f7fa; font-size:90%; margin-left:10px}
#right table#EventsCalendar a {text-decoration:none; border:none}
table#EventsCalendar th {text-align:center; padding:0; background:#f4f7fa; color:#3c4060}
#monthYear {padding-left:10px; text-align:center}
table#EventsCalendar tr#title {font-size:90%; font-weight:bold; color:#3c4060; height:22px}
table#EventsCalendar tr#title th {border-left:1px solid #3c4060}
table#EventsCalendar tr#title a {font-weight:bold; display:block; margin:0; color:#3c4060; background-color:#f7f5fa; height:22px}
table#EventsCalendar tr#title a:hover {color:#fff; background:#3c4060;	height:22px}
table#EventsCalendar tr#days th {color:#fff; background:#3c4060; font-weight:bold; padding: 0 0.33em; height:22px; font-size:90%}
table#EventsCalendar td {color:#3c4060; border-left:1px solid #3c4060; border-bottom:1px solid #3c4060; text-align:center; height:22px; width:28px; padding:0; vertical-align:middle}
table#EventsCalendar td *{padding:0}
table#EventsCalendar tr a {font-weight: bold; display: block; margin: 0; color:#fff; background-color:#3c4060; vertical-align:middle;	padding-top:5px; height:17px}
table#EventsCalendar tr a:hover {color:#3c4060; background-color:#fff}
table#EventsCalendar td.today {font-weight:bold}
#MonthEvents .EventDate {vertical-align:top}
#MonthEvents .Event {vertical-align:top}
#EventNavBar {margin-top:4px; border-top:dotted 1px #3c4060;}
#EventNavBar #PrevButton {float:left}
#EventNavBar #NextButton {float:right}

#footer {clear:both; width:970px; border-top:1px solid #b4b4b4; padding-top:5px; margin-top:20px; position:relative}
#footer li {list-style-type:none}
#footer a {color:#002c77; text-decoration:none}
#footer a:hover {text-decoration:underline}
#footer .otherLinks{width:930px; clear:both; margin:5px 0 10px 0; background:#f4f7fa; border-top:2px solid #28649c; padding:15px 20px 20px 20px; position:relative}
#footer .otherLinks .list { width:175px; float:left; margin:0 20px 0 0}
#footer .otherLinks ul {line-height:140%; font-size:91%; border-right:1px solid #dfe8f0}
#footer .otherLinks div.list3 ul {border:none}
#footer .otherLinks ul li {background:url(//www3.sqa.org.uk/images/css_blue_arrow.gif) 0 4px no-repeat; padding:0 0 0 10px}
#footer .otherLinks ul li a span {text-transform:lowercase}
#footer .otherLinks ul li.empty {background:none; padding:0}
#footer .otherLinks ul.findUs {float:right; margin:40px 0 0 0; border:none; z-index:100}
#footer .otherLinks .findUs li.title {display:block; clear:both; float:none}
#footer .otherLinks .findUs li {background:none; padding:0; float:right; color:#28649c; margin:0 0 10px 0}
#footer .findUs a {width:32px; height:32px; display:block; text-indent:-9999px; margin:0 0 0 4px}
#footer .findUs a:hover {text-decoration:none}
#footer .findUs a.facebook {background:url(//www4.sqa.org.uk/images/footer-find-facebook.gif)}
#footer .findUs a.twitter {background:url(//www1.sqa.org.uk/images/footer-find-twitter.gif)}
#footer .findUs a.youtube {background:url(//www2.sqa.org.uk/images/footer-find-youtube.gif)}
#footer .findUs a.gplus {background:url(//www2.sqa.org.uk/images/google-plus.png)}
#footer .findUs a.linkedin {background:url(//www2.sqa.org.uk/images/footer-find-linkedin.png); no-repeat; width:30px;}
/* footer social bookmarks */
#footer .shareThis {position:relative; margin:0 0 5px 0; padding:0}
#footer .shareThis ul {padding:0}
#footer .shareThis ul li {display:inline; background:none; padding:0; float:left}
#footer .shareThis ul li a {display:block; float:left; margin:0 10px 0 0; padding:5px 0 5px 20px}
#footer .shareThis ul li a.delicious {background:url(//www3.sqa.org.uk/images/delicious_16.gif) center left no-repeat}
#footer .shareThis ul li a.delicious span {text-transform:lowercase}
#footer .shareThis ul li a.digg {background:url(//www4.sqa.org.uk/images/digg_alt_16.gif) center left no-repeat}
#footer .shareThis ul li a.facebook {background:url(//www1.sqa.org.uk/images/facebook_16.gif) center left no-repeat}
#footer .shareThis ul li a.twitter {background:url(//www2.sqa.org.uk/images/twitter_16.gif) center left no-repeat}
#footer .shareThis ul li a.gplus {background:url(//www2.sqa.org.uk/images/google-plus.png) center left no-repeat}

#footer p.trigger {cursor:pointer; background:url(//www3.sqa.org.uk/images/footer-share-this.gif) center left no-repeat; padding:4px 0 4px 20px; margin:0; color:#002c77; width:15em}
#footer .popup {padding:5px; position:absolute; display:none; z-index:50; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; background:#f4f7fa; border:2px solid #28649c}
	* html #footer .popup {/* right:-198px; */}
#footer .shareThis ul.popup {padding:8px 0 8px 8px}
#footer .subscribe {background:url(//www4.sqa.org.uk/images/footer-subscribe.gif) 12px 6px no-repeat; width:177px; padding:4px 0 4px 30px; border-left:1px dotted #ccc; position:absolute; top:0; left:16em;}
#footer ul.footerRight {position:absolute; top:4px; right:0}
#footer ul.footerRight li {float:right; font-size:81%; border-right:1px dotted #ccc; margin:0 10px 0 0}
#footer ul.footerRight li.top {border:none; margin:0}
#footer ul.footerRight li a {width:auto; text-indent:0; padding:0; margin:0!important; height:auto}
#footer ul.footerRight li a.backtop{background:url(//www1.sqa.org.uk/images/css_bg_backtop.gif) center right no-repeat; padding:4px 10px 4px 0}
#footer ul.footerRight li.print a {background:url(//www2.sqa.org.uk/images/crumb_print_icon.gif) 0 2px no-repeat; padding:4px 10px 4px 20px}
#footer ul.footerRight li a.email{background:url(//www3.sqa.org.uk/images/css_bg_email.gif) 0 4px no-repeat; padding:4px 10px 4px 20px}
#footer ul.textresizer {display:none}
img.printLogo {display:none}

/* rounded corners */
.custinner p a{-moz-border-radius:4px; -webkit-border-radius:4px}
#custpanel {-moz-border-radius:5px; -webkit-border-radius:5px}
.groupItem, #quicklinks, #panellat, #panelupd, #panellin, #panelmyLinks, .extraContent, .standardPanel, .eventsPanel {-moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px}

#center .faq_options {padding:5px 0!important; width:510px!important; overflow:hidden!important}
#center .faq_options label {width:160px; padding:2px 0 0 5px!important}
#center .faq_options input {width:280px; float:none}
#center .faq_options select {width:284px; float:none}

/* */
#center table#directory ul li{padding:2px 0; background:none;}
.ie6-warn{color:red; font-weight:bold} 

/* past papers */
div#center div.ppapersPanel {background:#f4f7fa; position:relative; padding:0; margin:30px 0 30px 0; -moz-border-radius:10px; -webkit-border-radius:10px;}
div#center div.ppapersPanel h2 {background:none; color:#294a8c; margin:0; font-size:131%; padding:0 0 2px 0; border-bottom:none}
div#center div.ppapersPanel div.standardContent{padding:15px 150px 5px 15px;}
div#center div.ppapersPanel img {position:absolute; top:-15px; right:0px;}
div#center div.ppapersPanel p {margin:0 0 20px 0;}
div#center div.ppapersPanel form fieldset{border:none; padding:0; margin:0;}
#center.wideRight div.ppapersPanel form#pastPapersSearch label{color:#294a8c; margin:0; font-size:131%; padding:0 0 2px 0;}
#center div.ppapersPanel form#pastPapersSearch label{float:none; font-weight:bold;}
#center div.ppapersPanel form#pastPapersSearch select{margin:2px 0 0 0;}
#center div.ppapersPanel form#pastPapersSearch input.submit{margin:-2px 0 0 10px;}
#center.wideRight  div.ppapersPanel form#pastPapersSearch {width:450px}
#brightRed{padding-top:10px;} 
/*
#center div.ppapersPanel #brightRed p{color:#002c77;}
#center div.ppapersPanel #brightRed a{font-weight:bold; text-decoration:none;}
#center div.ppapersPanel #brightRed a:hover{text-decoration:underline;} */

/* pdw form */
table#directory tr td{width:16%;}
table#directory tr td.formw{width:35%}
table#directory tr td ul li input{float:none; margin-right:0;}

/* sqa tooltips */
#divToolTip{z-index:1000; text-align:left; padding:10px;}
#divToolTip h2{border-bottom:none; color:#fff; font-size:120%; margin:0 0 10px 0; padding:0;}
#divToolTip p{color:#fff; font-size:90%;}
.tooltip_hide {display:none;}
#tooltip_test div {margin-bottom:10px;}

div.standardPanelOrange{ background:url(/images/npbgpanel.jpg) no-repeat; background-color:#fcc165!important; zoom:1;  padding:115px 15px 10px 15px; color:#fff; margin-bottom:20px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
div.standardPanelOrange h2{color:#fff!important; border:none!important; font-weight:bold; margin-bottom:10px;}
div.standardPanelOrange .panelContent{color:#fff!important; border:none; padding:0;}
div.standardPanelOrange .panelContent p{line-height:1.4em; color:#fff!important; border:none; padding:0;}
div.standardPanelOrange .panelContent p a{color:#fff!important; font-weight:bold; text-decoration:underline;}

.standardPanelBlack {
  background: rgb(81,81,81); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(81,81,81,1) 0%, rgba(55,55,55,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(81,81,81,1)), color-stop(100%,rgba(55,55,55,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(81,81,81,1) 0%,rgba(55,55,55,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(81,81,81,1) 0%,rgba(55,55,55,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(81,81,81,1) 0%,rgba(55,55,55,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(81,81,81,1) 0%,rgba(55,55,55,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#373737',GradientType=0 ); /* IE6-9 */
  border-radius: 4px;
  color: #fff;
  margin-bottom: 20px;
  padding: 14px;
}

.standardPanelBlack h2,
body#qual .standardPanelBlack h2 {
  border: 0; 
  color: #fff;
  font-size: 22px;
}
.standardPanelBlack p {
  color: #fff;
}

.standardPanelBlack #locationsearch label {
  display: block;
  margin-bottom: 5px;
}

.standardPanelBlack #locationsearch #location {
  background: #fff url(../images/locationsearch-icon.gif) no-repeat 8px center;
  border: 0;
  margin-bottom: 10px;
  padding: 8px 4px 8px 24px;
  width: 154px;
}

.standardPanelBlack #locationsearch #locSearch {
  background: #f1942c;
  border: 0;
  color: #fff;
  cursor: pointer;
  float: right;
  margin-bottom: 10px;
  padding: 4px;
}

/* hack to override height of titles in Google-provided search results */
.gsc-result .gs-title {height: auto !important;}

/* fix video in accordion */
#sliderx div .content.full {width: 100%; height: 90%; top: 0; left: 0; z-index: 1;}
#sliderx div .content.full .contentPan1, #sliderx div .content.full .contentPan2, #sliderx div .content.full .contentPan3 {width: 100%; height: 100%; top: 0; left: 0;}
#sliderx div .content.full #mediaplayerTab2_wrapper {width: 100% !important; height: 100% !important;}
#sliderx.tabs-bottom .ui-tabs-nav {z-index: 2;}

/* Missing */
ul#nav li#nav4 ul li ul li a,ul#nav li#nav4 ul li ul li span.nolink {
	display: block;
	font-size: 16px;
	font-weight: 700;
	padding: 30px 0 15px 22px;
	color: #ffffff;
}

/* WCAG2.0 Fixes */
#footer .otherLinks .list.list4 {margin-top: 26px;}
button.savebut {border: 0; background: none repeat scroll 0 0 #3D71A3; color: #FFFFFF; float: right; font-weight: bold; padding: 4px; text-decoration: none;}
button.savebut:hover {cursor: pointer;}
.hidden {display: none;}
.newsinner em {color: #333333 !important; font-size: 80% !important;}
#past form {position: relative;}
#past .showcontent input {height: 24px;}
#past .showcontent input.search-button {position: absolute; top: 6px; right: 20px; width: 20px; height: 20px; text-indent: -9999px; background: url(../images/pastpapersearch.png) no-repeat; border: 0;}
#past .showcontent input.search-button:hover {cursor:pointer;}
.itemContent a {color: #07325b !important;}
.cfe#qual #topnav, .cfe#qual #topnav:before, .cfe#qual #topnav:after, .cfe #topnav, .cfe #topnav:before, .cfe #topnav:after {background: #5f802f;}
#iam #topnav, #iam #topnav:before, #iam #topnav:after {background: #327ea2;}
/*body#iam h1, body#iam h2, body#iam h3 {color: #2f7292;}*/
body#iam div.standardPanel h2 {color: #fff;}