/* Board Engineering WEB SHEET */
/* COPYRIGHT OTYS CORP 2003-2013 */
/* AUTHOR: Ota Hobst */
/* TEMPLATE: aCMSBUSJAB<*>.HTML */

/****** FIRST BASE,BLOCKLEVELS ******/

body{
text-align:center;
margin:0;
color:#5e5e5e;
font-size:12px;
font-family:'Open Sans',Arial,Verdana,Helvetica,sans-serif;
}
img{
border:0;
}
a {
color: #5e5e5e;
text-decoration: underline;
}
a:hover{
text-decoration: none;
}
td,th,div{
text-align:left;
}
h1{
font-size:18px;
font-weight: normal;
text-transform: uppercase;
color: #5e5e5e;
margin:0;
padding:0;
}
h2{
font-size:14px;
font-weight: normal;
color: #5e5e5e;
text-transform: uppercase;
margin:0;
padding:10px 0 0 0;
}
h3{
font-size:12px;
margin:0;
padding-bottom:5px;
}
input,textarea, select{
color:#979797;
font-size:12px;
background:#fff;
box-shadow: 2px 2px 2px #e3e3e3 inset;
border-radius: 4px;
padding: 12px 23px;
border: 1px solid #e1e1e1;
}
.formInput input[type="checkbox"] {
width: auto;
}
ul{
margin-left:10px;
padding-bottom:0;
padding-left:8px;
} 
textarea{
overflow:auto;
}
hr{
color:#333;
}
form{
margin:0;
padding:0;
}

/* HOOK */

.hookOuter {
margin: 0
}
.hookHeader, .hookTitle {
font-size: 18px;
text-transform: uppercase;
color: #fff;
margin: 0 0 10px 0;
font-weight: normal;
}
.hookText {
color: #fff;
line-height: 24px;
}
.hookItemContainer {
margin: 0 0 12px 0;
}
.hookItemTitle {
line-height: 24px;
}
.hookItemTitle a {
font-weight: bold;
color: #4b494c;
text-decoration: none;
}
.hookItemTitle a:hover {
text-decoration: underline;
}
.hookItemWord {
line-height: 22px;
}
.hookInput {
}
.hookWord {
}

/****** LAYOUT DESIGN ******/

.height22 {
height: 22px;
}
.siteOuter {
text-align: center;
}
.siteWidth {
margin: 0 auto;
width: 960px;
position: relative;
z-index: 1;
}

/* TEASER 1 */

.teaser1Outer {
width: 100%;
height: 350px;
position: absolute;
z-index: 0;
top: 140px;
left: 0;
overflow: hidden;
}
.teaser1Outer div {
text-align: center;
width: 100% !important;
overflow: hidden;
}

/* HEADER */

#headerContainer {
height: 140px;
}

/* TEASER 2 */

#teaser2Outer {
height: 43px;
text-align: right;
}
#teaser2Outer img {
margin: 11px 0 0 3px;
}

/* LOGO */

#logo {
float: left;
}

/* MENU */

#hlb1 {
float: right;
width: auto;
margin: 31px 0 0 0;
}
#hlb1 ul {
margin: 0;
padding: 0;
list-style: none;
}
#hlb1 li {
display: inline-block;
}
#hlb1 a {
color: #999;
font-size: 14px;
text-transform: uppercase;
text-decoration: none;
display: block;
margin: 0 0 0 25px;
padding: 0;
}
#hlb1 a:hover {
color: #002b55;
}
#hlb1 ul ul li a {
margin: 0 0 24px 0;
font-size: 12px;
color: #999;
}
#hlb1 ul ul {
background: #fff;
padding: 50px 30px 0 30px;
border-radius: 0 0 5px 5px;
margin-top: 25px;
top: 0px !important;
}

/* MAIN CONTAINER */

#mainContainer {
margin: 250px 0 0 0;
}

/* JOB DETAIL SPECIALs */

