/* ----------------------- MasterHeader ---------------------- */
.MasterHeader { 
	font-family: Arial, Helvetica; 
	font-weight: bold; 
	color: black;
	font-size: 12px;
	border: 0px solid red;
	padding: 0px 0px 0px 0px;
	/* border-width: 2px 4px 4px 2px;*/
	border-spacing: 0px;
	margin: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	width: 90%;
}
.MasterHeader tr {
	border: 0px solid #999999;
	border-style: solid;
}

.MasterHeader td {
	white-space: nowrap;
	empty-cells: hide;
	border: 0px solid #999999;
	border-style: solid;
	border-color: Red;
	padding: 0px 0px 0px 0px;
}

/* ----------------------- frontPage ---------------------- */
.frontPage {  
	font-family: Verdana, Tahoma, Arial, Helvetica; 
	/*font-weight: bold; */
	color: black;
	font-size: 16px;
	border: 0px ;
	border-spacing: 0px;
	margin: 0px;
	/*Forces the page width to 700px - RMJ*/
	width: 980px;
}

.frontPage tr {
	border: 0px ;
	/*border-style: solid;*/
	text-align:  left;
}

.frontPage th {
	font-size: 20px;
	/*font-style: italic;*/
	
	height:35px;
	
	
	
}

.frontPage td {
	white-space: normal;
	empty-cells: hide;
	border: 0px;
	/*border-style: solid;*/
	/*border-color: Red;*/
	padding: 15px;
}

/* ----------------------- contentTable ---------------------- */
.contentTable {  
	font-family: Verdana, Tahoma, Arial, Helvetica; 
	color: black;
	font-size: 12px;
	margin: 1px;
	width: 980px;
	min-height: 500px;
	height: 500px;
	
	
}
.contentTable tr {
	
}

.contentTable td
{
	white-space: normal;
	empty-cells: show;
	border-style: none;
	padding: 5px;
	text-align: left;
	vertical-align: top;
}

/* ----------------------- contentSections ---------------------- */
.contentSectionsTable {  
	font-family: Verdana, Tahoma, Arial, Helvetica; 
	color: black;
	font-size: 12px;
	margin: 1px;
	/*width: 1000px;*/
	/*height: 500px;*/
	
}
.contentSectionsTable tr {
	
}

.contentSectionsTable td
{
	white-space: normal;
	empty-cells: show;
	border-style: none;
	padding: 20px;
	text-align: center;
	vertical-align: middle;
}

/* ----------------------- stnTable ---------------------- */
.stnTable
{
	/*background-color: #eeeeee;*/
	font-family: Verdana, Tahoma, Arial, Helvetica;
	color: black;
	font-size: 10px;
	border-spacing: 0px;
	padding: 5px;
	border-collapse: collapse;
	width: 100%;
	border-width:1px;
	border-color:#cccc99;
	border-style: solid;
}
.stnTable th 
{
	background-color: #cccc99;
	font-size:14px;
	font-weight: bold;
	white-space: nowrap;
	border-width: 1px;
	border-style: solid;
	border-color: #cccc99
}

.stnTable th.thumb
{
	border-width: 0px;
	border-style: solid;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: 0px;
}
.stnTable tr {
	
}

.stnTable td
{
	/*white-space: nowrap;*/
	empty-cells: show;
	border-width: 1px;
	border-style: solid;
	border-color: #cccc99;
	vertical-align: middle;
	vertical-align: middle;
	text-align: left;
	vertical-align: middle;
	clear: none;
}
.stnTable imgThumb
{
	float: right;
}

.stnTable td.thumb
{
	empty-cells: show;
	border: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #cccc99;
	padding-bottom: 1px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	margin: 1px;
}

.stnTable a
{
	color: blue;
}

.stnTable td.desc
{
	white-space: normal;
}
.stnTable td.siteid
{
	white-space: normal;
}
.stnTable td.datetime
{
	white-space: normal;
}
.stnTable td.value
{
	white-space: normal;
}

.stnTable td.ok
{
}

.stnTable td.behind
{
	background-color: yellow;
}

.stnTable tr.late
{
	background-color: yellow;
}

.stnTable td.missing
{
	background-color: red;
}

.stnTable td.unknown
{
	background-color: red;
}

/* ----------------------- Station View ---------------------- */
.stnPicture
{
	border-width: 1px;
	border-style: solid;
	border-color: #cccc99;
	
}

.stnPictureCell
{
	text-align:center;
	vertical-align: top;
	width: 450px;
}
.stnInfoCell
{
	text-align: left;
	vertical-align: top;
	/*width: 100%;*/
}

