/* INSTALL OTYS 4 WEB STYLE SHEET */
/* W3C VERIFIED CSS 2.1 */
/* COPYRIGHT OTYS CORP 2003-2007 */
/* AUTHOR:vojtech srutek */
/* RHYTHM: 4 */
/* TEMPLATE: CMSBUSJAB<NUM>.HTML */
/* SITE SPECIFIC */

.pageBody{
text-align: center;
background:#002549;
}
.siteCan{

}
.siteOut{
width: 950px;
text-align: left;
margin:0px auto;
}
#topCan{
background:#D0D0D0 url(../_images/detach/topCont.gif) repeat-x 0 0;
}
#topOut{
height:51px;
}
#leftTopCont{
float: left;
margin-top:15px;
padding-left:10px;
}
#leftTopCont a{
float:left;
display: block;
line-height:22px;
position: relative;
color:#fff;
text-decoration: none;
padding:0px 10px;
margin:0px 8px 0px 3px;
background:url(../_images/detach/topButtRep.png) repeat-x 0 0;
}
#leftTopCont a.blueLink{
background:url(../_images/detach/topButtRepBlue.png) repeat-x 0 0;
}

#leftTopCont a span{
display: block;
position: absolute;
width:3px;
height:22px;
top:0px;
}
#leftTopCont a span.eastSide{
left:-3px;
background:url(../_images/detach/topButtLeft.png) no-repeat 0px 0px;
}
#leftTopCont a span.westSide{
left:100%;
background:url(../_images/detach/topButtRight.png) no-repeat 0px 0px;
}
#leftTopCont a.blueLink span.eastSide{
left:-3px;
background:url(../_images/detach/topButtLeftBlue.png) no-repeat 0px 0px;
}
#leftTopCont a.blueLink span.westSide{
left:100%;
background:url(../_images/detach/topButtRightBlue.png) no-repeat 0px 0px;
}
#headCan{
border-bottom:1px solid #fff;

}
#headOut{
height:244px;
/* background:url(../_images/detach/headCont.jpg) no-repeat 0 100%; */
position: relative;
}
#logoLink{
display: block;
float: left;
width:144px;
height:113px;
background:url(../_images/detach/pageLogo.png) no-repeat 0px 0px;
margin:31px 0px 0px 49px;
}
#logoLink span{
display: none;
}
#midCan{
background:#CFCFCF url(../_images/detach/midCan.gif) repeat-x 0 0;
}
#midOut{
padding:24px 0px 28px 0px;
}

#eqCont{
clear: left;
position: relative;
overflow:hidden;
zoom:1;
}
.backHack{
top:56px;
position: absolute;
height:100%;
background:#fff;
width:271px;
}
.theFirst{
left:9px;
}
.theSecont{
left:339px;
}
.theThird{
left:669px;
}
#shortCont{
float: left;
width:271px;
background:#fff;
margin:56px 9px 0px 9px;
min-height:163px;
}
#rightCol #shortCont{
float:none !important;
min-height:163px;
}
#underJsl{
padding:20px;
}
.meerLink,.meerLink:hover{
display: block;
float: left;
font-size: 11px;
text-decoration: none;
background: url(../_images/detach/buttRep.png) repeat-x 0 0;
color:#fff;
padding:0px 10px;
margin:0px 19px 0px 4px;
line-height:21px;
position: relative;
}
.meerLink span{
display: block;
position: absolute;
width:4px;
height:21px;
top:0px;
}
.meerLink span.eastSide{
left:-4px;
background:url(../_images/detach/buttLeft.png) no-repeat 0px 0px;
}
.meerLink span.westSide{
left:100%;
background:url(../_images/detach/buttRight.png) no-repeat 0px 0px;
}

#netwoCan{
border-top:1px solid #ADADAD;
background:#fff;
}
#netwoOut{

}
#footMenuCan{
border-top:1px solid #ADADAD;
background:#F1F1F1;
}
#footMenuOut{

}
.footMenuCol{
float: left;
margin:25px 0px 40px 21px;
width:189px;
}
.footMenuCol a{
display: block;
text-decoration: none;
font-size:11px;
margin-bottom:5px;
}
.footMenuCol a.mainLev{
margin-bottom:30px;
font-size:14px;
font-family: Georgia, "Times New Roman",Times, serif;
}
#footerCan{

}
#footerOut{
padding:12px 0px;
text-indent:21px;
font-size:11px;
color:#c4c4c4;
}
#footerOut a{
text-decoration: none;
color:#c4c4c4;
}
#footerOut span{
margin:0px 5px;
}
.powered{
float: right;
margin:0px 4px 0px 24px;
}

