﻿/* ---------------------------------------------------------
------------		General Settings  		----------------
----------------------------------------------------------*/
body
{
	font-family :  Arial, Verdana, helvetica, Sans-Serif;
	font-size : 76%;
	color : #000000;
	/*background-color : #E9E2F4;*/
	background-color : #ffffff;
	margin : 0px;
	padding : 0px;
}

img
{
	border : none;
}

a
{
	text-decoration : none;
	color : #000;
}

h1, h2 ,h3 ,p
{
	margin : 0px 0px 16px 0px;
	padding : 0px;
}

h1
{
	margin-top : 8px;
	font-size : 120%;
}

h2
{
	margin-top : 8px;
	font-size : 110%;
}

h2.accredit
{
	margin-top : 8px;
	font-size : 110%;
}

h3
{
	font-size : 100%;
}

.brclear
{
	clear:both; 
	height:0;
	margin:0; 
	font-size: 1px; 
	line-height: 0;
}
/* ---------------------------------------------------------
------------		Quote Settings  		----------------
----------------------------------------------------------*/

p.Quote 
{
	font-weight : bold;
	margin-bottom : 0px;
	background-color : #E9E2F4;
	color : #1F145D;
	padding-right : 15px;
}

div.OpenQuote
{
	width : 25px;
	height : 16px;
	float:left;
	background-image : url(Images/OpenQuote.gif);
	margin-top:16px;
	margin-right:4px;		
}

div.CloseQuote
{
	width : 25px;
	height : 16px;
	float:left;
	clear : left;
	margin-top: -16px;
	margin-bottom:20px;
	margin-right:-8px;
	margin-left : 395px;
	background-image : url(Images/CloseQuote.gif);	
}

div.QuoteText
{
	display : block;
	float : left;
	margin-top : 16px;
	width:360px;
	font-style : italic;	
}
div.QuoteTextLeft
{
	display : block;
	float : left;
	margin-top : 16px;
	width:120px;	
}
div.QuoteTextRight
{
	display : block;
	float : left;
	margin-top : 16px;
	width:110px;	
}

div.QuoteBlock
{
	width : 100%;
	text-align:left;
	margin-bottom : 0px;
	padding : 0px;
	margin-top : 0px;	
}

div.QuoteWrap
{
	width : 410px;
	text-align:center;
	clear :both;
	
}
		

/* ---------------------------------------------------------
------------		Defaults For Page   	----------------
----------------------------------------------------------*/

div#Page
{
	width : 1000px;
	display : block;
	background-color : #FFF;
	margin : 0px auto 0px auto;
	border : solid 1px #C4C4C4;
	border-bottom : solid 1px #C4C4C4;
	padding : 0px 0px 0px 0px;
}
/* ---------------------------------------------------------
------------		Styles For Header  		----------------
----------------------------------------------------------*/

div#Page_Header
{
	width : 1000px;
	margin : 0px;
	padding : 0px;
}

div#HeaderBar
{
	height : 12px;
	display : block;
	background-image : url(Images/HeaderBar.jpg);
	background-repeat : repeat-x;
}
* html div#HeaderBar
{
	height : 12px;
	display : block;
	background-image : url(Images/HeaderBar.jpg);
	background-repeat : repeat-x;
	background-position : bottom;
}

div#Banner
{
	width : 100%;
}

div#Logo
{
	width : 231px;
	display : block;
	float : left;
	margin : 30px 0px 0px 7px;
	
}

/* Added By Matt Todd - 29th July 2008 - IE 6 Fix for Wrapping Header */
* html div#Logo
{
	width : 231px;
	display : block;
	float : left;
	margin : 30px 0px 0px 3px;
}
/**/

div.LogoImage
{
	float:right;
	margin-right : 16px;
}

* html div.LogoImage
{
	float:right;
	margin-right : 8px;
}

div#BannerGraphic
{
	float : left;
	width : 400px;
	height : 195px;
	display : block;
	background-image : url(Images/Banner02.jpg);
}

div#SearchBox
{
	font-size : 95%;
	float : left;
	height : 195px;
	width : 170px;
	display : block;
	background-image : url(Images/JobSearchBox.jpg);
	background-repeat : repeat-x;
	background-color : #B9A0E2;
}


div#SearchBoxContent
{
	margin : 6px 6px 6px 6px;
}

div.SearchBoxDataFields
{
	height:130px;
}

div#SearchBoxHeader
{
	background-image : url(Images/JobSearchTitleBar.jpg);
	background-repeat : no-repeat;
	color : #FFF;
	font-size : 120%;
	font-weight : bold;
	text-indent : 26px;
	width : 140px;
	height : 26px;
	line-height : 18px;
	margin-left : 6px;
}

.SearchBoxField
{
	font-size : 95%;
	height : 22px;
	margin : 1px 0px 0px 6px;
}

