/*Launchpad Branding layer of CSS*/


/*Fonts weight */

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;}
	
fieldset.updateForm span.pwdtxtsml,
#linkedSkills label {
	font-weight: normal !important;}

#pagetitle a,
#glossary dl dt,
#info h3, #info h4,
#pltsProfileTd dfn a, 
p.skillslink,
body.subjectinfo #careerslist h3,
body.home #content a, th,
ul#mytabs li.selected,
div.furthersteps .top,
body.skillsprofile div.furthersteps h4, body.subjectprofile div.furthersteps h4,
#videoviewer h4, div.videoerror p,
div.jobVideo a,
body.actionplan div.furthersteps h4,
body.actionplan #subjectslink a, body.actionplan #careerslink a, #examplelink a,
#mygoalspanel h3, #mylifelist h3,
fieldset.updateForm label, span.listTitle,
#mylifelist a.manageGoals,
#mygoalspanel p.skillslink, #mygoalspanel p.subjectslink, #mygoalspanel p.careerslink,
body.actionplan #printContent h3 {
	font-weight: bold;}


/*Font size*/

legend, body.home #content a, #mysubjects h2, #mycareers h2 {font-size: 130%;}
	
#logoutbar a span.medium,
#pagetitle a,
body.hint #content p#quizHintsButton a,
#errordetails p {
	font-size: 120%;}

#mygoalspanel h3, #mylifelist h3, body.actionplan #printContent h3 {font-size: 115%;}

ul#pagelinks li,
p#welcometext, 
div.furthersteps li a, 
table.profileTable thead, 
ul#quizanswers a,
ul#mytabs li, #mylifelist p,
#mysubjectslist ol li, #mysubjectslist p,
#mycareerslist ol li, #mycareerslist p,
body.actionplan #subjectslink a, 
body.actionplan #careerslink a,
#examplelink a, 
#userdetailsPrint p {
    font-size: 110%;}

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

p#emailtxtsml,
body.skillsprofile div.furthersteps p,
#photocaption p, 
.goalsTable th, 
statementsTable th, 
.goalsTable tr.completed td,
input.addBtn, 
input[type="text"], textarea {font-size: 95%;}

#skillsKey p, #subjectSkillsKey p {font-size: 93%;}

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

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

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


/*Text decoration*/

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

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

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



/*Colors*/

h1, #pagetitle a,
#photocaption p,
#glossary h3,
div.pagination span.disabled,
body.intropage #goButton,
body.subjectlist #subjectlist ul li a:hover,
body.subjectinfo #careerlinks li.selected a,
body.careerslist #industrylist ul li a:hover, 
body.careerslist #industrylist ul li a.selected,
ody.careerinfo #casestudylinks li.selected a,
#subjectlist ul li a:hover,
#careerslist ul li a:hover,
#industrylist ul li a:hover,
div.videoerror p, div.videoerror a,
#mygoal h2,
ul#mytabs li a, ul#mytabs li.selected,
#loading {
	color: white;
}

ul#quizanswers a,
#linkedSkills label {color: #333333 !important;}

a,
a:hover,
h2,
#glossary h2, 
#glossary dt,
dfn a,
body.actionplan p#actionplanlink a,
input.addBtn, input.editBtn, input.deleteBtn {
	color: #9E361E;
}

#logoutbar p, 
#logoutbar strong, 
#logoutbar a,
#logoutbar a:visited,
div.pagination a,
#careerfacts h2,
#error p {
	color: #D64628 !important;
}

p#copyright, p#copyright a {color: #888888;}


/*Background color*/

