/*
Theme Name: gjnconsulting
Theme URI: http://wordpress.org/
Description: Custom Theme for GJN Consulting.
Version: 2.13
Author: 
Author URI: 
Tags: 
*/


body {
     font-size: 62.5%; /* Resets 1em to 10px */
     font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
     background-color: #0d2b4f; 
     background-image: url('images/bodybg.jpg');  
     background-repeat: repeat-x;
     text-align: center;
     margin: 0;
     padding: 0;
}
#wrapper {
     margin: 0 auto;
     width: 1001px;
     height: 600px;
}
#header {
     height: 131px;
     background-color: transparent;
     background-image: url('images/logo.jpg'); 
     background-repeat: no-repeat;
     background-position: 15px top;
	  margin: 0;
	  padding: 0;
}
#strapline {
     text-align: right;
     margin: 0;
     padding: 48px 21px 0 0;
     font-size: 14px;
     font-weight: bold;
     color: #8f99a6;
}
#navBar {
     position:relative;
	  z-index: 1;
     text-align: right;
     margin: 0;
     padding: 21px 18px 0 0;
}
#navBar a:link, #navBar a:hover, #navBar a:visited, #navBar a:active {
	margin: 0px -1px 0 -2px;
	padding: 0px;
}

#borderTop {
     position:relative; 
	  z-index: 2;
     margin: -1px 0 0 0;
     height: 9px;
     background-image: url('images/borderTop.jpg'); 
     background-repeat: no-repeat;     
}
#main {
     margin: 0;
     padding: 0;
     background-image: url('images/borderSides.jpg');
     background-position: 10px top;
     background-repeat: repeat-y;
     text-align: left;
}

#homePanel {
     margin: 0;
     padding: 20px 0 20px 29px;	
	 width: 941px;
	 height: 248px;
     overflow: hidden;	 
}
#homePanel img {
  position: absolute;
}


#tabsButtons {
     position:relative;
     z-index: 300; 
     margin: -41px 0 0 0;
     padding: 0 0 0 29px;
     width: 941px;
     height: 93px;
/*     background-color: transparent; */
}
#tabsButtons a:link, #tabsButtons a:hover, #tabsButtons a:visited, #tabsButtons a:active {
     margin: 0;	 
     padding: 0px;  	
}
.tabfix190, .tabfix188, .tabfix187 {
     float: left;
	 height: 93px;
}
.tabfix190 {
     width: 190px;
}
.tabfix188 {
     width: 188px;
}
.tabfix187 {
     width: 187px;
}
#breadcrumb {
     margin: 15px 0 0 0;
     padding: 0 0 0 38px;
     font-size: 11px;
     color: #bc9c3a;
     font-weight: 600;
}
#youAreHere {
	color: #999999;
}
#leftCol {
	float: left;
	width: 200px;
	padding: 0 20px 0 30px;
/*	background-color: #f00; */
}
#rightCol {
	float: right;
	width: 210px;
	padding: 0 30px 0 0;
/*	background-color: #0f0; */
	text-align: justify;
}
#centreCol {
/*	background-color: #00f; */
	width: 470px;
	margin: 0 280px 0 264px;
	color: #666;
	font-size: 12px;
	line-height: 25px;
	text-align: justify;
}
#borderBottom{
     margin: 0;
     height: 27px;
     background-image: url('images/borderBottom.jpg'); 
     background-repeat: no-repeat;   
}
#footerTopBorder {
	width: 940px;
	height: 5px;
	margin: 3px 0 0 30px;
	background-image: url('images/footer/footer-top.jpg');
	background-repeat: no-repeat;
}
#footer {
     width: 940px;
     height: 230px;
     margin: 0 0 0 30px;
     background-color: #00284b;
}
#footerAddress {
	margin: 0;
	padding: 24px 0 0 20px;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
}
#footerAddress p{
	margin: 0;
	font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
}
#footerLeft {
	float: left;
	width: 400px;
	margin: 0;
	padding: 20px;
	font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;	
	color: #fff;
}
#stayintouch {
	margin:0;
	padding: 60px 0 0 0;
	font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;	
	color: #60738b;
}
#socialButtons{
	margin: 11px 0 0 0;
	width: 191px;
	height: 25px;
	background-image: url('images/footer/socialButtonStriptmp.jpg');
}
#footerLinks {
	margin-top: 5px;
}
#footerLinks a:link, #footerLinks a:visited, #footerLinks a:hover, #footerLinks a:active {
	font-family: Verdana, sans-serif;
	font-size: 9px;
	text-decoration: none;
	color: #fff;
	margin-right: 35px;
}
#footerRight {
	float: right;
	width: 400px;
	margin: 0;
	padding: 20px;
	color: #fff;
}
#callInConfidence {
	margin:0;
	padding: 54px 0 0 0;
	font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
	font-size: 14px;
	line-height: 18px;	
	color: #fff;
	text-align: right;
}
#phoneNo {
	margin:0;
	padding: 8px 0 0 0;
	font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
	font-weight: bold;	
	font-size: 26px;
	line-height: 18px;	
	color: #bc9c3a;
	text-align: right;	
}
#copyright {
	font-family: Verdana, sans-serif;
	font-size: 9px;
	color: #fff;
        padding: 25px 0 0 0;
	text-align: right;
}
#footerBottomBorder {
	width: 940px;
	height: 4px;
	margin: 0 0 5px 30px;
	background-image: url('images/footer/footer-bottom.jpg');
	background-repeat: no-repeat;
}


