@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:400,700|Roboto:400,700);#container{position:absolute;top:50%;left:50%;margin-left:-125px;margin-top:25px;height:250px;width:250px;-webkit-animation:rotate 1s linear infinite;-webkit-transform-origin:50% 50%;}
.circle{height:50px;width:50px;float:left;border-radius:50%;position:absolute;opacity:0.2;}
.a{background-color:#B23138;-webkit-animation:moveA 2s linear infinite;}
.b{background-color:#325C83;-webkit-animation:moveB 2s linear infinite;}
.c{background-color:#E9862D;-webkit-animation:moveC 2s linear infinite;}
.d{background-color:#78bdda;-webkit-animation:moveD 2s linear infinite;}
.e{background-color:#99c955;-webkit-animation:moveE 2s linear infinite;}
.f{background-color:#B23138;-webkit-animation:moveF 2s linear infinite;}
.g{background-color:#325C83;-webkit-animation:moveG 2s linear infinite;}
.h{background-color:#E9862D;-webkit-animation:moveH 2s linear infinite;}
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);}
}
@-webkit-keyframes moveA{0%{-webkit-transform:scale(1);left:0px;top:100px;}
25%{-webkit-transform:scale(1.5);top:100px;left:100px;}
50%{-webkit-transform:scale(1);top:100px;left:200px;}
75%{-webkit-transform:scale(0.5);top:100px;left:100px;}
100%{-webkit-transform:scale(1);left:0px;top:100px;}
}
@-webkit-keyframes moveB{0%{-webkit-transform:scale(1);left:200px;top:100px;}
25%{-webkit-transform:scale(1.5);top:100px;left:100px;}
50%{-webkit-transform:scale(1);top:100px;left:0px;}
75%{-webkit-transform:scale(0.5);top:100px;left:100px;}
100%{-webkit-transform:scale(1);left:200px;top:100px;}
}
@-webkit-keyframes moveC{0%{-webkit-transform:scale(1);left:100px;top:200px;}
25%{-webkit-transform:scale(1.5);top:100px;left:100px;}
50%{-webkit-transform:scale(1);top:0px;left:100px;}
75%{-webkit-transform:scale(0.5);top:100px;left:100px;}
100%{-webkit-transform:scale(1);left:100px;top:200px;}
}
@-webkit-keyframes moveD{0%{-webkit-transform:scale(1);left:100px;top:0px;}
25%{-webkit-transform:scale(1.5);top:100px;left:100px;}
50%{-webkit-transform:scale(1);top:200px;left:100px;}
75%{-webkit-transform:scale(0.5);top:100px;left:100px;}
100%{-webkit-transform:scale(1);left:100px;top:0px;}
}
@-webkit-keyframes moveE{0%{-webkit-transform:scale(1);left:30px;top:30px;}
25%{-webkit-transform:scale(1.5);top:100px;left:100px;}
50%{-webkit-transform:scale(1);top:170px;left:170px;}
75%{-webkit-transform:scale(0.5);top:100px;left:100px;}
100%{-webkit-transform:scale(1);left:30px;top:30px;}
}
@-webkit-keyframes moveF{0%{-webkit-transform:scale(1);left:170px;top:170px;}
25%{-webkit-transform:scale(1.5);top:100px;left:100px;}
50%{-webkit-transform:scale(1);top:30px;left:30px;}
75%{-webkit-transform:scale(0.5);top:100px;left:100px;}
100%{-webkit-transform:scale(1);left:170px;top:170px;}
}
@-webkit-keyframes moveG{0%{-webkit-transform:scale(1);left:170px;top:30px;}
25%{-webkit-transform:scale(1.5);top:100px;left:100px;}
50%{-webkit-transform:scale(1);top:170px;left:30px;}
75%{-webkit-transform:scale(0.5);top:100px;left:100px;}
100%{-webkit-transform:scale(1);left:170px;top:30px;}
}
@-webkit-keyframes moveH{0%{-webkit-transform:scale(1);left:30px;top:170px;}
25%{-webkit-transform:scale(1.5);top:100px;left:100px;}
50%{-webkit-transform:scale(1);top:30px;left:170px;}
75%{-webkit-transform:scale(0.5);top:100px;left:100px;}
100%{-webkit-transform:scale(1);left:30px;top:170px;}
}
#loader{position:absolute;top:0;bottom:0;width:100%;background:rgba(255, 255, 255, 1);transition:background 1s ease-out;-webkit-transition:background 1s ease-out;z-index:9999999999999999999;}
#loader.done{background:rgba(255, 255, 255, 0);}
#loader.hide{display:none;}
#loader .message{position:absolute;left:50%;top:20%;font-size:60px;color:red;}
.loaderx-cont{height:120px;width:120px;margin:100px auto;position:relative;}
.loaderx{position:absolute;top:0;left:0;height:100px;width:100px;border-radius:50px;border-size:5px;border-style:solid;border-color:#111 #FFF;animation:turnLeft linear 5s infinite;}
.loaderx-small{height:80px;width:80px;border-radius:50px;border-size:5px;border-style:solid;border-color:#FFF #111;position:absolute;top:10px;left:10px;animation:turnRight linear 5s infinite;}
.middle{height:60px;width:60px;border-radius:30px;background:black;color:#111;text-align:center;font-family:helvetica;font-size:13px;position:absolute;top:20px;left:23px;animation:slowFade 3s infinite;}
.middle span{position:absolute;top:15px;left:-2px;line-height:15px;color:white;font-family:"Roboto", sans-serif;}
@keyframes turnRight{0%{}
100%{transform:rotate(360deg)}
}
@keyframes turnLeft{0%{}
100%{transform:rotate(-360deg)}
}
@keyframes slowFade{0%{}
30%{color:white;}
100%{}
}
.loader{position:absolute;top:50%;left:50%;width:7.33333em;height:7.33333em;margin-left:-3.66667em;margin-top:-3.66667em;z-index:9999999999999;}
.loader-block{position:absolute;top:0;left:0;display:inline-block;opacity:0;width:2em;height:2em;background:#fdfdfd;-webkit-animation:show 0.88s step-end infinite alternate, pulse 0.88s linear infinite alternate;animation:show 0.88s step-end infinite alternate, pulse 0.88s linear infinite alternate;}
.loader-block:nth-child(1){-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-animation-delay:0.065s;animation-delay:0.065s;}
.loader-block:nth-child(2){-moz-transform:translate(2.66667em, 0);-ms-transform:translate(2.66667em, 0);-webkit-transform:translate(2.66667em, 0);transform:translate(2.66667em, 0);-webkit-animation-delay:0.13s;animation-delay:0.13s;}
.loader-block:nth-child(3){-moz-transform:translate(5.33333em, 0);-ms-transform:translate(5.33333em, 0);-webkit-transform:translate(5.33333em, 0);transform:translate(5.33333em, 0);-webkit-animation-delay:0.195s;animation-delay:0.195s;}
.loader-block:nth-child(4){-moz-transform:translate(0, 2.66667em);-ms-transform:translate(0, 2.66667em);-webkit-transform:translate(0, 2.66667em);transform:translate(0, 2.66667em);-webkit-animation-delay:0.325s;animation-delay:0.325s;}
.loader-block:nth-child(5){-moz-transform:translate(2.66667em, 2.66667em);-ms-transform:translate(2.66667em, 2.66667em);-webkit-transform:translate(2.66667em, 2.66667em);transform:translate(2.66667em, 2.66667em);-webkit-animation-delay:0.13s;animation-delay:0.13s;}
.loader-block:nth-child(6){-moz-transform:translate(5.33333em, 2.66667em);-ms-transform:translate(5.33333em, 2.66667em);-webkit-transform:translate(5.33333em, 2.66667em);transform:translate(5.33333em, 2.66667em);-webkit-animation-delay:0.455s;animation-delay:0.455s;}
.loader-block:nth-child(7){-moz-transform:translate(0, 5.33333em);-ms-transform:translate(0, 5.33333em);-webkit-transform:translate(0, 5.33333em);transform:translate(0, 5.33333em);-webkit-animation-delay:0.39s;animation-delay:0.39s;}
.loader-block:nth-child(8){-moz-transform:translate(2.66667em, 5.33333em);-ms-transform:translate(2.66667em, 5.33333em);-webkit-transform:translate(2.66667em, 5.33333em);transform:translate(2.66667em, 5.33333em);-webkit-animation-delay:0.26s;animation-delay:0.26s;}
.loader-block:nth-child(9){-moz-transform:translate(5.33333em, 5.33333em);-ms-transform:translate(5.33333em, 5.33333em);-webkit-transform:translate(5.33333em, 5.33333em);transform:translate(5.33333em, 5.33333em);}
@-webkit-keyframes pulse{from,
40%{background:#fdfdfd;}
to{background:#000000;}
}
@-webkit-keyframes show{from, 40%{opacity:0;}
41%, to{opacity:1;}
}
@keyframes pulse{from,
40%{background:#fdfdfd;}
to{background:#000000;}
}
@keyframes show{from, 40%{opacity:0;}
41%, to{opacity:1;}
}
body{background:#fafafa;font-family:'Roboto', sans-serif;color:#333;min-height:400px;z-index:1}
footer{position:absolute;bottom:0;left:0;right:0;z-index:1000;font-size:0.7em;background:#fff;padding:5px;border-top:1px solid #ddd;box-sizing:border-box;}
.browsehappy{position:absolute;left:0;top:0;right:0;bottom:0;margin:0 auto;background:#fff;color:#000;font-size:3em;z-index:100;padding:40px;}
#graphic-body{z-index:2}
#graphic-header{z-index:10;position:fixed;top:0;left:0;right:0;background:#fff;height:120px;padding:10px;padding-top:0;box-sizing:border-box;box-shadow:0 0 1px rgba(78,78,78,.45);}
.note{font-size:.8em;line-height:1.1em;font-style:italic;color:#999;display:inline-block;}
#graphic-header h1{font-size:1.2em;font-weight:700;margin:0;margin-top:3px;}
h1{font-size:1.2em;line-height:1.2em;font-weight:200;margin:1.6em 0;}
h2{font-size:1.3em;line-height:1.2em;}
h3{font-size:1.1em;line-height:1.2em;}
#results .close-btn{position:relative;top:0;right:0;float:left;margin:0;color:#333;cursor:pointer;padding:0 5px;font-size:2em;margin-top:3px;margin-right:5px;}
.showAll-btn{margin:0;color:#fff;cursor:pointer;background:#48585b;padding:5px 10px;border-radius:20px;position:fixed;left:10px;bottom:30px;font-size:.8em;}
#results{box-sizing:border-box;padding:10px;padding-bottom:0;position:fixed;left:-300px;width:300px;top:0px;bottom:20px;z-index:100;background:#f5f5f5;transition:left 200ms ease-in-out 0s;color:#333;opacity:1;border-top:1px solid #ddd;height:100%;}
.active #results{left:0;background:#f5f5f5;}
.prom-description{display:block;text-transform:capitalize;font-size:.9em;font-style:italic;color:#000;font-weight:800;width:100%;margin-top:5px;}
#results h1{margin:0;margin-top:10px;margin-right:20px;font-size:1em;font-weight:800;margin-bottom:5px;}
#map{transition:left 200ms ease-in-out 0s;left:0;position:absolute;top:120px;bottom:25px;right:0;background:#e5e5e5;}
#graphic-content.active #sidebar,#graphic-content.list-active #sidebar{transition:all 200ms ease-in-out 0s;left:0;}
#sidebar{left:-300px;top:120px;display:block;position:fixed;left:-300px;width:302px;top:120px;bottom:25px;background:#f9f9f9;z-index:99;transition:all 200ms ease-in-out 0s;overflow:hidden;border-right:1px solid #ddd;border-top:1px solid #ddd;-webkit-overflow-scrolling:touch !important;-webkit-transform:translateZ(0px);}
.inner{height:calc(100% + 1px);}
#graphic-content.active #map{left:300px;transition:left 200ms ease-in-out 0s;}
#graphic-content.active .list-btn{left:310px;transition:left 200ms ease-in-out 0s;}
#map{z-index:1;}
.list-btn,.showAll-btn{z-index:50;}
#graphic-content.active #results{opacity:1;background:#fff;}
.candidates-list{font-size:.8em;position:relative;bottom:0;top:10px;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch !important;-webkit-transform:translateZ(0px);left:0;right:0;}
.candidates-list>div{margin-bottom:5px;padding:5px 0;box-sizing:border-box;}
.candidates-list div:last-child{border-bottom:0;}
.candidates-list .party{width:auto;}
.candidates-list .name{width:auto;}
.candidates-list div span{vertical-align:top;display:inline-block;margin-right:5px;}
.candidates-list .result{text-align:right;width:50px;margin-right:0;}
.candidates-list .bar{background:#f5f5f5;}
.candidates-list .barVal{border:2px solid #f5f5f5;}
.leaflet-popup .header{margin-bottom:5px;}
.leaflet-popup .header h1,.leaflet-popup .header h6{margin-bottom:0px;}
.leaflet-popup .header h6{font-size:1em;font-family:'Roboto Condensed', sans-serif;font-weight:400;}
#results .stats{font-size:.7em;list-style-type:none;margin:0;padding:0;margin-bottom:5px;}
#results .stats li{display:inline-block;margin-right:10px;}
.resultGroup{position:relative;width:100%;height:20px;margin-top:2px;}
.bar{position:absolute;left:0;right:60px;height:9px;top:2px;background:#f5f5f5;border-radius:9px;}
.leaflet-popup-content .party-result-item{width:20%;display:inline-block;position:relative;}
.leaflet-popup-content .party-result-item .party,
.leaflet-popup-content .party-result-item .name,
.leaflet-popup-content .party-result-item .result,
.leaflet-popup-content .party-result-item i{display:none;}
.res-string{font-weight:bold;font-family:'Roboto Condensed', sans-serif;}
.leaflet-popup-content .resultGroup{display:inline-block;position:relative;}
.leaflet-popup-content .resultGroup .bar{display:inline-block;position:relative;}
.prom-text{text-transform:capitalize;font-style:italic;font-size:.9em;color:#999;margin:3px 0;}
.barVal{border-radius:5px;border:2px solid #f5f5f5;top:0;position:absolute;height:5px;background:#999;color:#fff;font-size:0;overflow:hidden;text-indent:-100em;}
.result{position:absolute;top:0;right:0;text-align:right;display:block;font-size:1.1em;line-height:1em;font-weight:800;}
.leaflet-popup{max-width:200px;}
.leaflet-popup h1{font-family:'Roboto Condensed', sans-serif;font-size:1.2em;margin:0;font-weight:700;margin-bottom:0;}
.leaflet-popup h6{font-size:1em;margin:0;}
.leaflet-popup .barVal{border-radius:0px;border:1px solid #fff;height:10px;}
#list-view{display:block;position:absolute;left:0;top:0;bottom:0;background:#f9f9f9;overflow-y:auto;overflow-x:hidden;width:300px;-webkit-overflow-scrolling:touch !important;-webkit-transform:translateZ(0px);}
#list-view .title{font-weight:700;font-size:1.2em;}
#list-view .detail{font-size:.9em;position:relative;}
#list-view .detail .copy{line-height:1.6em;font-size:1em;display:inline-block;top:-.2em;margin-left:5px;position:relative;}
#list-view .detail-group{padding:5px 0;}
#list-view .riding{font-size:.9em;padding:15px 10px;color:#333;border-bottom:1px solid #e5e5e5;position:relative;cursor:pointer;}
#list-view .riding:focus,#list-view .riding:active,#list-view .riding:hover{background:#e5e5e5;}
#list-view .riding .right{position:absolute;right:20px;top:50%;margin-top:-.5em;cursor:pointer;}
.hor-stack-chart{padding:0;margin:0;margin-top:5px;}
.hor-stack-chart li{font-size:0;overflow:hidden;height:4px;background:#666;display:block;border-right:1px solid #fff;float:left;box-sizing:border-box;}
#elected-banner{display:none;position:absolute;right:0;top:0;box-sizing:border-box;padding:4px 8px;background:#333;color:#fff;font-size:.8em;border-bottom-left-radius:6px;}
#elected-banner.active{display:block;}
.chart{width:100%;height:14px;float:left;left:0;right:0;margin-bottom:5px;margin-top:15px;box-sizing:border-box;}
.chart .bar{position:absolute;top:0;float:left;height:12px;position:relative;box-sizing:border-box;border-radius:0;border:0;}
#chart-title{content:"";position:absolute;top:-21px;left:0;font-size:.8em;}
#seats-ind{content:"";position:absolute;top:-21px;right:0;font-size:.8em;}
#majority-ind:after{content:"";position:absolute;left:50%;bottom:-6px;margin-left:-7px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid black;}
#majority-ind{content:"";position:absolute;top:-23px;left:50%;text-align:center;font-size:.8em;margin-left:-20px;}
#overall-results{position:relative;}
#overall-results .chart{position:relative;}
#overall-results .list{position:relative;margin-top:5px;}
.party-item{float:left;padding:0 10px;padding-left:5px;box-sizing:border-box;position:relative;border-right:1px solid #ddd;}
.party-item:first-of-type{padding-left:0;}
.party-item .party{font-size:.9em;}
.party-item:last-of-type{border:0;padding-right:0;margin-right:0;}
.pop,.elected,.lead{font-size:.7em;line-height:1.2em;}
.pop{text-align:right;position:absolute;right:3px;top:19px;color:#999;font-weight:700;}
.net{position:absolute;right:5px;top:0;font-size:1.2em;text-align:right;font-weight:800;}
i.elected{font-size:1em;}
#list-view i.elected{font-size:3.6em;}
.list-btn{position:absolute;top:130px;left:10px;cursor:pointer;background:#fff;border:1px solid #999;border-radius:3px;padding:5px 8px;font-size:.8em;}
#graphic-content.list-active .showAll-btn,#graphic-content.active .showAll-btn{display:block;left:320px;transition:left 200ms ease-in-out 0s;}
#graphic-content.list-active .list-btn{display:block;left:320px;transition:left 200ms ease-in-out 0s;}
#graphic-content.list-active #map,#graphic-content.active #map{left:300px;transition:left 200ms ease-in-out 0s;}
@media (max-width:680px){.party-item .elected,.lead{display:none;}
}
@media (max-width:450px){.note{margin-left:10px;}
.party-item .elected,.lead{display:none;}
.party-item .party{font-size:.5em;}
.party-item .net{font-size:0.5em;}
.party-item .pop{top:13px;font-size:0.5em;}
#results h1{margin-left:10px;}
#results .stats{margin-left:10px;}
#list-view{display:block;position:fixed;left:0;right:0;width:auto;top:0px;bottom:0;background:#f9f9f9;z-index:100;overflow-y:auto;overflow-x:hidden;transition:all 200ms ease-in-out 0s;font-size:.9em;-webkit-overflow-scrolling:touch !important;-webkit-transform:translateZ(0px);border-top:1px solid #ddd;}
#sidebar{opacity:1;left:0;right:0;width:100%;}
.showAll-btn{display:none;}
.active #results{box-sizing:border-box;padding:0;padding-bottom:0;position:fixed;left:0;width:100%;top:0px;bottom:25px;z-index:100;background:#f5f5f5;transition:left 200ms ease-in-out 0s;color:#333;opacity:1;}
.candidates-list{bottom:0;left:0;margin-right:0;padding:0;background:#fff;box-shadow:inset 0 1px 1px rgba(128,128,128,.3);}
.candidates-list>div{margin-left:10px;margin-right:20px;}
#map{display:none;}
.list-btn{display:none;}
}
@media all and (min-width:451px) and (max-width:800px){.net{font-size:0.9em;}
#list-view{display:block;position:absolute;left:0;right:auto;width:200px;top:0;bottom:0;overflow-y:auto;overflow-x:hidden;}
#sidebar{right:auto;width:200px;left:-200px;}
.active #results{padding:0;padding-bottom:0;position:fixed;left:0;width:200px;top:0px;bottom:25px;opacity:1;background:#fff;box-sizing:border-box;}
.candidates-list{bottom:0;left:0;margin-right:0;padding:0;box-shadow:inset 0 1px 1px rgba(128,128,128,.3);}
.candidates-list>div{margin-left:10px;margin-right:20px;}
#graphic-content.active #map,#graphic-content.list-active #map{left:200px;}
#graphic-content.list-active .showAll-btn,#graphic-content.active .showAll-btn{left:220px;}
#graphic-content.list-active .list-btn,#graphic-content.active .list-btn{left:220px;}
#results h1,#results .stats,#results .note{margin-left:10px;}
#list-view .title{font-weight:700;font-size:1em;}
#list-view .detail{font-size:.9em;position:relative;}
#list-view .detail .copy{line-height:1em;font-size:1em;display:inline;top:0;margin-left:2px;position:relative;}
#list-view i.elected{font-size:1em;display:inline;}
}
.bannerless #graphic-header{display:none;}
.bannerless #sidebar,.bannerless #map,.bannerless #results{top:0px;}
.bannerless .list-btn{top:20px;}
.provnamelist{background-color:#333333; color:white !important;}