#engage{clear: both;}

#Engage table, #Engage th, #Engage td{border: none;}

h3.background{background-color:#f6f5f4;}

form, fieldset { margin: 0; padding: 0; border: none; }
fieldset { padding: 5px 0px; }
legend { display: none }

.highlight, .required, .mandatory, .manitory, .alwaysmanitory {
	font-weight: bolder; color: white; display: inline; font-size:150%; vertical-align:middle;
}

td.manditoryCell
{
    width: 15px;
}

strong.logoutWarning
{
	color:Red;
}

td.resultspacer
{
	height: 30px;
}

.hidden, .hide {
	display: none !important
}
hr {
	display: none !important
}
i {
	display: none !important
}

/* TODO determine if used. */
abbr, .abbr {
	cursor: help; border: none
}
/**/

/* Presentation of specific content elements */
/*********************************************/

/* Navigation */
div#page-navigation {
	margin: 0px 11px 0px 0px;
}
div#page-navigation ul {
	padding: 0 0 11px 0; margin: 8px 0px 0px; 
}
div#page-navigation li {
	margin: 0px; padding: 2px 0 1px; list-style-type: none; 
}
div#page-navigation ul ul {
	padding: 0px; margin: 0px;
}
div#page-navigation ul ul li {
	padding: 0.2em 8px; background: url(bullet_point.gif) no-repeat left top;
	border-top: 1px solid #ccc;
}

div#page-navigation a, div.section-link a { color: #666; }

div#loc-links { margin-right: 11px; padding: 1em 21px; }

/* Misc content styles */
.subsection h2 { margin-top: 15px; }

.applynotice {
	font-weight: bold;
	padding-bottom: 10px;
	margin-top: 0.6em;
}

.applynotice p {
	padding: 0;
	margin: 0;
}

.applynotice#timeout, .applynotice#normal {
	font-weight: normal;
	padding: 3px 6px;
	margin-bottom: 5px;
}

/* Form styles */
#engage form input.button { width: 100px; }
input, textarea, select { font-family: Arial, Helvetica, sans-serif;  }

table.form tr.setCols th, table.form tr.setCols td { padding: 0; height: 1px; }
table.form th, table.form td { padding: 5px 0px; vertical-align: top; }
table.form th, table.form td.fieldname { position: relative; width: 112px; padding-right: 10px; }
table.form td.fieldname label { display: block; margin-left: 8px; }
table.form label { font-weight: bold; }
/*table.form .required { position: absolute; }*/

table.form input, table.form textarea { width: 240px; }
table.form input.mid { width: 100px; }
#engage table.form input.checkbox, #engage table.form input.button,
#engage table.form div.checkboxes input, #engage table.form div.radiobuttons input, #engage table.form div.checkboxesDis input { width: auto; }
#engage table.form div.checkboxes label{display: inline;}
table.form div.checkboxes, table.form div.checkboxesDis { margin-bottom: 0.5em; }


#engage div.radiobuttons label{display: inline;}


div.checkboxesDis table {width: 100%;}
div.checkboxesDis label { width:auto; }

table.search { width: auto; border: none; }
table.search td { border: none; }
table.search td.fieldname { width: 112px; }
table.search #salaryrange * { vertical-align: middle; margin: 0; }
table.search #salaryrange select { margin: 0 0.5em; }
table.search #salaryrange label { display: inline; }
table.search #salaryrange, table.search div.checkboxes { margin-bottom: 0.5em; border: none; }
#engage table.search div.checkboxes label { display: inline; }
#engage table.search div.checkboxes input { width: auto; }
table.search #salaryrange, table.search div.checkboxes table { border: none; }
table.search #salaryrange, table.search div.checkboxes table td { border: none; }
table.search #catfield select { height: 7.6em; }

table.login td { padding: 2px 0px; }
table.login td.fieldname { padding-top: 5px; }

/* Alignment of checkboxes and radio buttons */
div.checkboxes *, div.radiobuttons * { vertical-align: middle; margin: 0; }
/* Trailing label for checkboxes */
div.checkboxes label { padding: 0 1em 0 0.5em; }
/* Label in front for radio buttons */
div.radiobuttons input { margin: 0 1em 0 0.5em; }

/* Saved jobs, application history etc */
table.archive {
	margin: 0.5em 0px 1em;
	width: 98%;
}
table.archive th {
	padding: 3px 5px; vertical-align: top; color: black;
}
table.archive td {
	padding: 3px 5px; vertical-align: top; font-weight: normal; 
}
table.archive td.spacer {
	padding: 0; 
}

