/* - - - - Master Styles - - - - */

body {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 62.5%;
	margin: 0px;
	padding: 0px;
	border-top: 2px solid #b8d949;
	color: #808080;
	}

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

#centralcontent p {
	padding: 4px 0 4px 0;
	margin: 0;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: Tahoma, Arial, Sans-Serif; 
	color: #82a214;
	margin: 8px 0 0px 0;
	}	

h1 { line-height: 1.65em; font-size: 1.65em; margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px;}
h2 { line-height: 1.45em; font-size: 1.45em;}
h3 { line-height: 1.25em;  font-size: 1.25em; }
h4 { line-height: 1.0em;  font-size: 1.0em; }
h5 { line-height: 1.0em;  font-size: 1.0em; }
h6 { font-size: 1.6em; margin-top: 7px; color: #ffffff;}

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

.centerIn a {
	font-family: Tahoma, Arial, Sans-Serif; 
	color: #808080;
	text-decoration: underline;
	}

.centerIn a:hover{
	text-decoration: none;
	}

#centralcontent p.list {  
	font-size: 1.1em; 
	font-family: Tahoma; 
	margin: 0px 
	}

#centralcontent ul {
	padding: 0;
	margin: 4px 12px;
	}

#centralcontent li {
	background: url(/images/interface/groweb_bullet.gif) 0px 7px no-repeat;
	margin: 0px;
	padding: 3px 0 3px 18px;
	list-style: none;
	}

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

#centralcontent li a:hover
{
	color: #b8d949 !important;
}
/* Page/Banners */

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

.linkFeatured
	{
	background: url(/images/interface/groweb_arrow.gif) 3px 2px no-repeat;
	padding-left: 20px !important;
	}

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

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

.centerIn, .topIn
{
	text-align: left;
	margin: auto;
	margin-top: 0px;
	height: auto;
	width: 750px;
	background: #fff;
	clear: both;
}

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

.bromakHeader
	{
	height: 124px;
	width: 750px;
	}
	
.groweb_logo {
	float: left; 
	height: 105px; 
	width: 245px;
	}	

.bromakSearch
	{
	background: #f2f2f2 url(/images/interface/search_bg.gif) bottom center no-repeat;
	float: right;
	width: 237px;
	height: 36px;
	padding: 11px;
	margin: 0 0 20px 0;
	}

form
{
	margin: 0px;
}

.searchbox{
	background: #fff;
	border: 1px solid #bebebc;
	width: 190px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 1.1em;
	padding: 4px;
	margin: 0 0 4px 4px;
	}

.go {
	margin: 4px 0 0 0;
	}

/* - - - - Site Map - - - - */

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

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

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

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

/* - - - - Search Results Page - - - - */

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

.searchBlock a
	{
	color: #82a214;
	text-decoration: none;
	font-size: 1.2em;
	}

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

.searchtext {
	border-left: 4px solid #eee;
	margin: 5px 0 0 0;
	padding: 0 0 0 10px;
	}

.buttonfind { 
	background: #b8d949;
	border: none;
	font-weight: bold; 
	font-size: 1.1em; 
	font-family: Tahoma, Verdana, Arial;
	color: #fff;
	padding: 5px 8px;
	margin: 2px 0px 4px 0px;
	}
	
.searchagain {
	padding: 0;
	margin: 12px 0 0 0;
	}
	
.searchagainbox {
	background: #fff;
	border: 1px solid #bebebc;
	width: 250px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 1.1em;
	padding: 4px;
	margin: 0px 0px 4px 4px;
	}
	
.searchagain form {
	padding: 0;
	margin: 0;
	}


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

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

.breadcrumbs
{
	height: 12px;
	font-family: Tahoma, Verdana, Arial;
	font-size: 1.1em;
	padding: 12px 0 18px 9px;
}

.breadcrumbs a
{
	color: #555 !important;
	text-decoration: underline;
}

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

.breadcrumbs img {
	width: 4px;
	height: 6px;
	margin: 0 6px 8px 6px;
	padding: 0;
	}

.pageTitle{
	margin-left: -2px;
	}

/* Page Stuff */

.leftnav
	{
	background: #fff url(/images/interface/left_bg.gif) top left repeat-y;
	min-height: 20px;
	width: 210px;
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 18px 0;
	}
#navLeftTop {
	background: #fff url(/images/interface/groweb_left_top_bg.gif) 0 0 no-repeat;
	width: 210px;
	height: 18px;
	margin: 0;
	padding: 0;
	}
