@CHARSET "ISO-8859-1";

/*  # = id, . = class */ /* top right bottom left */

#dtg option.fcst {
	color: #a30000;
}

#dtg option.current {
	color: #0000ff;
}

#dtg option.obs {
	color: #000075;
}

#flashRadarSettingsContainer,
#flashRadarSettingsContainer input {
	font-size: 11px;
}

#flashRadarContainer {
	float: left;
}

#flashRadarLegendContainer {
	float: left;
	visibility: hidden;
}

#flashRadarLegendContainer td {
	font-size: 11px;
}

/* GMS GOOGLE MAPS */
#gmsGoogleMapContainer #container {
	position: relative;
	border: solid 1px #aaaaaa;
	height: 500px;
}


/* Datepicker chrome fix */
#ui-datepicker-div { display: none; }


/* INFO GOOGLE MAPS */
#stationInformationContainer {	
	margin: 0 auto;	
	width: 814px;
}

#stationInformationContainer .map {
	position: relative;
	width: 788px;
	height: 460px;
	z-index: 10;
	border: none;
}

#stationInformationContainer #streetviewBox {
	visibility: hidden;
	height: 0px;
}

#stationInformationContainer #orientation {
	display: inline;
}

#stationInformationContainer #btn360 {
	font-size: 10px;	
	border: solid 1px white;
	height: 18px;
	margin-top: 2px;
}

#stationInformationContainer .streetview {
	position: relative;
	width: 788px;
	height: 360px;
	z-index: 10;
	border: none;
}

#stationInformationContainer .sensor {
	width: 788px;
	border-top: solid 1px white;	
}

#stationInformationContainer .box {
	background-color: #E7E7E7;
	padding: 4px;
	width: 788px;	
	margin: 13px 0px 0px 0px;
}	

#stationInformationContainer .pbox {
	background-color: #E7E7E7;
	padding: 4px;
	float: left;	
	margin: 10px 10px 0px 0px;
	cursor: pointer;
}	

#stationInformationContainer .pbox img {
	border: none;	
}

#stationInformationContainer .name {
	background-color: #b7b7b7;
	width: 788px;		
	text-align: center;
	color: white;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	height: 21px;
	display: table-cell;
	line-height: 20px;
	vertical-align: middle;
	border-bottom: solid 1px white;
}

#stationInformationContainer .pname {
	background-color: #b7b7b7;
	width: 385px;
	text-align: center;
	color: white;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	height: 21px;
	display: table-cell;
	line-height: 20px;
	vertical-align: middle;
	border-bottom: solid 1px white;
}
	
#stationInformationContainer table.sensors {
	width: 100%;
	background-color: #f5f5f5;
	border: solid 1px #979797;
}

#stationInformationContainer table.sensors img {
	vertical-align: middle;	
}

#stationInformationContainer table.sensors td {
	width: 27%;	
	font-size: 11px;
	vertical-align: top;
}

#stationInformationContainer table.sensors td.legenda {
	width: 19%;		
	vertical-align: bottom;	
}

#wwCellId {
	white-space: nowrap;
}

#gmsGoogleMapContainer #container #toolbar .switcher {
	padding: 0px 1px 2px 1px;
	vertical-align: bottom;
}

#gmsGoogleMapContainer #container #toolbar .player {
	padding: 0px 0px 2px 0px;
	vertical-align: bottom;
}
.switcher{
	position: relative;
	top: 1px;
	}

#gmsGoogleMapContainer #container #map {	
	position: absolute;
	border: solid 1px #aaaaaa;
	left: 1px;
	right: 332px;
	top: 25px;
	bottom: 25px;
	_width: 451px;	
	_height: 447px;
}

#gmsGoogleMapContainer #container #map #myGoogleMap {
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	height: 100%;
}

#gmsGoogleMapContainer #container #stationname {
	position: absolute;
	border: solid 1px #102840;		
	background-color: #102840;
	width: 328px;
	height: 20px;
	top: 25px;
	right: 1px;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	vertical-align: middle;
	line-height: 23px;
	color: white;
	cursor: pointer;

}

#gmsGoogleMapContainer #container #graph {
	position: absolute;
	border: solid 1px #aaaaaa;
	width: 328px;
	height: 228px;
	top: 48px;
	right: 1px;
}
#gmsGoogleMapContainer #container #fcstgraph {
	position: absolute;
	border: solid 1px #aaaaaa;
	width: 328px;
	height: 228px;
	top: 25px;
	right: 0px;
}

#gmsGoogleMapContainer #container #tableChartSwitch{
	position: absolute;

	width: 328px;
	height: 253px;
	top: 280px;
	right: 1px;
}
#gmsGoogleMapContainer #container #route_selector {
	position: relative;
	border: solid 0px #aaaaaa;
	width: 300px;
	height: 228px;
	top: 0px;
	float:left;
}
#gmsGoogleMapContainer #container #element_selector {
	position: absolute;
	border: solid 1px #aaaaaa;
	width: 328px;
	height: 228px;
	top: 48px;
	right: 1px;
}


#gmsGoogleMapContainer #container #table {
	position: absolute;
	border: solid 1px #aaaaaa;
	width: 328px;
	top: 25px;
	right: 0px;
	bottom: 25px;
	height: 228px;
	visibility:hidden;
}

#gmsGoogleMapContainer #container #zoombar {	
	position: absolute;
	border: solid 1px #aaaaaa;
	background-color: #C7C7C7;
	font-size: 12px;		
	left: 1px;
	right: 1px;
	bottom: 24px; 
	height: 21px;
}

#gmsGoogleMapContainer #container #zoombar input {
	font-size: 11px;
}

#fcstSettingsContainer form .zoek {
	height: 20px;
	margin-left: 0px;
	margin-top: 1px;
	position: relative;
	vertical-align: top;
	width: 45px;
}

#gmsGoogleMapContainer #container #zoombar .button {
	border: solid 1px #aaaaaa;		
	margin-top: 1px;
	height: 19px;
	width: 90px;
}

#gmsGoogleMapContainer #container #zoombar .location {
	width: 120px;
	margin-top: 1px;
}	

#gmsGoogleMapContainer #container #zoombar .distance {
	width: 50px;
	margin-top: 1px;
}	

#gmsGoogleMapContainer #container #zoombar .left {
	float: left;
	display: inline;
}

#gmsGoogleMapContainer #container #zoombar .center {
	float: left;
	margin-left: 25px;
	display: inline;
}

#gmsGoogleMapContainer #container #zoombar .right {
	float: right;
	display: inline;
}

/* begin elabel def */

.elabel_style {
	background-color: white;
	border: 1px #006699 solid;
	font-size: 11px;
	padding: 0px 1px 0px 2px;
}

.not_available {
	background-color: white;
}

.salt_0 {
	background-color: #808080;
}

.salt_1 {
	background-color: #37D23F;
}

.salt_2 {
	background-color: #FFA600;
}

.salt_3 {
	background-color: #FF3300;
}


.road_state_u {
	background-color: #888888;
}

.road_state_h {
	background-color: #c1e2fe;
}

.road_state_d {
	background-color: #00BB1D;
}

.road_state_s {
	background-color: #9AD0FF;
}

.road_state_y {
	background-color: #f7ff9a;;
}

.road_state_c {
	background-color: #ff9ae1;
}

.road_state_w {
	background-color: #43a6fc;
}

.elabel_low_9 {
	font-size: 11px;
}

.elabel_low_8 {
	font-size: 11px;
}

.elabel_low_7 {
	font-size: 11px;
}

.estyle2 {
	background-color:#ffffff;
	font-size: 11px;
	height: 14px;
	border:1px black solid;
	margin-left: 10px;
	margin-bottom: -5px;
	padding: 1px 3px 1px 3px;
}


/* MARKER GOOGLE MAP */
#markerGoogleMapContainer {
	position: relative;
	font-size: 12px;
	border: solid 1px #aaaaaa;
}

#markerGoogleMapContainer #toolbar {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 24px;
	width: 100%;
	background-color: #E7E7E7;
}

#markerGoogleMapContainer #toolbar div {
	float: left;
	margin-left: 5px;
	margin-top: 2px;
	vertical-align: middle;
}

#markerGoogleMapContainer #map {	
	position: absolute;
	top: 26px;
	left: 0px;
	right: 0px;
	bottom: 24px;
	width: 100%; /* width: 775px; */
}

#markerGoogleMapContainer #right {
	position: absolute;
	top: 30px;
	right: 1px;
	width: 320px;
	background-color: rgba(255, 255, 255, 0.7); 
}

#markerGoogleMapContainer #right #name {
	font-weight: bold;
	background-color: #102840;
	color: white;
}

#markerGoogleMapContainer #zoombar {
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	height: 24px;
	background-color: #E7E7E7;
}

#markerGoogleMapContainer #zoombar div {
	float: left;
	display: inline;
	margin-left: 5px;
	margin-right: 3px;
	vertical-align: middle;
}

#markerGoogleMapContainer #zoombar .center {
	margin-left: 25px;
}

#markerGoogleMapContainer #zoombar .right {
	float: right;
}



#markerGoogleMapContainer #right #contentSwitcher {
	font-weight: bold;
}

#markerGoogleMapContainer #routes  {
	position: absolute;
	bottom: 50px;
	height: 24px;
	left: 1px;
	background-color: rgba(255, 255, 255, 0.7); 
}

#markerGoogleMapContainer #routes div  {
	display: inline;
}

#markerGoogleMapContainer #routes #routeLegend span  {
	margin-left: 2px;
	padding-left: 12px;
	margin-right: 3px;
	border: solid 1px #aaaaaa;
}

#markerGoogleMapContainer .mapLabel {
	border: solid 1px #666666;
	padding: 1px 3px 0px 3px;
	box-shadow: 3px 3px 3px #aaaaaa;
}
#markerGoogleMapContainer .smallBorder {
	border: solid 1px #444444;
}

#markerGoogleMapContainer .multiple span {
	padding: 0px 1px 0px 1px;
	border: solid 1px #444444;
}

#markerGoogleMapContainer .trendImg {
 display: inline;
	border: 0px;
	height: 12px;
	width: 12px;
}

/**
* gmsGoogleMapContainer   - no longer used in wx -
*/
#gmsGoogleMapContainer #container #bottom_bar .legend {
	position: absolute;
	top: 0px;
	background-color: #C7C7C7;
}

