/* 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 ******/
body{
background:#F8F8F8 url(../_images/background.jpg) repeat-x 0 0;
margin:0;
color:#666;
font-size:12px;
font-family:Arial,Verdana,Helvetica,sans-serif;
}
img{
border:0;
}
a{
color:#872385;
text-decoration:underline;
}
a:hover{
text-decoration:none;
}
td,th,div{
text-align:left;
}
h1{
color:#872385;
font-size:24px;
font-weight:normal;
margin:0px;
padding:0 0 5px 0;
}
h2{
color:#872385;
font-size:14px;
font-weight:normal;
margin:0px;
padding:0 0 5px 0;
}
h3{
color:#872385;
font-weight:normal;
margin:0px;
padding:0 0 5px 0;
}
input,textarea,select{
background:#fff;
color:#666;
font-size:11px;
border-width:1px;
padding:0 2px;
}
ul{
margin-left:10px;
padding-bottom:0px;
padding-left:8px
}
textarea{
overflow:auto;
}
hr{
color:#666;
}
form{
margin:0;
padding:0;
}
strong,em{
}
.button,.contentContactButton input{
background:url(../_images/buttonBackground.jpg) repeat-x 0 0;
color:#FFF;
padding:2px 5px;
font-size:10px;
font-weight:bold;
border:0;
text-transform:uppercase;
cursor:pointer;
}




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

#outer{
width:940px;
margin:0 auto;
position:relative;
}
.contentOuter{
width:700px;
text-align:justify;
}
#header{
height:214px;
}
#menu{
height:56px;
margin:0;
}
#content{
clear:left;
margin:50px 0 0;
}
#contentLeft{
float:left;
width:192px;
}
#contentMid{
float:left;
width:650px;
margin:0 0 30px 10px;
}
#contentMid object,#contentMid iframe{
width:650px !important;
}
#contentRight{
float:right;
width:192px;
}
#footer{
background:url(../_images/footerBackground.jpg) repeat-x 0 0;
height:70px;
}
#footerOuter{
color:#FFF;
width:940px;
margin:0 auto;
position:relative;
font-size:11px;
text-align:center;
padding:20px 0 0;
}
#footerOuter a{
color:#FFF;
padding:0 6px 0 8px;
border-left:1px solid;
text-decoration:none;
}
#footerOuter a#footerLogoLink{
padding-left:0;
border:0;
}
#footerOuter a:hover{
text-decoration:underline;
}
#poweredby{
margin:10px 0 0;
text-align:center;
}
#poweredby a{
border-width:0;
padding:0 10px;
}
/*#footer span, #footer img{
padding:0 5px 0 0;
}*/

/** ACTONOMY STUFF **/
.optionsListContainer{
float:left;
}
.actEquery{
float:right;
width:350px;
}
.actSResContainer{
float:right;
width:350px;
}
.actRssContainer{
clear:both;
}
.actSPagControl{
clear:both;
}

/* SITE SPECIFIC STYLING */
.moduleOuter{
margin:0 20px 0 20px;
}

.hookOuter{
background:#71665F url(../_images/hookBottom.gif) no-repeat 50% 100%;
color:#ACACAC;
width:192px;
padding:10px 10px 14px;
margin:0 0 25px;
}
*>.hookOuter{
width:192px;
}
.hookOuter a{
color:#FFF;
font-size:11px;
font-weight:bold;
}
.hookOuter a:hover{
text-decoration:underline;
}
.hookOuter select{
width:172px;
}
.hookHeader{
background:url(../_images/hookTop.gif) repeat-x 0 0;
font-size:12px;
font-weight:bold;
color:#FFF;
padding:0 8px 10px;
text-transform:uppercase;
}
.hookItemContainer{
padding:15px 0 0;
}
.hookItemContainer:hover{
background:#a64ea3;
}
.hookItemContainer a{
text-decoration:none;
}
.hookItemContainer:hover a{
text-decoration:none;
}
.hookText,.hookWord,.hookItemWord,.hookKeyWord{
margin:10px 0 0;
}
.jslKeyword{
color:#ff8302;
font-style:italic;
}
.hookItemContainer:hover .jslKeyword{
color:#631661;
}
.hookWord,.hookItemWord,.hookKeyWord{
font-size:11px;
padding:0 0 0 7px;
}
.hookItemWord,.hookKeyWord{
padding:0;
}
.hookItemWord label,.hookKeyWord label{
padding:0 0 0 7px;
display:block;
clear:right;
}
.hookInput{
width:172px;
margin:0 0 5px;
}
*>.hookInput{
border:1px solid #546C89;
}
.hookInput input,.hookItemWord input,.hookKeyWord input{
border:solid #9D9D9D;
border-width:1px 0 1px 1px;
}
*>.hookInput input,.hookItemWord input,.hookKeyWord input{
width:167px;
}
.hookButton{
}
.hookButton input{
background:url(../_images/buttonBullet.gif) no-repeat 5px 50%;
color:#FFF;
border:0;
width:100%;
height:18px;
margin:0;
padding:0 0 0 15px;
font-size:10px;
font-weight:normal;
text-align:left;
text-transform:none;
cursor:pointer;
}
*>.hookButton input{
margin:8px 0 8px 8px;
}
.jslOuter{
background:#92278f;
margin:0;
border-bottom:0;
padding:0;
}
.jslTitle{
font-size:14px;
font-weight:normal;
text-transform:uppercase;
padding:10px 18px;
}
.jslItemContainer {
padding:10px 18px;
}
.jslItemContainer:hover {
padding:10px 18px;
}
.jslItemContainer.jslICHover {
background:#FFF;
color:#666;
}
.jslItemContainer.jslICHover a{
color:#7F4DA1;
}

