/** Stylesheet for Linear Recruitment website all rights reserved 2010 **/

@font-face {
	font-family: 'GillSans';
	src: url(/fonts/gillsans-webfont.eot);
	src: local('?'), url(/fonts/gillsans-webfont.woff) format('woff'), url(/fonts/gillsans-webfont.ttf) format('truetype'), url(/gillsans-webfont.svg#webfontfrm2UHop) format('svg');
	font-weight: normal;
	font-style: normal;
}


body { 
	background: #fdfcf8 url(/images/bodyBg.jpg) repeat-x top;
	font: normal normal 11px "Trebuchet MS", Arial, sans-serif;
	color: #222;
}

.container {
	width: 960px;
	margin: auto;
}


/** Header Area Styles **/

.container.header { position:relative;background: url(/images/headerBg.jpg) no-repeat top center; }

h1#logo {
	width: 406px;
	height: 69px;
	float: left;
	margin-top: 20px;
	background: url(/images/logo.png) no-repeat;
}
h1#logo a {
	display: block;
	height: 69px;
}
h1#logo span { display: none; }

ul#headerOffices {
	float: right;
	width: 500px;
	height: 100px;
	text-align: right;
	color: #fff;
	font-size: 1.1em;
	margin: 10px 0 4px;
}
ul#headerOffices li { height: 15px; /*line-height: 25px;*/ }

ul#mainNav {
	height: 43px;
	clear: both;
	border-left: 1px solid #e1e1e1;
}
ul#mainNav li {
	float: left;
	height: 43px;
	font-size: 1.4em;
	font-family: "Gill Sans", "Trebuchet MS", Arial;
	text-transform: uppercase;
	color: #01203a;
	border-left: 1px solid #fff;
	border-right: 1px solid #e1e1e1;
	line-height: 44px;
	/*letter-spacing: 0.4px;*/
}
/*
ul#mainNav li.twitter-link {float: right;}
ul#mainNav li.facebook-link {float: right;}
*/
ul#mainNav li:hover, ul#mainNav li.active {	background: url(/images/mainNavHover.jpg) repeat-x top; }
ul#mainNav li a {
	color: #01203a;
	height: 43px;
	display: block;
	padding: 0 18px;
	text-decoration: none;
	/*font-size: 0.95em;*/
}

ul#mainNav li.twitter-link a, ul#mainNav li.facebook-link a {
	padding: 0 16px;
}

form#searchBar {
	padding: 5px 0;
	width: 100%;
}
h3#jobSearchHeading {
	width: 218px;
	height: 22px;
	float: left;
	margin: 18px 0 10px;
	display: none;
	background: url(/images/jobSearchHeading.png) no-repeat;
}
h3#jobSearchHeading span { display: none; }
#searchBar select, input#keywordSearch { 
	width: 166px; 
	margin-right: 5px; 
	padding: 2px 0; 
	margin-top: 5px; 
	float: left;
}

input#keywordSearch{
	padding-left: 5px;
}

#searchBar input[type="submit"] {
	width: 92px;
	height: 31px;
	font-size: 0;
	text-indent: -9999px;
	float: right;
	border: none;
	cursor: pointer;
	color: #ddd;
	background: url(/images/searchButton.png) no-repeat top;
}
#searchBar input[type="submit"]:hover { background-position: bottom; }



/** Main Content Area styles **/

.pageFrame {
	width: 918px;
	margin-top: 20px;
	padding: 20px 20px 40px;
	overflow: hidden;
	background-color: #eff4f6;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0px 0px 4px #888;
	-webkit-box-shadow: 0px 0px 4px #888;
	box-shadow: 0px 0px 4px #888;
}
.leftSidebar {
	width: 278px;
	padding: 20px;
	float: left;
	margin-right: 20px;
	border-top: 3px solid #21689c;
	border-bottom: 3px solid #21689c;
	background: #fff;
}
.mainContent {
	width: 580px;
	float: left;
}


/** Sidebar styles **/

ul.sideNav li {
	font-size: 1.25em;
	color: #333;
	line-height: 35px;
	margin-bottom: 1px;
}
ul.sideNav li a {
	color: #0187be;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-left: 10px;
    background: url(/images/sideNav.jpg) no-repeat center left;
}
ul.sideNav li a:hover { text-decoration: underline; }
ul.sideNav li a.active { background: url(/images/sideNavActive.jpg) no-repeat center left; }
ul.sideNav li a.active:hover { text-decoration: none; }

