/* reset.css */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, small, strike, strong, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}

/* styles */
body {font-family:Arial, Helvetica, sans-serif;font-size:xx-small;background:#f3f3f3;color:#666666;}
h1, h2, h3, p, li, div {font-size:xx-small;line-height:1.2em;}
a {color:#3F7389;font-size:xx-small;}
p {margin-bottom:.5em;}
h2, h2 a, h3, h3 a, strong, p strong , span {font-size:xx-small;}

/* header */
.mob-adspace {background:#ffffff;margin-top:1px;text-align:center;height:20px;}
.mob-header {padding:4px 8px;background:#ffffff;text-align:center;}
.mob-header img {border:0;}
.mob-header img.warn-head {margin-left:15px;}

/* nav */
.mob-tnav-lo {color:#60AEBA;text-align:center;height:21px;border-bottom:4px solid #999999;background-color:#007b8d;}
.mob-tnav-mid {color:#60AEBA;text-align:center;height:30px;border-bottom:4px solid #999999;background-color:#007b8d;}

/* content */
.mob-content {padding:0 8px 2px;}
.clear {clear:both;}
#funded {margin-top:10px;padding:0;}

/* warnings */
.warnings-banner {background:#eb6800;color:#ffffff;border-bottom:solid 3px #e9ab79;padding:3px 8px;margin-bottom:8px;text-align:center;}
.warnings-banner  a {color:#ffffff;}
.warnings {margin:8px 0;background:#ffffff;color:#eb6800;border:solid 1px #eb6800;}
.warnings h2 {background:#eb6800;color:#ffffff;padding:4px 8px;}
.warnings p {border-top:solid 1px #eb6800;padding:8px 8px 0;}
.warnings a {color:#eb6800;}
.warnings-box {color:#ffffff;background-color:#eb6902;margin:22px 0 10px 0;}
.warnings-box ul{padding:10px;}
.warnings-box ul li {border-bottom:1px solid #ef8836;	 padding:5px 0;}
.warnings-box ul li.first {padding-top:0;}
.warnings-box ul li a {color:#ffffff;}
.warnings-box h3 {background:#ffffff url('../images/warn-strip-bg.gif') repeat-x bottom left;color:#eb6902;font-size:x-small;font-weight:bold;padding:10px;border:1px solid #ffbb83;border-bottom:0;}


/* summary, titles */
.summary {background:#215b6d;color:#eeeeee;margin-top:8px;padding:8px;}
.top {border-top:1px solid #45869a;}
.summary h1 {padding:0;font-size:small;}
.summary a.active {padding:0;font-size:small;}
.summary a {color:#ffffff;font-size:small;}
.summary a.set {padding-right:15px;background:url(../images/mob-set-hm-176.gif) right 50% no-repeat;}
.summary h2 {margin:0;font-size:small;}
.summary ul {margin:0;padding:0;}
.summary .ul {margin:0;padding:0;}
.summary li {margin-top:0;line-height:1.4em;}
.summary .li {margin-top:0;line-height:1.4em;}
.mountain {background:#5a715e;}
.title-detail {margin-top:10px;}
.title-detail h1 {padding:0;font-size:small;}
.title-detail a.set {margin:-20px 0 0 10px;padding-right:15px;background:url(../images/lo/set-hm.gif) right 50% no-repeat;font-size:small;}
.title-detail a {color:#ffffff;}


/* page */
.mob-page {background:#ffffff;border:1px solid #cfcfcf;margin:8px 0;padding-top:1px;}
.front h1, .mob-page h2 {color:#EB6800;border-bottom:1px solid #CFCFCF; padding:3px 8px 4px;font-size:small;}
.section-list h2 {padding:0;border-bottom:0;}
.front h2, .mob-page h3 {border:0;padding:0;font-size:x-small;}
.mob-page .item {border-bottom:1px solid #CFCFCF;padding:4px 8px; line-height:1.4em;}
.mob-page .li {border-bottom:1px solid #CFCFCF;padding:4px 8px;line-height:1.4em;}
.mob-page .last {border-bottom:0;}
.item h2 {padding:4px 0;border-bottom:0;}
.mob-page .item a {color:#3F7389;}
.mob-page .item img {margin-right:0;}
.mob-page .item p {margin:0;line-height:1.4em;}
.mob-page .last p {margin:0;}
.mob-page .item p strong {color:#000000;}
.mob-page .item span {padding:0 2px;}
.max {background-color:#DC3F1C;color:#ffffff;border:1px solid #DC3F1C;font-size:xx-small;}
.min {background-color:#3399CC;color:#ffffff;border:1px solid #3399CC;font-size:xx-small;}
.actual {color:#666666;font-size:xx-small;}

/* tables */
.table {margin:4px 0 12px 0;width:100%}
.table th {background-color:#ffffff;padding:4px 2px;border:1px solid #dddddd;font-size:xx-small;}
.table tr.odd {background-color:#ffffff;}
.table tr.even {background-color:#ffffff;}
.table tr.table-subheading {background-color:#ffffff;}
.table td {padding:4px 2px;border:1px solid #dddddd;text-align:center;font-size:xx-small;}
.table td span.temp {padding:0;margin:0}
.table tr.table-heading td{background-color:#cccccc;border-color:#cccccc;}
.table tr.table-subheading td{background-color:#dddddd;border-color:#dddddd;}

/* footer */
.mob-footer, .mob-statement {padding:0 8px 8px;	}
.mob-footer p, .mob-footer small {text-align:left;}
.mob-footer small, .mob-footer p.small {border-top:1px solid #CFCFCF;padding:8px 0 0;}
.mob-footer .mob-fnav, .mob-footer .warn-foot {text-align:center;}
.mob-footer .warn-foot {padding:3px 0 8px;}
.mob-footer div.twitter {margin-bottom:8px;border-top:1px solid #cccccc;border-bottom:1px solid #cccccc;}
.mob-footer  div.twitter p {margin:5px 0;padding:0;}
.mob-fnav  {margin-bottom:8px;clear:both;}
.mob-fnav a {color:#005966;font-size:xx-small;margin:0 .2em;}

/* towns */
.town-detail {background-color:#215B6D;color:#ffffff;margin-bottom:10px;}
.town-detail p {color:#dddddd;padding:0 8px 10px 8px;}
.town-detail h1, .town-detail div {padding:10px;}
.town-detail h1 {color:#ffffff;border:0;}
.town-detail div {border-top:1px solid #45869A;}
.sto {padding:10px;margin-bottom:0;}
.sto-extra {margin-top:20px;}
.sto p {padding:0;margin:0;}
.mob-page .pagination {color:#336666;padding:10px 10px 0;margin:0;}
span.temp, span.speed {font-size:xx-small;}

/* rural */
.rural-locations {background:#fff;padding:10px;border:1px solid #cecece;}
h1.rural-title{margin-bottom:0;padding-bottom:0;}
h3.rural-comp {background:#ffffff;color:#eb6800;padding:4px;font-size:xx-small;}
.rural-sublinks {margin-top:10px;font-size:x-small;}
.rural-back{padding:0 0 10px 10px;}
a.rural-back {font-size:small;}

/* tides */
h3.tide-date {background:#ffffff;color:#eb6800;padding:4px;font-size:xx-small;}
#marine .item {border-bottom:none;}
#marine .item.last {border-top:1px solid #cecece;}

/* ski fields */
.section-list .li span.field {padding-right:15px;margin-right:10px;}
.section-list .li span.road {padding-right:15px;margin-right:10px;}
.section-list .li span.closed {background:url('../images/icon-ski-closed.gif') no-repeat 100% 0;}
.section-list .li span.open {background:url('../images/icon-ski-open.gif') no-repeat 100% 0;}
.ski-disclaimer {border-top:1px solid #cfcfcf;margin-top:10px;padding:10px 10px 5px 10px;}
.ski-report{display:block;margin-bottom:5px;}
.webcams {text-align:center;}
.webcams h2 {border-bottom:none;}
.webcams .image-wrapper-lores {padding:2px;}
.webcams .cam-timestamp {font-size:10px;padding-left:2px;padding-bottom:10px;border-bottom:1px solid #CFCFCF;margin-bottom:0;}
.webcams .pagination {padding:10px;text-align:left;}
.web-cam-pagination {padding:10px;border-bottom:1px solid #cfcfcf;} 
.web-cam-pagination  .next {display:block;}
.web-cam-pagination  .prev{display:block;}
.no-cam{margin:15px 0;}
/* imagery */
.maps-wrapper {padding:5px;margin-bottom:10px;text-align:center;background:#ffffff;}
.key {margin:10px 0;}
.key p{margin-bottom:20px;}
.key p img{margin:0 5px -5px 0;}

/* messages */
#message {margin-top:5px;font-size:xx-small;color:#ffffff;}
#message a {color:#ffffff;}
#message .status {background:#339900;padding:5px;} 
#message .error  {background:#CC3300;padding:5px;} 
#message ul {margin:-5px 0 -5px -5px;padding:0;} 
#message li {border-top:1px solid #ffffff;padding:5px;} 

/* standard page */
.standard-page h1 {color:#eb6800;font-size:small;}
.standard-page p, .standard-page h1 {margin:0.5em;}

