/* 	12th Feb 2010 Edited using CODA
	Desgned by CASCAiD Ltd
	Copyright CASCAiD 2009 */

h1, h2, h3, h4, h5 {margin: 0;}
h3 span {display: block;}

h1 {font-size:1.8em;line-height: 1.5em;font-weight:bold;}
h2 {padding-top: 1.5em; font-size: 1.6em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.3em;
	border-bottom:1px dotted;
	padding-top: 1em;
	font-weight: normal;
	margin: 0;
	}

dfn a {border-bottom: 1px dashed white; font-style: italic; font-size: 100% !important;}

dt {font-weight: bold; display: block; width: 140px;}
dd {
	margin-top:-1.5em;
	padding:0 0 3em !important;
	margin-left: 170px;}

dd p {padding: 0.4em 0 ; margin: 0; line-height: 1.2em;}	

body {
	padding: 0; 
	margin: 0; 
	background-color: white;
	font-family:Helvetica,"Helvetica Neue","Lucida Grande","Lucida Sans Unicode",Sans-Serif,Verdana,Arial;
	font-size:82.5%;
}

p, label, a, input, li {	
	line-height: 1.45em;
	}

.stretch {
	z-index: -1;
	min-height: 100%;
	min-width: 800px;
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	left: 0;
}

label strong {display: block;}

#container {
	width: 960px; 
	margin: 0 auto 2em; 
	background-color: white;
	-webkit-box-shadow: 0px 0px 25px #333; 
	-moz-box-shadow: 0px 0px 25px #333;
	border: 2px solid #FFF;
	border-top: none;
	-moz-border-radius-bottomleft: 40px;
	-webkit-border-bottom-left-radius: 40px;
	/*-moz-border-radius-topright: 46px;
	-webkit-border-top-right-radius: 46px;*/

        position: relative;
	}
	
* html div.userdetails #logincontent {height: 35em;}	
a + span {padding-top: 0.25em;}
a:hover {text-decoration: none;}

.list-alpha {list-style-type: lower-alpha;}

/*Layout*/
.floatL {float: left;}
.floatR {float: right; margin-right: 10px !important;}
.clearL {clear: both;}
.block {display: block;}
.hidden {display: none !important;}
p.clearL {margin: 0;}

p > a {font-size: 100%;}

/* Structural*/

