/* ***** General ***** */

body
{
	text-align: center;
	padding: 0 4px 1px 4px;
	margin: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	background-color: white;
}

textarea, input
{
	font-size: 9pt;
	font-family: verdana, arial, sans-serif;
}

.roundfield
{
	border: 1px solid #999;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 1px;
}

.symbolfont
{
  font-family: Symbol;
}

.mainpage
{
	width: 100%;
	font-size: 9pt;
}

.mainpage td
{
	padding: 4px;
	vertical-align: top;
}

.hrline
{
	margin: 2px 0;
}

/* ***** Logo Area ***** */

#logo
{
	vertical-align: top;
	height: 42px;
	margin: 0;
	font-family: arial, sans-serif;
	min-width: 800px;
	text-align: left;
}

#logohome
{
	width: 350px;
	height: 40px;
	cursor: pointer;
}

#logosyllabus
{
	float: right;
	padding: 0;
	margin: 0;
}

#userlogon
{
	position: absolute;
	top: 0;
	right: 80px;
	height: 38px;
	padding: 2px 5px;
	font-size: 10px;
	text-align: center;
	vertical-align: middle;
	color: black;
	line-height: 1.15em;
}

#pagetitle1
{
	position: absolute;
	top: 0;
	left: 355px;
	font-weight: bold;
	font-family: "Bauhaus Bold BT", Verdana, Arial, Sans-Serif;
	margin: 0;
	padding: 0;
	z-index: 9;
}

#pagetitle2
{
	position: absolute;
	top: 2px;
	left: 357px;
	font-weight: bold;
	font-family: "Bauhaus Bold BT", Verdana, Arial, Sans-Serif;
	margin: 0;
	padding: 0;
	z-index: 5;
}

#pagetitle3
{
	position: absolute;
	top: -1px;
	left: 354px;
	font-weight: bold;
	font-family: "Bauhaus Bold BT", Verdana, Arial, Sans-Serif;
	margin: 0;
	padding: 0;
	z-index: 4;
}

/* ***** Main Menu ***** */

#menu
{
	text-align: center;
	padding-top: 0;
	height: 15px;
	min-width: 800px;
	margin-bottom: 2px;
}

.menu, .menux
{
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 8pt;
	padding: 0 4px;
}

/* ***** Main Content ***** */

#content
{
	vertical-align: top;
	text-align: left;
	font-size: 9pt;
	min-width: 800px;
}

#content h1
{
	margin: 0;
	font-size: 14pt;
}

#content h2
{
	margin: 0;
	font-size: 13pt;
}

#content li
{
	margin: 4px 0;
}

#content ul.dslist li, #content ol.dslist li
{
	margin: 12px 0;
}

#content h1.pctitle
{
	margin: 0 0 5px 0;
	font-size: 14pt;
}

#content h2.pcsubtitle
{
	font-size: 12pt;
	margin: 0 0 4px 0;
}

#content h3.pcsmalltitle
{
	font-size: 10pt;
	margin: 0 0 3px 0;
}

/* ***** Top Bar ***** */

#topbar
{
	text-align: left;
	height: 24px;
}

#topbarright
{
	float: right;
	height: 20px;
}

#moretopic
{
	padding-top: 1px;
}

#qhead
{
	font-weight: bold;
	font-size: 8pt;
	font-family: Arial, sans-serif;
}

.menubutton
{
	padding: 3px 2px 5px 5px;
	margin: 3px 0 0 0;
	font-size: 7pt;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 2.2em;
	min-height: 28px;
}

#forumbtn, #noforumbtn, #confbtn, #confabtn, #confbbtn, #noconfbtn, #taskbtn
{
	padding: 3px 2px 5px 5px;
	margin: 3px 0 0 0;
	font-size: 7pt;
}

#taskbtn
{
	background: url("/images/site/tasks.png") no-repeat white top left;
}

#noforumbtn
{
	background: url("/images/forum/noforum.png") no-repeat white top left;
}

#noconfbtn
{
	background: url("/images/forum/noconf.png") no-repeat white top left;
}

#forumbtn a, #confbtn a, #confabtn a, #confbbtn a, #taskbtn a
{
	text-decoration: none;
}

.menubuttonend, .menubuttonsearch, .moreend
{
	margin: 3px 5px 0 0;
	padding: 3px 0 5px 0;
	font-size: 7pt;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 2em;
}

.menubuttonsearch a:hover
{
	text-decoration: none;
}

