html, body, ol, p, h1, h2, form, fieldset 
{
 border: 0;
 margin: 0;
 padding:0;
}

body,td,th, {
	font-size: 1em;
	color: #000000;
}

body {
	padding : 0;
	margin : 0;
	font : 0.74em Arial, Helvetica, sans-serif;
	line-height : 1.5em;
	background-color: #F0F0F0;
	/*background-image:url(/images/templates/tabs/back.jpg); 
	background-repeat:repeat-x;*/
}

a:link {
	/*background-color:#0066FF;
	padding:0 3px 1px 3px;
	margin-bottom:1px;*/
	color: #00A1B1;
	text-decoration: underline;
	font-weight: bold;
}
a:visited {
	/*background-color:#0066FF;
	padding:0 3px 1px 3px;
	margin-bottom:1px;*/
	color: #00A1B1;
	text-decoration: underline;
	font-weight: bold;
	
}
a:hover {
	/*background-color:#003399;*/
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
a:active {
	text-decoration: none;
	color: #00A1B1;
	font-weight: bold;	
}

p {
	margin-bottom: 10px;
	color: #000000;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	color:  #00A1B1;
	margin-bottom: 16px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: #00A1B1;
	margin: 10px 0 10px 0;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #000000;
	margin-bottom: 10px;
}

#container {
	width:980px;
	margin:0 auto;
	position: relative;
}

#tab-inner{
	width:950px; margin-left:15px; background-color:#FFF;  height:53px;
}

.tab-td-div {
	height:30px; border-left:2px solid #999;  padding:5px
}

#tab-inner table td{
	background-image:url(/images/templates/tabs/back.jpg); background-repeat:repeat-x;
}

#tab-inner table td:hover{
	background-image:url(/images/templates/tabs/back-hover.jpg);
}

#tab-inner table td a img{
	vertical-align:middle; padding-right:5px
}

#tab-inner table td a{
	text-decoration:none; color:#999; font-size:0.9em; display:block;
}

#header {
	background: #FFF url(/images/templates/reflectionTop.jpg) no-repeat; 
	/*TABBED
	background: #FFF url(/images/templates/WhiteTop.jpg) no-repeat; */
	color: #a0a0a0; 
	height: 90px;
	clear: both; 
	padding: 0px; 
	margin: 0 auto;
}

#header #enquiries { 
	display: none;  
}

#header #logo img {
	margin-left : 30px;
	border : 0;
}

#header #logo a{
	border:none;
}

#logo_text{
	position:absolute;
	width:250px;
	top:35px;
	left:95px;
}

#logo_text h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight:bolder;
	color:  #00A1B1;
	margin: 2px 0 12px 0;
}

#header #search {
	float : right;
	font-size: 0.90em;
	color: #ffffff;
	/*background:#FFF url(/images/templates/topnav/searchBgrd.gif) no-repeat;*/
	margin: 15px 20px 0 0;
	width:270px;
	height:50px;
}

#header #search form {
	float:right;
	margin:0 5px 0 0;
}

#page {
	position:relative;
	/*REMOVE FOR TABBED DESIGN*/background:#FFF url(/images/templates/reflectionBgrd.jpg) repeat-y;
	margin:0;
	padding-bottom:0px;
	width:980px;
	z-index:9;	
}

