/* 01. Eric Meyer's CSS reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;font-size:100%;line-height:1.2em;font-family:inherit;text-align:left;vertical-align:baseline;margin:0;padding:0;}a img,:link img,:visited img{border:0;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}

body {
   	font: 85% Arial, Verdana, Geneva, Helvetica, sans-serif;	
	color: #333333;
	background-color: #FFFFFF;
}
h1, h2, h3 { font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif; letter-spacing: -0.03em;}
h1 {font-size:160%;}
h2 {letter-spacing: -0.01em; font-size: 140%;}
h3 {letter-spacing: -0.06em;}
h4 {}
h5 {}
h6 {}

ul, ol, dl, p {margin-bottom:1em; line-height: 1.3em;}

a {text-decoration:underline;}
a:hover {text-decoration: none;}
a, a:hover, #userLogin p {color:#007BBC;}


h2 {font-size:150%;	letter-spacing:-0.01em;}

h2, h3 {padding-bottom:0.5em;}

h1, h2, h3, p.question span.questionnumber, #mysubjects h2, #mycareers h2, #myextra h2, #careerfacts.furthersteps div h4, a.addskill, a.removeskill, #mygoalspanel h4, fieldset.updateForm span.pwdtxtsml, #linkedSkills label {
	font-weight:normal;}

ol, .decimal {
	list-style: decimal outside none;
}

ul, .disc {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
	padding-left:20px;
}

fieldset ol, fieldset ul, fieldset li {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	margin:0;
	padding:0;
}

ul li, ol li {
	padding-bottom:1em;
}

fieldset li {
	clear:left;
	float:left;
	padding-bottom:1em;
	/*position:relative;*/
	width:100%;
}

fieldset label {
	color: #007BBC;
	font-size: 110%;
	padding: 6px 0;
	float: left;
}

fieldset strong, p.validation {color: #CD002B; display: block; float: left; padding-top: 0.5em; font-size: 90%;}



/* generic div blocks */
#container {
	background: white url(./images/shadow.png) top center repeat-y;
	margin:0 auto;
	padding:0 10px;
	text-align:left;
	width:768px;
}

#logoutbar {
	background-position:center top;
	background-repeat:no-repeat;
	background-image:url(./images/headerbranding.gif);
	background-color:#4C8A9E;
	height:100px;
	padding:0;
	position:relative;
}

#logoutbar p {
	background-color:white;
	background-position:center bottom;
	background-repeat:no-repeat;
	margin:5px 0;
	position:absolute;
	right:20px;
	text-align:right;
	top:0;
	width:420px;
}

#logoutbar img {
	color:white;
	padding:10px 0 0 12px;
}

#logoutbar a {
	border-left:1px solid #007BBC;
	background:transparent none repeat scroll 0 0;
	padding:5px 10px;
}

#pagetitle {
	background: #007BBC url(images/headercorner.gif) 0px -1401px no-repeat;
	min-height:39px;
	padding-left:50px;
	position:relative;
	width:718px;
	z-index:1;
}

* html #pagetitle {height:auto !important; height:39px;}

#pagetitle h1 {
	padding: 5px 0;	color: white;}

#content {
	background: url(images/loginbranding.jpg) left top no-repeat;
	position:relative;
	min-height:20em;
	padding: 0 50px;
}

* html #content {
	height:auto !important;
	height:20em;
}

textarea, input.text {
	font-size:110%;
	margin-bottom:0;
	padding:3px;
	width:200px !important;
}

.submit, dfn a, a#homeLink, div.jobVideo a, ul#quizanswers a, ul#mytabs li a, ul#mytabs li.selected {
	text-decoration:none;
}

input.submit, a.submit {
	background:#00507A url(./images/submit-bg.gif) no-repeat scroll left top;
	border:1px solid #00507A;
	color:white !important;
	cursor:pointer;
	float: left !important;
	margin:0;
	padding:0.3em 0.8em;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
}
/*IE bug fix */
input.submit {
	overflow:visible;
	width:auto !important;
}

input.submit:hover, a.submit:hover {
	background-image: url(./images/submithover-bg.gif);
	background-color: #007ABB;
	border-color: #007ABB;
}


input.submit, ol.toplist li a, body.actionplan p#actionplanlink {
	font-size:100%;
}

#content {padding-top: 39px !important;}

body.login #content, body.error #content, body.terms #content, body.subjectlist #content, body.careerslist #content {
	padding: 0 50px;
}

body.login #content {padding-right: 25px;}

/*Footer*/

#footer {
	background-position:center top;
	background-repeat:no-repeat;
	clear:both;
	height:60px;
	margin:0 -10px;
	padding:0 20px;
}

#footer {
	background-image:url(./images_careerscape/footerbg.gif);
}

#footer p {
	margin:0;
	padding:15px 10px 0 0;
}

p#copyright {
	margin:0;
	text-align:right;
}

p#copyright, span.salaryInfo {
	font-size:85%;
}

p#copyright {
	color:#888888;
	font-size:80%;
}

.clear, #lulogo {
	clear:both;
	height:1px;
	margin:0;
	padding:0;
	visibility:hidden;
}


/* Login page */
#loginforms, #userdetails {float: right; width: 390px;}
#userdetails {width: 450px;}
#instructiontext {
	float: left;
	font-size: 110%;
	width: 220px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
