/* #########################################
   #    Consider Creative Limited, 2005    #
   # W3C - CSS Level 2, CSS2 Specification #
   #   http://jigsaw.w3.org/css-validator  #
   ######################################### */


/***************************************************
Website colours: white and black
	
***************************************************/

/***************************************************
				Generics
***************************************************/
body, #outer {
	margin-left: auto;
	margin-bottom: 0;
	margin-right: auto;
	margin-top: 0;
}

body {
	font-size: 10pt;
	font-weight: normal;
}

body, textarea, select, option, input {
	font-family: Verdana,Arial,Helvetica,sans-serif;
}
body.printcontent, img, #header, .jobtitle_img, #navigation, #subnav, #footer, #sidepanel, .buttoncontainer, #printbar, #buttonad, .editjobs_menu, .titlecontainer, ul.hrdoc_menu {
	 display: none;
}

***************************************************/
#flash {
	position: relative;
	height: 203pt;
	margin: 0pt 0pt 10pt 0pt;
	padding: 0pt;
}
#introtxt {
	position: relative;
	float: left;
	margin: 0 10pt 0 10pt;
}
#introtxt h2 {
	margin: 0;
	padding: 0;
	font-size: 110%;
	color: #555555;
}
#introtxt p {
	margin: 0pt 20pt 10pt 0pt;
	color: #999999;
}
#introtxt p strong {
	color: #555555;
}

/***************************************************
				Content
***************************************************/
#content, #content16 {
	position: relative;
	float: left;
	width: 350pt;
	margin: 0 15pt 0 0;
	border: 0;
	/*border: 1pt solid #e8e8e8;*/
}
#content h2, #content16 h2 {
	margin: 0 0 10pt 0;
	padding: 0;
	font-size: 160%;
}
#content h3, #content16 h3 {
	margin: 0 0 10pt 0;
	padding: 0;
	font-size: 120%;
}
#content16 p {
	color: #999999;
	margin: 0 15pt 10pt 0;
}
#content a, #content16 a {
	text-decoration: none;
	color: #666666;
}
#content16 a:hover {
	text-decoration: underline;
	color: #666666;
}

#content16 p strong, p.intro {
	/* color: #511782; */
	font-size: 110%;
}
#content16 ul li {
	color: #999999;
	margin: 0;
}

#content16 ol li {
	color: #999999;
	margin: 0;
}
/* generic */
#content h2, #content h3, #content h4, #content .label {
	color: #555555;
}

/* employers */
#content16 h2, #content16 h3, #content16 h4, #content16 .label, #content16 p strong {
	color: #6699cc;
}
#content16 p.intro strong{
}
.label {
	font-weight: bold;
}
/***************************************************
				Lists
***************************************************/
/* styles for back and forward */
p.backforward {
	min-height: 10pt;
	width: 330pt;
	text-align: center;
	margin-bottom: 10pt;
}
p.backforward .list {
	position: relative;
	float: left;
}
p.backforward .back {
	position: relative;
	float: left;
}
p.backforward .next {
	position: relative;
	float: right;
}

/* styles for boxes in list */
.itemdark {
	margin-bottom: 10pt;
	background: #ebebeb;
}
.listitemdark {
	margin: 0;
	border: 0pt;
	padding: 0pt 10pt 0pt 10pt;
	color: #999999;
	background: #ebebeb;
}
.listitemlight {
	margin: 0;
	padding: 0pt 10pt 0pt 10pt;
	color: #999999;
	background: #f4f4f4;
}
.listitemdark .image, .listitemlight .image {
	position: relative;
	float: left;
}
.listitemdark .text, .listitemlight .text {
	position: relative;
	float: right;
}
.itemlight {
	margin-bottom: 10pt;
	background: #f4f4f4;
}
.listitemdark h3, .listitemlight h3 {
	font-size: 120%;
	margin: 0t 10pt 0;
	padding: 0pt;
}
p.readmore {
	margin: 0;
	padding: 0;
	text-align: right;
}
p.readmore img {
	margin: 0 0 0 10pt;
	vertical-align: middle;
}
p.links a {
	text-decoration: none;
}
p.links a:hover {
	text-decoration: underline;
}
a.readmore {
	text-decoration: none;
	font-weight: bold;
}
a.readmore:hover {
	text-decoration: underline;
	font-weight: bold;
}

