#int{font-family:sl-Apres}#int #int_wrapper{margin:1em auto;width:1012px;position:relative}#int .int_title{font-size:2.5em;font-family:sl-TitlingGothFBMedCond,verdana;margin:0;line-height:1.4}#int .int_sub{margin-top:0;margin-bottom:1em;line-height:1.4}#int .legend_table{display:inline-block;border-bottom:1px solid #e3e3e3}#int .legend_table img{width:20px}#int .legend_table td{padding-bottom:.5em}#int .legend_table .legend_title{font-size:.8em;padding-right:1em;padding-left:10px}#int .legend_table .legend_label{font-size:.7em;text-align:center;padding-right:10px;padding-left:.2em}#int .main_chart{table-layout:fixed;width:1012px;height:600px}#int .main_chart td{font-size:.8em;height:32px;border:1px solid #e3e3e3;text-align:center;padding:0 2px;vertical-align:middle}#int .main_chart td.highlighted{background-color:#fbffb0}#int .main_chart td.highlighted.int_cell:hover{background-color:#fff836;position:relative}#int .main_chart .corner{border-top:0;border-left:0}#int .main_chart .col_header{border-bottom:1px solid #636363;border-top:0}#int .main_chart .row_header{border-left:0;border-right:1px solid #636363}#int .int_cell{cursor:pointer;background-repeat:no-repeat;background-position:center}#int .int_cell:active{position:relative;top:1px}#int .int_cell.enemy{background-image:url(http://www.slate.com/features/2014/07/middle_east/graphics/single-enemy2.png)}#int .int_cell.friend{background-image:url(http://www.slate.com/features/2014/07/middle_east/graphics/single-friend2.png)}#int .int_cell.complicated{background-image:url(http://www.slate.com/features/2014/07/middle_east/graphics/single-complicated2.png)}#int .int_cell.same{cursor:default;background-repeat:repeat;background-image:url(http://www.slate.com/features/2014/07/middle_east/graphics/stripe.png)}#int .int_popup{position:absolute}#int .int_popup .inner{padding:1em;margin:0 35px;border:5px solid #000;background:#fff;background:rgba(255,255,255,.93);box-shadow:3px 3px 3px rgba(0,0,0,.2);width:300px;position:relative}#int .int_popup .popup_head{font-size:1.2em;font-weight:700;margin-bottom:.1em}#int .int_popup p{line-height:1.4;margin:0}#int .int_popup.flipped .triangle{left:5px;transform:scale(-1,1);-moz-transform:scale(-1,1);-webkit-transform:scale(-1,1);-o-transform:scale(-1,1);-khtml-transform:scale(-1,1);-ms-transform:scale(-1,1)}#int .int_popup .triangle{width:35px;height:34px;background:url(http://www.slate.com/features/2014/07/middle_east/graphics/triangle2.png);top:0;right:5px;position:absolute}#int .int_popup .relationship_label{font-size:.6em;vertical-align:middle;padding:.2em .5em;margin:0 0 0 .5em;text-transform:uppercase;white-space:nowrap}#int .int_popup .relationship_label.friend{background-color:#10ad4b;color:#fff}#int .int_popup .relationship_label.enemy{background-color:#ed2024;color:#fff}#int .int_popup .relationship_label.complicated{background-color:#f6eb14}#int .btn_ex{position:absolute;right:5px;top:0;color:gray;cursor:pointer}#int .btn_ex:hover{color:#603}#int #int_text,#int .int_graphical_version{display:none}@media screen and (max-width:580px){#int #int_text{display:block}#int #int_text p{line-height:1.4}#int #int_wrapper{display:none}#int .int_graphical_version{display:block}#int .int_graphical_version img{width:100%}}