#ql1b.moreend
{
	margin: 3px 0 0 0;
}

/* ***** Search ***** */

#search
{
	position: absolute;
	top: -300px;
	left: -300px;
	z-index: 100;
	margin: 0;
	padding: 0;
	font-size: 7pt;
	font-weight: normal;
	height: 12px;
	width: 160px;
	padding: 1px;
}

#searchbtn
{
	font-size: 7pt;
	font-family: arial, sans-serif;
}

#srchbar
{
	margin: 3px 0;
	height: 20px;
}

.searchtbl th, .searchtbl td
{
	padding: 3px;
}

.bigpg
{
	font-size: 11pt;
	font-weight: bold;
}

/* ***** Forgotten Password ***** */

#fgtpswd
{
	font-size: 8pt;
}

/* ***** Table inside Table ***** */

.inttbl th
{
	padding: 3px;
}

.inttbl td
{
	border: none;
	padding: 0 2px 2px 0;
}

/* ***** Question ***** */

#qtitle
{
	font-weight: bold;
	font-size: 11pt;
	font-family: Arial, sans-serif;
	padding: 3px 0;
	margin: 4px 0 10px 0;
}

#qnum
{
	float: right;
	font-size: 9pt;
	font-weight: normal;
	margin-right: 8px;
}

#qnum img
{
	vertical-align: bottom;
}

#questiontext
{
	font-size: 12pt;
	font-weight: bold;
	font-family: Arial, sans-serif;
	margin: 10px 0;
}

#emark
{
	float: right;
	font-size: 9pt;
}

#question
{
	margin: 10px 0;
	padding: 5px 5px 15px 5px;
	text-align: left;
}

#explanation
{
	font-size: 10pt;
	font-family: Arial, sans-serif;
}

/* ***** Summary, DLFile and Applet Info area ***** */

.summaryhead
{
	font-weight: bold;
	font-size: 10pt;
	padding: 2px;
	margin-top: 16px;
}

#summary, #dlfileinfo, #appinfo, #appinfoc, #glossary
{
	padding: 5px;
	font-size: 9pt;
}

#glossary
{
	text-align: left;
}

#appinfoc
{
	text-align: center;
}

.summarystrong
{
	font-size: 140%;
	font-weight: bold;
}

.appletimg
{
	float: left;
	margin: 0 4px 4px 0;
}

.dltext
{
	margin-top: 5px;
	padding: 3px;
}

/* ***** Copyright Footer ***** */

#copyright
{
	margin-top: 10px;
	text-align: center;
	padding: 2px;
	font-size: 8pt;
	min-width: 800px;
}

/* ***** Image ***** */

.newsimgl
{
	float: left;
	margin: 0 10px 3px 0;
}

.newsimgr
{
	float: left;
	margin: 0 0 3px 10px;
}

.imgl, .imglb
{
	float: left;
	margin: 0 5px 3px 0;
}

.imgr, .imgrb
{
	float: right;
	margin: 0 0 3px 5px;
}

.imglb, .imgrb
{
	padding: 8px;
	background: white;
	border-top: 1px solid #eee;
	border-left: 1px solid #ddd;
	border-right: 2px solid #777;
	border-bottom: 2px solid #555;
}

/* ***** Modules Page ***** */

.modsection
{
	font-weight: bold;
	font-size: 11pt;
	margin-top: 10px;
}

.blanktopic
{
	font-size: 2pt;
}

.topicline
{
	font-size: 2pt;
	height: 1px;
}

.topictext
{
	font-size: 9pt;
	font-weight: bold;
}

.module
{
	font-size: 9pt;
}

.qmlinks, .qmlink, .qmlinkn
{
	font-size: 8pt;
}

/* ***** Box classes ***** */

/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox
{
	margin: 0 auto; /* center for now */
	width: 18em; /* ems so it will grow */
	font-size: 9pt;
}

.sideboxfull
{
	margin: 0 auto; /* center for now */
	font-size: 9pt;
}

.boxhead
{
	margin: 0;
	padding: 0;
	text-align: center;
}

.boxhead h2
{
	margin: 0;
	padding: 12px 20px 5px;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1em;
}

.boxbody
{
	margin: 0;
	padding: 5px 20px 21px;
	font-size: 9pt;
}

.boxbody td
{
	font-size: 9pt;
}

p.boxhang
{
	text-indent: -34px;
	margin: 2px 0 0 34px;
	font-size: 7pt;
	text-align: left;
}