#gmsGoogleMapContainer #container #bottom_bar  {
	font-size: 7pt;
	position: absolute;
	bottom: 1px;
	left: 1px;
	right: 1px;
	//width: 783px;
	height: 21px;
	border: solid 1px #aaaaaa;
	border-top: solid 1px white;
	z-index: 15;
	background-color: #C7C7C7;
	padding: 0px;
	background-color: #C7C7C7;
}

#gmsGoogleMapContainer #legend_normal {
	z-index: 10;
	visibility: hidden;	
	dmargin-top: 15px;
}

#gmsGoogleMapContainer #legend_ff {
	position: absolute;
	left: 1px;
	z-index: 10;
	visibility: hidden;	
	dmargin-top: 15px;
}
#gmsGoogleMapContainer #legend_rrr1 {
	position: relative;
	left: 1px;
	z-index: 12;
	visibility: hidden;	
	dmargin-top: 15px;
}

#gmsGoogleMapContainer #legend_hazard {
	position: relative;
	left: 1px;
	z-index: 11;	
	visibility: hidden;	
	dmargin-top: 15px;
}

#radarGoogleMapContainer #player {
	display: inline;	
	position: absolute;
	border: solid 1px #aaaaaa;
	background-color: white;
	padding: 1px;
	margin: 1px 0px 0px 2px;
}

#radarGoogleMapContainer #player_btn_first {
	height: 15px; width: 15px;
	background-color: #D7D7D7;
	float: left;
}

#radarGoogleMapContainer #player_btn_previous,
#radarGoogleMapContainer #player_btn_play,
#radarGoogleMapContainer #player_btn_stop,
#radarGoogleMapContainer #player_btn_next,
#radarGoogleMapContainer #player_btn_last {
	height: 15px; width: 15px;
	background-color: #D7D7D7;
	float: left;
	margin-left: 1px;				
}		

#radarGoogleMapContainer .player_btn_first-off {
	background-image: url('../images/player/btn_first_off.png');
}

#radarGoogleMapContainer .player_btn_first-on {
	background-image: url('../images/player/btn_first_on.png');
	cursor: pointer;
}

#radarGoogleMapContainer .player_btn_previous-off {
	background-image: url('../images/player/btn_previous_off.png');
}

#radarGoogleMapContainer .player_btn_previous-on {
	background-image: url('../images/player/btn_previous_on.png');
	cursor: pointer;
}

#radarGoogleMapContainer .player_btn_play-off {
	background-image: url('../images/player/btn_play_off.png');
}

#radarGoogleMapContainer .player_btn_play-on {
	background-image: url('../images/player/btn_play_on.png');
	cursor: pointer;
}	

#radarGoogleMapContainer .player_btn_stop-off {
	background-image: url('../images/player/btn_stop_off.png');
}

#radarGoogleMapContainer .player_btn_stop-on {
	background-image: url('../images/player/btn_stop_on.png');
	cursor: pointer;
}	

#radarGoogleMapContainer .player_btn_next-off {
	background-image: url('../images/player/btn_next_off.png');
}

#radarGoogleMapContainer .player_btn_next-on {
	background-image: url('../images/player/btn_next_on.png');
	cursor: pointer;
}

#radarGoogleMapContainer .player_btn_last-off {
	background-image: url('../images/player/btn_last_off.png');
}

#radarGoogleMapContainer .player_btn_last-on {
	background-image: url('../images/player/btn_last_on.png');
	cursor: pointer;
}

/* routeTableContainer, RGI route table */

#routeTableContainer #toolbar div {
	float: left;
	vertical-align: middle;
}

#routeTableContainer #toolbar select {
	font-size:11px;
}

#routeTableContainer #toolbar #navigator  {
	margin-left: 2px;
	margin-right: 10px;
}

#routeTableContainer #routeTitle {
	margin-bottom: 6px;
}

#routeTableContainer #issueSelecter #pickerText {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
}

#routeTableContainer #issueSelecter #picker {
	float: left;
}

#routeTableContainer #issueSelecter #datePicker{
	padding-top: 0px;
}

#routeTableContainer #routeSummary {
	margin-bottom: 20px;
}

#routeTableContainer #routeSummary table {
	width: 350px;
}

#routeTableContainer table {
	border-collapse: collapse;
	border: solid 1px #E7E7E7;
	font-size: 11px;
}

#routeTableContainer table .sortable {
	/* background: url("../images/asc_on.png") no-repeat; */
}


#routeTableContainer tr  {
	/* cursor: pointer; */
}

#routeTableContainer #tabledata {
	overflow: auto;
	overflow-y: hidden;
}


/* FF Hack */
html> /**/ body #routeTableContainer table {
	margin-left: 1px;
}


#routeTableContainer table thead {
	background-color: #C7C7C7;
}



#routeTableContainer table td,th {
	border: solid 1px #E7E7E7;
	text-align: center;
	font-weight: normal;
}
#routeTableContainer .linegrey {
	font-weight: normal;
	height: 6px;
	background-color: #C7C7C7;
}
#routeTableContainer table th.header_hazard_perc {
	width: 75px;
}
#routeTableContainer table th.header_all_tw_hourly{
	width: 30px;	
}
#routeTableContainer table tr.hzd_lightblue,td.hzd_lightblue {
	background-color: #00b0f0;
}
#routeTableContainer table tr.hzd_black,td.hzd_black {
	background-color: black;
	color:white;
}
#routeTableContainer table tr.hzd_blue,td.hzd_blue {
	background-color: #2a34fe;
	color:white;
}
#routeTableContainer table tr.hzd_grey,td.hzd_grey {
	background-color: #a5a5a5;
}
#routeTableContainer table tr.hzd_green,td.hzd_green {
	background-color: #00BB1D;
}
#routeTableContainer table tr.hzd_yellow,td.hzd_yellow {
	background-color: yellow;
}

#routeTableContainer table tr.hzd_red,td.hzd_red {
	background-color: red;
}
#routeTableContainer table tr.hzd_purple,td.hzd_purple {
	background-color: #ff33cc;
}


#routeTableContainer table tr.hzd_red,td.hzd_orange {
	background-color: orange;
}
#routeTableContainer table tr.hzd_red,td.hzd_pink {
	background-color: #fb8dd3;
}

#routeTableContainer table tr.color_00,td.color_00 {
	background-color: #ffffff;
}
#routeTableContainer table tr.color_0,td.color_0 {
	background-color: #fffff0;
}
#routeTableContainer table tr.color_1,td.color_1 {
	background-color: #ffffe6;
}
#routeTableContainer table tr.color_2,td.color_2 {
	background-color: #ffffcc;
}
#routeTableContainer table tr.color_3,td.color_3 {
	background-color: #ffffb3;
}
#routeTableContainer table tr.color_4,td.color_4 {
	background-color: #ffff99;
}
#routeTableContainer table tr.color_5,td.color_5 {
	background-color: #ffff80;
}
#routeTableContainer table tr.color_6,td.color_6 {
	background-color: #ffff66;
}
#routeTableContainer table tr.color_7,td.color_7 {
	background-color: #ffff4c;
}
#routeTableContainer table tr.color_8,td.color_8 {
	background-color: #ffff33;
}
#routeTableContainer table tr.color_9,td.color_9 {
	background-color: #ffff19;
}
#routeTableContainer table tr.color_10,td.color_10 {
	background-color: #ffff00;
}

/* gmsObsContainer */

#gmsObsContainer {
	background-color: white;
}

#gmsObsContainer #values td.bl {
	background-color: #9AD0FF;
}

/* StationInformation GOOGLE MAPS */
#stationInformationContainer {	
	margin: 0 auto;	
	width: 814px;
}

#stationInformationContainer .map {
	position: relative;
	width: 788px;
	height: 450px;
	z-index: 10;
	border: none;
}

#stationInformationContainer .sensor {
	width: 788px;
	border-top: solid 1px white;	
}

#stationInformationContainer .box {
	background-color: #E7E7E7;
	padding: 4px;
	width: 788px;	
	margin: 13px 0px 0px 0px;
}	

#stationInformationContainer .pbox {
	background-color: #E7E7E7;
	padding: 4px;
	float: left;	
	margin: 10px 10px 0px 0px;
	cursor: pointer;
}	

#stationInformationContainer .pbox img {
	border: none;	
}

#stationInformationContainer .name {
	background-color: #b7b7b7;
	width: 788px;		
	text-align: center;
	color: white;

	font-weight: bold;
	font-size: 12px;
	height: 21px;
	display: table-cell;
	line-height: 20px;
	vertical-align: middle;
	border-bottom: solid 1px white;
}

#stationInformationContainer .pname {
	background-color: #b7b7b7;
	width: 385px;
	text-align: center;
	color: white;

	font-weight: bold;
	font-size: 12px;
	height: 21px;
	display: table-cell;
	line-height: 20px;
	vertical-align: middle;
	border-bottom: solid 1px white;
}
	
#stationInformationContainer table.sensors {
	width: 100%;
	background-color: #f5f5f5;
	border: solid 1px #979797;
}

#stationInformationContainer table.sensors img {
	vertical-align: middle;	
}

#stationInformationContainer table.sensors td {
	width: 27%;	
	font-size: 11px;
	vertical-align: top;
}

#stationInformationContainer table.sensors td.legenda {
	width: 19%;		
	vertical-align: bottom;	
}

#gmsGoogleMapContainer #tbl td.red {
	background-color: #F34F27;
}

#gmsGoogleMapContainer #tbl td.amber {
	background-color: #E6CB2B;
}

#gmsGoogleMapContainer #tbl td.green {
	background-color: #0DB71D;
}


/* RGI route map */

#routeGoogleMapContainer {
	position: relative;
	top: 0px;
	left: 0px;
  width: 98%;
	height: 500px;
	z-index: 5;
	border: solid 1px #888;
	font-family: arial, helvetica;
	font-size: 8pt;
}

#routeGoogleMapContainer #toolbar {
	background-color: #C7C7C7;
	/*border:1px solid #AAAAAA; */
	left: 0px;
	width: 100%;
	top: 0px;
	font-size: 12px;
	height: 25px;
	position:absolute;
}

#routeGoogleMapContainer .routeGoogleMap {
	position: absolute;
	top: 25px;
	left: 0px;
	bottom: 24px;
	right: 248px;
	/*height: 100%; */
	z-index: 10;
	border: solid 1px #888;
}

#routeGoogleMapContainer #map {
	position: absolute;
	top: 25px;
	left: 0px;
	right: 248px;
	z-index: 10;
}


