/* OTYS WEB SHEET */
/* W3C VERIFIED CSS 2.1 */
/* COPYRIGHT OTYS CORP 2003-2009 */
/* AUTHOR:Sander van den Brink */
/* TEMPLATE: CMSBUSJAB<NUM>.HTML */

#cluetip-close a{
display:block;
color:#fff;
width:80px;
text-align:center;
}
#cluetip-close a:hover{
text-decoration:none;
}
#cluetip-close{
margin-bottom:5px;
margin-left:210px;
margin-right:5px;
}

/* FIXES */

.qAplInputCvl{
display:none;
}


.hooks{
float:right;
}

/****** FIRST BASE,BLOCKLEVELS ******/
body{
font-size:12px;
font-family:Arial,Verdana,Helvetica,sans-serif;
text-align:center;
margin:0;
}
img{
border:0;
}
a {
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
td,th,div{
text-align:left;
}
h1, .formHeader {
font-size:24px;
margin:0;
font-weight: normal;
}
.title {
margin-bottom: 5px;
font-size: 18px;
}
h2{
font-size:14px;
margin:0;
padding-bottom:5px;
}
h3{
font-size:12px;
margin:0;
padding-bottom:5px;
}
input,textarea, select{
font-size:11px;
background:#FFFFFF;
border:1px solid #d3d3d3;
}
ul{
margin-left:10px;
padding-bottom:0;
padding-left:8px;
} 
textarea{
overflow:auto;
}
hr{
color:#3b3b3b;
}
form{
margin:0;
padding:0;
}

/* HOOK STYLING */

.hookHeader, .hookTitle {
font-size: 18px;
font-weight: normal;
padding: 0 0 20px 0;
}
.hookItemContainer {
padding: 0 0 19px 0;
}
.hookItemTitle a {
text-decoration: none;
}
.hookItemTitle a:hover {
text-decoration: underline;
}
.hookItemWord {
font-size: 11px;
}

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

#topBackground {
background: #e28c31;
height: 231px;
width: 100%;
top: 0px;
position: absolute;
min-width:951px; /* fix 100% IE */
}
#canvasDiv {
width: 951px;
margin: 0 auto;
}
#teaser1Container {
position: absolute;
top: 20px;
z-index: 1;
overflow: hidden;
height: 255px;
width: 951px;
}
#headerContainer {
background: URL(../_images/topBackground.png) repeat-y 0% 0%;
height: 103px;
position: relative;
z-index: 2;
padding: 0 0 0 41px;
margin: 0 0 128px 0;
}
#logo {
position: relative;
margin: 22px 0 0 0;
}

/* TEASER 1 */

.teaserSlideshow {
position: relative;
z-index: 1;
}

/* JOB SEARCH ACTONOMY */

.menuLink.actMlCsms{
display:none;
}

#jobSearchHookContainer {
background: #f1f1f1;
position: relative;
}
.actHOuter {
padding: 24px 0 14px 38px;
}
.actHItemContainer {
float: left;
}
.actHWord {
width: 168px;
padding: 0 0 4px 0;
font-size: 10px;
}
.actHInput {
font-size: 10px;
}
.actHInput input {
font-size: 10px;
width: 207px;
}
#exControlsToggleLink {
display: none;
}
.actHButton {
float: left;
width: 237px;
padding: 17px 0 0 0;
}
.actHButton input {
height: 18px;
margin: 0;
padding-bottom: 5px;
}

.actFullSearch {
float: left;
display: block;
width: 211px;
padding: 10px 0 0 0;
text-align: right;
color: #3b3b3b;
font-size: 10px;
text-decoration: none;
}
.actFullSearch:hover {
text-decoration: underline;
}
.actIFwPd,.actIFwDoc{
display:none; /* Hidden on client's request */
}
.multiSelectOptions {
border:1px solid #d3d3d3;
}
.actHOuter .multiSelectOptions{
width:209px;
}
.actFIkeywordsOptions{
display:none;
}
.actPageNav .actActive{
background:#F9F9F9;
font-weight:bold;
}
#contentFrame .actLcMcrit li a{
background: URL(../../_images/cancelButton.gif) no-repeat 0 40% !important;
padding:0 0 0 17px !important;
}
.multiSelectOptions div input {
margin: 0 4px 0 0;
position: relative;
top: 2px;
}
.multiSelectOptions div label {
font-size: 10px;
}

/* STANDARD JSH */

.jshOuter {
width:500px;
padding:24px 0 14px 38px;
}
.jshText {
display:none;
}
.jshInput {
float:left;
width:207px;
}
.jshInput label {
display:block;
padding:4px 0;
}
.jshInput select {
height:50px;
}
.jshBc {
clear:both;
float:left;
width:300px;
}

/* TEASER 2 */

.teaser2Outer {
float: right;
width: 163px;
position: absolute;
bottom:0;
right:0;
}
/*.teaser2Outer .teaserTitle {
font-size: 18px;
padding: 16px 16px 26px 16px;
}
.teaser2Outer a {
text-decoration: none;
padding: 2px 14px;
}*/


