/*Master Styles*/

body
{
	font-family: Arial;
	margin: 10px 0px 10px 0px;
	padding: 15px;
}

img
{
border:0px !important;
}

p, #centralcontent li  
{ 
	color: #696969; 
	font-size: 0.7em; 
	font-family: Tahoma, Arial, Sans-Serif; 
	line-height: 1.5em;
	margin: 0px 0px 10px 0px;
}

h1
{
	font-family: "Trebuchet MS", Verdana, Sans-Serif;
	color: #f15147;
	margin: 6px 0px 10px 0px;
	text-transform:uppercase;
}
h2, h3, h4, h5, h6
{
	font-family: "Trebuchet MS", Verdana, Sans-Serif;
	color: #00529b;
	margin: 4px 0px 2px 0px;
}

h1 { line-height: 22px; font-size: 18px; font-weight: 100;}
h2 { line-height: 22px; font-size: 15px; font-weight: 700;}
h3 { line-height: 16px;  font-size: 13px; font-weight: 100; }
h4 { line-height: 14px;  font-size: 12px; }
h5 { line-height: 12px;  font-size: 12px; }
h6 { font-size: 22px; font-weight: 100; margin-top: 7px; color: #ffffff;}

hr
{
	background-color: #efefef;
	height: 1px;
	border: 0 none;
}

a:link, a:visited, a:hover
{
	font-family: Tahoma, Arial, Sans-Serif; 
	color: #ef3e33;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

#centralcontent p.list { color: #000; font-size: 11px; font-family: Tahoma; margin: 0px }

#centralcontent li
{
	margin: 0px;
}

#centralcontent li a
{
	color: #696969 !important;
	text-decoration: underline !important;
}

#centralcontent li a:hover
{
	color: #ef3e33 !important;
}
/* Page/Banners */
.leftIn
{
/*	width: 620px;
	_width: 612px; 
	float: left;
	margin:0px 0px 0px 1px;
	padding-left: 11px;
	_padding-left: 10px;
	height:100%;
	background-color:#cfc;*/
}

.linkFeatured
{
	color:#f1584e !important;
	background-image: url('/images/interface/sq_bullet.gif');
	background-repeat: no-repeat;
	background-position: 4px 3px;
	padding-left: 20px !important;
}

.linkBacktotop
{
	background-image: url('/images/interface/devaco_backtotop.gif');
	background-position: 3px 0px;
	padding-top: 1px;
}

.centerOut
{
	margin: -15px;
	padding: 0px;
	text-align: center;
}
.centerIn {background-image: url('/images/interface/content_border.gif'); background-repeat: no-repeat; background-position:bottom left;}
.centerIn, .topIn
{
	text-align: left;
	margin: auto;
	margin-top: 0px;
	height: auto;
	width: 775px;
}

.topIn
{
	/*background-image: none;*/
	background-image: url('/images/interface/topinbkg.gif');
	background-repeat: no-repeat;
	margin: 0px auto;
	height: 200px !important;
	font-size:0.7em;
}

.devacoHeader
{
	float:left;
	height: 190px;
	margin-top:12px;
}

.devacoHeader img
{
	float:left;
	margin:2px 12px 2px 12px;
}
.devacoSlogan img
{
	float: right;
	margin-right:16px !important;
}

.headSearch
{
	float: left;
	display:block;
	padding:6px 1px 0px 8px;
	width: 144px;
	height:27px;
	margin:0px 0px 0px 12px;
	_margin:0px 0px 0px 6px;
	background-image: url('/images/interface/search_bkg.gif');
	background-repeat: no-repeat;
}
.headSearch span
{
	float:left;
	padding:2px 6px 0px 0px;
	color:#fff;
	font-size:1.05em;
}
.headSearch input
{
	float:left;
	margin:0px;
	background-color:none;
}
form
{
	margin: 0px;
}
.headshop 
{
	float:left;
}
.headShop a 
{
	float:left;
	width:auto;
	height:25px;
	text-align:right;
	padding:8px 40px 0px 14px;
	color:#fff;
	font-size:1.05em;
	background-image: url('/images/interface/headshop_bkg.gif');
	background-repeat: no-repeat;
	background-position:top right;
}
.headShop a:link
{
	color:#fff;
}
.headShop a:hover
{
	padding:8px 40px 0px 14px;
	font-size:1.05em;
	background-image: url('/images/interface/headshop_bkg2.gif');
	background-repeat: no-repeat;
	background-position:top right;
	text-decoration:none;
	color:#fff;
}

.searchbox
{
	background-image: url('/images/interface/bromak_search_bg.gif');
	background-repeat: repeat-x;
	border: 1px solid #980900;
	padding:1px;
	width: 65px;
	font-family: Verdana, Arial;
	height:14px;
	font-size:10px;
	color: #666666;
}
.butngo {border: 0px solid #980900; cursor:hand; width:22px; height:18px; color: #fff; font-weight: bold; padding:0px; font-size: 10px; font-family: verdana, arial, sans-serif; background-color:transparent; background-image: url('/images/interface/head_go.gif'); background-repeat: no-repeat; }

.sitemap
{
	font-family: Tahoma, Arial;
	font-size: 0.7em;
}

.sitemap a
{
	color: #666666;
	text-decoration: none;
}

.sitemap a:hover
{
	color: #ef3e33;
	text-decoration: underline;
}

.sitemap a:visited
{
	color: #ef3e33;
	text-decoration: none;
}

.searchBlock
{
	font-family: Tahoma, Arial;
	font-size: 0.7em;
	color: #696969;
	padding-bottom: 15px;
	border-bottom: #efefef solid 1px;
}

.searchBlock a
{
	color: #ef3e33;
	text-decoration: none;
}

.searchBlock a:hover
{
	text-decoration: underline;
}


.header
{
	position: relative;
	height: 98px;
	padding: 0px 12px 0px 10px;
}

/****Bread Crumbs****/

.breadcrumbs
{
	width: 426px;
	font-family: Verdana, Arial;
	font-size: 0.625em;
	padding: 8px 0px 0px 9px;
	color: #666;
	float:left;
}

.breadcrumbs a
{
	color: #00529c !important;
	text-decoration: none;
}

.breadcrumbs a:hover
{
	text-decoration: underline;
}

.pageTitle
{
	/*margin-top: -30px;
	_margin-top: -12px;*/
	margin-left: -2px;
}

/* Page Stuff */

.leftnav
{
	min-height: 400px;
	_height: 400px;
	width: 153px;
	float: left;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 12px;
	_margin: 0px 0px 0px 6px;
	background-image: url('/images/interface/leftnav_top.gif');
	background-repeat: no-repeat;
	background-position:top left;
}

.content
{
	min-height: 320px;
	_height: 320px; /* (also needed to stop 3px IE indent) */
	width: 454px;
	_width: 439px;
	padding: 15px 4px 0px 10px;
	_padding: 15px 13px 0px 13px;
	margin: 0px;
	float: left;
}
.content img
{
	border:0px;
}
.content ul{
	margin: 0px !important;
	_margin-left: 30pt;
	list-style-position:outside;
	list-style-image:url('/images/interface/sq_bullet.gif');
	list-style-type:square;
	color:#00529c;
	
}
.content li{
	list-style-position:outside;
	list-style-image:url('/images/interface/sq_bullet.gif');
	list-style-type:square;
	color:#00529c;
	margin: 0px !important;
	padding: 0px !important;
}
table#spec
{
	font-size:0.7em;
	padding:0px;
	margin:0px;
	border-right:1px solid #00529b;
	border-bottom:1px solid #00529b;
}
table#spec th
{
	border-left:1px solid #00529b;
	border-top:1px solid #00529b;
	background-color:#00529b;
	text-align:center;
	color:#fff;
	padding:2px;
}
table#spec td
{
	border-left:1px solid #00529b;
	border-top:1px solid #00529b;
	text-align:center;
	color:#000;
	padding:2px;
}


.rightpanel
{
	width: 130px;
	float: left;
	margin: 16px 0px 0px 0px;
	/*margin: 16px 10px 0px 0px;
	_margin:16px 8px 0px 0px;*/
}

/* Footer Stuff */
.footerall{
	position:relative;
}

.footerleft /*mavada link usually sits here*/
{
	border-top:2px solid #ccc;
	width: 140px;
	height: 21px;
	float: left;
	padding: 15px 0px 2px 20px;
	margin:0px 0px 0px 7px;
}
.footermain, .footerright /*contact number and copyright info usually sits here*/
{
	border-top:2px solid #ccc;
	width: 572px;
	height: 21px;
	float: left;
	text-align: right;
	color: #696969; 
	font-size: .64em; 
	font-family: Tahoma, verdana;
	text-align: left; 
	padding: 12px 0px 2px 15px;
}

.footermain span{
	
	color:#ef3e33 !important;
}
.footermain b{
	
	color:#f15147;
}

.footermain a /*required for links*/
   { color: #f15147 }
.footermain a:hover /*required for links*/
   { color: #f15147 }
.footerright
{
	/*float:none;
	position:absolute;
	bottom:-1px;
	right:0;
	width: 237px;
	padding: 15px 0px 7px 0px;
	text-align: center;*/
}

.footerright a
{
	color: #a2a2a2 !important;
	text-decoration: none;
}

.footerright a:hover
{
	text-decoration: underline;
	color:#000000 !important;
}

#candidates, #boltLogin
{
	display: none;
}

#callback{
	
	
}

.tablehead{
	height: 23px;
	line-height:23px;
	vertical-align:middle;
	font-size: 0.625em;
 	font: 11.2px Verdana, Arial;
 	color: #696969;
	background:#EFEFEF;
	/*padding:0px 3px;*/
}

.widthfix14{
	width:14px !important;
}

.jobSearch, .candidates, .boltLogin
{
	background: url('/images/interface/bromak_vacancy_search_bg.gif') repeat-y #ff9e00 100% 0px;
	padding: 0px;
}

 .vacancySearchText
 {
 	font-size: 0.7em;
 	font-family: Tahoma, Arial;
 	color: #696969;
 }

.vacancyField, .vacancyFieldDrop
{
	width: 129px;
	/*height: 12px;*/
	height:auto;
	font-size: 0.625em;
 	font-family: Verdana, Arial;
 	color: #696969;
}

.field, .fielderr
{
	width: 140px;
	height: 14px;
	font-size: 0.625em;
 	font-family: Verdana, Arial;
 	color: #696969;
}

select.field{
	padding:0px;	
}

.multiselectfield{
	width: 140px;
	font-size: 0.625em;
 	font-family: Verdana, Arial;
 	color: #696969;
}

.field{
	padding-left:2px;
	padding-top:2px;
	padding-bottom:2px;
}

.fField{
	padding:2px 0px 2px 10px;
	height: 14px;
	font-size: 0.625em;
 	font-family: Verdana, Arial;
 	color: #696969;
}


input.field{
	padding:0px 0px;
	width:225px;	
}

.desc{
	padding-left:0px;
	padding-top:2px;
	padding-bottom:2px;
 	font-family:Verdana, Arial;
	
 	color: #696969;
}

.fielderr
{
	background-color:#f3f3f3;
	background-color:#ffd799;
	border:1px solid #A5ACB2;
	padding:1px 0px;
	width:225px;	
}

.checkorange{
	padding-right:0px;
	width:205px;
}


.general
{
	padding:0px 10px;
	width: auto;
	font-size: 0.625em;
 	font-family: Verdana, Arial;
 	color: #696969;
}
.vacancyFieldDrop
{
	width: 135px;
	/*height: 16px;*/
}

.buttonsmall   { color: #666; font-weight: bold; font-size: 10px; font-family: verdana, arial, sans-serif; list-style-position: inside; }
.buttonfind   { color: #666; font-weight: bold; font-size: 10px; font-family: verdana, arial, sans-serif; list-style-position: inside; height: 21px; }

/* Tabs */

.nav /*navigation menu at the top of the site*/
{ 
	background-image: url('/images/interface/topnav_bkg.gif');
	background-repeat: repeat-x;
	height: 32px;
	width: 596px; /*was 511px with shop*/
	margin: 0px !important; 
	padding: 0px; 
	border: 0;  
	white-space: nowrap;
	display: block;
	float:left;
}

.nav img
{
	/*float: left;*/
	margin:0px;
}

.tabText
{
	background-color: #ef3e33;
	padding: 9px 10px 10px 10px;
}

.nav ul     
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center; 
	list-style-type: none; 
	clear: none; 
	margin: 0; 
	padding: 0; 
	border: 0;
	display:block-inline;
}

.nav ul li   
{ 
	text-align: center; 
	list-style-type: none; 
	float: left; 
	padding: 0; 
	border: 0; 
	display:block;
}

.nav ul li a  
{
	color: #fff !important;

	text-decoration: none !important;
	float: left; 
	text-align: center; 
	padding: 9px 10px 10px 10px;
	display: block;
	height:auto;
	cursor: pointer;
}

.nav ul li a:hover      
{ 
	color: #fff !important;
	text-decoration: none !important;
	cursor: pointer;
	height:auto;
	background-image: url('/images/interface/topnav_bkg2.gif');
	background-repeat: repeat-x;
}

.nav a.topnavon   
{ 
	color: white !important;
	background-color: #ef3e33; 
	margin: 0; 
	height:32px;
	padding: 0px; 
	cursor: pointer;
	background-position:bottom left;
}

.nav a:hover.topnavon  
{ 
	color: white !important;
	background-color: #ef3e33; 
	height:32px;
	margin: 0;  
	cursor: pointer;
}

.hmItem
{
	background-color: #260B96 !important;
	border-color: #6957AB !important;
}
.hmItemOver
{
	background-color: #9387C5 !important;
	border-color: #6957AB !important;
}

.utilheader
{
	background-image: url(/images/interface/additional_information.gif);
	background-repeat: no-repeat;
}

.colour
{ 
	color: white; 
	background-color: #ef3e33;
}

/*web poll*/

.pollheader
{ 
	width: 130px;
	background: url(../images/interface/web_poll_icon.gif) no-repeat;
	padding: 2px 0px 2px 20px;
}

/*tables*/
.headbox, table.box thead { height: 25px; line-height: 25px; background-image: url(/imags/interface/box_head.gif); background-color: #260B96; color: #ffffff; font-weight: bold; padding: 0px 5px;}
table.box { width: 100%; border-collapse: collapse; font-size: 11px; table-layout: fixed; }
table.box thead th { text-align: left; background-image: none; border-right: solid 1px #ffffff; }
table.box th, table.box td { padding: 0px 10px; }
table.box td {height: 22px; border-bottom: solid 1px #A9A9A9; }
table.box thead th.left { background-position: left; background-image: url(/images/interface/box_head.gif); }
table.box thead th.right { border-right-width: 0px; background-position: right; background-image: url(/images/interface/box_head.gif);}

/* Form stuff */
.row
{
	height: 30px;
}

.label
{
	width: 100px;
	float: left;
	padding-top: 4px;
}
.element
{
	float: left;
	width: 200px;
}
.error
{
	float: left;
	width: 100px;
	color: #ff0000;
	font-weight: bold;
}

.filterBar
{
	text-align: right;
	margin-bottom: 5px;
	height: 18px;
}
.filterBar select, .filterBar input
{
	font-size: 10px;
}

.lightcolour a
{
	text-decoration: none;
	color: #000000;
}

.caption
{
	font-size: 11px;
	color:#000;
	width:128px;
	padding:3px 4px 0px 4px;
	height:36px;
	background-image: url('/images/interface/blue_caption.gif');
	background-repeat: no-repeat;
	text-align:center;
}

.formLabel
{

	font-size: 0.625em;
 	font-family: Verdana, Arial;
	 font-weight:bold;
 	color: #696969;
}

.inheritNote
{
	border: dotted 1px red;
	padding: 10px;
	margin-bottom: 10px;
}

.searchtext
{
	color: #666666;
	margin-left: 30px;
	margin-top: 5px;
}


#polls { color: #696969; font-family: Tahoma, Arial, Sans-Serif; line-height: 16px; margin: 20px 0 10px }

#polls label, .pollresults {font-size: 0.7em;}


.colourBorder
{
	float:left;
	width: 120px !important;
	border:2px solid #e2f1ff;
	padding: 5px 3px 0px 3px !important;
}

.expandTextBox
{
	background-image: url('/images/interface/bromak_open_book.gif');
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-bottom: 3px;
	padding-left: 28px;
}

.rightpanel .expandTextBox
{
	width:140px;
	margin-left:4px;
}

	
.expandTextLink
{
	margin-top: 5px;
	padding-bottom: 10px;
	padding-left: 28px;
	font-size: 0.7em;
	border-bottom: #cecece solid 1px;
	/* JK ADDED 121206 */
	margin-left:10px;
	padding-left:2px !important;
	width:205px;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it
is replaced... the negative-letter spacing in this case is used to
make the browser text metrics match up with the sIFR text metrics
since the sIFR text in this example is so much narrower... your own 
settings may vary... any weird sizing issues you may run into are 
usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
}

.sIFR-hasFlash h6 {
	visibility: hidden;
}


/* JULIAN defined styles 11 12 06 */

#thirdcol *, #twothirdscol *{
	font-family:Tahoma, sans-serif;
	font-size:11px;
}

#thirdcol p, #twothirdscol p{
	margin-left:10px;
}

p.cv{
	margin-left:0px !important;
	margin-bottom:20px;
}


p.alert{
	margin-left:0px !important;
	margin-bottom:0px !important;
}

#thirdcol img{
	margin:0 5px 0 3px;
}

#thirdcol p span{
	font-size:10px;	
}

#thirdcol{
	width:143px;
	margin-top:0px;
	height:auto;
	float:left;
}

#twothirdscol{
	width:208px;
	margin-top:0px;
	margin-left:6px;
	float:left;
	height:auto;
}

#advice{
	width:358px;
	float:left;
	height:auto;
	margin:0px;
}

#advice a{
	/*background: url(/images/interface/bromak_arrow.gif) no-repeat 0px 3px;
	margin: 0 0 3px 7px;
	padding-left:15px;	
	color:#696969;*/
	font-size:11px;
	display:block;
}

