/* - - - - - - - - - - - - - - - - - - - - -

Title : Windbuoy Sail Tracker
Author : Tom Hoag 
URL : http://www.cluebucket.com

- - - - - - - - - - - - - - - - - - - - - */
/*
v\:* {
behavior:url(#default#VML);
}
*/
/*WindBuoy header text */
.windvlg {  color: black; font-family: Arial; font-weight: bold; font-size: 3.0em; }
.windlg { color: blue; font-family: Arial; font-size: 16px; margin:0px 7px 0 7px; }
.windm { color: blue; font-family: Arial; font-size: 14px; margin:0px 7px 0 7px; }
.windsm { color: blue; font-family: Arial; font-size: 12px; margin:0px 7px 0 7px; }
.windvsm { color: blue; font-family: Arial; font-size: 10px; margin:0px 7px 0 7px; }
/* margin: top right bottom left */

.faqq, .faqa {
	color: black; 
	font-family: Arial; 
	font-size: 14px; 
}
.faqq {
	font-weight: bold;
	margin:5px 7px 0px 7px;
}
.faqa {
	margin:2px 7px 4px 7px;
}

a.windsm:hover { color:green; background-color:transparent; text-decoration:none;}
a.windsm:link {border:0px; color:BLUE; background-color:transparent; text-decoration:none;}
a.windsm:active {border:0px; color:BLUE; background-color:transparent; text-decoration:none;}
a.windsm:visited {border:0px; color:BLUE; background-color:transparent; text-decoration:none;}
  
.windsm_banner { color: black; font-family: Arial; font-size: 12px; font-weight:bold; margin:0px 7px 0 7px; }
a.windsm_banner:link {border:0px; color:black; background-color:transparent; text-decoration:none;}
a.windsm_banner:active {border:0px; color:black; background-color:transparent; text-decoration:none;}
a.windsm_banner:visited {border:0px; color:black; background-color:transparent; text-decoration:none;}
a.windsm_banner:hover { color:red; background-color:transparent; text-decoration:none;}

.windm_banner { color: black; font-family: Arial; font-size: 14px; font-weight:bold; margin:0px 7px 0 7px; }
a.windm_banner:link {border:0px; color:black; background-color:transparent; text-decoration:none;}
a.windm_banner:active {border:0px; color:black; background-color:transparent; text-decoration:none;}
a.windm_banner:visited {border:0px; color:black; background-color:transparent; text-decoration:none;}
a.windm_banner:hover {color:red; background-color:transparent; text-decoration:none;}

a.windvsm:hover { color:green; background-color:transparent; text-decoration:none;}
a.windvsm:link {border:0px; color:BLUE; background-color:transparent; text-decoration:none;}
a.windvsm:active {border:0px; color:BLUE; background-color:transparent; text-decoration:none;}
a.windvsm:visited {border:0px; color:BLUE; background-color:transparent; text-decoration:none;}
/* ----- CSS ----- */

#leftcontent {
background:#FFFFFF;
position: absolute;
left: 30px;
top:120px;
width:254px;
background:#fff;
border: 1px solid #000;
}
#centerlowercontent {
height:150px;
background:#FFFFFF;
margin-top: 25px;
margin-left: 259px;
margin-right:179px;
border:1px solid #000;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 261px;
margin-right:181px;
	}
html>body #centercontent {
margin-left: 261px;
margin-right:181px;
	}

#centercontent {
height:550px;
background:#FFFFFF;
margin-top: 9px;
margin-left: 259px;
margin-right:179px;
border:1px solid #000;
voice-family: "\"}\"";
voice-family: inherit;
margin-left: 261px;
margin-right:181px;
	}
html>body #centercontent {
margin-left: 261px;
margin-right:181px;
	}

#rightcontent {
background:#FFFFFF;
position: absolute;
right:30px;
top:120px;
width:170px;
background:#fff;
border:1px solid #000;
}

#banner {
		background: url(../images/banner1.png) #DCECFB;
		margin-bottom:10px;
/*		background:#DCECFB; */
		height:95px;
		border-top:1px solid #000;
		border-right:1px solid #000;
		border-left:1px solid #000;
		border-bottom:1px solid #000;
		voice-family: "\"}\"";
		voice-family: inherit;
		height:95px;
		}
	html>body #banner {
		height:95px;
		}

body{
/* top right bottom left */
margin:15px 30px 0px 30px;
/*margin:20px;*/
padding:0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size:1em;
background-color:#e5e5e5;
}