.listitemdark img.people, .listitemlight img.people {
	width: 120pt;
	height: 120pt;
	margin: 0pt 10pt 0pt 0pt;
}
.listitemdark p.topmargin, .listitemlight p.topmargin {
	margin: 10;
	padding: 0pt;
}
img.top {
	margin: 0;
	padding: 0pt;
}
img.bottom {
	vertical-align: bottom;
	margin: 0;
	padding: 0pt;
}
img.acrobat {
	vertical-align: bottom;
	margin: 0;
}
.alignleft {
	float: left;
	margin: 0;
	padding: 0;
}
/***************************************************
				Lists
***************************************************/
#dropdown14 {
	width: 248pt;
	height: 30pt;
	margin: 0pt 0pt 10pt 0pt;
	background: url(../images/common/individual_drop.gif) top left no-repeat;
	padding: 12pt 0pt 5pt 100pt;
}
#dropdown15 {
	width: 248pt;
	height: 30pt;
	margin: 0pt 0pt 10pt 0pt;
	background: url(../images/common/adviser_drop.gif) top left no-repeat;
	padding: 12pt 0pt 5pt 100pt;
}
#dropdown16 {
	width: 248pt;
	height: 30pt;
	margin: 0pt 0pt 10pt 0pt;
	background: url(../images/common/employer_drop.gif) top left no-repeat;
	padding: 12pt 0pt 5pt 100pt;
}
#dropdown14 form, #dropdown15 form, #dropdown16 form {
	margin: 0pt;
	padding: 0pt;
}
#dropdown14 select, #dropdown15 select, #dropdown16 select {
	height: 15pt;
	width: 200pt;
	font-size: 92%;
	margin: 0pt;
	border: 1pt solid #ffffff;
	padding: 0pt;
}
#dropdown14 .submit, #dropdown15 .submit, #dropdown16 .submit {
	vertical-align: bottom;
	margin: 0;
	padding: 0pt;
}
/***************************************************
				Career planner
***************************************************/
#careerplanner ol {
	margin: 0pt 0pt 0pt 22pt;
	padding: 0;
}
#careerplanner select, #careerplanner #qualification_inactive select, #careerplanner #qualification select, #careerplanner #qualification_complete select {
	height: 15pt;
	width: 200pt;
	font-size: 100%;
	margin: 0pt;
	border: 1pt solid #ffffff;
	padding: 0pt;
}
/* now get backgrounds for the select */
#careerplanner #jobrolelevel {
	width: 251pt;
	height: 36pt;
	background: url(../images/common/step_one_active.gif) top left no-repeat;
	padding: 40pt 0pt 0pt 95pt;
}
#careerplanner #jobrolelevel_complete {
	width: 251pt;
	height: 36pt;
	background: url(../images/common/step_one_complete.gif) top left no-repeat;
	padding: 40pt 0pt 0pt 95pt;
}
#careerplanner #qualification_inactive {
	width: 330pt;
	height: 36pt;
	background: url(../images/common/step_two_inactive.gif) top left no-repeat;
	padding: 40pt 0pt 0pt 20pt;
}
#careerplanner #qualification {
	width: 330pt;
	height: 36pt;
	background: url(../images/common/step_two_active.gif) top left no-repeat;
	padding: 40pt 0pt 0pt 20pt;
}
#careerplanner #qualification_complete {
	width: 330pt;
	height: 36pt;
	background: url(../images/common/step_two_complete.gif) top left no-repeat;
	padding: 40pt 0pt 0pt 20pt;
}
#careerplanner #learningoption_inactive {
	width: 251pt;
	height: 36pt;
	background: url(../images/common/step_three_inactive.gif) top left no-repeat;
	padding: 40pt 0pt 0pt 95pt;
}
#careerplanner #learningoption {
	width: 251pt;
	height: 36pt;
	background: url(../images/common/step_three_active.gif) top left no-repeat;
	padding: 40pt 0pt 0pt 95pt;
}

