/**
 * $Id$
 *
 * ANF Website Stylesheet: includes all div, class and block level elements
 *
 * @package  ANF website
 * @author   Rob Newman <rlnewman@ucsd.edu> x21333 
 * @version  $Revision$
 */

/* Import stylesheets */
@import url( "/css/sta_detail.css" ) ; /* Stations detail page */
@import url( "/css/tools.css" ) ;      /* Tools pages */
@import url( "/css/stations.css" ) ;   /* Stations page */
@import url( "/css/spevents.css" ) ;   /* Special events */
@import url( "/css/webdlmon.css" ) ;   /* Webdlmon */
@import url( "/css/splash.css" ) ;     /* Splash page */
@import url( "/css/admin.css" ) ;      /* Admin area */
@import url( "/css/dialog.css" ) ;     /* CSS dialog boxes */

@import url( "/css/stations_css.php" ) ; /* Stations page pf generated */

/* {{{ CSS Layout Positioning */
#content { padding:0px;margin:0px; }
#header { padding:0px;margin:0px;text-align:center; }
#main { padding:5px;margin-left:151px;margin-right:9px;voice-family:"\"}\"";voice-family:inherit;margin-left:201px;margin-right:11px; }
html>body #main { margin-left:201px;margin-right:11px; }
#navigation { position:absolute;left:10px;top:30px;width:150px; }
#footer { clear:both;position:relative;margin-top:30px;margin-left:151px;voice-family:"\"}\"";voice-family:inherit;margin-left:201px;bottom:10px; }
html>body #footer { margin-left:201px; }
/* }}} CSS Layout Positioning */