.content h3.subPanel, #thirdcol h3, #twothirdscol h3{
	background-color:#EFEFEF;
	/*background-image: url(/images/interface/account_header_corner_r.gif);*/
	background-repeat:no-repeat;
	background-position: top right;
	color:#696969;
	clear:both;
	display:block;
	margin:0px 0px 10px 0px;
	padding:0;
	width:auto;
	height:23px ;
	line-height:23px;
	font-size:11.2px;
	text-indent:7px;
	font-weight:bold;
}

#thirdcol h3 span, #twothirdscol h3 span{
	/*background-image: url(/images/interface/account_header_corner_l.gif);*/
	/*background: url(/images/interface/account_header_corner_l.gif)no-repeat top left;*/
	background-repeat: no-repeat;
	background-position: top left;
	color:#696969;
	display:block;
	margin:0px;
	padding:0px;
	width:auto;
	height:23px ;
	line-height:23px;
	font-size:11.2px;
	text-indent:7px;
}

/*
#twothirdscol a,#advice a{
	background: url(/images/interface/bromak_arrow.gif) no-repeat 0px 3px;
	margin: 0px;
	padding-left:15px;
	font-size:11px;
	color:#696969;
}
#twothirdscol a:hover,#advice a:hover{
	background: url(/images/interface/bromak_arrow.gif) no-repeat 0px 3px;
	color:#ef3e33;
	text-decoration:none;
}
*/

