/* handheld*/

/*Fixed-size elements include images and form controls. Assign them max-width: 100% */
p {padding:0 0 0.4em 0; margin:0;}
/*all@media print styles need negating for handhelds that don't support @media */

/* hide all icons */

/* handheld*/
#print-head, .no-print,.no-bb{display:none;}
.handheld, #bb, .bb {display:block;}
#bb {overflow: hidden;}
a.bb {display:inline;}
#bb{background-color: #003366;}
#page-info{padding-left:0.1em;background-image:none; line-height: 1.1em;}
#page-info a{font-size:.6em;}
.mobile{background-image:url(/test/vlw_maps/marine/images/symbols/phone.png); background-repeat:no-repeat; background-position:left;padding:4px 0 4px 18px}

#left-block, #content-block, .middle-col, #right-block {width:auto; float:none;height:auto;margin-left:0;}
#right-block {display:none;}
#section-nav {width:100%;margin-left:0;}

div#bb-nav {margin:0.3em; font-size:0.9em; }
div#bb-nav a:link, div#bb-nav a:visited{text-decoration:none; border-bottom:dotted 1px #FFF;} /* section menu link */
div#bb-nav a:hover{text-decoration:none; border-bottom:solid 1px #ccc;}
 /*table, tbody, tr, td, th {display: block; } checkworkable for datatables */

.space{margin:0.1em;}
.space-left{margin-left:0.1em;}
.email{margin-left:0;padding-left:0;background-image:none;}
.space-right{margin-right:0.1em;}
.space-top{margin-top:0.1em;}
.space-bottom{margin-bottom:0.1em;}

.align-justify{text-align:left;}

pre {
	white-space: -pre-wrap; /* Opera 6 CSS Extension */
	white-space: pre-wrap; /* CSS2.1 Addition */
	}
code, pre	{font-family: monospace;}

/* Allow preformatted lines to break */

/*all@media print styles need negating for handhelds that don't support @media */
/* hide all icons - most via @import statement - target to screen only! */

/* ------------------------------------------step further---------------------------------------------------- */
/* squeeze space and sizes */
h1, h2, h3, h4, h5, h6 {padding:0.3em 0.1em  0.1em 0.1em; margin:0;font-weight:bold; background-color:transparent;color:#000;text-align:left;font-family:Arial, Helvetica, sans-serif;}
h1 {font-size:1.2em; padding:0 0 0.2em 0.1em;}
h2 {font-size:1.1em; color:#006699;}
h3 {font-size:1.0em;color:#006699;}
h4,h5, h6 {font-size:1.0em;color:#000;}
	
/* Shrink images to fit within viewport; some phones  can't scroll horizontally. */
img.as-text { content: attr(alt); }
#section-nav img.nav-image{display:none;}
img	{max-width: 100%;}
body {font-family: sans-serif;font-size:100%;}
table, li, p, td, tr, th, form, select, input,textarea{font-family: sans-serif;}

#page {
	margin:0;
	padding:0;
	text-align:left; 
	min-width:100px; 
	max-width:597px;
	width:99%;
	}
#page2, #page-2col{width:auto;margin-left:0.2em;}

#content-block{
	float: none;
	padding:0;
	margin:0;
	width:100%;
	max-width:597px;
	min-width:100px;
	}

	/*  Forms */

/* Make sure inputs stay inside the content area */
input, textarea, select {max-width: 100%;}

/* -----------------------------------------------------------------*/
.box-left, .box-right,.box-centre,.image-left img,img.image-left,.image-right img, img.image-right,.image-centre img, img.image-centre,.box-left, .box-right, .box-centre {float:none;clear:both; max-width:100%;width:100%;min-width:100px;text-align:left;min-height:1em;}
 
.bigger {font-size:1.1em;}
.biggest {font-size:1.2em;}
.top{background-image:none;padding-right:0;}

.box-feature, .page-menu {width:100%;}
div.link-up ul{list-style-image: none;}
/* .divlabel{top:-8px;margin-left:8px;} consider reduction...test */
.jsalert {margin-bottom:0.3em;font-size:1.0em;}

/* ----------------------- WATL /WATL home -----------------------------*/

.tabber, .tabbertab{width:100%;max-width:597px;}

.box-product img{display:block;margin:0;padding:0;}
#mapcontainer{display:none;} /* should hide all warning map images - otherwise hide each explcitly*/
.warnings, #wwatches, #forecast-rain, #top-row{height:auto; min-height:1.0em;width:100%;float:none;margin-left:0;clear:both;width:100%;max-width:597px;text-align:left;}
div.warnings h2, #wwatches h2, #forecast-rain h2 {text-align:left;}
.block, .content-item, #marine div.content-item{float:none;width:100%;}/*min-width:199px;*/

div.warnings {margin:0.2em 0;padding:0.2em 0 0.1em 0; border:1px #CC0000 solid; width:100%;/*diagnosticheight:0;*/min-height:0; text-align:left;}
#top-row div.warnings{height:1%;}

.warnings p{margin:0;padding:0 0 0.1em 0;}
.weather-climate{margin-left:0;}

.enclose{display:block;overflow:visible;}
legend{display:none;}
iframe{width:100%;max-width:597px;}

/* ----------------------- tabber -----------------------------*/
/*few handhelds currently support javascript so unobtrusive scripts inc. tabber menu whould be OK */

/* --------------- */
table.bb-block, table.bb-block tr, table.bb-block td{display:block; width:100%;}
table.table-text img{display:none;}
#section-home #right-block {display:block;}