/* ***** Question drop-down menu ***** */

#ql2
{
	font-family: Arial;
	position: absolute;
	padding: 0;
	top: -500px;
	left: 0;
	z-index: 999;
	text-align: left;
	cursor: pointer;
}

#ql2 .qll, #ql2 .qlb
{
	font-weight: normal;
	font-size: 8pt;
	padding: 0 3px;
	height: 16px;
}

#ql2 .qla
{
	padding: 0;
	text-align: center;
	height: 9px;
}

#ql2 .qlb
{
	text-align: center;
	height: 12px;
}

/* ********** Exam Board drop-down menu ********* */

#ebsyl1
{
	margin: 0;
	padding: 0;
}

#eb2
{
	font-family: Arial;
	position: absolute;
	padding: 0;
	top: -500px;
	left: 0;
	z-index: 999;
	text-align: left;
	cursor: pointer;
}

#eb2 .qll, #eb2 .qlb
{
	font-weight: normal;
	font-size: 8pt;
	padding: 0 3px;
	height: 16px;
}

#eb2 .qla
{
	padding: 0;
	text-align: center;
	height: 9px;
}

#eb2 .qlb
{
	text-align: center;
	height: 12px;
}

/* ***** Calc Button ***** */

.CalcButton
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: .80em;
	border: 1px ridge #000000;
	padding-left: 0.3em;
	padding-right: 0.3em;
}

/* ***** General Positioning ***** */

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ***** Timer ***** */

#clocktimerbox
{
	float: right;
}

#examplehelpbox
{
	float: right;
	margin-left: 5px;
	padding-top: 1px;
}

#applettimer
{
	float: right;
	vertical-align: middle;
	margin: 0;
}

#clocktimer
{
	background-color: #888;
	padding: 7px 2px 0 2px;
	vertical-align: middle;
	margin: 0;
}

#applettimer
{
	padding: 0;
	background-color: #444;
	margin: 3px 2px 0 0;
}

#clocktimer input, #applettimer input
{
	padding: 0;
	margin: 0;
}

#appresults #applettimer img
{
	padding: 0;
	margin: 0;
	border: none;
}

#marks
{
	padding: 0 4px;
	color: yellow;
	font-size: 8pt;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	position: relative;
	top: -5px;
}

/* ***** Site Messages ***** */

#errormessage
{
	width: 500px;
	color: red;
	border: 2px red solid;
	padding: 10px;
	background-color: #ffe;
	margin-bottom: 10px;
	text-align: left;
}

#sitefreeze
{
	margin: 3px 0;
	color: #060;
	border: 2px solid #060;
	padding: 5px;
	background-color: #ffe;
	font-size: 8pt;
	font-weight: normal;
	text-align: center;
}

#freezemsg
{
	padding: 8px;
	border: 1px solid black;
	background-color: #ffe;
	font-size: 9pt;
	text-align: justify;
}

#freezebold
{
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
}

#subsoffline
{
	font-style: italic;
}

#siteupdate
{
	margin: 3px 0;
	color: red;
	border: 2px red solid;
	padding: 5px;
	background-color: #ffe;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
}

#sitemessage
{
	margin: 3px 0;
	color: #042;
	border: 2px #060 solid;
	padding: 5px;
	background-color: #ffc;
	font-size: 10pt;
	font-weight: bold;
	text-align: center;
}

/* ***** Adverts ***** */

#advert0
{
	text-align: left;
	padding: 15px 0 5px 0;
}

#advert1
{
	text-align: center;
	padding: 15px 0 5px 0;
}

#advert2
{
	text-align: right;
	padding: 15px 0 5px 0;
}

/* ***** Glossary ***** */

#glossbounds
{
	height: 480px;
}

#glosscol0
{
	float: left;
	padding: 5px;
	width: 30px;
	text-align: center;
	margin-right: 5px;
	height: 475px;
}

.gcolalpha
{
	padding: 2px 0;
}

#glosscol1
{
	padding: 5px;
	text-align: left;
	margin: 0 10px 0 5px;;
	height: 475px;
	overflow: auto;
}

.glossentry
{
	margin: 5px 5px 5px 40px;
}

.glossentry p
{
	text-indent: -35px;
	line-height: 1.6em;
}

.glossquizq
{
	font-size: 11pt;
	font-weight: bold;
	padding: 10px;
	margin: 0;
}