.SearchBoxTextBox
{
	font-size : 95%;
	margin : 0px 0px 2px 6px;
}

div.SearchGo
{
	
	height : 24px;
	line-height : 26px;
	color : #FFF;
	font-size : 110%;
	font-weight : bold;
	text-align : right;
	background-image : url(Images/GoButton.gif);
	background-position : bottom right;
	background-repeat : no-repeat;
}

div.SearchGo a
{
	color : #FFF;
}

.Watermark
{
	background-color : #FFF;
	color : #808080;
	font-size : 95%;
	border: 2px #a0a0a0 solid;
}
div#LoginBox
{
	font-size : 90%;
	float : left;
	height : 195px;
	width : 192px;
	display : block;
	background-color : #1F145D;
	color : #FFF;
}

/* Fix for IE 6 by Matt Todd - 29th July 2008 */
* html div#LoginBox
{
	float : right;
	height : 195px;
	width : 193px;
	display : block;
	background-color : #1F145D;
	color : #FFF;
}
/* */

div#LoginFrame
{
	margin : 8px 16px 8px 16px;
	border-color : #3C26B3;
	border-width : 1px;
	border-style : solid;
}

div.LoginButton
{
	background-image : url(Images/RegisterButton.gif);
	background-repeat : no-repeat;
	background-color : #808080;
	font-size : 140%;
	font-weight : bold;
	text-indent : 26px;
	line-height : 20px;
	width : 158px;
	height : 22px;
}

div.LoginButton a
{
	color : #FFF;
}

div.LoginAltButton
{
	background-image : url(Images/SubmitCVButton.gif);
	background-color : #808080;
	background-repeat : no-repeat;
	font-size : 140%;
	font-weight : bold;
	text-indent : 26px;
	line-height : 20px;
	width : 158px;
	height : 22px;
}

div.LoginAltButton a
{
	color : #1F145D;
}

div.LoginText
{
	margin : 0px 6px 6px 6px;
	height : 32px;
}


/* ---------------------------------------------------------
------------	Styles For Division Tabs	----------------
----------------------------------------------------------*/

div#Page_TabStrip
{
	font-size : 90%;
	width : 1000px;
	height : 50px;
	display : block;
	clear : both;
	margin : 0px;
	padding : 0px;
	background-image : url(Images/TabBar.jpg);
	background-repeat : repeat-x;
}

div.TabStartS
{
	height : 50px;
	width : 9px;
	float : left;
	display : block;
	background-image : url(Images/HomeTabSelectedLeft.jpg);
	background-repeat : repeat-x;
}

div.TabStartU
{
	height : 50px;
	width : 9px;
	float : left;
	display : block;
	background-image : url(Images/HomeTabUnSelectedLeft.jpg);
	background-repeat : repeat-x;
}

div.TabSelected
{
	height : 50px;
	float : left;
	display : block;
	color : #1F145D;
	background-image : url(Images/TabSelectedMiddle.jpg);
	background-repeat : repeat-x;
	line-height : 48px;
	font-size : 110%;
	font-weight : bold;
}

div.TabSelected a
{
	color : #1F145D;
}	

div.TabUnSelected
{
	height : 50px;
	float : left;
	display : block;
	color : #FFF;
	background-image : url(Images/TabUnSelectedMiddle.jpg);
	background-repeat : repeat-x;
	line-height : 50px;
	font-size : 110%;
	font-weight : bold;
}

div.TabUnSelected a
{
	/*color : #e9e2f4;*/
	color : #e0e0e0;
}

div.TabUnSelected a:hover
{
	color : #FFF;
	text-decoration : none;
}



div.TabEndSU
{
	height : 50px;
	width : 25px;
	float : left;
	display : block;
	background-image : url(Images/TabSelectedRightSide.jpg);
	background-repeat : no-repeat;
}

div.TabEndUS
{
	height : 50px;
	width : 26px;
	float : left;
	display : block;
	background-image : url(Images/TabSelectedLeft.jpg);
	background-repeat : no-repeat;
}

div.TabEndUU
{
	height : 50px;
	width : 26px;
	float : left;
	display : block;
	background-image : url(Images/TabUnSelected.jpg);
	background-repeat : no-repeat;
}

div.TabEndS
{
	height : 50px;
	width : 27px;
	display : block;
	float : left;
	background-image : url(Images/TabSelectedRight.jpg);
	background-repeat : no-repeat;
}

div.TabEndU
{
	height : 50px;
	width : 27px;
	display : block;
	float : left;
	background-image : url(Images/TabUnSelectedRight.jpg);
	background-repeat : no-repeat;
}

/* ---------------------------------------------------------
------------	Styles For Vert Nav Menu	----------------
----------------------------------------------------------*/

