@charset "utf-8";
/* CSS Document */

/*override default settings for dialog box*/
.ui-dialog-contain{
	/* width: 800px;  Change to whatever you want */
	max-width: 800px;
	/* margin: 10% auto 15px auto;*/
	padding: 0;
}

/*Make overall jquery background black*/
.ui-page { 
	background: black;
}

.ui-header .ui-title {
    margin-right: 20%;
    margin-left: 20%;
}

.ui-footer {
	height:50px;
}

.ui-content , .ui-body-c, .ui-dialog-contain {
	background-color:#000;	
	margin-top 50px;
}

 .ui-dialog {
	background-color:#000;	
	margin-top: 10px;
}

.ui-dialog-contain { margin-top: 50px; }

/**************************************************************/

/*hide scroll bars*/
html {
	overflow:hidden;
}

body {
	background-color: #000;
	height: 100%;
	width:100%;
}

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	background-color: #000;
}
#photoPage {
	background-color: #000;
	width: 100%;
	height: 100%;
	padding: 0;
}

#photoContainer {
	background-color: #000;
/*	width: 1024px;*/
	width:100%;
	margin:0 auto;
/*	height: 100%;*/
	height:500px;
	padding: 0;
	overflow:hidden;	
}

.page-map {
	overflow:hidden;
}

#mapPage {
	width: 100%;
	height: 100%;
}

#map_canvas {
	width: 100%;
	height: 100%;
	padding: 0;
}

#buttons{
	margin-right:auto;
	margin-left:auto;
/*	width: 100%;*/
}

#mapPageFooter{
	padding-left:10px;
}

#photoInfo li {
	margin-left:10px;
} 

#console {
/*	width:800px;*/
	height:500px;
}

#consoleInfo {
/*	width:800px;*/
	height:500px;
}

#consoleText {	
	height:500px;
	background:#fff;
	color:#000;
}

#description {
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	color:#fff;	
	text-align:left;
}

#footerBlock {
	width: 100%;	
}

#rightContainer {
/*	width:333px;
	margin-left:auto;
	margin-right:auto;
	height:33px;	*/
}

.dark{
	opacity:.25;	
}

.light{
	opacity:1;	
}

.makeGreen {
	color:#0F0;
}

#navContainer {
	position:relative;
	width 1024px;
	height:768px;
	margin:0, auto;
	top: -768px ;
}

#leftOverlay, #middleOverlay, #rightOverlay {
	position:relative;
	margin: 0;
	float:left;
	top:50px;
	width:300px;
	height:700px;
	opacity: 1;	
}

#leftOverlay span, #middleOverlay span, #rightOverlay span {
	font-family:"Trebuchet MS", Verdana, sans-serif;
	background-color: rgba(0,0,0,.5);
	padding:10px;
	color:#fff;
	position:relative;	
	top:375px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	-ms-border-radius: 16px;
	border-radius: 16px;
}

#middleOverlay span{
	top:50px;
/*	background-color: rgba(0,204,0,.5);*/
	}
#leftOverlay span, #rightOverlay span {
	font-size:64px;
}

#leftOverlay {
/*	background-color: rgba(0,0,204,.5);*/
}

#middleOverlay {
/*	background-color: rgba(204,0,0,.5);*/
	width:200px;
	text-align:center;
	padding-top:15px;
}

#rightOverlay {
/*	background-color: rgba(0,204,0,.5);*/
	text-align:right;
}
#rightOverlay:hover span, #leftOverlay:hover span, #middleOverlay:hover span{
	cursor: pointer; 
}
/*
#rightOverlay:hover, #leftOverlay:hover, #middleOverlay:hover {
	opacity: 1;	
}
*/
/**************************************************************/

span.poilabel {
	width: 100%;
    position: absolute;
    line-height: 20px;
    cursor: pointer;
}
span.poilabel:before {
    content: '+';
    color: #fff;
	position:relative;
}

span.poi {
    color: #fff;
	width:auto;
	line-height:20px;
	text-align:left;
	padding-left:5px ;
	padding-right:5px ;
	background-color: rgba(0,0,0,.5);
	opacity:1;
	background-repeat:no-repeat;
	position:relative; 
}

.hidden {visibility:hidden;}
.visible {visibility:visible;}

.hide {	
	opacity:0;
}

.show {	
	opacity:1;
}

#photoBtn {
	width:10px;	
	
}

.bubble
{
	padding: 5px;
	margin:5px;
/*	height: 200px;
	width: 200px;
*/
}

#photoBtn button{
	width:150px;
}

#lrgPhoto {
	max-height:500px;
	background:#444;	
}

.thumbnail:hover {
	cursor:pointer;
}