/* content page*/
#leftCol{
float: left;
position: relative;
background:#fff;
padding:18px 27px;
width:553px;
margin:16px 0px 20px 11px;
}
#bisTop{
width:607px;
height:5px;
position: absolute;
left:0px;
top:-5px;
background:url(../_images/detach/bisTop.png) no-repeat 0px 0px;
}
#bisBott{
width:607px;
height:5px;
position: absolute;
left:0px;
top:100%;
background:url(../_images/detach/bisBott.png) no-repeat 0px 0px;
}

#rightCol{
float: right;
width:289px;
margin-top:3px;
}
/* FIRST BASE,BLOCKLEVELS */
a{
color:#001b39;
text-decoration:underline
}
a:hover{
text-decoration:underline
}
body{
background:#FFFFFF;
color:#333;
font-size:12px;
font-family:Arial,Verdana,Helvetica,sans-serif;
margin:0px 0px 0px 0px;
}
input,textarea{
background:#FFFFFF;
border-style:ridge solid solid ridge;
border-color:#DBDBDB;
border-width:2px 1px 1px 2px;
color:#444;
padding:3px 7px;
font-size:10px;
font-family:Arial,Verdana,Helvetica,sans-serif;
}
textarea{
overflow:auto;
}
hr{
color:#666666;
height:1px
}
ul{
margin-bottom:0px;
margin-left:10px;
padding-bottom:0px;
padding-left:8px
}
select{
font-size:10px;
color:#444;
font-family:Arial,Verdana,Helvetica,sans-serif
}

td,th{
vertical-align:top;
}
strong,em{
}
form{
margin:0px;
padding:0px
}
H1{
color:#001b39;
font-size:24px;
font-weight:normal;
font-family: Georgia, "Times New Roman",Times, serif;
margin:0px;
padding:0px
}
H2{
color:#001b39;
font-size:14px;
font-weight:normal;
font-family: Georgia, "Times New Roman",Times, serif;
margin:0px;
padding:0px;
}
H3{
color:#001b39;
font-size:12px;
font-weight:normal;
font-family: Georgia, "Times New Roman",Times, serif;
margin:0px;
padding:0px;
}


/* hook classes */

.hookOuter{
padding-top:18px;
margin:56px 9px 0px 9px;
position: relative;
z-index:2;
min-height:163px;
width:271px;
background:#fff;
}
#rightCol .hookOuter{
margin-bottom:40px;
}
.hookBack{
position: absolute;
z-index:-1;
width:289px;
height:219px;
top:-56px;
left:-9px;
background:url(../_images/detach/hookTop.png) no-repeat 0px 0px;
}
.hookHeader,.hookTitle{
line-height:47px;
color:#fefeff;
font-size:18px;
padding:0px 22px;
font-family: Georgia, "Times New Roman",Times, serif;
font-weight:normal;
position: absolute;
top:-47px;
left:0px;
}
.hookText{
padding:0px 22px 10px 22px;
}
.hookItemContainer{
margin:0px 22px 15px 22px;
padding-left:10px;
background:url(../_images/detach/shortDot.gif) no-repeat 0px 5px;
}
.hookItemLink{
padding:2px 0px;
}
.hookItemLink a,
.hookItemContainer a{
text-decoration:none;
}
.hookItemLink a:hover,
.hookItemContainer a:hover{
text-decoration:none;
}
.hookItemWord{
font-size:11px;
color: #666;
}
.hookKeyWord{}
.hookItemFooter{
font-size:10px;
}
.hookInput{
margin:0px 22px 5px 22px;
}
.hookInput label{
display: inline-block;
width:40px;
font-size:10px;
color:#444;
}
.hookButtonContainer{
margin-left:20px;
}
/* jsl */

