/* IPEOPLE STYLESHEET */
/* W3C VERIFIED */
/* EXCEPTIONS: TABLELAYOUT IE6 ONLY, FIELDSET NO BGCOLOR IE 6 LOOSES ROUNDING */
/* COPYRIGHT OTYS CORP 2003 */
/* AUTHOR: MRFAHRENHEIT */

/* FIRST BASE, BLOCKLEVELS */

a { 
font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
text-decoration	:none;
color		:#104070;
background	:transparent;
}

a:hover { 
text-decoration	:underline;
}

body {
background	: #104070;
font-family	:Verdana, Arial, Helvetica, sans-serif;
font-size	:10px; 
color		:#104070; 
margin		:0px 0px;
}
.mumbo {
width:0px;
height:0px;
overflow:hidden;
color:white;
left:-1000px;
top:-1000px;
position:absolute;
}

input, textarea { 
background	:white; 
color		:black; 
font		:11px  Verdana, Arial, Helvetica, sans-serif;
border:solid;
border-color:#ACA899 #f8f8f8 #f8f8f8 #ACA899;
border-width:1px 1px 1px 1px;
}

ul { 
list-style-position :outside; 
list-style-type	:square;
}

select {
font		:11px Verdana, Arial, Helvetica, sans-serif;
}

td, th { 
font-family	:   Verdana, Arial, Helvetica, sans-serif;
font-size	:11px; 
color: #104070;
}

/* PAGE LAYOUT */

