#content p { /*color: #38414A;*/
	PADDING-RIGHT: 10px;
	FONT-SIZE: 0.7em;
	PADDING-BOTTOM: 0px;
	COLOR: #333;
	LINE-HEIGHT: 1.5em;
	PADDING-TOP: 0px
}

#main { /*FIXES 4 PIXEL INDENT WHEN DIVS ARE GIVEN A HEIGHT IN IE*/
	/*causes drop in IE when commented out*/ /*height: 99.6%;*/
	height: 10%;
}

#main2 {
	height: 65px;
}

#logincontainer {
	background-color: #a7b642;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-weight: normal;
	font-size: .7em;
	height: 20px;
	padding: 4px 10px 0px 10px;
	color: white;
	border-bottom: 4px solid white;
}

#logincontainer a {
	color: white;
	text-decoration: none;
}

#logincontainer a:hover {
	text-decoration: underline;
}

#bottomcontainer {
	width: 100%;
	/*border: 1px solid blue;*/
	height: 65px;
}

#footercontainer {
	width: 100%;
	border-top: 4px solid white;
	background-color: #f2f2f2;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: .7em;
	color: #768593;
	padding: 2px;
}

#footercontainer a {
	color: #768593;
	text-decoration: none;
}

#footercontainer a:hover {
	text-decoration: underline;
}

p {
	margin: 0;
	padding: 0;
}

h2 {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: .7em;
	font-weight: bold;
	color: #38414A;
}

h3 {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: .8em;
	font-weight: bold;
	color: #38414A;
	margin: 12px 0 0 0;
	padding: 0;
	display: block;
	border-bottom: 1px solid #38414A;
	margin-bottom: 1px;
}

.error {
	color: #cc0000;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

.confirmation {
	display: block;
	color: #000;
	background-color: #E1E1E1;
	padding: 5px 5px 25px 5px;
}

.bold {
	display: inherit;
	color: inherit;
	background-color: inherit;
	padding: inherit;		
	font-weight: bold;
}

.formtable td {
	vertical-align: top;
	font-size: 1.25em;	/* bug fix PASP3-1400 */
}

.small {
	font-size: .85em;
}

.readonly {
	background: #BEBEBE;
}

.required {
	color: #990000;
}

.keepright {
	text-align: right;
	padding-bottom: 3px;
}

/* fix for tiny text search results in table */
#content form DIV.legend P.jumpto {
	FONT-SIZE: 1em;
}

/* fix for tiny text search results in table */
#content DIV.legend P.jumpto {
	FONT-SIZE: 1em;
}

/* fix for tiny text in table */
#content form table tbody TR TD table tbody tr TD.alt {
	FONT-SIZE: 1.4em;
}

#content p.jumpto {
	font-size: .7em;
	padding-top: .5em;
	/*background-color: ##e7eff7;*/
	margin-top: 0;
	margin-bottom: 1em;
	border-bottom: 1px solid #BCBCBC;
	BACKGROUND: #e7eff7;
	COLOR: #00689d;
}

#content p {
	margin-top: .2em;
	margin-bottom: .5em;
	line-height: 150%;
}

#content h3 {
	color: white;
	padding-left: 3px;
	/*font-size: 100%*/
	background-color: #38414a;
}

.table {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	/*font-size: .8em;*/
}

.table td {
	vertical-align: top;
}

/* DATA TABLE COLOURS----------------------------------------------------- */
table.data {
	border-left: 1px solid #e7eff7;
	border-bottom: 1px solid #e7eff7;
	/*border-right: 1px solid #566371;*/
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: .7em;
}

.data th,.data td {
	padding: 2px 6px 2px 4px;
	text-align: left;
	vertical-align: top;
}

.data th {
	color: white;
}

.data td {
	border-right: 1px solid #e7eff7;
}

thead tr {
	background-color: #566371;
}

.data th.sorted {
	background-color: #000;
}

th a,th a:visited {
	color: #00689d;
}

th.sorted a,th.sortable a {
	background-position: right;
	display: block;
	width: 100%;
	text-decoration: none;
	padding-right: 4px; /*alan*/
	background-repeat: no-repeat;
}

th a:hover {
	text-decoration: underline;
	color: #00689d;
}

th.sortable a {
	background-image: url(/publicjobs/img/arrow_off.png);
}

th.order1 a {
	background-image: url(/publicjobs/img/arrow_down.png);
}

th.order2 a {
	background-image: url(/publicjobs/img/arrow_up.png);
}

tr.odd {
	background-color: #FFFAFA;
}

tr.tableRowEven,tr.even {
	background-color: #F2F2F2;
}

tr.odd  a:visited {
	color: purple;
}

tr.even  a:visited {
	color: purple;
}

tr.odd  a:hover {
	color: red;
}

