/*Launchpad Layout layer of CSS*/


/*form elements*/
fieldset {
    padding: 15px;
    background-color: white;
    float: left;
    display: inline;
	border: 2px solid #9E361E;
}
fieldset legend {display: none;}
fieldset ol, fieldset ul, fieldset li {padding: 0; margin: 0; list-style: none inside;}
fieldset li {float: left; clear: left; width: 100%; position: relative; padding-bottom: 1em;}
fieldset label {float: left;}
fieldset label, fieldset input, fieldset textarea {padding: 2px; width: 140px;}
fieldset strong {color: #CD002B; display: block; float: left; padding-top: 0.5em;} 
fieldset img {position: absolute;}
input.submit, a.submit {
	background: #9F371E url(../../images/submit-bg.gif) top center no-repeat;
	border: 1px inset #9F371E;
	cursor: pointer;
	padding: 0.3em 0.8em;
    margin: 0;
	float: left;
	color: white !important;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
/*IE bug fix */
input.submit {
    width: auto !important;
    overflow: visible;
}
input.submit:hover, a.submit:hover {
    background: #9F371E url(../../images/submithover-bg.gif) bottom center no-repeat;
    border-style: outset;
}
a.cancel {margin-right: 20px; float: right; line-height: 2.5em;}
#formButtons, #longFormButtons {float: right;}
#formButtons input.submit {margin-right: 0;}


/*generic page elements*/
a#homeLink, a#printLink {
	text-align: right;
	padding: 6px 5px 6px 38px;
	line-height: 1.5em;
	background-repeat: no-repeat;
}
a#homeLink {
	position: absolute;
	right: 90px;
	top: 1px;
	background-position: 0 -8px;
}
a#homeLink:hover {background-position: -105px -8px;}
a#printLink {background-position: -15px -860px; line-height: 1.1em;}
a#printLink:hover {background-position: -15px -918px;}

div.furthersteps {width: 215px; margin-bottom: 20px;}
fieldset.furthersteps {padding: 0 !important; background-color: transparent; border: none;}
div.furthersteps .top, div.furthersteps .bottom {padding: 15px; margin-bottom: 0;}
fieldset.furthersteps .top, fieldset.furthersteps .bottom {padding: 20px; margin-bottom: 0;}
div.furthersteps .top, fieldset.furthersteps .top {
	background-position: top left; 
	background-repeat: no-repeat;
	padding-bottom: 5px !important;
}
div.furthersteps .bottom, fieldset.furthersteps .bottom {
	background-position: bottom left; 
	background-repeat: no-repeat; 
	padding-top: 0;
	min-height: 40px;
}
div.furthersteps ul.bottom {
	list-style-type: none; 
	padding-left: 0; 
	padding-right: 0;
}
div.furthersteps ul.bottom li {
	padding: 0.2em 15px; 
	margin-bottom: 0.3em;
	margin-right: 5px;
}
p#backlink {
	position: absolute; 
	left: 520px; 
	top: 0; 
	width: 215px;
}
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 {
	display: block;
	padding: 10px 0 10px 15px;
	background-repeat: no-repeat;
}

/*Logoutbar graphics*/
body.login #logoutbar, 
body.terms #logoutbar, 
body.legal #logoutbar, 
body.intropage #logoutbar {background-position: center -120px;}


/*Pagetitle graphics and styles*/
body.hint #pagetitle, 
body.skillsquiz #pagetitle, 
body.skillsprofile #pagetitle,
body.subjectprofile #pagetitle {
	background-position: -10px -100px !important;
}
body.subjectlist #pagetitle, body.subjectinfo #pagetitle {
	background-position: -10px -200px !important;
}
body.careerslist #pagetitle, body.careerinfo #pagetitle {
	background-position: -10px -300px !important;
}
body.actionplan #pagetitle {
	background-position: -10px -400px !important;
}


/*Page content bg graphics and styles*/
#content {background-position: -10px 0; background-repeat: no-repeat;}
body.hint #content, 
body.skillsquiz #content,
body.skillsprofile #content, 
body.subjectprofile #content {
	background-position: -790px 0;
}
body.subjectlist #content {background-position: -1570px 0;}
body.subjectinfo #content {background-position: -2350px 0;}
body.careerslist #content {background-position: -3910px 0;}
body.careerinfo #content {background-position: -3130px 0;}
body.actionplan #content {background-position: -4690px 0;}

