/*Master Styles*/
html { height: 100%; margin-bottom: 1px; }  /* Forces vert scrollbar on all pages*/

p, td, li, ul,ol, h1, h2, h3 ,h4 ,h5 ,h6 {
font:Tahoma, Arial, Sans-Serif; /* Netscape 4&IE5 doesn't really like type tags just set in the body, this helps */
margin: 0 0 0 0; /* removes unpredictable 'browser default' settings */
padding: 0 0 0 0; /* " " */
}

.contactIcon {background: url(/images/interface/telephone_icon_content.gif) no-repeat; padding-left: 22px; padding-bottom: 4px;}
.sitemapIcon {background: url(/images/interface/site_map_icon.gif) no-repeat 3px 50%; padding-left: 22px; padding-bottom: 4px;}

body
{
	font-family: Arial;
	margin: 0px;
	padding: 0px;
	height:100%;
}

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

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

#centralcontent li  
{ 
	color: #696969; 
	font-size: 0.7em; 
	font-family: Tahoma, Arial, Sans-Serif; 
	line-height: 1.5em;
	margin: 0px 0px 10px 10px;
	list-style:inside;
	padding-left:5px;
	
	
}


h1, h2, h3, h4, h5, h6
{
	font-family: "Trebuchet MS", Verdana, Sans-Serif;
	color:#ff6600;
/*	color: #ff9c00;*/
	margin-bottom: 5px;
}

h1 { margin-top:4px;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: 700; }
h4 { line-height: 12px;  font-size: 12px; }
h5 { line-height: 12px;  font-size: 12px; }
h6 { font-size: 11px; font-weight: 100; margin-top: 7px;}

/*h3
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #666;
	font-size: 13px;
}*/


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

a:link {
	font-family: Tahoma, Arial, Sans-Serif;
	color: #ff6600;
	text-decoration: none;
}
a:visited {
	font-family: Tahoma, Arial, Sans-Serif;
	color: #ff9c00;
	text-decoration: none;
}
a:hover {
	font-family: Tahoma, Arial, Sans-Serif;
	text-decoration: underline;
	color:#333333;
}
a:active {
	font-family: Tahoma, Arial, Sans-Serif;
	color: #ff6600;
	text-decoration: none;
}

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

/*a:link, a:hover
{
	text-decoration: underline;
	color:#ff6600;
}*/





/*
a:link, a:visited
{
	text-decoration: underline;
	color:#ff6600;
}


a:hover
{
	text-decoration: underline;
	color:#696969;
}

a:active
{
	text-decoration: underline;
	color:#ff6600;
}*/

#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
{
	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;
}

#centralcontent .linkBacktotop a:link
{
color:#009900;
}

#centralcontent .linkBacktotop a:visited
{
color:#009900;
}

#centralcontent .linkBacktotop a:hover
{
color:#009900;
}

#centralcontent .linkBacktotop a:active
{
color:#009900;
}

.maxHeight
{
	height: 100%;
}

.centerOut
{
	margin: 0px;
	padding: 0px;
	text-align: center;
	height: 100%;
	/*background:url(../images/interface/generic/pdu_body_back.gif) repeat-x left top;*/
	background:url(../images/interface/generic/pdu_body_back_home.gif) repeat-x left top !important;
	
}

.centerIn
{
	text-align: left;
	margin: auto;
	margin-top: 0px;
	/*height: 100%;*/
	width: 775px;
	
	background:url(../images/interface/generic/page_background_tile.gif) top left repeat-y;
	/*background-image: url('/images/interface/bromak_drilldown_bg.gif');
	background-repeat: repeat-y;*/
}

.leftPanel
{
	width: 150px;
	float:left;
}

.footerAll
{
	margin-top: 30px;
}

.headerFlash
{
	width: 625px;
	height: 375px;
	float: left;
	background:url(../images/interface/generic/pdu_body_back.gif) repeat-x left top;
}

.pduLogo
{
	height: 198px;
	width: 150px;
}

.pduSearch
{
	float: right;
	width: 206px;
	height:32px;
	margin:0 0 0 0;

}

.pdureSearch
{

	width: 287px;
	height:32px;
	margin:0 0 0 0;
	font-size: 0.625em;

}

form
{
	margin: 0px;
}

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

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

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

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

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



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

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

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


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

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