#careerplanner #results {
	width: 321pt;
	height: 234pt;
	background: url(../images/common/careerp_bkg.gif) top left no-repeat;
	padding: 10pt 10pt 10pt 10pt;
}
#careerplanner #results ul {
	margin: 20pt 0pt 35pt 42pt;
}
#careerplanner #results ul li {
	list-style-type: none;
	margin: 0pt 0pt 25pt 5pt;
	padding: 0;
	font-weight: bold;
}
#careerplanner #results h3 {
	margin: 10pt 0pt 5pt 10pt;
}
#careerplanner #results ol {
	margin: 5pt 0pt 0pt 30pt;
}
#careerplanner #results ol li {
	list-style-type: disc;
	margin: 0;
	padding: 0;
	color: #999999;
	font-weight: normal;
}
#careerplanner img.startagain {
	margin: 0pt 0pt 0pt 20pt;
}
/***************************************************
				Real people
***************************************************/
#realpeopledetail {
	width: 330pt;
	height: 100pt;
	margin: 0pt 0pt 10pt 0pt;
}
#realpeopledetail img {
	margin: 0pt 10pt 0pt 0pt;
}
#realpeopledetail .bottom {
	margin: 25pt 0pt 0pt 0pt;
	text-align: left;
}
/***************************************************
				Job profiles
***************************************************/
#profilepanel {
	width: 350pt;
	height: 100pt;
	margin: 0pt 0pt 15pt 0pt;
	/*border: 1pt dotted #cccccc;*/
	padding: 0;

}
#profiledetails {
	position: relative;
	float: left;
	width: 165pt;
	min-height: 170pt;
	margin: 0pt 10pt 5pt 0pt;
	/*border: 1pt dotted #cccccc;*/
	padding: 0;

}
#profiledetails .bottom {
	margin: 70;
	text-align: left;
}
#profiledetails .bottom img {
	margin: 0;
	text-align: left;
}
#anchorpoints {
	position: relative;
	float: right;
	width: 173pt;
	min-height: 165pt;
	margin: 0pt 0pt 10pt 0pt;
	/*border: 1pt dotted #cccccc;*/
	padding: 0;
	background-color: #e8e8e8;
}
#anchorpoints table {
	width: 153pt;
	background-color: #e8e8e8;
	margin: 0pt 10pt 0pt 10pt;
}
#anchorpoints table td {
	height: 15pt;
	margin: 0;
	border-bottom: 1pt solid #ffffff;
	padding: 3pt 0pt 3pt 0pt;
	background-color: #e8e8e8;
	text-align: left;
}
#anchorpoints table td.bottom {
	border-bottom: 0pt;
}
#anchorpoints table td a {
	text-decoration: none;
	font-weight: bold;
}
#anchorpoints table td a:hover {
	text-decoration: underline;
	font-weight: bold;
}
#content14 #anchorpoints table td a, #content14 #anchorpoints table td a:hover {
	color: #cc0033;
}
#content15 #anchorpoints table td a, #content15 #anchorpoints table td a:hover {
	color: #99cc00;
}
#content16 #anchorpoints table td a, #content16 #anchorpoints table td a:hover {
	color: #6699cc;
}
#anchorpoints img.bottom {
	vertical-align: bottom;
}
/***************************************************
				Contact form
***************************************************/
form.contact {
	margin: 10pt 0pt 15pt 0pt;
	width: 340pt;
	/*border: 1pt dotted #e8e8e8;*/
}
body.printcontent form.contact {
	width: 360pt;
}
form.contact label {
	display: block;
	width: 110pt;
	float: left;
	margin-bottom: 10pt;
	font-weight: normal;
	font-size: 100%;
	/*border: 1pt dotted #e8e8e8;*/
}
body.printcontent form.contact label {
	width: 130pt;
}
form.contact input, select {
	position: relative;
	width: 200pt;
	margin: 0pt 0pt 10pt 0pt;
	border: 1pt solid #3c2e25;
	background-color: #e5e5e5; 
	font-family:verdana,arial,helvetica,sans-serif;
	font-weight: normal;
	font-size: 100%;
	/*border: 1pt dotted #e8e8e8;*/
}

p.date-group, form.frm_editjobs p.date-group {
	float: none;
	clear: both;
}

p.date-group select, form.frm_editjobs p.date-group select {
	width: auto;
}

form.contact textarea {
	position: relative;
	width: 200pt;
	/*height: 20pt;*/
	margin: 0pt 0pt 10pt 0pt;
	border: 1pt solid #3c2e25;
	background-color: #e5e5e5; 
	font-family:verdana,arial,helvetica,sans-serif;
	font-weight: normal;
	font-size: 96%;
	/*border: 1pt dotted #e8e8e8;*/
}
form.contact .submit {
	width: 79pt;
	height: 20pt;
	border: 0pt;
	background-color: #ffffff; 
}


/***************************************************
				HR DOC GENERATOR
***************************************************/

p.buttonright {
	margin:0!important;
	float:right;
}

/*createjob*/
div.jobcontainer {
	position: relative;	
	float:left;
	margin-bottom:12pt;padding-bottom:13pt;
	height: auto;
}

