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

/****** FIRST BASE,BLOCKLEVELS ******/
html {
padding: 0;
margin: 0;
}
body{
background: URL(../_images/background.png) repeat-x 0% 0%;
text-align:center;
margin:0;
padding: 0;
color:#687279;
font-size:12px;
font-family:Arial,Verdana,Helvetica,sans-serif;
}
img{
border:0;
}
a {
color: #0866a4;
text-decoration: none;
}
a:hover{
text-decoration: underline;
}
td,th,div{
text-align:left;
}
h1{
font-size:24px;
color: #42abdc;
margin:0;
font-weight: normal;
padding-bottom:5px;
}

h2{

    color: #38383A;
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

h3{
font-size:12px;
margin:0;
padding-bottom:5px;
}
input,textarea, select{
color:#687279;
font-size:11px;
background:#FFFFFF;
border:1px solid #d0d0d0;
}
ul{
margin-left:10px;
padding-bottom:0;
padding-left:8px;
} 
textarea{
overflow:auto;
}
hr{
color:#666666;
}
form{
margin:0;
padding:0;
}

/* HOOKS */

/* STANDARD HOOKS */

.hookOuter {
margin: 0 0 40px 0;
}
.hookHeader {
color: #38383a;
font-size: 18px;
font-weight: normal;
padding: 0 0 25px 0;
}
.hookItemContainer {
background: URL(../_images/blueArrow.gif) no-repeat 0% 5px;
margin: 0 0 16px 0;
padding: 0 0 0 12px;
}
.hookItemTitle a {
color: #0866a4;
font-size: 12px;
}
.hookItemWord {
color: #657580;
font-weight: bold;
padding: 3px 0 0 0;
}

/* BLUE HOOKS */

.blueHookContainer {
background: URL(../_images/blueHookBackground.gif) repeat-y 0% 0%;
width: 222px;
margin: 24px 0 0 0;
}
.blueHookContainer .hookOuter {
background: URL(../_images/blueHookFooter.gif) no-repeat 0% 100%;
margin: 0;
padding: 0 0 22px 0;
}
.blueHookContainer .hookHeader {

    padding: 0 0 10px 35px;
}
.blueHookContainer .hookItemTitle a {
color: #fff;
text-decoration: none;
}
.blueHookContainer .hookItemWord {
padding: 5px 0 5px 0;
color: #fff;
font-size: 11px;
}
.blueHookContainer .hookItemText {
color: #fff;
font-size: 11px;
}
.blueHookContainer .hookItemContainer {

    background: url("../_images/blueArrowBlueBack.gif") no-repeat scroll 17px 5px transparent;
    padding: 0 15px 0 29px;
}

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

#background {
background: URL(../_images/background_right.png) repeat-x 0% 0%;
position: absolute;
z-index: 1;
right: 0%;
height: 514px;
width: 50%;
}

#canvasDiv {
width: 937px;
margin: 0 auto;
position: relative;
z-index: 2;
}
#homeLink {
float: left;
margin: 13px 0 0 0;
}
#subHeaderContainer {
clear: both;
position: relative;
height: 264px;
z-index:1;
}
.teaser1Outer {
background: URL(../_images/teaser1Background.gif) repeat-x 0% 0%;
height: 264px;
width: 747px;
float: right;
text-align: right;
position: relative;
z-index: 1;
}
.teaser1Mask {
position: absolute;
left: 0px;
}

#logo {
position: absolute;
left: 17px;
top: 31px;
z-index: 2;
}

#bandeau {

    left: 189px;
    position: relative;

}

#mainContainer.homeonly {
background: URL(../_images/centerBackground_home.gif) repeat-y 438px 0%;
}
#leftContainer {
float: left;
width: 698px;
padding:40px 0 40px;
}
.leftContainerContent {
background: transparent !important;
}
#contentContainer {
float: left;
width: 414px;
}
#contentFrame {
padding: 0 100px 0 0;
}
#hookContainer_home {
float: right;
width: 241px;
}
.articleButtonsContainer div {
float: left;
margin: 0 10px 0 0;
}

.contentOuter div {
line-height: 19pt;
}

/* NETWORK */

.networkHookOuter {
background: URL(../_images/networkBack_home.gif) no-repeat 0% 0%;
height: 125px;
margin: 47px 0 0 0;
}
#networkHookContent .networkHookOuter {
background: URL(../_images/networkBack_content.gif) no-repeat 0% 0%;
width: 660px;
}