#navLeftBottom {
	background: #fff url(/images/interface/left_bottom_bg.gif) bottom center no-repeat;
	width: 210px;
	height: 18px;
	margin: 0;
	padding: 0;
	}

.content
{
	min-height: 380px;
	width: 514px;
	float: right;
	padding: 0;
}

.rightpanel
{
	min-height: 155px;
	width: 224px;
	clear: left;
	padding: 0;
	margin: 0;
	}


/* - - - - Footer - - - - */

.footerall{
	text-align: left;
	margin: 0 auto 8px auto;
	padding: 0;
	height: 42px;
	color: #999;
	}
	
.footerall a{
	color: #999;
	}
	
.footerall a:hover {
	color: #999;
	text-decoration: none;
	}


.footerleft
	{
	background: #f7f7f7 url(/images/interface/footer_right_bg.gif) top right no-repeat;
	width: 570px;
	padding: 15px 25px 15px 0;
	margin: 0;
	font-family: Verdana, Arial;
	font-size: 1.1em;
	text-align: right;
	height: 12px;
	border: none;
	float: right;
	}
.footerright
	{
	background: #f7f7f7 url(/images/interface/footer_left_bg.gif) top left no-repeat;
	width: 130px;
	height: 10px;
	float: left;
	font-size: 1.1em; 
	font-family: Tahoma, verdana;
	text-align: left; 
	padding: 17px 0 15px 25px;
	margin: 0;
	}

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

.footermain a { 
	color: #808080; 
    }

.footerright a {
	color: #808080;
	text-decoration: underline;
	}

.footerright a:hover {
	text-decoration: none;
	color:#808080;
	}

#candidates, #boltLogin{
	display: none;
	}

.tablehead {
	height: 23px;
	line-height:23px;
	vertical-align:middle;
	font-size: 1.1em;
 	font: 11.2px Verdana, Arial;
	background:#EFEFEF;
	}

.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: 1.1em;
 	font-family: Tahoma, Arial;
 }

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

.field, .fielderr {
	width: 140px;
	height: 14px;
	font-size: 1.1em;
	}

select.field {
	padding:0px;	
	}

.multiselectfield{
	width: 140px;
	font-size: 1.1em;
 	font-family: Verdana, Verdana, Arial, san-serif;
 	color: #808080;
	}

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

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


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

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

.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: Tahoma, Verdana, Arial, san-serif;
 	color: #808080;
	}
.vacancyFieldDrop {
	width: 135px;
	/*height: 16px;*/
	}

.buttonsmall { 
	color: #666; 
	font-weight: bold; 
	font-size: 1.1em; 
	font-family: Tahoma, Verdana, Arial, san-serif;
	list-style-position: inside; 
	}



/* Tabs */

.nav /*navigation menu at the top of the site*/
	{ 
	background-repeat: no-repeat;
	background-color: #ffffff;
	height: 23px;
	width: 505px;
	margin: 0px !important; 
	padding: 0px; 
	border: 0;  
	white-space: nowrap;
	display: block;
	float: right; 
	}

.nav img {
	float: left;
	}

.tabText
	{
	background-color: #ffffff;
	background-image: url(/images/interface/nav_on_bg.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	float: left;
	padding: 5px 15px 8px 15px;
	color: #555555;
	margin: 0px;
	}

.nav ul { 
	font-family: Tahoma, Verdana, Arial, san-serif;
	text-align: center; 
	list-style-type: none; 
	clear: none; 
	margin: 0; 
	padding: 0; 
	border: 0;
	display: block;
	float: right !important;
	}

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

.nav ul li a {
	color: #808080;
	font-size: 1.1em;
	text-decoration: none !important;
	float: left; 
	text-align: center; 
	padding: 4px 15px 7px 15px;
	display: block;
	height: 14px;
	margin-top: 1px;
	/* cursor: pointer; */
	}

.nav ul li a:hover { 
	background-color: #ffffff;
	background-image: url(/images/interface/nav_over_bg.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	color: #555555 !important;
	text-decoration: none !important;
	font-weight: normal;
	/* cursor: pointer; */
	}



.nav a.topnavon   
{ 
	color: #808080;
	font-weight: normal; 
	background-color: #ffffff;
	background-image: url(/images/interface/nav_on_bg.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	margin: 0; 
	padding: 5px 15px 7px 15px;
	/* cursor: pointer; */
	}

.nav a:hover.topnavon  
{ 
	color: #999999 !important;
	font-weight: normal; 
	background-color: #ffffff; 
	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: #b8d949;
}

/* home page flash */

#homepageFlash {
	width: 750px;
	height: 204px;
	clear: both;
	margin: 0 auto;
	}
	
#drilldownFlash {
	width: 750px;
	height: 118px;
	clear: both;
	margin: 0 auto 10px auto;
	}

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

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

.caption {
	margin-top: 5px;
	font-size: 1.1em;
	color: #555555;
	text-align: center;
	}

.formLabel
{

	font-size: 1.0em;
 	font-family: Tahoma, Verdana, Arial, san-serif;
	font-weight: bold;
 	color: #696969;
}

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



/* - - - - Polls and Poll Results - - - - */

#polls { 
	background: url(/images/interface/groweb_left_bottom_bg.gif) bottom center no-repeat;
	color: #696969; 
	font-family: Tahoma, Verdana, Arial, san-serif;
	line-height: 16px; 
	margin: 20px 0 10px;
	width: 210px;
	}

