﻿@import url("reset.css");
#engage #onlineappform .saveContinue { width: 160px;}
/* Container */
#content {margin:18px auto 0; width:770px;}
#engage a 
{ color  :#0064bc;
	 font-weight:bold;
	  font-size:1.1em;
	  }

/* Left Column */
#leftCol {margin:0 0 0 28px; width:148px; float:left; display:inline;}
#leftCol .logo {text-align:center; margin:12px 0 0 0;}

/* Left Column - Navigation */
#leftHandNav {width:148px; margin:14px 0 0 0;}
#leftHandNav .navHead {width:148px; height:8px; background:url('/pages/files/LoginBox/head.gif') no-repeat 0 0 #fff; overflow:hidden;}
#leftHandNav ul {list-style-type:none; background:url('/pages/files/LoginBox/bg.gif') repeat-y center center #f3f8fb;}
#leftHandNav ul li {border-bottom:1px solid #c1e0f2; padding:6px 6px 6px 10px; margin:0 4px 0 4px;}
#leftHandNav ul li.first {padding-top:0;}
#leftHandNav ul li.last {border-bottom:none; padding-bottom:0;}
#leftHandNav ul li a {color:#0064bc; font-weight:bold; font-size:1.1em;}
#leftHandNav ul li a:hover, #leftHandNav ul li a.active {color:#000;}

#leftHandNav ul ul {background:none; margin:5px 0 2px 4px;}
#leftHandNav ul ul li {border:none; padding:3px 0; margin:0;}
#leftHandNav ul ul li a {color:#818181; font-weight:bold; background:url('/pages/files/bullet-off.png') 0 55% no-repeat; padding:0 0 0 10px;}
#leftHandNav ul ul li a:hover {color:#818181; background:url('/pages/files/bullet-on.png') 0 55% no-repeat;}
#leftHandNav .navFooter {width:148px; height:8px; background:url('/pages/files/LoginBox/footer.gif') no-repeat 0 0 #fff; overflow:hidden;}

/* Left Column - Login/Register Box */
#login {width:148px; margin:10px 0 0 0;}
#login h2 {margin:0 0 0.5em 0; font-weight:bold; font-size:1.3em;}
#login .loginHead {width:148px; height:8px; background:url('/pages/files/LoginBox/head.gif') no-repeat 0 0 #fff; overflow:hidden;}
#login .loginMain {width:120px; padding:0 14px 5px; background:url('/pages/files/LoginBox/bg.gif') repeat-y center center #f3f8fb;}
#login .loginMain .entry {padding:0 3px 0; text-align:right;}
#login .loginMain .entry label {color:#0064bc; margin:0 0 2px 0; text-align:left;}
#login .loginMain .entry input {width:108px; margin:0 0 8px 0; font-size:1.1em; font-family: Arial, "Trebuchet MS", Verdana, sans-serif;}
#login .loginMain .entry a {margin:0 0 4px; display:block;}
#login .loginMain .entry a.notRegistered {margin:12px 0 0; font-style:italic; font-size:1.1em; text-decoration:none;}
#login .loginMain .entry a.notRegistered:hover {text-decoration:underline;}
#login .loginFooter {width:148px; height:8px; background:url('/pages/files/LoginBox/footer.gif') no-repeat 0 0 #fff; overflow:hidden;}

/* Central Column */
#centralCol {margin:0 0 0 14px; width:548px; float:left; display:inline; font-size:1.1em;}

/* Central Column - Blue Wrapper Box */
#centralBox {width:548px;}
#centralBox .centralBoxHead {width:548px; height:14px; background:url('/pages/files/CentralBox/head.gif') no-repeat 0 0 #fff; overflow:hidden;}
#centralBox .centralBoxMain {width:500px; padding:6px 24px; background:url('/pages/files/CentralBox/bg.gif') repeat-y center center #e5f0f7;}
#centralBox .centralBoxMain .imageRight {float:right; padding:0 0 10px 10px;}
#centralBox .centralBoxFooter {width:548px; height:14px; background:url('/pages/files/CentralBox/footer.gif') no-repeat 0 0 #fff; overflow:hidden;}