#routeGoogleMapContainer #route_selector {
	z-index: 100; 
	position: absolute; 
	top: 25px; 
	right: 0px;
	width: 245px; 
	height: 24px; 
	border: solid 1px #888;
	background-color: white;
}

#routeGoogleMapContainer #route_selector #routeId {
	width: 190px;
	height: 22px;
}

#routeGoogleMapContainer #route_selector .switcher {
	vertical-align: middle;
	padding: 0px 0px 2px 0px;
}


#routeGoogleMapContainer #route_selector #mapEnlarger  {
	position: absolute;
	top: 5px;
	right: 5px;
}

#routeGoogleMapContainer #thermalSectionChart {
	z-index: 100; 
	position: absolute; 
	top: 52px; 
	right: 0px;
	width: 245px; 
	height: 226px; 
	border: solid 1px #888;
}

#routeGoogleMapContainer #addressTag,
#radarContainer #addressTag{
	padding: 1px;
	font-size: 8pt;
	background-color: white;
	border: 1px solid gray;
	opacity:0.9;
	filter:alpha(opacity=90);
}

#routeGoogleMapContainer #summary {
	z-index:100;
	position: absolute;
	top:280px;
  right:0px; 
  width:248px;   
	font-size: 8pt;
	spacing: 0px;
}

#routeGoogleMapContainer #summary th {
	border-spacing: 0px;
	border-bottom: solid 1px #AAAAAAA;
	font-weight: bold;
	padding: 3px;
	background-color: #102840;
	color: white;
}

#routeGoogleMapContainer #summary td {
	border-spacing: 0px;
	border-bottom: solid 1px #aaaaaa;
	border-right: solid 1px #aaaaaa;
	padding: 2px;
}

#routeGoogleMapContainer #summary .header_left_odd {
	width: 60%;
}

#routeGoogleMapContainer #bottom_bar {
	font-size: 8pt;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 24px;
	border-top: solid 1px white;
	z-index: 15;
	background-color: #C7C7C7;
	padding: 0px;
}

#routeGoogleMapContainer #bottom_bar ::-webkit-input-placeholder { color:red; font-size: 8pt; }
#routeGoogleMapContainer #bottom_bar ::-moz-placeholder { font-size: 8pt; } /* firefox 19+ */
#routeGoogleMapContainer #bottom_bar :-ms-input-placeholder { color:pink;font-size: 8pt; } /* ie */
#routeGoogleMapContainer #bottom_bar input:-moz-placeholder { color:yellow;font-size: 8pt; }

#routeGoogleMapContainer #bottom_bar .location {
	font-size: 7pt;
	position: absolute;
	top: 1px;
	right: 2px;
}

#routeGoogleMapContainer #tbl td.red {
	background-color: #F34F27;
}

#routeGoogleMapContainer #tbl td.amber {
	background-color: #E6CB2B;
}

#routeGoogleMapContainer #tbl td.green {
	background-color: #0DB71D;
}

#routeGoogleMapContainer #bottom_bar #legend span {
	padding-left: 8px;
	border: 1px solid black;
	margin-right: 4px;
}


/* BASIS RADAR */
#basisRadarSettingsContainer {
	text-align: center;
	font-size: 11px;
}

#radarBasic table.legend_table {
	border-collapse: collapse;	
}

#radarBasic .legend_table td img {
	width: 10px;
	heigth: 10px;
	border: solid 1px black;	
}

#radarBasic .legend_table td {
	font-size: 11px;
	text-align: center;
	width: 38px;
	
}

#radarBasic td.description {
	font-size: 11px;
	text-align: right;
	width: 150px;
}

/* GMS OBSERVATIONS */

#gmsObsContainer {
	font-size: 11px;	
}

#gmsObsContainer #obsOrFcst {
	margin: -1px;
	border-collapse: collapse;
	border: none;
  width: 100%;
}

#gmsObsContainer #obsOrFcst td {
	border: solid 1px #aaaaaa;
	padding: 0px;
}

#gmsObsContainer #obsOrFcst td.parameter {
	padding-left: 2px;
	padding-right: 4px;
	
	text-align: right;
	font-weight: bold;
	font-size: 11px;
}

#gmsObsContainer #values {
	border-collapse: collapse;
	border: none;
	width: 100%;
	margin: -1px -1px -1px -1px;
}

#gmsObsContainer #values td.param {
	background-color: #EEEEEE;	
}

/* FF Hack */
html> /**/ body #gmsObsContainer #values {
	margin: 0px -1px -1px 0px;
}

#gmsObsContainer #values td {
	font-size: 11px;
	height: 18px;
	text-align: center;
	padding: 0px;
	border: solid 1px #aaaaaa;
}

/* FF Hack */
html> /**/ body #gmsObsContainer #values td {
	height: 19px;
}

#gmsObsContainer #values td.gn {
	background-color: #33cc33;
}

#gmsObsContainer #values td.bl {
	background-color: #9AD0FF;
}

#gmsObsContainer #values td.gr {
	background-color: #888888;
}

#gmsObsContainer #values td.yw {
	background-color: #F9F922;
}

#gmsObsContainer #values td.or {
	background-color: orange;
}

#gmsObsContainer #values td.rd {
	background-color: #FF3333;
}

#gmsObsContainer #values td.pl {
	background-color: #A964FD;
}

/* OBSERVATIONS MAP */

#obsContainer {
	font-size: 11px;	
	background-color: white;
}

#obsContainer #obs {
	margin: -1px;
	border-collapse: collapse;
	border: none;
	width: 330px;
}

#obsContainer #obs td {
	border: solid 1px #aaaaaa;
	padding: 0px;
}

#obsContainer #obs td.parameter {
	padding-right: 4px;
	text-align: right;
	width: 70px;
	font-size: 11px;	
	font-weight: bold;
}

#obsContainer #values {
	border-collapse: collapse;
	width: 100%;
	border: none;
}

#obsContainer #values td.param {
	background-color: #EEEEEE;	
}

#obsContainer #values td {
	height: 18px;
	text-align: center;
	padding: 0px;
	border: solid 1px #aaaaaa;
}

/* GMS details */
#gms_details {	
}

#gms_details table {
	border-collapse: collapse;
	width: 100%;

	font-size: 11px;
}

#gms_details td.header {
	background-color: #0060AC;
	color: white;
	height: 24px;
}

#gms_details td.elem_name {
	width: 50px;
}

#gms_details tr.header_row {
	background-color: #0060AC;
	color: white;
}

#gms_details tr.odd {
	background-color: #ffffff;
}

#gms_details tr.even {
	background-color: #ffffff;
}

#gms_details td {
	padding: 2px;
	border: solid 1px white;
}

#gms_details td.header {
	border: solid 1px #0060AC;
}

#gms_details td.element {
	font-weight: bold;
	width: 30%;
}

#gms_details td.red {
	background-color: #FF3333;
}

#gms_details td.orange {
	background-color: orange;
}

#gms_details td.yellow {
	background-color: #F9F922;
}

#gms_details td.green {
	background-color: #33cc33;
}

#gms_details td.blue {
	background-color: #9AD0FF;
}

#gms_details td.gray {
	background-color: #888888;
}

#gms_details td.bold_red {
	background-color: #FF3333;
	font-weight: bold;
}

#gms_details td.bold_orange {
	background-color: orange;
	font-weight: bold;
}

#gms_details td.bold_yellow {
	background-color: #F9F922;
	font-weight: bold;
}

#gms_details td.bold_green {
	background-color: #33cc33;
	font-weight: bold;
}

#gms_details td.bold_blue {
	background-color: #9AD0FF;
	font-weight: bold;
}

#gms_details td.bold_gray {
	background-color: #888888;
	font-weight: bold;
}

/* MAPS */
#mplayer {
	background-color: #E7E7E7;
	width: 728px;
	margin-left: 12px;
}

#mplayer .ctrl {
	height: 28px;
	text-align: center;
}

#mplayer .ctrl .dtg {
	float: left;
	padding: 4px;
}

#mplayer .ctrl .dtg select {
	height: 20px;
	width: 260px;
	background-color: #E7E7E7;
	border: solid 1px white;
	font-size: 12px;
	font-weight: bold;
	color: #102840;	
}

html> /**/ body #mplayer #timeselector {
	height: 18px;
}

#mplayer .ctrl .button {
	display: inline;
	padding: 4px;
}

#mplayer .ctrl .line {
	float: right;
	padding: 4px;
}

#mplayer #timeline {
	padding-right: 2px;
	height: 20px;
	width: auto;
	background-color: white;
}

#mplayer #timeline #step {
	float: left;
	margin-left: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
	height: 16px;
	width: 10px;
}

#mplayer #timeline .disabled {
	background-color: #C7C7C7;
}

#mplayer #timeline .enabled {
	background-color: #102840;
}

#mplayer #timeline .active {
	background-color: #00B0CA;
}

#mplayer #timeline .enabled_red {
	background-color: #ED185F;
}

#mplayer .map {
	
}

#mplayer .map img {
	margin: 0px 4px 4px 4px;
}

#mplayer #controls {
	float: left;
	margin: 4px;
	padding: 1px;
	height: 18px;
	width: 162px;
	background-color: white;
}

#mplayer #first,
#mplayer #previous,
#mplayer #play,
#mplayer #stop,
#mplayer #next,
#mplayer #last,
#mplayer #loop,
#mplayer #faster,
#mplayer #slower	{
	float: left;
	width: 16px;
	height: 16px;
	margin: 1px;
	background-color: #C7C7C7;
}

#mplayer .first-disabled {
	background-image: url('../images/player/btn_first_disabled.png');
}

#mplayer .first-enabled {
	background-image: url('../images/player/btn_first_enabled.png');
}

#mplayer .previous-disabled {
	background-image: url('../images/player/btn_previous_disabled.png');
}

#mplayer .previous-enabled {
	background-image: url('../images/player/btn_previous_enabled.png');
}

#mplayer .play-disabled {
	background-image: url('../images/player/btn_play_disabled.png');
}

#mplayer .play-enabled {
	background-image: url('../images/player/btn_play_enabled.png');
}

#mplayer .stop-disabled {
	background-image: url('../images/player/btn_stop_disabled.png');
}

#mplayer .stop-enabled {
	background-image: url('../images/player/btn_stop_enabled.png');
}

#mplayer .next-disabled {
	background-image: url('../images/player/btn_next_disabled.png');
}

#mplayer .next-enabled {
	background-image: url('../images/player/btn_next_enabled.png');
}