body.home #content {padding-top: 20px; margin-bottom:-20px;}
body.hint #content {min-height: 290px; padding: 0 45px;}
body.login #content, body.terms #content, body.subjectlist #content, body.careerslist #content {padding: 0 50px;}


/*Footer graphics*/
body.intropage #footer {background-position: center -70px;}
body.home #footer {background-position: center -140px;}


/*Page Specific Styles*/

/*Login pages*/
p#welcometext {margin-bottom: 1.5em;}
fieldset.furthersteps .bottom {float: left;}
#userlogin, #customerlogin {width: 295px; margin-bottom: 10px;}
#userlogin label, #customerlogin label {width: 120px;}
#userlogin input, #customerlogin input {width: 120px;}
#customerlogin {float: right;}
#userdetails {float: right; width: 340px; margin-bottom: 30px;}
#userdetails .top {background-position: -400px top; padding-bottom: 1em !important;}
#userdetails .bottom {background-position: -400px bottom;}
#userdetailscontent, #wblogincontent {width: 280px; float: left;}
#wblogin {float: right; width: 300px; padding: 20px 15px;}
#managerlink {clear: both;}
body.login fieldset li input {float: right;}
span.pwdtxtsml {display: block;}
p#emailtxtsml {margin-bottom: 0;}
body.login #content h2 {padding-bottom: 0.3em;}
#wblogin p {clear: both; margin: 0; padding-top: 1em;}
#wblogincontent ol {margin-bottom: 0;}


/*Terms and Conditions page*/
body.terms fieldset {float: none;}
body.terms fieldset label {font-weight: bolder; width: auto; float: left;}
body.terms fieldset strong {clear: left;}
body.terms fieldset p {padding-top: 10px; width: 640px; clear: both;}
body.terms fieldset input.checkbox {float: left; margin: 0 10px 0 0; width: auto;}
 
 
/*Welcome page*/
body.intropage h1 {position: absolute; top: 45px; right: 30px; text-align: right; font-size: 190%;}
body.intropage #content {background-position: bottom;}


/*Home page*/
body.home #pagetitle {min-height: 39px;}
body.home #content {height: 445px;}
/*body.home #content a {padding-top: 0.2em;}*/
#skillsButton, #pltsButton, #subjectsButton, #careersButton, #actionPlanButton {
	height: 118px;
	width: 120px;
	background-repeat: no-repeat;
	background-position: top left;
	padding: 42px 120px 0 20px;
	position: absolute;
}
#skillsButton {left: 50px;}
#pltsButton {left: 470px;}
#subjectsButton {background-position: -270px top; left: 50px; top: 300px;}
#careersButton {background-position: -540px top; left: 470px; top: 300px;}
#actionPlanButton {background-position: -810px top; left: 270px; top: 165px; width: 145px; padding-right: 100px;}
#subjectsButton p {width: 110px;}


/*Skills quiz hint page*/
body.hint #content ul {width: 320px;}
body.hint #content p {padding: 0.5em 0 1em; margin: 0;}


/*Skills quiz page*/
body.skillsquiz h2, body.skillsquiz h3 {padding-left: 25px; padding-right: 25px;}
body.skillsquiz h2 {padding-bottom: 0.5em;}
body.skillsquiz h3 {padding-bottom: 1em;}
ul#quizanswers {list-style-type: none; padding: 0!important; margin: 0 0 0 15px!important;}
ul#quizanswers li {padding: 0!important; float: left;}
ul#quizanswers a {
	display: block;
	width: 230px;
	height: 100px;
	margin: 0 10px 20px 0;
	padding: 30px 30px 15px 65px;
	background-repeat: no-repeat;
}
ul#quizanswers a#option1 {background-position: 0 0;}
ul#quizanswers a#option2 {background-position: -335px 0;}
ul#quizanswers a#option3 {background-position: 0 -145px;}
ul#quizanswers a#option4 {background-position: -335px -145px;}
#reviewanswers {margin: 0.5em 25px; padding-bottom: 1em;}
#reviewanswers h3, #reviewanswers ul {padding: 0.5em 0;}
#reviewanswers h3 {padding-top: 1em;}
#reviewanswers ul {list-style-type: none; margin: 0; padding-bottom: 1em;}
#reviewanswers ul li {padding-bottom: 0.5em; position: relative;}
#reviewanswers ul li input {margin: 0;}
#reviewanswers ul li label {display: block; margin: -18px 0 5px 25px;}
#reviewanswers #formButtons {margin-top: 1.5em; float: none;}
#reviewanswers #formButtons input, #reviewanswers #formButtons a  {float: left !important;}
#reviewanswers #formButtons input {margin-right: 20px;}


