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

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 {
	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 {
	font-size: 90%;
}

/*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,
div.pagination span.disabled {
	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 {
	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 {
	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,
#help h2, .error {
	color: white !important;
}

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

/*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,
input[type="text"] {
	background-color: #FCF2F2;
}

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,
.savebtn,
.submit,
.reset,
.addbtn {
	background-color: transparent !important;
}

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

#pagetitle {background-color: #FFB733;}


/*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.thumblist img.largethumb,
div.topmatch a img,
ol img.thumb,
.addbtn,
.submit,
.reset,
table#barchart,
.savebtn,
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,
#filters,
dfn,
ul#caseLinks li.selected,
#form h3,
#suitableforyou h3,
#filters,
#tabmenu,
#email,
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;
}


#photocaption p {
	border-color: #d3b9c3;
}

/*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,
#suitableforyou h3,
div.questionlist,
div.feedback,
ul#caseLinks li.selected,
#filters,
#tabmenu,
#email,
#form h3,
#filterfeedback {
	border-style: solid;	
}

fieldset#apgoals fieldset 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;}

/* 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 {background-image: url(../../images_kol/icons.png) !important;}
#viewbar li.selected {background-image: url(../../images_kol/viewbar-tab.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;}


/*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;}
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,/*
.feedback,*/
.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.thumblist img.largethumb {background-image: url(../../images_kol/image-small-bg.gif);}
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*/
div.careercore, #glossary {background-image: url(../../images_kol/careercore-bg.jpg);}
/*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);}*/
img.largethumb {background-image: url(../../images_kol/image-bg.png);}
div.flash {	background-image: url(../../images_kol/image-small-bg.png);}
#photocaption {background-image: url(../../images_kol/photocaption-bg.gif);}


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