#mplayer .last-disabled {
	background-image: url('../images/player/btn_last_disabled.png');
}

#mplayer .last-enabled {
	background-image: url('../images/player/btn_last_enabled.png');
}

#mplayer .rock-disabled {
	background-image: url('../images/player/btn_rock_disabled.png');
}

#mplayer .rock-enabled {
	background-image: url('../images/player/btn_rock_enabled.png');
}

#mplayer .loop-disabled {
	background-image: url('../images/player/btn_loop_disabled.png');
}

#mplayer .loop-enabled {
	background-image: url('../images/player/btn_loop_enabled.png');
}

#mplayer .faster-disabled {
	background-image: url('../images/player/btn_faster_disabled.png');
}

#mplayer .faster-enabled {
	background-image: url('../images/player/btn_faster_enabled.png');
}

#mplayer .slower-disabled {
	background-image: url('../images/player/btn_slower_disabled.png');
}

#mplayer .slower-enabled {
	background-image: url('../images/player/btn_slower_enabled.png');
}

#mapsOverviewContainer {
	width: 787px;
	margin: 0 auto;	
}

#radarmap .map {
	background-color: #E7E7E7;
	padding: 4px;
	width: 720px;
	margin: 0px 0px 12px 12px;
	cursor: pointer;
}

#mapsOverviewContainer .map {
	background-color: #E7E7E7;
	padding: 4px;
	float: left;
	margin: 0px 0px 12px 12px;
	cursor: pointer;
}

#mapsOverviewContainer .regionelementbox {
	background-color: #E7E7E7;
	margin: 0px 0px 0px 12px;
	width: 728px;
}

#mapsOverviewContainer .regionelementbox #regionselector, #elementselector {
    background-color: #E7E7E7;
    border: 1px solid white;
    color: #102840;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    margin: 4px;
}

#mapsOverviewContainer .map img {
	margin-top: 22px;	
}


#mapsOverviewContainer .map_small {
	background-color: #E7E7E7;
	padding: 4px;
	float: left;
	margin: 0px 4px 4px 4px;
	cursor: pointer;
}

#mapsOverviewContainer .map_small img {
	margin-top: 22px;	
}

#mapsOverviewContainer .name {
	position: absolute;
	background-color: #b7b7b7;
	width: 360px;
	text-align: center;
	color: #102840;
	font-weight: bold;
	font-size: 12px;
	height: 21px;
	display: table-cell;
	line-height: 20px;
	vertical-align: middle;
	border-bottom: solid 1px white;
}
#mapsOverviewContainer .name_large {
	position: absolute;
	background-color: #b7b7b7;
	width: 720px;
	text-align: center;
	color: white;

	font-weight: bold;
	font-size: 12px;
	height: 21px;
	display: table-cell;
	line-height: 20px;
	vertical-align: middle;
	border-bottom: solid 1px white;
}
#mapsOverviewContainer .name_small {
	position: absolute;
	background-color: #b7b7b7;
	width: 237px;
	text-align: center;
	color: white;

	font-weight: bold;
	font-size: 12px;
	height: 21px;
	display: table-cell;
	line-height: 20px;
	vertical-align: middle;
	border-bottom: solid 1px white;
}

#mapsOverviewContainer .name_small_gladheid {
	width: 180px;
}

#mapsOverviewContainer #mplayer {
}

/* Traffic cams */
#trafficCamsContainer #box {
	float: left;
	background-color: #E7E7E7;
	padding: 4px;
	margin: 0px 18px 18px 18px;
}

#trafficCamsContainer #box #cam {
	width: 350px;
	height: 287px;
	overflow: hidden; /* Hide black RWS bars */
	float: left;	
}

#trafficCamsContainer #box #title {
	background-color: #b7b7b7;
	text-align: center;
	color: white;

	font-weight: bold;
	font-size: 12px;
	height: 21px;
	display: table-cell;
	line-height: 20px;
	vertical-align: middle;
	border-bottom: solid 1px white;
	width: 350px;
	float: left;	
}

#trafficCamsContainer #box #cam .img {
	margin-left: -1px;
	margin-top: 2px; /* Hide black RWS bars */
}

/* Schiphol */
#schipholMapContainer .spacer {
	width: 100%;
	text-align:   center;
}

#schipholMapContainer .box {
	position: relative;
	margin-left:  auto;
	margin-right: auto;
	padding: 4px;
	background-color: #e7e7e7;
	width: 781px;
	height: 654px;
	z-index: 5;
}

#schipholMapContainer .map {
	position: relative;
}

#schipholMapContainer .station {
	cursor: pointer;
	position: absolute;
	z-index: 10;
}

#schipholMapContainer .station table {
	border-collapse: collapse;
	border: solid 1px black;
	background-color: #FAFAFA;
	width: 140px;
}

#schipholMapContainer .station td {
	font-size: 11px;
	padding: 0px 0px 0px 1px;
	border: solid 1px #000000;
}

#schipholMapContainer .station tr {	
}

#schipholMapContainer .station td.name {
	font-weight: bold;
	background-color: #D5D6D5;
	text-align: center;
	color: #333;
	line-height: 12px;
	height: 26px;
	display: table-cell;
	vertical-align: middle;
}

#schipholMapContainer .station td.dtg {
	text-align: center;
}

#schipholMapContainer .gn {
	background-color: #33cc33;
}

#schipholMapContainer .rd {
	background-color: #FF3333;
}

#schipholMapContainer .or {
	background-color: orange;
}

#schipholMapContainer .yw {
	background-color: #F9F922;
}

#schipholMapContainer .bl {
	background-color: #9AD0FF;
}

#schipholMapContainer td.pl {
	background-color: #A964FD;
}

/* LOGIN */
#loginContainer {
	height: 100%;
}

#loginContainer #version {
	font-size: 15px;
	font-weight: normal;
	color: #DD0000;	
	text-align: center;
}

#loginContainer #box {
	position: absolute;
	width: 360px;
	height: 185px;
	margin-top: -90px;
	margin-left: -180px;
	top: 50%;
	left: 50%;
	background-image: url('http://cdn.meteogroup.com/assets/wx/images/login/loginbox.png');
}

.spoorweer #loginContainer #box {
	background-image: url('http://cdn.meteogroup.com/assets/wx/images/login/loginbox.png');
}

.transportmaster #loginContainer #box {
	background-image: url('http://cdn.meteogroup.com/assets/wx/images/login/loginboxMG.png');
}


#loginContainer #box form {
	margin: 0px;
	padding: 0px;
}

#loginContainer #box #message {
	position: absolute;
	font-size: 12px;
	top: 60px;
	left: 120px;
	height: 32px;
	width: 230px;
	
}

#loginContainer #box #un {
	position: absolute;
	top: 95px;
	right: 15px;
	text-align: right;
}

#loginContainer #box #pw {
	position: absolute;
	top: 120px;
	right: 15px;
	text-align: right;
}

#loginContainer #box #un .field,
#loginContainer #box #pw .field {
	text-align: left;
	font-size: 13px;
	width: 225px;
	border: solid 1px gray;
}

#loginContainer #box #rm {
	position: absolute;
	left: 120px;
	top: 150px;
}

#loginContainer #box #bt {
	position: absolute;
	right: 15px;
	top: 150px;
	text-align: right;
}

#loginContainer #box #bt .button {
	font-size: 13px;
	width: 80px;
	border: solid 1px gray;
	background-color: #E7E9EC;
}

/* Table & Graph fcst */
#fcstSettingsContainer,
#observationSettingsContainer,
#ltfcstSettingsContainer,
#statusOverviewSettingsContainer {

	font-size: 11px;
}

#fcstSettingsContainer form,
#observationSettingsContainer form,
#ltfcstSettingsContainer form,
#statusOverviewSettingsContainer form {
	margin: 0px;
	padding: 0px;
	display: inline;
}


#fcstSettingsContainer input
 {
	font-size: 11px;
	width: 25px;
}

#fcstSettingsContainer input[type="text"]
 {
	font-size: 11px;
	width: 100px;
}

#fcstSettingsContainer input[type="button"]
 {
	font-size: 11px;
	width: 100px;
}

#fcstSettingsContainer #measurements_button {
	float: right;
}

#fcstSettingsContainer select,
#observationSettingsContainer select,
#ltfcstSettingsContainer select,
#statusOverviewSettingsContainer select {
	font-size: 11px;
	width: 200px;
}

.spoorweer #fcstSettingsContainer select,
.spoorweer #observationSettingsContainer select,
.spoorweer #ltfcstSettingsContainer select,
.spoorweer #statusOverviewSettingsContainer select {
	font-size: 11px;
	width: 300px;
}
.spoorweer #product_settings {
	height: 10px;
}

#statusOverviewSettingsContainer select.period {
	font-size: 11px;
	width: 40px;
}


/* day/night overview */

#dayNightOverview tr.day {
}

#dayNightOverview tr.night {
	background-color: #E7E7E7;
}


/* Tables */
#tableContainer {
	overflow: hidden;
	font-size: 12px;
}

#tableContainer #nodata {
	font-size: 12px;
}

.gladheid #tableContainer #text {
	font-size: 12px;
}

#tableContainer #text{
	border-top: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;	
	padding: 2px;
	width: 99%;
	text-align: justify;
	margin: 0 auto;
}

#tableContainer p {
	text-align:left;
	font-size: 12px;
}

#tableContainer #gms_status_overview_period tr,
#tableContainer #gms_status_overview_latest tr {
	height: 18px;
	cursor: pointer;
}

#tableContainer #gms_status_overview_period th,
#tableContainer #gms_status_overview_latest th {
	cursor: auto;
}

#tableContainer #gms_status_overview_period #gmsid,
#tableContainer #gms_status_overview_latest #gmsid {
}

#tableContainer #gms_status_overview_period #name {
}

#tableContainer #gms_status_overview_latest #name {
}

#tableContainer #gms_status_overview_period #from,
#tableContainer #gms_status_overview_period #to {
	width: 28px;
}

#tableContainer #gms_status_overview_latest #time {
	width: 30px;
}
#tableContainer #gms_status_overview_period #alarm,
#tableContainer #gms_status_overview_latest #alarm {
	width: 60px;	
}

#tableContainer #gms_status_overview_period #cr1,
#tableContainer #gms_status_overview_period #cr2,
#tableContainer #gms_status_overview_latest #cr1,
#tableContainer #gms_status_overview_latest #cr2 {
	width: 36px;	
}

