/***************************************************************************
           ws.css  -  Stylesheet for the web services pages.
           ------
 begin     : Tue Apr 03 2007
 copyright : (c) 2007 by Center for Climatic Research, University of Delaware
 email     : quelch@udel.edu
 CVS       : $Id: ws.css,v 1.2 2007/04/03 18:53:18 quelch Exp $
 Release   : $Name: DEOS_2_2_1_0 $
 ***************************************************************************/


/***************************  SECTION 1  ***********************************/
/* Styles used by web services pages                                       */

BODY {
  text-align: center;
  background-color: #f0f0f0; 
  font-family: sans-serif; 
/*  font-size: 8px */
}
P {
  text-align: left;
}
TH {
  text-align: center
}
CAPTION { 
  font-weight: bold; 
  font-size: larger
}
.headings { /* Use for all variable headings in all data tables */
  font-size: 12px;
  background-color: #B0B0B0
}
TD.time { /* Use for any time displays in data tables on all ODD-DIVAS display pages */
  width: 80px; 
  text-align: center; 
  margin-right: 10px;
}
TD.datehour { /* Use for the hour (TD.hour) and date (TD.day) table data cells in daily and monthly summaries */
  width: 80px; 
  text-align: center; 
  margin-right: 10px;
  font-weight: bold
}
TD.attribution { /* Use for any data source information on all ODD-DIVAS display pages */
  text-align: center; 
  font-size: 14px
}

.vis_attr { /* use for the footnote marker on the visibility attribute */
  font-size: +1px
}

IMG.valid { /* Use for the valid image icons */
  border: 0px
}

IMG.feed_image { /* Use for the valid image icons */
  border: 0px
}

TABLE.disclaimer { /* Use for the disclaimer table */
  text-align: center
}

/*****  DATA  *****/
/* Use these with any data tables on all ODD-DIVAS display pages */
/* Replaces: .data class */
TABLE.data {
  background-color: #FFFFFF;
  border: 2px solid #000000;
  font-size: 14px
}
/* Replaces TD.hourdata, TD.summdata, TD. */
/* Use for any data cell that display values or values and their units */
TD.data {
  text-align: center;
}
/******************/


/*****  METADATA  *****/
/* Use these with the metadata table at the top of all ODD-DIVAS display pages */
TABLE.metadata {  
  background-color: #FFFFFF;
  border: 2px solid #000000;
  width: 400px;
  font-size: 14px
}
TD.metadata { /* For use with ALL metadata categories */
  width: 100px; 
  text-align: left;
}
/**********************/


/*****  GRAPHIC  *****/
/* Use these for all charts/graphics on any ODD-DIVAS display page */
A.graphic:link {
  color: white;
}
A.graphic:visited {
  color: white;
}
TD.graphic {
  text-align: center;
}
/********************/


/*****  GLOSSARY  *****/
/* Added .glossary to these tags to specify any links or headings linked to the glossary */
A.glossary {
  text-decoration: underline; 
  color: #003F80; 
  font-family: Helvetica, Tahoma, Arial, sans-serif; 
  font-size: 14px}
A.glossary:hover {
  text-decoration: none; 
  color: #3163CE; 
}
/**********************/
/***************************************************************************/


/***************************  SECTION 2  ***********************************/
/* For use only in Current Conditions Display */

TD.type { /* Same as before, all data types should be left aligned */
  text-align: left; 
  height: 30px;
}
TD.measure {
  width: 100px; 
  text-align: right; 
  margin-right: 100px; 
}
/***************************************************************************/


/***************************  SECTION 3  ***********************************/
/* For use only in Daily Summary Display */

/***************************************************************************/


/***************************  SECTION 4  ***********************************/
/* For use only in Network Status Display */

TABLE.legend { /* Use for the table containing legend information at the top of any network status page */
  text-align: left;
  font-size:  12px
}
TD.place { /* Replaces and TD.state -- All cities and states use this class */
  text-align: left;
  font-size: 14px
}
.red {
  background-color: red;
  font-size: 14px
}
.orange {
  background-color: #CC5200;
  font-size: 14px
}
.yellow {
  background-color: yellow;
  font-size: 14px
}
.green { /* Use for any USGS network station >= Bankfull */
  background-color: #A0F0A0;
  font-size: 14px
}

.blue { /* Use for any USGS network station >= Flood Stage/Critical Level */
  background-color: blue;
  font-size: 14px
}
/***************************************************************************/


/***************************  SECTION 5  ***********************************/
/* For use only in Period (Graphical) Data Display */

/***************************************************************************/


/***************************  SECTION 6  ***********************************/
/* For use only in Monthly Summary Display */

/***************************************************************************/


/***************************  SECTION 7  ***********************************/
/* For use only in the ODD-DIVAS retrieval list */
TD.network {
  text-align: center; 
  font-size: 12px
}
TD.datalink {
  text-align: center; 
}
/***************************************************************************/


/***************************  SECTION 8  ***********************************/
/* Undefined Styles -- I could not figure out where these go, but I'm sure they're used for something */
TH.value {
  text-align: center; 
}
TD.value {
  text-align: center; 
}
TH.datetime {
  width: 80px; 
}
TD.datetime {
  text-align: center; 
}
.location { 
  font-size: smaller;
}
/***************************************************************************/