#polls label {
	font-size: 1.1em;
	margin: 0;
	padding: 0;
	}

#polls input {
	padding: 0;
	margin: 0 4px 0 0;
	}

.pollresults {
	font-size: 1.1em;
	padding: 2px 4px;
	}

.colourTop {
	background: #A1CC1A url(/images/interface/groweb_webpoll_top.gif) 0 0 no-repeat;
	width: 162px;
	height: 23px;
	padding: 12px 0 0 48px;
	margin: 0;
	color: white;
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-weight: bold;
	font-size: 1.2em;
	}
.colourBorder {
	width: 188px !important;
	padding: 5px 4px 0px 8px !important;
	border-left: 5px solid #ececec; 
	border-right: 5px solid #ececec; 
	min-height: 80px;
	margin: 0;
	}
.colourBorder p {
	padding: 2px 8px;
	}
	
.colourBorder span {
	padding: 0 8px;
	}
.colourBorder label {
	padding: 0 0;
	margin: 0;
	}
	
.radiobutton {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

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

.rightpanel .expandTextBox
	{
	border-left: 6px solid #E5E5E5; 
	border-right: 6px solid #E5E5E5; 
	width: 198px; 
	min-height: 80px;
	margin: 0;
	}

.expandTextBox p {
	padding: 0px 8px 8px 24px;
	margin: 0;
	}
	
.expandTextLink {
	background: url(/images/interface/left_bottom_bg.gif) bottom left no-repeat;
	margin-top: 0;
	padding: 10px 8px 20px 30px;
	font-size: 1.1em;
	margin-left: 0;
	width: 178px;
	}


/* JULIAN defined styles 11 12 06 */

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

#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: 1.1em;	
}

#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{
	font-size:1.0em;
	display:block;
	}

.content h3.subPanel, #thirdcol h3, #twothirdscol h3{
	background-color:#EFEFEF;
	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:1.0em;
	text-indent:7px;
	font-weight:bold;
	}

#thirdcol h3 span, #twothirdscol h3 span{
	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:1.0em;
	text-indent:7px;
	}

#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:1.0em;
	}

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

.savedjob h4{
	margin:0px 0px 3px;
	}


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


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


.sectorsTable{
	font-size:1.0em;
	}

.sectorsTable TD{
	font-size:1.0em;
	background:url(/images/cms/original/mini_bullet.gif) no-repeat;
	background-position:30px center;
	padding-left:40px;
	}

.sectorsTable TH, .indent20{
	font-size: 1.1em;
	font-weight:normal;
	padding-left:20px;
	}

/* 
	FORM RELATED CSS - 13 12 06
*/

.labelwide { 
color: #666; 
font-weight: bold; 
font-size: 1.1em; 
font-family: Tahoma, Verdana, Arial, san-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: 1.1em; 
	}

a.help:hover{
	color:#ff9900 !important;
	padding-left:8px;
	text-decoration:underline;
  	font-size: 1.1em; 
  	}

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

/* - - - - Contact Form - - - - */

.vacancyField {
	background: #ffffff;
	border: 1px solid #cccccc;
	padding: 3px;
	width: 150px;
	}

.multiselectfield {
	background: #ffffff;
	border: 1px solid #cccccc;
	padding: 1px 0 0 0;
	width: 158px;
	height: 17px;
	}
	
.buttonsmall {
	background: #b8d949 url(/images/interface/search-btn.gif) top left repeat-x;
	border: 1px solid #83a121;
	padding: 6px;
	color: #ffffff;
	}

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


/* - - - - Slide Show Pro - - - - */

#growebSlideshow {
	width: 515px;
	height: 200px;
	padding: 0;
	margin: 0;
	}