/* **** General MathsNet CSS **** */

/* Body */

body
{
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #444;
	padding-bottom: 50px;
}

/* **** Core Styles **** */

h1, h2, h3, h4, h5
{
	color: #666;
	font-weight: normal;
}

h1, .tophdr
{
	font-size: 25px;
	margin-top: 0;
	text-shadow: #aaa 1px 1px 0.1em
}

h2
{
	font-size: 20px;
}

h3
{
	font-size: 18px;
}

h4
{
	font-size: 16px;
}

h5
{
	font-size: 14px;
}

p
{
	font-size: 12px;
	line-height: 16px;
}

textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.large, .large a
{
	font-size: 16px !important;
}

#countdown
{
	font-size: 20px;
	padding: 10px;
	width: 200px;
	text-align: center;
	background-color: #eee;
	color: #555;
	border-radius: 3px;
	margin: 20px 0 0 60px;
}

.refreshbtn
{
	margin-left: 60px;
	width: 350px;
}

/* **** Links **** */

a
{
	font-size: 12px;
	color: #444;
	text-decoration: none;
	outline: none;
}

a:hover
{
	color: #000;
}

a img
{
	border: none;
	outline: none;
}

/*** List styles ***/

li
{
	font-size: 12px;
}

a /* remove unwanted focus outlines from links */
{
	noFocusLine: expression(this.onFocus=this.blur());
	outline: none;
}

*:focus
{
	outline: none;
}

/* **** General tab handling **** */

#utility
{
	float: right;
	width: 365px;
	height: 74px;
}

ul#ultabs
{
	margin: 8px 0 3px 0;
	padding: 0 0 0 16px;
}

ul#ultabs li
{
	display: inline;
	margin: 0;
}

ul#ultabs li.taboff a, ul#ultabs li.taboff a:visited
{
	background-color: black;
	font-size: 10px;
	font-weight: bold;
	color: white;
	padding: 4px 8px 3px 8px;
	border-top-left-radius: 1px;
	border-top-right-radius: 1px;
}

ul#ultabs li.taboff a:hover
{
	background-color: #eee;
	color: #777;
}

ul#ultabs li.tabon a, ul#ultabs li.tabon a:visited
{
	background-color: white;
	font-size: 10px;
	font-weight: bold;
	color: black;
	padding: 4px 8px;
	border-top-left-radius: 1px;
	border-top-right-radius: 1px;
}

ul#ultabs li.tabon a:hover
{
	background-color: #eee;
	color: black;
}

/* For tabs 1 to 3 */