#content a:link, #content a:visited, #content a:hover, #content a:active{
	font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
	color: #F1B310;
	text-decoration: none;
	font-weight: bold;
}
#content a:hover {
	text-decoration: underline;
}

.divider {
	background-image: url('images/divider.jpg'); 
	height: 11px;
	width: 940px;
	margin: 15px 0 15px 14px;
    background-repeat: no-repeat;	
	background-position: 29px 0; 

}
#clear {
	clear: both;
	visibility: hidden;
}
#countryMenuHeader {
	width: 209px;
	height: 34px;	
}
.countryButtons {
	margin: 3px 0 0 0;
}
#ukMenuHeader {
    margin: 40px 0 0 0;
	width: 209px;
	height: 34px;
}
/* About Us Team Menu */
#teamMenuHeader {
	width: 209px;
	height: 34px;	
}
.teamButtons {
	margin: 3px 0 0 0;
}

/* Search Form Styling Starts here */
#searchHeader {
	width: 209px;
	height: 34px;
}
#searchForm {
	width: 198px;
	border-right: 1px solid #718297;
	background-color: #0d2b4f;
	padding: 3px  0 13px 10px;
}
#searchFooter {
	width: 209px;
	height: 4px;
	background-image: url('images/search/searchFooter.jpg');
	background-repeat: no-repeat;
}
.formLabels{
	padding: 12px 0 0 0;
	color: #fff;
	font-size: 10px;
}
.formFields, .form-fields   {
	padding: 10px 0 0 0;
}
.submitButtom {
	padding: 14px 14px 9px 0;
	text-align: right;
}
input#submit {
border: none;
width: 88px;
height: 33px;
background: url(images/search/submit.jpg) no-repeat 0 0;
margin: 0;
overflow: hidden;
padding: 88px 0 0 33px;
}
/* Search Form Styling Ends here */

p:first-child {
        color: #0d2b4f;
        font-weight: bold;
        font-size: 13px;
	margin-bottom: 25px;
	text-transform: uppercase;
}


/* All The Panels */
#panel {
	margin: 0 0 0 29px;
	width: 941px;
	height: 188px;
	background-image: url('images/panels/generic.jpg'); 
        background-position: 0 15px;
	background-repeat: no-repeat;
}
#pageTitle {
	margin: 0;
	padding: 120px 0 0 30px;
	font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
	font-size: 30px;
	color: #C39C35;
	text-align: left;
	text-transform: uppercase;
}
h2 {
	font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
	font-size: 14px;
	color: #0B2341;
	text-transform: uppercase;	
}
hr {
	color: #000;
        background-color: #000;
        height: 1px;
}
/* Employers Pages Menu */
#employerMenuHeader {
	width: 209px;
	height: 34px;
	margin-bottom: 3px;
}
.employerButtons {
	margin-bottom: 5px;
}
/* Search Results Styles Begin */

.jobRefTopOverlay {
	font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
	font-size: 14px;
    font-weight: bold;
	color: #002549;
}

.searchResultsRole {
	text-align: left;
	text-transform: uppercase;
    background-color: #002748; 
    color: #fff;
	font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
	font-size: 14px;
    font-weight: bold;
    padding: 2px 10px 3px 10px;
}
.searchResultsRoleOverlay {
	text-align: left;
	text-transform: uppercase;
    background-color: #002748; 
    color: #fff;
	font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
	font-size: 14px;
    font-weight: bold;
    padding: 2px 10px 3px 10px;
    margin: 0 0 15px 0;	
}
.role {
    color: #8197AE;
}
p .heading {
   padding: 3px 10px 3px 10px;
   font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
   font-weight: bold;
   font-size: 12px;
   color: #002549;
}
.resultHeading{
   margin: 10px 0 0 0;
   padding: 0;
   color: #00274A;
	font-weight: bold;
}