#tableContainer #gms_status_overview_period #tw_min,
#tableContainer #gms_status_overview_period #tw_max {
	width: 30px;	
}

#tableContainer #gms_status_overview_latest #tw_min,
#tableContainer #gms_status_overview_latest #tw_max {
	width: 36px;	
}

#tableContainer #gms_status_overview_period #tt_min,
#tableContainer #gms_status_overview_period #tt_max,
#tableContainer #gms_status_overview_period #td_min,
#tableContainer #gms_status_overview_period #td_max {
	width: 30px;	
}

#tableContainer #gms_status_overview_period #cam,
#tableContainer #gms_status_overview_period #table,
#tableContainer #gms_status_overview_period #graph,
#tableContainer #gms_status_overview_period #map,
#tableContainer #gms_status_overview_period #photo,
#tableContainer #gms_status_overview_period #sensor {
	width: 28px;
}
	
#tableContainer #gms_status_overview_latest #cam,
#tableContainer #gms_status_overview_latest #table,
#tableContainer #gms_status_overview_latest #graph,
#tableContainer #gms_status_overview_latest #map,
#tableContainer #gms_status_overview_latest #photo,
#tableContainer #gms_status_overview_latest #sensor {
	width: 10px;
}

#tableContainer #gms_status_overview_latest td {
	padding: 0px 1px 0px 1px;
}

#tableContainer #gms_status_overview_period td.right,
#tableContainer #gms_status_overview_latest td.right {
	text-align: right;
}

#tableContainer #gms_status_overview_period td.left,
#tableContainer #gms_status_overview_latest td.left {
	text-align: left;
}

#tableContainer #tableAlarmMap td {
	border: 0px;
	height: 5px;
/*	padding: 5px;*/
}

#tableContainer table {
	border-collapse: collapse;
	border: solid 1px #E7E7E7;
	font-size: 11px;
	height: 50px;
	width: 100%;
}

#tableContainer img {
	vertical-align: middle;
	padding: 1px;
	cursor: pointer;	
}

/* FF Hack */
html> /**/ body #tableContainer table {
	margin-left: 1px;
}

/* doet het niet
#tableContainer .viewfcsttable {
	width: 600px;
}
*/

#tableContainer thead, td.header {
	background-color: #C7C7C7;
}

#tableContainer td,th {
	border: solid 1px #E7E9EC;
	text-align: center;
	font-weight: normal;
}

#tableContainer td.date,
#tableContainer th.date {
	text-align: left;
	padding-left: 3px;
	background-color: #E7E9EC;
	font-weight: normal;
}

#tableContainer td.line,
#tableContainer th.line {
	height: 3px;
	font-weight: normal;
}

#tableContainer tfoot {
	background-color: #C7C7C7;
}

#tableContainer td.left,
#tableContainer th.left {
	text-align: left;
}

#tableContainer td.center,
#tableContainer th.center {
	text-align: center;
}

#tableContainer td.right,
#tableContainer th.right {
	text-align: right;
}

#tableContainer td.green,
#tableContainer td.gn {
	background-color: #33cc33;
	white-space: nowrap;
}

#tableContainer td.blue,
#tableContainer td.bl {
	background-color: #9AD0FF;
	white-space: nowrap;
}

#tableContainer td.darkblue,
#tableContainer td.dbl {
	background-color: #0F95FF;
	white-space: nowrap;
}

#tableContainer td.gray,
#tableContainer td.gr {
	background-color: #888888;
	white-space: nowrap;
}

#tableContainer td.light_gray,
#tableContainer td.l_gr {
	background-color: #F2F2F2;
	white-space: nowrap;
}

#tableContainer td.clickable_district,
#tableContainer td.d_li {
	background-color: #E7E7E7;
	white-space: nowrap;
	color: #102840;
	font-weight: bolder;
	text-align: left;
}

#START_HIDDEN {
	display:none;

}

#tableContainer td.clickable_district:hover,
#tableContainer td.d_li:hover {
	background-color: #102840;
	white-space: nowrap;
	color: #FFFFFF;
	font-weight: bolder;
	cursor: pointer;
	text-align: left;
}

#click_dist_cell {
	cursor:pointer;
}

.dist_station_name_id {
	cursor:pointer;
}

.clickable {
	cursor:pointer;
}
#tableContainer td.yellow,
#tableContainer td.yw {
	background-color: #F9F922;
	white-space: nowrap;
}

#tableContainer td.orange,
#tableContainer td.or {
	background-color: orange;
	white-space: nowrap;
}

#tableContainer td.red,
#tableContainer td.rd {
	background-color: #FF3333;
	white-space: nowrap;
}

#tableContainer td.lightred,
#tableContainer td.lrd {
	background-color: #FF6600;
	white-space: nowrap;
}

#tableContainer td.purple,
#tableContainer td.pl {
	background-color: #A964FD;
	white-space: nowrap;
}

.green, .gn {
	background-color: #33cc33;
	
}

.blue, .bl {
	background-color: #9AD0FF;
}

.darkblue, .dbl {
	background-color: #0F95FF;
}

.gray, .gr {
	background-color: #888888;
}

.midgray, .mgr {
	background-color: #C7C7C7;
}

.lightgray, .lgr {
	background-color: #F0F0F0;
}

.yellow, .yw {
	background-color: #F9F922;
}

.lightyellow, .lyw {
	background-color: #E1E1B7;
}

.orange, .or {
	background-color: orange;
}

.lightorange, .lor {
	background-color: #C0A63E;
}

.red, .rd {
	background-color: #FF3333;
}

.lightred, .lrd {
	background-color: #FF6600;
}

.purple, .pl {
	background-color: #A964FD;
}

.black, .blk, .bk {
	background-color: #000000;
	color: white;
}

.white {
	background-color: #FFFFFF;
}

.font_white {
    color: #FFFFFF;
}

.gn_gn {
	background-color: #33cc33;
	border: solid 3px #33cc33;
}
.gn_yw {
	background-color: #33cc33;
	border: solid 3px #F9F922;
}
.gn_rd {
	background-color: #33cc33;
	border: solid 3px #FF3333;
}
.yw_gn {
	background-color: #F9F922;
	border: solid 3px #33cc33;
}
.yw_yw {
	background-color: #F9F922;
	border: solid 3px #F9F922;
}
.yw_rd {
	background-color: #F9F922;
	border: solid 3px #FF3333;
}
.rd_gn {
	background-color: #FF3333;
	border: solid 3px #33cc33;
}
.rd_yw {
	background-color: #FF3333;
	border: solid 3px #F9F922;
}
.rd_rd {
	background-color: #FF3333;
	border: solid 3px #FF3333;
}

#tableContainer td.salt_green {
	background-color: #37D23F;
	padding:0 5px;
}
#tableContainer td.salt_g {
	background-color: #808080;
	padding:0 5px;
}
#tableContainer td.salt_o {
	background-color: #FFA600;
	padding:0 5px;
}
#tableContainer td.salt_rd {
	background-color: #FF3300;
	padding:0 5px;
}

#tableContainer td.v_g {
	background-color: #888888;
	padding:0 5px;
}
#tableContainer td.v_lb {
	background-color: #c1e2fe;
	padding:0 5px;
}
#tableContainer td.v_gr {
	background-color: #00BB1D;
	padding:0 5px;
}
#tableContainer td.v_b {
	background-color: #9AD0FF;
	padding:0 5px;
}
#tableContainer td.v_y {
	background-color: #f7ff9a;
	padding:0 5px;
}
#tableContainer td.v_p {
	background-color: #ff9ae1;
	padding:0 5px;
}
#tableContainer td.v_blue {
	background-color: #43a6fc;
	padding:0 5px;
}
#tableContainer td.accentuate {
	color: white;
}


#tableContainer th.two_digits {
	width: 25px;
}

#tableContainer th.three_digits {
	width: 30px;
}

#tableContainer .regionwinter #dtg,
#tableContainer .stationwinter #dtg,
#tableContainer .summer #dtg {
	width: 50px;
}

#tableContainer .regionwinter #ww {
	width: 150px;
}

#tableContainer .stationwinter #ww {
	width: 167px;
}

#tableContainer .summer #ww {
	width: 280px;
}

#tableContainer .regionwinter #prrr,
#tableContainer .regionwinter #rrr,
#tableContainer .regionwinter #tt	{
	width: 40px;
}

#tableContainer .stationwinter #prrr,
#tableContainer .stationwinter #rrr,
#tableContainer .stationwinter #tt {
	width: 43px;
}

#tableContainer .regionwinter #rst,
#tableContainer .stationwinter #rst,
#tableContainer .regionwinter #bst {
	width: 35px;
}

#tableContainer .regionwinter #rc,
#tableContainer .stationwinter #rc,
#tableContainer .regionwinter #bc {
	width: 70px;
}

#tableContainer table tbody div {
		
}	
	
#tableContainer .regionwinter #td,
#tableContainer .regionwinter #rh,
#tableContainer .regionwinter #n,
#tableContainer .regionwinter #ff,
#tableContainer .regionwinter #ffg {
	width: 40px;
}

#tableContainer .summer #dd,
#tableContainer .stationwinter #dd,
#tableContainer .regionwinter #dd {
	width: 70px;
}

#tableContainer .stationwinter #td,
#tableContainer .stationwinter #rh,
#tableContainer .stationwinter #n,
#tableContainer .stationwinter #ff,
#tableContainer .stationwinter #ffg {
	width: 54px;
}

#tableContainer .regionwinter #ww24,
#tableContainer .stationwinter #ww24,
#tableContainer .summer #ww24 {
	width: 100px;
}

#tableContainer .summer #prrr,
#tableContainer .summer #rrr,
#tableContainer .summer #ff,
#tableContainer .summer #ffg,
#tableContainer .summer #uv,
#tableContainer .summer #zz {
	width: 50px;
}

#tableContainer .summer #tt,
#tableContainer .summer #tg,
#tableContainer .summer #td,
#tableContainer .summer #rh,
#tableContainer .summer #p_rrr24,
#tableContainer .summer #rrr24,
#tableContainer .summer #tgn,
#tableContainer .summer #n,
#tableContainer .summer #tn,
#tableContainer .summer #tx,
#tableContainer .summer #td24,
#tableContainer .summer #nedag,
#tableContainer .summer #ff,
#tableContainer .summer #ffg {
	width: 45px;
}

#product_fs #tableContainer {
  text-align:   center;
}