#centralBox p.paging {margin:0 0.5em 0.8em 0; text-align:right; font-size:1.1em;}
#centralBox p.paging a {color:#0064bc; font-weight:bold;}
#centralBox p.saveJob a {color:#0064bc; font-weight:bold; font-size:1.1em;}

/* Central Column - Promo Boxes */
#promo img {border:1px solid #a9bcdb; width:158px; margin:0 8px 20px 0; float:left; display:inline;}
#promo img.last {margin:0;}

/* Central Column - Ticker */
#ticker {background:#f3f8fb;}
#ticker p {color:#0064bc; padding:7px;}
#ticker strong {font-weight:bold; color:#353535;}

/* Central Column - White Content Box */
.contentBox {width:500px; margin:0 0 8px 0;}
.contentBox .contentBoxHead {width:500px; height:7px; background:url('/pages/files/ContentBox/head.gif') no-repeat 0 0 #fff; overflow:hidden;}
.contentBox .contentBoxMain {width:478px; padding:5px 10px; border-right:1px solid #a9bcdb; border-left:1px solid #a9bcdb; background:#fff; overflow:auto;}
.contentBox .contentBoxFooter {width:500px; height:7px; background:url('/pages/files/ContentBox/footer.gif') no-repeat 0 0 #fff; overflow:hidden;}


/* ATS table styling start */
fieldset { padding:0;margin:0;border:0; }
table#jobSearch { color:#000;padding:0;margin:0;border-collapse:collapse; }
table#jobSearch td { padding:0;margin:0; }
table#jobSearch td h1, table#jobSearch td h2, table#jobSearch td h3, table#jobSearch td h4 {margin:0.2em 0;font-size:1.2em;font-weight:bold;color:#0064bc;}
table#jobSearch td .textBoxSelectWidth {width:180px;font-size:1.0em;font-family: Arial,Trebuchet MS,Verdana,sans-serif;}
table#jobSearch td .selector {width:185px;font-size:1.0em;margin:4px 0 0 0;font-family: Arial,Trebuchet MS,Verdana,sans-serif;}
table#jobSearch td#catfield {padding:0 0 10px 0; }
table#jobSearch #workingpattern table {  }
table#jobSearch #workingpattern table td { padding:0 10px 0 0; }
table#jobSearch #workingpattern table input { float:left;padding:0;margin:0; }
table#jobSearch #workingpattern table label { float:left; padding:2px 0; }
table.jobresultnav {width:100%;}
table.jobresultnav td {width:33%;padding:0 0 5px 0;} 
table.jobresultnav td.return {text-align:center;} 
table.jobresultnav td span.jobnavright { display:block;text-align:right; }
table.jobresultnav td.next {text-align:right;} 
table.jobresultnav td.previous {text-align:left;} 
table#joblist { color:#000;padding:0;margin:0;border-collapse:collapse; }  
table#joblist td { padding:5px 0;margin:0; }
table#joblist td.salary, table#joblist td.location { font-weight:bold; }  
table#joblist td.dates { width:50%;padding:0 0 10px 0;border-bottom:1px dotted #666;}  
table#joblist h2 {margin:0.2em 0;font-size:1.2em;font-weight:bold;color:#0064bc;}
table#navbtm { margin:10px 0 0 0; }
table.form { color:#000;padding:0;margin:0;border-collapse:collapse; }
#resultcriteria p {font-size:1.2em;}
table#jobSummary, table.jobsummary { color:#000;padding:0;margin:0;border-collapse:collapse; }  
#otherjobfunctions table { color:#000;padding:0;margin:0;border-collapse:collapse; }  
#engage a { font-weight:bold; }
#engage a:hover {text-decoration:underline;}
#engage li { color:#000; list-style-type: none; }
table#applicationFormJobSummary, table#formTable, table.formTable, table#savedsearches { color:#000;padding:0;margin:0;border-collapse:collapse; }  
table.formTable input, table#formTable input {width:160px;font-size:1.0em;font-family: Arial,Trebuchet MS,Verdana,sans-serif;}
table.formTable .clearBtn {width:40px;font-size:1.0em;font-family: Arial,Trebuchet MS,Verdana,sans-serif;}
table.formTable select, table#formTable select {width:165px;font-size:1.0em;font-family: Arial,Trebuchet MS,Verdana,sans-serif;}
table.formTable .radiobuttons label, table#formTable .radiobuttons label { float:left;padding:4px 0; }
table.formTable .radiobuttons input, table#formTable .radiobuttons input { float:left;width:20px; }
table.form .checkboxes {width:100%; }
table.form .checkboxes label{ float:left;padding:4px 0; }
table.form .checkboxes input{ float:left;width:20px; }
table.form input {font-size:1.0em;font-family: Arial,Trebuchet MS,Verdana,sans-serif;}
table.formTable .declaration input { width:15px; }
table.dropdown { width:95%; }
.submit_left input,#onlineappform  input {font-size:1.0em;font-family: Arial,Trebuchet MS,Verdana,sans-serif;}
#previewform table { color:#000;padding:0;margin:0;border-collapse:collapse; }
#previewform table td { padding:5px 0; }
#previewform h4,#previewform h5 {margin:0.2em 0;font-size:1.2em;font-weight:bold;color:#0064bc;}
.subcol #searchfunctions h2 { margin:10px 0; }
/* ATS table styling end */

/* Central Column - Vacancy Search */
.searchResults p {margin:0 0 0.4em 0;}
.searchResults p strong {color:#0064bc;}
.searchResults p.readMore {text-align:right; margin:0 0 1.4em 0;}
.searchResults p.readMore a {color:#0064bc; font-weight:bold;}
.jobJump {margin:0 0.5em 0.8em; font-size:1.1em;}
.jobJump a {color:#0064bc; font-weight:bold;}
.jobJump .previous {float:left; width:161px; text-align:left;}
.jobJump .return {float:left; width:161px; text-align:center;}
.jobJump .next {float:right; width:161px; text-align:right;}
.viewJob {font-size:1.1em; margin:0 0 1.4em 0;}
.viewJob .title {width:140px; float:left; color:#0064bc; font-weight:bold;}
.viewJob .details {float:left; color:#353535;}
.searchFunctions h2 {margin:1.5em 0 0.2em 0;}
.searchFunctions h3 {margin:0 0 0.2em 0; color:#353535; font-size:1.0em;}
.searchFunctions a {color:#0064bc;}


/* Central Column - Footer Links */
#footer {margin:4px 8px 50px 0; font-weight:bold; text-align:right; color:#999;}
#footer a {color:#999; padding:0 3px;}
#footer a:hover {text-decoration:underline;}


/* Useful bits */
.newline {clear:both; height:0px; overflow:hidden;}
.newjob {clear:both; height:0px; overflow:hidden; margin:0 0 0.4em 0;}
.strong {font-weight:bold;}
textarea.wide{ height: 400px;}


#engage table td, #engage table th 
{
	text-align: left;
	vertical-align: top;
}
#workingpattern table td
{
      width: 50%;

}

#workingpattern table td input 
{
	float: left;
}

#workingpattern table td label 
{
	float: left;
	margin-top: 5px
}	margin-left: 5px
}

table td .multiselector
{
	width: 420px;
	height: 100px;
}

#navtop td.next{text-align: right;}
#otherjobfunctions{ margin-bottom: 20px;}

.highlight, .required, .mandatory, .manitory, .alwaysmanitory {
	font-weight: bold; color: red; display: inline;
}

#engage #onlineappform td textarea {width: 90%;}

#footer #logoThumbs {margin:40px 0 0 0;}
#footer #logoThumbs img {padding:0 0 0 10px;}

 #engage textarea.wide, textarea.INPUTbox, #engage textarea.textBox, #engage textarea.INPUTbox.textBox {
	font-family: arial, verdana, "Times New Roman" , serif;
	font-size:1.0em;
 }