#shortScreen{
overflow:hidden;
position:relative;
height:100px;
}
.shortRoll{
white-space:nowrap;
position:absolute;
top:0px;
display: table-row;
}
.shortRoll a{
height:100px;
line-height:100px;
display: table-cell;
vertical-align: middle;
border:1px solid transparent; /*ie7 hack*/
}
.shortRoll img{
border:none;
margin:0px 10px;
vertical-align: middle;
}

#shadowLeft {
float: right;
margin: 0 18px 0 0;
}
#rightContainer {
background: URL(../_images/rightContainerBackground.gif) repeat-y 0% 0%;
float: right;
width: 238px;
margin: 26px 0 24px 0;
}
#rightContainer .jslOuter {
margin: 0 0 40px 17px;
}

/* SMART SEARCH HOOK */

.sssOuter {
background: URL(../_images/sssBackground.png) no-repeat 0% 0%;
width: 238px;
height: 62px;
margin: 0;
}
.sssInputField {
float: left;
padding: 13px 0 0 13px;
}
.sssInputField input {
background: transparent;
width: 164px;
padding: 5px 0 2px 0;
border: 0;
}
.sssSearchButton {
float: left;
padding: 13px 0 0 0;
}
.sssSearchButton input {
background: transparent;
height: 22px;
width: 26px;
border: 0;
}

/* HLB2 */

.hlb2 {

    background: url("../_images/greyDottedBorder.gif") repeat-x scroll 4px 100% transparent;
    color: #004460;
    display: block;
    font-size: 11px;
    font-weight: bold;
    margin: 0 16px 0 0;
    padding: 13px 0 12px 16px;
    text-transform: uppercase;
}
.hlb2:hover {
color: #000;
text-decoration: none;
}
.hlb2Arrow {
margin: 0 6px 0 0;
position: relative;
top: -2px;
}

/* AGENT HOOK */

.agentsSubscribeHeader {
color: #fff;
padding: 20px 0 11px 17px !important;
}
.agentsSubscribeText {
color: #fff;
padding: 0 17px 11px 17px;
font-size: 11px;
}
.agentsSubscribeKeyWord {
color: #fff;
padding: 0 0 3px 17px;
font-size: 11px;
}
.agentsSubscribeInput {
color: #fff;
padding: 0 0 0 17px;
font-size: 11px;
}
.agentsSubscribeInput input {
padding: 3px 0;
}
.agentsSubscribeButton {
padding: 13px 0 0 17px;
}
.agentsSubscribeButton input {
background: URL(../_images/blueArrowBlueBack.gif) no-repeat 0% 50%;
border: 0;
color: #21436f;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
text-align: left;
padding: 0 0 0 11px;
}

#footerOuter {

	background: url(../_images/bg-footer.gif) repeat-x 0% 0%;
	clear: both;
	text-align: center;
	height: 195px;
}

#footerContainer {

    background: url("../_images/footer.jpg") no-repeat scroll 0 0 transparent;
    height: 195px;
    margin: 0 auto;
    width: 995px;
}

#footerContainerInner {

    background: url("../_images/footer-inner.png") no-repeat scroll 0 0 transparent;
    height: 195px;
    margin: 0 auto;
    width: 995px;
}

#footerLeft {
float: left;
width: 393px;
margin: 0 0 0 17px;
}
.footerLeftContent {
width: 100% !important;
float: none !important;
}

/* HLB3 */

.hlb3, .hlb3 ul {
list-style: none;
margin: 0;
padding: 0;
}
.hlb3 {
padding: 39px 0 0 0;
}
.hlb3 li {
float: left;
width: 120px;
}
.hlb3 ul li {
float: none;
}
.hlb3 a {
color: #fff;
font-weight: bold;
font-size: 11px;
display: block;
margin: 0 0 4px 0 ;
}

#otysContainer {

padding: 53px 0 27px 0;
clear: both;
}
#otys {
margin: 0 28px 0 0;
}
#footerRight {
float: right;
margin: 0 225px 0 0;
}

/* SITE SPECIFIC STYLING */


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


.button {

    background: none repeat scroll 0 0 #004460;
    color: #FFFFFF;
    font-size: 11px;
    margin: 10px 0;
    padding: 3px 10px;
}

