/* 
	poow.css
	Cape Blanco max winds are #FF00FF
*/

@viewport{
    zoom: 1.0;
    width: device-width;
}
html {
	width:100%;
	height:100%;
}
body {
	background: transparent;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	display: flex;
    justify-content: center;
}
div.container {
	border: 0px solid black;
	margin: 0 auto;
	padding: 0;
}

/*	make layout adjustments without border-collapse set */

table.main {
	border-collapse: collapse;
	background-color: black;
	margin: 0 auto;
	width: 600px;
	height: 780px;
}
table.column {
	border-collapse: collapse;
	vertical-align: top;
	width: 296px;
	text-align: center;
	color: white;
}
table.datarows {
	border: 0px solid white;
	vertical-align: top;
	width: 296px;
	height: 685px;
	text-align: center;
	color: white;
	font-size: 14px;
}
table.tides {
	border: 0px solid white;
	vertical-align: top;
	width: 296px;
	height: 296px;
	text-align: center;
	color: white;
	font-size: 15px;
}
table.bf_box {
	border-collapse: collapse;
	background-color: black;
	vertical-align: top;
	width: 290px;
	height: 305px;
	text-align: center;
	color: white;
	font-size: 15px;
}
table.blurb {
	border: 0px solid white;
	background-color: black;
	width: 296px;
	height: 100px;
	text-align: center;
	color: white;
	font-size: 15px;
}

td.bf_hdr {
	border: 0px solid white;
	height: 30px;
	background-color: #0000DD;
}
td.header {
	border: 0px solid white;
	background-color: #0000DD;
	height: 35px;
	text-align: center;
	color: white;
}
td.column {
	border: 0px solid white;
	background-color: black;
	vertical-align: top;
	width: 296px;
}
td.msg {
	border: 0px solid white;
	background-color: black;
	text-align: center;
	color: white;
	height: 25px;
}
td.footer {
	border: 0px solid white;
	background-color: #0000DD;
	height: 30px;
	text-align: center;
	font-size: 10px;
	color: white;
}
td.donate {
	border: 0px solid white;
	background-color: black;
	text-align: center;
	color: white;
	height: 30px;
}
td.instructions {
	border: 0px solid red;
	background-color: white;
    vertical-align: top;
    padding-left: 10px;
    text-align: left;
    width: 296px;
    height: 300px;
    color: black;
    font-size: 14px;
}
/*****************************/

td.tide_b { /* black */
	border: 1px solid white;
	background-color: black;
	vertical-align: top;
	width: 296px;
	text-align: center;
	color: white;
	font-size: 15px;
}
td.tide_r { /* red */
	border: 1px solid white;
	background-color: red;
	vertical-align: top;
	width: 296px;
	text-align: center;
	color: white;
	font-size: 15px;
}
td.tide_g { /* green */
	border: 1px solid white;
	background-color: green;
	vertical-align: top;
	width: 296px;
	text-align: center;
	color: white;
	font-size: 15px;
}
td.tide_blank { /* blank */
	border: 0px solid red;
	background-color: black;
	width: 296px;
	height: 18px;
	color: white;
}
td.tide_alert { /* gold */
	border: 1px solid white;
	background-color: #ffcc00;
	width: 296px;
	height: 18px;
	color: black;
}

/*****************************/

td.lobcol {
	width: 134px;
	border: 1px solid white;
}
td.dircol {
	width: 44px;;
	border: 1px solid white;
}
td.wndcol {
	width: 58px;;
	border: 1px solid white;
}

/* dock_img is 299 by 262 */

td.dock_img {
	border: 0px solid white;
    background: url('../static/netcam.png') center right;
    vertical-align: top;
    width: 296px;
    height: 252px;
}
td.wht {
	border: 1px solid #DDDDDD;
	background-color: white;
	color: black;
}
td.blk {
	border: 1px solid white;
	background-color: black;
}
td.nun {
	border: 1px solid black;
	background-color: black;
}
td.cntr {
	text-align: center;
}
td.lft {
	vertical-align: top;
	text-align: left;
}
td.wind {
	width: 20%;
	border: 0px solid white;
	background-color: #00CC00;
}
td.gust {
	width: 20%;
	border: 0px solid #FFFFFF;
	background-color: #00CC00;
}

/* Define the links */
			
a:link { /* for unvisited links */
    color: #FFFFFF;
	text-decoration: none;
	cursor: hand;
}
a.about:link { /* for unvisited links */
	text-decoration: underline;
    color: black;
}
a.source:link { /* for unvisited links */
	height: 16px;
	text-decoration: none;
    color: white;
}
a:visited { /* for visited links */
    color: #FFFFFF;
	text-decoration: none;
	cursor: hand;
}
a.about:visited { /* for visited links */
	color: #444444;
	text-decoration: underline;
    color: black;
}
a.source:visited { /* for visited links */
	height: 16px;
	text-decoration: none;
    color: white;
}
a:active { /* when link is clicked */
    color: #FFFFFF;/*white*/
	text-decoration: none;
	cursor: hand;
}
a:hover { /* when mouse is over link */
    color: #00CC00;/*green*/
	text-decoration: none;
	cursor: hand;
}

/* Define the buttons */

input.stn{
	border: 0px solid transparent;
	width: 100%;
	height: 18px;
	background-color: transparent;
	padding: 0px;
	font-size: 14px;
	color: white;
	cursor: hand;
}
input.wind_normal{
	border: 0px solid #FFFF00;
	width: 100%;
	height: 20px;
	padding: 0px;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: white;
	cursor: hand;
}
input.wind_mph{
	border: 0px solid #FFFF00;
	width: 100%;
	height: 20px;
	padding: 0px;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: white;
	cursor: hand;
}
input.wind_gust{
	border: 0px solid #FFFF00;
	width: 100%;
	height: 20px;
	padding: 0px;
	background-color: transparent;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: white;
	cursor: hand;
}