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

/**
 * Table of Contents.
 * 1) General Elements
 * 2) Utility Classes
 * 3) Main Layout Structure
 * 4) Widgets and Plugins
 * 5) Page Specific Styles
 * 6) Button background positions
 * 7) Prototip
 * 8) Branding
 * 9) PDF and Subscription features
 * 10) IE6 Fixes
 * ========================
 * Author: Dean Batese
 * Title: KOL Layout CSS
 * Project: Kudos Online v2
*/

/**
 * 1) General Elements 
 */
body {
    background:#fff url(../../images_kol/body-bg.png) top center repeat-x;
    color:#000;
    font:85% helvetica, verdana, arial, sans-serif;  /*sets font to 10px */
    text-align:center;}

h1, h2, h3 { font-family: "Lucida Grande","Lucida Sans Unicode",Arial,Helvetica,sans-serif; letter-spacing: -0.03em;}
h2 {letter-spacing: -0.01em;}
h3 {letter-spacing: -0.06em;}
h4 {}
h5 {}
h6 {}

ul, ol, dl, p {
    margin-bottom:1em;

    line-height: 1.3em; 
}

a {
    color:#00f;
    text-decoration:underline;
}

a:hover {
    color:#B90000;
    text-decoration:underline;
}
.addbtn, .removebtn, .savebtn, .submit, .reset {
	padding:5px 0 5px 30px; 
	cursor:pointer;
	}
input.submit, input.reset, input.savebtn {float: right !important;cursor: pointer;width: auto;width: auto !important; overflow: visible; font-size: 100%;}
input.addbtn, input.removebtn {width: auto !important; overflow: visible; font-size: 100%;}
a.button {padding:0.4em 0.4em 0.4em 30px;}
a#send {padding:3px 0 5px 30px; float: right;}


input.savebtn, input.submit, input.reset {
	-moz-border-radius-bottomleft:13px;
	-moz-border-radius-bottomright:13px;
	-moz-border-radius-topleft:13px;
	-moz-border-radius-topright:13px;
	background-color:white;
	border:1px solid #777777 !important;
	padding:  2px 10px 2px 30px;
}

input.savebtn:hover, input.submit:hover, input.reset:hover, a#emailfilter:hover, a#filterview:hover, a.logout:hover {border-color: #B90000 !important;}



abbr {
    border-bottom:1px dotted #ccc;
    cursor:help;
    letter-spacing:1px;
}

th, td {padding: 5px;}
th {font-size: 120%;}

strong{font-weight:700;}
em {font-style:italic;}
a.filterselected:hover {cursor: pointer !important; text-decoration: underline !important;}



/**
 * 2) Utility Classes
 */
.block  {display:block;}
.clearL {clear:left;}
.clearR {clear:right;}
.clear,#lulogo  {clear:both; visibility: hidden; padding: 0; margin: 0; height: 1px;}
.floatL {float:left;}
.floatR {float:right;}
.floatN {float:none;}
.hide   {display:none; visibility:hidden;}
.inline {display:inline;}
.offset {position: absolute;left: -3000px;}
.disabled {cursor: default; opacity: 0.2;filter: alpha(opacity=20);}
li.disabled {border: none !important;}


fieldset li {position: relative;}

/* lists */
.circle {list-style:circle;}
ol, .decimal {list-style:decimal outside; padding-left: 40px;}
ul, .disc {list-style:disc outside; padding-left: 20px;}
.none {list-style:none;}
.square {list-style:square;}

/**
 * 3) Main Layout Structure 
 */
#container {
    margin:0 auto;
    text-align:left;
    width:760px;
    background: center top repeat-y;
    padding: 0 8px;
}

/*Pagetitle*/
#pagetitle {
    width: 710px;
    min-height: 90px;
    z-index: 1;
    padding: 0 25px;
    position: relative;
    background-position: -10px 0;
    background-repeat: no-repeat;
}
#pagetitle h1 {padding: 5px 0;}

body.hint #pagetitle, body.intropage #pagetitle {
    height: 39px !important; 
    min-height: 39px !important;}

/*Logoutbar*/
#logoutbar {
    height: 100px;
    padding: 0;
    background-position: bottom center; 
    background-repeat: no-repeat;
    position: relative;}
#logoutbar p {
    position: absolute;
    /*width: 420px; */
    text-align: right; 
    background-position: bottom; 
    background-repeat: no-repeat;
    top: 0;
    right: 20px;
    padding: 1px 0 6px;}
#logoutbar img {padding: 10px 0 0 15px;}
#logoutbar a {
    padding: 5px 10px; 
    background: none;}
#logoutbar .small, #logoutbar .medium, #logoutbar .large {padding: 5px 2px;}    
#logoutbar a.hicontrast {padding: 5px 20px 5px 0; text-decoration: none !important; background-position: right;}
#logoutbar a.hicontrast span {visibility: hidden;}

/*Viewbar*/
#viewbar {
    position: absolute;
    width: 660px;
    min-height: 39px;
    z-index: 1;
    bottom: 0;
    margin-left: -10px;}
#viewbar ul {
    position: absolute; 
    display: inline;
    padding: 0;
    margin: 0;
    bottom: 0;
    list-style: none inside none;}
#viewbar li {
    float: left;
    padding: 15px 20px 8px 5px;
	margin-right: 10px;
	background: right top no-repeat;}
	

ul.viewbar li {
    float: left;
    padding: 16px 5px;}	
* + html ul.viewbar li {padding-top: 17px;}
#viewbar li.selected, ul.viewbar li.selected {background: right top no-repeat;}
#viewbar li.selected {text-align: center;}  
#viewbar p + p {padding-bottom: 10px;}  
#viewbar a, ul.viewbar li a, #viewbar span, ul.viewbar li span {
    background-repeat: no-repeat;
    padding: 5px 0 5px 30px;}
#viewbar li.selected a, ul.viewbar li.selected a {cursor: default;} 
body.health #viewbar p, 
body.study #viewbar p, 
body.reviewlevel #viewbar p, 
body.level #viewbar {top: 30px; bottom: auto; padding-left: 10px;}
body.level #viewbar p {padding: 15px 0 0 10px; margin: 0;}
body.level .error {width: auto !important; text-align: center;}


ul.viewbar a, a.logout {
	border: 1px solid #777; 
	padding: 4px 10px 4px 30px !important;	
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	background-color: white;}

	
ul.viewbar li.selected {margin-top:5px; padding:10px 10px 20px; border-left: 1px solid black;}	
ul.viewbar li.selected a { border: none !important; background-color: transparent;}
* + html ul.viewbar li.selected {padding-bottom: 19px;}


/*Content viewbar*/
ul.viewbar {height: 50px; margin: 0 0 0 -5px; padding: 5px 0 5px;list-style: none inside none; z-index: 10;}


/*Mediaviewbar*/
#mediaviewbar {
    position: absolute;
    bottom: 0;
    min-height: 39px;
    padding: 15px 0 0;}
#mediaviewbar li {
    display: inline;
    min-height: 39px;
    padding: 10px 15px 10px 0px;}
#mediaviewbar a {padding: 5px 0 5px 35px;}
#mediaviewbar li.selected a {cursor: default;}

/*furthersteps*/
#furthersteps {
    position: absolute;
    top: 45px;
    right: 8px;
    width: 260px;
    padding: 0 0 20px;}
#furthersteps div {
    padding: 0 0 12px 0;
    background-position: left bottom;}
#furthersteps div ul {padding-bottom: 12px;}    
#furthersteps h2 {
    background-position: left top;
    padding: 20px 10px 10px 27px;
    }
#furthersteps h3 {
    padding: 0.6em 15px !important;
    margin: 0;
    border-top: 1px solid;}
#furthersteps ul {
    list-style-type: none;
    padding: 0;
    margin: 0;}
#furthersteps li {padding: 4px 12px;}
#furthersteps li a {
    display: block;
    background-repeat: no-repeat;
    padding: 14px 0 14px 50px;}
#furthersteps li#levels {margin-bottom: 10px;}  


#furthersteps.mininav{
    top: -7px;
    right: 10px;
	width: 220px;}
#furthersteps.mininav li a { padding: 1em 0 0.5em 50px;}
body.secondary_aspects #furthersteps.mininav li a {padding-bottom: 1em;}
#furthersteps.mininav div, #furthersteps div.actionplanmininav { background-position: left bottom;}
#furthersteps.mininav ul, #furthersteps div.actionplanmininav ul {padding: 0 12px;}

/*Pagination*/
div.pagination {padding: 3px;margin: 20px;text-align: center;}
div.pagination a {
    padding: 3px 5px;
    margin: 2px;
    font-size: 0.75em;
    border: 1px solid;    
    text-decoration: none;
	-moz-border-radius-topleft: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
}
div.pagination a:hover, div.pagination a:active {border: 1px solid;}
div.pagination span {
    padding: 3px 5px;
    margin: 2px;
    border: 1px solid;
    font-size: 0.75em;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
}
div.pagination span.current {font-weight: bold;padding: 5px 8px 3px;}


/*Feedback*/
div.feedback {clear: both; margin: 0px; padding: 10px 10px 0;}
div.feedback ul {padding: 0 12px;}
.feedback {background: right top repeat-y; padding: 5px 15px;}
#filterfeedback {background: top no-repeat; position: relative; padding: 10px; width: 445px; }
#filterfeedback input.reset {position: absolute;top: 0;right: 20px;}
#filterfeedback p {position: absolute; right: -10px; top: 10px;}
body.compare #filterfeedback { width: 440px; margin-left: 10px;}
ul.feedbacklist {list-style: none inside disc; padding: 10px 20px 0;}