ul.sideNav ul {	padding: 0 2px 5px 5px; }
ul.sideNav ul li:first-child { border: none; }
ul.sideNav ul li {
	font-size: 0.95em;
	line-height: 2.5em;
	border-top: 1px solid #d5d5d5;
	color: #999;
	letter-spacing: -0.1px;
	padding-left: 5px;
	margin: 0;
}
ul.sideNav ul li a { color: #777; padding-left: 0; background: none; }
ul.sideNav ul li a.active {
	background: none !important;
	color: #353535;
}

li.emailAlerts a { background: url(/images/emailAlertsIcon.jpg) no-repeat center left !important; padding-left: 26px !important; }
li.jobArchives a { background: url(/images/jobArchivesIcon.jpg) no-repeat center left !important; padding-left: 26px !important; }


form.sideLogin {
	background: #fbfaf8;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0px 0px 3px #888;
	-webkit-box-shadow: 0px 0px 3px #888;
	box-shadow: 0px 0px 3px #888;
	padding: 15px;
	overflow: hidden;
}
.sideLogin h4 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.4em;
	color: #0187be;
	margin-bottom: 10px;
}
.sideLogin input[type="text"],
.sideLogin input[type="password"] {
	padding: 3px 5px 2px 5px;
	height: 25px;
	width: 235px;
	margin-bottom: 8px;
	border: 1px solid #d5d5d5;
	background: #fff;
	color: #888;
	font-size: 1.4em;
}
.sideLogin input[type="submit"] {
	font-size: 0em;
	text-indent: -9999px;
	width: 83px;
	height: 31px;
	background: url(/images/loginButton.png) no-repeat top;
	border: none;
	cursor: pointer;
	float: right;
}
.sideLogin input[type="submit"]:hover { background-position: bottom; }


/** Main Content styles **/