/* Fix column widths to improve presentation of member home page */
table.archive #jobaction, table.archive #jobdateclose, table.archive #appaction, table.archive #closingdate { width: 25%; }

/* Results pager */
table.jobresultnav {
	border: none;
	width: 96%;
	margin-bottom: 10px;
}
table.jobresultnav td {
	width: 33%; 
	padding: 0.2em 0;
	border: none;
}
table.jobresultnav td.next {
	text-align: right
}
table.jobresultnav td.return {
	text-align: center
}
table.jobresultnav#navtop {
	margin-bottom: 1em; 
}
table.jobresultnav#navbtm {
	margin-top: 1em
}

#jobdisplay table.jobresultnav#navtop {
	border-bottom: #000 1px solid
}
#jobdisplay table.jobresultnav#navbtm {
	border-top: #000 1px solid;
}

/* Search results */
table.results {
	border: none;
	width: auto;
}
table.results th {
	display: none
}
table.results td {
	padding: 3px; border: none;
}
table.results td.jobtitle {
	font-weight: bold; padding-top: 8px; width: auto;
}

#engage table.results td.jobtitle h4
{
	width: 300px;
}

#engage table.results td.borderspacing
{
	padding-left: 5px;
}

#engage table.results td.jobtitle h4 a
{
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

#engage table.results td.jobtitle h4 a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

table.results td.postdate {
	padding-top: 8px; text-align: right
}
table.results td.jobdesc {
	padding-bottom: 18px
}
table.results td.location {
	padding-top: 18px
}
table.results td.spacer {
	padding: 0; 
}

/* Job summary / details */

#jobdisplay div.summary {
	padding: 3px 0; 
}

#engage table.summary {
	margin-bottom: 10px; 
	border: none;
}

 #engage table.summary td 
 {
	padding: 0px;
 }

#engage table.summary th, #engage table.jobsummary td, #engage table.summary td {
	border: none;
}

#engage table.jobsummary td.summarydesc {
	border: none;
}

#engage table.summary th.summarylabel {
	padding-right: 10px;
	text-align: left;
	border: none;
	color: Black;
}

#engage table.jobsummary {
	margin-bottom: 10px;
	width: auto
}
#engage table.jobsummary th, #engage table.jobsummary td {
	padding: 3px;
}
#engage table.jobsummary th.summarylabel {
	width: 12em; padding-right: 10px; color: Black; text-align: left;
}

#engage table.jobsummary td 
{
}

#jobdisplay div.details {
	
}
#jobdisplay #awardlogos {
	margin: 10px 0px;
}
#jobdisplay .subsection h2 {
	padding: 5px 0 3px; background: white; border-bottom: #ccc 1px solid; font-size: 100%;
}
#jobdisplay li.promoted {
	list-style: none;
	margin-left: -17px;
	margin-bottom: 0.3em;
}
#jobdisplay li.promoted a { 
	background: url(pointer.gif) left center no-repeat;
	padding-left: 16px;
	
}
#jobdisplay li.promoted a:hover { color: #f00; }


/* Online application form styles */

/* Styles for app form and preview header */
#onlineappform h3, #previewform h3, #preview h3 {
	font-size: 100%;
	border-bottom: 1px solid silver;
	margin: 1em 0 0.5em 0;
	text-transform: uppercase;
	padding-bottom: 0.1em;
}
#onlineappform h3 em, #previewform h3 em { text-transform: none; }
#onlineappform h3 { margin-left: 8px; }
#onlineappform h3.headingOne {font-weight:bold; color: #000000; font-size: 1.2em;}

#onlineappform p.formIntro, #previewform p.intro { padding-top: 0; }
#onlineappform p.formIntro { margin-left: 8px; width: auto; }

#onlineappform table th, #onlineappform table td, #previewform table th, #previewform table td, #preview table th, #preview table td {
	padding: 5px 0px;
	vertical-align: top;
}
#onlineappform table th, #preview table th {
	position: relative;
	width: 202px;
	padding-right: 10px;
	font-weight: bold;
}
#onlineappform table td.spacer, #previewform table td.spacer { padding: 0; } 

#onlineappform th label, #onlineappform th h4, #onlineappform td h4 { display: block; margin-left: 8px; }
#onlineappform th p, #onlineappform td p { display: block; margin-left: 8px; font-weight:normal;}

/* Position marker to left of label for mandatory fields */
/* TODO: replace class name with "mandatory" (requires change to css for back-end) */
/*#onlineappform .manitory, .alwaysmanitory { position: absolute; }*/