#shortCont .hookOuter.jslOuter{
margin:0px 0px 0px 0px;
min-height:163px;
}
.shortListText{
padding:0px 22px 10px 22px;
}
/* network hook */
.networkHookOuter{
min-height:80px;
padding:5px 0 20px 0;
margin:0px;
width:auto;
}
.networkHookOuter .hookBack{
display:none;
}
.networkHookOuter .hookHeader{
display:none;
}
#shortScreen{
overflow:hidden;
position:relative;
height:100px;
}
.shortRoll{
white-space:nowrap;
position:absolute;
top:0px;
display: table-row;
}
.shortRoll a{
height:80px;
line-height:80px;
display: table-cell;
vertical-align: middle;
border:1px solid transparent; /*ie7 hack*/
}
.shortRoll img{
border:none;
margin:0px 25px;
vertical-align: middle;
}


/* quick aplication hook */
.qAplOuter{
margin-top:96px;
}
.qAplInputE input{
width:212px;
}
.qAplInputCsc {
padding-left:40px;
}
.qAplInputCsc label,
.qAplInputE label{
display:none;
}


/* jsh */

#leftCol .jshOuter{
padding:9px 0px 0px 0px;
min-height:131px;
height:131px;
width:625px;
margin:-32px -36px 20px -36px;
background:url(../_images/detach/jshBack.png) no-repeat 0px 0px;
}
#leftCol .jshHeader{
position: static;
margin:0px 9px;
}
#leftCol .jshOuter .hookBack{
display: none;
}
.jshIc{
background:none;
margin-bottom:0px;
margin-right:0px;
}
#leftCol .jshIc{
margin-bottom:0px;
margin-right:0px;
height:22px;
}
#leftCol .jshInput{
float: left;
width:168px;
margin:0px 26px 0px 0px;
padding:0px;
}

#leftCol .jshInput input{
width:151px !important;
margin:0px;
float: left;
}
#leftCol .jshTrefwoord input{
*position: relative;
*margin:-2px 0px 0px -18px;
}
#leftCol .jshInput select{
float: left;
width:162px;
height:22px;
padding:2px 0px 2px 5px;
}
#leftCol .jshBc{
padding: 10px 0px 0px 32px;
}

#leftCol .jshInput label,
#leftCol .jshText{
display:none;
}
/* TEXT AND HEADERS */


.maintable{
background:transparent;
padding:0px 0px 0px 0px;
width:100%
}
.vacstable{
background:transparent;
padding:0px 0px 0px 0px;
width:100%
}

/* HEAD STYLES */

/* formheader */

.formHeaderContainer{
padding:0px 0px 15px 0px;
vertical-align:top
}
.formHeaderTbl{
width:100%
}
.formHeader{
color:#001b39;
font-size:24px;
font-weight:normal;
font-family: Georgia, "Times New Roman",Times, serif;
padding:0px 0px 0px 0px
}

/* form sub header */

.formSubHeaderContainer{
padding:0px 0px 5px 0px
}
.formSubHeaderTbl{
}
.formSubHeader{
color:#001b39;
font-size:14px;
font-weight:normal;
font-family: Georgia, "Times New Roman",Times, serif;
}

/* form text */

.formtextContainer{
background:transparent
}
.formtextTbl{
width:100%
}
.formtextTbl2{
width:100%
}
.formtext{
background:transparent;
padding:5px 4px 8px 0px
}
.formInput textarea{
width:180px;
}
.formTblButtonCell{
padding-right:10px;
}
/* content tekst */

.intro,.tekstblokje,.text{
margin:0px;
line-height:18px;
padding:0px 0px 15px 0px;
}
.contentMultiColLeftContainer{
float: left;
width:47%;
}
.contentMultiColRightContainer{
float: right;
width:47%;
}
/* TEASER STYLES */

/* TEASER */

.teas1Out{
float: right;
margin:41px 11px 0px 0px;
width:261px;
padding-bottom:5px;
background: url(../_images/detach/teser1Bott.png) no-repeat 0% 100%;
}
.teas1Out h3{
line-height:47px;
padding:0 0 0 20px;
font-size:18px;
background: url(../_images/detach/teser1Head.png) no-repeat 0% 0%;
}
.teas1Intro{
padding:10px 20px;
line-height:18px;
color:#fff;
background: url(../_images/detach/teser1Rep.png) repeat-y 0 0;
}
.teas1Intro a{
text-decoration: none;
}

#randHead{
position: absolute;
left:0px;
top:0px;
width:950px;
height:244px;
overflow: hidden;
z-index:-1;
}