.glossquizscore
{
	float: right;
}

.glossquizopts
{
	margin: 15px 0 20px 50px;
}

.glossanswer
{
	text-align: center;
	font-size: 11pt;
}

#gqans
{
	float: right;
	width: 100px;
}

/* ***** Applet ***** */

applet
{
	z-index: -900;
}

.appletright
{
	float: right;
	margin: 0 0 10px 20px;
}

.small, ul.small li
{
	font-size: 8pt;
}

.tiny, ul.tiny li
{
	font-size: 7pt;
}

#examtbl
{
	margin-left: 120px;
}

td.examcol, td.examcol a
{
	font-size: 8pt;
	font-weight: normal;
}

#tmmk
{
	position: fixed;
	top: 350px;
	left: 5px;
	border: 1px solid #777;
	background-color: #eee;
	width: 100px;
	color: black;
	padding: 5px;
}

/* ***** Gen Pages only ***** */

.autocol
{
	margin-top: 20px;
	column-width: 40em;
	-moz-column-width: 40em;
	-webkit-column-width: 40em;
	column-gap: 3em;
	-moz-column-gap: 3em;
	-webkit-column-gap: 3em;
	column-rule:  1px solid #eee;
	-moz-column-rule: 1px solid #eee;
	-webkit-column-rule: 1px solid #eee;
}

/* System Check table */

td.syschktype
{
	background-color: transparent;
	color: #040;
	padding: 2px 4px;
	text-align: right;
}

td.syschkvalue
{
	background-color: white;
	font-weight: bold;
	color: #040;
	border: 1px solid #99e;
	padding: 2px;
	width: 180px;
}

/* **** Conference **** */