.explain {position: absolute; left: 1em; bottom: 0.25em; padding-left: 28px;}
td .explain {position: relative; display: block; width: 200px; margin-left: -1.5em; margin-top: 0.5em;}
p#moreinfolink .explain {position: relative; top: auto; right: auto;padding: 0.2em 0 0.2em 30px;}
fieldset#changeaspectform .explain {right: auto; left: -10px; top: auto; bottom: 0.5em padding: 0.25em 0 0.25em 30px;}
#moreinfo h2 {padding-bottom: 1em;}
#moreinfo h3 {
    background:transparent  no-repeat scroll -380px -827px;
    padding-right: 100px;
    position: relative;}
#moreinfo h3 a {font-size: 80%; position: absolute; right: 0;}

p.reasoncomment {padding: 10px; font-weight: bold; margin: 0;}
ul.reasoncomment {list-style: inside disc none !important; margin: 0;}

/*Email, Tabmenu and Filters */
#tabmenu,#email {background: bottom no-repeat;}
#filters, #tabmenu, #email {margin:0 0 10px -5px;padding:10px 20px 20px;width:425px; background: bottom no-repeat;}
#filters h2,#tabmenu h2, #email h2 {font-size:125%; padding-bottom: 1em;}
fieldset p {margin:0; padding:0 0 15px;position:relative;}
#filters p select, #filters p input, #email p input {
	position:absolute;
	right:0;
	width:198px;
}

input[type="text"] {
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	width: 194px !important;
}

/* Bar charts */

table#barchart {width: 430px; margin-bottom: 10px !important;}
table#barchart caption {font-style: italic;width: 430px;}
table#barchart td {
    padding: 1px 6px;
    border-bottom: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;
    background-color: white;
    width: 50%;}
table#barchart td.value img {
    vertical-align: middle;
    margin: 1px 5px 1px -6px;
    height: 16px;}
table#barchart th {visibility: hidden;}
.auraltext {position: absolute;left: -1000px;}

/*Health issues*/
#healthissuetext1, #healthissuetext2 {border-bottom: 1px solid; padding: 0; margin: 0 0 1em;}
#healthissuetext1 ul, #healthissuetext2 ul {margin: 0; padding-left: 45px;}
#healthissuetext1 p, #healthissuetext2 p {border-bottom: none !important; padding: 10px 0 0; margin: 0;}


/*Help panel*/
#help {
    min-height: 300px; 
    padding: 20px;
 }
#help h2 {
    background-position: -11px -101px;
    background-repeat: no-repeat;   
    margin: -20px -20px 10px -20px;
    padding: 10px 20px;
}   

/* content areas */
#content {
    min-height: 53em;
    position: relative;
    background: center top no-repeat;
}

#leftcolumn {width: 465px; padding-left: 10px;}

/* footer */
#footer { 
    clear: both;
    padding: 0px 34px;
    margin: 0 -8px;
    height: 50px;
    background-position: bottom center;
    background-repeat: no-repeat;
}

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

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

/* tabs */
ul#mytabs {
	display: inline;
	list-style-image: none;
	list-style-position: inside;
	list-style-type: none;
	margin: 0;
	padding: 0;
	float: left;
}
ul#mytabs li {
	float: left;
	padding: 0;
}
ul#mytabs li a, ul#mytabs li.selected {
	padding: 10px 0 10px 15px;
	background-repeat: no-repeat;
}

/**
 * 4) Widgets and Plugins
 */

/**
 * 5) Page Specific Styles
 */
 
/*Welcome page*/
body.intropage h1 {display: none;}
body.intropage #content{background-position: top; padding-bottom: 30px;}
#welcomenav {margin: 0;padding: 20px 0 0 480px;width: 270px;}
#welcomenav div {padding: 30px 30px 0;background: top no-repeat;}
#welcomenav h2 {margin: 0;}
#welcomenav ul {list-style: none outside none;margin: 0; padding: 10px 30px 20px; background: bottom no-repeat;}
#welcomenav p {border-bottom: 2px solid;margin: 0 -20px;padding: 10px 20px 15px;}
#welcomenav li a {display: block;margin: 0;padding: 12px 0 12px 50px;}
 

body.aspects #content, 
body.aspectlist #content, 
body.level #content {min-height: 20em !important;}
body.actionplan #content {min-height: 27em !important;}
body.intropage #content, body.hint #content {
    margin-top: -39px;
    min-height: 20em !important;}
body.hint #content {padding: 7em 30px 0 425px;}
body.emaildetails #content {min-height: 350px;}
body.health #furthersteps,
body.study #furthersteps,
body.reviewlevel #furthersteps,
body.reviewaspects #furthersteps {margin-top: 0;} 

/*Careerdetails*/
body.careerdetails #content {background: 0px -30px no-repeat; padding: 0 20px;}
body.careerdetails p.tablesave {padding: 5px 0 15px 0; text-align: right;}
body.careerdetails p.tablesave input.submit {float: none !important;}
body.careerdetails td.col2 {width: 34%;}
body.careerdetails #email { margin: -14px 0 10px -10px;}

fieldset#jobasp select {width: 100%;}

#briefintro {/*height: 50px;*/ font-size: 100%; overflow: hidden; float: left; width: 490px; margin-bottom: 10px;}

#careerfacts {float: right; width: 220px; margin-left: -10px; margin-bottom: 20px;}
#careerfacts div {background: center bottom no-repeat; padding: 0 15px 15px;}
#careerfacts div div {background: none !important; padding: 0 0 10px;}
#careerfacts div div p {margin-bottom: 0; padding-top: 10px;}
#careerfacts h2 {padding: 15px 35px 15px 15px;}
#careerfacts h3 {padding: 0 0 10px;}
#careerfacts img.crci { width: 38px;}
#careerfacts p.nohealthissue img, #careerfacts p.healthissue img {width: 30px;}
#careerfacts ul.entrylevel {margin: 0 0 10px; padding: 0 0 10px 45px; border-bottom: 1px solid;}
#careerfacts img.crci, #careerfacts p img {vertical-align: middle;}
#careerfacts ul.careerfactAspects li {padding: 0.3em 0;}


span.crcitype {display:block; margin:-25px 0 0 45px; min-height: 25px; padding-top: 5px;}
/*
#mediaviewer {float: left; clear: left; position: relative; width: 500px; height: 310px;padding-top: 10px;margin-right: -10px;}
#mediaviewer h2 {padding-bottom: 20px;}
#mediaviewer p.photocaption, #mediaviewbar, #mediaviewer img.largethumb {position: absolute;}
#mediaviewer img.largethumb {
    top: 0; 
    left: -20px; 
    width: 320px; 
    height: 240px; 
    padding: 10px 18px 60px;}
#photocaption {
    position: absolute;
    background: url(../../images_kol/photocaption-bg.gif) left top no-repeat;
    right:10px;
    top:5px;
    width:160px;}
#photocaption p {padding: 15px 20px 10px; margin: 0 0 0 20px; border-bottom: 1px solid;}    
#mediaviewer #mediaviewbar {bottom: 0;}
#thumbpanel {width: 320px; top: 258px; left: 0; position: absolute; text-align: center;}    
#thumbpanel p {text-align: center; clear: both;}
#thumbpanel a {
    display: block;
    float:left;
    width:40px;}
#thumbpanel a img {height: 25px; border: 2px solid white !important;}
#thumbpanel a img:hover {border-color: black !important;}
#thumbpanel a.selected img {border-color:black !important;}
*/

#media {margin-bottom: 1em; width: 470px;}
#media ul#mytabs {
	float: none;
	position: relative;
	display: block;
	height: 45px;
	background-position: right top;
	background-repeat: no-repeat;
}
#media ul#mytabs li {position: absolute; width: 110px; padding: 25px 20px 5px 10px; margin-right: 10px; background: left top no-repeat;}
#media ul#mytabs li#tab1 {left: 5px;}
#media ul#mytabs li#tab2 {left: 160px;}
#media ul#mytabs li a, #media ul#mytabs li span {padding: 5px 0 5px 35px; background: 0 -405px no-repeat;}
#media ul#mytabs li#tab2 a, #media ul#mytabs li#tab2 span, #media ul#mytabs li#tab1.photos span {background-position: 0 -347px;}
#media ul#mytabs li.selected {background-position: -175px 0; background-color: transparent;}
#photoviewer {
	position: relative; 
	height: 300px;
	background-position: -1000px top;
	background-repeat: no-repeat;
}
#photoviewer.withTab {background-position: -1540px 0;}
#photoviewer p.photocaption, #photoviewer img.largethumb {position: absolute;}
#photoviewer img.largethumb {width: 320px; height: 240px; padding: 14px; background: none;}
#videoviewer, #videoviewer h4, #videopreview, #videolist {background-repeat: no-repeat;}
#videoviewer {background-position: left bottom;}
#videoviewer h4 {background-position: -550px top; width: 375px; padding: 12px 0 0 15px;}
#videopreview, #videolist {background-position: -550px bottom;}
#videopreview {padding: 10px 14px; width: 362px; position: relative;}
#videolist {height: 260px; padding: 10px 0;}
div.scroll {overflow: auto; height: 250px; width: 386px;}
div.jobVideo {margin: 0 0 10px 2px;}
div.jobVideo img {height: 65px; margin-right: 10px; vertical-align: middle;}
div.jobVideo a {display: block; padding: 5px 10px; width: 347px;}
div.jobVideo a span {
	display: block;
	height: 40px;
	margin-left: 95px;
	margin-top: -40px;
}
#videolistlink {margin-bottom: 0; padding: 5px 0;}
.videoerror {width: 360px;}
div.videoerror {position: absolute;	top: 100px; left: 14px; padding-top: 10px;}
div.videoerror p {padding: 0 30px; text-align: center;}
#photocaption {position: absolute; left: 340px;	top: 0; padding: 10px; width: 110px;}
#photocaption p {padding: 0; margin: 0 0 0 10px;}	
#thumbpanel {width: 320px; top: 260px; left: 15px; position: absolute; text-align: center;}	
#thumbpanel p {text-align: center; clear: both;}
#thumbpanel a {display: block; float: left; width: 40px;}
#thumbpanel a img {height: 25px;}