.mDhOut {
color: #fff;
background: #002b55;
border-radius: 5px;
box-shadow: 0 2px 0 #cfcfcf;
padding: 17px 19px;
margin: 0 0 40px 0;
}

/* HOME SPECIALS */

.homeTop {
background: #002b55;
float: left;
width: 300px;
border-radius: 5px;
box-shadow: 0 2px 0 #cfcfcf;
}
#homeTopLeft {
margin: 0 29px 0 0;
}
#homeTopRight {
float: right;
}
.homeTop .hookOuter {
padding: 17px 20px;
}

/* ACTONOMY HOOK */

.actHOuter {
margin: 0;
}
.actHOuter .actHHeader {
padding: 0 0 4px 0;
}
.actHOuter .multiSelect {
display: none;
}
.homePage .actHOuter .multiSelect {
	display: block;
}
.homePage .actHOuter .multiSelectOptions {
	min-width: 256px;
}
.actHWord {
padding: 0 0 6px 0;
display: none;
}
.actHInput {
margin: 0 0 10px 0;
}
.actHWord input, .actHInput input {
width: 200px;
box-shadow: 2px 2px 2px #e3e3e3 inset;
border-radius: 4px;
padding: 12px 33px 12px 23px;
border: 1px solid #e1e1e1;
}
.actHVsl, .actHOuter .actHBl {
display: none;
}
.magicSelect, .multiSelect {
background: #fff URL(../_images/selectBG.gif) no-repeat 100% 50%;
cursor: pointer;
}
.magicSelect.focus, .magicSelect.hover, .magicSelect.active, .multiSelect.focus, .multiSelect.hover, .multiSelect.active {
background: #fff URL(../_images/selectBG.gif) no-repeat 100% 50%;
}
.magicSelectOptions div {
line-height: 18px;
height: 20px;
vertical-align: middle;
}
.magicSelectOptions input {
position: relative;
top: 2px;
margin-right: 6px;
}
.magicSelectOptions div label {
font-size: 10px;
padding: 0;
position: relative;
top: -1px;
}
.actHButton {
clear: both;
}
.actHButton input {
background: #fff;
color: #002b55;
}
.actHBl {
float: left;
padding: 22px 0 0 10px;
}
.actHBl a {
text-decoration: none;
}
.actHVsi {
display: none;
}

/* TEASER 5 */

.teaser5Outer .teaserIntro {
padding: 0 0 20px 0;
}
.teaser5Outer .teaserItemContainer {
clear: both;
height: 40px;
}
.teaser5Outer .teaserPhoto {
float: left;
width: 40px;
}
.teaser5Outer .teaserText {
color: #fff;
float: left;
}
.teaser5Outer .teaserText a {
color: #fff;
}

/* TEASER 6 */

.teaser6Outer a {
color: #fff;
}

#mainContainer.mainContent {
background: #fff;
padding: 19px;
border-radius: 5px;
}

/* CONTENT SPECIALS */

#mainContainer.mainContent #leftContainer {
width: 280px;
}

/* JOBS REMOTE SHORTLIST */

.jslOuter {
margin: 0 0 25px 0;
}
.jslTitle {
color: #5e5e5e;
}

#mainContainer.mainContent #rightContainer {
width: 590px;
}

/* JOB SEARCH AGENT */

.agentsSubscribeOuter {
background: #efefef URL(../_images/jsaBG.png) repeat-x 0% 0%;
padding: 10px 20px;
border-radius: 5px;
position: relative;
}
.agentsSubscribeOuter .agentsSubscribeHeader {
float: left;
color: #5e5e5e;
font-size: 20px;
font-weight: normal;
margin: 0 0 5px 0;
padding: 0;
}
.agentsSubscribeText {
float: left;
clear: left;
font-size: 11px;
color: #5e5e5e;
}
.agentsSubscribeOuter .buttonContainer {
position:absolute;
top: 29px;
right: 20px;
}

/* MAIN CONTENT FOOTER */

.mainContent #mainContainerFooter {
margin: 30px -19px;
}

/* LEFT CONTAINER */