/*Colors*/
body {
	background-color: #E7F4F8;
}
body.assignments {background-color: #E7F4F8;}
body.careers {background-color: #E1D5E1;}
body.articles {background-color: #E3E2EF;}
body.casestudy {background-color: #E5E9D4;}


.third {width: 32%; margin:0 1%}
.twothird {width: 63.5%; margin: 0 1%; position: relative;}
.full { width:97.75%; margin: 0 1% 10px;}
.center {text-align: center;}
.newBlock {padding-top: 10px;}

.contentBoxLeft, .contentBoxLeftSml {
    -moz-border-radius-bottomleft: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-topright: 30px;
	-webkit-border-top-right-radius: 30px;
	min-height: 220px;
	height:auto !important;
  	height:220px;
    padding: 10px 20px;
    margin: 0 0 10px 0;}

.contentBoxRight, .contentBoxRightSml {
    -moz-border-radius-bottomright: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-webkit-border-top-left-radius: 30px;
	-moz-border-radius-topright: 30px;
	-webkit-border-top-right-radius: 30px;	
	min-height: 220px;
	height:auto !important;
  	height:220px;	
    padding: 10px 20px;
    margin: 0 0 10px 0;}

.contentBoxLeft, .contentBoxRight {min-height: 260px;height:260px; position: relative;}
		
.titleBlock {
    -moz-border-radius-bottomright: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-webkit-border-top-left-radius: 30px;
        padding: 10px 20px;
        min-height: 30px;
		height:auto !important;
  		height:30px;	
        margin: 2px 0 0 0;}
        
body.careers .titleBlock {
        min-height: 50px;
		height:auto !important;
  		height:50px;}

.contentBoxRightSml, .contentBoxLeftSml {min-height: 220px;}
	
.noFixedHeight {min-height: auto !important;}	

/*Titles*/

.paleBlue h2 {color: #0093CB; padding: 1em 0;}
.paleBlue h2 span {color: #70C230; padding: 0.5em 0 0;}
.paleBlue h3 {font-weight: bold; padding-top: 1em;}
.paleBlue h3 span {padding: 0.5em 0 0; font-weight: normal !important; color: #5D5D5D; line-height: 1.2em;}

h3.assignment,
h3#assignment,
h3#steps,
h3#continue,
h3.continue,
h3#photographs,
h3#video,
h3.video,
h3#discuss,
h3#workActivities,
h3#personalQualities,
h3#payOpps,
h3#entryRoutes,
h3#Qualifications,
h3#HE,
h3#furtherInfo,
h3#caseStudy,
h3#present,
h3.learningObject,
h3#atGlance {background: url(../images/h3-icons.png) 195px -20px no-repeat; padding:16px 0 26px;}

h3#steps {background-position: 190px -120px;}
h3#continue, h3.continue  {background-position: 190px -220px;}
h3#photographs {background-position: 190px -320px;}
h3#discuss {background-position: 190px -520px;}
h3#video, h3.video {background-position: 190px -620px;}
h3#present {background-position: 190px -720px;}
h3.learningObject {background-position: 190px -820px;}
h3#atGlance {background-position: 190px -920px;}

h3#workActivities {background-position: 495px -420px;}
h3#personalQualities {background-position: 495px -520px;}
h3#payOpps {background-position: 495px -620px;}
h3#entryRoutes {background-position: 495px -720px;}
h3#qualifications {background-position: 495px -820px;}
h3#HE {background-position: 495px -920px;}
h3#furtherInfo {background-position: 495px -1020px;}
h3#caseStudy {background-position: 495px -1120px;}

h3.learningObject, h3#continue, h3.continue, h3.assignment, h3#assignment, h3#steps, h3#discuss, h3#present, h3#careers, h3#articles {font-size: 1.45em;}

h3#articlelist {padding: 1em 0 0.5em 0; font-size: 1.3em; font-weight: normal;}

.third h1, .twothird h3 {padding:16px 0 10px;}
.full h1 {font-size: 1.5em !important;}

.unit {font-size: 1.3em;line-height: 1.4em; font-weight: normal;}
.unit strong {display: block; font-size: 1.65em;padding: 0.75em 0; font-weight: bold;}

.branding {height: 260px; position: relative; background-color: #0093CB;}
.branding img {position: absolute; top: 0; left: 0; z-index: 0;}
.branding h2 {position: relative; z-index: 10; color: black; font-size: 1.5em; padding-top: 1em; font-weight: normal;}

/*Colours*/

.paleBlue {
	background-color: #E7F4F8;}
.darkBlue {
	background: #337083 url(../images/darkBlue.gif) top left repeat-x; 
	color: white;}

.darkRed {
	background: #9A341D url(../images/darkRed.gif) top left repeat-x; 
	color: white;}	
.Green {
	background: #7B9226 url(../images/Green.gif) top left repeat-x; 
	color: white;}
.full .Green {background-color: #ABC734;}

.Red {
	background-color: #D0462B;
	color: white;}

.Blue {
	background-color: #0092CA;
	color: white;}

.darkLilac {
	background: #4F4979 url(../images/darkLilac.gif) top left repeat-x;;
	color: white;}
.lilac {
	background-color: #4F4979;
	color: white;}	
.darkPurple {
	background: #692F6A url(../images/darkPurple.gif) top left repeat-x;;
	color: white;}
.titleBlock {background-image: none !important; margin-bottom: 3px;}
#content a {color: white;}
div.careers #content dfn a {color: #692F6A;}
div.articles #content dfn a {color: #4F4979;}
div.casestudy #content dfn a {color: #7B9226;}
div.careers h2,div.articles h2, div.casestudy h2 {color: black; padding-bottom: 0;}
.twothird .paleBlue p {color: #444;}

/*Header */
#header {
	background: #D0462B url(../images/header.png) top center no-repeat;
	position: relative;
	height: 119px;
/*	-moz-border-radius-topright: 40px;
	-webkit-border-top-right-radius: 40px;	*/
	
}
#header a {color: #477E9C;}
ul#toplinks  {position: absolute;top: 10px; right: 30px; margin: 0;}
ul#toplinks li {display: inline; list-style: none inside none;}
ul#toplinks li a {padding: 0 10px 0 2px;}

div.assignments #header {background-color: #0093CB;}
div.careers #header {background-color: #903B94;}
div.articles #header {background-color: #736CB1;}
div.casestudy #header {background-color: #AAC633;}


/*Top menu*/
ul#mainnav  {
	position: absolute;
	top: 68px; 
	left: 310px; 
	margin: 0;}
ul#mainnav li { 
	float: left; 
	list-style: none inside none;
	position: relative;
	margin-right: 10px;
	margin-bottom: 10px;
	}
ul#mainnav li a {
	display: block; 
	text-decoration: none;
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius: 20px;	
	-moz-border-radius-topleft: 20px;
	-webkit-border-top-left-radius: 20px;
	border: 2px solid #D0462B;
	color: #D0462B;	
	padding: 5px 10px;	
}

ul#mainnav li#homeTab a:hover {background-color: #D0462B;}
ul#mainnav li#homeTab a:hover, .diplomas ul#mainnav li#homeTab a {background-color: #D0462B;color: white;}

ul#mainnav li#assignmentTab a {border-color: #0093CB;color: #0093CB;}
ul#mainnav li#assignmentTab a:hover, .assignments ul#mainnav li#assignmentTab a {background-color: #0093CB;color: white;}

ul#mainnav li#careerTab a {border-color: #903B94;color: #903B94;}
ul#mainnav li#careerTab a:hover, .careers ul#mainnav li#careerTab a {background-color: #903B94;color: white;}

ul#mainnav li#articlesTab a {border-color: #736CB1;color: #736CB1;}
ul#mainnav li#articlesTab a:hover, .articles ul#mainnav li#articlesTab a {background-color: #736CB1;color: white;}

ul#mainnav li#casestudyTab a {border-color: #AAC633;color: #AAC633;}
ul#mainnav li#casestudyTab a:hover, .casestudy ul#mainnav li#casestudyTab a {background-color: #AAC633;color: white;}

/*Content*/
#content {padding-top: 10px;}
.careers h1, .articles h1 {position: relative;}
.careers h1 span, .articles h1 span {display: block; font-size:70%; font-weight: normal;}

/*Photo & Video panel*/

#videoviewer, .videoviewer, #photoPanelInline {
	width: 260px;
	height: 200px;
	border: 2px solid white;
    margin-bottom: 10px;
	-webkit-box-shadow: 0px 0px 15px #000;
	-moz-box-shadow: 0px 0px 15px #000;
}
ul#otherVideoList {list-style: none outside none; margin: 0; padding: 1.5em 0 !important;}
ul#otherVideoList li {margin: 0; padding: 0.2em 0 !important;}
ul li.selected a {text-decoration: none; font-weight: bold; font-size: 1.1em; cursor: default;}

.twothird #videoviewer {
	position:absolute;
	right:20px;
	top:30px;}

	
#photoPanelInline img {
	width: 100%;
	height: 100%;}
	
a.nextStepLink {
	display: block; 
	font-size: 1.8em;
	padding: 18px 70px 18px 0; 
	background: url(../images/icons.png) 180px -10px no-repeat; 
	text-align: left;
	text-decoration: none;
	color: white;}
	
a.nextStepLink:hover {
	text-decoration: underline; 
	text-shadow: 0px 0px 10px #444;
	background-position: -120px -10px;	}	
	
	
.careerlist {list-style: none inside none; padding: 0; width: 50%;}
.careerlist li {padding: 0.2em 0;}
.steplist {list-style: none inside none; padding: 0 !important;}
.steplist li {padding: 0.1em 0;}
.sectionlist {list-style: none outside none; padding: 0;}
.sectionlist li {padding: 0.3em 0;}
.sectionlist a {color: #477E9C !important;}
.sectionlist a.selected, .sectionlist li.selected a {color: #D0462B !important; font-weight: bold; /*font-size: 110%;*/}

/* Thumbview*/
.thumbview {list-style: none inside none; padding: 0px 20px; margin: 0;}
.thumbview li {
	display: block;
	width: 20%; 
	height: 240px !important;
	float: left;
	padding: 2%;
	margin: 10px 9px 0 0;
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topright: 20px;
	-webkit-border-top-right-radius: 20px;	
}

.caseStudyView {padding: 0;}

.caseStudyView li {
	width: 40%;
	margin: 2% 4% 2% 0;
	height: 235px;
	padding: 18px;
	}

.articles .thumbview li {min-height: 230px;}

.thumbview li img, .thumbview div, div.monoslideshow {
	width: 100%;
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	border: 2px solid white;
	}
.thumbview div {width:182px; height: 137px;}
.videoviewer {position: relative; width: 100%; top: auto; right: auto;}

.thumbview p {font-size: 100%;}

/*Menu page*/


.third ul {padding: 0 0 0 1em !important; margin: 0;}
.third ol {padding: 0 0 0 1.5em !important; margin: 0;}


/*Footer*/
#footer {padding: 20px;}
#footer img {vertical-align: middle; padding-right: 20px;}
#footer p {font-size: 90%;}


/*Prototip*/
.prototip .careerscape {
	width: 300px;
	border: 1px solid black;
    -webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	-moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius: 0px;	
    -webkit-box-shadow: 0px 0px 15px #333;
	-moz-box-shadow: 0px 0px 15px #333;
    opacity: 0.95;
    filter: alpha(opacity=95); /* IE */
}
.prototip .careerscape .toolbar {
	font-weight: bold;
	background: white;
	color: #444444;
	-webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright: 15px;
}
.prototip .careerscape .toolbar a.close {
	background: url(close_hover.gif);
}
.prototip .careerscape .toolbar a.close:hover {
	background: url(close.gif);
}
.prototip .careerscape .title {
	padding: 10px 10px 0 10px;
    font-size: 1.4em;
}
.prototip .careerscape .content {
	padding: 10px;
	background: white;
	color: black;
    -webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    -moz-border-radius-bottomright: 15px;
	font-size: 1.1em;
}

/*Diploma support menu*/
.diplomas #content {padding:40px 0em 0 55px;}
#diplomalist {margin: 0 -20px; padding: 0;list-style: none inside none;font-size: 1.1em; line-height: 1.3em;}
#diplomalist li {margin: 0 48px 20px 0; position: relative;}
#diplomalist li a {
	display: block; 
	color: black;
	height: 140px; 
	/*margin: 1% 2% 1% 0; */
	padding: 15px 20px;
	width: 220px; 
	position: relative; 
	z-index: 1;
	background-color: #E7F4F8;
	text-decoration: none;	}
#diplomalist li a img {
	border: none; 
	position: absolute; 
	top: 0; 
	left: 0; 
	z-index: -1;
 }
 
 #diplomalist li a strong {text-decoration: underline; font-size: 110%;}

li.inactive {display: none !important;}
#diplomalist li strong {display: block;}

.assignments .third {margin-right: 0;}

/*Diploma menu text colours*/
.diploma_1 a, .diploma_2 a {color: #584010 !important;}
.diploma_3 a, .diploma_4 a {color: #000 !important;}
.diploma_5 a, .diploma_6 a {color: #000 !important;}
.diploma_7 a, .diploma_8 a {color: #5B7ABB !important;}
.diploma_9 a, .diploma_10 a {color: #61744C !important;}
.diploma_11 a, .diploma_12 a {color: #584010 !important;}
.diploma_13 a, .diploma_14 a {color: #027ABB !important;}
.diploma_15 a, .diploma_16 a {color: #005447 !important;}
.diploma_17 a, .diploma_18 a {color: #B40609 !important;}
.diploma_19 a, .diploma_20 a {color: #450086 !important;}

/*Login*/
#welcometext, #managerlink {padding: 1% 6%;}

#logincontent, fieldset#loginbox, fieldset#createUser, fieldset#enterUserDetails {width:35%; float: left; padding: 2%; margin-left: 6%;}

h2.top {	
	padding: 10px 20px;
	margin: -20px -20px 0;
	-moz-border-radius-topright: 28px;
	-webkit-border-top-right-radius: 28px;
	background: #9A341D url(../images/darkRed.gif) top left repeat-x; 
	color: white;}

fieldset h2 {font-size: 1.4em;}

#logincontent {margin-right: 5%; width: 35%;}
#logincontent a {color: black;}
#loginbox, #createUser,#enterUserDetails {-moz-border-radius-bottomleft: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-topright: 30px;
	-webkit-border-top-right-radius: 30px;
	border: 2px solid #9E4044;}

fieldset ul {list-style: none outside none; padding: 0 !important; margin: 0 !important;}	
fieldset#loginbox li, fieldset#createUser li, fieldset#enterUserDetails li {padding: 10px 0; position: relative; margin: 0; }
fieldset#loginbox li input, fieldset#createUser li input, fieldset#enterUserDetails li input {position: absolute; right: 0px; top: 5px;}
.login h2 { font-size: 1.4em;}
label, a.cancel, #logincontent h1, #logincontent a {color: #D0462B !important;}
legend {display: none;}


input.submit, a.submit {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background:#9F371E url(../images/submit-bg.gif) no-repeat scroll center top;
border:1px inset #D0462B;
color:white;
cursor:pointer;
float:left;
margin:0;
padding:0.3em 0.8em;
}



input.submit {
overflow:visible;
width:auto !important;
}

input.submit:hover, a.submit:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#9F371E url(../images/submithover-bg.gif) no-repeat scroll center bottom;
border-style:outset;
}

.button, .submit:hover, a#homeLink:hover {text-decoration:underline;}

input.viewBtn, input.viewBtn:hover {border: none; background-image: none;} 
input.viewBtn:hover {
	background-image: none;	
	-webkit-box-shadow: 0px 0px 10px #333; 
	-moz-box-shadow: 0px 0px 10px #333;}

.viewBtn {color: #692F6A !important; background-color: white !important; padding:0.2em 1.2em !important; margin: 0.5em !important;}

input.submit {
overflow:visible;
width:auto !important;
float: right;
}
span.pwdtxtsml {display:block;font-size: 0.9em;}
a.cancel {padding: 7px 20px;float:right}


/*Breadcrumb nav */
#breadcrumb {width: 100%; margin-top: -7px; padding-bottom: 10px;}
#breadcrumb ul {list-style: none inside none; padding: 0; margin: 2px 1% 0px 6%; float: left; width: 93%;}
#breadcrumb li {
	width: 15.5%; 
	min-height: 25px;
	height:auto !important;
  	height:25px;
	margin-right: 1%;
	float: left; 
	font-size: 0.95em;
	font-weight: bold;
	line-height: 1em !important;
	text-align: center;	
	color: white;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;	
	background-color: #ABC734;
	padding: 5px 0;
	opacity: 0.9;
	filter: alpha(opacity=90);	
}
#breadcrumb li a, #breadcrumb li span {
	display: block;	
	color: white;
	border-top: 1px solid white;
	font-size: 92.5%;
	font-weight: normal;
	padding: 5px 5%;
	text-align: center;
	line-height: 1.1em !important;	
}

#breadcrumb li a {text-decoration: underline;}

#breadcrumb p.small {margin: 0; padding: 0; height: 1px;}
#breadcrumb li:hover, #breadcrumb ul li:last-child {	opacity: 1; 
	filter: alpha(opacity=100);}
#breadcrumb ul li:last-child {margin-top: -5px; padding-bottom: 10px; padding-top: 10px;}

#breadcrumb li a:hover{text-decoration: none;}

li.diploma {background-color: #D0462B !important;}
li.unit {background-color: #0092CA !important;}
li.assignment {background-color: #0092CA !important;}
li.activity {background-color: #0092CA !important;}
li.job {background-color: #903B94 !important;}
li.article {background-color: #736CB1 !important;}
li.caseStudy {background-color: #ABC734 !important;}

#pagination {clear: both; padding: 20px;text-align: center; }
#pagination p {margin: 0;}
#pagination a {
	display: inline;  
	color: black;
	padding: 5px;
	margin: 5px;
	border: 1px solid black;
	-moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
	}
	
#pagination span.currentStep {
	background-color: black; 
	color: white; 
	padding: 6px 8px;	 
	-moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
	}	
	
div.assignments #pagination a {color: #0093CB; border-color:#0093CB;}
div.assignments #pagination span.currentStep {background-color: #0093CB;}

div.careers #pagination a {color: #903B94; border-color:#903B94;}
div.careers #pagination span.currentStep {background-color: #903B94;}
	
div.articles #pagination a {color: #736CB1; border-color:#736CB1;}
div.articles #pagination span.currentStep {background-color: #736CB1;}

div.casestudy #pagination a {color: #7B9226; border-color:#7B9226;}
div.casestudy #pagination span.currentStep {background-color: #7B9226;}

.headerIcon {display: none;}


/*Error pages*/
h1.error  {font-size: 4em; font-weight: normal; color: #ABC734; padding: 20px 40px;}
p.error {padding: 0px 40px 80px; font-size: 1.3em;}
p.error > a {color: black !important;}


/*forms*/
form {position: relative;}
fieldset {border: none; padding-left: 0;}
select.careerSelect {width: 180px;}
select.wider {width: 265px;}
input[type="text"]:focus, input[type="password"]:focus, input[type="text"]:hover, input[type="password"]:hover {background-color: #E7F4F8;}
.careerForm h3 {padding-bottom: 5px !important; }
.careerForm p {position: relative; margin: 0; height: 30px; margin-right: -15px;}
.careerForm input.submit {float: none; position: absolute; top: -5px; right: 0;}
h3#careers {padding-bottom: 1em;}
fieldset p strong {color: black !important;}

/*Save box for activities*/
div.progressBox {
	position: absolute;
	top: 20px;
	right: 75px;}
	
div.progressBox p {margin: 0; padding: 0;}	
div.progressBox p:last-child { text-align: center;}

div.progressBox .submit {
	float: none; 
	padding: 1px !important; 
	margin: 0 0 0 -5px !important; 
	color: #0292C9 !important;
	background: white none !important; 
	border: none !important; 
	font-size: 0.75em !important;
	font-weight: normal;}
div.progressBox label {
	font-size: 65%; 
	color: white !important; 
	margin: 0 10px 0 -5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;}	
div.progressBox label.submit {padding: 3px !important;}	
.darkRed div.progressBox .submit {color: #D0462B !important; }
.progressBox input[type="checkbox"] {vertical-align: middle;}

.contentBoxLeft div.progressBox {	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;}

/*Further info*/
#contacts a {color: #692F6A; font-size: 100%;}
#contacts li {padding: 1em 0;}
ul li ul {list-style: none inside none; padding: 0; margin: 0; font-size: 100%;}
ul li ul li {padding: 0 !important; margin: 0;}

/*Terms and conditions */
#tandcBox {padding: 0 6% 4%;}
#tandcBox ol {padding: 1em 1.6em; font-size: 120%;}
#tandcBox ol a {color: #D0462B; font-size: 100%;}
#tandcBox fieldset {border: 2px solid #D0462B; 
	padding: 20px; 
	position: relative;    
	-moz-border-radius-bottomright: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-webkit-border-top-left-radius: 30px;}
#tandcBox label {font-weight: bold; font-size: 140%; color: black !important;}
#tandcBox a.cancel {float: right;}
#tandcBox #formButtons {position: absolute; top: -10px; right: 30px;}
.legal a {color: #D0462B !important;}

/* Errors*/
.redText {color: #D0462B;}


/*Dashlist markup*/
ul.liststyle1 li, ul.liststyle2 li {list-style-image: url(../images/bulletdash.gif) !important;}
.third ul.liststyle1 li, .third ul.liststyle2 li {list-style-image: url(../images/bulletdash-white.gif) !important;}
ul.liststyle2 li {margin-top: 1em;}
ul.liststyle1, ul.liststyle2 {margin: 0 0 1em 0;}
ul.liststyle2 {	margin-top: -1em !important;}

/* Activity list*/
ul#activityList {list-style: none outside none; margin: 0; padding: 0 !important;}
ul#activityList li {
	padding: 0;
	margin: 0;
	position: relative;
	}

ul#activityList li a {padding: 6px 0 6px 33px; display: block; position: relative; text-decoration: none;}
ul#activityList li a span:hover, ul#activityList li.complete a span {text-decoration: none;}

/*Progress and feedback*/
span.progressIcon {
	display: block; 
	width: 23px; 
	border: 1px solid white; 
	padding: 2px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;}
	
	
span.progressIcon span {display: block; text-align: center; font-size: 8pt; line-height: 8pt;width: 11px; margin: 0 6px;}
span.progressIcon span:first-child {border-bottom: 1px solid white; margin-bottom: 1px;}

ul#activityList li a span.progressIcon {position: absolute; left: 0; top: 0;}
ul#activityList li.complete span.progressIcon {background-color: white; color: #337083;}
ul#activityList li.complete span.progressIcon span:first-child {border-bottom-color: #337083;}
span.underline {text-decoration: underline;}

span.progressbar {display: block; border: 1px solid white; height: 8px; padding: 1px 0; position: relative;	-webkit-border-radius: 3px; -moz-border-radius: 3px;}
span.progressbar img {height: 8px; position: absolute; top: 1px left: 0;}

/*Charting*/
p.piechart {position: absolute; bottom: -20px; right: -5px; z-index: 10;}
p.complete {margin-bottom: 0;}
span.piebreakdown {position: absolute; left: 85px; top: 20px; font-size: 1.2em; width: 100px;}
#piechart {display: block; width: 90px; height: 90px; background: url(../images/pieChart.png) 0 0 no-repeat;}
p.unitcomplete {display: block; width: 75px; height: 20px; background: url(../images/unitComplete.png) 0 0 no-repeat; padding-top: 70px; text-align: center; margin: 0;}
.value0  {background-position: -1800px 0 !important;}
.value1, .value2, .value3, .value4, .value5, .value6, .value7 {background-position: 0 0 !important;}
.value8, .value9, .value10, .value11, .value12 {background-position: -90px 0 !important;}
.value13, .value14, .value15, .value16, .value17 {background-position: -180px 0 !important;}
.value18, .value19, .value20, .value21, .value22 {background-position: -270px 0 !important;}
.value23, .value24, .value25, .value26, .value27 {background-position: -360px 0 !important;}
.value28, .value29, .value30, .value31, .value32 {background-position: -450px 0 !important;}
.value33, .value34, .value35, .value36, .value37 {background-position: -540px 0 !important;}
.value38, .value39, .value40, .value41, .value42 {background-position: -630px 0 !important;}
.value43, .value44, .value45, .value46, .value47 {background-position: -720px 0 !important;}
.value48, .value49, .value50, .value51, .value52 {background-position: -810px 0 !important;}
.value53, .value54, .value55, .value56, .value57 {background-position: -900px 0 !important;}
.value58, .value59, .value60, .value61, .value62 {background-position: -990px 0 !important;}
.value63, .value64, .value65, .value66, .value67 {background-position: -1080px 0 !important;}
.value68, .value69, .value70, .value71, .value72 {background-position: -1170px 0 !important;}
.value73, .value74, .value75, .value76, .value77 {background-position: -1260px 0 !important;}
.value78, .value79, .value80, .value81, .value82 {background-position: -1350px 0 !important;}
.value83, .value84, .value85, .value86, .value87 {background-position: -1440px 0 !important;}
.value88, .value89, .value90, .value91, .value92 {background-position: -1530px 0 !important;}
.value93, .value94, .value95, .value96, .value97, .value98, .value99 {background-position: -1620px 0 !important;}
.value100 {background-position: -1710px 0 !important;}

.contentBoxLeft p.piechart {right: auto; left: 10px; bottom: 0;}
/*User tracking section*/

/*Generic sections*/
.tracker #header {
	background-image: url(../images/header-manager.png);
	background-color: #8b8b8b;
	}
.tracker #content {padding: 20px 40px;}
.tracker #footer {margin:-20px;}
.tracker #footer img.floatR {padding: 0; margin: 0 !important;} 

/*Table formatting*/
table, td a {-moz-border-radius: 7px;-webkit-border-radius: 7px;}
.tracker table {border: 1px solid #ccc;}
.tracker th, .tracker td {padding: 5px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
tbody tr:last-child td {border-bottom: none;}
tr th:last-child, tr td:last-child {border-right: none;}
caption {padding: 1.5em 5px; text-align: left;}
table a {color: #D0462B !important;}
td.netedTable {padding: 0;}
td.netedTable table {border: none; width: 100%;}
th {background-color:#E7F4F8; text-align: left;}
td a {
	display: block; 
	background-color: #D0462B; 
	color: white !important; 
	margin: -5px; 
	padding: 2px 10px; 
	border: 1px solid white;
	}
td th {font-weight: normal;}	
td td {color: #666;}	
td a:hover {background-color: #C04432;}
td:first-child {font-weight: bold;}
td td:first-child, td:first-child a {font-weight: normal;}
th:first-child {-moz-border-radius-topleft: 6px;-webkit-border-top-left-radius: 6px;}
th:last-child {-moz-border-radius-topright: 6px;-webkit-border-top-right-radius: 6px;}
td table th:first-child, td table th:last-child {-moz-border-radius: 0;-webkit-border-radius: 0;}
table#userTable {width: 100%;}

/*Error pages*/

.error #content {padding: 50px;}
.error #content a {color: #333;}
.error a.submit {color: white !important;}