/*Master Styles*/

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

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, h2, h3, h4, h5, h6
{
	font-family: "Trebuchet MS", Verdana, Sans-Serif;
	color: #ff9c00;
	margin-bottom: 5px;
}

h1 { line-height: 24px; font-size: 22px; font-weight: 100;}
h2 { line-height: 15px; font-size: 15px; font-weight: 700;}
h3 { line-height: 13px;  font-size: 13px; font-weight: 100; }
h4 { line-height: 12px;  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: #ff9c00;
	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: #ff9c00 !important;
}
/* Page/Banners */

.leftIn
{
	width: 533px; 
	float: left;
}

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

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

.centerOut
{
	margin: -15px;
	padding: 0px;
	text-align: center;
}

.centerIn, .topIn
{
	text-align: left;
	margin: auto;
	margin-top: 0px;
	height: auto;
	width: 770px;
	background-image: url('/images/interface/bromak_drilldown_bg.gif');
	background-repeat: repeat-y;
}

.topIn
{
	background-image: none;
	margin-bottom: 0px;
	height: 103px !important;
}

.bromakHeader
{
	height: 80px;
	/*background-image: url('/images/interface/bromak_logo_top.jpg');
	background-repeat: no-repeat;*/
}

.bromakSearch
{
	float: right;
	width: 237px;
	padding-top: 30px;
}

form
{
	margin: 0px;
}

.searchbox
{
	background-image: url('/images/interface/bromak_search_bg.gif');
	background-repeat: repeat-x;
	border: 1px solid #a6aeb1;
	width: 159px;
	font-family: Verdana, Arial;
	font-size: 0.7em;
	color: #666666;
}

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

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

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

.sitemap a:visited
{
	color: #ff9e00;
	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: #ff9e00;
	text-decoration: none;
}

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


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

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

.breadcrumbs
{
	height: 52px;
	width: 524px;
	background-color: #ff9e00;
	font-family: Verdana, Arial;
	font-size: 0.625em;
	padding: 11px 0px 0px 9px;
	color: white;
}

.breadcrumbs a
{
	color: white !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: 135px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.content
{
	min-height: 380px;
	_height: 380px;
	width: 358px;
	float: left;
	padding: 20px 20px 0px 20px;
}

.rightpanel
{
	min-height: 411px;
	_height: 411px;
	width: 237px;
	float: right;
	/*margin-top: -37px;*/
	padding: 26px 0px 0px 0px;
	background-image: url('/images/interface/bromak_right_panel_top.gif');
	background-repeat: no-repeat;

	background-color: #efefef;
}

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


.footerleft /*mavada link usually sits here*/
{
	width: 124px;
	height: 21px;
	float: left;
	padding: 16px 0px 10px 11px;
	
}
.footermain, .footerright /*contact number and copyright info usually sits here*/
{
	width: 358px;
	height: 25px;
	float: left;
	color: #696969; 
	font-size: .7em; 
	font-family: Tahoma, verdana;
	text-align: left; 
	padding: 12px 27px 10px 13px;
}

.footermain span{
	
	color:#ff9c00 !important;
}

.footermain a:link /*required for links*/
   { color: #696969 }
  
.footermain a:visited /*required for links*/
   { color: #696969 }

.footermain a:hover /*required for links*/
   { color: black }
 
.footermain a:active /*required for links*/
   { color: #696969 }

.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/bromak_top_nav_bg.gif');
	background-repeat: no-repeat;
	background-color: #ffd79a;
	height: 23px;
	width: 725px;
	margin: 0px !important; 
	padding: 0px 20px 0px 20px; 
	border: 0;  
	white-space: nowrap;
	display: block;
}

.nav img
{
	float: left;
}

.tabText
{
	background-color: #ff9e00;
	float: left;
	padding: 4px 15px 5px 15px;
}

.nav ul     
{ 
	font-family: Tahoma, 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: #be7500 !important;
	font-weight: bold;
	font-size: 0.75em;
	text-decoration: none !important;
	float: left; 
	text-align: center; 
	padding: 4px 15px 4px 15px;
	display: block;
	height: 14px;
	margin-top: 1px;
	cursor: pointer;
}

.nav ul li a:hover      
{ 
	color: black !important;
	text-decoration: none !important;
	font-weight: bold;
	cursor: pointer;
}



.nav a.topnavon   
{ 
	color: white !important;
	font-weight: bold; 
	background-color: #ff9e00; 
	margin: 0; 
	padding: 0px; 
	cursor: pointer;
}

.nav a:hover.topnavon  
{ 
	color: black !important;
	font-weight: bold; 
	background-color: #d3d3d3; 
	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: #ff9c00;
}

/*web poll*/

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

/*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
{
	margin-top: 5px;
	font-size: 10px;
}

.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
{
	width: 221px !important;
	padding: 5px 8px 0px 8px !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:205px;
	margin-left:10px;
}

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





/* 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:#FF9C00;
	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:#FF9C00;
}


.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; 
 
}

.bulletLink {
	color:#000000 !important;
	padding-left:0px;
	text-decoration:underline !important;
  font-size: 11px; 
 
}


a.help:hover{

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

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