.teas2Col{
float: left;
margin-left:50px;
_margin-left:40px;
}
.teas2Inner{
padding:0px 22px 10px 22px;
font-size:11px;
color:#444;
line-height:18px;
}
.teas2Inner strong{
font-size: 12px;
color:#666;
}
.teas2Inner a,.teas2Inner a:hover{
display: block;
float: left;
font-size: 11px;
text-decoration: none;
background: url(../_images/detach/buttRep.png) repeat-x 0 0;
color:#fff;
margin-top:10px;
padding:0px 10px;
line-height:21px;
}

.teas3intro{
font-size:11px;
color:#444;
padding:0px 21px 17px 21px;
margin-bottom:17px;
border-bottom:1px solid #CFCFCF;
}
.teas3Cont form{
padding:0px 21px 17px 21px;
}
.callMeBack{
display: block;
width:212px;
margin-bottom:6px;
}
.teas3Image{
text-align: center;
margin:0px 9px 20px 9px;
}
/* TEMPLATES */

/* NO BORDERS IN CHECKS & RADIOS */

.radiobuttons{
}
.radiobuttons input{
background:transparent;
border:none
}
.button, .Searchbutton{
background: url(../_images/detach/buttRep.png) repeat-x 0 0;
border:none;
font-size:11px;
color:#fff;
cursor:pointer;
height:21px;
margin-top:10px;
margin-bottom:10px;
float: left;
margin-left:0px;
margin-right:0px;
padding:0px 4px;
width:auto;
-width:0;
overflow:visible;
}

.roundedButtonLeft{
float: left;
width:4px;
height:21px;
margin-top:10px;
background:url(../_images/detach/buttLeft.png) no-repeat 0px 0px;
}
.roundedButtonRight{
float: left;
width:4px;
height:21px;
margin-top:10px;
background:url(../_images/detach/buttRight.png) no-repeat 0px 0px;
}
.buttonContainer input {
margin-right:0px;
}

.jsGMButton{
margin-top:10px !important;
}


/* NEW VACANCY STYLES */

.answer{
}
.error{
background:transparent;
color:#FF0000;
font-size:11px;
padding:2px 4px 15px 1px;
vertical-align:top;
}
.explain{
background:transparent;
font-size:11px;
padding:10px 4px 10px 1px
}

/* QUESTION TABLES */

.questiontbl{
margin:0px 0px 0px 0px;
width:100%
}
.hquestion{
padding:2px 4px 2px 1px;
vertical-align:top;
width:140px
}
.hquestionnw{
padding:2px 4px 2px 4px;
vertical-align:top;
width:20px
}
.vquestion{
padding:2px 4px 2px 1px;
vertical-align:top
}
.fieldcontainer{
padding:2px 4px 2px 1px;
vertical-align:top
}
.fieldcontainer select{
font-size:11px
}
.FieldContainer textarea{
height:75px
}
.fieldcontainer .radiobuttons input{
width:20px
}



/* APPLICATION ROW */


.approw{
font-size:11px;
padding:2px 4px 2px 4px
}
/* LIST STYLES */

.listCatContainer{
padding:10px 0px 10px 0px
}
.listCatTbl{
background:#666666;
width:100%
}
.listCat{
color:#FFFFFF;
font-size:11px;
font-weight:bold;
padding:2px 4px 2px 4px;
}
.vacancyItemContainer{
padding:0px 0px 15px 0px
}
.vacancyitemtbl{
width:100%;
border:1px solid #eeeeee;
}

/* functienaam */

.listFunctioncontainer{
}
.listFunctiontbl{
width:100%
}
.listFunctionName{
padding:4px 4px 1px 4px
}
.listFunctionName a{
color:#333333;
font-size:12px;
font-weight:bold;
text-decoration:none
}
.listFunctionName a:hover{
color:#777777;
font-size:12px;
font-weight:bold;
text-decoration:none
}
.lastupdate{
font-size:11px;
text-align:right;
vertical-align:middle
}


/* keyword */

.listKeywordcontainer{
}
.listKeywordtbl{
}
.listKeyword{
vertical-align:top;
font-size:11px;
}
.listKeywordtitle{
padding:0px 4px 0px 4px;
vertical-align:top;
font-size:11px;
}

/* chapo */

.listchapocontainer{
}
.listchapotbl{
}
.listchapo{
padding:2px 4px 2px 4px;
font-size:11px;
}
.listchapo a{
text-decoration:none
}



/* OLD JOBSDETAIL STYLES */

.TelefoonNummerContainer{
padding:0px 0px 0px 2px
}

