.engage label
{
	font-weight: bold;
}

.engage form, .engage fieldset { margin: 0; padding: 0; border: none; }

.engage a { font-size:0.9em; font-weight:bold; text-decoration:none; }

.highlight, .required, .mandatory, .manitory, .alwaysmanitory {
	font-weight: bold; color: red
}

.engage h1 {
	margin: 0px 0px 10px; padding: 0px; font-size: 1.3em;
}

.engage h2, .engage .subcol h1 {
	margin: 0px; padding: 0px; font-size: 1.2em;
}

.engage h3 {
	margin: 5px 0px 0px; padding: 0px; font-size: 1em;
}

.engage h4 {
	padding: 0px; font-size: 1em; margin: 0px;
}

/* Results pager */
table.jobresultnav {
	
}
table.jobresultnav td {
	width: 33%; 
	padding: 0.2em 0;
}
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: #ccc 1px solid
}
#jobdisplay table.jobresultnav #navbtm {
	border-top: #ccc 1px solid;
}

/* Display of search criteria */
#resultcriteria {padding: 5px 10px; }
#resultcriteria h2, #resultcriteria p {
	padding: 0;
	margin: 0;
	background: none;
}

/* Search results */
table.results
{
	width: 70%;
}

table.results th {
	display: none
}
table.results td {
	padding: 3px
}
table.results td.jobtitle {
	font-weight: bold; padding-top: 8px; font-size: 1.1em;
}
table.results td.postdate {
	padding-top: 8px; text-align: right
}
table.results td.jobdesc {
	padding-bottom: 8px
}
table.results td.spacer {
	padding: 0; 
}
.hidden, .hide {
	display: none !important
}
hr {
	display: none !important
}

hr.seperator {
	display: block;
	color:Red;
	height:5px;
}

/* Job summary / details */

#jobdisplay div.summary {
	padding: 3px 0; 
}
table.jobsummary {
	margin-bottom: 10px; 
}
table.jobsummary th, table.jobsummary td {
	padding: 3px;
}
table.jobsummary th.summarylabel {
	width: 12em; padding-right: 10px; text-align: left;
}

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

ul.numbered { padding-left: 2px; list-style: none; }

.engage div.jobappoptions{padding-bottom: 10px;}

/* 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; border-bottom: #ccc 1px solid
}
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%; }

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 .required { position: absolute; }

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


onlineappform h3, #previewform 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 p.formIntro, #previewform p.intro { padding-top: 0; }
#onlineappform p.formIntro { margin-left: 8px; }

#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, #previewform table th, #previewform table td.fieldlabel, #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 { display: block; margin-left: 8px; text-align: left; }

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

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

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

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

#onlineappform .checkbox input
{
	width:auto;
}

#onlineappform .fulllength th
{
	width: 80%;
}

#onlineappform input.short
{
	width: 60px;
}