img.center {
vertical-align:middle;
}

img.hideshow{
/* top right bottom left */
margin: 0px 5px 0px 0px;
vertical-align:middle;
cursor:pointer;
}

/* ----- IDs ----- */

#searchBox{
display:block;
}

#user2 {
position:relative;
top:0px;
float:right;
/* top right bottom left */
margin: -72px 20px 0px 0px;
font-size:0.8em;
z-index:1000;
}

#Xuser {
position:relative;
top:0px;
float:right;
/* top right bottom left */
margin: -90px 20px 0px 0px;
font-size:1.0em;
z-index:1000;
}

div.faq {
	float:left;
	font-size: 14px;
	font-weight: bold;
	margin:0 0 0px 0;
	padding-left:3px;
	padding-top:3px;
}
img.faq {
	float:right;
	cursor:pointer;
	margin-right:0px;
	padding-right:3px;
	padding-top:3px;
}

.faqtitlebar {
background-color:#bfd3ec;
border-bottom:1px solid #000000;
height:22px;
}

#faqbox {
	position:relative; 
	top:-515px;
	margin-left:auto;
	margin-right:auto;
padding-top:0px;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
z-index:2000;
background-color:#fff;
border:2px solid #000;
/*border-bottom:1px solid #ccc; */
width:550px;
height:460px;
overflow:auto;
display:none;
}

#loadMsg{
position:absolute;
top:50%;
left:50%;
width:150px;
background-color:#fff;
border:2px solid #bfd3ec;
z-index:2000;
text-align:center;
display:none;
text-decoration: blink;
}

.statstitlebar {
background-color:#bfd3ec;
border-bottom:1px solid #000000;
height:22px;
}

#stats{ /* location of the stats (buoy report) table */
	position:relative; 
	top:-515px;
	margin-left:auto;
	margin-right:auto;
padding-top:0px;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
z-index:2000;
background-color:#fff;
border:2px solid #000;
/*border-bottom:1px solid #ccc; */
width:550px;
height:460px;
overflow:auto;
display:none;
}

div.stats {
	float:left;
font-size: 14px;
margin:0 0 15px 0;
	padding-left:3px;
	padding-top:3px;
}

img.stats {
	float:right;
	cursor:pointer;
	margin-right:0px;
	padding-right:3px;
	padding-top:3px;
}

table.windtable {
	border:1px solid #ccc;
	border-collapse:collapse;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}
th.windtable {
	font-size:12px;
	text-align:center;
}
tr.windtable, tr.windtable-alt {
	color: blue; 
	font-family: Arial; 
	font-size: 12px;  
	text-align: center;
}
tr.windtable-alt{
	background-color:#ccc;
}
td.windtable, td.windtableold {
	padding: 2px 15px 2px 15px;
}
td.windtableold {
	color: red;
	text-decoration:blink;
}

#debug {
width: 100%;
/*height: 250px;*/
overflow:auto;
display:none;
}

#buoyList {
width: 100%;
max-height: 500px;
overflow:none;
display:none;
}

#bl {
max-height:400px;
overflow:auto;
}

legend {
font-weight:bold;
font-size: 1.0em;
}

#buoyItem {
position:relative;
top: 0px;
left: 5px;
/* top right bottom left */
margin: 0px 0px 10px 0px;
}

.XXXbuoyInst { 
font-size: 1.0em;
text-align:center;
}

#buoyItem p{
font-size: .8em;
text-align:left;
}

#buoyItem img{
float:left;
border: 0px solid #000000;
padding: 0px 5px 0px 0px;
}

#thisBuoy {
/*height: 200px;*/
width: 100%;
/* top right bottom left */
padding: 0px 0px 0px 0px;
}

#thisBuoy p{
position: relative;
top: 0;
left: 0;
font-size: .7em;
margin: 10px 10px 10px 10px;
text-align:left;
clear:both;
}

#thisBuoy img{ 
float:left;
/*border: 2px solid #000000;*/
/* top right bottom left */
/*margin: 0px 0px 0px 0px;*/
padding: 0px 0px 30px 0px;
}

balloon {
/*height: 200px;*/
width: 100%;
/* top right bottom left */
padding: 0px 0px 0px 0px;
position: relative;
top: 0;
left: 0;
font-size: 12px;
margin: 10px 10px 10px 10px;
text-align:left;
clear:both;
}
table.balloon {
	width:210px;
}
th.balloon {
font-size: 16px;
text-align: center;
margin: 0px 30px 0px 30px;
}
td.balloon {
font-size: 12px;
text-align: left;
padding: 0px 0px 0px 3px;
}

