/*
 * DESCRIPTION
 * CSS styles used by the lay-out of the website of Bornego Scholengroep   
 * Alter these styles to let the site have a custom look.
 *
 * CONTENT
 *     - Layout styles
 *	   - Poll
 */


/* Layout styles 
-------------------------------------------------------------------------------------------------*/

html,
body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: #F3F3F3 url(/images/background_home.gif) no-repeat fixed center bottom;
}

	#main_container {
		width: 887px;
		background: #FFF url(/images/container_bg.gif) repeat-y left;
		margin: 0 auto;
		position: relative;
		min-height: 100%;
		height: auto !important; /* voor moderne browsers */
		height: 100%; /* voor IE */
		display: table;
	}
	
		#site_top {
			height: 65px;
			float: left;
			width: 887px;
			background: #F3F3F3;
			position: relative;
			display: inline;
			overflow: auto;
			font-size: 0;
		}
		
			#logo {
				position: absolute;
				bottom: 0;
				left: 0;
				display: block;
			}
			
			#search {
				margin: 0;
				padding: 0;
				position: absolute;
				top: 12px;
				right: 0;
			}
			
				#search .search_input {
					border: 1px solid #00407C;
					width: 130px;
					height: 13px;
					float: left;
					font: normal 10px/13px Arial, Helvetica, sans-serif;
				}
				
				#search .search_button {
					background: #00407C;
					width: 44px;
					height: 17px;
					font: bold 11px/11px Arial, Helvetica, sans-serif;
					color: #FFF;
					border: none;
					float: left;
				}
				
			#quick_menu {
				margin: 0;
				padding: 0;
				list-style: none;
				position: absolute;
				top: 48px;
				right: 0;
			}
			
				#quick_menu li {
					float: left;
					border-right: 1px solid #000;
					height: 11px;
					font-size: 0;
					line-height: 0px;
				}
				
				#quick_menu li.last {
					border: none;
				}
				
					#quick_menu li a,
					#quick_menu li a:active, 
					#quick_menu li a:visited,
					#quick_menu li a:link {
						font: normal 11px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
						color: #000;
						text-decoration: none;
						margin: 0 7px;
					}
					
					#quick_menu li a:hover {
						text-decoration: underline;
					}
					
					#quick_menu li.last a,
					#quick_menu li.last a:visited, 
					#quick_menu li.last a:active,
					#quick_menu li.last a:link,
					#quick_menu li.last a:hover {
						margin: 0 0 0 7px;
					}
					
		#top_menu {
			height: 54px;
			background: url(/images/top_menu_bg.gif) no-repeat top;
			width: 887px;
			float: left;
			display: block;
			position: relative;
			
		}
		
			#portal_menu {
				margin: 0;
				padding: 0;
				list-style: none;
				position: absolute;
				left: 5px;
				top: 6px;
			}
			
				#portal_menu li {
					float: left;
					border-left: 1px solid #FFF;
					height: 24px;
					font: bold 11px/24px Verdana, Geneva, Arial, Helvetica, sans-serif;
					padding: 0 6px;
					color: #BD2632;
				}
				
					#portal_menu li a,
					#portal_menu li a:active,
					#portal_menu li a:link,
					#portal_menu li a:visited {
						font: bold 11px/24px Verdana, Geneva, Arial, Helvetica, sans-serif;
						text-decoration: none;
						color: #00407C;
					}
					
					#portal_menu li a:hover {
						color: #BD2632;
					}
					
			#department_menu {
				margin: 0;
				padding: 0;
				list-style: none;
				position: absolute;
				left: 434px;
				top: 6px;
			}
			
				#department_menu li {
					float: left;
					height: 24px;
					font-size: 0;
				}
				
				#department_menu li.green {
					background-color: #26BD56;	
				}
				
				#department_menu li.blue {
					background-color: #266FBD;	
				}
				
				#department_menu li.purple {
					background-color: #9226BD;	
				}
				
				#department_menu li.red {
					background-color: #BD2632;	
				}
					#department_menu li a,
					#department_menu li a:active,
					#department_menu li a:link,
					#department_menu li a:visited {
						font: bold 11px/24px Verdana, Geneva, Arial, Helvetica, sans-serif;
						text-decoration: none;
						color: #FFF;
						margin: 0 9px;
					}
					
		#content_container {
			padding: 0 6px;
		}
		
			#content_left {
				width: 199px;
				float: left;
				margin-right: 6px;
			}
			
				#main_menu {
					margin: 0;
					padding: 0;
					list-style: none;
				}
				
					#main_menu li {
						border-bottom: 2px solid #FFF;
						text-align: left;
						cursor: default;
						float: left;
						clear: both;
						background-repeat: no-repeat;
						background-position: 9px 5px;
					}
					
					#main_menu li.active {
						background-color: #00407C;
					}
					
					#main_menu li.mm_home {
						background-image: url(/images/mm_home.png);
					}
					
					#main_menu li.mm_about {
						background-image: url(/images/mm_about.png);
					}
					
					#main_menu li.mm_identity {
						background-image: url(/images/mm_identity.png);
					}
					
					#main_menu li.mm_more {
						background-image: url(/images/mm_more.png);
					}
					
					#main_menu li.mm_education {
						background-image: url(/images/mm_education.png);
					}
					
					#main_menu li.mm_calendar {
						background-image: url(/images/mm_calendar.png);
					}
					
					#main_menu li.mm_8 {
						background-image: url(/images/mm_8.png);
					}
					
					#main_menu li.mm_contact {
						background-image: url(/images/mm_contact.png);
					}
					
					#main_menu li.mm_oud_bornego {
						background-image: url(/images/mm_oud_bornego.png);
					}
					
					#main_menu li.mm_location {
						background-image: url(/images/mm_location.png);
					}
					
					#main_menu li.mm_calendar2 {
						background-image: url(/images/mm_calendar2.png);
					}
					
					#main_menu li.mm_gallery {
						background-image: url(/images/mm_gallery.png);
					}
					
					#main_menu li.mm_parents {
						background-image: url(/images/mm_parents.png);
					}
					
					#main_menu li.mm_students {
						background-image: url(/images/mm_students.png);
					}
					
					#main_menu li.mm_download {
						background-image: url(/images/mm_download.png);
					}
					
						#main_menu li a,
						#main_menu li a:active,
						#main_menu li a:visited,
						#main_menu li a:link,
						#main_menu li a:hover {
							font: bold 11px/34px Verdana, Geneva, Arial, Helvetica, sans-serif;
							text-decoration: none;
							color: #FFF;
							margin-left: 40px;
							height: 34px;
							width: 159px;
							display: block;
						}
						
						#main_menu li ul.subMenu {
							padding: 0;
							margin: 0;
							list-style: none;
							clear: both;
						}
						
							#main_menu li ul.subMenu li {
								height: auto;
								border-bottom: none;
								text-align: left;
								cursor: default;
								float: left;
								clear: both;
								background: none;
							}
							
							#main_menu li ul.subMenu li.last {
								padding-bottom: 4px;
							}
							
								#main_menu li ul.subMenu li a,
								#main_menu li ul.subMenu li a:active,
								#main_menu li ul.subMenu li a:link,
								#main_menu li ul.subMenu li a:visited {
									font: bold 11px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
									text-decoration: none;
									color: #FFF;
									margin-left: 40px;
									height: auto;
									width: 150px;
									display: block;
									padding: 2px 0 2px 10px;
									overflow: visible;
									background: url(/images/dash.jpg) 0px 10px no-repeat;
								}
								
								#main_menu li ul.subMenu li a:hover {
									color: #C5DC2C;
								}
								
									#main_menu li ul.subMenu li a span {
										display: block;
										float: left;
										padding: 0 3px;
										cursor: pointer;
									}
				
				
				
				#extra-info {
					float: left;
					margin: 20px 5px;
					border: 6px solid #0053A0;
					overflow: hidden;
					min-height: 250px;
					width: 177px;
				}
					
					#extra-info img {
						float: left;
					}	
					
									
				#ingelijst {
					float: left;
					margin:15px 5px;
					background: url(/images/ingelijst_bg.gif) no-repeat bottom;
				}
					
					#ingelijst img {
						float: left;
					}	
					
					#ingelijst div {
						border: 6px solid #0053A0;
						border-width: 0 6px 6px 6px;
						float: left;
					}

				#opendag { float: left; margin:15px 5px; }
					#opendag img { float:left; border:6px solid #0053a0; }

			
			#content_right {
				overflow: hidden;
				float: left;
			}
			
				#photo_header {
					border-bottom: 6px solid #FFF;
					display: block;
					font-size: 0;
				}
				
				#sitePath {
					padding: 0;
					margin: 8px 21px;
					list-style: none;
				}
				
					#sitePath li {
						float: left;
						font: normal 11px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
						color: #303030;
					}
					
						#sitePath li a,
						#sitePath li a:visited,
						#sitePath li a:active,
						#sitePath li a:link,
						#sitePath li a:hover {
							font: normal 11px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
							color: #0053A0;
							padding-right: 6px;
							margin-right: 6px;
							display: block;
							border-right: 1px solid #303030;
						}
						
				#content {
					float: left;
					text-align: left;
					clear: both;					
					width: 100%;
				}

