body {
	margin: 0;
	padding: 0;
	background: #af9;
	color: #006;
	font-family: sans-serif;
}

h1 {
	background-image: url("/cs-treeline-5868.jpg");
	color: white;
	margin: 0;
	height: 140px;
}

.h1-logo {
	margin-top: 60px;
}

h2 {
	margin-top: 0;
	color: #006;
	margin-bottom: 0;
	padding-bottom: 0;
}

th {
	font-size: 150%;
}

.top {
	height: 35px;
}

.rise {
	/*background-image: url("/trans-grey.png"); */
	background-image: url("/green-grey.png"); 
	background-repeat: repeat-x;
	height: 20px;	
	margin-top: 10px;
}

.drop {
	/*background: #af9 url("/grey-trans.png") repeat-x;*/
	background: #af9 url("/grey-green.png") repeat-x;
	height: 20px;	
}

a {
	color: #006;
	text-decoration: none;
	font-weight: bold;
}

table, tr, td, th {
	border: 0;
}

a:hover {
	border-top: 1px solid #006;
	border-bottom: 1px solid #006;
}

h1 img, h1 a {
	border: none !important;
}

.outer {
	color: #64739e;
	font-weight: normal;
	margin: 20px 0 0 5%;
	width: 42.5%;
	float: left;
}

.outerWide {
	color: #64739e;
	font-weight: normal;
	margin: 20px 0 0 5%;
	width: 90%;
	float: left;
}

.p-shadow {
  float:left;
  background: url(/img/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/img/shadow-to-green.gif) no-repeat bottom right;
  margin: 10px 0 25px 10px !important;
  margin: 10px 0 25px 5px;
	width: 98%;
}

.p-shadow .p-inner {
  background: none !important;
  background: url(/img/shadow-to-green-2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
}

.p-shadow .content {
  color: #444;
  background-color: white;
  border: 1px solid #a9a9a9;
  padding: 4px;
  padding: 0;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
}

.content p, .content dl {
	padding: 4px;
	padding-left: 1ex;
}

dt {
	border-top: 1px solid #99c;
}

dt:first-child {
	border-top: 0 !important;
}

.forecast {
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	font-size: smaller;
	padding-left: 1px;
	/*height: 200px;*/
}

.forecastIcon {
	text-align: center;
	float: left;
	width: 11.1%;
	background: white;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
}

.forecastIcon:hover {
	background: #ccf;
	padding-left: 0;
	padding-right: 0;
}

.forecastDescription {
	clear: both;
	padding: 5px 0 5px 0;
	background: white;
	height: 3em;
}

.forecast:hover .forecastDescription {
	background: #ccf;
}

.forecast:hover .description {
	background: #ccf;
}

.forecast:hover .forecastDescription span {
	display: none;
}

.dsc {
	display: none;
}

.forecastIcon:hover .dsc {
  display: block;
  position: absolute; 
	float: left;
  top: 250px;
  left: 0;
  padding: 0px; 
  padding-left: 2px;
  margin-right: 20%;
  margin-left: 6%;
	text-align: left;
  z-index: 101;
}

.more, .moreLink, .warnings {
	clear: both;
	padding: 2ex 1ex 0;
}

.errorMsg, .warnings {
	text-align: center;
}

.errorMsg, .warnings a {
	/*font-weight: normal !important;*/
	color: red !important;
}

.more {
	/*display: none;*/
}

.moreLink {
	text-align: right;
}

h3 {
	/*font-family: georgia, serif;*/
	font-style: italic;
	margin: 0;
	padding: 4px;
	text-align: right;
	color: white;
	background: #aaf;
}

.unreliable {
	font-weight: bold;
	color: grey;
	font-style: italic;
}

.unknown {
	color: red;
	font-style: italic;
}

.button {
	/*
	font-size: smaller;
	font-variant: small-caps;
	color: black;
	background: orange;
	vertical-align: top;
	*/
	font-style: normal;
	padding: 0 1ex;
	cursor: pointer;
}

.toolbar {
	display: none;
	color: #64739e;
	font-weight: normal;
	margin: 20px 0 0 5%;
	width: 90%;
	float: left;
	clear: both;
	font-size: smaller;
	text-align: center;
}

.toolbar p {
	margin: 0;
	padding: 0.5ex;
}

.toolLink {
	display: none;
}