#balloon img{ 
float:left;
/*border: 0px solid #000000;*/
margin: 10px 10px 10px 0px;
}

#download_wbw{
position:relative;
/*width:99%;*/
/* height:450px; */
width:550px;
margin:0px 0px 0px 0px;
border:1px solid #ccc;
/* text-align:center; */
background-color:#ffffff;
}

#downloads{
position:relative;
/*width:99%; */
height:450px;
width:550px;
margin:5px 5px 5px 5px;
border:1px solid #ccc;
/* text-align:center; */
background-color:#ffffff;
}

#GMap, #map{
/*position:relative; */
/*top:23px; */
height:550px;
/* margin:5px 5px 5px 5px; */
/* border:1px solid #ccc; */
/* background-color:#FFFFFF;*/
text-align:center;
}

#adbar{
/* position:absolute; */
/* top:0; */
/* left:800;*/
/* top right bottom left */
margin: 5px 5px 0px 5px;
/* padding:0; */
/* width:250px; */
/* height:350px;*/
/* height:515px;*/
font-size:.7em;
}

#counter {
position:absolute;
top: 655px;
margin:0 0 0 590px;
width:250px;
}

#sideBar{
/* top right bottom left */
margin: 5px 5px 5px 5px;
/* position:absolute; */
/* top:0; */
/* left:0; */
/* padding:0; */
/* width:250px; */
/* height:515px; */
font-size:.7em;
}

#information{
position:absolute;
top: 275px;
bottom:0;
z-index:1500;
font-size:2em;
text-align:right;
width:100%;
}

#hideStats{
display:none;
}

.button{
border:1px solid #bfd3ec;
/* top right bottom left */
margin: 5px 0px 5px 10px;
line-height:38px;
width:200px;
height:40px;
background-color: #DCECFB;
color: blue;
letter-spacing: 0em;
text-align:center;
font-weight:bold;
font-size:.8em;
float:left;
cursor:pointer;
text-decoration:underline;
}

#footer{
position:relative;
/* left: 260px; */
margin:10px 0 0px 0;
/* width:280px; */
text-align:left;
/* float:left; */
}

/* ----- Headers ----- */

h1{
float:left;
/* top right bottom left */
margin:30px 0 0 89px;
padding:0;
font-size: 3.0em;
color:#000000;
letter-spacing:.1em;
/*display:none;*/
}

.box {
display:block;
margin-top:3px;
overflow:hidden;
width:12px;
height:12px;
background-image: url('images/x.gif');
background-repeat: no-repeat;
cursor:hand;
cursor:pointer;
float:right;
}

.closebox {background-image:url('images/x_blue.gif');}
a.closebox:hover {background-image:url('images/x_blue_highlight.gif');}

A:link {border:0px; color:BLUE; background-color:transparent; text-decoration:none;}
A:visited {color:#900B09; background-color:transparent; text-decoration:none;}
A:active  {color:#FF0000; background-color:transparent; text-decoration:none;}
A:hover   {color:RED; background-color:transparent; text-decoration:none;}

A IMG {border:none;}

#footer A{
float:left;
font-size:1.2em;
}

#XXXbanner-menu A{
/* float:right;*/
/* top right bottom left */
margin:0px 7px 0 7px;
/* font-size:.8em; */
/*color:#333;*/
z-index:2000;
}

h2{
font-size: 1.3em;
color:#000000;
margin:0 0 .7em 0;
font-weight:normal;
float:left;
}

/* ----- Paragraphs ----- */

p{
color:#333;
}

li{
font-size:1.2em;
color:#333;
margin:0;
padding:0;
}

#sideBar p{
font-size:1.2em;
}

#sideBar li p{
margin:0 0 .5em 0;
}

#footer p{
margin:0 0 5px 0;
padding:0;
letter-spacing:.04em;
}

ul{
margin:0 0 15px 0;
padding:0 0 0 1em;
}

/* ----- Form ----- */

form{
margin:0;
padding:0;
/*width:100%;*/
/*bottom:0;*/
}

fieldset{
background-color:#FFFFFF;
/*margin:0px 5px 0px 5px; */
margin:0px 2px 0px 2px;
border:1px solid #ccc;
padding:5px auto 0 auto;
}