div#NavBar
{
	font-size : 90%;
	width : 178px;
	height : 100%;
	float : left;
	display : block;
	margin : 8px 0px 0px 1px;
}

/* Opera fix Sam 26/08/08 */
@media all and (min-width:0px) {
body div#NavBar {font-size: 95%;}
head~body div#NavBar {font-size: 90%;}
}

ul.Nav
{
	width : 171px;
	margin : 0px;
	padding : 0px;
	color : #000000;
	list-style-type : none;
}

ul.Nav li
{
	width : 170px;
	line-height : 18px;
	margin : 1px 0px 0px 0px;
}

ul.Nav li a
{
	display : block;
	font-weight : bold;
	text-decoration : none;
	color : #000000;
	padding : 0px 0px 0px 16px;
}

ul.Nav li a:hover
{
	background-image : url(Images/NavRollover.gif);
	background-repeat : no-repeat;
	padding : 0px 0px 0px 16px;
}

ul.Nav li.unselected .SubNav
{
	display : none;
}
/*
ul.Nav li.unselected:hover ul
{
	display : block;
}*/

li.selected
{
	background-image : url(Images/NavHighlight.gif);
	background-repeat : no-repeat;
	padding : 0px 0px 0px 0px;
}


li.selected a:hover
{
	margin : 0px 0px 0px 0px;
}

/*
div.Floating
{
	position : relative;
	z-index : 2;
	top : 0px;
	left : 40px;
	border : solid 1px #ffffff;
}
*/

ul.SubNav
{
	width : 170px;
	margin : 0px 0px 10px 8px;
	padding : 0px 0px 0px 0px;
	color : #000000;
	list-style-type : none;
	overflow : hidden;
}

ul.SubNav li
{
	line-height : 18px;
	margin : 0px 0px 1px 0px;
	background-image : url(Images/DropDownRollover.gif);
}

ul.SubNav li.selected
{
	background-image : url(Images/NavHighlight.gif);
	background-repeat : no-repeat;
	margin : 0px 0px -1px 0px;
}

ul.SubNav li a
{
	display : block;
	font-weight : normal;
	text-decoration : none;
	color : #000000;
	padding : 0px 0px 0px 16px;
	width : 170px;
}

ul.SubNav li a:hover
{
	background-image : url(Images/NavRollover.gif);
	background-repeat : no-repeat;
	padding : 0px 0px 0px 16px;
}

/* ---------------------------------------------------------
------------	Styles For Page Body		----------------
----------------------------------------------------------*/

div#Page_Body
{
	width : 992px;
	background-image : url(Images/BorderLeft.jpg);
	background-repeat : repeat-y;
	padding : 0px 0px 0px 8px;
}

div#Body_Content
{
	width : 812px;
	height : 100%;
	float : right;
	display : block;
}
div.BodyColumns
{
	width:812px;
	display:block;
}

div.BodyColumn1
{
	float:left;
	width:436px
}
div.BodyColumn2
{
	float:right;
	width:376px;
}
div.FloatRight
{
	float:right;
}
div.FloatLeft
{
	float:left;
}
div.BodyText
{
	/*font-family : Verdana, Arial, helvetica, Sans-Serif;*/
	margin : 4px 0px 0px 0px;
	padding : 4px 0px 0px 8px;
	float : left;
	clear : left;
	width : 420px;
}

/* Added by Matt - 31/07/2008 - IE 6 Styling Fix */

* html div.BodyText
{
	/*font-family : Verdana, Arial, helvetica, Sans-Serif;*/
	margin : 4px 0px 0px 0px;
	padding : 4px 0px 0px 8px;
	float : left;
	clear : left;
	width : 408px;
}

/**/

div.BodyText a
{
	color : #B9A0E2;
	font-weight : bold;
}

div.BodyText a:hover
{
	text-decoration : underline;
}

div.BodyText a:visited
{
	color : #a0a0a0 !important;
}

div.BodyHeading
{
	height : 30px;
	line-height : 28px;
	margin : 4px 0px 10px 0px;
	float : left;
	clear : left;
	width : 430px;
}

div.BodyHeading h2, div.BodyText h2, div.BodyText h1, div.BodyText h3
{
	color : #1F145D;
	font-weight : bold;
}

div#BodyTab
{
	float : left;
	height : 31px;
	width : 420px;
	display : block;
	background-image :  url(Images/NOWRecruitmentTab.jpg);
	background-repeat : no-repeat;
}

/* Added by Matt - 31/07/07 - IE 6 Styling Fix */

* html div#BodyTab
{
	float : left;
	height : 31px;
	width : 408px;
	display : block;
	background-image :  url(Images/NOWRecruitmentTab.jpg);
	background-repeat : no-repeat;
}
/**/

h1.BodyTab
{
	width : 420px;
	height : 31px;
	position : relative;
	font-size : 180%;
	font-weight : bold;
	margin : 0px;
	padding : 0px;
}