/* NEW JOBSDETAIL STYLES */

.jobsDetailReference{
font-size:11px;
font-weight:normal
}
.jobsDetailPhoneContainer{
padding-top:4px
}
.jobsDetailPhoneTbl{
}
.jobsDetailPhoneIcon{
background:url(http://www.yourit.nl/otys_install/_images/phone.gif) no-repeat center;
border:1px solid #FF0000;
width:24px
}
.jobsDetailPhoneNumber{
}
.jobsDetailEmailContainer{
}
.jobsDetailEmailTbl{
}
.jobsDetailEmailIcon{
background:url(http://www.yourit.nl/otys_install/_images/email.gif) no-repeat center;
border:1px solid #FF0000;
width:24px
}
.jobsDetailEmail{
}

/* LIST NAVIGATION */

.listnavcontainer{
padding-top:20px
}
.listnavtbl{
background:transparent;
width:100%
}
.listnavprevious{
padding:2px 4px 2px 1px;
width:33%
}
.listnavprevious a{

}
.listnavpagenumbercontainer{
text-align:center
}
.listnavpagenumbertbl{
}
.listnavpagenumber{
}
.listnavpagenumber a{
}
.listnavpagenumberactive{
}
.listnavpagenumberactive a{
color:#666666
}
.listnavnext{
padding-right:4px;
text-align:right;
width:33%
}
.listnavnext a{

}



.category{
color:#fff;
padding:4px 6px;
background:#002549;
zoom:1;
}
.itemContainer{
padding:15px 2px;
border-bottom:1px solid #D2D2D2;
margin-bottom:0px;
}
.itemTitle{
}
.itemTitle a{
font-weight:normal;
font-size:14px;
text-decoration:none;
}
.itemWord span{
margin-right:4px;
font-weight:bold;
}
.jblTitle{
float: left;
}
.jblIntro{
float:right;
font-size: 10px;
}
.itemDescription a{
text-decoration: none;

}
.jblText,.appRowTbl{
clear:both;
}

.jbdBc .roundedButtonContainer{
float: left;
margin-right:5px;
}

/* job cat module */

.jclCont{
border-top:1px solid;
padding-top:0.4em;
}
.jclItem{
padding-bottom:0.4em;
}






/* results */

.SmartSearchTitle{
}
.SmartSearchTitle a{
}
.SmartSearchTitle a:hover{
}
.smartSearchResultKeywords{
}
.resultaat{
}

/* input */

.smartSearchInputContainer{
padding:10px 0px 10px 0px
}
.smartSearchInputTable{
width:100%
}
.smartSearchFieldContainer{
padding:13px 4px 0px 0px
}
.smartSearchFieldContainer input{
width:140px
}
.smartSearchButton{
}
.smartSearchButton input{

}
.smartSearchRadioTitle{
font-size:11px;
padding:2px 0px 2px 2px
}
.statsCheckLinkTbl{
margin-top:20px
}
.statsCheckLink{
}



/* RSS Hook */

.RssFieldButton{
margin:0px;
padding:0px;
display:none;
}

.rssHookbutton{
border:0px none;
margin:3px 9px 0px 0px;
background:url(../_images/detach/rss.png) no-repeat 0 0;
width:17px;
height:16px;
overflow:hidden;
text-indent:170px;
}
.rssHookbutton{
*text-indent:0px;
*padding-top:50px;
}




/* ZOOM TEMPLATE */

.zoomtable{
background:transparent;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%
}
.zoomDescriptionContainer{
}
.zoomDescriptionTbl{
width:100%
}
.zoomDescription{
padding:2px 4px 2px 4px
}
.zoomPrintLink{
padding:2px 4px 2px 4px;
text-align:right
}
.zoomPrintLink a{
}
.zoomPicture{
padding-top:4px;
text-align:center
}

/* Jobs list in newsletter */

.vacancyTbl {
width:100%;
margin-top:3px;
border:1px solid #eeeeee;
}
.details {
text-align:right;
vertical-align:top;
padding-right:4px;
}
.details a {
color:#000;
text-decoration:underline;
font-size:10px;
}
.functionNameContainer {
padding:2px;
}
.functionNameTbl {
width:100%;
border-top:1px solid #eeeeee;
}
.functionName {
padding:2px;
font:bold 11px Arial, Helvetica, sans-serif;
color:#000;
white-space:nowrap;
}
.descriptionContainer {
padding:2px;
}
.descriptionTbl {
width:100%;
}
.description {
padding:2px 4px 2px 0px;
line-height: 12px;
font-size:11px;
}
.nmPrintButton input,
.nmMailFriendButton input,
.nmAbbonereButton input,
.nmOvervieuwButton input{
}
/* PROFILE COMPLETENESS */

.pb_header {
}
.pb_mt {
}
.pb_ls {
}
.pb_ms {
}
.pb_rs {
}
.pb_percentage {
}

/* MATCH AND FETCH */

/* set date item */

.mfItemContainer {
padding-top:10px;
padding-bottom:10px;
}
.mfItemTbl {
}
.mfItemDateContainer {
}
.mfItemDateTbl {
}
.mfItemDateTitle {
font-size:10px;
width:100px;
}
.mfItemDateSelect {
padding:2px 0px 2px 0px;
}
.mfItemRepeatContainer {
}
.mfItemRepeatTbl {
}
.mfItemRepeatNumTitle {
font-size:10px;
width:100px;
}
.mfItemRepeatNum {
}
.mfItemRepeatNumAfix {
font-size:10px;
padding:0px 2px 0px 2px;
}
.mfItemRepeatType {
}

/* Main agenda */

.mfAgCBContainer {
padding:2px 0px 10px 0px;
}
.mfAgCBTbl {
width:100%;
}
.mfAgCB {
vertical-align:top;
}
.mfAgCB input {
border:none;
margin:0px;
}
.mfAgCBLabel {
padding:2px 0px 0px 4px;
font-size:10px;
}
.mfAgCalContainer {
}
.mfAgCalTbl {
}
.mfAgCalFilterContainer {
padding:2px 0px 2px 0px;
}
.mfAgCalFilterTbl {
}
.mfAgFilterTitle {
width:50px;
font-size:10px;
}
.mfAgFilterSelect {
}
.mfAgFilterLabel {
font-size:10px;
}
.mfAgCalNavContainer {
padding:4px 0px 4px 0px;
}
.mfAgCalNavTbl {
width:100%;
}
.mfAgCalNavLeft {
}
.mfAgCalNavLeft a {
font-size:10px;
}
.mfAgCalNavRight {
text-align:right;
}
.mfAgCalNavRight a {
font-size:10px;
}
.mfAgCalHolder {
padding-top:10px;
}

/* AGENDA VIEW */

.mfAgDisplayTbl {
width:100%;
}
.mfAgHeaderTime {
font-size:10px;
background:white;
}
.mfAgHeaderDesc {
}
.mfAgHeader {
white-space:nowrap;
font-size:10px;
padding:0px 2px 0px 2px;
background:white;
}
.mfAgContainer {
background:appWorkSpace;
}
.mfAgTbl {
width:100%;
}

/* Agenda cells */

#mfAflip {
background: #FFFFCC;
color : black;
cursor : pointer;
font : 9px Arial, Helvetica, sans-serif;
width : 100%;
}
#mfAflip a {
color: black;
text-decoration: none;
font-size: 9px;
}
#mfAflip td {
font-size: 9px;
}
#mfAflop {
background : #FFFFEA;
color : #000000;
cursor : pointer;
font : 9px Arial, Helvetica, sans-serif;
}
#mfAflop td {
font-size: 9px;
}
#mfAflop a {
color: black;
text-decoration: none;
font-size: 9px;
}

