@charset "utf-8";

/* current page */
div#flashcontent {
	position:absolute;
	left:20px;
	right:0px;
	bottom:20px;
	bottom:20px;
	top:20px;

}

div#currentTextContainer {
	position:absolute;
	top:540px;
	left:20px;
	right:0px;
	text-align:center;
}

div#currentText {
	text-align:justify;
	margin-left:auto;
	margin-right:auto;
	width:680px;
	font-size:11px;

}


/* page contents */
div#weatherContents {
	position:absolute;
	font-size:10px;
	color:#404040;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center;
	left:220px;
	top:90px;
	right:20px;
	bottom:50px;
	height:500px;	
}


body {
	min-height:520px;
}

h3{
	font-size:18px;
	margin:10px;
	color:#2D89D5;
	text-align:center;

}

/* report page */


div#reportContents {
	position:absolute;
	left:220px;
	top:90px;
	right:20px;
	bottom:50px;
	font-size:10px;
	color:#404040;
	font-family:Verdana, Geneva, sans-serif;
	overflow:auto;
	overflow-x: hidden; /* for chrome */
	overflow-y: auto;
	text-align:center;

}


#weatherIframe {
	width:100%;
	height:1100px;
	max-width:700px;		
	border:0px;
	border:4px #F3ED9B solid;
	margin-left:20px;
}

/* forecast page */

div#forecastContents {
	position:absolute;
	left:220px;
	top:90px;
	right:20px;
	bottom:50px;
	font-size:10px;
	color:#404040;
	font-family:Verdana, Geneva, sans-serif;
	overflow:auto;
}


div#wundergroundForecast{
	min-width:900px;	
}

div#weatherChannelForecast{
	min-width:900px;	
}


div#wundergroundForecast table{
	margin:auto;
	margin-top:30px;	
}

div#weatherChannelForecast table{
	margin:auto;	
	margin-top:30px;
}


div#wundergroundForecast td {
	
	text-align:center;
	padding:5px;
}

div#weatherChannelForecast td {
	
	text-align:center;
	padding:5px;
}


.forecastLoc  {
	font-size:12px;
	vertical-align:middle;	
	width:120px;
}
.forecastDay  {
	font-size:12px;

}
.wundergroundForecastBox {
	border: 1px solid #404040;
	vertical-align:top;
	width:120px;
}

.weatherChannelForecastBox {
	border: 1px solid #404040;
	vertical-align:top;
	width:120px;
}
.weatherChannelForecastBlank {
	border: none;
	width:120px;
}



.wundergroundIcon {
	float:left;
}
.weatherChannelIcon {
	margin-top:10px;
}

.wundergroundCond {
	clear:both;
	font-weight:bold;
}
.weatherChannelCond {
	font-weight:bold;
}

.forecastHigh {
	color:red;
}
.forecastLow {
	color:blue;
}
.forecastSource {
	text-align:left;
}

.forecastSource img {
	float:left;	
}

/* history page */

div#historyContents {
	position:absolute;
	left:220px;
	top:90px;
	right:20px;
	bottom:50px;
	font-size:10px;
	color:#404040;
	font-family:Verdana, Geneva, sans-serif;
	overflow:auto;
}

div#historyYear{
	min-width:600px;	
}

div#historyYear table{
	margin:auto;
	margin-top:30px;
	border-collapse:collapse;
}

.historyYearHeader {

	font-weight: bold;
	font-size: 10pt;
	text-align:center;
	padding:5px 10px 5px 10px;
	width:75px;
}


.historyYearCell {
	border:1px #404040 solid;
	font-weight: normal;
	font-size: 10pt;
	text-align:center;
}

.historyYearTotal {
	border:1px #404040 solid;
	font-weight: bold;
	font-size: 10pt;
	text-align:center;
	color:#D52D00;
}


.historyYearMonth {
	font-weight: bold;
	font-size: 10pt;
	text-align:right;
	padding: 5px 2px 5px 5px;
	padding:5px 10px 5px 10px;
	width:75px;

}
.historyYearYear {
	font-weight: bold;
	font-size: 12pt;
	text-align:center;
	padding: 5px 2px 5px 5px;
	color:#D52D00;
}

.switch {
	text-align:right;
	margin-right:20px;
	margin-bottom:-20px;
}

.switch a {
	font-size:12px;
	color:#2D89D5;
	text-decoration:none;
}

.switch a:hover {
	color:#d52d00;
}


.weatherText {
	margin:20px;
	font-size:11px;

}

.weatherText a {
	color:#2D89D5;

	text-decoration:none;
}

.weatherText a:hover{
	color:#d52d00;
}