h1.BodyTab span
{
	background-image :  url(Images/NOWRecruitmentTab.jpg);
	background-repeat : no-repeat;
	position : absolute;
	width : 100%;
	height : 100%;
}

.ErrorText
{
	color : Red;
}

div.VacancyLabel, div.RegisterLabel, div.RegisterLabelDeep
{
	float : left;
	width : 82px;
	height : 18px;
	color : #000;
	background-color : #F0ECFA;
	clear : left;
	margin : 8px 0px 8px 0px;
	font-size : 90%;
	font-weight : bold;
	text-indent : 2px;
	line-height : 18px;
}

div.VacancyData, div.RegisterData
{
	float : left;
	width : 308px;
	margin : 0px 0px 8px 8px;
	font-size : 100%;
}

div.VacancyData
{
	margin-top : 0px !important;
	margin-bottom : 0px;
}

div.VacancyLabel
{
	margin-top : 0px;
	margin-bottom : 4px;
}

div.SearchTerm
{
	width : 204px;
	height : 60px;
	float : left;
	display : block;
}

* html div.SearchTerm
{
	width : 204px;
	height : 60px;
	float : left;
	display : block;
}

div.SearchTabLeft
{
	float : left;
	clear : left;
	height : 16px;
	background-image : url(Images/SearchTabLeft.gif);
	background-repeat : no-repeat;
	width : 5px;
}

div.SearchTabRight
{
	float : left;
	height : 16px;
	background-image : url(Images/SearchTabRight.gif);
	background-repeat : no-repeat;
	width : 18px;
}
	
div.SearchLabel
{
	float : left;
	height : 16px;
	width : 50px;
	color : #000;
	background-color : #F0ECFA;
	font-size : 80%;
	font-weight : bold;
	padding : 0px 0px 0px 0px;
	line-height : 18px;
}

* html div.SearchLabel
{
	float : left;
	height : 16px;
	width : 50px;
	color : #000;
	background-color : #F0ECFA;
	font-size : 80%;
	font-weight : bold;
	padding : 0px 0px 0px 0px;
	line-height : 16px;
}

div.SearchLabelBase
{
	float : left;
	clear : left;
	height : 6px;
	width : 10px;
	background-color : #F0ECFA;
	display : block;
}

div.SearchData
{
	background-color : #F0ECFA;
	padding : 4px 4px 4px 4px;
	margin : 0px 0px 0px 0px;
	float : left;
	height : 20px;
	width : 180px;
}

.SearchBox
{
	width : 180px;
	border : solid 1px #a0a0a0;
	margin : 0px;
	font-size : 100%;
}

input.SearchBox
{
	width : 172px;
	height : 16px !important;
	padding : 0px 0px 0px 4px;
	margin : -1px 0px 0px 0px;
}

select.SearchBox 
{
	height : 20px !important;
}

select.SortOrder
{
	font-size : 80% !important;
}
div.SearchLeft
{
	height : 32px;
	padding-top : 3px;
	float : left;
}
div.SearchRight
{
	height : 32px;
	float : right;
}


* html div.VacancyLabel
{
	height : 14px;
	line-height : 14px;
	margin-top : 0px;
	margin-bottom : 4px;
}

div.VacancyLabel h2
{
	margin-top : 0px;
	font-size : 100%;
	color : #000 !important;
}

div.RegisterData
{
	margin : 4px 0px 6px 4px;
	width : 280px;
}

div.RegisterLabel, div.RegisterLabelDeep
{
	text-align : right;
	padding-right : 8px;
	width : 100px;
	height : 30px;
	margin : 0px 0px 2px 0px;
	line-height : 32px;
}

div.RegisterLabelDeep
{
	line-height : 15px;
}

div.RegisterData input, div.RegisterData textarea, div.FileUpload input
{
	background-color : #fbfbfb;
	border : solid 1px #c0c0c0;
}

div.ApplyNow
{
	background-image : url(Images/ApplyNow.gif);
	background-repeat : no-repeat;
	width : 81px;
	height : 21px;
	line-height : 18px;
	color : #fff;
	font-size : 90%;
	font-weight : bold;
	text-indent : 16px;
	margin : 12px 0px 12px 0px;
}

div.BodyText .framed
{
	border : solid 6px #F1ECF9;
	padding : 3px;
	margin : 0px 0px 8px 0px;
}
div#mapborder
{
	border : solid 6px #F1ECF9;
	padding : 3px;
	float : left;
	margin : 0px 0px 20px 10px;
}
div#worldmapborder
{
	border : solid 6px #F1ECF9;
	padding : 3px;
	float : left;
	margin-bottom: 20px;
}

div.ApplyNow a, div.ApplyNow a:visited
{
	color : #fff !important;
}

