/*----------------------------------------
  STYLING SPECIFIC TO MAIN PAGE (MAP PAGE)
  ----------------------------------------*/

/* NAVIGATION BUTTONS */
	
div#navLeft {
	position: fixed;
	top: 50%;
	left: 5%;
	z-index: 500;
	}

div#navRight {
	position: fixed;
	top: 50%;
	right: 5%;
	z-index: 500;
	}

/* DATE PICKER */

div#dpicker {
	position: relative;
	min-height: 95px;
}

div.jump {
	width: 480px;
	float: left;
	text-align: center;
}

div.jump:nth-of-type(2){
	clear:right;
}
	
span.column {
	display: inline-block;
	min-width: 320px;
	padding-bottom: 10px;
}

span.column:nth-of-type(1) {
	text-align: left;
}

span.column:nth-of-type(2) {
	text-align: center;
}

span.column:nth-of-type(3) {
	text-align: right;
	clear: right;
}

/* SWITCHES */
label.caption {
	font-size: 10pt;
	font-family: 'Oxygen', sans-serif;
}

/* MAP IMAGE */	
	
div#map {
	text-align: center;
	position: relative;
	}

img#overlay2, img#overlay3 {
	position: absolute;
	left: 0px;
}
	
img#overlay2.on {
	visibility: visible;
}

img#overlay3.on {
	visibility: visible;
}

img#overlay2.off {
	visibility: hidden;
}

img#overlay3.off {
	visibility: hidden;
}	

img#help {
	position: absolute;
	top: 0px;
	right: 0px;
	}
	
/* RED POP-UP BOXES */

div#dateCheck, div#featureVideo, div#helpBox {
	position: absolute;
	width: 50%;
	left: 210.5px;
	z-index: 1000;
	
	background-color: #ff0000;
	border: 30px solid #ff0000;
	border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	
	color: #ffffff;
	}

div#featureVideo.closed, div#helpBox.closed {
	visibility: hidden;
}

div#featureVideo.open, div#helpBox.open {
	visibility: visible;
}
	
div#dateCheck {
	top: 25%;
}

div#featureVideo {
	top: 5%;
}

div#helpBox {
	top: 5%;
	text-align: left;
}

div#helpBox p, div#helpBox li, div#helpBox h4, div#helpBox strong {
	color: #ffffff;
	font-family: 'Oxygen', sans-serif;
}

div#helpBox img.closeButton {
	display: block;
	margin-left: auto;
	margin-right: auto;
	z-index: 1000;
}

div#dateCheck a, div#featureVideo a {
	color: #ffffff;
	font-weight: bold;
}

span.author {
	color: #ffffff;
	font-family: 'Oxygen', sans-serif;
	font-weight: bold;
	width: 50%;
	display: block;
	float: left;
	text-align: left;
}

span.time {
	color: #ffffff;
	font-family: 'Oxygen', sans-serif;
	font-weight: bold;
	width: 50%;
	display: block;
	float: right;
	clear: right;
	text-align: right;
}

p.description {
	color: #ffffff;
	font-family: 'Oxygen', sans-serif;
	padding-top: 15px;
}
	
/* MAP POINTERS */

div#map>div.pointer {
	position: absolute;
	top: 0px;
}

div#map>div._northeast img {
	transform: rotate(45deg);
}

div#map>div._east img {
	transform: rotate(90deg);
}

div#map>div._southeast img {
	transform: rotate(135deg);
}

div#map>div._south img {
	transform: rotate(180deg);
}

div#map>div._southwest img {
	transform: rotate(225deg);
}

div#map>div._west img {
	transform: rotate(270deg);
}

div#map>div._northwest img {
	transform: rotate(315deg);
}

div.counter {
	width: 50%;
	float: left;
}

/* VIDEO THUMBNAILS */
div.thumb_container {
	position: relative;
	display: inline-block;
}

img.exc_banner {
	position: absolute;
	top: 0px;
	left: 0px;
		
}


/* VIDEO CHART */

div#time_chart {
	position: relative;	
}

div#time_chart>div {
	background-color: #1f1f1f;
	position: absolute;
	color: #ffffff;
	text-align: center;
}