/*************************************
stylesheet_main.css  Used by all files.
***************************************/

/* DEFAULT STYLES ------------------------------------------------------- */
@media all {
body 
{
	background-color: white;
	margin: 1px;
}

img
{
	border-style: none;
}

p, th, td, ul, ol, dl, span, div
{ 
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #333;
	text-align: left;
}

hr
{
	height: 1px;
	border: solid #003399 1px;
}

a
{
	color: #039;
	text-decoration: underline;
}

a[name]
{
        text-decoration: none;
}

input, textarea, button
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	color: black;
}

/* STANDARD STYLES ------------------*/
.pageTitle
{
	color: #039;
	font-size: 16px;
	font-weight: bold;
}

.contentTitle
{
	color: black;
	font-weight: bold;
}

.contentTitleDisable
{
	color: gray;
}

.sm_text
{
	font-size: 10px;
}

.tinyText
{
	font-size: 9px;
}

.tinyBold
{
	font-size: 9px;
	font-weight: bold;
}

.caption
{
	font-size: 10px;
	font-style: italic;
}

.error
{
	color: #c00;
}

.rtalign { text-align: right; }

/* STANDARD TABLE STYLES */
#subhead
{
	background-color: #f0f8ff;
}

table.tblstd
{
	background-color: white;
	border-color: #036;
	border-width: 1px;
	border-style: solid;
}

tr.shade
{
	background-color: #f5f5f5;
}

td.shade
{
	border-style: none;
	white-space: nowrap;
	font-size: 10px;
	color: black;
	text-align: right;
	background-color: #f5f5f5;
}

th.data
{
	background-color: #9CF;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	white-space: nowrap;
	border-right: #ddd 1px solid;
}

/* resolve these next two */
.data
{
	border-style: none;
	white-space: nowrap;
	font-size: 10px;
	color: black;
	text-align: right;
}
.tinydata
{
	border-style: none;
	white-space: nowrap;
	font-size: 8px;
	color: black;
	text-align: right;
}

td.padnone
{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}

/* new attempts at generally useful tables */
.bluebox {
	background-color: #f5f5f5;
	border: 1px #6699cc solid;
}

th.std
{
	background-color: #9CF;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	border-right: #ddd 1px solid;
}
td.stdsub
{
	border-style: none;
	background-color: #cccccc;
	font-size: 10px;
	font-weight: bold;
	color: black;
	text-align: center;
	border-right: #ddd 1px solid;
	border-bottom: #ddd 1px solid;
}

td.std
{
	border-style: none;
	font-size: 10px;
	color: black;
	border-right: #ddd 1px solid;
}

/* standard ones with bluish tint */
td.stdsub1
{
	background-color: #cccccc;
	border-style: none;
	font-size: 10px;
	font-weight: bold;
	color: black;
	border-right: #ddd 1px solid;
}
td.std1
{
	background-color: #f5f5f5;
	border-style: none;
	font-size: 10px;
	color: black;
	border-right: #ddd 1px solid;
}


/* STANDARD STYLES IN VERY LIMITED USE -----------------------------------*/
ol.loweralpha { list-style-type: lower-alpha; }
ol.lowerroman { list-style-type: lower-roman; }
ul.circle { list-style-type: circle; }
.formbox { background-color: #f0f8ff; }

/* STANDARD TEMPLATE STYLES ----------------------------------------------*/

/* Navigation styles ---------------------------------------------------- */

.navLink { font-size: 10px; }
tr.navBg { background-color: white; }
tr.navBgShade { background-color: #DCDCDC; }
tr.navBgSecondary { background-color: #fffff0; }
a.nav { color: #006; }
a.navSelect { font-weight: bold; color: #006; }

/* Footer styles -------------------------------------------------------- */

#footerBluebar
{
	background-color: #36c;
	padding-top: 6px;
	padding-bottom: 6px;
}

#footerWhitebar
{
	background-color: white;
	padding-top: 8px;
	padding-bottom: 8px;
}

.footerText
{
	font-size: 10px;
	text-align: center;
	line-height: 14px;
}

.footerText2
{
	font-size: 10px;
	text-align: center;
	color: #333;
}

a.footerLink
{
	color: white;
}

a.footerLink2
{
	color: #333;
}

/* ---------------------------------------------------------
   CUSTOM STYLES
------------------------------------------------------------*/

/* ---------------------------------------------------------
   "tiles" in includes/tiles
   currently only index.html
-----------------------------------------------------------*/
.TileSubtitle
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #960;
	font-weight: bold;
	text-align: left;
}

.TileContent
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #333;
	text-align: left;
}

.TileSection
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 15px;
	color: #666;
	font-weight: bold;
	text-align: left;
}

.TileTitle
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #039;
	font-weight: bold;
	text-align: left;
}

/* -----------------------------------------------------
   Used only by htdocs/datatypes/*.html
------------------------------------------------------ */
img.imagepadRight { margin: 10px 0 10px 10px; }
img.imagepadRight2 { margin: 0 0 0 30px; }
img.imagepadrightOnly { margin: 0 0 0 10px; }

/* ---------------------------------------------------------*/
/* ---------------------------------------------------------*/
/* STYLES IN LIMITED USE -----------------------------------*/
/* i.e., random junk

Everything below this point is a candidate for being converted
to a standard style, unless there's some particular reason
the formatting is so specific.
*/

/* /index.html only */
.basicTitle
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	text-align: left;
}