/* ----------------------- Site List ---------------------- */
.siteList
{
	/*background-color: #eeeeee;*/
	font-family: Verdana, Tahoma, Arial, Helvetica;
	color: black;
	font-size: 10px;
	border-spacing: 0px;
	padding: 5px;
	border-collapse: collapse;
	width: 100%;
	border-width:1px;
	border-color:#cccc99;
	border-style: solid;
}
.siteList th 
{
	background-color: #cccc99;
	font-size:14px;
	font-weight: bold;
	white-space: nowrap;
	border-width: 1px;
	border-style: solid;
	border-color: #cccc99;
	padding: 8px;
}
.siteList tr {
	
}

.siteList td {
	/*white-space: nowrap;*/
	empty-cells:  show;
	border-width: 1px;
	border-style: solid;
	border-color:  #cccc99;
	vertical-align: middle;
	text-align: left;
}
.siteList a
{
	color: blue;
}
/* ----------------------- End Site List ---------------------- */

/* ----------------------- links ---------------------- */
.links {  
	font-family: Verdana, Tahoma, Arial, Helvetica; 
	/*font-weight: bold; */
	color: black;
	font-size: 10px;
	/*border: red;*/
	/*border-width: 2px 4px 4px 2px;*/
	border-spacing: 0px;
	padding: 5px;
	margin: 1px;
	
}
.links tr {
	border: 0px ;
	
}


.links th
{
	vertical-align: middle;
	/*background-color: #cccc99;*/
	text-align: center;
	padding:10px;
	/*height: 20px;*/
	white-space: nowrap;
}
.links td
{
	white-space: normal;
	empty-cells: hide;
	border: 0px;
	/*border-style: solid;*/
	/*border-color: Red;*/
	padding: 5px;
	vertical-align: middle;
	text-align: left;
	/*height: 100px;*/
}


/* ----------------------- Icon ---------------------- */
.icon
{
	width: 50px;
	height: 50px;
	text-align: center;
	vertical-align: middle;
}
.photoCredit
{
	font-family: Verdana, Tahoma, Arial, Helvetica; 
	font-size: 7pt;
}


/* ----------------------- Debug ---------------------- */
.Debug
{
	font-family: Arial, Helvetica; 
	font-weight: bold; 
	color: red;
	font-size: 11px;
}



/* -----------------------.NET Menu-------------------- */

.menu 
{
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
	background-color: #cccc99;
	color: Black;
	font-family: Verdana, Tahoma, Arial;
	cursor: hand;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	width: 980px;
}

.menuDynItem
{
	text-align: left;
	font-size: 10pt;
	background-color: #cccc99;
	color: Black;
	font-family: Verdana, Tahoma, Arial;
	font-weight: bold;
	padding: 5px;
	cursor: hand;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}

.menuDynSelected
{
	text-align: left;
	font-size: 10pt;
	background-color: #cccc99;
	color: Black;
	font-family: Verdana, Tahoma, Arial;
	/*border-width: 1px;
	border-style: solid;*/
	font-weight: bold;
	padding: 5px;
	cursor: hand;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}

.menuDynHover
{
	text-align: left;
	font-size: 10pt;
	background-color: #78574E;
	color: white;
	font-family: Verdana, Tahoma, Arial;
	/*border-width: 1px;
	border-style: solid;*/
	font-weight: bolder;
	padding: 5px;
	cursor: hand;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}

.menuStaticItem
{
	text-align: left;
	font-size: 10pt;
	background-color: #cccc99;
	color: Black;
	font-family: Verdana, Tahoma, Arial;
	border-width: 0px;
	border-style: solid;
	font-weight: bold;
	padding: 5px;
	cursor: hand;
	
}

.menuStaticSelected
{
	text-align: left;
	font-size: 10pt;
	background-color: #cccc99;
	color: Black;
	font-family: Verdana, Tahoma, Arial;
	border-width: 0px;
	border-style: solid;
	font-weight: bold;
	padding: 5px;
	cursor: hand;
	
	
}

.menuStaticHover
{
	text-align: left;
	font-size: 10pt;
	background-color: #78574E;
	color: white;
	font-family: Verdana, Tahoma, Arial;
	font-weight: bolder;
	padding: 5px;
	cursor: hand;
}

/* ----------------------- wholeThing ---------------------- */
.wholeThing {  
	min-width: 500px; /* Need to coordinate with banner width */
	max-width: 980px;
	width:980px;
	border: 0px solid red;
}

/* ----------------------- body ---------------------- */
body 
{
	font-family: Verdana, Tahoma, Arial;
	background: #ffffff;
	background-color: #ffffff;
	margin: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

/* ------------------ Drought Map Thumbnails ----------------- */
.droughtThumb
{
	display:inline;
	text-align:center;
	width:160px;
	float:left;
}

.droughtThumbLabel
{
	font-weight:bold;
	width:160px;
}