.radar-left{
	margin-top: 27px;
	width: 24%;
	float: left;
	overflow: hidden;	
}
.radar-right{
	margin-left: 2px;
	margin-top: 10px;
	width: 600px;
	float: left;
	padding-left: 5px;
	border-left: 1px solid #dddddd;
	
}
ul.officeNavigation{
	width: 100%;
	border-top: 1px solid #ccc;
	margin-top: 10px;
}

ul.officeNavigation li a{
	border-bottom-color: #dddddd;
	box-shadow: 1px 0 1px #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
    font-family: 'Droid Sans', arial, serif;
	display: block;
	overflow: auto;
	width: 100%;
	/*height: 40px;*/
	padding-left: 5px;
	line-height: 40px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left, #ffffff 0%, #f4f2f2 60%, #f2f2f2 87%, #dcdddb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(60%,#f4f2f2), color-stop(87%,#f2f2f2), color-stop(100%,#dcdddb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, #ffffff 0%,#f4f2f2 60%,#f2f2f2 87%,#dcdddb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, #ffffff 0%,#f4f2f2 60%,#f2f2f2 87%,#dcdddb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, #ffffff 0%,#f4f2f2 60%,#f2f2f2 87%,#dcdddb 100%); /* IE10+ */
	background: linear-gradient(left, #ffffff 0%,#f4f2f2 60%,#f2f2f2 87%,#dcdddb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdddb',GradientType=1 ); /* IE6-9 */
	color: #416477;
	text-decoration: none;
}

ul.officeNavigation li a:hover{
	color: #42832f;
	background:none;
	border-right: 1px solid #dcdddb;
}
ul.officeNavigation .active{
  color: #42832f;
	background:none;
}


.stn_label{

	color: #000000;
	font-size: 11px;
	display:block;
}

#radar_info {
	margin-left: 20px;
	width:550px;
	background-color: #CDCBCD;
}
#radar_time {
	padding-right: 10px;
	float: right;
}
#station{
	padding-left: 10px;
}
#map_canvas{
	margin-left: 20px;
	margin-right: 0px;
	height: 425px;
	width:550px;
	overflow:scroll;
}
.play_button{

	height: 20px;
	float:right;
	padding-right: 10px;
	padding-left: 5px;
	padding-top: 10px;
	
}
.play_button:hover{
	
	cursor:pointer;
	
}
.pause_button{

	height: 20px;
	float:right;
	padding-top:10px;
	
	
}
.pause_button:hover{
	cursor:pointer;
}
.officeNavigation li a label:hover{

	cursor: pointer;
}
#legend{

	//float:right;
	//padding-top: 10px;
	//width:550px; 
	//display:block;
	//margin-left: 20px;
	float:left;
	width:95px;
	height: auto;
	margin-left: -40px;
	margin-top: -40px;
}

@media screen and (max-width: 780px){

	.radar-left-mobile-collapse{

		width:100%;
		float:none;
		
	}
	.radar-right-mobile-collapse{
		
		margin-top: 10px;
		width: 600px;
		float:left;
		border-top: none;
		border-left: none;
		padding-left: 0px;
	
	}
	.noTweet{
		display:none;
	}
	ul.officeNavigation-mobile-collapse li{

		width:50%;
		float:left;
		
	}
	ul.officeNavigation-mobile-collapse li a{

		padding-left: 0px;
		
	}
	ul.officeNavigation-mobile-collapse li a label{

		padding-left: 40px;
	}
	

}