tr.even  a:hover {
	color: red;
}

.pagelinks {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: .8em;
	text-align: center;
}

.pagebanner {
	background-color: #eee;
	border: 1px dotted #999;
	padding: 2px 4px 2px 4px;
	width: 79%;
	margin-top: 10px;
	display: block;
	border-bottom: none;
}

/* KEEPS THINGS ALIGNED LEFT AND RIGHT ---------------------------------- */
div.row span.left {
	float: left;
	text-align: left;
	width: 49%;
}

div.row div.left {
	float: left;
	text-align: left;
	width: 49%;
}

DIV.row SPAN.left H1 {
	FONT: bold 10pt Arial; COLOR: black PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

DIV.row DIV.left H1 {
	FONT: bold 10pt Arial; COLOR: black PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}

div.row span.right {
	float: right;
	text-align: right;
	width: 49%;
}

div.row div.right {
	float: right;
	text-align: right;
	width: 49%;
}

div.row span.left30 {
	float: left;
	text-align: left;
	width: 19%;
}

div.row div.left30 {
	float: left;
	text-align: left;
	width: 19%;
}

div.row span.right70 {
	float: right;
	text-align: right;
	width: 79%;
}

div.row div.right70 {
	float: right;
	text-align: right;
	width: 79%;
}

div.spacer {
	clear: both;
}

.Normal B {
	color: black;
	font: bold 10pt Arial
}

span.calendar img {
	border: 0;
	padding: 0px 0px 0px 3px;
}

/* New Styles from Media One Site ---------------------------------- */
#loginbox {
	PADDING-RIGHT: 25px;
	BACKGROUND-POSITION: 50% top;
	PADDING-LEFT: 0px;
	BACKGROUND-IMAGE: url(/publicjobs/img/bg_newuser.gif);
	PADDING-BOTTOM: 10px;
	MARGIN: 0px 0px -13px 1px;
	PADDING-TOP: 10px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 445px;
	WIDTH: 580px

}

#loginbox H1 {
	COLOR: #00689d
}

#loginbox H1.user {
	MARGIN: 30px 0px 10px 29px;
	COLOR: #333
}

#loginbox UL {
	MARGIN: 10px 0px 40px 29px
}

#loginbox FORM {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 30px 0px 29px;
	PADDING-TOP: 0px
}

#loginbox TABLE {
	WIDTH: 100%;
	BORDER-COLLAPSE: collapse
}

#loginbox TABLE TR TD {
	BORDER-TOP: #b3c2d1 1px solid;
	VERTICAL-ALIGN: baseline;
	BORDER-BOTTOM: #b3c2d1 1px solid
}

#loginbox H1.loginbox {
	MARGIN-TOP: 0px
}

#loginbox P {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 29px;
	FONT-SIZE: 0.7em;
	PADDING-BOTTOM: 0px;
	COLOR: #333;
	LINE-HEIGHT: 1.5em;
	PADDING-TOP: 0px
}

#loginbox P.reg {
	MARGIN: -30px 0px 10px
}

#content OL {
	MARGIN: 10px 10px 10px 52px
}

#content OL LI {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 0.7em;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px
}

#content UL {
	MARGIN: 5px 10px 15px 32px;
	LIST-STYLE-TYPE: none
}

#content UL LI {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 15px;
	FONT-SIZE: 0.7em;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 4px
}

#content UL.msg LI {
	BACKGROUND: url(/publicjobs/img/bullet_job.gif) no-repeat
}

#content UL.msg LI.indent1 {
	BACKGROUND: url(/publicjobs/img/bullet_job.gif) no-repeat;
	MARGIN: 3px 0px 3px 40px
}

#content UL.msg LI.indent2 {
	BACKGROUND: url(/publicjobs/img/bullet_job.gif) no-repeat;
	MARGIN: 3px 0px 3px 70px
}

#content UL.msg LI.indent3 {
	BACKGROUND: url(/publicjobs/img/bullet_job.gif) no-repeat;
	MARGIN: 3px 0px 3px 90px
}

#content UL.about LI {
	BACKGROUND: url(/publicjobs/img/bullet_abo.gif) no-repeat
}

#content FORM.inputform {
	MARGIN: 10px 10px 15px 29px
}

#content FIELDSET {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	BORDER-TOP-STYLE: none;
	PADDING-TOP: 0px;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none
}

#content H1 {
	FONT-SIZE: 0.9em;
	MARGIN: 9px 10px 5px 29px
}

#content h2 {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: .7em;
	font-weight: bold;
	color: #00689d;
}

#content .legend {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 0.7em;
	BACKGROUND: #e7eff7;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0px 5px -2px;
	COLOR: #00689d;
	LINE-HEIGHT: 1.4em;
	PADDING-TOP: 0px
}