/*Skills profile page*/
body.skillsprofile div.floatL, body.subjectprofile div.floatL {width: 500px;}
body.skillsprofile #introtext, body.subjectprofile #introtext {margin-bottom: 2em;}
table.profileTable {width: 500px; margin-top: 1em;}
.col2, .col3, .col4, .center {text-align: center;}
table.profileTable th {vertical-align: middle; padding: 10px 0;}
table.profileTable thead th {padding-right: 10px;}
table.profileTable th.col1 {padding-left: 10px;}
table.profileTable tbody th {padding-bottom: 5px;}
table.profileTable td {padding: 5px 0}
table#skillsProfileTd td.col1 {padding-left: 25px; background-repeat: no-repeat; background-position: 10px 10px;}
/*body.skillsprofile .col2 {width: 85px;}
body.skillsprofile .col3 {width: 50px;}*/
body.skillsprofile table#skillsProfileTd th.col3, body.skillsprofile table#skillsProfileTd td.col3 {padding: 5px;}
a.addskill, a.removeskill {font-size: 13px;}
img.subSkill {height: 18px; padding-left: 25px;}

body.skillsprofile div.furthersteps, 
body.subjectprofile div.furthersteps, 
body.actionplan #subjectslink,
body.actionplan #careerslink,
#examplelink {
	width: 175px; float: right; clear: right; margin-bottom: 20px;
}
body.skillsprofile div.furthersteps p, body.subjectprofile div.furthersteps p, #examplelink p {margin-bottom: 0.5em;}
body.skillsprofile div.furthersteps .top {padding-top: 25px;}
#subjectslink .top {background-position: -210px top; padding-right: 45px;}
#subjectslink .bottom {background-position: -210px bottom;}
#actionplanlink .top {background-position: -640px top; padding-right: 45px;}
#actionplanlink .bottom {background-position: -640px bottom;}
#reviewanswerslink h4 {padding-bottom: 5px; padding-right: 30px;}
#skillsKey, #subjectSkillsKey {margin: 0; padding: 10px;}
#skillsKey h4 {padding-bottom: 7px;}
#skillsKey p, #subjectSkillsKey p {display: inline; margin-bottom: 0; padding-top: 10px; padding-right: 2em;}
#skillsKey p.last, #subjectSkillsKey p.last {padding-right: 0;}
#skillsKey img, #subjectSkillsKey img {height: 18px; padding: 0 5px 0 0; vertical-align: middle; }


/*Plts profile page*/
#radar {width: 490px; padding: 10px 0 0 10px; margin-top: 10px; margin-bottom: 2em; background-color: white; }
#my_chart {padding-right: 10px;}
#pltsProfileTd {margin-bottom: 1.5em;}
#pltsProfileTd td.col1 {padding-left: 10px;}
#pltsProfileTd td {vertical-align: middle;}


/*Subject skills profile page */
body.subjectprofile table#skillsProfileTd {width: 100%;}
/*body.subjectprofile .col2, body.subjectprofile .col3 {width: 95px;}
body.subjectprofile .col4 {width: 60px;}*/
body.subjectprofile div.furthersteps, 
body.actionplan #subjectslink, 
body.actionplan #careerslink {height: 85px; background-repeat: no-repeat;}
#subjectslink {background-position: -425px top;}
body.subjectprofile #actionplanlink {background-position: -425px -160px; margin-bottom: 0;}
body.subjectprofile #subjectslink h4, body.subjectprofile #actionplanlink h4 {padding: 25px 50px 0 15px;}
body.subjectprofile h2 {padding-top: 5px;}
body.subjectprofile p#backlink {left: 560px; padding-top: 8px;}
#subjectSkillsKey div {padding-top: 7px;}