.maintitle 
{
	float:right;
	height: 32px;
	width: 607px;
	background-color: #ffffff;
	margin:0 0 10px 0;	
	font-family: Verdana, Arial;
	font-size: 0.625em;
	padding: 0 0px 0px 18px;
/*	padding: 11px 0px 0px 9px;*/
	color: #666666;
	background-image:url(../images/interface/generic/main_title_line.gif);
	background-position:top;
	background-repeat:no-repeat;
	
}

#bread { /* controls breadcrumbs width in association to Search box */
	float:left;
	width:360px;
	height: 32px; 
	line-height:32px;
}

.breadcrumbs
{
	float:right;
	height: 32px;
	width: 598px;
    background-image: url('/images/interface/arrow_dark.gif');
	background-repeat: no-repeat;
	background-position:20px 13px;
	/*font-family: Verdana, Arial;*/
	font-size: 0.625em;
	padding: 0px 0px 0px 27px;
	color: #666666;
}

.breadcrumbs a:link
{
	color: #666666 !important;
	text-decoration: underline;
	line-height:32px;
	margin:0 5px 0 5px;

}

.breadcrumbs a:visited
{
	color: #666666 !important;
	text-decoration: underline;
	line-height:32px;
	margin:0 5px 0 5px;

}



.breadcrumbs a:hover
{
	color:#ff6600 !important;
	text-decoration: none;
	margin:0 5px 0 5px;
	text-decoration: underline;
}
.breadcrumbs a:active
{
	color: #666666 !important;
	text-decoration: underline;
	line-height:32px;
	margin:0 5px 0 5px;

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

/* Page Stuff */

.leftnav
{
	height: 400px;
	width: 150px;
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;


}

.content
{
	min-height: 400px;
/*	width: 258px;*/
	width:364px;
	/*background-color:#CCCCCC;*/
	border-right:solid 1px #cccccc;
	float: left;
	padding: 0 20px 0px 20px;
}

.content ul
{
	/*padding-left: 15px;*/
}

.content li 
{
	padding-left:5px;
}

#rightpanel img
{
	border: 0px;
}

.rightpanel
{
	min-height: 400px;
	width:202px;
/*	width: 237px;*/
	float: right;
	font-size:11px;
	padding: 0px 0px 0px 0px;
/*	background-color: #efefef;*/
}

.rightpanel p {
font-size:11px;
color:#666666;
line-height: 1.5em;
}

.rightpanel h3
{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #666;
	font-size: 13px;
}


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


.footerleft /*mavada link usually sits here*/
{
	width: 150px;
	height: 21px;
	float: left;
	padding: 16px 0px 10px 0px;
	text-align:center;
	background-color:#aaaaaa;
/*	width: 139px;
	height: 21px;
	float: left;
	padding: 16px 0px 10px 21px;*/
	
}
.footermain/*contact number and copyright info usually sits here*/
{
	width: 328px;
	height: 25px;
	float: left;
	color: #696969; 
	font-size: .7em; 
	font-family: Tahoma, verdana;
	text-align: left; 
	padding: 12px 27px 10px 18px;
}

.footerright /*contact number and copyright info usually sits here*/
{
	width: 328px;
	height: 25px;
	float: right;
	color: #696969; 
	font-size: .7em; 
	font-family: Tahoma, verdana;
	text-align: right; 
	padding: 12px 0px 10px 18px;
}

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

.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: 179px;
	/*height: 12px;*/
	height:auto;
	font-size: 0.625em;
 	font-family: Verdana, Arial;
 	color: #696969;
}

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

select.field{
	padding:0px;	
}

.multiselectfield{
	width: 190px;
	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: 20px; width:65px; }

/* Tabs */


/*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.9em;
/*	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: 0;
	margin-top: 5px;
}

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

#polls p {font-size: 11px;}

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

.colour
{
	
	background-color:#ff6600; /*polls background*/
}
.colourBorder
{
	
	width: 202px !important;
	padding: 5px 8px 0px -20px !important;
	border-top: 1px solid #999999 !important;
}

.poll_check {
margin-left:0;

}

.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;
	padding-left: 28px;
	font-size: 0.7em;
	border-bottom: #cecece solid 1px;
	/* JK ADDED 121206 */
	margin-left:10px;
	padding-left:2px !important;
	width:205px;
}


/*------------------------------polls end----------------------------------------*/


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

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