
/<!--

/*------- Default Styles -------*/

* { margin: 0; padding: 0; }
v\:* { behavior:url(#default#VML); }

body {
	font-family: Arial,Verdana,Helvetica,Sans-serif;
	font-size: 8pt;
	background-color: #000000;
	color: #000;
	margin-top: 3px;
	text-align: center;
}

img { border: 0; }
form { margin: 0; }

a {
	font-size: 8pt;
	color: #003399;
	text-decoration: underline;
}

/*------- Page Layout -------*/

#page { text-align: center; }

#wrapper {
	width: 870px;
      margin-right:auto;
      margin-left:auto;
	border-collapse: collapse;
}

/*------- Header -------*/

#banner-maxi {
	text-align: right;
	padding-top: 3px;
	padding-right: 3px;
}

#banner-tower { padding-left: 10px; width: 160px; }

#infobar {
	font-size: 8pt;
	background-color: #D6D6D6;
	text-align: center;
	border-top: 1px solid White;
	border-right: 1px solid White;
}

#tabs { padding-bottom: 0px; padding-top: 3px; }

/*------- Left Navigation -------*/

#leftnav { 
	background-color: #FFFFCF;
	text-align: left;
	padding-left: 6px;
	font-size: 8pt;
	border-right: 1px solid #C4C4C4;
	border-bottom: 1px solid #C4C4C4;
	width: 140px;
}

#leftnav span {
	width: 100%;
	font-weight: bold;
	cursor: pointer;
}

#leftnav div {
	font-size: 8pt;
	text-align: left;
	padding-left: 2px;
	padding-right: 6px;
	padding-bottom: 10px;
}

#leftnav .labelName {
	text-decoration:	underline;
	font-size: 9pt;
}

#leftnav .arrow {
	color: red;
	font-weight: bold;
	padding-left: 3px;
	padding-right: 3px;
}

#ln-zoombox { 
	position: absolute;
	display: none; 
	z-index: 10;
	border: 1px solid #000000;
	background-color: #EFEFEF;
	padding: 6px;
}

#ln-oblist { display: none; }
#ln-fxlist { display: none; }
#ln-other { display: none; }
#ln-maplist { display: none; }
#ln-home p { font-size: 9pt; }
#ln-home a { font-size: 9pt; font-weight: bold; }

/*------- Primary Content Area -------*/
#main { 
	padding-top: 3px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 3px;
	font-size: 9pt;
	background-color: #fff;
	width: 550px;
}

#textad {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #ff0000;
}

#textad a {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #ff0000;
}

#textad a:hover {
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
	color: #ff0000;
}

#textad .close {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #9b9ba0;
  cursor: pointer;
  display: none;
}

/*------- Wind Graph -------*/

#graph-wrapper { text-align: left; border: 1px solid black; }
#graph-header { background-color: #D6D6D6; border-bottom: 1px solid black; }
#windGraph { width: 544px; height: 300px; }
#graph-legend { padding: 6px; }

#graph-disclaimer { 
	position: absolute; 
	font-size: 8pt;
	background-color: #fff;
	border: 1px solid black;
	width: 350px;
	z-index: 10;
	top: 25px;
	padding: 6px;
	display: none;
}

/*------- Met Attended ------*/

.feedback_link { color: #03c; text-decoration: underline; cursor: pointer; }
#feedback_forecast {
	border: 1px solid grey;
	background-color: #d6d6d6;
	padding: 5px;
	margin: 5px;
	width: 450px;
}
#feedback_forecast .close { color: red; float: right; cursor: pointer; }
#feedback_forecast .title { font-weight: bold; }


/*------- Meteogram -------*/

#meteogram { border : 1px solid Black; border-collapse: collapse; }

#meteogram .heading { 
	border: 1px solid white;
	background-color: #D0D0D0;
	text-align: center;
	font-size: 8pt;
}

#meteogram .date {
	border-left : 1px solid white;
	border-right : 1px solid white;
	border-top : 1px solid white;
	text-align: center;
}
#meteogram .date a { font-weight:bold; }

#meteogram .time-b { 
	text-align: center;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	font-size: 8pt;
	background-color: #B0B0B0;
}

#meteogram .time-d { 
	text-align: center;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	font-size: 8pt;
	background-color: #D0D0D0;
}

#meteogram .data { 
	border: 1px solid white;
	text-align: center;
	font-size: 8pt;
}

/*------- Footer -------*/
#trailer { color:#FFFFFF; font-size:8pt; }
#trailer a { color:#FFFFFF; }
#trailer a:hover { color:#FFFFFF; }

/*------- Forums  -------*/
#forums { border: 1px solid black; width: 550px; padding: 2px; font-size: 8pt;}
#forums .heading { font-weight: bold; background-color: #FFFFCF;}
#forums td { text-align: center; }
#forums td.row1	{ text-align: left; background-color: #EFEFEF; }
#forums td.row2	{ background-color: #DEE3E7; }
#forums td.row3	{ background-color: #D1D7DC; }