#userLogin, #licenceEntry, #formfields, #formButtons {
	background: url(./images/fieldset-bg.gif) -2240px top no-repeat;
	padding: 20px;	
	width: 340px;
	border: none;
}
#licenceEntry, #formButtons {
	background-position: -2660px bottom;
	padding-top: 0;
}
#formButtons {background-position: -2240px bottom; float: right;}
#licenceEntry input.submit, a#managerlink {
	background-position: right top;
	background-color: #4D4D4D;
}
#licenceEntry input.submit:hover, a#managerlink:hover {
	background-position: right top;
	background-color: #878787;
	border-color: #878787;
}
#loginforms input.submit, #userNew {font: 16px/100% Arial, Verdana, Helvetica, sans-serif;}
a#managerlink {font-size: 90%;}
#userLogin h2, #licenceEntry h2 {padding-bottom: 10px; font-weight: bold; color: #007BBC;}
#licenceEntry h2 {border-top: 2px solid #007BBC; padding-top: 15px;}
#licenceEntry h2, #licenceEntry label, #licenceEntry a {color: #333333;}
#userLogin label, #licenceEntry label {width: 120px; font-weight: bold; font-size: 110%;}
#userLogin input.submit, #licenceEntry input.submit {margin-left: 120px !important;}
a#forgotten, a#licenceCodeLink {
	font-size: 90%;
	margin-left: 120px;
	float: left;
	margin-bottom: 10px;
}


/*
* html fieldset#userlogin, * html fieldset#customerlogin {position: absolute; top: 130px; left: 50px;}
* html fieldset#customerlogin {left: auto; right: 50px;}
* html #managerlink {position: relative; margin-top: 350px;}*/


/* User details page */
#loginforms, #userdetails {float: right; width: 380px;}
#userdetails {width: 430px;}
#formfields {padding-bottom: 0; float: left;}
#userdetails #formfields, #userdetails #formButtons {
	background-position: -3070px top;
	width: 390px;}
#userdetails #formfields {padding-top: 25px;}
#userdetails #formButtons {background-position: -3070px bottom;}
#userdetails #instructiontext {width: 150px;}
#formButtons p {float: right; margin-bottom:0; padding:0; margin-top: 5px;}
#userdetails label, #formfields label {color: #007BBC;}
#userdetails label {width: 150px; padding-right: 10px; text-align: right;}
#userdetails strong {text-align: right;  float: right;}
#userdetails strong.terms {font-size: 110%; text-align: left;}
p.validationText {font-size: 80%; margin-left: 160px; width: 215px; padding:5px 0 0;}
p.validation {
	display:block;
	float:right;
	margin-bottom:0;
	margin-right:20px;
	padding:5px;
	width:200px;
	margin-bottom: 5px;
	background-color: #F9E7E3;
	color:#CD002B;
}
#userdetails li.terms input {float: left; margin:0 10px 0 130px;}
#userdetails li.terms label {font-size: 90%; width: 210px; line-height: 1.3em; text-align: left; color: #333333; padding: 0;}
#userdetails li.terms label a, a#licenceCodeLink {
	background: url(./images/newwindow-icon.gif) right center no-repeat;
	padding-right: 15px;}
#userdetails li.terms label img {margin: 0; padding: 2px 0 0 2px; vertical-align: bottom;}
#userdetails #formButtons input {margin-left: 160px;}
#formButtons input#userComplete, #formButtons input#cancel {margin-right: 25px; margin-left: 0; float: right !important;}


/* Forgotten details page */
#emailNotNull {margin-bottom: 1em; width: 330px !important}
#content.remindDetails {padding-left: 50px !important;}
#content.remindDetails p, #content.remindDetails a {font-size: 110%;}
#content.remindDetails a, #remindEmail {font-weight: bold;}


/* Wb postcode entry page */
#content.wbPostcodeEntry #instructiontext {width: 220px; font-size: 100%;}
#content.wbPostcodeEntry #instructiontext h2 {margin-bottom: 1em;}
#content.wbPostcodeEntry #instructiontext ol {padding-left: 20px;}
#content.wbPostcodeEntry #instructiontext li {padding-bottom: 5px;}
#firstLine, #postcode {width: 250px !important;}
#postcode {float: left; clear: left;}
#content.wbPostcodeEntry #formButtons p {float: left; clear: left; margin-top: 15px;}
#content.wbPostcodeEntry strong {float: left; clear: left; padding: 5px 0;}


/* Error pages */
#content.error p {font-size: 120%;}


#longFormButtons input.submit, body.terms fieldset p, span.pwdtxtsml {
font-size:90%;
}

span.pwdtxtsml {
display:block;
}


/*Legel docs*/
body.legal p.backmsg {
color:#007BBC;
font-weight:bold;
}
fieldset strong, #careerfacts p, #longFormButtons input.submit, body.terms fieldset p, span.pwdtxtsml {
font-size:90%;
}

h2, h3 {
padding-bottom:0.5em;
}
h3 {
font-size:130%;
}

strong {
font-weight:700;
}

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

#logoutbar a span.medium, #pagetitle a, body.hint #content p#quizHintsButton a, #errordetails p {
font-size:120%;
}

/*Weblink*/
.weblink label {width: 160px !important;}
.weblink #formButtons .warning {margin-bottom: 0em;}