html { 
	height: 100%;
}

body { 
	height: 100%;
	margin: 0px;
	padding: 0px;
	background-color:#FFF;//#AAF;
}

#menuBar{
	//height:70px;
	//background:black;
}

#menuBar ul {
	margin:0px;
	padding:0px;
}



#menuBar li {
    display:inline-block;
    list-style-type:none; 
	list-style-position:inside;
    padding:5px ;
    margin-left: 20px;
   width:80px;

	text-align:center;
	vertical-align:top;
}
#trophyBtn {
	width:50px !important;
}

#menuBar li img {
    height:50px;
    width:50px;

}



#map_canvas {
	width: 100%;
	height: 100%;
}
/*
#report-btn{
	cursor:pointer;
	position: absolute;
	display:none;
	z-index:1000000; 	
	top:0px;
	right:100px;
	margin-right:5px;
	margin-top:5px;
	overflow: hidden; 
	text-align: center; 
	color: rgb(0, 0, 0); 
	padding: 1px 8px; 
	border-bottom-right-radius: 2px; 
	border-top-right-radius: 2px; 
	-webkit-background-clip: padding-box; 
	border-width: 1px; 
	border-style: solid; 
	border-color: rgba(0, 0, 0, 0.14902); 
	-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px; 
	box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
	 min-width: 34px; 
	 background-color: rgb(255, 255, 255); 
	 background-clip: padding-box;"
}

#report{
	z-index:1000000; 	
}*/
  
 ul{
    list-style-type:none;
 }
 h1{
    margin-top:0;
  }
 
 td {
 	text-align:center;
 	border-bottom:dotted 1px;
 }
 td > * {
    vertical-align : middle;
}

#progress {
	position: absolute;
	display:none;
	z-index:1000000; 	
	top:50%;
	left:50%;
	overflow: hidden; 
}
	
 
/************************* ADD content popup ****************************/  
span.addContent, span.setHome{
	padding:10px;
	font-weight:bold;
	border-radius:5px;
	border: solid 1px #000;
	color:#FFF;
	background-color:#c0c0c0;
}

span.addContent:hover, span.setHome:hover{
	cursor: pointer;
	border: dotted 1px #FFF;
	background-color:#9d979a;
}

span.addContent{
  float:left;
}
 
 span.setHome{
 float:right;
}
 

/************************* page stat ****************************/  
/* Colapse */
div.header { 
	border:1px solid #FFF;
 	border-radius:5px; 
	cursor:pointer; 
	margin-bottom:10px;
	padding:3px;
	background-color:#999;
	color:#000;
	
}

div.header.active { 
	color:#FFF;
}

div.header:hover { 
	color:#FFF; 
}


div.text {
	display:none; 
	padding-right: 30px;
	text-align:justify;
	margin-bottom:30px;
	
}

#report ul{
	 list-style-type:circle;
	
}

@media (max-width: 640px) {
	body {
		font-size:1em;
	}
	h1 {
		 font-size:1.2em;
		 margin-left:5px;
		 margin-bottom:5px;
		 padding-bottom:0px;
	}
	
	#menuBar{
		font-size:0.8em;
	}
	
	#menuBar i{
		font-size:0.6em;
	}
	
	#report ul{
		margin-top:0px;
	}
	
	#trophyBtn {
		margin-right:20px !important;
	}

	td {
		width:102px;
	}
	
	td.tdHead {
		width:auto;
	}
}