/* Poll styles 
-------------------------------------------------------------------------------------------------*/

.PollTable {
	width: 195px;
}

.PollTitleTD {
	background: url(/images/poll_header.gif) no-repeat;
	width: 195px;
	height: 29px;
}

.LemmaTitleTD,
.OptionVoteTD,
.VoteButtonTD,
.ArchiveLemmaResultTable,
.LemmaResultTable {
	background: #FFF;
}

.LemmaResultTable {
	padding: 6px;
}

.OptionVoteTD {
	padding: 0 6px;
}

.LemmaTitleTD,
.VoteButtonTD {
	padding: 6px;
	text-align: left;
}

.LemmaTitle,
.LemmaResult,
.OptionVoteLabel {
	font: normal 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
	white-space: normal;
}

.VoteButton {
	font: normal 11px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFF;
	border: none;
	background: #F00;
}

.OptionVoteResultName {
	font-weight: bold;
}

.OptionVoteResultBerPercent {
	line-height: 18px;
	padding-left: 4px;
}

.OptionVoteResultBar {
	line-height: 18px;
	height: 18px;
	font-size: 0;
}

.OptionVoteResultVotes {
	font-size: 9px;
	font-style: italic;
}

#portretOverlay {
	width:207px;
	height:224px;
	background:url(/images/oudBornego_overlay.gif) top left no-repeat;
	margin-top:6px;
	float:left;
	position:absolute;
	top:-45px;
	z-index:5;
}