div.ApplyNow a:hover
{
	text-decoration : none !important;
}

.PageButton
{
	background-image : none;
	background-repeat : no-repeat;
	background-color: #FFFFFF;
	border: 0px solid;
	text-decoration: none;
	cursor:pointer;
	width : auto;
	color : #000;
	font-size : 90%;
	font-weight : normal;
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	text-align : left;
}

.PageButtonSelected
{
	background-image : none;
	background-repeat : no-repeat;
	background-color : #F3F0F3;
	border: 0px solid;
	text-decoration: none;
	cursor:pointer;
	width : auto;
	color : #000;
	font-size : 90%;
	font-weight : bold;
	padding : 0px 0px 0px 0px;
	margin : 0px 0px 0px 0px;
	text-align : left;
}

.LinkButton, .LinkButtonWide
{
	background-image : url(Images/ApplyNow.gif);
	background-repeat : no-repeat;
	background-color: #FFFFFF;
	width : 81px;
	height : 21px;
	border: 0px solid;
	text-decoration: none;
	cursor:pointer;
	line-height : 16px;
	color : #fff;
	font-size : 90%;
	font-weight : bold;
	margin : 12px 0px 12px 0px;
	text-align : left;
	text-indent : 15px;
}

.LinkButtonWide
{
	background-image : url(Images/ButtonWide.gif);
	width : 121px;
}

.BackButton
{
	background-image : url(Images/BackButton.gif);
	background-repeat : no-repeat;
	background-color: #FFFFFF;
	width : 81px;
	height : 21px;
	border: 0px solid;
	text-decoration: none;
	cursor:pointer;
	line-height : 16px;
	color : #fff;
	font-size : 90%;
	font-weight : bold;
	margin : 12px 0px 12px 0px;
	text-align : left;
	text-indent : 15px;
}

div.MoreLink
{
	float : right;
	font-weight : bold;
	font-size : 95%;
}

div.MoreLink a
{
	color : #1F145D;
}
div.MoreLink a:hover
{
}

div.MyDetails
{
	margin : 30px 0px 50px 58px;
	width : 160px;
}

div.Verisign
{
	width:100%;
	text-align:center;
	margin : 32px 0px 0px 0px;
}


/* ---------------------------------------------------------
------------			Vacancy Box			----------------
----------------------------------------------------------*/

div#VacancyBox
{
	font-size : 90%;
	float : right;
	width : 366px;
	margin-bottom : 16px;
}
/* Opera fix Sam 26/08/08 */
@media all and (min-width:0px) {
body div#VacancyBox {font-size: 95%;}
head~body div#VacancyBox {font-size: 90%;}
}

div#VacancyBoxTop
{
	width : 366px;
	height : 25px;
	display : block;
	float : left;
	background-image : url(Images/VacanciesBoxTopLeftCorner.jpg);
	background-repeat : no-repeat;	
}

div#VacancyBoxBottom
{
	width : 366px;
	height : 14px;
	display : block;
	float : left;
	background-image : url(Images/VacanciesBoxBottom.jpg);
	background-repeat : no-repeat;	
}

div#VacancyBoxCentre
{
	width : 366px;
	display : block;
	float : left;
	background-image : url(Images/VacanciesBoxMiddle.jpg);
	background-repeat : repeat-y;	
}


div#VacancyBoxLeft
{
	width : 26px;
	height : 295px;
	display : block;
	float : left;
	background-image : url(Images/VacanciesBoxLeft.jpg);
	background-repeat : no-repeat;	
}
div#VacancyBoxMiddle
{
	height : 295px;
	width : 336px;
	display : block;
	float : left;
	background-image : url(Images/VacanciesBoxMiddle.jpg);
	background-repeat : repeat-x;	
}
div#VacancyBoxTab
{
	background-image : url(Images/VacanciesTab.jpg);
	background-repeat : no-repeat;
	height : 24px;
	line-height : 22px;
	width : 300px;
	color : #1F145D;
	padding : 0px 0px 0px 8px;
}

div#VacancyTabLeft
{
	background-image : url(Images/VacanciesTabLeft.jpg);
	background-position : right top;
	background-repeat : no-repeat;
	height : 25px;
	line-height : 22px;
	width : 22px;
	color : #B9A0E2;
	float : left;
}

div#VacancyTabRight
{
	background-image : url(Images/VacanciesTabRight.jpg);
	background-repeat : no-repeat;
	background-color : #B9A0E2;
	height : 25px;
	line-height : 22px;
	width : 223px;
	color : #B9A0E2;
	float : left;
}

div#VacancyTabMiddle
{
	background-color : #fff;
	height : 25px;
	line-height : 22px;
	color : #B9A0E2;
	float : left;
	padding-left : 3px;
	width : 118px;
}