/*------- Snippets -------*/
.snippets { border: 0px; width: 100%; padding: 0px; font-size: 8pt;}
.snippets .heading { font-weight: bold; background-color: #FFFFCF;}
.snippets td { text-align: center; }
.snippets td.row1	{ text-align: left; background-color: #EFEFEF; }
.snippets td.row2	{ background-color: #DEE3E7; }
.snippets td.row3	{ background-color: #D1D7DC; }

/*------- Legacy Styles -------*/
.tdSubSelect { 
	color:#000000;
	padding-left : 2px;
	padding-right : 2px;
 }
 
.tdLeftNav { 
	background : #FFFFCF;
	border-right : 1px solid #C4C4C4;
	border-bottom : 1px solid #C4C4C4;
}

.tdMainContent { 
	padding-top : 3px;
	padding-left : 6px;
	padding-right : 6px;
	padding-bottom : 3px;
   color:		#000000;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		8pt;
 } 
 
.buttonGo {
	color:#000000;
	font-family:Arial,Verdana,Helvetica,Sans-serif;
	font-size:8pt;
}

.textNavMain {
	color:#FFFFFF;
	font-family:Arial,Verdana,Helvetica,Sans-serif;
	font-size:9pt;
	text-decoration:none;
	font-weight : 500;
}

.textNavMain:Hover { 
 	color:Red;
    text-decoration: none;
	font-weight : 500;
 }
 
.leftNavigation {
   color:		#003399;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		8pt;
   text-decoration:	underline;
}

.leftNavigationBold {
   color:		#003399;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		8pt;
   font-weight:		bold;
   text-decoration:	underline;
}

.tdCopySmall {
   color:		#000000;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		8pt;
}

.tdCopy {
   color:		#000000;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		9pt;
}

.navTrail {
   color:		#000000;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		8pt;
   font-weight:		normal;
      padding:		0px 0px 0px 0px;
}

.timeseries {
   color:		#000000;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		8pt;
   font-weight:		normal;
      padding:		1px 1px 1px 1px;
}

.timeseries a {
   background:		#FFFFCF;
   border:		solid 0.15em #FFFFCF;
   color:		#003399;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		8pt;
   text-decoration:	underline;
}

.timeseries a:hover {
   color:		#ffff00;
   background:		#000000;
   border:		solid 0.15em black;
}

.timeseriesSelected {
   color:		#ffff00;
   background:		#000000;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		8pt;
   font-weight:		bold;
   border:		solid 0.5em black;
      padding:		0px 0px 0px 0px;
}

.timeseriesSelected a {
   color:		#ffff00;
   text-decoration:	none;
}

.tdHeader {
   color:		#FFFFFF;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-weight:		bold;
   font-size:		10pt;
}

.tdHeader a {
   color:		#FFFFFF;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-weight:		bold;
   font-size:		10pt;
}

.tdHeader a:hover {
   color:		#D9BB66;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-weight:		bold;
   font-size:		10pt;
}

.sidebarHeads {
   color:		#333399;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		8pt;
   font-weight:		bold;
}

.redSubhead {
   color:		#CC0033;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		8pt;
   text-decoration:	underline;
   font-weight:		normal;
}

.subNavigation {
   color:		#999900;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		10pt;
   text-decoration:	none;
}

.logOnButton, .buttonDisabled {
	background-color : #000000;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #FFF8DC;
	font-weight : bold;
	text-decoration : none;
	border : 1px outset #000000;
}

.buttonDisabled {
	background-color : #D6D6D6;
	color : #AAAAAA;
}

.forumTopicLink {
   color:		#000000;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		10pt;
   text-decoration:	none;
   font-weight:		normal;
}

.forumTopicLink a:hover {
   color:		#000000;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		10pt;
   text-decoration:	underline;
   font-weight:		normal;
}


.redBold {
   color:		#CC0033;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		10pt;
   text-decoration:	none;
   font-weight:		bold;
}

.redBoldLarge {
   color:		#CC0033;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		11pt;
   text-decoration:	none;
   font-weight:		bold;
}

.bodyCopyBig {
   color:		#000000;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		12pt;
}

.bodyCopySmall {
   color:		#000000;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		10pt;
}

.sidebarHeads {
   color:		#333399;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		8pt;
   font-weight:		bold;
}

.sidebarCopy {
   color:		#000000;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		9pt;
   padding:		0px 0px 0px 4px;
}

.directions {
   color:		#3366CC;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		8pt;
   text-decoration:	underline;
}

.tdCopyReg {
	color:#000000;
	font-family:Arial,Verdana,Helvetica,Sans-serif;
	font-size:9pt;
	border-bottom-color : D6D6D6;
	border-bottom-width : 2px;
	border-bottom-style : solid;
	text-decoration : none;
}

.tdCopyExtraSmall {
   color:		#000000;
   font-family:		Verdana,Helvetica,Sans-serif;
   font-size:		7pt;
}

.whiteCopy {
   color:		#FFFFFF;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		10pt;
}

.loginCopySmall {
   color:		#FFFFFF;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		8pt;
   text-decoration:	underline;
}

.loginHeads {
   color:		#FFFFFF;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		8pt;
   padding:		0px 0px 0px 0px;
}

.loginHeads a {
   color:		#FFFFFF;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		8pt;
   padding:		0px 0px 0px 0px;
}

.subNavigation {
   color:		#000000;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		10pt;
   text-decoration:	none;
}

.subNavTitle {
   color:		#003399;
   font-family:		Arial,Verdana,Helvetica,Sans-serif;
   font-size:		11pt; 
   font-weight:		bold; 
   text-decoration:	none;
}

//-->

