@charset "utf-8";
/* CSS Document */
/************************************************
          Resets          
************************************************/
html, body, div, p, span, h1, h2, h3, h4, h5, h6, img, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, label, input, table, th, td, a
					{ margin: 0; padding: 0; border: 0; vertical-align: baseline; color: #000 }  
:focus				{ outline: 0 }
body				{ line-height: 1 }
ul, ol				{ list-style: none }
/************************************************
          General elements       
************************************************/
body { background: #fff; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; text-align:left; padding-bottom: 20px } 
body { behavior: url(/hoverfix.htc); }
h1, h2, h3, h4		{  }
h1					{ font-size: 2.5em}
h2					{ font-size: 2em }
h3					{ font-size: 1.5em }
h4					{ font-size: 1em }
.cleared 			{ clear: both }
blockquote 			{ font-style:italic; background: url(/images/quotes.png) top left no-repeat; padding:.0em 1em .0em 1em; margin: 0px }
code				{ font-size: 1.1em; font-family:"Bitstream Vera Sans Mono", Monaco, "Lucida Console", monospace }
kbd, tt				{ font-size: 1.2em }
pre 				{ overflow: auto; width: 600px; padding: 1em 1.5em; margin: 1em 0; font-size: 1.2em; white-space: pre-wrap; /* css3 */}
dl					{ }
dt 					{ font-weight:bold }
dd 					{ padding-left:1em }
/************************************************
          Structure
************************************************/
#wrapper			{ margin:0px auto 10px auto; padding:0 ; text-align:left }
/************************************************
          Accordion
************************************************/
#accordion			{ width: 980px; background: #f1f1f1; padding: 10px }
/************************************************
          Header and SlickBox
		  header > slickbox > close > close
************************************************/
#header				{ background: #336699 url(/images/bg_header.png); margin: auto}
#navigation			{ background: #f1f1f1; width: 100%; height: 30px; background: url(/images/navigation_bg.png) repeat-x}
#content			{ width: 100%; margin: auto auto 2em auto; min-height: 500px; text-align: left; float: left}
#logo				{ float: right; height: 60px; min-width: 90px }
#title				{ float: left; height: 60px; min-width: 50px }
#title h1			{ font-size: 2em; font-family: "Trebuchet MS", Times, serif; padding: 10px 0 0 10px; color: #fff }
#title h1 a {text-decoration: none; font-style: none;}
#title a {text-decoration: none;}
#slickbox			{ height: 60px }
/*----------------------------------------------
-- This is the arrow that hides the header
----------------------------------------------*/
#switch				{ float: left }
#switch img			{ padding: 1px; margin: 0 10px 0 5px  }
/************************************************
          Tables
************************************************/
table				{ margin: 0; font-size: 1.1em}
table th 			{ color: #000}
table td, table th 	{ padding: .2em}
table th 			{ text-align: left }
table td 			{ font-size: 0.6em; vertical-align: middle }
/************************************************
          Drop Down Menus Elements
************************************************/
/*----------------------------------------------
-- All lists
----------------------------------------------*/
#nav, #nav ul 		{ margin: 0px; list-style: none; line-height: 1; padding: 4px; font-family: arial; font-weight: bold }
#nav a 				{ display: block; padding: 3px; text-decoration: none; color: #fff }
#nav a:active			{background: #eaeaea; }
#nav a:focus			{outline: none; border: none}
/*----------------------------------------------
-- All list items
----------------------------------------------*/
#nav li 			{ float: left; padding: 0em 4em 0em 0em; margin: 0px }
/*----------------------------------------------
-- Second Level Lists
----------------------------------------------*/
#nav li ul			{ position: absolute; background: #6f8096; width: 12em; left: -999em; /* using left instead of display to hide menus  */padding: 5px; z-index: 999}
#nav li li				{ width: 12em; padding: 0px }
/*----------------------------------------------
-- Third level lists
----------------------------------------------*/
#nav li ul ul 		{ margin: -1.4em 0 0 12em; background:#7f92aa  }
/*----------------------------------------------
-- Effects and Hiding
----------------------------------------------*/
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto }
/*----------------------------------------------
-- Anchor for IE6 mouse over effects
----------------------------------------------*/
#nav a:hover		{ background: #a1b9d7; padding: 3px}
/************************************************
          Current General Elements
************************************************/
#cd_leftcol			{ width: 450px; min-height: 300px; margin: 5px; float: left }
#cd_rightcol		{ width: 500px; min-height: 300px; margin: 5px; float: left }
#cd_siteid			{ width: 450px; height: 155px; float: left; background: #eaeaea; margin: 0 0 5px 0; border: 1px solid #999 }
#cd_siteid h1 		{ font-size: 1.2em; margin: 5px; padding: 5px}
.cd_siteid_hd		{ width: 225px; float: left;}
.cd_siteid_clear	{ background: #eaeaea!important; font-size: 1em!important; text-decoration: none; border: 0!important }
#cd_platform		{ width: 450px; float: left; background: #eaeaea; border: 1px solid #999 }
#cd_platform img	{ margin: 10px }
.platform-img		{ margin: 10px auto }
#cd_datafeed 		{  }
.cd_datarow			{ width: 500px; margin: auto }
.cd_pwcode			{ font-family: "Lucida Sans Unicode"!important; font-size: 1em!important; float:left; padding: 5px; background: #eaeaea!important; border: 0!important;font-weight:normal!important }
.cd_warning			{ font-size: 0.7em; color:#ff0000; margin: 5px 10px 5px 10px; font-weight: bold }
/*----------------------------------------------
-- The blue data box that holds the figures 
----------------------------------------------*/
.cd_datacell		{ min-width: 125px; height: 45px; background: #eff2ff; border: 1px solid #c5c7d2 }
/*----------------------------------------------
-- Smaller Data box
----------------------------------------------*/
.cd_datacell_sm		{ min-width: 110px; height: 45px; background: #eff2ff; border: 1px solid #c5c7d2 }
.cd_datacell, .cd_datacell_sm	{ line-height: 45px; font-size: 3.5em!important; font-weight: bolder; text-align: center; letter-spacing: -3px }
/*----------------------------------------------
-- This puts the gray border around the tables 
----------------------------------------------*/
.cd_table			{ border: 1px solid #d9d7d7 }
/*----------------------------------------------
-- Style element for the metar string
----------------------------------------------*/
.metar				{ font-size: 1em; padding: 5px }
/************************************************
          Tab Elements
		  Controls all tabs
************************************************/
ul.tabs 			{ margin: 0; padding: 0; float: left; list-style: none; height: 32px; border-bottom: 1px solid #999; border-left: 1px solid #999; width: 100%; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size: .8em; font-weight: bold }
ul.tabs li 			{ float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; border: 1px solid #999; border-left: none; margin-bottom: -1px; overflow: hidden; position: relative; background: #e0e0e0; z-index: 0 }
ul.tabs li a 		{ text-decoration: none; color: #000; display: block; font-size: 1em; padding: 0 15px; border: 1px solid #eaeaea; outline: none }
ul.tabs li a:hover 	{ background: #ccc }
html ul.tabs li.active, html ul.tabs li.active a:hover  { background: #eaeaea; border-bottom: 1px solid #eaeaea }
.tab_container 		{ border: 1px solid #999; border-top: none; overflow: hidden; clear: both;float: left; width: 100%; background: #eaeaea; min-height: 550px; }
.tab_container h1 	{ font-size: .8em; margin: 10px; padding: 10px 0 10px 0; border-bottom: 1px solid #000; font-weight: bold }
.tab_content 		{ padding: 5px; font-size: 1.2em; }
/************************************************
          Hides canvas value
************************************************/
.hideme				{visibility: hidden; display: none}
/************************************************
          Alerts and Warnings
		  These are the colors that the data
		  boxes will change to.
************************************************/
.stale				{ color: #999999!important }
.expired			{ color: #eff2ff!important }
.alert				{ background: #FFFF00!important }
.warning			{ background: #FF9900!important }
.danger				{ background: #FF3300!important }
/*----------------------------------------------
-- This creates a margin effect around the
-- image of the platform.  The padding is 
-- a fix for FF and Chrome
----------------------------------------------*/
#canvas				{ margin: auto; padding: 10px }
/************************************************
          Current Table Elements
************************************************/
/*----------------------------------------------
-- This controls the table header fonts
----------------------------------------------*/
#current			{margin: 0 0 2em 0}
#current th			{ font-size: .8em; background: #a8a9b0; padding: 5px }
.cd_region			{ background: #bec4d9; font-size: .9em; font-weight: bold; padding: 20px }
/*----------------------------------------------
-- These styles control the attributes for
-- sitename and date & time
----------------------------------------------*/
.param				{ background: #eff2ff; font-size: 1.4em; font-weight: bold; letter-spacing: -1px; border: 1px solid #c5c7d2; text-align: center; font-family: arial }
.report				{ background: #eff2ff; font-size: 0.9em; font-weight: bold; border: 1px solid #c5c7d2; text-align: center; font-family: Helvetica; margin: 1px 10px }
.sitename			{ background: #dce4ff; font-size: 1em; text-decoration: none; border: 1px solid #c5c7d2 }
.datatime			{ background: #dce4ff; font-weight: bold; font-size: .7em; text-align: center; border: 1px solid #c5c7d2 }
.pwcode       { font-size:.8em }
/************************************************
          Plot Graph Elements
************************************************/
#plotmenu 		{background: #eaeaea; margin: 5px; width: 300px; float: left; border: 1px solid #999}
#plotmenu input[type="text"]{ margin: 5px 0 5px 0; padding: 3px; border: 1px solid #000}
.plotrow select { padding: 3px; width: 10.3em }
#plotmenu h2	{font-size: 2em; font-family: "Trebuchet MS", Times, serif; padding: 10px 0 0 10px; color: #000}
.plotheaders	{font-size: .9em; font-weight: bold;  padding: 10px 0 0 10px}
.plotrow		{padding: .5em}
.plotrow a 		{padding: 5px; background: #f1f1f1; border: 1px solid #b9b7b7; text-decoration: none; font-weight: bold; display: block; width: 200px; text-align: center }
.plotrow a:hover	{color: #336699; background: #dedede}
.graphimage		{float: left; margin: 5px 0 0 0 }

/************************************************
          Data Export Tables
************************************************/
#dataexport				{ }
#dataexport h2			{ font-size: 2em; font-family: "Trebuchet MS", Times, serif; padding: 10px 0 0 10px; color: #000}
#dataexport table		{ margin: 0; font-size: 1.5em; background: #eaeaea; border: 1px solid #999}
#dataexport th 			{ color: #000}
#dataexport td, table th{ padding: .2em}
#dataexport th 			{ text-align: left }
#dataexport td 			{ font-size: 0.6em; vertical-align: middle }
#dataexport ul			{ }
#dataexport li			{ padding: 3px }
.linkexport a 		{padding: 5px; background: #f1f1f1; border: 1px solid #b9b7b7; text-decoration: none; font-weight: bold; display: block; width: 200px; text-align: center }
.linkexport a:hover	{color: #336699; background: #dedede}

/****************************************************
					AWWP Selection Menu
*****************************************************/
.pseudo-tabs			{ height: 25px}
.update-text			{ float: left; height: 25px; margin: 0; padding: 0 }
.update-text p			{ font-size: .8em; padding: .6em .4em 0 .4em ; color: #fff }
.selection-tabs			{ height: 25px; padding: 0; margin: 0; float: left; clear: left; text-align: center; overflow: hidden}
.selection-tabs ul		{ padding: 0; margin: 0 0 0 .4em; height: 25 }
.selection-tabs	ul li	{ float: left; margin: 0; font-size: 1em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding: .2em 0 .2em 0; width: 100px; height: 25px}
.selection-tabs a		{ text-decoration: none; color: #fff; display: block; height: 25px; padding: .3em 0 0 0 }
.selection-tabs a:hover	{ color: #fff; background: #a1b9d7}
.selection-tabs a:active 	{ background: #eaeaea; color: #000 }
.selection-tabs a:focus		{ background: #eaeaea; color: #000 }
div.selection-tabs.active a:focus	{ background: #eaeaea; color: #000 }
div.selection-tabs.active a:visited	{ background: #eaeaea; color: #000 }

.border-force			{}
.menu-constant			{position: fixed; z-index: 9999; height: 30px; right: 0; bottom: 0; padding: .4em .8em 0 .8em; background: url(/images/navigation_bg.png) repeat-x; color: #fff; width: 450px}
.menu-constant p		{color: #fff; font-size: .8em; font-weight: bold; padding: .0em}
.menu-constant select	{ margin: 0 0 0 .4em }
.updatetime				{ margin: .2em 0 0 0}
.left		{float: left}
.right		{float: right}
.a-menu		{color: white}
/****************************************************
					New Test Menu
*****************************************************/
.testlist 			{ width: 960px; margin: 0 auto; }
.testlist ul 		{margin: 20px auto; float: left}
.testlist ul li 	{ display: block; width: 420px; height: 47px; overflow: hidden; margin: 0 0 20px 0}
.testlist ul li a	{padding: 0; margin: 0; font-weight: 800;color: #fff; text-shadow: 0 1px #000; text-decoration: none; font-size:1.4em}
.testlist ul li a:hover {color: orange; }
.testlist ul li a.button-data { background: url(/images/bt-data.jpg) top left no-repeat; width: 300px; height: 36px; display: block; float: left; padding: .4em 0 0 1em;}
.testlist ul li a.button-map {background: url(/images/bt-map.jpg) top left no-repeat; width: 85px; height: 36px; display: block; float: right; text-align: center; padding: .4em 0 0 0}
.testlist ul li a.button-summary { background: url(/images/bt-summary.jpg) top left no-repeat; width: 300px; height: 36px; display: block; float: left; padding: .4em 0 0 1em;}
.testlist ul li a.button-summary:hover {background-position: 0 -44px}
.testlist ul li a.button-data:hover {background-position: 0 -44px}
.testlist ul li a.button-map:hover {background-position: 0 -44px}
.testlist h2 {font-size: 2.5em; color: #000; border-bottom: 1px solid #000; padding: .5em 0 .5em 0;}
.testlist .rightcolumn { width: 500px; min-height: 100px; float: right}
.testlist a.bugreport {display: block; clear: both; /*background: url(/images/icon-bug.jpg) left no-repeat;*/ padding: 1em 0 0 1em; font-weight: 700; text-decoration: none}
.testlist a.bugreport:hover {color: #FF0000;}
.testlist .rightcolumn .message {width: 500px; min-height: 100px; border: 1px solid #000; background: #e7ead6; margin: 20px 0 10px 0; }
.testlist .rightcolumn .message .content {padding: 1em; line-height: 1.2em}
.testlist .rightcolumn .message .content h3 {color: red; font-size: 1em; font-weight: 700; padding: 0 0 .5em}
.testlist .rightcolumn .message .content p {font-size: .8em;}
/********   WEATHER REPORT TAB	****************/
.wr-reports-list		{ list-style-type: square; }
.wr-reports				{ font-size: 0.7em; margin: 0px 30px; }
.wr-report-link			{ margin: 1px 10px;	font-size: 0.9em; font-family: Helvetica; font-weight: bold; }
.wr-grey				{ background-color: #A0A0A0; }
.wr-green				{ background-color: #66CC00; }
.wr-amber				{ background-color: #FFCC00; }
.wr-red					{ background-color: #E80000; }
.wr-reports-tab			{ height: 540px; overflow-y: scroll; padding: 0 0 10px; }