#leftContainer {
float: left;
width: 632px;
}

/* CONTENTFRAME */

#contentFrame div, #contentFrame td {
line-height: 24px;
}
#contentFrame h1 {
line-height: 24px;
}
#contentFrame h2 {
line-height: 24px;
}

/* RIGHT CONTAINER */

#rightContainer {
float: right;
width: 300px;
}

/* TEASER 7 */

.teaser7Outer {
background: #ececec;
border-radius: 4px;
padding: 17px 20px;
}
.teaser7Outer .teaserTitle {
color: #5e5e5e;
font-size: 18px;
line-height: 28px;
}
.teaser7Outer .teaserIntro {
line-height: 24px;
color: #5e5e5e;
}
.teaser7Outer .teaserIntro a {
text-decoration: none;
}
.teaser7Outer .teaserIntro a:hover {
text-decoration: underline;
}

/* MAIN CONTAINER FOOTER */

#mainContainerFooter {
border-top: 1px dashed #dedede;
border-bottom: 1px dashed #dedede;
height: 85px;
line-height: 56px;  
margin: 30px 0; 
}

/* CRUMBLE PATH */

#crumblePath {
float: left;
}

/* TEASER 3 */

.teaser3Outer {
float: right;
}
.teaser3Outer .teaserItemContainer { float: left; margin-left: 10px; }
.teaser3Outer .teaserPhoto {
float: left;
margin: 17px 0 0 0;
}
.teaser3Outer .teaserText {
float: left;
margin: 0 25px 0 0;
}

/* BOTTOM CONTAINER */

#bottomOuter {
background: #ececec URL(../_images/bottomBG.gif) repeat-x 0% 0%;
padding: 15px 0;
}

/* HLB 2 */

.hlb2, .hlb2 ul {
list-style: none;
padding: 0;
margin: 0;
}
.hlb2 li {
float: left;
width: 190px;
}
.hlb2 ul li {
float: none;
}
.hlb2 a {
color: #5e5e5e;
text-decoration: none;
font-size: 14px;
display: block;
margin: 0 0 23px 0;
line-height: 24px;
}
.hlb2 a:hover {
text-decoration: underline;
}
.hlb2 ul li a {
font-size: 12px;
margin: 0;
line-height: 24px;
}

/* TEASER 4 */

.teaser4Outer {
float: right;
width: 157px;
}
.teaser4Outer .teaserTitle {
color: #5e5e5e;
text-decoration: none;
font-size: 14px;
display: block;
margin: 0 0 23px 0;
line-height: 24px;
}
.teaser4Outer .teaserIntro {
color: #5e5e5e;
font-size: 12px;
line-height: 24px;
}
.teaser4Outer .teaserIntro a {
color: #002b55;
text-decoration: none;
}
.teaser4Outer .teaserIntro a:hover {
text-decoration: underline;
}

/* FOOTER */

#footerOuter {
height: 49px;
line-height: 49px;
}
#footerOuter a {
text-decoration: none;
}
#footerOuter a:hover {
text-decoration: underline;
}
#otys {
float: right;
margin: 19px 0 0 0;
}

/* SITE SPECIFIC STYLING */

.contentMultiColLeftContainer{
float:left;
width:45%;
}
.contentMultiColRightContainer{
float:right;
width:45%;
}

.button {
background: #002b55;
color: #fff;
font-size: 14px;
padding: 10px 20px;
margin: 10px 0;
box-shadow: none;
border-radius: 5px;
border: 0;
}

.category {
padding: 2px 4px;
background: #000;
color: #fff;
}
.itemContainer {
border-top: 1px dashed #dedede;
padding: 10px 0 0 0;
margin: 10px 0 0 0;
}
.itemTitle {
padding: 0 0 4px 0;
margin: 0 0 4px 0;
}
.itemTitle a {
text-decoration: none;
color: #4b494c;
font-size: 14px;
font-weight: 600;
}
.itemWord {
padding: 0 0 4px 0;
}
.itemDescription {
padding: 0;
margin: 0 0 10px 0;
}
.itemFooter {
font-size: 10px;
font-weight: 300;
}