/*-- START MENU NAVIGATION -- */
#menubar {
	width:950px;
	height:90px;	
	margin: 0 auto;
	background-image:url(/images/templates/topNav/menu_grad.jpg);
	background-repeat:repeat-x;
}
#FirstLevelList {
	margin: 0 0 0 15px;
	padding: 0;
	height:40px;
}
#FirstLevelList li
{
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 12px 15px 0 15px;
	height:32px;
	text-align: center;
	white-space: nowrap;
	display: inline;
	border-right:1px solid #FFFFFF;

}
#FirstLevelList li a
{
	/*background-color:#CCCCCC;*/
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-decoration:none;
	color: #666;
	white-space: nowrap;
	font-weight: bold;		
}
#FirstLevelList li a:hover
{
	color:#00A1B1;
}
#FirstLevelList li#current
{
	background: url(/images/templates/topNav/tabCorner.gif) no-repeat right;
	text-decoration:none;
	margin:0;
	padding: 12px 20px 0 20px;
	white-space: nowrap;
	color:#00A1B1;
	border-right:0px solid #FFF;	
}
#FirstLevelList li#current a
{
	font-size: 1.3em;
	background-color:#ffffff;
	color:#00A1B1;
	white-space: nowrap;
	font-weight: bold;		
}
#breadcrumbs {
	margin:13px 16px 0 16px; 
	padding:0; 
	color:#999999; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 0.95em; 
	font-weight: normal; 
	text-decoration:none; 
	min-height:27px;
	clear:both;
	border-bottom:1px #ccc dotted;
}
#SecondLevelList
{
	margin:13px 16px 0 16px; 
	padding:0; 
	color:#999999; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 0.95em; 
	font-weight: normal; 
	text-decoration:none; 
	height:27px;
	clear:both;
	border-bottom:1px #ccc solid;
}
#SecondLevelList li
{
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
	white-space: nowrap;
	display: inline;
}
#SecondLevelList li a
{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0 7px 0 7px;
	font-size: 0.95em;
	text-decoration:none;
	background-color:#ffffff;
	color:#00A1B1;
	white-space: nowrap;
	font-weight: bold;		
}
#SecondLevelList li a:hover
{
	color:#000000;
	text-decoration: underline; 
	white-space: nowrap;
}


/*CSS for hover menu*/
.dropdown:hover {
	border:0
}

#FirstLevelList .dropdown a {
	text-decoration:none;
	
}

#FirstLevelList .dropdown a img{
	padding-right:3px;
	
}

.dropdown .hover_menu {
	/*display:none;*/
	visibility:hidden;
	text-align:left;	
}

.dropdown .hover_menu a{ clear:both}

#FirstLevelList li .hover_menu a {
	background-color:#FFF;
	font-weight:normal;
	color:#000;
	margin:5px 5px 15px 5px;
}

#FirstLevelList li .hover_menu a:hover {
	color:#00A1B1;
}
/*stops hover_menu links picking up the id #current bold style*/
#FirstLevelList li#current .hover_menu a { 
	background-color:#FFF;
	font-weight:normal;
	color:#000;
} 

#FirstLevelList li#current .hover_menu a:hover { 
	color:#00A1B1;
} 

	
.dropdown:hover .hover_menu {
	/*display:block;*/
	visibility:visible;
	
}

/*-- END MENU NAVIGATION -- */

#content{
	position: relative;
	width:920px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	clear: both;
}

#content ul
{
  margin-left:40px;
  margin-top: 0px;
  padding: 0px; 
  padding-bottom:10px; /*YL added*/    
}



#content ol
{
  margin-left:40px;
  margin-top: 0px;
  padding: 0px; 
  padding-bottom:10px; /*YL added*/    
}



#content #hp {
	margin:5px 0 0 0;
	padding:0;
	min-height:550px;
	width:920px;
	clear:both;
}

#content #hp .col1 {
	position: relative;
	float:left;
	margin: 0;
	padding: 0;
	width: 400px;	
	height: auto;	
	background: #FFFFFF;
	border-bottom:0px #00F solid;
}

#content #hpPresentation {
	margin:5px 0 0 0;
	padding:0;
	width:920px;
	clear:both;
}

#content #hpPresentation .fullColumn {
	position: relative;
	float:left;
	margin: 0;
	padding: 0;
	width: 920px;	
	height: auto;	
}

#content #hp .col1 a{
	text-decoration:none;
}

#content #hp .col2 {
	position: relative;
	float:left;
	margin: 0;
	padding: 0;
	width: 505px;	
	height: auto;	
	background: #FFFFFF;
	border-bottom:0px #00F solid;
}

#content #hp .col2 a{
	text-decoration:none;
}

.service{
	position: relative;
	float:left;
	margin: 0px 0px 5px 5px;
	padding:5px 0px 0px 0px;
	width: 218px;	
	height: auto;
	background: #00A1B1;
	font-weight:bold
}

.service p{ padding:5px; font-weight:normal;}

.service a{
	color:#FFF;
	font-size: 1.1em;
}

.service a img{
	margin-top:5px;
	border:0px;
}

.copy{width:218px; min-height:150px; margin-top:10px; background-color:#FFF;	
}

