/*
 +==========================================================================+
 |      Copyright (c) Pacific Disaster Center, Maui, Hawaii, USA            |
 |                         All rights reserved.                             |
 +==========================================================================+
  FILENAME: asean.css                                                   
 +==========================================================================+
  DESCRIPTION:                                                            
  CSS for Asean Hazard DB GUI                             
 +==========================================================================+
  HISTORY:                                                                
  [04-19-2006] dleong, created skeleton
  [07-12-2006] dleong, +various styles
  [08-16-2006] dleong, *td padding; misc add-ons
  [08-18-2006] dleong, +#srch
  [09-19-06] dleong, +#footer
  [07-11-07] dleong, puny updates
 +==========================================================================+
 	$Id: asean.css,v 1.18 2007/07/21 00:17:41 dleong Exp $ 
 +==========================================================================+
*/

BODY { margin:0;font-family:verdana,tahoma,helvetca;font-size:0.8em;color:#003373;text-align:center;background-color:#ffffff; }
P { font-family:verdana,tahoma,helvetca; font-size:1.0em; font-weight:normal; color:#003373; text-align:justify; margin:10 30 10 30; }
A:LINK, A:VISITED { font-weight:normal;text-decoration:underline;color:#003373; }
A:HOVER { font-weight:normal;text-decoration:none;color:red; }
A.sml:LINK, A.sml:VISITED { font-size:0.75em;font-weight:normal;text-decoration:underline; }
A.sml:HOVER { font-size:0.75em;font-weight:normal;text-decoration:none; }
H1 { font-size:1em;font-weight:bold;text-transform:uppercase;letter-spacing:2px;text-align:center;color:#000000;background-color:#FFF8DC;padding:8 0 8 0; }
H2 { font-size:1.0em;font-weight:bold;text-align:left; font-style:italic; }
H3 { font-size:1.1em;font-family:verdana,tahoma,helvetca;font-weight:bolder;text-align:center;text-transform:uppercase;letter-spacing:2px;color:#003373;background-color:#ffffff;padding:0 3 0 3; }

IMG { border:0; }
INPUT { font-family:verdana,tahoma,helvetca;font-weight:normal;font-size:0.9em; }
INPUT.short { width:30px; }
INPUT.medium { width:40px; }
INPUT.long { width:80px; }
INPUT.search { font-family:verdana,tahoma,helvetca;font-weight:normal;width:218px;margin-left:auto;margin-right:auto; }
FONT.required { font-size:1.2em;font-weight:bold;color:red; }
LABEL { font-size:0.8em;font-weight:bold;text-align:left; }
LI { padding:5 0 5 0; }
TEXTAREA, SELECT { height:50px;width:280px; }
TABLE { border-width:0px; border-style:solid; margin-left:auto;margin-right:auto;background-color:#ffffff;}
TABLE.sml { margin-left:auto; margin-right:auto; padding-top:40; width:30%; }
TABLE.inn { margin-left:auto; margin-right:auto; }
SELECT { font-family:verdana,tahoma,helvetca;font-size:0.85em;font-weight:normal; }
TD.us { font-size:0.7em; font-weight:normal; vertical-align:middle; }
TD { vertical-align:top;font-family:verdana,tahoma,helvetca;font-size:0.8em;font-weight:bold;text-align:left;color:#003373;white-space:nowrap; }
TH { font-size:0.8em;font-weight:bold;text-align:center;background-color:#d0d1d1;padding:3 3 3 3;white-space:nowrap;}
TR.odd { background-color: #f5f5f5; }
TR.even { background-color: #dfebfb; }
.basic { text-align:right; font-weight:bold; padding-right:3; white-space:nowrap; }
.radio { text-align:center;font-weight:normal;font-style:none; }
.desc { font-size:0.9em;font-style:italic;font-weight:normal; }
.errormessage { font-size:0.9em;color:red;font-weight:normal; }
.section { background-color:#cfe1f9;font-size:0.8em;font-weight:bold;text-align:left; font-style:italic;padding:1 1 1 2; }
.ctry { text-transform:uppercase;background-color:#cfe1f9; padding:4 4 4 4;}
.refine { font-size:0.9em;font-weight:bold;text-align:center;padding:5 2 5 2; }

#header table { background:url('http://www.pdc.org/images/topbg.gif');width:100%;border:0;padding:0 0 0 0; }
#header td.left { text-align:left; vertical-align:top; width:225; }
#header td.app { font-family:'Trebuchet MS',verdana,tahoma,helvetca; font-size:22px; font-weight:bold; color:#ffffff; text-align:center; vertical-align:middle; }
#header td.asean { text-align:right; vertical-align:top; width:81; padding-top:2px; }
#header td.right { text-align:right; vertical-align:top; width:190; }

#footer table { width:100%; }
#footer td { font-family:'Trebuchet MS',verdana,tahoma,helvetca; font-size:12px; font-weight:normal; vertical-align:bottom; padding: 0 1 0 1; }
#footer img { border:0; }

.single { height:17px }
.shortsel { width:100px; }
td.menu { color:#ffffff;font-weight:normal;padding:0 1 3 1; }
a.menu:link,a.menu:visited { font-size:0.9em;color:#ffffff;text-decoration:none;font-weight:bold; }
a.menu:hover { font-size:0.9em;color:#ffffff;text-decoration:underline; }

#valign { vertical-align:middle; }

#impact table { margin:0; padding:0 0 0 0; }
#impact td { vertical-align:middle; }

#adv table { margin:0; padding:0 0 0 0; }
#adv td { white-space:nowrap; font-weight:normal;}
#adv td.lbl { font-weight:bold; }

#main .std { width:138; }
#main .dat { width:114; }
#main .mm  { width:80; }
#main .ss  { width:45; }
#main .lat { width:268; height:145; }
#main .dis { height:145; }


#loss input { height:18; font-size:10px; }

#srch td { font-size:0.8em;font-weight:normal;padding:2 2 2 2; }