.breadcrumbs {
	height: 32px;
	line-height: 31px;
	color: #88867f;
	font-size: 1.15em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0px 0px 3px #888;
	-webkit-box-shadow: 0px 0px 3px #888;
	box-shadow: 0px 0px 3px #888;
	background-color: #fff;
	overflow: hidden;
}
.breadcrumbs a { color: #88867f; }
.breadcrumbs a:hover { text-decoration: none; }
.breadcrumbs h4 {
	display: block;
	float: left;
	width: 100px;
	color: #fff;
	padding-left: 10px;
	background: url(/images/blueBar.jpg) repeat-x center;
	text-shadow: 1px 1px 1px #333;
	font-size: 1.2em;
	font-style: italic;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-right: 1px solid #a6b6c3;
	margin-right: 15px;
	line-height: 32px;
}

.pageFrame .mainContent .contentBlock {
	width: 560px;
	padding: 10px;
	background: #fff url(/images/contentBlock.jpg) no-repeat top;
	border-bottom: 1px solid #eaeaea;
	margin: 20px 0;
	overflow: hidden;
	position: relative;
	font-size: 1.2em;
	color: #222;
	z-index: 0;
	line-height: 19px;
}

.contentBlock {
	width: 560px;
	padding: 10px;
	background: #fff url(/images/contentBlock.jpg) no-repeat top;
	border-bottom: 1px solid #eaeaea;
	margin: 50px 0;
	overflow: hidden;
	position: relative;
	font-size: 1.2em;
	color: #222;
	z-index: 0;
	line-height: 19px;
}
.contentBlock h3 {
	height: 32px;
	display: block;
	background: url(/images/blueBar.jpg) repeat-x center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-shadow: 1px 1px 1px #333;
	margin-bottom: 15px;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.2em;
	letter-spacing: -0.1px;
	padding: 0 10px;
	line-height: 32px;
	clear: both;
}
.contentBlock p { padding: 0 5px; }
.contentBlock strong { font-weight: bold; }


/** Interior content pages **/

.interiorContent {
	width: 550px;
	padding: 15px;
	font-size: 1.3em;
	line-height: 1.6em;
	color: #444;
}
.interiorContent h3 { font-size: 1.1em; }
.interiorContent p {
	color: #444;
	margin: 22px 0;
	padding: 0;
}
.interiorContent strong { display: block; }
.interiorContent a { color: #21689C; text-decoration: none; }
.interiorContent a:hover { text-decoration: underline; }
.interiorContent h4 {
	color: #01203a;
	font-size: 0.95em;
	text-transform: uppercase;
	padding-bottom: 5px;
	margin: 45px 0 0;
	display: inline;
	border-bottom: 1px dotted #ccc;
}
.interiorContent h5 {
	color: #282828;
	font-weight: bold;
	margin-bottom: -12px;
	margin-top: 45px;
	width: 60%;
}
.interiorContent img {
	margin: 5px;
	padding: 3px;
	background-color: #fbfaf8;
}

.interiorContent .pages-categories a {
	border: solid 1px #21689C;
	background-color: #E6EDF2;
	display: block;
	float: left;
	margin: 5px 10px;
	padding: 5px 10px;
}

.interiorContent .pages-categories a:hover {
	background-color: #D0D9E0;
	text-decoration: none;
}

img.floatLeft { float: left; margin: 5px 5px 5px 0; }
img.floatRight { float: right; margin: 5px 0 5px 5px; }

.interiorContent ul { margin: 20px 0 0 10px; }
.interiorContent ul li {
	background: url(/images/greyBullet.gif) no-repeat center left;
	padding: 0 0 1px 12px;
}
.interiorContent ul a { text-decoration: none; }
.interiorContent ul a:hover { text-decoration: underline; }
.interiorContent ul h5 { margin: 0; }
ul.listTable { margin: 25px 0; }
ul.listTable li:first-child { background: none; }
ul.listTable li { padding: 3px 0 4px 12px; }


/** Job Listings styles **/

ol.jobListings {
	list-style-type: decimal;
	list-style-position: inside;
	font: italic normal 1.8em Georgia, Times, serif;
	text-indent: 5px;
	color: #aaa;
}
ol.jobListings li:first-child { background: none; }
ol.jobListings li {
	line-height: 30px;
	padding: 1px 0 3px;
	background: url(/images/fadeLine.png) no-repeat top left;
}
ol.jobListings li a {
	font-size: 1.15em;
	color: #555;
	font: normal normal 0.65em "Trebuchet MS", Arial, sans-serif;
	padding: 2px 30px 5px 0;
	color: #555;
	background: url(/images/blueArrow.png) no-repeat center right;
	text-decoration: none;
}
ol.jobListings li a:hover { background: url(/images/blueArrowHover.png) no-repeat center right; }
img.latestJobsBg {
	position: absolute;
	z-index: -1;
	bottom: 0;
	right: 10px;
}
.findMoreJobsButton {
	width: 192px;
	height: 35px;
	margin-top: -25px;
	display: block;
	float: right;
	background: url(/images/findMoreJobsButton.png) no-repeat top;
}
.findMoreJobsButton:hover { background-position: bottom; }
.findMoreJobsButton span { display: none; }

.findOutMoreButton {
	width: 216px;
	height: 36px;
	display: block;
	float: right;
	background: url(/images/findOutMoreButton.png) no-repeat top;
}
.findOutMoreButton:hover { background-position: bottom; }
.findOutMoreButton span { display: none; }


/** Slideshow scripts **/

#slideshow {
	position: relative;
	width: 578px;
	height: 248px;
	overflow: hidden;
	margin-bottom: 20px;
	border: 1px solid #d3d3d2;
	background: #fff;
}
#slide-holder a { color: #fff; }
#slide-holder {
	z-index : 40;
	width : 580px;
	height : 250px;
	position : absolute;
}
#slide-holder div#slide-runner {
	top : 0;
	left : 0;
	width : 580px;
	height : 250px;
	overflow : hidden;
	position : absolute;
}
#slide-holder img {
	margin : 0;
	display : none;
	position : absolute;
}
#slide-holder div#slide-controls {
	left : 0;
	bottom : 10px;
	width : 580px;
	height : 40px;
	display : none;
	position : absolute;
	background : url(/images/slide-bg.png) 0 0;
}
#slide-holder div#slide-controls p.text {
	float : left;
	color : #fff;
	display : inline;
	font-size : 1.3em;
	line-height : 16px;
	margin : 12px 0 0 20px;
}
#slide-holder div#slide-controls p#slide-nav {
	float : right;
	height : 24px;
	display : inline;
	margin : 8px 15px 0 0;
}
#slide-holder div#slide-controls p#slide-nav a {
	float : left;
	width : 24px;
	height : 24px;
	display : inline;
	font-size : 11px;
	margin : 0 5px 0 0;
	line-height : 24px;
	font-weight : bold;
	text-align : center;
	text-decoration : none;
	background-position : 0 0;
	background-repeat : no-repeat;
}
#slide-holder div#slide-controls p#slide-nav a.on {	background-position : 0 -24px; }
#slide-holder div#slide-controls p#slide-nav a { background-image : url(/images/silde-nav.png);}


