/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 15, 2010 */

@font-face {
	font-family: 'Rockwell';
	src: url('rock-webfont.eot');
	src: local('☺'), url('/assets/rock-webfont.woff') format('woff'), url('/assets/rock-webfont.ttf') format('truetype'), url('/assets/rock-webfont.svg#webfont1sPQNJdP') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Rockwell';
	src: url('rockb-webfont.eot');
	src: local('☺'), url('/assets/rockb-webfont.woff') format('woff'), url('/assets/rockb-webfont.ttf') format('truetype'), url('/assets/rockb-webfont.svg#webfontjY0CM2Iu') format('svg');
	font-weight: bold;
	font-style: normal;
}

body {margin: 0; }
#front html, #front body { margin: 0; padding: 0; height: 100%; overflow: hidden; }

body {
  font: 14px/23px Arial, Verdana, sans-serif;
  color: #323232;
  background: url('../images/container-bg.gif?1') repeat #717171;
}
#front { background: #5e6776;}
#wrap-holder {
	background: url('../images/bg_dark.gif') repeat-y top left;
}

/* images preload */
body:after { content: url('../images/main_menu.png'); display: none !important;}

a { text-decoration: none; color: #749c00; outline: none; }
a:hover { text-decoration: underline; }
.clearfix:after, .form_field:after { content: "."; display: block;height: 0;clear: both;font-size: 1px;line-height: 1px;visibility: hidden;}
.clearfix, .form_field { zoom:1; min-height: 10px;}
* html .clearfix, * html .form_field { height: 10px; }

img { border: none;}
form { margin: 0; padding: 0; }
.content h1, .content h2, .content h3 {
  margin: 0; padding: 0px 0 15px;
  font: 35px/38px Rockwell, Georgia, 'Times New Roman', serif;
  color: #749c00;
}
.content h2 { font-size: 20px; line-height: 24px; padding: 10px 0 10px; }
.content h3 { font-size: 16px; line-height: 24px; padding: 10px 0 10px; }

.gray { color: #b2b2b2;}

p { margin: 0; padding: 5px 0 5px 0; }
ul, ol { margin: 0; padding: 0px 0 0px 10px; }
ul { list-style-type: disc; }
ul li, ol li { margin: 0; padding: 3px 0 3px 0px; }

/* wrap */
  #wrap-holder {}
  #front #wrap-holder { background: none repeat scroll 0 0 #5E6776; height: 100%; }
  #wrap { background: url('../images/sidebar.png') left top repeat-y;}
  #front #wrap { overflow: hidden; height: 100%; }
  
/* sidebar */
  #sidebar { width: 184px; float: left; position: relative; background: url('../images/sidebar_map.png') no-repeat top left; min-height: 604px; z-index: 5; }
    #logo { padding: 15px 0 0 2px; }
      #logo a { display: block; outline: 0; height: 157px; width: 178px; background: url('../images/logo.png') no-repeat top left; text-indent: -9999px;}

/* main-menu */
  #main-menu { margin: 0 0 210px; padding: 45px 0 10px 15px; list-style-type: none; position: relative; z-index: 10; }
    #main-menu li { margin: 0; padding: 2px 0 0; height: 38px; position: relative; }
      #main-menu a { 
        display: block; width: 178px; padding: 9px 0 0 10px; height: 29px; outline: 0;  background: url('../images/main_menu.png') no-repeat 0 50px;
        font: bold 16px/18px Rockwell, Georgia, 'Times New Roman', serif; color: #343434; text-shadow: 0 1px 1px white;
      }
      #main-menu a:hover { background-position: 0 -96px; text-decoration: none; }
      #main-menu a:focus { background-position: 0 -47px; text-decoration: none; }
      #main-menu a.active { background-position: 0 0px; text-shadow: 0 1px 1px rgba(255,255,255,0.75); }

/* second-menu */
  #second-menu { margin: 0; padding: 225px 10px 0 31px; list-style-type: none; position: absolute; left: 183px; top: 0; width: 150px; background: url("../images/dark_map.gif") no-repeat scroll top left transparent; }
    #second-menu li { padding: 5px 0; font: normal 15px/17px Rockwell, Georgia, 'Times New Roman', serif; }
      #second-menu a {  color: white; text-shadow: 0 1px 1px rgba(0,0,0,0.8); }
      #second-menu a:hover { text-decoration: none; color: #afe60e; }
      #second-menu a.active { font-weight: bold; color: #afe60e; }
      
/* sidebar-bottom */
  #sidebar-bottom { position: absolute;  left: 0; bottom: 0; width: 100% }
    #logos { padding: 0 0 0 20px; }
      #logos div { padding: 0 0 5px 0; }
        #logos a { display: block; outline: 0;}
        
    #fraktal { height: 23px; background: url('../images/fraktal.png') no-repeat; position: relative; margin-top: 30px; }
      #fraktal a { display: block; outline: 0; height: 23px; width: 70px; position: absolute; top: 0; left: 15px; text-indent: -9000px;}
  
/* container */
  #container { margin-left: 375px; background: url('../images/map-big.jpg?1') 640px top no-repeat;}
  #front #container { 
    margin-left: 184px; 
    height: 100%;
    position: relative;
		z-index: 2;
  }