.hlb3{
background:url(../_images/hookBottom.gif) repeat-x 0 0;
margin-bottom:25px;
height:42px;
}
.hlb3 a{
background:url(../_images/buttonBullet.gif) no-repeat 18px 18px;
display:block;
padding:14px 0 0 38px;
color:#FFF;
font-size:10px;
text-decoration:none;
}
.hlb3 a:hover{
text-decoration:underline;
}

.sssOuter{
background:none;
border:0;
padding:0;
margin:0;
position:absolute;
right:0;
top:287px;
}
.sssInputField{
width:auto;
float:left;
border:0;
margin:0;
}
.sssInputField input{
background:#fff;
padding:4px;
width:124px;
height:12px;
border:0;
float:left;
}
#smartsearch2{
border:solid #f7c8c9;
border-width:1px 0 1px 1px;
}
.sssSearchButton{
background:none;
border:0;
margin:0;
position:static;
float:right;
}
.sssSearchButton input{
background:url(../_images/buttonBackground.jpg) repeat-x 0 0;
margin:0;
border:solid #f7c8c9;
border-width:1px 1px 1px 0;
text-align:center;
padding:0;
width:59px;
height:22px;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
float:left;
}
.jslKeyword{
margin:0;
}
.jshIc{
padding:0;
}

.jobCatHookHolder{
}
.jobCatHookHolder .hookItemTitle{
clear:both;
height:17px;
margin:0 0 9px;
border-bottom:1px solid #9D9D9D;
}
.jobCatHookHolder .hookItemTitle a{
float:left;
clear:left;
}
.jobCatHookHolder .hookItemTitle span{
float:right;
clear:right;
}

.subHeader{
margin-top:15px;
margin-bottom:0;
}
.footerBG{
background:url(../_images/footer-Repeat.gif) repeat-x 0 0;
position:absolute;
bottom:111px;
width:100%;
height:111px;
}

.intro, .text, .itemDescription, .hookText, .formText, .moduleIntro, .moduleText {
line-height:18px;
}
.contentMultiColLeftContainer{
padding:0 10px 0 0;
width:48%;
float:left;
}
.contentMultiColRightContainer{
width:48%;
float:right;
}
.moduleForm label{
display:block;
width:150px;
}
#logoLink{
position:absolute;
top:49px;
left:466px;
z-index:25;
}
#logoLink a{
width:200px;
}
#logoLink img{
}
#logoLink span{
display:none;
}
#teas1Hold{
position:relative;
top:1px;
z-index:1;
}
.teaserOuter{
color:#FFF;
/*float:right;
width:75%;
height:220px;
overflow:hidden;*/
}
h1.teaserHeader{
margin:90px 0 0;
text-align:center;
font-style:italic;
}
.teaserOuter .text,.teaserOuter .intro{
text-align:center;
}
/*.teaserOuter .text img,.teaserOuter .intro img{
position:absolute;
right:0;
bottom:0;
}*/

.articleButtonsContainer .button{
background:none;
text-transform:none;
border:0;
color:#666;
font-size:12px;
font-weight:normal;
cursor:pointer;
margin-top:3px;
}
.articleButtonsContainer,.articleButtonsContainer div,.rssHookbutton{
float:left;
}
.articleButtonsContainer div,.rssHookbutton{
padding-right:5px;
}
.articleButtonsContainer iframe{
display:none;
}
.printbutton{
background:url(../_images/print.gif) no-repeat 0 0;
height:19px;
padding:0 0 0 17px;
}
.rssHookbutton{
background:url(../_images/RSS.gif) no-repeat 0 5px;
height:19px;
margin:4px 0 0;
padding:0 0 0 17px;
border:0;
color:#666;
cursor:pointer;
}
.outer{
margin-bottom:10px;
}
.HQuestion{
width:140px;
}

#buttonsHolder{
float:right;
}
.catListContainer a{
text-decoration:none;
}
.catListHolder{
clear:both;
height:24px;
margin-bottom:8px;
border-bottom:1px solid #9D9D9D;
}
.catListHolderActive{
background:#F0F6FB;
clear:both;
height:24px;
margin-bottom:8px;
border-bottom:1px solid #9D9D9D;
}
.catListItem{
float:left;
}
.catListCounter{
float:right;
}
.buttonContainer{
margin-top:12px;
}
.appRow{
padding:5px;
}
.formSubHeader h2{
margin-top:15px;
}
.jblItemDescr{
padding:0;
}

.category {
background:#7F4DA1;
color:#FFF;
padding:2px 5px;
}
.itemContainer{
position:relative;
border:1px solid #B4B4B4;
padding:5px;
margin-bottom:15px;
}
.itemTitle{
margin-bottom:5px;
border-bottom:1px solid #B4B4B4;
paddnig-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:#7F4DA1;
font-weight:bold;
text-align:right;
}
.jbdSh{
/*border-bottom:1px solid #7F4DA1;
border-right:5px solid #7F4DA1;
padding-bottom:2px;*/
}
.jbdText{
margin-bottom:25px;
}
.contentContactForm{
margin-top:25px;
}
.nwItemImage{
margin-top:25px;
}
.photo2 img{
margin-bottom:10px;
margin-left:10px;
}
.contentIntro,.contentText{
margin-bottom:20px;
}