/** Landing Page styles **/

.pageHeader {
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-bottom: 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0px 0px 3px #888;
	-webkit-box-shadow: 0px 0px 3px #888;
	box-shadow: 0px 0px 3px #888;
}
.pageHeader h2 {
	font: normal normal 2.8em "Trebuchet MS", Arial;
	color: #21689c;
	letter-spacing: -0.1px;
	padding: 10px;
	float: left;
}
form#sectionSearch {
	width: 280px;
	padding: 10px;
	float: right;
	background-color: #accb51;
	border: 1px solid #7ab038;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
}
#sectionSearch input[type="text"] {
	width: 168px;
	height: 27px;
	line-height: 31px;
	float: left;
	border: 1px solid #5f9501;
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #555;
	font-size: 1.05em;
	padding: 0 5px;
	margin: 2px 0;
}
#sectionSearch input[type="submit"] {
	width: 92px;
	height: 31px;
	font-size: 0em;
	text-indent: -9999px;
	float: right;
	border: none;
	cursor: pointer;
	background: url(/images/searchButton.png) no-repeat top;
}
#sectionSearch input[type="submit"]:hover { background-position: bottom; }

ol.jobListingsTable {
	list-style-type: decimal;
	list-style-position: inside;
	font: italic normal 1.8em Georgia, Times, serif;
	text-indent: 5px;
	color: #aaa;
}
ol.jobListingsTable li {
	line-height: 28px;
	padding: 1px 0 3px;
	border-bottom: 1px solid #e4e4e4;
	background: url(/images/blueArrow.png) no-repeat center right;
	cursor: pointer;
}
ol.jobListingsTable li:hover { background: url(/images/blueArrowHover.png) no-repeat center right; }
ol.jobListingsTable li:hover a { color: #353535; }
ol.jobListingsTable p {
	float: right;
	width: 525px;
	margin: 0 0 0 -25px;
	padding: 0;
}
ol.jobListingsTable li a {
	float: left;
	display: block;
	width: 100%;
	font-size: 1.15em;
	color: #555;
	letter-spacing: -0.1px;
	font: normal normal 0.6em "Trebuchet MS", Arial, sans-serif;
	color: #555;
	text-decoration: none;
	line-height: 30px;
	position: relative;
}
ol.jobListingsTable li span {
	font-style: italic;
	color: #888888;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0.9em;
	padding-right: 28px;
}

.viewAllJobsButton {
	width: 136px;
	height: 35px;
	margin-top: 10px;
	display: block;
	float: right;
	background: url(/images/viewAllJobsButton.png) no-repeat top;
}
.viewAllJobsButton:hover { background-position: bottom; }
.viewAllJobsButton span { display: none; }

.contentBlockGold {
	width: 560px;
	padding: 10px;
	background: #fff url(/images/contentBlock.jpg) no-repeat top;
	border-bottom: 1px solid #eaeaea;
	margin: 20px 0;
	overflow: hidden;
	position: relative;
	font-size: 1.2em;
	color: #222;
	z-index: 0;
}
.contentBlockGold h3 {
	height: 32px;
	display: block;
	clear: both;
	background: url(/images/goldBar.jpg) repeat-x center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-shadow: 1px 1px 1px #333;
	margin-bottom: 15px;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.2em;
	letter-spacing: -0.1px;
	padding: 0 10px;
	line-height: 32px;
}
.contentBlockGold h3 img { vertical-align: text-bottom; }
.contentBlockGold p { line-height: 19px; padding: 0 5px; }

.findOutMoreAboutJobButton {
	width: 250px;
	height: 31px;
	margin-top: 10px;
	display: block;
	float: right;
	background: url(/images/findOutMoreAboutJob.png) no-repeat top;
}
.findOutMoreAboutJobButton:hover { background-position: bottom; }
.findOutMoreAboutJobButton span { display: none; }

table.jobTable {
	border: 1px solid #dedede;
	color: #999;
	border-collapse: collapse;
}
.jobTable td.jobTitle { 
	font-size: 1.5em; 
	color: #21689c; 
	padding: 5px 10px;
	letter-spacing: -0.1px;
}
.jobTable td.title { 
	width: 70px;
	font-size: 1em;
	text-transform: uppercase;
	color: #118ec2;
	background: #fdfcf8;
}
.jobTable td { 
	font-size: 1.1em; 
	padding: 10px;
	border: 1px solid #dedede;
}
.jobTable h4 { font-size: 1.1em; text-transform: uppercase; text-decoration: underline; padding-top: 5px; }

.applyButton {
	width: 65px;
	height: 24px;
	float: right;
	border: none;
	background: url(/images/applyButton.png) no-repeat;
	font-size: 0;
	line-height: 0;
	color: #aaa;
	cursor: pointer;
}
h3 .applyButton { margin-top: -28px; }
.applyNowButton {
	width: 120px;
	height: 30px;
	float: right;
	border: none;
	background: url(/images/applyNowButton.png) no-repeat;
	font-size: 0;
	line-height: 0;
	color: #aaa;
	margin: 10px 0;
	cursor: pointer;
}


/** Misc tables etc **/

td.results_grey {
	width: 200px;
	vertical-align: middle;
	padding: 8px 10px 8px 0;	 
}
td.body { padding: 5px 0; }
input.registerButton {
	width: 105px;
	height: 31px;
	float: right;
	border: none;
	background: url(/images/registerButton.jpg) no-repeat;
	font-size: 0;
	line-height: 0;
	color: #aaa;
	margin: 8px 0;
	cursor: pointer;
}
.errors {
	width: 500px;
	margin: 15px auto;
	border: 3px solid #d65116;
	background: #fbfaf8;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
	font-size: 1em;
	overflow: hidden;
}
.errors h4 {
	font-size: 1.6em;
	color: #333;
}
.errors ul { padding: 10px; list-style-type: disc; list-style-position: inside; }
.errors ul li { padding: 2px 0; font-style: italic; }


/** Footer styles **/

#footer {
	border-top: 1px solid #d5d5d5;
	margin-top: 40px;
	padding: 20px 0 30px;
	text-align: center;
	color: #888;
	font-size: 1.2em;
}
#footer a { color: #888; font-weight: bold; }
#footer a:hover { text-decoration: none; }
#footer ul li {
	display: inline;
	margin: 0 4px;
}
#footer p { margin: 8px 0; color: #888; }


/** Misc Styles **/

hr {
	border: none;
	background: #d5d5d5;
	height: 1px;
	margin: 20px 0;
}
p { margin: 18px 0; color: #222; }
.clearBoth { clear: both; }
p.positionFilled {
	color: #21689C;
	background: #fff;
	font-size: 1.8em;
	padding: 8px;
	text-align: center;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-weight: bold;
}
a.jobLikeThis {
	width: 200px;
	height: 31px;
	background: url(/images/jobLikeThis.png) no-repeat top;
	display: block;
	cursor: pointer;
}
a.jobLikeThis span { display: none; }
a.jobLikeThis:hover { background-position: bottom; }

div.footer-links-container {
	width: 500px;
	margin:auto;
	text-align: center;
}

div.footer-links-container a {
	display: inline-block;
	margin: 0px 5px;
}






/*================
  FOR Social links
  ================*/
.social{position:absolute;right:200px;top:34px;}
.social li{float:left;margin:0 10px 0 0;}
.social li a{display:block;width:40px;height:40px;text-indent:-999px;overflow:hidden;}
.social li .facebook{background:url(../images/facebook.png) left top no-repeat}
.social li .twitter{background:url(../images/twitter.png) left top no-repeat}