html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
  body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
 table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
 body {margin: 0 auto;padding: 0; text-align: center;font-size:12px;line-height:1.5em ;font: normal 12px/1.5em Helvetica, Arial, Tahoma, Verdana, sans-serif; color:#595959;background: url(../images/fluidbg.png) repeat left top;}
a, a:visited {color:#fff;text-decoration: underline;}
a:hover, a:visited:hover {color:#ccc;background: transparent;text-decoration: none;}
p, ul, blockquote, pre, td, th, label {margin: 0;font-size: 1em;line-height: 1.5em;margin-bottom: 1.5em;}
ul, ol {list-style-type: none;text-align: left;}
.fleft {float: left;text-align:left;}
.fright {float: right;}
.floatleft {float: left;}
.floatright {float: right;}
.clearfloat {clear: both;}
.alignleft {text-align: left;float: left;}
.alignright {text-align: right;}
.fortnight {margin-top: 20px;font-weight:bold;}
.oldbrowsers, .hide {display: none}
.half {width:48%;}
.half img {width:98%;}
a img, a img:visited,a img:hover, a img:visited:hover {border: 0;background: transparent;}
.oldbrowsers, .hide {display: none;}
div.hr {margin: 3em 0;padding: 0;height: 1px;background: #d7cea6}
div.hr hr {display: none;}
table {border-collapse: collapse;margin-bottom: 1.5em;}
strong {color:#111;}
img.image-left {float: left;}
img.image-right {float: right;}
img.image-full {display: block;float: none;clear: both;}
img.image-full-center {display: block;float: none;clear: both;text-align: center;margin-left: auto;margin-right: auto;}
pre {font-family: Helvetica, Arial, sans-serif ;}
 .fb {background-color: #fff !important}
#entries ol li.highlight {background-color: #ff9 !important}
 #errorExplanation {border: 2px solid #red; padding: 7px; padding-bottom: 12px; margin-bottom: 20px; background-color: #f0f0f0}
#errorExplanation h2 {text-align: left; font-weight: bold; padding: 0 5px 15px; font-size: 12px; margin: -7px; background-color: #c00; color: #fff; background-image: none; width: auto}
#errorExplanation p {color: #333; margin-bottom: 0; padding: 5px}
#errorExplanation ul li {font-size: 12px; list-style: square}
div#canvas {margin: 0; padding: 0; overflow: hidden; text-align: left}
div#header {margin: 0; padding: 0; overflow: hidden}
div#header div.wrapper {width: 975px; margin: 0 auto; text-align: center; overflow: hidden}
div#user {margin: 0; padding: 0; overflow: hidden; color: #ccc; position: absolute; top: 0; width: 100%}
div#user div.wrapper {width: 970px; margin: 0 auto; padding: 0; background: transparent; overflow: hidden}
div#content {clear: both; margin: 0; padding: 0; text-align: left; overflow: hidden}
div#content div.wrapper {width: 1114px; margin: 0 auto; text-align: center; overflow: hidden; position: relative}
div#content div.wrapper div.content {width: 1114px; margin: 10px auto; text-align: center; border: 0 solid #ccc; overflow: hidden }
div.main {float: left; width: 720px; text-align: left; overflow: hidden}
div.main div.pad {padding: 0 0 20px 70px}
#showcase {width: 620px; overflow: hidden; margin: 0 0 2em 0; height: 314px; border-bottom: 2px solid #000; position: relative}
#scroller {width: 418px; overflow: hidden; height: 314px; border-right: 2px solid #2F2E2E; position: relative; top: 0; margin-top: 0}
  div#locationfinder {clear: both; overflow: hidden}
div#locations {clear: both; margin: 0; padding: 9px 0 0 0; background: #e9eeee; overflow: hidden}
div.regions {background: url(/images/bg-location-btm-new.gif) no-repeat bottom left; overflow: hidden; padding: 0 0 10px 0}
div.full div.regions {background: url(/images/bg-location-btm-full.gif) no-repeat bottom left}
div#news {overflow: hidden; background-color: #fff; padding: 10px; color: #000 }
div#news a {color: #000}
div#news div.border-latest {padding: 1em; overflow: hidden; border-top: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; border-left: 1px solid #cfcfcf}
div#news div.border p img {width: 595px}
div#reports {clear: both; margin: 0; overflow: hidden; text-align: left; min-height: 700px; padding: 10px; margin: 0 70px; background-color: #fff}
#swellcharts {margin: 1em 0; padding: 0 10px; text-align: left}
.swellchart {background: #e9e9e9; text-align: center; z-index: 10; margin-bottom: 10px}
#weathercharts {width: 950px; overflow: hidden; margin: 2em 0 2em 0}
#weathercharts #scroller {float: left; width: 950px; height: 820px; overflow: hidden}
#weathercharts #charts {width: 16000px}
#weathercharts .weatherscroller {width: 950px; overflow: hidden; background: #fff}
#weathercharts .weatherscroller .maps {float: left; width: 470px; margin: 0 5px 0 0}
#weathercharts .weatherscroller .maps img {width: 470px}
#weathercharts .weatherscroller .three {clear: both; margin-top: 0em}
#weathercharts .weatherscroller .four {margin-top: 0em}
#weathercharts .slide {width: 950px; height: 1200px; float: left; background: #fff; position: relative; text-align: left; overflow: hidden}
div#surfreports {margin: 0; padding: 0; overflow: hidden}
div#intheforums {margin: 2em 0; padding: 0; overflow: hidden}
div#today, div#dawn, div#regional, div#surfcam {clear: both; margin-top: 1em; padding: 0}
div#cams {background: transparent; margin: 0; text-align: left; overflow: hidden; position: relative; min-height: 420px}
div#surfcam {background: transparent; margin: 0; text-align: left; overflow: hidden}
div#popular-surfcam-thumbs {position: absolute; width: 100px; top: 0; right: 0; padding: 20px 0 0 0; background: url(/images/titles-archives-feature-cams.gif) no-repeat 5px 5px}
div#popular-surfcam-thumbs ul {margin: 0; padding: 0}
div#popular-surfcam-thumbs ul li {text-align: center; margin-bottom: 5px}
div#popular-surfcam-thumbs ul li img {width: 95px}
div.camreport div#surfcam {float: left; width: 530px}
div.camreport div.feature-camreport {float: right; width: 420px; margin: 0; padding: 0}
div.feature_cam {float: left; margin: 12px; text-align: center}
.clear {clear: both}
div#latestgalleries {clear: both; margin: 2em 0 0 0}
div#latestnews {clear: both; margin: 2em 0 0 0; position: relative}
div#latestnews div {background-color: #fff}
#reports .report {margin: 0; padding: 0; overflow: hidden; float: left}
#reports .reporttext {float: left; width: 625px}
#reports .sidecol {float: right; width: 300px; margin-top: 0.5em}
#reports div.extendedforecast {clear: none; overflow: hidden; float: left; width: 620px}
#reports #weatherconditions {clear: both; margin: 2em 0; padding: 0; overflow: hidden}
#reports #weatherconditions .current {float: left; width: 300px; margin-right: 26px; background: #eae8e8; height: 35em}
#reports #weatherconditions .winds {float: left; width: 300px; background: #eae8e8; height: 35em}
#reports .livebouy {float: right; width: 300px; background: #eae8e8; height: 35em; position: relative}
#reports #weatherconditions .winds p.weatherzone {margin-top: 0}
#reports #weatherconditions .current .temperature {float: left; width: 145px}
#reports #weatherconditions .current .temperature img, #reports #weatherconditions .current .wind img {width: 45px}
#reports #weatherconditions .current .wind {float: right; width: 145px}
#reports #weatherconditions .current h5 {font-size: 2em; text-align: center}
#reports #weatherconditions .current h5 em {display: block; margin-bottom: 3px; font-size: 11px; font-weight: normal; font-style: normal}
#reports #weatherconditions .current img {float: left; margin: 0 10px 0 1em}
#reports #weatherconditions .current ul {clear: both; margin-top: 1em; overflow: hidden}
#reports #weatherconditions .current ul li {float: left; width: 50px; font-weight: bold; margin-bottom: 2px; text-align: center}
#reports #weatherconditions .current ul li.now span {display: block; font-weight: normal}
#reports #weatherconditions .current ul li.min {clear: both}
#reports #weatherconditions .current ul li.min span {display: block; color: #0b70a6; font-weight: normal}
#reports #weatherconditions .current ul li.max span {display: block; color: #c00; font-weight: normal}
#reports #weatherconditions .current ul li.forecast {float: none; width: 200px; display: block; font-size: 1.25em; padding-bottom: 2px; border-bottom: 1px solid #fff}
#reports #weatherconditions .current p, #reports #weatherconditions .winds p, #reports #weatherconditions .livebouy p {margin-left: 1em; padding-right: 1em}
#reports #weatherconditions .current dl {clear: both; margin: 1em; overflow: hidden}
#reports #weatherconditions .current dt {clear: both; float: left; width: 70%; margin: 0; padding: 0}
#reports #weatherconditions .current dd {float: right; width: 30%; margin: 0; padding: 0}
div#main pre {font-family: Helvetica, Arial, sans-serif}
#reports #regional .reporttext ul, #reports .reporttext ul.forecastreport {margin: 0.5em 0 0 0}
#reports #regional .reporttext ul li h6, , #reports .reporttext ul.forecastreport h6 {font-weight: bold}
div.message {clear: both; margin: 0 0 1em 0; padding-bottom: 0.25em; color: #fff; background: #0d71a8}
div.message a, div.message a:visited {color: #fff}
div.message-upgrade {clear: both; margin: 0 0 1em 0; padding-bottom: 0.25em; background: #f2f0f0}
div#related {clear: both; margin: 2em 0 1em 0; padding-bottom: 0.25em; background: #f2f0f0; overflow: hidden}
div#related div.leftlist {float: left; width: 48%}
div#related div.rightlist {float: right; width: 48%}
div.images {background: #444; margin-left: 1.5em; color: #fff; position: relative}
div.teaser {float: right; width: 302px; margin: 0.5em 0 1em 1.5em; overflow: hidden }
div.story {clear: both; width: 618px; overflow: hidden; margin: 0}
div.images img.full {border: 0px solid #7f7f7f; margin: 1px 0 0 1px; width: 300px}
div.images img.home {border: 0px solid #7f7f7f; margin: 1px 0 0 1px; width: 616px}
div.images span.enlarge {position: absolute; display: block; top: 1px; right: 1px; width: 85px; height: 25px; z-index: 100; background: url(/images/icon-enlarge.gif) no-repeat bottom left; text-indent: -20000em; font-size: 1px}
div.images span.shrink {position: absolute; display: block; top: 1px; right: 1px; width: 85px; height: 25px; z-index: 100; background: url(/images/icon-shrink.gif) no-repeat bottom left; text-indent: -20000em; font-size: 1px}
div.images ul {padding: 0 0 0 0; margin: 0px -10px 0 10px; overflow: hidden}
div.images ul li {float: left; margin: 0 17px 10px 0; background: none; list-style-type: none; padding: 0}
div.images ul li a img, div.images ul li a:visited img {border: 1px solid #ebebeb; width: 40px}
div.images ul li a:hover img, div.images ul li a:visited:hover img {border: 1px solid #555}
div.images ul.rated {padding: 0 0 0 0; margin: 10px -10px 0 10px; overflow: hidden}
div.images ul.rated li {float: left; width: 100px; margin: 0 15px 10px 0; background: none; list-style-type: none; padding: 0; color: #fff; font-size: 0.95em; text-align: center; text-decoration: none; text-align: center}
div.images ul.rated li a, div.images ul.rated li a:visited {color: #fff; text-decoration: none}
div.images ul.rated li a:hover, div.images ul.rated li a:visited:hover {color: #ddd; text-decoration: none}
div.images ul.rated li a img, div.images ul.rated li a:visited img {border: 1px solid #ebebeb; text-decoration: none}
div.images ul.rated li a:hover img, div.images ul.rated li a:visited:hover img {border: 1px solid #555}
div.teaser ul.rated li, div.story ul.rated li {height: auto}
ul.rated {overflow: hidden; background-color: #ccc; margin: 0}
#latestgalleries.videos ul.rated {background-color: #fff}
ul.rated li {float: left; width: 110px; height: 155px; margin: 0 15px 10px 0; background: none; list-style-type: none; padding: 0; font-size: 0.95em; text-align: left; text-decoration: none}
ul.rated li a, div.images ul.rated li a:visited {text-decoration: none}
ul.rated li a:hover, ul.rated li a:visited:hover {text-decoration: none}
ul.rated li a img, ul.rated li a:visited img {border: 1px solid #ebebeb; width: 110px; text-decoration: none }
ul.rated li a:hover img, ul.rated li a:visited:hover img {border: 1px solid #555}
ul.rated li .starbox {margin-left: 0}
div#showcase div.images {margin-left: 0}
div#showcase div.feature {margin-top: 65px}
div.images {float: right; width: 302px; margin: 0.5em 2px 1em 1.5em}
div.images p {color: #fff; background: transparent; display: block; width: 280px}
div.images ul.rated li {float: left; width: 60px; margin: 0 13px 10px 0}
div.images ul.rated li a.selected img {border: 1px solid #000}
div.images ul.rated li a img, div.images ul.rated li a:visited img {width: 58px; height: 40px}
div.images div.gallery-content {width: 9000px; overflow: hidden; height: 227px}
div.images div.gallery-content div.gallery-item-wrapper {display: block; float: left; height: 227px}
div.images img {border: 1px solid #7f7f7f; width: 300px}
 #assets .asset {float: left; margin: 0 1em 1em 0; width: 105px}
div#gallery_controls {height: 30px; color: #fff; background-color: #3f3c3d}
div#gallery_controls ul li {float: left; list-style-type: none; margin: 0; padding: 0 9px; border-left: 1px solid black; border-right: 1px solid black; line-height: 30px}
div#gallery_controls ul li.first {border-left: none}
div#gallery_controls ul li.last {border-right: none}
div#gallery_controls ul li.enabled {font-weight: bold}
div#gallery_controls ul li a {color: #ddd; width: 100%; text-decoration: none; font-size: 0.9em; line-height: 0.9em}
div#gallery_controls .ui-icon {float: right; margin-left: 5px; margin-top: 6px}
div#latestgalleries ul.rated {margin-bottom: 2em}
ul#gallery_thumbs {list-style-type: none; padding: 0; margin: 0 }
ul#gallery_thumbs li {list-style-type: none; float: left; padding: 0; margin: 6px; cursor: pointer}
ul#gallery_thumbs li img {border: 1px solid #fff}
ul#gallery_thumbs li.current img {border: 1px solid #000}
div#gallery_large_image {max-width: 620px; max-height: 465px}
div.loaderOverlay {display: none; position: absolute; z-index: 100000; text-align: center}
div.images div#extras {margin: 5px 10px; color: #fff; overflow: hidden}
div.images div#extras div.nearby {width: 45%; float: left}
div.images div#extras div.recent {width: 45%; float: right}
div.outlooks {clear: both; margin: 2em 0 0 0; overflow: hidden}
div.outlooks div.weekend {margin: 0 0 1em 0; padding-bottom: 0.1em; background: #eae8e8}
div.outlooks div.bestdays {margin: 0 0 1em 0; padding-bottom: 0.1em; background: #eae8e8}
div.outlooks div.weather-forecast {padding-bottom: 0.1em; background: #eae8e8}
div#homereports {clear: both; margin: 1em 15px; overflow: hidden; width: 620px}
div#homereports div.daily {float: left; width: 310px; border-right: 1px solid #fff}
div#homereports div.reports {float: right; width: 309px}
div#homereports div.forecasts {float: right; width: 309px}
div.homenews {clear: both; margin: -1.75em 0 2em 0; padding: 0 5px 1em 0; overflow: hidden; background: #eae8e8; position: relative}
div.homenews div.images {float: right; width: 200px; margin: 20px 0 20px 0; padding: 0; background: #fff url(/images/bg-news-home.gif) no-repeat left bottom}
div.homenews div.images img {margin: 0; padding: 0; width: 200px}
div.homenews div.images p {background: transparent; color: #777; padding-right: 10px; width: 170px}
div.homenews div.newspiece {overflow: hidden; background: #eae8e8}
div.homenews div.newspiece ul.news {float: left; clear: none; border-top: none}
div.hottags {clear: both; margin: 2em 0 1em 0; overflow: hidden}
div.hottags div.last-day {float: left; width: 47%}
div.hottags div.last-week {float: right; width: 47%}
div#bloghead {margin: -0.75em 0 0 0}
div.profile {clear: both; overflow: hidden; margin-top: 1em; padding-bottom: 1em}
div.profile img {float: left; margin: 0 20px 1em 0; width: 110px}
div.mini img {float: left; margin: 0 10px 1em 0; width: 50px}
div.mini {padding-bottom: 0}
div.reporttext div.mini {margin-bottom: 1em}
div.blog {margin-bottom: 1em; overflow: hidden}
div.related {margin-top: 1em}
div#becomemember {margin-top: 2em }
#bestboard {margin: 1em 0; padding: 1em 0 1.5em 0; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; font-weight: bold; color: #333}
#bestboard img {margin: 0 10px -8px 10px}
a.showtools, a:visited.showtools, a:hover.showtools, a:visited:hover.showtools {background: url(/images/icon-plus.gif) no-repeat left 55%; padding-left: 1em}
a.showtoolsopen, a:visited.showtoolsopen, a:hover.showtoolsopen, a:visited:hover.showtoolsopen {background: url(/images/icon-minus.gif) no-repeat left 55%; padding-left: 1em}
div#textile {background: #f3f1f1; padding: 0.25em 1em}
div#textile ul {width: 150px; float: left; overflow: hidden; margin: 0 0 1em 0; padding: 0}
div#textile ul li {margin: 0; padding: 0}
div#textile p {clear: both; margin: 2em 0 0 0}
div.terms {padding: 10px 0}
div.sidebar {float: right; width: 370px; text-align: left; overflow: hidden}
div.sidebar div.pad {padding: 10px 70px 20px 0}
div.sidebar div.premium {width: 340px; margin: 0 0 3em 0; padding: 0 0 0.15em 0; background: #f9f2e5 }
div.sidebar div.premium p {padding-right: 20px; margin-left: 20px}
div.sidebar div.premium a.join, div.sidebar div.premium a.join:visited {display: block; padding-right: 20px; margin-left: 20px; padding-bottom: 1em}
div.sidebar div.poll ol, div.sidebar div.poll p {margin-left: 15px}
div#footer {clear: both; margin: 0; padding: 0.5em 20px 1em 10px; text-align: center; overflow: hidden; font-size: 0.95em; background: #171717}
div#footer div.box {float: left; width: 235px}
div#footer div.last {margin-right: 0}
div#legals {clear: both; margin: 2em 0 1em 0; text-align: left}
div.sidebar div.competition {clear: both; overflow: hidden; position: relative; margin: 0 -10px 0 0; padding: 1em 15px 1em 15px; border-top: 1px solid #cfcfcf}
div.sidebar div.competition ul {margin: 0; overflow: hidden}
div.sidebar div.competition ul li {clear: both; overflow: hidden; margin: 5px 0 10px 0; padding-left: 0}
div.sidebar div.competition ul li img {float: left; margin: 3px 15px 14px 0}
div.sidebar div.competition ul li a img, div.sidebar div.competition ul li a:visited img {border: 1px solid #ccc}
div.sidebar div.competition ul li a:hover img, div.sidebar div.competition ul li a:visited:hover img {border: 1px solid #555}
div.sidebar div.competition ul li p {font-size: 0.95em; margin-left: 75px}
div.sidebar div.events ul {margin: 0 0 20px 0; padding: 0; overflow: hidden}
div.events ul li {margin: 0; padding: 0; overflow: hidden; border-top: 1px solid #efefef}
div.events ul li a, div.events ul li a:visited {display: block; overflow: hidden; text-decoration: none; padding: 0.5em 0em}
div.events ul li a:hover, div.events ul li a:visited:hover {text-decoration: none}
div.events ul li span.title {display: block; text-align: left; margin: 0; padding: 0 0.75em; font-size: 1em; font-weight: bold; margin: 0}
div.events ul li span.teaser {display: block; clear: both; margin: 0; padding-left: 0.75em; padding-right: 0.75em; text-align: left}
div.events ul li span.teaser p {margin: 0; padding: 0}
div.events ul li a span.title, div.events ul li a:visited span.title {color: #cccccc}
div.events ul li a span.teaser, div.events ul li a:visited span.teaser {color: #888}
div.sidebar #sidebar-top div, div.sidebar #sidebar-bottom div {border: 10px solid #4d4d4d; background-color: #575757; clear: both; overflow: hidden; position: relative; margin-bottom: 10px; color: #fff}
div.sidebar h3 {background-color: #1470b8}
div.sidebar div.feature {margin-bottom: 2em; overflow: hidden}
div.sidebar div.feature img {float: left; width: 150px; height: 113px; margin-right: 1em}
div.sidebar div.feature a img {margin-bottom: 0.5em}
div.sidebar div.feature p {margin: 0; padding: 0 }
div.sidebar div.feature a span.title {display: block; margin-top: 10px; font-size: 1.25em; font-weight: bold; text-decoration: none }
div.sidebar div.feature a span.caption {display: block; text-decoration: none}
div.sidebar div.yourstats {margin-bottom: 2em; overflow: hidden}
div.sidebar div.today {float: left; width: 145px; margin: 0; padding: 1em 0 0 0; text-align: center; border: 3px solid #ccc}
div.sidebar div.overall {float: right; width: 145px; margin: 0; padding: 1em 0 0 0; text-align: center; border: 3px solid #ccc}
div.latest {clear: both; margin: 0; padding: 0 0 1.5em 0; border-bottom: 1px solid #ccc; text-transform: uppercase; overflow: hidden; position: relative}
div.auto_complete {position: absolute; background: #fff; margin: 0px; padding: 0px; display: block; z-index: 100}
div.auto_complete ul {list-style-type: none; margin: 0 2px; padding: 0px; width: 99%}
div.auto_complete ul li.selected {background-color: #ffb}
div.auto_complete ul li {list-style-type: none; display: block; margin: 0; padding: 4px 0; text-indent: 10px}
div.auto_complete ul li:hover {cursor: pointer; cursor: hand}
div.synoptic {clear: both; overflow: hidden; color: #000; background-color: #ccc; width: 650px}
div.synoptic img.teaser {float: left; width: 300px; margin: 0 1em 1em 0; border: 1px solid #444}
div.synoptic img.full {width: 618px; margin: 1em 0 2em 0; border: 1px solid #444}
ol.weather {clear: both; margin: 0 -10px 1em 0; padding: 1.5em 0}
ol.weather li {float: left; width: 290px; margin: 0 15px 2em 0}
ol.weather li h4 {margin-bottom: 0; color: #000}
ol.weather li ul {margin: 0; padding: 0}
ol.weather li ul li {margin: 0; padding: 3px 0}
div#browseimages, div#upload {width: 620px}
 div.ad-top {float: right; margin: 1em 0 0 0; padding: 5px; width: 730px; height: 90px}
div.ad-island {margin: 10px 0 10px 0; height: 250px}
div.ad-sponsored-links {margin: 0 -10px 0 0; padding: 1em 0 1em 15px; border-top: 1px solid #cfcfcf}
div.ad-sponsored-links ul {margin: 0; padding: 0}
div.ad-gallery {float: right; margin: 1em 0 0 0; padding: 5px; width: 160px; height: 600px}
div.borderless-banner, div.borderless-banner > div {border-width: 0px !important; margin-bottom: 10px; background: transparent !important}
div.success, div#success {clear: both; margin: 1em 0; padding: 0; background: #1c7a3d; color: #d9b569}
div.error h4 {color: #fff; padding: 0.25em 0.5em; background: #e57f1f }
div.success h4, div#success h4 {color: #fff; margin: 0 0 1em 0; padding: 0.5em; background: #07ac0f; border-bottom: 1px solid #fff; color: #d9b569}
div.error {clear: both; margin: 1em 0; padding: 0 0 1em 0; border: 1px solid #e57f1f; background-color: #fff}
div.error h3 {color: #fff; background: #e57f1f; padding: 0.25em 0.5em}
div.success p, div#success p {padding: 0.5em 1em; margin: 0; color: #fff; background: #1c7a3d; font-weight: bold; font-size: 1.25em}
body#gallerypop {margin: 0 auto; padding: 0; overflow: hidden; background: #fff}
body#gallerypop div#success, body#gallerypop div#error {display: none}
body#gallerypop div.main {width: 780px; margin: 10px 0; padding: 0; text-align: left; overflow: hidden}
body#gallerypop div.main .pad {margin: 0 10px 0 0; padding: 10px 0; position: relative; overflow: hidden}
body#gallerypop div.ad-gallery {clear: none; float: right; width: 160px; height: 600px; margin: 0 0 0 0; padding: 0; background: url(../images/bg-ad-300-250.gif)}
body#gallerypop div#gallery-image {float: left; width: 580px; margin: 0; background: transparent; padding: 0}
body#gallerypop div#gallery-image img {width: 550px; margin: 1px 0 20px 1px}
body#gallerypop div.caption {padding: 0; background: #fff; color: #444}
body#gallerypop div.caption p {padding: 0 1em; margin: 0}
body#gallerypop div.main div.images {background: #fff}
body#gallerypop div.thumbs ul {margin: 0; padding: 0}
body#gallerypop div.thumbs ul li {float: left; width: 60px; margin: 0 13px 10px 0}
body#gallerypop div.thumbs ul li a.selected img {border: 1px solid #000}
body#gallerypop div.thumbs ul li a img, body#gallerypop div.thumbs ul li a:visited img {width: 56px; height: 40px; border: 1px solid #fff}
body#gallerypop div.thumbs ul li a:hover img, body#gallerypop div.thumbs ul li a:visited:hover img {border: 1px solid #000}
 body.fantastic {background: #0B1419; color: #000}
body.fantastic div.main strong, body.fantastic div.main {color: #fff}
body.fantastic div#canvas {color: #595959}
body.fantastic div#content {color: #595959; background: #0B1419 url(../images/fantastic-bg.jpg) no-repeat center bottom}
body.fantastic div#content div.wrapper div.content {background: #395259 }
body.fantastic a, body.fantastic a:visited {color: #fff; text-decoration: underline}
body.fantastic a:hover, body.fantastic a:visited:hover {color: #ff9900; background: transparent; text-decoration: none}
body.fantastic div.main h1 {padding: 0 0 0 250px; height: 200px; color: #fff; background: #395259 url(../images/fantastic-logo.gif) no-repeat 0 0; border-bottom: 0}
body.fantastic div.main h1 em {color: #009ad3}
body.fantastic div.main h3 {color: #fff; background: #14191c; border-bottom: 1px solid #000}
body.fantastic div#login ul li {float: left; padding: 0 0.75em; margin: 0 auto; text-align: center; border-left: 1px solid #000}
body.fantastic div#login ul li a, body.fantastic div#login ul li a:visited {color: #009ad3}
body.fantastic ul#searchtabs {border-bottom: 1px solid #000; border-top: none; background: #14191c}
body.fantastic ul#searchtabs li a, body.fantastic ul#searchtabs li a:visited {background: #14191c; color: #fff; border-right: 1px solid #000}
body.fantastic ul#searchtabs li a:hover, body.fantastic ul#searchtabs li a:visited:hover {color: #14191c; background: #fff}
body.fantastic ul#searchtabs li a.active-tab, body.fantastic ul#searchtabs li a.active-tab:visited {color: #14191c; background: #fff}
body.fantastic ul.list li {color: #fff}
body.fantastic ul.list li.even {background: #334b52}
body.fantastic ul.list li a, body.fantastic ul.list li a:visited, body.fantastic ul.list li h4 a, body.fantastic ul.list li h4 a:visited {color: #fff}
body.fantastic ul.list li h6 a, body.fantastic ul.list li h6 a:visited {color: #009ad3}
body.fantastic ul.list li a:hover, body.fantastic ul.list li a:visited:hover {color: #009ad3}
body.fantastic ul.list li h6, body.fantastic ul.list li h6.tags {color: #fff}
body.fantastic div#footer {background: #14191c}
body.fantastic div#footer ul a, body.fantastic div#footer ul a:visited {border-bottom: 0}
body.fantastic div#footer ul a:hover, body.fantastic div#footer ul a:visited:hover {color: #fff; background: #000}
body.fantastic div#legals ul li {border-left: 1px solid #334b52; color: #fff}
body.fantastic div#legals ul li a, body.fantastic div#legals ul li a:visited {color: #fff}
body.fantastic div.sidebar h4 {color: #fff; margin-bottom: 0; padding-left: 8px}
body.fantastic div.events ul li {margin: 0; padding: 0; overflow: hidden; border-top: 1px solid #334b52}
body.fantastic div.events ul li a:hover, dbody.fantastic iv.events ul li a:visited:hover {color: #fff; background: #334b52; text-decoration: none}
body.fantastic div.events ul li a span.title, body.fantastic div.events ul li a:visited span.title {color: #009ad3}
body.fantastic div.events ul li a span.teaser, body.fantastic div.events ul li a:visited span.teaser {color: #fff}
body.fantastic ul.groups li {color: #fff}
body.fantastic div.main div#news h6.tags, body.fantastic div.main div#news h6 {color: #fff}
body.fantastic div.main div#news h6.tags {border-bottom: 1px solid #334b52}
body.fantastic div.main div.images {background: #0B1419}
body.fantastic div.main div.commentforms h3.replace {text-indent: 0; font-size: 1.5em; line-height: 1; margin-bottom: 1em;; margin: 0; padding: 5px; font-weight: bold; height: auto}
body.fantastic div.main div.commentforms h3.add-comments, body.fantastic div.main div.commentforms h3.addcomments {padding: 5px }
body.fantastic div.main div.terms {color: #fff; background: #14191c}
body.fantastic div.main fieldset.set {color: #fff; background: #14191c}
body.fantastic div.bloggers ul {margin: 0 0 2em 0; padding: 0; overflow: hidden; border-top: 1px solid #334b52}
body.fantastic div.bloggers ul li {color: #fff}
body.fantastic div.bloggers ul li a, body.fantastic div.bloggers ul li a:visited {color: #fff; border-bottom: 1px solid #334b52}
body.fantastic div.bloggers ul li a:hover, body.fantastic div.bloggers ul li a:visited:hover {background: #334b52; text-decoration: none}
body.fantastic div.bloggers ul li a span.name em, body.fantastic div.bloggers ul li a:visited span.name em {color: #fff}
body.fantastic div#loginform {background: transparent }
body.fantastic div.comments ol li h5 {color: #fff}
body.fantastic div.comments ol li h5 span {color: #a3a3a3}
body.fantastic div.comments ol li h5 span a, body.fantastic div.comments ol li h5 span a:visited {color: #a3a3a3; border-right: 1px solid #334b52}
body.fantastic div.comments ol li h5 a, body.fantastic div.comments ol li h5 a:visited {color: #ff9900}
body.fantastic div.comments ol li h5 a:hover, body.fantastic div.comments ol li h5 a:visited:hover {color: #ff9900}
body.fantastic div.comments ol li {background: transparent}
body.fantastic div.comments ol li ul li.user {border-right: 1px solid #334b52}
body.fantastic div.comments ol li.even {background: transparent}
 .clearfix:after {content: "."; clear: both; height: 0; visibility: hidden; display: block}
.clearfix {display: inline-block;  }
 * html .clearfix {height: 1%}
.clearfix {display: block}
  #surfcam-timeout {font-size: 1.25em}
div.search {border: 10px solid #4d4d4d}
div#login_dialog {-moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #999; display: none; background-color: #000; padding: 5px 10px; width: 195px; position: relative; margin-top: 5px; z-index: 6200}
div#login_dialog ol {margin: 0}
div#login_dialog a.reset_link {float: right; margin-top: 2px}
div#homepage_feature {background-image: url(/images/fluidzone-featured-content-bg.png); background-repeat: no-repeat; width: 646px; float: left; margin-bottom: 10px; height: 428px}
div#homepage_feature ul#slide_numbers {list-style-type: none; height: 30px; margin: 0; margin-right: 3px; position: relative; float: right}
div#homepage_feature ul#slide_numbers li {float: left; width: 24px; line-height: 24px; text-align: center; text-transform: uppercase; position: relative; color: #fff; margin-top: 3px; height: 24px; background-color: #5e5e5e; border-right: 1px solid white}
div#homepage_feature ul#slide_numbers li a {text-decoration: none; color: #fff}
div#homepage_feature ul#slide_numbers li a:hover, div#homepage_feature ul#slide_numbers li:hover a {text-decoration: none; color: #fff}
div#homepage_feature ul#slide_numbers li.active a, div#homepage_feature ul#slide_numbers li.active a:hover {color: #fff}
div#homepage_feature ul#slide_numbers li:hover, div#homepage_feature ul#slide_numbers li.active {background-color: #3a3a3a !important}
div#homepage_feature div#feature_content {width: 493px; height: 327px; margin-top: 26px; margin-left: 18px; position: relative; z-index: 100}
div#homepage_feature div#feature_content .slide {display: none}
div#homepage_feature div#feature_content .active {display: block !important}
div#homepage_feature div.wotd_title {background-image: url(/images/wotd/wotd_title.png); width: 351px; height: 38px; left: -5px; top: -25px; position: relative; z-index: 100}
div#video-timeout {background-image: url(../images/video_timeout.png); width: 468px; height: 309px; text-align: center; padding: 50px 20px; color: #fff; letter-spacing: 0.05em}
div#video-timeout h4 {color: #fff; letter-spacing: 0.1em}
div.module {width: 100%}
div.module {padding-left: 5px; margin-bottom: 10px}
div.module div.module_content {background-color: #fff; margin-top: -15px; padding: 20px 10px 5px 10px; min-height: 185px; width: 625px}
div.module div.module_content div.breakout {width: 238px; height: 200px; float: right; background-image: url(/images/fluidzone-breakout-background.png); padding: 10px; position: relative; margin-top: -45px}
div.module div.module_content div.breakout img {max-width: 240px; margin: 0}
div.module div.module_content div.breakout div.caption {display: block; text-align: center}
div.module div.module_content img {margin: 5px}
div.shark-island div.module_content div.breakout {margin-top: -15px; height: 175px}
div.shark-island h3#shark-island {background-image: url(/images/titles-home-shark-island.png)}
div.wotd_calendar ul li {float: left; width: 110px; margin: 0 18px; text-align: center}
#wotd_container {text-align: center}
#wotd_container .heading {line-height: 20px; margin: 5px; text-align: center; letter-spacing: 0.1em}
div#popular_cameras {float: right; width: 127px; height: 352px; margin-top: 50px; margin-right: 5px}
div#popular_cameras h3 {height: 50px; width: 155px; text-indent: -2000px; background-image: url(/images/fluidzone-top-cams-title.png); margin: 0 auto; padding: 0; position: absolute; margin-top: -20px; margin-left: -20px }
div#popular_cameras ul {margin: 30px 0 0 0}
div#popular_cameras ul li {color: #000; text-align: center; height: 100%; margin-bottom: 5px}
div#popular_cameras ul li span {color: #000}
div#popular_cameras ul li img {width: 105px; border: 1px solid white}
ul#categories {list-style-type: none; padding-top: 10px; margin-left: 70px}
ul#categories li {float: left; padding: 0 15px; text-align: center; background-color: #797878; color: #fff; height: 25px; line-height: 25px; font-size: 0.95em}
ul#categories li a {color: #fff; text-decoration: none}
ul#categories li.active {background-color: #fff; height: 35px; line-height: 45px; margin-top: -10px}
ul#categories li.active a {color: #0071BB}
div#surftag_logo {width: 105px; height: 77px; background-image: url(/images/jimbeam_surftag_logo.png); position: relative; z-index: 9000; margin-top: -90px; margin-bottom: 10px; margin-left: 250px}
#nav ul.submenu {margin-top: -10px; padding: 0; list-style-type: none; list-style-position: outside; position: absolute; z-index: 9000; display: none; border: 1px solid white; top: auto}
#nav ul ul {margin: 0px 0 0 10px}
#nav ul.submenu li {height: 20px; float: left; clear: left; line-height: 20px; background: none repeat scroll 0 0 #2a2a2a}
#nav li#surfcams ul.submenu li {padding: 0 10px}
#nav ul.submenu li:hover {background: none repeat scroll 0 0 #797878}
#nav ul.submenu li ul.submenu {margin-left: 180px; margin-top: -20px; margin-bottom: 0 !important}
#nav li#surfcams ul.submenu li ul.submenu {margin-left: 93px}
#nav ul.submenu li a, #nav ul.submenu li a:visited {background-image: none; color: white; text-indent: 0px; height: 20px}
#nav ul.submenu li a:hover {background-image: none; color: white}
#tape_1 {float: right; background-image: url(/images/fluidzone-tape-right.png); width: 213px; height: 44px; position: relative; z-index: 99; margin-left: -213px}
#tape_2 {float: left; background-image: url(/images/fluidzone-tape-left.png); width: 185px; height: 91px; position: absolute; z-index: 150; margin-left: -65px}
.module-container {background-color: #ccc; color: #000; padding: 10px}
.module-container-light {background-color: #EAE8E8; color: #000; padding: 10px}
.module-container h5 {color: #000}
.loadContainer img {float: none !important}
table.report-locations tbody tr td ul {margin: 0}
#cams #video {height: 360px; width: 480px}
#news #video {height: 369px; width: 620px}
 .finalist {padding: 20px}
.finalist h4 {font-size: 1.4em; margin-bottom: 0.2em}
.finalist img {padding: 5px}
.finalist p strong {text-transform: uppercase}
.finalist .flashlink {float: right}
.finalist .right {float: right}
.finalist button.right img {padding: 0}
.finalist .video-container {margin: 0 auto; width: 426px; height: 320px}
 #nav {clear: both; margin: 0; padding: 0; font-weight: bold; overflow: hidden}
#nav div.wrapper {width: 1114px; margin: 0 auto; text-align: center; overflow: hidden}
#nav ul {padding: 0; margin: 0}
#nav li {float: left; margin: 0; padding: 0}
#nav a, #nav a:visited {display: block; margin-right: 1px; padding: 0.6em 1em 0.4em 1em; text-decoration: none; color: #fff}
#nav a:hover, #nav a:visited:hover {text-decoration: none; color: #333}
#nav li.active a, #nav li.active a:visited {text-decoration: none; color: #010101}
#nav a, #nav a:visited {display: block; height: 53px; margin: 0; padding: 0; color: #fff; text-align: center; text-decoration: none; text-indent: -20000px; overflow: hidden; background: url(/images/fluidzone-navigation.png) no-repeat left bottom}
#nav a:focus, #nav a:active {outline: none}
#nav li#home a, #nav li#home a:visited {width: 134px; background-position: 0 0}
  #nav li#reportsforecasts a, #nav li#reportsforecasts a:visited {width: 195px; background-position: -134px 0}
  #nav li#surfcams a, #nav li#surfcams a:visited {width: 90px; background-position: -329px 0}
  #nav li#newsevents a, #nav li#newsevents a:visited {width: 115px; background-position: -419px 0}
  #nav li#galleries a, #nav li#galleries a:visited {width: 90px; background-position: -539px 0}
  #nav li#videos a, #nav li#videos a:visited {width: 75px; background-position: -628px 0}
  #nav li#weather a, #nav li#weather a:visited {width: 82px; background-position: -699px 0}
  #nav li#win a, #nav li#win a:visited {width: 54px; background-position: -781px 0}
  #nav li#forum a, #nav li#forum a:visited {width: 70px; background-position: -834px 0}
  #nav li#blogs a, #nav li#blogs a:visited {width: 68px; background-position: -900px 0}
  #nav li#groups a, #nav li#groups a:visited {width: 135px; background-position: -968px 0}
   div#login {float: left; width: 600px; margin: 0 0 0 1em; padding: 0; overflow: hidden}
div#login a, div#login a:visited {color: #cccccc}
 div#footer ul {margin: 0; padding: 0; text-align: left; font-size: 1em; overflow: hidden}
div#footer ul li {display: block; margin: 0; padding: 0; text-align: left}
div#footer ul a, div#footer ul a:visited {display: block; margin: 0; padding: 3px 5px; color: #fff; text-decoration: none; background: transparent}
div#footer ul a span, div#footer ul a:visited span {float: left}
div#footer ul a:hover, div#footer ul a:visited:hover {color: #fff; background: #034b73}
 * html div#footer ul li {float: left}
* html div#footer ul li a {height: 1%}
  ul.tabs {padding: 0 1em 0 0.5em; margin: 1em 0 1em; background: #ebebeb; width: 645px; overflow: hidden}
ul.tabs li {float: left; margin: 0 1em 0 0; padding: 0}
ul.tabs a, ul.tabs a:visited {display: block; margin-right: 1px; padding: 0.8em 0.5em 0.6em 0.5em; text-decoration: none; color: #0B85CB}
ul.tabs a:hover, ul.tabs a:visited:hover {color: #000; text-decoration: none}
ul.tabs li a.active-tab, ul.tabs li a.active-tab:visited {text-decoration: none; color: #444; font-weight: bold}
ul.tabs li.region {margin: 0; padding: 0; color: #e38600; text-transform: uppercase; font-size: 1em; font-weight: normal}
 div#locations ul.tabs {padding: 0; margin: 0 10px; background: #ebebeb; width: 98%; border-bottom: 1px solid #ccc}
div#locations ul.tabs li {float: left; margin: 0 1em 0 0; padding: 0}
div#locations ul.tabs li a, div#locations ul.tabs li a:visited {display: block; padding: 0.8em 0.5em 0.6em 0.5em; text-decoration: none; color: #2f2e2e}
div#locations ul.tabs li a:hover, div#locations ul.tabs li a:visited:hover {color: #000; text-decoration: none; background: #ccc}
div#locations ul.tabs li a.active-tab, div#locations ul.tabs li a.active-tab:visited {text-decoration: none; color: #fff; font-weight: bold; background: #666 url(../images/bg-tabs-btm.gif) no-repeat center bottom}
div#locations ul.tabs li.region {margin: 0; width: 125px; padding: 0.8em 0.5em 0.6em 0.5em; color: #e38600; text-transform: uppercase; font-size: 0.95em; font-weight: bold}
#meta a {display: inline}
.panel {clear: both; display: none}
.panel.active-tab-body {display: block}
div#locations ul.spots {padding: 0; margin: 1em 10px 0 10px; overflow: hidden}
div#locations ul.spots li {float: left; margin: 0 0 0.5em 0; padding: 0}
div#locations ul.spots li a, div#locations ul.spots li a:visited {display: block; padding: 0 0.75em; text-decoration: none; border-right: 0px solid #ccc; color: #000}
div#locations ul.spots li a:hover, div#locations ul.spots li a:visited:hover {text-decoration: none}
div#locations ul.spots li.selectedregion {height: 5em; margin: 0 0 0 5px; width: 122px; padding: 0; color: #888; text-transform: uppercase; font-size: 0.95em; font-weight: bold}
ul#reportabs {float: right; clear: none; padding: 0; margin: 2em 0 0em 10px; font-size: 0.95em; overflow: hidden; background: #EAE8E8}
ul#reportabs li {float: left; margin: 0; padding: 0; font-family: "Arial Narrow", Arial, Helvetica . sans-serif}
ul#reportabs li a, ul#reportabs li a:visited {display: block; padding: 0.8em 0.85em 0.7em 0.85em; text-decoration: none; color: #2f2e2e; border-right: 1px solid #fff}
ul#reportabs li a:hover, ul#reportabs li a:visited:hover {color: #000; text-decoration: none; background: #ccc}
ul#reportabs li a.active-tab, ul#reportabs li a.active-tab:visited {text-decoration: none; color: #fff; font-weight: bold; background: #0b70a6 }
ul#reportabs li.region {margin: 0; width: 125px; padding: 0.8em 0.5em 0.6em 0.5em; color: #e38600; text-transform: uppercase; font-size: 0.95em; font-weight: bold}
ul#livebuoytabs {position: absolute; top: 0.2em; right: 0; clear: both; padding: 0 0 0 10px; margin: 0.5em 0 0em; font-size: 0.95em; overflow: hidden; border-bottom: 3px solid #0b70a6; width: 290px}
ul#livebuoytabs li {float: right; margin: 0; padding: 0}
ul#livebuoytabs li a, ul#livebuoytabs li a:visited {display: block; padding: 0.6em 0.85em 0.4em 0.85em; text-decoration: none; color: #fff; border-right: 0px solid #fff}
ul#livebuoytabs li a:hover, ul#livebuoytabs li a:visited:hover {color: #000; text-decoration: none; background: #ccc}
ul#livebuoytabs li a.active-tab, ul#livebuoytabs li a.active-tab:visited {text-decoration: none; color: #fff; font-weight: bold; background: #0b70a6 }
div#latestnews ul#newstabs {position: absolute; top: 25px; right: 0; padding: 0; margin: 0 10px 0 10px; font-size: 0.95em; overflow: hidden}
div#latestnews ul#newstabs li {float: left; margin: 0 0.5em 0 0; padding: 0; font-family: "Arial Narrow", Arial, Helvetica . sans-serif}
div#latestnews ul#newstabs li a, div#latestnews ul#newstabs li a:visited {display: block}
div#latestnews ul#newstabs li a, div#latestnews ul#newstabs li a:visited {display: block; padding: 1em 0.8em 0.9em 0.8em; text-decoration: none; color: #fff}
div#latestnews ul#newstabs li a:hover, div#latestnews ul#newstabs li a:visited:hover {color: #fff; text-decoration: underline}
div#latestnews ul#newstabs li a.active-tab, div#latestnews ul#newstabs li a.active-tab:visited {text-decoration: none; color: #444; font-weight: bold; background: #fff }
div#latestnews ul#newstabs li a.active-tab span, div#latestnews ul#newstabs li a.active-tab:visited span {text-decoration: none; color: #444; font-weight: bold; background: #fff }
ul#hometabs {position: absolute; right: 0; width: 200px; padding: 0; margin: 0 0 0 0; font-size: 0.95em; overflow: hidden; background: #fff}
ul#hometabs li {display: inline; margin: 0; padding: 0; background: #2F2E2E}
ul#hometabs a, ul#hometabs a:visited {display: block; background: #a8a8a8 url(/images/bg-home-tabs.gif) no-repeat 0 -85px; margin: 0 0 1px 0; padding: 0; text-decoration: none; color: #fff; height: 62px; overflow: hidden}
ul#hometabs a span, ul#hometabs a:visited span {display: block; font-weight: bold; font-size: 1.25em; padding: 5px 10px 1px 15px; color: #222}
ul#hometabs a em, ul#hometabs a:visited em {display: block; font-weight: normal; padding: 1px 10px 3px 15px; font-style: normal; color: #222}
ul#hometabs a:hover span, ul#hometabs a:visited:hover span, ul#hometabs a:hover em, ul#hometabs a:visited:hover em, ul#hometabs a.selected span, ul#hometabs a.selected em {color: #fff}
ul#hometabs a.selected, ul#hometabs a.selected:visited {background: #2F2E2E url(/images/bg-home-tabs.gif) no-repeat -35px 0; color: #fff}
ul#hometabs a:hover {background: #0c71a8 url(/images/bg-home-tabs.gif) no-repeat 0 -175px }
ul#searchtabs {clear: both; padding: 0; margin: 0 0 1em 0; font-size: 0.95em; overflow: hidden; border-bottom: 1px solid #616060; width: 100%}
ul#searchtabs li {clear: none; float: left; margin: 0; padding: 0}
ul#searchtabs li a, ul#searchtabs li a:visited {display: block; padding: 0.8em 0.5em 0.7em 0.5em; text-decoration: none; background: #eae8e8; color: #1676ab; border-right: 1px solid #fff}
ul#searchtabs li a:hover, ul#searchtabs li a:visited:hover {color: #fff; text-decoration: none; background: #222}
ul#searchtabs li a.active-tab, ul#searchtabs li a.active-tab:visited {text-decoration: none; color: #444; font-weight: bold; background: #fff url(../images/bg-tabs-btm-news.gif) no-repeat center bottom}
ul#usertabs {clear: both; padding: 0; margin: 1.5em 0 1em 0; font-size: 0.95em; overflow: hidden; border-bottom: 1px solid #616060; width: 100%}
ul#usertabs li {float: left; margin: 0; padding: 0; font-family: "Arial Narrow", Arial, Helvetica . sans-serif}
ul#usertabs li a, ul#usertabs li a:visited {display: block; padding: 0.8em 0.8em 0.7em 0.8em; text-decoration: none; background: #eae8e8; color: #1676ab; border-right: 1px solid #fff}
ul#usertabs li a:hover, ul#usertabs li a:visited:hover {color: #fff; text-decoration: none; background: #222}
ul#usertabs li a.active-tab, ul#usertabs li a.active-tab:visited {text-decoration: none; color: #444; font-weight: bold; background: #fff url(../images/bg-tabs-btm-news.gif) no-repeat center bottom}
ul#usertabs li#account {float: right}
ul#usertabs li#account a, ul#usertabs li#account a:visited {display: block; padding: 0.8em 0.8em 0.7em 0.8em; text-decoration: none; background: #fff; color: #ff9900; font-weight: bold}
ul#usertabs li#account a:hover, ul#usertabs li#account a:visited:hover {display: block; padding: 0.8em 0.8em 0.7em 0.8em; text-decoration: none; background: #fff; color: #1676ab; font-weight: bold}
ul#usersubtabs {clear: both; padding: 0; margin: -0.25em 0 1em 0; font-size: 0.95em; overflow: hidden; width: 100%}
ul#usersubtabs li {clear: none; float: left; margin: 0; padding: 0}
ul#usersubtabs li a, ul#usersubtabs li a:visited {display: block; padding: 0.4em 0.8em 0.2em 0.8em; text-decoration: none; color: #555; border-right: 1px solid #fff}
ul#usersubtabs li a:hover, ul#usersubtabs li a:visited:hover {color: #1676ab; text-decoration: none}
ul#usersubtabs li a.on, ul#usersubtabs li a.on:visited {text-decoration: none; color: #1676ab; font-weight: bold}
ul#usersubtabs li#add {float: right}
ul#usersubtabs li#add a.on, ul#usersubtabs li#add a.on:visited {text-decoration: none; color: #1676ab; font-weight: bold; display: none}
#primaryNavs ul {margin: 0; padding: 0 15px 0; list-style: none}
#primaryNavs li {display: inline; margin: 0; padding: 0}
#primaryNavs a {float: left; background: url("/images/navigation/round-blue/left_both.gif") no-repeat left top; margin: 0; padding: 0 0 0 12px; text-decoration: none; font-size: 12px}
#primaryNavs a span {float: left; display: block; background: url("/images/navigation/round-blue/right_both.gif") no-repeat right top; padding: 8px 12px 8px 0; font-weight: bold; color: #fff; text-shadow: #1a3c6f 1px 1px 4px}
 #primaryNavs a span {float: none}
 #primaryNavs a:hover span {color: #fff}
#primaryNavs #current a {background-image: url("/images/navigation/round-blue/left_on.gif"); border-width: 0}
#primaryNavs #current a span {background-image: url("/images/navigation/round-blue/right_on.gif"); color: #03598d; padding-bottom: 8px; text-shadow: none}
#primaryNavs a:hover {background-position: 0% -100px}
#primaryNavs a:hover span {background-position: 100% -100px}
#primaryNavs #current a:hover {background-position: top left}
#primaryNavs #current a:hover span {background-position: top right}
 div#legals ul {clear: both; margin: 0.5em 0 0 0.5em 0; text-align: center; overflow: hidden; font: normal 0.9em / 1.5em Arial, Verdana, sans-serif}
div#legals ul li {float: left; padding: 0 1em; margin: 0 auto; text-align: center}
div#legals ul li a, div#legals ul li a:visited {clear: both; display: block; overflow: hidden; color: #777}
div#legals ul li.first {border-left: none; padding-left: 0}
 ul.pagination {clear: both; margin: 1em 0 1em 2em; padding: 1em 0; text-align: center; overflow: hidden; font: normal 0.95em / 1.5em Helvetica, Arial, Verdana, sans-serif}
ul.pagination li {float: left; padding: 0; margin: 0; text-align: center}
ul.pagination li a, ul.pagination li a:visited {display: block; overflow: hidden; border: 1px #ccc solid; color: #0281ca; padding: 3px 7px 1px 7px; margin: 0 5px; text-decoration: none}
ul.pagination li a:hover, ul.pagination li a:visited:hover {background: #eee; color: #111}
ul.pagination li.pages {padding: 3px 0; margin: 0 1.5em 0 0; font-weight: bold}
ul.pagination li.current {padding: 3px 7px; margin: 0 5px}
ul.pagination li.results {float: none; clear: both; padding: 3px 0; margin: 5px 5px 0 0px; text-align: center; display: block}
ul.pagination li.last {margin-left: 1em}
div.pagination {clear: both; margin: 1em 0 1em 2em; padding: 1em 0; text-align: center; overflow: hidden; font: normal 0.95em / 1.5em Helvetica, Arial, Verdana, sans-serif; border-top: 1px #ccc solid}
div.pagination a, div.pagination a:visited {overflow: hidden; color: #0281ca; padding: 5px 7px 2px 7px; margin: 0 5px; text-decoration: none}
div.pagination a:hover, div.pagination a:visited:hover {background: #111; color: #eee}
div.pagination span.current {padding: 3px 0; font-weight: bold}
div.pagination a.next_page, div.pagination a.next_page:visited {background: url(/images/admin/icon-next.gif) no-repeat left top; padding: 10px; border: none; margin: 0 0 0 5px; text-indent: -20000em; overflow: hidden; font-size: 1px}
div.pagination a.next_page:hover, div.pagination a.next_page:visited:hover {background: url(/images/admin/icon-next-over.gif) no-repeat left top; padding: 10px; border: none; margin: 0 0 0 5px; text-indent: -20000em; overflow: hidden; font-size: 1px}
div.pagination a.prev_page, div.pagination a.prev_page:visited {background: url(/images/admin/icon-previous.gif) no-repeat left top; padding: 10px; border: none; margin: 0 0 0 5px; text-indent: -20000em; overflow: hidden; font-size: 1px}
div.pagination a.prev_page:hover, div.pagination a.prev_page:visited:hover {background: url(/images/admin/icon-previous-over.gif) no-repeat left top; padding: 10px; border: none; margin: 0 0 0 5px; text-indent: -20000em; overflow: hidden; font-size: 1px}
 h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0; color: #cccccc; font-weight: bold; font-family: Helvetica, Arial, "Trebuchet MS", Trebuchet, sans-serif}
h1 {font-size: 3em; line-height: 1; margin-bottom: 0.5em}
h2 {font-size: 2em; margin-bottom: 0.75em}
h3 {font-size: 1.5em; line-height: 1; margin-bottom: 1em}
h4 {font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em}
h6 {font-size: 1em; font-weight: normal; font-family: Arial, "Trebuchet MS", Trebuchet, sans-serif}
.small {margin: 0; font-size: 0.83em; line-height: 1.8em; margin-bottom: 1.8em; font-family: Arial, "Trebuchet MS", Trebuchet, sans-serif}
strong {font-weight: bold}
h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited {text-decoration: none; color: #cccccc}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0}
.small {margin: 0; font-size: 0.83em; line-height: 1.8em; margin-bottom: 1.8em; font-family: Arial, "Trebuchet MS", Trebuchet, sans-serif}
strong {font-weight: bold}
h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited, h6 a, h6 a:visited {text-decoration: none}
 p {margin: 0 0 1.5em}
p img {float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0}
p img.right {float: right; margin: 1.5em 0 1.5em 1.5em}
blockquote {margin: 1.5em; font-style: italic}
strong {font-weight: bold}
em, dfn {font-style: italic}
dfn {font-weight: bold}
sup, sub {line-height: 0}
abbr, acronym {border-bottom: 1px dotted}
address {margin: 0 0 1.5em; font-style: italic}
pre, code {margin: 1.5em 0; white-space: pre}
pre, code, tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5}
li ul, li ol {margin: 0 1.5em}
ul, ol {margin: 0 1.5em 1.5em 1.5em}
dl {margin: 0 0 1.5em 0}
dl dt {font-weight: bold}
dd {margin-left: 1.5em}
.replace {margin: 0; text-indent: -20000em; overflow: hidden; font-size: 1px}
 div.main a {color: #000}
 h1 {clear: both; font-weight: bold; padding-top: 1.25em}
#header h1 {float: left; margin: 10px 0 0 5px; padding: 0; border: 0; text-indent: -20000em; background: transparent; font-size: 1px}
#header h1 a, #header h1 a:visited {display: block; width: 230px; height: 112px; color: #fff; text-indent: -20000em; overflow: hidden}
#header h1 a, #header h1 a:visited, #header h1 a:hover, #header h1 a:visited:hover {background: url(/images/fluidzone_logo.png) no-repeat center center}
div.main h1.full {margin-bottom: 0.25em}
div.main h1, div#reports h1, div#swellcharts h1, div#forums h1 {margin-top: 0; margin-bottom: 0; padding: 0; letter-spacing: -1px }
div.main h1 em, div#reports h1 em, div#swellcharts h1 em, div#forums h1 em {display: block; font-size: 0.25em; text-transform: uppercase; font-style: normal; letter-spacing: 1px; margin-bottom: 0.25em; padding-top: 0.1em; width: 400px}
div#reports h1 {margin-bottom: -1.75em; padding-top: 0.25em; color: #333}
div#reports h1.forecast {margin-bottom: 0em}
div.main h1 span {color: #777; font-size: 0.75em; margin: 0 0 0 0.5em}
div.main div#reports h1.extended {margin: 1em 0 0.5em 0; color: #e38600; background: #eae8e8; padding: 0.6em 0 0.4em 0.25em; border-bottom: 1px solid #ccc}
div.main div.border h1 {margin: -1em 0 0.5em 0; color: #1676ab; background: #eae8e8; padding: 0.6em 0 0.4em 0.25em; border-bottom: 1px solid #616060}
h1#list {clear: both; margin: 0 0 1em 0; color: #1676ab; background: #eae8e8; padding: 0.6em 0 0.4em 0.25em; border-bottom: 1px solid #616060}
div.main h1.latest {clear: both; height: 63px; width: 651px; margin: 0 0 -1.75em 0; padding: 0.9em 0 0.7em 0.75em; color: #fff; background: url(/images/titles-news-latest-news.png) no-repeat left top}
div.main div#news div#latestgalleries h1.blue {background: url(/images/bg-titles-blue.gif) no-repeat left top}
div.main div#news div#latestgalleries h1.orange {background: url(/images/bg-titles-orange.gif) no-repeat left top}
div.main div#surfreports h1.daily {display: block; width: 100%; height: 55px; margin: 2em 0 -0.95em 0; padding: 0.9em 0 0 0.75em; color: #fff; background: url(/images/bg-titles-daily.gif) no-repeat left top; border-bottom: 1px solid #ccc}
div.main h1.register {clear: both; width: 620px; height: 55px; margin: 2em 0 -22px 0; padding: 0; background: url(/images/bg-titles-register.gif) no-repeat left top}
 h2 {letter-spacing: -0.1px; margin: 0; text-indent: -20000em; overflow: hidden; font-size: 1px}
div.premium h2 {margin: 0; text-indent: -20000em; overflow: hidden; font-size: 1px}
div.premium h2 a, div.premium h2 a:visited, div.premium h2 a:hover, div.premium h2 a:visited:hover {display: block; width: 340px; height: 30px; margin: 0; background: url(/images/titles-join-swellnet.gif) no-repeat left top}
div.search h2 {display: block; width: 340px; height: 30px; margin-top: 0; margin-bottom: 10px; background: url(/images/titles-search-swellnet.gif) no-repeat left top}
div.poll h2 {display: block; width: 400px; height: 55px; margin: 0; background: url(/images/titles-polls.gif) no-repeat left top}
div.forums h2 {display: block; width: 400px; height: 55px; margin: 0; background: url(/images/titles-polls.gif) no-repeat left top}
div#latestnews h2.competitions {display: block; width: 630px; height: 56px; margin: 0 0 -3.55em 0; background: url(/images/titles-current-comps.jpg) no-repeat left top}
div#latestnews h2.groups {display: block; width: 630px; height: 56px; margin: 0 0 -3.55em 0; background: url(/images/titles-groups.gif) no-repeat left top}
div#latestnews h2.bloggers {display: block; width: 630px; height: 56px; margin: 0 0 -3.55em 0; background: url(/images/titles-bloggers.gif) no-repeat left top}
div#hints h2 {margin: 0 0 0.75em 0; padding: 0.5em 1.25em 0.25em 1.25em; background: #eeee61 url(/images/bg-support.gif) repeat-x left top; border-bottom: 1px solid #DFDBC5}
div#surfreports h2 {margin: 0; padding: 2.05em 1.25em 1.8em 1.25em; background: #fff url(/images/titles-reports-forecasts.gif) repeat-x left top; color: #fff; font-size: 1.25em; text-align: right; font-weight: bold}
div#surfreports h2 span {float: left; text-indent: -20000em; background: transparent; font-size: 0px}
h2 {display: block; width: 650px; height: 63px; line-height: 63px; margin: 0 0 -5px 0; text-indent: 10px; font-size: 2.2em; color: #fff; background: transparent url(/images/fluidzone-title-background.png) no-repeat left top}
h2.daily {background: transparent url(/images/titles-weather-daily-reports.png) no-repeat left top; text-indent: -20000px; width: 323px; height: 68px}
h2.forecast {background: transparent url(/images/titles-weather-forecasts.png) no-repeat left top; text-indent: -20000px; width: 323px; height: 68px}
  div.module h3 {left: 0px; position: relative; display: block; height: 63px; background-repeat: no-repeat; width: 651px}
div.module h3 img {position: absolute; top: 10px; left: 20px; height: 40px; width: 170px}
h3#events {background-image: url(/images/titles-home-events.png)}
h3#fluidzone-focus {background-image: url(/images/titles-home-fluidzone-focus.png)}
h3#in-the-mix {background-image: url(/images/titles-home-in-the-mix.png)}
h3#grassroots {background-image: url(/images/titles-home-grass-roots.png)}
h3#transmission {background-image: url(/images/titles-home-transmission.png)}
div.module h4.article {font-size: 0.95em; margin: 0}
div.module h4.article a {color: #0071BB}
div.module h4.article a:hover {color: #FF9900}
div.module h4.article span.date {padding-left: 5px; font-weight: bold}
div.module p.byline span.date {font-weight: bold}
div.module p.byline {font-size: 0.9em; margin: 0}
div.module p {margin-bottom: 5px}
div.module h4.breaking {font-size: 0.95em; margin-bottom: 0; color: #0071BB; margin-left: 15px; clear: left}
div.module ul.breaking {list-style-type: none; margin-bottom: 0}
div.module ul.breaking li {background-image: url(/images/breaking_news_bullet.png); background-repeat: no-repeat; line-height: 20px; padding-left: 25px; margin: 5px 0}
div.module ul.breaking li a {color: #000}
div.module div.breakout div.caption a {color: #fff; text-decoration: none}
h3 {margin: 0; padding: 0.25em 0; font-weight: bold}
div.sidebar h3 {padding: 0.25em 0 0 15px; font-weight: bold; color: #fff; border-bottom: 1px solid #1878ad; height: 40px; line-height: 40px; text-transform: uppercase}
div.sidebar h3.replace {text-indent: 0; font-size: 1.5em}
h3 span.addnew {margin-left: 2em}
h3 span.addnew a, div.main h3 span.addnew a:visited {font-size: 11px; color: #0B85CB; background: url(/images/admin/icon-add.gif) no-repeat left 50%; padding: 3px 0 1px 25px; text-decoration: underline; font-weight: normal}
h3 span.addnew a:hover, div.main h3 span.addnew a:visited:hover {font-size: 11px; color: #c00; background: url(/images/admin/icon-add.gif) no-repeat left 50%; padding: 3px 0 1px 25px; text-decoration: underline; font-weight: normal}
div#locationfinder h3 {margin: 0; padding: 0; font-weight: bold; font-size: 0.95em; color: #000; text-align: left; overflow: hidden; border-bottom: 0; letter-spacing: -0.1px; margin: 0; text-indent: -20000em; overflow: hidden; font-size: 1px}
div#locationfinder h3 a, div#locationfinder h3 a:visited, div#locationfinder h3 a:active {display: block; padding: 0; height: 32px; color: #000; background: url(/images/titles-show-locations.gif) no-repeat left top; text-decoration: none; font-weight: normal}
div#locationfinder h3 a:hover, div#locationfinder h3 a:visited:hover {color: #fff; background: url(/images/titles-show-locations.gif) no-repeat left -32px; text-decoration: none}
div#locationfinder h3 a.showlocationsopen, div#locationfinder h3 a.showlocationsopen:visited {color: #fff; background: url(/images/titles-show-locations.gif) no-repeat left bottom }
div#locationfinder h3.full a, div#locationfinder h3.full a:visited, div#locationfinder h3.full a:active {display: block; padding: 0; height: 32px; color: #000; background: url(/images/titles-show-locations-full.gif) no-repeat left top; text-decoration: none; font-weight: normal}
div#locationfinder h3.full a:hover, div#locationfinder h3.full a:visited:hover {color: #fff; background: url(/images/titles-show-locations-full.gif) no-repeat left -32px; text-decoration: none}
div#locationfinder h3.full a.showlocationsopen, div#locationfinder h3.full a.showlocationsopen:visited {color: #fff; background: url(/images/titles-show-locations-full.gif) no-repeat left bottom }
div.main div#homenews h3 {clear: both; width: 620px; height: 55px; margin: 0; padding: 0}
div.main div#homenews div#orange h3 {background: url(/images/bg-titles-dispatch.gif) no-repeat left top}
div.main div#homenews div#grey h3 {background: url(/images/bg-titles-fantastic.gif) no-repeat left top}
div.main div#homenews div#blue h3 {background: url(/images/bg-titles-surfpolitik.gif) no-repeat left top}
div.main div#homenews div#dark h3 {background: url(/images/bg-titles-formguide.gif) no-repeat left top}
div.main div#homenews div#darker h3 {background: url(/images/bg-titles-depthtest.gif) no-repeat left top}
div.main div#homenews div#secondlast h3 {background: url(/images/bg-titles-tracks.gif) no-repeat left top}
div.main div#homenews div#last h3 {background: url(/images/bg-titles-waves.gif) no-repeat left top}
div.main h3.addcomments {clear: both; width: 620px; height: 55px; margin: 0; padding: 0; background: url(/images/bg-titles-addcomments.gif) no-repeat left top}
div.main h3.forumreply {clear: both; width: 620px; height: 55px; margin: 0; padding: 0; background: url(/images/bg-titles-forumreply.gif) no-repeat left top}
div.main h3.forumtopic {clear: both; width: 620px; height: 55px; margin: 0; padding: 0; background: url(/images/bg-titles-topiccreate.gif) no-repeat left top}
div.main h3.editpost {clear: both; width: 620px; height: 55px; margin: 0; padding: 0; background: url(/images/bg-titles-editpost.gif) no-repeat left top}
div.main h3.sessions {clear: both; width: 770px; height: 55px; margin: 20px 0 0 0; padding: 0; color: #fff; text-indent: 10px; line-height: 55px; font-size: 1.8em; background: transparent url(/images/fluidzone-title-background.png) no-repeat left top}
div.main h3.usergalleries {clear: both; width: 770px; height: 55px; margin: 20px 0 0 0; padding: 0; color: #fff; text-indent: 10px; line-height: 55px; font-size: 1.8em; background: transparent url(/images/fluidzone-title-background.png) no-repeat left top}
div.main h3.latestvideo {clear: both; width: 620px; height: 55px; margin: 20px 0 0 0; padding: 0; background: url(/images/bg-titles-latestvideo.gif) no-repeat left top}
div.main h3.uservideos {clear: both; width: 620px; height: 55px; margin: 20px 0 0 0; padding: 0; background: url(/images/bg-titles-uservideos.gif) no-repeat left top}
div.main h3.add-comments {clear: both; width: 620px; height: 55px; margin: 20px 0 10px 0; padding: 0; text-indent: 10px; font-size: 1.8em; color: #fff; line-height: 55px; background: url(/images/fluidzone-title-background.png) no-repeat left top}
div.main h3.stateweather {clear: both; width: 650px; height: 55px; line-height: 55px; margin: 20px 0 0 0; padding: 0; color: #fff; text-indent: 10px; font-size: 1.6em; background: url(/images/fluidzone-title-background.png) no-repeat left top}
h3.weatherconditions {display: block; width: 300px; height: 48px; margin: 0; background: url(/images/titles-weather-conditions.gif) no-repeat left top}
h3.windconditions {display: block; width: 300px; height: 48px; margin: 0; background: url(/images/titles-wind-conditions.gif) no-repeat left top}
h3.livebuoy {display: block; width: 300px; height: 48px; margin: 0; background: url(/images/titles-weather-livebuoys.gif) no-repeat left top}
h3.weekendoutlook {display: block; width: 300px; height: 48px; margin: 0; background: url(/images/titles-weekend-outlooks.gif) no-repeat left top}
h3.bestdays {display: block; width: 300px; height: 48px; margin: 0; background: url(/images/titles-best-dayss.gif) no-repeat left top}
h3.weather-forecast {display: block; width: 300px; height: 48px; margin: 0; background: url(/images/titles-weather-forecast.gif) no-repeat left top}
div.main h3.comps-latest {clear: both; width: 620px; height: 55px; margin: 20px 0 0 0; padding: 0; background: url(/images/bg-titles-comps-latest.gif) no-repeat left top}
div.main h3.bloggers {clear: both; width: 620px; height: 55px; margin: 20px 0 0 0; padding: 0; background: url(/images/bg-titles-bloggers.gif) no-repeat left top}
h3.weatherforecast {clear: both; width: 620px; height: 55px; margin: 20px 0 0 0; padding: 0; background: url(/images/bg-titles-weatherforecast.gif) no-repeat left top}
div.forums h3 span {font-size: 0.65em; margin-left: 2em}
div.main h3 {margin: 0 0 0.5em 0; color: #444; padding: 0.6em 0 0.3em 0.5em}
div.main div#about h3 {margin-top: -0.75em}
div.main div.slide h3 {position: absolute; top: 0; left: 0; padding-top: 0.5em; width: 620px; text-align: left; color: #fff; font-size: 2em; font-weight: bold; text-transform: none; letter-spacing: -0.5px; background: url(/images/bg-titles-top.gif) no-repeat left top; border-bottom: 1px solid #444}
div.main div.slide h3 em {display: block; font-size: 0.35em; text-transform: uppercase; font-style: normal; letter-spacing: 1px; margin-bottom: 0.25em; font-weight: normal}
div.main div.slide h3 a, div.main div.slide h3 a:visited {color: #fff}
div.main div.slide h3 a:hover, div.main div.slide h3 a:visited:hover {color: #ffd042}
div.message h3 {margin: 0 0 0.75em 0; padding: 0.25em 0.5em 0.15em 0.5em; color: #fff; background: #ff942e; font-weight: normal}
div.message h3 {margin: 0 0 0.75em 0; padding: 0.45em 0.5em 0.15em 0.5em; color: #fff; background: #ff942e; font-weight: normal}
div.message h3 a, div.join h3 a {float: right; margin: -1.25em 1em 0 0; text-transform: lowercase; font-weight: normal; font-size: 0.85em}
div.upgrade h3 {margin: 0 0 0.5em 0; color: #e38600; background: #eae8e8; padding: 0.4em 0 0.4em 0.5em; border-bottom: 1px solid #ccc}
div#related h3 {margin: 0 0 1em 0; color: #e38600; background: #eae8e8; padding: 0.4em 0 0.4em 0.5em; border-bottom: 1px solid #ccc}
div.images h3 {margin: 0 0 1em 0; color: #fff; background: #333; padding: 0.4em 0 0.4em 0.5em}
div#surfcam h3 {margin: 0 0 0.5em 0; color: #777; background: #eae8e8; padding: 0.4em 0 0.4em 0.5em; border-bottom: 1px solid #ccc}
div#reports div#surfcam h3 {margin: 1em 0; color: #2F2E2E; background: #fff; padding: 0.4em 0 0.4em 0.5em; border-bottom: 1px solid #ccc; text-align: left}
div.latest h3 {margin: -1.75em 0 2em 0; padding: 0; color: #ffffff; background: transparent; border-bottom: 0}
div.main div.panel h3 {margin-top: 1em}
div.main div.blog fieldset h3 {margin: 0}
div.main h3.forecast {margin-top: 3em}
div.main h3.archives {margin: 0; padding: 0; font-weight: bold; font-size: 0.95em; color: #000; text-align: left; overflow: hidden; border-bottom: 0; border-top: 1px solid #aaa; letter-spacing: -0.1px; margin: 0; text-indent: -20000em; overflow: hidden; font-size: 1px; display: block; padding: 0; height: 32px; color: #000; background: url(/images/titles-view-archives.gif) no-repeat left top; text-decoration: none; font-weight: normal; border-top: 0}
div.main h3.top-rated-galleries {clear: both; margin: 0; padding: 0; font-weight: bold; text-align: left; overflow: hidden; border-bottom: 0; border-top: 1px solid #aaa; letter-spacing: -0.1px; margin: 0; overflow: hidden; display: block; padding: 0; height: 32px; line-height: 32px; width: 100%; color: #fff; background: url(/images/fluidzone-title-background.png) no-repeat left top; text-decoration: none; border-top: 0; text-indent: 10px; font-size: 1.3em}
div.main h3.latest-galleries {clear: both; margin: 0; padding: 0; font-weight: bold; font-size: 0.95em; color: #000; text-align: left; overflow: hidden; border-bottom: 0; border-top: 1px solid #aaa; letter-spacing: -0.1px; margin: 0; text-indent: -20000em; overflow: hidden; font-size: 1px; display: block; padding: 0; height: 32px; color: #000; background: url(/images/titles-latestgalleries-home.gif) no-repeat left top; text-decoration: none; font-weight: normal; border-top: 0; height: 33px !important}
div.main div#related h3.terms {margin: 0; padding: 0; font-weight: bold; font-size: 0.95em; color: #000; text-align: left; overflow: hidden; border-bottom: 0; border-top: 1px solid #aaa; letter-spacing: -0.1px; margin: 0; text-indent: -20000em; overflow: hidden; font-size: 1px; display: block; padding: 0; height: 32px; color: #000; background: url(/images/titles-terms.gif) no-repeat left top; text-decoration: none; font-weight: normal; border-top: 0}
div.main div#newssection h3 {clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 20px 00; padding: 0; background: url(/images/titles-sml-latestnews.gif) no-repeat left top}
div.main div#galleriessection h3 {clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 20px 0; padding: 0; background: url(/images/titles-sml-galleries.gif) no-repeat left top}
div.main div#videossection h3 {clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 20px 0; padding: 0; background: url(/images/titles-sml-vidds.gif) no-repeat left top}
div.main div#blogpostssection h3 {clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 20px 0; padding: 0; background: url(/images/titles-sml-blogposts.gif) no-repeat left top}
div.main div#blogposts h3 {clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 20px 0; padding: 0; background: url(/images/titles-sml-recentposts.gif) no-repeat left top}
 h4 {font-weight: bold; letter-spacing: -0.1px}
div#locationfinder h4 {margin: 0; padding: 0; color: #e38600; font-size: 1em; font-weight: normal}
div.hottags h4 {margin-bottom: 0}
div#footer h4 {color: #ffd529; padding: 20px 0 0 5px; margin-bottom: 0; font-weight: bold; background: transparent; text-align: left}
#swellcharts h4 {padding-left: 30px}
h4.four {margin-bottom: 0}
 div.main h5.weather {margin-top: 2em}
h5.extended {clear: both; width: 620px; height: 33px; border-bottom: 0; margin-bottom: 20px; padding: 0; background: url(/images/titles-sml-extended.gif) no-repeat left top}
div.main div.blog h5.lastfive a, div.main div.blog h5.lastfive a:visited {display: block; border-bottom: 0; clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 20px 0 0 0; padding: 0; background: url(/images/titles-sml-last5posts.gif) no-repeat left top}
div.main div.blog h5.groups a, div.main div.blog h5.groups a:visited {display: block; border-bottom: 0; clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 20px 0; padding: 0; background: url(/images/titles-sml-groupsall.gif) no-repeat left top}
div.main div.blog h5.galleries a, div.main div.blog h5.galleries a:visited {display: block; border-bottom: 0; clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 20px 0; padding: 0; background: url(/images/titles-sml-galleriesall.gif) no-repeat left top}
div.main div.blog h5.friends a, div.main div.blog h5.friends a:visited {display: block; border-bottom: 0; clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 20px 0 0 0; padding: 0; background: url(/images/titles-sml-friends.gif) no-repeat left top}
div.main div.blog h5.videos a, div.main div.blog h5.videos a:visited {display: block; border-bottom: 0; clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 20px 0 20px 0; padding: 0; background: url(/images/titles-sml-vids.gif) no-repeat left top}
div.main div.blog h5.groupmembers a, div.main div.blog h5.groupmembers a:visited {display: block; border-bottom: 0; clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 20px 0 20px 0; padding: 0; background: url(/images/titles-sml-groupmembers.gif) no-repeat left top}
div.main div.blog h5.toptengroups a, div.main div.blog h5.toptengroups a:visited {display: block; border-bottom: 0; clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 20px 0 20px 0; padding: 0; background: url(/images/titles-sml-top10groups.gif) no-repeat left top}
div.main div.blog h5.groupsyoubelong a, div.main div.blog h5.groupsyoubelong a:visited {display: block; border-bottom: 0; clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 20px 0 20px 0; padding: 0; background: url(/images/titles-sml-groupsyoubelong.gif) no-repeat left top}
div.main div.blog h5.groupsyoucreated a, div.main div.blog h5.groupsyoucreated a:visited {display: block; border-bottom: 0; clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 20px 0 20px 0; padding: 0; background: url(/images/titles-sml-groupsyoucreated.gif) no-repeat left top}
div.main div.blog h5.recentgroups a, div.main div.blog h5.recentgroups a:visited {display: block; border-bottom: 0; clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 20px 0 20px 0; padding: 0; background: url(/images/titles-sml-recentgroups.gif) no-repeat left top}
div.main div.blog h5.random a, div.main div.blog h5.random a:visited {display: block; border-bottom: 0; clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 20px 0 20px 0; padding: 0; background: url(/images/titles-sml-random.gif) no-repeat left top}
div.main h5.latestactivity {clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 0 0 5px 0; padding: 0; background: url(/images/titles-sml-latestactivity.gif) no-repeat left top}
div.main h5.yourfriends {clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 0 0 5px 0; padding: 0; background: url(/images/titles-sml-yourfriends.gif) no-repeat left top}
div.main h5.allposts {clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 0 0 5px 0; padding: 0; background: url(/images/titles-sml-allposts.gif) no-repeat left top}
div.main h5.allposts {clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 0 0 5px 0; padding: 0; background: url(/images/titles-sml-allposts.gif) no-repeat left top}
div.main h5.drafts {clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 0 0 5px 0; padding: 0; background: url(/images/titles-sml-drafts.gif) no-repeat left top}
div.main h5.blogcomments {clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 0 0 5px 0; padding: 0; background: url(/images/titles-sml-blogcomments.gif) no-repeat left top}
div.main h5.blogcategories {clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 0 0 5px 0; padding: 0; background: url(/images/titles-sml-blogcategories.gif) no-repeat left top}
div.main h5.yourgalleries {clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 0 0 5px 0; padding: 0; background: url(/images/titles-sml-yourgalleries.gif) no-repeat left top}
div.main h5.yourvideos {clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 0 0 5px 0; padding: 0; background: url(/images/titles-sml-yourvideos.gif) no-repeat left top}
div.main h5.allgroups {clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 0 0 5px 0; padding: 0; background: url(/images/titles-sml-allgroups.gif) no-repeat left top}
div.main h5.groupscreated {clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 0 0 5px 0; padding: 0; background: url(/images/titles-sml-groupscreated.gif) no-repeat left top}
div.main h5.grouprequests {clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 0 0 5px 0; padding: 0; background: url(/images/titles-sml-grouprequests.gif) no-repeat left top}
div.main h5.yourmessages {clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 0 0 5px 0; padding: 0; background: url(/images/titles-sml-yourmessages.gif) no-repeat left top}
div.main h5.yoursentmessages {clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 0 0 5px 0; padding: 0; background: url(/images/titles-sml-yoursentmessages.gif) no-repeat left top}
div.main h5.editprofile {clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 0 0 5px 0; padding: 0; background: url(/images/titles-sml-editprofile.gif) no-repeat left top}
div.main h5.updatepassword {clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 0 0 5px 0; padding: 0; background: url(/images/titles-sml-updatepassword.gif) no-repeat left top}
div.main h5.defaultlocations {clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 0 0 5px 0; padding: 0; background: url(/images/titles-sml-defaultlocations.gif) no-repeat left top}
div.main h5.newsubbed {clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 0 0 5px 0; padding: 0; background: url(/images/titles-sml-newsubbed.gif) no-repeat left top}
div.main h5.newsfree {clear: both; width: 620px; height: 33px; border-bottom: 0; margin: 0 0 5px 0; padding: 0; background: url(/images/titles-sml-newsfree.gif) no-repeat left top}
div.main div#news h5.galleryarchives, div.main div#news h5.galleryarchives a, div.main h5.galleryarchives a:visited {clear: both; display: block; width: 620px; height: 33px; border-bottom: 0; margin: 0 0 5px 0; padding: 0; background: url(/images/titles-view-archives.gif) no-repeat left top}
div.sidebar h5 {color: #416996; padding: 0; margin-bottom: 0; font-weight: bold; background: transparent; text-align: left; font-size: 0.95em}
div#footer h5 {color: #ffd042; padding: 20px 0 0 5px; margin-bottom: 0; font-weight: bold; background: transparent; text-align: left}
div.images div#extras h5 {color: #fff}
div.comments ol li h5 {text-align: right; font-size: 0.95em; color: #555; padding: 1em 0 0 0}
div.comments ol li h5 span {float: left; font-size: 1.25em; color: #a3a3a3}
div.comments ol li h5 span em {font-size: 0.95em}
div.comments ol li h5 span a, div.comments ol li h5 span a:visited {color: #a3a3a3; margin-right: 1em; padding-right: 1em; border-right: 1px solid #ccc; text-decoration: underline}
div.comments ol li h5 a, div.comments ol li h5 a:visited {color: #ff9900; text-decoration: underline}
div.comments ol li h5 a:hover, div.comments ol li h5 a:visited:hover {color: #ff9900; text-decoration: none}
 div.main h6 {color: #999; font-family: Arial, "Trebuchet MS", Trebuchet, sans-serif}
div.main h6.meta {font-size: 0.83em; color: #999; font-weight: normal; letter-spacing: 0; text-transform: uppercase; padding-top: 0.5em}
div.main h6.meta span {margin-right: 1.5em}
div.main h6.tags {margin-bottom: 1em; border-bottom: 1px solid #ddd; text-transform: lowercase; font-size: 0.83em; color: #999; font-weight: normal; letter-spacing: 0; padding-top: 0.5em}
div.main div#news h6.tags {clear: both; margin-top: 0em}
div.main h6.rating {overflow: hidden; padding: 0.3em 0 0.1em 0}
div.main h6.rating span {float: left; margin-right: 1em; margin-top: 0.15em}
 p.messagedate {font-weight: bold}
div.images p {padding: 0.5em 0 0.5em 1em}
div.images p.caption {margin: 0px 10px 0 0; color: #fff; font-size: 0.95em; background: none}
div.outlooks p {padding-left: 10px; padding-right: 10px}
div.message p {padding-left: 0.5em; padding-right: 0.5em}
div#related p {padding-right: 10px; padding-left: 10px}
p.subtitle {float: right; color: #fff; margin-right: 1em}
div#bloghead p {font-weight: bold; font-size: 1em; margin-bottom: 1em}
div.bloggers p, div.categories p {margin: 1em 0 1em 10px}
#tags p.tag-cloud {clear: both; margin: 1em 0 2em 0; padding: 1em 0.5em; background: #eae8e8}
#tags p.tag-cloud a, #tags p.tag-cloud a:visited {padding-right: 0.75em; padding-left: 0.75em}
div.sidebar p {margin: 1em 0 1em 10px}
div.sidebar div.today em, div.sidebar div.overall em {font-size: 28px; font-weight: bold}
div.sidebar div.today p, div.sidebar div.overall p {margin-right: 10px}
 ul.attributes {margin: 0 0 1em 0;; padding: 0; overflow: hidden; border-bottom: 1px solid #eae8e8}
ul.attributes li {float: left; margin: 0 2em 0 0; padding: 0; font-weight: bold}
div.feature ul.attributes li {margin-right: 1em}
ul.attributes li span {font-weight: normal}
ul.attributes li.updated {float: right; margin-right: 0}
ul.reportstats {margin: 1.25em 0 1em 0;; padding: 0.25em 0; overflow: hidden; border-top: 1px solid #eae8e8; border-bottom: 1px solid #eae8e8}
ul.reportstats li {clear: left; margin: 0 2em 0 0; padding: 0; text-transform: capitalize}
div.feature ul.reportstats li {margin-right: 1em}
ul.reportstats li.updated {font-weight: normal; font-style: oblique}
ul.reportstats li span {font-weight: bold; float: left; width: 125px}
ul.reportstats li.rating {text-transform: lowercase}
ul.reportstats li.rating span {text-transform: capitalize}
ul.surfreports {margin: 0 0 0 1px; overflow: hidden; background: #eae8e8;}
ul.surfreports li {clear: both; overflow: hidden; margin: 0em 0; padding: 1.25em 0 0 0; border-top: 1px solid #fff}
ul.surfreports li a, ul.surfreports li a:visited {color: #f90}
ul.surfreports li a:hover, ul.surfreports li a:visited:hover {color: #0071bb}
ul.surfreports li h4 {margin-bottom: 0}
ul.surfreports li h4 a, ul.surfreports li h4 a:visited {color: #397bc6}
ul.surfreports li h4 a:hover, ul.surfreports li h4 a:visited:hover {color: #f90}
ul.surfreports li h6 {color: #999}
ul.surfreports li img {float: left; margin: 3px 15px 14px 0}
ul.surfreports li a img, div.main div.latest-news ul li a:visited img {border: 1px solid #fff; padding-left: 10px; background: #fff}
ul.surfreports li a:hover img, div.main div.latest-news ul li a:visited:hover img {border: 1px solid #555}
ul.surfreports li p {font-size: 0.95em; margin-left: 85px}
ul.news {clear: both; margin: 0 0 0 1px; overflow: hidden}
ul.news li {clear: both; overflow: hidden; margin: 0em 0; padding: 1em 0 0 0}
ul.news li.even {background: #f2f1f1}
ul.news li a, ul.news li a:visited {color: #f90}
ul.news li a:hover, ul.news li a:visited:hover {color: #0071bb}
ul.news li h4 a, ul.news li h4 a:visited {color: #397bc6; display: block}
ul.news li h4 a:hover, ul.news li h4 a:visited:hover {color: #f90}
ul.news li h6 {color: #999; border-bottom: 0}
ul.news li img {float: left; margin: 3px 15px 14px 0}
ul.news li a img, div.main div.latest-news ul li a:visited img {border: 1px solid transparent; padding-left: 10px}
ul.news li a:hover img, div.main div.latest-news ul li a:visited:hover img {border: 1px solid #555}
ul.news li p {font-size: 0.95em; margin: 0; padding: 0; margin-left: 85px}
ul.list {margin: 0 0 0 1px; overflow: hidden}
ul.list li {clear: both; overflow: hidden; margin: 0; padding: 1em 0 0.25em 0}
ul.list li.even {background: #f2f1f1}
ul.list li a, ul.list li a:visited {color: #f90}
ul.list li a:hover, ul.list li a:visited:hover {color: #0071bb}
ul.list li h4 {display: inline; margin: 0; padding: 0}
ul.list li h4 a, ul.list li h4 a:visited {color: #397bc6}
ul.list li h4 a:hover, ul.list li h4 a:visited:hover {color: #f90}
ul.list li h6, ul.list li h6.tags {color: #999; border-bottom: none; font-size: 0.95em; color: #999; font-weight: normal; letter-spacing: 0; padding-top: 0.1em}
ul.list li h6 span {margin-right: 1em}
ul.list li img {float: left; margin: 3px 15px 14px 0}
ul.list li img.teaser {width: 100px}
ul.list li a img, div.main div.latest-news ul li a:visited img {border: 1px solid #fff; padding-left: 10px}
ul.list li p {font-size: 0.95em}
div#blogposts ul.list li {margin-left: 10px}
div#blogposts ul.list li p {margin-left: 0}
ul.list li p {margin: 0; padding: 0}
ul.bloggers {clear: both; margin: 20px -10px 20px 0; padding: 0; overflow: hidden}
div#reports div.profile ul.bloggers li {float: none; display: block; width: 98%}
ul.bloggers li {float: left; width: 155px; height: 14em; margin: 0 10px 10px 0}
ul.bloggers li span.title {display: block}
ul.bloggers li a img {width: 110px; height: 75px; border: 1px solid #fff}
ul.bloggers li a img:hover {border: 1px solid #444}
ul.results div.results-scale {float: left; margin: 3px 30px 14px 0; height: 90px}
ul.results div.results-scale img {margin: 0}
ul.results div.results-scale .search-bar {width: 125px; height: 15px; border: 0px solid #aaa; background: url("/images/bg-search-right.gif") no-repeat top left}
ul.results div.results-scale .search-bar img {height: 15px}
ul.results div.results-scale p {margin-top: 5px; margin-left: 0}
ul.results li.even {background: #f2f1f1}
ul.blogposts {margin: -1em 0 0 1px; overflow: hidden}
ul.blogposts li {clear: both; overflow: hidden; margin: 0em 0; padding: 1em 0 0 0}
ul.blogposts li.even {background: #f2f1f1}
ul.blogposts li a, ul.blogposts li a:visited {color: #f90}
ul.blogposts li a:hover, ul.blogposts li a:visited:hover {color: #0071bb}
ul.blogposts li h4 a, ul.blogposts li h4 a:visited {color: #397bc6}
ul.blogposts li h4 a:hover, ul.blogposts li h4 a:visited:hover {color: #f90}
ul.blogposts li h6 {color: #999; border-bottom: 0}
ul.blogposts li img {float: left; margin: 3px 15px 14px 0}
ul.blogposts li a img, div.main div.latest-news ul li a:visited img {border: 1px solid #fff; padding-left: 10px; background: #fff}
ul.blogposts li a:hover img, div.main div.latest-news ul li a:visited:hover img {border: 1px solid #555}
ul.blogposts li p {font-size: 0.95em; margin-left: 85px}
ul.homereports {margin: 0 0 0 10px; overflow: hidden; background: #eae8e8}
ul.homereports li {clear: both; overflow: hidden; margin: 0em 0; padding: 1.25em 0.5em 0 0; border-top: 1px solid #fff; height: 75px}
ul.homereports li a, ul.homereports li a:visited {color: #f90}
ul.homereports li a:hover, ul.homereports li a:visited:hover {color: #0071bb}
ul.homereports li h4 {margin-bottom: 0; letter-spacing: -1px; display: inline; margin: 0; padding: 0}
ul.homereports li h4 a, ul.homereports li h4 a:visited {color: #397bc6; margin-right: 1em}
ul.homereports li h4 a:hover, ul.homereports li h4 a:visited:hover {color: #f90}
ul.homereports li h4 span {font-size: 0.65em; color: #999; font-weight: normal; font-style: oblique; letter-spacing: 0; text-transform: uppercase; font-family: Arial, "Trebuchet MS", Trebuchet, sans-serif}
ul.homereports li h6 {color: #999}
ul.homereports li img {float: left; width: 58px}
ul.homereports li a img, div.main div.latest-news ul li a:visited img {border: 1px solid #fff; background: #fff; margin: 3px 15px 14px 0 }
ul.homereports li a:hover img, div.main div.latest-news ul li a:visited:hover img {border: 1px solid #555}
ul.homereports li p {font-size: 0.95em; margin-bottom: 0}
ul.homereports li .more {display: block; font-size: 0.95em; padding-bottom: 10px }
div.forecasts ul.homereports li p {font-size: 0.95em}
ul.news {float: left; width: 400px; margin: 0 0 0 1px; overflow: hidden; background: #eae8e8}
ul.news li {clear: both; overflow: hidden; margin: 0em 0; padding: 1.25em 0.5em 0 0; border-top: 1px solid #fff}
ul.news li a, ul.news li a:visited {color: #f90}
ul.news li a:hover, ul.news li a:visited:hover {color: #0071bb}
ul.news li h4 {display: inline; margin: 0; padding: 0}
ul.news li h4 a, ul.news li h4 a:visited {color: #397bc6; padding: 0 0 0 10px}
ul.news li h4 a:hover, ul.news li h4 a:visited:hover {color: #f90}
ul.news li h4 span {font-size: 0.85em; color: #999; margin-left: 1em}
ul.news li h6 {color: #999; margin-left: 85px; font-size: 0.83em; color: #999; font-weight: normal; font-style: oblique; letter-spacing: 0; text-transform: uppercase}
ul.news li h6 span.time {margin-right: 1em; padding-right: 1em}
ul.news li img {clear: both;; float: left; margin: 3px 15px 14px 0}
ul.news li a img, div.main div.latest-news ul li a:visited img {border: 1px solid transparent; padding-left: 10px}
ul.news li a:hover img, div.main div.latest-news ul li a:visited:hover img {border: 1px solid #555}
ul.news li p {font-size: 0.95em; margin-left: 85px}
div#homenews ul.bullet {float: left;; width: 320px; margin: 1em 0 10px 10px; overflow: hidden; background: #eae8e8}
div#homenews ul.bullet li.header {font-weight: bold; font-family: Arial, Helvetica, "Trebuchet MS", Trebuchet, sans-serif}
div#homenews ul.bullet li a, div#homenews ul.bullet li a:visited {font-size: 0.95em; padding: 5px 0 5px 15px; background: url(/images/icon-home-arrow.gif) no-repeat 0 6px; text-decoration: none}
div.surfcam-archives {clear: both; background: #fff; margin: 2em 0 1em 0; padding: 0}
div.surfcam-archives ul {padding: 0 0 0 0; margin: 10px -22px 0 0px; overflow: hidden}
div.surfcam-archives ul li {float: left; width: 100px; margin: 0 22px 10px 0; background: none; list-style-type: none; padding: 0}
div.surfcam-archives ul li a, div.surfcam-archives ul li a:visited {text-decoration: none; font-size: 0.95em}
div.surfcam-archives ul li a img, div.surfcam-archives ul li a:visited img {border: 1px solid #ebebeb; width: 100px}
div.surfcam-archives ul li a:hover img, div.surfcam-archives ul li a:visited:hover img {border: 1px solid #555}
div.feature-camreport {background: #fff; margin: 2em 0 1em 0; padding: 0}
div.feature-camreport ul {padding: 0 0 0 0; margin: 10px -22px 0 0px; overflow: hidden}
div.feature-camreport ul li {float: left; width: 100px; margin: 0 22px 10px 0; background: none; list-style-type: none; padding: 0}
div.feature-camreport ul li a, div.feature-camreport ul li a:visited {text-decoration: none; font-size: 0.95em}
div.feature-camreport ul li a img, div.feature-camreport ul li a:visited img {border: 1px solid #ebebeb; width: 100px}
div.feature-camreport ul li a:hover img, div.feature-camreport ul li a:visited:hover img {border: 1px solid #555}
div.images div#extras ul {margin: 0}
div.images div#extras ul li {display: block; float: none; margin: 0; padding: 0; font-size: 0.95em}
div.images div#extras ul li a, div.images div#extras ul li a:visited {clear: both; display: block; margin: 0; padding: 2px; color: #fff}
div.images div#extras ul li a:hover, div.images div#extras ul li a:visited:hover {display: block; margin: 0; padding: 2px; color: #999}
div.browseblogs ul {padding-bottom: 20px; overflow: hidden; margin: 1em 0 0 10px}
div.browseblogs ul li {float: left; border: none; margin: 0; padding: 0}
div.browseblogs ul li a, div.browseblogs ul li a:visited:hover {background: transparent; margin: 0 5px 0 0; padding: 2px; text-decoration: none}
div.browseblogs ul li a:hover, div.browseblogs ul li a:visited:hover {background: transparent; margin: 0 5px 0 0; padding: 2px; text-decoration: underline}
ul.groups {padding: 0 0 0 0; margin: 0 -25px 0 0; overflow: hidden}
ul.groups li {float: left; width: 100px; height: 14em; margin: 0 23px 10px 0; background: none; list-style-type: none; padding: 0; font-size: 0.95em; text-align: center}
ul.groups li a, ul.groups li a:visited {text-decoration: none}
ul.groups li a img, ul.groups li a:visited img {border: 1px solid #ebebeb; width: 100px; text-decoration: none}
ul.groups li a:hover img, ul.groups li a:visited:hover img {border: 1px solid #555}
div.profile ul.blogger {float: left}
div.reporttext div.profile ul.blogger {float: none; display: block; overflow: hidden}
div.profile ul.blogger li.username {font-weight: bold; font-size: 1.25em; padding-bottom: 0.5em}
div.mini ul.blogger li.username {padding-bottom: 0}
div.profile ul.blogger li span {float: left; width: 100px; font-weight: bold}
div.mini ul.blogger li a, div.mini ul.blogger li a:visited {font-size: 0.95em}
div.profile ul.actions {float: right; margin-right: 1em; border-top: 1px solid #eee; width: 150px; font-size: 0.95em}
div.profile ul.actions li {display: block; margin: 0; padding: 0; overflow: hidden}
div.profile ul.actions a, div.profile ul.actions a:visited {display: block; margin: 0; padding: 4px 4px 2px 3px; text-decoration: none; background: #fff; border-bottom: 1px solid #eee}
div.profile ul.actions a:hover, div.profile ul.actions a:visited:hover {background: #f1f1f1}
 * html div.profile ul.actions li {float: left}
* html div.profile ul.actions li a {height: 1%}
 ul.sets {margin: 0 0 5px 0; padding: 0; overflow: hidden; border-bottom: 1px solid #eee}
ul.sets li {float: left; margin-right: 15px}
ul.browsassets {margin: 0 -20px 0 0; padding: 0; overflow: hidden}
ul.browsassets li {float: left; height: 130px; margin: 0 10px 0 0; padding: 0; overflow: hidden; text-align: center}
ul.browsassets li span.title {display: block}
ul.browsassets li a img {border: 1px solid #eee}
ul.browsassets li a img:hover {border: 1px solid #222}
ul.browsassets li span.links {display: block}
ul.browsassets li span.links a {margin-right: 10px}
div.tags ul {padding-bottom: 10px; overflow: hidden; margin: 1em 0 0 10px}
div.tags p {margin: 0 0 1em 10px}
div.tags ul li {float: left; border: none; margin: 0; padding: 0}
div.tags ul li a, div.tags ul li a:visited:hover {background: transparent; margin: 0 5px 0 0; padding: 2px; text-decoration: none}
div.tags ul li a:hover, div.tags ul li a:visited:hover {background: transparent; margin: 0 5px 0 0; padding: 2px; text-decoration: underline}
div.profile ul.blognav {float: right; margin-right: 1em; width: 300px; font-size: 0.95em; line-height: 1em}
div.profile ul.blognav li {margin: 0; padding: 0; overflow: hidden; float: right}
div.profile ul.blognav a, div.profile ul.actions a:visited {display: block; margin: 0; padding: 4px 4px 2px 3px; text-decoration: none; background: #fff}
div.profile ul.blognav a:hover, div.profile ul.actions a:visited:hover {background: #f1f1f1}
div.profile ul.blognav li.all {margin: 0 15px; padding: 0}
div.bloggers ul {margin: 0 0 2em 0; padding: 0; overflow: hidden; border-top: 1px solid #efefef}
div.bloggers ul li a img {width: 50px; float: left; margin-right: 10px; margin-left: 10px}
div.bloggers ul li a, div.bloggers ul li a:visited {display: block; overflow: hidden; text-decoration: none; padding: 0.5em 0em; border-bottom: 1px solid #efefef}
div.bloggers ul li a:hover, div.bloggers ul li a:visited:hover {text-decoration: none}
div.bloggers ul li span.name {font-weight: bold}
div.bloggers ul li span.name em {display: block; font-weight: normal; font-size: 95%}
div.bloggers ul li a span.name em, div.bloggers ul li a:visited span.name em {color: #555; margin-left: 70px}
div.bloggers ul li a em {font-size: smaller}
div.bloggers ul li a em.name {float: right}
div.forums ul {margin: 1em 0 2em 0; padding: 0; overflow: hidden}
div.forums ul li {border-bottom: 1px solid #efefef; padding-bottom: 5px}
div.forums ul li a img {width: 50px; float: left; margin-right: 10px; margin-left: 10px}
div.forums ul li a, div.forums ul li a:visited {overflow: hidden; text-decoration: none; padding: 0.25em 0.5em}
div.forums ul li a:hover, div.forums ul li a:visited:hover {text-decoration: none}
div.forums ul li span.name {font-size: smaller}
div.forums ul li em {display: block; font-weight: normal; font-size: smaller; text-align: right}
div.forums ul li a span.name em, div.forums ul li a:visited span.name em {color: #555}
div.categories ul {margin: 0 0 1em 0; border-top: 1px solid #eee; font-size: 0.95em}
div.categories ul li {display: block; margin: 0; padding: 0; overflow: hidden}
div.categories ul a, div.categories ul a:visited {display: block; margin: 0; padding: 4px 4px 2px 10px; text-decoration: none; background: #fff; border-bottom: 1px solid #eee}
div.categories ul a:hover, div.categories ul a:visited:hover {background: #f1f1f1}
ul.weathernav {float: right; margin-top: -2em; margin-right: 1em; width: 300px; font-size: 0.95em; line-height: 1em; overflow: hidden}
ul.weathernav li {margin: 0; padding: 0; overflow: hidden; float: right}
ul.weathernav a, ul.weathernav a:visited {display: block; margin: 0; padding: 4px 4px 2px 3px; text-decoration: none; color: #fff}
ul.weathernav a:hover, ul.weathernav a:visited:hover {background: #f1f1f1}
ul.weathernav li.all {margin: 0 15px; padding: 0}
ul.weathernav li.next a, ul.weathernav li.next a:visited, ul.weathernav li.next a:hover, ul.weathernav li.next a:visited:hover {font-size: 0.95em; padding: 5px 0 5px 25px; background: url(/images/icon-weather-previous.gif) no-repeat left 1px}
ul.weathernav li.previous a, ul.weathernav li.previous a:visited, ul.weathernav li.previous a:hover, ul.weathernav li.previous a:visited:hover {font-size: 0.95em; padding: 5px 25px 5px 0; background: url(/images/icon-weather-next.gif) no-repeat right 1px}
ul.weathernav li.wreset {margin-left: 1.5em}
ul.weathernav li.wplay {margin-right: 1em}
ul.weathernav li.wnext a, ul.weathernav li.wnext a:visited, ul.weathernav li.wnext a:hover, ul.weathernav li.wnext a:visited:hover {font-size: 0.95em; padding: 5px 0 10px 25px; background: url(/images/icon-weather-left.gif) no-repeat left 1px}
ul.weathernav li.wprevious a, ul.weathernav li.wprevious a:visited, ul.weathernav li.wprevious a:hover, ul.weathernav li.wprevious a:visited:hover {font-size: 0.95em; padding: 5px 25px 10px 0; background: url(/images/icon-weather-right.gif) no-repeat right 1px}
ul.weathernav li.wplay a, ul.weathernav li.wplay a:visited, ul.weathernav li.wplay a:hover, ul.weathernav li.wplay a:visited:hover {font-size: 0.95em; padding: 5px 25px 10px 0; background: url(/images/icon-weather-play.gif) no-repeat right 1px}
ul.weathernav li.wreset a, ul.weathernav li.wreset a:visited, ul.weathernav li.wreset a:hover, ul.weathernav li.wreset a:visited:hover {font-size: 0.95em; padding: 5px 25px 10px 0; background: url(/images/icon-weather-pause.gif) no-repeat right 1px}
ol#completed_uploads {margin: 0 -20px 0 0; padding: 0; overflow: hidden}
ol#completed_uploads li.asset {float: left; height: 150px; margin: 0 10px 0 0; padding: 0; overflow: hidden; text-align: center}
ol#completed_uploads li.asset span.title {display: block}
ol#completed_uploads li.asset a img {border: 1px solid #eee}
ol#completed_uploads li.asset a img:hover {border: 1px solid #222}
ol#completed_uploads li.asset span.links {display: block}
ol#completed_uploads li.asset span.links a {margin-right: 10px}
 .starbox .stars {background: #cccccc}
.starbox .rated .stars {background: #dcdcdc}
.starbox .rated .hover .stars {background: #cccccc}
.starbox .colorbar {background: #1e90ff}
.starbox .hover .colorbar {background: #ffcc1c}
.starbox .rated .colorbar {background: #64b2ff}
.starbox .rated .hover .colorbar {background: #1e90ff}
.starbox .ghost {background: #a1a1a1}
.starbox .indicator {clear: both; margin-top: 4px; font-size: 0.9em}
.starbox .dotted .stars, .starbox .dotted .hover .stars, .starbox .dotted .rated .stars, .starbox .dotted .rated .hover .stars {background: #dcdcdc }
.starbox .dotted .colorbar, .starbox .dotted .hover .colorbar, .starbox .dotted .rated .colorbar, .starbox .dotted .rated .hover .colorbar {background: #F39234}
.starbox .dotted .ghost {background: #000}
.starbox .pointy .colorbar {background: #ffcc1c}
.starbox .pointy .hover .colorbar {background: #ff9231}
.starbox .inverse .stars {float: right}
.starbox .inverse .indicator {clear: both; display: block; text-align: right}
div.comments {clear: both; overflow: hidden; margin-top: 10px; padding: 0}
div.comments ol {margin: 0px 0 0 0; overflow: hidden}
div.comments ol li {display: block; clear: both; overflow: hidden; margin: 0 0 0em 0; padding: 0.25em 0.5em 0 0.5em; background: #eae8e8}
div.comments ol li ul {margin: 0; padding: 0}
div.comments ol li ul li {margin: 0; padding: 0; background: transparent}
div.comments ol li ul li.user {float: left; padding-right: 1em; width: 200px; border-right: 1px solid #ccc}
div.comments ol li ul li.user em {display: block}
div.comments ol li ul li.comments {clear: none; float: right; width: 390px}
div.comments ol li ul li.user img {float: left; margin: -0.75em 15px 14px 0}
div.comments ol li img {float: left; margin: -0.75em 15px 14px 0}
div.comments ol li p {font-size: 0.95em}
div.comments ol li.even {background: #fff}
div.main div.commentforms {clear: both; overflow: hidden; position: relative; border-top: 0px solid #e6e6e6; margin: 0; padding: 10px 0 0 0}
div.message ul {padding-left: 0.5em; padding-right: 0.5em; margin-left: 2em}
div.message ul li {list-style-type: square}
div.sidebar ol {padding-left: 0.5em; padding-right: 0.5em; margin-top: 1em; margin-left: 2em; margin-bottom: 2em}
div.sidebar ol li {list-style-type: decimal}
div.success ol {padding-left: 0.5em; padding-right: 0.5em; margin-left: 2em; margin-bottom: 1em}
div.success ol li {list-style-type: decimal}
div#related ul {padding-left: 0.5em; padding-right: 0.5em; margin-left: 2em}
div#related ul li {list-style-type: square}
a.pdf, a.pdf:hover {padding: 3px 0 3px 25px; background: url(/images/icon-pdf.gif) no-repeat 0 3px}
.also ul {margin: 0.5em 0}
.also ul li {margin-bottom: 1em}
ul.ticks li {padding: 3px 0 3px 25px; background: url(/images/icon-tick.gif) no-repeat 0 3px}
ul.cross li {padding: 3px 0 3px 25px; background: url(/images/icon-cross.gif) no-repeat 0 3px}
div.sidebar div.ad-sponsored-links ul li {margin: 3px; padding: 0; font-size: 0.95em}
div.sidebar div.ad-sponsored-links ul li a, div.sidebar div.ad-sponsored-linkss ul li a:visited, div.sidebar div.ad-sponsored-links ul li a:hover, div.sidebar div.ad-sponsored-links ul li a:visited:hover {margin: 3px 0; padding: 0 0 0 15px; background: url(/images/icon-bullet-orange.gif) no-repeat -5px -3px}
.error ul {margin: 0}
.error ul li {font-size: 0.95em; margin: 2px 0 2px 25px; list-style-type: square}
a.edit, a.edit:hover {padding: 4px 0 4px 25px; background: url(/images/icon-edit.gif) no-repeat 0 3px}
a.remove, a.remove:hover {padding: 4px 0 4px 25px; background: url(/images/icon-delete.gif) no-repeat 0 3px}
.timeline {font-size: 0.75em; height: 10em; width: 53em}
.timeline li {position: relative; float: left; width: 1.5em; margin: 0 0.1em; height: 8em}
.timeline li a {display: block; height: 100%}
.timeline li .label {display: block; position: absolute; bottom: -2em; left: 0; background: #fff; width: 100%; height: 2em; line-height: 2em; text-align: center}
.timeline li a .count {display: block; position: absolute; bottom: 0; left: 0; height: 0; width: 100%; background: #AAA; text-indent: -9999px; overflow: hidden}
.timeline li:hover {background: #EFEFEF}
.timeline li a:hover .count {background: #2D7BB2}
#forum_allresultssection {margin-top: 70px}
div.module a {text-decoration: none}
div.module a:hover {text-decoration: underline}
div#news h1 {color: #666}
h2.swell-graph {width: 300px; text-indent: 10px; font-size: 1.5em; color: #fff; height: 40px; line-height: 40px}
#news h1.showlocations, #reports h1.showlocations {background-image: url(/images/fluidzone-location-title.png); background-repeat: no-repeat; height: 48px; color: #fff !important; padding: 10px; cursor: pointer}
#news h1.showlocations a, #reports h1.showlocations a {color: #fff}
 legend {margin: 0; padding: 0}
label {margin: 0; padding: 0; font-weight: normal; background: transparent}
fieldset ol {clear: both; float: left; overflow: hidden}
fieldset ol li {overflow: hidden; position: relative}
fieldset ol li input, fieldset ol li.button input {width: auto}
 div#searchbox {background-color: #575757}
div#searchbox fieldset ol {overflow: hidden; padding: 0; margin: 0}
div#searchbox fieldset ol li {float: left; margin: 0}
div#searchbox fieldset ol li input {width: 235px; background: #1470b8; border: 1px solid #1470b8; font-size: 0.95em; color: #fff}
div#searchbox fieldset ol li input#search {height: 16px}
div#searchbox fieldset ol li.button {clear: none; float: right; height: 20px}
div#searchbox fieldset ol li.button input {width: 40px !important; border: none; margin: -1px 0 0 0; padding: 0; height: 25px}
div#forums div#searchbox {margin-bottom: 10px; padding-bottom: 0; margin-left: 0}
div#forums div#searchbox input#forum_search {width: 105px; height: 20px}
div#forums div#searchbox li.button {float: right; height: 24px}
div.searchbox {float: right; width: 100%; clear: both; margin: 0 0 1.5em 0; padding: 0.5em 1em 0 1em; background: #ececec}
div.searchbox fieldset ol {overflow: hidden; padding: 0; margin: 0 0 0 0; width: 100%}
div.searchbox fieldset ol li {clear: none; overflow: hidden; width: 100%; position: relative; line-height: 1.5em; padding: 0 0 1em 0}
div.searchbox fieldset ol li label {float: left; display: inline; margin: 3px 0 0 0; width: 120px; text-align: right; margin-right: 1em; font-weight: bold}
div.searchbox fieldset ol li input {position: absolute; top: 0; left: 140px; width: 230px; margin: 0 1em 0 0; padding: 3px 4px; background: #c6c6c6; border: 1px solid #c6c6c6; font-size: 0.95em}
div.searchbox fieldset ol li input.button {position: absolute; top: 0; left: 390px; width: 43px; border: none; margin: -1px 0 0 0; padding: 0}
div.poll fieldset ol {overflow: hidden; padding: 0; margin: 0 0 2em 0}
div.poll fieldset ol li {margin: 0}
div.poll fieldset ol li input {margin-right: 1em; margin-top: 5px}
div.poll fieldset ol li.button input {width: 43px; border: none; margin: 5px 0 0 2.25em; padding: 0}
div#member-login fieldset ol {overflow: hidden; margin-bottom: 1em; width: 100%}
div#member-login fieldset ol li {float: left; width: 235px}
div#member-login fieldset ol li label {float: left; padding: 0.25em 0 0 0; width: 180px}
div#member-login fieldset ol li input {padding: 2px 5px; width: 165px; border: 1px solid #dadee4; padding: 5px; background: #fff;}
div#member-login fieldset ol li.button {float: left; width: 75px}
div#member-login fieldset ol li.button input {width: auto; padding: 0; margin: 18px 0 0 0; background: none; border: none}
fieldset.set {clear: both; margin: 0 0 1em 0; padding: 0.5em 1em; background: #eae8e8}
fieldset.set ol {overflow: hidden; margin: 0 0 0 0; padding: 0; width: 100%}
fieldset.set ol li {clear: both; margin: 0 0 1em 0; padding-top: 1em; width: 100%}
fieldset.set ol li label {display: block; margin: 0}
fieldset.set ol li input, fieldset.set ol li textarea {width: 99%; background: #fff;; border: 1px solid #dadee4; padding: 5px}
fieldset.set ol li.button input {margin-left: 170px; width: auto; background: none; border: none; padding: none}
fieldset.set ol li textarea {height: 10em}
fieldset ol li span.goback {margin: 0.5em 0 0 0; display: block}
fieldset.set ol li select {padding: 2px; border-top: 1px solid #e1e1e1; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #e1e1e1}
fieldset.set ol li label span {margin-left: 2em; font-size: 0.95em}
fieldset.set ol li.reportselect select {width: 500px}
fieldset.set ol.phone li {position: relative; padding-bottom: 1.5em; line-height: 1em}
fieldset.set ol.phone li input {margin-right: 1em; width: 230px; background: #fff;; border: 1px solid #dadee4; padding: 5px}
fieldset.set ol li.names {position: relative; padding-bottom: 1.5em}
fieldset.set ol li.names input {margin-left: 15px; width: 120px; background: #fff;; border: 1px solid #dadee4; padding: 5px}
fieldset.set ol li.names label.title, fieldset.set ol li.names label.firstname, fieldset.set ol li.names label.lastname {position: absolute; font-size: 0.833em; line-height: 1.8em; margin-bottom: 1.8em; font-family: Arial, "Trebuchet MS", Trebuchet, sans-serif}
fieldset.set ol li.names label.title {top: 6em; left: 0}
fieldset.set ol li.names label.firstname {top: 6em; left: 75px}
fieldset.set ol li.names label.lastname {top: 6em; left: 225px}
fieldset.set ol li.state {position: relative; line-height: 1em}
fieldset.set ol li.state input {margin-right: 10px; width: 75px; background: #fff;; border: 1px solid #dadee4; padding: 5px}
fieldset.set ol li.state label.state, fieldset.set ol li.state label.region, fieldset.set ol li.state label.post {position: absolute; font-size: 0.833em; line-height: 1.8em; margin-bottom: 1.8em; font-family: Arial, "Trebuchet MS", Trebuchet, sans-serif}
fieldset.set ol li.state label.state {top: 6em; left: 0}
fieldset.set ol li.state label.region {top: 6em; left: 102px}
fieldset.set ol li.state label.post {top: 6em; left: 202px}
fieldset.set ol li.mobile {position: relative; padding-bottom: 1.5em}
fieldset.set ol li.mobile input {margin-right: 10px; width: 200px}
fieldset.set ol li.mobile input.code {width: 75px}
fieldset.set ol li.mobile label.international, fieldset.set ol li.mobile label.number {position: absolute; font-size: 0.833em; line-height: 1.8em; margin-bottom: 1.8em; font-family: Arial, "Trebuchet MS", Trebuchet, sans-serif}
fieldset.set ol li.mobile label.international {top: 6em; left: 0}
fieldset.set ol li.mobile label.number {top: 6em; left: 102px}
fieldset.set ol li.checkbox label {width: 360px}
fieldset.set ol li.checkbox input {float: left; width: auto; margin-right: 2em}
fieldset.set ol li.verification input {margin-right: 10px; width: 100px}
fieldset.set ol li#note {padding: 0 0 0 175px; background: #fbf8da; color: #111}
fieldset.set ol li span.screen {display: block; padding-top: 0.5em; padding-left: 1em}
fieldset.set ol li span.screen em {font-weight: bold; color: #060}
fieldset.set ol li span.screen strong {font-weight: bold; color: #900}
div#reports fieldset.set {width: 596px}
div#loginform {overflow: hidden; margin: 0 0 1em 0; background: #ececec url(/images/bg-or.gif) no-repeat 360px top}
div#loginform div.loginform {float: left; width: 350px}
div#loginform div.loginjoin {float: right; width: 220px; margin-top: 86px}
div#loginform div.loginform fieldset.set {clear: none}
div#loginform div.loginform fieldset.set ol li input {width: 290px}
div#loginform div.loginform fieldset.set ol li.button {float: left; width: 95px}
div#loginform div.loginform fieldset.set ol li.checkbox {clear: none; float: right; margin-top: 0.5em; width: 220px}
div#loginform div.loginform fieldset.set ol li.checkbox label {width: 220px; margin-top: 0em}
div#loginform div.loginform fieldset.set ol li.checkbox input {float: left; width: auto; margin-right: 10px}
div#login_dialog fieldset ol li {text-align: left; font-size: smaller}
div#login_dialog fieldset legend {font-weight: bold}
div#login_dialog fieldset ol li input {width: 100%}
div#login_dialog fieldset ol li input[type=checkbox] {width: auto}
div#login_dialog fieldset ol li.buttons {float: right; margin-top: 5px}
div#login_dialog fieldset ol li.buttons button {margin: 0}
div#groupjoin fieldset.set ol li.checkbox {width: 600px }
div#groupjoin fieldset.set ol li.checkbox label {width: 500px }
fieldset.delete ol li.button {float: right; overflow: hidden}
fieldset.radio {margin: 0; padding: 0}
fieldset.radio legend {margin: 0; padding: 0; font-size: 1em }
fieldset.set ol li fieldset.radio ul li {clear: none; float: left; width: 30%; margin: 0; padding: 0}
fieldset.set ol li fieldset.radio ul li label {margin: 0; padding: 0; display: inline; font-size: 1em; width: auto}
fieldset.set ol li fieldset.radio ul li label img {margin: -9px 5px}
fieldset.radio ul li label input {margin: 0; padding: 0; font-size: 1em; width: auto}
fieldset.set ol li.teaser img {float: left; margin-right: 1em; width: 50px}
fieldset.set ol.autocomplete {overflow: visible; position: relative}
fieldset.set ol.autocomplete li {overflow: visible; position: relative}
fieldset.set ol li#newset input {width: 200px; margin-right: 10px; float: left}
fieldset ol li.register button {display: block; width: 118px; height: 49px; border: 0; text-indent: -20000em; background: transparent; font-size: 1px; background: url(/images/btn-register.gif) no-repeat left center}
fieldset.forumselect {clear: both; margin: 0 auto; padding: 0}
fieldset.forumselect ol {overflow: hidden; margin: 0 0 0 0; padding: 0}
fieldset.forumselect ol li {float: left; margin: 0 1em 1em 0}
fieldset.forumselect ol li label {font-weight: bold; padding: 0.5em 0; display: block; font-size: 1.15em}
fieldset.forumselect ol li label select {margin-left: 1em}
* html fieldset.set ol li.names label.title {left: 0}
* html fieldset.set ol li.names label.firstname {left: 70px}
* html fieldset.set ol li.names label.lastname {left: 220px}
* html fieldset.set ol li.state label.state {left: 0}
* html fieldset.set ol li.state label.region {left: 100px}
* html fieldset.set ol li.state label.post {left: 200px}
* html fieldset.set ol li.mobile label.international {left: 0}
* html fieldset.set ol li.mobile label.number {left: 100px}
fieldset.set ol li textarea.mceNoEditor {height: 75px}
div#becomemember input.checking {background-image: url(../images/icon-checking.gif); background-repeat: no-repeat; background-position: 98% 5px}
div#becomemember input.error {background-image: url(../images/icon-delete.gif); background-repeat: no-repeat; background-position: 98% 5px}
div#becomemember input.ok {background-image: url(../images/icon-success.gif); background-repeat: no-repeat; background-position: 98% 5px}
 a.button, button {display: block; float: left; margin: 0 0.583em 0.667em 0; padding: 5px 10px 5px 7px;  border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; background-color: #f5f5f5; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 100%; line-height: 130%; text-decoration: none; font-weight: bold; color: #565656; cursor: pointer}
button {width: auto; overflow: visible; padding: 4px 10px 3px 7px;  }
button[type] {padding: 4px 10px 4px 7px;  line-height: 17px;  }
*:first-child+html button[type] {padding: 4px 10px 3px 7px;  }
button img, a.button img {margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; float: none}
  button:hover, a.button:hover {background-color: #dff4ff; border: 1px solid #c2e1ef; color: #336699}
a.button:active {background-color: #6299c5; border: 1px solid #6299c5; color: #fff}
 body .positive {color: #529214}
a.positive:hover, button.positive:hover {background-color: #E6EFC2; border: 1px solid #C6D880; color: #529214}
a.positive:active {background-color: #529214; border: 1px solid #529214; color: #fff}
 body .negative {color: #d12f19}
a.negative:hover, button.negative:hover {background: #fbe3e4; border: 1px solid #fbc2c4; color: #d12f19}
a.negative:active {background-color: #d12f19; border: 1px solid #d12f19; color: #fff}
 table {border-collapse:collapse;width:100%;margin: 1em 0;}
table th {text-align:left;padding: 0.75em 0.5em 0.25em 0.5em;color:#222;background: #fff;font-size: 0.95em;line-height: 1.2857142857142858em;font-weight:bold;border-bottom:1px solid #ccc;}
table th.left {width:60%;}
table td {padding:0.75em 0.5em 0.25em 0.5em;font-size: 0.95em;line-height: 1.8em;margin-bottom: 1.8em;border-bottom:1px solid #e5e6e7;}
table .bg {background:;}
table tr.odd td {background:#f7f7f7;}
table.no-stripe tr.odd td, table.no-stripe tr.highlight td {background:transparent}
table .rate img {float:left;margin:1px 1px 0 0;}
table .comments {text-align:right;}
table tr.highlight td, table td.highlight {color:#222;background:#e1e1e1;cursor: pointer;cursor: hand;}
table.friend img {float: left;margin-right: 1em;}
table.friend th.friend {width: 150px;}
table.friend th.added {width: 50px;}
table.friend th.requested {width: 50px;}
table.friend th.message {width: 150px;}
table.friend th.check {width: 30px;}
table.blog th.date, table.friend th.date {width: 75px;}
table.blog th.title {width: 300px;}
table.blog th.check {width: 30px;}
table.blog span.status {margin-left: 1em;font-style: oblique;}
table th.task {width: 140px;}
table th.amount {width: 50px;}
table td.amount, table tr.odd td.amount {background:#efefef;font-weight:bold;color:#000;text-align:right;width:60px;}
table tr.total td, table tr.total td.amount {background:#27343C;font-weight:bold;color:#fff;}
table tr#header td {color:#000;background:#fff;text-transform:uppercase;font-weight:bold;}
table tr#subtotal td {color:#000;background:#fff;text-transform:uppercase;font-weight:bold;}
table tr#subtotal td.text {text-align:right;}
table.wide {margin-top: 4em;}
table.forums {border: 0;}
table.forums th {background: #444;color: #f48d2b;text-transform: uppercase;font-size: 0.95em;}
table.forums a.post, table.forums a.post:visited {color: #a3a3a3;text-decoration: none;}
table.forums a.user, table.forums a.user:visited {color: #444;text-decoration: none;}
table.forums a.section, table.forums a.section:visited {color: #599dc4;text-decoration: none;}
.weather-forecast table {border-collapse:collapse;width:280px;clear: both;margin-top: 0em;margin-left: 1em;}
.weather-forecast table caption {display: none;}
.weather-forecast table th {text-align:center;padding:0.5em 0.15em 0.25em 0.15em;font-weight:bold;border-bottom:1px solid #ddd;background: transparent;}
.weather-forecast table td {padding:0.5em 0.15em 0.25em 0.15em;border-bottom:1px solid #ddd;text-align: center;}
.weather-forecast table td img {width: 40px;;}
.weather-forecast table td span.min {color: #397daf;font-size: 0.83em;}
.weather-forecast table td span.max {color: #c00;font-size: 125%;}
.progressWrapper {width: 357px; overflow: hidden}
.progressContainer {margin: 5px; padding: 4px; border: solid 1px #E8E8E8; background-color: #F7F7F7; overflow: hidden}
 .message {margin: 1em 0; padding: 10px 20px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden}
 .red {border: solid 1px #B50000; background-color: #FFEBEB}
 .green {border: solid 1px #DDF0DD; background-color: #EBFFEB}
 .blue {border: solid 1px #CEE2F2; background-color: #F0F5FF}
.progressName {font-size: 8pt; font-weight: 700; color: #555; width: 323px; height: 14px; text-align: left; white-space: nowrap; overflow: hidden}
.progressBarInProgress, .progressBarComplete, .progressBarError {font-size: 0; width: 0%; height: 2px; background-color: blue; margin-top: 2px}
.progressBarComplete {width: 100%; background-color: green; visibility: hidden}
.progressBarError {width: 100%; background-color: red; visibility: hidden}
.progressBarStatus {margin-top: 2px; width: 337px; font-size: 7pt; font-family: Arial; text-align: left; white-space: nowrap}
a.progressCancel {font-size: 0; display: block; height: 14px; width: 14px; background-image: url(/images/admin/icon-delete.gif); background-repeat: no-repeat; background-position: -14px 0px; float: right}
a.progressCancel:hover {background-position: 0px 0px}
#lbOverlay {position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px}
#lbOverlay.grey {background-color: #000000}
#lbOverlay.red {background-color: #330000}
#lbOverlay.green {background-color: #003300}
#lbOverlay.blue {background-color: #011D50}
#lbOverlay.gold {background-color: #666600}
#lbMain {position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0}
#lbMain a img {border: none}
#lbOuterContainer {position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto}
#lbOuterContainer.grey {border: 1px solid #888888}
#lbOuterContainer.red {border: 1px solid #DD0000}
#lbOuterContainer.green {border: 1px solid #00B000}
#lbOuterContainer.blue {border: 1px solid #5F89D8}
#lbOuterContainer.gold {border: 1px solid #B0B000}
#lbDetailsContainer {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; overflow: auto; margin: 0 auto}
#lbDetailsContainer.grey {border: 1px solid #888888; border-top: none}
#lbDetailsContainer.red {border: 1px solid #DD0000; border-top: none}
#lbDetailsContainer.green {border: 1px solid #00B000; border-top: none}
#lbDetailsContainer.blue {border: 1px solid #5F89D8; border-top: none}
#lbDetailsContainer.gold {border: 1px solid #B0B000; border-top: none}
#lbImageContainer, #lbIframeContainer {padding: 0px}
#lbLoading {position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(/images/lytebox/loading.gif) center no-repeat}
#lbHoverNav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10}
#lbImageContainer>#lbHoverNav {left: 0}
#lbHoverNav a {outline: none}
#lbPrev {width: 49%; height: 100%; background: transparent url(//images/lytebox/lytebox/blank.gif) no-repeat; display: block; left: 0; float: left}
#lbPrev.grey:hover, #lbPrev.grey:visited:hover {background: url(/images/lytebox/prev_grey.gif) left 15% no-repeat}
#lbPrev.red:hover, #lbPrev.red:visited:hover {background: url(/images/lytebox/prev_red.gif) left 15% no-repeat}
#lbPrev.green:hover, #lbPrev.green:visited:hover {background: url(/images/lytebox/prev_green.gif) left 15% no-repeat}
#lbPrev.blue:hover, #lbPrev.blue:visited:hover {background: url(/images/lytebox/prev_blue.gif) left 15% no-repeat}
#lbPrev.gold:hover, #lbPrev.gold:visited:hover {background: url(/images/lytebox/prev_gold.gif) left 15% no-repeat}
#lbNext {width: 49%; height: 100%; background: transparent url(//images/lytebox/lytebox/blank.gif) no-repeat; display: block; right: 0; float: right}
#lbNext.grey:hover, #lbNext.grey:visited:hover {background: url(/images/lytebox/next_grey.gif) right 15% no-repeat}
#lbNext.red:hover, #lbNext.red:visited:hover {background: url(/images/lytebox/next_red.gif) right 15% no-repeat}
#lbNext.green:hover, #lbNext.green:visited:hover {background: url(/images/lytebox/next_green.gif) right 15% no-repeat}
#lbNext.blue:hover, #lbNext.blue:visited:hover {background: url(/images/lytebox/next_blue.gif) right 15% no-repeat}
#lbNext.gold:hover, #lbNext.gold:visited:hover {background: url(/images/lytebox/next_gold.gif) right 15% no-repeat}
#lbPrev2, #lbNext2 {text-decoration: none; font-weight: bold}
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey {color: #333333}
#lbPrev2.red, #lbNext2.red, #lbSpacer.red {color: #620000}
#lbPrev2.green, #lbNext2.green, #lbSpacer.green {color: #003300}
#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue {color: #01379E}
#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold {color: #666600}
#lbPrev2_Off, #lbNext2_Off {font-weight: bold}
#lbPrev2_Off.grey, #lbNext2_Off.grey {color: #CCCCCC}
#lbPrev2_Off.red, #lbNext2_Off.red {color: #FFCCCC}
#lbPrev2_Off.green, #lbNext2_Off.green {color: #82FF82}
#lbPrev2_Off.blue, #lbNext2_Off.blue {color: #B7CAEE}
#lbPrev2_Off.gold, #lbNext2_Off.gold {color: #E1E100}
#lbDetailsData {padding: 0 0px}
#lbDetailsData.grey {color: #333333}
#lbDetailsData.red {color: #620000}
#lbDetailsData.green {color: #003300}
#lbDetailsData.blue {color: #01379E}
#lbDetailsData.gold {color: #666600}
#lbDetails {width: 60%; float: left; text-align: left}
#lbCaption {display: block; font-weight: bold}
#lbNumberDisplay {float: left; display: block; padding-bottom: 1.0em}
#lbNavDisplay {float: left; display: block; padding-bottom: 1.0em}
#lbClose {width: 64px; height: 28px; float: right; margin-bottom: 1px}
#lbClose.grey {background: url(/images/lytebox/close_grey.png) no-repeat}
#lbClose.red {background: url(/images/lytebox/close_red.png) no-repeat}
#lbClose.green {background: url(/images/lytebox/close_green.png) no-repeat}
#lbClose.blue {background: url(/images/lytebox/close_blue.png) no-repeat}
#lbClose.gold {background: url(/images/lytebox/close_gold.png) no-repeat}
#lbPlay {width: 64px; height: 28px; float: right; margin-bottom: 1px}
#lbPlay.grey {background: url(/images/lytebox/play_grey.png) no-repeat}
#lbPlay.red {background: url(/images/lytebox/play_red.png) no-repeat}
#lbPlay.green {background: url(/images/lytebox/play_green.png) no-repeat}
#lbPlay.blue {background: url(/images/lytebox/play_blue.png) no-repeat}
#lbPlay.gold {background: url(/images/lytebox/play_gold.png) no-repeat}
#lbPause {width: 64px; height: 28px; float: right; margin-bottom: 1px}
#lbPause.grey {background: url(/images/lytebox/pause_grey.png) no-repeat}
#lbPause.red {background: url(/images/lytebox/pause_red.png) no-repeat}
#lbPause.green {background: url(/images/lytebox/pause_green.png) no-repeat}
#lbPause.blue {background: url(/images/lytebox/pause_blue.png) no-repeat}
#lbPause.gold {background: url(/images/lytebox/pause_gold.png) no-repeat}
 #forums {text-align: left; padding: 10px 70px 20px 10px; overflow: hidden}
.padleft {margin-left: 70px !important}
#forums div.forum-index {float: left; width: 765px}
#forums div.ad-index {float: right; margin: 0; padding: 5px; width: 160px; height: 600px}
#forums div.ad-small {float: right; margin: 0 0 2em 0; padding: 5px 5px 5px 5px; width: 300px;; height: 125px}
#forums div.ad-island {float: right; margin: 0 0 2em 0; padding: 5px 5px 5px 5px; width: 300px; height: 250px}
#forums div.post-index, #forums div.post-reply {float: left; width: 770px; color: #000; background-color: #fff}
#forums div.post-index a {color: #000}
#forums div.post-index h1, #forums div.post-index h2, #forums div.post-index h3, #forums div.post-index h4, #forums div.post-index h5, #forums div.post-index h6 {color: #fff}
#forums h3 {clear: both; width: 100%; height: 63px; margin: 0; padding: 0; background: url(/images/fluidzone-title-background.png); color: #fff; font-size: 1.6em; text-indent: 10px}
div#forums h1 {color: #fff; margin-top: 0; margin-bottom: 0; padding: 5px 5px 0 5px; border-bottom: 0 solid #eee; letter-spacing: -1px; width: 770px; background: url(/images/fluidzone-title-background.png) no-repeat left top}
div#forums h1.smaller span {font-size: 30px; line-height: 0.5 !important}
div#forums h1.tiny span {font-size: 20px; line-height: 0.5 !important}
div#forums h1 em {display: block; font-size: 0.25em; text-transform: uppercase; font-style: normal; letter-spacing: 1px; margin-bottom: 0.25em; padding-top: 0.1em}
div#forums h1 em.right {float: right}
div#forums h1 a, div#forums h1 a:visited {color: #fff}
#forums ul#forumnav {clear: both; width: 100%; margin: 0 0 2em 0; padding: 0; overflow: hidden; border-left: 1px solid #efefef; border-bottom: 1px solid #efefef}
#forums ul#forumnav li {float: left}
#forums ul#forumnav li a, #forums ul#forumnav li a:visited {display: block; margin: 0; padding: 0.25em 1em; border-right: 1px solid #efefef}
#forums ul#forumnav li.selected a, #forums ul#forumnav li.selected a:visited {background: #a8a8a8; color: #fff}
#forumlist ul {margin: 0 10px 10px 10px; padding: 0; text-align: left}
#forumlist ul li {display: block; margin: 5px 0 0 0; font-size: 1em; font-weight: bold; letter-spacing: 0}
#forumlist ul li ul {margin: 0 0 10px 0; padding-bottom: 10px; border-bottom: 1px solid #efefef}
#forumlist ul li a, #forumlist ul li a:visited {display: block; margin: 0; padding: 0; color: #222; text-decoration: none}
#forumlist ul li a:hover, #forumlist ul li a:visited:hover {color: #ff9028}
#forumlist ul ul li a, #forumlist ul ul li a:visited {display: block; margin: 0; padding: 0 0 0 20px; color: #ff9028; text-decoration: none; font-weight: normal; font-size: 0.95em; background: url(/images/forums/icon-folder.gif) no-repeat 0 4px}
#forumlist ul ul li a:hover, #forumlist ul ul li a:visited:hover {color: #e01515; background: url(/images/forums/icon-folder.gif) no-repeat 0 4px}
#forumlist ul ul li.new a, #forumlist ul ul li.new a:visited {background: url(/images/forums/icon-folder-new.gif) no-repeat 0 4px}
#forumlist ul ul li.new a:hover, #forumlist ul ul li.new a:visited:hover {background: url(/images/forums/icon-folder-new.gif) no-repeat 0 4px}
 * html #forumlist ul li {float: left}
* html #forumlist ul li a {height: 1%}
 #forumlist ul.legend {margin: 0 10px 10px 10px; padding: 0; text-align: left}
#forumlist ul.legend li {display: block; margin: 5px 0 0 0; padding-left: 15px; font-size: 0.95em; font-weight: normal; letter-spacing: 0; background: url(/images/forums/icon-folder.gif) no-repeat 0 4px}
#forumlist ul.legend li.new {display: block; margin: 5px 0 0 0; padding-left: 15px; font-size: 0.95em; font-weight: normal; letter-spacing: 0; background: url(/images/forums/icon-folder-new.gif) no-repeat 0 4px}
#forumuser ul {clear: both; margin: 0 10px 10px 10px; padding: 0; text-align: left; overflow: hidden}
#forumuser ul li {display: block; margin: 5px 0 0 0; font-size: 1em; letter-spacing: 0}
#forumuser ul li a, #forumuser ul li a:visited {display: block; margin: 0; padding: 0 0 0 20px; text-decoration: none; background: url(/images/forums/icon-folder.gif) no-repeat 0 4px}
#forumuser ul li a:hover, #forumuser ul li a:visited:hover {background: url(/images/forums/icon-folder.gif) no-repeat 0 4px}
#forumuser ul li.username a, #forumuser ul li.username a:visited {display: inline; margin-left: 10px; padding-left: 15px; background: url(/images/forums/icon-user.gif) no-repeat 0 2px}
#forumlist ul li.new a, #forumuser ul li.new a:visited {background: url(/images/forums/icon-folder-new.gif) no-repeat 0 4px}
#forumuser ul li.yours a, #forumuser ul li.yours a:visited {background: url(/images/forums/icon-yours.gif) no-repeat 0 4px}
#forumuser ul li.unanswered a, #forumuser ul li.unanswered a:visited {background: url(/images/forums/icon-unanswered.gif) no-repeat 0 4px}
#forumuser ul li.messages a, #forumuser ul li.messages a:visited {background: url(/images/forums/icon-messages.gif) no-repeat 0 4px}
#forumuser ul li.logout {margin-top: 10px; padding-top: 5px; border-top: 1px solid #efefef}
#forumuser ul li.logout a, #forumuser ul li.logout a:visited {background: url(/images/forums/icon-logout.gif) no-repeat 0 4px}
ul.forumposts {margin: 0 0 2em 0; padding: 0 0 0 0; overflow: hidden; border-top: 1px solid #eae8e8}
ul.forumposts li {margin: 0.5em 0 0 0; padding: 0.25em 0 0 0; overflow: hidden; border-bottom: 1px solid #eae8e8}
ul.forumposts li h4 {margin-bottom: 5px; padding: 0}
ul.forumposts li h4 a, ul.forumposts li h4 a:visited {display: block; padding-left: 22px; padding-top: 2px; background: url(/images/forums/icon-file.gif) no-repeat 0 3px; border-bottom: 0}
ul.forumposts li h4 a:hover, ul.forumposts li h4 a:visited:hover {background: #eae8e8 url(/images/forums/icon-file.gif) no-repeat 0 3px}
ul.forumposts li p {margin: 0.5em 1em 0.5em 22px; padding: 0}
ul.forumposts li ul {margin: 5px 0; padding: 0; font-size: 0.95em; line-height: 1em}
ul.forumposts li ul li {float: left; margin: 0 10px 0 0; padding: 0 0 0 10px; border-bottom: 0; border-left: 1px solid #ccc; border-top: 0}
ul.forumposts li ul li.date {border-left: none; padding-left: 22px; background: url(/images/forums/icon-date.gif) no-repeat 0 0}
ul.forumposts li h4.yours a, ul.forumposts li h4.yours a:visited {padding-left: 22px; background: url(/images/forums/icon-yours.gif) no-repeat 0 4px}
ul.forumposts li h4.new a, ul.forumposts li h4.new a:visited {padding-left: 22px; background: url(/images/forums/icon-folder-new.gif) no-repeat 0 4px}
ul.usersonline {margin: 5px 0; padding: 0; font-size: 0.95em; line-height: 1em; overflow: hidden}
ul.usersonline li {float: left; margin: 0 10px 10px 0; padding: 0; border-bottom: 0; background: none}
ul.usersonline li a, ul.usersonline li a:visited {background: transparent}
.forumnav {clear: both; margin: 0; padding: 0; overflow: hidden; border-bottom: 1px solid #eae8e8}
.forumnav ul {float: left; width: 100%; margin: 1em 0 0 0; padding: 0 0 0 0; font-size: 1em; line-height: 1.5em; overflow: hidden}
.forumnav ul li {float: left; margin: 0 10px 10px 0; padding: 0; border-bottom: 0}
.forumnav ul li a, .forumnav ul li a:visited {padding-right: 5px}
.forumnav ul li.first {float: left; padding-left: 0; border-bottom: 0}
.forumnav ul li.selected a, .forumnav ul li.selected a:visited {font-weight: bold; text-decoration: none; color: #222}
.forumnav ul li#forumsearch {float: right}
.forumnav ul li#forumsearch a, .forumnav ul li#forumsearch a:visited {display: block; padding: 0 0 0 18px; background: url(/images/forums/icon-search.gif) no-repeat 0 4px}
ul.forumcrumbs {float: left; width: 70%; margin: 1em 0 0.5em 1em; font-size: 0.95em; line-height: 1em; overflow: hidden}
ul.forumcrumbs li {float: left; margin: 0 10px 0 0; padding: 0; border-bottom: 0}
ul.forumcrumbs li a, ul.forumcrumbs li a:visited {padding-right: 5px; text-decoration: none; color: #777}
ul.forumcrumbs li.first {float: left; padding-left: 0; border-bottom: 0}
ul.admin {margin-top: -2em}
div.forumintro span.topics {float: right; width: 325px; font-size: 0.95em}
div.forumintro span.topics a, div.forumintro span.topics a:visited {padding: 0 0 0px 24px; margin-left: 20px; background: url(/images/forums/icon-rss.gif) no-repeat 0 0}
table.forum span.page {font-size: 0.95em; padding: 0px 0 2px 15px; margin-left: 20px; background: url(/images/forums/icon-pages.gif) no-repeat 0 1px}
ul.forumuser {clear: both; margin: 0; padding: 0; font-size: 0.95em; line-height: 1em; overflow: hidden}
ul.forumuser li {margin: 0 0 5px 0; padding: 0 0 0 18px; background: url(/images/forums/icon-bullet-user.gif) no-repeat 0 0px}
ul.forumuser li span.offline {color: #4db4fa}
ul.forumuser li span.online {color: #ffa33f}
ul.date {margin: 7px 0; padding: 0 0 4px 0; font-size: 0.95em; line-height: 1em; overflow: hidden; border-bottom: 1px dotted #e2e2e2}
ul.date li {float: right; margin: 0 0 0 15px; padding: 0}
ul.date li.left {float: left; margin: 0; padding: 0 0 0 15px; background: url(/images/forums/icon-forum-bookmark.gif) no-repeat 0 0}
ul.date li.quote a, ul.date li.quote a:visited {display: block; padding: 0 0 0 15px; background: url(/images/forums/icon-quote.gif) no-repeat 0 0}
ul.date li.reply a, ul.date li.reply a:visited {display: block; padding: 0 0 0 15px; background: url(/images/forums/icon-pm-new.gif) no-repeat 0 0}
ul.date li.edit a, ul.date li.edit a:visited {display: block; padding: 0 0 0 15px; background: url(/images/forums/icon-edit.gif) no-repeat 0 -1px}
ul.date li.delete a, ul.date li.delete a:visited {display: block; padding: 0 0 0 15px; background: url(/images/forums/icon-delete.gif) no-repeat 0 0}
ul.date li.split a, ul.date li.split a:visited {display: block; padding: 0 0 0 15px; background: url(/images/forums/icon-split.gif) no-repeat 0 0}
div.signature {margin: 7px 0; padding: 4px 0; line-height: 1em; overflow: hidden; border-top: 1px dotted #e2e2e2; color: #999}
 table.forum {clear: both; border-collapse: collapse; width: 770px; margin: 0}
table.forum th {text-align: left; padding: 8px 6px 4px 6px; color: #666; font-size: 0.95em; line-height: 1.285em; font-weight: bold; border-top: 1px solid #b7b7b7; border-bottom: 1px solid #e2e2e2 }
a.subscribe {float: right; font-weight: normal; text-transform: none; text-decoration: none; padding-left: 15px; background: url(/images/forums/icon-forum-sub.gif) no-repeat 0 0}
table.forum th.topic, table.forum th.forums {width: 550px}
table.forum th.last-post {width: 135px}
table.forum td {padding: 10px 3px 3px 6px; font-size: 0.95em; line-height: 1.8em; margin-bottom: 1.8em; border-bottom: 1px solid #e2e2e2; vertical-align: top}
table.forum td p {margin: 0}
table.forum td.menu {text-align: right}
table.forum td.menu a.button {float: none; display: inline-block}
table.forum td.menu a.button img {width: auto; height: auto; margin: 0 3px -2px 0 !important}
table.forum th .notlogged {float: right; margin-top: -30px; font-weight: normal; text-transform: lowercase}
table.forum td.topics, table.forum td.posts, table.forum td.replies {text-align: center; background: #efefef}
table.forum td.topics, table.forum td.replies {border-left: 1px solid #e2e2e2}
table.forum td.posts {border-right: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2}
table.forum td.status {width: 16px}
table.forum {border-bottom: 1px solid #ccc; background-color: #fff; color: #000}
table.forum_index {width: 640px}
table.forum th.num, table.forum td.num {text-align: center; width: 30px}
table.forum td.num {background: #efefef; border-right: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2}
table.forum th.details {width: 125px}
table.forum td.mods, table.forum td.users {width: 48%}
table.forum td.icon {width: 25px; margin: 0; padding: 0}
table.forum td.icon img {padding: 8px 0 0 8px}
table.forum td.icons {width: 25px; margin: 0; padding: 0}
table.forum td.icons img {padding: 10px 0 0 8px}
table.forumposts {border-top: 1px solid #ccc}
table.forumposts td {border-bottom: 1px solid #ccc}
table.forum td.author {width: 145px; background: #f4f4f4}
table.forum td.author img {width: 58px; float: left; margin-right: 10px; margin-bottom: 0.75em}
table.forum td.author span.fn {display: block; font-size: 1.1em; font-weight: bold}
table.forum h4 {margin-bottom: 0; color: #000}
table.forum a {color: #000}
table.forum h4.title {float: left; margin-right: 10px}
table.forum div.last_post {margin-left: 20px; font-size: 0.9em}
table.forum div.last_post span#title {font-size: 1.0em; color: #666; font-weight: bold}
a.view-post {display: block}
table.forum td a.topic {font-weight: bold; font-size: 1.1em}
table.forum td.removed {padding-bottom: 0.5em; background: #fafafa; text-align: center}
table.forum td.notlogged {background: #fafafa; text-align: center}
table.forum ul.stats {margin: 0; padding: 0}
table.forum ul.stats li {clear: both}
table.forum ul.stats li span {float: left; font-weight: bold; width: 125px}
table.forum ul.mods {margin: 0 0 1em 0; padding: 0; overflow: hidden}
table.forum ul.mods li {float: left; margin-right: 1em}
table.forum div.forumpost img {float: none; clear: both; display: block; margin: 1em; text-align: center; max-height: 660px; max-width: 660px}
table.forum div.forumpost blockquote {clear: both; margin: 1em; padding: 0.5em 0.5em 0 0.5em; background: #f4f4f4; border-top: 1px solid #efefef; border-bottom: 1px solid #ccc}
#forum_key {font-size: 0.9em}
#forum_key ul {margin: 1.5em 1.5em}
#forums .search {float: right; width: 150px}
div.forum_container {float: left; width: 770px; padding-left: 70px}
table.topic {width: 770px !important}
#forums a {text-decoration: none}
table.forum button {margin: 0}
table.forum a.button {margin: 0; min-width: 80px}
textarea {resize: vertical}
 fieldset.forumlogin {margin: 1em 0 0 0; padding: 0; overflow: hidden}
fieldset.forumlogin ol {clear: both; margin: 0; padding: 0; overflow: hidden}
fieldset.forumlogin ol li {float: left; display: block; width: 280px;}
fieldset.forumlogin li label {float: left; width: 95px; padding: 7px 5px 10px 0; text-align: right}
fieldset.forumlogin li input {float: right; width: 160px; color: #777; background: #eee; border: 1px inset #ccc; margin-top: 4px; padding: 5px}
fieldset.forumlogin li.checkbox input {float: left; width: auto; margin: 1px 10px 0 20px}
fieldset.forumlogin li.checkbox label {float: left; width: auto; text-align: left; margin-top: 3px}
fieldset.forumlogin ol li.button {clear: both; float: none; width: 100%; margin: 0; padding: 0 0 10px 105px; background: transparent; border: 0; border-bottom: 1px solid #efefef}
fieldset.forumlogin ol li.button input {float: none; width: 67px; margin: 0; padding: 0; background: transparent; border: 0}
fieldset.forumlogin ol li.forgot {float: left; width: 280px; margin: 10px 0 15px 0; padding: 5px 0 0 0}
fieldset.forumlogin ol li.forgot h5 {margin: 0 0 5px 0; padding: 0}
fieldset.forumlogin ol li.forgot a, fieldset.forumlogin ol li.forgot a:visited {font-size: 0.95em}
fieldset.forumlogin ol li.first {margin-left: 110px}
fieldset.forumreply {margin: 1em 0 0 0; padding: 0; overflow: hidden}
fieldset.forumreply ol li {margin: 0; padding: 0}
fieldset.forumreply ol li.note {margin: 0 0 5px 0; padding: 5px 5px; font-size: 0.95em; border-top: 1px dotted #e2e2e2; border-bottom: 1px dotted #e2e2e2}
fieldset.forumreply ol li label {display: none}
fieldset.forumreply ol li textarea {display: block; width: 500px; height: 150px; padding: 5px; border: 1px inset #ccc}
fieldset.forumreply ol li.button {margin: 10px 0}
fieldset.forumnewtopic {margin: 1em 0 0 0; padding: 0; overflow: hidden}
fieldset.forumnewtopic ol li {margin: 0; padding: 0; overflow: hidden}
fieldset.forumnewtopic ol li.note {clear: both;; margin: 5px 0; padding: 5px 5px; font-size: 0.95em; border-top: 1px dotted #e2e2e2; border-bottom: 1px dotted #e2e2e2}
fieldset.forumnewtopic ol li.reply label {display: none}
fieldset.forumnewtopic ol li textarea {display: block; width: 500px; height: 150px; padding: 5px; border: 1px inset #ccc}
fieldset.forumnewtopic ol li.button {margin: 10px 0}
fieldset.forumnewtopic li.subject label {float: left; width: 125px; padding: 9px 5px 10px 0; padding-left: 5px; text-align: left}
fieldset.forumnewtopic li.subject input {float: right; width: 360px; color: #777; background: #eee; border: 1px inset #ccc; margin-top: 4px; padding: 5px}
ul.forumpages {clear: both; margin: 0; padding: 0; text-align: left; overflow: hidden; font: normal 0.95em / 1.5em Helvetica, Arial, Verdana, sans-serif}
ul.forumpages li {float: left; padding: 0; margin: 0; text-align: center}
ul.forumpages li a, ul.forumpages li a:visited {display: inline; overflow: hidden; color: #0281ca; padding: 1px 3px 0px 3px; margin: 0 2px; text-decoration: none}
ul.forumpages li a:hover, ul.forumpages li a:visited:hover {background: #eee; color: #111}
ul.forumpages li.pages {padding: 1px 0; margin: 0 1.5em 0 0; font-weight: bold}
ul.forumpages li.current {padding: 1px 3px 0px 3px; margin: 0 5px; font-weight: bold; color: #000}
ul.forumpages li.results {float: none; clear: both; padding: 3px 0; margin: 5px 5px 0 0px; text-align: center; display: block}
ul.forumpages li.last {margin-left: 1em}
div.pagination {clear: both; margin: 0; padding: 0; text-align: left; overflow: hidden; font: normal 0.95em / 1.5em Helvetica, Arial, Verdana, sans-serif; border-top: none}
div.pagination a, div.pagination a:visited {overflow: hidden; color: #0281ca; padding: 3px 5px 1px 5px; margin: 0 2px; text-decoration: none}
div.pagination a:hover, div.pagination a:visited:hover {background: #eee; color: #111}
div.pagination span.current {padding: 3px 0; font-weight: bold}
div.pagination .next_page, div.pagination .next_page:visited {background: url(/images/admin/icon-next.gif) no-repeat left top; padding: 10px; border: none; margin: 0 0 0 5px; text-indent: -20000em; overflow: hidden; font-size: 1px}
div.pagination .next_page:hover, div.pagination .next_page:visited:hover {background: url(/images/admin/icon-next-over.gif) no-repeat left top; padding: 10px; border: none; margin: 0 0 0 5px; text-indent: -20000em; overflow: hidden; font-size: 1px}
div.pagination .prev_page, div.pagination .prev_page:visited {background: url(/images/admin/icon-previous.gif) no-repeat left top; padding: 10px; border: none; margin: 0 0 0 5px; text-indent: -20000em; overflow: hidden; font-size: 1px}
div.pagination .prev_page:hover, div.pagination .prev_page:visited:hover {background: url(/images/admin/icon-previous-over.gif) no-repeat left top; padding: 10px; border: none; margin: 0 0 0 5px; text-indent: -20000em; overflow: hidden; font-size: 1px}
ul.postmenu {clear: both; float: right; margin: 0; padding: 0; text-align: left; overflow: hidden; font: normal 1em / 1.5em Helvetica, Arial, Verdana, sans-serif}
ul.postmenu li {float: left; padding: 0; margin: 0; text-align: center}
ul.postmenu li a, ul.postmenu li a:visited {display: block; overflow: hidden; color: #0281ca; padding: 2px 3px 2px 3px; margin: 0 2px; text-decoration: none}
ul.postmenu li.postnew a, ul.postmenu li.postnew a:visited {padding-left: 18px; background: url(/images/forums/icon-folder-new.gif) no-repeat 0 3px; border: 0}
ul.postmenu li.postnew a:hover, ul.postmenu li.postnew a:visited:hover {color: #00adef; text-decoration: underline; padding-left: 18px; background: url(/images/forums/icon-folder-new.gif) no-repeat 0 3px}
ul.postmenu li.reply a, ul.postmenu li.reply a:visited {padding-left: 18px; background: url(/images/forums/icon-pm-new.gif) no-repeat 0 3px; border: 0}
ul.postmenu li.reply a:hover, ul.postmenu li.reply a:visited:hover {color: #00adef; text-decoration: underline; padding-left: 18px; background: url(/images/forums/icon-pm-new.gif) no-repeat 0 3px}
ul.postmenu li.lock a, ul.postmenu li.lock a:visited {padding-left: 18px; background: url(/images/forums/icon-lock.gif) no-repeat 0 3px; border: 0}
ul.postmenu li.lock a:hover, ul.postmenu li.lock a:visited:hover {color: #00adef; text-decoration: underline; padding-left: 18px; background: url(/images/forums/icon-lock.gif) no-repeat 0 3px}
ul.postmenu li.unlock a, ul.postmenu li.unlock a:visited {padding-left: 18px; background: url(/images/forums/icon-unlocked.gif) no-repeat 0 3px; border: 0}
ul.postmenu li.unlock a:hover, ul.postmenu li.unlock a:visited:hover {color: #00adef; text-decoration: underline; padding-left: 18px; background: url(/images/forums/icon-unlocked.gif) no-repeat 0 3px}
ul.postmenu li.edit a, ul.postmenu li.edit a:visited {padding-left: 18px; background: url(/images/forums/icon-edit.gif) no-repeat 0 3px; border: 0}
ul.postmenu li.edit a:hover, ul.postmenu li.edit a:visited:hover {color: #00adef; text-decoration: underline; padding-left: 18px; background: url(/images/forums/icon-edit.gif) no-repeat 0 3px}
#new_post li.button button {float: right}
div.forumpost p {margin-bottom: 18px !important}
.subscription_links {float: right; margin: 1em 0 0.5em 0}
span.match {font-weight: bold; font-size: 1.1em}
.userLinks {width: 770px; text-align: center; font-size: smaller; margin-bottom: 10px}
div#flagged_posts {padding: 10px; border: 1px solid black}
div#moderators {display: block; background-color: #fff; color: #000; padding: 10px; width: 750px}
.set h5 {color: #333}
#forums .post-reply h3, #forums .post-index h3 {background-image: none; color: #000; height: auto}
div#flagged_posts {padding: 10px; border: 1px solid black}
.preview {float:left; clear:left; display: block}
#bbcode {background-color: #fff; height: 20px;}
#bbcode div {background: transparent url('/images/forum_buttons.gif') no-repeat scroll 0 0; width:20px; height:20px; margin-right:5px; display:inline-block; float:left; cursor: pointer}
#bbcode .bold {background-position:0 0}
#bbcode .bold:hover {background-position:0 -25px}
#bbcode .italic {background-position:-25px 0}
#bbcode .italic:hover {background-position:-25px -25px}
#bbcode .underline {background-position:-50px 0}
#bbcode .underline:hover {background-position:-50px -25px}
#bbcode .link {background-position:-75px 0}
#bbcode .link:hover {background-position:-75px -25px}
#bbcode .quote {background-position:-100px 0}
#bbcode .quote:hover {background-position:-100px -25px}
#bbcode .code {background-position:-125px 0}
#bbcode .code:hover {background-position:-125px -25px}
#bbcode .image {background-position:-150px 0}
#bbcode .image:hover {background-position:-150px -25px}
#bbcode .nlist {background-position:-175px 0}
#bbcode .nlist:hover {background-position:-175px -25px}
#bbcode .blist {background-position:-200px 0}
#bbcode .blist:hover {background-position:-200px -25px}
#bbcode .litem {background-position:-225px 0}
#bbcode .litem:hover {background-position:-225px -25px}
#bbcode .back {background-position:-250px 0}
#bbcode .back:hover {background-position:-250px -25px}
#bbcode .back_disable {background-position:-250px -50px}
#bbcode .forward {background-position:-275px 0}
#bbcode .forward:hover {background-position:-275px -25px}
#bbcode .forward_disable {background-position:-275px -50px}
table.forum div.forumpost img.smiley, div.post-reply div.preview img.smiley {display: inline-block; margin: 0; padding: 0; float: none; position: relative; top: 2px}
  .ui-helper-hidden {display: none}
.ui-helper-hidden-accessible {position: absolute; left: -99999999px}
.ui-helper-reset {margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none}
.ui-helper-clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}
.ui-helper-clearfix {display: inline-block}
 * html .ui-helper-clearfix {height:1%}
.ui-helper-clearfix {display:block}
 .ui-helper-zfix {width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0)}
 .ui-state-disabled {cursor: default !important}
  .ui-icon {display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat}
  .ui-widget-overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%}
  .ui-widget {font-family: Segoe UI, Arial, sans-serif; font-size: 1.1em}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-family: Segoe UI, Arial, sans-serif; font-size: 1em}
.ui-widget-content {border: 1px solid #666666; background: #000000 url(../images/ui-bg_inset-soft_25_000000_1x100.png) 50% bottom repeat-x; color: #ffffff}
.ui-widget-content a {color: #ffffff}
.ui-widget-header {border: 1px solid #333333; background: #333333 url(../images/ui-bg_gloss-wave_25_333333_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold}
.ui-widget-header a {color: #ffffff}
 .ui-state-default, .ui-widget-content .ui-state-default {border: 1px solid #666666; background: #555555 url(../images/ui-bg_glass_20_555555_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eeeeee; outline: none}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color: #eeeeee; text-decoration: none; outline: none}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {border: 1px solid #59b4d4; background: #0078a3 url(../images/ui-bg_glass_40_0078a3_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; outline: none}
.ui-state-hover a, .ui-state-hover a:hover {color: #ffffff; text-decoration: none; outline: none}
.ui-state-active, .ui-widget-content .ui-state-active {border: 1px solid #ffaf0f; background: #f58400 url(../images/ui-bg_inset-soft_30_f58400_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; outline: none}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #ffffff; outline: none; text-decoration: none}
 .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #cccccc; background: #eeeeee url(../images/ui-bg_highlight-soft_80_eeeeee_1x100.png) 50% top repeat-x; color: #2e7db2}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a {color: #2e7db2}
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #ffb73d; background: #ffc73d url(../images/ui-bg_glass_40_ffc73d_1x400.png) 50% 50% repeat-x; color: #111111}
.ui-state-error a, .ui-widget-content .ui-state-error a {color: #111111}
.ui-state-error-text, .ui-widget-content .ui-state-error-text {color: #111111}
.ui-state-disabled, .ui-widget-content .ui-state-disabled {opacity: .35; filter:Alpha(Opacity=35); background-image: none}
.ui-priority-primary, .ui-widget-content .ui-priority-primary {font-weight: bold}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary {opacity: .7; filter:Alpha(Opacity=70); font-weight: normal}
  .ui-icon {width: 16px; height: 16px; background-image: url(../images/ui-icons_cccccc_256x240.png)}
.ui-widget-content .ui-icon {background-image: url(../images/ui-icons_cccccc_256x240.png)}
.ui-widget-header .ui-icon {background-image: url(../images/ui-icons_ffffff_256x240.png)}
.ui-state-default .ui-icon {background-image: url(../images/ui-icons_cccccc_256x240.png)}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../images/ui-icons_ffffff_256x240.png)}
.ui-state-active .ui-icon {background-image: url(../images/ui-icons_222222_256x240.png)}
.ui-state-highlight .ui-icon {background-image: url(../images/ui-icons_4b8e0b_256x240.png)}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../images/ui-icons_a83300_256x240.png)}
 .ui-icon-carat-1-n {background-position: 0 0}
.ui-icon-carat-1-ne {background-position: -16px 0}
.ui-icon-carat-1-e {background-position: -32px 0}
.ui-icon-carat-1-se {background-position: -48px 0}
.ui-icon-carat-1-s {background-position: -64px 0}
.ui-icon-carat-1-sw {background-position: -80px 0}
.ui-icon-carat-1-w {background-position: -96px 0}
.ui-icon-carat-1-nw {background-position: -112px 0}
.ui-icon-carat-2-n-s {background-position: -128px 0}
.ui-icon-carat-2-e-w {background-position: -144px 0}
.ui-icon-triangle-1-n {background-position: 0 -16px}
.ui-icon-triangle-1-ne {background-position: -16px -16px}
.ui-icon-triangle-1-e {background-position: -32px -16px}
.ui-icon-triangle-1-se {background-position: -48px -16px}
.ui-icon-triangle-1-s {background-position: -64px -16px}
.ui-icon-triangle-1-sw {background-position: -80px -16px}
.ui-icon-triangle-1-w {background-position: -96px -16px}
.ui-icon-triangle-1-nw {background-position: -112px -16px}
.ui-icon-triangle-2-n-s {background-position: -128px -16px}
.ui-icon-triangle-2-e-w {background-position: -144px -16px}
.ui-icon-arrow-1-n {background-position: 0 -32px}
.ui-icon-arrow-1-ne {background-position: -16px -32px}
.ui-icon-arrow-1-e {background-position: -32px -32px}
.ui-icon-arrow-1-se {background-position: -48px -32px}
.ui-icon-arrow-1-s {background-position: -64px -32px}
.ui-icon-arrow-1-sw {background-position: -80px -32px}
.ui-icon-arrow-1-w {background-position: -96px -32px}
.ui-icon-arrow-1-nw {background-position: -112px -32px}
.ui-icon-arrow-2-n-s {background-position: -128px -32px}
.ui-icon-arrow-2-ne-sw {background-position: -144px -32px}
.ui-icon-arrow-2-e-w {background-position: -160px -32px}
.ui-icon-arrow-2-se-nw {background-position: -176px -32px}
.ui-icon-arrowstop-1-n {background-position: -192px -32px}
.ui-icon-arrowstop-1-e {background-position: -208px -32px}
.ui-icon-arrowstop-1-s {background-position: -224px -32px}
.ui-icon-arrowstop-1-w {background-position: -240px -32px}
.ui-icon-arrowthick-1-n {background-position: 0 -48px}
.ui-icon-arrowthick-1-ne {background-position: -16px -48px}
.ui-icon-arrowthick-1-e {background-position: -32px -48px}
.ui-icon-arrowthick-1-se {background-position: -48px -48px}
.ui-icon-arrowthick-1-s {background-position: -64px -48px}
.ui-icon-arrowthick-1-sw {background-position: -80px -48px}
.ui-icon-arrowthick-1-w {background-position: -96px -48px}
.ui-icon-arrowthick-1-nw {background-position: -112px -48px}
.ui-icon-arrowthick-2-n-s {background-position: -128px -48px}
.ui-icon-arrowthick-2-ne-sw {background-position: -144px -48px}
.ui-icon-arrowthick-2-e-w {background-position: -160px -48px}
.ui-icon-arrowthick-2-se-nw {background-position: -176px -48px}
.ui-icon-arrowthickstop-1-n {background-position: -192px -48px}
.ui-icon-arrowthickstop-1-e {background-position: -208px -48px}
.ui-icon-arrowthickstop-1-s {background-position: -224px -48px}
.ui-icon-arrowthickstop-1-w {background-position: -240px -48px}
.ui-icon-arrowreturnthick-1-w {background-position: 0 -64px}
.ui-icon-arrowreturnthick-1-n {background-position: -16px -64px}
.ui-icon-arrowreturnthick-1-e {background-position: -32px -64px}
.ui-icon-arrowreturnthick-1-s {background-position: -48px -64px}
.ui-icon-arrowreturn-1-w {background-position: -64px -64px}
.ui-icon-arrowreturn-1-n {background-position: -80px -64px}
.ui-icon-arrowreturn-1-e {background-position: -96px -64px}
.ui-icon-arrowreturn-1-s {background-position: -112px -64px}
.ui-icon-arrowrefresh-1-w {background-position: -128px -64px}
.ui-icon-arrowrefresh-1-n {background-position: -144px -64px}
.ui-icon-arrowrefresh-1-e {background-position: -160px -64px}
.ui-icon-arrowrefresh-1-s {background-position: -176px -64px}
.ui-icon-arrow-4 {background-position: 0 -80px}
.ui-icon-arrow-4-diag {background-position: -16px -80px}
.ui-icon-extlink {background-position: -32px -80px}
.ui-icon-newwin {background-position: -48px -80px}
.ui-icon-refresh {background-position: -64px -80px}
.ui-icon-shuffle {background-position: -80px -80px}
.ui-icon-transfer-e-w {background-position: -96px -80px}
.ui-icon-transferthick-e-w {background-position: -112px -80px}
.ui-icon-folder-collapsed {background-position: 0 -96px}
.ui-icon-folder-open {background-position: -16px -96px}
.ui-icon-document {background-position: -32px -96px}
.ui-icon-document-b {background-position: -48px -96px}
.ui-icon-note {background-position: -64px -96px}
.ui-icon-mail-closed {background-position: -80px -96px}
.ui-icon-mail-open {background-position: -96px -96px}
.ui-icon-suitcase {background-position: -112px -96px}
.ui-icon-comment {background-position: -128px -96px}
.ui-icon-person {background-position: -144px -96px}
.ui-icon-print {background-position: -160px -96px}
.ui-icon-trash {background-position: -176px -96px}
.ui-icon-locked {background-position: -192px -96px}
.ui-icon-unlocked {background-position: -208px -96px}
.ui-icon-bookmark {background-position: -224px -96px}
.ui-icon-tag {background-position: -240px -96px}
.ui-icon-home {background-position: 0 -112px}
.ui-icon-flag {background-position: -16px -112px}
.ui-icon-calendar {background-position: -32px -112px}
.ui-icon-cart {background-position: -48px -112px}
.ui-icon-pencil {background-position: -64px -112px}
.ui-icon-clock {background-position: -80px -112px}
.ui-icon-disk {background-position: -96px -112px}
.ui-icon-calculator {background-position: -112px -112px}
.ui-icon-zoomin {background-position: -128px -112px}
.ui-icon-zoomout {background-position: -144px -112px}
.ui-icon-search {background-position: -160px -112px}
.ui-icon-wrench {background-position: -176px -112px}
.ui-icon-gear {background-position: -192px -112px}
.ui-icon-heart {background-position: -208px -112px}
.ui-icon-star {background-position: -224px -112px}
.ui-icon-link {background-position: -240px -112px}
.ui-icon-cancel {background-position: 0 -128px}
.ui-icon-plus {background-position: -16px -128px}
.ui-icon-plusthick {background-position: -32px -128px}
.ui-icon-minus {background-position: -48px -128px}
.ui-icon-minusthick {background-position: -64px -128px}
.ui-icon-close {background-position: -80px -128px}
.ui-icon-closethick {background-position: -96px -128px}
.ui-icon-key {background-position: -112px -128px}
.ui-icon-lightbulb {background-position: -128px -128px}
.ui-icon-scissors {background-position: -144px -128px}
.ui-icon-clipboard {background-position: -160px -128px}
.ui-icon-copy {background-position: -176px -128px}
.ui-icon-contact {background-position: -192px -128px}
.ui-icon-image {background-position: -208px -128px}
.ui-icon-video {background-position: -224px -128px}
.ui-icon-script {background-position: -240px -128px}
.ui-icon-alert {background-position: 0 -144px}
.ui-icon-info {background-position: -16px -144px}
.ui-icon-notice {background-position: -32px -144px}
.ui-icon-help {background-position: -48px -144px}
.ui-icon-check {background-position: -64px -144px}
.ui-icon-bullet {background-position: -80px -144px}
.ui-icon-radio-off {background-position: -96px -144px}
.ui-icon-radio-on {background-position: -112px -144px}
.ui-icon-pin-w {background-position: -128px -144px}
.ui-icon-pin-s {background-position: -144px -144px}
.ui-icon-play {background-position: 0 -160px}
.ui-icon-pause {background-position: -16px -160px}
.ui-icon-seek-next {background-position: -32px -160px}
.ui-icon-seek-prev {background-position: -48px -160px}
.ui-icon-seek-end {background-position: -64px -160px}
.ui-icon-seek-first {background-position: -80px -160px}
.ui-icon-stop {background-position: -96px -160px}
.ui-icon-eject {background-position: -112px -160px}
.ui-icon-volume-off {background-position: -128px -160px}
.ui-icon-volume-on {background-position: -144px -160px}
.ui-icon-power {background-position: 0 -176px}
.ui-icon-signal-diag {background-position: -16px -176px}
.ui-icon-signal {background-position: -32px -176px}
.ui-icon-battery-0 {background-position: -48px -176px}
.ui-icon-battery-1 {background-position: -64px -176px}
.ui-icon-battery-2 {background-position: -80px -176px}
.ui-icon-battery-3 {background-position: -96px -176px}
.ui-icon-circle-plus {background-position: 0 -192px}
.ui-icon-circle-minus {background-position: -16px -192px}
.ui-icon-circle-close {background-position: -32px -192px}
.ui-icon-circle-triangle-e {background-position: -48px -192px}
.ui-icon-circle-triangle-s {background-position: -64px -192px}
.ui-icon-circle-triangle-w {background-position: -80px -192px}
.ui-icon-circle-triangle-n {background-position: -96px -192px}
.ui-icon-circle-arrow-e {background-position: -112px -192px}
.ui-icon-circle-arrow-s {background-position: -128px -192px}
.ui-icon-circle-arrow-w {background-position: -144px -192px}
.ui-icon-circle-arrow-n {background-position: -160px -192px}
.ui-icon-circle-zoomin {background-position: -176px -192px}
.ui-icon-circle-zoomout {background-position: -192px -192px}
.ui-icon-circle-check {background-position: -208px -192px}
.ui-icon-circlesmall-plus {background-position: 0 -208px}
.ui-icon-circlesmall-minus {background-position: -16px -208px}
.ui-icon-circlesmall-close {background-position: -32px -208px}
.ui-icon-squaresmall-plus {background-position: -48px -208px}
.ui-icon-squaresmall-minus {background-position: -64px -208px}
.ui-icon-squaresmall-close {background-position: -80px -208px}
.ui-icon-grip-dotted-vertical {background-position: 0 -224px}
.ui-icon-grip-dotted-horizontal {background-position: -16px -224px}
.ui-icon-grip-solid-vertical {background-position: -32px -224px}
.ui-icon-grip-solid-horizontal {background-position: -48px -224px}
.ui-icon-gripsmall-diagonal-se {background-position: -64px -224px}
.ui-icon-grip-diagonal-se {background-position: -80px -224px}
  .ui-corner-tl {-moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px}
.ui-corner-tr {-moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px}
.ui-corner-bl {-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px}
.ui-corner-br {-moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px}
.ui-corner-top {-moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px}
.ui-corner-bottom {-moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px}
.ui-corner-right {-moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px}
.ui-corner-left {-moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px}
.ui-corner-all {-moz-border-radius: 6px; -webkit-border-radius: 6px}
 .ui-widget-overlay {background: #5c5c5c url(../images/ui-bg_flat_50_5c5c5c_40x100.png) 50% 50% repeat-x; opacity: .80;filter:Alpha(Opacity=80)}
.ui-widget-shadow {margin: -7px 0 0 -7px; padding: 7px; background: #cccccc url(../images/ui-bg_flat_30_cccccc_40x100.png) 50% 50% repeat-x; opacity: .60;filter:Alpha(Opacity=60); -moz-border-radius: 8px; -webkit-border-radius: 8px}
.ui-accordion .ui-accordion-header {cursor: pointer; position: relative; margin-top: 1px; zoom: 1}
.ui-accordion .ui-accordion-li-fix {display: inline}
.ui-accordion .ui-accordion-header-active {border-bottom: 0 !important}
.ui-accordion .ui-accordion-header a {display: block; font-size: 1em; padding: .5em .5em .5em 2.2em}
.ui-accordion .ui-accordion-header .ui-icon {position: absolute; left: .5em; top: 50%; margin-top: -8px}
.ui-accordion .ui-accordion-content {padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none}
.ui-accordion .ui-accordion-content-active {display: block}
.ui-datepicker {width: 17em; padding: .2em .2em 0}
.ui-datepicker .ui-datepicker-header {position:relative; padding:.2em 0}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {position:absolute; top: 2px; width: 1.8em; height: 1.8em}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {top: 1px}
.ui-datepicker .ui-datepicker-prev {left:2px}
.ui-datepicker .ui-datepicker-next {right:2px}
.ui-datepicker .ui-datepicker-prev-hover {left:1px}
.ui-datepicker .ui-datepicker-next-hover {right:1px}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px}
.ui-datepicker .ui-datepicker-title {margin: 0 2.3em; line-height: 1.8em; text-align: center}
.ui-datepicker .ui-datepicker-title select {float:left; font-size:1em; margin:1px 0}
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year {float: right}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em}
.ui-datepicker th {padding: .7em .3em; text-align: center; font-weight: bold; border: 0}
.ui-datepicker td {border: 0; padding: 1px}
.ui-datepicker td span, .ui-datepicker td a {display: block; padding: .2em; text-align: right; text-decoration: none}
.ui-datepicker .ui-datepicker-buttonpane {background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0}
.ui-datepicker .ui-datepicker-buttonpane button {float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float:left}
 .ui-datepicker.ui-datepicker-multi {width:auto}
.ui-datepicker-multi .ui-datepicker-group {float:left}
.ui-datepicker-multi .ui-datepicker-group table {width:95%; margin:0 auto .4em}
.ui-datepicker-multi-2 .ui-datepicker-group {width:50%}
.ui-datepicker-multi-3 .ui-datepicker-group {width:33.3%}
.ui-datepicker-multi-4 .ui-datepicker-group {width:25%}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {border-left-width:0}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {border-left-width:0}
.ui-datepicker-multi .ui-datepicker-buttonpane {clear:left}
.ui-datepicker-row-break {clear:both; width:100%}
 .ui-datepicker-rtl {direction: rtl}
.ui-datepicker-rtl .ui-datepicker-prev {right: 2px; left: auto}
.ui-datepicker-rtl .ui-datepicker-next {left: 2px; right: auto}
.ui-datepicker-rtl .ui-datepicker-prev:hover {right: 1px; left: auto}
.ui-datepicker-rtl .ui-datepicker-next:hover {left: 1px; right: auto}
.ui-datepicker-rtl .ui-datepicker-buttonpane {clear:right}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {float: left}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {float:right}
.ui-datepicker-rtl .ui-datepicker-group {float:right}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {border-right-width:0; border-left-width:1px}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {border-right-width:0; border-left-width:1px}
 .ui-datepicker-cover {display: none;  display: block;  position: absolute;  z-index: -1;  filter: mask();  top: -4px;  left: -4px;  width: 200px;  height: 200px;  }
.ui-dialog {position: relative; padding: .2em; width: 300px}
.ui-dialog .ui-dialog-titlebar {padding: .5em .3em .3em 1em; position: relative}
.ui-dialog .ui-dialog-title {float: left; margin: .1em 0 .2em}
.ui-dialog .ui-dialog-titlebar-close {position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px}
.ui-dialog .ui-dialog-titlebar-close span {display: block; margin: 1px}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {padding: 0}
.ui-dialog .ui-dialog-content {border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1}
.ui-dialog .ui-dialog-buttonpane {text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em}
.ui-dialog .ui-dialog-buttonpane button {float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible}
.ui-dialog .ui-resizable-se {width: 14px; height: 14px; right: 3px; bottom: 3px}
.ui-draggable .ui-dialog-titlebar {cursor: move}
 .ui-progressbar {height:2em; text-align: left}
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%}
.ui-resizable {position: relative;}
.ui-resizable-handle {position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {display: none}
.ui-resizable-n {cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px}
.ui-resizable-s {cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px}
.ui-resizable-e {cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%}
.ui-resizable-w {cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%}
.ui-resizable-se {cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px}
.ui-resizable-sw {cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px}
.ui-resizable-nw {cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px}
.ui-resizable-ne {cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
.ui-slider {position: relative; text-align: left}
.ui-slider .ui-slider-handle {position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default}
.ui-slider .ui-slider-range {position: absolute; z-index: 1; font-size: .7em; display: block; border: 0}
.ui-slider-horizontal {height: .8em}
.ui-slider-horizontal .ui-slider-handle {top: -.3em; margin-left: -.6em}
.ui-slider-horizontal .ui-slider-range {top: 0; height: 100%}
.ui-slider-horizontal .ui-slider-range-min {left: 0}
.ui-slider-horizontal .ui-slider-range-max {right: 0}
.ui-slider-vertical {width: .8em; height: 100px}
.ui-slider-vertical .ui-slider-handle {left: -.3em; margin-left: 0; margin-bottom: -.6em}
.ui-slider-vertical .ui-slider-range {left: 0; width: 100%}
.ui-slider-vertical .ui-slider-range-min {bottom: 0}
.ui-slider-vertical .ui-slider-range-max {top: 0}
.ui-tabs {padding: .2em; zoom: 1}
.ui-tabs .ui-tabs-nav {list-style: none; position: relative; padding: .2em .2em 0}
.ui-tabs .ui-tabs-nav li {position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0}
.ui-tabs .ui-tabs-nav li a {float: left; text-decoration: none; padding: .5em 1em}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {padding-bottom: 1px; border-bottom-width: 0}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor: text}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor: pointer}
 .ui-tabs .ui-tabs-panel {padding: 1em 1.4em; display: block; border-width: 0; background: none}
.ui-tabs .ui-tabs-hide {display: none !important}
body#gallerypop {margin: 0 auto;padding: 0;overflow: hidden;background: #fff;}
body#gallerypop div#success, body#gallerypop div#error {display:none;}
body#gallerypop div.main {width: 780px;margin: 10px 0 ;padding: 0;text-align:left;overflow:hidden;}
body#gallerypop div.main .pad {margin: 0 10px 0 0;padding: 10px 0;position: relative;overflow:hidden;}
body#gallerypop div.ad-gallery {clear: none;float: right;width: 160px;height: 600px;margin: 0 0 0 0;padding: 0;background: url(../images/bg-ad-300-250.gif);}
body#gallerypop div#gallery-image {float: left;width: 580px;margin:0;background: transparent;padding: 0;}
body#gallerypop div#gallery-image img {width: 550px;margin: 1px 0 20px 1px;}
body#gallerypop div.caption {padding: 0;background: #fff;color: #444;}
body#gallerypop div.caption p {padding:0 1em;margin: 0;}
body#gallerypop div.main div.images {background:#fff;}
body#gallerypop div.thumbs ul {margin: 0;padding:0;}
body#gallerypop div.thumbs ul li {float:left;width: 60px;margin:0 13px 10px 0;}
body#gallerypop div.thumbs ul li a.selected img {border: 1px solid #000}
body#gallerypop div.thumbs ul li a img, body#gallerypop div.thumbs ul li a:visited img {width: 56px;height: 40px;border: 1px solid #fff;}
body#gallerypop div.thumbs ul li a:hover img, body#gallerypop div.thumbs ul li a:visited:hover img {border: 1px solid #000;}