#product_fs #tableContainer #gmsOverview td.name_id,
#product_fs #tableContainer #regionOverview td.name_id,
#product_fs #tableContainer #Header td.name_id {
  text-align:   left;
}

#tableContainer table.obsTable {
	width: 100%;
}

#tableContainer #rwisTable {
    width: 100%;
}

#tableContainer table.stationwinter {
	width: 100%;
}

#tableContainer table.summer {
	width: 100%;
}

#tableContainer table.viewfcsttable {
	width: 788px;
}
	

#product_settings_fs #observationSettingsContainer,
#product_settings_fs #fcstSettingsContainer,
#product_settings_fs #statusOverviewSettingsContainer,
#product_settings_fs #ltfcstSettingsContainer,
#product_fs #day15Container table,
#product_fs #day30Container table,
#product_fs #tableContainer table ,
#product_fs #tableContainer #fcstTable ,
#product_fs #tableContainer #fcstSettingsContainer,
#product_fs #tableContainer #statusOverviewSettingsContainer,
#product_fs #meteogram_chart #tooltip_image,
#product_fs #meteogram_chart ,
#product_fs #schipholMapContainer ,
#product_fs #tableContainer #obsTable,
#product_fs #tableContainer #gmsOverview ,
#product_fs #tableContainer #regionOverview ,
#product_fs #tableContainer #Header {
  text-align:   center;
	margin-left:  auto;
	margin-right: auto;
}

#tableContainer #gmsOverview .name,
#tableContainer #regionOverview .name,
#tableContainer #Header .name {
	width: 100px;
}


#tableContainer #gmsOverview .value,
#tableContainer #regionOverview .value, 
#tableContainer #Header .value {
	width: 25px;
}

#tableContainer .linegrey {
	font-weight: normal;
	height: 6px;
	background-color: #C7C7C7;
}

#tableContainer #Header .white_sep {
	font-weight: normal;
	height: 5px;
	background-color: #C7C7C7;
}

#tableContainer #Header .white_sep_sma {
	font-weight: normal;
	height: 1px;
	background-color: #E7E7E7;
}

#tableContainer #gmsOverview td,
#tableContainer #regionOverview td,
#tableContainer #Header td{
	font-size: 11px;
	white-space: normal;
}

#tableContainer #gmsOverview td.line,
#tableContainer #regionOverview td.line,
#tableContainer #Header td.line {
	font-size: 3px;
	font-weight: normal;
}

#tableContainer #gmsOverview img {
	margin: 0px;
	padding: 0px;
}

#tableContainer #gmsOverview tr.clickable,
#tableContainer #regionOverview tr.clickable,
#tableContainer #Header tr.clickable {
	cursor: pointer;
	height: 20px;	
}


#tableContainer #gmsOverview .hour,
#tableContainer #regionOverview .hour,
#tableContainer #Header .hour	{
	width: 20px;
}

#tableContainer #gmsOverview .value,
#tableContainer #regionOverview .value,
#tableContainer #Header .value	{
	width: 45px;
}

#tableContainer .dailywinter #dtg,
#tableContainer .dailysummer #dtg
{
	width: 65px;
}

#tableContainer .dailywinter #ww24,
#tableContainer .dailysummer #ww24 {
	width: 176px;
}

#tableContainer .dailywinter #p_rrr24,
#tableContainer .dailywinter #rrr24,
#tableContainer .dailywinter #p_sneeuw,
#tableContainer .dailywinter #p_ijzel,
#tableContainer .dailywinter #vorst_uu,
#tableContainer .dailywinter #tgn,
#tableContainer .dailywinter #tn,
#tableContainer .dailywinter #tx,
#tableContainer .dailywinter #td24,
#tableContainer .dailywinter #nedag,
#tableContainer .dailywinter #ff,
#tableContainer .dailywinter #ffg {
	width: 50px;
}

#tableContainer .stationwinter #tw1,
#tableContainer .stationwinter #tw2,
#tableContainer .stationwinter #tw3,
#tableContainer .stationwinter #tw4,
#tableContainer .stationwinter #tw5,
#tableContainer .stationwinter #tw6 {
	width: 40px;
}


#tableContainer .dailysummer #dd,
#tableContainer .dailywinter #dd {
	width: 68px;
}

#tableContainer .dailysummer #p_rrr24,
#tableContainer .dailysummer #rrr24,
#tableContainer .dailysummer #p_sneeuw,
#tableContainer .dailysummer #p_ijzel,
#tableContainer .dailysummer #vorst_uu,
#tableContainer .dailysummer #tgn,
#tableContainer .dailysummer #tn,
#tableContainer .dailysummer #tx,
#tableContainer .dailysummer #td24,
#tableContainer .dailysummer #nedag,
#tableContainer .dailysummer #ff,
#tableContainer .dailysummer #ffg {
	width: 55px;
}

#tableContainer .dailysummer #tt,
#tableContainer .dailysummer #tw1,
#tableContainer .dailysummer #tw2,
#tableContainer .dailysummer #tw3,
#tableContainer .dailysummer #tw4,
#tableContainer .dailysummer #tw5,
#tableContainer .dailysummer #tw6 {
	width: 40px;
}

#tableContainer #overview {
}

#tableContainer #overview #id {
	width: 38px;
}

#tableContainer #overview .ci {
	text-align: right;
	padding-right: 1px;
}

#tableContainer #overview #name {
	width: 175px;
}

#tableContainer #overview .cn {
	text-align: left;
	padding-left: 1px;
}

#tableContainer #overview #alarm {
	width: 60px;
}

#tableContainer #overview #time,
#tableContainer #overview #from,
#tableContainer #overview #to,
#tableContainer #overview #tt,
#tableContainer #overview #td,
#tableContainer #overview #min,
#tableContainer #overview #max,
#tableContainer #overview #table,
#tableContainer #overview #graph,
#tableContainer #overview #map,
#tableContainer #overview #cr1,
#tableContainer #overview #cr2,
#tableContainer #overview #photo,
#tableContainer #overview #sensors,
#tableContainer #overview #camera {
	width: 33px;
}

#tableContainer #obsTable tr {
}

#tableContainer #obsTable th {
}

#tableContainer #obsTable #dtg {
	width: 40px;
}

#tableContainer #obsTable #ww {
    width: 100px;
    vertical-align:top;
}

#tableContainer #obsTable #rrr1,
#tableContainer #obsTable #tt,
#tableContainer #obsTable #tw1,
#tableContainer #obsTable #td,
#tableContainer #obsTable #rh,
#tableContainer #obsTable #vv,
#tableContainer #obsTable #ff,
#tableContainer #obsTable #gusts_ww {
	width: 56px;
}

#tableContainer #obsTable #n,
#tableContainer #obsTable #dd {
	width: 62px;
}

#tableContainer #obsGmsTable {
	margin: 0 auto
}

#tableContainer #obsGmsTable #dtg {
	width: 50px;
}

#tableContainer #obsGmsTable #tw1,
#tableContainer #obsGmsTable #tw2,
#tableContainer #obsGmsTable #tw3,
#tableContainer #obsGmsTable #tw4,
#tableContainer #obsGmsTable #tw5,
#tableContainer #obsGmsTable #tw6,
#tableContainer #obsGmsTable #g1,
#tableContainer #obsGmsTable #g2,
#tableContainer #obsGmsTable #g3,
#tableContainer #obsGmsTable #g4,
#tableContainer #obsGmsTable #g5,
#tableContainer #obsGmsTable #g6,
#tableContainer #obsGmsTable #t0,
#tableContainer #obsGmsTable #tt,
#tableContainer #obsGmsTable #td,
#tableContainer #obsGmsTable #rh,
#tableContainer #obsGmsTable #na {
	width: 35px;
}

#tableContainer #obsGmsTable #cr1,
#tableContainer #obsGmsTable #cr2 {
	width: 75px;
}


/* Station map */
#stationMapContainer {
	font-size: 11px;
	font-weight: bold;
}

#stationMapContainer table {
	border-collapse: collapse;
	border: solid 4px #E7E7E7;
 	background-color: #E7E7E7;
}

#stationMapContainer select {
	background-color: #E7E7E7;
	border: solid 1px white;
	font-size: 12px;
	font-weight: bold;
	color: #0060AC;
}

#stationMapContainer td.one {
	padding: 0px;
	/*width: 40%;*/
}

#stationMapContainer td.two {
	padding: 0px;
	/*width: 20%;*/
}

#stationMapContainer td.three {
	padding: 0px;
/*	width: 40%;*/
}

#stationMapContainer #dataselector {
	float: left;
	height: 20px;
	width: auto;
	margin-bottom: 4px;	
}

html> /**/ body #stationMapContainer #dataselector {
	height: 18px;
}

#stationMapContainer #controls {
	padding: 1px;
	margin-bottom: 2px;	
	height: 18px;
	width: 72px;
	background-color: white;
}

#stationMapContainer #dtg {
	float: right;
	font-size: 12px;
	padding-right: 2px;
	height: 20px;
	width: auto;
	color: #555;
}

#stationCamContainer .sensor_green,
#stationCamContainer .sensor_gr,
#stationMapContainer .sensor_green,
#stationMapContainer .sensor_gr {
	color: #006600;
}

#stationCamContainer .sensor_red,
#stationCamContainer .sensor_rd,
#stationMapContainer .sensor_red,
#stationMapContainer .sensor_rd {
	color: #993333;
}

#stationCamContainer .sensor_blue,
#stationCamContainer .sensor_bl,
#stationMapContainer .sensor_blue,
#stationMapContainer .sensor_bl {
	color: #0000cc;
}

#stationCamContainer .sensor_yellow,
#stationCamContainer .sensor_yw,
#stationMapContainer .sensor_yellow,
#stationMapContainer .sensor_yw {
	color: #ffff33;
}

#stationCamContainer .sensor_orange,
#stationCamContainer .sensor_or,
#stationMapContainer .sensor_orange,
#stationMapContainer .sensor_or {
	color: #ff9900;
}

#stationMapContainer #stationmap {
	position: relative;
}

#stationMapContainer #stationmap #dtg {
  position: absolute;
  z-index: 100;
  width: 120px;
  text-align: right;  
  margin-top: -10px;
}

#stationMapContainer #stationmap #tw1,
#stationMapContainer #stationmap #tw2,
#stationMapContainer #stationmap #tw3,
#stationMapContainer #stationmap #tw4,
#stationMapContainer #stationmap #tw5,
#stationMapContainer #stationmap #tw6 {
  position: absolute;
  z-index: 100;
  width: 38px;
  text-align: left; 
  margin-top: -10px;   
}