#twothirdscol div{
	margin-top:10px;
	margin-left:10px;
}

a.editcv{
	background: url(/images/interface/bromak_arrow.gif) no-repeat 0px 3px;
	margin: 0px;
	padding-left:15px;	
	font-size:10px;
}

.savedjob{
	margin-top:10px;
	margin-left:10px;
	padding-bottom:10px;
	border-bottom:solid 1px #E3E3E3;
}

.savedjob h4{
	/*color:#696969;*/
	margin:0px 0px 3px;
}


.savedjob p{
	/*color:#696969;*/
	margin:0px 0px 3px 0px !important;
}
.clearboth{
	float:left;
	width:100%;
	height:1px;
	margin:0px;
}


a.more{
	font-size:11px;
	width:auto;	
	background:none !important;
	padding-left:0 !important;
	margin-top:10px !important;
	display:block;
	color:#ef3e33;
}


.sectorsTable{
	font:11px Tahoma;
}

.sectorsTable TD{
	font:11px Tahoma, sans-serif;
	background:url(/images/cms/original/mini_bullet.gif) no-repeat;
	background-position:30px center;
	padding-left:40px;
}

.sectorsTable TH, .indent20{
	font:11px Tahoma, sans-serif;
	font-weight:normal;
	padding-left:20px;
}

/*
	Tabular Related - 13 12 06
*/


/* 
	FORM RELATED CSS - 13 12 06
*/

.labelwide { 
color: #666; 
font-weight: bold; 
font-size: 10px; 
font-family: Verdana, Arial, Sans-Serif; 
width: 145px 
}

/* reset the page counter width */
#txtCurrentPageNumber, #txtCurrentPageNumberTop{
	width:25px !important;
}


.red{
	color:red;
}

a.help, a.help:visited{
	background:url(/images/interface/question_mark.gif) no-repeat 0px 2px;
	color:#696969 !important;
	padding-left:8px;
	text-decoration:underline;
  font-size: 11px; 
 
}

a.help:hover{

	color:#ff9900 !important;
	padding-left:8px;
	text-decoration:underline;
  font-size: 11px; 
 
}

.helpfield p{
  padding-left:8px;
  padding-bottom:0px;
  margin-bottom:2px;
}

.navEnd
{
	background: url(/images/interface/devaco_nav_blue_cnr.gif) no-repeat 100% 100%;
	width: 5px;
	height: 32px;
	float: right;
}