/*
Interface V.2
CSS voor nieuwe versie van de interface.
Author: AV
Date: 09-06-05
*/ 
body {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.mainbody {
	margin: 0px;
	background-image: url(/sflex/images/bck.gif);	
}
.mainbody2 {
	margin: 0px;
	background-image: url(/sflex/images/bck.gif);	
}

TD {
	font-size : 11px;
}

/* basisscherm: dit zijn de instellingen voor de body*/
.basisscherm {
	background-image:url(/sflexsharedfiles/images/main_bck.gif);
}

/* basistabel: deze tabel bevat alle onderdelen*/
.basistabel {
	background-image:url(/sflexsharedfiles/images/main_bck.gif);
	padding: 10px;
}

.basistabel P {	color:#000000}

/* menu : instellingen voor het menu*/

/* formulier elementen */
.ERR, .STD, .MND, INPUT, SELECT, TEXTAREA { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; background-color: #F0F0F0; }
.ERR { color: #FFFFFF; background-color: #FF0000 }
.MND { background-color: #FFFFCC}
.button {
	background-color: #FFFF99;
	/* font-weight: bold; */
}

/* tb : de tabel waarin de data wordt getoond*/
.tb {
	border: 1px solid #F0F0F0;
}

.tb.paginaTitel {color:#333333}
.tb.sectieKop {color:#333333}

.tb A:link {color: #FF0000; text-decoration: none}
.tb A:visited {color: #FF0000; text-decoration: none}
.tb A:active {color: #FF0000; text-decoration: none}
.tb A:hover {color: #FF0000; text-decoration: underline}
.tb tr {height: 20px;}
/* tbHeader : de kop van de tabel met de titels*/
.tbHeader {
	background-color: #CCCCCC;
	height: 20px;
}
.tbHeader A {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	padding-left: 12px;
	display: block;
}
.tbHeader A:link,.tbHeader A:visited {
	color: #000000;
}
.tbHeader A:hover,.tbHeader A:active {
	color: #000000;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left;
	background-attachment: fixed;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#000000;
}
.tbHeader .ActiefAsc {
	background-image: url(/sflexsharedfiles/images/icons/sortAsc.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-attachment: fixed;
}
.tbHeader .ActiefDesc {
	background-image: url(/sflexsharedfiles/images/icons/sortDesc.gif);
	background-repeat: no-repeat;
	background-position: left;
	background-attachment: fixed;
}
/* End of: tabelheader */

/* tbRow : instellingen m.b.t. de rijen van de tabel */
.tbRow A, .tbRow A:link, .tbRow A:visited, .tbRow A:hover, .tbRow A:active {
	color: #000000;
}

/* Kleuren voor de oneven en even rijen van de tabel. */
.tbRowU {
	background-color: #F0F0F0;
}
.tbRowE {
	background-color: #FFFFFF;
}

/* De geselecteerde rij */
.tbRowAct {
	background-color: #CCCCCC; 
}
/* De rij waneer de muis er overheen gaat */
.tbRowHov {
	background-color: #CCCCCC;
	cursor: pointer; 
}
/* Een onchange header */
.tbRowOnchange {
	background-color: #888888;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
}
/* End of: tbRow */

/* De kolom voor de scheiding tussen 2 kolommen */
.tbColSep {
	padding: 0;
	background-color:#FFFFFF;
	width:4px;
	border-left-width:1px;
	border-left-style: solid;
	border-left-color: #999999; 
}
/* De tekst instellingen voor de kolom */
.tbColText {
	font-size: 10px;
	color: #000000;
}
/* End of: tb */

/* Even Geduld layer*/
.evenGeduld {
	color:#FF0000;
	background-color:#FFFFFF;
}

/* tbScreen : de tabel waarin een record op het scherm wordt getoond*/
.tbSc {
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
	border-style:solid;
	border-width:1px;
	border-color: #999999;
	background-color: #F5F5F5;
/* The CSS2 property "border-spacing" is not supported in IE.
The only alternative is to continue using "cellspacing" in
your HTML if you need IE compatibility. 
However, IE does recognize "border-collapse:collapse" 
if you want to eliminate the gap between cell borders.
	border-spacing: 0px;
	border-collapse:collapse;*/
}
.tbSc TD {
	padding-left: 2px;
}
.tbSc TH {
	color: #333333;
	font-size:12px;
	font-style:italic;
	font-weight: bold;
	text-align: left;
}


/* CV output */
.tbCV {
	margin: 15px;
	border-style:solid;
	border-width:1px;
	border-color: #999999;
	background-color: #F5F5F5;
	padding: 4px;

}
th.CV {
	color: #333333;
	font-size:12px;
	font-weight: bold;
	text-align: left;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	line-height: 16px;
	font-variant: small-caps;
	}

.tbCV TH {
	color: #333333;
	font-size:12px;
	font-weight: bold;
	text-align: left;
	
}

#piccontainer {
position: relative;
width: 500px;
}

div.CVpic {
position: absolute;
top: 26px;
right: 16px;
text-align: right;
background-color: #FEFEFE;
}

TD.CVgrijzetekst {
	color: #666666;
	background-color: #EFEFEF;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #F5F5F5;
}
/* end of CV-output items */


.tbScToolbar {
	color: #333333;
	background-color: #E6E6E6;
	text-align: right;
}
.tbScTextFld {
	color: #333333;
	background-color: #E6E6E6;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #F5F5F5;
	width: 148px;
}

.tbScTextFld2 {
	color: #000000;
	background-color: #EFEFEF;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #F5F5F5;
}

/* zonder width, voor o.a. multiple select velden */
.tbScTextFld3 {
	color: #333333;
	background-color: #E6E6E6;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #F5F5F5;
	vertical-align: top;
}

/* De cellen met extra info achter een invoerveld */
.tbScTipFld {
	color: #666666;
	font-style: italic;
	font-size: 10px;
	background-color: #EFEFEF;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #F5F5F5;
}
.tbScEditFld {
	color: #666666;
	background-color: #F0F0F0;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #F5F5F5;
}

.tbScEditFld.addonText {
	font-size:9px;
	color: #666666;
}

.tbScRowSep {
	background-color:#FFFFFF;
	height: 2px;
}
/*
.tooltip {
	display:none;
	HEIGHT: 10px; 
	LEFT: 0px; 
	POSITION: absolute; 
	TOP: 0px; 
	Z-INDEX: 1000; 
	color: #000;
	background-color: #F0F0F0;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 2px solid #666666;
	border-left: 2px solid #666666;
}	
*/
#DivShim {
	position:absolute; 
	top:0px; 
	left:0px; 
	display:none;
}

h4 {
font-size: 11px;
font-weight: bold;
color: #FF0000;
margin-bottom: 8px;
}

.ibutton {
margin-top: 4px;
}	

/* De tabel met detail gegevens van een geselecteerde rij. */
.tbDt {
	margin: 15px;
	border-style:solid;
	border-width:2px;
	border-color: #999999;
	xwidth: 500px;
	background-color: #E9EDEF;
}
.tbDt TD {
	padding: 0px;
}
.tbDt TH {
	color: #333333;
	font-size:12px;
	font-style:italic;
	font-weight: bold;
	text-align: left;
}
.tbDtToolbar {
	color: #333333;
	background-color: #CCCCCC;
	text-align: right;
}
.tbDtTextFld {
	color: #333333;
	background-color: #EBEBEB;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	width: 150px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #E9EDEF;
}
.tbDtEditFld {
	color: #666666;
	background-color: #F5F5F5;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #E9EDEF;
}

.IOV {
	font-weight: bold;
	color: #FF0000;
}
.gebruikergegevens {  color: #1C4D5E; font-size: 10px}

/* MENU */
.menu {
	font-size: 12px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

TD.menu{
	font-weight : bold;
	color: #FFFFFF	
}

TD.menu a:link {color: #FFFFFF; text-decoration: none}
TD.menu a:visited {color: #FFFFFF; text-decoration: none}
TD.menu a:active {color: #FF0000; text-decoration: none}
TD.menu a:hover {color: #FF0000; text-decoration: none}

TD.menuActief a:link {color: #FF0000; text-decoration: none}
TD.menuActief a:visited {color: #FF0000; text-decoration: none}
TD.menuActief a:active {color: #FF0000; text-decoration: none}
TD.menuActief a:hover {color: #FF0000; text-decoration: none}


/* custom classes */
.paginaTitel {  font-size: 18px; font-weight: bold}
.alineaTitel { font-weight: bold }
.help {
	font-size: 12px;
	font-weight: bold;
	cursor: help;
}
.sectieKop { font-size: 14px; color: #2A4D61; font-weight: bold}

/* classes tbv synuswerk - persoonlijke homepage */

.ph_table {
width: 100%;
border: 0;
}

.ph_table_main {
width: 443px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 15px;
border-style:solid;
border-width:1px;
border-color: #999999;
background-color: #F5F5F5;
padding-left: 5px;
}
/*tabel-blok op pers.homepage */

.ph_table_right {
float: right;
width: 250px;
vertical-align: top;
margin-right: 5px;
margin-bottom: 15px;
border-style:solid;
border-width:1px;
border-color: #999999;
background-color: #F5F5F5;
padding-left: 5px;
}
/*tabel-blok op pers.homepage */

.ph_blok {
	margin: 15px;
	border-style:solid;
	border-width:1px;
	border-color: #999999;
	background-color: #F5F5F5;

}
.ph_table_main th, .ph_table_right th {
	color: white;
	background-color: #999999;
	background-image: url(/sflexsharedfiles/images/ph_titel_back.gif);
	background-repeat: repeat-x;
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
	padding: 3px;
}

/* items op pers. homepage */

.item_table {
padding-left: 10px;
margin-bottom: 20px;
}

.item_header {
color: #FFFFFF;
font-weight: bold;
font-size: 11px;
height: 15px;
background-image: url(/sflexsharedfiles/images/item_header.gif); 
}

.item_content { 
border: 1px solid #999999; 
background-color: #f5f5f5;
line-height: 16px;
padding: 10px;
}

.item_info {
border: 1px solid #999999; 
background-color: #f5f5f5;
background-image: url(/sflexsharedfiles/images/info_bck.jpg);
background-position: top right;
background-repeat: no-repeat;
line-height: 16px;
padding: 10px;
padding-right: 25px;
}


.MAGICCM_error_header {
	background-image:url(/sflex/images/loginlogo.gif);
	background-repeat:no-repeat;
	background-position:top center;
	margin: 0 auto;
	width: 300px;
	padding-top: 90px;
	padding-bottom: 5px;
	text-align:left;
}
#magiccm_error {
	display:none;
}

.capitalize {
		text-transform:capitalize;
}
#loading { 
	position: absolute;
	top: 100px;
}
#loading div { 
	background: url(/sflexsharedfiles/images/loading.gif) no-repeat center;
	height: 100px;
	width: 300px;
	background-color:#ffffff;
	margin: 0 auto;
}
.sel {
	background-color: #cccccc;
}
.hide {
	display: none;
}
.tab_bar td, .step_bar td {
	text-align:center;
	vertical-align:bottom;
}
.tab_bar td a, .step_bar td a {
	display:block;
	color: #fff;
	font-size:12px;
	padding: 4px;
	background-color: #888;
}
td.active_step {
	border-top: solid 1px #888;
	border-left: solid 1px #888;
	border-right: solid 1px #888;
}
td.active_step a {
	color: #888;
	background-color: #fff;
	padding-top: 7px;
	padding-left: 7px;
	padding-right: 7px;
}
.prevnext {
	width: 150px;	
}

/* End of: Interface V.2 */
/* tooltip styling. by default the element to be styled is .tooltip  
.tooltip {
	display:none;
	background:transparent url(/tools/img/tooltip/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;	
}
*/
.tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }
.imglink a {
	display: block;
}
.imglink img {
	border: none;
}