/*
 * 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
 *	- Buttons styles
 *	- Cijfer styles
 */


/* 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;
					}
				
			#activeChild {
				padding: 0;
				margin: 0;
				position: absolute;
				top: 32px;
				right: 6px;
			}
			
				#activeChild select {
					font-size: 11px;
				}
				
		#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_actual {
						background-image: url(/images/mm_actual.png);
					}

					#main_menu li.mm_roster {
						background-image: url(/images/mm_roster.png);
					}

					#main_menu li.mm_grades {
						background-image: url(/images/mm_grades.png);
					}	

					#main_menu li.mm_class {
						background-image: url(/images/mm_class.png);
					}

					#main_menu li.mm_pta {
						background-image: url(/images/mm_pta.png);
					}

					#main_menu li.mm_absence {
						background-image: url(/images/mm_absence.png);
					}

					#main_menu li.mm_links {
						background-image: url(/images/mm_links.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;
									}
			
			#content_right {
				width: 670px;
				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;
}


/* Button styles 
-------------------------------------------------------------------------------------------------*/
.buttonActive td {
    color: #00407C;
}
.buttonOut, 
.buttonOver, 
.buttonDown  { 
    cursor: pointer; 
}

.but_left,
.but_bg,
.but_right {
    cursor: pointer; 
    height: 17px;
}

.buttonDisabled .but_bg,
.buttonDisabled .but_left,
.buttonDisabled .but_right {
    cursor: default; 
    height: 17px;
}

.but_bg {
    font-size: 11px; 
    padding-left: 6px; 
    padding-right: 6px;
    line-height: 17px;
}
	
.buttonOut .but_left { 
    background: url(/images/button_left_out.gif) no-repeat right center;  
}

.buttonOut .but_bg { 
    background: url(/images/buttonbg_out.gif) repeat-x center; 
}

.buttonOut .but_right { 
    background: url(/images/button_right_out.gif) no-repeat left center;
}
		
.buttonOver .but_left {
    background: url(/images/button_left_over.gif) no-repeat right center;
}

.buttonOver .but_bg { 
    background: url(/images/buttonbg_over.gif) repeat-x center center; 
}

.buttonOver .but_right {
    background: url(/images/button_right_over.gif) no-repeat left center;
}
		
.buttonDown .but_left { 
    background: url(/images/button_left_down.gif) no-repeat right center;
}

.buttonDown .but_bg { 
    background: url(/images/buttonbg_down.gif) repeat-x center; 
}

.buttonDown .but_right	{ 
    background: url(/images/button_right_down.gif) no-repeat left center;
}

.buttonDisabled .but_left { 
    background: url(/images/button_left_disabled.gif) no-repeat right center;
}

.buttonDisabled .but_bg { 
    background: url(/images/buttonbg_disabled.gif) repeat-x center; 
}

.buttonDisabled .but_right	{ 
    background: url(/images/button_right_disabled.gif) no-repeat left center;
}

/* Cijfer styles 
-------------------------------------------------------------------------------------------------*/

.cijferframe {
    overflow-x: auto; 
    overflow-y: none;
}

.resultFlag {
    margin-right: 6px;
}

.blokresultaat { 
    border-top: 1px solid #f00; 
    border-bottom: 1px solid #F00;
	height: 20px; 
    line-height: 18px;
}

.isleft { 
    border-left: 2px solid #FA8B06;
    padding-left: 5px;
}
.isNotleft { 
    border-left: 1px solid #EBEBEB;
    padding-left: 5px; 
}
		
.eindresultaat { 
    border-left: 2px solid #ccc; 
    border-top: 1px solid #fff; 
    border-bottom: 1px solid #fff;
    padding-left: 5px; 
}

.courseCode { 
    
    width: 28px;
    border-top: 1px solid #fff; 
    border-bottom: 1px solid #fff;
}

#loading_span {
    padding: 11px;
}