#jobaspects {float: left; clear: left; width: 500px;}
#glossary {float: left; clear: left; width: 474px;}
#info {margin-top: 30px;}

#suitableforyou {float: left; clear: left; width: 500px;}
#suitableforyou div {background: center bottom no-repeat; padding: 0 15px 15px;}
#suitableforyou h2 {padding: 15px 35px 15px 15px;}
#suitableforyou h3 {padding: 0.5em 0; margin: 0;}
#suitableforyou p {padding: 0; margin: 0 0 0.5em;}
#suitableforyou ul {padding: 0 20px;}
h2#aspectstable {clear: both; padding: 1em 0;}

p.salary img {padding-right: 15px;}
p.nohealthissue img, p.healthissue img {padding-right: 17px !important;}


/*Details page only*/
#detailcontent {width: 480px; float: left;}
body.detailview #detailcontent {float: none;} 
#hecourseinfo {float: right; width: 220px; clear: right;}
#hecourseinfo div {background: bottom no-repeat;padding: 0 15px 15px}
#hecourseinfo h2 {background: top no-repeat;padding: 15px 35px 15px 15px;}
#hecourseinfo div ul {padding: 0 1em;}
ul#thiscareersubnav {list-style: none outside none; margin: 0; padding: 0;}
ul#thiscareersubnav li {padding: 0.2em 0;}
h2#furtherinfo, h3.subjectnotetitle {padding-bottom: 1em;}
table#subjecttable {margin-bottom: 1em;}
ul.liststyle2 li {margin-top: 1em;}
ul#contacts li, ul#crciinfo li, ul#clciinfo li, ul#resources li {padding-top: 0.5em;padding-bottom: 0.5em;}
ul#contacts li ul, ul#crciinfo li ul, ul#clciinfo li ul {padding-top: 0;}
ul#contacts li ul li, ul#crciinfo li ul li, ul#clciinfo li ul li {
    list-style: none outside none;
    margin-left: -1.5em;
    padding: 0.5em 0 0.1em;}
#glossary {
    padding: 0.1em 1em;
    margin-top: 1.5em;
    margin-bottom: 1em;
    background: bottom repeat-x;}
#glossary h2 {
    margin: -4px -14px 10px;
    padding: 10px 14px;}
#glossary dl {
    list-style-type: none;
    margin: 0;
    padding: 0;}
#glossary dl dt {
    padding-bottom: 0.2em;
    font-weight: bold;}
#glossary dl dd {
    margin: 0;
    padding-bottom: 0.7em;}


/*Case study page*/
body.caseStudy ul#thiscareersubnav {font-size: 95%; float: right; width: 385px; margin-bottom: 20px;}
body.caseStudy ul#thiscareersubnav li {padding: 0 0 0.4em 0;}
body.caseStudy #careerfacts {clear: both;}
#casestudytitle {margin-bottom: 1em;}
#casePhoto {float: left; padding: 19px 16px; background: left top no-repeat;}
img.casestudy {-moz-box-shadow: 0 0 10px #000000; border: 2px solid white;}
body.caseStudy #detailcontent h3 {padding-bottom: 0.5em;}
.thumbview {list-style: none inside none; margin: 0; padding: 0;}
body.caseStudy .thumbview {float: left; padding-top: 70px;} 
.thumbview li {
	display: block;
	float: left;
	margin: 0 15px 20px 0;
	padding: 15px 15px 0 15px;
	width: 195px;
	height: 225px;
}
.thumbview li:last-child {margin-right: 0;}
body.caseStudy .thumbview li {background: right top no-repeat;}
.thumbview li img {width: 100%;}
.thumbview li p {padding-top: 0.5em;}


/** Aspect entry
/*  Slide view*/
body.aspects #content {min-height: 20em; background: 0 -30px no-repeat;}
body.secondary_aspects #content, body.aspectremaining #content {background-position: -518px -30px !important;}
div#aspects {padding: 0 30px 10px;}
fieldset#aspectbuttons {width: 760px; padding: 15px 0 0; margin: 0 -30px;}
fieldset#aspectbuttons legend {display: none;}
div.questionlist ol li {padding-bottom: 1.5em;}
div.questionlist #moreinfo {padding: 1.5em;}
div.questionlist #moreinfo li {border: none !important; font-size: 1em !important; padding: 0.25em 0 !important;}
div.questionlist p.buttons {text-align: right;}
fieldset#aspectbuttons input {
    width: 20%; 
    height: 130px;
    padding-top: 70px;
    font-weight: bold;
    border: none;
    cursor: pointer;
    float: right;}
fieldset#aspectbuttons input:hover {text-decoration: underline !important;}
p.moreinfolink {clear: both; padding: 1em 0 0.5em; margin: 0 -1.5em;}
div.flash {
    margin: 5px 0 0 0;
    padding: 12px !important;
    position: absolute;
    top: 0;
    left: 10px;}
div.flash object {width: 210px;}
p.question {
    height: 160px;
    color: black;
    font-size: 170%;
    padding-top: 20px;
    width: 460px;
    line-height: 130%;
    margin: 0 0 0 220px;}
p.question span {
    display: block;
    font-weight: bold;  
    padding-bottom: 15px;}
span.questionnumber, p.questionnumber {display: block;}
#aspects #moreinfo {
    width: 500px;
    margin: 20px 0 0 0;
    padding: 0;}
    
/*Progress bar*/
div.prog-border {
    position: absolute; 
    top: 8px; 
    right: 80px;
    width: 200px;
    height: 20px;
    padding: 0 40px 0 10px;
    border: 2px solid white; 
    }
div.prog-border p {position: relative; font-size: 100%; margin: 0; padding: 2px 0; color: white;}
span.prog-bar {
    position:absolute;
    left: 40px;
    top: -1px;
    padding: 0; 
    height: 20px;
    border: 1px solid white; 
    background: url(../../images_kol/progress_pink.gif) repeat-x;}  
* + html span.prog-bar {top: -2px; height: 20px;}


/*  Slide view*/
body.aspectlist #content {min-height: 20em; background: 0 -50px no-repeat;}
body.aspectlist ul {padding-left:20px; list-style: none outside none;}
body.aspectlist p#moreinfolink {padding-left: 20px;}
body.aspectremaining div.questionlist {padding-top: 20px;}
div.questionlist {padding: 15px 20px 0 0;}
div.questionlist li {
    position: relative; 
    padding: 0.5em 155px 1.5em 0;}
div.questionlist select {position: absolute; top: 5px; right: 0;}
#aspectform h2 {padding: 0 20px 15px;}
body.aspectlist .explain {right: auto; left: 0; top: auto; bottom: 0.5em; font-size: 0.8em; background-position: -10px -830px !important; padding-left: 20px !important;}


/*Hint pages */
body.hint #content{background-position: top;}
body.hint #content p {padding: 0.5em 0 1em; margin: 0;}

/*Careerlist pages*/
body.careers ul.viewbar {background: 0 -50px no-repeat; margin: 0; padding: 0 15px 0;}

div.careerlist h2 {position: relative; padding: 5px 10px;}
div.careerlist img {right: 10px; vertical-align: middle;}
div.careerlist ol {padding: 0 0 10px 10px; list-style: none outside none;}
div.careerlist li { position: relative; padding: 0 0 10px;}
div.careerlist h2, div.healthform h2, div.studyform h2, div.changeaspectform h2 {
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;	
	}

div.careerlist ol h2 {
	margin: 0 0 0 -10px;}
	
* + html div.careerlist h2,
* + html div.healthform h2, 
* + html div.studyform h2, 
* + html div.changeaspectform h2 { background :transparent url(../../images_kol/careerlistH2.png) no-repeat !important;}
	
div.careerlist ol li h2 img {right: 10px; top: 0.5em; position: absolute;}
div.careerlist ol li img.thumb { 
    height: 30px; 
    padding: 3px;
    right: auto;
    vertical-align: middle;
	border: 1px solid #ccc !important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
	background-color: white !important;
	}
div.careerlist ol li a {left: 50px;}

/*Mocilist pages*/
div.careerlist ul {padding: 0 0 10px 10px; list-style: none outside none;}  
body.mocicareers ul.viewbar {background: 0 -50px no-repeat; margin: 0; padding: 10px 15px 0;}
body.mocicareers #leftcolumn {padding-left: 10px;}
body.mocicareers div.careerlist li {padding: 5px 0;}
body.mocicareers #filters {margin-left: -6px;}  