#stationMapContainer #stationmap #g1,
#stationMapContainer #stationmap #g2,
#stationMapContainer #stationmap #g3,
#stationMapContainer #stationmap #g4,
#stationMapContainer #stationmap #g5,
#stationMapContainer #stationmap #g6 {
  position: absolute;
  z-index: 100;
  width: 38px;
  text-align: left; 
  margin-top: -10px;  
}

#stationMapContainer #stationmap #tt,
#stationMapContainer #stationmap #rh,
#stationMapContainer #stationmap #td,
#stationMapContainer #stationmap #na,
#stationMapContainer #stationmap #cr_1,
#stationMapContainer #stationmap #cr_2,
#stationMapContainer #stationmap #tw_gem,
#stationMapContainer #stationmap #g_gem,
#stationMapContainer #stationmap #tz1,
#stationMapContainer #stationmap #tz2,
#stationMapContainer #stationmap #t0,
#stationMapContainer #stationmap #dd,
#stationMapContainer #stationmap #ff {
  position: absolute;
  z-index: 100;
  width: 48px;
  text-align: left;
  margin-top: -10px;  
}

#stationMapContainer #first,
#stationMapContainer #previous,
#stationMapContainer #next,
#stationMapContainer #last {
	float: left;
	width: 16px;
	height: 16px;
	margin: 1px;
	background-color: #C7C7C7;
}

#stationMapContainer #first.disabled {
	background-image: url('../images/player/btn_first_disabled.png')
}

#stationMapContainer #first.enabled {
	background-image: url('../images/player/btn_first_enabled.png')
}

#stationMapContainer #previous.disabled {
	background-image: url('../images/player/btn_previous_disabled.png')
}

#stationMapContainer #previous.enabled {
	background-image: url('../images/player/btn_previous_enabled.png')
}

#stationMapContainer #next.disabled {
	background-image: url('../images/player/btn_next_disabled.png')
}

#stationMapContainer #next.enabled {
	background-image: url('../images/player/btn_next_enabled.png')
}

#stationMapContainer #last.disabled {
	background-image: url('../images/player/btn_last_disabled.png')
}

#stationMapContainer #last.enabled {
	background-image: url('../images/player/btn_last_enabled.png')
}

/* Station Cam */
#stationCamContainer {
	position: relative;
	/*left: 50%;
	margin-left: -25%;*/
	width:1280px;

}

#stationCamContainer #cam {
	position: absolute;
	z-index: 10;
}

#stationCamContainer #data	{
	position: absolute;
	z-index: 20;
}

#stationCamContainer #data #dtg,
#stationCamContainer #data #tw1,
#stationCamContainer #data #tw2,
#stationCamContainer #data #tw3,
#stationCamContainer #data #tw4,
#stationCamContainer #data #tw5,
#stationCamContainer #data #tw6,
#stationCamContainer #data #g1,
#stationCamContainer #data #g2,
#stationCamContainer #data #g3,
#stationCamContainer #data #g4,
#stationCamContainer #data #g5,
#stationCamContainer #data #g6,
#stationCamContainer #data #tt,
#stationCamContainer #data #rh,
#stationCamContainer #data #td,
#stationCamContainer #data #na,
#stationCamContainer #data #cr_1,
#stationCamContainer #data #cr_2,
#stationCamContainer #data #tw_gem,
#stationCamContainer #data #g_gem,
#stationCamContainer #data #tz1,
#stationCamContainer #data #tz2,
#stationCamContainer #data #t0,
#stationCamContainer #data #dd,
#stationCamContainer #data #ff {
	position: absolute;
	z-index: 100;
	text-align: left;
	filter: Glow(Color=#000000, Strength=2);
	font-weight: bold;
	font-family: verdana;
	font-size: 10px;
	height: 15px;
	width: 200px; 
}


/* 15 and 30 day forecast */

#day15Container, 
#day30Container {
	font-size: 11px;	
}

#day15Container select, 
#day30Container select {
	font-size: 11px;
}	
	
/* gms overview */
#gms_overview_header A {
  color: #102840;
  font-weight: bold;
}

#gms_overview_header A IMG {
	border: 0px;
}

#gms_overview_header A:Link {
  text-decoration: none;
}

#gms_overview_header TABLE TD.link {
  width: 12%;
}

#chartclick_tooltip TABLE {
	background-color: #F0E68C;
	z-index: 1000;
	border: 1px solid black;
}

/* Table icons */

.symbol_ne, .symbol_dd {
	margin-left: 2px;
	margin-right: 2px;
}

/* Messageboard */

#msgboard form {
	margin-bottom: 5px;
	overflow: hidden;
}

#msgboard #newentry {
	background-color: #EBEBEB;
	border: solid 1px #aaaaaa;
}

#msgboard .newEntryText {
	text-align: left;
	width: 100px;
	font-weight: bold;
	float: left;
	margin: 0px 5px 5px;
}

#msgboard .messageText {
	text-align: left;
	width: 120px;
	font-weight: bold;
	float: left;
}

#msgboard input, #msgboard select, #msgboard span {
	width: 150px;
}

#msgboard input[type=checkbox] {
	position: relative;
	right: 70px;
}

#msgboard td.comments {
	margin-top: 5px;
	padding-left: 20px;
	vertical-align: top;
}

#msgboard #newentry td.buttons {
	text-align: right;
	padding-right: 18px;
}

#msgboard input.btnSubmit {
	font: small 'trebuchet ms', helvetica, sans-serif;
	margin-bottom: 5px;
	width: 80px;
}

#msgboard input.btnMailList {
	font: small 'trebuchet ms', helvetica, sans-serif;
	margin-bottom: 5px;
	width: 90px;
}

#msgboard input.btnEdit {
	font: small 'trebuchet ms', helvetica, sans-serif;
	margin-bottom: 5px;
	width: 75px;
	border: 1px;
	background-color: #F1F6FD;
	color: #A1A6AD;
}

#msgboard input.btnNav {
	font: small 'trebuchet ms', helvetica, sans-serif;
	width: 75px;
}

#msgboard #newentry textarea {
	margin-left: 5px;
	text-align: left;
}

#msgboard #message{
	text-align: left;
	background-color: #F1F6FD;
	border: solid 1px #aaaaaa;
	padding: 5px;
	margin-bottom: 10px;
}

#msgboard #editMessage{
	text-align: left;
	background-color: #CADEFB;
	border: solid 1px #aaaaaa;
	padding: 5px;
	margin-bottom: 10px;
}

#msgboard #noLog {
	margin-top: 10px;
	font-style: italic;	
}

#msgboard #dtgText {

	margin-left: 10px;
	color: grey;
	
}

#stationAdminContainer #selectedStation {
	width: 250px;
}

#weatherMapSettingsContainer {
	font-size: 11px;
	margin-left: 15px;
} 

/* RAIL Overview */
#tableContainer #hourOverview,
#tableContainer #hourDetail,
#tableContainer #dayNightOverview,
#tableContainer #dayNightDetail {
	width: 100%;
	cursor: pointer;
}

#tableContainer #epsSnowTableId {
	width: 800px;
}

#tableContainer #dayNightOverview .wwType {
	width: 100px;
}

#tableContainer #windgust48hOverview1,
#tableContainer #windgust48hOverview2,
#railFfgOverviewTablesHeaders,
#RailFfgHeader1,
#RailFfgHeader2 {
	width: 780px;
}

#railFfgOverviewTablesHeaders {
	margin-bottom: 1px;
}

#tableContainer #windgust48hOverviewTotal {
	width: 99%;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;	
}

#tableContainer #hourOverview td.not_available,
#tableContainer #hourDetail td.not_available,
#tableContainer #dayNightOverview td.not_available,
#tableContainer #dayNightDetail td.not_available {
	background-color: #EBEBEB;
}

/* overrulen van cell kleur voor gladheid (zie stukje hierboven) */
.gladheid #tableContainer #dayNightOverview td.not_available {
}

.spoorweer #railOverview #railSTOverview table tr td:first-child,
.spoorweer #railOverview #railLTOverview table tr td:first-child {
	text-align: left;
}

#railOverview .button {
	cursor: pointer;
	background-color: #C7C7C7;
	width: 778px;
	height: 16px;
	text-align: left;
	margin: -1px 0px 0px 1px;
	border: solid 1px #E7E7E7;
}

#railOverview .label img {
	vertical-align: middle;
}

#railOverview .hidden {
	display: none;
}

#railOverview tr.name-header {
	background-color: #C7C7C7;
}

#railOverview tr.time-header {
	background-color: #E7E7E7;
}

#railOverview tr.flut {
	background-color: cyan;
}

#overviewFilter table {
	border-collapse: true;
	border: 0px;
	border-top: 1px solid #C7C7C7;
	padding: 0px;
	width: 99%;
}

#overviewFilter .regionGroupSelect {
	width: 110px;
	border: 1px;
	text-align: left;
	vertical-align: center;
}

#overviewFilter .filter {
	width: 90px;
	border: 0px;
	text-align: left;
	vertical-align: center;
	padding: 0px 4px 0px 0px;
}

#overviewFilter .dummy {
	border: 0px;
}


/* Locator - Start */

.dialogMap {
	width: 100%;
	height: 100%;
}

#locator_table {
	width: 789px;
}

#locator_table #historicalForecast{
	float: right;
}

#locator .group {
	background-color: black;
	color: white;
}

#locator select {
	/* width: 200px; */
	font-size: 11px;
}

#locator gmsId {
	width: 40px
}

#locator button {
	width: 16px;
	height: 16px;
	border: none;
	background-image: url('./icons/map.png');
	margin-left: 5px;
	cursor: pointer;
}

#locator img {
	margin-top: 4px;

}

#locator form {
	display: inline;
	margin: 0px;
}

#locator .station {
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: solid 1px #c51b1b;
	padding: 1px 1px 1px 20px;
	float: left;
	white-space: nowrap;
	margin-left: 2px;
	margin-bottom: 2px;
	background-color: #f1caca;
	cursor: pointer;
	font-size: 11px;
	width: 170px;
	
	background-image: url('./icons/delete.png');
	background-repeat: no-repeat;
	background-position: left center;
}

#locator .selected {
	border: solid 1px #22b02f;
	background-color: #d1eed4;
	background-image: url('./icons/check.png');
}

/* Lightning */

#lightningContainer #map {
	height: 100%;
	z-index: 100;
}

