/* Vertical Scrollbar in Firefox */
html, body {min-height: 100%; margin-bottom: 1px;} 


/*        Standard Elements        */

body {
	background: #fff url(/images/bg/sitebackground.gif) top left repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333;
	margin: 0 0 15px;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; font-weight: bold; line-height: 1.3em;}

/* SCRIPT STYLE HEADINGS - empty <em> tags are placed inside the <h1> tags and
   positioned absolutely on top of the <h1> plain text content. The <em> tags
   have the script style headings in gif format set as the background image.
   Therefore if images are disabled the plain text headings can still be seen. */
h1 {width: 250px; height: 26px; position: relative; font-size: 140%; color: #333; overflow: hidden; margin-bottom: 0.3em; padding-top: 10px;}
h1 em {width: 250px; height: 36px; position: absolute; top: 0; left: 0; background: top left no-repeat;}

h1.short, h1.short em {width: 122px;}

h2 {font-size: 1em; margin-bottom: 1em;}
h3 {font-size: 1em; margin-bottom: 0.5em;}
h4 {font-size: 0.83em; margin-bottom: 0.3em;}

a img {border: none;}
a {color: #4e4d93;text-decoration:none;}
a:hover {color: #435ac2; text-decoration:underline;}

p {margin: 0; padding: 0 0 1.3em; line-height: 1.3em;}
p.skipNav {position: absolute; left: -9999em;}

ol, ul {margin: 0 0 1.3em; padding-left: 2em;}
ul li, ol li {line-height: 1.3em; margin-bottom: 0.3em; margin-left: 0.5em;}
li ol, li ul {margin: 0.3em 0 0;}

form {margin: 0 0 1em; padding: 0;}
input, select {font-family: Arial, Helvetica, sans-serif; font-size: 100%;}

blockquote {margin: 0.5em auto;}
span.orange {color:#f7a406;}
span.blue {color:#4e4d93;}

/*         Top Navigation          */

ul#topNav {position: absolute; top: 15px; right: 0; list-style: none; margin: 0; padding: 0;font-size:0.7em;}
ul#topNav li {float: left; padding: 3px 0; margin: 0;}

ul#topNav li a {
	display: block;
	border-right: 1px solid #dfe3f4;
	color: #dfe3f4;
	text-decoration: none;
	padding: 0 6px;
}

ul#topNav a:hover {text-decoration: underline;}
ul#topNav li a.tandcs {border-right: none;}

/*           Page Layout           */

#container {width: 980px; padding: 0; margin: 0 auto;}
#header {width: 980px; position: relative; padding:0;}


#content {width: 710px; float: left; padding: 25px 0 15px 0;}
#rightColumn {width: 270px; float: left; padding: 25px 0 0 0px;}

#footer {width: 980px; clear: both; color: #4662c9; padding: 0;margin:0;}
#footerTop {background: url(../images/bg/footer_top.gif) top left no-repeat; height:8px;width:980px; font-size:1%;}
#footerContent {margin:0; padding:0 10px 3px 0;border-left:2px solid #fff;border-right:2px solid #fff;background:#ededef;}
#footerContent p {float: left; line-height: 1em; margin: 0; padding: 0 0 0 10px;font-size:0.7em;}
#footerContent p.menu {float: right; line-height: 1em; margin: 0; padding: 0 0 0 10px;}
#footerBottom {background: url(../images/bg/footer_bottom.gif) bottom left no-repeat;}


/*           Header Section          */
#logo {float:left;margin:0;padding:0;width:170px;}
#headerLeft {float: left; margin:40px 0 0 20px;padding:0;}
#phoneNumber {margin:0; padding: 0;width:263px;height:18px;}
#mainMenu {margin: 24px 0 0 0;padding:0;}


/*           Home Page            */
#introSection {margin:0;padding:0;width:710px;}
#introSectionTop {margin: 0; padding: 0; min-height:31px; background: url(/images/bg/mainbox_top.gif) top left no-repeat;}
#introSectionBottom {margin:0;padding:0; min-height:205px; background: url(/images/bg/mainbox_bottom.gif) bottom left no-repeat;}
#IntroSectionContent {margin: 0 5px; padding: 0; min-height:200px; height:205px; background: url(/images/bg/homepage_img.gif) top left no-repeat;}
#introSection H1 {margin: 0 0 0 340px;padding:0;width:350px;color:#fff;}
#introSection H1 span {display:none; position:relative;left:-2000px;}
#introSection p {margin: 0 0 0 340px;padding: 10px 0 0 0;font-size:0.7em;}


#midSection {clear:both; width:690px; margin:10px 0 0 0; padding:0; position: relative;}


/*          Content Boxes           */
#jobsBox {margin:0; padding:0; float:left; width:334px;font-size:0.7em;}
#browseBox {float: right; margin:0; padding:0;width:334px;font-size:0.7em;}
#searchBox {margin:0; padding:0;width:270px;font-size:0.7em;}
#contactBox {margin:10px 0 0 0; padding:0; width:270px;font-size:0.72em;}


#jobsBoxHeader, #browseBoxHeader {margin:0; padding:0; background: url(/images/bg/largebox_top.gif) top left no-repeat;}
#searchBoxHeader {margin:0; padding:0; background: url(/images/bg/searchbox_top.gif) top left no-repeat; width:270px;min-height:31px;}
#searchBoxHeader.inner {background: url(/images/bg/inner-search-top.gif) top left no-repeat;}
#contactBoxHeader {margin:0; padding:0; background: url(/images/bg/contactbox_top.gif) top left no-repeat; width:270px;}
#jobsBoxContent, #browseBoxContent {margin:0; padding:0 15px 0 10px; background: url(/images/bg/largebox_bottom.gif) bottom left no-repeat;min-height:371px;height:371px;}
#searchBoxContent {margin: 0; padding: 0 15px 9px 15px; min-height:190px; height:190px; background: url(/images/bg/searchbox_bottom.gif) bottom left no-repeat; width:240px;}
#searchBoxContent.inner {background: url(/images/bg/inner-search-bottom.gif) bottom left no-repeat;}
#searchBoxContent.home {padding-bottom:15px;}

#contactBoxContent {margin:0; padding:0 10px 15px 15px; background: url(/images/bg/contactbox_bottom.gif) bottom left no-repeat; width:245px;min-height:355px;height:355px;}
#jobsBoxHeader H2, #browseBoxHeader H2,  #searchBoxHeader H2, #contactBoxHeader H2 {margin:0; padding:5px 0 0 16px}
#jobsBoxContent ul, #browseBoxContent ul {list-style:none; margin:0; padding:10px 0 0 0;}
#jobsBoxContent li, #browseBoxContent li {background: url(/images/misc/arrow.gif) top left no-repeat;line-height:18px;padding:0 0 5px 20px;}
#jobsBoxContent p, #browseBoxContent p, #searchBoxContent p, #contactBoxContent p {margin: 0; padding: 0 0 10px 7px; line-height: 0.6em;}
#searchBoxContent p.button {text-align:right;}
#contactBoxContent ul.help {list-style:none; padding:10px 0 115px 0; margin:0;}
#contactBoxContent ul.contact {list-style:none; padding:10px 0 0 0; margin:0;}
#contactBoxContent li {background: url(/images/misc/talkicon.gif) top left no-repeat;line-height:2.3em;padding-left:30px;color:#f7a406;font-weight:bold;}
#contactBoxContent li.email {background: url(/images/misc/emailicon.gif) top left no-repeat;}
#contactBoxContent li.salary {background: url(/images/misc/salary-icon.gif) top left no-repeat;}
#contactBoxContent li.interview {background: url(/images/misc/interview-icon.gif) top left no-repeat;}
#contactBoxContent h1.contactus {text-indent:-999px; margin:5px 0 0 0; padding:0;}

#candidatesBox {margin:0;padding:0 0 116px 0; }
.dottedlineBox {background: url(/images/bg/dottedline.gif) top left repeat-x;margin:0;padding:10px 0 0 0;}

/*          Middle Boxes           */
.middleContent {margin:0; padding:0 0 0 7px;}
h3.middleContent {margin:0; padding:10px 0 10px 7px; line-height: 0.6em;}
#middleContent, #middleBoxContent {margin:0 0 10px 0; padding:0 15px 0 10px; background: url(/images/bg/middle_box_bottom.png) bottom left no-repeat;min-height:165px;height:165px;}
#middleBoxContent ul {list-style:none; margin:0; padding:10px 0 0 0;}
#middleBoxContent li {background: url(/images/misc/arrow.gif) top left no-repeat;line-height:18px;padding:0 0 5px 20px;}



/*          Form items (Search Box)           */
#searchBoxContent div.row {clear:both; padding:0 0 10px 0; margin:0px;}
#searchBoxContent label {float:left; width: 80px; padding:0px 0px 5px 0px;margin:0px;line-height:2em;}
#searchBoxContent div.row span.formw {float:left;text-align: left;}


/*          Content Box Columns (Browse Box)           */
.column1 {width: 101px; float: left; margin: 0; padding: 0;}
.column2 {width: 101px; float: left; margin: 0; padding: 0}
.column3 {width: 101px; float: left; margin: 0; padding: 0}
.column4 {width: 170px; float: left; margin: 0; padding: 0}
.column5 {width: 130px; float: left; margin: 0; padding: 0}
.columnEnd {clear:both; margin:0;padding:5px 0;}


/*           Inner Pages           */
#InnerPageTop {margin:0;padding:0;width:690px;background:url(/images/bg/inner-page-top.gif) top left no-repeat;}
#InnerPageBottom {margin:0;padding:0;width:690px;background:#fff url(/images/bg/inner-page-bottom.gif) bottom left no-repeat; min-height:625px; height:auto !important; height:625px;}
#InnerPageContent {margin:0;padding:10px 20px 15px 20px;}
#InnerPageContent h1 {padding:0 0 7px 0; margin:0;text-indent: -100em; overflow: hidden;width:240px;height:24px}
#InnerPageContent h1.text {font-size: 1em; margin:0; padding:0;color:#003399;text-indent:0em; width:auto;}
#InnerPageContent h2 {font-size: 0.83em;margin:0; padding:0 0 7px 0;color:#003399;}
#InnerPageContent h3 {font-size: 0.83em;margin:0; padding:0 0 7px 0;color:#0066cc;}
#InnerPageContent p {font-size: 0.72em; margin:0; padding:0 0 7px 0;line-height:1.5em;}
#InnerPageContent ul, #InnerPageContent ol {margin-bottom:7px;font-size: 0.72em;}
#InnerPageContent li {color:003399;}
#InnerPageContent p.checkbox{display:block; min-height: 25px; padding-left: 27px; font-weight: bold; background: url(/images/checkbox.png) no-repeat 0 0; line-height: 2em;}

/* = RSS  */
.rss li{font-size: 1.4em;}
.jobtable{font-size: 0.8em; margin-bottom: 15px;}
.jobtable th, .jobtable td{text-align: left; vertical-align: top; padding: 3px;}
.jobtable td{padding-left: 5px;}
#pagelinks{ color:#fff; background-color:#5157A4; padding:3px 8px; border-bottom:1px solid #353271; border-top:1px solid #353271; font-size:0.72em; margin-bottom:10px;}
.snippet{padding:5px 0 10px 0; margin-bottom: 10px; background: url(../images/bg/dottedline.gif) bottom left repeat-x;}
#searchform{padding-top:10px;}


/*         General Styles          */
.errorList{color:#353271;}
.bold{font-weight:bold;}
.clear {clear: both;}
.left {float: left;}
.right {float: right;}
.topOfPage {text-align: right; padding-bottom: 0.5em;}
.sep.btm{padding:5px 0 0 0; margin-bottom: 10px; background: url(../images/bg/dottedline.gif) bottom left repeat-x;}
.sep.top{padding:10px 0 0 0; margin-top: 15px; background: url(../images/bg/dottedline.gif) bottom left repeat-x;}
.right.toppic {float:right;margin:0;padding:0 0 10px 10px;}


/*         Headings         */
.aboutus {background: url(../images/headers/hd_aboutus.gif) top left no-repeat;}
.staff {background: url(../images/headers/hd_staff.gif) top left no-repeat;}
.howwework {background: url(../images/headers/hd_howwework.gif) top left no-repeat;}
.clients {background: url(../images/headers/hd_clients.gif) top left no-repeat;}
.candidates {background: url(../images/headers/hd_candidates.gif) top left no-repeat;}
.locum {background: url(../images/headers/hd_gplocum.gif) top left no-repeat;}
.interview {background: url(../images/headers/hd_interview.gif) top left no-repeat;}
.vacancies {background: url(../images/headers/hd_vacancies.gif) top left no-repeat;}
.jobinfo {background: url(../images/headers/hd_jobinfo.gif) top left no-repeat;}
.sendfriend {background: url(../images/headers/hd_sendfriend.gif) top left no-repeat;}
.submitcv {background: url(../images/headers/hd_submitcv.gif) top left no-repeat;}
.contactus {background: url(../images/headers/hd_contact.gif) top left no-repeat;}
.enquiryform {background: url(../images/headers/hd_enquiry.gif) top left no-repeat;}
.sitemap {background: url(../images/headers/hd_sitemap.gif) top left no-repeat;}
.accessibility {background: url(../images/headers/hd_accessibility.gif) top left no-repeat;}
.links {background: url(../images/headers/hd_links.gif) top left no-repeat;}
.terms {background: url(../images/headers/hd_clientterms.gif) top left no-repeat;}
.news {background: url(../images/headers/hd_news.gif) top left no-repeat;}
.busnews {background: url(../images/headers/hd_busnews.gif) top left no-repeat;}
.maximnews {background: url(../images/headers/hd_maximnews.gif) top left no-repeat;}
.recnews {background: url(../images/headers/hd_maximnews.gif) top left no-repeat;}
.testimonials {background: url(../images/headers/hd_testimonials.gif) top left no-repeat;}