/*common.css start*/

#map_holder{
	margin-top:auto;
	position:relative;
	width:100%;
	height:800px;
	margin-left:auto;
	margin-right:auto;
	background:#fff;
	padding:0px;
	border: 0px;
	/*box-shadow: 0 1px 5px 1px #333;
	-moz-box-shadow: 0 1px 5px 1px #333; /* Firefox 
	-webkit-box-shadow: 0 1px 5px 1px #333; /* Safari, Chrome */
	}
	
#map_canvas{
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	}
	
#loadingMessage{
	position:absolute;
	left:50%;
	top:50%;
	z-index:1000; 
	}

#criteria_select{
	background: rgba(238,220,130,0.7);
	border:2px;
	border-color: #FFF;
	border-style: ridge;
	width: 20em;
	max-width: 90%;
	height:auto;
	position:absolute; 
	bottom: 200px; 
	right: 20px; 
	z-index:9999;
	padding:5px;
	color:#000;
	font-size: 1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height:1.5;
} 
#criteria_select h4{
	color: #000;
	font-size: 1.1em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}	
#criteria_select  input[type="text"]{
	width: 10em;
}	
#criteria_select  label{
	display: inline-block;
	min-width: 5em;
	max-width: 18em;
}	
#criteria_select .ui-accordion-content {
	padding: 8px 0;
	border: none;
	background: none;
}	
#criteria_select .ui-accordion-header {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}	

.my-marker {
	border:2px;
	border-color: #FFF;
	border-style: ridge;
    box-shadow: 0 1px 3px 1px #333;
	-moz-box-shadow: 0 1px 3px 1px #333; /* Firefox */ 
	-webkit-box-shadow: 0 1px 3px 1px #333; /* Safari, Chrome */
	padding: 0px;
	width: 50px;
	height: 50px;
}
.my-icon {
	height: 50px;
	width: 50px;
}
img.my-astro-icon {
	height: 50px;
	width: auto;
	margin: 0 0 0 -10px;
}
.my-marker-s {
	border:0px;
	box-shadow: 0 1px 3px 1px #333;
	-moz-box-shadow: 0 1px 3px 1px #333; /* Firefox */ 
	-webkit-box-shadow: 0 1px 3px 1px #333; /* Safari, Chrome */
	padding: 0px;
	width: 25px;
	height: 25px;
}
img.my-marker-s {
	width: 25px;
	height: 25px;
}
	
.myInfoBox,.myInfoBox-webcam {
    background: rgba(255,255,255,1);
	border:0px;
	box-shadow: 0 1px 3px 1px #333;
	-moz-box-shadow: 0 1px 3px 1px #333; /* Firefox */ 
	-webkit-box-shadow: 0 1px 3px 1px #333; /* Safari, Chrome */
	padding: 0px;
	width: 900px;
    height: 600px; /*20141110 */
	overflow: hidden;
    
}
.myInfoBox-webcam {
	border: none;
    width: 640px;
	height: auto;
	overflow: auto;
}
	  
/* ------- Different sizes ------ */

@media (max-width: 992px) {
    .myInfoBox,.myInfoBox-webcam{
        width: 640px;
        height: 480px;
    }
}
@media (max-width: 767px) {
    .myInfoBox,.myInfoBox-webcam{
        width: 100%;
     /*   height: 315px;*/
    }
}
@media (max-width: 460px) {
    .myInfoBox,.myInfoBox-webcam{
        width: 100%;
	/*	height: 260px; */
    }
}
#webcam_detail table{
	width: 100%;
	table-layout: fixed;
}	
#webcam_detail th,td {	  
	margin-left:auto;
	margin-right:auto;
	background-color: #FFFFFF;
	text-align: center;
}	
#webcam_detail img {	  
	margin-left:auto;
	margin-right:auto;
	max-width: 100%;
}