fieldset p{
/*margin:7px 0 5px 0;*/
padding:0;
/* font-size:1.7em; */
font-size: 12px;
}

fieldset img{
/*margin:0 5px -3px 5px;*/
font-size:1.7em;
}

label{
color:#666;
float:left;
}

label.right{
color:#666;
float:right;
}

input.findBuoys{
cursor:pointer;
/* top right bottom left */
margin: 10px 0px 5px 0px;
}

.buoyLocator{
text-align:center;
font-size:.5em;
}

/* ----- set up for smallish login form ---- */
.ln {
height:16px;
font-size: 12px;
}

/* ----- TABLES ----- */
table.header { 
width: 1000px;
border:1px solid #ccc;
margin: 0px 0px 0px 0px;
background-color: #DCECFB;
}
table.main { 
width: 1000px;
border:1px solid #ccc;
margin: 10px 0px 0px 0px;
background-color: white;
}

table.stats-top{
width:530px;
/*border:1px solid #ccc;*/
margin: 5px 5px 5px 5px;
border-spacing:0;
/* font-size:.8em; */
}

table.stats{
width:530px;
border:1px solid #ccc;
margin: 5px 5px 5px 5px;
border-spacing:0;
/* font-size:.8em; */
}

caption{
display:none;
}

th{
border-bottom:1px solid #ccc;
background-color:#dedede;
padding:3px;
}
td.stat{
text-align:center;
}

/* ----- Links ----- */

a:visited{
color:blue;
}
a:hover{
color:green;
}

.clear{
clear:both;
}

/* ---- Login Form ---- */

form#login{
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height:80px;
	margin: 5px 5px 0px 5px;
}

#login .utext, .ptext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
width:70px;
}

#login .ulabel, .plabel, .llabel {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
/*width:80px;*/
}

#login .ulabel { position:absolute; top:10px; left:0px; } 
#login .utext { position:absolute; top:5px; left:60px; } 
#login .plabel { position:absolute; top:35px; left:0px; } 
#login .ptext { position:absolute; top:30px; left:60px; } 
#login .llabel { position:absolute; top:78px; left:20px; } 

#login .buttons {
position:absolute;
top:50px;
left:35px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
background-color: #333333;
color:#FFFFFF;
margin-top:6px;
}

/* ---- end Login Form ---- */

/* ----- Colors ----- */

.white{
color:#fff;
}
.orange{
color:#EFB300;
}
.yellow{
color:#fffa73;
}
.red{
color:#E35A5A;
}
.green{
color:#738F1A;
}
.green2{
color:#99bc33;
}
.grey1{
color:#f2efe9;
}

.grey2{
color:#ebe6dc;
}
.grey3{
color:#d1d0cd;
}

.popup {
color: #9F141A;
cursor: help;
text-decoration:none;
}
.zipform {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	float:left;
	margin-top: 1px;
	margin-left: 3px;
}
div.zipform {
	height:22px;
	width: 100%;
	background-color:#bfd3ec;
	border-bottom:1px solid #000000;
	margin-top: 0px;
	margin-left: 0px;
	display:none;
}
label.zipform {
	margin-top: 4px;
}

a.zipform {
	margin-top: 4px;
	float:right;
	cursor:pointer;
}

img.zipform {
	float:right;
	cursor:pointer;
	margin-right:0px;
	padding-right:3px;
	padding-top:3px;
}
form.zipform {
	margin-bottom:0px;
}

form#login{
	position:relative;
	/*background-color:#000000;*/
	/*color:#000000;*/
	/*border: 1px solid #999999; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*width:160px;*/
	height:135px;
	border:1px solid #000;
	margin-right:8px;
}

#login .ulabel, .plabel, .llabel, .flabel, .nrlabel, .rlabel{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*width:80px;*/
}

#login .ulabel { position:absolute; top:10px; left:5px; } 
#login .utext { position:absolute; top:5px; left:65px; }
#login .plabel { position:absolute; top:35px; left:5px; } 
#login .ptext { position:absolute; top:30px; left:65px; }
#login .rlabel { position:absolute; top:60px; left:58px; } 
#login .rtext { position:absolute; top:55px; left:35px; }
#login .flabel { position:absolute; top:100px; left:25px; } 
#login .nrlabel { position:absolute; top:120px; left:25px; } 
/*
#login .llabel { position:absolute; top:78px; left:20px; }
*/

#login .buttons {
	position:absolute;
	top:70px;
	left:55px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #333333;
	color:#FFFFFF;
	margin-top:6px;
}