#radarch_container {
	height: 700px;
}
/*Title*/
#radarch_title_container {
	background-color: #F6F4F7;
	border-bottom: 1px solid #E8E6E9;
	width: 100%;
	height: 45px;
	display: table;
}

#radarch_title {
	display: table-cell;
	vertical-align: middle;
	font-size: 16px;
	padding-left: 14px;
}

/*Buttons*/
#radarch_button_container {
	margin-top: 7px;
	margin-left: 5px;
}
#radarch_button_container button {
	height: 25px;
	width: 32%;
	max-width: 163px;
	background-color: #03A9F4;
	color: white;
	border: none;
	font-size: 15px;
}

.radarch_active_button {
    border: 1px solid #FFC70A !important;
}

/*Map*/
#radarch_img_container {
	width: 100%;
	margin-top: 7px;
	max-width: 500px;
	overflow: hidden;
}

#radarch_basemap, #radarch_borders, #radarch_places, #radarch_img_filler {
	position: absolute;
	width: 97%;
	max-width: 500px;
	margin-left: 5px;
	margin-right: 5px;
}

#radarch_img_filler {
	position: relative;
	float: right;
	width: 100%;
	visibility: hidden;
}

#radarch_places {
	z-index: 5;
}

#radarch_borders {
	z-index: 4;
}

/*Layers*/
#radarch_radar_layer, #radarch_radarfcst_layer, #radarch_sat_layer {
	display: none;
}

#radarch_radar_layer img, #radarch_radarfcst_layer img, #radarch_sat_layer img {
	display: none;
	position: absolute;
	width: 97%;
	max-width: 500px;
	margin-left: 5px;
	margin-right: 5px;
}

.radarch_current_time_frame {
	display: inline;
}

/*Controls*/
#radarch_control_wrapper {
	width: 100%;
	max-width: 500px;
    margin-top: 1px;
	margin-left: 10px;
}

#radarch_slider {
	float: left;
	width: 80%;
	margin-top: 8px;
	margin-right: 10px;
}

#radarch_start_slider_button {
	width: 32px;
	margin-top: -3px;
}