/*Subject & Career list pages*/
#subjectlist, #careerslist, #industrylist, #info {float: left; width: 450px;}
#subjectlist ul, #careerslist ul, #industrylist ul {list-style-type: none; padding-left: 0;}
#subjectlist ul li, #careerslist ul li, #industrylist ul li {padding-bottom: 0.3em; position: relative;}
#subjectlist ul li a, #careerslist ul li a, #industrylist ul li a {display: block; padding: 0.2em 0 0.2em 15px; width: 435px;}
body.subjectlist #introtext, body.careerslist #introtext {padding-bottom: 1em; width: 500px;}
body.subjectlist #subjectlist ul li a, body.careerslist #careerslist ul li a {padding-left: 25px;}


/*Career list page*/
body.careerslist ul#mytabs {width: 340px; height: 40px; background-position: -960px bottom;}
body.careerslist ul#mytabs li:first-child {margin-right: 40px;}
body.careerslist ul#mytabs li a, body.careerslist ul#mytabs li.selected {width: 110px; padding: 0 20px; height: 40px; line-height: 40px;}
body.careerslist ul#mytabs li.selected {background-position: -400px top;}
body.careerslist ul#mytabs li a:hover {background-position: -200px top;}
body.careerslist ul {padding-top: 10px; margin-bottom: 0;}
body.careerslist h3 {padding: 0 0 5px 20px;}
body.careerslist #industrylist {width: 340px; clear: left; background-position: -590px bottom; padding-bottom: 20px;}
body.careerslist #careerslist {width: 320px; margin-top: -28px;}
body.careerslist #careerslist ul {min-height: 46em; padding-bottom: 10px; padding-top: 12px;}
body.careerslist #careerslist ul li a {width: 295px;}
body.careerslist #careerslist.a2z ul {min-height: 49em;}
body.careerslist #industrylist ul li a {width: 323px;}


/*Subject & Career info pages*/
body.subjectinfo div.furthersteps, body.careerinfo  div.furthersteps {float: right; clear: right;}
#info {padding-bottom: 1em;}
body.subjectinfo h2, body.careerinfo h2, body.skillsprofile h2, body.subjectprofile h2 {
	padding-bottom: 0.3em;
	margin-bottom: 1em;
}
body.subjectinfo h2, body.careerinfo h2, body.subjectprofile h2 {padding-right: 250px;}
#info h4 {padding-bottom: 0.5em;}
ul#pagelinks {width: 200px; float: right; margin-bottom: 5px;}
#careerfacts {margin-bottom: 20px;}
#careerfacts img {vertical-align: middle; padding-right: 5px;}
#careerfacts img.crci {height: 30px;}
#careerfacts img.qualicon {float: left;}
#careerfacts span.crcitype {display: block; margin: -25px 0 10px 60px; min-height: 30px;}
#media {margin-bottom: 1em; width: 460px;}
#media ul#mytabs {
	float: none;
	position: relative;
	display: block;
	height: 40px;
	background-position: right top;
	background-repeat: no-repeat;
}
body.subjectinfo #media ul#mytabs {background-position: right -130px;}
#media ul#mytabs li {position: absolute;}
#media ul#mytabs li#tab1 {left: 5px;}
#media ul#mytabs li#tab2 {left: 135px;}
#media ul#mytabs li a, #media ul#mytabs li.selected {width: 105px; height: 20px; padding-bottom: 2px; padding-top: 18px;}
#media ul#mytabs li a:hover {background-position: -175px 0;}
#media ul#mytabs li.selected {background-position: -350px 0;}
body.subjectinfo #media ul#mytabs li.selected {background-position: -350px -130px;}
#photoviewer {
	position: relative; 
	height: 300px;
	background-position: left top;
	background-repeat: no-repeat;
}
#photoviewer.withTab {background-position: -540px 0;}
#photoviewer p.photocaption, #photoviewer img.largethumb {position: absolute;}
#photoviewer img.largethumb {width: 320px; height: 240px; padding: 14px;}
#videoviewer, #videoviewer h4, #videopreview, #videolist {background-repeat: no-repeat;}
#videoviewer {background-position: left bottom;}
body.subjectinfo #videoviewer {background-position: -1020px bottom;}
#videoviewer h4 {background-position: -550px top; padding: 12px 90px 0 14px;}
body.subjectinfo #videoviewer h4 {background-position: -1570px top;}
#videopreview, #videolist {background-position: -550px bottom;}
body.subjectinfo #videopreview, body.subjectinfo #videolist {background-position: -1570px 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; float: left;}
div.jobVideo a {display: block; padding: 5px 10px; width: 347px; height: 65px;}
div.jobVideo a span {
	display: block;
	padding-top: 20px;
}
#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: 100px;}
#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;}
div.infosection {margin-bottom: 1em; padding-bottom: 0.5em;}
a.showlink, a.hidelink {background-position: left 3px; background-repeat: no-repeat; padding-left: 15px;}
a.hidelink {background-position: left -16px;}
ul.liststyle2 li {margin-top: 1em;}
ul#contacts li, ul#crciinfo li, ul#clciinfo li, ul#resources li {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;}