/*Thumblist pages*/ 
body.thumb #leftcolumn {width: 475px;}
div.thumblist ol {list-style: none inside none; margin: 0; padding: 0;}
div.thumblist li {
    background: center bottom no-repeat; 
    float: left;
    width: 233px;
    padding-bottom: 25px;
    margin: 0 2px 5px;
    border-top: 1px solid #ccc;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-right-radius: 10px;
	}
div.thumblist img.largethumb {
    background: center top no-repeat;
    margin: 12px 15px;
	border: 1px solid #ccc !important;
    width: 200px;}
div.thumblist p {position: relative; padding: 3px 15px; margin: 0;}
div.thumblist p img {padding: 0 5px;vertical-align: middle;}
div.thumblist p.salary img {width:20px;}
div.thumblist p a {display: block; padding-bottom: 5px;}
p.nohealthissue img, p.healthissue img {width: 14px;padding-right: 2px;}

p.nocareerlist, #message p.nocareerlist, .error {
    background: 12px no-repeat;
    padding:20px;
    width: 425px;
	margin-bottom: 0;}
p.nocareerlist strong{ display: block;padding: 10px 0 10px 50px;}
.careerlist, .healthform, .studyform, .changeaspectform {
	background: -34px 20px no-repeat;	
	-moz-border-radius-topleft: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	} 
.careername {height: 3em;}

/*Comparelist*/
body.compare #leftcolumn {width: 475px;}
div.comparelist {padding-top: 10px;}
div.comparelist div {padding: 10px; margin: 0 8px;float: left;}
div.comparelist div h2 {margin: -10px -10px 0}
div.comparelist div ul {margin: 10px 0;}
div.comparelist div li {padding: 0.3em 0;}
div.comparelist div ul.entrylevel {margin: 0; border-bottom: 1px solid;}
div.comparelist div ul.entrylevel li {padding: 5px 0;}
ul.entrylevel {padding-left: 45px;}
div.comparelist div label {display: block;}
div.comparelist div img {vertical-align: middle;}
div.comparelist div div {padding-top: 0; margin: 0 -10px;background-position: center top;}
div.comparelist div div h3, div.topmatch h3 {margin: 10px 0 0;}
div.comparelist div div p, div.topmatch p {padding: 6px 0;}
div.comparelist p.comparejobname {height: 40px; padding: 0; margin: 0;}
div.comparelist div, div.comparelist div img.largethumb, div.comparelist div select {width: 200px;}
div.comparelist p.nohealthissue img, div.comparelist p.healthissue img {width: 25px;}
div.topmatch h2 {margin: -10px -10px 0 -10px; padding: 10px;}
div.topmatch h3 {margin: 10px 0 0;}
div.topmatch p {padding: 6px 0; position: relative;}
div.topmatch p.compareselector {height: 70px;}
div.topmatch p label {padding-bottom: 10px;}
div.topmatch p input {position: absolute; top: 55px; right: 0; cursor: pointer;}
div.topmatch p input:hover {text-decoration: underline;}
div.topmatch input { padding: 0.1em 0.2em;margin: 0; background: top no-repeat; border: none; background-color: #940094; color: white;}
div.topmatch img.largethumb {background: none;}
div.topmatch, div.topmatch h2 {background-position: center top;}
div.topmatch img.crci {width: 35px;}
ul.centralaspectlist {padding-left: 45px;}

/*Health*/
body.health label {padding:2px 10px 2px 0;}
body.health #leftcolumn {width: 465px; padding: 10px; }
div.healthform {padding: 0 0 10px 10px;margin: 0 0 15px;}
div.healthform h2 {padding: 10px; margin: 0 -10px 10px;}
fieldset#healthform ul {list-style: none outside none; padding: 0;}
fieldset#healthform li { border-top:1px dotted;padding:1em 0;}
body.health .explain {left: auto; bottom: auto; top: 1em; right: 0.5em;}

/*Level and Review level*/
/*Level page*/
body.level #content {background-position: 0 -320px;}
body.level .explain, body.reviewlevel .explain {left: auto; bottom: auto; top: 1em; right: 0.5em;}
body.level label, body.reviewlevel label {padding:2px 10px 2px 0;}
body.level #leftcolumn {width: 720px; padding: 20px; }
body.reviewlevel #leftcolumn {width: 465px; padding: 10px; }
body.reviewlevel div.studyform {padding: 0 0 10px 10px;margin: 0 0 15px;}
div.studyform h2 {padding: 10px; margin: 0 0 10px -10px;}
fieldset#qualform {padding-right: 10px;}
fieldset#qualform ul {list-style: none outside none; padding: 0; margin:0 !important;}
fieldset#qualform li { border-top:1px dotted;padding:1em 0;}
fieldset#qualform a.savebtn {float:right;}
body.level p.error {padding: 10px;}
body.level p.error strong {display: block;padding: 15px 0 15px 60px;}

/*Strain*/
fieldset#studyform16 ul, fieldset#studyform18 ul { list-style: none outside none; padding: 0; margin: 0;}
fieldset#studyform16 ul li, fieldset#studyform18 ul li { position: relative; padding: 0.5em 0 2em;}
fieldset#studyform16 ul li select, fieldset#studyform18 ul li select { position: absolute;top: 0.5em;right: 0;}
#studyform16 .explain, #studyform18 .explain {left: -10px;} 

/*Change aspects*/
body.reviewaspects #paginate {margin-top: -10px;}
body.reviewaspects #leftcolumn {width: 480px;}
body.reviewaspects ul.viewbar {background: 0 -50px no-repeat; margin: 0; padding: 10px 15px 0;}
body.reviewaspects #tab1 { width: 470px; margin-bottom: 1em;}

body.reviewaspects #tab1 div {background: center bottom no-repeat; padding: 0 15px 15px;}
body.reviewaspects #tab1 h2 {padding: 15px 35px 15px 15px;background: center top no-repeat;}

div.changeaspectform {padding: 0 0 10px 10px; width: 455px;}
div.changeaspectform h2 {padding: 10px;margin: 0 -10px 10px;}
fieldset#changeaspectform {margin: 1em 0;}
fieldset#changeaspectform ol {position: relative;list-style: none;margin: 0;padding: 0 0 1em 0;}
fieldset#changeaspectform li {border-top: 1px dotted;padding: 0.5em 0 2em;position: relative; }
fieldset#changeaspectform label {padding: 2px 8px 2px 0;width: 270px;display: block;}
fieldset#changeaspectform input {vertical-align: middle;float: right;}
fieldset#changeaspectform select {position: absolute;right: 0;top: 0.25em;}
fieldset#changeaspectform strong {padding: 5px 0;}
fieldset#changeaspectform p {padding: 5px 0 10px;}
div.changeaspectform p.saveMessage {margin: -10px -10px 10px; padding: 10px; font-weight: bold; font-size: 120%; text-align: center;}

/*Action plan*/
body.actionplan #content {min-height: 27em;background: -515px -48px no-repeat; padding: 0 20px;}
body.actionplan #furthersteps {right: 5px; top: -10px;}
body.actionplan #leftcolumn {padding: 0; margin-left: -10px;}
body.actionplan #leftcolumn h2 {padding: 60px 25px 10px;}
body.actionplan #leftcolumn #email h2 {padding: 0;}
body.actionplan #leftcolumn #form {background: top repeat-y;padding: 5px 22px 50px; border-bottom: 2px solid #A266A2;}
body.actionplan #leftcolumn h2 {background: top no-repeat;}
body.actionplan #leftcolumn #form h2 {background: none; padding: 15px 15px 10px; margin: 0 -15px;}
body.actionplan #leftcolumn h2#strainhead {border-top: 2px solid #940094;}
body.actionplan textarea {width: 400px;border: 1px inset;padding: 5px;}
fieldset#personaldetails {width: 412px;}
fieldset#personaldetails fieldset ol {list-style: none inside none;margin-left: 0;padding-left: 0;}
fieldset#personaldetails label {display: block;padding: 6px 0;}
fieldset#personaldetails p {padding: 10px 0;}
fieldset#personaldetails ol {padding-left: 25px;}
fieldset#personaldetails ol li {padding: 10px 0;}
fieldset#personaldetails ol li, fieldset#personaldetails ol label {position: relative;}
fieldset#personaldetails ol label {display: block;width: 215px; padding: 0;}
fieldset#personaldetails ol input {border: 1px inset;padding: 5px 2px;}
fieldset#personaldetails ol input, fieldset#personaldetails ol p {
    position: absolute;
    top: 10px;
    right: 0;
    width: 200px;}
fieldset#personaldetails ol p {
    border: 1px solid;
    font-weight: bold;
    padding: 3px;
    width: 198px;}
#form h3, fieldset#apgoals fieldset h3 {
    margin: 15px -15px 0 !important;
    padding: 10px 15px;
}
div#form {position: relative;}
div#form input.savebtn {bottom:20px;right:30px; position: absolute;}
div#form table {width: 100%; margin-bottom: 1em;}
a#sandt, a#health, a#moreaspects, a#level, input#answeraspectsbtn, a#answeraspectsbtn, a#viewcareersbtn { height:30px; padding:10px 0 10px 50px; width:200px; display: block;}
input#answeraspectsbtn, a#answeraspectsbtn, a#viewcareersbtn {height: 42px;}

fieldset#apgoals fieldset ol {margin-left: 2em; padding: 0;}
fieldset#apgoals fieldset ol li {padding: 0.25em 0;}

body.pfp ul.viewbar li.selected {background: none !important;}