.articleButtonsContainer div {
float: left;
margin: 0 10px 0 0;
}

.menuLink {
padding-right: 9px;
}

/**********/
/*ACTONOMY*/
/**********/

.actEqueryTitle, .actTitleGm {
	float:left;
	margin-right:10px;
}
#actGoogleMaps {
	clear:left;
}
#actResultsTagCloud,
#actEqueryContainer{
	clear:left;
	background:#F1F1F1;
	padding:10px;
}
.actEqueryTitle a, .actTitleGm a {
background: url("../_images/arrowRight.png") no-repeat 1px 7px;
}
.actHIMindistance { display: none; }
.actTiming { display: none; }

/* Actonomy Search Results */

.actSResultsCont {
	width:615px;
}
.actSRFacetCont {
	width:260px;
	padding:0px;
	margin:0px;
	float: right;
	border:none;
}
.optionListContainer {
	position: relative;
	padding: 0px;
	margin: 10px 0 15px 0;
	border: 0;
	text-transform: uppercase;
}
.optionListTitle {
	background: #fff;
	color: #343434;
	font-size: 14px;
	font-weight: bold;
	padding: 0;
}
.facetListTitle {
  background: URL(../_images/arrowDown.png) no-repeat 1px 9px;
	padding-left: 16px;	
}
.facetListTitle.opened {
  background: URL(../_images/arrowRight.png) no-repeat 1px 7px;
}
.facetListTitle a {
	color: #4b494d;
	background:none;
	padding:0px;
}
.optionList ul {
	padding:10px 20px 20px 0;
	margin:0px;
}
.actLc .optionList li {
	padding-bottom:0px;
}
.actLc .optionList li a {
	color:#4b494d;
	text-transform: none;
	text-decoration: none;
}
.actLc .optionList li a:hover {
  text-decoration: underline;
}
.facetList li {
	padding-bottom:0px;
}
.facetList li a {
	background:url(../_images/makeover/blueDot.png) no-repeat 0% 50%;
	color: #4b494c;
	padding: 0;
	text-transform: none;
	text-decoration: none;
}
.facetList li a:hover {
text-decoration: underline;
}
.facetFreq{
	color: #4B494C;
}
.actTopMenu {
	background:#012a55;
	color: #fff;
	position: relative;
	border-radius: 5px;
	padding: 18px 0 20px 208px;
}
.actMlJc {
	border:none;
	line-height: 34px;
	position: absolute;
	top:10px;
	left:15px;
	width: 159px;
	text-align: center;
}
.actMlJc div {
	color:#fff;
	display: block;
	text-align: center;
	border-radius: 5px 0 0 0;
	font-size: 60px;
	font-weight: bold;
	margin: 20px 0;
}
.actMlJc div + div {
	background: none;
	position: static;
	display: inline;
	font-size: 100%;
	line-height: normal;
	margin: 0;
}
.actMlSb .magicSelect {
  background: #fff URL(../_images/selectBG.gif) no-repeat 100% 50%;
  line-height: 40px;
  height: 40px;
  border-radius: 4px;
  padding: 0 70px 0 12px;
  float: left;
}