/*Subject info page*/
body.subjectinfo div.furthersteps .top, #actionplanlinks.furthersteps .top {padding-top: 25px; padding-right: 45px;}
#profilelink.furthersteps .top, #quizlink.furthersteps .top {background-position: -480px top;}
#profilelink.furthersteps .bottom, #quizlink.furthersteps .bottom {background-position: -480px bottom;}
#actionplanlinks.furthersteps .top {background-position: -720px top;}
#actionplanlinks.furthersteps .bottom {background-position: -720px bottom;}


/*Case study page*/
#info.casestudy {float: none !important;}
#info img.casestudy {margin-bottom: 1em;}


/*Action plan page*/
a#printLink.positionRight {position: absolute; top: 0; right: 60px;}
body.actionplan div.furthersteps {margin: 0; width: 210px; float: left;}
body.actionplan div.furthersteps .top {padding: 0;}
#mylife h2 {padding-bottom: 5px;}
#mylife a {padding: 15px 0 10px 55px;}
#mylife p {padding-left: 55px;}
#mysubjects .bottom, #mycareers .bottom, #myextra .bottom {min-height: 80px;}
#mysubjects, #mycareers {padding-right: 35px;}
#mysubjects li, #mycareers li {padding-bottom: 0.3em;}
#mysubjects p, #mycareers p, #mysubjects ol, #mycareers ol, #myextra p {margin-bottom: 0; padding-bottom: 0.5em;}
#mysubjects .top {background-position: -240px top;}
#mysubjects .bottom {background-position: -240px bottom;}
#mysubjects a {background-position: 0 -125px;}
#mysubjects a:hover {background-position: 0 -185px;}
#mycareers a {background-position: 0 -245px;}
#mycareers a:hover {background-position: 0 -305px;}
#myextra {margin-right: 0;}
#myextra .top {background-position: -480px top;}
#myextra .bottom {background-position: -480px bottom;}
#mylife a {background-position: 0 -485px;}
#mylife a:hover {background-position: 0 -545px;}
#mySkills a {padding: 0.5em 0 0 0; background: none !important;}
#mygoals {clear: left; padding-top: 10px; margin: 0;}
#mygoals h2 {background-position: 0 -730px; padding: 8px 0 10px 55px;}
#mygoals ul#mytabs {width: 710px; padding: 0;}
#mygoals ul#mytabs li {margin-left: 5px;}
#mygoals ul#mytabs li a, #mygoals ul#mytabs li.selected {width: 115px; padding: 18px 0 10px 15px;}
#mygoals ul#mytabs li a:hover {background-position: -200px top;}
#mygoals ul#mytabs li.selected {background-position: -400px top;}
#mygoalspanel {position: relative;	 float: left; width: 706px; padding: 0 2px 20px 2px;}
#mygoalspanel div {width: 706px;}
#mygoalspanel h3, #mygoalspanel h4, #mylifelist h3, body.actionplan #printContent h3, body.actionplan #printContent h4 {padding: 0.5em 0 0.5em 15px;}
#mygoalspanel div.mysubskilledit h4, body.actionplan #mykeyskillsPrint h4 {padding-left: 30px; background-repeat: no-repeat; background-position: 15px 14px;}
#mygoalspanel p {padding: 15px 0 0 15px; margin-bottom: 0;} 
.goalsTable {width: 100%;}
.goalsTable td, .goalsTable th {padding: 8px;}
.goalsTable .createdDate, .goalsTable .mystatement {padding-left: 15px !important;}
.goalsTable .goalText {width: 50%;}
.goalsTable .targetDate, .goalsTable .createdDate {width: 15%;}
.goalsTable .actions {width: 10%;}
.goalsTable .targetDate, .goalsTable .createdDate {margin-left: 2px;}
.goalsTable tr.completed td {padding: 5px 8px;}
input.addBtn, input.editBtn, input.deleteBtn {
	width: auto;
	border: none !important;
	cursor: pointer;
	padding: 2px 0 1px 22px;
	margin: 0;
	float: left;
	text-align: left;}