body.actionplan #moreinfo h3 {background-position: -378px -818px; padding-left: 20px !important;}
body.actionplan #moreinfo h3 a {right:10px;}

/*Subject Entry*/
ol#subjectentry {list-style: none inside none; margin: 0; padding: 0;}
ol#subjectentry li {float: left; width:138px;}
ol#subjectentry li input { width:130px !important;}
ol#subjectentry li select { width:135px !important;}
fieldset#apmoci {position: relative; height: 10em;}
fieldset#apmoci input.addbtn {position: absolute; bottom:15px; right: 0;}
fieldset#apmoci input.submit, fieldset#apgoals input.submit {margin-top: 1em;}
table#subjecttable th.right {width:44% !important;}
table#subjecttable td {padding: 8px;}

fieldset#apmoci input.addbtn {clear: left !important; margin-top: 15px;}

/* Printer friendly section */
#pfpdetails {margin: -10px 0 10px -10px;padding: 15px;width: 440px;}


/*Help Central*/
body.helpcentral #pagetitle {background-position: -10px -100px; min-height: 42px;}
body.helpcentral #content {padding: 20px; background-position: 0 -60px;}
#help {background: 0 -20px no-repeat;}

/**
 * 6) Button background positions
 */
 
 /*Generic*/
.addbtn {background-position: 0px -575px !important;margin-right: 10px;}
.removebtn {background-position: 0px -635px !important;}
.reset {background-position: 0px -635px !important;}
a.hicontrast { background-position: 0px -790px !important; }
.explain {background-position: 0px -830px !important;} 
.logout {background-position: 0px -898px !important; font-weight: bold;}
* + html .logout {background-position: 1px -895px !important; }
 #filterfeedback .reset {background-color: white !important; color: black;}
 
 /*Viewbar*/
#viewbar a, ul.viewbar a, #mediaviewbar a {background-position: 0px -16px;}
#viewbar li.selected span, ul.viewbar li.selected span, #mediaviewbar li.selected span {background-position: 0px -15px !important;}
#viewbar li.disabled a, ul.viewbar li.disabled a, #mediaviewbar li.disabled a {background-position: -770px -15px !important;}
a#listview, a#detailview {background-position: 0px -70px !important;}
#viewbar li.selected span#listview, #viewbar li.selected span#detailview {background-position: 0px -70px !important;}
#viewbar li.disabled a#listview,#viewbar li.disabled a#detailview {background-position: -770px -70px !important;}
a#emailfilter, a#send {background-position: 0px -240px !important;}
* + html a#emailfilter {background-position: 0px -238px !important;}
a#emailclose {background-position: 0px -237px !important;}
#viewbar li.selected a#emailfilter, ul.viewbar li.selected a#emailfilter {background-position: 0px -240px !important;}
#viewbar li.disabled a#emailfilter {background-position: -770px -240px !important;}
#viewbar li a#casestudy, #viewbar li.selected span#casestudy {background-position: -5px -945px !important;}
ul.viewbar li a#casestudies {background-position: 0 -988px;}

a#pdffilter {background-position: 0px -861px !important;}
* + html a#pdffilter {background-position: 0px -858px !important;}

a#filterview {background-position: 0px -525px !important;}
* + html a#filterview {background-position: 0px -523px !important;}
#viewbar li.selected a#filterview, ul.viewbar li.selected a#filterview {background-position: 0px -525px !important;}
#viewbar li.disabled a#filterview {background-position: -770px -525px !important;}
a#printerfriendly {background-position: 0px -692px !important;}
ul.viewbar li.selected a#printerfriendly {background-position: 0px -692px !important;}
#viewbar li.disabled a#printerfriendly {background-position: -770px -692px !important;}
a#savetotext, .savebtn, .submit {background-position: 0px -749px !important;}
div.questionlist a.savebtn {background-position: 0px -750px !important;}
#viewbar li.selected a#savetotext {background-position: 0px -745px !important;}
#viewbar li.disabled a#savetotext {background-position: -770px -750px !important;}

/*Section specific buttons*/
div.topmatch input.submit {background-position: 0px -130px !important;}
#filters .submit {background-position: 0px -524px !important;}


/*Furthersteps nav*/
li#moci a, a#careerdbasebtn {background-position: 0px -105px !important;}
div.actionplanmininav li#moci a {background-position: 0px -100px !important;}
li#actionplan a, a#actionplan {background-position: 0px -205px !important;}
li#heinfo a {background-position: 0px -300px !important;}
li#moreaspects a, a#beginmatchbtn, a#moreaspects {background-position: 0px -595px !important;}
li#health a,a#health {background-position: 0px -802px !important;}
li#aspects a, a#answeraspectsbtn {background-position: 0px -705px !important;}
input#answeraspectsbtn {background-position: 0px -705px !important;}
li#levels a, a#level {background-position: 0px -1105px !important;}
li#sandt a,a#sandt {background-position: 0px -400px !important;}
li#helpvideo a {background-position: 0px -400px !important;}
li#pinfo a {background-position: 0px -1400px !important;}
li#pinfo.selected a {background-position: 0px -1400px !important;}
li#progress a {background-position: 0px -1497px !important;}
li#progress.selected a {background-position: 0px -1497px !important;}
li#edu a {background-position: 0px -310px !important;}
li#edu.selected a {background-position: 0px -310px !important;}
li#csuggest a, a#viewcareersbtn {background-position: 0px -5px !important;}
li#csuggest.selected a {background-position: 0px -5px !important;}
li#cs a, a#viewcareersbtn {background-position: 0px -5px !important;}
li#cs.selected a {background-position: 0px -5px !important;}
li#shorttermgoal a {background-position: 0px -1600px !important;}
li#shorttermgoal.selected a {background-position: 0px -1600px !important;}
li#longtermgoal a {background-position: 0px -1700px !important;}
li#longtermgoal.selected a {background-position: 0px -1700px !important; }
li#reviewaspects a {background-position: 0px -1800px !important;}
li#reviewaspects.selected a {background-position: 0px -1800px !important;}
li#compare a {background-position: 0px -1905px !important;}
li#ap a {background-position: 0px -195px !important;}

div.mininav li#cs a, div.actionplanmininav li#cs a {background-position: 0px 5px !important;}
body.secondary_aspects div.mininav li#cs a {background-position: 0px 5px !important;}

body.mocicareers li#moci a {background-position: 0px -105px !important;}
body.health li#health a {background-position: 0px -802px !important;}
body.reviewaspects li#aspects a {background-position: 0px -706px !important;}
body.reviewlevel li#levels a {background-position: 0px -1105px !important;}
body.study li#sandt a { background-position: 0px -400px !important;}
body.careers li#cs a {background-position: 0px -5px !important;}
body.compare li#compare a {background-position: 0px -1905px !important;}

/*Aspect buttons*/
fieldset#aspectbuttons input {background-position: -25px -55px !important;}
fieldset#aspectbuttons input:hover {background-position: -25px -255px !important;}
fieldset#aspectbuttons input#dislikebtn {background-position: -225px -55px !important;}
fieldset#aspectbuttons input#dislikebtn:hover {background-position: -225px -255px !important;}
fieldset#aspectbuttons input#dnmbtn {background-position: -425px -55px !important;}
fieldset#aspectbuttons input#dnmbtn:hover {background-position: -425px -255px !important;}
fieldset#aspectbuttons input#likebtn {background-position: -625px -55px !important;}
fieldset#aspectbuttons input#likebtn:hover {background-position: -625px -255px !important;}
fieldset#aspectbuttons input#lvmbtn {background-position: -825px -55px !important;}
fieldset#aspectbuttons input#lvmbtn:hover {background-position: -825px -255px !important;}

/*Pagetitle graphics*/
body.hint #pagetitle {background-position: -10px -100px !important;}
body.careers #pagetitle {background-position: -10px -200px !important;}
body.mocicareers #pagetitle {background-position: -10px -400px !important;}
body.actionplan #pagetitle {background-position: -10px -600px !important;}
body.careerdetails #pagetitle {background-position: -10px -800px !important;}
body.aspects #pagetitle,body.reviewaspects #pagetitle {background-position: -10px -1000px !important;}
body.health #pagetitle {background-position: -10px -1200px !important;}
body.level #pagetitle,body.reviewlevel #pagetitle {background-position: -10px -1400px !important;}
body.compare #pagetitle {background-position: -10px -1600px !important;}
body.thumb #pagetitle {background-position: -10px -1800px !important;}
body.aspectlist #pagetitle {background-position: -10px -2000px !important;}
body.study #pagetitle {background-position: -10px -2200px !important;}

/*Feedback*/
.saveMessage {background-color: #B90000; color: white; padding: 18px 10px 18px 50px; background-repeat: no-repeat;}
div.moreinfotext {
    margin: 0 -20px;
    padding: 0 20px;}
div.moreinfotext ul, div.moreinfotext p {padding: 0.2em 0;margin: 0;}
div.moreinfotext ul {margin-left: 50px;}
div#busy {
    position: absolute; 
    background-position:-691px -600px !important;
    height:50px;
    padding:15px;
    right:0;
    top:0;
    width:50px;}
div#busy img {padding: 9px; background-color: #FFB733;} 
p#emailError strong.error {background: none !important; color: #B90000 !important; padding: 0 0 1em !important;}

