/*! normalize.css v1.0.1 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline;zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
b,strong{font-weight:700}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;white-space:normal;margin-left:-7px;padding:0}
button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0}
button,input{line-height:normal}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type=checkbox],input[type=radio]{box-sizing:border-box;height:13px;width:13px;padding:0}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
body,figure,form{margin:0}
p,pre,dl,menu,ol,ul{margin:1em 0}
abbr{border-bottom:0}
/*! 960 http://960.gs/*/body{min-width:960px}
.container{margin-left:auto;margin-right:auto;width:960px}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px}
.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11{position:relative}
.alpha{margin-left:0}
.omega{margin-right:0}
.container .grid_1{width:60px}
.container .grid_2{width:140px}
.container .grid_3{width:220px}
.container .grid_4{width:300px}
.container .grid_5{width:380px}
.container .grid_6{width:460px}
.container .grid_7{width:540px}
.container .grid_8{width:620px}
.container .grid_9{width:700px}
.container .grid_10{width:780px}
.container .grid_11{width:860px}
.container .grid_12{width:940px}
.container .prefix_1{padding-left:80px}
.container .prefix_2{padding-left:160px}
.container .prefix_3{padding-left:240px}
.container .prefix_4{padding-left:320px}
.container .prefix_5{padding-left:400px}
.container .prefix_6{padding-left:480px}
.container .prefix_7{padding-left:560px}
.container .prefix_8{padding-left:640px}
.container .prefix_9{padding-left:720px}
.container .prefix_10{padding-left:800px}
.container .prefix_11{padding-left:880px}
.container .suffix_1{padding-right:80px}
.container .suffix_2{padding-right:160px}
.container .suffix_3{padding-right:240px}
.container .suffix_4{padding-right:320px}
.container .suffix_5{padding-right:400px}
.container .suffix_6{padding-right:480px}
.container .suffix_7{padding-right:560px}
.container .suffix_8{padding-right:640px}
.container .suffix_9{padding-right:720px}
.container .suffix_10{padding-right:800px}
.container .suffix_11{padding-right:880px}
.container .push_1{left:80px}
.container .push_2{left:160px}
.container .push_3{left:240px}
.container .push_4{left:320px}
.container .push_5{left:400px}
.container .push_6{left:480px}
.container .push_7{left:560px}
.container .push_8{left:640px}
.container .push_9{left:720px}
.container .push_10{left:800px}
.container .push_11{left:880px}
.container .pull_1{left:-80px}
.container .pull_2{left:-160px}
.container .pull_3{left:-240px}
.container .pull_4{left:-320px}
.container .pull_5{left:-400px}
.container .pull_6{left:-480px}
.container .pull_7{left:-560px}
.container .pull_8{left:-640px}
.container .pull_9{left:-720px}
.container .pull_10{left:-800px}
.container .pull_11{left:-880px}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:before,.clearfix:after,.container:before,.container:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}
.clearfix:after,.container:after{clear:both}
.clearfix,.container{zoom:1}
.ir{display:block;border:0;text-indent:-999em;overflow:hidden;background-color:transparent;background-repeat:no-repeat;text-align:left;direction:ltr;line-height:0}
.ir br{display:none}
.hidden{display:none!important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0000);height:1px;overflow:hidden;position:absolute;width:1px;margin:-1px;padding:0}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;overflow:visible;position:static;width:auto;margin:0}
.invisible{visibility:hidden}
@font-face{font-family:'BryantCondensed';src:url('fontfacefonts/bryant-regularcondensed-webfont.eot');src:url('fontfacefonts/bryant-regularcondensed-webfont.eot?#iefix') format('embedded-opentype'),url('fontfacefonts/bryant-regularcondensed-webfont.woff') format('woff'),url('fontfacefonts/bryant-regularcondensed-webfont.ttf') format('truetype'),url('fontfacefonts/bryant-regularcondensed-webfont.svg#BryantRegularCondensedRegular') format('svg');font-weight:400}
@font-face{font-family:'BryantCondensed';src:url('fontfacefonts/bryant-mediumcondensed-webfont.eot');src:url('fontfacefonts/bryant-mediumcondensed-webfont.eot?#iefix') format('embedded-opentype'),url('fontfacefonts/bryant-mediumcondensed-webfont.woff') format('woff'),url('fontfacefonts/bryant-mediumcondensed-webfont.ttf') format('truetype'),url('fontfacefonts/bryant-mediumcondensed-webfont.svg#BryantMediumCondensedRegular') format('svg');font-weight:600}
@font-face{font-family:'BryantCondensed';src:url('fontfacefonts/bryant-lightcondensed-webfont.eot');src:url('fontfacefonts/bryant-lightcondensed-webfont.eot?#iefix') format('embedded-opentype'),url('fontfacefonts/bryant-lightcondensed-webfont.woff') format('woff'),url('fontfacefonts/bryant-lightcondensed-webfont.ttf') format('truetype'),url('fontfacefonts/bryant-lightcondensed-webfont.svg#BryantLightCondensedRegular') format('svg');font-weight:300}
@font-face{font-family:'BryantCondensed';src:url('fontfacefonts/bryant-boldcondensed-webfont.eot');src:url('fontfacefonts/bryant-boldcondensed-webfont.eot?#iefix') format('embedded-opentype'),url('fontfacefonts/bryant-boldcondensed-webfont.woff') format('woff'),url('fontfacefonts/bryant-boldcondensed-webfont.ttf') format('truetype'),url('fontfacefonts/bryant-boldcondensed-webfont.svg#BryantBoldCondensedRegular') format('svg');font-weight:700}
.ellipsis{white-space:nowrap;overflow:hidden}
.ellipsis.multiline{white-space:normal}
body{font-size:13px;font-family:'Open Sans',sans-serif}
h1,h2,h3,h4{font-weight:normal;margin:0;color:#001c37}
h1{font-size:30px}
h2{font-size:20px}
h3{font-size:15px}
h4{font-size:1em;margin:0}
h5{font-size:.83em;margin:0}
h6{font-size:.75em;margin:0}
pre{font-family:'Open Sans',sans-serif}
h1{font-family:BryantCondensed,sans-serif;font-weight:600;font-size:34px}
hr{background-color:#e5e5e5;border:medium none;height:1px;margin-bottom:16px}
a{color:#001c37;text-decoration:underline;outline:0}
a:hover{color:#57c2ff}
a:active,a:focus{outline:0}
.liquid{width:auto;max-width:1160px;min-width:960px;margin:0 auto;z-index:10;position:relative}
.grid_4 .grid_4{margin:20px 0}
.container .grid_8{min-height:50px}
.ski .container .grid_8{min-height:550px}
.reset ul,.reset li{list-style:none;margin:0;padding:0}
.tabs ul{float:right;margin-top:-50px}
.tabs li{float:left;margin-right:10px}
.tabs a{display:block;line-height:28px;padding:0 9px 0 31px;background:#e0e20c url(img/bg-icons.png) no-repeat;border:solid 1px #ccce04;text-decoration:none}
.tabs a:hover{background-color:#57c2ff;border:solid 1px #57c2ff;color:#001c37}
li.stream a{background-position:-1px -1px}
li.video a{padding-left:33px;background-position:-1px -31px}
li.like a{padding-left:26px;background-position:-1px -61px}
li.twitter a{padding-left:35px;background-position:-1px -91px}
section{max-width:1160px;min-width:960px;margin:20px auto 0;z-index:8;position:relative}
section.surf-key{margin:0 auto 20px;background:#f3f3f3}
section h2{font-size:24px;padding-bottom:4px;border-bottom:solid 1px #e5e5e5;margin:20px 0}
.urban section h2,.rural section h2{font-family:BryantCondensed,sans-serif;font-weight:600;font-size:34px;margin:0 10px 20px}
section.single{margin-bottom:50px;z-index:0}
section.single h3{font-weight:bold;margin-top:20px}
section.single h4{font-weight:bold;margin-top:10px}
section.single label{font-weight:bold}
.mountain table{width:100%}
.mountain table th{background:#eee}
.mountain table th,.mountain table td{padding:5px 0;border:1px solid #ddd;width:16.66%;text-align:center}
.mountain table td h3{font-size:13px;padding:0;margin:0}
.mountain .issued{font-size:12px}
.mountain .container div table td{border:1px solid #cfcfcf;border-collapse:separate;padding:5px;text-align:center}
.mountain .container table td{vertical-align:middle!important}
.mountain .container table{clear:left}
.mountain .odd{background-color:#ebebeb}
.mountain .park-conditions{background-color:#fff}
.mountain .park-time{background-color:#ebebeb}
.mountain #data-missing-message{padding:30px 0 33px 0;font-size:15px}
.mountain .mtn-day-data{padding:0 0 22px 0}
.mountain .mtn-forecast-issued{float:right;font-size:12px}
.mountain .mtn-forecast-div{padding:20px 0 10px;margin:auto 0}
.mountain .mtn-forecast-icon{width:66px}
.mountain .mtn-forecast{display:inline;font-size:15px}
.mountain .mtn-fzl-statement{padding-top:5px;font-size:13px}
.mountain .mtn-table{padding:20px 0 33px}
.mountain .item{padding-bottom:12px}
.mountain .item .mtn-forecast{display:block;padding-top:5px;padding-bottom:5px}
#doc-funding-statement{padding-top:25px}
#mountain-loader{height:144px;background:url(img/loading.gif) no-repeat center center!important}
.mountain #link-to-extended-forecast{margin-top:30px;margin-bottom:30px;font-size:15px}
.mountain #forecast-5day{padding-bottom:15px}
.mountain .freezing-level{padding-bottom:5px}
.advertisement h3{font-weight:bold;height:36px;line-height:36px;background:#00274c;color:#fff;text-align:left;padding:0 10px}
.summary .widgets{margin-bottom:20px}
.widgets{display:inline;float:left}
.widget,.widget2,.widget3{display:inline;float:left}
.widget{width:140px}
.widget2{width:300px}
.widget3{width:450px}
.widget.w1{margin-right:20px}
.widgets h3{font-size:1em;font-weight:normal;background:#00274c;color:#fff;text-align:center;height:auto;line-height:normal;padding:0}
.widgets h3 a{display:block;line-height:24px;background:#00274c;color:#fff;border:solid 3px #00274c;text-decoration:none}
.widgets .swx h3 a{border:solid 3px #ff1901;background:#ff1901}
.widgets h3.webcam a{cursor:default}
iframe.snapit{cursor:pointer;border:0}
.widgets a.link{float:left;display:block;position:relative;width:100%}
.widgets a.link span{display:block;width:30px;height:30px;position:absolute;bottom:0;right:0;background:#00274c url(img/bg-icons.png) -160px -180px no-repeat}
.widgets img{float:left}
.widget:hover h3 a{background-color:#57c2ff;color:#001c37;border-color:#57c2ff}
.widget:hover a.link{width:134px;border:solid 3px #57c2ff;border-top:0;overflow:hidden}
.widget2:hover a.link{width:294px}
.widget3:hover a.link{width:244px}
.widget:hover a.link img{margin:0 -3px -3px}
.widget:hover a.link span{background:#57c2ff url(img/bg-icons.png) -160px -210px no-repeat;bottom:-3px;right:-3px}
a.webcam-link{display:block;width:32px;height:32px!important;position:absolute;bottom:0;right:0;background:#00274c url(img/bg-icons.png) -160px -180px no-repeat}
.widget:hover a.webcam-link,a.webcam-link:hover{background:#57c2ff url(img/bg-icons.png) -160px -210px no-repeat}
#feature_slots .widget iframe{width:140px;height:110px}
.widget iframe{width:300px;height:270px}
.widget .widget-img-wrapper{width:140px;height:110px;overflow:hidden;position:relative}
.widget .widget-img-wrapper a{height:110px}
.widget:hover .widget-img-wrapper a{height:107px}
.widget2 .widget-img-wrapper{width:300px;height:270px}
.widget_ski_snap .widget-img-wrapper{width:300px;height:293px}
.widget2 .widget-img-wrapper a{height:270px}
.widget2:hover .widget-img-wrapper a{height:267px}
.widget .widget-img-wrapper a.link img.south-island{position:absolute;bottom:0}
.no-whatson #blog{width:620px}
.w2,.w1{min-height:140px}
#real-time .widgets{width:450px;margin:0 10px}
#real-time .widget{margin-right:0}
#real-time .widget2{margin-right:10px}
#slot2,#slot5{margin-bottom:20px}
#news{background:#f3f3f3;padding:20px 0}
#news h2{margin:0 10px 20px}
#news .grid_8{margin:0;width:640px}
#news .grid_8 .grid_8{width:620px;margin:0 10px}
#news .grid_8 .grid_8 li{float:left;width:280px;margin-bottom:5px}
#news .grid_8 .grid_8 li.item1{margin-right:20px}
#news h3{font-size:1em;line-height:30px;font-weight:normal;padding:0 10px;background:#00274c;color:#fff;text-align:left}
#news h3 a{display:block;margin:0 -10px;padding:0 10px;background:url(img/bg-widget.png) right 0 no-repeat;color:#fff;text-decoration:none}
#news h3 a:hover{background-position:right -30px;background-color:#57c2ff;color:#001c37}
#news h4{font-weight:bold}
#news p{margin-top:0}
#news aside ul{margin-bottom:5px}
#news aside li{padding:10px 10px 5px;border-bottom:solid 1px #ebebeb}
#news.rural_news li{font-size:11px}
#news.rural_news h3{background-color:#fff;color:#001c37}
#blog li,#blog-news li,#blog-business li,#whatson li,#news.rural_news li{cursor:pointer}
#blog li:hover,#blog-news li:hover,#blog-business li:hover,#whatson li:hover,#news.rural_news li:hover{background:#57c2ff}
#news aside li a{color:#000}
#news aside li:hover a{color:#000}
#news aside li img{float:left;margin:0 10px 10px 0;max-width:90px;height:auto;width:auto}
p.meta{font-size:11px;margin:5px 0}
.rural #news h3{font-size:15px}
.rural #news h4{font-size:12.5px;margin-top:-6px}
#news .widget{position:relative;margin-bottom:10px}
#news .widget h3 a{background-position:right -3px}
#news .widget:hover h3 a{background-position:right -33px;background-color:#57c2ff;color:#001c37}
#news .caption{font-size:11px;line-height:1.4;width:280px;margin:0;padding:8px 10px;position:absolute;bottom:0;left:0;background:rgba(255,255,255,.3)}
#submit-your-photo{clear:both;display:inline-block;line-height:30px;padding:0 9px 0 31px;text-decoration:none;background:#00274c url(img/bg-icons.png) 0 -180px no-repeat;color:#e0e20c}
#submit-your-photo:hover{background-color:#57c2ff;color:#001c37;background-position:0 -210px}
.photo-week{background:#fff;padding:0}
.photo-week:hover{background:#57c2ff}
.photo-week ins{display:block!important}
#email_signup{clear:both;display:inline-block;line-height:30px;padding:0 9px 0 31px;text-decoration:none;background:#00274c url(img/bg-icons.png) 0 -180px no-repeat;color:#e0e20c}
#email_signup:hover{background-color:#57c2ff;color:#001c37;background-position:0 -210px}
#header{background:#00274c;color:#fff;line-height:29px;padding:6px 0}
#header .container{width:940px}
#logo{float:left;width:152px;height:29px;background:url(img/logo.png)}
#logo a{display:block;width:100%;height:100%;text-indent:-999px;overflow:hidden}
#utility{float:right}
.big-banner{height:auto;max-height:250px;overflow:hidden}
#header-promos{width:990px;margin:10px auto}
#header-promos div{display:table;margin:0 auto}
#header-promos ins,#header-promos iframe{margin:0 auto;display:block!important}
.advertisement .disclaimer{font-size:11px;line-height:1;margin:4px 0 5px;color:#666;text-align:right}
.urban .advertisement{margin-top:5px}
.grid_4 .promo{width:300px;height:auto}
.grid_4 .ruralpromoiefix{margin:0 0 12px 0\0/}
.promo>div{margin-bottom:20px}
.urban .promo>div{margin-bottom:24px}
.home .summary .promo{max-height:250px;overflow:hidden}
.urban .top-right-tile{top:-5px!important}
.rural .top-right-tile{top:3px!important}
.surf .top-right-tile{right:10px!important;top:-4px!important}
.waterRestrictionTile .ad_110_65{right:70px;top:-9px}
.rural .advertisement-label{margin:0 10px;font-size:11px;line-height:1;margin:4px 0 5px;color:#666;text-align:right}
.mtn_aval_sum{position:absolute;left:640px;top:-14px;margin-right:0;margin-bottom:0;overflow:hidden;text-align:right;height:auto}
#primary{background:#f5f5f5;font-size:15px;background-position:right;background-repeat:no-repeat}
#primary .container{position:relative;width:940px}
#primary ul,#primary li{list-style:none;margin:0;padding:0}
#primary li{float:left}
#primary a{float:left;display:block;color:#000;text-decoration:none}
#primary a.level1{font-family:BryantCondensed,Arial,sans-serif;font-size:18px;line-height:40px;padding:0 15px}
#primary a.active{background-color:#001c37;color:#fff;font-weight:bold}
#primary a.level1:hover,#primary li:hover a.level1{background-color:#57c2ff;color:#001c37}
#primary a.level1:active,#primary a.level1:focus{outline-style:none}
#primary li.home a{display:block;width:20px;height:40px;padding:0 15px 0 0;background:url(img/bg-nav-home.png) 0 0 no-repeat;text-indent:-999px;overflow:hidden}
#primary li.home a:hover{background:url(img/bg-nav-home.png) 0 -40px no-repeat}
#primary .dropnav{width:920px;min-height:200px;background:#fff;border:solid 10px #57c2ff;overflow:hidden;position:absolute;top:40px;left:-999em}
#marine-dropdown.dropnav{height:365px}
.dropnav .links{width:880px;min-height:200px;padding:20px 20px 70px}
.dropnav .menu .links{padding-left:0;padding-right:0}
#rural-dropdown .links{height:377px;padding:20px 10px 0 20px;width:510px}
#primary .map{position:absolute;top:0;right:0;width:380px;height:100%;overflow:visible;z-index:100;background:#57c2ff url(img/sprite-3.0.287.png) 0 -600px no-repeat}
#primary #coastal-map{background-position:30px -600px}
#primary .map .overlay{width:100%;height:100%;z-index:101;background:url(img/sprite-3.0.287.png) -380px -600px no-repeat}
#primary #mountains-dropdown .map{background-position:40px -600px;width:430px}
#primary .map #ski-overlay{width:100%;height:100%;z-index:101;background:url(img/skimap.png) 70px 133px no-repeat}
.summary .map{position:relative;width:380px;height:415px;margin-left:200px;overflow:visible;background:url(img/sprite-3.0.287.png) -800px -600px no-repeat}
#primary .map div,.summary .map div{position:absolute}
#primary .map a,.summary .map a{display:inline-block;position:relative;overflow:visible;white-space:nowrap;font-size:12px;font-weight:600;color:#fff;padding:2px;line-height:1;text-decoration:none}
#primary .map a:hover{color:#001c37}
.summary .map a:hover{color:#57c2ff}
.map span{position:absolute;display:block;width:36px;height:32px;padding:0;background:url(img/sprite-3.0.287.png) 36px 32px no-repeat}
.map span{top:-6px}
#rm-northland{left:215px;top:30px}
#rm-northland span{left:-34px}
#rm-auckland{right:180px;top:60px}
#rm-auckland span{right:-34px}
#rm-waikato{right:165px;top:90px}
#rm-waikato span{right:-34px}
#rm-coromandel{left:258px;top:65px}
#rm-coromandel span{left:-34px}
#rm-bay-of-plenty{left:290px;top:102px}
#rm-bay-of-plenty span{left:-34px}
#rm-hawkes-bay{left:288px;top:130px}
#rm-hawkes-bay span{left:-34px}
#rm-taranaki{right:189px;top:132px}
#rm-taranaki span{right:-34px}
#rm-manawatu{right:160px;top:160px}
#rm-manawatu span{right:-34px}
#rm-wairarapa{left:262px;top:180px}
#rm-wairarapa span{left:-34px}
#rm-nelson{right:220px;top:190px}
#rm-nelson span{right:-34px}
#rm-westland{right:263px;top:225px}
#rm-westland span{right:-34px}
#rm-marlborough{left:215px;top:202px}
#rm-marlborough span{left:-34px}
#rm-christchurch{left:185px;top:243px}
#rm-christchurch span{left:-34px}
#rm-canterbury-plains{left:161px;top:267px}
#rm-canterbury-plains span{left:-34px;top:-16px}
#rm-central-otago{left:116px;top:290px}
#rm-central-otago span{left:-32px}
#rm-clutha{left:115px;top:327px}
#rm-clutha span{left:-34px;top:-13px}
#rm-southern-lakes{left:15px;top:266px}
#rm-southern-lakes span{left:44px;top:13px}
#rm-southland{left:15px;top:336px}
#rm-southland span{top:-28px;left:35px}
#tc-whangarei{left:225px;top:30px}
#tc-whangarei span{left:-34px}
#tc-auckland{right:178px;top:62px}
#tc-auckland span{right:-34px}
#tc-tauranga{left:270px;top:78px}
#tc-tauranga span{left:-31px;top:3px}
#tc-hamilton{right:170px;top:92px}
#tc-hamilton span{right:-34px}
#tc-napier{left:286px;top:135px}
#tc-napier span{left:-34px}
#tc-new-plymouth{right:191px;top:125px}
#tc-new-plymouth span{right:-34px}
#tc-palmerston-north{left:258px;top:160px}
#tc-palmerston-north span{left:-34px}
#tc-wellington{left:240px;top:188px}
#tc-wellington span{left:-34px}
#tc-nelson{right:220px;top:190px}
#tc-nelson span{right:-34px}
#tc-greymouth{right:257px;top:220px}
#tc-greymouth span{right:-34px}
#tc-blenheim{left:212px;top:210px}
#tc-blenheim span{left:-31px;top:-18px}
#tc-christchurch{left:185px;top:243px}
#tc-christchurch span{left:-34px}
#tc-dunedin{left:137px;top:307px}
#tc-dunedin span{left:-34px}
#tc-queenstown{left:10px;top:268px}
#tc-queenstown span{left:53px;top:15px}
#tc-invercargill{left:88px;top:325px}
#tc-invercargill span{left:-34px;top:-8px}
#tc-stewart-island{left:70px;top:345px}
#tc-stewart-island span{left:-34px}
#tc-chatham-islands{right:10px;top:275px}
#tc-chatham-islands span{right:-34px}
#cm-brett{left:230px;top:5px}
#cm-kaipara{right:170px;top:40px}
#cm-colville{left:260px;top:32px}
#cm-plenty{left:280px;top:70px}
#cm-raglan{right:140px;top:93px}
#cm-portland{left:310px;top:145px}
#cm-stephens{right:170px;top:140px}
#cm-castlepoint{left:280px;top:200px}
#cm-cook{left:225px;top:185px}
#cm-abel{right:158px;top:175px}
#cm-conway{left:210px;top:250px}
#cm-grey{right:230px;top:215px}
#cm-rangitata{left:180px;top:285px}
#cm-milford{right:305px;top:265px}
#cm-chalmers{left:152px;top:325px}
#cm-foveaux{left:102px;top:350px}
#cm-puysegur{left:10px;top:330px}
#cm-chatham-islands{right:0;top:260px}
#coastal-map .warning a span{width:14px;height:13px;top:0;right:-15px;background-position:-600px -542px}
#ski-map a{z-index:102;position:absolute!important}
.lt-ie9 #ski-map a{font-size:10px}
#sm-broken-river{left:100px;top:37px}
#sm-craigieburn{left:100px;top:55px}
#sm-mt-cheeseman{left:100px;top:73px}
#sm-mt-hutt{left:100px;top:91px}
#sm-mt-olympus{left:100px;top:109px}
#sm-porters{left:100px;top:127px}
#sm-temple-basin{left:100px;top:145px}
#sm-cardrona{left:10px;top:164px}
#sm-coronet-peak{left:10px;top:181px}
#sm-the-remarkables{left:10px;top:199px}
#sm-snow-farm{left:10px;top:218px}
#sm-snow-park{left:10px;top:218px}
#sm-treble-cone{left:10px;top:235px}
#sm-whakapapa{left:282px;top:117px}
#sm-hanmer-springs{left:227px;top:227px}
#sm-turoa{left:280px;top:148px}
#sm-mt-lyford{left:230px;top:214px}
#sm-roundhill{left:107px;top:240px}
#sm-manganui{left:210px;top:150px}
#sm-ohau{left:134px;top:282px}
#sm-tukino{left:297px;top:133px}
#sm-fox-peak{left:182px;top:255px}
#sm-rainbow{left:190px;top:181px}
#sm-mt-dobson{left:170px;top:269px}
.map .cloudy span,span.icon.cloudy{background-position:0 -1000px}
.map .drizzle span{background-position:-40px -1000px}
.map .few-showers span{background-position:-80px -1000px}
.map .fine span,span.icon.fine{background-position:-120px -1000px}
.map .fog span{background-position:-160px -1000px}
.map .hail span{background-position:-200px -1000px}
.map .partly-cloudy span{background-position:-240px -1000px}
.map .rain span,span.icon.rain{background-position:-280px -1000px}
.map .showers span,span.icon.showers{background-position:-320px -1000px}
.map .snow span{background-position:-360px -1000px}
.map .thunder span{background-position:-400px -1000px}
.map .wind span,.map .windy span,span.icon.wind{background-position:-440px -1000px}
#primary ul ul{font-size:13px}
#primary li li a{line-height:22px}
#primary .links li a:hover{text-decoration:underline}
#primary ul.menu{height:30px;margin:0 10px 20px 20px;position:relative;top:20px;overflow:visible}
#primary a.menu-tab,#primary .default.off a.menu-tab{background-color:#ebebeb;color:#000;font-weight:bold;line-height:30px;padding:0 10px;margin-right:2px}
#primary .default a.menu-tab{background-color:#001c37;color:#fff}
#primary li.tab .links{position:absolute;top:30px;left:-999px;background:#fff;width:880px;min-height:170px;border-top:solid 1px #001c37;padding-top:15px}
#primary li.tab:hover a.menu-tab{background-color:#001c37;color:#fff}
#primary li.default .links{left:0}
#primary li.link-tab:hover a.menu-tab{background-color:#001c37;color:#fff}
#primary .links li{height:18px;margin-bottom:4px;overflow:visible;white-space:nowrap}
.links ul li{width:20%}
.links ul li a{line-height:18px}
.links ul li.header{width:100%;font-weight:bold}
.fourcol{float:left;width:80%}
.links .fourcol li{width:25%}
.threecol{float:left;width:60%}
.links .threecol li{width:33%}
.links .threecol.narrow li{width:30%}
.twocol{float:left;width:40%}
.links .twocol li{width:50%}
.onecol{float:left;width:20%}
.links .onecol li{width:100%}
.wide{width:100%}
.ski section.wide{padding-top:0}
#marine-dropdown .recreational.threecol{width:100%}
#rural-dropdown .twocol{width:67%}
#rural-dropdown .onecol,#towns-dropdown .onecol{width:33%}
#towns-dropdown ul.menu{width:510px}
#towns-dropdown li.tab .links{width:510px;padding-bottom:105px}
.nav-second{position:absolute;bottom:20px;left:20px;width:510px}
#primary .nav-second a{padding:0 10px 0 32px;margin:5px 5px 0 0;line-height:30px;white-space:nowrap;background:#001c37 url(img/bg-icons.png) -160px -180px no-repeat;color:#fff}
#primary .nav-second a:hover{background-color:#57c2ff;background-position:-160px -210px;color:#001c37}
.dropnav form{float:left;width:100%;line-height:26px;margin:5px 0 15px}
.dropnav input{float:left;font-family:'Open Sans',sans-serif;background:#f2f2f2;color:#666;border:solid 1px #dfdfdf;padding:4px 3px;line-height:18px;border-radius:0}
.dropnav input.strname{width:300px}
.dropnav input.submit{width:28px;height:28px;border:0;text-indent:-999px;overflow:hidden;background:#001c37 url(img/bg-icons.png) -190px -0px}
.dropnav input.submit:hover{background:#57c2ff url(img/bg-icons.png) -190px -30px}
.ac_results{padding:0;border:1px solid #dfdfdf;border-top:0;background-color:white;overflow:hidden;z-index:99999}
.ac_results ul{list-style:none;padding:0;margin:0}
.ac_results li{margin:0;padding:2px 5px;cursor:default;display:block;font-size:13px;line-height:20px;overflow:hidden}
.ac_loading{background:white url('/assets/img/loader.gif') right center no-repeat}
.ac_results strong{color:#00274c}
.ac_results .ac_over{background-color:#57c2ff;color:#001c37}
.ac_results .ac_over strong{color:#fff}
#primary .ac_results{width:334px!important;left:0!important;top:48px!important}
#primary .ac_results li{float:none!important;width:auto!important;height:auto}
#primary #mountains-dropdown{height:365px}
#primary #towns-dropdown{height:390px}
#primary #maps-radar-dropdown{width:890px;min-height:140px;padding:20px 10px 50px 20px}
#primary #tv-dropdown{width:880px;min-height:140px;padding:20px 20px 0}
.dropnav .tiles li{width:140px;height:140px}
.dropnav .tiles a{position:relative;width:134px;height:134px;padding:3px;background:url(img/bg-nav-tiles-3.0.287.jpg) 134px 134px no-repeat}
.dropnav .tiles a:hover{border:solid 3px #57c2ff;padding:0;text-decoration:none!important}
.dropnav .tiles span.title{display:block;line-height:30px;margin:-3px -3px 0;background:#00274c;color:#fff;text-decoration:none;text-align:center}
.dropnav .tiles .swx span.title{background:#ff1901}
.dropnav .tiles span.link{display:block;width:30px;height:30px;position:absolute;bottom:0;right:0;background:#00274c url(img/bg-icons.png) -160px -180px no-repeat}
.dropnav .tiles a:hover span.title{background-color:#57c2ff;color:#001c37}
.dropnav .tiles a:hover span.link{background-color:#57c2ff;background-position:-160px -210px;bottom:-3px;right:-3px}
#maps-radar-dropdown li{margin-right:10px}
#maps-radar-dropdown .tiles li{margin-bottom:10px}
.dropnav .rain-radar a{background-position:0 0}
.dropnav .rain-3 a{background-position:-160px 0}
.dropnav .rain-7 a{background-position:-320px 0}
.dropnav .isobar a{background-position:-480px 0}
.dropnav .satellite a{background-position:-640px 0}
.dropnav .marine a{background-position:-800px 0}
.dropnav .rain-radar a:hover{background-position:-3px -3px}
.dropnav .rain-3 a:hover{background-position:-163px -3px}
.dropnav .rain-7 a:hover{background-position:-323px -3px}
.dropnav .isobar a:hover{background-position:-483px -3px}
.dropnav .satellite a:hover{background-position:-643px -3px}
.dropnav .marine a:hover{background-position:-803px -3px}
#maps-radar-dropdown .nav-second{left:20px;bottom:20px}
#maps-radar-dropdown .tiles li.national{float:left;width:406px;height:260px;margin-left:0!important;margin-right:30px}
#maps-radar-dropdown .national a{width:400px;height:254px;background-position:-320px -440px}
#maps-radar-dropdown .national a:hover{background-position:-323px -443px}
#tv-dropdown .tiles li{float:right;margin:0 0 20px 20px}
.dropnav .auckland a{background-position:0 -140px}
.dropnav .auckland a:hover{background-position:-3px -143px}
.dropnav .wellington a{background-position:-160px -140px}
.dropnav .wellington a:hover{background-position:-163px -143px}
.dropnav .christchurch a{background-position:0 -300px}
.dropnav .christchurch a:hover{background-position:-3px -303px}
.dropnav .rural a{background-position:-160px -300px}
.dropnav .rural a:hover{background-position:-163px -303px}
#tv-dropdown .tiles li.national{float:left;width:460px;height:260px;margin-left:0!important}
.dropnav .national a{width:454px;height:254px;background-position:-320px -140px}
.dropnav .national a:hover{background-position:-323px -143px}
#tv-dropdown span.link{background-position:-160px -120px}
#tv-dropdown a:hover span.link{background-position:-160px -150px}
#tv-dropdown .nav-second a{background-position:-160px -120px}
#tv-dropdown .nav-second a:hover{background-position:-160px -150px}
#tv-dropdown .nav-second a.all{background-position:-160px -180px}
#tv-dropdown .nav-second a.all:hover{background-position:-160px -210px}
.grid_4.dropnav .tiles li{float:left;margin-right:20px;margin-bottom:20px}
.grid_4.dropnav .tiles li.odd{margin-right:0}
.grid_4.dropnav .tiles a{display:block;text-decoration:none}
.grid_4.dropnav .national a{width:134px;height:134px;background-position:-800px -410px}
.grid_4.dropnav .national a:hover{background-position:-803px -413px}
.warnings #swx_header{background:#ff1901}
#swx_header h1{color:#fff;padding:25px 0;margin-left:12px}
#swx_index ul{float:left;width:240px;border-right:1px solid #1a334b;line-height:25px}
#swx_index ul li.last{margin-bottom:25px}
#swx_index ul li a{color:#fff;text-decoration:none}
#swx_index li a span{display:block;width:20px;height:20px;float:left;background:0}
#swx_index li.active a span{background:url(img/sprite-3.0.287.png) -630px -537px}
#swx_map{display:block;width:715px;height:384px;background:url(img/swx_map.png) no-repeat 0 0;margin-left:240px;position:relative}
#swx_map .point{width:20px;height:20px;position:absolute;background:url(img/sprite-3.0.287.png) no-repeat 0 -480px}
.marine-map a.active span.warning,.marine-map a:hover span.warning{background-color:#fff}
#swx_map .point.swx,#swx_map .point.issue{background-position:-40px -370px}
#swx_map .point.roadsnow{background-position:-20px -350px}
#swx_map .point.snowfall{background-position:-20px -370px}
#swx_map .point.thunderstorm{background-position:-80px -350px}
#swx_map .point.storm{background-position:0 -410px;width:28px;height:28px}
.marine-map span.gale,#swx_map .point.gale{background-position:-90px -410px;width:28px;height:28px}
#swx_map .point.iceaccretion{background-position:-90px -440px;width:28px;height:28px}
#swx_map .point.tcgale,#swx_map .point.tcstorm,#swx_map .point.tchurricane{background-position:0 -440px;width:28px;height:28px}
.marine-map span.warning{display:none;width:28px;height:28px;padding:1px 0 1px 1px;position:absolute;left:-30px;top:0;background:#00274c url(img/sprite-3.0.287.png) no-repeat 50px 50px}
.marine-map span.gale{background-position:-90px -410px}
.marine-map span.storm{background-position:0 -410px}
.marine-map span.iceaccretion{background-position:-90px -440px}
.marine-map span.tcgale,.marine-map span.tcstorm,.marine-map span.tchurricane{background-position:0 -440px}
section#swx_key{background:#f3f3f3 url(img/keys/swx_key.png) no-repeat 50% 10%;margin:0 auto;padding-top:100px}
section#swx_key a.subscribe{display:block;width:144px;height:30px;margin:10px 0 20px;background:url(img/subscribe.png) no-repeat 0 0}
section#swx_key a.subscribe:hover{background-position:0 -30px}
.swx_terms li{margin-bottom:20px}
#swx-warnings{background:#efefef;color:#666;border:solid 1px #e5e5e5;line-height:28px}
#swx-warnings.active{background:#ff1901;border-width:1px 0 1px 0}
#swx-warnings .container{width:940px;padding:3px 0}
#swx-warnings a{text-decoration:none}
#swx-warnings.active{color:#fff}
#swx-text .active,#swx-warnings.active a,#swx-warnings.active li{color:#fff}
#swx-warnings ul{margin:0;list-style-type:none;width:675px}
#swx-warnings li{float:left;width:220px}
#swx-warnings li.no-warnings{float:left;width:600px}
#swx-warnings li a{padding-left:20px;background:url(img/sprite-3.0.287.png) -630px -540px}
#swx-warnings .container.warnings-with-update{margin-left:76px;width:905px}
#swx-warnings-latest-info{float:left;padding:12px 7px 0 7px;color:#fff;font-size:9px;line-height:12px}
#footer{clear:both;background:#001c37;color:#bccbd9;padding:0 0 80px;position:relative;z-index:0}
#footer .liquid{background:#00274c;padding-bottom:30px}
.lt-ie8 #footer{position:relative;overflow:hidden}
.lt-ie8 #footer .liquid{position:relative;overflow:hidden}
.ie8compat #footer .liquid{position:static}
#footer .container{margin-left:auto;margin-right:auto}
#footer a{color:#bccbd9;text-decoration:none}
#footer a:hover{text-decoration:underline}
#footer .warnings a{color:#e91515!important}
#footer h3{color:#fff;font-size:20px;margin-bottom:15px}
#footer h4{color:#fff;font-weight:bold;margin:15px 0 7px}
#footer .grid_2 li{margin-bottom:5px}
#footer .grid_2.first{font-weight:bold}
#footer .grid_2.first li{margin-top:15px}
#footer .grid_2.first li.warnings{margin-top:0}
#footer .grid_2.first a{color:#fff}
#footer .grid_2.first li li{font-weight:normal;margin:0 0 5px}
#footer .grid_2.first li li a{color:#bccbd9}
#footer .disclaimer{color:#536e88;width:750px;padding:25px 190px 0 0;margin-top:0;position:relative}
#footer .disclaimer p{margin-top:0}
#footer .disclaimer img{position:absolute;right:0;top:25px}
#utility-bottom{width:940px;padding:30px 0;border-bottom:solid 1px #1a3d5e;margin:0 10px 30px}
#utility-bottom form{float:right}
.utility{line-height:29px}
.utility ul,.utility li{float:left;margin:0;padding:0;list-style:none;vertical-align:middle}
.utility li{margin-right:20px}
.utility a{color:#fff;text-decoration:none}
.utility a:hover{color:#57c2ff}
.utility form{float:left;line-height:28px;vertical-align:middle}
.utility input{float:left;font-family:'Open Sans',sans-serif;background:#0f1f3a;color:#fff;border:solid 2px #1a3d5e;padding:4px;line-height:18px;border-radius:0}
.utility input:focus{border-color:#57c2ff}
.utility input.submit{width:30px;height:30px;padding:0;border:0;text-indent:-999px;overflow:hidden;background:#1a3d5e url(img/bg-icons.png) no-repeat -190px -0px}
.utility input.submit:hover{background-color:#57c2ff;background-position:-190px -30px}
.search #next{float:right}
.search h2{font-family:'Open Sans',Arial,sans-serif;font-size:20px;font-weight:normal}
.summary{background:#001c37;color:#fff;margin-top:0!important;padding:25px 0;position:relative;z-index:9}
.summary .container{position:relative;width:940px}
.summary h1{color:#fff;line-height:1}
.urban .summary{padding-bottom:21px}
.urban .summary .container,.rural .summary .container,.home .summary .container,.surf.summary .container,.summary.wide .container,#swx_index .container{width:960px}
.title-only .container{width:940px!important}
section#swx_header{margin-top:0}
.urban h1{display:inline}
.maps .summary h1,.marine .summary h1,.rural h1{float:left}
.marine .summary.surf h1{float:none}
.surf.summary .container h1{margin:0 10px}
.surf.summary .advertisement{margin-top:-10px}
.surf.five-day .advertisement{margin-top:-20px}
#forecast{font-size:11px;line-height:1.28}
#forecast{display:inline;float:left;width:940px;margin:0 10px;z-index:1;position:relative}
#forecast .grid_1{width:73px;padding:10px 10px 32px;margin:0;background:#fff;color:#000;border:solid 1px #ebebeb;border-right:0}
.ten-day .grid_1 p{margin:30px 0}
#forecast #extended h2{display:none}
#forecast .grid_1 h3{font-size:14px;line-height:1;font-weight:bold;margin-bottom:0}
.lt-ie9 #forecast .grid_1 h3{font-size:13px}
.forecast p{font-size:11px}
.issued label{display:block;font-weight:bold}
.ten-day .grid_1{position:relative}
.ten-day .issued{position:absolute;left:9px;bottom:10px}
.urban-loading #current,.urban-loading #feature_slots{display:none!important}
.urban-loading #forecast{min-height:371px;zoom:1;filter:alpha(opacity=0);opacity:0}
.five-day #forecast{width:522px;margin:0}
.five-day #forecast .grid_1{width:78px;height:170px;overflow:hidden;color:#fff;margin:0 8px 8px 0;padding:7px 10px 0;border:0;background-color:#06315a;background-image:-moz-linear-gradient(top,#06315a,#00274c);background-image:-webkit-linear-gradient(top,#06315a,#00274c)}
.five-day #extended .grid_1{cursor:pointer}
.five-day #forecast .grid_1 h3{color:#fff}
.five-day #forecast .grid_1:hover{height:167px;padding:4px 7px 0;border:solid 3px #57c2ff}
.five-day #forecast .grid_1.active{background:#fff;color:#000;border-color:#fff;height:178px;margin-bottom:0;overflow:visible}
.five-day #forecast .grid_1.active:hover{height:178px;border:0;padding:7px 10px 0;cursor:auto}
.five-day #forecast .grid_1.active h3{color:#000}
.five-day #forecast .day5{margin-right:0!important}
.five-day #forecast .surf-conditions .grid_1{width:51px;margin:0 4px 0 0}
.five-day #forecast .surf-conditions .grid_1.day5{width:52px}
.surf .five-day #forecast .surf-conditions .grid_1{height:131px}
.surf .five-day #forecast .surf-conditions .grid_1:hover{height:128px}
.surf .five-day #forecast .surf-conditions .active{height:135px;margin-bottom:0}
.surf .five-day #forecast .surf-conditions .active:hover{height:135px}
.boat .five-day #forecast .surf-conditions .grid_1{height:76px}
.boat .five-day #forecast .surf-conditions .grid_1:hover{height:73px}
.boat .five-day #forecast .surf-conditions .active{height:80px;margin-bottom:0}
.boat .five-day #forecast .surf-conditions .active:hover{height:80px}
.five-day .forecast{background:url(img/forecasts/national-2014.jpg) no-repeat 500px 0}
.five-day .cloudy .forecast{background-position:0 -720px}
.five-day .drizzle .forecast{background-position:0 -120px}
.five-day .few-showers .forecast{background-position:0 -240px}
.five-day .fine .forecast{background-position:0 -360px}
.five-day .fog .forecast{background-position:0 -480px}
.five-day .hail .forecast{background-position:0 -600px}
.five-day .partly-cloudy .forecast{background-position:0 0}
.five-day .rain .forecast{background-position:0 -840px}
.five-day .showers .forecast{background-position:0 -240px}
.five-day .snow .forecast{background-position:0 -1080px}
.five-day .thunder .forecast{background-position:0 -1200px}
.five-day .windy .forecast,.five-day .wind .forecast{background-position:0 -1320px}
.five-day #forecast .extra{display:none;padding-bottom:30px}
.five-day .wellington .cloudy .forecast,.five-day .wellington .fine .forecast,.five-day .wellington .windy .forecast,.five-day .wellington .wind .forecast,.five-day .wellington .fog .forecast,.five-day .wellington .partly-cloudy .forecast{background:url(img/forecasts/wellington-2014.jpg) no-repeat 500px 0}
.five-day .wellington .cloudy .forecast{background-position:0 0}
.five-day .wellington .fine .forecast{background-position:0 -120px}
.five-day .wellington .windy .forecast,.five-day .wellington .wind .forecast{background-position:0 -240px}
.five-day .wellington .fog .forecast{background-position:0 -360px}
.five-day .wellington .partly-cloudy .forecast{background-position:0 -480px}
.five-day .auckland .cloudy .forecast,.five-day .auckland .fine .forecast,.five-day .auckland .windy .forecast,.five-day .auckland .wind .forecast,.five-day .auckland .partly-cloudy .forecast{background:url(img/forecasts/auckland-2014.jpg) no-repeat 500px 0}
.five-day .auckland .cloudy .forecast{background-position:0 0}
.five-day .auckland .fine .forecast{background-position:0 -120px}
.five-day .auckland .windy .forecast,.five-day .auckland .wind .forecast{background-position:0 -240px}
.five-day .auckland .partly-cloudy .forecast{background-position:0 -360px}
.five-day .christchurch .cloudy .forecast,.five-day .christchurch .fine .forecast,.five-day .christchurch .fog .forecast,.five-day .christchurch .partly-cloudy .forecast{background:url(img/forecasts/christchurch-2014.jpg) no-repeat 500px 0}
.five-day .christchurch .cloudy .forecast{background-position:0 0}
.five-day .christchurch .fine .forecast{background-position:0 -120px}
.five-day .christchurch .fog .forecast{background-position:0 -240px}
.five-day .christchurch .partly-cloudy .forecast{background-position:0 -360px}
.five-day .dunedin .cloudy .forecast,.five-day .dunedin .fine .forecast,.five-day .dunedin .fog .forecast,.five-day .dunedin .partly-cloudy .forecast{background:url(img/forecasts/dunedin-2014.jpg) no-repeat 500px 0}
.five-day .dunedin .cloudy .forecast{background-position:0 0}
.five-day .dunedin .fine .forecast{background-position:0 -120px}
.five-day .dunedin .fog .forecast{background-position:0 -240px}
.five-day .dunedin .partly-cloudy .forecast{background-position:0 -360px}
.five-day .hamilton .cloudy .forecast,.five-day .hamilton .fine .forecast,.five-day .hamilton .fog .forecast,.five-day .hamilton .partly-cloudy .forecast{background:url(img/forecasts/hamilton-2014.jpg) no-repeat 500px 0}
.five-day .hamilton .cloudy .forecast{background-position:0 0}
.five-day .hamilton .fine .forecast{background-position:0 -120px}
.five-day .hamilton .fog .forecast{background-position:0 -240px}
.five-day .hamilton .partly-cloudy .forecast{background-position:0 -360px}
.five-day .fine .forecast.kiwicare,.five-day .wellington .fine .forecast.kiwicare,.five-day .auckland .fine .forecast.kiwicare,.five-day .christchurch .fine .forecast.kiwicare,.five-day .dunedin .fine .forecast.kiwicare,.five-day .forecast.kiwicare{background-position:0 0;background:url(img/forecasts/kiwicare/kiwicare.jpg) no-repeat 0 0;!important}
.urban .summary .widgets,.urban .summary .advertisement,.urban .summary .hour-by-hour{display:none}
.urban .five-day .widgets,.urban .five-day .advertisement{display:inline}
.urban .five-day .hour-by-hour{display:block}
.related_ski_forecasts .icon,.grid_1 .icon{width:60px;height:57px;margin:3px 0;text-indent:-999px;overflow:hidden;background:url(img/sprite-3.0.287.png) 60px 57px no-repeat;display:block}
.cloudy .icon{background-position:0 0}
.drizzle .icon{background-position:-60px 0}
.few-showers .icon{background-position:-120px 0}
.fine .icon{background-position:-180px 0}
.fog .icon{background-position:-240px 0}
.hail .icon{background-position:-300px 0}
.partly-cloudy .icon{background-position:-360px 0}
.rain .icon{background-position:-420px 0}
.showers .icon{background-position:-480px 0}
.snow .icon{background-position:-540px 0}
.thunder .icon{background-position:-600px 0}
.windy .icon,.wind .icon{background-position:-660px 0}
.sml .icon{width:35px;height:35px;margin-bottom:0}
.cloudy.sml .icon{background-position:0 -60px}
.drizzle.sml .icon{background-position:-60px -60px}
.few-showers.sml .icon{background-position:-120px -60px}
.fine.sml .icon{background-position:-180px -60px}
.fog.sml .icon{background-position:-240px -60px}
.hail.sml .icon{background-position:-300px -60px}
.partly-cloudy.sml .icon{background-position:-360px -60px}
.rain.sml .icon{background-position:-420px -60px}
.showers.sml .icon{background-position:-480px -60px}
.snow.sml .icon{background-position:-540px -60px}
.thunder.sml .icon{background-position:-600px -60px}
.windy.sml .icon,.wind.sml .icon{background-position:-660px -60px}
.tiny .icon{width:25px;height:20px;margin-bottom:0}
.cloudy.tiny .icon{background-position:0 -102px}
.drizzle.tiny .icon{background-position:-60px -102px}
.few-showers.tiny .icon{background-position:-120px -102px}
.fine.tiny .icon{background-position:-180px -102px}
.fog.tiny .icon{background-position:-240px -102px}
.hail.tiny .icon{background-position:-300px -102px}
.partly-cloudy.tiny .icon{background-position:-360px -102px}
.rain.tiny .icon{background-position:-420px -102px}
.showers.tiny .icon{background-position:-480px -102px}
.snow.tiny .icon{background-position:-540px -102px}
.thunder.tiny .icon{background-position:-600px -102px}
.windy.tiny .icon,.wind.tiny .icon{background-position:-660px -102px}
.high,.low{font-size:15px;font-weight:bold;line-height:1;margin:0 0 10px}
.high label,.low label{display:block;font-size:11px;line-height:14px;font-weight:normal!important}
.five-day #extended{display:inline;float:left;width:522px}
.five-day #extended .wrapper{height:379px;position:relative}
.marine .five-day #extended .wrapper{height:auto;margin:0}
.five-day #extended .forecast{display:none}
.five-day #extended .active .forecast{display:block;width:502px;height:120px;position:absolute;bottom:0;left:0;color:#999;border:solid 10px #fff;border-top-width:64px}
.five-day .forecast .content{position:absolute;top:-54px;left:0;width:482px;padding:10px;background:#00274c;color:#fff;line-height:1.2}
.urban .five-day .forecast p{font-size:16px;line-height:1;margin:0 0 5px}
#current{display:none;float:left;width:100px;margin:0 8px 0 10px;font-size:11px;line-height:1.28;overflow:visible}
.five-day #current{display:inline}
.marine #current{display:block}
#current .temperature{position:relative;min-height:270px;padding:0 0 18px 20px;background:url(img/bg-temperature.png) 0 0 no-repeat}
#now-high,#now-low{font-size:13px}
#now-high.show-label,#now-low.show-label{font-size:15px}
#now-low{position:absolute;bottom:0;left:20px}
#now-high label,#now-low label{display:none}
#now-actual{margin:20px 0 15px -9px;padding:0 0 15px 9px;border-bottom:solid 1px #183149}
#current .big label{display:block;margin-bottom:20px;clear:left}
#current .big abbr{font-size:18px}
#now-actual span{display:block;width:80px;height:20px;background-position:-4px -112px;margin-bottom:5px}
#now-actual label,#feels-like label{display:block;font-size:11px;font-weight:normal}
#feels-like{font-size:15px;font-weight:bold}
#feels-like span{display:block;width:80px;height:20px;background-position:-4px -72px}
#clothing,#windproof{font-weight:bold;margin-top:10px}
#aws-message{margin-top:10px}
#clothing{padding-top:42px;position:relative}
#clothing span.layer,#clothing span.windproof{display:block;width:35px;height:35px;position:absolute;top:0;background:url(img/sprite-3.0.287.png) no-repeat -800px 0}
#clothing span.windproof{background-position:-750px 0}
#clothing label,#windproof label{font-weight:normal}
.obs{font-weight:bold;margin-top:20px}
.obs div{margin-bottom:5px}
.obs p{margin:0;font-weight:normal}
#wind div{width:100px}
#obs-wind-text{background-position:-5px 0}
#obs-wind-gust{background-position:-5px -22px}
#obs-wind-dir{background-position:-5px -38px}
#towns-cities-header{margin:0 10px 20px;position:relative}
#towns-cities-header h1.subregions{float:left}
#region-locations{display:inline-block;height:41px}
.lt-ie8 #region-locations{display:inline}
#region-locations ul,#region-locations li{float:left;list-style:none;margin:0;padding:0}
.urban #region-locations ul{position:relative;top:-7px}
.rural #region-locations ul{position:relative;top:8px}
#region-locations li{padding-left:20px}
#region-locations a{color:#fff;text-decoration:none}
#region-locations a:hover{color:#57c2ff}
#region-locations li div,#region-locations a.active{padding-bottom:1px;border-bottom:solid 2px #e0e20c}
#region-locations span{display:block;width:40px;height:15px;cursor:pointer}
#t_a_m{background-position:-36px -46px}
#t_a_h{background-position:-32px -64px}
#t_a_w{background-position:-32px -82px}
#t_a_ns{background-position:-31px -100px}
#t_a_ac{background-position:-32px -118px}
#t_w_k{background-position:-34px -10px}
#t_w_p{background-position:-31px -28px}
#t_w_w{background-position:-33px -46px}
#t_w_uh{background-position:-35px -64px}
#t_w_lh{background-position:-35px -82px}
#t_w_wh{background-position:-35px -100px}
#t_w_wc{background-position:-34px -118px}
#t_c_bp{background-position:-35px -64px}
#t_c_ph{background-position:-30px -82px}
#t_c_es{background-position:-30px -100px}
#t_c_cc{background-position:-30px -118px}
#forecast-header{border-bottom:solid 1px #808e9b;margin:20px 0 19px;padding-bottom:1px}
#forecast-header p{float:left;width:100px;height:31px;margin:0 0 -1px;font-size:15px;line-height:30px;font-weight:bold;border-right:solid 8px #001c37}
#forecast-header p label{display:none}
#forecast-header span{font-weight:bold}
#forecast-header li{float:left;margin-right:1px}
#forecast-header a{display:block;float:left;font-size:15px;line-height:30px;height:30px;padding:0 15px;background:#636363;color:#fff;text-decoration:none;cursor:auto}
#forecast-header li a:hover{background:#57c2ff;color:#001c37;cursor:pointer}
#forecast-header li a.severe{background-color:#ff1901}
#forecast-header li a.active,#forecast-header li.active a{background:#fff;color:#001c37;overflow:visible;padding-bottom:2px;margin:0 0 -2px;position:relative;cursor:auto}
#forecast-header li a.active span.glyph{display:block;width:13px;height:6px;position:absolute;bottom:-5px;left:15px;background:url(img/bg-forecast-active.png) -2px bottom no-repeat}
#forecast-header li.active a span{position:absolute;bottom:-6px;left:13px;width:30px;height:6px;background:url(img/bg-forecast-active.png) left bottom no-repeat}
#day6to10-disclaimer p{margin:10px 0 0;clear:both;padding:5px 0 5px 0}
.hour-by-hour{font-size:11px;clear:both;padding:0 10px 10px;background:#fff;color:#000;width:502px;position:relative}
.urban .hour-by-hour{overflow:visible}
.rural .hour-by-hour{width:620px;padding:0 0 10px;z-index:9}
.disclaimer{font-size:11px;line-height:14px;color:#333}
.rural .disclaimer{margin:0 10px}
.disclaimer p{margin:10px 0 0;clear:left}
.extended .disclaimer{margin:0 10px 15px;clear:left;padding:5px 0 5px 0}
.disclaimer a{color:#666}
.disclaimer h4{clear:left;font-weight:bold;margin:10px 0 0;color:#333}
.disclaimer dl{margin:2px 0 10px;float:left;font-size:10px}
.disclaimer dl dt{float:left;margin:0 2px 0 0;background:url(img/sprite-3.0.287.png) no-repeat -1168px -135px;padding-left:13px;line-height:15px}
.extended .disclaimer dl dd{margin-right:10px}
dl.wind-defs dt.light{background-position:-1168px -135px}
dl.wind-defs dt.moderate{background-position:-1168px -150px}
dl.wind-defs dt.fresh{background-position:-1168px -166px}
dl.wind-defs dt.strong{background-position:-1168px -182px}
dl.wind-defs dt.gale{background-position:-1168px -198px}
dl.wind-defs dt.severe{background-position:-1168px -214px}
dl.rain-defs dt.light{background-position:-1168px -231px}
dl.rain-defs dt.moderate{background-position:-1168px -248px}
dl.rain-defs dt.heavy{background-position:-1168px -264px}
dl.rain-defs dt.torrential{background-position:-1168px -280px}
#snow_definitions{display:none}
.ski #snow_definitions{display:block}
.ski dl.snow-defs dt{background-position:-1168px -296px}
ul#rural_fc li.rural-loc-region #main-forecast-title{width:100%}
ul#rural_fc li.rural-loc-region #computer-forecast-title{width:auto}
.rural .disclaimer dl.rain-defs dt{background:0;padding-left:0}
.rural .disclaimer dl.rain-defs dt span{display:block;float:left;margin-right:4px;width:15px;height:15px}
.disclaimer dl dd{float:left;margin:0 5px 0 0}
.rural .disclaimer dl dd{margin-right:10px}
.hour-by-hour .hbh-day{display:none}
.hour-by-hour #hbh-today{display:block}
.hour-by-hour table{width:100%;line-height:1;position:relative}
.hour-by-hour .extra table{height:24px}
.hour-by-hour h3.hbh-day-nav{color:#000;font-size:15px;font-weight:bold;line-height:28px;text-align:center;padding-bottom:6px;border-bottom:solid 1px #ededed}
.hour-by-hour .extra h3.hbh-day-nav{margin-bottom:10px}
.hour-by-hour.surf-hbh h3{margin:10px 0 0}
.hour-by-hour .hbh-sun{position:absolute;top:0;left:10px;width:502px}
.hour-by-hour .sunset,.hour-by-hour .sunrise{position:absolute;top:0;font-size:13px;line-height:15px;font-weight:bold}
.hour-by-hour .sunrise{left:0}
.hour-by-hour .sunset{right:0}
.hour-by-hour .sunset label,.hour-by-hour .sunrise label{font-weight:normal}
.hour-by-hour .sunset span,.hour-by-hour .sunrise span{display:inline-block;width:32px;height:32px;margin-left:5px;vertical-align:middle;background:url(img/sprite-3.0.287.png) -900px -410px}
.hour-by-hour .sunrise span{background-position:-840px -410px;margin-left:0;margin-right:5px}
.hour-by-hour .temp td{height:142px;vertical-align:top}
.ski .hour-by-hour .temp td{height:211px}
.hour-by-hour .wind td{padding:25px 0 7px;vertical-align:bottom}
.hour-by-hour .extended .wind td{padding-top:32px}
.hour-by-hour.surf-hbh{padding-bottom:0}
.hour-by-hour.surf-hbh .wind td{padding-bottom:10px}
.hour-by-hour td,.hour-by-hour th{text-align:center;border-bottom:1px solid #e0e0e0;padding:10px 0;font-weight:normal;width:8.33%}
.hour-by-hour td.actual,.hour-by-hour th.actual{background:#f6f6f6}
.hour-by-hour td.actual{color:#666;border-bottom:1px solid #e0e0e0}
.hour-by-hour tr.wind td{font-weight:bold}
.hour-by-hour tr.wind td span{font-weight:normal}
.hour-by-hour td.current,.hour-by-hour th.current{border-left:1px solid #eac721}
.hour-by-hour .extended td.current,.hour-by-hour .extended th.current{border-left:0}
.hour-by-hour tr.header th{text-align:left;font-weight:bold;padding-left:7px;line-height:12px}
.hour-by-hour tr.header th.small{font-size:10px;padding-left:4px}
.hour-by-hour td.last,.hour-by-hour th.last{border-right:0}
.hour-by-hour td.first,.hour-by-hour th.first{border-left:0}
.hour-by-hour tr.rain td{padding:44px 0 10px}
.rural .hour-by-hour tr.rain td{padding-top:67px}
.hour-by-hour .rain span{display:block;width:20px;padding-top:28px;margin:0 auto;font-size:13px;font-weight:bold;text-align:center;background:url(img/sprite-3.0.287.png) 20px 27px no-repeat}
.hour-by-hour .no-rain span{width:auto;padding-top:0;background:transparent;line-height:41px;height:41px;font-size:11px;font-weight:normal}
.hour-by-hour .no-rain.wide span{font-size:13px}
tr.rain .na span.none{background:0}
.rain span.none{background:url(img/sprite-3.0.287.png) no-repeat -1173px -80px;color:#bbb}
.ski .rain span.n-a,.ski .rain span.none{background-position:-1171px -80px;color:#bbb}
.rain span.light{background-position:-420px -350px}
.rain span.moderate{background-position:-420px -410px}
.rain span.heavy{background-position:-420px -470px}
.rain span.torrential{background-position:-420px -530px}
.rain .actual span.light{background-position:-510px -350px}
.rain .actual span.moderate{background-position:-510px -410px}
.rain .actual span.heavy{background-position:-510px -470px}
.rain .actual span.torrential{background-position:-510px -530px}
.temp td span{display:block;position:absolute;font-size:15px;font-weight:bold;color:#f66900;text-align:center}
.temp .actual span{color:#666}
a.hbh-disclaimer-toggle{display:block;font-weight:bold;text-decoration:none}
.hbh-disclaimer-text{display:none}
.rural .table_wrapper .rain span{background:0}
.rural .table_wrapper .rain span.none{background:url(img/sprite-3.0.287.png) no-repeat -1173px -80px}
.rain.snow span.has_snow{background-position:-420px -590px;width:22px}
.hour-by-hour.surf-hbh td,.hour-by-hour.surf-hbh th{border-bottom:0;padding:6px 0}
.hour-by-hour.surf-hbh th.row-header{text-align:left;color:#001c37}
.hour-by-hour.surf-hbh th.row-header.title{font-weight:bold;font-size:13px;border-top:1px solid #e0e0e0;padding:10px 0 6px}
.hour-by-hour.surf-hbh .rating td{border-top:1px solid #e0e0e0}
.hour-by-hour.surf-hbh .data td{font-size:13px;font-weight:bold}
.hour-by-hour.surf-hbh .data .windDir td,.hour-by-hour.surf-hbh .data .swellDir td,.hour-by-hour.surf-hbh .data .seaDir td,.hour-by-hour.surf-hbh .data .windDir td span{font-size:10px;font-weight:normal;color:#fff}
.hour-by-hour.surf-hbh .data .seaDir td span,.hour-by-hour.surf-hbh .data .swellDir td span{font-size:10px;font-weight:normal;color:#fff}
.hour-by-hour.surf-hbh .data .windDir td{color:#000}
.hour-by-hour.surf-hbh .data span.no-data{color:#666!important;font-weight:normal}
.windDir td,.windDir th{padding:0 0 10px!important}
.swellDir td,.swellDir th,.seaDir td,.seaDir th{padding:0!important}
.surf-hbh .times th{padding:10px 0!important}
.surf-hbh .rating td{padding:6px 0!important}
.hour-by-hour div.footnote{width:0!important;padding:0!important;overflow:visible;text-align:left;vertical-align:bottom;position:absolute;top:0;left:0;z-index:1}
.hour-by-hour .wind div.footnote{top:33px}
.hour-by-hour .temp div.footnote{top:120px}
.hour-by-hour .rain div.footnote{top:280px}
.lt-ie8 .hour-by-hour .rain div.footnote{top:263px}
.hour-by-hour div.footnote>span{position:absolute;top:0;left:7px;z-index:3!important;display:block;width:340px!important;height:20px;line-height:20px;padding:0;margin:0;background:transparent!important;color:#666;font-weight:normal;font-size:11px!important;text-align:left!important}
.footnote .help{display:none;width:19px;height:19px;overflow:hidden;position:relative;margin:0 0 -5px 2px;background:url(img/key-hbh.png) 0 0 no-repeat}
.footnote .help:hover{background-position:0 -20px}
.graph-key span,.footnote .help span{display:inline-block;width:366px!important;height:149px;position:absolute;top:-149px;left:-24px;padding:0;background:url(img/key-hbh.png) 0 -80px no-repeat;z-index:99}
#label-wind .graph-key span,.wind .footnote .help span{height:185px;position:absolute;top:-185px;background:url(img/key-hbh.png) 0 -240px no-repeat!important}
.lt-ie8 .day1 .footnote,.lt-ie8 .day2 .footnote{display:none}
.hour-by-hour .extra.hbh-day ul{margin:0 0 14px}
.hour-by-hour ul,.hour-by-hour li{list-style:none;margin:0;padding:0}
.hour-by-hour .big-icon{width:150px;height:110px;margin:0 auto;text-indent:-999px;overflow:hidden;background:url(img/sprite-3.0.287.png) 150px 110px no-repeat}
.hour-by-hour .cloudy{background-position:0 -130px}
.hour-by-hour .drizzle{background-position:-150px -130px}
.hour-by-hour .few-showers{background-position:-300px -130px}
.hour-by-hour .fine{background-position:-450px -130px}
.hour-by-hour .fog{background-position:-600px -130px}
.hour-by-hour .hail{background-position:-750px -130px}
.hour-by-hour .partly-cloudy{background-position:0 -240px}
.hour-by-hour .rain{background-position:-150px -240px}
.hour-by-hour .showers{background-position:-300px -240px}
.hour-by-hour .snow{background-position:-450px -240px}
.hour-by-hour .thunder{background-position:-600px -240px}
.hour-by-hour .windy,.hour-by-hour .wind{background-position:-750px -240px}
.hour-by-hour li.max,.hour-by-hour li.min{width:165px;font-size:30px;font-weight:bold;margin-top:-84px}
.hour-by-hour li.max{float:left;text-align:right}
.hour-by-hour li.min{float:right}
.hour-by-hour .max,.hour-by-hour .graph-temp.min,.hour-by-hour .graph-temp.graph-temp.actual{font-size:15px}
.hour-by-hour .max{color:#e22f0c}
.hour-by-hour .min{color:#014788}
.hour-by-hour .graph-temp.actual{color:#666}
.hour-by-hour .max label,.hour-by-hour .min label{display:block;margin-top:7px;border-top:solid 1px #e0e0e0;padding-top:7px;font-size:13px;font-weight:normal;color:#000}
.table_wrapper{position:relative}
.temps_canvas{position:absolute;height:110px;top:142px;left:12px;z-index:1;width:476px}
.rural .temps_canvas{width:590px}
.rural #todays_rain.temps_canvas,#extended_rain{top:306px;height:66px;left:4px;width:610px}
.lt-ie9 .rural #todays_rain.temps_canvas,.lt-ie9 #extended_rain{top:305px}
.lt-ie8 .rural #todays_rain.temps_canvas,.lt-ie8 #extended_rain{top:284px}
#tomorrows_temps{width:482px;left:0}
#extended_rain{left:0;width:984px}
#extended_temps{width:966px}
#hbh-today .extended,.table_wrapper.inactive{left:-9999px;z-index:9;position:absolute;width:990px;top:94px;background:#fff;border-top:1px solid #6abcfc;border-bottom:1px solid #6abcfc}
.rural #hbh-today .extended{top:-2px}
#hbh-today .extended .ext-table{float:left;border-bottom:0}
#hbh-today .extended .ext-table.extended-today table{border-right:1px solid #818d9a}
#hbh-today .extended .ext-table.extended-tomorrow{width:494px}
#hbh-today .extended .ext-table.extended-dayafter table{border-left:1px solid #818d9a}
.hbh-day>h3{height:28px}
#hbh-today>h3{padding-left:30px}
#hbh-4>h3{padding-right:30px}
.hour-by-hour h3 a{display:inline-block;width:25px;height:25px;text-indent:-999px;overflow:hidden;position:relative;vertical-align:middle;background-image:url(img/bg-icons.png)}
.lt-ie9 .hour-by-hour h3 a{text-indent:0;color:transparent}
.hour-by-hour .hbh-day h3 a.next{right:-5px;background-position:-30px -410px}
.hour-by-hour .hbh-day h3 a.prev{left:-5px;background-position:0 -410px}
.hour-by-hour .hbh-day h3 a.next:hover{background-position:-30px -380px}
.hour-by-hour .hbh-day h3 a.prev:hover{background-position:0 -380px}
.marine .hbh-day h3{padding-left:0!important;text-align:left}
.sun-pollen{position:relative;z-index:0;float:left;width:100%;background:#fff;border-top:solid 10px #001c37;margin:10px -10px -10px;padding:0 10px;line-height:1.2}
.sun-pollen h3{border:0;margin:0 -10px;font-size:1.2em;font-weight:normal;background:#00274c;color:#fff;text-align:center;height:20px;line-height:normal;padding:4px}
.sun-alert{display:none;clear:both;padding-bottom:10px;background:#fcac28;color:#444;cursor:pointer}
.uv-data{background:#fcac28;color:#444;font-size:12px;font-weight:700;line-height:1.1;text-align:center}
.uv-title{color:#fff;border-bottom:solid 1px #fff;font-size:15px;padding:6px 0 5px}
.uv-time{padding-top:12px;min-height:13px;background:url(/assets/img/uv/UV-sun-large.png) no-repeat center top}
.uv-start-time,.uv-end-time{font-size:30px}
.uv-start-time-meridian,.uv-end-time-meridian{font-size:12px}
.uv-dash{font-size:15px;margin-left:8px;margin-right:8px}
.uv-message{line-height:16px;margin-top:6px}
.lt-ie9 .uv-message{line-height:14px}
.uv-provider{font-size:10px;margin-top:3px}
.uv-message-no-alert{margin-top:3px;line-height:20px;font-size:17px}
.urban .sun-pollen{height:139px;clear:both}
.urban .sun-alert{padding:0;position:absolute;float:left}
.marine .sun-alert{margin-top:10px}
.urban .uv-data{float:left;width:180px;margin-left:-10px;height:111px;padding-bottom:0;font-size:11px}
.urban .uv-title{font-size:12px;padding:3px 0 2px}
.urban .uv-time{margin:0;padding-top:8px;background-image:url(/assets/img/uv/uv-sun.png)}
.urban .uv-start-time,.urban .uv-end-time{font-size:20px}
.urban .uv-start-time-meridian,.urban .uv-end-time-meridian{font-size:10px}
.urban .uv-dash{font-size:12px;margin-left:6px;margin-right:6px}
.urban .uv-message{margin-top:3px}
.urban .uv-provider{font-size:9px}
.pollen-outer{float:left;position:absolute;left:180px;display:inline;width:327px;height:100px;padding:10px 0 0 15px;border-top:solid 1px #e0e0e0}
.pollen-inner{position:relative;height:100px}
.pollen-wrapper{width:315px;font-size:15px;font-weight:500;z-index:11;margin-top:0}
.pollen-icon{float:left;height:35px;margin-top:3px}
.pollen-level-desc{width:300px}
.pollen-icon img{margin-right:6px;width:10px;height:30px;border:solid 1px #aaa}
.pollen-level{font-weight:600;text-transform:uppercase}
.pollen-info{font-size:11px;margin-top:3px;width:290px;margin-left:18px}
.pollen-directed{font-size:9px;margin-top:3px;width:225px;font-weight:600;position:absolute;bottom:0;left:0;margin-bottom:5px}
#hbh-today .pollen-tomorrow,#hbh-tomorrow .pollen-today{display:none!important}
#weather-data .grid_8 h3,aside .surf-conditions h3{clear:both;padding:0 10px;margin:0 0 20px;line-height:30px;background:#ebebeb}
#weather-data .grid_8 h3.past-weather{background:#00274c;color:#fff}
#weather-data .grid_8 h3 a,aside .surf-conditions h3 a{display:block;margin:0 -10px;padding:0 10px;color:#001c37;text-decoration:none;background:url(img/bg-widget.png) right bottom no-repeat}
#weather-data .grid_8 h3 a:hover,aside .surf-conditions h3 a:hover{background-color:#57c2ff}
#weather-data h4{font-weight:bold}
#tides{border-bottom:solid 1px #ebebeb;padding-bottom:40px;margin-bottom:20px}
.tide-source{margin:-10px 0 10px}
#tide-chart{width:620px;height:140px}
#tide_flot{width:620px;height:140px}
#tide_flot.surf{width:940px;height:140px}
.tide-tick{position:relative;top:3px}
.surf .tide-tick{font-size:8px}
.surf .tide-day{position:relative;top:20px;left:-95px;font-size:11px;font-weight:bold;display:block;width:100px;text-align:left;margin-left:15px}
#tide_flot .tide-tick strong{position:absolute;left:70px;width:50px;bottom:-15px}
#tides ul,.icons ul{list-style:none;margin:0;padding:0}
#tides li,.icons li{float:left;width:75px;padding:35px 0 0;position:relative;font-weight:bold}
#weather-data .icons li span{position:absolute;left:0;top:7px;width:21px;height:21px;background-image:url(img/sprite-3.0.287.png);background-repeat:no-repeat}
#tidel li label,.icons li label{display:block;font-size:11px;font-weight:normal}
#tides ul{overflow:auto}
#tides li.tide{padding:0 5px 0;width:90px}
#tides li.tide span{display:block;font-weight:normal;width:100%;background:#fff}
#tides li.tide span.date{font-size:11px}
#weather-data .new-moon span{background-position:-600px -410px}
#weather-data .last-quarter span{background-position:-630px -410px}
#weather-data .full-moon span{background-position:-660px -410px}
#weather-data .first-quarter span{background-position:-690px -410px}
#weather-data .moonrise span{background-position:-720px -410px}
#weather-data .moonset span{background-position:-750px -410px}
#weather-data .icons .sunrise span.icon{width:32px;height:32px;background-position:-840px -410px;top:0}
#weather-data .icons .sunset span.icon{width:32px;height:32px;background-position:-900px -410px;top:0}
#next-moon-phases{float:left;width:300px;margin:0 0 30px 20px}
#sun-moon-hours{float:left;width:300px;margin:0 0 30px 0}
#next-moon-phases h4,#sun-moon-hours h4{padding-bottom:10px;border-bottom:solid 1px #ebebeb;margin-bottom:10px}
#tides h4{padding-bottom:10px}
#tides h4 span{font-size:11px;font-weight:normal;display:block}
#tide-list{display:none}
#moon-phases{width:100%;margin-bottom:10px}
li.current-phase{width:400px;min-height:44px;padding:0 0 0 55px}
li.current-phase span.icon{width:44px;height:44px}
.current-phase.new-moon span.icon{background-position:-60px -350px}
.current-phase.first-quarter span.icon{background-position:-120px -350px}
.current-phase.full-moon span.icon{background-position:-180px -350px}
.current-phase.last-quarter span.icon{background-position:-240px -350px}
#weather-data #surf-cams .widget{display:none}
#past-weather-loader{display:none;width:960px;position:absolute;left:0;top:0;background:url(img/loading.gif) no-repeat center center!important;height:100%}
#past-weather-nav{position:relative;z-index:1}
.tabbed-menu{line-height:19px;position:relative;z-index:10}
.tabbed-menu menu{border-bottom:1px solid #6abcfc;height:39px;padding:0;margin:0;position:relative;z-index:1}
#hbh-nav.tabbed-menu menu{margin:20px 0 0 0}
#past-weather-nav.tabbed-menu menu{margin:0 10px 40px}
.tabbed-menu menu ul.toggle{margin:0;padding:0}
.tabbed-menu menu .toggle li{float:left;background:#fff}
.rural .summary .tabbed-menu menu .toggle li{background:#001c37}
.tabbed-menu menu .toggle li a{position:relative;float:left;padding:10px;margin-right:2px;font-size:14px;color:#333;background:#ebebeb;text-decoration:none}
.tabbed-menu menu .toggle li.last a{margin-right:0}
.tabbed-menu menu .toggle li.active a{background:#6abcfc;cursor:default}
.tabbed-menu menu .toggle li.active a .glyph{display:block;width:10px;height:5px;position:absolute;bottom:-6px;left:15px;background:url(img/sprite-3.0.287.png) -789px -100px no-repeat}
#past-weather-temp-graph{margin-bottom:20px;z-index:1}
#stations-wrapper{position:absolute;z-index:1;right:10px;top:0}
#past-weather-graph{position:relative;z-index:0}
#past-weather-graph.active{cursor:pointer}
.graph-inner-container{border-bottom:1px solid #e0e0e0;margin-top:65px;padding-bottom:40px}
.g-historical .graph-inner-container{margin-top:45px;padding-bottom:34px}
.graph{width:960px;height:100px}
.g-historical .graph{height:160px}
.rain-graph-wrapper{border-bottom:1px solid #e0e0e0;padding-bottom:8px}
.g-historical .rain-graph-wrapper{padding-bottom:21px}
.graph-rain,.graph-temp{position:absolute;text-align:center;font-size:12px;font-weight:bold;width:30px}
.graph-temp.max{color:#f06931}
.graph-temp.min{color:#388ab1}
.graph-rain{color:#333;bottom:-10px;font-size:10px}
.ie .graph-rain{font-size:9px}
.graph-label{position:relative;font-size:12px;border-top:1px solid #e0e0e0;padding-top:10px}
.graph-label h3{font-size:12px;font-weight:bold;float:left;margin-right:5px}
.graph-date{font-size:11px;text-align:center;position:absolute;bottom:-37px}
.g-historical .graph-date{bottom:-46px}
#label-temps{margin-bottom:10px}
.g-historical #label-temps{margin-bottom:30px}
.graph-key{position:absolute;font-size:10px;right:0;overflow:hidden;height:20px}
.g-historical .graph-key{display:none}
.graph-tooltip{margin:0;padding:0;position:absolute;line-height:35px;width:61px;height:28px;display:block;color:#fff;text-align:center}
.graph-tooltip span{position:absolute;display:block;font-size:9px;width:61px;height:20px;line-height:20px;left:0}
#graph-max-tooltip span{background:#f06931;top:-21px}
#graph-min-tooltip span{background:#388ab1;bottom:-20px}
#graph-rain-tooltip{bottom:-20px;background:url(img/sprite-3.0.287.png) no-repeat -930px -100px}
#graph-rain-tooltip abbr{font-size:9px}
#graph-max-tooltip{line-height:20px;top:0;background:url(img/sprite-3.0.287.png) no-repeat -1000px -100px}
#graph-min-tooltip{bottom:0;background:url(img/sprite-3.0.287.png) no-repeat -1070px -100px}
.graph-temp-hit{position:absolute;width:9px}
.ie .graph-temp-hit.seriesIndex-2{background:#bfd0d6}
.ie .graph-temp-hit.seriesIndex-4{background:#3f7889}
.ie .graph-temp-hit.seriesIndex-6{background:#16414e}
.graph-month-divider{position:absolute;top:-25px;font-weight:bold;font-size:11px;text-transform:uppercase}
.graph-line-divider{position:absolute;top:-61px;width:1px;background:#efefef;z-index:-1}
.g-historical .graph-line-divider{top:0;height:448px}
#past-weather-data.g-historical #wind-readings-wrapper{display:none}
#wind-readings-wrapper{padding-top:10px}
ul#wind-readings{list-style:none;padding:0;margin:0;position:relative;left:-18px}
ul#wind-readings li{position:absolute;font-size:11px;width:38px;text-align:center;font-weight:bold}
ul#wind-readings li span{position:relative;font-size:10px;font-weight:normal}
ul#wind-readings li span.na{background:0;color:#333}
ul#wind-readings li.calm{font-size:10px}
ul#wind-readings li.calm span{font-size:11px;color:#333}
#past-weather-rain-graph .tickLabel{color:#333;font-weight:bold}
ul#wind-readings li.na,#past-weather-rain-graph .tickLabel.na,#past-weather-rain-graph .tickLabel.zero{padding-top:9px;color:#bbb;font-weight:normal}
ul#wind-readings li.na{padding-top:0}
#past-weather-rain-graph .tickLabel.zero{background:url(img/sprite-3.0.287.png) no-repeat -1180px -100px}
.graph-disclaimer{position:relative}
.graph-disclaimer p{font-size:11px;padding-left:10px}
.graph-disclaimer .yesterday{position:absolute;right:-7px;top:-8px;background:url(img/sprite-3.0.287.png) no-repeat -808px -92px;width:72px;height:29px}
#past-weather-data.g-historical .graph-disclaimer .yesterday,#past-weather-data.g-historical #label-wind{display:none}
#historical-key-wrapper{display:none;position:absolute;z-index:1;top:-34px}
#past-weather-data.g-historical #historical-key-wrapper{display:block}
#historical-key-wrapper ul{margin-left:230px}
#historical-key-wrapper ul li{width:150px;position:relative;float:left;padding:6px 0 0 0;height:17px;z-index:0;margin-right:20px;line-height:12px;color:#16414e}
#historical-key-wrapper ul li span{float:left;display:block;width:12px;height:12px;background:#16414e;margin-right:4px}
#historical-key-wrapper ul li#key-avg span{background:#bfd0d6}
#historical-key-wrapper ul li#key-last span{background:#3f7889}
#leaderboard-wrapper{margin-top:30px}
#leaderboard-wrapper .lb-header{width:100%;height:20px;overflow:visible}
#weather-data .grid_8 #leaderboard-wrapper h3{float:left;width:218px;margin:0 2px 0 0;padding:0 10px}
#leaderboard-wrapper ul{float:left;width:380px;height:29px;border-bottom:1px solid #6dbdfe;font-size:15px}
#leaderboard-wrapper ul li{float:left;margin:0 2px 0 0;background:#ebebeb;position:relative}
#leaderboard-wrapper ul li.active{background:#6dbdfe}
#leaderboard-wrapper ul li.active span{display:block;width:10px;height:5px;position:absolute;left:11px;bottom:-5px;background:url(img/sprite-3.0.287.png) no-repeat -790px -100px}
#leaderboard-wrapper ul li a{text-decoration:none;padding:5px 10px 6px;height:18px;margin:0;display:block}
#leaderboard-wrapper ul li:hover{background:#6dbdfe}
#leaderboard-wrapper ul li:hover a{color:#000}
#leaderboard .prev,#leaderboard .updown,#leaderboard .reading,#leaderboard #reading{text-align:center}
#leaderboard .rank{width:10%}
#leaderboard .prev{width:17%}
#leaderboard .updown{width:16%}
#leaderboard .location{width:43%;padding-left:43px!important}
#leaderboard .reading{width:14%}
#leaderboard th{padding:20px 0 10px}
#leaderboard tr.data td{height:20px;padding:10px 0;border-top:1px solid #ededed;font-size:13px;font-weight:normal}
#leaderboard tr.data.outside td{border-top:1px solid #cbcbcb;margin-top:5px}
#leaderboard tr.data td.rank{font-weight:bold}
#leaderboard tr.data td.rank span{margin:5px 10px 0 0;display:block;width:9px;height:9px;float:left;background:url(img/sprite-3.0.287.png) no-repeat 0 -50px}
#leaderboard tr.data td.rank span.up{background-position:-750px -100px}
#leaderboard tr.data td.rank span.down{background-position:-770px -100px}
#leaderboard tr.data td.updown span.up{color:#4ccb00}
#leaderboard tr.data td.updown span.down{color:#d81e25;font-weight:bold}
#leaderboard tr.data td a{text-decoration:none}
#leaderboard tr td.help-text{border-top:1px solid #ededed;font-weight:normal;font-size:11px;display:none;padding:10px 0}
#leaderboard tr td.help-text span{display:none}
#leaderboard tr.data td.reading{font-weight:bold;text-align:center}
#leaderboard.max td.reading{color:#e22f0c}
#leaderboard.min td.reading{color:#006bbd}
#leaderboard.wind td.reading{color:#004294}
#leaderboard.rain td.reading{color:#29acff}
#hour-by-hour .wind td{font-weight:bold;padding:6px 0 25px;border-bottom:solid 1px #ededed}
.data .wind span{display:block;width:40px;height:40px;margin:0 auto -3px;font-size:13px;color:#fff;line-height:40px;text-align:center;background-image:url(img/bg-wind.png);background-repeat:no-repeat}
.data.med .wind span{background-image:url(img/bg-wind-medium.png);width:38px;height:30px;text-align:center;line-height:34px;margin:0;font-size:10px}
.ski .data.med .wind span.n-a{background:#fff;color:#bbb}
.mozilla .data.med .wind span,.lt-ie9 .data.med .wind span{line-height:33px}
.ski .data .wind .actual span,.data .wind .actual span{background-image:url(img/bg-wind-actual.png)}
.data .wind span.no-data,.data .wind span.NA{background:0}
.N,.N.light-winds{background-position:0 0}
.N.moderate{background-position:0 -40px}
.N.fresh{background-position:0 -80px}
.N.strong{background-position:0 -120px}
.N.gale{background-position:0 -160px}
.N.severe-gale{background-position:0 -200px}
.NE,.NE.light-winds{background-position:-40px 0}
.NE.moderate{background-position:-40px -40px}
.NE.fresh{background-position:-40px -80px}
.NE.strong{background-position:-40px -120px}
.NE.gale{background-position:-40px -160px}
.NE.severe-gale{background-position:-40px -200px}
.E,.E.light-winds{background-position:-80px 0}
.E.moderate{background-position:-80px -40px}
.E.fresh{background-position:-80px -80px}
.E.strong{background-position:-80px -120px}
.E.gale{background-position:-80px -160px}
.E.severe-gale{background-position:-80px -200px}
.SE,.SE.light-winds{background-position:-120px 0}
.SE.moderate{background-position:-120px -40px}
.SE.fresh{background-position:-120px -80px}
.SE.strong{background-position:-120px -120px}
.SE.gale{background-position:-120px -160px}
.SE.severe-gale{background-position:-120px -200px}
.S,.S.light-winds{background-position:-160px 0}
.S.moderate{background-position:-160px -40px}
.S.fresh{background-position:-160px -80px}
.S.strong{background-position:-160px -120px}
.S.gale{background-position:-160px -160px}
.S.severe-gale{background-position:-160px -200px}
.SW,.SW.light-winds{background-position:-200px 0}
.SW.moderate{background-position:-200px -40px}
.SW.fresh{background-position:-200px -80px}
.SW.strong{background-position:-200px -120px}
.SW.gale{background-position:-200px -160px}
.SW.severe-gale{background-position:-200px -200px}
.W,.W.light-winds{background-position:-240px 0}
.W.moderate{background-position:-240px -40px}
.W.fresh{background-position:-240px -80px}
.W.strong{background-position:-240px -120px}
.W.gale{background-position:-240px -160px}
.W.severe-gale{background-position:-240px -200px}
.NW,.NW.light-winds{background-position:-280px 0}
.NW.moderate{background-position:-280px -40px}
.NW.fresh{background-position:-280px -80px}
.NW.strong{background-position:-280px -120px}
.NW.gale{background-position:-280px -160px}
.NW.severe-gale{background-position:-280px -200px}
.calm{background-position:-595px -405px}
#weather-data .grid_8 h3 a span.past-weather{display:block;float:right;margin-right:-10px;padding-right:10px;padding-left:40px;background:#00274c url(img/bg-icons.png) -1px -121px no-repeat;color:#e0e20c}
#weather-data .grid_8 h3 a:hover span.past-weather{background-color:#57c2ff;color:#001c37;background-position:-1px -151px}
#weather-data table{width:100%}
#weather-data th{text-align:left;border-bottom:solid 1px #ebebeb}
#weather-data td{width:25%;font-size:20px;font-weight:bold}
#weather-data td label{display:block;font-size:11px;font-weight:normal;color:#000}
#weather-data td abbr{font-size:15px}
td.hottest{color:#e22f0c}
td.coldest{color:#006bbd}
td.wettest{color:#29acff}
td.windiest{color:#004294}
#extremes a{text-decoration:none}
.surf-conditions{margin:0 0 20px}
aside .surf-conditions h3{margin-bottom:10px}
.surf-conditions li{float:left;width:100%;position:relative;line-height:40px;border-bottom:solid 1px #ebebeb}
.surf-conditions li a{float:left;width:100%}
.surf-conditions a{display:block;text-decoration:none}
.surf-conditions a:hover{background-color:#57c2ff;color:#001c37}
.surf-conditions a.has-cam{margin-right:35px}
.surf-conditions a.webcam{position:absolute;right:0;top:0;width:35px;height:40px;background:url(img/bg-icons.png) 0 -240px;text-indent:-999px;overflow:hidden}
.surf-conditions a.webcam:hover{background-position:0 -280px}
.surf-conditions a span{display:block;float:left;width:170px;padding-left:10px;line-height:40px}
.surf-conditions .good,.surf-conditions .average,.surf-conditions .bad,.surf-conditions .na{width:0;height:30px;line-height:30px;padding-left:37px;margin:5px 40px 0 0;background:url(img/sprite-3.0.287.png) 37px 30px no-repeat}
.surf-conditions .rating{margin-top:10px}
.surf-conditions .rating span{display:block;font-size:20px;line-height:30px;font-weight:bold;margin:0 auto}
.surf-conditions .rating td span{font-size:15px}
.surf-conditions .grid_1 .rating span{margin-left:0}
.surf-conditions .good,.surf-conditions .grid_1.active .good,.boat .surf-conditions .bad,.boat .surf-conditions .grid_1.active .bad{background-position:-840px -470px}
.surf-conditions .grid_1 .good,.boat .surf-conditions .grid_1 .bad{background-position:-900px -470px}
.surf-conditions .average,.surf-conditions .grid_1.active .average{background-position:-840px -500px}
.surf-conditions .grid_1 .average{background-position:-900px -500px}
.surf-conditions .bad,.surf-conditions .grid_1.active .bad,.boat .surf-conditions .good,.boat .surf-conditions .grid_1.active .good{background-position:-840px -530px}
.surf-conditions .grid_1 .bad,.boat .surf-conditions .grid_1 .good{background-position:-900px -530px}
.surf-conditions .na{background-position:-840px -560px}
table.surf-conditions{margin-bottom:10px}
.surf.five-day #forecast .disclaimer{margin:0 -10px;padding:10px;background:#001c37;color:#fff}
.home h1{position:absolute;left:-999em}
.home .summary{padding-bottom:25px}
.home .advertisement{clear:both;margin-top:0}
.home .disclaimer{line-height:2.0;margin-bottom:0;padding-top:10px!important}
.home .grid_4{margin:0 10px}
.home .grid_4 .grid_4{margin:0}
.home #extremes{position:absolute;top:0;left:10px;width:140px;padding:10px 15px 15px;background:#00274c;font-size:11px}
.home #extremes h2{font:600 13px 'Open Sans',sans-serif;color:#fff;border:0;margin:0 0 10px}
.home #extremes>div{border-top:solid 1px #133758;padding:5px 0 5px 0;min-height:18px;position:relative}
.home #extremes a{color:#fff;text-decoration:none}
.home #extremes .value{font-size:13px;font-weight:bold}
.home #extremes .location{display:block;font-weight:bold}
.home #extremes .sponsored-by{border-top:solid 2px #001c37;margin:0 -15px;padding:10px 13px 0 15px;font-size:10px;line-height:13px}
.sponsored-by img{display:block;margin-top:6px;margin-left:0}
.sponsored-by .logo{width:60px;height:23px;margin-top:6px}
.home #news{background:transparent;padding-top:0}
.home #news h3{background:#ebebeb;color:#001c37}
.home #news h3 a{display:block;margin:0 -10px;padding:0 10px;color:#001c37;text-decoration:none;position:relative;background:#ebebeb url(img/bg-widget.png) right bottom no-repeat;height:30px}
.home #news h3 a:hover{background-color:#57c2ff}
#latest-posts h3 a span,#latest-tweets h3 a span{display:block;float:right;margin-right:-10px;padding-right:10px;padding-left:26px;background:#00274c url(img/bg-icons.png) -160px -60px no-repeat;color:#e0e20c}
.lt-ie8 #latest-posts h3 a span,.lt-ie8 #latest-tweets h3 a span{position:absolute;top:0;right:0}
#latest-tweets h3 a span{padding-left:40px;background-position:-160px -90px}
#latest-posts h3 a:hover span,#latest-tweets h3 a:hover span{background-color:#57c2ff;color:#001c37;background-position:0 -60px}
#latest-tweets h3 a:hover span{background-position:0 -90px}
.home-widget{margin:0 0 10px;min-height:150px}
.home .loading{min-height:150px}
#hm-whangarei{left:235px;top:30px}
#hm-whangarei span{left:-34px}
#hm-auckland{right:165px;top:70px}
#hm-auckland span{right:-34px}
#hm-hamilton{right:158px;top:95px}
#hm-hamilton span{right:-34px}
#hm-tauranga{left:285px;top:87px}
#hm-tauranga span{left:-34px;top:0}
#hm-napier{left:306px;top:143px}
#hm-napier span{left:-34px;top:-3px}
#hm-new-plymouth{right:185px;top:148px}
#hm-new-plymouth span{right:-34px}
#hm-palmerston-north{left:270px;top:182px}
#hm-palmerston-north span{left:-34px;top:-10px}
#hm-wellington{left:252px;top:210px}
#hm-wellington span{left:-34px}
#hm-nelson{right:213px;top:210px}
#hm-nelson span{right:-34px;top:-4px}
#hm-greymouth{right:260px;top:250px}
#hm-greymouth span{right:-34px;top:-6px}
#hm-blenheim{left:222px;top:230px}
#hm-blenheim span{left:-31px;top:-18px}
#hm-christchurch{left:190px;top:278px}
#hm-christchurch span{left:-34px}
#hm-dunedin{left:125px;top:358px}
#hm-dunedin span{left:-34px}
#hm-queenstown{right:333px;top:332px}
#hm-queenstown span{right:-34px}
#hm-invercargill{right:345px;top:378px}
#hm-invercargill span{right:-34px}
#hm-kaitaia{right:200px;top:5px}
#hm-kerikeri{left:210px;top:10px}
#hm-dargaville{right:178px;top:45px}
#hm-whitianga{left:252px;top:60px}
#hm-thames{left:246px;top:73px}
#hm-whakatane{left:290px;top:100px}
#hm-rotorua{left:270px;top:111px}
#hm-tokoroa{right:120px;top:111px}
#hm-te-kuiti{right:140px;top:121px}
#hm-gisborne{left:320px;top:130px}
#hm-hastings{left:300px;top:157px}
#hm-taupo{left:260px;top:123px}
#hm-taumarunui{right:135px;top:131px}
#hm-wanganui{right:140px;top:165px}
#hm-levin{right:142px;top:180px}
#hm-paraparaumu{right:116px;top:192px}
#hm-dannevirke{left:290px;top:169px}
#hm-masterton{left:270px;top:195px}
#hm-kaikoura{left:200px;top:250px}
#hm-ashburton{left:152px;top:300px}
#hm-timaru{left:136px;top:314px}
#hm-oamaru{left:130px;top:328px}
#hm-motueka{right:200px;top:195px}
#hm-westport{right:242px;top:222px}
#hm-reefton{right:258px;top:236px}
#hm-hokitika{right:270px;top:264px}
#hm-wanaka{right:300px;top:313px}
#hm-alexandra{left:75px;top:340px}
#hm-gore{left:60px;top:359px}
#hm-stewart-island{left:50px;top:404px}
#hm-chatham-islands{right:0;top:310px}
#hm-shark-fin-1{z-index:199;right:330px;top:56px;display:none}
#hm-shark-fin-2{z-index:199;right:20px;top:35px;display:none}
#hm-shark-fin-3{z-index:199;right:25px;top:245px;display:none}
#hm-shark-fin-4{z-index:199;right:150px;top:400px;display:none}
#hm-shark-fin-5{z-index:199;right:510px;top:350px;display:none}
#hm-shark-fin-1-pop{z-index:200;right:258px;top:39px;display:none}
#hm-shark-fin-2-pop{z-index:200;right:-53px;top:18px;display:none}
#hm-shark-fin-3-pop{z-index:200;right:-48px;top:228px;display:none}
#hm-shark-fin-4-pop{z-index:200;right:72px;top:383px;display:none}
#hm-shark-fin-5-pop{z-index:200;right:438px;top:333px;display:none}
#cruise-1{z-index:199;right:310px;top:96px;display:none}
#cruise-2{z-index:199;right:20px;top:35px;display:none}
#cruise-3{z-index:199;right:25px;top:255px;display:none}
#cruise-4{z-index:199;right:150px;top:390px;display:none}
#cruise-5{z-index:199;right:460px;top:300px;display:none}
#cruise-1-pop{z-index:200;right:233px;top:65px;display:none}
#cruise-2-pop{z-index:200;right:-57px;top:4px;display:none}
#cruise-3-pop{z-index:200;right:-52px;top:224px;display:none}
#cruise-4-pop{z-index:200;right:73px;top:359px;display:none}
#cruise-5-pop{z-index:200;right:383px;top:269px;display:none}
.summary .map .icon{background:transparent;height:auto;width:auto;margin:0;overflow:visible;text-indent:0}
.summary .map a{font-size:11px}
.map .icon a{font-size:13px}
.rural section#real-time{margin-top:40px;margin-bottom:40px}
.rural #past-weather-data{margin-top:40px;margin-bottom:20px}
ul#rural_fc{list-style-type:none;padding:0;margin:0;width:100%;font-size:11px;line-height:1.28}
ul#rural_fc li{clear:both;float:left;width:100%;background:#fff;color:#000;padding:10px 0 0;margin:0 0 1px}
ul#rural_fc li.forecast-row{min-height:96px}
.ski ul#rural_fc li.forecast-row{min-height:108px}
ul#rural_fc li.day0,ul#rural_fc li.day1,ul#rural_fc li.day2{padding-bottom:0}
ul#rural_fc li.cg{color:#fff;background:#001c37;padding:4px 0 0 0;font-weight:normal;font-size:13px}
li.cg a{color:#fff}
p.cg{margin:4px 0 18px 0}
ul#rural_fc li.rural-loc-region{float:left;width:100%;padding:5px 0;border-top:solid 20px #001c37;border-bottom:0;background:#003261;color:#fff;font-size:15px;font-weight:bold}
.ski ul#rural_fc li.rural-loc-region{border-top-width:10px}
.no-graph ul#rural_fc li.rural-loc-region.first{border-top:0}
#model-graph-data-missing-box{display:block;background:#6abcfc;color:#000;margin:0;width:603px;padding:8px}
ul#rural_fc li.rural-loc-region .left,ul#rural_fc li.rural-loc-region .loc{padding:5px 10px}
ul#rural_fc li.rural-loc-region .left{float:left;width:340px;margin-left:0}
ul#rural_fc li.rural-loc-region.first .right{float:right;width:160px;border-left:1px solid #4d7091}
ul#rural_fc li.rural-loc-region .right{float:right;width:160px;border-left:1px solid #4d7091}
ul#rural_fc li.rural-loc-region span{display:block;font-size:10px;font-weight:normal}
ul#rural_fc li .date,ul#rural_fc li .temp,ul#rural_fc li .rainfall{float:left}
ul#rural_fc .rainfall span,ul#rural_fc .fzl span,ul#rural_fc .temp span{color:#000;text-align:left;padding:0;margin:0;font-size:14px;line-height:18px;font-weight:bold}
ul#rural_fc li .rainfall span span,ul#rural_fc li .temp span span{font-size:11px;line-height:11px}
ul#rural_fc li div.icon{margin:5px 15px 0}
.ski ul#rural_fc li div.icon{margin:5px 8px 0}
ul#rural_fc li div.forecast{float:left;width:288px;border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;padding:0 10px 10px;min-height:73px}
.ski ul#rural_fc.ski2 li div.forecast{border-right:0}
.ski ul#rural_fc.ski2 li div.forecast{width:465px}
.ski ul#rural_fc li div.forecast{width:275px}
.ski ul#rural_fc li.no_temps div.forecast{border-right:0;width:473px}
ul#rural_fc li div.forecast.no-readings{width:389px;border-right:0;margin-bottom:10px}
ul#rural_fc li div.forecast.just-temps{width:370px}
ul#rural_fc .forecast p{font-size:13px;line-height:18px;margin:0 0 5px 0;font-weight:normal}
ul#rural_fc li div.temp,ul#rural_fc li div.rainfall{width:70px;margin:0 10px}
.ski ul#rural_fc .temp{width:55px}
.ski ul#rural_fc .rainfall{width:70px}
.ski ul#rural_fc .wind-fzl{width:auto;margin-left:170px}
ul#rural_fc li div.date{margin:2px 0 0 10px;width:120px}
.ski ul#rural_fc li div.date{width:100px;padding-left:15px}
ul#rural_fc li.rain .forecast span{width:auto;background:0;padding:0}
ul#rural_fc #hbh-tomorrow,ul#rural_fc #hbh-daythree{display:none}
ul#rural_fc .disclaimer{margin:10px}
ul#rural_fc li .hour-by-hour{clear:both;width:620px;padding:0;margin:0;background:transparent}
.rural .hour-by-hour .hbh-day{clear:both;display:block;padding-top:0}
#hbh-tomorrow.hbh-day{display:none}
#related-marine a.toggle,ul#rural_fc li a.toggle{clear:left;float:left;display:block;height:20px;line-height:20px;padding:0 0 0 27px;margin:-20px 0 10px 10px;position:relative;font-size:13px;font-weight:bold;text-decoration:none;white-space:nowrap}
#related-marine a.toggle{margin:0;float:none}
#related-marine a.toggle span,ul#rural_fc li a.toggle span{display:block;width:20px;height:20px;position:absolute;top:0;left:0;font-size:24px;line-height:18px;color:#e0e20c;background:#00274c;text-align:center}
#related-marine a.toggle.open span,ul#rural_fc li a.toggle.open span{line-height:13px}
#related-marine a.toggle:hover span,ul#rural_fc li a.toggle:hover span{color:#001c37;background:#57c2ff}
ul#rural_fc li h3{font-size:15px;font-weight:bold}
ul#rural_fc li .date span{color:#999;background:transparent}
ul#rural_fc .temp label,ul#rural_fc .rainfall label,ul#rural_fc .fzl label,ul#rural_fc .issued{display:block}
ul#rural_fc .issued{margin-top:6px;margin-bottom:8px}
ul#rural_fc .temp label.max,ul#rural_fc .rainfall label.rain01,ul#rural_fc .rainfall label.snow24h{margin-bottom:10px}
#news.rural_news{clear:both;padding:0;margin-top:20px;position:relative;margin-bottom:18px}
#news.rural_news h3{line-height:35px;height:36px;font-weight:bold}
#news.rural_news h4 a{text-decoration:none}
#news.rural_news p.meta{font-size:10px}
#news.rural_news li{color:#000}
#news.rural_news aside li{padding:10px 10px 5px 5px}
#news.rural_news p.supplied{color:#000;padding:1px 5px 3px;margin:-4px 0 0;font-size:10px}
#news.rural_news .rural_news_text{white-space:normal;height:32px;width:285px}
#rural_news{min-height:200px;background:#fff;color:#000}
#rural_news h4{font-size:15px;font-weight:bold}
#rural_news a{color:#000}
#rural_news li{padding:10px 0;border-bottom:1px solid #ebebeb;font-size:11px}
#radar-wrapper{width:620px;float:left;min-height:600px;margin-right:20px}
#radar-time-toggle{position:relative;height:30px;bottom:-25px;clear:left}
#radar-time-toggle a{display:block;float:left;text-decoration:none;font-size:15px;line-height:30px;padding:0 25px;background:#636363;color:#fff;margin-right:1px}
#radar-time-toggle a:hover{background:#57c2ff;color:#001c37}
#radar-time-toggle a.active{background:#fff;color:#001c37}
#radar-res-toggle{position:absolute;right:15px;top:50px;z-index:199}
#radar-res-toggle a{display:none;margin:2px;background:#aaa;padding:2px;font-size:11px;text-decoration:none;border:1px solid #ddd}
#radar-res-toggle a.active,#radar-res-toggle a:hover{background:#fff;border:1px solid #e0e20c}
#obs .obs-content{display:none;width:280px;margin-right:30px;float:left;min-height:250px}
h2.obs-station span{display:block;font-size:12px;font-weight:normal}
#obs .obs-content label{width:120px;display:inline-block}
.coded-data-wrapper{display:none;padding-bottom:20px;margin-bottom:10px}
.maps-radar-key{width:620px;height:100px;background:url(img/keys/radar-satellite-3.0.287.gif) no-repeat 0 0}
#rain-radar-key{background-position:-20px 0;z-index:99;position:relative;clear:both}
#infrared-key{background-position:-20px -110px}
#rain-forecast-key-3{background-position:-20px -230px;height:120px}
#rain-forecast-key-7{background-position:-20px -618px;height:103px}
.rain-3-day-forecast-overlay{position:absolute;top:0;left:0}
.rain-3-day-forecast-thumb{position:absolute;top:50px;left:0}
.rain-3-day-thumbnail-format{height:250px}
.wind-barbs-overlay-toggle{cursor:pointer;background:#000 url(/_/css/img/rain-radar-maps/radar-icon.png) no-repeat 0 3px;font-family:'Open Sans',sans-serif;font-size:11px;position:absolute;top:10px;left:35px;z-index:3:height:12px;color:#fff;border:0 solid #d9d9d9;padding:1px 5px 1px 16px;width:144px;border-radius:7px}
.rainfall-overlay-toggle{cursor:pointer;background:#000 url(/_/css/img/rain-radar-maps/radar-icon.png) no-repeat 0 3px;font-family:'Open Sans',sans-serif;font-size:11px;position:absolute;top:35px;left:35px;z-index:3:height:12px;color:#fff;border:0 solid #d9d9d9;padding:1px 5px 1px 16px;width:144px;border-radius:7px}
#map-times{background:#fff;padding:5px;font-size:12px;margin:0;background:#eee;overflow:auto}
.marine section #warning{color:#ff1901;font-weight:bold}
.marine-map{margin-top:0;padding:10px 0 30px}
.marine-map .map{display:block;width:620px;height:250px;margin:20px 0;position:relative}
.marine-map .map a{position:absolute}
.map.high-seas a{font-size:12px;background:#fff;display:block;padding:5px 10px;text-decoration:none;color:#001c37;font-weight:bold}
.marine-map .map a:hover{background:#001c37;color:#fff}
.map.high-seas{background:url(img/marine-maps/high-seas.jpg) no-repeat 0 0}
.marine-map .high-seas a span.warning{background-color:#fff}
.marine-map .high-seas a:hover span.warning{background-color:#001c37}
.high-seas a{width:57px;height:20px}
.high-seas a:hover span{background-color:#001c37}
.high-seas a.subtropic{left:211px;top:17px}
.high-seas a.pacific{left:376px;top:17px}
.high-seas a.forties{left:211px;top:115px}
.high-seas a.southern{left:376px;top:150px}
.map.abel,.map.cook,.map.grey,.map.conway{background:url(img/marine-maps/c/abel.jpg) no-repeat 0 0}
.map.brett,.map.colville,.map.kaipara{background:url(img/marine-maps/c/brett.jpg) no-repeat 0 0}
.map.plenty{background:url(img/marine-maps/c/plenty.jpg) no-repeat 0 0}
.map.foveaux{background:url(img/marine-maps/c/foveaux.jpg) no-repeat 0 0}
.map.puysegur{background:url(img/marine-maps/c/puysegur.jpg) no-repeat 0 0}
.map.milford{background:url(img/marine-maps/c/milford.jpg) no-repeat 0 0}
.map.chalmers{background:url(img/marine-maps/c/chalmers.jpg) no-repeat 0 0}
.map.raglan{background:url(img/marine-maps/c/raglan.jpg) no-repeat 0 0}
.map.stephens{background:url(img/marine-maps/c/stephens1.jpg) no-repeat 0 0}
.map.chatham-islands{background:url(img/marine-maps/c/chatham-islands.jpg) no-repeat 0 0}
.map.portland{background:url(img/marine-maps/c/portland1.jpg) no-repeat 0 0}
.map.rangitata{background:url(img/marine-maps/c/rangitata.jpg) no-repeat 0 0}
.map.castlepoint{background:url(img/marine-maps/c/castlepoint.jpg) no-repeat 0 0}
.map.coastal a{font-size:14px;background:#00274c;display:block;padding:5px 40px 5px 10px;text-decoration:none;color:#e0e20c;font-weight:bold;height:20px;display:none}
.map.coastal a:hover,.map.coastal a.active{background:#fff;color:#001c37}
.map.coastal a.active{padding-right:10px;cursor:default}
.map.coastal a.active span.link{display:none}
.map.coastal a span.link{display:block;width:30px;height:30px;top:0;right:0;background:url(img/bg-icons.png) -160px -180px no-repeat}
.map.coastal a:hover span.link{background-position:-160px -210px}
.map.puysegur #puysegur{left:102px;top:105px;display:block}
.map.conway #cook,.map.abel #cook,.map.cook #cook,.map.grey #cook{left:410px;top:82px;display:block}
.map.conway #abel,.map.abel #abel,.map.cook #abel,.map.grey #abel{left:334px;top:63px;display:block}
.map.conway #conway,.map.abel #conway,.map.cook #conway,.map.grey #conway{left:420px;top:200px;display:block}
.map.conway #grey,.map.abel #grey,.map.cook #grey,.map.grey #grey{left:100px;top:120px;display:block}
.map.plenty #plenty{left:393px;top:137px;display:block}
.map.plenty #raglan{left:80px;top:130px;display:block}
.map.raglan #plenty{left:450px;top:73px;display:block}
.map.raglan #raglan{left:280px;top:120px;display:block}
.map.milford #milford{left:80px;top:80px;display:block}
.map.stephens #stephens{left:320px;top:100px;display:block}
.map.brett #brett,.map.colville #brett,.map.kaipara #brett{left:360px;top:67px;display:block}
.map.brett #colville,.map.colville #colville,.map.kaipara #colville{left:432px;top:124px;display:block}
.map.brett #kaipara,.map.colville #kaipara,.map.kaipara #kaipara{left:100px;top:120px;display:block}
.map.portland #portland{left:520px;top:120px;display:block}
.map.rangitata #rangitata{left:220px;top:110px;display:block}
.map.rangitata #chalmers{left:145px;top:210px;display:block}
.map.chalmers #chalmers{left:430px;top:140px;display:block}
.map.castlepoint #castlepoint{left:235px;top:100px;display:block}
.map.castlepoint #cook{left:40px;top:105px;display:block}
.map.castlepoint #portland{left:250px;top:13px;display:block}
.map.foveaux #foveaux{left:345px;top:145px;display:block}
.map.foveaux #puysegur{left:80px;top:160px;display:block}
.map.LakesLake-Taupo,.map.LakesLake-Rotorua{background:url(img/marine-maps/rec-marine/lakes.jpg) no-repeat 0 0}
.map.Northland_Opua{background:url(img/marine-maps/rec-marine/bay-of-islands.jpg) no-repeat 0 0}
.map.Auckland_Auckland_Onehunga{background:url(img/marine-maps/rec-marine/auckland.jpg) no-repeat 0 0}
.map.Bay-of-Plenty_Tauranga_Whakatane{background:url(img/marine-maps/rec-marine/bay-of-plenty.jpg) no-repeat 0 0}
.map.Mana_Karehana-Bay{background:url(img/marine-maps/rec-marine/mana.jpg) no-repeat 0 0}
.map.Christchurch_Lyttelton{background:url(img/marine-maps/rec-marine/christchurch.jpg) no-repeat 0 0}
.map.Hawke-Bay_Napier{background:url(img/marine-maps/rec-marine/hawke-bay.jpg) no-repeat 0 0}
.map.Wellington_Wellington_Karehana-Bay{background:url(img/marine-maps/rec-marine/wellington.jpg) no-repeat 0 0}
.map.Kapiti_Karehana-Bay{background:url(img/marine-maps/rec-marine/kapiti.jpg) no-repeat 0 0}
.map.Coromandel_Tauranga{background:url(img/marine-maps/rec-marine/coromandel.jpg) no-repeat 0 0}
#tides-index ul{float:left;padding:0 0 0 16px;width:30%}
#tide-table{font-size:13px;font-weight:bold}
#tide-table th{text-align:center}
#tide-table td{width:17%;text-align:center}
#tide-table td.tide-date{text-align:left;font-weight:bold;text-align:left;margin:0}
#tide-table td span{margin:0;display:block;font-size:11px;font-weight:normal}
table.radio{width:100%}
table.radio th{color:#000;padding:10px 0;font-size:15px;text-align:left;border-top:1px solid #e5e5e5}
table.radio td{color:#001c37;padding:10px;vertical-align:middle;border-top:1px solid #e5e5e5}
table.radio td.bold{font-weight:bold}
table.radio.hf th{font-size:18px;padding-bottom:10px}
table.radio.hf td{margin-top:10px;padding-top:10px}
#marine-maps #map{width:620px;height:620px}
#marine-maps #content .player-footer{margin-bottom:0}
#marine-maps .wxcolorbar{position:absolute;left:-480px;top:60px;width:66px;height:330px}
#marine-maps .player-controls{margin-bottom:15px}
#marine-maps .player-controls select{width:300px;margin-left:10px;position:relative;top:3px;left:30px}
#zoom-controls{width:32px;padding:10px}
#zoom-controls .zoom-control{width:17px;height:19px;background:#fff;border:1px solid #6b7dbf;text-align:center;font-size:16px;font-weight:bold;color:#6b7dbf;cursor:pointer;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;-webkit-box-shadow:#333 2px 2px .5em;-moz-box-shadow:#333 2px 2px .5em;box-shadow:#333 2px 2px .5em}
#zoom-controls #zoom-in{border-bottom:0;display:none}
#zoom-controls #zoom-out{position:absolute;top:28px}
#current.surf-current .readings span{line-height:1}
.lt-ie8 #current.surf-current .readings span{line-height:1.1}
#current.surf-current .big span{display:inline-block;vertical-align:middle}
#current.surf-current .big label{margin-top:3px}
#current.surf-current span.image{display:inline-block;vertical-align:middle;width:27px;height:20px;line-height:20px;margin:3px 0 3px 5px;background:url(img/sprite-3.0.287.png) no-repeat 50px 50px}
#current.surf-current #current-sea-temp span.image{width:8px;background-position:-840px -60px}
#current.surf-current #current-wetsuit span.image{width:20px;background-position:-800px -60px}
#current.surf-current #current-set-face span.image,#current.surf-current #current-sea-height span.image{background-position:-750px -60px}
#current.surf-current h3{color:#fff;border-bottom:1px solid #183149;margin-bottom:5px;padding-bottom:5px}
#current .big span{font-size:26px;font-weight:bold}
#current .obs span{font-size:26px;font-weight:bold}
#current.surf-current .obs label{font-weight:normal;width:43px;display:block;clear:left;float:left}
#current.surf-current .obs.tides label{width:30px}
#forecast .grid_1 .worst{margin-top:10px}
#related-marine{background:#fff;margin-bottom:20px;color:#000;padding:10px;display:none}
#related-marine h3{margin:0;font-weight:bold}
#related-marine .related-marine-title{background:#001c37;color:#fff;padding:5px}
#related-marine .related-marine-title h3{color:#fff;font-size:16px;font-weight:normal}
#related-marine .related-marine-title h3 span{font-weight:bold}
#related-marine p#coastal-situation-issued{margin:0;font-size:12px}
#related-marine .issued{margin:0 0 10px}
#related-marine .issued label{display:inline;font-weight:normal}
#related-marine p label{font-weight:bold}
#related-marine p{margin:0 0 1em;font-size:14px}
#related-marine-toggle{display:none}
#related-marine #forecastImage{margin-bottom:5px}
#recmarineForecast p br{display:block;margin:30px}
.surf_urban_forecast{color:#fff;background:#06315a;margin:10px 0 0;padding:10px;font-size:16px;display:none}
.surf_urban_forecast.active{display:block}
#surf_urban_forecasts .issued{margin-top:5px;font-size:12px}
section.surf-key{margin:0 auto 40px;height:92px;background:#f3f3f3}
section.surf-key.surf_region{background:#f3f3f3 url(img/keys/surf.png) no-repeat 50% 0}
section.surf-key.boat_region{background:#f3f3f3 url(img/keys/boat.png) no-repeat 50% 0}
section.surf-key.surf_location div{height:92px;margin-left:124px;background:#f3f3f3 url(img/keys/surf.png) no-repeat -300px 0}
section.surf-key.boat_location div{height:92px;margin-left:124px;background:#f3f3f3 url(img/keys/boat.png) no-repeat -300px 0}
.touch .ski section.wide{top:-5px}
.ski-day{clear:both;padding:0 10px 0;background:#fff;color:#000;width:492px;position:relative}
#ski_graph{width:100%;height:400px}
.hour-by-hour.surf-hbh .footnote{position:absolute}
.surf-hbh .footnote.upper{top:17px!important}
.surf-hbh .footnote.lower{top:84px!important}
.surf-hbh .temp .footnote{top:155px!important}
.surf-hbh .rain .footnote{top:315px!important}
.aa a{background:url(img/avalanche-advisory.png) no-repeat 0 0;display:block;width:159px;height:37px;position:absolute;right:0;top:53px}
#nearby_fields{position:absolute;padding:0;right:0;top:-31px}
#nearby_fields li{float:left;margin-left:10px;font-size:13px;font-weight:bold;min-width:60px}
#nearby_fields li a{color:#fff;text-decoration:none;position:relative}
#nearby_fields li a span.icon{float:left}
#nearby_fields li a span.reading{font-size:10px;float:left;margin:10px 0 0 -5px}
#nearby_fields li a span.name{display:block;clear:left;position:relative;top:-2px}
#ski_overview{margin-top:0;border-bottom:1px solid #808e9b}
#field_issued_time{font-size:10px;position:absolute;bottom:4px;left:0;color:#e7e7e7}
.ie8compat #ski_overview,.lt-ie8 #ski_overview{padding-bottom:10px}
#ski_overview div{margin:28px 20px 10px 0;float:left;font-size:14px;line-height:15px;font-weight:bold;width:130px}
.lt-ie9 #ski_overview div{font-size:13px}
#ski_overview #field_status,#ski_overview #road_status{width:150px;height:32px;overflow:hidden;position:relative;top:-10px}
#ski_overview #field_status.middle,#ski_overview #road_status.middle{line-height:27px}
#ski_overview #road_status{width:170px}
#ski_overview div.closed span,#ski_overview div.open span{width:30px;height:30px;display:block;float:left;margin-right:5px;background:url(img/sprite-ski-3.0.287.png) no-repeat 0 0}
#ski_overview div.open span{background-position:0 -30px}
#ski_overview div.on-hold span{background-position:0 -229px}
#ski_overview div.snowflakes span.icon{width:30px;height:30px;display:block;margin-top:0;background:url(img/sprite-ski-3.0.287.png) no-repeat 0 -60px}
#ski_overview div.snowfall{font-size:18px;margin:0}
#ski_overview div.snowfall span{display:block;font-size:12px}
.lt-ie9 #ski_overview div.snowfall span{font-size:10px}
#ski_overview div.base{margin-top:10px}
.lt-ie9 #ski_overview div.base{width:115px}
#ski_overview div.base span.icon{width:35px;height:20px;position:relative;background:url(img/sprite-ski-3.0.287.png) no-repeat 0 -120px}
#ski_overview div.base.base-low span.icon{background-position:0 -90px}
.ski .grid_8 .grid_4{height:321px;color:#fff}
.ski #facilities{margin-left:0;background:#797d89 url(img/skifields/facilities-bg.jpg) no-repeat 0 0}
.ski #webcams{margin-right:0;position:relative;background-color:#fff;float:left}
.ski .grid_8 .grid_4 h3{background:#00274c;padding:5px 0;font-size:13px;text-align:center;color:#fff}
.ski #webcams{display:none}
.ski .no_cams #webcams div{display:none}
.ski .no_image #webcams h3{display:none}
.ski .no_cams #webcams{background-image:url(img/placeholders/ski-no-cam.jpg)}
.ski.broken-river #webcams{background-image:url(img/skifields/broken-river.jpg)}
.ski.craigieburn #webcams{background-image:url(img/skifields/craigeburn.jpg)}
.ski.temple-basin #webcams{background-image:url(img/skifields/temple-basin.jpg)}
.ski.mt-cheeseman #webcams{background-image:url(img/skifields/mt-cheeseman.jpg)}
.ski.mt-lyford #webcams{background-image:url(img/skifields/mt-lyford.jpg)}
.ski.mt-dobson #webcams{background-image:url(img/skifields/mt-dobson.jpg)}
.ski.mt-olympus #webcams{background-image:url(img/skifields/mt-olympus.jpg)}
.ski.tukino #webcams{background-image:url(img/skifields/tukino.jpg)}
.ski.hanmer-springs #webcams{background-image:url(img/skifields/hanmer-springs.jpg)}
#cams{position:relative;clear:left;text-align:right;z-index:2}
#cams ul li{float:right;margin:13px 0 0 5px}
#cams ul li.last{margin-left:0;margin-right:1px}
#cams ul li img{border:1px solid #001c37}
#cams ul li a.active img{border:1px solid #57c2ff}
#ski_heights{margin:10px 0 10px 20px;font-weight:bold;font-size:16px;line-height:14px}
#ski_heights li{float:left;margin-right:22px}
.lt-ie9 #ski_heights li{margin-right:10px}
.lt-ie9 #ski_heights li.last{margin-right:0}
#ski_heights li span{display:block;font-size:10px}
#ski_facilities{margin:0 0 0 20px;height:244px;overflow:hidden}
.sf_col{width:270px}
.two-col .sf_col{width:130px;float:left;margin-right:10px}
#ski_facilities h4{margin:0;color:#fff;font-size:13px;font-weight:bold}
#ski_facilities ul{margin:0 0 10px}
#ski_facilities ul li{padding-left:20px;font-size:11px;margin:3px 0;background:url(img/sprite-ski-3.0.287.png) no-repeat 0 -189px;line-height:16px}
#ski_facilities ul li.open{background-position:0 -150px}
#ski_facilities ul li.on-hold{background-position:0 -273px}
.ski li .forecast p{font-size:13px}
.ski li .forecast .computer-gen,.ski li .forecast .ips-regional-wind{font-size:12px;padding:5px 3px 3px 10px;border-top:1px solid #e5e5e5;margin:12px -19px 0 -10px}
.ski li .forecast .issued{clear:both;font-size:10px;color:#666}
.ski li .windFC{font-size:11px;margin:5px 0 0}
.ski .hour-by-hour{width:100%;background:#fff}
.ski .hour-by-hour td,.ski .hour-by-hour th{width:4%}
.ski .hour-by-hour td.last,.ski .hour-by-hour thead th.last{border-right:1px solid #828d99}
.ski .hour-by-hour thead th.last.day3{border-right:0}
.ski .hour-by-hour thead th.last{text-transform:uppercase}
.ski .hour-by-hour th.small{font-size:9px!important}
.ski .temps_canvas{width:930px;height:75px}
.lt-ie8 .ski .temps_canvas{left:30px}
.ski .temp_divider{width:960px;border-bottom:1px solid #e0e0e0;top:219px;height:1px;position:absolute;left:0;z-index:2}
.ski .graph-temp{font-size:12px!important}
.ski .temps_graph_tt{top:132px}
.ski .temps_graph_at.temps_canvas{top:247px}
.ski .graph-label{position:absolute;border:0;z-index:1;left:7px}
.ski .graph-label h3{border:0;font-weight:normal;color:#666}
.ski .label-wind{top:24px}
.ski .label-tt{top:99px}
.ski .label-at{top:213px}
.ski .label-rain{top:330px}
.ski .label-snow{top:426px}
.ski_info{margin-bottom:20px}
.ski_info h3{background:#00274c;color:#fff;font-size:13px;padding:5px}
.ski_info div{background-color:#fff!important;color:#333;min-height:30px;padding:10px;font-size:11px}
.warnings section p{min-height:20px}
.warnings section .warning-wrapper{margin-bottom:30px}
.warnings section .loading span{display:none}
.warnings .loading{min-height:100px}
.warnings dl{margin-left:10px}
.warnings dt{font-weight:bold}
.warnings dd{margin-bottom:5px}
.swx-criteria h2{margin-top:30px}
#criteria{margin-top:20px}
#criteria th{background:#efefef;padding:5px}
#criteria td{border-top:1px solid #e5e5e5;vertical-align:top;padding:10px}
.maps #maps-player-wrapper{min-height:620px;margin-bottom:40px}
.grid_4 #maps-player-wrapper{min-height:0;margin-bottom:20px}
.no-touch #player-time{float:right}
#player_controls{background:#d9d9d9;padding:10px;position:relative;width:600px}
.grid_4 #player_controls{width:280px;position:absolute;top:244px}
.player{width:620px;margin-bottom:10px;position:relative;z-index:1}
.grid_4 .player{width:300px;margin-bottom:0}
.player-box{position:relative;background:#eee}
.player .player-button{float:left;width:30px;height:30px;margin-right:3px;background:url(img/bg-icons.png) no-repeat -0 -320px;position:absolute}
.player .player-button.playing:hover{background-position:0 -350px}
.player .player-button.paused{background-position:-30px -320px}
.player .player-button.paused:hover{background-position:-30px -350px}
.player .control{float:right;display:block;width:30px;height:30px;background:url(img/bg-icons.png) no-repeat -90px -320px;margin-left:3px}
.no-touch .player .dropdown-button,.no-touch .player .control{display:none}
.player a span{display:block;text-indent:-9999px}
.player .control.prev:hover{background-position:-90px -350px}
.player .control.next{background-position:-120px -320px}
.player .control.next:hover{background-position:-120px -350px}
#player-image-wrapper{background-color:transparent;margin:0;padding:0}
.grid_4 #player-image-wrapper{width:300px;height:245px}
.ski .grid_4 #player-image-wrapper{cursor:pointer}
.maps-time-dropdown .dropdown-selected{width:200px}
.grid_4 .dropdown-selected{width:130px;font-size:10px}
.grid_4 .scrubber .dropdown-selected{width:80px}
.lt-ie8 #player-image-wrapper img{margin:auto auto;max-width:600px;overflow:hidden}
.player-box .key{display:none}
.grid_4 .player-box{float:left;margin-bottom:50px}
.webcam-sponsor{clear:both;font-size:11px;line-height:22px;background:#fff;color:#666;padding:2px 0 5px 0}
.webcam-sponsor-logo{display:inline-block;width:50%;text-align:center}
.lt-ie9 .webcam-sponsor-logo{float:left}
.webcam-sponsor-logo img{display:block;max-width:116px;max-height:60px;margin:0 auto}
.left{float:left}
.right{float:right}
.small{font-size:10px!important}
.noborder{border:0}
.nofloat{float:none!important}
#chromeframe{margin:0;padding:5px;background:#e0e20c}
#chromeframeclose{float:right;font-weight:bold;text-decoration:none}
#forecast .active .loading,.loading{background:url(img/loading.gif) no-repeat center center!important;height:100%}
.maps .loading{background-color:#efefef}
#forecast .loading,.loading-blue{background:url(img/loading-blue.gif) no-repeat center center!important;height:100%}
p.nzgovt{font-size:11px!important}
a.download{clear:both;display:inline-block;line-height:30px;padding:0 9px 0 31px;text-decoration:none;background:#00274c url(img/bg-icons.png) -160px -240px no-repeat;color:#e0e20c}
a.download:hover{background-color:#57c2ff;color:#001c37;background-position:-160px -270px}
.dropdown-wrapper{z-index:10;position:relative}
.dropdown-wrapper.options-list{width:300px}
.touch .dropdown-wrapper{float:right;margin-left:3px}
.summary .scrubber .dropdown-wrapper{top:5px}
.maps .summary aside .dropdown-wrapper{top:0}
.lt-ie8 .maps .summary .dropdown-wrapper,.ie8compat .maps .summary .dropdown-wrapper{width:300px}
.dropdown-selector{float:left;font-size:11px;line-height:14px;background:#00274c;color:#e0e20c;margin:0;padding:0 10px;height:30px}
#past-weather-nav .dropdown-selector,.summary .dropdown-selector{background:#636363;color:#fff;width:250px}
.summary .grid_4 .scrubber .dropdown-selector{width:80px}
#past-weather-nav .dropdown-selected,.summary .dropdown-selected{color:#fff}
.summary .grid_4 .dropdown-selector{width:130px}
#past-weather-nav .dropdown-wrapper:hover .dropdown-selector,.dropdown-wrapper:hover .dropdown-selector{background:#57c2ff;color:#001c37}
#past-weather-nav .dropdown-wrapper:hover .dropdown-selector .dropdown-selected{color:#001c37}
.scrubber .dropdown-wrapper:hover .dropdown-selector,.scrubber .dropdown-selector{background:transparent;color:#333;padding:0}
.dropdown-selected{color:#e0e20c;display:block;cursor:pointer;position:relative;z-index:1;line-height:30px}
.scrubber .dropdown-selected{color:#000;cursor:default;font-size:13px}
.grid_4 .scrubber .dropdown-selected{cursor:default;font-size:9px;line-height:11px;text-align:center;color:#000;position:relative;top:-3px}
.dropdown-wrapper:hover .dropdown-selected{color:#001c37}
.scrubber .dropdown-selected span{color:#fff;background:#737373;padding:5px;display:block;float:left;position:relative;top:-5px;font-size:15px;width:69px;text-align:center;margin-right:10px}
.grid_4 .scrubber .dropdown-selected span{font-weight:bold;font-size:11px;top:0;color:#fff;margin-bottom:2px}
.dropdown-selector ul{display:none;left:0;top:30px;position:absolute;width:100%;padding:0;background:#00274c;list-style-type:none;z-index:0;margin:0;max-height:358px;overflow:auto}
.dropdown-selector ul li a{display:block;color:#fff;text-decoration:none;font-size:11px;font-weight:normal;padding:9px 0 10px 10px;border-top:1px solid #003154}
.grid_4 .dropdown-selector ul li a{font-size:10px;padding:6px 0 7px 4px}
.dropdown-selector ul li a.active{background:#57c2ff;color:#001c37}
.dropdown-selector ul li a:hover{color:#e0e20c}
.dropdown-button{background:url(img/bg-icons.png) no-repeat -60px -320px;display:block;width:30px;height:30px;float:left}
#past-weather-data .dropdown-button,.summary .dropdown-button{background-position:-60px -380px;float:right}
.dropdown-wrapper:hover .dropdown-button{background-position:-60px -350px!important}
.dropdown-button span{display:none}
.back{display:block;float:left;margin:5px 10px 0 0;width:42px;height:24px;background:url(img/bg-icons.png) no-repeat -150px -320px;position:relative;z-index:99}
.back:hover{background-position:-150px -350px}
.back span{display:block;text-indent:-9999px}
.adfloatright{float:right}
.cover{-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center;overflow:hidden}
#simplemodal-overlay{background:#000}
#simplemodal-container a.modalCloseImg{background:url(img/x.png) no-repeat;width:25px;height:29px;display:inline;z-index:3200;position:absolute;top:-15px;right:-18px;cursor:pointer}
.liquid,.summary,.home .liquid,.home .summary,#news{width:990px}
section{width:990px}
#news.rural_news{width:300px!important;overflow:hidden}
.radar-label{position:relative;left:10px;text-shadow:1px 1px 1px #000;padding:0 2px 1px 2px;display:block;line-height:1.1em}
a.radar-link:hover .radar-label,.radar-label:hover{background:#000}
a.radar-link{background-size:12px;background:transparent url(img/rain-radar-maps/radar-icon.png) no-repeat 1px 2px;border-radius:7px 7px;border:0;color:#fff;display:block;font-size:10px;height:12px;padding:1px 5px 1px 5px;text-decoration:none;z-index:1}
.rradar-label{background-size:12px;background:transparent url(img/rain-radar-maps/dot-rainradar.png) no-repeat 1px 2px;border-radius:7px 7px;border:0;color:#fff;display:block;font-size:10px;height:20px;padding:2px 11px 15px 20px;text-decoration:none;z-index:1;text-shadow:1px 1px 1px #000}
.rr-gisborne{background-position:right;padding:3px 18px 0 5px}
.rr-newplymouth{background-position:right;padding:3px 19px 0 3px}
.rr-auckland{background-position:right;padding:6px 22px 1px 5px}
.rr-whangarei{padding:2px 26px 1px 20px}
.rr-taupo{padding:2px 26px 3px 19px;height:33px}
.rr-kaitaia{background-position:right;padding:6px 24px 1px 1px}
.rr-tauranga{padding:2px 9px 1px 20px}
.rr-thames{padding:2px 9px 1px 21px}
.rr-whakatane{padding:1px 9px 22px 16px;background-position:center;height:33px}
.rr-bop-auckland{background-position:right;padding:2px 20px 0}
.bop-rr-whakatane120k{padding:25px 9px 35px 9px;background-position:center;height:50px}
.rr-rightalign{background-position:right;padding:5px 20px 0}
a.radar-link:hover{color:#57c2ff;background:transparent url(/_/css/img/rain-radar-maps/radar-icon-hover.png) no-repeat 1px 2px}
.radarlabel-location-toggle{cursor:pointer;background:#000 url(/_/css/img/rain-radar-maps/dot-rainradar.png) no-repeat 0 3px;font-family:'Open Sans',sans-serif;font-size:11px;position:absolute;top:10px;left:10px;z-index:3:height:12px;color:#fff;border:0 solid #d9d9d9;padding:3px 5px 4px 16px;width:113px;border-radius:7px}
.radarlabel-location-toggle:hover{color:#57c2ff;background:#000 url(/_/css/img/rain-radar-maps/dot-rainradar-hover.png) no-repeat 0 3px}
.radar-location-toggle{cursor:pointer;background:#000 url(/_/css/img/rain-radar-maps/radar-icon.png) no-repeat 0 3px;font-family:'Open Sans',sans-serif;font-size:11px;position:absolute;top:10px;left:10px;z-index:3:height:12px;color:#fff;border:0 solid #d9d9d9;padding:1px 5px 1px 16px;width:144px;border-radius:7px}
.radar-location-toggle:hover{color:#57c2ff;background:#000 url(/_/css/img/rain-radar-maps/radar-icon-hover.png) no-repeat 0 3px}
#northland-radar .radar-label{position:relative;left:0;top:-16px}
#akl-radar .radar-label{position:relative;left:0;top:-16px}
#bay-of-plenty-radar .radar-label{position:relative;top:-28px}
#taranaki-radar .radar-label{position:relative;top:-8px;left:-82px}
#wgtn-radar .radar-label{position:relative;left:-4px;top:16px}
#west-coast-radar .radar-label{position:relative;left:-86px}
#southland-radar .radar-label{position:relative;left:-90px;top:2px}
#chch-radar .radar-label{position:relative;top:12px;left:8px}
#gisborne-radar .radar-label{position:relative;top:12px;left:8px}
#radar-zoom a{position:absolute;left:504px;top:8px;text-align:center;margin:2px;background:#aaa;padding:2px 0 2px 0;width:85px;font-size:11px;text-decoration:none;border:1px solid #ddd}
#radar-zoom a:hover{background:#fff;border-color:#e0e20c}
.rain-radar #player-image-wrapper img{width:600px!important;height:auto}
.rain-radar #player-image-wrapper img{width:601px!important}
.rain-radar #player-image-wrapper{background-color:transparent;max-width:600px;overflow:hidden;margin:0;padding:0}
.rain-radar #radar-map-wrapper{position:relative;padding:10px 10px 6px 10px}
#map-nav-links{height:auto;position:relative;z-index:1}
#player{z-index:300}
.billboard-toggle{cursor:pointer;background:#444 url(/_/css/img/close-cross.png) no-repeat 2px 6px;font-family:'Open Sans',sans-serif;font-size:14px;position:absolute;top:1px;left:897px;width:50px;float:right;z-index:999:height:24px;color:#fff;border:0 solid #d9d9d9;padding:5px 2px 4px 25px;text-transform:uppercase}
.billboard-toggle:hover{color:#57c2ff;background:#444 url(/_/css/img/close-cross.png) no-repeat 2px 6px}
#big-banner-show{background:#f5f5f5 url(/_/css/img/close-arrow.png) no-repeat 6px 6px;font-size:11px;color:#333;left:907px;top:10px;width:56px;height:15px;padding:5px 2px 4px 25px;z-index:999!important;position:absolute}
#big-banner-show:hover{color:#57c2ff}
.Utility{color:black}
.NodeName{font-weight:bold;color:#001c37}
.AttributeName{font-weight:bold;color:black}
.AttributeValue{color:#001c37}
.NodeValue{color:black}
.Element{padding-top:0;margin-top:0}
.Clickable{overflow:hidden;font-wight:bold;font-size:24px;color:#41b1ff;cursor:pointer;vertical-align:middle;position:relative;top:-2px}
#gallery .gallery-row{float:left;margin:0}
#gallery .gallery-row .gallery-thumb{position:relative;text-align:center;float:left;margin-right:23px;width:137px}
#gallery .gallery-row .gallery-thumb a span{position:absolute;background:url(/assets/img/player/btn-playarrow.png) no-repeat;width:59px;height:42px;left:36px;bottom:23px}
#gallery .gallery-row .gallery-thumb a span:hover{position:absolute;background:url(/assets/img/player/btn-playarrow.png) no-repeat 35px 25px;border:1px solid #eb6800;width:132px;height:89px;left:0;bottom:0}
#gallery .gallery-row .last{margin-right:0}
#gallery .gallery-thumb img{border:1px solid #ccc}
#gallery .gallery-thumb p{font-size:11px;line-height:18px;padding:0;margin-bottom:0;padding-top:3px;width:140px}
#gallery .gallery-thumb img:hover{border:1px solid #eb6800}
#gallery .thumblabel{background:#d9d9d9}
.gardeningGuide{width:300px;display:none}
.gardeningGuide h3{font-size:1em;font-weight:normal;background:#00274c;color:#fff;text-align:center;display:block;line-height:24px}
.gardeningGuide .gg-inner-container{background:#fff;padding:0 3px 0 3px}
ul.gardenTabs{margin:0;padding:0;list-style:none;background:#fff;border-bottom:#57c2ff solid 1px}
ul.gardenTabs li{color:#000;display:inline-block;margin:8px 0 5px;cursor:pointer;font-size:11px;position:relative}
ul.gardenTabs li.tab-first{margin-left:3px}
ul.gardenTabs a.active{padding:5px 7px 20px;background:url(img/ggtab-active-arrow2.png) -10px -26px no-repeat}
ul.gardenTabs a{background:#ededed;color:#222;font-size:11px;position:relative;padding:5px 5px;text-decoration:none}
#garden-content-sow,#garden-content-harvest,#garden-content-prune,#garden-content-pest,#garden-content-fruits{padding:10px;color:#000;height:auto}
.ggtabs-content.current{display:inherit}
.gardeningGuide .gg-static{width:280px;height:auto;font-size:9px;color:#666;background:#fff;padding:0 10px 0 0}
.gardeningGuide .gg-ad{width:300px;bottom:0}
.gardeningGuideInner{background:#fff}
.kingsHover:hover{color:#57c2ff}
#wallpaper{position:absolute;top:52px;left:50%;margin-left:-635px;z-index:0}
#past-weather-data,#real-time,#weather-data{background:#fff;margin-top:0;padding-top:20px}
@media screen and (min-width:990px){body{overflow-x:hidden}
}
@media screen and (max-width:990px){#wallpaper-outer{Display:none;width:990px;overflow:hidden}
}
.ski-forecast-area-map-wrapper{height:30px;padding:2px;background:#001b38;margin-right:10px;float:right}
.ski-forecast-area-map-wrapper .ski-map{display:inline;float:left}
.ski-forecast-area-map-wrapper .ski-map-text{margin:2px 8px;float:left;display:inline;font-size:12px;line-height:12px;font-weight:700}
a.ski-map-link{color:#fff!important}
.fbShare{width:130px;height:32px}
.fb_iframe_widget{padding:5px 15px}
.fbShare span,.fb_iframe_widget{height:20px!important;width:138px!important}
#primary .cricket-ball li{background-color:#23a959!important;height:33px!important}
#primary .cricket-ball a{color:#fff;background-color:#23a959!important}
#primary .cricket-ball a:hover,#primary .cricket-ball a:active{background-color:#2dcf6e}
#primary .cricket-ball a.level1:hover,#primary .cricket-ball li:hover{color:white}
.map-australia{background:#62b7d4 url(img/australia_basemap.jpg) no-repeat 0 0;background-size:440px 370px;width:410px;height:400px;float:left;position:relative}
.australia-nav__sponsors{background:url(img/sponsors.png) no-repeat 100% 0;height:37px;position:absolute;bottom:0;left:210px;text-transform:uppercase;color:#666;font-size:.8em;padding:14px 132px 0 0}
.australia-nav__sponsors span{position:absolute;left:-9999px}
.australia-nav__menu{float:left;width:480px;padding:20px 15px 60px}
.australia-nav__menu>div{width:23%;float:left;margin-right:2%}
.australia-nav__menu>div h3{margin:0;font-size:1em;font-weight:600;font-width:100%;clear:both;text-decoration:underline}
#primary .australia-nav__menu div ul{margin-bottom:7px}
#primary .australia-nav__menu div ul li,#primary .australia-nav__menu div ul li a{float:left;line-height:1.4em;margin-right:0;clear:left!important}
#primary .australia-nav__menu div ul li a:hover{text-decoration:underline!important}
.map-australia__location{position:absolute;display:block}
.map-australia__location>div{float:left}
.map-australia__title{display:inline-block;position:relative;overflow:visible;white-space:nowrap;font-size:13px;font-weight:600;color:#fff;padding:8px 0 0 0;line-height:1;text-decoration:none;text-shadow:1px 1px 2px #000}
.map-australia__icon div span{position:absolute;left:-9999px}
.map-australia__temps>div{float:left;width:40px;color:#fff;text-align:center;font-size:10px;line-height:14px}
.map-australia__temps__max{background:#f15e3a}
.map-australia__temps__min{background:#52cccb;border-radius:0 0 0 2px}
#map-australia__sydney{left:305px;top:231px}
#map-australia__melbourne{left:236px;top:289px}
#map-australia__brisbane{left:313px;top:173px}
#map-australia__adelaide{left:195px;top:225px}
#map-australia__canberra{left:276px;top:260px}
#map-australia__hobart{left:283px;top:334px}
#map-australia__perth{left:3px;top:222px}
#map-australia__darwin{left:129px;top:12px}
#map-australia__townsville{left:283px;top:100px}
#map-australia__alice-springs{left:106px;top:134px}
#map-australia__ayers-rock{left:100px;top:149px}
#map-australia__broome{left:35px;top:60px}
.map-australia span{position:absolute;display:block;width:36px;height:32px;padding:0;background:url(img/sprite-3.0.287.png) 36px 32px no-repeat}
.map-australia .cloudy span{background-position:0 -1000px}
.map-australia .drizzle span{background-position:-40px -1000px}
.map-australia .few-showers span{background-position:-80px -1000px}
.map-australia .fine span{background-position:-120px -1000px}
.map-australia .fog span{background-position:-160px -1000px}
.map-australia .hail span{background-position:-200px -1000px}
.map-australia .partly-cloudy span{background-position:-240px -1000px}
.map-australia .rain span{background-position:-280px -1000px}
.map-australia .showers span{background-position:-320px -1000px}
.map-australia .snow span{background-position:-360px -1000px}
.map-australia .thunder span{background-position:-400px -1000px}
.map-australia .wind span,.map .windy span{background-position:-440px -1000px}
.map-australia span{right:-36px}
a#local{position:relative}
.new-badge{position:absolute;left:870px;top:-13px;width:41px;height:58px;z-index:3;background:url(img/icon-new-rev.png) 5px -1px no-repeat;background-size:38px}
.lt-ie9 .new-badge{display:none}