* { margin: 0; padding: 0; outline: none; }
html { overflow-y: scroll !important; }
body,td,th { font-family: Arial, Helvetica, sans-serif;	font-size: 14px; color: #636466; }
body { margin: 0px; }
a:link, a:visited, a:active  { color: #72bf44; text-decoration: none; }
a:hover { color: #003f1d; text-decoration: none; }
h1 { font-size: 20px; color: #72bf44; margin-bottom: 0.75em; font-weight:normal; margin-top: 0.25em; }
h2 { font-size: 16px; color: #72bf44; margin-bottom: 0.25em; margin-top: 0.25em; font-weight:normal; }
h3 { font-size: 14px; color: #72bf44; margin-bottom: 0.25em; font-weight:normal; }
p { margin-bottom: 0.8em; }
a img { border:none; }
a.readMore { color:#F56600; font-weight:bold; }

table#siteWrapper { width:960px; margin:0 auto; }
table#siteWrapper td#header { height: 144px; vertical-align: middle; }
table#siteWrapper td#header table { width:100%; }
td#header td.branding { width: 276px; height: 144px; vertical-align: middle;}
td#header td.promotion { text-align:center; }

table#siteWrapper td#navWrapper { height: 35px; background: #72bf44; }
table#siteWrapper td#navWrapper div.menu { float:left; width:911px; height:35px; }
table#siteWrapper td#navWrapper img.homeIcon { float:right; }

td#content td.leftCol { width: 276px; vertical-align:top; }
td#content td.midCol { zwidth: 684px; vertical-align:top; }
td#content td.wide { width: 900px !important; }
td#content .breadCrumb { padding: 8px 0 0 14px; width:500px; }
td#content .breadCrumb, td#content .breadCrumb a { font-size: 12px; }
td#content .legalNotice { margin-top: -17px; width:120px; float:right; }
td#content .legalNotice, td#content .legalNotice a { font-size: 11px; font-weight:bold; color: #636466; }
td#content .contentWrapper { zwidth: 100%; min-height: 515px; padding: 20px 30px; ztext-align:justify; }
td#content td.rightCol { width: 276px; vertical-align:top; }

table#siteWrapper td.shareThis { text-align:right; padding: 0 40px 0 0; zmargin-top:5px; }
table#siteWrapper td#footer { height: 20px; text-align:center; padding: 20px 0 5px 0; zmargin-top:5px; }
table#siteWrapper td#notes { height: 20px; text-align:center; padding: 10px 0; border-top:1px solid #b3b3b3; }
table#siteWrapper td#footer, table#siteWrapper td#notes, table#siteWrapper td#footer a { font-size: 11px; color: #636466; }

/*	CONTENT RESETS AND OVER-RIDES
---------------------------------------- */

#content .midCol ul { margin: 0.8em 0 0.8em 1em; }
#content .midCol li { margin: 0 0 0.25em 0; }
#content .midCol li li { margin: 0 0 0.1em 0; }

h2.subList { font-size: 1.2em; border-bottom: 1px dashed #bbb; padding: 10px 0 2px 0; margin-bottom: 0.5em; zclear:both; width:400px; }
div.contentWrapper span.toTop { text-align:left;font-size:11px;display:block;padding-top:20px; }

.midCol ul, .midCol ol { margin-left: 1.5em; }
.midCol li { margin-bottom: 0.25em !important; }
.midCol li li { margin-bottom: 0.1em !important; }

h2 + ol, h2 + ol { margin-top: 1em; }

/*	CONTENT STYLING
---------------------------------------- */

.Callout { color: #2b993b; }
.Large { font-size: 1.8em; }
.Medium { font-size: 1.6em; }
.Bold { font-weight: bold; }
.Break { display: block; }
.Right { text-align: right; }
.Red { color:#C40000; }

img.rightImg { float: right; margin-left: 10px; margin-bottom: 10px; background: white; padding: 3px; border: 1px solid #ccc; clear: both; z-index: 100;}
img.leftImg { float: left; margin-right: 10px; margin-bottom: 10px; background: white; padding: 3px; border: 1px solid #ccc; clear: both; z-index: 100;}

/* FAQ */

ul#faqList { margin-left: 0 !important; margin-bottom: 2em !important; }
ul#faqList td { vertical-align:top; }
ul#faqList td.qLabel { width:15px; }
ul#faqList li { list-style-type: none; }
ul#faqList a { color: #2b993b; }
#faqOutput a.Callout, .contentWrapper h2 a.Callout { color: #2b993b; margin-bottom: 0.25em; display: block; background: transparent right 5px no-repeat url(../img/totoplink.jpg); padding-right: 20px; }
#faqOutput div.listOutput { margin-bottom: 1em; }

/* COMPETITION FORM */

tr.question td, tr.submit td { padding: 5px 0; }
tr.conditions td, tr.question td{ padding: 10px 0; }
tr.answer td { padding-top: 5px; padding-bottom: 15px; }

td.label { text-align: right; vertical-align: top; width: 35%; padding-right: 10px !important; padding-top: 3px; font-weight: bold; }
tr.submit td { text-align: center; }

*.geninput { font-size: 12px !important; color: #333333; }
input.gencheckbox { margin-right: 5px; }
.geninput select { width: 244px; }
.geninput input, .geninput textarea { width: 238px; padding: 2px; }
input.submit { width: 80px; height: 20px; color: #FFF; background: #72BF44; border: 1px solid #A6CE39; text-transform: uppercase; font-weight: bold; font-size: 11px; cursor: pointer; }
.geninput input#id_unlock_potential { width: 20px; }

div.questionnaire { width: 870px; }
div.questionnaire th.label, div.questionnaire td.label { font-size: 12px; }
div.questionnaire td.label { text-align:right; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; padding: 0 5px; height:40px; vertical-align: middle; }
div.questionnaire td.geninput { text-align:center; width:140px; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; padding: 5px; }
div.questionnaire .geninput input { width:20px; }

/* BANNERS */

/* .rightCol div.banner { width: 219px; margin: 10px auto 0 auto; padding-left: 30px; } */

/* REGIONS */

#mapWrapper { position: relative; float: right; width: 100%; margin-bottom: 10px; margin-top: -1em; }
#provList { width: 145px; font-size: 13px; }
.listItem { display: block; padding-bottom: 1em; }
a.toggleDetail { display: block;  border-top: 1px dashed #ddd; padding: 0.15em 0 0.5em 0; margin-top: 0.25em; }
.listItem .hidden { display: none; margin-top: 1em; color: #999999; }
.hidden .Bold { color: #000; }

form div.error { color: #C40000; }

.Green /* span, p */ {
	color: #2b993b;
}

.Large { font-size: 1.8em; }
.Medium { font-size: 1.6em; }
.Small { font-size: 0.8em; }
.Grey { color: #a9a9a9; }

/* NEWS SECTION */

div#articleList div.title { border-top:1px dashed #DDDDDD; display:block; margin:0.25em 0; padding:0.5em 0 0 0; }
div#articleList div.title a { color:#f56600; font-weight:bold; }
div#articleList div.title img { float:left; margin-right: 5px; padding:2px; background-color:#FFF; border:1px solid #DDDDDD; }
div#articleList div.intro { padding:0 0 0.5em 0; }
div#articleList span.date, div.contentWrapper span.date { display:block; margin-top:0.25em; color:#A9A9A9; font-size:11px;}
div.contentWrapper div.articleWrapper { margin-top:0.5em;}
div.contentWrapper div.articleWrapper img { margin:5px; padding:2px; background-color:#FFF; border:1px solid #DDDDDD; }
div.contentWrapper h2.newsTitle { color:#f56600 !important; font-weight:bold !important; }

/* PRODUCTS BLOCK */

div.contentWrapper img.categoryTitle { margin-top: 5px; }

div.contentWrapper table.categoryintroBlocks { width:702px; margin-top:37px; padding-top: 0; height:146px; }
table.categoryintroBlocks th, 
table.categoryintroBlocks td { text-align: left; color: #FFF; font-weight: bold; border-right: 5px solid #FFF; }
table.categoryintroBlocks th { background-color:#72BF44; padding: 0 20px; width: 349px; height: 38px; vertical-align: middle; }
table.categoryintroBlocks td { background-color:#B4B2B2; padding: 8px 20px; font-size: 11px; vertical-align: top;  }
table.categoryintroBlocks td a { color: #FFF; }

.categoryintroBlocks div#studentfaqWrapper, .categoryintroBlocks div#studentnewsColWrapper { position: relative; }
.categoryintroBlocks div.moreFaqs, .categoryintroBlocks div.moreNews { position: absolute; top: 80px; left: 278px; width: 55px; text-align: left; }
.categoryintroBlocks div.moreFaqs a, .categoryintroBlocks div.moreNews a { color:#F56600; font-weight:bold; }

div#productWrapper {	width:704px; zheight:306px; vertical-align:top; float: left; zmargin-left:40px; margin-top:5px; }
table.productBlock {	width:345px; float:left; margin-right:7px; margin-bottom:7px; }

table.productBlock td.productTitle { background:#005172; }
table.productBlock td.productTitle { height:74px; text-align:center; color:#FFF; font-size: 28px; }
/* table#Students td.productTitle { background:#005172; } /* Set by application */
/* table#Employers td.productTitle { background:#72BF44; } /* Set by application */

table.productBlock td.productPic { width:106px; vertical-align:top; }
table.productBlock td.product { width:199px; padding:0 20px; color:#FFF; font-size:12px; }
table.productBlock td.product.type_image { padding-left: 0; }
table.productBlock td.product a { color: #FFF; font-weight: bold; font-size:14px; }

td.product { zheight: 113px !important; }
td.productPic { zwidth: 10%; }
/* table#Students td.product { height:113px; background:#005172; } /* Set by application */
/* table#Employers td.product { height:76px; background:#72BF44; } /* Set by application */

table.productBlock td.product1 {
	filter:alpha(opacity=80) !important; -moz-opacity:0.8 !important; opacity:0.8 !important;
}
table.productBlock td.product2 {
	filter:alpha(opacity=60) !important; -moz-opacity:0.6 !important; opacity:0.6 !important;
}
table.productBlock td.product3 {
	filter:alpha(opacity=40) !important; -moz-opacity:0.4 !important; opacity:0.4 !important;
}
table.productBlock td.product4 {
	filter:alpha(opacity=20) !important; -moz-opacity:0.2 !important; opacity:0.2 !important;
}
table.productBlock td.product5 {
	filter:alpha(opacity=10) !important; -moz-opacity:0.1 !important; opacity:0.1 !important;
}

/* APPLY NOW BLOCK */

div#applyWrapper { width:174px; height:388px; float:right;margin-right:-34px;padding-left:10px; }
div#applyWrapper table { width: 100%; }
div#applyWrapper td.title { text-align: center; padding: 0px; margin: 0; background:#B42670; height:62px !important; }
div#applyWrapper td { text-align: center; padding: 0 12px; background:#b1b1b3; height:58px;	font-size:12px; color:#FFF; font-weight:bold; }
div#applyWrapper td span.large {	font-size: 14px; }
div#applyWrapper td span.purple, div#applyWrapper td span.purple a {	color:#B42670; }
div#applyWrapper.home  { float:right !important; margin-right:20px !important; padding: 0; }
div#applyWrapper.students, 
div#applyWrapper.employers { float:right; margin-right:22px !important; padding-left:2px !important; padding-bottom: 10px; }
div#applyWrapper.laptops  { height: auto; padding-bottom: 10px; }

/* NEWS BLOCK */

div#newsWrapper {	width:697px; height:72px; background:#B1B1B3; position: relative; clear:both; top:-77px; zmargin-left:40px; }
.newsBlock { padding:15px 20px; float:left; color:#FFF; font-size:12px;	position: relative; width: 510px; height: 30px; line-height: 20px; }
.newsBlock span.newsDate {	font-size:11px; }
.newsBlock a {	color:#FFF; font-size:12px; font-weight:bold; }
.newsBlock div.moreNews { position: absolute; top: 50px; left: 485px; width: 55px; text-align: right; }
.newsBlock div.moreNews a { color: #f56600; font-weight: bold; }

div#studentnewsWrapper {	width:697px; height:130px; background:#B1B1B3; position: relative; clear:both; ztop:-77px; }
div#studentnewsWrapper img { float:left;padding:29px 0;background-color:#F56600; }
div#studentnewsWrapper div.moreNews { top:105px; }

table.contentTable { width: 100%; border:0;	}
table.contentTable th { text-align: left; font-size:12px; color: #FFF; font-weight:bold; padding:5px; background: #007295; vertical-align:top; }
table.contentTable td { text-align: left; font-size:12px; color:#000; padding:5px; background: #A6CE39; vertical-align:top; }

table.contentTable.laptop td { padding: 0; background: none; color: #636466; font-size: 14px; }
table.contentTable.laptop { width:714px; }
table.contentTable.laptop td.intro { background:#B41976 top left no-repeat url(/media/img/laptopintro_bg.png); padding:15px; color:#FFF; font-size:12px; }
table.contentTable.laptop td.icon { width:299px; padding:0; }
table.contentTable.laptop td.note { width:397px; padding:9px; vertical-align:middle; }