td.actions input {text-indent: -999px; width: 20px;}
input.editBtn {margin-right: 10px;}
input.addBtn {margin: 10px 15px; float: none;}
fieldset#mysubjectedit, fieldset#mycareeredit {padding-top: 15px;}
#mygoalspanel p.skillslink {padding-bottom: 15px;}
#mygoalspanel p.subjectslink, #mygoalspanel p.careerslink {float: left;}
#reorder, #reorderLink {position: absolute;	right: 0; top: 0; text-align: right; margin: 15px 15px 0 10px;}
#loading {position: absolute; right: 10px; font-size: 12px;	margin-right: 10px;	padding: 3px 5px;}
span.deleteSubjectIdea img {cursor: pointer;}



/*Goals & statements update pages*/
body.actionplan #introtext {padding: 0 0 1em 25px; width: 550px;}
#mygoal, #mystatement {margin: 0 25px; width: 660px;}
fieldset.updateForm {width: 660px !important; float: none;}
#statementUpdate .top {padding-top: 20px;}
fieldset.updateForm ul {float: left; width: 630px;}
#mygoal h2, #error p, fieldset.updateForm p, fieldset.updateForm ul li {padding: 10px 15px; margin: 0;}
fieldset.updateForm label, fieldset.updateForm input, fieldset.updateForm textarea {margin-bottom: 0;}
fieldset.updateForm label, span.listTitle {width: 135px; margin-right: 5px;}
span.listTitle {float: left;}
fieldset.updateForm input {width: 100px;}
fieldset.updateForm ul input, fieldset.updateForm ul textarea {padding: 5px;}
#goalText, #statementText {width: 440px;}
#categoryText  {width: 200px;}
fieldset.updateForm input {margin-right: 20px; float: none !important;}
fieldset.updateForm input.checkbox {width: auto !important;}
fieldset.updateForm #formbuttons {clear: left; padding: 10px 0 20px 155px;}
span.pwdtxtsml {display: block;}
#error, #error strong {padding: 1em;}
#error strong {float: none;}
#goalexamples, #statementexamples, body.actionplan #glossary {margin: 25px; width: auto;}
#goalexamples, #statementexamples {padding: 1em 1em 0 1em;}
body.actionplan #glossary, body.skillsprofile #glossary {float: left;}
#linkedSkills {width: auto;}
#linkedSkills li {padding: 0 0 0.5em; border: none;}
#linkedSkills label {float: none;}
#linkedSkills input {margin-right: 10px;}