.actMlEq {
	margin:10px 10px 10px 0;
	padding:0px;
	border:none;
	display: none;
	float: left
}
.actTopMenu .menuLink a, .actTopMenu .menuLink a:hover {
	background: transparent;
	color: #1b2d5b;
	display: inline-block;
	font-size: 18px;
	line-height: 29px;
	padding: 0;
	text-decoration: none;
}
.actTopMenu .actMlNs {
	padding: 0px;
	border: none;
}
.actTopMenu .actMlNs a {
	color: #fff;
}
.actTopMenu .actMlNs a:hover {
	color: #fff;
	text-decoration: underline;
}
.actMlSb {
	clear: both;
	padding: 5px 0 0;
}
.actMlSb + .actMlSb {
	clear: none;
	margin-left: 0;
}
.actMlSb label {
	display: none;
}
.actMlSb input[type="text"].magicSelect, .actMlSb input[type="text"].magicSelect.hover, .actMlSb input[type="text"].magicSelect.focus, .actMlSb input[type="text"].magicSelect.active {
	margin-right:10px;
	width:103px;
}
.mCCustomer .menuLink {
	border: none;
	padding: 0;
	margin: 0;
}
.mCCustomer .menuLink a, .mCCustomer .menuLink a:hover {
	background: #A4A4A4;
	color: #1b2d5b;
	display: inline-block;
	text-decoration: none;
	font-size: 12px;
	line-height: 29px;
	padding: 0 8px;
	margin: 0 2px 5px 0;
}
.itemContainer.actIcPremium, .faceIc {
	background: #F1F1F1;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: -10px;
	margin-right: -10px;
	border-style: solid;
	border-width: 1px 1px 4px;
	border-color: #DDD #DDD #012a55;
	border-radius: 5px;
}
.actBottomMenu {
margin-top: 30px;
}
.actBottomMenu div {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0 8px 0 0;
}
.actBottomMenu a {
  background: #002b55;
  color: #fff;
  font-size: 14px;
  padding: 10px 20px;
  margin: 10px 0;
  box-shadow: none;
  border-radius: 5px;
  border: 0;
}

.itemFooterWord {
  border: 0;
} 
.actIFwPd, .actIFwMap {
  display: none;
}

/* PAGE NAVIGATION */

.pageNav {
margin: 0;
padding: 10px 0 0 0;
}
.pageNav a {
background: #012a55;
color: #fff;
font-size: 14px;
text-decoration: none;
border-radius: 5px;
padding: 0 10px;
line-height: 27px;
height: 27px;
display: inline-block;
} 
.pageNav a.pnActive {
background: #00468a;
}

.actEqueryInput input {
width: 350px;
}
.actEqueryInput #newsqcaptchafield {
width: auto;
}

.formInput label {
padding-top: 7px;
}

/* ALLHOOKS BUSJAB */

.allhooks #contentLeft, .allhooks  #contentMid, .allhooks  #contentRight {
margin:0 5px;
}
.allhooks .hooktitle {
display:block;
text-align:right;
color:#ff0000;
font-weight:bold;
margin-bottom:5px;
}
.allhooks hr {
margin-top:40px;
}
.mafSubHeader {
margin-top: 20px;
margin-bottom: 10px;
}
.mafFi textarea {
width: 371px;
}

/* VALIDATION CSS */

.formError { color:#000; }
label.formError {
  float:right;
  background:url("../_images/unchecked.gif") no-repeat 0px 0px;
  padding-left: 5px;
  width:auto;
  clear:none;
  float:none;
  display:inline;
  margin-left:5px;
  padding-left:18px;
  color:#ff0000;
}
.success {
  background:url("../_images/checked.gif") no-repeat 0px 0px;
  padding-left: 16px;
}

.jbdBc {
margin-bottom: 15px;
height: 50px;
}
.jbdBc .buttonWrap {
float: left;
}
.jbdBc .buttonWrap input {
padding-left: 15px;
padding-right: 15px;
}

.candAdvResultsContainer .candAdvDetailTopMenu a {
	color: #fff;
}

.rssShortListLink a {
	color: #fff;
	font-weight: normal;
}
.magicSelectOptions { width: 295px !important; }

.dataGridRow th {
    min-width: 27px;
}

.gridInput {
    width: 75%;
 }

 .hlb5 {
 	background: #ececec;
	padding: 5px 11px;
	text-transform: uppercase;
	text-decoration: none;
	border-radius: 5px;
	float: right;
	margin-top: 9px;
	margin-right: 5px;
	transition: all 0.3s ease 0s;
 }

 .hlb5:hover {
 	background: #002b55;
 	color: #fff;
 }

 #teazer2 {
 	float: right;
 }