/* HCM SUPPORT WEB STYLE SHEET */
/* W3C VERIFIED CSS 2.1 */
/* COPYRIGHT OTYS CORP 2003-2007 */
/* AUTHOR: JAN NEUMAN */
/* SITE SPECIFIC */

.logo{
height: 143px;
padding:41px 0px 0px 0px;
}
.leftTbl{
height: 100%;
}

.leftContainer{
width: 242px;
height: 100%;
}
.hlb1Container{
padding: 0 0 0 30px;
background: transparent;
}

.headerImg{
height: 166px;
vertical-align: top;
}
.centerTbl{
vertical-align: top;
height: 100%;
}
.centerContainer{
vertical-align: top;
height: 100%;
}
.contentFrame{
vertical-align: top;
background: #97df00;
padding: 0px 55px 70px 55px;
}
.shortListContainer{
height: 100%;
width: 261px;
padding: 150px 0px 0px 40px;
vertical-align: top;
}
.rightContainer{
height: 100%;
}
.canvasTbl{
height:100%;
width:100%;
background: #f6f6f7 url('http://yourit.nl/hcmsup/_images/canvas_BG.gif') repeat-x top left;
}
.outerTblContainer{
padding:10px 0px 10px 0px
}

.outerTbl{
height:100%;
width:1018px;
}
.pageContainer{
padding-top:20px
}
/* FIRST BASE,BLOCKLEVELS */
a{
background:transparent;
color: #306902;
font-size:12px;
font-family:Arial,Verdana,Helvetica,sans-serif;
text-decoration:underline
}
a:hover{
text-decoration:underline
}
body{
background:#f6f6f7;
color: #306902;
font-size:12px;
font-family:Arial,Verdana,Helvetica,sans-serif;
margin:0px 0px 0px 0px;
}
input,textarea{
background:#FFFFFF;
border:solid;
border-color:#ACA899 #F8F8F8 #F8F8F8 #ACA899;
border-width:1px 1px 1px 1px;
color: #000;
font-size:12px;
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:12px;
font-family:Arial,Verdana,Helvetica,sans-serif
}
td,th{
color: #306902;
font-size:12px;
font-family:Arial,Verdana,Helvetica,sans-serif
}
strong,em{
}
form{
margin:0px;
padding:0px
}
/* 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:#3b3b3b;
font-size:18px;
font-weight:bold;
padding:23px 0px 0px 25px;
background: transparent url('http://yourit.nl/hcmsup/_images/arrowWhite.gif') no-repeat left 26px ;
}
/* form sub header */
.formsubheadercontainer{
padding:0px 0px 0px 0px
}
.formsubheadertbl{
}
.formsubheader{
background:transparent;
color:#3b3b3b;
font-size:12px;
font-weight:bold;
padding:14px 0px 4px 1px;
}
/* form text */
.formtextContainer{
background:transparent
}
.formtextTbl{
width:100%
}
.formtextTbl2{
width:100%
}
.formtext{
background:transparent;
line-height:18px;
padding:5px 4px 8px 1px
}
/* content tekst */
.introContainer{
}
.introTbl{
}
.intro{
padding:0px 0px 10px 1px;
}
.tekstblokje{
padding:0px 0px 14px 1px;
text-align:left
}
/* TEASER STYLES */
/* TEASER */
.teaserContainer{
width:140px;
padding:0px 10px 10px 10px;
}
.teaserTbl{
width:140px
}
.teaserTable{
width:140px
}
/* teaser formheader */
.teaserFormHeaderContainer{
padding:0px 0px 20px 0px;
vertical-align:top
}
.teaserFormHeaderTbl{
height:24px;
width:100%;
}
.teaserFormHeader{
color:#000000;
font-size:12px;
font-weight:bold;
padding:0px 0px 0px 1px
}
/* teaser formsubheader */
.teaserFormsubheadercontainer{
padding:0px 0px 0px 0px
}
.teaserFormsubheadertbl{
}
.teaserFormsubheader{
color:#000000;
font-size:11px;
font-weight:bold;
padding:14px 0px 4px 4px
}
/* teaser text */
.teaserIntroContainer{
}
.teaserIntroTbl{
}
.teaserIntro{
background:transparent;
font-size:11px;
line-height:18px;
padding-bottom:10px;
text-align:left
}
.teaserText{
background:transparent;
font-size:11px;
line-height:18px;
padding:0px 0px 14px 4px;
text-align:left
}
/* MENUS */
/* knoppen */
.knoptable{
background:url(http://www.yourit.nl/detail/_images/achtergrond_link.gif) no-repeat center left;
height:23px;
padding:3px 0px 3px 4px;
text-decoration:none;
width:147px;
width:100%
}
.knoptable a{
color:#FFFFFF;
font-size:12px;
font-weight:bold;
text-decoration:none
}
.knoptable a:hover{
color:#FFFFFF;
font-weight:bold;
text-decoration:none
}
.knoptableactive{
background:url(http://www.yourit.nl/detail/_images/achtergrond_link_active.gif) no-repeat top left;
height:21px;
padding:3px 0px 3px 4px;
text-decoration:none;
width:147px;
width:100%
}
.knoptableactive a{
color:#FFFFFF;
font-size:12px;
font-weight:bold;
text-decoration:none
}
.knoptableactive a:hover{
color:#FFFFFF;
font-weight:bold;
text-decoration:none
}
/* flight */
.flightrow{
background:transparent;
height:1px
}
.flightrow2{
background:transparent;
height:1px
}
.flightContainer{
padding-top:0px
}
.flightlayer{
display:none;
position:absolute;
width:145px
}
.flightlayer2{
bottom:1px;
display:none;
position:absolute
}
.flightlayercontainer{
height:1px;
overflow:visible;
position:relative
}
.flightHolderTbl{
border-bottom:1px solid #3243B4
}
.flightTbl{
background:url(http://www.yourit.nl/detail/_images/subflight.gif) repeat-y top left;
border-left:1px solid #3243B4;
border-right:1px solid #3243B4;
border-top:1px solid #3243B4;
color:#000000;
cursor:pointer;
height:20px;
padding:2px 6px 2px 6px;
text-align:left;
width:145px
}
.flightTbl a{
color:#000000;
font-size:11px;
font-weight:bold;
text-decoration:none
}
.flightTbl a:hover{
color:#000000;
font-size:11px;
font-weight:bold;
text-decoration:none
}
.flightTblactive{
background:url(http://www.yourit.nl/detail/_images/subflight.gif) repeat-y top left;
border-left:1px solid #3243B4;
border-right:1px solid #3243B4;
border-top:1px solid #3243B4;
color:#000000;
cursor:pointer;
height:20px;
padding:2px 6px 2px 6px;
text-align:left;
width:145px
}
.flightTblactive a{
color:#000000;
font-size:11px;
font-weight:bold;
text-decoration:none
}
.flightTblactive a:hover{
color:#000000;
font-size:11px;
font-weight:bold;
text-decoration:none
}
/* TREE MENU */
.menuContainer{
padding:0px 10px 10px 10px;
width:180px
}
.treemenu{
background:transparent;
width:100%
}
.tree_level1{
background:transparent;
margin:0px 0px;
padding:3px 0px 3px 2px;
text-align:left;
width:100%
}
.tree_level1 a{
color:#000000;
font-size:12px;
font-weight:bold;
text-decoration:none
}
.tree_level1 a:hover{
text-decoration:none
}
/* active state */
.tree_level1_active{
background:transparent;
padding:3px 0px 3px 2px;
text-align:left;
width:100%
}
.tree_level1_active a{
color:#000000;
font-size:12px;
font-weight:bold;
text-decoration:none
}
.tree_level1_active a:hover{
text-decoration:none
}
/* lower levels,level 2 */
.main_level2{
padding-left:10px;
text-align:left;
width:100%
}
.table_level2{
background:transparent;
text-align:left
}
.sub_level2{
padding:0px 0px 0px 1px
}
.sub_level2 a{
text-decoration:none
}
.sub_level2 a:hover{
text-decoration:none
}
/* level 3 */
.table_level3{
background:#F8F8F8
}
.main_level3{
padding-left:25px
}
.sub_level3{
background:#FFCC00
}
/* level 4 */
.table_level4{
background:#FFCC00
}
.main_level4{
padding-left:35px
}
.sub_level4{
}
/* level 5 */
.table_level5{
background:#FFFFCC
}
.main_level5{
padding-left:45px
}
.sub_level5{
}
/* level 6 */
.table_level6{
background:#000066;
color:#FFFFFF
}
.main_level6{
padding-left:55px
}
.sub_level6{
}
/* FIRST LINK BLOCK */
.hlb1{
background:transparent;
padding:0px 10px 0px 10px
}
.hlb1 a{
background:transparent;
color:#666666;
font-size:11px
}
.hlb1 a:hover{
background:transparent;
color:#666666;
font-size:11px;
text-decoration:underline
}
.hlb1active{
background:transparent;
padding:0px 10px 0px 10px
}
.hlb1active a{
background:transparent;
color:#000000;
font-size:11px;
text-decoration:underline
}
.hlb1active a:hover{
background:transparent;
color:#000000;
font-size:11px;
text-decoration:underline
}
/* SECOND LINK BLOCK */
.hlb2Container{
background: transparent url('http://yourit.nl/hcmsup/_images/hlb2_BG.gif') bottom left no-repeat;
height: 50px;
width: 100%;
}
.hlb2{
background:transparent;
padding:0px 0px 0px 26px
}
.hlb2 a{
background:transparent;
color:#3b3b3b;
font-size:20px;
text-decoration: none;
}
.hlb2 a:hover{
background:transparent;
color:#3b3b3b;
font-size:20px;
text-decoration:underline
}
.hlb2active{
background:transparent;
padding:0px 0px 0px 26px
}
.hlb2active a{
background:transparent;
color:#3b3b3b;
font-size:20px;
text-decoration:underline
}
.hlb2active a:hover{
background:transparent;
color:#3b3b3b;
font-size:20px;
text-decoration:underline
}
/* TEMPLATES */
/* NO BORDERS IN CHECKS & RADIOS */
.radiobuttons{
}
.radiobuttons input{
background:transparent;
border:none
}
.button{
background:#799a00;
border-top:1px solid #F1F1F1;
border-right:1px solid #536a02;
border-bottom:1px solid #536a02;
border-left:1px solid #F1F1F1;
color:#FFFFFF;
font-size:11px;
height:18px;
margin-top:16px
}
/* NEW VACANCY STYLES */
.answer{
}
.error{
background:transparent;
color:#FF0000;
font-size:11px;
padding:2px 4px 15px 1px;
text-align:left;
vertical-align:top;
white-space:nowrap
}
.explain{
background:transparent;
font-size:11px;
padding:10px 4px 10px 1px
}
/* QUESTION TABLES */
.questiontbl{
margin:0px 0px 0px 0px;
width:100%
}
.hquestion{
padding:5px 4px 2px 1px;
text-align:left;
vertical-align:top;
width:140px
}
.hquestionnw{
background:transparent;
color:#333333;
font:11px Verdana,Arial,Helvetica,sans-serif;
line-height:16px;
padding:2px 4px 2px 4px;
vertical-align:top;
width:20px
}
.vquestion{
line-height:18px;
padding:2px 4px 2px 1px;
text-align:left;
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
}
/* SMALL TABLES FOR FORMS */
.smallTblContainer{
}
.smallTbl{
}
.formtblcontainer{
}
.formtbl{
width:100%
}
.formtblbuttoncell{
padding:2px 0px 4px 1px;
text-align:left
}
.formbutton{
padding:2px 0px 4px 1px;
text-align:left
}
/* PAGE LINKS FOR MYPROFILE */
.pagelinkcontainer{
padding:0px 4px 15px 0px
}
.pagelinktbl{
}
.pagelink{
color:#e9f6bb;
font-size:12px;
height:16px;
padding:2px 2px 2px 1px;
text-align:left
}
.pagelink a{
color:#185c01;
font-size:12px;
text-decoration:none
}
.pagelink a:hover{
color: #014e0e;
}
/* ITEMS */
.itemHolder{
background:transparent;
border:0px #CCCCCC solid;
margin:10px 0px 2px 0px;
width:100%
}
.itemheader{
font-weight:bold;
padding:2px 4px 2px 0px
}
.itemcontainer{
background:transparent;
margin-top:10px;
width:100%
}
.itemstartTbl{
width:100%
}
.itembuttoncontainer{
padding:0px 5px 0px 0px;
text-align:right
}
.itembuttonsml{
padding-right:5px;
padding-top:2px;
text-align:right;
width:30px
}
.itembuttonsml input{
background:transparent;
border:none;
font-size:9px;
font-weight:bold;
height:14px;
margin:0px;
padding:0px;
width:14px
}
.itemTblContainer{
}
.itemtbl{
background:transparent;
border:0px solid #000000;
margin-top:10px;
width:100%
}
.ItemFieldContainer{
text-align:left
}
.ItemFieldContainer input{
width:200px
}
.StartContainer{
background:transparent;
padding:0px 2px 0px 0px;
text-align:left;
width:85px
}
.startContainer input{
width:85px
}
.endContainer{
background:transparent;
padding:0px 4px 0px 2px;
text-align:left
}
.endContainer input{
width:79px
}
.fieldtxtarea{
width:240px
}
.functiontxt{
width:360px
}
.itemQuestion{
background:transparent;
color:#333333;
line-height:16px;
padding:2px 4px 2px 4px;
vertical-align:top;
width:110px
}
/* APPLICATION ROW */
.approwcontainer{
padding:10px 0px 10px 1px
}
.approwtbl{
background:#bfde4f;
border:1px solid #FFFFFF;
width:100%
}
.approw{
font-size:11px;
padding:2px 4px 2px 4px
}
.critContainer{
background:transparent;
padding:2px 4px 4px 1px;
text-align:left;
vertical-align:top
}
.critContainer select{
font-size:11px;
text-align:left
}
.hcritquestioncontainer{
width:200px
}
.hcritquestion{
background:transparent;
color:#000000;
font-size:11px;
font-weight:bold;
line-height:18px;
padding:0px 4px 4px 1px;
text-align:left;
vertical-align:top;
width:180px
}
/* LINkTableS */
.linkMainTbl{
}
.linkTblContainer{
padding:10px 0px 0px 0px
}
.linkTbl{
background:#F8F8F8
}
.linkTitle{
color:#000000;
font-weight:bold;
padding:2px 2px 2px 2px
}
.linkContent{
padding:2px 2px 2px 2px
}
.linkRow{
padding:2px 2px 2px 2px
}
.linkRow a{
}
.linkRow a:hover{
}
/* LIST STYLES */
.listCatContainer{
padding:10px 0px 10px 0px
}
.listCatTbl{
background: #dff299;
width:100%;
}
.listCat{
background:transparent;
color:#185c01;
font-size:11px;
font-weight:bold;
padding:2px 4px 2px 4px;
text-align:left
}
.vacancyItemContainer{
padding:0px 0px 15px 0px
}
.vacancyitemtbl{
width:100%;
border:1px solid #eeeeee;
}
/* functienaam */
.listFunctioncontainer{
background:transparent
}
.listFunctiontbl{
width:100%
}
.listFunctionName{
padding:4px 4px 1px 4px
}
.listFunctionName a{
color:#2e5b01;
font-size:11px;
font-weight:bold;
text-decoration:none
}
.listFunctionName a:hover{
color:#000;
font-weight:bold;
text-decoration:none
}
.lastupdate{
font-size:11px;
text-align:right;
vertical-align:middle
}
.jobdetailphotodiv1{
border:0px solid #FF0000;
width:1px;
position:absolute;
height:1px;
overflow:visible
}
.jobdetailphotodiv2{
position:absolute;
left:-150px;
top:22px;
height:90px;
width:150px;
overflow:hidden;
}
/* keyword */
.listKeywordcontainer{
}
.listKeywordtbl{
}
.listKeyword{
background:transparent;
text-align:left;
vertical-align:top;
font-size:11px;
}
.listKeywordtitle{
background:transparent;
padding:0px 4px 0px 4px;
text-align:left;
vertical-align:top;
font-size:11px;
}
/* chapo */
.listchapocontainer{
}
.listchapotbl{
}
.listchapo{
padding:2px 4px 2px 4px;
font-size:11px;
}
.listchapo a{
font-size: 11px;
text-decoration:none
}
/* FOTO VACANCY DETAIL */
.jobdetailphotodiv1{
border:0px solid #FF0000;
height:1px;
overflow:visible;
position:absolute;
width:1px
}
.jobdetailphotodiv2{
left:-200px;
position:absolute;
top:40px
}
/* 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{
color:#FC9104
}
.listnavpagenumbercontainer{
text-align:center
}
.listnavpagenumbertbl{
}
.listnavpagenumber{
}
.listnavpagenumber a{
color:#666666
}
.listnavpagenumberactive{
}
.listnavpagenumberactive a{
color:#FC9104
}
.listnavnext{
padding-right:4px;
text-align:right;
width:33%
}
.listnavnext a{
color:#FC9104
}
/* CATEGORY LIST */
.catListHolder{
border-top:1px solid #799a00;
margin:15px 0px 20px 0px;
vertical-align:top;
width:300px
}
.catListTbl{
height:30px
}
.catListitem{
border-bottom:1px solid #799a00;
cursor:pointer;
vertical-align:middle
}
.catListitem a{
text-decoration:none;
vertical-align:top
}
.catListitem a:hover{
vertical-align:top
}
/* NEWS LIST */
.nwsartListitemContainer{
padding:4px 0px 4px 4px
}
.nwsArtListChapeau{
font-size:11px;
padding:2px 4px 2px 1px;
text-align:right;
vertical-align:top
}
.NwsArtListItemTbl{
border-top:1px solid #c2e63f;
}
.NwsArtListLink{
padding:4px 0px 4px 0px
}
.NwsArtListLink a{
color:#000000;
font-size:11px;
font-weight:bold
}
.NwsArtListChapo{
font-size:11px
}
.nwsSearchFormContainer{
}
.nwsSearchFormTbl{
background:transparent
}
.nwsSearchFormQuestion{
padding:2px 0px 2px 4px;
width:110px
}
.nwsArtSearchFormQuestion{
color:#000000;
padding:2px 0px 2px 4px;
width:140px
}
.nwsSearchFormFieldContainer{
padding:1px 4px 1px 4px
}
.nwsSearchFormButton{
padding:1px 2px 1px 4px;
text-align:right
}
.nwsSearchFormButton input{
margin:0px
}
.nwsCatListItemContainer{
padding:10px 0px 10px 0px
}
.nwsCatListItemTbl{
background:transparent;
width:100%
}
.nwsCatListLink{
padding:4px 4px 4px 4px
}
.nwsCatListLink a{
color:#000000;
font-weight:bold;
text-decoration:underline
}

/* OPTION TABLE */

.articlebuttonsHook{
padding:10px 0px 10px 0px
}
.optiontbl{
}
.optionleft{
}
.optionright{
width:1px
}
.optioncontainer{
text-align:left
}
.optionlayer{
}
.optionholder{
width:100%
}
.printbutton{
padding:0px 5px 0px 0px
}
.printbutton input{
margin-top:0px;
padding: 0px 5px 0px 5px;
}
.mailfriendbutton{
padding-left:1px
}
.mailfriendbutton input{
margin-top:0px;
padding: 0px 5px 0px 5px;
}

/* NEWS Hook */
.nwssubHookTable{
background:transparent;
background:#EAEAEA;
border:1px solid #656565;
margin-top:10px;
width:100%
}
.nwsSubHookHeaderContainer{
padding:2px 4px 13px 4px;
vertical-align:top
}
.nwsSubHookHeaderTbl{
background:transparent;
width:100%
}
.nwsSubHookHeader{
color:#F52527;
font-size:12px;
font-weight:bold
}
.nwssubHookTextContainer{
padding:0px 4px 11px 3px
}
.nwssubHookTextTbl{
width:100%
}
.nwssubHooksubheader{
color:#777777;
font-size:11px;
font-weight:bold;
padding:0px 0px 2px 1px
}
.nwssubHookText{
font-size:11px;
padding:0px 0px 0px 1px
}
.nwssubHookWordcontainer{
padding:2px 5px 2px 3px
}
.nwssubHookWordtbl{
width:100%
}
.nwssubHookWord{
font-size:11px;
padding:2px 7px 2px 1px
}
.nwssubHookFieldcontainer{
padding:2px 4px 2px 1px
}
.nwssubHookButtoncontainer{
padding:2px 4px 4px 3px
}
.nwssubHookButtoncontainer input{
margin-top:2px
}
/* AGENT SUB Hook */
.agentSubHookTable{
background:transparent;
background:#EAEAEA;
border:1px solid #656565;
margin-top:10px;
width:100%
}
.agentSubHookHeaderContainer{
padding:2px 4px 13px 4px;
vertical-align:top
}
.agentSubHookHeaderTbl{
background:transparent;
width:100%
}
.agentSubHookHeader{
color:#F52527;
font-size:12px;
font-weight:bold
}
.agentSubHookTextContainer{
padding:0px 4px 11px 3px
}
.agentSubHookTextTbl{
width:100%
}
.agentSubHooksubheader{
color:#777777;
font-size:11px;
font-weight:bold;
padding:0px 0px 2px 1px
}
.agentSubHookText{
font-size:11px;
padding:0px 0px 0px 1px
}
.agentSubHookWordcontainer{
padding:2px 5px 2px 3px
}
.agentSubHookWordtbl{
width:100%
}
.agentSubHookWord{
font-size:11px;
padding:2px 7px 2px 1px
}
.agentSubHookFieldcontainer{
padding:2px 4px 2px 1px
}
.agentSubHookButtoncontainer{
padding:2px 4px 4px 3px
}
.agentSubHookButtoncontainer input{
margin-top:2px
}
/* WEB USER Hook */
.webuserHookTable{
background:transparent;
background:#EAEAEA;
border:1px solid #656565;
margin-top:10px;
width:100%
}
.webuserHookHeaderContainer{
padding:2px 4px 13px 4px;
vertical-align:top
}
.webuserHookHeaderTbl{
background:transparent;
width:100%
}
.webuserHookHeader{
color:#F52527;
font-size:12px;
font-weight:bold
}
.webuserHookTextContainer{
padding:0px 4px 11px 3px
}
.webuserHookTextTbl{
width:100%
}
.webuserHooksubheader{
color:#777777;
font-size:11px;
font-weight:bold;
padding:0px 0px 2px 1px
}
.webuserHookText{
font-size:11px;
padding:0px 0px 0px 1px
}
.webuserHookWordcontainer{
padding:2px 5px 2px 3px
}
.webuserHookWordtbl{
width:100%
}
.webuserHookWord{
font-size:11px;
padding:2px 7px 2px 1px
}
.webuserHookFieldcontainer{
padding:2px 4px 2px 1px
}
.webuserHookButtoncontainer{
padding:2px 4px 4px 3px
}
.webuserHookButtoncontainer input{
margin-top:2px
}
/* SMART SEARCH */
.smartSearchContainer{
}
.smartSearchTable{
background:transparent;
width:100%
}
/* results */
.SmartSearchTitle{
}
.SmartSearchTitle a{
}
.SmartSearchTitle a:hover{
}
.smartSearchResultKeywords{
}
.resultaat{
}
/* input */
.smartSearchInputContainer{
padding:10px 0px 10px 0px
}
.smartSearchInputTable{
width:100%
}
.smartSearchFieldContainer{
padding:0px 4px 0px 0px
}
.smartSearchFieldContainer input{
width:140px
}
.smartSearchButton{
}
.smartSearchButton input{
margin:0px
}
.searchButton{
background:#000000;
border:1px solid #008000;
color:#FFFFFF
}
.smartSearchRadioTitle{
font-size:11px;
padding:2px 0px 2px 2px
}
.statsCheckLinkTbl{
margin-top:20px
}
.statsCheckLink{
}
/* JOB CAT LIST  */
.jobCatHookTbl{
background:transparent;
background:#EAEAEA;
border:1px solid #656565;
margin-top:10px;
width:100%
}
.jobCatHookHeaderContainer{
padding:2px 4px 13px 4px;
vertical-align:top
}
.jobCatHookHeaderTbl{
background:transparent;
width:100%
}
.jobCatHookHeader{
color:#F52527;
font-size:12px;
font-weight:bold
}
.jobCatHookTextContainer{
padding:0px 4px 11px 3px
}
.jobCatHookSubHeaderContainer{
}
.jobCatHookSubHeaderTbl{
}
.jobCatHookSubHeader{
color:#777777;
font-size:11px;
font-weight:bold;
padding:0px 0px 2px 1px
}
.jobCatHookTextTbl{
width:100%
}
.jobCatHookText{
font-size:11px;
padding:0px 0px 0px 1px
}
.jobCatHookListHolder{
padding:2px 4px 2px 0px
}
.jobCatListHookContainer{
padding:0px 4px 11px 3px;
}
.jobCatHookListContainerActive{
}
.jobCatHookListTbl{
width:100%
}
.jobCatHookListItem{
padding:2px 4px 2px 4px;
width:100%
}
.jobCatHookListItem a{
text-decoration:none
}
.jobCatHookListItem a:hover{
text-decoration:underline
}
.jobCatHookListItemactive{
padding:2px 4px 2px 4px;
width:100%
}
.jobCatHookListItemactive a{
text-decoration:underline
}
.jobCatHookListItemactive a:hover{
text-decoration:underline
}
.jobCatHookListCounter{
font-size:11px;
}
.jobSearchTbl{
background:transparent;
background:#EAEAEA;
border:1px solid #656565;
margin-top:10px;
width:100%
}
.jobSearchHeaderContainer{
padding:2px 4px 13px 4px;
vertical-align:top;
}
.jobSearchHeaderTbl{
background:transparent;
width:100%
}
.jobSearchHeader{
color:#F52527;
font-size:12px;
font-weight:bold;
padding:0px 0px 0px 1px
}
.jobSearchTextHolderContainer{
padding:0px 0px 10px 0px
}
.jobSearchTextHolderTbl{
}
.jobSearchSubHeaderContainer{
}
.jobSearchSubHeaderTbl{
}
.jobSearchSubHeader{
color:#777777;
font-size:11px;
font-weight:bold;
padding:0px 0px 0px 1px
}
.jobSearchTextContainer{
padding:0px 4px 11px 3px;
}
.jobSearchTextTbl{
width:100%;
}
.jobSearchText{
font-size:11px;
padding:0px 0px 0px 1px;
}
.jobSearchCritTblContainer{
}
.jobSearchCritTbl{
}
.jobSearchHCritContainer{
}
.jobSearchHCritTbl{
width:100%;
}
.jobSearchHQuestion{
vertical-align:top;
font-size:11px;
padding:2px 4px 2px 4px;
}
.jobSearchFieldContainer{
text-align:right;
padding:2px 4px 2px 4px;
}
.jobSearchFieldContainer input{
width:110px;
}
.jobSearchFieldContainer select{
width:100px;
font-size:10px;
}
.jobSearchVCritContainer{
}
.jobSearchVCritTbl{
}
.jobSearchVQuestion{
}
.jobSearchTrefwoordTblContainer{
padding:0px 0px 0px 1px
}
.jobSearchTrefwoordTbl{
}
.jobSearchTrefwoord{
padding:2px 4px 2px 4px;
font-size:11px;
}
.jobSearchformTblButtonCell{
padding:2px 4px 4px 3px;
}
.jobSearchformTblButtonCell input{
margin-top:2px
}
.jobSearchResultsContainer{
}
.jobSearchResultsTbl{
}
.jobSearchResults{
padding-bottom:10px
}
/* LANGUAGE Hook */
.langbarcontainer{
}
.langbartbl{
background:#FFFFFF;
border:1px solid #999999;
margin-top:10px;
width:140px
}
.langbartitle{
color:#000000;
font-size:9px;
padding:2px 4px 4px 4px;
vertical-align:top;
width:50px
}
.langbarlink{
padding:3px 4px 4px 2px;
width:24px
}
/* STYLES 4 INTRO LANGUAGE Hook */
.languagecontainer{
background:transparent;
text-align:right
}
.mainlanguagetbl{
}
.languagetblbase{
}
.introlanguagetbl{
margin:4px 10px 4px 10px
}
.introlanguagetitle1{
padding:2px 4px 2px 4px;
text-align:center
}
.introlanguagelink{
padding:2px 4px 2px 4px;
text-align:center
}
.introlanguagetitle2{
padding:2px 4px 2px 4px;
text-align:center
}
.introlink{
padding:10px 10px 10px 10px
}
.introlink a{
color:#FF0000
}
.introlink a:hover{
color:#0000FF;
text-decoration:none
}
/* SHORT LISTS */
/* SHORtList VACANCY */
.jobsRemote{
width:100%
}
.shortListtable{
background:transparent;
width:100%;
}
.shortListHeaderContainer{
padding:2px 4px 13px 4px;
vertical-align:top;
}
.shortListHeaderTbl{
background:transparent;
width:100%
}
.shortListHeader{
color:#339b10;
font-size:18px;
font-weight:bold;
padding: 0px 0px 0px 20px;
}
.shortListtextContainer{
padding:0px 4px 11px 3px;
}
.shortListtextTbl{
width:100%;
}
.shortListSubheader{
color:#3b3b3b;
font-size:11px;
font-weight:bold;
padding:0px 0px 0px 1px
}
.shortListtext{
font-size:11px;
padding:0px 0px 0px 1px;
}
.shortListCatContainer{
}
.shortListCatTbl{
}
.shortListCat{
}
.shortListitemcontainer{
padding:0px 0px 10px 0px
}
.shortListitemtbl{
}
.shortListFunctioncontainer{
padding:2px 4px 2px 4px
}
.shortListFunctiontbl{
width:100%
}
.shortListFunctionName{
padding:0px 0px 0px 20px
}
.shortListFunctionName a{
color:#3b3b3b;
font-size:12px;
font-weight:bold;
text-decoration:none
}
.shortListFunctionName a:hover{
color:#fe4813;
font-weight:bold;
text-decoration:none;
}
.shortListKeywordcontainer{
background:transparent;
padding:0px 0px 0px 4px
}
.shortListKeywordtbl{
}
.shortListKeywordtitle{
color: #3b3b3b;
font-size:11px;
padding: 0px 0px 0px 20px;
vertical-align:top
}
.shortListKeyword{
color: #3b3b3b;
font-size:11px;
padding:0px 0px 0px 0px;
vertical-align:top
}
.shortListRelationname{
font-weight:bold
}
/* NEWS SHORT LIST */
.nwsShortListtable{
width:100%;
margin-top:10px;
background:#eaeaea;
border:1px solid #656565;
}
.nwsShortListHeaderContainer{
padding:2px 4px 13px 4px;
vertical-align:top;
}
.nwsShortListHeaderTbl{
width:100%
}
.nwsShortListHeader{
color:#F52527;
font-size:12px;
font-weight:bold;
}
.nwsShortListtextContainer{
}
.nwsShortListtextTbl{
}
.nwsShortListSubheader{
padding:2px 4px 2px 1px
}
.nwsShortListtext{
font-size:11px;
padding:2px 4px 2px 1px
}
.nwsShortListCatContainer{
}
.nwsShortListCatTbl{
}
.nwsShortListCat{
}
.nwsShortListitemcontainer{
}
.nwsShortListitemtbl{
}
.nwsShortListFunctioncontainer{
}
.nwsShortListFunctiontbl{
}
.nwsShortListFunctionName{
color:#777777;
font-size:11px;
padding:2px 4px 2px 4px
}
.nwsShortListFunctionName a{
color:#777777;
font-size:11px;
text-decoration:underline;
padding-left:2px;
}
.nwsShortListFunctionName a:hover{
color:#777777;
font-size:11px;
padding-left:2px;
}
.nwsShortListChapoContainer{
padding:2px 4px 2px 4px;
}
.nwsShortListChapoTbl{
width:100%
}
.nwsShortListChapo{
font-size:10px;
}
.nwsShortListKeywordcontainer{
}
.nwsShortListKeywordtbl{
}
.nwsShortListKeywordtitle{
font-size:9px;
padding:2px 4px 2px 0px
}
.nwsShortListKeyword{
font-size:9px
}
.nwsShortListRelationname{
font-weight:bold
}
/* RSS Hook */
.RssFieldButton{
margin:0px;
padding:0px
}
.RssFieldButton input{
cursor:pointer;
height:18px;
margin:0px;
}
.rssHookButton{
background:#F07800;
border:1px solid #C2C2C2;
color:#FFFFFF;
font-size:11px;
height:16px
}
/* Overige */
.stMapTbl {
padding-left: 5px;
}
.stMapLevel1 {
}
.stMapLevel1 a{
font-weight:bold;
text-decoration: none;
background: URL(http://yourit.nl/hcmsup/_images/blackDot4.jpg) no-repeat 0% 50%;
padding-left: 8px;
}
.stMapLevel2 {
padding-left: 20px;
}
.stMapLevel2 a{
background: URL(http://yourit.nl/hcmsup/_images/blackDot3.jpg) no-repeat 0% 50%;
padding-left:10px;
text-decoration: none;
padding-left: 7px;
}
.stMapLevel3 {
padding-left: 30px;
}
.stMapLevel3 a {
background: URL(http://yourit.nl/hcmsup/_images/blackDot2.jpg) no-repeat 0% 50%;
text-decoration: none;
padding-left: 6px;
}
.stMapLevel4 {
padding-left: 40px;
}
.stMapLevel4 a {
background: URL(http://yourit.nl/hcmsup/_images/blackDot1.jpg) no-repeat 0% 50%;
text-decoration: none;
padding-left: 5px;
}
.faqQuestionTitle{
font-weight:bold;
padding-right:2px
}
.faqAnswerTitle{
font-weight:bold;
padding-right:2px
}
.faqQuestion{
}
.faqAnswer{
}
.faqCatSelectContainer{
padding:5px 0px 0px 0px
}
.statsAllformTblButtonCell input{
margin:0px
}
H1{
color:#3b3b3b;
font-size:17px;
font-weight:bold;
margin:0px;
padding:0px
}
H2{
color:#3b3b3b;
font-size:12px;
font-weight:bold;
margin:0px;
padding:0px;
text-align:left
}
H3{
color:#777777;
font-size:11px;
font-weight:bold;
margin:0px;
padding:0px;
text-align:left
}
/* TREE MENU */
.hlb1_treemenu{
background:transparent;
width:100%
}
.hlb1Container{
vertical-align: top;
padding: 40px 0px 0px 30px;
}
.hlb1_tree_level1{
margin:0px 0px;
text-align:left;
padding: 5px 0px 0px 0px;
width:100%;
}
.hlb1_tree_level1 a{
color:#333333;
font-size:13px;
font-weight:bold;
padding:5px 0px 0px 30px;
text-decoration:none;
}
.hlb1_tree_level1 a:hover{
text-decoration:none;
font-size:13px;
font-weight:bold;
}
/* active state */
.hlb1_tree_level1_active{
background:url(http://www.yourit.nl/hcmsu1/_images/arrowLeft.gif) no-repeat left 7px;
padding: 5px 0px 0px 0px;
text-align:left;
width:100%
}
.hlb1_tree_level1_active a{
color:#fd5029;
font-size:13px;
font-weight:bold;
padding:5px 0px 0px 30px;
text-decoration:none;
}
.hlb1_tree_level1_active a:hover{
text-decoration:none;
font-size:13px;
color: #fd5029;
padding:5px 0px 0px 30px;
text-decoration: underline;
}
/* lower levels,level 2 */
.hlb1_main_level2{
color:#FFFFFF;
padding-left:35px;
text-align:left;
width:100%
}
.hlb1_table_level2{
background:transparent;
color:#333333;
text-align:left
}
.hlb1_sub_level2{
color:#333333;
padding:0px 0px 0px 1px
}
.hlb1_sub_level2 a{
color:#333333;
padding: 5px 0px 0px 19px;
text-decoration:none
}
.hlb1_sub_level2 a:hover{
background:url(http://www.yourit.nl/hcmsu1/_images/arrowLeft.gif) no-repeat 7px left;
padding: 5px 0px 0px 19px;
color:#fd5029;
text-decoration:none
}
.hlb1_sub_level2_active{
color:#fd5029;
}
.hlb1_sub_level2_active a{
background:url(http://www.yourit.nl/hcmsu1/_images/arrowLeft.gif) no-repeat 7px left;
padding: 5px 0px 0px 19px;
color:#fd5029;
text-decoration:none
}
.hlb1_sub_level2_active a:hover{
color:#fd5029;
text-decoration:none
}
/* level 3 */
.hlb1_table_level3{
background:transparent;
color:#FFFFFF
}
.hlb1_main_level3{
color:#FFFFFF;
padding-left:40px
}
.hlb1_sub_level3{
background:transparent;
color:#FFFFFF
}
.hlb1_sub_level3_active{
color:#FFFFFF
}
.hlb1_sub_level3_active a{
color:#FFFFFF;
text-decoration:none
}
.hlb1_sub_level3_active a:hover{
color:#FFFFFF;
text-decoration:none
}
/* level 4 */
.hlb1_table_level4{
background:transparent;
color:#FFFFFF
}
.hlb1_main_level4{
color:#FFFFFF;
padding-left:45px
}
.hlb1_sub_level4{
}
.hlb1_sub_level4_active{
color:#FFFFFF
}
.hlb1_sub_level4_active a{
color:#FFFFFF;
text-decoration:none
}
.hlb1_sub_level4_active a:hover{
color:#FFFFFF;
text-decoration:none
}
/* level 5 */
.hlb1_table_level5{
background:transparent;
color:#FFFFFF
}
.hlb1_main_level5{
color:#FFFFFF;
padding-left:50px
}
.hlb1_sub_level5{
color:#FFFFFF
}
.hlb1_sub_level5_active{
color:#FFFFFF;
text-decoration:none
}
.hlb1_sub_level5_active a{
color:#FFFFFF;
text-decoration:none
}
.hlb1_sub_level5_active a:hover{
color:#FFFFFF;
text-decoration:none
}
/* level 6 */
.hlb1_table_level6{
background:transparent;
color:#FFFFFF
}
.hlb1_main_level6{
color:#FFFFFF;
padding-left:55px
}
.hlb1_sub_level6{
color:#FFFFFF
}
.hlb1_sub_level6_active{
color:#FFFFFF;
text-decoration:none
}
.hlb1_sub_level6_active a{
color:#FFFFFF;
text-decoration:none
}
.hlb1_sub_level6_active a:hover{
color:#FFFFFF;
text-decoration:none
}
/* TREE MENU 2 */
.hlb2treemenu{
background:transparent;
width:100%
}
.hlb2_tree_level1{
margin:0px 0px;
padding:3px 0px 3px 15px;
text-align:left;
width:100%
}
.hlb2_tree_level1 a{
color:#FFFFFF;
font-size:11px;
font-weight:bold;
padding:0px 10px 0px 15px;
text-decoration:none
}
.hlb2_tree_level1 a:hover{
text-decoration:none
}
/* active state */
.hlb2_tree_level1_active{
color:#FFFFFF;
padding:3px 0px 3px 0px;
text-align:left;
width:100%
}
.hlb2_tree_level1_active a{
color:#FFFFFF;
font-size:11px;
font-weight:bold;
padding:0px 0px 0px 30px;
text-decoration:none
}
.hlb2_tree_level1_active a:hover{
color:#FFFFFF;
text-decoration:none
}
/* lower levels,level 2 */
.hlb2_main_level2{
color:#FFFFFF;
padding-left:35px;
text-align:left;
width:100%
}
.hlb2_table_level2{
background:transparent;
color:#FFFFFF;
text-align:left
}
.hlb2_sub_level2{
color:#FFFFFF;
padding:0px 0px 0px 1px
}
.hlb2_sub_level2 a{
color:#FFFFFF;
text-decoration:none
}
.hlb2_sub_level2 a:hover{
color:#FFFFFF;
text-decoration:none
}
.hlb2_sub_level2_active{
color:#FFFFFF
}
.hlb2_sub_level2_active a{
color:#FFFFFF;
text-decoration:none
}
.hlb2_sub_level2_active a:hover{
color:#FFFFFF;
text-decoration:none
}
/* level 3 */
.hlb2_table_level3{
background:transparent;
color:#FFFFFF
}
.hlb2_main_level3{
color:#FFFFFF;
padding-left:40px
}
.hlb2_sub_level3{
background:transparent;
color:#FFFFFF
}
.hlb2_sub_level3_active{
color:#FFFFFF
}
.hlb2_sub_level3_active a{
color:#FFFFFF;
text-decoration:none
}
.hlb2_sub_level3_active a:hover{
color:#FFFFFF;
text-decoration:none
}
/* level 4 */
.hlb2_table_level4{
background:transparent;
color:#FFFFFF
}
.hlb2_main_level4{
color:#FFFFFF;
padding-left:45px
}
.hlb2_sub_level4{
}
.hlb2_sub_level4_active{
color:#FFFFFF
}
.hlb2_sub_level4_active a{
color:#FFFFFF;
text-decoration:none
}
.hlb2_sub_level4_active a:hover{
color:#FFFFFF;
text-decoration:none
}
/* level 5 */
.hlb2_table_level5{
background:transparent;
color:#FFFFFF
}
.hlb2_main_level5{
color:#FFFFFF;
padding-left:50px
}
.hlb2_sub_level5{
color:#FFFFFF
}
.hlb2_sub_level5_active{
color:#FFFFFF;
text-decoration:none
}
.hlb2_sub_level5_active a{
color:#FFFFFF;
text-decoration:none
}
.hlb2_sub_level5_active a:hover{
color:#FFFFFF;
text-decoration:none
}
/* level 6 */
.hlb2_table_level6{
background:transparent;
color:#FFFFFF
}
.hlb2_main_level6{
color:#FFFFFF;
padding-left:55px
}
.hlb2_sub_level6{
color:#FFFFFF
}
.hlb2_sub_level6_active{
color:#FFFFFF;
text-decoration:none
}
.hlb2_sub_level6_active a{
color:#FFFFFF;
text-decoration:none
}
.hlb2_sub_level6_active a:hover{
color:#FFFFFF;
text-decoration:none
}
/* TREE MENU 3 */
.hlb3Container{
vertical-align: top;
}
.hlb3{
color: #525354;
font-size: 9px;
padding: 12px 5px 0px 5px;
}
.hlb3 a{
color: #525354;
font-size: 9px;
padding: 12px 5px 0px 5px;
text-decoration: none;
}
.hlb3 a:hover{
text-decoration: none;
}
.hlb3active{
color: #525354;
font-size: 9px;
padding: 12px 5px 0px 5px;
}
.hlb3active a{
color: #525354;
font-size: 9px;
padding: 12px 5px 0px 5px;
text-decoration: none;
}
.hlb3active a:hover{
text-decoration: none;
}
.hbl3Spacer{
padding: 10px 0px 0px 0px;
}
.hlb3treemenu{
background:transparent;
width:100%
}
.hlb3_tree_level1{
margin:0px 0px;
padding:3px 0px 3px 15px;
text-align:left;
width:100%
}
.hlb3_tree_level1 a{
color:#FFFFFF;
font-size:11px;
font-weight:bold;
padding:0px 10px 0px 15px;
text-decoration:none
}
/* active state */
.hlb3_tree_level1_active{
padding:3px 0px 3px 0px;
text-align:left;
width:100%
}
.hlb3_tree_level1_active a{
color:#FFFFFF;
font-size:11px;
font-weight:bold;
padding:0px 0px 0px 30px;
text-decoration:none
}
.hlb3_tree_level1_active a:hover{
color:#FFFFFF;
text-decoration:none
}
/* lower levels,level 2 */
.hlb3_main_level2{
color:#FFFFFF;
padding-left:35px;
text-align:left;
width:100%
}
.hlb3_table_level2{
background:transparent;
color:#FFFFFF;
text-align:left
}
.hlb3_sub_level2{
color:#FFFFFF;
padding:0px 0px 0px 1px
}
.hlb3_sub_level2 a{
color:#FFFFFF;
text-decoration:none
}
.hlb3_sub_level2 a:hover{
color:#FFFFFF;
text-decoration:none
}
.hlb3_sub_level2_active{
color:#FFFFFF
}
.hlb3_sub_level2_active a{
color:#FFFFFF;
text-decoration:none
}
.hlb3_sub_level2_active a:hover{
color:#FFFFFF;
text-decoration:none
}
/* level 3 */
.hlb3_table_level3{
background:transparent;
color:#FFFFFF
}
.hlb3_main_level3{
color:#FFFFFF;
padding-left:40px
}
.hlb3_sub_level3{
background:transparent;
color:#FFFFFF
}
.hlb3_sub_level3_active{
color:#FFFFFF
}
.hlb3_sub_level3_active a{
color:#FFFFFF;
text-decoration:none
}
.hlb3_sub_level3_active a:hover{
color:#FFFFFF;
text-decoration:none
}
/* level 4 */
.hlb3_table_level4{
background:transparent;
color:#FFFFFF
}
.hlb3_main_level4{
color:#FFFFFF;
padding-left:45px
}
.hlb3_sub_level4{
}
.hlb3_sub_level4_active{
color:#FFFFFF
}
.hlb3_sub_level4_active a{
color:#FFFFFF;
text-decoration:none
}
.hlb3_sub_level4_active a:hover{
color:#FFFFFF;
text-decoration:none
}
/* level 5 */
.hlb3_table_level5{
background:transparent;
color:#FFFFFF
}
.hlb3_main_level5{
color:#FFFFFF;
padding-left:50px
}
.hlb3_sub_level5{
color:#FFFFFF
}
.hlb3_sub_level5_active{
color:#FFFFFF;
text-decoration:none
}
.hlb3_sub_level5_active a{
color:#FFFFFF;
text-decoration:none
}
.hlb3_sub_level5_active a:hover{
color:#FFFFFF;
text-decoration:none
}
/* level 6 */
.hlb3_table_level6{
background:transparent;
color:#FFFFFF
}
.hlb3_main_level6{
color:#FFFFFF;
padding-left:55px
}
.hlb3_sub_level6{
color:#FFFFFF
}
.hlb3_sub_level6_active{
color:#FFFFFF;
text-decoration:none
}
.hlb3_sub_level6_active a{
color:#FFFFFF;
text-decoration:none
}
.hlb3_sub_level6_active a:hover{
color:#FFFFFF;
text-decoration:none
}
.nmPrintButton input{
width:60px
}
.nmMailFriendButton input{
width:70px
}
.nmAbbonereButton input{
width:60px
}
.nmOvervieuwButton input{
width:100px
}
/* ZOOM TEMPLATE */
.zoomtable{
background:transparent;
color:#000066;
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 #aede00;
}
.details {
text-align:right;
vertical-align:top;
padding-right:4px;
}
.details a {
color:#570101;
text-decoration:underline;
font-size:10px;
letter-spacing:0px;
}
.functionNameContainer {
padding:2px 0px 2px 5px;
}
.functionNameTbl {
background:white;
width:100%;
border-top:1px solid #aede00;
}
.functionName {
padding:2px 4px 2px 5px;
font:bold 11px Arial;
color:#dfb123;
white-space:nowrap;
text-align:left;
}
.descriptionContainer {
padding:2px 0px 2px 5px;
border-top:0px solid white;
}
.descriptionTbl {
width:100%;
}
.description {
padding:2px 4px 2px 5px;
line-height: 12px;
font-size:11px;
letter-spacing:0px;
color:black;
}

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