#content TABLE {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 0.7em;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0px 15px;
	WIDTH: 100%;
	PADDING-TOP: 0px;
	BORDER-COLLAPSE: collapse
}

#content TABLE TH {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	BACKGROUND: #e7eff7;
	PADDING-BOTTOM: 8px;
	COLOR: #00689d;
	PADDING-TOP: 8px;
	TEXT-ALIGN: left
}

#content TABLE TR TD {
	PADDING-RIGHT: 5px;
	BORDER-TOP: #f2f2f4 1px solid;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	VERTICAL-ALIGN: top;
	LINE-HEIGHT: 1.4em;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #f2f2f4 1px solid
}

#content TABLE TR TD INPUT.butt {
	FONT-SIZE: 1em
}



/* In trying to get the link to look like the styled button
   there were a few challenges. Firstly the link height couldn't
   be increased to be the same as the button. This was achieved
   by embedding a span inside. The link and the button
   seem to be rendered 1 pixel apart vertically in IE6 and Firefox.
   IE6 wouldn't move the link up vertically but it allowed the span
   to move.

   The change involves applying the CSS look to the Span inside the
   hyperlink. Then, using a style that is only picked up using IE6
   the Span is moved 1 pixel north so it is rendered at the same
   vertical gradient as a button beside it. Firefox renders the span
   and the button at the correct same gradient.

*/
#content a.buttonLink {

}

#content table tr td a.buttonLink {
	font-size: 1em;
}

span.linkButt {
	position: relative;
	left: 0px;
	top: 0px;
	BORDER-RIGHT: #aea9a9 1px solid;
	BORDER-TOP: #f9f7f7 1px solid;
	FONT-WEIGHT: bold;
	font-size: 1em;
	BACKGROUND: #eee;
	BORDER-LEFT: #f9f7f7 1px solid;
	COLOR: #768593;
	BORDER-BOTTOM: #aea9a9 1px solid;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	PADDING-BOTTOM: 1px;
	PADDING-RIGHT: 4px;
	PADDING-TOP: 4px;
	PADDING-LEFT: 4px;
	text-decoration: none;
}

span.screen-reader {
	position:absolute;
	left:-5000px;
	width:4000px;
}	
}

* html span.linkButt {
	position: relative;
	left: 0px;
	top: -1px;
}

#content TABLE TD.alt {
	BACKGROUND: #f2f2f4;
	WIDTH: 30%
}

#content TD.action {
	BORDER-BOTTOM-WIDTH: 0px;
	TEXT-ALIGN: center
}

#content TABLE TR.step {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 4px 0px;
	PADDING-TOP: 0px
}

#content TABLE TR.step TD {
	VERTICAL-ALIGN: middle
}

#content TABLE TD.stepno {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 35px;
	FONT-WEIGHT: bold;
	BACKGROUND: url(/publicjobs/img/bg_step.gif) no-repeat;
	PADDING-BOTTOM: 0px;
	WIDTH: 122px;
	PADDING-TOP: 0px;
	HEIGHT: 48px
}

#content .INPUT {
	BORDER-RIGHT: #aea9a9 1px outset;
	PADDING-RIGHT: 2px;
	BORDER-TOP: #aea9a9 1px outset;
	PADDING-LEFT: 2px;
	FONT-SIZE: 1em;
	PADDING-BOTTOM: 2px;
	BORDER-LEFT: #aea9a9 1px outset;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #aea9a9 1px outset;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

#contentINPUT .cb {
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	MARGIN-LEFT: 5px;
	HEIGHT: 14px;
	BORDER-RIGHT-WIDTH: 0px
}

#content INPUT.butt {
	BORDER-RIGHT: #aea9a9 1px solid;
	PADDING-RIGHT: 4px;
	BORDER-TOP: #f9f7f7 1px solid;
	PADDING-LEFT: 4px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 0.75em;
	BACKGROUND: #eee;
	PADDING-BOTTOM: 0px;
	BORDER-LEFT: #f9f7f7 1px solid;
	COLOR: #768593;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #aea9a9 1px solid;
	FONT-FAMILY: Arial, Helvetica, sans-serif
}

#content INPUT.butt[disabled] {
	BORDER-RIGHT: #f9f7f7 1px solid;
	PADDING-RIGHT: 4px;
	BORDER-TOP: #aea9a9 1px solid;
	PADDING-LEFT: 4px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 1em;
	BACKGROUND: #eee;
	PADDING-BOTTOM: 0px;
	BORDER-LEFT: #aea9a9 1px solid;
	COLOR: #9c9993;
	PADDING-TOP: 2px;
	BORDER-BOTTOM: #f9f7f7 1px solid;
	FONT-FAMILY: Arial, Helvetica, sans-serif
}

#content .SELECT {
	FONT-SIZE: 1em
}