#timeout {border: 1px solid black; background: white url(../../images_kol/contentbg-long.jpg) bottom; padding: 15px 15px 5px; font-weight: bold; margin-bottom: 1em; color: #B90000; width: 180px;}
#timeout a {display: block;padding: 4px 10px; border 1px solid black; color: white; margin:  20px auto 0; background: #940094 url(../../images_kol/header.png) no-repeat -250px -50px; width: 100px; text-align: center; border: 1px solid #940094;}
#timeout a:hover {background-image: none; background-color: #913D94;}

div.questionlist #timeout {margin-left: 20px; width: 300px;}

/*Help Central*/
body.helpcentral h2, body.helpcentral h3 {clear: left; padding: 0.5em 0;}
body.helpcentral p img {float: left;}


/**
 * 7) Prototip
 */
 
.prototip .kol {
    width: 400px;
    border: 1px solid;
	-moz-border-radius:20px;
	-webkit-border-radius: 20px;
	opacity: 0.95;
	filter: alpha(opacity=95);
	}
.prototip .kol .toolbar {
    font-weight: bold;
    height: 25px;
    padding-top: 10px;
    background-repeat: repeat-x;
		-moz-border-radius-topleft:19px;
	-webkit-border-top-left-radius: 19px;
	-moz-border-radius-topright:19px;
	-webkit-border-top-right-radius: 19px;}
.prototip .kol .title { padding: 0 15px;}
.prototip .kol .content {
    padding: 5px;
    color: black;
    background-position: left bottom;
    background-repeat: repeat-x;    
	-moz-border-radius-bottomleft:19px;
	-webkit-border-bottom-left-radius: 19px;
	-moz-border-radius-bottomright:19px;
	-webkit-border-bottom-right-radius: 19px;	
	}
.prototip .kol .content p {padding: 5px 10px;}

#slider {float: right; clear: right; width: 414px; margin-top: 10px; padding: 15px 0px 70px 18px; background-image:url(../../images_kol/image-bg.png); background-repeat: no-repeat;}

body.subjects #timeout {
    margin-top: 20px;
    width: 250px;
}

/**
 * 8) Branding section
 */

/*KOL V2 Updates to ADOL CSS*/

/*Branding layer of CSS*/

/*Line height

body,
h2.casestudytitle {
	line-height: 1.2em;
}

p.nocareerlist, 
#message p.nocareerlist {
	line-height:140%;
}

/*Fonts weight */

h1,
h2,
h3,
p.question span.questionnumber {
	font-weight: normal;
}

div.topmatch a,
li.selected a,
li.leveln,
ul#mytabs li.selected,
#videoviewer h4, div.videoerror p,
div.jobVideo a {
	font-weight: bold;
}

/*Text decoration*/

a,
.button,
.addbtn,
.savebtn,
.submit,
.removebtn,
.reset {
	text-decoration: underline;
}

a:hover,
.addbtn:hover,
.savebtn:hover,
.submit:hover,
.removebtn:hover,
.reset:hover,
ul#mytabs li.selected,
div.jobVideo a,
ul#caseLinks a {
	text-decoration: none;
}

li.selected a,
#furthersteps a:hover,
li.disabled a {
	text-decoration: none !important;
}

/*Font size*/

div.pagination span.current {
	font-size: 1.5em;
}

h1 {
	font-size: 170%;
}

h2,
#logoutbar a span.large {
    font-size: 150%;
}

h2#alsoknownas {padding-bottom: 0.6em;}

h3,
div.questionlist li {
    font-size: 125%;
}

#logoutbar a span.medium,
p.nocareerlist, 
#message p.nocareerlist, .error {
	font-size: 120%;
}

h4,
p.question span.questionnumber {
    font-size: 110%;
}

h5 {
    font-size: 100%;
}

legend {
    font-size: 130%;
}

div.topmatch h2, body.caseStudy #detailcontent h3 {
	font-size: 140%;
}

#logoutbar p strong,
#logoutbar p a {
	font-size: 90% !important;
}

div.thumblist p a,
div.comparelist div div h3, 
div.topmatch h3, 
#careerfacts h3,
#suitableforyou h3,
div.topmatch a {
	font-size: 110%;
}

div.thumblist p,
.prog-bar {
	font-size: 85%;
}

#hecourseinfo ul.nav li a,
#typesofwork ul.nav li a,
div.comparelist div ul,
div.comparelist div div p, 
div.topmatch p, 
#careerfacts p,
#suitableforyou p,
p#copyright {
	font-size: 90%;
}

#photocaption p {
	font-size: 95%;
}

/*Colors*/

body.mocicareers li#moci a, 
body.careers li#cs a, 
body.compare li#compare a, 
body.health li#health a, 
body.articles li#generalarticles a, 
body.study li#sandt a, 
body.aspects li#aspects a, 
body.reviewaspects li#aspects a, 
body.skills li#skills a, 
body.reviewskills li#skills a, 
body.level li#levels a, 
body.reviewlevel li#levels a, 
#hecourseinfo p, 
#hecourseinfo li, 
#hecourseinfo a,
#typesofwork h3,
#typesofwork p, 
#typesofwork li, 
#typesofwork a,
#hecourseinfo h3,
h1,
body.actionplan #furthersteps li.selected a,
th,
.prototip .kol .toolbar,
#filterfeedback,
#photocaption p,
ul#mytabs li a, ul#mytabs li.selected,
div.videoerror p, div.videoerror a,
div.pagination span.disabled,
body.caseStudy .thumbview li a {
	color: white;
}

#footer,
a,
#viewbar a:visited, 
#mediaviewbar a:visited,
#viewbar li.selected a {
	color:black;
}

h2,
body.level h2,
body.mocicareers h2,
body.health h2,
body.study h2,
ul.viewbar li.selected a,
#mediaviewbar li.selected a,
div.feedback strong,
div.thumblist p,
p.healthissue,
#glossary h2, 
#glossary dt,
#typesofwork ul.nav li a,
div.comparelist div div h3, 
div.topmatch h3, 
#careerfacts h3,
#suitableforyou h3,
div.topmatch a,
dfn a,
ul#thiscareersubnav li a,
p.question span.questionnumber,
p.questionnumber,
div.topmatch input.submit,
#message p,
#message a,
#form h3,
fieldset#apgoals fieldset h3,
.prog-border,
input.savebtn:hover,
.savebtn:hover,
.addbtn:hover,
.submit:hover,
.reset:hover,
#moreinfo h3,
body.caseStudy #detailcontent h3 {
	color: #B90000 !important;
}


#logoutbar p, 
#logoutbar strong, 
#logoutbar a,
#logoutbar a:visited,
div.pagination a,
#filters p select, 
#filters p input,
#careerfacts h2,
#suitableforyou h2,
h2#aspectstable,
#footer p,
#moreinfo h2,
#media ul#mytabs li.selected, 
div.jobVideo a {
	color: #A42AA5 !important;
}

div.thumblist p.nohealthissue {
	color: #7AAC29 !important;
}

.black,
div.topmatch h2,
div.thumblist p.salary {
	color: black !important;
}

#hecourseinfo ul.nav li a {
	color: #944994 !important;
}

#typesofwork ul.nav li.selected a, 
#hecourseinfo ul.nav li.selected a,
#typesofwork h2,
#hecourseinfo h2,
div.pagination span.current,
#glossary h2,
ul#caseLinks li.selected a,
#logoutbar a.hicontrast,
p.nocareerlist, 
#message p.nocareerlist,
#filterfeedback h2, #filterfeedback li,
div.jobVideo a:hover,
#help h2, .error {
	color: white !important;
}

li.disabled a {
	color: #CCCCCC !important;
}

#photocaption p {color: #FFB733;}

/*Background color*/

body.mocicareers li#moci, 
body.careers li#cs, 
body.compare li#compare,
body.health li#health, 
body.articles li#generalarticles, 
body.study li#sandt, 
body.aspects li#aspects, 
body.reviewaspects li#aspects, 
body.skills li#skills, 
body.reviewskills li#skills, 
body.level li#levels, 
body.reviewlevel li#levels,
body.actionplan #furthersteps li.selected,
div.pagination span.current,
.prototip .kol .toolbar,
#glossary h2,
th {
	background-color: #913D94;
}

.prog-border {background-color: #FFB733;}

p.nocareerlist, #message p.nocareerlist, .error {background-color: #B90000;}

#glossary,
ul#caseLinks li.selected {
	background-color: #FFCC40;
}

textarea:hover,
input[type="text"]:hover {
	background-color: #FFEBCA;
}

div.careerlist ol li img {
	background-color: #FEFCF4;
}


div.careerlist h2,
div.healthform h2,
div.studyform h2,
div.changeaspectform h2,
fieldset#aspectbuttons,
div.pagination a,
.prototip .kol .content,
div.feedback {
	background-color: white !important;
}
h1,
body.level h1, 
body.reviewlevel h1,
body.mocicareers h1,
body.health h1,
body.study h1,
body.intropage #pagetitle {
	background-color: transparent !important;
}

div.pagination span.disabled {background-color: #E9D8EA;}

#pagetitle {background-color: #FFB733;}

#media ul#mytabs li {background-color: #913D94;}

.savebtn,
.submit,
.reset,
.addbtn,
.logout {background-color: white;}

/*Border-color*/

#viewbar li.last,
#mediaviewbar li.last,
.lastbutton,
fieldset#aspectbuttons input#lvmbtn,
#careerfacts p,
fieldset#personaldetails ol p,
div.topmatch input.submit,
#thumbpanel img,
div.topmatch a img,
ol img.thumb,
.addbtn,
.submit,
.reset,
table#barchart,
a#emailclose,
ul#caseLinks img,
a#emailclose {
	border: none !important;
}

