body {
  font-family: Arial;
}

.data {
  padding: 0px;
  border-collapse: collapse;
  width: 100%;
  font-size: 11px;
  color: #FFF;
}
.header {
  background-color: #000;
  font-size: 12px;
  font-weight: bold;
}
.header a {
  color: #FFF;
}

.temp_row {
  height: 30px;
}
.wind_row {
  height: 30px;
  font-size: 15px;
}
.data_row {
  font-size: 13px;
}

.temp {
  font-size: 30px;
  color: white;
}
.temp_high {
  font-size: 12px;
  color: red;
  font-weight: bold;
}
.temp_low {
  font-size: 12px;
  color: blue;
  font-weight: bold;
}

.r {
  text-align: right;
}


#more_inner {
	text-align:center;
	font-size:12px;
	background-color: #fff;
	color: #000;
	border: 1px solid #fff;
	border-right-color: #b0b0b0;
	border-bottom-color: #c0c0c0;
	width:63px;
	cursor: pointer;
}

#more_inner.highlight {
	font-weight: bold;
	border: 1px solid #483D8B;
	border-right-color: #6495ed;
	border-bottom-color: #6495ed;
}

#box {  position:absolute;
	top:20px; left:-64px;
	margin-top:-1px;
	font-size:12px;
	padding: 6px 4px;
	width:120px;
	background-color: #fff;
	color: #000;
	border: 1px solid gray;
	border-top:1px solid #e2e2e2;
	display: none;
	cursor:default;
}

#box.highlight {
	width:119px;
	border-width:2px;
}

#box fieldset {
  padding: 0px;
  border: 0px;
}

#boxlink { color: #a5a5a5;
	text-decoration: none;
	cursor: default;
	margin-left: 33px;
}

#boxlink.highlight { color: #0000cd;
	text-decoration: underline;
	cursor: pointer;
}

table.sortable {
  width: 100%;
  font-size: 14px;
}

table.sortable a {
  text-decoration: none;
  color: #000;
}

table.sortable thead {
  background-color:#eee;
  color:#666666;
  font-weight: normal;
  cursor: default;
  text-align: center;
}
table.sortable thead th.al {
  background-color:#eee;
  color:#666666;
  font-weight: bold;
  cursor: default;
  text-align: left;
}
table.sortable td {
  text-align: center;
}
table.sortable td.al {
  text-align: left;
}

.unit {
  font-size: 10px;
  font-style: normal;
}


ul#tabs { 
  list-style-type: none; margin: 30px 0 0 0; padding: 0 0 0.3em 0; 
}
ul#tabs li { 
  display: inline; 
}
ul#tabs li a { 
  color: #42454a; background-color: #dedbde; border: 1px solid #c9c3ba; border-bottom: none; padding: 0.3em; text-decoration: none; 
}
ul#tabs li a:hover { 
  background-color: #f1f0ee; 
}
ul#tabs li a.selected {
   color: #000; background-color: #f1f0ee; padding: 0.7em 0.3em 0.38em 0.3em; 
}
div.tabContent { 
  border: 1px solid #c9c3ba; padding: 0.5em; background-color: #f1f0ee; width: 579px;
}
div.tabContent.hide { 
  display: none; 
}