.copy img{ padding-right:5px}
.copy a{color:#00A1B1; font-weight:bold;}
.copy a:hover{color:#000; text-decoration:underline;}
.copy ul {color:#00A1B1; margin-top:10px}
.copy ul li{ margin-top:8px}


.sidelinks {position: relative;
	float:left;
	margin-bottom: 15px;
	padding-top:5px;
	width: 220px;	
	background: #00A1B1;
	text-indent:5px;
	font-weight:bold;
	min-height:25px;
}

.sidelinks a {color: #fff; text-decoration:none;
}

#content #hp .guide{
	margin:0 0 5px 15px;
	position: relative;	
	padding:0;
	height:50px;
	width: 335px;
	vertical-align:middle;
	clear:both;
	background: #CEE2E1;
	font-weight:bold;	
/*	background: #F0F0F0;*/	
}
#content #hp .guide img{
	margin-right:5px;
	width:60px;
	height:50px;
	border:none;
	float:left;
}

#content ol li
{
 padding: 2px 0px 0px 1px; 
 margin-bottom: 2px;	
}


#content #ThirdLevelList {
	margin: 15px 0 20px 0;
	padding: 0;
	height:2.5em;
	clear:both;
	border-bottom: solid 1px #666;
}
#content #ThirdLevelList li {
	float: left;
	list-style: none;
	-moz-user-select: none;
	-khtml-user-select: none;	
	margin: 0 4px 0 0;
	padding: 5px 15px 0 15px;
	height:2.0em;
	white-space: nowrap;
	display: inline;
	border-top:1px solid #fff;
	background-color: #CCC;
	background-image:url(/images/templates/topNav/3rd_menu_grad.jpg);
	background-repeat:repeat-x;
}
#content #ThirdLevelList li a {
	text-decoration:none;
	white-space: nowrap;
	color: #333;
	font-weight:bold;
}

#content #ThirdLevelList li a:hover{
	color:#00A1B1;
}
#content #ThirdLevelList li#current {
	background: #FFFFFF;
	border-left:1px solid #666;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #ffffff;
	text-decoration:none;
/*	height:2.1em;*/
	white-space: nowrap;
}
#content #ThirdLevelList li#current a {
	text-decoration:none;
	color:#00A1B1;
	font-weight:bold;		
}
#content #ThirdLevelList li#type {
	background: #fff;
	color: #999;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	text-decoration:none;
	/*height:2.1em;*/
	white-space: nowrap;
	padding-right:40px;
	text-align:left;
	font-weight:bold;
}


#locationForm
{margin-bottom:8px;}

#footer {
	position: relative;
	background: #FFF;
	height: 125px;
	clear: both;
	margin:0;
	padding: 0 30px 0 30px;
	background-image: url(/images/templates/footer/reflection.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
}

/*Four column formats*/

#footer #footerCols {
	position: relative;
	height:80px;
	padding : 20px 0 0 0;	
	width:920px;
}

#footer #footerCols img{
	margin:0;
	padding:0;
	width:40px;
	height:40px;
	border:none;
	float:left;
	/*vertical-align:  top;*/
}

#footer #footerCols h3 {
	margin:0 0 3px 0;
	font-size:1.1em;
	color:#000;
	font-weight:bold;
	/*text-decoration:none;	*/
}

#footer #footerCols a {
	/*text-decoration:none;	*/
}

#footer #footerCols a:hover {
/*	text-decoration:none;	*/
}

#footer #footerCols .col1 {
	left: 0;
	position: absolute;
	margin:0 20px 0 0;
	padding:0;
	width:260px;
	float:left;
}

#footer #footerCols .col2 {
	left: 300px;
	position: absolute;
	margin:0 40px 0 0;
	padding:0;
	width:280px;
	float:left;
}

#footer #footerCols .col3 {
	left: 640px;
	position: absolute;
	margin:0;
	padding:0;
	width:280px;
	float:left;
}

/*end four column*/

#footer #notices {
	position:relative;
	float : left;
	margin : 50px 0 0 0;
	padding : 0;
	width:330px;
	font-size:0.95em;
	color:#999;	
}

#footer #notices a{
	color:#999;
	text-decoration:underline;
	line-height:1.8em;
}

#footer #icons {
	float : left;
	margin : 55px 1px 0 0;
	padding : 0;
	min-width:175px;
}

#footer #icons a{
	/*background-color:#f0f0f0;*/
	color:#999;
	text-decoration:none;
	font-weight:normal;
	font-size:0.95em;	
}

#footer #icons a:hover{
	color:#009999;
}