#lightningContainer .active {
    background-color: gray;
}

#lightningContainer .inactive {
    background-color: lightgray;
}


#lightningContainer #loading {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: 100%;
    z-index: 1000;
}

#lightningContainer #processing {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: 100%;
    z-index: 1001;
}

#lightningContainer .mapctrl {
	position: absolute;		
	width: 250px;
	top: 200px;
	height: 280px;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity = 85);
	opacity: .85;
	-moz-opacity: .85;
	z-index: 101;
}

#lightningContainer .mapctrl .slider .buttons {
	margin-top: 10px;
	width: 50px;
	float: left;
	height: auto;
	cursor: pointer;
}

#lightningContainer .mapctrl .slider .buttons .button {
	background-color:  #aaaaaa;
	color: white;
	height: 40px;
	margin-top: 5px;
	padding: 3px;
	border: solid 1px white;
	border-right: none;
	text-align: center;
	vertical-align: bottom;
	line-height: 60px;
}

#lightningContainer .mapctrl .slider .buttons .selected {
	background-color: white;
	color:  #0060ac;
	border: solid 1px #0060ac;
	border-right: none;
}

#lightningContainer #panel-report #reportStart {
	width: 108px;
}

#lightningContainer .panel {
	position: absolute;
	left: 50px;
	width: 210px;
	min-height: 230px;
	padding: 5px;
	
	color: black;
	background-color: white;
	border: solid 1px #0060ac;
	/* border-right: none; */
	z-index: 200;
}

#lightningContainer .text-warning {
	color: orange;
}


#lightningContainer #summary {
	position: absolute;
	top: 455px;
	width: 200px;
	min-height: 70px;

	border: solid 1px #0060ac;
	/* border-right: none; */
	
	margin-top: 5px;
	padding: 5px;
	
	color: black;
	background-color: white;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity = 85);
	opacity: .85;
	-moz-opacity: .85;
	z-index: 200;
}

#lightningContainer #summary table {
	width: 100%;
	padding: 5px;
}

#lightningContainer #summary table .val {
	text-align: right;
	padding-right: 20px;
}

#lightningContainer #report {
}

#lightningContainer #report table {
	border: solid 1px #0060ac;
	border-collapse: collapse;
	width: 60%;
}

#lightningContainer #report th {
	background-color: #dddddd;
}

#lightningContainer #report td {
	padding-left: 5px;
	padding-right: 3px;
	text-align: center;
	border: solid 1px #dddddd;
}


#lightningContainer #report th.headerSortUp { 
    background-image: url(../images/asc_on.png); 
    background-repeat: no-repeat;
    background-color: #CCCCCC; 
} 

#lightningContainer #report th.headerSortDown { 
    background-image: url(../images/desc_on.png); 
    background-repeat: no-repeat;
    background-color: #CCCCCC; 
} 

/* FCST TEXT */

#fcsttext {
	background-color: #e7e7e7;
	margin-bottom: 18px;
}

#fcsttext .issued {
	font-weight: bold;
	background-color: #C7C7C7;
	padding: 3px;
	border-bottom: white 1px solid;
}

#fcsttext .title {
	padding: 3px 3px 3px 6px;
	font-weight: bold;
}

#fcsttext .no_alerts {
	background-color: #01b400;
	font-weight: bold;
	padding: 3px;
	border-top: white 1px solid;
	border-bottom: white 1px solid;
}

#fcsttext .alerts {
	background-color: #bd0100;
	font-weight: bold;
	padding: 3px;
	border-top: white 1px solid;
	border-bottom: white 1px solid;
}

#fcsttext .text {
	padding: 3px 3px 3px 9px;
}
#tableContainer #measurements_button{
	border: solid 1px #0060ac;	
	font-size: 11px;	
	margin-top: 1px;
	height: 19px;
	width: 90px;
	}
	

#gmsGoogleMapContainer #mapEnlarger  {
	background: #ffffff; 
	width: 20px; 
	z-index:100; 
/*	position: absolute; 
	top:27px; 
	right: 307px;  */
	
	border: solid #cccccc 1px; 
	text-align: center; 
}

.add_combobox_image {
	background-image: url('../images/combobox_arrow.png');
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

.add_calendar_image {
	background-image: url('../images/view/calendar.jpg');
	background-repeat: no-repeat;
	background-position: 100% 50%;
}

.dp_cal_look {
	border: solid 1px #B6C1EF;
	font-size: 11px;
	cursor: default;
}

#dayPicker, #issue_date_chooser {
	margin-left: 30px;
}

#period {
	margin-left: 30px;
}
	
#gmsOverviewContent #obs_date_chooser {
	width: 120px;
}

#mapEnlarger a{
	font-weight:bold; 
	font-size: 14px; 
	color: black; 
	text-decoration: none;
}
#explanation a{
	font-weight:bold; 
	font-size: 12px; 
	color: black; 
	//text-decoration: none;
}

.text_black, bl {
	background-color: black;
	color: white;
}

.text_purple, pl {
	background-color: #ff9ae1; /* #8A4BB4; */
}

.text_light_blue {
	background-color: #c1e2fe;
}

.text_blue, .bl{
	background-color: #43a6fc;
}

.text_wet_blue {
	background-color: #43a6fc;
}

.text_bright_blue, .bl {
	background-color: #9AD0FF;
}

.text_red, .rd {
	background-color: #FF3300;
}

.text_bright_red {
	background-color: #FF3300;
}

.text_dark_orange {
	background-color: #D54C2A;
}

.text_orange, .or {
	background-color: orange;
}

.text_light_orange {
	background-color: #C0A63E;
}

.text_yellow, yw {
	background-color: #f7ff9a;  /* #D8D46E; */
}

.text_light_yellow {
	background-color: #E1E1B7;
}

.text_dark_green {
	background-color: #009E00;
	color: white;
}

.text_green, .gn {
	background-color: #00BB1D;  /* #37D23F; #3C903C; */
}

.text_light_green {
	background-color: #8bee69; /* #3C903C; */
}

.text_greenred {
	background-color: #666600;
}

.text_gray, .gr {
	background-color: #808080;
}

.text_white, .wh {
	background-color: white;
}

.text_black_red {
	color: white;
	background-color: #FF3300;
	background-image: url('../images/view/raster.png');
}

.text_undefined, .u {
	background-color: #ADC0AE;
}

.text_cyan, .cn {
	background-color: cyan;
}

.color0 {
	background-color: #FFFFFF;
}
.color1 {
	background-color: #FFFF66;
}
.color11 {
	background-color: #FFC750;
}
.color21 {
	background-color: #FF8E39;
}
.color31 {
	background-color: #FF5522;
}
.color41 {
	background-color: #FF1D0C;
}
.color51 {
	background-color: #F00511;
}
.color61 {
	background-color: #D00F35;
}
.color71 {
	background-color: #B01A58;
}
.color81 {
	background-color: #90257C;
}
.color91 {
	background-color: #7030A0;
}

#tableContainer #imgOverviewFfg {
	float: right;
}

.arch{
	
	background-image: url("../images/archief.png");
}
#printPart{
	position: absolute;
	top: 180px;
	background: #d8e8fd; /*#F1F6FD;*/
	z-index: 100;
}

.camButton {
	height: 35px;
	width: 80px;
}

.reportStartText {
	font-size: 11px;
}

.dtg15days {
	width: 80px;
}

.spoorweer #dateCal {
	width: 80px;
}


.eps-legend-value {
	display: inline;
	margin-left: 2px;
	padding-left: 2px;
	padding-right: 2px;
	border: solid 1px black;
	font-size: 10px;
}
.eps-legend-box {
	float: right;
	margin:1px;
}


#icaoContainer select#airports {
	width: 240px;
}

#icaoContainer #icaoTable {
	border-collapse: collapse;
}

#icaoContainer #icaoTable TH {
	text-align: center;
	background-color: #808080;
}

#icaoContainer #icaoTable TD {
	 border: 1px solid #E7E7E7;
}

#icaoContainer #icaoTable .dtg {
	text-align: center;
	background-color: #E7E7E7;
}


#icaoContainer #icaoTable .normal {
	background-color: white;
}

#icaoContainer #icaoTable .corrected {
	background-color: #f7ff9a;
}

#icaoContainer #icaoTable .retarded {
	background-color: #E1E1B7;
}

#icaoContainer #icaoTable .amended {
	background-color: orange;
}

#icaoContainer #icaoTable .canceled {
	background-color: #C7C7C7;
}

#icaoContainer #icaoTable .unknown {
	background-color: #808080;
}

#icaoContainer #icaoTable .speci {
	color: red;
}

#dist_station_name_id {
	font-size: 10px
}

#archiveTable td {
	padding: 1px 3px 1px 3px;
	
}

#archiveTable td a:link {
	color: black; 
	text-decoration: underline; 
}

.rmpDomainHeaderName {
/*	background-color: #e7e7e7; */
	color: #102840;
	font-weight: bolder;
	text-align: left;
	white-space: nowrap;
}
#tableContainer .element {
	text-align:left;
}

#Header {
table-layout: fixed;
  width: 100%;
}

#gmsOverview {
table-layout: fixed;
  width: 100%;
}

#locator .combooptgroup {
    background-color: #e7e9ec;
}

#locator .combooptgroupoption {
    background-color: white;
}

#dssTable .clickable-route {
	cursor: pointer;
}

#dssTable .wide {
	width: 154px;
}

#dssTable .hour {
	width: 48px;
}

#dssTable .issue {
	height: 20px;
	vertical-align: bottom;
}

#dssSettings .spaced {
	padding-left: 15px;
}


#dssSettings div.hazardName {
	font-size:14px;
	font-weight: bold;
	background-color: #E7E7E7;
	width: 750px;
	margin-bottom: 2px;
	clear:both;
}

#dssSettings div.routeheader {
	background-color: #E7E7E7;
	vertical-align: middle;
	width: 750px;
	height: 24px;
  	line-height: 24px;
}

#dssSettings div.routeheader span#dssselecter {
	margin-bottom: 20px;
	float: left;
	width:130px;
}

#dssSettings div.routeheader span#dssselecter select {
	width:120px;
}

#dssSettings h3 {
	display: inline;
	font-size: 14px;
}

#dssSettings h4 {
	display: inline;
	font-size: 12px;
	font-style: italic;
}

#weatherText{
    margin: 0 0 20px;
}

#weatherText p{
	white-space: pre-line;
	margin: 0 0 10px;
}