p .resultCell {
   padding: 3px 10px 3px 20px;
   font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
   font-weight: bold;
   font-size: 12px;
}
.searchResultsEnvelope {
   margin: 0px 10px 20px 10px;
   padding: 13px 0 0 0;
}
.resultLabel {
   float: left;
   width: 95px;
   margin: 0 0 5px 0;
   color: #00274A;
   font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
   font-weight: bold;
   font-size: 12px;
}
.resultLabelOverlay {
   float: left;
   width: 95px;
   margin: 0;
   color: #00274A;
   font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
   font-weight: bold;
   font-size: 12px;
/*   background-color: blue; */
}
.result {
   float: left;
   width: 330px;
   margin: 0 0 5px 0;
   font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
   font-weight: bold;
   font-size: 12px;
}
.resultDetails {
	margin-top: 0;
	margin-bottom: 20px;
}
.resultOverlay {
   float: right;
   width: 430px;
   margin: 0;
   font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
   font-weight: bold;
   font-size: 12px;
/*   background-color: red;  */
}
.clear {
   clear: left;
   height: 1px;
   margin: 0;
}
.clearOverlay {
   clear: both;
   height: 1px;
   margin: 0 0 15px 0;
/*   background-color: red; */
}
.resultHeadingOverlay {
   margin: 0;
   color: #00274A;
   font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
   font-weight: bold;
   font-size: 12px;
}
.resultDetailsOverlay {
   padding: 3px 10px 3px 20px;
   font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
   font-weight: normal;
   font-size: 12px;
   line-height: 18px;
   color: #676662;
}
.searchResultsFooter {
   background-color: #F0B20F;
   color: #00284C;
   margin-bottom: 40px; 
   font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
   font-weight: bold;
   font-size: 13px; 
/*   padding: 3px 10px 3px 10px; */
   text-align: left;

}
.resultsFooterjobRef{
	float: left;
   color: #00284C;
	width: 140px;
	background-color: #F0B20F;
   color: #00284C;
   padding: 3px 0px 3px 10px; 
   text-align: left;
	font-size: 13px; 
}
.mailCV {
	float: left;
   color: #00284C;
	width: 230px;
   background-color: #F0B20F;  
   padding: 3px 0px 3px 10px; 
   text-align: left;
   font-size: 13px; 
}
.gotoTop {
	float: left;
	width: 69px;
	border-left: 1px solid #fff;
	color: #00284C;
	background-color: #F0B20F;
	padding: 3px 0px 3px 10px; 
	font-size: 13px; 
   background-image: url('images/gotoTop.jpg');
	background-repeat: no-repeat;
	background-position:45px 11px;
}
.clearLeft {
	clear: left;
	height: 70px;
}
.searchResultsEnvelope a:link, .searchResultsEnvelope a:visited, .searchResultsEnvelope a:hover, .searchResultsEnvelope a:active {
   font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
	color: #F1B310;
	text-decoration: none;
	font-weight: bold;
}
.searchResultsEnvelope a:hover {
	text-decoration: underline;
}

.mailCV a:link, .mailCV a:visited, .mailCV a:hover, .mailCV a:active {
	font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
	color: #fff;
	text-decoration: none;
	font-size: 13px; 
	font-weight: bold;
}
.mailCV a:hover {
   text-decoration: underline;
}

.gotoTop a:link, .gotoTop a:visited,.gotoTop a:hover,.gotoTop a:active {
	font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
   color: #00284C;
	text-decoration: none;
	font-size: 13px; 
	font-weight: bold;	
}
.gotoTop a:hover {
	text-decoration: underline;
}
/* Overlay for Job Details Next */
/* the overlayed element */
.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(http://gjnconsulting.com/jobdetails/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;		
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
/*	font-size:11px; */
}

/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(http://gjnconsulting.com/jobdetails/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* use a semi-transparent image for the overlay */
#overlay {
	/* background-image:url(http://static.flowplayer.org/img/overlay/transparent.png); */
	background-image:url(http://gjnconsulting.com/jobdetails/transparent.png);
	
/*	color:#efefef; */
    color: #000;
	font-size: 16px;
	height:450px;
}

/* container for external content. uses vertical scrollbar, if needed */
.contentWrap {
	height:441px;
	overflow-y:auto;
	padding: 40px;
	text-align: left;	
}
/* Hover Tabs */
#hoverTab1, #hoverTab2, #hoverTab3, #hoverTab4, #hoverTab5 {
    position: absolute;
	display: none;
	z-index: 10;
}
/* Country Pages */
#countryPhotos {
    margin: 50px 0 20px 42px;

}
.photoCredit {
   font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
   font-weight: normal;
   font-size: 10px;  
   color: #666;  
   text-align: center;   
}
.mapsTitle {
   margin: 20px 0 3px 0;
   font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
   font-weight: bold;
   font-size: 14px;  
   color: #666;  
   text-align: left;      
}
.maps {
   margin: 0 0 10px 0;
}
.key, .key ol li {
   font-family: 'Lucida Sans', 'Lucida Grande', Verdana, sans-serif;
   font-weight: normal;
   font-size: 11px;  
   color: #666;  
   text-align: left; 
}
.key ol li  {
   margin-left: -15px;
	padding-left: -15px;  
}
.key ol  {
   margin-top: 3px;
	padding-top: 0px; 
	margin-bottom: 40px; 
}
/* Uploaded Images */
img .alignright {
   float: right;
   
}
.blueLine {
  height: 1px;
  background-color: #BACCD0;
  margin: 6px 0 0 0;
  overflow: hidden;
}
/* Social Website Buttons */
#socialButtonsLive {
	margin: 11px 0 0 0;
	width: 200px;
	height: 25px;
}
#socialButtonsLive img {
    border: none;
	margin: 0;
	padding: 0;
}
#socialButtonsLive a:link, #socialButtonsLive a:visited, #socialButtonsLive a:hover, #socialButtonsLive a:active {
    margin: 0 -1px 0 0;
	padding: 0;
} 
#content img {
    border: none;
}