.jblItemDescr{
padding:0;
}
.category {
background:#39A1D4;
color:#FFF;
padding:2px 5px;
}
.itemContainer{
position:relative;
border:1px solid #B4B4B4;
padding:5px;
margin-bottom:15px;
}
.itemImage{
margin-top:22px;
}
.itemTitle{
color:#39A1D4;
margin-bottom:5px;
border-bottom:1px solid #B4B4B4;
padding-bottom:5px;
}
.itemWord span{
font-weight:bold;
padding-right:5px;
}
.itemDescription{
margin-top:5px;
}
.jblWordStatus{
position:absolute;
right:5px;
top:10px;
font-size:10px;
}
.jbdTitle{
margin:0;
}
.jbdStatPub{
margin-bottom:25px;
color:#39A1D4;
font-weight:bold;
text-align:right;
}
.jbdSh{
border-bottom:1px solid #39A1D4;
padding-bottom:2px;
}
.jbdText{
margin-bottom:25px;
}



/* NEWS */

.nwsSlTitle {

    background: url("../_images/icone_news.png") no-repeat scroll 0 0 transparent;
    height: 28px;
    margin: 10px;

}

.vacancyTbl {
width:100%;
margin-top:3px;
border:1px solid #0866a4;
}
.details {
text-align:right;
vertical-align:top;
padding-right:4px;
}
.details a {
color:#0866a4;
text-decoration:underline;
font-size:10px;
letter-spacing:0px;
}
.functionNameContainer {
padding:2px 0px 2px 0px;
}
.functionNameTbl {
background:white;
width:100%;
border-top:1px solid #0866a4;
}
.functionName {
padding:2px 4px 2px 4px;
font:bold 11px Arial, Helvetica, sans-serif;
color:#0866a4;
white-space:nowrap;
text-align:left;
}
.descriptionContainer {
padding:2px 0px 2px 0px;
border-top:0px solid white;
}
.descriptionTbl {
width:100%;
}
.description {
padding:2px 4px 2px 4px;
line-height: 12px;
font-size:11px;
letter-spacing:0px;
color:black;
}
.formSubHeader {
padding: 20px 0 10px 0;
}
.formHeader {
padding: 0 0 20px 0;
}

#vacatureButtons{
}

/* CUSTOM STYLING */

#contentPage #background,#jobsPage #background{
display:none;
}
#homePage #subPageHeaderContainer{
display:none;
}
#contentPage #subHeaderContainer,#jobsPage #subHeaderContainer{
display:none;
}
#subPageHeaderContainer {
clear: both;
position: relative;
height:160px;
z-index:1;
}

#contentPage #logo,#jobsPage #logo{
top:17px;
}

.teaser2Outer{
left:552px;
position:absolute;
top:65px;
height:50px;
width:370px;
overflow:hidden;
}
.teaser2Outer .teaserSubHeader{
font-family:Georgia;
font-size:20px;
font-style:oblique;
color:#38383A;
font-size:20px;
font-weight:normal;
margin:0;
padding:0;
}
.teaser2Outer .teaserText{
font-family:Georgia;
font-size:14px;
font-weight:normal;
}

#slide1Show{
width:400px !important;
}

/* TEASER 3 */

.teaser3Outer{
clear:both;
}
.teaser3Outer .teaserItemContainer{
clear:both;
width:50%;
margin:10px 0;
}
.teaser3Outer .teaserImage{
float:left;
margin-left:5px;
margin-top:-5px;
}
.teaser3Outer .teaserText{
background:#DCEFF8;
color:#0866A4;
padding:3px 5px 3px 50px;
}
.teaser3Outer .teaserText a{
color:#0866A4;
}
.teaser3Outer .teaserText a:hover{
text-decoration:none;
}
.teaser3Outer .teaserText:hover{
background:#A7D7EE;
}

/* TEASER 4 */

.teaser4Outer{
float:right;
margin-top:28px;
margin-right:11px;
}
.teaserImage{
float:left;
margin:0 2px;
}
.teaserImage img{
width:20px !important;
height:auto !important;
}

/* FIX MENU Z_INDEX */

#listMenuRoot{
position:relative;
z-index:2;
}


/* BLOG HOOK */
.blogHookFooter{ /*Hidden on client's request - WV04022011*/
display:none;
}

/* BLOG DETAIL */
.blogDetailOuter .intro{
display:none;
}

/* JOB LIST */

.jslTitle {

    background: url("../_images/icone_emploi.png") no-repeat scroll 0 0 transparent;
    height: 29px;
    margin: 0 0 20px;
    padding: 0 0 0 35px;
	

}