.mfAgTimeCell {
white-space:nowrap;
height:34px;
vertical-align:top;
padding:2px 4px 2px 4px;
}
.mfAgItemCell {
}

/* Availability item */

.mfAvailTbl {
width:100%;
height:100%;
background:#B5E79C;
}
.mfAvailTitle {
vertical-align:top;
padding:2px 2px 2px 2px;
}
.mfAvailContent {
vertical-align:top;
padding:2px 2px 2px 2px;
}

/* Vacancy item */

.mfVacancyTbl {
width:100%;
height:100%;
background:#dd0000;
}
.mfVacancyHiredTbl {
width:100%;
height:100%;
background:#8899ff;
}
.mfVacancyTitle {
vertical-align:top;
padding:2px 2px 2px 2px;
}
.mfVacancyContent {
vertical-align:top;
padding:2px 2px 2px 2px;
}

/* NETWORK */

/* Customer Detail */

/* SUPPLIER HIRING MANAGER PORTAL */

/* Candidates list */

.shCandListContainer {
padding-top:20px;
}
.shCandListTbl {
border-bottom:1px solid #666666;
width:100%;
}
.shCandListNameContainer {
background:#eeeeee;
}
.shCandListNameTbl {
width:100%;
background:#666666;
}
.shCandListDate {
padding:2px 2px 2px 2px;
width:50px;
font-size:10px;
color:#ffffff;
background:#666666;
vertical-align:top;
}
.shCandListName {
padding:2px 4px 2px 4px;
width:50%;
background:#ffffcc;
vertical-align:top;
}
.shCandListName a {
color:#0066CC;
text-decoration:none;
}
.shCandListJob {
padding:0px 2px 0px 2px;
width:50%;
background:#ffffcc;
vertical-align:top;
}
.shCandListNote {
padding:0px 2px 0px 2px;
width:18px;
background:#ffffcc;
vertical-align:top;
}
.shCandListEmail {
width:18px;
padding:2px 2px 0px 2px;
background:#ffffcc;
vertical-align:top;
}
.shCandListStatus {
background:#ffffea;
padding:2px 2px 2px 2px;
border-left:1px solid #666666;
border-right:1px solid #666666;
}
.shCandListStatus1 {
white-space:nowrap;
font-size:10px;
color:maroon;
padding-right:4px;
}
.shCandListStatus2 {
white-space:nowrap;
font-size:10px;
color:#FF6633;
padding-right:4px;
}
.shCandListStatus3 {
white-space:nowrap;
font-size:10px;
color:#669966;
padding-right:4px;
}
.shCandListStatus4 {
white-space:nowrap;
font-size:10px;
color:navy;
padding-right:4px;
}
.shCandListStatus5 {
white-space:nowrap;
font-size:10px;
color:#666666;
padding-right:4px;
}
.shCandListStatusLabel {
font-size:10px;
color:#666666;
}