div.createjob-open div.createjob_menu {
	float:left;
}

div.jobcontainer div.createjob_content {
	float:left; padding:10pt;
}


div.createjob_menu ul {
	float:left;
	width:350pt;
	list-style-type:none;
	margin:0;
	padding:0 0 0 7pt;
}
div.createjob_menu ul li {
	display:inline;
	padding:0;
	margin:0;
}
div.createjob_menu ul li a {
	float:left;
	height:43pt;
}

div.createjob_content p strong, #content16 div.createjob_content h3, #content16  div.editjob_content h3 {
	margin: 3ex 0 1ex 0;
	font-size:110%;
	color:#333!important;
}
div.createjob_content p strong span, #content16 div.createjob_content h4 {
	clear: both;
	margin: 3ex 0 1.5ex 0;
	color:#35953B;
}

#content16 ul.selected-jobs li {
	margin-bottom: 1.5ex;
	color: #333;
}

div.editjob_content p strong span, div.createjob_content h4 {
	color:#fff5cd;
}

/*jobtitle*/
div.jobtitlecontainer {
	float:left;width:330pt;border-top:1pt solid #ccc;border-bottom:1pt solid #ccc;margin:8pt 0 19pt 0;
}
div.nobottommargin {
	margin-bottom:0;
}
div.jobfunctionscontainer {
	float:left;width:330pt;border-bottom:1pt solid #ccc;margin:0;margin:0 0 12pt 0;padding-bottom:11pt;
}

div.jobfunctionscontainer h3 {
	float: left;
}
.jobtitle_content {
	float:left;width:301pt;padding-top:15pt;
}
.jobtitle_content p, .jobtitle_content h3 {
	color:#333!important;
}

/*toptips*/
div.toptipscontainer {
	float:left;
	width:160pt;
	padding-bottom:8pt;
	margin-top:10pt;
}
div.toptips_title {
	float:left;
	width:160pt;
}
div.toptips_title img {
	float:left;
}
div.toptips_content {
	float:left;
	width:140pt;
	padding:0 10pt 5pt 10pt;
}
div.toptips_content p {
	margin-top:0;
	color:#666;
}
div.toptips_content p.title {
	margin:0;
}

/*horizontal rules*/
div.hr hr {
	display: none;
}
div.hr {
	height: 1pt;
	border-top:1pt solid #B0B0B0;
	margin:0 0 8pt 0;
	clear:both;
}

/*
* Create Job Step Two Select Functions
*/

form.frm_selectfunctions {
	float:left;
	padding: 0;
	width:100%;
}
form.frm_selectfunctions legend {
	display:none;
}
form.frm_selectfunctions fieldset.select {
	border:0;
	margin:0;
	padding:7pt 0 11pt 0;
	width:317pt;
	float:left;
	clear:both;
}

form.frm_selectfunctions input.button {
	clear:both;
	float:right;
	margin:0;
	padding:0;
	border:none;
	cursor:pointer;
}

div.login_infocontainer {
	float:left;width:350pt;
	margin-bottom:12pt;padding-bottom:6pt;
}
div.info_title {
	float:left;width:350pt;
}
div.info_title img {
	float:left;
}
div.info_content {
	float:left;width:330pt;padding:10pt
}
div.logininfo_content {
	float:left;width:330pt;padding:10pt 10pt 4pt 10pt;
}

form label span.notes {
	display: block;
	font-weight: normal;
	font-size: 90%;
}
form.frm_login {
	float:left;
	margin-top:2pt;
}
form.frm_login legend {
	display:none;
}
form.frm_login fieldset {
	border:0;
	padding:0;
	margin:0;
}
form.frm_login label {
	width:78pt;
	float:left;
	clear:left;
	font-weight:bold;
	padding:3pt 0 0 0;
	margin:0;
}
form.frm_login input {
	border:1pt solid #b0b0b0;
	font-size:110%;	
	padding:2pt 3pt 3pt 3pt;
	width:208pt;
	margin:0 0 10pt 0;	
	float:left;
}
form.frm_login input.last {
	margin:0 0 18pt 0;
}
form.frm_login input.button {
	clear:both;
	width:auto;
	height:auto;
	float:right;
	margin:0;
	padding:0;
	border:none;
	cursor:pointer;
}
/*
* Create job form
*/

form.frm_createjob, .editjob {
	float:left;
	margin-top:2pt;
	width:100%;
}

.frm_selectfunctions fieldset.editjob {
	position: relative;
	padding: 5pt 0 15pt 0;
}

