/* global */
body{
	margin:0;padding:0;border:0;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size:9pt;
	color:#5A5B5E;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
img, a img {
	border:none;
}
/* layers */
.layer{ display:none; }
#loading-layer{
	width:500px;
	height:200px;
	margin:auto;
	margin-top:100px;
	text-align:center;
	font-family:"Trebuchet MS",Arial,sans-serif;
	font-size: 12pt;
	color:#5A5B5E;
}
#ui-layer{}
	#menu
	{
		position:absolute;
		top:0; left:0;
		width:200px;
		background-image:url(graphics/menu_bg.png);
		color:#5A5B5E;
	}
		#menu-inner{ padding:10px; }
			#menu-site-title{
				font-weight:bold;
			}
			.menu-section-title{
				clear:both;
				padding-top:8px;
				font-weight:bold;
			}
			.menu-section-title a {
				font-weight:bold;
				color:#5A5B5E;
			}
			.menu-section-item{
				border-top: 1px dotted #fff;
			}
			#menu-teachers-link{
				color:#5A5B5E;
				margin-left:25px;
			}
			#menu-bottom-links{}
				#menu-bottom-links a{ 
					color:#5A5B5E;
					font-weight: bold;
					display:block; 
					border-bottom:1px dotted #FFFFFF;
				}
				
			#menu-zoom-box {position:relative;}
				#menu-zoom-out {font-size:14pt;cursor:pointer;float:left;}
				#menu-zoom-in {font-size:14pt;cursor:pointer;float:right;}
	#viewport{
		position:absolute;
		overflow:hidden;
		top:0; left:200px;
	}
		.viewport-control{
			position:absolute;
			height:32px;
			width:32px;
			-moz-opacity: 0.7;
			opacity:.70;
			filter: alpha(opacity=70);
			cursor: pointer;
			z-index:30;
		}
		#viewport-control-scrollUp{background-image:url('graphics/arrow_up.png');}
		#viewport-control-scrollDown{background-image:url('graphics/arrow_down.png');}
		#viewport-control-scrollLeft{background-image:url('graphics/arrow_left.png');}
		#viewport-control-scrollRight{background-image:url('graphics/arrow_right.png');}
		#viewport-rendering-surface{ 
			position:absolute;
			z-index:10;
		}
			.marker{
				position:absolute;
				top:0;
				left:0;
				z-index:20;
			}
			#viewport-rendered-image{
				z-index:10;
			}