#footer #icons img {
	padding-left: 15px;
	border : 0;
	float:left;
}

#inPage #icons {
	float : left;
	margin : 10px 1px 0 20px;
	padding : 0;
	width:270px;
}
#inPage #icons p{
	color:#999999;
	line-height:1.3em;
}


#inPage #icons a{
	background-color:#ffffff;
	color:#999999;
	text-decoration:none;
	font-weight:normal;
	font-size:0.95em;
	line-height:1.3em;
}

#inPage #icons a:hover{
	color:#0099cc;
}

#inPage #icons img {
	padding-right: 5px;
	padding-top:5px;
	border : 0;
	float:left;
}

/* Commonly Used Classes */

#gototop {
    height: 10px;
    color: transparent;	
    background: url(/images/dots/HR_dot.gif) repeat-x scroll center;
}

#gototop a {
	margin-top:5px;
	float:right;
	  }

#gototop hr {
      display: none;
	  }

.required {color: #990000; float:right; font-size:15pt; font-family:Georgia, "Times New Roman", Times, serif;}

.nonjsAlert {position:absolute; vertical-align:top; margin:1em; border:1px solid #f00; padding:.5em; color:#f00; text-align:center;}

.clsMenu {
	padding:0px;
	margin:0px;
	height:40px;
	text-align: center;
	white-space: nowrap;
	border-collapse: collapse;	
	/* border-top:1px solid #003399; */	
}

.devNote{
color: #9C0;
font-weight:bold;
}



.liPDF {
	list-style-image: url(/images/misc/icon_pdf.gif);
	margin-bottom: 5px;
	}
	
.liExt {
	list-style-image: url(/images/misc/icon_ext.gif);
	margin-bottom: 5px;
	}

.liWord {
	list-style-image: url(/images/misc/icon_Word.gif);
	margin-bottom: 5px;
}

.liExcel {
	list-style-image: url(/images/misc/icon_excel.gif);
	margin-bottom: 5px;
}

.liPP {
	list-style-image: url(/images/misc/icon_PowerPoint.gif);
	margin-bottom: 5px;
}

.liPodcast {
	list-style-image: url(/images/misc/icon_podcast.gif);
	margin-bottom: 5px;
}

.liArrow {
	list-style-image: url(/images/dots/liArrow.gif);
	margin-bottom: 5px;
}

.liraquo {
	list-style-image: url(/images/misc/icon_raquo.gif);
	margin:0;
	padding:0;
}

.liraquoHPnews {
	list-style-image: url(/images/misc/icon_raquo.gif);
	font-size:0.95em;
	margin:0;
	padding:0;
}

div.hr1 {
    height: 10px;
    color: transparent;	
    background: url(/images/dots/HR_dot.gif) repeat-x scroll center;
}

div.hr1 hr {
      display: none;
	  }
	  
.hdr2Title
{
font-weight: bold;
padding:3px 8px 0px 3px;
height:32px;
font-size:10pt;
color: #ffffff;
}


.hdr1Title
{
background-color: #00A1B1;
font-weight: bold;
padding:8px;
color: #FFFFFF;
}


.hdr1TitleR
{background-color: #00A1B1;
border-top: 1px #003366 solid;
border-Right: 1px #FFFFFF solid;
font-weight: bold;
font-size:10pt;
padding:8px;
color: #FFFFFF;
}

.hdr1
{background-color: #fafafa;
border-top: 1px #F57300 solid;
font-weight: bold;
font-size:10pt;
padding:8px;
color: #FFFFFF;
}

.content1
{
border-bottom: 1px #CCCCCC solid;
border-top: 1px #FFFFFF solid;
text-align: left;
font-weight: normal;
color: #404040;
font-size:10pt;
background-color: #fafafa;
padding: 4px 4px 8px 4px;
vertical-align:top; }

.content1Hdr:link {color: #FFFFFF; text-decoration:  none; font-weight: bold}
.content1Hdr:visited {color: #FFFFFF; text-decoration:  none; font-weight: bold}
.content1Hdr:hover {color: #FFFFFF; text-decoration:underline; font-weight: bold}
.content1Hdr:active {color: #FFFFFF; text-decoration:  none; font-weight: bold}	 

.content1 p
{
font-weight: normal;
color: #404040;
font-size:10pt;
}

.content1R
{
border-bottom: 1px #CCCCCC solid;
border-top: 1px #FFFFFF solid;
border-Right: 1px #CCCCCC solid;
text-align: left;
font-weight: normal;
font-size:10pt;
color: #404040;
background-color: #fafafa;
padding: 4px 4px 8px 4px;
vertical-align:top; }


.content1R p
{
font-weight: normal;
color: #404040;
font-size:10pt;
}

.extranetinfohdr
{
background-color: #00A2B1;
color:#FFF;
font-size:1.2em;
padding:8px;
}
.extranetinfoContent
{
background-color: #f0f0f0;
padding:8px;
border-bottom: 20px solid #fff;
}

a.linkopacity img{
filter:alpha(opacity=80); 
-moz-opacity: 0.8; 
opacity: 0.8;
cursor: url(/images/misc/zoomCursor.gif), pointer;
outline: none;
}

a.linkopacity:hover img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}

.zoomin {
	cursor: url(/images/misc/zoomCursor.gif), pointer;
	outline: none;
}

/*Media centre css */
#article {width:664px; border:0px #09F solid; margin-bottom:10px}
#article .image{ width:110px; border:0px #939 solid; float:left}
#article .story{ width:550px; border:0px #939 solid; float:left}

/*shadow css*/
.top{ position:absolute; top:-20px; left:10px; height:20px; background-image:url(/images/homepage/blk_shadow_t.png); background-repeat:repeat-x}
.side_l{position:absolute; left:-20px; top:10px; width:20px;  background-image:url(/images/homepage/blk_shadow_l.png); background-repeat:repeat-y}
.side_r{position:absolute; right:-20px; top:10px; width:20px; background-image:url(/images/homepage/blk_shadow_r.png); background-repeat:repeat-y}
.bottom{position:absolute; bottom:-20px; left:10px; height:20px; background-image:url(/images/homepage/blk_shadow_b.png); background-repeat:repeat-x;}
.tl{ position:absolute; top:-20px; left:-20px; width:30px; height:30px; background-image:url(/images/homepage/blk_shadow_tl.png); background-repeat:repeat-x; z-index:3}
.tr{position:absolute; top:-20px; right:-20px; width:30px; height:30px; background-image:url(/images/homepage/blk_shadow_tr.png); background-repeat:repeat-x}
.bl{ position:absolute; bottom:-20px; left:-20px; width:30px; height:30px; background-image:url(/images/homepage/blk_shadow_bl.png); background-repeat:repeat-x}
.br{ position:absolute; bottom:-20px; right:-20px; width:30px; height:30px; background-image:url(/images/homepage/blk_shadow_br.png); background-repeat:repeat-x}

/*shadow css*/
#menu1{left:90px; background-color:#FFF; position:absolute; top:50px; z-index:2; height:auto;}
#menu2{left:180px; background-color:#FFF; position:absolute; top:50px; z-index:2; height:auto;}
#menu3{left:290px; background-color:#FFF; position:absolute; top:50px; z-index:2; height:auto;}
#menu4{left:390px; background-color:#FFF; position:absolute; top:50px; z-index:2; height:auto;}
#menu5{left:580px; background-color:#FFF; position:absolute; top:50px; z-index:2; height:auto;}
#menu6{left:700px; background-color:#FFF; position:absolute; top:50px; z-index:2; height:auto;}
#menu7{left:765px; background-color:#FFF; position:absolute; top:50px; z-index:2; height:auto;}
#menu8{left:830px; background-color:#FFF; position:absolute; top:50px; z-index:2; height:auto;}

/*Hover MENU shadow WIDTHS*/
#menu1_t, #menu1_b, #menu2_t, #menu2_b{}

/*Hover MENU shadow HEIGHT*/
#menu1_r, #menu1_l, #menu2_r, #menu2_l{}

/*Jobs page CSS*/
#currentvacancies {margin-top:10px; border-bottom: 1px solid #999; width:596px;}

#topvacancies {padding:0px 5px 0px 5px; color:#999;}

#topvacancies p {border-bottom: 1px dotted #999;}

#policies a {color:#000;
	text-decoration:none;
	padding:5px;
	margin-right:10px;
	border:1px solid #666;
	background-color:#e1e1e1;
}

.job_box { width:192px; float:left; background-color: #00a1b1; margin: 0 10px 10px 0; }
.job_box a { text-decoration: none; }

.agent_box{width:230px; float:left; background-color:#EEE; margin-right:5px; margin-bottom:5px; min-height:220px}
.agent_box p{padding:5px}
.agent_box a{padding:5px;  text-decoration:none}
.agent_box .box_title {color:#fff; padding:5px; margin:0px; font-weight:bold; background-color:#00a2b1; padding:5px; }
.agent_box .box_title a{color:#fff; text-decoration:none;  }

.side_box{width:288px; float:left; margin-right:10px; border:1px solid #00a1b1; margin-bottom:10px}
.side_box p{ padding:5px;}

.bottom_box{ float:left; margin-right:10px; margin-bottom:10px}
.bottom_box img{ margin-right:30px}

.box_title {color:#fff; padding:5px; margin:0px; font-weight:bold; }
.box_title a{color:#fff;}


/* JOBS */

#salaryTable { border-top: 1px solid #000; border-right: 1px solid #000; margin: 0 0 10px; color: #fff; }
#salaryTable td { border-bottom: 1px solid #000; border-left: 1px solid #000; text-align: left; }

#jobTree { background: url(/images/jobs/job-tree-more.jpg) no-repeat top left; height: 337px; width: 721px; position: relative; text-align: center; }
#jobTree a { color: #fff; text-decoration: none; }
#jobTree span { font-size: 10px; }

.job1 { position: absolute; left: 252px; top: 13px; width: 100px; }
.job2 { position: absolute; left: 80px; top: 127px; width: 110px; }
.job3 { position: absolute; left: 309px; top: 127px; width: 100px; }
.job4 { position: absolute; left: 455px; top: 135px; width: 110px; }
.job5 { position: absolute; left: 598px; top: 127px; width: 120px; }
.job6 { position: absolute; left: 13px; top: 289px; width: 100px; }
.job7 { position: absolute; left: 154px; top: 289px; width: 110px; }
.job8 { position: absolute; left: 310px; top: 289px; width: 100px; }
.job9 { position: absolute; left: 460px; top: 289px; width: 100px; }
.job10 { position: absolute; left: 600px; top: 281px; width: 120px; }
.job11 { position: absolute; left: 80px; top: 204px; width: 110px; }
.job12 { position: absolute; left: 305px; top: 204px; width: 110px; }
.job13 { position: absolute; left: 455px; top: 204px; width: 110px; }

.stickerFloat { background: url(/images/jobs/overview-sticker.gif) no-repeat top left; height: 102px; width: 105px; position: absolute; top: 85px; right: 125px; }
.overviewVideo { float: left; width: 261px; }
.overviewPhoto { float: right; width: 172px; height: 282px; background: #D9F1F3; }

.jobSearch { float: left; margin-top: 20px; width: 450px; }

a.applyLink { position: absolute; top: -20px; right: 0; padding: 10px; color: #00A1B1; background: #f0f0f0; border: 1px solid #666666; text-decoration: none; font-size: 15px; }

#benefitList { width: 225px; float: left; }
#benefitList ul { margin: 0 0 0 15px; padding: 0; }
.pinkBg { background: url(/images/jobs/pink-text-bg.jpg) no-repeat top left; height: 132px; float: right; width: 200px; padding: 20px 0 0 15px; }
.pinkBg p { color: #fff; font-size: 11px; width: 180px; line-height: 15px; font-family: georgia; }


#fade { display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .80; z-index: 1; }
.popup_block { display: none; background: #cfeaf3; padding: 20px; float: left; font-size: 13px; min-height: 240px; position: fixed; top: 50%; left: 50%; z-index: 1; -webkit-box-shadow: 0px 0px 5px #000; -moz-box-shadow: 0px 0px 5px #000; box-shadow: 0px 0px 5px #000; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.popup_block span { font-size: 11px; }
.popup_block a.close { border: none; margin: 0; position: absolute; bottom: 15px; color: #000; }
a.pdfIcon { background: url(/images/jobs/pdf-icon.jpg) no-repeat top left; height: 16px; padding: 0 0 5px 20px; color: #000; }
img.btn_close { float: left; height: 16px; margin: 0 5px 0 0; }
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade { position: absolute; }
*html .popup_block { position: absolute; }

.CollapsiblePanel { margin: 0 0 5px 0; padding: 0; }
.CollapsiblePanelTab { margin: 0; padding: 0 6px 1px; font-weight: bold; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; }
.CollapsiblePanelContent { margin: 0; padding: 6px 6px 0; background: #f3f3f3; }
.CollapsiblePanelTab p { color: #ffffff; margin-top: 0; padding: 5px 0 0 0; }
.CollapsiblePanelTab p  img { padding-right: 5px; }
.CollapsiblePanelTab a { color: black; text-decoration: none; }
.CollapsiblePanelOpen .CollapsiblePanelTab,
.CollapsiblePanelClosed .CollapsiblePanelTab { background-color: #999999; }  
.CollapsiblePanelTabHover, 
.CollapsiblePanelOpen .CollapsiblePanelTabHover { background-color: #999999; }
.CollapsiblePanelFocused .CollapsiblePanelTab { }

.locationHolder { float: left; width: 600px; margin: 0 0 20px 0; }
.locationHolder a { color: #fff; text-decoration: none; border: none; }

.locationOxford { padding: 5px; background: #de0a23; color: #fff; font-weight: bold; }
.locationCambridge { padding: 5px; background: #c7007b; color: #fff; font-weight: bold; }
.locationBerkshire { padding: 5px; background: #a7cf38; color: #fff; font-weight: bold; }
.locationKent { padding: 5px; background: #00823a; color: #fff; font-weight: bold; }
.locationBedgebury { padding: 5px; background: #004c98; color: #fff; font-weight: bold; }
.locationBowles { padding: 5px; background: #0087d0; color: #fff; font-weight: bold; }
.locationArdingly { padding: 5px; background: #7f3f98; color: #fff; font-weight: bold; }

.locationImage { float: left; width: 241px; height: auto; }
.locationTextOxford { float: right; width: 350px; padding-top: 5px; height: 155px; }
.locationTextOxford p { float: left; margin: 0 0 1px 0; line-height: 18px; }

.locationTextCambridge { float: right; width: 350px; padding-top: 5px; height: 155px; }
.locationTextCambridge p { float: left; margin: 0 0 1px 0; line-height: 18px; }

.locationTextBerkshire { float: right; width: 350px; padding-top: 5px; height: 173px; }
.locationTextBerkshire p { float: left; margin: 0; line-height: 18px; }

.locationTextKent { float: right; width: 350px; padding-top: 5px; height: 155px; }
.locationTextKent p { float: left; margin: 0 0 1px 0; line-height: 18px; }

.locationTextBedgebury { float: right; width: 350px; padding-top: 5px; height: 137px; }
.locationTextBedgebury  p { float: left; margin: 0 0 2px 0; line-height: 18px; }

.locationTextBowles { float: right; width: 350px; padding-top: 5px; height: 155px; }
.locationTextBowles p { float: left; margin: 0 0 1px 0; line-height: 18px; }

.locationTextArdingly { float: right; width: 350px; padding-top: 5px; height: 155px; }
.locationTextArdingly p { float: left; margin: 0 0 1px 0; line-height: 18px; }

.locationActivities { float: left; height: 47px; }

.locationMap { position: relative; }
.oxfordMap a { position: absolute; top: 100px; left: 20px; height: 26px; width: 27px; display: block; }
.cambridgeMap a { position: absolute; top: 115px; left: 100px; height: 26px; width: 27px; display: block; }
.berkshireMap a { position: absolute; top: 215px; left: 35px; height: 26px; width: 27px; display: block; }
.kentMap a { position: absolute; top: 229px; left: 158px; height: 26px; width: 27px; display: block; }
.bedgeburyMap a { position: absolute; top: 260px; left: 135px; height: 30px; width: 27px; display: block; }
.bowlesMap a { position: absolute; top: 267px; left: 108px; height: 26px; width: 27px; display: block; }
.ardinglyMap a { position: absolute; top: 262px; left: 82px; height: 26px; width: 27px; display: block; }

/* Ticker Styling */
#carousel { margin: 0 auto; width: 920px; height: 665px; padding: 0; }
#carousel a { outline: none; }
#carousel ul { list-style: none; width: 5520px; margin: 0; padding: 0; position: relative; }
#carousel li { display: inline; float: left; }
.textholder { text-align: left; font-size: small; padding: 6px; }

.googlePlusone { position: absolute; z-index: 0; }
.googleBig { right: -8px; top: 94px; }
.googleSmall { right: 200px; top: 54px; }
