/*
+==========================================================================+
|         Copyright (c) Pacific Disaster Center, Maui, Hawaii, USA         |
|                           All rights reserved                            |
+==========================================================================+
 FILENAME: styles.css                                                 
+==========================================================================+
 DESCRIPTION:  
 mde specific styles supplemental to style-base.css (from iweb)                                
+==========================================================================+
 HISTORY:                                                             
 2009
 [07-09] dleong, created
 [09-04] dleong, *icon
 [10-06] dleong, use context images
 2010-08-04 dleong, +styles for stand alone pages
+==========================================================================+
	$Id: styles.css,v 1.5 2010/08/04 19:37:55 dleong Exp $
+==========================================================================+
*/

body { 
	background:#fff url("../images/bg-grey.gif") repeat-x; 
	font-size:12px;
}
body.title {
	background:#ccc url("../images/bg_header.png") repeat-x;
	height:101px;
}
body.strip  {
	background: #363636;
	color: #fff;
	border-top:1px solid #A0A0A0;
}
body.strip a:link, body.strip a:visited  {
	color:#fff; 
	font-family:Tahoma;
	font-size: 11px;
	font-weight:normal;
}
body.strip a:hover {
	color:#fbbe2c;
}
body.map {
	background-color:#99bad5;
}
dl {
	margin-left:30px;
	font-size:13px;
}
dt {
	padding-left:0px; 
}
em {
	font-weight:bold;
	font-style:normal;
}
table.left, maintext table.left {
	margin-left:0px;
}
table.full-width, maintext table.full-width {
	width:100%; 
}
td.right {
	text-align:right;
	padding-right:10px;
	padding-top:5px !important;
	padding-top:0px;
}
td.center {
	text-align:center;
}
.application {
	position:relative;
	top: 30px;
	margin:0 230px;
	font-size: 21px;
	font-style:italic;
	font-weight:bold;
	text-align:center;
	color:#75beef;
}
.border {
	border:1px solid #555;
}
.border-top {
	border-top:1px dashed #a0a0a0;
}
.bg-highlight {
	background:#99bad5; 
}
.emp {
	font-weight:bold;
	font-style:italic;
}
.ex-head {
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	margin: 0px auto;
	padding: 3px 6px;
	background: #666 url(../images/bg-off.gif) repeat-x;
	color: #f4f4f4;
}
.ex-con {
	margin: 0px auto;
}
.icon {
	vertical-align:middle;
	border:0px solid red;
	margin:0 5px 2px 5px;
}
.inline { 
	display: inline; 
}
.maintext {
	padding:25px;
	border:0px solid red;
}

.loner { position:absolute;top:93px; }
.maintext ul, .maintext .dent { padding-left: 25px; }
.maintext	li { padding-bottom:3px; }
.maintext	.dent-less { padding-left: 17px; }
.maintext	.hide { display: none; }
.maintext .empx { color:#a40402; }
.maintext .right { float:right; padding-left:10px; }

.label, maintext table td.label {
	font-weight:bold;
	font-style:none;
	font-size:13px; 
}
.name {
	font-style:italic;
	font-weight:normal;
}
.pow {
	font-size: 11px; 
	font-style:normal;
	font-weight:normal;
	color:#C0C0C0;
}
.underline {
	text-decoration:underline;
}
/* >>>>> LOGO >>>>> */
#logo {
	background:transparent url("../images/bg_wave.png") no-repeat;
	position:absolute;
	top:0px;
	left:0px;
	width:583px; 
	height:101px;
}
#logo-spacer {
	position:absolute;
	top:5;
	left:10;
	z-index:99;
	height:87px;
	width:230px;
	border:0px solid blue; 
}
/*
#logo-patch {
	float:right;
	background:transparent url("../images/iweb5/bg_banner-r.png") no-repeat right top;
	margin-right:0px;
	width:380px;
	height:109px;
	border:0px solid red;
}
*/
/* >>>>> MENU (used in browse.jsp) >>>>> */
#menu, #menu a, #menu td, input.text, select.text {
	font-family: Arial,Sans Serif,Verdana;
	font-size: 12px;
}
#menu {
	color: #253c56;
	padding: 2px;
	border:0px solid red;
}
#menu li {
	margin-left:17px;
}