#logoutbar a.noborder {
	border-left: none;
}

#mediaviewbar li,
div.comparelist div div p, 
div.topmatch p, 
#careerfacts p,
li.mediaformat,
div.questionlist,
div.feedback,
ul.entrylevel,
#healthissuetext1, 
#healthissuetext2,
div.comparelist div ul.entrylevel {
	border-color: #FDE18E;
}

textarea,
input[type="text"] {border-color: #BDB5B5;}

#filterfeedback,
div.pagination span.disabled,
#thumbpanel a {border-color: white;}

#viewbar,
#furthersteps h3,
#welcomenav p,
fieldset#aspectbuttons,
fieldset li,
dfn,
ul#caseLinks li.selected,
#form h3,
#suitableforyou h3,
#tabmenu,
fieldset#apgoals fieldset h3,
#logoutbar a,
div.pagination span.current,
div.pagination a,
table,
th,
td,
.prototip .kol {border-color: #913D94 !important;}


div.questionlist li {
	border-color: #FDE18E !important;
}


/*Border-style*/
div.comparelist div div p, 
div.topmatch p, 
#careerfacts p,
#mediaviewbar li,
fieldset#aspectbuttons,
fieldset#aspectbuttons input,
table,
td,
li.mediaformat,
#logoutbar a,
div.questionlist,
div.feedback,
ul#caseLinks li.selected,
#filters,
#tabmenu,
#email,
#form h3,
#filterfeedback {
	border-style: solid;	
}

fieldset#apgoals fieldset h3,
#suitableforyou h3,
div.questionlist li {
	border-style: dashed;
}

/*Borders */

#logoutbar a,
#suitableforyou h3,
#mediaviewbar li,
li.mediaformat,
td,
#filters,
#tabmenu,
#email,
#filterfeedback,
div.topmatch p,
#form h3,
fieldset#apgoals fieldset h3,
fieldset#aspectbuttons,
fieldset#aspectbuttons input,
div.questionlist,
div.questionlist li {border-width: 0;}

table,div.feedback {border-width: 1px;}

#suitableforyou h3,
td,
#filters,
#tabmenu,
#email {border-top-width: 1px;}

#mediaviewbar li,
fieldset#aspectbuttons input,
td,
li.mediaformat {border-right-width: 1px;}

 
#careerfacts p,
div.questionlist li,
fieldset#apgoals fieldset h3 {border-top-width: 1px;}

div.topmatch p,
div.comparelist div div p {border-bottom-width: 1px;}


#logoutbar a {border-left-width: 1px;}
ul#caseLinks li.selected {border-width: 2px;}

#form h3 {border-top-width: 2px;}
fieldset#aspectbuttons {border-bottom-width: 2px;border-top-width: 2px;}
#filterfeedback {border-bottom-width: 5px;}

body.actionplan h3 {border-top: 1px dashed #940094 !important;}
body.actionplan #leftcolumn #form { border: 2px solid #B280B2; border-top: none;}

#thumbpanel a img {border: 2px solid white !important;}
#thumbpanel a img:hover, #thumbpanel a.selected img {border-color: black !important;}

/*body.careerdetails ul.viewbar {border-bottom: 2px dotted #B90000;}*/


/* Background Images*/
/* Generic images */
#container {background-image: url(../../images_kol/container-shadow.png);}
#logoutbar {background-image: url(../../images_kol/header.png) !important;}
#pagetitle, div#busy, #help h2 {background-image: url(../../images_kol/tabcorner.png);}

#viewbar a, #viewbar span, ul.viewbar a, ul.viewbar span, #mediaviewbar a, #moreinfo h3, #media ul li a, #media ul li span {background-image: url(../../images_kol/icons.png) !important;}
#viewbar li.selected {background-image: url(../../images_kol/viewbar-tab.png);}
#viewbar li {background-image: url(../../images_kol/viewbar-tab2.png);}
ul.viewbar li.selected {background-image: url(../../images_kol/viewbar-white-tab.gif);}
#content {background-image: url(../../images_kol/contentbg-long.jpg);}
#footer {background-image: url(../../images_kol/footer.gif);}
ul.liststyle1 li, ul.liststyle2 li {list-style: outside disc url(../../images/bulletdash.gif) !important;}

.intropage #footer {background-image: url(../../images_kol/footerintro.gif);}
.intropage #footer p {color: white !important;}
/*Buttons*/
a#send, .addbtn, .removebtn, .savebtn, .submit, .reset, .button, a.hicontrast, .explain {
	background-image: url(../../images_kol/icons.png) !important;
	background-repeat: no-repeat;}	


/*Content specific*/
/*Welcome page*/
body.intropage #content {background-image: url(../../images_kol/welcome-branding.jpg) !important; background-color: #FED22B;}
body.intropage #logoutbar {background-image: url(../../images_kol/header-intro.gif) !important;}

body.hint #content {background-image: url(../../images_kol/hint-branding.jpg) !important;}
#welcomenav div,#welcomenav ul {background-image: url(../../images_kol/welcomenav-bg.png);}

/*Page specific bg*/
body.mocicareers #content {background-image: url(../../images_kol/contentbg-long.jpg);}
body.careerdetails #content,
body.actionplan #content,
body.aspects #content,
body.aspectlist #content,
body.careers ul.viewbar,
body.mocicareers ul.viewbar,
body.helpcentral #content,
#help,
body.reviewaspects ul.viewbar {background-image: url(../../images_kol/careerdetail-overview-bg.png);}
body.level #content {background-image: url(../../images_kol/contentbg-long.jpg);}

/*Furthresteps nav*/
#furthersteps div, #furthersteps h2 {background-image: url(../../images_kol/furthersteps-bg.png) !important;}
#furthersteps.mininav div, #furthersteps div.actionplanmininav {background:none !important;}

#furthersteps li a, #welcomenav li a,
body.health li#health a:hover, 
body.mocicareers li#moci a:hover,
body.study li#sandt a:hover,
body.reviewlevel li#levels a:hover,
body.reviewaspects li#aspects a:hover,
.aspectcomment, .levelcomment, .healthcomment,
a#sandt, a#health, a#moreaspects, a#level, input#answeraspectsbtn, a#answeraspectsbtn, a#viewcareersbtn {
	background-image: url(../../images_kol/icons-nav.png) !important;
	background-repeat: no-repeat;}

/*Form bg's*/
.careerlist,
.healthform,
.studyform,
.changeaspectform,
table#barchart {background-image: url(../../images_kol/careerlist-bg.png);}

body.actionplan .studyform, {background: none;}

/* Career lists*/
div.thumblist li {background-image: url(../../images_kol/careerdetailsphotobg.png);}
div.comparelist div div, div.topmatch {background-image: url(../../images_kol/compare-bg.gif);}
div.topmatch h2 {background-image: url(../../images_kol/compare-topmatch-title.gif);}
div.topmatch input {background-image: url(../../images_kol/th-bg.gif);}

/*Career details and case studies*/
div.careercore, #glossary {background-image: url(../../images_kol/careercore-bg.jpg);}
div.jobVideo a {background-color: #F4ECF4;}
div.jobVideo a:hover {background-color: #BD8ABF;}
#casePhoto, body.caseStudy ol.thumbview li {background-image: url(../../images_kol/casestudyimg-bg.gif);}


/*Careerfacts and hecourse into*/
#careerfacts div, #careerfacts h2,
#relatedjobs div,  #hecourseinfo div {background-image: url(../../images_kol/careerfacts-bg.gif) !important;}
#typesofwork ul.nav li.selected, 
#hecourseinfo ul.nav li.selected, #hecourseinfo div, #hecourseinfo h2 {background-image: url(../../images_kol/hecourseinfo-bg.gif) !important;}
#typesofwork div, #typesofwork ul.nav li.selected, #typesofwork h2 {background-image: url(../../images_kol/typesofwork-bg.gif);}
#typesofwork ul.nav li {background-image: url(../../images_kol/typesofwork-white-bg.gif);}
#hecourseinfo ul.nav li {background-image: url(../../images_kol/hecourseinfo-white-bg.gif);}
/*Suitable for you and related jobs*/
#suitableforyou div, #suitableforyou h2 {background-image: url(../../images_kol/suitableforyou-bg.gif);}
#suitableforyou.casestudy h2 {background-image: url(../../images_kol/casestudy-bg.gif);}
#relatedjobs h2 {background-image: url(../../images_kol/relatedjobs-bg.gif);}
#relatedjobs li {list-style-image: url(../../images_kol/list-relatedjobs.gif);}

/*Actionplan*/
body.actionplan #leftcolumn h2 {background-image: url(../../images_kol/actionplan-top-bg.gif);}
body.actionplan #leftcolumn #email h2 {background-image: none;}

/*Aspect entry*/
fieldset#aspectbuttons input, fieldset#aspectbuttons input:hover {background-image: url(../../images_kol/icons-match.jpg) !important;}

/*Review aspects*/
body.reviewaspects #tab1 div {background-image: url(../../images_kol/aspectchart.gif) !important;}
body.reviewaspects #tab1 h2 {background-image: url(../../images_kol/aspectchart.gif) !important;}

/*Tables*/
th {background-image: url(../../images_kol/th-bg.gif);}

/*Prototip*/
.prototip .kol .toolbar  {background-image: url(../../images_kol/th-bg.gif);}
.prototip .kol .content {background-image: url(../../images_kol/careercore-bg.jpg);}

/*Images and media*/
/*img.thumb {background-image: url(../../images_kol/thumb-bg.png);}
#thumbpanel img.thumb:hover {background-image: url(../../images_kol/thumb-bg-hover.png);}*/
#media ul#mytabs, #media ul#mytabs li {background-image: url(../../images_kol/mediaviewertabs.gif);}
img.largethumb {background-image: url(../../images_kol/image-bg.png);}
div.flash {	background: url(../../images_kol/image-small-bg.png) top left no-repeat;}
#photoviewer, #videoviewer, #videoviewer h4, #videopreview, #videolist {background-image: url(../../images_kol/mediaviewer-bg.gif);}
div.videoerror {background: url(../../images_kol/videoerror-bg.png) top left no-repeat;}


/*Filters, Email and Tabmenu*/

body.compare #filterfeedback {background-image: url(../../images_kol/filterfeedback-compare-bg.gif);}

/*Feedback*/
#filterfeedback {background-image: url(../../images_kol/filterfeedback-bg.gif);}
#message a {background-image: none !important;}
p.nocareerlist, #message p.nocareerlist, 
.saveMessage, .error, body.level p.error {background: url(../../images_kol/nocareer-bg.jpg) top repeat-x;}
p.nocareerlist strong, body.level p.error strong {background: url(../../images_kol/nocareerlist.gif) no-repeat;}


/**
 * 9) PDF and Subscriptions
 */

#pdfoptions, #filters, #tabmenu, #email, #subscription {
	padding: 15px 20px; 
	border: 1px solid black; 
	margin: 0 0 10px;
	-moz-border-radius-bottomleft:15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright:15px;
	-webkit-border-bottom-right-radius: 15px;
	background-color: white;	
	}

#pdfoptions {margin: -14px -10px 10px;}	

#pdfoptions fieldset {width: 100%;}
#pdfoptions h3 {padding: 0 0 0.3em;}
#pdfoptions h4 {clear: both; padding: 0.5em 0; font-weight: bold;}
#pdfoptions ul {padding: 0;}
#pdfoptions li {
	list-style: none inside none; 
	float: left;
	}