/* infocontainer */
	#info_container {
		position: relative;
		background: white;
		float: right;
		height: 100%;
		width: 0px; /* 545px */
		background: url('../images/infobox_bg.gif?1') repeat;
		z-index: 3;
		-moz-box-shadow: 0 1px 15px rgba(0,0,0,.45);
		-webkit-box-shadow: 0 1px 15px rgba(0,0,0,.45);
		box-shadow: 0 1px 15px rgba(0,0,0,.45);
		display: none;
	}
		#info-container-inner {
			height: 100%;
			overflow: auto;
		}
		#info-close {
			position: absolute;
			left: -36px;
			top: 25px;
			background-color: black;
			background-color: rgba(0,0,0,.8);
			background-repeat: no-repeat;
			background-image: url('../images/info-close.png?1');
			background-position: 9px center;
			color: #b2b2b2;
			font-weight: bold;
			font-size: 12px;
			z-index: 10;
			padding: 6px 5px 7px 30px;
			-moz-border-radius: 3px 0 0 3px;
			-webkit-border-top-left-radius: 3px;
			-webkit-border-bottom-left-radius: 3px;
			border-radius: 3px 0 0 3px;
			height: 23px;
			cursor: pointer;
			-webkit-transition: left .2s linear;
		}
			#info-close span {
				display: block;
				width: 1px; /* 33px */
				-webkit-transition: width .2s linear;
				overflow: hidden;
			}
			#info-close:hover {
				left:-68px;
			}
				#info-close:hover span {
					width: 33px;
				}
		#info-loading {
			padding-top: 70px;
			background: url('../images/spinner.gif?1') no-repeat center 20px;
			color: #749C00;
			font-size: 20px;
			text-align: center;
		}
		#info-inner {
			display: none;
			padding-right: 0 !important;
		}
			div.item-meta {
				background: #f2f2f2;
				padding: 5px;
			}
				.item-meta a {
					font-weight: bold;
				}
			.content .assets {}
				.content .assets li {
					float:left;
					margin: 0px 9px 9px 0;
					padding: 0;
					background: 0;
					-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
					-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
					box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
				}
				.content .assets li:hover {
					-moz-box-shadow: 0 1px 5px rgba(0,0,0,.6);
					-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.6);
					box-shadow: 0 1px 5px rgba(0,0,0,.6);
				}
					.assets li .overlay {
						display: block;
						width: 96px;
						height: 96px;
						background: url('../images/video-overlay.png?1') no-repeat center center;
					}
						.assets img {
							display: block;
						}
			.video-div {
				display: none;
			}
			.related {}
				.content .related li {
					background: #f2f2f2;
					margin-bottom: 1px;
					padding: 0;
				}
					.related a {
						display: block;
						color: #323232;
						font-weight: bold;
						padding: 5px;
					}
						.related a:hover {
							background: #dfeeb2;
							text-decoration: none;
						}
  
/* map */
  #map { height: 100%; width: 100%; }
  
  #map-buttons { position: absolute; z-index: 900; left: 20px; top: 25px;}
    #map-buttons a { 
      position: relative;
      display: block; color: #b2b2b2; font-size: 12px; line-height: 37px; padding: 0 10px 0 37px; background: #373c41; font-weight: bold;
      -moz-box-shadow: 1px 0 1px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 0 1px rgba(0,0,0,0.5); box-shadow: 1px 0 1px rgba(0,0,0,0.5);
      -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; outline: 0; height: 37px;
    }
    #map-buttons a:hover { text-decoration: none; background: #2f3338; }
      #map-buttons a span { display: block; width: 27px; height: 36px; position: absolute; top: 4px; left: 4px; background: url('../images/map_buttons.png') no-repeat 0 0; }
      #map-buttons a:hover span { background-position: 0 -46px; }
      #map-buttons a:focus span { background-position: 0 -92px; }
      
      #hide-thumbs span { background-position: -37px 0 !important;}
      #hide-thumbs a:hover span { background-position: -37px -46px !important; }
      #hide-thumbs a:focus span { background-position: -37px -92px !important; }

/* content */
	.content-outer {
		width: 640px;
		background: url("../images/infobox_bg.gif?1") repeat;
	}
  .content { padding: 30px; width: 580px; }
		#info-container-inner .content { width: 315px; }
		.mapquiz-container .content { width: 485px !important; }

/* list */
  .content ul { list-style-type: none; padding: 10px 0;}
    .content ul li { padding: 3px 0 3px 20px; background: url('../images/list.gif') no-repeat 8px 11px; }
  .content ol { padding: 10px 0 10px 20px; }
    .content ol li { padding: 3px 0 3px 0;}
    
