/*
+==========================================================================+
|         Copyright (c) Pacific Disaster Center, Maui, Hawaii, USA         |
|                           All rights reserved                            |
+==========================================================================+
 FILENAME: rr_styles.css
+==========================================================================+
 DESCRIPTION:  regional reporter default (iweb4-based) styles
+==========================================================================+
 HISTORY:
 2007
 [01-24] rbraden, initial commit
 [02-26] rbraden, Added whimsical test table classes for formatting tests
 [03-20] dleong, modified to iweb4-based look/feel as default
 [03-23] dleong, various updates with new blocks for header, map, etc
 [09-27] rbraden, changed position of header caption (more centered),
          positioned legend below map, centered.
 2009
 [11-12] rbraden, reduced subtitle size. Shifted header subcaption down and
          to left for world timestamps.
 [11-23] rbraden, shifted header subcaption up 12px for Firefox.
                  -restored 'margin-top:16px;' in 'container' to gain space
                  below timestamps.
 [11-30] rbraden, removed img padding so that the map and overview
                  appear even at the top in Firefox.
 [12-01] rbraden, added div id="err" definition.
 [01-28] rbraden, removed logo file url from # header #logo, added it to jsp
          to make it print in hard copy.
          -added some formatting to # header #caption
+==========================================================================+
 $Id: rr_styles.css,v 1.18 2011/09/21 01:46:09 rbraden Exp $
+==========================================================================+
*/

BODY {
  font-family:'Trebuchet MS', verdana, tahoma;
  font-weight: normal;
  font-size:13px;
  color:#000;
  margin:10 20px; }
A {
  color:#27b;
  text-decoration:underline; }
A:hover {
  text-decoration:none; }
IMG { /* padding:10px; */ }
TABLE {
  border-collapse:collapse;
  border-spacing:0 0;
  margin-left:25px;
  margin-bottom: 18px; }
TH {
  padding:2 4;
  font-weight:normal;
  font-size:13px;
  text-align:center;
  border:1px solid #ccc;
  color:#fff;
  background-color:#31659c;}
TD {
  padding:1 4px;
  font-size:11px;
  border:1px solid #ccc;
  color:#31659c;
}
TR.evenrow {
  background-color: #ecefef;}
TR.evenrowB {
  font-weight: bold;}
TR.oddrow {
  background-color: #fff;}
H1 { /* caption */
  color: #555;
  font-weight: bold;
  font-size: 26px; }
H2 {
  color: #000066;
  font-weight: bold;
  font-size: 18pt;
}
HR {
  width: 70%;
/*  padding:8px 5;
  background:#fff url(/rr/media/loaded.gif) no-repeat center center;
  border:0px;
  font-size:0px;
  color:#27b; */
}

.level1 { /* e.g. Hazards */
  text-align: left;
  color: #27b;
  font-size: 25px;
  font-weight:normal;
  padding-top:10px;
  border-bottom:1px dashed #adf;
}

.level2 { /* e.g. CURRENT HAZARDS */
  color: #555;
  font-size: 18px;
  font-weight:normal;
  text-transform:uppercase;
  text-decoration:overline;
  padding-top:3px; }

.level3 { /* e.g. Historical Earthquakes */
  color: #369;
  font-size: 19px;
  font-style:normal;
  font-weight:normal;
  padding-left:10px;
  margin-bottom:-3px; }

.level4 { /* e.g. Recent earthquakes (past 7 days) */
  font-weight: bold;
  font-size: 16px;
  font-style: italic;
  line-height:24px;
  padding-left:25px; }

#header {
  padding-bottom:0px;
  border-bottom:0px solid #555; }
#header #logo {
  /* background:#fff url('http://www.pdc.org/images/pdc-g.png') no-repeat; */
  background:#fff;
  height:54px; }
#header #caption {
  text-align:center;
  text-decoration:none;
  font-weight: bold;
  font-size: 26px;
  color: #555;
  line-height:10px;
  font-stretch:ultra-expanded;
  position:relative;
  bottom:-36px;
  margin-left:5px; }
#header #subcaption {
  position:relative;
  margin-left:40px;
	 text-align:center;
  text-decoration:none;
  line-height:24px;
  font-stretch:ultra-expanded; }
#container {
  padding:10px 0;
  /* margin-top:16px; */
  position:relative;
  border-top:0px solid #ccc;
  border-bottom:0px solid #ccc; }
#err{
  margin-top:40px;
  border-top:1px dashed #adf; }
#area {
  margin:10 auto;
  width:840px; }
#area .text {
  text-align:left;
  padding:0;
  margin:0; }
#area .map {
  float:left;
  width:500px;
  margin:0;
  padding:10 0px; }
#area .legend {
  float:left;
  padding:10 0;
  margin-left: 40px; }
#loading {
  padding:12px 5;
  background:#fff url(/rr/media/loading.gif) no-repeat center center; }
#tables {
  float:left;
  /* margin:0; */
  padding:10 0px; }
#wait {
  padding:10px 5;
  background:#fff url(/rr/media/loaded.gif) no-repeat center center;
  cursor:wait; }
#footnotes {
  float:left;
  line-height:14px;
  font-size: 12px;
  color:#000000; }
.divider {
  padding:8px 5;
  background:#fff url(/rr/media/loaded.gif) no-repeat center center; }
.crimson {
  color: #990000; }
.history {
  color: #663333; }
.concrete {
  color:#663366; }
.stats {
  color:#996600; }
.earth {
  color:#336633; }
.notes {
  color:#000000;
  line-height:12px;
  font-size: 12px;
  font-weight:normal;
  font-style: normal; }





