/****************************************************
* Stylesheet for the detail pages of the Lokeren site
*****************************************************/
#wrapper { width:820px; }
#contentWrapper { float:left;width:498px;margin: 0px 0px 9px 2px; }
#infoBarBottom { float:left;width:498px;text-align:center; vertical-align:middle; }

#contentShell { background:url(../../images/detailpage_bg.gif) #FFF fixed repeat-y center top; }
#image { float:left;width:267px;height:197px;margin-left:9px;border: solid 1px #A4B6C2; }

div.sectionTopBlue { float:left;margin-left:9px;background-image:url(../../images/blok_blauw1.gif);width:95px;height:95px; }
div.sectionTop { float:left;margin-left:9px;background-image:url(../../images/blok_wit.gif);width:95px;height:95px; }
div.sectionOther { float:left;margin: 9px 0 0 9px;background-image:url(../../images/blok_wit.gif);width:95px;height:95px; }
div.sectionOtherBlue { float:left;margin: 9px 0 0 9px;background-image:url(../../images/blok_blauw2.gif);width:95px;height:95px; }

p.blockText { width:85px;text-align:right;margin:0 0 0 0;padding:40px 7px 0 0;color:#990100;font-size:19px;font-family:Arial Narrow;font-weight:bold; }
span.bcText { font-weight:bold;color:#990100; }

#Table1 { margin:0 0 12px 18px; color:#06305A; }

#content { float:left;margin:3px 0 0 9px;text-align:left;width:477px;background-color:#F2F3F7;border-top:dotted 1px #990100; }
h1 { font-size:1.2em;color:#587088;margin:15px 0 0 7px; }
h2 { font-size:1.1em;color:#990100;margin:10px 9px 0 11px; }
#content p { font-size:12px;color:#06305A;margin:5px 9px 15px 11px; }
#content div { font-size:12px;color:#06305A; }
#content a { color:#06305A; }
#pageContainer { font-size:100%;font-size:12px;color:#06305A; }
#pnlChoose table { font-size:100%;font-size:12px;color:#06305A; }

#treeCMS div.lvl2 a { color:#960200;margin:0 16px 0px 0px; }
#treeCMS div.lvl3 a { color:#960200;margin:0 25px 0px 0px;font-style:italic; }

HR { BORDER-BOTTOM:medium none;BORDER-LEFT:medium none;BORDER-RIGHT:medium none;BORDER-TOP:medium none;COLOR:#990100;FONT-SIZE:1px;HEIGHT:1pt;TEXT-DECORATION:none }

DIV.paragraaf, DIV.persoon {border-bottom:solid 1px #996633;margin:10px 0 15px 0;padding-bottom:10px; width:450px; }
DIV.invulrij {	margin: 0 0 10px 0;padding:0; clear: both;}
DIV.tekst { margin: 5px 12px 20px 12px; }
div.invulblok { }
DIV.tekst { font-weight:normal; }
DIV.elo_Row {margin-left:11px;  }
DIV.elo_Row SPAN {font-size:1.0em; }

TABLE#elo_person {width: 500px; }
TABLE#elo_person TD{padding: 0 0 10px 0;}

LABEL.elo_Label
{
	display: block;
	width: 140px;
	margin-right: 4px;
	margin-left: 8px;
	padding: 0;
	float: left;
	color:#06305A;
}

#eloMenuLinks li { color:#6C7175;font-weight:bold; }
#eloMenuLinks a { color:#960200;text-decoration:none;font-weight:normal; }
#eloMenuLinks a:hover { text-decoration:underline; }

.second SPAN { margin: 0;padding: 0;float:left; }
.error { color:#990100;font-size: 110%; }
#lblerror { color:#990100; }

INPUT { FONT-FAMILY:Verdana, Helvetica, Arial;font-size:11px;font-weight:normal;margin:0;padding:0; }
SELECT { FONT-FAMILY:Verdana, Helvetica, Arial;FONT-SIZE:11px;FONT-WEIGHT:normal;margin:0;padding:0;width:275px; }
TEXTAREA { COLOR:black;FONT-FAMILY:Verdana, Helvetica, Arial;FONT-SIZE:11px;FONT-WEIGHT:normal }
.elo_Label { display:block;width:145px; }
#btnForm { margin:0 0 15px 100px; }

#content .error{float:left;}

#content DIV.elo_TextBox .error
{
	float:none;
}

/*** DATEPICKER ***/
/* the div that holds the date picker calendar */
.dpDiv {  }

/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-size: 12px;
	text-align: center;
	color: #505050;
	background: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {	
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}