/* table */
  .colored { width: 100%; border-collapse: collapse;}
    .colored th, .colored td { text-align: left; border: 1px solid #d9d9d9; background: #f7f7f7; padding: 3px 12px; }
    .colored th { font-weight: bold; }
    
/* forms */
  .row, .form_field { padding: 5px 0;}
    .row .left, .form_field label { width: 140px; padding: 3px 5px 4px 0; float: left; min-height: 10px; line-height: 18px;}
  
  .row-submit, .form_submit { padding: 0 0 0 145px; }
  
  .form_field_textarea, .textbox, .textarea, .form_field_textfield { 
    background: white url('../images/textbox.gif') repeat-x top left; border: 1px solid #b8b8b8;
    font: 14px/16px Arial, Verdana, sans-serif; padding: 4px 5px; width: 160px; color: #323232;
  }
  
  .row-error .textbox, .row-error .textarea { border: 1px solid #ed2a2a; background: #fff2f2 url('../images/textbox_error.gif') repeat-x top left;}
  
  .form_field_select, .select { font: 14px/16px Arial, Verdana, sans-serif; width: 170px; }
  
  .form_submit input, .submit { 
    height: 38px; font: bold 16px Arial, Verdana, sans-serif; color: white; border: 1px solid #668a00; margin-top: 10px;
    background: url('../images/btn.gif'); text-shadow: 0 1px 1px rgba(0,0,0,0.4); width: 170px; text-align: center;
    -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; 
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3); box-shadow: 0 2px 5px rgba(0,0,0,0.3);
  }
  .form_submit input:hover, .submit:hover { background-position: 0 -48px; }
  
  .form_field_error { color: #ed2a2a; font-size: 12px; line-height: 14px;}

  .jb-select { 
    position: relative; font: 14px/16px Arial, Verdana, sans-serif; padding: 0;cursor: pointer;
    height:26px; border: 1px solid #c5c5c5; width: 170px; margin-left: 145px;
    background: white url('../images/textbox.gif') repeat-x top left;
  }
    .jb-select-content { background: url('../images/arrow.gif') no-repeat center right;height: 21px;padding: 5px 25px 0 5px;position: relative;z-index: 5;top: 0;left: 0;}
    .jb-select-inner {height: 21px;overflow: hidden;white-space: nowrap;}
    .jb-select select {
      font: 14px/16px Arial, Verdana, sans-serif; height: 26px;position: absolute;bottom: 0;left: 0;z-index: 10;border: none;margin: 0;padding: 0;display: block;cursor: pointer;
      opacity: .0;filter: alpha(opacity=0);-moz-opacity: .0;
    }
    * html .jb-select {border: none;background: none;cursor: default;}
    * html .jb-select select {filter: alpha(opacity=100);position: static;bottom: auto;left: auto;}
    * html .jb-select-content {display: none;}

/* quizzes */

.question {
	margin: 5px 0 20px 0;
}
	.question img {
		display: block;
		border: 7px solid white;
		-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
		margin: 10px 0;
	}
	ul.options {
		padding: 0;
	}
		.content ul.options li {
			background-image: none;
			padding: 0;
		}
			.content ul.options li.correct { background: #eaf4cd; }
			.content ul.options li.incorrect { color: #b52c2c; }
			.content ul.options li:hover, .content ul.options li.selected-radio { background: #f2f2f2; }
			.options label {
				padding: 2px 15px;
				display: block;
			}
.next {
	background: #e8f4c6;
	padding: 10px 12px;
	margin-top: 5px;
	display: none;
}
.again {
  display: none;
}
.submit-btn, .next-btn, .again-btn {
	display: inline-block;
	color: white;
	font-size: 16px;
	font-weight: bold;
	font-family: Helvetica, arial, sans-serif;
	background: #5e7f00;
	background: -moz-linear-gradient(90deg, #5e7f00, #749b00);
	background: -webkit-gradient(linear, left bottom, left top, from(#5e7f00), to(#749b00));
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.45) inset, 0 2px 5px rgba(0,0,0,.3);
	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.45) inset, 0 2px 5px rgba(0,0,0,.3);
	box-shadow: 0 1px 0 rgba(255,255,255,.45) inset, 0 2px 5px rgba(0,0,0,.3);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #668a00;
	padding: 8px 50px 7px;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
}
	.submit-btn:hover, .next-btn:hover { text-decoration: none; background: #6c9200; background: -moz-linear-gradient(90deg, #6c9200, #85b200); background: -webkit-gradient(linear, left bottom, left top, from(#6c9200), to(#85b200)); }
	.submit-btn:active, .next-btn:active { background: #749b00; background: -moz-linear-gradient(90deg, #749b00, #5e7f00); background: -webkit-gradient(linear, left bottom, left top, from(#749b00), to(#5e7f00)); }
.quiz-results { background: #f2f2f2; padding: 15px; display: none; }
	.quiz-results table { width: 100%; border-collapse: collapse; }
		.quiz-results .total { font-weight: bold; color: #76a000; font-size: 45px; padding-right: 30px; line-height: 1; }
		.quiz-results .heading { font-size: 20px; color: #749c00; }