/* {{{ Redefine HTML tags */
html { font-size:100%;min-width:900px; }
body { background-color:white;margin:0px;padding:10px;color:white;font-size:100%;font-family:"Trebuchet MS",Verdana,sans-serif; }
* html body { padding:0; }
h1 { font-size:1.6em;color:#900;text-transform:capitalize;text-align:center; }
h2 { font-size:1.4em;color:#900; }
h3 { font-size:1.2em;color:#8B7355; }
h4 { font-size:1.1em;color:black;font-weight:bold; }
h5 { font-size:1.0em;color:black;font-weight:bold; }
table { border-style:hidden;font-family:"Trebuchet MS",Verdana,sans-serif;font-size:1.0em;color:black; }
table caption { white-space:nowrap;padding:5px;font-weight:bold; }
td { border:1px solid #555;padding:3px;background-color:#FFF; }
th { border:1px solid #555;color:white;background-color:#900;padding:3px; }
p { font-family:"Trebuchet MS",Verdana,sans-serif;font-size:1.0em;color:black; }
pre { font-family:Georgia,Arial,Helvetica,Times,sans-serif;font-size:1.0em;color:black; }
/* }}} Redefine HTML tags */

/* {{{ Navigation */
#navigation p { display:block;background:transparent;font:bold 1.0em "Trebuchet MS",Verdana,sans-serif;border:1px black dotted;padding:3px; }
#navigation p.anfnav { color:black;background-color:#B3B3C7; }
#navigation p.usarraynav { color:white;background-color:#900; }
#navigation p.admintoolsnav { color:white;background-color:#5CADFF; }
#navigation p.flexarraynav { color:white;background-color:navy; }
#navigation ul { list-style:none; }
#navigation ul li { display:block;background:transparent;color:black;font:normal 1.0em "Trebuchet MS",Verdana,sans-serif;text-decoration:none; }
/* }}} Navigation */

/* {{{ Generalized classes */
.min800px { height:800px; }
.code { font-family:Courier,serif;font-size:1.0em;color:#900;border:1px solid black;padding:3px;background-image:url(/images/code_bkgrd.png); }
.mailTable {
   width: 100% ;
   border:1px solid black ;
   margin-bottom:0.5em ;
}
.tableTitle {
   background-color: #900 ;
   color: white ;
   font-weight: bold ;
   text-align: center ;
   white-space:nowrap ;
}
.tableContent { border:1px solid #555;white-space:nowrap; }
.tableContentLink a:link, .tableContentLink a:visited, .tableContentLink a:hover, .tableContentLink a:active { color:black;font-weight:bold; }
.tableContentNumber { border:1px solid #555;text-align:center;font-weight:bold;white-space:nowrap; }
.tableSubTitle { color:#8B7355;font-weight:bold;text-align:center;background-color:#FFC;white-space:nowrap; }
.tableContentTitle { font-weight:bold;text-align:center;background-color:#8B7355;color:white;border:1px solid #333;white-space:nowrap; }
.tableContentContent { color:black;text-align:center;background-color:#F5F5DC;border:1px solid #333;white-space:nowrap; }
.tableContentAuth { color:black;text-align:center;background-color:#FFF;border:1px solid #333;white-space:nowrap; }
.sitephotonav { text-align:center;width:100%;background-image:url(/images/code_bkgrd.png);border:1px solid black;padding:5px; }
.lastMod { margin-top:4.0em;font-weight:bold; }
/* }}} Generalized classes */

/* {{{ Publications page */
table.publications { width:100%; }
table.publications td { border:1px solid #333; }
table.publications td.odd { background-color:#FFFFCC; }
table.publications td.even { background-color:#DED5C9; }
table.publications td div.arrowicon { float:right;width:14px }
table.publications .abstract { border:1px solid #8B7355;background-image:url(/images/code_bkgrd.png);padding:3px;margin-bottom:15px; }
table.publications .author { color:navy;font-weight:bold; }
table.publications .title { color:#333;font-weight:bold;text-decoration:underline; }
table.publications .publisher { color:#8B7355;font-weight:bold; }
table.publications .iconimage { border:none; }
/* }}} Publications page */

/* Form section - replicate a table */
.form {
   width: 90%; 
   font: normal 1.0em Georgia,Arial,Helvetica,Times,sans-serif;
   font-weight: bold ;
   color: #333 ;
   background-image: url(/images/code_bkgrd.png) ; 
   border: 1px solid black; 
   padding-top: 5px;
   padding-bottom: 15px;
   margin: 0px auto;
}
.form legend {
   font: normal 1.2em Georgia,Arial,Helvetica,Times,sans-serif;
   font-variant: small-caps ;
   font-weight: bold ;
   border: 1px solid black ;
   color: navy ;
   background-image: url(/images/code_bkgrd.png) ; 
   padding: 0.2em ;
}
.row {
   padding: 1.2em 0em ; 
   clear: both;
   padding-top: 5px;
   padding-bottom: 5px;
}
.row span.text {
   width: 100% ;
   margin: auto ;
   text-align: center;
}
.row span.label {
   float: left;
   width: 40% ;
   text-align: right;
   font-weight: bold ;
   color: #000 ;
}
.row span.formw {
   float: left;
   width: 40% ;
   text-align: left;
}
.row span.status {
   float: left;
   width: 20% ;
   text-align: left;
   color: #900 ;
   font-weight: bold; 
}
#main li {
   background: transparent;
   color: black;
   text-decoration: none;
   list-style-image: url(/images/icons/anf_bullet.gif);
}

/* CSS pseudo class selectors */
a:link {
   text-decoration: underline;
   color: navy;
   background: transparent; 
}
a:visited {
   text-decoration: underline;
   color: #333 ;
   background: transparent; 
}
a:hover {
   text-decoration: none;
   color: #900;
   background: transparent; 
}
a:active {
   text-decoration: underline;
   color: navy ;
   background: transparent; 
}


h2 a:link, h2 a:visited {
   text-decoration: underline;
   background: transparent;
   color: #900;
}
h2 a:hover {
   text-decoration: underline ;
   background: transparent;
   color: #600;
}
h2 a:active {
   text-decoration: underline;
   background: transparent;
   color: #900;
}


h3 a:link, h3 a:visited {
   text-decoration: underline;
   background: transparent;
   color: #8B7355;
}
h3 a:hover {
   text-decoration: underline ;
   background: transparent;
   color: #600;
}
h3 a:active {
   text-decoration: underline;
   background: transparent;
   color: #8B7355;
}

#pfooter a:active {
   display: block;
   padding: 3px;
   margin: 0;
   background: transparent;
   color: black;
   border-top: dotted 1px black;
   border-right: dotted 1px black;
   font: normal 1.0em Georgia,Times,serif;
   text-decoration: none;
}

#barnav li a {
   display: block;
   padding: 3px;
   margin: 0;
   background: transparent;
   color: black;
   border-top: dotted 1px black;
   border-right: dotted 1px black;
   font: normal 1.0em "Trebuchet MS",Verdana,sans-serif ;
   text-decoration: none;
}
/* Star hack for IE */
* html body div#navigation li {
	border: 1px solid #FFF ;
}
#barnav li a:hover {
   background: #B3B3C7;
   color: white;
   font: normal 1.0em "Trebuchet MS",Verdana,sans-serif ;
   text-decoration: none;
}
#nav li a:active {
   background: gray;
   font: normal 1.0em "Trebuchet MS",Verdana,sans-serif ;
   text-decoration: none;
}
#usarraynav li a {
   display: block;
   padding: 3px;
   margin: 0;
   background: transparent;
   color: black;
   border-top: dotted 1px black;
   border-right: dotted 1px black;
   font: normal 1.0em "Trebuchet MS",Verdana,sans-serif ;
   text-decoration: none;
}
#usarraynav li a:hover {
   background: #900;
   color: white;
   font: normal 1.0em "Trebuchet MS",Verdana,sans-serif ;
   text-decoration: none;
}
#admintoolsnav li a {
   display: block;
   padding: 3px;
   margin: 0;
   background: transparent;
   color: black;
   border-top: dotted 1px black;
   border-right: dotted 1px black;
   font: normal 1.0em "Trebuchet MS",Verdana,sans-serif ;
   text-decoration: none;
}
#admintoolsnav li a:hover {
   background: #5CADFF;
   color: white;
   font: normal 1.0em "Trebuchet MS",Verdana,sans-serif ;
   text-decoration: none;
}
#flexarraynav li a {
   display: block;
   padding: 3px;
   margin: 0;
   background: transparent;
   color: black;
   border-top: dotted 1px black;
   border-right: dotted 1px black;
   font: normal 1.0em "Trebuchet MS",Verdana,sans-serif ;
   text-decoration: none;
}
#flexarraynav li a:hover {
   background: navy ;
   color: white;
   font: normal 1.0em "Trebuchet MS",Verdana,sans-serif ;
   text-decoration: none;
}
.lastListItem {
	border-bottom:dotted 1px black;
}
/* Star hack for IE */
* html body div#navigation li.lastListItem {
	border-bottom:dotted 1px black;
}

.tableTitle a {
   color: white ;
   text-decoration: underline ;
}
.tableTitle a:hover {
   color: #8B7355 ;
   text-decoration: underline ;
}
/* Special Events Styles */
.red {
   color: #FF0000 ;
   font-weight: bold ;
}
.orange {
   color: #FF9900 ;
   font-weight: bold ;
}
.brown {
   color: #8B7355 ;
   font-weight: bold ;
}
.yellow {
   color: #FFFF00 ;
   font-weight: bold ;
   background-color: #0000FF ;
   padding: 2px ;
}
.flag {
   border: 1px solid #000000 ;
   height: 14px ;
   width: 14px ;
}
table.summary a, table.summary a:link, table.summary a:visited {
   text-decoration:none;color:black;
}
table.summary a:hover {
   text-decoration:none;color:#900;
}

.tableContentNoData {
   border: 1px solid #333 ;
   background-color: #7C7C7C ;
   font-weight:bold;
}
table caption.sitephoto {
   border: 1px solid #8B7355;
   background-image: url(/images/code_bkgrd.png) ;
   padding: 3px ;
   font-weight: bold ;
}

.progressBar {
   border: 1px solid #8B7355;
   background-image: url(/images/code_bkgrd.png) ;
   padding: 3px ;
   color: #8B7355 ;
}
.progressBarFocus {
   font-weight: bold ;
   color: #000 ;
}

.progressBar a:hover {
	color: #333 ;
}

/* News Ticker */
.ticki {
   width: 400px ;
   border: 1px dotted black ;
   background-image: url(/images/code_bkgrd.png) ; 
   padding: 5px ;
}
/* WEBDBE styles */
#webdbeMain {
   padding: 0px;
   margin-left: 0px;
   margin-right: 0px;
   border: 1px solid black ;
}
abbr, acronym, .help {
  border-bottom: 1px dotted #333;
  cursor: help;
}
.maxwidth {
	width: 100% ;
}
.zero {
	padding: 0 ;
	margin: 0 ;
        background-color: transparent ;
        border: none ;
}
#inlineLogin {
	font: 0.8em "Trebuchet MS",Verdana,sans-serif ;
	color: black ;
	width: 200px ;
	border: 1px dotted #000 ;
	margin: 0px auto ;
	padding: 3px ;
	background: #BB5A5A url(/images/login_bkgrd.jpg) no-repeat ;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px ;
	text-align: left ;
}
#login {
	font: 0.8em "Trebuchet MS",Verdana,sans-serif ;
	color: black ;
	position: absolute;
	right: 40px;
	top: 40px;
	width: 200px ;
	border: 1px dotted #000 ;
	margin: 0px auto ;
	padding: 3px ;
	background: #BB5A5A url(/images/login_bkgrd.jpg) no-repeat ;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 200px ;
	text-align: left ;
}
#login .textfield, #inlineLogin .textfield {
	font: 0.8em "Trebuchet MS",Verdana,sans-serif ;
	color: black ;
	height: 14px ;
}
#login .textfieldpwd, #inlineLogin .textfieldpwd {
	font: 0.8em "Trebuchet MS",Verdana,sans-serif ;
	color: black ;
	height: 14px ;
}
#login .ssoRow, #inlineLogin .ssoRow {
	clear: both ;
	width: 100% ;
}
#login .ssoLabel, #inlineLogin .ssoLabel {
	margin-top: 2px ;
	float: left ;
	text-align: right ;
	width: 40% ;
	line-height: 20px ;
}
#login .ssoVal, #inlineLogin .ssoVal {
	float: right ;
	text-align: left ;
	width: 55% ;
}
#login .ssoFull, #inlineLogin .ssoFull {
	text-align: center ;
	width: 100% ;
	margin: 0px auto ;
}
/*
div.nicetitle {
    position: absolute;
    padding: 4px;
    top: 0px;
    left: 0px;
    color: white;
    font-size: 13px;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    width: 25em;
    font-weight: bold;
    background: url(/images/ntbg.png);
    
    /* Mozilla proprietary
    -moz-border-radius: 12px;
}
div.nicetitle p {
    margin: 0; padding: 0 3px;
}
div.nicetitle p.destination {
    font-size: 9px;
    text-align: left;
    padding-top: 3px;
}
*/