.posTbl {
width: 100%;
height: 100%;
}
.posContainer {
vertical-align: top;
text-align: center;
}
.siteTbl {
width: 790px;
height: 100%;
border-right: 1px solid #eeeeee;
background: white;
}
.top {
background: url(http://www.i-people.nl/_images/top.jpg) no-repeat left top;
height: 194px;
width: 790px;
}
.topTbl {
height: 194px;
}
.topRow1 {
height: 24px;
text-align: right;
padding: 2px 4px 2px 4px;
vertical-align: top;
}
.topRow2 {
}
.topRow3 {
height: 34px;
text-align: right;
padding: 2px 40px 2px 4px;
vertical-align: top;
background: transparent;
}
.pageContainer {
background: url(http://www.i-people.nl/_images/gradient.jpg) repeat left top;
vertical-align: top;
width: 790px;
}
.pageTbl {
width: 790px;
}
.menuContainer {
width: 145px;
}

.contentframe { 
padding		:26px 20px 40px 20px;
background	:white;
vertical-align	:top;
}

.maintable { 
background	:white; 
color		:#104070;
padding		:0px 0px 0px 0px; 
width		:95%;
margin		:0px 0px 0px 10px;
}

.vacstable { 
background	:transparent; 
color		:#104070;
padding		:0px 0px 0px 0px; 
width		:95%;
margin		:0px 0px 0px 10px;
}

.intro {
background	:transparent;
color		:#104070;
font-size	:11px;
text-align	:left;
line-height	:16px;
}

.tekstblokje {
text-align	:left;
background	:transparent;
color		: #104070;
font-family	:Verdana, Arial, Helvetica, sans-serif;
line-height	:16px;

}

.button {
font		:10px Verdana,Arial,Helvetica,sans-serif;
height		:20px;
background	:white;
border		:1px solid;
border-color	:white #104070 #104070 white;
color		:#104070;
}

/* ENLARGE PICTURES */

.zoomtable { 
background	:transparent;
color		:#104070;
padding		:0px 0px 0px 0px; 
width		:100%; 
margin		:0px 0px 0px 0px;
}

/* NO BORDERS IN CHECKS & RADIOS */

.radiobuttons {} /* EMPTY PARENT */

.radiobuttons input { 
border		:none;
}


/* HEADSTYLES */

.kop {
background	:transparent;
color		:#FF8C40;
font-family	:Verdana, Arial, Helvetica, sans-serif;
font-size	:18px;
font-weight	:bold;
padding-bottom	:4px;
margin-bottom	:0px;
}


.kop td {
font		:bold 14px Verdana, Arial, Helvetica, sans-serif;
}

.subkop {
background	:transparent;
color		:#FF8C40;
font		:bold 12px Verdana, Arial, Helvetica, sans-serif;
margin		:0px 0px;
padding		:10px 0px 4px 0px;
}


/* MAIN LINK BLOCK 2 */

.hlb2 { 
white-space	:nowrap;
}

.hlb2 td {
white-space	:nowrap;
}

.hlb2 a {   
color		:#336699; 
text-decoration	:none; 
font		:10px Verdana, Arial, Helvetica, sans-serif; 
background	:transparant;
white-space	:nowrap;
}

.hlb2 a:hover { 
color		:#336699;
background	:transparent;
text-decoration	:none;
}

.hlb2active { 

background	:white; 
white-space	:nowrap;
}

.hlb2active a {   
color		:#FF8C40; 
text-decoration	:none; 
font		:10px Verdana, Arial, Helvetica, sans-serif; 
background	:transparant;
white-space	:nowrap;
}

.hlb2active a:hover { 
color		:#104070;
background	:transparent;
text-decoration	:none;
}

/* LINKTABLES */

.linkcontent { 
font		:10px Verdana, Arial, Helvetica, sans-serif;
color		:#104070;
text-align	:justify;
padding		:4px 4px 4px 4px;
background	:transparent;
}

.linkcontent a { 
font		:10px Verdana, Arial, Helvetica, sans-serif; 
color		:#104070;
background	:transparent;
}

.linkmaintable { 
padding		:0px 0px;
background	:transparent;
}

.linkmaintable td { 
background	:transparent; 
padding		:2px 2px;
}

.linkrow { 
padding		:4px 4px 4px 4px;
background	:transparent;
}

.linkrow a { 
color		:#FF8C40;
background	:transparent;
}

.linktable { 
padding		:0px 0px; 
margin		: 4px 0px; 
background	: transparent; 
color		:inherit;
border-top	:1px #104070 solid;
border-right	: 1px #104070 solid; 
border-bottom	:1px #104070 solid; 
border-left	:1px #104070 solid;
}

.linktitle { 
background	:#104070; 
color		:white; 
font		:bold 10px Verdana, Verdana, Arial, Helvetica, sans-serif; 
padding		:4px 4px 4px 4px;
}


.subkopsmall { 
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
padding-left: 10px;
color: #FF6633;
}

.tekstblokjesmall {
padding-left:10px;
font: 9px Verdana, Arial, Helvetica, sans-serif;
}

.tekstblokjesmall a {
font: bold 9px Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}

/* NEW VACANCY STYLES */


.answer{
color:#104070;
}
.error{
padding:2px 4px 2px 0px;
color:#FF8C40;
font:10px Verdana,Arial,Helvetica,sans-serif;
text-align:left;
vertical-align:top;
white-space: nowrap;
background: transparent;
}
.explain {
font:  9px Verdana, Arial, Helvetica, sans-serif;
padding: 10px 4px 10px 4px;
color: #104070;
background: transparent;
}

/* FORM HEADER */

.formHeaderContainer {
padding-left: 0px;
padding-bottom: 10px;
}
.formHeaderTbl {
border: 0px solid #D3232D;
background-color: transparent;
width: 100%;
}
.formHeader {
background	:transparent;
color		:#FF8C40;
font-family	:Verdana, Arial, Helvetica, sans-serif;
font-size	:18px;
font-weight	:bold;
padding-bottom	:4px;
margin-bottom	:0px;
}

/* FORM SUB HEADER */

.formSubHeaderContainer {
padding: 10px 0px 4px 0px;
}
.formSubHeaderTbl {
border: 0px dashed #104070;
}
.formSubHeader {
background	:transparent;
color		:#FF8C40;
font-family	:Verdana, Arial, Helvetica, sans-serif;
font-size	:12px;
font-weight	:bold;
padding-bottom	:4px;
margin-bottom	:0px;

}


/* FORM TEXT */

.formTextContainer {
background: transparent;
}
.formTextTbl{
width: 100%;
border: 0px dashed #999999;
}
.formTextTbl2{
width: 100%;
border: 0px dashed #999999;
}
.formText {
padding: 4px 4px 10px 0px;
background: transparent;
line-height: 16px;
}

/* QUESTION TABLES */

.QuestionTbl {
margin: 0px 0px 0px 0px;
width: 100%;
border: 0px solid #666666;
}
.Hquestion {
width:140px;
background:transparent;
color:#104070;
font: 11px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
vertical-align:top;
padding: 2px 4px 2px 0px;
background: transparent;
line-height: 16px;
}
.HquestionNW {
background:transparent;
color:#104070;
font: 11px Arial,Verdana, Helvetica, sans-serif;
text-align:left;
vertical-align:top;
padding: 2px 4px 2px 4px;
background: transparent;
line-height: 16px;
}

.Vquestion{
background:transparent;
color:#104070;
font:bold 11px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
vertical-align:top;
padding: 2px 4px 2px 4px;
line-height: 16px;
}
.FieldContainer {
vertical-align: top;
padding: 2px 4px 2px 4px;
background: transparent;
}
.FieldContainer select {
font: 10px Verdana, Arial, Helvetica, sans-serif;
}

/* SMALL TABLES FOR FORMS */

.formTblContainer {
}
.formTbl {
width: 100%;
}
.formTblButtonCell {
padding: 10px 0px 4px 0px;
text-align: left;
background: transparent;
}
.formButton {
padding: 10px 0px 4px 0px;
text-align: left;
background: transparent;
}


/* PAGE LINKS FOR MYPROFILE */

.pageLinkContainer {
padding: 10px 2px 10px 0px;
background: transparent;
vertical-align: top;
}
.pageLinkTbl {
color: #104070;
vertical-align: top;
}
.pagelink {
padding: 0px 2px 0px 2px;
vertical-align: top;
}
.pageLink a {
color: #104070;
text-decoration: none;
font-size: 9px;
}
.pageLink a:hover {
}

/* ITEMS */

.itemHeader {
font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
padding: 2px 4px 2px 2px;
}
.itemContainer {
border:0px solid #104070;
background: transparent;
border: 0px solid #104070;
width: 100%;
margin-top: 10px;
}
.itemStartTbl {
width: 100%;
}
.itemButtonContainer {
text-align: right;
}
.itemButtonSml {
text-align: right;
width: 30px;
padding-right: 2px;
}
.itemButtonSml input {
width: 20px;
}
.itemTblContainer {
padding: 0px;
}
.itemTbl {
background: transparent; 
margin-left: 0px;
width: 100%;
border: 0px solid red;
}

/* LIST STYLES */

.listCatContainer {
padding: 4px 0px 4px 0px;
}
.listCatTbl {
width: 100%;
background: #004785;
border-bottom: 0px solid #FF6633;
}
.listCat {
padding: 4px 4px 4px 4px;
color: white;
background: transparent;
font-weight: bold;
text-align: left;
}
.vacancyItemContainer {
padding: 3px 0px 3px 0px;
}
.vacancyItemTbl { 
border: 1px solid #F4BA80;
background: #FEEFDE
}

/* functienaam */

.listFunctionContainer {
background: #F4BA80;
}
.listFunctionTbl {
width: 100%;
}
.listFunctionName {
background: transparent;
padding: 2px 4px 2px 4px;
font-weight: bold;
}
.listFunctionName a {
color: #104070;
font-size: 11px;
}

/* keyword */

.listKeywordContainer {
}
.listKeywordTbl {
width: 100%;
}

.listKeyword {
background: transparent;
padding: 1px 4px 1px 4px;
font-size: 10px;
color: #104070;
}
.listKeywordTitle {
background: transparent;
padding: 1px 4px 1px 4px;
font-size: 10px;
width: 80px;
color: #104070;
}

/* chapo */

.listChapoContainer {
}
.listChapoTbl {
}
.listChapo {
background: transparent; 
color: #104070;
padding: 2px 4px 2px 4px;
font-size: 10px;
}
.listChapo a {
font-size: 10px;
color: #104070;
}

/* APPLICATION ROW */

.appRowContainer {
padding: 10px 0px 10px 0px;
}
.appRowTbl {
background: white;
border: 1px solid #104070;
width: 100%;
}
.appRow {
font:  11px Verdana, Arial, Helvetica, sans-serif;
padding: 2px 4px 2px 4px;
}

/* SITEMAP */

.stMapContainer {
padding: 30px 0px 10px 4px;
}

.stMapTbl {
background: #f8f8f8;
width: 400px;
border-top: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 0px solid #999999;
border-left: 1px solid #999999;
}

.stMapLevel1 {
background: #f8f8f8;
padding: 2px 4px 2px 4px;
border-bottom: 1px solid #999999;
}
.stMapLevel1 a {
font-weight: bold;
}
.stMapLevel2 {
padding: 2px 4px 2px 30px;
border-bottom: 1px solid #CCCCCC;
}
.stMapLevel2 a {
color: black;
}
.stMapLevel3 {
padding: 2px 4px 2px 60px;
border-bottom: 1px solid #CCCCCC;
}
.stMapLevel3 a {
color: #666666;
}

.critContainer{
padding:2px 4px 4px 4px;
background:transparent;
text-align:left;
vertical-align: top;
}
.critContainer select{
font:10px Verdana, Arial, Helvetica, sans-serif;
text-align:left
}

.StartContainer {
padding:2px 4px 2px 4px;
background: transparent;
width: 100px;
text-align:left;
}
.startContainer input {
width: 114px;
}
.endContainer {
padding:2px 4px 2px 0px;
background: transparent;
text-align: left;
}
.endContainer input {
width: 120px;
}

.fieldTxtArea {
width: 284px;
margin-left: 0px;
} /* textareas in items */

.functionTxt {
width: 392px;
margin-left: 0px;
} /* function description textarea in opl_item */


.HCritQuestionContainer {
width: 200px;
}
.HCritQuestion {
padding:0px 4px 4px 4px;
background:transparent;
color:#104070;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
line-height:16px;
vertical-align:top;
width: 180px;
}
.itemQuestion {
width:100px;
padding:2px 4px 2px 4px;
background:transparent;
color:#000000;
background:transparent;
font:11px Verdana, Arial, Helvetica, sans-serif;
text-align:left;
line-height:16px;
vertical-align:top
}

.itemHolder {
border: 0px #999999 solid;
width: 470px;
margin: 10px 0px 2px 0px;
background: #f8f8f8;
}

.fieldContainer input {

}


/* TREE MENU */

.menuContainer {
padding-top: 30px;
}

.treemenu {
background : transparent;
width : 100%;
}


.tree_level1 {
background : transparent;
height : 34px;
padding : 2px 2px 3px 40px;
width : 100%;
border-bottom	:1px solid #EBF5FF;
}

.tree_level1 a {
color : #104070;
font : 10px Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
text-transform: uppercase;
}

.tree_level1 a:hover {
color : #104070;
text-decoration: none;
}

/* active state */

.tree_level1_active {
background : transparent url(http://www.i-people.nl/_images/point.gif) no-repeat left center;
height : 34px;
padding : 2px 2px 3px 40px;
width : 100%;
border-bottom	:1px solid #EBF5FF;
}

.tree_level1_active a {
color : #FF8C40;
font : 10px Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
text-transform: uppercase;
}

.tree_level1_active a:hover {
color : #FF8C40;
text-decoration : none;
}

/* lower levels, level 2 */

.table_level2 {
background : transparent;
}

.table_level2 a {
color: #FF8C40;
font-size: 10px;
}

.table_level2 a:hover {
text-decoration: none;
color:#104070 ;
}
.main_level2 {
width : 100%;
}
.sub_level2 {
padding-left: 4px;
}
.sub_level2 a{
text-decoration:none;
color : #FF8C40;
}
.sub_level2 a:hover{
color : #FF8C40;
}
.sub_level2_active{
background:transparent;
}
.sub_level2_active a{
text-decoration:none;
color : #FF8C40;
}
.sub_level2_active a:hover{
color : #FF8C40;
}

/* level 3 */

.table_level3 {
background : transparent;
font-size: 9px;
color : #FF8C40;
}

.table_level3 a {
color : #FF8C40;
font-size: 10px;
}
.table_level3 a:hover {
text-decoration: none;
color : #FF8C40;
}

.main_level3 {
padding-left : 40px;
}

.sub_level3 {
background : transparent;
}
.sub_level3 a{
text-decoration:none;
color : #FF8C40;
}
.sub_level3 a:hover{
color : #FF8C40;
}
.sub_level3_active{
background:transparent;
}
.sub_level3_active a{
color : #FF8C40;
text-decoration:none;
}
.sub_level3_active a:hover{
color : #FF8C40;
}
/* level 4 */

.table_level4 {
background : #FFCC00;
}

.main_level4 {
padding-left : 35px;
}

.sub_level4 {
}
.sub_level4 a{
color : #FF8C40;
text-decoration:none;
}
.sub_level4 a:hover{
}
.sub_level4_active{
background:transparent;
}
.sub_level4_active a{
text-decoration:none;
color : #FF8C40;
}
.sub_level4_active a:hover{
color : #FF8C40;
}


/* level 5 */

.table_level5 {
background : #FFFFCC;
}

.main_level5 {
padding-left : 45px;
}

.sub_level5 {
}
.sub_level5 a{
color : #FF8C40;
text-decoration:none;
}
.sub_level5 a:hover{
color : #FF8C40;
}
.sub_level5_active{
background:transparent;
}
.sub_level5_active a{
color : #FF8C40;
text-decoration:none;
}
.sub_level5_active a:hover{
color : #FF8C40;
}

/* level 6 */

.table_level6 {
background : #000000;
color : #FFFFFF;
}

.main_level6 {
padding-left : 55px;
}

.sub_level6 {
}
.sub_level6 a{
text-decoration:none;
color : #FF8C40;
}
.sub_level6 a:hover{
color : #FF8C40;
}
.sub_level6_active{
background:transparent;
}
.sub_level6_active a{
color : #FF8C40;
text-decoration:none;
}
.sub_level6_active a:hover{
color : #FF8C40;
}

/* CATEGORY LIST */

.catListContainer {
padding: 2px 0px 2px 0px;
}
.catListContainerActive {
padding: 2px 0px 2px 0px;
}
.catListTbl {
width: 100%;
background: #FEEFDE;
}
.catListItem {
padding: 2px 4px 2px 30px;
background: url(http://www.i-people.nl/_images/point.gif) no-repeat left center;
}
.catListItem a {
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}


.otys {
padding: 10px 10px 10px 10px;
font: 9px Verdana, Arial, Helvetica, sans-serif;
text-align: right;
}
.otys a {
font: 9px Verdana, Arial, Helvetica, sans-serif;
}




/* LIST NAVIGATION */

.listNavContainer {
padding-top: 20px;
}
.listNavTbl {
width: 100%;
background: transparent;
}
.listNavPrevious {
width: 33%;
padding-left: 4px;
}
.listNavPrevious a {
}
.listNavPageNumberContainer {
text-align: center;
}
.listNavPageNumberTbl {
}
.listNavPageNumber {
}
.listNavPageNumber a {
}
.listNavPageNumberactive {
}
.listNavPageNumberActive a {
color: #FF8C40;
}
.listNavNext {
width: 33%;
text-align: right;
padding-right: 4px;
}
.listNavNext a {
}

.lastupdate {
font-size: 9px;
text-align: right;
padding-right: 10px;
width: 160px;
}


/* SHORTLIST VACANCY */
.shortlisttable{
width:190px;
border:1px solid #104070;
margin-top:10px;
background:#F6FBFF
}
.shortlistheadercontainer{
background:#104070;
}
.shortlistheadertbl{
width:100%;
background:transparent
}
.shortlistheader{
padding:2px 4px 4px 4px;
color:white;
font:11px Verdana,Arial,Helvetica,sans-serif;
}
.shortlisttextcontainer{
}
.shortlisttexttbl{
}
.shortlistsubheader{
}
.shortlisttext{
padding:2px 4px 2px 4px;
font-size:9px;
vertical-align:top:
}
.shortlistText a {
font-size:10px;
}
.shortlistcatcontainer{
}
.shortlistcattbl{
}
.shortlistcat{
}
.shorlistitemcontainer{
}
.shortlistitemtbl{
}
.shortlistfunctioncontainer{
}
.shortlistfunctiontbl{
}
.shortlistfunctionname{
padding:1px 4px 1px 4px
}
.shortlistfunctionname a{
color:#FF8C40;
font-size:10px;
text-decoration:none
}
.shortlistfunctionname a:hover{
color:#fb6b32;
font-size:10px;
text-decoration:none
}
.shortlistkeywordcontainer{
padding:0px 4px 4px 4px
}
.shortlistkeywordtbl{
}
.shortlistkeywordtitle{
padding:0px 0px 0px 0px;
font-size:9px;
vertical-align:top;
}
.shortlistkeyword{
font-size:9px
}
.shortlistrelationname{
font-weight:bold
}


/* AGENT SUB HOOK */
.agentsubhooktable{
width:190px;
border:1px solid #104070;
margin-top:10px;
background:#F6FBFF
}
.agentsubhookheadercontainer{
background:#104070;
}
.agentsubhookheadertbl{
width:100%;
background:transparent
}
.agentsubhookheader{
padding:2px 4px 4px 4px;
color:white;
font:11px Verdana,Arial,Helvetica,sans-serif;
}
.agentsubhooktextcontainer{
}
.agentsubhooktexttbl{
}
.agentsubhooksubheader{
padding:2px 4px 2px 4px
}
.agentsubhooktext{
padding:2px 4px 2px 4px;
font-size:9px
}
.agentsubhookwordcontainer{
padding:2px 4px 2px 4px
}
.agentsubhookwordtbl{
}
.agentsubhookword{
}
.agentsubhookfieldcontainer{
padding:2px 4px 2px 0px
}
.agentsubhookfieldcontainer input{
width:160px
}
.agentsubhookbuttoncontainer{
padding:0px 4px 4px 4px
}
.agentsubhookbuttoncontainer input{
border:1px solid #104070;
color:#ffffff;
background:#104070;
font-size:9px;
height:16px
}
/* END, MY PLEASURE */

H1 {
color		:#FF8C40;
font-family	:Verdana, Arial, Helvetica, sans-serif;
font-size	:18px;
font-weight	:bold;
}

H2 {
padding:0px;
margin:0px;
color		:#FF8C40;
font-family	:Verdana, Arial, Helvetica, sans-serif;
font-size	:12px;
font-weight	:bold;
}

H3 {
padding:0px;
margin:0px;
color: white;
font-weight: bold;
text-align: left;
}