.timeline-header{line-height:30px;font-size:18px;text-transform:uppercase;margin:10px 0}
.timeline-icon{background:url(../../../html/asset/img/interactive-icons.gif) no-repeat -39px -2px;width:33px;height:33px;float:left;margin-right:10px}
.timeline{width:100%;border-top:1px solid #666;border-bottom:1px solid #666;height:455px;overflow:hidden;position:relative}
.timeline .entry-container{width:100%;position:absolute;border-spacing:0}
.timeline .entry td{vertical-align:middle}
.entry:nth-child(even){background:#eee}
.timeline .e-point{width:100px;text-align:right}
.timeline .e-point .e-date{padding:5px 10px;background:#333;float:right;display:block;margin:20px 10px 20px 0;color:#fff;font-size:14px}
.e-point .date-dot{vertical-align:middle;width:10px;z-index:3}
.timeline .e-point .e-point-container{vertical-align:middle;width:100%}
.timeline .e-line{width:1px;background:#000;position:absolute;height:100%;left:102px}
.timeline .e-info{width:420px}
.e-info .info-text{margin:10px;line-height:100%}
.timeline .e-photo{width:100px}
@media screen and (max-width:780px){.timeline .e-line{display:none}}.vid-int-mod{overflow:visible}
.vid-int-mod .nav{width:285px;height:360px;float:left;overflow-y:hidden;overflow-x:hidden;margin-right:15px}
.vid-int-mod .nav .video-btn{width:240px;cursor:pointer;border-bottom:1px;height:30px;padding:8px 10px 8px 10px;border:1px solid #eee;border-radius:3px;display:table;color:#cc2f27;font-size:18px}
#nav .video-btn .video-btn-content{display:table-cell;vertical-align:middle;background:url(../../../html/asset/img/btn-play-sm-red.png) no-repeat 210px center;padding-right:20px}
.vid-int-mod .nav .video-btn.selected{background:#f6f6f6;color:#000}
.vid-int-mod .nav .video-btn.selected .video-btn-content{background:none}
.vid-int-mod .video-interviews{width:640px;background:#fff;float:left}
.vid-int-mod .videoInterviewsContainer{position:relative}
.vid-int-mod .btn-play-m.videoInterviews-content{position:absolute;top:0;left:0}
.vid-int-mod select{display:none}
.video-interview-box{border-bottom:1px solid #cc2f27}
#video-interview-dropdown{position:relative;display:inline-block;background:url('https://gia.guim.co.uk/2013/09/nsa/img/dropdown.png') no-repeat right center;background-color:#cc2f27;color:#fff;font-size:20px;line-height:25px;font-weight:bold;padding:0 35px 0 10px;cursor:pointer;min-width:205px}
#interactive-12 #video-interview-dropdown{color:#fff;font-size:27px;line-height:33px;font-weight:normal;cursor:pointer}
#video-interview-options{visibility:hidden;position:absolute;z-index:100;left:0;width:100%;text-align:left;background-color:#f5f5f5;list-style:none;padding:0;margin:0}#video-interview-options li{font-weight:normal !important;padding:0 10px 0 10px !important;font-size:14px !important;color:#333 !important;margin:0 !important}
#interactive-12{margin-bottom:100px}
@media screen and (max-width:780px){.vid-int-mod{float:left;width:100%} .vid-int-mod .video-interviews{width:100%} .vid-int-mod .btn-play-m{display:none} .vid-int-mod select{display:block;width:100%;float:left;margin:5px 0} .vid-int-mod .nav{display:none}}#interactive-3 .hops-textblock p{font-size:16px;line-height:24px}
#interactive-3 .hops-textblock h1{font-size:36px}
#interactive-3 .hops-circle{display:block;width:100%;height:auto;color:#fff;font-size:18px}
#interactive-3 .hops-circle img{align:center}
#interactive-3 .hops-title{display:block;padding:0 0 10px 0;vertical-align:top;font-size:14px}
#interactive-3 .hops-level{display:block;line-height:100%}
#interactive-3 .hops-header{margin:0 0 10px 0;height:85px;border-bottom:solid #000 1px;text-align:center}
#interactive-3 .hops-intro{background-color:#fff;transition:width .5s,height .5s}
#interactive-3 .hops{overflow:hidden;height:400px;background-color:#fff;transition:width .5s,height .5s}
#interactive-3 .hops-block{display:inline-block;overflow:hidden;padding:0;width:275px;height:100%;background-color:#fff;vertical-align:top;font-size:10px}
#interactive-3 .hops-comparison{margin:10px 10px 0 10px;height:40px;font-size:16px;line-height:20px}
#interactive-3 .hops-relative{margin:5px 0 0 0;height:25px;text-transform:uppercase;font-size:12px}
#interactive-3 .hops-spacer{display:inline-block;margin:0 17px 0 17px;width:0;height:100%;border-left:dotted 1px}
#interactive-3 .hops-number{font-size:42px;line-height:100%}
#interactive-3 .hops-icon{display:block}
#interactive-3 .hops-icon svg{margin:10px 65px 0 65px}
#interactive-3 .ui-slider{position:relative;display:block;margin:7px 0 7px 0;width:100%;height:16px;border-radius:5px;background-color:#eee}
#interactive-3 .ui-slider a{text-decoration:none;color:#fff;background-color:#cc2f27}
#interactive-3 .ui-slider-range{height:16px;border-radius:5px;background-color:#cc2f27}
#interactive-3 .ui-slider-handle{position:absolute;top:-4px;display:block;margin-left:-25px;width:50px;height:24px;outline:none;border-radius:4px;background-color:#cc2f27;box-shadow:0 0 5px #999;color:#fff;text-align:center;text-decoration:none;font-size:14px;line-height:24px}
#interactive-3 .slider-ui-text{display:inline-block;padding:0 0 0 0;height:30px;vertical-align:top;font-size:18px;line-height:30px}
#interactive-3 .fbk-container{position:relative;visibility:hidden;display:inline-block;width:230px;height:30px;border-radius:5px;background-color:#3b5998;vertical-align:top;text-align:left;cursor:pointer}
.hops-pulsing{-webkit-animation-name:pulse;-moz-animation-name:pulse;-ms-animation-name:pulse;-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;animation-iteration-count:infinite;-animation-name:pulse;-animation-duration:2s}
@-webkit-keyframes pulse{from{background-color:#2f477a} 50%{background-color:#627aad} to{background-color:#2f477a}}@-moz-keyframes pulse{from{background-color:#2f477a} 50%{background-color:#627aad} to{background-color:#2f477a}}@-ms-keyframes pulse{from{background-color:#2f477a} 50%{background-color:#627aad} to{background-color:#2f477a}}@keyframes pulse{from{background-color:#2f477a} 50%{background-color:#627aad} to{background-color:#2f477a}}#interactive-3 .fbk-button{display:inline-block;margin-left:35px;padding:0 10px 0 10px;color:#fff;font-size:14px;line-height:30px;cursor:pointer}
#interactive-3 .fbk-explainer{position:absolute;top:5px;right:10px;display:inline-block;overflow:visible;margin:0 0 0 0;width:16px;height:16px;border:2px solid #fff;border-radius:15px;color:#fff;text-align:center;font-size:14px;line-height:16px}
#interactive-3 .fbk-logout{display:inline-block;visibility:hidden;padding:0 10px 0 10px;line-height:30px;cursor:pointer}
#interactive-3 .fbk-explainer-text{position:absolute;display:none;margin:-155px 0 0 -86px;padding:10px;width:160px;height:100px;border:0 solid #eee;background-color:#eee;color:#000;text-align:center;font-size:14px;line-height:18px}
#interactive-3 .fbk-explainer-text:after,#interactive-3 .fbk-explainer-text:before{position:absolute;top:100%;width:0;height:0;border:solid transparent;content:''}
#interactive-3 .fbk-explainer-text:before{left:78px;border-width:16px;border-top-color:#eee}
#interactive-3 .fbk-explainer-text:after{left:80px;border-width:0;border-top-color:#eee}
#interactive-3 .fbk-button-icon{position:absolute;top:0;left:0;display:inline-block;padding:0 2px 0 2px;border-right:2px solid #fff}
#interactive-3 .hops-slider{margin:0 0 25px 0;width:100%}
#interactive-3 .slider-container{display:inline-block;margin:0 20px 0 20px;padding:0 20px 0 20px;width:400px;vertical-align:top}
#interactive-3 .active{fill:#000}
#interactive-3 .inactive{fill:none}
#interactive-3 .highlight-text{background-color:#ff0;cursor:pointer}
#interactive-3 .hops-horizontal-spacer{height:25px}
#interactive-3 .hops-credit{color:#999;font-size:12px;line-height:14px;text-align:left}
#interactive-3 .hops-credit a{color:#999;text-decoration:underline}
@media screen and (max-width:780px){#interactive-3 .hops{display:block} #interactive-3 .hops-icon{display:none} #interactive-3 .hops-block{display:block;margin:auto;padding:15px 0 15px 0;width:90%;border-bottom:1px solid #000} #interactive-3 .hops-circle{display:none} #interactive-3 .hops-header{height:auto} #interactive-3 .hops-title{display:block;padding:0;font-size:16px} #interactive-3 .hops-header{border:0} #interactive-3 .hops-comparison{display:none} #interactive-3 .hops-relative{display:none} #interactive-3 .fbk-container{display:none} #interactive-3 .hops-slider{margin:auto;width:90%} #interactive-3 .slider-container{margin:auto;width:90%} #interactive-3 .hops{height:auto}}#interactive-8{}
#interactive-8 #timeseries{height:700px}
#interactive-8 #gia-fisc-judges{width:940px;position:relative;font-family:Guardian-Ag-Sans-1-Web-Reg,Arial,sans;font-size:14px}
#interactive-8 #gia-fisc-judges #fisc-filters ul{list-style-type:none;padding-left:0;margin-top:10px;margin-bottom:10px;margin-right:50px;display:inline-block;vertical-align:top}
#interactive-8 #gia-fisc-judges #fisc-filters ul:last-child{margin-right:0}
#interactive-8 #gia-fisc-judges #fisc-filters li{margin-bottom:5px;padding:8px 22px;color:#999;font-size:14px;font-family:Guardian-Ag-Sans-1-Web-Reg,Arial,sans;font-weight:normal;font-style:normal;line-height:1em;cursor:pointer;background-color:#eee;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
#interactive-8 #gia-fisc-judges #fisc-filters li:hover{background-color:#eee}
#interactive-8 #gia-fisc-judges #fisc-filters li:active{position:relative;top:1px;background-color:#eee}
#interactive-8 #gia-fisc-judges #fisc-filters .active,#interactive-8 #gia-fisc-judges #fisc-filters .active:hover{color:#fff;background-color:#cc2f27}
#interactive-8 #gia-fisc-judges .judgeLine{stroke:#cc2f27}
#interactive-8 #gia-fisc-judges line.reduce{stroke:#252525;opacity:.3}
#interactive-8 #gia-fisc-judges text.reduce{opacity:.3}
#interactive-8 #gia-fisc-judges line.hover-reduce,#interactive-8 #gia-fisc-judges text.hover-reduce{opacity:.3}
#interactive-8 #gia-fisc-judges .axis text{font-family:Verdana,Guardian-Ag-Sans-1-Web-Reg,Arial,sans;font-size:8px}
#interactive-8 #gia-fisc-judges text.hover-highlight{fill:#cc2f27;font-weight:bold;font-size:9px;opacity:1}
#interactive-8 #gia-fisc-judges line.hover-highlight{stroke:#cc2f27;opacity:1}
#interactive-8 #gia-fisc-judges .x.axis{fill:#333}
#interactive-8 #gia-fisc-judges .y.axis path{display:none}
#interactive-8 #gia-fisc-judges .axis path,#interactive-8 .axis line{stroke-width:1;stroke:#ccc;fill:none;shape-rendering:crispEdges}
#interactive-8 #gia-fisc-judges #judge-info.hidden{display:none}
#interactive-8 #gia-fisc-judges #judge-info{position:absolute;width:250px;height:100px;padding:10px;background-color:#eee;pointer-events:none;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:14px}
#interactive-8 #gia-judge-annotation{width:180px;position:absolute;color:#333;font-size:13px;pointer-events:none;text-align:left;top:250px;left:0}
#interactive-8 .gia-annotation-line{stroke:#ccc;stroke-dasharray:9,5}
#interactive-8 #gia-judges-filter-count{font-family:Guardian-Text-Egyp-Web-Reg,Georgia,serif;border-bottom:1px solid #eee;border-top:1px solid #eee;padding:20px;padding-top:25px;margin-bottom:10px}
#interactive-8 #gia-judges-filter-count #judge-count{font-size:55px}
#interactive-8 #gia-judges-sources{color:#999;font-family:Guardian-Ag-Sans-1-Web-Reg,Arial,sans;font-size:12px;margin:0;margin-top:10px;text-align:center}
@media screen and (max-width:780px){#interactive-8 #gia-fisc-judges{width:100%} #interactive-8 #gia-fisc-judges #fisc-filters{width:100%;float:none} #interactive-8 #gia-fisc-judges #fisc-filters ul{margin-left:2%;margin-right:2%;float:left;width:46%} #interactive-8 #gia-fisc-judges #fisc-filters ul:last-child{margin-right:2%} #interactive-8 #timeseries,#interactive-8 #gia-judge-annotation{display:none} #interactive-8 #gia-judges-filter-count #judge-count{display:block;margin-bottom:25px} #interactive-8 .clearfix{display:block} #interactive-8 .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} #interactive-8 #sixty-four,#interactive-8 #only-four{background-color:transparent}}#interactive-2 .hover-text{color:#c04000;text-decoration:none}
#interactive-2 .hover-text:hover{color:#f00}
#interactive-2 #lineup{position:relative;height:470px;float:left;padding:0}
#interactive-2 #lineup .lineup{position:absolute;top:170px;float:left;height:150px;width:940px;margin-top:0;border-bottom:solid 2px #c04000;margin-bottom:0}
.lineup .lineup-person{height:160px;width:140px;float:left;top:0;display:inline-block;overflow:visible;margin:0}
.lineup #person-Wyden{position:absolute;left:-10px;z-index:4;background:url('../../../interactives/lineup/img/Regular.png') -1436px -10px no-repeat}
.lineup #person-Feinstein{position:absolute;left:85px;z-index:5;background:url('../../../interactives/lineup/img/Regular.png') -1621px -10px no-repeat}
.lineup #person-Clapper{position:absolute;left:148px;width:160px;z-index:6;background:url('../../../interactives/lineup/img/Regular.png') -541px -10px no-repeat}
.lineup #person-Alexander{position:absolute;left:265px;z-index:7;background:url('../../../interactives/lineup/img/Regular.png') -1257px -10px no-repeat}
.lineup #person-Obama{position:absolute;left:315px;z-index:9;width:170px;background:url('../../../interactives/lineup/img/Regular.png') -721px -10px no-repeat}
.lineup #person-Snowden{position:absolute;left:385px;width:172px;z-index:15;background:url('../../../interactives/lineup/img/Regular.png') -905px -10px no-repeat}
.lineup #person-Cameron{position:absolute;left:507px;z-index:11;width:135px;background:url('../../../interactives/lineup/img/Regular.png') -1079px -10px no-repeat}
.lineup #person-Merkel{position:absolute;left:568px;z-index:9;background:url('../../../interactives/lineup/img/Regular.png') -1800px -10px no-repeat}
.lineup #person-Rousseff{position:absolute;left:630px;width:160px;z-index:7;background:url('../../../interactives/lineup/img/Regular.png') -369px -10px no-repeat}
.lineup #person-Mayer{position:absolute;left:725px;z-index:5;background:url('../../../interactives/lineup/img/Regular.png') -1px -10px no-repeat}
.lineup #person-Levison{position:absolute;left:789px;width:165px;z-index:3;background:url('../../../interactives/lineup/img/Regular.png') -185px -10px no-repeat}
.person-Mayer #person-Mayer,.person-Levison #person-Levison,.person-Rousseff #person-Rousseff,.person-Clapper #person-Clapper,.person-Obama #person-Obama,.person-Snowden #person-Snowden,.person-Cameron #person-Cameron,.person-Alexander #person-Alexander,.person-Wyden #person-Wyden,.person-Feinstein #person-Feinstein,.person-Merkel #person-Merkel{z-index:20}
.person-Mayer #person-Mayer,.person-Levison #person-Levison,.person-Rousseff #person-Rousseff,.person-Clapper #person-Clapper,.person-Obama #person-Obama,.person-Snowden #person-Snowden,.person-Cameron #person-Cameron,.person-Alexander #person-Alexander,.person-Wyden #person-Wyden,.person-Feinstein #person-Feinstein,.person-Merkel #person-Merkel{background-image:url('../../../interactives/lineup/img/Haloed.png')}
.person-Mayer #person-Levison,.person-Mayer #person-Rousseff,.person-Mayer #person-Clapper,.person-Mayer #person-Obama,.person-Mayer #person-Snowden,.person-Mayer #person-Cameron,.person-Mayer #person-Alexander,.person-Mayer #person-Wyden,.person-Mayer #person-Feinstein,.person-Mayer #person-Merkel{background-image:url('../../../interactives/lineup/img/Dark.png')}
.person-Levison #person-Mayer,.person-Levison #person-Rousseff,.person-Levison #person-Clapper,.person-Levison #person-Obama,.person-Levison #person-Snowden,.person-Levison #person-Cameron,.person-Levison #person-Alexander,.person-Levison #person-Wyden,.person-Levison #person-Feinstein,.person-Levison #person-Merkel{background-image:url('../../../interactives/lineup/img/Dark.png')}
.person-Rousseff #person-Mayer,.person-Rousseff #person-Levison,.person-Rousseff #person-Clapper,.person-Rousseff #person-Obama,.person-Rousseff #person-Snowden,.person-Rousseff #person-Cameron,.person-Rousseff #person-Alexander,.person-Rousseff #person-Wyden,.person-Rousseff #person-Feinstein,.person-Rousseff #person-Merkel{background-image:url('../../../interactives/lineup/img/Dark.png')}
.person-Clapper #person-Mayer,.person-Clapper #person-Levison,.person-Clapper #person-Rousseff,.person-Clapper #person-Obama,.person-Clapper #person-Snowden,.person-Clapper #person-Cameron,.person-Clapper #person-Alexander,.person-Clapper #person-Wyden,.person-Clapper #person-Feinstein,.person-Clapper #person-Merkel{background-image:url('../../../interactives/lineup/img/Dark.png')}
.person-Obama #person-Mayer,.person-Obama #person-Levison,.person-Obama #person-Rousseff,.person-Obama #person-Clapper,.person-Obama #person-Snowden,.person-Obama #person-Cameron,.person-Obama #person-Alexander,.person-Obama #person-Wyden,.person-Obama #person-Feinstein,.person-Obama #person-Merkel{background-image:url('../../../interactives/lineup/img/Dark.png')}
.person-Snowden #person-Mayer,.person-Snowden #person-Levison,.person-Snowden #person-Rousseff,.person-Snowden #person-Clapper,.person-Snowden #person-Obama,.person-Snowden #person-Cameron,.person-Snowden #person-Alexander,.person-Snowden #person-Wyden,.person-Snowden #person-Feinstein,.person-Snowden #person-Merkel{background-image:url('../../../interactives/lineup/img/Dark.png')}
.person-Cameron #person-Mayer,.person-Cameron #person-Levison,.person-Cameron #person-Rousseff,.person-Cameron #person-Clapper,.person-Cameron #person-Obama,.person-Cameron #person-Snowden,.person-Cameron #person-Alexander,.person-Cameron #person-Wyden,.person-Cameron #person-Feinstein,.person-Cameron #person-Merkel{background-image:url('../../../interactives/lineup/img/Dark.png')}
.person-Alexander #person-Mayer,.person-Alexander #person-Levison,.person-Alexander #person-Rousseff,.person-Alexander #person-Clapper,.person-Alexander #person-Obama,.person-Alexander #person-Cameron,.person-Alexander #person-Snowden,.person-Alexander #person-Wyden,.person-Alexander #person-Feinstein,.person-Alexander #person-Merkel{background-image:url('../../../interactives/lineup/img/Dark.png')}
.person-Wyden #person-Mayer,.person-Wyden #person-Levison,.person-Wyden #person-Rousseff,.person-Wyden #person-Clapper,.person-Wyden #person-Obama,.person-Wyden #person-Cameron,.person-Wyden #person-Alexander,.person-Wyden #person-Snowden,.person-Wyden #person-Feinstein,.person-Wyden #person-Merkel{background-image:url('../../../interactives/lineup/img/Dark.png')}
.person-Feinstein #person-Mayer,.person-Feinstein #person-Levison,.person-Feinstein #person-Rousseff,.person-Feinstein #person-Clapper,.person-Feinstein #person-Obama,.person-Feinstein #person-Cameron,.person-Feinstein #person-Alexander,.person-Feinstein #person-Snowden,.person-Feinstein #person-Wyden,.person-Feinstein #person-Merkel{background-image:url('../../../interactives/lineup/img/Dark.png')}
.person-Merkel #person-Mayer,.person-Merkel #person-Levison,.person-Merkel #person-Rousseff,.person-Merkel #person-Clapper,.person-Merkel #person-Obama,.person-Merkel #person-Cameron,.person-Merkel #person-Alexander,.person-Merkel #person-Snowden,.person-Merkel #person-Wyden,.person-Merkel #person-Feinstein{background-image:url('../../../interactives/lineup/img/Dark.png')}
#interactive-2 .info{position:relative;float:left;width:940px;height:50px;top:95px;margin-top:40px}
#interactive-2 .info2{width:940px;position:relative;float:left;height:50px;top:232px;margin-top:0}
#interactive-2 .info-Mayer,.info-Levison,.info-Rousseff,.info-Clapper,.info-Obama,.info-Snowden,.info-Cameron,.info-Alexander,.info-Wyden,.info-Feinstein,.info-Merkel{display:none}
.keyname{font-size:12px;text-align:center;width:165px;height:50px}
.info .info-person{height:100px;width:100px;bottom:12px;position:relative;float:left;display:inline-block;margin-left:50px;z-index:1}
.info .info-person:last-child{margin-right:0}
.info2 .info-person{height:100px;width:100px;position:relative;float:left;display:inline-block;margin-right:100px;z-index:1}
.info2 .info-person:last-child{margin-right:0}
.info #info-Feinstein .arrow{position:absolute;left:101px;top:-19px;width:10px;height:80px;background:url('../../../interactives/lineup/img/key_lines_top01.png') -30px -10px no-repeat}
.info #info-Feinstein .keyname{position:absolute;left:21px;top:-8px}
.info #info-Alexander .arrow{position:absolute;left:64px;top:-42px;width:55px;height:122px;background:url('../../../interactives/lineup/img/key_lines_top01.png') -40px 0 no-repeat}
.info #info-Alexander .keyname{position:absolute;left:-13px;top:-82px}
.info #info-Obama .arrow{position:absolute;left:35px;top:-33px;width:10px;height:100px;background:url('../../../interactives/lineup/img/key_lines_top01.png') -108px -10px no-repeat}
.info #info-Obama .keyname{position:absolute;left:-44px;top:-25px}
.info #info-Cameron .arrow{position:absolute;left:40px;top:-36px;width:15px;height:100px;background:url('../../../interactives/lineup/img/key_lines_top01.png') -140px -10px no-repeat}
.info #info-Cameron .keyname{position:absolute;left:-32px;top:-23px}
.info #info-Rousseff .arrow{position:absolute;left:55px;top:-47px;width:15px;height:105px;background:url('../../../interactives/lineup/img/key_lines_top01.png') -178px 20px no-repeat}
.info #info-Rousseff .keyname{position:absolute;left:-16px;top:-67px}
.info #info-Levison .arrow{position:absolute;left:52px;top:-38px;width:15px;height:100px;background:url('../../../interactives/lineup/img/key_lines_top01.png') -220px -10px no-repeat}
.info #info-Levison .keyname{position:absolute;left:-20px;top:-10px}
.info2 #info-Wyden .arrow{position:absolute;left:77px;width:65px;height:50px;background:url('../../../interactives/lineup/img/key_lines_bottom01.png') -2px -10px no-repeat}
.info2 #info-Wyden .keyname{position:absolute;left:40px;top:34px}
.info2 #info-Merkel .arrow{position:absolute;left:35px;width:10px;height:80px;background:url('../../../interactives/lineup/img/key_lines_bottom01.png') -96px -10px no-repeat}
.info2 #info-Merkel .keyname{position:absolute;left:-44px;top:82px}
.info2 #info-Snowden .arrow{position:absolute;left:32px;width:65px;height:50px;background:url('../../../interactives/lineup/img/key_lines_bottom01.png') -106px -10px no-repeat}
.info2 #info-Snowden .keyname{position:absolute;left:-40px;top:35px}
.info2 #info-Clapper .arrow{position:absolute;left:28px;width:10px;height:80px;background:url('../../../interactives/lineup/img/key_lines_bottom01.png') -199px -10px no-repeat}
.info2 #info-Clapper .keyname{position:absolute;left:-48px;top:84px}
.info2 #info-Mayer .arrow{position:absolute;left:-5px;width:65px;height:50px;background:url('../../../interactives/lineup/img/key_lines_bottom01.png') -256px -10px no-repeat}
.info2 #info-Mayer .keyname{position:absolute;left:-82px;top:34px}
#quote-Mayer,#quote-Levison,#quote-Rousseff,#quote-Clapper,#quote-Obama,#quote-Snowden,#quote-Cameron,#quote-Alexander,#quote-Wyden,#quote-Feinstein,#quote-Merkel{position:absolute;display:none;top:20px;left:200px;width:600px;height:190px;border:none}
.keyquote{line-height:21px;font-size:18px;color:#000;text-align:left}
.keyquote .keyquote-description{position:relative;display:inline-block;float:left;padding:0 10px 0 0;width:160px;height:200px}
.keyquote .keyquote-fact{position:relative;display:inline-block;float:left;border-left:solid 1px #c04000;padding:0 0 0 25px;width:375px;height:160px;font-size:15px}
.name-detail{color:#c04000}
.job-detail{color:#aaa;line-height:120%}
.keyquote-description .job-detail{font-size:15px}
.btn-left,.btn-right{display:none}
@media screen and (max-width:780px){#interactive-2 #lineup{position:relative;float:left;width:auto;height:auto;padding:0} #interactive-2 #lineup .lineup{position:relative;display:block;top:auto;left:20px;height:auto;width:180px;border-bottom:none} .lineup .lineup-person{top:10px;width:175px;margin-left:25px;position:relative;z-index:10;display:none} .lineup.person-Mayer #person-Mayer{position:relative;left:15px;display:block} .lineup.person-Levison #person-Levison{position:relative;left:15px;width:165px;display:block} .lineup.person-Rousseff #person-Rousseff{position:relative;left:-5px;width:172px;display:block} .lineup.person-Clapper #person-Clapper{position:relative;left:-5px;width:178px;display:block} .lineup.person-Obama #person-Obama{position:relative;left:auto;display:block} .lineup.person-Snowden #person-Snowden{position:relative;left:-10px;width:175px;display:block} .lineup.person-Cameron #person-Cameron{position:relative;left:15px;display:block} .lineup.person-Alexander #person-Alexander{position:relative;left:10px;display:block} .lineup.person-Wyden #person-Wyden{position:relative;left:auto;display:block} .lineup.person-Feinstein #person-Feinstein{position:relative;left:auto;display:block} .lineup.person-Merkel #person-Merkel{position:relative;left:11px;display:block} .person-Mayer #person-Levison,.person-Mayer #person-Rousseff,.person-Mayer #person-Clapper,.person-Mayer #person-Obama,.person-Mayer #person-Snowden,.person-Mayer #person-Cameron,.person-Mayer #person-Alexander,.person-Mayer #person-Wyden,.person-Mayer #person-Feinstein,.person-Mayer #person-Merkel{display:none} .person-Levison #person-Mayer,.person-Levison #person-Rousseff,.person-Levison #person-Clapper,.person-Levison #person-Obama,.person-Levison #person-Snowden,.person-Levison #person-Cameron,.person-Levison #person-Alexander,.person-Levison #person-Wyden,.person-Levison #person-Feinstein,.person-Levison #person-Merkel{display:none} .person-Rousseff #person-Mayer,.person-Rousseff #person-Levison,.person-Rousseff #person-Clapper,.person-Rousseff #person-Obama,.person-Rousseff #person-Snowden,.person-Rousseff #person-Cameron,.person-Rousseff #person-Alexander,.person-Rousseff #person-Wyden,.person-Rousseff #person-Feinstein,.person-Rousseff #person-Merkel{display:none} .person-Clapper #person-Mayer,.person-Clapper #person-Levison,.person-Clapper #person-Rousseff,.person-Clapper #person-Obama,.person-Clapper #person-Snowden,.person-Clapper #person-Cameron,.person-Clapper #person-Alexander,.person-Clapper #person-Wyden,.person-Clapper #person-Feinstein,.person-Clapper #person-Merkel{display:none} .person-Obama #person-Mayer,.person-Obama #person-Levison,.person-Obama #person-Rousseff,.person-Obama #person-Clapper,.person-Obama #person-Snowden,.person-Obama #person-Cameron,.person-Obama #person-Alexander,.person-Obama #person-Wyden,.person-Obama #person-Feinstein,.person-Obama #person-Merkel{display:none} .person-Snowden #person-Mayer,.person-Snowden #person-Levison,.person-Snowden #person-Rousseff,.person-Snowden #person-Clapper,.person-Snowden #person-Obama,.person-Snowden #person-Cameron,.person-Snowden #person-Alexander,.person-Snowden #person-Wyden,.person-Snowden #person-Feinstein,.person-Snowden #person-Merkel{display:none} .person-Cameron #person-Mayer,.person-Cameron #person-Levison,.person-Cameron #person-Rousseff,.person-Cameron #person-Clapper,.person-Cameron #person-Obama,.person-Cameron #person-Snowden,.person-Cameron #person-Alexander,.person-Cameron #person-Wyden,.person-Cameron #person-Feinstein,.person-Cameron #person-Merkel{display:none} .person-Alexander #person-Mayer,.person-Alexander #person-Levison,.person-Alexander #person-Rousseff,.person-Alexander #person-Clapper,.person-Alexander #person-Obama,.person-Alexander #person-Cameron,.person-Alexander #person-Snowden,.person-Alexander #person-Wyden,.person-Alexander #person-Feinstein,.person-Alexander #person-Merkel{display:none} .person-Wyden #person-Mayer,.person-Wyden #person-Levison,.person-Wyden #person-Rousseff,.person-Wyden #person-Clapper,.person-Wyden #person-Obama,.person-Wyden #person-Cameron,.person-Wyden #person-Alexander,.person-Wyden #person-Snowden,.person-Wyden #person-Feinstein,.person-Wyden #person-Merkel{display:none} .person-Feinstein #person-Mayer,.person-Feinstein #person-Levison,.person-Feinstein #person-Rousseff,.person-Feinstein #person-Clapper,.person-Feinstein #person-Obama,.person-Feinstein #person-Cameron,.person-Feinstein #person-Alexander,.person-Feinstein #person-Snowden,.person-Feinstein #person-Wyden,.person-Feinstein #person-Merkel{display:none} .person-Merkel #person-Mayer,.person-Merkel #person-Levison,.person-Merkel #person-Rousseff,.person-Merkel #person-Clapper,.person-Merkel #person-Obama,.person-Merkel #person-Cameron,.person-Merkel #person-Alexander,.person-Merkel #person-Snowden,.person-Merkel #person-Wyden,.person-Merkel #person-Feinstein{display:none} #interactive-2 .info{display:none} #interactive-2 .info2{display:none} #quote-Mayer,#quote-Levison,#quote-Rousseff,#quote-Clapper,#quote-Obama,#quote-Snowden,#quote-Cameron,#quote-Alexander,#quote-Wyden,#quote-Feinstein,#quote-Merkel{position:relative;display:none;left:auto;width:auto;height:auto;top:auto;border:#000} .keyquote .keyquote-description{position:relative;text-align:left;width:100%;height:auto;padding:5px 0;border-top:solid 1px #c04000} .keyquote .keyquote-fact{position:relative;display:block;width:100%;height:auto;top:auto;border-left:none;border-top:solid 1px #c04000;padding:10px 0;font-size:15px} #interactive-2 .gia-btns{position:relative;top:100px} #interactive-2 .btn-left{position:absolute;float:left;display:inline-block;height:50px;width:22px;line-height:20px;left:0;z-index:20} #interactive-2 .btn-right{position:absolute;float:right;display:inline-block;height:50px;width:22px;padding-right:10px;line-height:20px;z-index:20}}#gia-cables-outer-wrapper{width:940px}
#gia-cables-globe-header{font-family:"DE4 Display Egyptian Medium","Guardian-Text-Egyp-Web-Reg","Helvetica Neue",Helvetica,Verdana,sans-serif;font-size:36px;line-height:44px}
#gia-cables-globe-wrapper{position:relative;height:550px}
#gia-cables-dropdown-wrapper{font-family:"DS3 Display Sans","Guardian-Ag-Sans-1-Web-Reg","Helvetica Neue",Helvetica,Verdana,sans-serif}
#gia-cables-dropdown{position:relative;display:inline-block;background:url('https://gia.guim.co.uk/2013/09/nsa/img/dropdown.png') no-repeat right center;background-color:#cc2f27;color:#fff;font-size:20px;line-height:25px;font-weight:bold;padding:0 35px 0 10px;cursor:pointer;min-width:205px}
#gia-cables-countries{visibility:hidden;position:absolute;z-index:100;left:0;width:100%;text-align:left;background-color:#f5f5f5;list-style:none;padding:0;margin:0;max-height:300px;overflow-y:scroll}
#gia-cables-countries li{font-weight:normal !important;padding:0 10px 0 10px !important;font-size:14px !important;color:#333 !important;margin:0 !important}
#gia-cables-countries li:hover{color:#125185 !important;font-weight:bold !important}
#gia-cables-connected-countries-count{font-family:Georgia;font-size:28px}
.gia-cables-credit{margin-top:15px;color:#999;font-size:12px;line-height:14px;text-align:center}
.gia-cables-inline{display:inline}
#gia-cables-key{text-align:center}
#gia-cables-key-wrapper{display:inline-block;margin:0 auto}
#gia-cables-connected-legend{height:15px;width:15px;background-color:#a54f53;float:left}
#gia-cables-unconnected-legend{height:15px;width:15px;background-color:#848484;float:left}
#gia-cables-cable-legend{height:15px;width:22px;margin-top:-7px;margin-left:5px;float:left}
#gia-cables-point-legend{height:15px;width:5px;margin-top:-5px;margin-left:5px;float:left}
#gia-cables-connected-text,#gia-cables-unconnected-text,#gia-cables-cable-text,#gia-cables-point-text{font-family:"Guardian-Ag-Sans-1-Web-Reg","Helvetica Neue",Helvetica,Verdana,sans-serif;font-size:12px;padding-left:10px;padding-right:10px;float:left}
@media screen and (max-width:780px){#interactive-5.span12.mod-interactive{display:none} .gia-cables-header{display:none} .gia-cables-intro{display:none} .gia-cables-credit{display:none}}.docs-intro{margin-top:50px;margin-bottom:50px;border-bottom:1px solid #000}
.docs-doc{position:relative;display:inline-block;margin:5px;width:160px;height:210px;background-color:#fff;-ms-box-shadow:0 0 3px #dcdcdc;-webkit-box-shadow:0 0 3px #dcdcdc;-moz-box-shadow:0 0 3px #dcdcdc;box-shadow:0 0 5px #dcdcdc}
.docs-doc-image{position:absolute;top:5px;left:5px}
.docs-title{margin:0 0 0 0;padding:20px 0 0 0;height:50px;font-size:18px}
.docs-docs-icon{position:relative;display:inline-block;margin:0 2px 0 2px;width:14px;height:20px;border:2px solid #cc2f27;background-color:#fff;vertical-align:top;cursor:pointer;-moz-transition:background-color .25s;-ms-transition:background-color .25s;-webkit-transition:background-color .25s;transition:background-color .25s;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.arrow-right{display:inline-block;margin:0 0 0 5px;width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:12px solid #cc2f27}
.arrow-left{display:inline-block;margin:0 5px 0 0;width:0;height:0;border-top:12px solid transparent;border-right:12px solid #cc2f27;border-bottom:12px solid transparent;font-size:0}
.icon-selected{background-color:#cc2f27}
.docs-quote-left{display:inline-block;float:left;width:60px;height:30px;background:url(../../../html/asset/img/quote-left.png) #fff left center no-repeat}
.docs-quote-right{display:inline-block;float:right;width:60px;height:30px;background:url(../../../html/asset/img/quote-right.png) #fff left center no-repeat}
.folded-corner{position:absolute;top:-2px;right:-2px;width:0;height:0;border-width:0;border-width:0 8px 8px 0;border-style:solid;border-color:#fff #fff transparent transparent;background:#cc2f27;box-shadow:-1px 1px 0 #fff,0 1px 0 #fff,-1px 0 0 #fff}
.absolute-center{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}
.docs-button{z-index:0;display:inline-block;padding:5px 20px 5px 20px;height:20px;border-radius:3px;background-color:#cc2f27;color:#fff;text-transform:uppercase;font-weight:bold;font-size:12px;font-family:sans-serif;line-height:20px;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.docs-button2{z-index:0;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.docs-doc-button{width:75px}
.center{text-align:center}
.docs-doc-block{position:relative;display:inline-block;overflow:hidden;margin-right:25px;width:940px;height:425px;font-size:0;-moz-transition:width .5s;-ms-transition:width .5s;-webkit-transition:width .5s}
.docs-block-open{width:940px}
.docs-doc-metadata{margin-left:5px}
.docs-doc-block-fixed{position:absolute;top:0;left:0;width:940px;height:425px;text-align:center}
.docs-viewport{position:relative;overflow:hidden;width:940px;height:425px}
.docs-docs{position:absolute;width:8000px;text-align:left;font-size:0;-ms-transition:left .5s;-moz-transition:left .5s;-webkit-transition:left .5s;transition:left .5s}
.docs-stepper{margin:25px 0 0 0}
.docs-doc-container{display:inline-block;width:240px;vertical-align:top}
.docs-doc-container,.docs-doc-summary,.docs-doc-quote{display:inline-block;height:100%;vertical-align:top}
.docs-doc-summary,.docs-doc-quote{margin:0 0 0 25px;padding:0 25px 0 0}
.docs-doc-quote{border-right:0 solid #000}
.docs-doc-image{overflow:hidden}
.docs-doc-container{width:170px}
.docs-doc-summary{width:200px;border-right:1px dotted #ccc}
.docs-summary-text{font-size:14px;line-height:18px}
.docs-doc-quote{width:400px}
.docs-quote-name{margin:10px 0 0 0;font-size:16px}
.docs-summary-title,.docs-quote-title{margin:0 0 18px 0;text-transform:uppercase;font-size:16px}
.docs-doc-date,.docs-doc-title,.docs-doc-authors{margin:6px 0 0 0;font-size:12px;line-height:16px}
.docs-quote-text{font-size:16px;line-height:24px}
.highlight{padding:2px;background-color:#ff0}
.docs-mobile{display:none}
.docs-credit{margin:5px 0 0 0;color:#999;text-align:center;font-size:12px;line-height:14px}
@media screen and (max-width:780px){#interactive-7{padding:25px 0} .docs-mobile{display:block;padding:25px 10% 25px 10%;width:80%;background-color:#eee} .docs-viewport{display:none} .docs-stepper{display:none} .doc-mobile-view{padding:20px}}#graphic{margin:100px auto 0 auto;width:940px}
#interactive-6{position:relative}
#interactive-6 #gia-nsa-vote-chart{position:relative;font-family:Guardian-Ag-Sans-1-Web-Reg,Arial,sans;height:360px}
#interactive-6 #gia-nsa-vote-chart g{font-size:12px}
#interactive-6 .top-annotations{fill:#999;font-size:12px;font-family:Guardian-Ag-Sans-1-Web-Reg,Arial,sans;pointer-events:none}
#interactive-6 #gia-nsa-vote-key{width:125px;font-size:12px;margin-top:40px;position:absolute;z-index:99}
#interactive-6 #gia-nsa-vote-key ul{list-style-type:none;margin:0;padding:0}
#interactive-6 #gia-nsa-vote-key li{padding-bottom:30px;cursor:pointer}
#interactive-6 #gia-nsa-vote-key #r-maj-color,#interactive-6 #gia-nsa-vote-key #r-min-color,#interactive-6 #gia-nsa-vote-key #d-maj-color,#interactive-6 #gia-nsa-vote-key #d-min-color{display:inline-block;width:15px;height:15px;margin-right:10px;margin-top:5px}
#interactive-6 #gia-nsa-vote-key #r-maj-color{background-color:#b43030}
#interactive-6 #gia-nsa-vote-key #r-min-color{background-color:#da9285}
#interactive-6 #gia-nsa-vote-key #d-maj-color{background-color:#405695}
#interactive-6 #gia-nsa-vote-key #d-min-color{background-color:#7a9cc7}
#interactive-6 #gia-nsa-vote-key div.key-text{width:97px;float:right;line-height:1.3em}
#interactive-6 #gia-nsa-vote-major-votes{position:relative}
#interactive-6 #gia-nsa-vote-major-votes h4{font-size:14px;margin-bottom:0;margin-top:0}
#interactive-6 #gia-nsa-vote-major-votes{font-size:12px;line-height:1.5em}
#interactive-6 #gia-nsa-vote-major-votes .rank{color:#999;font-family:Guardian-Ag-Sans-1-Web-Reg,Arial,sans;margin-top:5px;margin-bottom:15px}
#interactive-6 #gia-nsa-vote-major-votes .major-vote{width:210px;margin-right:20px;padding:5px;float:left;cursor:pointer}
#interactive-6 #gia-nsa-vote-major-votes .major-vote:last-child{margin-right:0}
#interactive-6 #gia-nsa-vote-figures{color:#999;font-family:Guardian-Ag-Sans-1-Web-Reg,Arial,sans;font-style:italic;font-size:12px;margin-left:5px}
#interactive-6 #gia-nsa-vote-sources-notes div{color:#999;font-family:Guardian-Ag-Sans-1-Web-Reg,Arial,sans;font-size:12px;margin:0;margin-left:5px;line-height:100%;margin-top:5px;text-align:center}
#interactive-6 #gia-nsa-vote-sources-notes div:first-child{margin-top:10px;line-height:100%}
#interactive-6 .republican-maj{fill:#b43030}
#interactive-6 .republican-min{fill:#da9285}
#interactive-6 .democratic-maj{fill:#405695}
#interactive-6 .democratic-min{fill:#7a9cc7}
#interactive-6 .axis line{fill:none;stroke:#ccc;shape-rendering:crispEdges}
#interactive-6 .axis path{fill:none;stroke:none}
#interactive-6 .axis text{font-family:Guardian-Ag-Sans-1-Web-Reg,Arial,sans;font-size:11px}
#interactive-6 .axis line,#interactive-6 .axis text{pointer-events:none}
#interactive-6 .clearfix{display:block}
#interactive-6 .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
#interactive-6 #gia-nsa-vote-info.hidden{display:none}
#interactive-6 #gia-nsa-vote-info{position:absolute;width:300px;height:170px;padding:10px;background-color:rgba(256,256,256,0.85);font-size:12px;pointer-events:none}
#interactive-6 #gia-nsa-vote-info div{line-height:1.3em}
#interactive-6 .vote-metadata,#interactive-6 .vote-description,#interactive-6 .vote-title{margin:0;padding:0;padding-bottom:10px}
#interactive-6 .vote-metadata,#interactive-6 .vote-description{color:#666}
#interactive-6 .vote-metadata{text-transform:uppercase;font-size:10px}
#interactive-6 .reduce-vote{opacity:.2}
#gia-nsa-vote-methodology,#gia-nsa-vote-party-unity,#gia-nsa-vote-key,#gia-nsa-vote-info,#gia-nsa-vote-major-votes,#gia-nsa-vote-figures{text-align:left}
@media screen and (max-width:780px){#interactive-6 #gia-nsa-vote-chart{display:none} #interactive-6 #gia-nsa-vote-major-votes .major-vote{width:45%;padding:0;margin-bottom:20px;margin-right:10%;background-color:transparent} #interactive-6 #gia-nsa-vote-major-votes .major-vote:nth-child(even){margin-right:0} #interactive-6 #gia-nsa-vote-key{position:relative;display:block;left:0;width:100%;margin-top:5px;z-index:1} #interactive-6 #gia-nsa-vote-key li{float:left;width:50%;margin-bottom:10px;padding-bottom:0} #interactive-6 #gia-nsa-vote-key li:last-child{margin-right:0} #interactive-6 #gia-nsa-vote-key #r-maj-color,#interactive-6 #gia-nsa-vote-key #r-min-color,#interactive-6 #gia-nsa-vote-key #d-maj-color,#interactive-6 #gia-nsa-vote-key #d-min-color{float:left} #interactive-6 #gia-nsa-vote-key div.key-text{width:auto;display:inline-block;float:none;line-height:20px} #interactive-6 #third-most{background-color:transparent} #interactive-6 #gia-nsa-vote-figures{margin-left:0}}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}
.clearfix:after{clear:both}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#meta-canvas{width:940px;height:500px;position:relative;overflow:hidden}#meta-canvas .meta-Facebook{fill:#871d1b}
#meta-canvas .meta-Twitter{fill:#cc2f27}
#meta-canvas .meta-Phone{fill:#145084}
#meta-canvas .meta-Camera{fill:#0061a5}
#meta-canvas .meta-Googlesearch{fill:#a3bed6}
#meta-canvas .meta-Webbrowsing{fill:#ccc}
#meta-canvas .meta-Group{fill-opacity:0}
#meta-canvas .main-node{fill-opacity:0}
#meta-canvas .sub-node{fill-opacity:0}
#meta-canvas .meta-text-node{background:url(../img/bubbles.png) no-repeat;position:absolute;top:50px;left:100px;width:66px;height:66px;line-height:100%;text-align:center;font-size:12px;display:table}
#meta-canvas .meta-text-node-inner{display:table-cell;vertical-align:middle;height:60px;width:60px}
#meta-canvas .text-Twitter{background-position:2px -264px;color:#608042}
#meta-canvas .text-Facebook{background-position:2px -66px;color:#0d5284}
#meta-canvas .text-Email{background-position:2px 0;color:#cb3128}
#meta-canvas .text-Phonecalls{background-position:2px -198px;color:#871553}
#meta-canvas .text-Photo{background-position:2px -396px;color:#eda83a}
#meta-canvas .text-Googlesearch{background-position:2px -134px;color:#7f3892}
#meta-canvas .text-Webbrowsing{background-position:2px -330px;color:#c84f1a}
.meta-btn{display:inline-block;color:#ccc;font-size:14px;line-height:1em;cursor:pointer;width:70px;overflow:hidden;height:30px;padding-top:60px;background:url(../img/icons.png) no-repeat}
.meta-btns{width:100%;position:relative}
#meta-btn-email{background-position:-15px -97px}
#meta-btn-phone{background-position:-115px -97px}
#meta-btn-camera{background-position:-215px -97px}
#meta-btn-facebook{background-position:-315px -97px}
#meta-btn-twitter{background-position:-415px -97px}
#meta-btn-google{background-position:-515px -97px}
#meta-btn-browser{background-position:-615px -97px}
#meta-btn-email.meta-selected{background-position:-15px -10px;color:#cb3128}
#meta-btn-phone.meta-selected{background-position:-115px -10px;color:#871553}
#meta-btn-camera.meta-selected{background-position:-215px -10px;color:#f4bd53}
#meta-btn-facebook.meta-selected{background-position:-315px -10px;color:#0d5284}
#meta-btn-twitter.meta-selected{background-position:-415px -10px;color:#608042}
#meta-btn-google.meta-selected{background-position:-515px -10px;color:#7f3892}
#meta-btn-browser.meta-selected{background-position:-615px -10px;color:#c84f1a}
@media screen and (max-width:780px){.meta-btn{font-size:11px;padding-top:60px} #meta-btn-email{background-position:-15px -97px} #meta-btn-phone{background-position:-115px -97px} #meta-btn-camera{background-position:-215px -97px} #meta-btn-facebook{background-position:-315px -97px} #meta-btn-twitter{background-position:-415px -97px} #meta-btn-google{background-position:-515px -97px} #meta-btn-browser{background-position:-615px -97px} #meta-btn-email.meta-selected{background-position:-15px -10px;color:#cb3128} #meta-btn-phone.meta-selected{background-position:-115px -10px;color:#871553} #meta-btn-camera.meta-selected{background-position:-215px -10px;color:#f4bd53} #meta-btn-facebook.meta-selected{background-position:-315px -10px;color:#0d5284} #meta-btn-twitter.meta-selected{background-position:-415px -10px;color:#608042} #meta-btn-google.meta-selected{background-position:-515px -10px;color:#7f3892} #meta-btn-browser.meta-selected{background-position:-615px -10px;color:#c84f1a} .meta-mobile-node{border-radius:2px;display:inline-block;font-size:13px;margin-bottom:2px;padding:5px;color:#fff;margin:0 5px 5px 0} .m-text-Twitter{background-color:#608042} .m-text-Facebook{background-color:#0d5284} .m-text-Email{background-color:#cb3128} .m-text-Phonecalls{background-color:#871553} .m-text-Photo{background-color:#eda83a;color:#000} .m-text-Googlesearch{background-color:#7f3892} .m-text-Webbrowsing{background-color:#c84f1a}}#interactive-14{width:940px}
.legal-cards{font-size:0}
.legal-card-container{display:inline-block;margin:10px 10px 10px 10px;-moz-perspective:1000;-ms-perspective:1000;-webkit-perspective:1000;perspective:1000}
.legal-card-container.legal-card-flipped .legal-card{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}
.legal-card-container,.legal-card-front,.legal-card-back{width:215px;height:270px}
.legal-card{position:relative;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;transition:.3s;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.legal-card-front,.legal-card-back{position:absolute;top:0;left:0;width:175px;opacity:1;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;transition:all .3s;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.legal-icon{text-align:center}
.legal-title{padding:0 0 10px 0;color:#cc2f27;text-align:center;font-size:14px;line-height:18px}
.legal-description{color:#000;text-align:center;font-size:12px;line-height:16px}
.legal-hidden{opacity:0}
.legal-card-front{padding:80px 20px 0 20px;height:190px;background-color:#eee;-webkit-box-shadow:0 0 3px #dcdcdc;-moz-box-shadow:0 0 3px #dcdcdc;box-shadow:0 0 3px #dcdcdc;-ms-box-shadow:0 0 3px #dcdcdc}
.legal-card-back{padding:20px;height:230px;background-color:#fff;-webkit-box-shadow:0 0 3px #dcdcdc;-moz-box-shadow:0 0 3px #dcdcdc;box-shadow:0 0 3px #dcdcdc;-ms-box-shadow:0 0 3px #dcdcdc}
.legal-card-front{z-index:2}
.legal-card-front .legal-title{color:#666}
.legal-card-back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg)}
#legal-dropdown-wrapper{margin:5px 0 10px 0}
#legal-dropdown{position:relative;display:inline-block;padding:0 35px 0 10px;width:575px;background:url('https://gia.guim.co.uk/2013/09/nsa/img/dropdown.png') no-repeat right center;background-color:#cc2f27;color:#fff;font-size:20px;line-height:25px;cursor:pointer}
#legal-dropdown-list{position:absolute;left:0;z-index:100;visibility:hidden;overflow-y:scroll;margin:0;padding:0;max-height:300px;width:100%;background-color:#f5f5f5;list-style:none;text-align:left}
#legal-dropdown-list li{margin:0 !important;padding:2px 10px 2px 10px !important;color:#333 !important;font-weight:normal !important;font-size:14px !important}
#legal-dropdown-list li:hover{color:#125185 !important}
.legal-desktop{display:inline}
.legal-mobile{display:none}
.legal-credit{margin:5px 0 0 0;color:#999;text-align:center;font-size:12px;line-height:14px}
p#legal-dek{margin-bottom:0}
@media screen and (max-width:780px){.legal-desktop{display:none} .legal-mobile{display:inline} #legal-card-2,#legal-card-6,#legal-card-7{display:none} #legal-dropdown-wrapper{display:none} .legal-hidden{opacity:1} .legal-card-container{position:relative;display:block;margin:20px 0 20px 0;width:100%;height:auto;-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none} .legal-card-front,.legal-card-back{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none;-moz-backface-visibility:visible;-ms-backface-visibility:visible;-webkit-backface-visibility:visible;backface-visibility:visible} .legal-card-container.legal-card-flipped .legal-card{-webkit-transform:none;-moz-transform:none;-ms-transform:none;transform:none} .legal-cards{position:relative;display:block} .legal-card{position:relative;display:block;width:100%} .legal-card-front{display:none} .legal-card-back{position:relative;padding:10px 10% 10px 10%;width:80%;height:auto} #interactive-14{width:100%}}#interactive-15 #gia-polls-multiples{height:300px;overflow:hidden}
#interactive-15 .chart-container{float:left;margin-right:20px;width:140px;margin-bottom:20px}
#interactive-15 .chart-container:nth-child(6){margin-right:0}
#interactive-15 .chart-container .chart-question{text-align:left;font-size:12px}
#interactive-15 .chart-container .chart-title{text-align:left;font-size:13px;font-weight:bold;margin-bottom:10px}
#interactive-15 #gia-polls-multiples .axis path,#interactive-15 .axis line{stroke-width:1;stroke:#333;fill:none;shape-rendering:crispEdges}
#interactive-15 #gia-polls-multiples .axis text{font-family:Arial,sans;font-size:10px;fill:#000}
#interactive-15 #gia-polls-multiples path.line{stroke:#cc2f27;stroke-width:2;fill:none}
#interactive-15 #gia-polls-multiples .area{fill:#cc2f27;opacity:.3;stroke-width:0}
#interactive-15 #gia-polls-multiples .x.axis .tick:nth-child(even){display:none}
#interactive-15 #gia-polls-sources{color:#999;font-family:Guardian-Ag-Sans-1-Web-Reg,Arial,sans;font-size:12px;margin:0;margin-top:5px;text-align:center}
#interactive-15 .clearfix{display:block}
#interactive-15 .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
@media screen and (max-width:780px){#interactive-15 .chart-container{float:none;width:100%;display:block;margin-bottom:10px}#interactive-15 .chart-container .chart-title{margin-top:10px;margin-bottom:0} #interactive-15 .chart-container:last-child{border-bottom:none} #interactive-15 .chart-container svg{float:right;margin-left:20px;margin-bottom:10px} #interactive-15 #poll-highlight{background-color:transparent} #interactive-15 #gia-polls-multiples{height:auto}}.doc-viewer .doc-btns{width:280px;cursor:pointer;border-bottom:1px;height:30px;padding:10px 10px 0 10px;border:1px solid #eee;border-radius:3px;display:table;font-size:18px;text-align:left}
.doc-viewer .doc-btn-container{float:left}
.doc-viewer .doc-title{font-size:18px}
.doc-viewer .doc-desc{font-size:16px;margin:5px 0}
.doc-viewer .doc-btns.doc-selected{background:#f6f6f6;color:#000}
.doc-viewer .doc-viewer-container{height:500px;overflow:hidden}
.doc-viewer .doc-mobile-view{background:#eee;padding-top:10px;padding-bottom:10px}
#document-1 .doc-viewer-container{height:700px}
#interactive-18 .docs-nsadoc{width:200px;height:280px;position:relative;background-color:#fff;-webkit-box-shadow:0 0 3px #dcdcdc;-moz-box-shadow:0 0 3px #dcdcdc;box-shadow:0 0 5px #dcdcdc;display:inline-block;margin:5px;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
#interactive-18 .docs-nsadoc-image{position:absolute;width:190px;height:190px;border:solid 1px #e2e2e2;top:5px;left:5px}
#interactive-18 .nsadocs-full{height:400px;border-top:none}
#interactive-18 #nsadocs-next-button{width:20px;height:20px;display:inline-block;margin:0 0 0 5px;cursor:pointer}
#interactive-18 #nsadocs-previous-button{width:20px;height:20px;font-size:0;display:inline-block;margin:0 5px 0 0;cursor:pointer}
#interactive-18 .nsa-center{margin:15px;height:190px;width:190px;position:absolute;top:0;left:0;bottom:0;right:0}
#interactive-18 .docs-nsadoc-block-fixed{position:absolute;float:left;display:inline;top:0;left:0;height:300px}
#interactive-18 .nsadocs-viewport{width:940px;height:325px;overflow:hidden;position:relative}
#interactive-18 .docs-nsadocs{position:absolute;width:7800px;font-size:0;-webkit-transition:left .5s;transition:left .5s}
#interactive-18 .nsa-buttons{margin:15px 0 0 0}
#interactive-18 .docs-nsadoc-container{display:inline-block;width:220px;vertical-align:top;height:100%;margin-right:20px}
#interactive-18 .docs-nsadoc-image{overflow:hidden}
#interactive-18 .docs-nsadoc-container{width:220px}
#interactive-18 .docs-nsadoc-title{display:inline-block;width:190px;font-size:14px;color:#cc2f27;text-align:left;line-height:16px;margin-top:210px;padding:0 7px 0 7px}
#interactive-18 .docs-nsadoc-pubdate{display:inline-block;width:190px;font-size:12px;color:#000;text-align:left;line-height:16px;padding:7px 7px 0 7px}
#interactive-18 #collapsed-view{display:none}
@media screen and (max-width:780px){#interactive-18 .nsadocs-viewport{display:none} #interactive-18 .nsa-buttons{display:none} #interactive-18 #collapsed-view{display:inline-block;float:left;text-align:left;margin-left:0;font-size:14px;padding:25px 0 25px 0;width:auto;height:auto}}#interactive-9,#interactive-10{border:none;width:100%;margin-top:25px;margin-bottom:25px}
#interactive-9 img,#interactive-10 img{margin:0 auto;display:block}
#big-data-container{height:240px;position:relative}
#big-data-bg{position:absolute;top:60px;left:-1px;z-index:-1;width:100%;overflow:hidden;text-align:center}
#big-data-img{width:630px;height:120px;margin:0 auto}
.big-data-row{font-size:50px;line-height:120px;text-align:center}
.big-data-lbl{font-size:20px;line-height:150%;text-align:center;padding:0 130px}
#big-data-clock,#big-data-queries{display:inline}
@media screen and (max-width:780px){.big-data-row{font-size:30px;line-height:150%} .big-data-lbl{font-size:16px;line-height:150%;text-align:center;padding:0} #big-data-container{height:200px}}#tor-wrapper{position:relative;margin:10px 0 95px 0;height:300px;padding:115px 0 0 0}
#tor-image-wrapper{position:absolute;z-index:25;top:85px;left:20px;width:942px;height:308px}
#tor-animation{width:600px}
.tor-annotation,.pgp-annotation{width:150px;position:absolute;font-family:"Guardian-Ag-Sans-1-Web-Reg","Helvetica Neue";font-size:12px;line-height:15px}
#tor-annotation-leadin{top:15px;left:50px;width:200px}
#tor-annotation-1{left:50px;top:270px}
#tor-annotation-2{left:300px;top:15px}
#tor-annotation-3{left:340px;top:395px}
#tor-annotation-4{left:577px;top:15px}
#tor-annotation-5{left:547px;top:395px}
#tor-annotation-6{left:775px;top:270px}
.tor-annotation-header,.pgp-annotation-header{font-size:14px;line-height:18px;font-family:"Guardian-Ag-Sans-1-Web-Reg","Helvetica Neue";color:#cc2f27}
#pgp-annotation-leadin{top:60px;left:50px;width:200px}
#pgp-annotation-1{left:40px;top:315px}
#pgp-annotation-2{left:290px;top:438px}
#pgp-annotation-3{left:400px;top:60px}
#pgp-annotation-4{left:520px;top:438px}
#pgp-annotation-5{left:770px;top:315px}
#pgp-wrapper{position:relative;margin:10px 0 95px 0;height:315px;padding:150px 0 0 0}
#pgp-image-wrapper{position:absolute;z-index:24;top:140px;left:10px;width:941px;height:306px}
#pgp-animation{width:700px}
@media screen and (max-width:780px){#tor-wrapper,#pgp-wrapper{padding:0;height:auto} .tor-annotation,.pgp-annotation{position:relative} #tor-image-wrapper,#pgp-image-wrapper{display:none} #tor-annotation-leadin,#pgp-annotation-leadin{position:relative;left:0;width:80%;margin-left:10%;margin-right:10%} #tor-annotation-1,#tor-annotation-2,#tor-annotation-3,#tor-annotation-4,#tor-annotation-5,#tor-annotation-6,#pgp-annotation-1,#pgp-annotation-2,#pgp-annotation-3,#pgp-annotation-4,#pgp-annotation-5{display:none}}