/* HLB 4 */

.hlb4 {
padding: 0 17px 0 0;
}

/* MIDDLE CONTAINER */


#middleContainerOuter {
text-align: center;
zoom:1;
min-width:951px; /* fix 100% IE */
}
#middleContainer {
width: 951px;
margin: 0 auto;
}
#middleContainerContent {
text-align: center;
padding-top: 31px;
}

/* NETWORK HOOK */

#networkHookContainer {
height: 100px;
text-align: center;
}
.networkHookOuter {
background: URL(../_images/midContBack.gif) no-repeat 0% 0%;
width: 951px;
margin: 0 auto;
}
#teasScreen{
overflow:hidden;
position:relative;
top: 30px;
height:100px;
margin-left: 40px;
}
.teasRoll{
white-space:nowrap; 
position:absolute;
}
.teasRoll img {
margin-right: 30px;
} 

/* RSS */

.rssShortListOuter {
float: left;
margin: 40px 0 40px 40px;
width: 334px;
}
.rssShortListTitle {
padding: 0 0 30px 0;
}
.rssShortListItemContainer {
padding: 0 0 4px 0;
}
.rssShortListOuter .rssShortListLink a {
color: #fff;
font-size: 11px;
}

/* TEASER 3 */

.teaser3Outer {
float: left;
margin: 40px 0 40px 49px;
width: 279px;
}
.teaser3Outer p {
padding: 0;
margin: 0;
}
.teaser3Outer a {
color: #fff;
font-size: 15px;
}
.teaser3Outer .teaserItemContainer {
clear:both;
height:20px;
margin:0 0 15px;
padding-left:15px;
width:279px;
}
.teaser3Outer .teaserSubHeader {
float: left;
font-size: 17px;
font-weight: bold;
}
.teaser3Outer .teaserText {
float: left;
font-size: 17px;
padding: 1px 0 0 6px;
}



/* BOTTom */

#bottomOuter {
clear: both;
min-width:951px; /* fix 100% IE */
}
#bottomContainer {
width: 951px;
margin: 0 auto;
}

.hlb2, .hlb2 ul {
list-style: none;
padding: 0;
margin: 0;
}
.hlb2 ul {
padding: 15px 0 0 0; 
}
.hlb2 li {
float: left;
}
.hlb2 ul li{
margin:0;
}
.hlb2 a {
font-size: 15px;
text-decoration: none;
}
.hlb2 a:hover {
text-decoration: underline;
}
.hlb2 ul li {
float: none;
}
.hlb2 ul li a {
font-size: 10px;
}

/* HLB 3 */

#otys {
clear: both;
padding: 24px 0 34px 0;
}
#otys img {
float: right;
display: block;
}
#hlb3 {
font-size: 10px;
float: left;
}
#hlb3 a {
font-size: 10px;
text-decoration: none;
}
#hlb3 a:hover {
text-decoration: underline;
}



/* MODULES */

.button {
font-size: 12px;
padding: 0 10px;
margin: 10px 0;
}
.category {
padding: 2px 4px;
margin:25px 0 0;
}
.colContainer{
float: left;
height: 170px;
padding: 0 15px 15px 0;
width: 46%;
}
.faceIc {
height: 160px;
overflow: hidden;
}
.itemContainer, .moduleItemContainer {
background:#F9F9F9;
margin:0 0 8px;
padding:4px 4px 10px;
border-bottom:1px dotted;
}
.itemTitle, .moduleItemTitle {
padding-bottom:5px;
}
.itemTitle a , .moduleItemTitle a {
font-size:13px;
font-weight:bold;
}
.itemDescription {
padding:0;
}
.itemFooterWord {
font-size: 10px;
font-weight: bold;
}
.pageNav {
height: 40px;
margin-left: -4px;
}
.pageNav a {
padding: 0 4px;
}
.jblNavPrev {
padding-right: 8px;
}
.jblNavNext {
padding-left: 8px;
}
.formInput label {
display:block;
float:left;
padding:0 0 4px 0;
width:147px;
}
.formInput {
margin-top: 10px;
margin-bottom: 0;
}

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

/* JOBSDETAIL HOOKS */