div#VacancyTabMiddle h2
{
	font-size : 130%;
	font-weight : bold;
	padding : 0px;
	margin : 0px;
}


div#VacancyBoxTab h2
{
	font-size : 140%;
	font-weight : bold;
}

div#VacancyBoxContent
{
	margin : 0px 0px 0px 17px;
	width : 330px;
	padding : 8px 0px 0px 8px;
	background : #fff;
}



div#VacancyBoxRight
{
	width : 13px;
	height : 295px;
	display : block;
	float : right;
	background-image : url(Images/VacanciesBoxRight.jpg);
	background-repeat : no-repeat;	
}

div.VacancyShort
{
	width : 156px;
	height : 74px;
	background-color : #F3F0F3;
	color : #000;
	float : left;
	margin : 0px 6px 4px 0px;
	overflow : hidden;
	border : solid 1px #e8e8e8;
}
* html div.VacancyShort
{
	width : 156px;
	height : 74px;
	background-color : #F3F0F3;
	color : #000;
	float : left;
	margin : 0px 6px 4px 0px;
	overflow : hidden;
}

div.VacancyShort a
{
	color : #000;
}

div.VacancyShortTitle
{
	font-weight : bold;
	width : 148px;
	height : 30px;
	float : left;
	line-height : 14px;
	margin-left : 4px;
	overflow : hidden;
}

div.VacancyShortTitle a
{
	overflow : hidden;
	display : block
}

div.VacancyShortText
{
	font-size : 100%;
	width : 116px;
	height : 13px;
	float : left;
	text-indent : 4px;
	overflow : hidden;
}

div.VacancyShortText a
{
	height : 13px;
	overflow : hidden;
	display : block
}

div.VacancyShortLabel
{
	font-size : 80%;
	width : 40px;
	height : 15px;
	float : left;
	line-height : 16px;
	color : #808080;
	text-indent : 4px;
}

* html div.VacancyShortLabel
{
	font-size : 80%;
	width : 40px;
	height : 13px;
	float : left;
	line-height : 15px;
	color : #808080;
	text-indent : 4px;
}

div.VacancyShortOverlay
{
	position : absolute;
	margin : 0px 0px 0px 0px;
	z-index : 2;
}

*+html div.VacancyShortOverlay
{
	position : relative;
	top : -55px;
	left : 0px;
	z-index : 2;
}

div.VacancyLong
{
	width : 414px;
	height : 58px;
	background-color : #F3F0F3;
	color : #000;
	float : left;
	margin : 0px 6px 4px 0px;
	overflow : hidden;
	border : solid 1px #e8e8e8;
	font-family : Arial, Verdana, helvetica, Sans-Serif;
	font-size : 90%;
}
* html div.VacancyLong
{
	width : 400px;
	height : 58px;
	background-color : #F3F0F3;
	color : #000;
	float : left;
	margin : 0px 6px 4px 0px;
	overflow : hidden;
	font-size : 90%;
}

div.VacancyLong a, div.VacancyLong a:visited, div.VacancyLong a:hover
{
	color : #000 !important;
	text-decoration : none;
}

div.VacancyLongTitle
{
	font-weight : bold;
	width : 400px;
	height : 16px;
	float : left;
	line-height : 16px;
	margin-left : 4px;
	overflow : hidden;
}

div.VacancyLongDate
{
	font-weight : normal;
	width : 60px;
	height : 16px;
	float : right;
	line-height : 16px;
	margin-left : 4px;
	overflow : hidden;
	color : #808080;
}
div.VacancyLongDate a
{
	font-weight : normal;
	overflow : hidden;
	color : #000 !important;
	display : block
}
div.VacancyLongDate a:visited
{
	font-weight : normal;
	overflow : hidden;
	color : #808080 !important;
	display : block
}

div.VacancyLongTitle a
{
	overflow : hidden;
	display : block
}

div.VacancyLongText
{
	font-size : 100%;
	font-weight : normal !important;
	width : 282px;
	height : 13px;
	float : left;
	text-indent : 4px;
	overflow : hidden;
}

div.VacancyLongText a
{
	font-weight : normal !important;
	height : 13px;
	overflow : hidden;
	display : block
}

div.VacancyLongLabel
{
	font-size : 80%;
	width : 60px;
	height : 15px;
	float : left;
	line-height : 16px;
	color : #808080;
	text-indent : 4px;
}

* html div.VacancyLongLabel
{
	font-size : 80%;
	width : 60px;
	height : 13px;
	float : left;
	line-height : 15px;
	color : #808080;
	text-indent : 4px;
}

/* ---------------------------------------------------------
------------		Divisions Box			----------------
----------------------------------------------------------*/