#templates-layer{}
	/* slideshow */
	.slideshow-wrapper{
			position:relative;
			width:425px;
			height:260px;
			text-align:center;
		}
		.slideshow { 
			position:relative;
			width:420px;
			margin-left:5px;
			height:260px;
			overflow:hidden;
		}
		.slideshow-element{
			position:absolute;
			top:0;
			left:0;
			z-index:50;
			width:420px;
			height:260px;
		}
		.partner-slideshow-element, .partner-slideshow-wrapper, .partner-slideshow{ height: 240px; }
		.slideshow-control{
			z-index:60;
			-moz-opacity: 0.7;
			opacity:.70;
			filter: alpha(opacity=70);
			position:absolute;
			cursor:pointer;
			bottom:5px;
		}
		.slideshow-control-left{left:10px;}
		.slideshow-control-right{right:5px;}
		.slideshow-credit{
			position:absolute;
			right:2px;
			top:2px;
			background-image:url('graphics/popup_bg.jpg');
			color:#5A5B5E;
			padding:1px 4px 1px 4px;
			-moz-opacity: 0.7;
			opacity:.70;
			filter: alpha(opacity=70);
		}
	/* trivia */
	.trivia-question{
		width:100%;
		margin-bottom:10px;
	}
	.trivia-question-caption{
		font-weight: bold;
	}
	.trivia-question-result{
		width:100%;		
		text-align:right;
	}
	/* comments */
	.comments-criteria{ clear:both;height:25px;}
	.comments-bottom{clear:both;}
	.comments-criteria label{width:100px;}
	.comments-criteria *{ float:left;}
	/*popup standard*/
	.popup{
		width:430px;
		padding:10px;
	}
	.green-popup{background-image:url('graphics/popup_bg.jpg');}	
	.popup-closebutton {	
		position:absolute;
		top:5px;
		right:5px;
		width: 30px;
		height: 30px;
		cursor: pointer;
		background-image: url(graphics/highslide/close.png);
	}
	.popup-title{
		font-family:"Trebuchet MS",Arial,sans-serif;
		font-size: 14pt;
		color:#5A5B5E;
	}
	.tab-controls{ width:100%;}
		.tab-control{
			cursor:pointer;
			color:#fff;
			text-align:center;
			font-size:8pt;
			height:20px;
			vertical-align:middle;
			background-color:#9FA937;
		}
		.active-tab-control{ background-color:#CCCCCC;}
		.inactive-tab-control{ 
			cursor:default;
			color:#CCCCCC;
			font-style:italic;
		}
	/* popup action */
	.action-gap{
		width:100%;
	}
	.action-popup{
		
	}
	.action-information{
		width:100%;
		height:200px;
	}
	.action-media-player{
		width:100%;
		height:260px;
		padding:10px 0 5px 0;
	}
	/* popup exploration */
		.exploration-popup{}
		.popup-exploration-content{
			margin-top:10px;
			clear:both;
			width:100%;
		}
		.exploration-description{
			line-height:15px;
			text-align:justify;
			margin-bottom:5px;
		}
		.exploration-viewport
		{
			margin-top:5px;
			width:100%;
			height:400px;
			overflow:auto;
		}
		.exploration-inner{
			width:400px;
		}
			.exploration-details{
				text-align:justify;
				clear:both;
				line-height:15px;
			}
			.exploration-tab{display:none;width:100%;height:420px;}
			.exploration-active-tab{display:block;}
			.questions-container{
				float:left;			
				padding-left:20px;
				margin-top:5px;
			}
				.question-box{
					padding-top:10px;
					margin-right:10px;
					width:180px;
					float:left;
					text-align:left;
				}
					.question-input{width:175px;}
			.exploration-conclusion-resume
			{
				margin-top:5px;
				background-image: url(graphics/sherlock.png);
				background-repeat:no-repeat;
				padding-left: 90px;
			}
			.exploration-conclusion-information{
				width:100%;
				height:230px;
			}
			.exploration-conclusion-result{
				padding-left: 90px;
				margin-top:10px;
			}
			.exploration-conclusion-continue{
				margin-top:10px;
				min-height:75px;
				background-image: url(graphics/exploration.png);
				background-repeat:no-repeat;
				padding-left: 90px;
			}
			.exploration-result-trigger {
				color:#9FA937;
			}
			.exploration-result-text{
				color:#3ABEF5;
			}
		/* popup partner */
		.partner-description{
			width:100%;
			height:195px;
			overflow:auto;
		}
		.partner-link-wrapper{margin-top:5px;}
		.partner-logo{margin-bottom:5px;height:65px;overflow:hidden;}
		/* popup randonnees */
		.randonnee-popup{}
		.randonnee-comments{
			width:100%;
			text-align:right;
			margin-top:5px;
		}
		.randonnee-comments a{
			color:#9fa617;
			font-weight:bold;
		}
		.randonnee-viewport
		{
			margin-top:10px;
			width:100%;
			height:260px;
		}
			.randonnee-tab{display:none;width:100%;height:260px;}
			.randonnee-active-tab{display:block;}
		.randonnee-information{width:100%;height:260px;}
		/* popup balado */
		#popup-balado-description{
			margin-top:10px;
			margin-bottom:10px;
		}
		#popup-balado-description ol {		
			padding-left:10px;
		}
		.balado-box-wrapper{
			background-color:white;
			width:100%;
			height: 300px;
			overflow:auto;
		}
		.balado-box{
			padding:10px;
		}
		/* popup teachers */
		#popup-teachers-illustration{
			position:absolute;
			top:3px;
			right:40px;
		}
		#popup-teachers-content{
			clear:both;
			margin-top:50px;
			height:400px;
			width:100%;
			overflow:auto;
		}
			.teacher-link{ display:block;}
				.teacher-link a{
					color:#5A5B5E;
					font-weight: bold;
				}
/* highslide */			
.highslide-move{width:400px;}
.highslide-move, .highslide-move * { cursor: move;}
.highslide-maincontent {display: none;}
.highslide-html {background-color: white;}
.highslide-active-anchor img {visibility: hidden;}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
/* Tooltip */
#tooltip {
	position: absolute;
	z-index: 50;
	color:#5A5B5E;
	background-image:url('graphics/popup_bg.jpg');
	padding:5px;
	border:1px solid #fff;
}
#tooltip h3, #tooltip div { margin: 0; font-size:8pt;}