#onlineappform span.error { display: block; font-weight: normal; } 

/*#onlineappform label {font-size:85%;}*/

/* Standard width form elements */
#onlineappform input { width: 240px;}
#onlineappform textarea { width: 240px;  height: 5em;}
#onlineappform select { max-width: 240px; }
#onlineappform select.selector { height: 100px; max-width: 1000px; }
.multiselector { height: 90px; width: 250px; }
#onlineappform input.numeric { width: 60px; text-align: right; }
#onlineappform input.button, #onlineappform input.submitNextPrevious { width: auto; margin-left: 8px; }
#onlineappform div.radiobuttons input, #onlineappform div.checkboxes input { width: auto; }

#onlineappform #formTable, #onlineappform table.formTable{width: auto;}

#onlineappform table.contactmethod {width: 98%;}

/* Wider left column for list of yes/no questions */
#onlineappform table.queries th { width: 70%; }
#previewform table.queries td.fieldlabel { width: 80%; }
#onlineappform table.queries td.spacer { background: #fff; padding: 0; height: 8px; } 

/* Alignment of elements within column-spanning table cell */
#onlineappform .left label { margin-left: 8px; }
#onlineappform .left div.radiobuttons { margin-top: 0.3em; }
#onlineappform .left input.numeric, #onlineappform .left p, #onlineappform .left span.error { margin-left: 8px; } 
#onlineappform .left textarea { margin-left: 8px; width: 98%; height: 5em; }
#onlineappform .left textarea.tall { margin-left: 8px; width: 98%; height: 20em; }
#onlineappform td.left, #engage th.left { width: 500px; float:none; }

/* Column based form */
#onlineappform table.columns, #previewform table.columns { width: 95%; }
#onlineappform table.columns { margin-left: 8px; }

#onlineappform table.columns th, #previewform table.columns th { width: auto; }
#onlineappform table.columns th { padding-right: 0; }
#previewform table.columns td { padding-right: 10px; }

#onlineappform table.columns input { width: 100px; }

/* Table for applicant signature */
#previewform table.signature { width: auto; table-layout: auto; font-weight: bold; margin: 1em 0 0; }
#previewform table.signature td { padding-right: 25px; }
#previewform table.signature span.underline { display: block; width: 250px; height: 2.4em; }

#previewform .underline { border-bottom: 1px solid black; }

/****************/

#engage h3.background
{
	background-color: Transparent;
}

.results h4
{
	margin: 0;
	font-size: 100%;
}

#engage .results td.left
{
	padding-left:10px;
}

#engage .results td.right
{
	padding-right:10px;
}

#engage .results td.dates
{
	font-size:85%;height: 30px;vertical-align:middle;
}

.investorsinpeople{display:none;}

#onlineappform input.postcode
{
	text-transform:uppercase;
	width: 100px;
}

#onlineappform input.INPUTboxSmall
{
	width: 100px;
}

#onlineappform input.INPUTboxMedium
{
	width: 140px;
}

#onlineappform th label
{
	color: #000000;
	text-align: left;
}

#engage table.formTable th.longTitle
{
	width: 300px;
}

#engage table.formTable th.fullLengthTitle
{
	width: 500px;
}

#engage table.results td.base
{
	border-bottom:1px solid #000000;
}

#engage em
{
	color: #000000;
}

#engage h4 em
{
	color: #000000;
	font-weight: normal;
}

#engage input.largebutton
{
/*	width: 170px;*/
}

#engage label
{
	float: none;
	width: auto;
}

.base{border-bottom:1px solid #000000;}

.jobappoptions
{
	margin-bottom: 10px;
}

#engage .notRequired label
{
	font-weight: normal;
}

.engageDate img
{
	margin:0px;
}

#engage input.nextStep	{width:285px; }
#engage input.previousStep {width:184px;}

.CalStyle img
{
	margin:0px;
}

#previewform p
{
	width: auto;
}

#engage .saveContinue, #engage .fakelink
{
	background-color: #33CCFF;
	border: none;
	text-decoration: underline;
	width: inherit;
	float: left;
	clear: both;
	text-align: left;
}

#engage .saveContinue
{
	width: 12.5em;
}

#engage .clearBtn
{
	width: 4em;
}

.appstatus, .closingdate, #appstatus, #closingdate
{
	text-align: left;
}

.appaction, #appaction
{
	text-align: right;
}

#engage h4
{
	padding-top: 3px;
}

#engage input.buttonSubmit { width:208px;}