#confresponse
{
	width: 90%;
	border: 1px solid #444;
	margin-top: 10px;
	padding: 4px;
	color: white;
	background-color: #aaa;
	height: 350px;
	overflow: auto;
	line-height: 1.4em;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.confmsghead, .confmsgheadu, .confmsgheadc, .confmsgheaduc
{
	font-size: 9pt;
	margin-bottom: 5px;
	padding: 5px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

.confmsghead
{
	border-top: 2px solid #aaa;
	border-left: 2px solid #aaa;
	border-right: 2px solid #a38621;
	border-bottom: 2px solid #a38621;
	background-color: #fcfce0;
}

.confmsgheadu
{
	border: 2px solid black;
	background-color: white;
}

.confmsgheadc
{
	border-top: 2px solid #ddf;
	border-left: 2px solid #ddf;
	border-right: 2px solid #009;
	border-bottom: 2px solid #008;
	background-color: #eff;
}

.confmsgheaduc
{
	border: 2px solid black;
	background-color: #eff;
}

.confmsg
{
	font-size: 8pt;
	padding-left: 20px;
}

.confmsgtime
{
	font-size: 8pt;
	font-style: italic;
}

.cbtns
{
	text-align: right;
}

.cbtnsf
{
	float: right;
}

.cbtns input, .cbtnsf input
{
	font-size: 7pt;
}

#nosyllabus
{
	font-size: 14pt;
	color: red;
	border: 2px red solid;
	padding: 10px;
	background-color: #ffe;
	margin: 20px;
	text-align: center;
}

table.examdatetbl
{
	font-family: arial, helvetica, sans-serif;
}

table.examdatetbl tr td.exdatemod
{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

table.examdatetbl tr td.exdatedate
{
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

table.examdatetbl tr td.exdatedays
{
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}

#prevattempt
{
	text-align: center;
	margin: 0;
	padding: 0;
}

#prevattemptinner
{
	margin: 0 auto 0 auto;
	width: 300px;
	text-align: left;
	padding: 2px;
	background-color: #f8f8f8;
	border: 1px dashed #ccc;
	font-size: 11px;
	max-height: 80px;
	overflow: auto;
}

#prevattemptinner ul
{
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

#scoremessage
{
	margin: 0 auto 0 auto;
	width: 600px;
	text-align: center;
	padding: 5px;
	background-color: #ffd;
	border: 1px solid red;
	font-size: 12px;
	font-weight: bold;
	color: red;
}

#popuptooltip
{
	background-color: #ffc;
	padding: 3px;
	font-size: 9px;
	color: black;
	max-width: 250px;
	border: 1px solid #777;
	line-height: 1.4em;
	text-align: left;
}

/* Suppress the hand cursor on image hotspots unless they've got a tooltip */

.gphotspot
{
	cursor: default;
}

.gptthotspot
{
	cursor: pointer;
}

/* **** CSS version of BOXSTART/END boxes **** */

/* These boxes are not used when IE < 9 is detected (IE < 9 will use the original code) */

/*  Common box classes */

.mnboxwrapper
{
	margin: 10px auto 20px auto;
}

.mnbox
{
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	margin: 0 10px 0 4px;
}

.mnboxtitle
{
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 3px 0;
}

.mnboxbody
{
	-moz-border-radius-bottomleft: 9px;
	-moz-border-radius-bottomright: 9px;
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	padding: 10px 16px 16px 16px;
}

/* The box styles */

/* Style 1 - orange */

.mnbs1
{
	-moz-box-shadow: #664 4px 4px 6px;
	-webkit-box-shadow: #664 4px 4px 6px;
	box-shadow: #664 4px 4px 6px;
}

.mnbs1 .mnboxtitle
{
	background-color: #ffbd42;
	border-bottom: #de9200 1px solid;
}

.mnbs1 .mnboxbody
{
	background-color: #ffe7b5;
}

/* Style 2 - green */

.mnbs2
{
	-moz-box-shadow: #464 4px 4px 6px;
	-webkit-box-shadow: #464 4px 4px 6px;
	box-shadow: #464 4px 4px 6px;
}

.mnbs2 .mnboxtitle
{
	background-color: #2db485;
	border-bottom: #218562 1px solid;
}

.mnbs2 .mnboxbody
{
	background-color: #aeead6;
}

/* Style 3 - blue */

.mnbs3
{
	-moz-box-shadow: #446 4px 4px 6px;
	-webkit-box-shadow: #446 4px 4px 6px;
	box-shadow: #446 4px 4px 6px;
}

.mnbs3 .mnboxtitle
{
	background-color: #4fabcf;
	border-bottom: #3190b1 1px solid;
}

.mnbs3 .mnboxbody
{
	background-color: #c1e4ef;
}

/* Style 4 - brown/pink */

.mnbs4
{
	-moz-box-shadow: #6b5c51 4px 4px 6px;
	-webkit-box-shadow: #6b5c51 4px 4px 6px;
	box-shadow: #6b5c51 4px 4px 6px;
}

.mnbs4 .mnboxtitle
{
	background-color: #d48e5f;
	border-bottom: #af622f 1px solid;
}

.mnbs4 .mnboxbody
{
	background-color: #f1d9c8;
}

/* Style 5 - grey */

.mnbs5
{
	-moz-box-shadow: #666 4px 4px 6px;
	-webkit-box-shadow: #666 4px 4px 6px;
	box-shadow: #666 4px 4px 6px;
}

.mnbs5 .mnboxtitle
{
	background-color: #9f9f9f;
	border-bottom: #767676 1px solid;
}

.mnbs5 .mnboxbody
{
	background-color: #dedede;
}

/* Style 6 - pink/purple */

.mnbs6
{
	-moz-box-shadow: #645 4px 4px 6px;
	-webkit-box-shadow: #645 4px 4px 6px;
	box-shadow: #645 4px 4px 6px;
}

.mnbs6 .mnboxtitle
{
	background-color: #c608ad;
	border-bottom: #600456 1px solid;
}

.mnbs6 .mnboxbody
{
	background-color: #ffcef7;
}

/* Style 7 - brick */

.mnbs7
{
	-moz-box-shadow: #544 4px 4px 6px;
	-webkit-box-shadow: #544 4px 4px 6px;
	box-shadow: #544 4px 4px 6px;
}

.mnbs7 .mnboxtitle
{
	background: url("/images/box/brickbox.png") brown repeat;
	border-bottom: #555 1px solid;
}

.mnbs7 .mnboxbody
{
	background-color: #dedede;
}

/* Style 8 - red (no IE eqiuvalent) */

.mnbs8
{
	-moz-box-shadow: #644 4px 4px 6px;
	-webkit-box-shadow: #644 4px 4px 6px;
	box-shadow: #644 4px 4px 6px;
}

.mnbs8 .mnboxtitle
{
	background-color: #f45334;
	border-bottom: #dc280c 1px solid;
}

.mnbs8 .mnboxbody
{
	background-color: #f8b0a4;
}

/* **** DIV to clear things **** */

div.clearer
{
	clear: both;
	height: 1px;
	margin: 0;
	padding: 0;
}