html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{text-decoration:none}
mark{font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
strong{font-weight:bold}
h1{font-size:2em}
body {
    padding: 0;
    font-family: arial;
    text-align: center;
}
.navigation{display:none}
h1{margin:20px 0 10px;font-size:25px}
h2{margin:20px 0 10px;font-size:21px}
h3{margin:20px 0 5px;font-size:19px}
p{margin:0 0 20px; font-size:17px}
.clearboth{clear:both}
.clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}
.clearfix{display:inline-block; }
* html .clearfix{height:1%; }
.clearfix{display:block; }

#wrapTimeZoneMap {
    width: 784px;display:inline-block;
    max-width: 100%;
    aspect-ratio: 784 / 405; /* Maintains aspect ratio */
    background-image: url(timezonemap.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: 0px 9px;
}
.c{stroke:#939598;stroke-width:0.4;stroke-linejoin:round;stroke-linecap:round}
.z{stroke:#8C4F34;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;fill:none}
.b{stroke:#FFFFFF;stroke-width:0.55;stroke-linejoin:round;stroke-linecap:round;fill:none}
.s{stroke:#4000F0;stroke-width:0.25;stroke-linejoin:round;stroke-linecap:round;fill:none}
.d{stroke:#FFFFFF;stroke-width:0.25;stroke-linejoin:round;stroke-linecap:round;fill:none}
.l{stroke:#231F20;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:butt;fill:none}
.m{stroke:#231F20;stroke-width:1.6;fill:none}
.p{stroke:#BBBDC0;stroke-width:0.4;fill:none}
.t{stroke:#231F20;stroke-width:0.5;fill:none}
.n{fill:none}
.w14{fill:#F0D2BD}
svg{position:relative}
path.www{opacity:0.2;z-index:9}
path.www:hover,path.hovered{opacity:0.5;fill:#000}
path.www:hover path{opacity:0.5;fill:#000}
/* Add borders to time zone shapes */
path.www{stroke:#525289;stroke-width:0.8;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
path.www:hover,path.hovered{stroke:#000;stroke-width:1}
path{position:relative;z-index:8}
path.bndry{display:none}
path.www.w5-w4{display:block}
.w13{fill:#F2E3C5}
.w1245{fill:#E9E1C3}
.w12{fill:#DADFC2}
.w11{fill:#CFDADA}
.w1030{fill:#E0D2DA}
.w10{fill:#F0D2BD}
.w930{fill:#F1D9C1}
.w9{fill:#F2E3C5}
.w845{fill:#E9E1C3}
.w8{fill:#DADFC2}
.w7{fill:#CFDADA}
.w630{fill:#E0D2DA}
.w6{fill:#F0D2BD}
.w530{fill:#F1D9C1}
.w5{fill:#F2E3C5}
.w4{fill:#DADFC2}
.w330{fill:#D5DDCE}
.w3{fill:#CFDADA}
.w2{fill:#F0D2BD}
.w1{fill:#F2E3C5}
.w0{fill:#DADFC2}
.w-1{fill:#CFDADA}
.w-2{fill:#F0D2BD}
.w-3{fill:#F2E3C5}
.w-330{fill:#E4DFC2}
.w-4{fill:#DADFC2}
.w-5{fill:#CFDADA}
.w-6{fill:#F0D2BD}
.w-7{fill:#F2E3C5}
.w-8{fill:#DADFC2}
.w-9{fill:#CFDADA}
.w-930{fill:#E0D2DA}
.w-10{fill:#F0D2BD}
.w-11{fill:#F2E3C5}
.w-12{fill:#DADFC2}
.ki14{fill:#E1A780}
.ki13,.tk,.ws,.to{fill:#E5C98C}
.nz1245{fill:url(#z045-145)}
.nz12{fill:url(#z0-1)}
.ru12,.um12,.mh,.nr,.ki12,.tv,.wf,.fj{fill:#C9D08A}
.nf{fill:url(#z3-0)}
.ru11,.fm11,.pg11,.sb,.vu,.nc,.coralsea11{fill:#A2B7B9}
.au1030{fill:url(#z230-3)}
.au10{fill:url(#z2-3)}
.ru10,.mp,.gu,.fm10,.pg10,.coralsea10,.au10n{fill:#E1A780}
.au930n{fill:#E2B886}
.au930{fill:url(#z130-230)}
.ru9,.kp,.kr,.jp,.pw,.id9,.tl{fill:#E5C98C}
.au845{fill:#DECD8C}
.ru8,.mn8,.cn,.hk,.mo,.tw,.ph,.my,.bn,.sg,.id8,.ashmorecartier,.au8{fill:#C9D08A}
.ru7,.mn7,.vn,.la,.kh,.th,.id7,.cx{fill:#A2B7B9}
.mm,.cc{fill:#CFA7B9}
.ru6,.kg,.bt,.bd,.io{fill:#E1A780}
.np{fill:#E1AF83}
.in,.lk{fill:#E2B886}
.ru5,.kz,.uz,.tm,.tj,.pk,.mv,.tf5,.hm{fill:#E5C98C}
.af{fill:#D7D08A}
.ru4,.ge,.am,.az,.ae,.om,.sc,.mu,.re,.tf4{fill:#C9D08A}
.ir{fill:#B5C9AE}
.ru3,.by,.abkhazia,.southossetia,.ua3,.tr,.sy,.jo,.iq,.kw,.sa,.bh,.qa,.ye,.er,.et,.dj,.so,.somaliland,.ke,.ug,.tz,.km,.yt,.mg,.tf3,.za3{fill:#A2B7B9}
.fi,.ee,.lv,.lt,.ua2,.transnistria,.md,.ro,.bg,.gr,.cy,.northerncyprus,.akrotiridhekelia,.lb,.il,.ps,.eg{fill:url(#z2-3)}
.ru2,.ly,.sd,.ss,.cd2,.rw,.bi,.zm,.zw,.mw,.mz,.na,.bw,.za2,.ls,.sz{fill:#E1A780}
.no,.se,.dk,.pl,.cz,.sk,.hu,.si,.hr,.ba,.rs,.me,.kosovo,.mk,.al,.de,.nl,.be,.lu,.ch,.li,.at,.it,.sm,.va,.mt,.fr,.mc,.ad,.es1,.gi{fill:url(#z1-2)}
.tn,.dz,.ne,.ng,.bj,.td,.cm,.cf,.cd1,.cg,.ga,.gq,.ao{fill:#E5C98C}
.fo,.gb,.im,.gg,.je,.ie,.pt0,.es0,.ma,.eh{fill:url(#z0-1)}
.gl0,.is,.mr,.ml,.sn,.gm,.gw,.gn,.sl,.lr,.ci,.bf,.gh,.tg,.st,.sh{fill:#C9D08A}
.pt-1{fill:url(#z3-0)}
.cv{fill:#A2B7B9}
.gl-2{fill:url(#z2-3)}
.br-2,.gs{fill:#E1A780}
.pm{fill:url(#z1-2)}
.gf,.sr,.br-3,.py,.uy,.ar,.cl-3,.fk{fill:#E5C98C}
.ca-330{fill:url(#z030-130)}
.gl-4,.ca-4,.bm,.cl-4{fill:url(#z0-1)}
.ca-4n,.do,.pr,.vi,.vg,.ai,.mf,.sx,.bl,.ag,.kn,.ms,.gp,.dm,.mq,.lc,.vc,.gd,.bb,.tt,.bq,.cw,.aw,.ve,.gy,.br-4,.bo{fill:#C9D08A}
.ca-5,.us-5,.bs,.tc,.cu,.ht{fill:url(#z3-0)}
.ca-5n,.jm,.um-5,.ky,.mx-5,.pa,.co,.ec-5,.pe,.br-5{fill:#A2B7B9}
.ca-6,.us-6,.mx-6b,.cl-6{fill:url(#z2-3)}
.ca-6n,.mx-6,.bz,.gt,.sv,.hn,.ni,.cr,.ec-6{fill:#E1A780}
.ca-7,.us-7,.mx-7b{fill:url(#z1-2)}
.ca-7n,.us-7n,.mx-7{fill:#E5C98C}
.ca-8,.us-8,.mx-8b{fill:url(#z0-1)}
.mx-8,.cp,.pn{fill:#C9D08A}
.us-9{fill:url(#z3-0)}
.pf-9{fill:#A2B7B9}
.pf-930{fill:#CFA7B9}
.us-10{fill:url(#z2-3)}
.us-10n,.um-10,.pf-10,.ck{fill:#E1A780}
.um-11,.as,.nu{fill:#E5C98C}
.um-12{fill:#C9D08A}