/* Candidates detail */

.shCDstatusContainer {
padding-bottom:10px;
}
.shCDstatusTbl {
border:1px solid #666666;
width:100%;
}
.shCDnotesContainer {
padding-bottom:10px;
}
.shCDnotesTbl {
border:1px solid #666666;
width:100%;
}
.shCDtblHeader {
background:#666666;
color:#ffffff;
padding:2px 4px 2px 4px;
}

.shCDdivContainer {
background:white;
}
.shCDactionContainer {
background:#eeeeee;
padding:4px;
border-top:1px solid white;
border-left:1px solid white;
}
.shCDactionTbl {
width:100%;
}
.shCDactionTbl td {
padding:2px;
}
.shCDStatusHistory {
background:#ffffcc;
border-top:1px solid #666666;
padding:2px;
}
.shCDhistoryDate {
background:#0066CC;
color:White;
padding:1px;
font-size:10px;
}
.shButton {
border:1px solid white;
background:#FF6633;
color:white;
}

/* WEBMESSAGES */

.shWMlistContainer {
}
.shWMlistTbl {
background:#666666;
}
.shWMlistDate {
padding:2px 2px 2px 2px;
width:50px;
font-size:10px;
color:#ffffff;
background:#666666;
vertical-align:top;
}
.shWMlistFrom {
background:#ffffcc;
padding:2px 2px 2px 2px;
}
.shWMlistSubject {
background:#ffffcc;
padding:2px 2px 2px 2px;
}
.shWMlistSubject a {
text-decoration:none;
color:#0066cc;
}
.shWMlistMsg {
padding:2px 2px 2px 2px;
background:#ffffea;
vertical-align:top;
}

.shWMdetailContainer {
}
.shWMdetailTbl {
background:#666666;
width:100%;
}
.shWMdetailSubject {
padding:2px 2px 2px 2px;
width:50px;
font-size:10px;
color:#ffffff;
background:#666666;
vertical-align:top;
}
.shWMDetailDateTitle {
background:#ffffcc;
padding:2px 2px 2px 2px;
}
.shWMDetailDate {
background:#ffffcc;
padding:2px 2px 2px 2px;
}
.shWMDetailFromTitle {
background:#ffffcc;
padding:2px 2px 2px 2px;
}
.shWMDetailFrom {
background:#ffffcc;
padding:2px 2px 2px 2px;
}
.shWMDetailMsg {
padding:2px 2px 2px 2px;
background:#ffffea;
vertical-align:top;
}