div#DivisionsBoxTab
{
	background-image : url(Images/DivisionsTab.gif);
	background-repeat : no-repeat;
	height : 29px;
	width : 200px;
	float : left;
	clear : left;
	color : #1F145D;
	margin : 12px 0px 0px 0px;
	text-indent : 13px;
	line-height : 34px;
}
* html div#DivisionsBoxTab
{
	height : 29px;
	line-height : 34px;
	background-position : bottom left;
}
div#DivisionsBoxTab h2
{
	font-size : 120%;
	font-weight : bold;
	line-height : 34px;
	margin : 0px;
	padding : 0px;
}
* html div#DivisionsBoxTab h2
{
	font-size : 120%;
	font-weight : bold;
	line-height : 28px !important;
	margin : 0px !important;
	padding : 0px !important;
}

div#DivisionsBoxBody
{
	width : 803px;
}
div#DivisionsBoxLeft
{
	width : 14px;
	height : 208px;
	display : block;
	float : left;
	clear : left;
	background-image : url(Images/DivisionsBoxLeft02.gif);
	background-repeat : no-repeat;	
}
div#DivisionsBoxMiddle
{
	height : 208px;
	width : 776px;
	display : block;
	float : left;
	background-image : url(Images/DivisionsBoxMiddle.gif);
	background-repeat : repeat-x;	
}

div#DivisionsBoxRight
{
	width : 13px;
	height : 208px;
	display : block;
	float : right;
	background-image : url(Images/DivisionsBoxRight.gif);
	background-repeat : no-repeat;	
}

div.Divisions
{
	font-size : 90%;
	height : 186px;
	width : 150px;
	display : block;
	margin : 12px 3px 0px 1px;
	float : left;
}

div#DivHeadingAcc 
{
	 
	background-color : #1F145D;
}

div#DivBodyAcc { background-image : url(Images/Boxbackground.jpg); }

div#DivHeadingCon
{
	
	background-color : #1F145D;
}

div#DivBodyCon { background-image : url(Images/Boxbackground.jpg); }

div#DivHeadingMech 
{
	 
	background-color : #1F145D;
}

div#DivBodyMech { background-image : url(Images/Boxbackground.jpg); }

div#DivHeadingEdu
{
	
	background-color : #1F145D;
}

div#DivBodyEdu { background-image : url(Images/Boxbackground.jpg); }

div#DivHeadingRail
{
	
	background-color : #1F145D;
}

div#DivBodyRail { background-image : url(Images/Boxbackground.jpg); }

div#DivHeadingAcc, div#DivHeadingCon, div#DivHeadingMech, div#DivHeadingEdu, div#DivHeadingRail
{
	height : 30px;
	width : 150px;
	color : #FFF;
	display : block;
	font-size : 110%;
	font-weight : bold;
	background-repeat : no-repeat;
}

div#DivHeadingAcc h3, div#DivHeadingCon h3, div#DivHeadingEdu h3, div#DivHeadingRail h3
{
	font-size : 100%;
	text-align : center;
	margin : 0px 0px 0px 0px;
	line-height : 30px;
}

div#DivHeadingMech h3
{
	font-size : 100%;
	text-align : center;
	margin : 0px 0px 0px 0px;
	line-height : 15px;
}

div#DivHeadingAcc h3 a, div#DivHeadingCon h3 a, div#DivHeadingEdu h3 a, div#DivHeadingRail h3 a, div#DivHeadingMech h3 a
{
	color : #FFF;
}

div#DivBodyAcc, div#DivBodyCon, div#DivBodyMech, div#DivBodyEdu, div#DivBodyRail
{
	height : 96px;
	width : 136px;
	display : block;
	background-repeat : repeat-x;
	margin : -3px 0px 0px 0px;
	padding : 12px 7px 0px 7px;		
	font-weight :  normal;
}

div#DivBodyAcc a, div#DivBodyCon a, div#DivBodyMech a, div#DivBodyEdu a, div#DivBodyRail a
{
	color : #000;
}

/* ---------------------------------------------------------
------------			Link Buttons		----------------
----------------------------------------------------------*/

div.LinkImages
{
	height : 96px;
	width : 776px;
	margin : 15px 0px 15px 30px;
	clear : both;
}

div.LinkImages a, div.LinkImages input
{
	margin : 0px 20px 0px 0px;
}

div.DivisionLinkImages
{
	float : right;
	clear : right;
	height : 320px;
	width : 322px;
	vertical-align : bottom;
	margin : 5px 18px 0px 0px;
}

* html div.DivisionLinkImages
{
	float : right;
	clear : right;
	height : 320px;
	width : 322px;
	vertical-align : bottom;
	margin : 5px 5px 0px 0px;
}

div.DivisionLinkCol1
{
	width : 120px;
	float : left;
}

div.DivisionLinkCol2
{
	width : 193px;
	float : right;
	margin : 16px 0px 0px 0px;
}

div.DivisionLinkCol1 img, div.DivisionLinkCol1 input
{
	margin : 0px 5px 8px 0px;
}