#main .headline {
	border: 1px dotted black ;
	background-image: url(/images/code_bkgrd.png) ;
	padding: 1.0em ;
	padding-top: 0em ;
	padding-bottom: 0em ;
	margin: 0 auto ;
}
/* formval.css */

/*
.info {
	color: black; 
	background-color: transparent; 
	font-weight: normal; 
}
.warn {
	color: rgb(120,0,0); 
	background-color: transparent; 
	font-weight: normal; 
}
.error{
	color: #900; 
	background-color: transparent; 
	font-weight: bold ;
}
*/

#main .simpleList {
	text-decoration: none ;
}
#main ul .simpleList {
	list-style-type: square ;
}
#main .simpleList li {
	list-style-image: none ;
	list-style-position: outside ;
}
.linewrap {
   font-family: Arial, Helvetica, Verdana, sans-serif ;
   font-weight: bold ;
   font-size: 150% ;
   line-height: 1.0em ;
   color: #8B7355 ;
}
.imagebox {
	border: 1px solid #333 ;
	text-align: center ;
}
.imagebox p.caption {
	border-bottom: 1px solid #333 ;
	margin: 0 ;
	color: white ;
	background-color: #900 ;
	padding: 5px ;
}

#main fieldset.note {
	border: 1px solid #333 ;
	width: 500px ;
	background-image: url(/images/code_bkgrd.png) ;
}
#main fieldset.note legend {
	color: #333 ;
	font-weight: bold ;
}