/*Subject ideas, Careeers ideas & My life pages*/
body.actionplan #introtext.ideaspage {padding-right: 0; width: 475px; float: left;}
body.actionplan #subjectslink, body.actionplan #careerslink, #examplelink {margin-top: 15px;}
body.actionplan #subjectslink a, body.actionplan #careerslink a {margin: 25px 50px 0 15px; float: left;}
#careerslink {background-position: -425px -330px;}
#examplelink .top {padding: 25px 20px 5px 15px; background-position: -860px top;}
#examplelink .bottom {height: auto;}
#mysubjectslist, #mycareerslist, #mylifelist {position: relative; clear: both;}
#mysubjectslist h2, #mycareerslist h2, #mylifelist h2 {padding: 10px 15px 10px 65px; background-position: 5px -130px;}
#mycareerslist h2, #mycareersPrint h2 {background-position: 5px -250px;}
p#actionplanlink {position: absolute; top: 0; right: 0; padding: 12px 10px 10px 10px; margin: 0; border: none !important;}
#mysubjectslist ol, #mycareerslist ol {list-style-position: inside; padding-left: 0; margin: 0;}
#mysubjectslist ol li, #mycareerslist ol li, #mysubjectslist p, #mycareerslist p, #mylifelist p {padding: 10px 15px; margin-bottom: 0 !important;}
#mylifelist p {padding-bottom: 0;}
#mysubjectslist ol li, #mycareerslist ol li {position: relative;}
#mysubjectslist ol li a, #mysubjects ol li a, #mycareers ol li a, #mycareerslist ol li a {padding: 0.1em 0.2em;}
#mysubjectslist ol li span.listbuttons a, #mycareerslist ol li span.listbuttons a {padding: 0;}
span.listbuttons {position: absolute; right: 10px;}
span.listbuttons img {padding-right: 5px;}
#mycareerslist ol li {padding: 5px 15px;}
#mycareerslist img.crci, #mycareerslist img.salary {height: 31px; vertical-align: middle; margin-right: 5px;}
#mycareerslist a.career {margin-right: 10px;}
#mycareerslist span.listbuttons img {padding-top: 0.4em;}
span.salaryInfo {margin-right: 10px;}


/*My life page*/
#mylifelist, #mylifelist fieldset {float: left; width: 710px;}
#mylifelist h2, #mylifePrint h2 {background-position: 5px -487px;}
#mylifelist h3 {padding-top: 1em;}
#mylifelist ul, #mylifelist li {list-style: disc inside !important; padding-bottom: 0.5em;}
.goalsTable .mystatement {width: 60%;}
.goalsTable .lifeskills {width: 30%;}
.nestedGoalsTable {width: 100%;}
#mylifelist a.manageGoals {line-height: 2em; padding: 5px 0 5px 30px;}
td.mystatement input.addBtn {margin: 0;}


/*Action plan print page*/
#introtext.noprint {float: left;}
#introtext.noprint #actionplanlink {position: relative;	padding: 0 0 1em 0;}
#printContent {clear: both;} 
#printContent h2 {padding: 10px 15px;}
body.actionplan #printContent div {margin-bottom: 2em;}
body.actionplan #printContent #nogoals {margin: 0;}
#mysubjectsPrint p, #mycareersPrint p, #mykeyskillsPrint p, #mylifePrint p, #mypltsPrint p {padding: 10px 15px; margin: 0;}
#nogoals p {padding-top: 0;}
#userdetailsPrint h2, #userdetailsPrint p {padding-left: 15px;}
#userdetailsPrint h2 {margin-bottom: 0.5em;}
#mykeyskillsPrint h2 {background-position: 5px -370px;}
#mylifePrint h3 {border: none !important;}


/*Glossary*/
#glossary {
	clear: both;
	width: 460px;
    margin-top: 1.5em;
    margin-bottom: 1em;
	background: bottom repeat-x;}
#glossary div {padding: 10px 10px 5px 10px;}
#glossary h3 {padding: 5px 10px;}
#glossary dl {list-style-type: none; margin: 0; padding: 0;}
#glossary dl dt {padding-bottom: 0.2em;}
#glossary dl dd {margin-bottom: 10px;}
#glossary p {margin-bottom: 0.7em; font-size: 95%;}
body.skillsprofile #glossary {width: 500px;}


/*Text Counter*/
#textcounter {
	font-family: georgia;
	font-size: 130%;
	position: absolute;
	right: 10px;
}
#textcounter.error {color: #D64628;}