#container {
  margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
  z-index: 0;
  height: 1600px;
}

#title {
  /*background-color : #0000ff;*/
  position: absolute; left: 10px; top: 0px;
  /*width: 120px; height: 200px;*/
  z-index: 0;
}

#titleGraphic {
  position: absolute; left: 0px; top: 0px;
  text-align: center;
  visibility: hidden;
  z-index: 1;
}

#titleLinks {
  position: absolute; left: 0px; top: 0px;
  width: 400px;
  z-index: 1;
}

#titleData {
  position: absolute; left: 265px; top: -5px;
  width: 600px;
  z-index: 1;
}

#menu {
  /* position: absolute; left: 10px; top: 160px; */
  width: 210px;
  z-index: 0;
}

#networks {
  border: 1px solid black;
  background-color: #DFF2FC;
  color: red;
  padding: 10px;
  width: 210px;
  z-index: 1;
  background-image: url(../graphics/panga/bkgndnet.jpg);
  background-repeat: no-repeat;
}

.network, .currentNetwork {
  margin:2px;
  padding:2px;
}

.currentNetwork {
  background-color: #cccccc;
}

/* #stations {
} */

.station {
  /* position: absolute; left: 0px; top: 0px; */
  border: 1px solid black;
  background-color: #DFF2FC;
  color: red;
  padding: 10px;
  width: 210px;
  z-index: 1;
  visibility: hidden;
  display: none;
  background-image: url(../graphics/panga/bkgndnet.jpg);
  background-repeat: no-repeat;
}

#debugInfo {
  background-color : #dddddd;
  /* position: absolute; left: 900px; top: 10px; */
  z-index: 10;
}

a {
  color: #990000;
  text-decoration: none;
}

a:hover, a:active {
  color: #ff6600;
}

a:link, a:visited {
}

.stationLinkText, .bodyText, .titleText, .bigTitleText {
  font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.stationLinkText {
  font-size: 8pt;
}

.bodyText {
  font-size: 10pt;
}

#titleData.bodyText {
  font-size: 12px;
}

.titleText {
  font-size: 12pt;
}

.bigTitleText {
  font-size: 18pt;
}

#data {
  position: absolute; left: 270px; top: 10px;
  border: 0px solid #cccccc;
  padding: 10px;
  width: 500px;
  z-index: 0;
}

#plots {
  position: absolute; 
  left: 5px;
  top: 30px;
  border: 1px solid black;
  background-color: white;
  padding: 10px;
  z-index: 1;
}

#stationTitle {
  position: absolute;
  left: 0px;
  top: 0px;
  background-image: url(../graphics/panga/siteBox.gif);
  background-repeat: no-repeat;
  color: black;
  padding: 5px;
  padding-top: 25px;
  width: 90px;
  height: 90px;
  text-align: center;
  z-index: 2;
}

#rawTab, #detrendedTab, #cleanedTab {
  position: absolute;
  left: 100px;
  top: 12px;
  border: 1px solid black;
  border-bottom: 0px;
  background-color: #dddddd;
  color: black;
  padding: 1px;
  width: 100px;
  height: 21px;
  z-index: 1;
  text-align: center;
  cursor: pointer;
}

#rawTab {
  background-color: #ffffff;
  z-index: 2;
}

#detrendedTab {
  left: 203px;
}

#cleanedTab {
  left: 306px;
}

.plotWrapper {
  margin: 3px;
  padding: 7px;
  padding-right: 0px;
  /* border-bottom: 1px dotted #dddddd; */
}

#latPlot, #lonPlot, #radPlot, #stationName, #stationInfo {
  position: relative;
}

#latData, #lonData, #radData {
  margin-left: 10px;
  font-size: 10px;
}

.stationNameBig {
  font-size: 22px;
}

.stationNameLink  {	
  color: #cc0033;	
  font-size: 10px;
}

.plotTypeLink, .netNameLink {
  color: black;	
  font-size: 10px;
}

.posLink {
  color: #770000;	
  font-size: 10px;
}

.notAvailable {
  color: #aaaaaa;
  font-size: 10px;
}

.greylink {
  color: #666666; font-size: 9px;
}

#siteDown {
  /* position: absolute; left: 20px; top: 20px; */
  z-index: 1;
}