form.frm_createjob legend {
	display:none;
}
form.frm_createjob fieldset, fieldset.editjob {
	border:0;
	padding:0;
	margin:0;
}
form.frm_createjob label, .editjob label {
	width:80pt;
	float:left;
	clear:left;
	font-weight:bold;
	padding:3pt 0 0 0;
	margin:0;
	font-size:110%;	
}

form.frm_createjob input, form.frm_createjob textarea,
.editjob input, .editjob textarea {
	font-size:110%;	
	padding:2pt 3pt 3pt 3pt;
	width:238pt;
	margin:0 0 6pt 0;	
	float:left;
}

form.frm_createjob input, form.frm_createjob textarea {
	border:1pt solid #80BE3C;
}

.editjob input, .editjob textarea {
	border:1pt solid #80BE3C;
}

form.frm_createjob ul {
	position: relative;
	clear: both;
}

form.frm_createjob input.button {
	position: relative;
	clear:both;
	float:right;
	width:103pt;
	height:37pt;
	margin:0;
	padding:0;
	border:none;
	cursor:pointer;
}

/*
* File help form
*/

div.filehelp {
	float:left;
	clear:both;
	padding:5pt 0 13pt 104pt;
}
div.filehelp a {
	background:url("../images/common/ico_info.gif") no-repeat right 5pt;
	padding:5pt 21pt 5pt 0;
	font-size:90%;
	text-decoration:underline!important;
}
div.filehelp a:hover, div.filehelp a:active, div.filehelp a:focus {
	text-decoration:none!important;
}

/*hr doc generator*/
#hrdoccontainer p {
	color:#666;
}
#hrdoccontainer h3.open {
	background:url("../images/common/arrow_open.gif") no-repeat right 50%;
	padding:0 0 2pt 0;
	margin-bottom:5pt;
}
#hrdoccontainer h3.close {
	margin-bottom:7pt;
}
#hrdoccontainer a {
	text-decoration:underline;
}
#hrdoccontainer a:hover, #hrdoccontainer a:active, #hrdoccontainer a:focus {
	text-decoration:none;
}
div.hrdoccontent {
	float:left;width:350pt;border-top:1pt solid #e8e8e8;padding-bottom:3pt;
}
div.hrdoccontenttop {
	float:left;width:350pt;border-top:2pt solid #e8e8e8;padding-bottom:3pt;
}
div.hrdoc_colone {
	float:left;width:101pt;padding:10pt 0 0 6pt;
}
div.hrdoc_coltwo {
	float:left;width:243pt;padding:10pt 0 0 0;
}
div.hrdoc_open_colone {
	float:left;width:140pt;padding-right:5pt;
}
div.hrdoc_open_coltwo {
	float:left;width:98pt;
}
div.hrdoc_open_colone ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
div.hrdoc_open_colone ul li {
	padding:0 0 5pt 15pt;
	font-weight:bold;
	color:#666 !important;
}
div.user_login_title {
	
}

div.user_login {
	float:left;
	width:153pt;
	padding:4pt 0 5pt 7pt;
}
form.loginform {
	float:left;
}
form.loginform legend {
	display:none;
}
form.loginform fieldset {
	border:0;
	padding:0;
	margin:0;
}
form.loginform label {
	display:none;
}
form.loginform input {
	border:1pt solid #FFA915;
	font-size:100%;	
	padding:0 3pt 3pt 3pt;
	width:137pt;
	margin:0 0 4pt 0;	
	float:left;
	color:#ADADAD;
}
form.loginform input.button {
	width:86pt;
	height:37pt;
	float:right;
	margin:4pt 0 0 0;
	padding:0;
	border:none;
	cursor:pointer;
}

div.forgotpw {
	float:left;
	clear:left;
	width:46pt;
	padding-top:8pt;
}
div.forgotpw p {
	font-size:90%;
	color:#fff;
	margin:0;
}
div.forgotpw a {
	color:#fff;
	text-decoration:underline;
}

div.forgotpw a:hover, div.forgotpw a:active, div.forgotpw a:focus {
	text-decoration:none;
}

.invalid {
	color: red;
}

span.invalid {
	display: block;
	position: relative;
	clear: both;
}

.jobfunctionscontainer ul {
	list-style-type:none;
	margin:0;
	padding:0 0 0 6pt;
	
}

.jobfunctionscontainer ul li {
	list-style-type:none;
	margin:0;
	padding:0;
}