h1, body.intropage #pagetitle {background-color: transparent !important;}
#skillsButton a:hover, body.home #pltsButton a:hover {background-color: #E9D8EA;}
#subjectsButton a:hover {background-color: #EEF4D6;}
#careersButton a:hover {background-color: #E3E2EF;}
#actionPlanButton a:hover {background-color: #DFF0F5;}
#skillsKey, #subjectSkillsKey, #printContent div {background-color: white;}
div.pagination span.disabled {background-color: #E9D8EA;}
#error strong {background-color: #FBECEA;}
.prototip .launchpad .content, #glossary {background-color: #FCF0EE;}
.prototip .launchpad .toolbar, #glossary h3, #loading {background-color: #9E361E;}


/*Borders*/

.prototip .launchpad {border-color: #9E361E;}
dfn a {border-bottom: 1px dashed;}
#logoutbar a {border-left: 1px solid #9E361E;}
#logoutbar a.noborder {border-left: none;}
div.infosection {border-bottom: 1px dotted #726CB1;}
body.subjectinfo div.infosection {border-color: #7D9325;}
#glossary dl dd {border-bottom: 1px dotted #9E361E;}
table.profileTable, #radar {border: 1px dotted #913D94;}
table#skillsProfileTd tbody th, #pltsProfileTd td {border-top: 1px dotted #913D94;}
#reviewanswers ul {border-bottom: 2px dotted #913D94;}
#reviewanswers {border-top: 2px dotted #913D94;}
#skillsKey, #subjectSkillsKey {border: 1px dotted #913D94;}
body.subjectinfo h2, body.careerinfo h2, body.skillsprofile h2, body.subjectprofile h2 {
	border-bottom: 2px dotted #9E361E;}
#thumbpanel a img {border: 2px solid white !important;}
#thumbpanel a img:hover, #thumbpanel a.selected img {border-color: black !important;}
.goalsTable td, .goalsTable th {border-bottom: 1px solid #9ED1E1;}
#mylifelist .goalsTable td, #mylifelist .goalsTable th {border-bottom: none;}
#mylifelist .goalsTable td {border-top: 1px solid #C89ECA;}
#mylifelist h2 {border-bottom: 1px dashed #581A5A;}
#mylifelist .goalsTable {border: 1px dashed #581A5A;}
#mysubjectslist ol, #mysubjectslist p, #mycareerslist ol, #mycareerslist p {border-top: 1px dashed #7A9024;}
#mysubjectslist ol li, #mysubjectslist p, #mycareerslist ol li, #mycareerslist p {border-bottom: 1px dashed #7A9024;}
fieldset.updateForm p, fieldset.updateForm ul li {border-bottom: 1px dashed #498A9F;}
#statementUpdate p, #statementUpdate ul li {border-color: #581A5A;}
fieldset.updateForm textarea, fieldset.updateForm input[type="text"] {border: 1px solid #666666;}
#printContent div {border: 1px dashed;}
#userdetailsPrint {border-color: #9E361E !important;}
#mysubjectsPrint {border-color: #7A9024 !important;}
#mycareersPrint {border-color: #726CB1 !important;}
#mykeyskillsPrint, #mylifePrint, #mypltsPrint {border-color: #581A5A !important;}
#printContent #nogoals {border: none;}
#printContent #nogoals {border-bottom: 1px solid #9ED1E1;}
#printContent .goalsTable {border-top: 1px solid #9ED1E1;}



/* Background Images*/
/* Generic images */
body {background: url(../../images/bodybg.gif) center top no-repeat;}
body.hint, body.skillsquiz, body.skillsprofile, body.subjectprofile {
	background-image: url(../../images/bodybg-skills.gif);
}
body.subjectlist, body.subjectinfo {background-image: url(../../images/bodybg-subjects.gif);}
body.careerslist, body.careerinfo {background-image: url(../../images/bodybg-careers.gif);}
body.actionplan {background-image: url(../../images/bodybg-actionplan.gif);}
#container {background-image: url(../../images/container-shadow.png);}
#logoutbar {background-image: url(../../images/header.gif);}
#pagetitle, div#busy, #help h2 {background-image: url(../../images/tabcorner.gif);}
a#homeLink {background-image: url(../../images/home-icon.png);}
a#printLink {background-image: url(../../images/icons.gif);}
#content {background-image: url(../../images/contentbg.jpg);}
#footer {background-image: url(../../images/footer.gif);}
p#backlink a, p#actionplanlink a, #sectionlinks a, #videolistlink a {background: url(../../images/linkbullet-back.gif) left top no-repeat; padding-left: 16px;}
ul.liststyle1 li, ul.liststyle2 li {list-style: outside disc url(../../images/bulletdash.gif) !important;}
input.deleteBtn {background: url(../../images/btns-delete.gif) left top no-repeat;}
input.editBtn {background: url(../../images/btns-edit.gif) left top no-repeat;}
input.addBtn {background: url(../../images/btns-add.gif) left 3px no-repeat;}

span.editBtn {float:left;display:block; width:20px; height:20px;cursor: pointer; background: url(../../images/btns-edit.gif) left top no-repeat;}

div.furthersteps .top, div.furthersteps .bottom {background-image: url(../../images/furthersteps-bg.gif);}
body.subjectinfo div.furthersteps .top, 
body.subjectinfo div.furthersteps .bottom,
#actionplanlinks.furthersteps .top,
#actionplanlinks.furthersteps .bottom {background-image: url(../../images/furthersteps2-bg.gif);}
body.skillsprofile div.furthersteps .top, 
body.skillsprofile div.furthersteps .bottom,
#examplelink .top, #examplelink .bottom,
body.subjectprofile div.furthersteps, 
body.actionplan #subjectslink, 
body.actionplan #careerslink {background-image: url(../../images/furthersteps3-bg.gif);}
a.showlink, a.hidelink {background-image: url(../../images/more-arrows.gif)}


/*Logoutbar bg colours*/
body.login #logoutbar, 
body.home #logoutbar, 
body.terms #logoutbar, 
body.legal #logoutbar {background-color: #9E361E;}

body.intropage #logoutbar {background-color: #EE8428;}

body.hint #logoutbar, 
body.skillsquiz #logoutbar, 
body.skillsprofile #logoutbar,
body.subjectprofile #logoutbar  {background-color: #5B1C5D;}

body.subjectlist #logoutbar,
body.subjectinfo #logoutbar {background-color: #7D9325;}

body.careerslist #logoutbar,
body.careerinfo #logoutbar {background-color: #504B7D;}

body.actionplan #logoutbar {background-color: #498A9F;}

/*Pagetitle bg colours*/
body.login #pagetitle, 
body.home #pagetitle, 
body.terms #pagetitle, 
body.legal #pagetitle {background-color: #D64628;}

body.hint #pagetitle, 
body.skillsquiz #pagetitle, 
body.skillsprofile #pagetitle {background-color: #913D94;}

body.subjectlist #pagetitle,
body.subjectinfo #pagetitle {background-color: #AAC631;}

body.careerslist #pagetitle,
body.careerinfo #pagetitle {background-color: #726CB0;}

body.actionplan #pagetitle {background-color: #5EB1CC;}


/*Content specific*/
/*Login pages*/
body.login #content h3 {color: #9E361E;}
body.login label {color: #9E361E;}
#userlogin .top, #customerlogin .top, #userdetails .top, #userlogin .bottom, #customerlogin .bottom, #userdetails .bottom {background-image: url(../../images/fieldset-bg.gif);}
#wblogin {
	-moz-border-radius-topright: 25px;
	-webkit-border-top-right-radius: 25px;
	-moz-border-radius-bottomleft: 25px;
	-webkit-border-bottom-left-radius: 25px;
	background: -moz-linear-gradient(0% 90% 90deg,#FBEDEB, #FFFFFF, #FFFFFF 60%);
	background: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#FFFFFF), to(#FBEDEB));
}

/*Legal pages*/
body.legal p.backmsg {color: #9E361E; font-weight: bold;}

/*Welcome page*/
body.intropage #content {background: url(../../images/welcome-branding.jpg) left top no-repeat !important; height: 398px;}
body.intropage #goButton {
	display: block;
	height: 92px;
	width: 92px;
	background: #FCE49A url(../../images/gobutton.jpg) top center no-repeat;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 90px;
	position: absolute;
	top: 322px;
	left: 335px;
}

body.intropage #goButton:hover {background-image: url(../../images/gobutton-hover.jpg)}

/*Home page*/
body.home #content {background: url(../../images/contentbg-home.jpg) left top no-repeat !important;}
body.home #logoutbar h1 {display: none;}
#skillsButton, #pltsButton, #subjectsButton, #careersButton, #actionPlanButton {
	background-image: url(../../images/menu-buttons.png);}
#skillsButton a, body.home #pltsButton a {color: #581A5A;}
#subjectsButton a {color: #7A9024;}
#careersButton a {color: #726CB1;}
#actionPlanButton a {color: #48889C;}


/*Skills quiz hint page*/
body.hint #content p#quizHintsButton {background-image: url(../../images/quizhintsbutton.png);}
body.hint #content p#quizHintsButton {
	background-repeat: no-repeat;
	padding: 130px 0 90px 20px;
	position: absolute;
	top: 0;
	left: 400px;
	width: 330px;
}
body.hint #content p#quizHintsButton a {display: block; width: 130px; font-weight: bold; color: #581A5A;}


/*Skills quiz page*/
body.skillsquiz h2 {color: #913D94;}
ul#quizanswers a {background-image: url(../../images/quizanswersbg.gif);}
ul#quizanswers a:hover {background-image: url(../../images/quizanswersbg-hover.png);}
ul#quizanswers a#option1:hover {color:#7B9124;}
ul#quizanswers a#option2:hover {color:#9E4044;}
ul#quizanswers a#option3:hover {color:#4F4A7B;}
ul#quizanswers a#option4:hover {color:#48889C;}

/*Skills profile page*/
table.profileTable thead {color:#913D94; background-color: #F4ECF4;}
#skillsProfileTd tr.HIGH {background-color: #EEF4D6;}
#skillsProfileTd tr.MEDIUM {background-color: #FFFDDD;}
#skillsProfileTd tr.LOW {background-color: #F9E3DF;}
#skillsProfileTd td.col1, #mygoalspanel div.mysubskilledit h4, #mykeyskillsPrint h4 {background-image: url(../../images/subskill-bullet.gif);}
#skillsKey h4, #subjectSkillsKey h4, p.skillslink a, #reviewanswerslink a, #radar h3, #mylife p {color: #913D94;}
#subjectslink a {color: #7A9024;}
#actionplanlink a {color: #48889C;}
#pltsProfileTd dfn a {color: #333333;}
body.skillsprofile h3 {color: #581A5A;}


/*Subject list page */
body.subjectlist #subjectlist ul li a {color: #7D9325;}
body.subjectlist #subjectlist ul li a:hover {background-color: #7D9325;}

/*Subject info page */
body.subjectinfo #careerlinks .top, #careerfacts .top, #casestudylinks .top {color: #4E497A;}
body.subjectinfo #careerlinks li.selected {background-color: #726CB1;}
body.subjectinfo #careerlinks li a {color: #726CB1;}
body.subjectinfo ul#pagelinks li {list-style-image: url(../../images/linkbullet-subjects.gif);}
body.subjectinfo #info h3 {color: #7D9325; border-bottom-color: #7D9325;}
body.subjectinfo #profilelink h4 a, body.subjectinfo #quizlink h4 a {color: #913D94;}
body.subjectinfo #careerslist h3 {color: #726CB1; border-bottom-color: #726CB1;}
#actionplanlinks a, #actionplanlinks .top {color: #48889C;}
#careerslist ul li a {color: #333333;}
#careerslist ul li a:hover {background-color: #726CB1;}
body.subjectinfo ul#pagelinks li a,
body.subjectinfo #media ul#mytabs li.selected, 
body.subjectinfo div.jobVideo a {color: #7D9325;}
body.subjectinfo div.jobVideo a {background-color: #F2F6E0;}
body.subjectinfo div.jobVideo a:hover {background-color: #C4D76F; color: white;}
body.subjectinfo div.jobVideo img {border-left: 3px solid black; border-right: 3px solid black;}


/*Career list page */
body.careerslist h3 {color: #726CB0;}
body.careerslist #industrylist ul {border-left: 2px solid #D4D2E7; border-right: 2px solid #D4D2E7; background-color: white;}
body.careerslist #careerslist ul {background-color: #D4D2E7;}
body.careerslist #industrylist ul li a {color: #726CB1;}
body.careerslist #industrylist, 
body.careerslist ul#mytabs, 
body.careerslist ul#mytabs li a, 
body.careerslist ul#mytabs li.selected {background-image: url(../../images/careerslisttabs.gif);}
body.careerslist ul#mytabs li a, body.careerslist ul#mytabs li.selected {color: #504B7D;}
body.careerslist #industrylist ul li a:hover, body.careerslist #industrylist ul li a.selected {
	text-decoration: none;
	background: #726CB1 url(../../images/industrylist-bg.gif) top right repeat-y;
}


/*Career info page */
body.careerinfo #casestudylinks li a,
body.careerinfo ul#pagelinks li a,
body.careerinfo #info h3,
body.careerinfo #media ul#mytabs li.selected {color: #726CB1;}
body.careerinfo #casestudylinks li.selected {background-color: #726CB1;}
body.careerinfo ul#pagelinks li {list-style-image: url(../../images/linkbullet-careers.gif);}
body.careerinfo #careerfacts.furthersteps div h4, div.jobVideo a {color: #726CB1;}
body.careerinfo div.jobVideo a {background-color: #F1F0F7;}
body.careerinfo div.jobVideo a:hover {background-color: #AAA7D0; color: white;}
#media ul#mytabs, #media ul#mytabs li a, #media ul#mytabs li.selected {background-image: url(../../images/mediaviewertabs.gif)}
#photoviewer {background-image: url(../../images/photoviewer-bg.gif);}
#videoviewer, #videoviewer h4, #videopreview, #videolist {background-image: url(../../images/mediaviewer-bg.gif);}
div.videoerror {background: url(../../images/videoerror-bg.png) top left no-repeat;}


/*Case study page*/
#info img.casestudy {
	background: url(../../images/image-casestudy-bg.png) top left no-repeat;
	margin-top: -9px;
	margin-left: -9px;
	padding: 23px;
}


/*Action plan page*/
body.actionplan div.furthersteps h2 a, body.actionplan #mylife a,
body.actionplan div.furthersteps h2 a:hover, body.actionplan #mylife a,
#mysubjectslist h2, 
#mycareerslist h2, 
#mylifelist h2, 
#mygoals h2 {background-image: url(../../images/icons.gif); background-repeat: no-repeat;}
body.actionplan fieldset {background: none;	border: none; padding: 0;}
#mygoalspanel {background: url(../../images/goalspanel-bg.gif) left bottom no-repeat;}
#mygoalspanel div h3, #mygoalspanel div h4 {background-color: #CFE8F0; border-bottom: 3px solid #9ED1E1;}
#mygoalspanel div h3 a, #mygoalspanel div h4 a {color: #333333;}
.goalsTable .targetDate, .goalsTable .createdDate {background-color: #EFF7FA;}
.goalsTable tr.completed td{border-color: #D2D2D2; color: #808080;}
.goalsTable tr.completed td.targetDate, .goalsTable tr.completed td.createdDate, #createdDate {background-color: #F2F2F2;}
#mygoals ul#mytabs {background: url(../../images/goalstabs-bg.gif) left top no-repeat;}
#mygoals ul#mytabs li a, #mygoals ul#mytabs li.selected {background-image: url(../../images/goalstabs.gif);}
#mysubjects a, #mysubjectslist h2, #mysubjectslist a, #mysubjectsPrint h2, #mygoalspanel p.subjectslink a {color: #7A9024}
#mycareers a, #mycareerslist h2, #mycareerslist a, #careerslink a, #mycareersPrint h2, #mygoalspanel p.careerslink a {color: #726CB1}
#mylife a, 
#mylifelist h2, #mylifelist .goalsTable th, 
#statementUpdate label, span.listTitle, 
#statementexamples h3, 
#statementUpdate #textcounter,
#mylifePrint h2, #mykeyskillsPrint h2, #mypltsPrint h2 {color: #581A5A}
#mygoals h2, #mygoals ul#mytabs li.selected, 
.goalsTable th, fieldset#goalUpdate label, 
#goalexamples h3, fieldset#goalUpdate 
#textcounter, #mygoalspanel p a {color: #498A9F}
body.actionplan #userdetailsPrint h2 {background-color: #FBECEA; background-image: none;}
#reorder, #reorderLink {background: url(../../images/btns-reorder.gif) left top no-repeat; padding: 2px 0 5px 35px;}
#reorder {cursor: pointer;}
.drag {background: url('../../images/drag-icon.gif') no-repeat 5px 10px; cursor: move;}
#mygoalspanel div h3.drag {padding-left: 25px;}
#mygoalspanel div h3.drag:hover {background-color: #9ED1E1; background-position: 5px -25px;}


/*Subject ideas & Careers ideas pages*/
#mysubjectslist, #mycareerslist, #mylifelist {background-color: white;}
#mysubjectslist h2, #mysubjectsPrint h2 {background-color: #F2F6E0;}
#mycareerslist h2, #mycareersPrint h2 {background-color: #EAE9F3;}
#mycareerslist ol, #mycareerslist ol li, #mycareerslist p {border-color: #726CB1;}
#mysubjectslist ol li a:hover, #mysubjects ol li a:hover {color: white; background-color: #7A9024;}
#mycareerslist ol li a:hover, #mycareers ol li a:hover {color: white; background-color: #726CB1;}
span.listbuttons a:hover {background-color: white !important;}


/*My life page*/
#mygoalspanel p.skillslink a, #examplelink a, #mylifelist .goalsTable th {color: #913D94;}
#mylifelist h2, #mylifePrint h2, #mykeyskillsPrint h2, #mypltsPrint h2 {background-color: #EFE2EF;}
#mylifelist th, #statementexamples, #statementText, #categoryText {background-color: #FAF5FA;}
#mylifelist .nestedGoalsTable {margin: 10px 0;}
#mylifelist .nestedGoalsTable td, #mylifelist .nestedGoalsTable th, #mylifelist a.manageGoals {color: #498A9F;}
#mylifelist .nestedGoalsTable td, #mylifelist .nestedGoalsTable th {border: 1px solid #9ED1E1;}
#mylifelist .nestedGoalsTable th {background-color: #EFF7FA;}
#mylifelist a.manageGoals {background: url(../../images/icons.gif) -18px -798px no-repeat;}


/*Goals update page*/
#mygoal h2 {background: url(../../images/fieldset-bg.gif) -800px top no-repeat;}
fieldset#goalUpdate .bottom {background: url(../../images/fieldset-bg.gif) -800px bottom no-repeat;}
#goalText, #timeText, #goalexamples {background-color: #EFF7FA;}


/*Statement update page*/
#statementexamples h4 {color: #913D94;}
#statementUpdate .top {background: url(../../images/fieldset-bg.gif) -1520px top no-repeat;}
#statementUpdate .bottom {background: url(../../images/fieldset-bg.gif) -1520px bottom no-repeat;}

/*Video icons*/
a.video{background: url(../../images/video-icon.gif) no-repeat 1px 2px;}
a.videos{background: url(../../images/video-icon.gif) no-repeat 1px -48px;}

a.video:hover {background-position: 1px -23px !important;}
a.videos:hover {background-position: 1px -73px !important;}

#subjectlist a.videos {background-position: 1px -148px !important;}
#subjectlist a.videos:hover {background-position: 1px -173px !important;}


/*Add/edit goals lightbox styles */
#simplemodal-container.simplemodal-container {width: 670px !important;}
#simplemodal-container a.modalCloseImg {
	background:url(../../images/x.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-12px;
	right:-10px;
	cursor:pointer;
}
div.simplemodal-wrap {width: auto !important; height: auto !important;}
#dialog_border {padding: 5px; background-color: #DFF0F5;}
#simplemodal-container #mygoal {margin: 0;}