/* Used only in membership page: probably a waste */
.memdata { border-right: #ddd 1px solid; }

/* only in codar/codarmap.html ? */
a.titleLink
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 15px;
	color: #039;
	font-weight: bold;	
	text-align: left;
}


/*************************************
from stylesheet_buoydata.css
These could be done inline, practically speaking.
***************************************/
#buoydata
{
	background-color: white;
	background-image: none;
}

.buoydata
{
	font-size: 10px;
	color: #333;
}


.mapcontrols
{
	font-size: 10px;
	font-weight: bold;
	color: black;
	background-image: none;
}

/* REPLACE these next three: they're all the same!!!! */
/* Use class="tblstd" instead */
/* 12 hour history pages use this */
table.twelvehour
{
	background-color: white;
	border-color: #036;
	border-width: 1px;
	border-style: solid;
}

/* ONLY lbd/inc/all_* */
/* ONLY oceanconditions includes only */
table.comparebuoys
{
	background-color: white;
	border-color: #036;
	border-width: 1px;
	border-style: solid;
}

/* 12 hour history includes */
td.datakeys
{
	font-size: 10px;
	font-weight: bold;
	border-right: #ddd 1px solid;
	border-top: none;
	border-left: none;
	border-bottom: none;
}
table.container
{
	background-color: white;
	border-style: none;
}

td.container
{
	padding: 0px 10px 15px 0px;
	border-style: none;
}

.divider
{
	padding: 15px 0px 15px 0px;
	border-style: none;
}

/******************************************************
* stylesheet_oceanconditions.css: htdocs/oceancondtions/* htdocs/atmosphericconditions/* 
******************************************************/
/* Buoy Map page */
p.subhead
{
	background-color: #f5f5f5;
	padding: 4px;
}

p.Data
{
	font-size: 10px;
	background-color: white;
}

input.DataValue {
	border-width: 0;
	border-style: none;
	color: #06F;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: text-bottom;
}

/* Individual Buoy data page */
td.icon_padding
{
	padding: 4px 4px 4px 0;
	white-space: nowrap;
}

td.datatype
{
	font-size: 10px;
	vertical-align: middle;
}


/* Data Maps page */

tr#bg_gradation
{
	background-image: url(/images/oceanconditions/bg_OC-datamap.jpg);
	background-repeat: repeat-x;
}

td.map_padding
{
	padding: 20px 0 20px 0;
}

img.map_padding
{
	margin: 10px 0 10px 0;
}

/************************************
* stylesheet_historicaldata.css  Used only by /buoy/historical_data.php
***************************************/

td.time_box
{
	border: 1px #999 solid;
	background-color: #F0F8FF;
}

/************************************
* stylesheet_bnas.css  Used only by /bnas_map_page.php
***************************************/

.bnasbodyText
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #333;
}

.bnasbodyTitle
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #339;
	font-weight: bold;	
}

/* Used only in lbd/inc/all_* files */
.contentText
{
	font-size: 12px;
	color: #333;
	text-align: left;
}

/* Used only in aboutgomoos/links.php, apparently as a kludge
where named anchors were being formatted as links.  */
a.nolink
{
	text-decoration: none;	
	color: #333;
}

}