div.DivisionLinkCol2 img, div.DivisionLinkCol2 input
{
	margin : 0px 5px 8px 0px;
}

/* ---------------------------------------------------------
------------		Job Titles Box			----------------
----------------------------------------------------------*/

div#JobBox
{
	font-size : 90%;
	display : block;
	float : left;
	width : 430px;
	margin : 16px 0px 16px 0px;
}	

div.JobBoxTab1
{
	background-repeat : no-repeat;
	width : 430px;
	height : 49px;
	color : #000;
	padding : 0px 0px 0px 0px;
	line-height : 34px;
}
* html div.JobBoxTab1
{
	background-repeat : no-repeat;
	width : 430px;
	height : 48px;
	color : #000;
	padding : 0px 0px 0px 0px;
	line-height : 32px;
}
div.JobBoxTab2
{
	background-repeat : no-repeat;
	width : 430px;
	height : 49px;
	color : #000;
	padding : 0px 0px 0px 0px;
	line-height : 34px;
}

div.JobBoxTab3
{
	background-repeat : no-repeat;
	width : 430px;
	height : 49px;
	color : #000;
	padding : 0px 0px 0px 0px;
	line-height : 34px;
}

div.JobBoxTab1 h2, div.JobBoxTab2 h2, div.JobBoxTab3 h2
{
	font-size : 140%;
	font-weight : bold;
}

div#JobBox a
{
	color : #000;
}

div.JobBoxTab1Text
{
	width : 204px;
	display : block;
	float : left;
}

div.JobBoxTab2Text
{
	width : 100px;
	display : block;
	float : left;
}

div.JobBoxTab3Text
{
	width : 84px;
	display : block;
	float : left;
}


div#JobBoxMiddle
{
	background-repeat : repeat-y;
	padding : 0px 0px 0px 18px;
	width : 412px;
}

div#JobBoxBottom
{
	background-repeat : no-repeat;
	width : 430px;
	height : 21px;
}

div.JobTitle
{
	font-family : Verdana, Arial, helvetica, Sans-Serif;
	height : 18px;
	line-height : 16px;
	width : 390px;
	margin : 0px 0px 4px 0px;
	background-repeat : no-repeat;
	text-indent : 14px;
	font-weight : bold;
	font-size : 100%;
	color : #000;
}

div#JobBoxMiddle .JobTitle a, div#JobBoxMiddle .JobTitle a:hover
{
	color : #000;
	text-decoration : none;
}

div.JobBoxTabLeft
{
	height : 49px;
	width : 12px;
	float : left;
	display : block;
}
div.JobBoxTabMiddle
{
	height : 49px;
	float : left;
	display : block;
	background-repeat : repeat-x;
}
div.JobBoxTabRight
{
	height : 49px;
	width : 34px;
	float : left;
	display : block;
}
div.JobBoxTabBarMiddle
{
	height : 49px;
	width : 200px;
	float : left;
	display : block;
	background-repeat : repeat-x;
}
div.JobBoxTabBarRight
{
	height : 49px;
	width : 20px;
	float : left;
	display : block;
}

/* ---------------------------------------------------------
------------		Styles For Footer  		----------------
----------------------------------------------------------*/

div#Page_Footer
{
	width : 1000px;
	display : block;
	clear : both;
	background-image : url(Images/BorderLeft.jpg);
	background-repeat : repeat-y;
	padding : 10px 0px 0px 8px;
}

/* Added by Matt Todd - Fix for IE 6 */
* html div#Page_Footer
{
	width : 992px;
	display : block;
	clear : both;
	background-image : url(Images/BorderLeft.jpg);
	background-repeat : repeat-y;
	padding : 10px 0px 0px 8px;
}
/**/

div#Footer_Seperator
{
	width : 950px;
	height : 9px;
	background-image : url(Images/FooterBar.gif);
	background-repeat : repeat-x;
	padding : 10px 10px 0px 10px;
	margin : 0px 0px 0px 10px;
}

div#Footer_Content
{
	padding : 0px 30px 0px 10px;
	height : 55px;
}

div#Footer_Images
{
	float : left;
	height : 55px;
}

div#Footer_Images a img
{
	vertical-align : middle;
	padding : 0px 0px 0px 20px;
}

div#Footer_Links a
{
	font-size : 90%;
	display : block;
	color : #505050;
	text-align : center;
	display : block;
	padding : 14px 0px 0px 20px;
	float : left;
}


div#Footer_PageEnd
{
	width : 970px;
	height : 9px;
	background-image : url(Images/FooterBar.gif);
	background-repeat : repeat-x;
	margin : 10px 10px 0px 10px;
}

div.FooterCompany
{
	text-align :center;
	margin-right:20px;
	color : #505050;
	font-size:90%;
}