#content FORM.inputform P.no_pad {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 20px;
	MARGIN: 0px;
	PADDING-TOP: 10px
}

#content .mand {
	COLOR: #00689d
}

#content P.help {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 20px;
	BACKGROUND: url(/publicjobs/img/help.gif) no-repeat;
	PADDING-BOTTOM: 0px;
	MARGIN: 5px 0px 5px 2px;
	COLOR: #768593;
	PADDING-TOP: 0px
}

#content P.alert {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 20px;
	BACKGROUND: url(/publicjobs/img/alert.gif) no-repeat;
	PADDING-BOTTOM: 0px;
	MARGIN: 5px 0px 5px 2px;
	COLOR: #768593;
	PADDING-TOP: 0px
}

/* fix for tiny text alert in table */
#content form TABLE tbody TR TD P.alert {
	FONT-SIZE: 1em;
}

/* fix for tiny text in table */
#content * tbody TR TD P {
	FONT-SIZE: 1em;
}


#content P.error {
	color: #cc0000;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

#content P.msg {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 20px;
	BACKGROUND: url(/publicjobs/img/bullet_job.gif) no-repeat;
	PADDING-BOTTOM: 0px;
	MARGIN: 5px 0px 5px 2px;
	COLOR: #768593;
	PADDING-TOP: 0px
}

#intro {
	margin: 2px 0px 0 0;
	padding: 0;
	float: left;
	height: 454px;
	width: 356px;
	background: url(../img/bg_intro.gif) no-repeat;
}

#intro p {
	margin: 5px 0 5px 20px;
	padding: 0;
}

#intro p.welcome {
	margin: 20px 0 5px 20px
}

#intro a {
	color: #333;
	text-decoration: none;
}

#intro a:HOVER {
	text-decoration: underline;
}

#col3 {
	margin: 0 0 0 4px;
	padding: 0;
	float: left;
	width: 196px;
}

#col3 h1 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 0.7em;
}

#col3 h2 {
	margin: 0 0 5px 0;
	padding: 0;
}

#col3 ul {
	margin: 0;
	padding: 0;
}

html>body #col3 ul li {
	padding-bottom: 6px;
}  /* Fix for intro.asp page right */
#col3 a {
	color: #333;
	text-decoration: none;
}

#col3 a:HOVER {
	text-decoration: underline;
}

.topBox {
	margin: 2px 0 5px 0;
	background: #F2F2F2;
}

#col3 .topBox h1 {
	margin: 0px 0 10px 10px;
	padding: 10px 0 0 0;
}

#col3 .topBox h2 {
	margin: 10px 0 10px 10px;
	padding: 0;
}

#col3 .topBox ul {
	margin: 0px 0 0 12px;
	padding: 0 0 15px 0;
}

#col3 .bottomBox {
	margin: 5px 0 0 0;
	padding: 12px;
	height: 316px;
	background-image: url(/publicjobs/img/bg_bottombox.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: #F2F2F2;
}

#col3 .homeBox {
	padding: 12px 12px 127px 12px;
	height: auto;
}

#col3 .jobBox {
	margin: 5px 0 0 0;
	height: 214px;
	background: url(/publicjobs/img/job_box_br.gif) bottom right no-repeat;
	background-color: #F2F2F2;
}

#col3 .jobBox h1 {
	margin: 10px 0 10px 10px;
	padding: 0;
}

#col3 .jobBox h2 {
	margin: 10px 0 10px 10px;
	padding: 0;
}

#col3 .jobBox ul {
	margin: 10px 0 0 12px;
	padding: 0 0 15px 0;
}

table.introtable {
	margin: 10px 0 0 10px;
	padding: 0;
	width: 90%;
	border-collapse: collapse;
	border-bottom: 1px solid #C8D3DE;
	font-size: 0.7em;
}

table.introtable tr td {
	margin: 0;
	padding: 5px;
	border-top: 1px solid #C8D3DE;
	border-bottom: 1px solid #C8D3DE;
}

table.introtable td.sep {
	border-right: 1px solid #C8D3DE;
	text-align: center;
}

span.displayDocs {
	font-size: 1.5em;
}

#calendar TABLE TR TD {
	BORDER-TOP: #669933 1px solid;
	BORDER-BOTTOM: #669933 1px solid;
	background-color: #669933;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	TEXT-ALIGN: center;
	align: center;
}

#calendar TD.today {
	BORDER: 2px solid #000000;
}

.AMColor {
	color: #FFFF00;
}

.PMColor {
	color: #3300FF;
}

.AllDayColor {
	color: #FFFFFF;
}

.widthselect400{ 

width:400px; 

}

table.data td {
  background:#FFFFFF none repeat scroll 0 0;
}

div.legend {
width:100%;
}

table.data td {
color:#000000;
}

tr.even td{
background-color:#F2F2F2;
}