.jobDetailHooks {
float: right;
width: 250px;
margin: 0 -21px 50px 20px;
}
.jobDetailHooks .hookOuter {
background:#F1F1F1;
padding: 15px;
margin: 0 0 15px 0;
}
.jobDetailHooks .hookHeader {
color: #3b3b3b;
}
.jobDetailHooks .hookText {
color: #3b3b3b;
}
.jobDetailHooks .hookInput {
color: #3b3b3b;
}
.jobDetailHooks .hookInput label {
display: block;
padding: 5px 0;
}
.jobDetailHooks .hookInput input {
width: 171px;
}
.jobDetailHooks .hookItemTitle {
padding: 0 0 10px 0;
}
.jobDetailHooks .hookItemTitle a {
color: #3b3b3b;
font-weight: bold;
}
.jobDetailHooks .hookItemWord span {
width: 50px;
display: block;
float: left;
}
.jobDetailHooks .hookItemWord a {
color: #3b3b3b;
}
.jobDetailHooks .hookItemWord {
color: #3b3b3b;
}
.jobDetailHooks .hookItemPhoto1 {
float: right;
}
.aplAplyLi a {
/*background: transparent !important;
color: #3b3b3b;*/
}
.qAplInputCsc a {
float: right;
clear: right;
display: block;
margin: 0 0 5px 0;
}

/** ACTONOMY STUFF **/

.actSResultsCont {
float: right;
width: 687px;
}
.actSRFacetCont {
float: left;
padding: 0;
margin:0 18px 0 0;
width:220px;
border: 0;
}
.actFi input {
width: 213px;
}
.actFi select {
background: #fff;
width: 217px;
}
.optionListTitle a {
background: URL(../_images/blackArrow.gif) no-repeat 0% 50%;
display:block;
padding-left:15px;
text-decoration:none;
}
.optionListContainer {
border-bottom:0;
margin-bottom:5px;
padding-bottom:5px;
}
.facetList ul li a {
font-size: 12px;
line-height: 16px;
background: transparent;
padding-left: 15px;
}
.optionList ul {
padding-top: 10px;
}
.optionList li a {
background: URL(../_images/cancelButton.gif) no-repeat 0% 40%;
display:block;
font-weight:normal;
padding-left:22px;
}
.menuLink {
border-right:1px solid;
display:inline;
padding-left:10px;
padding-right:14px;
width:auto;
}
.actTopMenu {
height: 32px;
margin-bottom: 10px;
}
.actMlJc {
padding-left: 0;
}
.actMlSb {
border: 0;
}
.actShGm {
background: URL(../_images/blackArrow.gif) no-repeat 0% 40%;
padding: 10px 0 15px 12px;
}
.actShGm a {
font-weight: normal;
font-size: 12px;
}
.actShGm img {
display: none;
}
.actBottomMenu .actMl {
padding-left: 25px;
border: 0;
}



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


/* VALIDATION CSS */

.formError { color:#000; }
label.formError {
  float:right;
  background:url("../_images/unchecked.gif") no-repeat 0 0;
  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 0 0;
  padding-left: 16px;
}

#jobsShortListContainer{
margin-bottom:20px;
}


/** line-height on texts **/
.intro,.text,.tekstblokje,.itemDescription,.hookText,.formText,.moduleIntro,.moduleText{
line-height:18px;
}
.consDetIc{
height: auto;
padding: 4px 4px 0;
}
li.aplAplyLi{
background:url(/_images_global/linkedin_small15.gif) no-repeat 0 0;
padding-left:20px !important;
}
.aplAplyLi a {
display:inline;
}
.aplAplyLogin,.aplAplyPass{
display:none;
}


/* RSSPage */

.rssFormInput{
clear:none;
float:left;
margin:10px 20px 0 0;
width:300px;
}
.rssFormInput input{
width:147px;
}
.rssFormInput textarea{
margin-bottom:20px;
}
.rssSh{
clear:left;
}

/* SX */
.teaser4Outer{
position: relative;
zoom:1;
}
.fakeShortHead{
margin:26px 15px 0px 15px;
font-weight: normal;
font-size:13px;
}
.teaserColumn_1 .fakeShortHead{
color:#e47c21;
}
.teaserColumn_2 .fakeShortHead{
color:#0063a4;
}
.teaserColumn_3 .fakeShortHead{
color:#480f56;
}
.teaserColumn_4 .fakeShortHead{
color:#61ae33;
}
#sl_list ul{
list-style:none;
padding:0;
margin:10px 15px 30px 15px;
}
#sl_list li{
padding-bottom:15px;
font-size:11px;
}
#sl_list li a{
font-size:12px;
font-weight: normal;
text-decoration: none;
color:#0f0f0f;
}
.teaser4Outer a.meerSx{
margin-left:15px;
padding-right:15px;
text-decoration: none;
font-weight: normal;
position: absolute;
bottom:36px;
}
.teaserColumn_1 .meerSx{
color:#e47c21;
background:url("../../_images/redesign/orangeArrowsNew.png") no-repeat 100% 4px;
}
.teaserColumn_2 .meerSx{
color:#0063a4;
background:url("../../_images/topsearch/blueArrowsNew.png") no-repeat 100% 4px;
}
.teaserColumn_3 .meerSx{
color:#480f56;
background:url("../../_images/executivesearch/purpleArrowsNew.png") no-repeat 100% 4px;
}
.teaserColumn_4 .meerSx{
color:#61ae33;
background:url("../../_images/redesign/greenArrowsNew.png") no-repeat 100% 4px;
}