/* Search functionality */
.index_google {
	padding: 1.0em ;
}
div#main div#search_container {
	border: none ;
}
div#main .search_results {
	color: #000 ;
}
.search_none {
	padding: 4px ;
	color: #000 ;
}
div#main div#search_numbers {
	color: #000 ;
	text-transform: uppercase ;
	font-weight: bold ;
}
div#main div#search_numbers a {
	font-weight: normal ;
}
span.search_blue_text {
	color: #006 ;
	font-weight: bold ;
}
span.search_results_this {
	border: 1px solid #555 ;
	background: #333 ;
	color: #FFF ;
}

/* jQuery show/hide information div */
.expanded-info { 
    border:1px solid #8B7355; 
    background-color: #FFC; 
    padding:0 5px; 
    margin: 0 0 1.0em 0 ;
}
div#jquerytabs ul.ui-tabs-nav li {
    list-style-image: none ;
}
div#jquerydleventtabs ul.ui-tabs-nav li {
    list-style-image: none ;
}

/**
 * Alert box
 */
#main div.notice {
    border:1px solid #BABB95;
    padding:5px;
    background-color:#FFC;
}
#main div.notice p {
    color:#8B7355;
    margin:0;
}
#main div.notice li {
   background:transparent;
   color:#8B7355;
   text-decoration:none;
   list-style-image:none;
}