#pdfdetails ul {padding-bottom: 15px;}
#pdfdetails li {float: none;}

#pdfstyle li {
	width: 104px; 
	height: 130px; 
	overflow: hidden;
	padding: 5px;
	margin: 0 5px 5px 0;
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position: relative;
	}
	

#pdfstyle label {
	display: block; 
	background: url(../../images_kol/careerPdfPreviews.png) -20px 10px no-repeat;
	font-size: 1em;
	width: 190px; 
	height: 280px; 	
	cursor: pointer;
	position: absolute;
	top: 8px;
	left: 25px;
	}

	
#pdfstyle li:hover { border-color: black;-moz-box-shadow: 0px 0px 10px #999;
-webkit-box-shadow: 0px 0px 10px #999;}	

label.pdfLarge {background-position: -320px 10px !important;}
label.pdfContemporary {background-position: -620px 10px !important;}
label.pdfClassic {background-position: -920px 10px !important;}
label.pdfEasy {background-position: -1220px 10px !important;}

input#viewpdf {width: 90px !important; height: 40px;}


/*Subscription and New Features*/

.subscription {background: url(../../images_kol/subscribe.png) top center no-repeat;}
.newfeature {background: url(../../images_kol/newfeature.png) top center no-repeat;}
#pdfadvert, #casestudyadvert {
	height:180px;
	margin:-10px;
	padding:120px 300px 0 55px; 
	background: url(../../images_kol/pdf-advert.jpg) top left no-repeat; }
li.subscription a, li.newfeature a {border-width: 2px !important; border-color: #BA0000 !important;}
#viewbar li.newfeature, #viewbar li.subscription {
	background-position: right -80px;
	margin-top: -8px;
	padding-top: 22px;
}
#viewbar li.subscription {background-position: right -172px;}
#media ul#mytabs li#tab1.newfeature {background-position: -350px top;}
#media ul#mytabs li#tab1.subscription {background-position: -525px top;}
#subscription {position: absolute; top: 55px; width: 700px; margin: 0 -10px;}
#casestudyadvert {background-image: url(../../images_kol/casestudy-advert.jpg);}
#videoadvert {background: url(../../images_kol/video-advert.gif) top left no-repeat; height: 200px; padding: 100px 110px 0 50px;}
#casestudyadvert h3, #videoadvert h3 {padding-bottom: 0.3em;} 


/**
 * 10) IE6 Fixes
 */


* html #pagetitle {
	height: auto !important; 
	height: 90px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='image.png', sizingMethod='scale');}
	
* html #container {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='container-shadow.png', sizingMethod='scale');}


* html #welcomenav div {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='welcomenav.png', sizingMethod='scale');}

* html #content {height: auto !important;height: 53em;}
	
* html body.intropage #content, 
* html body.hint #content {height: auto !important;height: 23em;}

* html body.level #content {height: auto !important;height: 20em;}
* html body.helpcentral #pagetitle {height: 41px;}
* html body.actionplan #leftcolumn {margin-left: -13px;}
* html body.actionplan #email {background-position: 10px bottom; width: 456px; margin-left: -10px !important;}

/*Viewbar*/
* html #viewbar {bottom: auto; top: 46px; height: 46px;}
* html #viewbar ul {padding-top: 8px;}
* html ul.viewbar {height: 36px;}
* html body.reviewlevel #viewbar p, * html body.health #viewbar p {padding-top: 10px;}

/*Furthersteps nav*/
* html #furthersteps {top: 5px; right: 5px;}

/*Aspect slide page*/
* html div#aspects {position: relative;}
* html div.flash {width: 210px; position: relative !important; margin: -170px 0 0 -40px; padding-left: 12px;}

/*Review aspects */
* html body.reviewaspects .explain {position: relative; display: block; width: 150px;}


/*Careerdetails*/
* html #careerfacts {position: relative; margin-left: -5px;}
* html span.crcitype {margin:0;}
* html img.crci {float: left; padding-right: 10px;}
* html #hecourseinfo {display: inline;}
* html span.crcitype {margin-top: 0;}

/*Careerlist*/
* html div.careerlist ol {padding-left: 0;}
* html div.careerlist ol img {margin-left: 10px;}
* html div.careerlist ol h2 {margin-left: 0;}
* html div.thumblist li {margin-right: 0px;}
* html div.comparelist div {display: inline;}
* html ul.entrylevel li {height: auto !important;height: 30px;}
* html span.crcitype {width: 100px !important; margin-top: -20px !important;}

/*Filters */
* html body.mocicareers #filters {margin-top: 0px;}

/*Actionplan*/
* html div#form input.savebtn {position: relative; margin-top: 2em;}


* html body.reviewaspects ul.viewbar,
* html body.careers ul.viewbar, 
* html body.mocicareers ul.viewbar {background-position: 0 -30px;}
	
* html body.aspects .explain {background-position:10px -812px !important;}
* html body.aspects .explain:hover {background-position:-360px -812px !important;}

* html fieldset#apgoals fieldset h3 {margin: 0 !important; padding: 15px 0 0 !important;}


* html body.actionplan #content {height: auto !important; height:27em;}

* html #careerfacts div {height: 10px;}

* html body.subjects .explain {position: relative; display: block; width: 150px;}

* html body.subjects fieldset {position: relative;}

/*IE 6 Specific graphics*/

* html div.flash {background: url(../../images_kol/image-small-bg.gif) no-repeat;}

* html a#send, 
* html .addbtn, 
* html .removebtn, 
* html .savebtn, 
* html .submit, 
* html .reset, 
* html .button, 
* html a.hicontrast, 
* html .explain,
* html #viewbar a, 
* html ul.viewbar a, 
* html #mediaviewbar a,
* html #viewbar span, 
* html ul.viewbar span, 
* html #mediaviewbar span,
* html #media ul li a, 
* html #media ul li span {
	background-image:url(../../images_kol/icons.gif) !important;}
	
* html body.careerdetails #content, 
* html body.actionplan #content, 
* html body.aspects #content, 
* html body.aspectlist #content, 
* html body.careers ul.viewbar, 
* html body.mocicareers ul.viewbar, 
* html body.reviewaspects ul.viewbar,
* html body.helpcentral #content,
* html #help { 			
	background-image:url(../../images_kol/careerdetail-overview-bg.gif);}	

* html #furthersteps div, 
* html #furthersteps h2 {
	background-image:url(../../images_kol/furthersteps-bg.gif) !important;}

* html #welcomenav div,
* html #welcomenav ul {background-image: url(../../images_kol/welcomenav-bg.gif);}

* html #container {background-image:url(../../images_kol/container-shadow.gif) !important;}

* html #furthersteps li a, 
* html #welcomenav li a,
* html body.health li#health a:hover, 
* html body.mocicareers li#moci a:hover,
* html body.study li#sandt a:hover,
* html body.reviewlevel li#levels a:hover,
* html body.reviewaspects li#aspects a:hover,
* html .aspectcomment, 
* html .levelcomment, 
* html .healthcomment,
* html a#sandt, 
* html a#health, 
* html a#moreaspects, 
* html a#level, 
* html input#answeraspectsbtn, 
* html a#answeraspectsbtn, 
* html a#viewcareersbtn {background-image: url(../../images_kol/icons-nav.gif) !important;}
* html span.crcitype  {padding-top: 15px !important;}