#utility .tabfield
{
	background-color: #f8f8f8;
	_background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#bcbcbc));
	_background: -webkit-linear-gradient(top,  #ffffff 0%,#bcbcbc 100%);
	_background: linear-gradient(to bottom,  #ffffff 0%,#bcbcbc 100%);
	border-radius: 1px;
	width: 341px;
	height: 43px;
}

/* For tabs 4 and 5 */

#utility .tabfield2
{
	background: white;
	width: 324px;
	height: 180px;
	z-index: 500;
	border-radius: 1px;
	box-shadow: #555 2px 2px 10px;
}

/* Individual tab boxes */

#tabbox1
{
	padding: 3px 0 0 5px;
}

#tabbox2
{
	position: relative;
}

#tabbox3
{
	padding: 3px 0 0 5px;
}

#tabbox4, #tabbox5
{
	position: absolute;
	padding: 8px;
}

/* Inner box for help and change syllabus */

#helpinner, #sylinner
{
	margin: 6px;
	width: 310px;
	height: 120px;
	overflow: hidden;
	line-height: 1.7em;
}

#sylinner .changesyl
{
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-radius: 1px;
	background: #f8f8f8;
	padding: 0 3px;
	margin-bottom: 2px;
	color: #444;
	height: 20px;
	overflow: hidden;
}

#sylinner .csselected
{
	background-color: #d8d8d8;
}

#sylinner .changesyl:hover
{
	cursor: pointer;
	background: #e8e8e8;
	color: black;
	border-right: 1px solid #555;
	border-bottom: 1px solid #333;
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');
	_background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	_background: -moz-linear-gradient(top, #fff, #888);
}

#sylinner .changesyl .changesylinfo
{
	color: #444;
	font-size: 10px;
	padding-right: 2px;
	font-weight: normal;
	float: right;
}

#helpinner
{
	background: url("/images/tabs/tabgears.png") no-repeat bottom right;
}

#helpinner a, #helpinner a:visited, #sylinner a, #sylinner a:visited
{
	font-size: 11px;
	color: black;
	text-decoration: none;
}

/* Search box */

input#search
{
	width: 240px;
	height: 25px;
	min-height: 25px;
	margin: 8px 0 0 10px;
	padding: 1px 45px 4px 35px;
	background: url("/images/tabs/search-bg.png") no-repeat;
	border: none;
}

input#search
{
	border: none;
}

input#searchButton
{
	position: absolute;
	top: 8px;
	right: 15px;
	width: 30px;
	margin: 4px;
	background: url("/images/tabs/search-button.png") no-repeat;
	border: none;
	cursor: pointer;
}

/* Log On */

#logonwrapper
{
	padding-top: 8px;
	padding-left: 12px;
	z-index: 10;
}

#logon
{
	font-size: 16px;
	font-weight: bold;
	color: black;
}

#logon img
{
	vertical-align: bottom;
}

#fgtpswd
{
	padding-left: 90px;
	font-size: 11px;
	font-weight: bold;
}

/* Profile */

#profilewrapper
{
	padding-top: 1px;
	padding-left: 8px;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.4em;
}

.profilename
{
	overflow: hidden;
	white-space: nowrap;
	width: 315px;
	height: 14px;
	border-bottom: 1px solid #999;
	margin-bottom: 1px;
}

.profilebtn
{
	font-size: 11px;
	font-variant: small-caps;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.1em;
	margin-right: 8px;
	padding-top: 0;
	padding-bottom: 0;
}

#profilewrapper button::-moz-focus-inner
{
	margin: -1px;
	padding: 0;
	border-width: 1px;
}

.profilebtn:hover
{
	cursor: pointer;
}

#optionswrapper
{
	padding-top: 2px;
	padding-left: 8px;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.4em;
}

.bigpg
{
	font-size: 130%;
	font-weight: bold;
	text-shadow: #aaa 1px 1px 0.1em
}

/* **** Tables **** */

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

table.module
{
	border-spacing: 2px;
	width: 100%;
}

table.module td
{
	padding: 2px;
}

/* **** Images **** */

.img, imgb
{
	margin: 5px;
}

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

.imgc, .imgcb
{
	margin: 5px auto;
	display: block;
}

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

.imgb, .imglb, .imgrb, .imgcb
{
	padding: 8px;
	background: white;
	border-top: 1px solid #ccc;
	border-left: 1px solid #bbb;
	border-right: 2px solid #777;
	border-bottom: 2px solid #555;
	border-radius: 3px;
	box-shadow: #bbb 2px 2px 4px;
}

/* System Check table */

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

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

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

.img, imgb
{
	margin: 5px;
}

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

.imgc, .imgcb
{
	margin: 5px auto;
	display: block;
}

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

.imgb, .imglb, .imgrb, .imgcb
{
	padding: 8px;
	background: white;
	border-top: 1px solid #ccc;
	border-left: 1px solid #bbb;
	border-right: 2px solid #777;
	border-bottom: 2px solid #555;
	border-radius: 3px;
	box-shadow: #bbb 2px 2px 4px;
}

/* **** Applet timer popup **** */

#alttimes
{
	background-color: #f4f4f4;
	border: 1px solid #555;
	padding: 5px;
	font-size: 10px;
	border-radius: 3px;
	box-shadow: #888 1px 1px 2px;
	margin-right: 35px;
}

#alttimes a, #alttimes a:visited
{
	text-decoration: none;
	color: black;
}

#alttimes a:hover
{
	color: white;
	background-color: black;
}

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

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

#sitefreeze, #siteupdate, #sitemessage, #genmsg
{
	margin: 3px 0;
	padding: 5px;
	text-align: center;
	border-radius: 2px;
	font-size: 14px;
}

#sitemsgbold
{
	font-size: 16px;
	font-weight: bold;
}

#sitefreeze
{
	color: #060;
	border: 2px solid #060;
	padding: 5px;
	background-color: #ffe;
	font-weight: normal;
}

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

#subsoffline
{
	font-style: italic;
}

#siteupdate
{
	color: white;
	background-color: #e00;
}

#sitemessage, #genmsg
{
	color: #042;
	border: 2px #060 solid;
	background-color: #ffc;
	font-size: 12px;
	font-weight: bold;
}

.pexammod
{
	font-size: 15px;
	color: #444;
	font-weight: bold;
}

.helpbuttonexample
{
	display: inline;
	width: 20px;
	padding: 1px 4px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #666;
	border-radius: 10px !important;
	background-color: #99f773;
	box-shadow: 2px 2px 4px #bbb, inset 1px 1px 2px rgba(255, 255, 255, 0.6), inset -1px -1px 2px rgba(100, 100, 100, 0.5);
}

#ubuttons
{
	float: right;
	text-align: right;
	padding: 3px 3px 0 8px;
	height: 19px;
	margin: 0;
}

.ubutton
{
	padding: 2px 1px 1px 1px;
	margin-left: 8px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #666;
	border-radius: 10px;
	box-shadow: 2px 2px 4px #bbb, inset 1px 1px 2px rgba(255, 255, 255, 0.6), inset -1px -1px 2px rgba(100, 100, 100, 0.5);
}

.hubutton
{
	padding: 2px 5px 1px 5px;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid #666;
	border-radius: 10px;
	box-shadow: 2px 2px 4px #bbb, inset 1px 1px 2px rgba(255, 255, 255, 0.6), inset -1px -1px 2px rgba(100, 100, 100, 0.5);
}

.ubutton a:hover
{
	color: black;
	border-color: black !important;
}

.ubuttonc0, .ubuttonf0, .ubuttont0
{
	background-color: #ccc;
	color: #888 !important;
}

.ubuttonc0 a, .ubuttonf0 a
{
	color: #888 !important;
}

#ubuttonc1
{
	background-color: #ffac35;
}

#ubuttonc2
{
	background-color: #ffe935;
}

#ubuttonf1
{
	border: 1px solid #666;
	background-color: #baecdc;
}

#ubuttont1
{
	border: 1px solid #611315;
	background-color: #ffc5c7;
}

#ubuttont2
{
	border: 1px solid #611315;
	background-color: #ffaa4f;
}

#ubuttont1 a, #ubuttont1 a:visited, #ubuttont2 a, #ubuttont2 a:visited
{
	color: #611315;
}

#ubuttonh0, .hubutton
{
	background-color: #ddd;
}

#ubuttonh1
{
	background-color: #99f773;
}

/* **** Front page student summary table **** */

table#stustatstbl th, table#stustatstbl td
{
	border-radius: 4px;
}

table#stustatstbl td.sscol1, table#stustatstbl th
{
	padding: 2px 6px;
	font-weight: bold;
	color: white;
	background: #60676d;
	background: -moz-linear-gradient(top, #abb2ba 0%, #4b5356 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#abb2ba), to(#4b5356));
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

table#stustatstbl td.sscol2, #stustatstbl td.sscol3
{
	padding: 2px 4px;
	color: black;
	background: #eee;
	background: -moz-linear-gradient(top, #f6f7f8 0%, #e0e3e6 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f7f8), to(#e0e3e6));
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
}

#stustatstbl td.sscol3
{
	font-size: 11px;
}

/* **** Score Boxes *** */

.sscorebox
{
	float: left;
	zoom: 1;
	padding: 7px 9px 10px 9px;
	margin: 0 20px 20px 0;
	border: 1px solid #777;
	border-radius: 3px;
	box-shadow: #bbb 2px 2px 4px;
	_background: url("/images/site/scorenumbers.png") bottom right no-repeat white;
	text-align: center;
}

.sscorebox .title
{
	padding: 4px;
	zoom: 1;
	margin: 0 0 8px 0;
	color: #444;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-shadow: #ccc 1px 1px 0.1em;
	background: rgba(255,255,255,0.8);
	background: white;
	border: 1px solid #777;
	border-radius: 3px;
	box-shadow: #777 2px 2px 4px;
}

.sscorebox table
{
	zoom: 1;
	padding: 2px;
	margin-right: 5px;
	background-color: white;
	border: 1px solid #333;
	border-radius: 3px;
	box-shadow: #777 2px 2px 4px;
	margin: 0 auto;
}

.sscorebox table th
{
	background-color: #787f85;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-radius: 2px;
	color: white;
}

.sscorebox table th a, .sscorebox table th a:visited
{
	color: white;
	text-decoration: none;
}

.sscorebox table th a:hover
{
	color: #34b9f1;
}

.sscorebox table td, .sscorebox p
{
	color: #444;
	border-right: 1px solid #6e7f81;
	border-bottom: 1px solid #53656a;
	padding: 3px;
	background-color: #f4f4ff;
	border-radius: 2px;
}

.sscorebox table td.sscore1
{
	background-color: #63ffd3;
}

.sscorebox table td.sscore2
{
	background-color: #b5ff63;
}

.sscorebox table td.sscore3
{
	background-color: #f3ff63;
}

#reporterror
{
	margin-top: 20px;
	text-align: right;
}

#reporterror a, #reporterror a:visited
{
	font-size: 14px;
	color: blue;
}

.otselbox
{
	border: 1px solid #eee;
	border-radius: 3px;
	margin-bottom: 1px;
	cursor: default;
	vertical-align: top;
	padding: 1px 1px 2px 1px;
}

.otselbox:hover
{
	border: 1px solid #999;
	background-color: #ddd;
}

.otselbox a .otqlink
{
	cursor: pointer;
}

.otselbox input
{
    width: 15px;
    height: 13px;
    padding: 0;
    margin: 0;
    vertical-align: bottom;
    position: relative;
    top: 0;
    *overflow: hidden;
}

/*** Modular boxes ***/

.modularBoxOuter, .summaryhead
{
	padding: 2px 0 0 0;
	border-radius: 3px;
	box-shadow: #ddd 2px 2px 4px, inset 3px 3px 3px rgba(255, 255, 255, 0.3);
}

.summaryhead
{
	margin-top: 16px;
}

.modularBoxOuter h2, .modularBoxOuter h3, .modularBoxOuter h4, .modularBoxOuter h5
{
	font-size: 14px;
	font-weight: bold;
	margin: 4px 10px;
	padding: 0;
}

#content .summaryhead h2
{
	font-size: 14px;
	margin: 4px 10px;
	letter-spacing: 0.05em;
	font-weight: bold;
}

#content .summaryhead h3
{
	font-size: 13px;
	margin: 4px 10px;
	letter-spacing: 0.05em;
	font-weight: bold;
}

#content .summaryhead h2 a:hover
{
	color: #fb0;
}

.modularBoxInner, #summary, #dlfileinfo, #appinfo, #appinfoc, #glossary, #oldquestion
{
	padding: 10px;
	background: white;
	border: 1px solid #bbb;
	border-radius: 3px;
}

#appinfo a, #appinfo a:visited, #appinfoc a, #appinfoc a:visited
{
	color: #0b3aab;
	text-decoration: none;
}

#appinfo a:hover, #appinfoc a:hover
{
	color: red;
	text-decoration: underline;
}

/* **** Search Table **** */

.searchtbl
{
	border-spacing: 3px;
}

.searchtbl th
{
	color: white;
	background-color: #4d5558;
	border-radius: 2px;
}

.searchtbl td
{
	background-color: #f4f4f4;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-radius: 3px;
}

.sitegreen
{
	font-weight: bold;
	color: black;
}

/* **** News Item Box **** */

#newsbox
{
	padding: 0;
	border-radius: 2px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
	background-color: #f8f8f8;
}

.newsdate
{
	float: right;
	font-style: italic;
	font-weight: normal;
}

.newsitem
{
	margin: 5px 10px 10px 20px;
}

#newsmore
{
	margin-top: -5px;
	text-align: right;
}

.newstitle
{
	margin-bottom: 14px;
	padding: 2px 4px 2px 4px;
	font-size: 10pt;
	font-weight: bold;
	_border-radius: 3px;
	_box-shadow: #999 2px 2px 4px;
}

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

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

a.optionlink
{
	margin: 0 7px 0 0;
	padding: 1px 5px;
	border: 1px solid #ccc;
	border-radius: 2px;
	background-color: transparent;
}

a.optionlink:hover
{
	background-color: white;
}

/* **** Cookie Law: Push-down bar and table **** */

#cklbox
{
	background-color: #e00;
	box-shadow: 0 2px 4px #555;
	display: none;
	position: fixed;
	text-align: left;
	font-size: 16px;
	z-index: 999;
	width: 100%;
	left: 0;
	top: 0;
	color: white;
	padding: 2px 20px;
	font-weight: bold;
}

#cklbox a, #cklbox a:visited
{
	color: yellow;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
}

#cklbox a:hover
{
	text-decoration: underline;
}

#cklhide
{
	float: right;
	margin: 3px 30px 0 10px;
	font-weight: bold;
	font-size: 26px;
	cursor: pointer;
}

table.ckl th
{
	background-color: #4f575a;
	color: white;
	border-radius: 3px;
	border-right: 1px solid #040;
	border-bottom: 1px solid #040;
	padding: 2px 5px;
}

table.ckl td
{
	background-color: #fcfffc;
	border-radius: 3px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 2px 5px;
}

table.ckl tr:hover td
{
	background-color: #f0fff0;
}

/* **** Popup Tooltip **** */

#popuptooltip
{
	text-align: left;
	border: 1px solid black;
	border-radius: 5px;
	font-size: 10px;
	padding: 5px;
	background-color: #ffc;
	color: black;
	z-index: 1000;
	box-shadow: 3px 3px 3px #222;
	max-width: 250px;
	line-height: 1.4em;
}

#xpopuptooltip
{
	padding: 3px;
	font-size: 9px;
	border: 1px solid #777;
}

/* **** Progress Table and Worked List links **** */

#workedlist
{
	float: right;
	margin: 8px 0 15px 10px;
	text-align: center;
	padding: 10px;
	border: 1px solid #999;
	box-shadow: 2px 2px 1px #999;
	border-radius: 4px;
}

.progresstbl
{
	padding: 3px;
	border: 1px solid #999;
	box-shadow: 2px 2px 1px #999;
	border-radius: 2px;
	margin: 0 3px 10px 0;
	border-spacing: 2px;
}

.progresstbl th
{
	font-size: 13px !important;
	border-width: 0 1px 1px 0;
	border-color: black;
	border-style: solid;
	background-color: #777;
	color: white;
	border-radius: 1px;
	padding: 2px;
}

.progresstbl td
{
	font-size: 12px !important;
	border-width: 0 1px 1px 0;
	border-color: #999;
	border-style: solid;
	border-radius: 1px;
	padding: 1px 2px;
}

.progresstbl td a
{
	font-size: 12px !important;
}

td#progthis
{
	border: 1px solid red;
	font-weight: bold;
}

.modprogress
{
	border-top: 1px solid #ccc;
}

#examdates
{
	font-size: 13px;
	padding: 4px 10px;
	background-color: #4b5356;
	color: #ffd;
	border-radius: 3px;
	font-style: italic;
}

#examdates span
{
	font-size: 14px;
	font-weight: bold;
	color: white;
	font-style: normal;
}

.summary
{
	margin: 0 5px 5px 5px;
	padding: 0 5px;
	border: 1px solid #ccc;
	background-color: #eee;
	color: #333;
	text-align: left;
	border-radius: 2px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

.summary img
{
	background-color: white;
	padding: 6px;
	margin: 0 10px 10px 10px;
	border-radius: 3px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

.summarybox
{
	background-color: #ccffff;
	border: 1px solid #1d718d;
}

.summarybox img
{
	margin: 8px;
}

.changesylmsg
{
	font-size: 11px;
	line-height: 1.2em;
}

.mcanswer
{
	background-color: #e3f4fb;
}

#position
{
	margin: 0 15px 15px 15px;
	background: #f5f5f5;
	min-width: 990px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#header
{
	height: auto !important;
	height: 74px;
	min-height: 74px;
	_background: #4c5357 url("/images/site/hdr-bg.jpg") repeat-x top;
	background-color: #4c5357;
	_border-bottom-left-radius: 5px;
	_border-bottom-right-radius: 5px;
}

.gotocontent
{
	display: none;
}

#logo
{
	float: left;
	width: 200px;
	height: 74px;
	_background: url("/images/site/hdr_line.jpg") no-repeat center right;
}

#logo a
{
	display: block;
	width: 200px;
	height: 74px;
	text-indent: -999em;
	outline: none;
}

#syllabus
{
	float: left;
	width: 360px;
	height: 74px;
}

#syllabus p
{
	color: #fff;
	font-weight: bold;
	margin: 16px 10px 5px 5px;
}

#mainNav
{
	padding: 5px;
	height: auto !important;
	height: 30px;
	min-height: 30px;
}

/*** Top navigation ***/

#mainNav div
{
	margin-top: 7px;
}

#mainNav div a
{
	font-size: 13px;
	padding: 0 4px 0 4px;
}

/*** Main content positions ***/

.contentWrapper
{
	_background: white url("/images/site/bg_numbers.jpg") center bottom repeat-x;
	background-color: white;
	padding: 10px 0 20px 0;
	border: 1px solid #ccc;
	_border-radius: 5px;
	overflow: hidden;
}

.contentInner
{
	padding: 15px 20px 0 20px;
}

.contentWrapperTwo
{
	background: #fff;
	margin: 15px 0 15px 0;
}

.contentContainer
{
	overflow: hidden;
	/*background: #66CC66;*/
}

.contentColLeft
{
	float: left;
	width: 20%;
	/*background: #FF9999;*/
}

.contentColRight
{
	float: left;
	margin-left: 2%;
	width: 77%;
	/*background: #FF00FF;*/
	border-left: 1px solid #ccc;
}

/*** Other column layout ***/

.content2Col
{
	float: left;
	width: 49%;
}

.content3Col
{
	float: left;
	width: 32%;
}

.content4Col
{
	float: left;
	width: 24%;
}

.content2ColPadder
{
	margin-left: 2%;
}

.content3ColPadder
{
	margin-left: 2%;
}

.content4ColPadder
{
	margin-left: 1%;
}

.contentPadder
{
	padding: 0 10px 10px 10px;
}

.contentColRight .contentPadder
{
	padding: 0 10px 10px 30px;
}

/*** Footer ***/

#footer
{
	height: auto !important;
	height: 20px;
	min-height: 20px;
	min-width: 970px;
	margin: 0 15px 0 15px;
	padding: 12px;
	background: #4c5357; /* url("/images/site/hdr-bg.jpg") repeat-x top;*/
	_border-radius: 3px;
}

#footer p
{
	float: left;
	padding: 0px 40px 0 40px;
}

#footer p, #footer a, #footer a:visited
{
	margin: 0;
	padding: 0;
	font-size: 13px;
	color: #fff;
}

#footer a:hover
{
	color: yellow;
}

#footer p.signOffTwo
{
	margin-left: 40px;
}

#footer p.signOffThree
{
	float: right;
}

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

#glossbounds
{
	height: 480px;
}

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

.gcolalpha
{
	padding: 2px 0;
}

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

.glossbox
{
	margin: 2px;
	clear: both;
}

.glossbox h2
{
	font-size: 15px;
	font-weight: bold;
}

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

.glossentry p
{
	line-height: 1.6em;
}

.glosspic
{
	float: left;
	margin: 0 10px 10px 0;
	padding: 5px;
	border: 1px solid #ddd;
	border-left: 1px solid #bbb;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #999;
	border-radius: 3px;
}

.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;
}

/* *** Page header/title line **** */

#pageheader
{
	border-bottom: 1px solid #ccc;
	padding: 0 20px 10px 20px;
	font-size: 18px;
}

#pageheader a, #pageheader a:link, #pageheader a:visited, #pageheader a:active
{
	text-decoration: none;
	font-size: 18px;
}

#pageheader a:hover
{
	text-decoration: underline;
}

#pageheader .qheadgrey
{
	color: #999;
	margin: 0 5px 0 5px;
	font-size: 18px;
}

#questionid
{
	float: right;
	color: #999;
	font-size: 15px;
}

#questionid span
{
	font-size: 15px;
	font-weight: bold;
}

#pageheader .nparrow
{
	color: #999;
}

#pageheader .nparrow a
{
	margin: 0 2px;
	font-size: 20px;
}

#pageheader .headextra a
{
	font-size: 13px;
}

#qtitlepopup
{
	color: #444;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 0 15px;
	margin: 0 5px;
}

#qtitlepopup:hover
{
	background-color: #eee;
	color: black;
}

/* **** Print Exam page **** */

#examtbl, .otesttbl
{
	padding: 5px;
	border: 1px solid #777;
	border-radius: 5px;
	box-shadow: #ddd 2px 2px 4px;
}

#examtbl
{
	margin-left: 120px;
}

#examtbl th, #examtbl td, .otesttbl th, .otesttbl td
{
	border-radius: 3px;
}

#examtbl th, .otesttbl th
{
	background-color: #5a6167;
	color: white;
	padding: 2px 5px;
}

#examtbl td, .otesttbl td
{
	border: 1px solid #bbb;
}

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

td.pexammod
{
	font-size: 15px;
	color: white;
	font-weight: bold;
	background-color: #2a3137;
	border: 1px solid #2a3137;
	border-radius: 3px;
	box-shadow: inset 0 2px 8px rgba(255,255,255,0.5), inset -0 -2px 8px rgba(0,0,0,0.9);
}

#tmmk
{
	position: fixed;
	top: 280px;
	left: 35px;
	border: 1px solid #777;
	background-color: #eee;
	width: 100px;
	color: black;
	padding: 5px;
	border-radius: 5px;
	box-shadow: #ddd 2px 2px 4px;
}

/* **** Module Pages **** */

#moduleWrapper
{
	border: 1px solid #ccc;
	float: left;
	padding: 0 10px 10px 10px;
	border-radius: 5px;
}

#moduleInfo
{
	border-bottom: 1px solid #ccc;
}

#moduleLatest
{
	float: right;
	width: 22%;
}

.modsection
{
	padding: 5px;
}

.modsectionb
{
	padding: 5px;
	border-top: 1px solid #ccc;
}

.modsection a, .modsectionb a
{
	font-size: 18px;
}

.modsectblock
{
	padding-left: 34px;
}

.modulepara
{
	padding-bottom: 20px;
}

.topictext a
{
	font-weight: bold;
	font-size: 14px;
	color: #555;
}

.qmlinks a
{
	font-weight: normal;
	font-size: 13px;
	color: #777;
}

.topicline
{
	font-size: 2pt;
	height: 1px;
	border-top: 1px solid #eee;
}

/* **** 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 */

td#clrbutton
{
	color: black;
	font-weight: bold;
	font-size: 13px;
	border: 0;
	padding: 0;
	background-color: white;
	padding-bottom: 3px;
}

td#clrbutton .pexothermods
{
	float: right;
	font-size: 13px;
	padding: 2px 0 0 26px;
	font-weight: normal;
}

ul li, ol li
{
	margin-bottom: 5px;
}

/* **** Latest Additions **** */

.latestref
{
	float: left;
	color: white !important;
	background: #555;
	border-radius: 2px;
	padding: 3px;
	margin-right: 8px;
}

.latestadtn
{
	margin: 2px 0 5px 0;
	text-align: left;
	background-color: #f2f2f2;
}

.latestadtn:hover
{
	background-color: #e2e2e2;
	color: black;
	cursor: pointer;
}

/* **** Common Home Pages **** */

.hsamples
{
	font-size: 12px;
	margin: 3px 0;
	padding: 2px 3px;
}

.hmodlist:hover, .hsamples:hover
{
	cursor: pointer;
	background-color: #eee;
}

.hmodlistl
{
	text-align: left;
}

.hmodlistr
{
	float: right;
	text-align: right;
	padding-top: 4px;
	font-size: 14px;
}

.facebook
{
	float: right;
}

.homepgtable
{
	border: 1px solid #ccc;
	padding: 3px;
	background-color: #eee;
	border-spacing: 3px;
}

.homepgtable th
{
	background-color: #777;
	color: white;
	padding: 2px 3px;
}

.homepgtable td
{
	background-color: white;
	padding: 2px 3px;
}

.infobox
{
	border: 1px solid #ccc;
	border-radius: 2px;
	box-shadow: #ddd 2px 2px 4px;
	height: 90px;
	padding: 3px 3px 3px 95px;
	margin: 0 4px 4px 0;
}

.infobox a
{
	margin-bottom: 20px !important;
	font-size: 13px !important;
	font-weight: bold !important;
}

.infobox img
{
	float: left;
}

/* **** Syllabus List **** */

#syllist th
{
	font-size: 15px;
	font-weight: bold;
	color: white;
	background-color: #555;
	padding: 3px;
}

#syllist td
{
	font-size: 14px;
	font-weight: bold;
	padding: 3px;
}