@import url("//static.cdn.realviewdigital.com/global/css/jquery.jscrollpane.css");
body{color:#fff;}
/* standard classes used by overlay lib */
 a{outline:none;}

/**  Nav Bar **/
#bottomcontent,#col2content, #col1content{z-index:6;  }
#bottomcontent table{border-collapse:collapse; margin-top:5px}
#bottomnav{padding:0}
#bottomnav ul{padding:0; margin:0; list-style-type:none; display:none; }

#bottomnav li{float:left; text-transform:uppercase; font:bold 12px/28px "neutra-2-text-n4","neutra-2-text-1","Times New Roman",Times,serif; padding:0; vertical-align:middle; text-align:center; white-space:nowrap; }
#bottomnav li a{display:block; color:#fff; text-decoration:none;margin:5px 2px 0 0;  padding:0px 15px; border:1px solid #555; white-space:nowrap;background-color:#121212; }
#bottomnav li a:hover,#bottomnav li.on a{background-color:#373737; border:1px solid #252525;}
#bottomnav li.on a{margin-top:0px; padding-top:5px; border:1px #373737 solid}
#toolbar_login_btn.on a{margin-top:5px!important; padding-top:0!important}

#toolbar_logo a{height:88px; background-position:0px 0px}

#col1content table,#col2content table{width:100%; height:100%;}
#col1content td,#col2content td{border-collapse: collapse; height:100%;}

#col1content a,#col2content a{display:block; padding:0; background-image:url("//static.cdn.realviewdigital.com/static/Conde Nast/The New Yorker/images/Nav_buttons.png?v111"); width:50px; height:50px; }
#col1content a span, #col2content a span{display:none;}

#toolbar_prev_btn{background-position:-10px -12px; float:right; margin:0 15px 0 0; }
#toolbar_prev_btn:hover{background-position:-10px -74px; }

#col1content a.disable_hover, #col2content a.disable_hover{background-image:none !important; }

#toolbar_next_btn{background-position:-109px -12px; left:15px; float:left; margin:0 0 0 15px;}
#toolbar_next_btn:hover{background-position:-109px -74px; }

#toolbar_next_btn.disable_hover a:hover{background-position:0px -70px;  }
#toolbar_next_btn.disable_hover a, #toolbar_prev_btn.disable_hover a{cursor:default;}

#toolbar_pageindicator{width:106px;} 
#txtPageIndicator{width:88px; margin:10px 2px 0 0; text-align:center;font-size:12px; height:18px; -webkit-appearance: none; border-radius: 0; border-width:0}

#toolbar_sub_btn{margin-left:100px; float:right!important;}
#toolbar_sub_btn p{font:11px/28px "neutra-2-text-n7","neutra-2-text-1",serif; background-color:#33a2e5; white-space:nowrap; color:#fff; padding-left:5px; padding-right:4px; min-width:240px; margin-top:5px;  border: 1px solid #33A2E5; }
#toolbar_sub_btn a{display:inline!important; border:none!important; background-color:#077dc5!important; padding:3px!important;}

#toolbar_issue_name 
{
  font: bold 14px Arial;
  text-transform:uppercase; padding-left:5px; min-width:100px; white-space:nowrap; color:#fff; text-align:right
}
 
#topcontent table{border-collapse:collapse;height:100%;}
#topcontent td{vertical-align:bottom;}
#tny_logo{background:url('//static.cdn.realviewdigital.com/static/Conde Nast/The New Yorker/images/sprite_tny.gif?1211') no-repeat -44px -460px; width:170px; height:20px; display:none;}
#leftpage{height:100%; top:0; left:0;}
.zeropage_inner
{
    position:absolute; top:0; left:0; font-family:Arial; font-size:12px; margin:0; padding:0; width:100%; height:100%; 
             /*background:#252525 url("/static/Conde Nast/The New Yorker/images/instruction_bg.gif") repeat-x left bottom; */
			/* fallback */
			background-color:#252525;
			/* chrome 2+, safari 4+; multiple color stops */
			background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.32,#063053),color-stop(0.66,#395873), color-stop(0.83,#5c7c99));
			/* chrome 10+, safari 5.1+ */
			background-image:-webkit-linear-gradient(top, #252525,#373737);
			/* firefox; multiple color stops */
			background-image:-moz-linear-gradient(top,#252525,#373737);
			/* ie 6+ */
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#252525', endColorstr='#373737');
			/* ie8 + */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#252525', endColorstr='#373737')";
			/* ie10 */
			background-image: -ms-linear-gradient(top , #252525, #373737);
			/* opera 11.1 */
			background-image: -o-linear-gradient(top , #252525, #373737);
			/* The "standard" */
			background-image: linear-gradient(top , #252525, #373737);
}

.zeropage_inner .instructions{margin:30px 30px 30px 40px;}

.desktop_instruction{display:block;}
.tablet_instruction{display:none;}

.zeropage_inner h2{font:  900 21px/34px "neutra-2-display-n9","neutra-2-display-1",serif; text-transform:uppercase;}
.zeropage_inner b{font-family:"neutra-2-display-n9","neutra-2-display-1",serif; text-transform:uppercase; font-size:14px; font-weight:800; line-height:30px;}
.zeropage_inner a{color:#fff}
/*** general panels ****/
.panel 
{
    position:relative;
    color:#edefee;
    font-size:12px;
    line-height:1.2;
    font-family:Arial;
    overflow:hidden;
    -ms-touch-action: none;
}

.panel .boxcontent{position:absolute  }
.fixedright{position:absolute; height:100%; right:0; top:0}
.fixedleft{position:absolute;  left:0;  }
.fixedtop{  width:100%; }
.fixedbottom{position:absolute; bottom:0; left:0; text-align: right; width:97%; }

.closepanelbtn  /* close button of panel  */
{
    position:absolute; 
    background-color:Transparent !important; 
    border-width:0; 
    cursor:pointer; 
}
.ui-tooltip-content, .ui-tooltip-titlebar{border-width:0px}
.ui-tooltip-content{
    max-height: none !important;
    max-width: none !important;
    overflow:hidden !important;
    padding:0; margin:0;
}

.ui-tooltip, .qtip, .ui-tooltip-hidden{
    max-height: none !important;
    max-width: none !important;
    min-width: 300px;
    min-height:200px;
}

#qtip-overlay{ background-color:#000; filter: alpha(opacity=35);-moz-opacity:0.35!important;-khtml-opacity:0.35!important; opacity:0.35!important;}
.panel input[type="text"], .panel input[type="search"], .panel input[type="password"]
{
    font:bold 13px/28px Arial; 
    padding-left:3px; 
    -webkit-appearance: none;
    border-radius: 0;
    vertical-align:middle
}
/* dark style panel*/
.ui-tooltip-dark 
{
    /*background:#252525 url('//static.cdn.realviewdigital.com/static/Conde Nast/The New Yorker/images/panel_bg.jpg') repeat-x left bottom;*/
     
			/* fallback */
			background-color:#252525;
			/* chrome 2+, safari 4+; multiple color stops */
			background-image:-webkit-gradient(linear,left bottom,left top,color-stop(0.32,#063053),color-stop(0.66,#395873), color-stop(0.83,#5c7c99));
			/* chrome 10+, safari 5.1+ */
			background-image:-webkit-linear-gradient(top, #252525,#373737);
			/* firefox; multiple color stops */
			background-image:-moz-linear-gradient(top,#252525,#373737);
			/* ie 6+ */
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#252525', endColorstr='#373737');
			/* ie8 + */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#252525', endColorstr='#373737')";
			/* ie10 */
			background-image: -ms-linear-gradient(top , #252525, #373737);
			/* opera 11.1 */
			background-image: -o-linear-gradient(top , #252525, #373737);
			/* The "standard" */
			background-image: linear-gradient(top , #252525, #373737);
}
.ui-tooltip-dark .ui-tooltip-titlebar        /* title bar  */
{
    color:#fffffd; 
    font:900 21px/34px "neutra-2-display-n9","neutra-2-display-1",serif; 
    overflow:visible;
    text-transform:uppercase;
    padding:0;
    background:transparent;
    
}
.ui-tooltip-dark .ui-tooltip-content{background: transparent; }
.panelbtn, .ui-tooltip-dark .panelbtn{ background:url("//static.cdn.realviewdigital.com/static/Conde Nast/The New Yorker/images/sprite_tny.gif") no-repeat; }

.ui-tooltip-dark .closepanelbtn 
{
   background:url("//static.cdn.realviewdigital.com/static/Conde Nast/The New Yorker/images/sprite_tny.png?ver=123") no-repeat!important;
   width:28px!important; 
   height:28px!important; 
   background-position:-1px -3px!important; 
   top:10px!important; 
   right:10px!important;
}
.ui-tooltip-dark .closepanelbtn:hover{  background-position:-1px -37px!important; border:0;}
.ui-tooltip-dark .ui-tooltip-title{padding-left:28px; padding-top:20px}

/* end of dark style panel*/

/*  popup panel style */
.ui-tooltip-popup{background:url('//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/pop_border.png') repeat 0 0;}
.ui-tooltip-popup .ui-tooltip-titlebar, .ui-tooltip-popup .ui-tooltip-content
{
    background-color:Transparent;
    padding:0;
    
}
.ui-tooltip-popup .ui-tooltip-titlebar .ui-tooltip-title
{
    background-color:#fff; color:#000;
    font-size:1.5em; line-height:40px;
    margin:6px 6px 0 6px;
    text-transform:capitalize;
    overflow:visible;
}
.ui-tooltip-popup .closepanelbtn 
{
    width:38px; height:38px; 
    background:url('//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/trans_elems.png') no-repeat -1px -44px; 
    top:-7px; right:-7px;
}
.ui-tooltip-popup .closepanelbtn:hover{  border:0;}
.ui-tooltip-popup .ui-tooltip-title{padding-left:15px;}
.ui-tooltip-popup .panel{background-color:#fff;     color:#000;}
/* end of popup panel style*/

/*** scroller style, tracker & dragger ****/



.jspVerticalBar .jspArrowDown{ width:13px; height:4px; background:url("//static.cdn.realviewdigital.com/static/Conde Nast/The New Yorker/images/sprite_tny.png") no-repeat -32px -20px; }
.jspVerticalBar .jspArrowUp{ width:13px; height:4px; background:url("//static.cdn.realviewdigital.com/static/Conde Nast/The New Yorker/images/sprite_tny.png") no-repeat -32px -5px; }



.jspVerticalBar{ width: 13px;background-color:Transparent;border:0;}
.jspVerticalBar .jspTrack{background:transparent url("//static.cdn.realviewdigital.com/static/Conde Nast/The New Yorker/images/scroll_track_v.png?v=123") repeat-y 0 0;  }
.jspVerticalBar .jspTrack .jspDrag{ background-color:#818181; width:11px; left:1px;}
.jspVerticalBar .jspTrack .jspDrag .jspDragTop{height:4px; width:11px; background:transparent url("//static.cdn.realviewdigital.com/static/Conde Nast/The New Yorker/images/sprite_tny.gif") no-repeat -160px -91px; position:absolute;top:0px; left:0px;}
.jspVerticalBar .jspTrack .jspDrag .jspDragBottom{height:4px; width:11px; background:url("//static.cdn.realviewdigital.com/static/Conde Nast/The New Yorker/images/sprite_tny.gif") no-repeat -160px -244px; position:absolute; bottom:0px; left:0px;}

.jspHorizontalBar{height: 13px; background-color:Transparent; border:0;}
.jspHorizontalBar .jspTrack{background: url("//static.cdn.realviewdigital.com/static/Conde Nast/The New Yorker/images/scroll_track_h.png") repeat-x 0 0; }
.jspHorizontalBar .jspTrack .jspDrag{background-color:#818181;height:11px; top:1px }

.jspHorizontalBar .jspArrowLeft{height:13px; width:4px; background:url("//static.cdn.realviewdigital.com/static/Conde Nast/The New Yorker/images/sprite_tny.png") no-repeat -50px -6px;}
.jspHorizontalBar .jspArrowRight{width:4px; height:13px; background:url("//static.cdn.realviewdigital.com/static/Conde Nast/The New Yorker/images/sprite_tny.png") no-repeat -61px -6px;}
.jspHorizontalBar .jspTrack .jspDrag .jspDragLeft{height:11px; width:4px; background:transparent url("//static.cdn.realviewdigital.com/static/Conde Nast/The New Yorker/images/sprite_tny.gif") no-repeat -207px -25px; position:absolute;top:0px; left:0px;}
.jspHorizontalBar .jspTrack .jspDrag .jspDragRight{height:11px; width:4px; background:url("//static.cdn.realviewdigital.com/static/Conde Nast/The New Yorker/images/sprite_tny.gif") no-repeat -361px -25px; position:absolute; right:0px; top:0px;}



 

/** individual panels **/

.printpanel table{float:left; margin:20px 0 20px 15px; border-collapse:collapse }
.printpanel td p{display:none; height:0}
.printpanel td {padding:0}
.printpanel td img{border:0}
.printpanel .doprint_btn{ width:91px; height:30px; background-position:-278px -51px; float:right; display:inline; margin-top:25px   }
.printpanel .doprint_btn:hover{background-position:-278px -92px;}
.printpanel .fixedbottom{font-size:12px; color:#fff; width:258px; right:40px; left:auto; line-height:24px; }
/*.printpanel .print_instr{position:relative; bottom:20px; }*/
.printico
{
    position:absolute;
    display:block; 
    border:1px solid #fff200;
    background:url('//static.cdn.realviewdigital.com/static/Conde Nast/The New Yorker/images/printiconew.png') no-repeat center center; 
    margin:0; cursor:pointer;
     
}
.printpanel td:nth-child(1) .printico{margin-left:-10px}
.printpanel .fixedtop {margin:8px 0 15px 28px; font:bold 12px/20px "neutra-2-display-n9","neutra-2-display-1",serif; text-transform:uppercase; border-bottom:1px solid #474646; width:620px; }
.printpanel .fixedtop p{margin: 0; }
.printpanel .fixedtop .author{font-weight:normal;}
.archivepanel .fixedleft{margin-top:2%;}
.issueyearspanel {background:url('//static.cdn.realviewdigital.com/static/Conde Nast/The New Yorker/images/issueyears_bg.jpg') repeat-y 28px 0px; margin-top:20px}
.issueyearspanel ul{list-style-type:none;  margin: 0 0 0 10px; padding:0px;height:100%;  }
.issueyearspanel li{ margin:0px; padding:0 0 0 10px; font:bold 12px/28px "neutra-2-display-n9","neutra-2-display-1",serif; line-height:28px;  font-size:14px; max-width:128px; border-bottom:1px solid #343434;}
.issueyearspanel li:hover, .issueyearspanel li.on {color:#fff; background: url("//static.cdn.realviewdigital.com/static/Conde Nast/The New Yorker/images/sprite_tny.gif?v=as123") -282px -228px!important;}
.issueyearspanel li a{ color:#fff; text-decoration:none; display:block;  }
.issueyearspanel li:hover a:hover{color:#fff; }

.allpagespanel table table{border-collapse: collapse;}
.allpagespanel td{padding:15px; vertical-align:top;   }
.allpagespanel td td{padding:0; }
.allpagespanel td img{display:block;cursor:pointer; margin:0; border:0;}
.allpagespanel td p{margin:5px 0 0 0; padding:0px; line-height:12px; font-size:10px; text-align:left; color:#ccc; }
.allpagespanel td p.ellipsis a{ color:#ccc; text-decoration:none; padding-right:3px; }

.allpagespanel td.onCurrent, .coverselected_highlight{border:1px solid #555!important; background-color:#222; }
.allpagespanel td.onCurrent a, .allpagespanel td p.ellipsis a:hover, .archivepanel .archivecell p a:hover, .coverselected_highlight a{color:#d22229!important;}


.archivecell{float:left;display:inline; margin:0 30px 0 30px; font-size:10px; color:#ccc; padding:15px; border:1px solid transparent; text-transform:uppercase;}
.archivecell p{margin-bottom:0; margin-top:5px; text-align:left }
.archivepanel .access a{color:#ccc; text-decoration:none; }
.archivepanel .noaccess{opacity:0.6; filter: alpha(opacity=60); -moz-opacity:0.6;}
.archivepanel .access p a{color:#ccc; }
.archivepanel .noaccess p a{color:#ccc; text-decoration:none; }
.archivepanel .access p a{color:#ccc; text-decoration:none; }



.archivecell img{width:80px!important; height:110px!important; }


/*
.contentspanel .contentslist td h3 a, .contentspanel .cover h1 a{color:#fff; text-decoration:none;}
*/

.sortby a.on{color:#FFCC00}

 .searchTab 
{
    float:left; 
    margin:0; 
    background-color: #272727; 
    font-size:12px;    
    line-height: 25px !important;
    text-align: center;
    font-family:"neutra-2-text-n4","neutra-2-text-1","Times New Roman",Times,serif;
    font-weight:bold;
    text-transform:uppercase;
}

.archiveSearchTab a{width:210px !important;}
.completeindexSearchTab a{width:186px !important;}
.currentSearchTab a{ width:126px !important}
.searchTab a {height:25px !important; color:#fff; text-decoration: none; display:block; margin:6px; background-color:#d12229}
.searchTab label{width:50px; padding:5px; }
.tabSelected { border:1px solid #555; border-bottom-width:0 }
.tabSelected a{ background-color:Transparent;}
.searchtabs{border-bottom:1px solid #555; height:37px; clear:both; width:90%; }
.searchpanel .fixedtop{margin:25px 0 15px 28px;}

.searchresult_header h2{color:#fff; font-size:14px;}

.searchpanel .searchresult{ border-collapse:collapse; margin-bottom:30px; width:600px; margin-left:22px }
.searchpanel .searchresult th{border-bottom:1px #262626 solid; text-align:right;padding:8px 15px 8px 0;vertical-align:top;}
.searchpanel .searchresult td{border-bottom:1px #262626 solid; vertical-align:top; padding:8px 0; }
.searchpanel .searchresult a{color:#edefee; text-decoration:none;}
.searchpanel .searchresult td b { color: #ff9900;}

.searchpanel .searchresult td h3
{
    font: bold 12px "neutra-2-text-n4","neutra-2-text-1","Times New Roman",Times,serif;
    text-transform:uppercase;
}

.searchresult_title{font:900 13px "neutra-2-display-n9","neutra-2-display-1",serif; text-transform:uppercase;}

.searchpanel .searchresult td p{line-height:1.2; color:#edefee; margin:0 0 8px 0px }
/*.searchpanel .searchresult td h3,.searchpanel .searchresult td h3 a{font-size:12px; color:#fff; margin:0 0 5px 0; line-height:1.3}*/


/*.searchresults{display:none}
#searchresults_current{display:block}*/
#searchresult_header_archive p{margin:5px 0 20px 0}
#searchresults_CompleteIndex .searchresult a{color:#edefee; text-transform:uppercase;}
#searchresults_CompleteIndex .searchresult .searchresult_page{font-weight:bold;}


.searchpanel .searchBtn, .goWebBtn{color:#fff; margin-left:10px; background-color:#d12229; text-decoration:none; line-height:28px; padding:5px 28px; text-transform:uppercase; font-family:"neutra-2-text-n4","neutra-2-text-1","Times New Roman",Times,serif; font-weight:bold; vertical-align:top }
#txtSearch{margin:0 0 15px 0;width:431px; font-weight:bold; height:28px; padding:0px 3px; border-width:0; font:bold 12px Arial;}
.searchresult_header{clear:both; margin-top:10px; margin-left:20px;  width:620px; display:none; font:500 13px/15px "neutra-2-text-n9","neutra-2-text-1","Times New Roman",Times,serif; text-transform:uppercase; color:#edefee; }
.searchresult_header strong{font-family:Arial; font-size:11px;  text-transform:capitalize; line-height:12px;}
.SearchPagenation{float:right; display:inline; text-transform:lowercase}
.SearchPagenation a{text-decoration:none; color:#fff;}
.SearchPagenation input{width:20px; font-size:9px; font-family:Arial;  text-align:center;}
#searchresult_header_completeindex .sortby{text-decoration:none; color:#d12229; display:inline-block;}
#searchresult_header_completeindex .selected{color:#edefee}



/** search highligh **/
.searchhighlight	{
	background-color: #6DE0FF; 
	filter: alpha(opacity=30); 
	-moz-opacity:0.3;
	border:black 1px solid; 
	-khtml-opacity:0.3;
	opacity:0.3;
	display:block;
}
/*helpinfo pnl*/
.helppanel .helpinfo{border-collapse:collapse;}
.helpinfo b{font-family:"neutra-2-display-n9","neutra-2-display-1",serif; font-size:14px; text-transform:uppercase; color:#fff;line-height:28px}
.helpinfo p{}
.helpinfo a{color:#edefee;text-decoration:underline;  }


#info_contents{background-position:-6px -420px;width:55px;margin-left:10px;   }
#info_allpages{background-position:-68px -420px;width:66px;   }
#info_related_articles{background-position:-138px -420px;width:95px;}
#info_issues{background-position:-242px -420px;width:88px;}

.login_cancel_btn, .enter_btn{float:right; display:inline; margin-right:5px;}
.loginpanel .login_btn{background-position:-281px -174px; width:94px; height:42px; display:block}
 .lyrLoginText{ font:400 14px "neutra-2-text-n4","neutra-2-text-1","Times New Roman",Times,serif;}
.loginpanel h2{text-align:center; margin-top:-10px; font:800 21px "neutra-2-display-n9","neutra-2-display-1",serif; }
.forgot_passwordpanel .enter_btn{background-position:-274px -165px; width:56px; }
.forgot_passwordpanel .enter_btn:hover{background-position:-330px -165px; }
.forgot_passwordpanel h3{margin:0px 0 8px 0;}

#uname,#lyrLogin_uid, #lyrLogin_pwd{width:290px; height:34px; margin:2px 0 15px 0; border:1px solid #ccc}
#lyrLogin_errmsg, #forgotPWD_errmsg{color:Red;  min-height: 16px; border-top:1px solid #ccc}
.loginpanel a{color:#037cc3; text-decoration:none; font:13px "neutra-2-text-n4","neutra-2-text-1","Times New Roman",Times,serif;}
.loginpanel .login_subscribe a{font:400 13px "neutra-2-text-n4","neutra-2-text-1","Times New Roman",Times,serif; text-transform:uppercase; color:#037cc3; text-decoration:none;}
#ui-tooltip-login_error-title,#ui-tooltip-forgot_password-title,#ui-tooltip-login-title{padding-top:5px;}

/** webview **/
.dataNotAvailable a{color:#464646!important}
.noWebView a:hover{background-color:#121212!important;border:1px solid #555; }

#noWebView
{
    position: absolute;
    display: block;
    width: 138px;   height: 73px;
    left: 0; bottom: 0px;
    background: url("//static.cdn.realviewdigital.com/static/Conde Nast/The New Yorker/images/noWebView.png?v=1") no-repeat scroll 50% 50% transparent;
    display:none;
    z-index:100;
}

.goWebBtn{ float:right; padding: 0px 18px !important; margin-top: 20px;}
.webviewpanel .webviewform{font: 12px "neutra-2-text-n4","neutra-2-text-1","Times New Roman",Times,serif;}
.webviewpanel .webviewform strong{font:13px/22px "neutra-2-display-n9","neutra-2-display-1",serif;  text-transform:uppercase}
.webviewpanel .webviewform .author{font:12px "neutra-2-text-n4","neutra-2-text-1","Times New Roman",Times,serif;  }
.articelErr::first-of-type{margin-top:150px;}
/** zoom slider **/

.ui-corner-all, .ui-tooltip-icon, .ui-tooltip-icon .ui-icon{ border-radius:0!important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: transparent none;
    border:0;
}
.ui-state-default, .ui-corner-all{border:0 !important;}
.ui-slider-vertical .ui-slider-handle
{
    height:8px !important;
    overflow:hidden;
    background: transparent url('//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/zoom_slider_drag.png') no-repeat 0 0 !important;
    left:1px!important;
    margin:0 0 -5px 0!important;
}

#zoomPane{z-index:5; width:21px; position:absolute; right:85px; top:-1000px;}
#zoomPane .upArrow, #zoomPane .downArrow
{
    display:block;
    width:21px;height:21px;
    background:url('//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/zoom_bg.png') 0 0px;}
#zoomPane .downArrow{background-position:0 -122px;}
#zoomPane .upArrow:hover{background-position: -21px -0px;}
#zoomPane .downArrow:hover{background-position: -21px -21px;}
#zoomPane .gap{height:5px; overflow:hidden; background:url('//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/zoom_bg.png') 0 -21px; padding:0; }

#slider
{
    height:89px ; width: 21px; 
    background:url('//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/zoom_bg.png') 0px -26px no-repeat;
}

/*****  TABLETS STYLEs *****/
body.tablet{background-color:Transparent}
body.tablet #bottomnav li.on a{padding-top:0px; margin-top:0!important;}
body.tablet #col2content table{right:0px; position: absolute; -webkit-transform: translateZ(120px); width:50px}
body.tablet #col1content table{left:0px; position: absolute;z-index: 7; width:50px; -webkit-transform: translateZ(120px); }
body.tablet #toolbar_next_btn{margin-left:-7px;}
body.tablet #toolbar_next_btn:hover{background-position:-109px -12px;}
body.tablet #toolbar_prev_btn:hover{background-position:-10px -12px; }
body.tablet #txtPageIndicator{margin-left:2px}
body.tablet #topcontent{display:none!important;}
 


body.tablet #bottomcontent table{position:absolute; height:20px; bottom:0; width:100%; left:0!important  }
body.tablet #bottomnav{background-color:rgba(0,0,0,0.8);background-image:none; top:auto}
body.tablet #bottomnav li {line-height:40px;}
body.tablet #bottomnav li a{display:block; margin:0 1px 0 1px; background-color:rgba(18,18,18,0.5); background-image:none!important; border:1px #3a3a3a solid; }
body.tablet #toolbar_sub_btn{margin:0}
body.tablet #toolbar_sub_btn p{margin:6px 0 0 0; padding-right:0;}

body.tablet #toolbar_print_btn{display:inline!important}
body.portrait #toolbar_sub_btn {display:none;}
body.tablet #ui-tooltip-allpages{border-width:0!important}
body.tablet .searchTab{width:auto!important}
 
body.tablet .fadein{-webkit-transition-duration: 10ms !important; }
body.tablet .issueyearspanel{margin-top:0}
body.tablet .archivecell{min-height:130px }
body.tablet .printpanel .doprint_btn{margin-top:0}
body.tablet .SearchPagenation a
{
    font-size: 18px;
    font-weight: bold;
    background-color: #d12229;
    margin: 0 3px;
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 28px;
}
     
  
body.tablet .jspVerticalBar .jspTrack .jspDrag .jspDragTop,
body.tablet .jspVerticalBar .jspTrack .jspDrag .jspDragBottom,
body.tablet .jspHorizontalBar .jspTrack .jspDrag .jspDragLeft,
body.tablet .jspHorizontalBar .jspTrack .jspDrag .jspDragRight { background:none!important; width:0!important; height:0 !important}
body.tablet .jspVerticalBar .jspTrack .jspDrag{left:0;}
body.tablet .jspHorizontalBar .jspTrack .jspDrag {height:5px; top:0;}

body.tablet .desktop_instruction{display:none;}
body.tablet .tablet_instruction{display:block}

/***** overlays ****/
a[id^="gallery"] img{height:100%;}
#imagegallery, .popup_imagegallery, .inline_imagegallery
{
    position:absolute;
    background-color: #fff; 
    padding:10px 10px 30px 10px;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px;
    z-index:100;
    visibility:hidden;
}
.inline_imagegallery{padding:0!important; border:0 none!important; visibility:visible!important; width:100%!important; height:100%!important; border-radius: 0 0 0 0 !important; background-color: transparent !important;}
.inline_imagegallery .pics{width:100%!important; height:100%!important;}
.inline_imagegallery .pics img{max-width:100%!important; max-height:100%!important;}

.inline_imagegallery .controls .closegallery a{display:none!important; }
.dimming
{
    background-color:#000; color:#fff;
    width:100%;height:100%;position:absolute;
    opacity:0.60;
    filter: alpha(opacity=60);
    z-index:10;
    top:0;left:0;
    font-family:Arial;
}
.dimming p
{
    position:absolute;left:48%;top:50%; 
    }

#imagegallery .caption, .popup_imagegallery .caption{ 
    position:absolute; 
    z-index:100; 
    font-family: Verdana,Helvetica;
    font-size: 10pt;
    color: gray;
    font-weight: bold;
    bottom:0px; *padding-bottom:10px;
    background:#fff;
}

#imagegallery ul.controls, .popup_imagegallery ul.controls, .inline_imagegallery ul.controls
{
    background-color:#fff;
    list-style: none;
    margin: 0;
    padding:3px 5px;
    position:absolute; 
    z-index:100;
    width:auto;
   left:45%;
    bottom:35px;
    opacity:0.75;
    filter: alpha(opacity=0.75);
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
}

#imagegallery .controls li, .popup_imagegallery .controls li, .inline_imagegallery .controls li{
    float: left;
    padding: 0;
    margin:0;
    list-style: none;
}

#imagegallery .controls a, .popup_imagegallery .controls a,  .inline_imagegallery .controls a {
    background-image: url(//static.cdn.realviewdigital.com//global/overlay/gallery/graphics/controlbar-white.gif);
    display: block;
    float: left;
    height: 30px;
    width: 30px;
    outline: none;
}

#imagegallery .controls a span, .popup_imagegallery .controls a span, .inline_imagegallery .controls a span {
    display: none;
    cursor: pointer;
}

#imagegallery .controls .previous a , .popup_imagegallery .controls .previous a, .inline_imagegallery .controls .previous a{background-position: 0 0;}
#imagegallery .controls .previous a:hover, .popup_imagegallery .controls .previous a:hover, .inline_imagegallery .controls .previous a:hover{background-position: 0 -30px;}
#imagegallery .controls .previous a.disabled, .popup_imagegallery .controls .previous a.disabled, .inline_imagegallery .controls .previous a.disabled{background-position: 0 -60px !important;}

#imagegallery .controls .autoplay a, .popup_imagegallery .controls .autoplay a, .inline_imagegallery .controls .autoplay a{background-position: -30px 0;}
#imagegallery .controls .autoplay a:hover, .popup_imagegallery .controls .autoplay a:hover, .inline_imagegallery .controls .autoplay a:hover{background-position: -30px -30px;}
#imagegallery .controls .autoplay a.disabled, .popup_imagegallery .controls .autoplay a.disabled, .inline_imagegallery .controls .disabled{background-position: -30px -60px !important;}

#imagegallery .controls .pause a , .popup_imagegallery .controls .pause a, .inline_imagegallery .controls .pause a{background-position: -60px 0;}
#imagegallery .controls .pause a:hover, .popup_imagegallery .controls .pause a:hover,.inline_imagegallery .controls .pause a:hover{background-position: -60px -30px;}

#imagegallery .controls .next a, .popup_imagegallery .controls .next a, .inline_imagegallery .controls .next a{background-position: -90px 0;}
#imagegallery .controls .next a:hover, .popup_imagegallery .controls .next a:hover, .inline_imagegallery .controls .next a:hover{background-position: -90px -30px;}
#imagegallery .controls .next a.disabled, .popup_imagegallery .controls .next a.disabled, .inline_imagegallery .controls .next a.disabled{background-position: -90px -60px !important;}

#imagegallery .controls .closegallery a, .popup_imagegallery .controls .closegallery a{background-position: -180px 0;}
#imagegallery .controls .closegallery a:hover, .popup_imagegallery .controls .closegallery a:hover {background-position: -180px -30px;}
.pics img{width:auto!important; height:auto!important; }

.calloutlnk{outline:none; }

.twtr-autoWidth .twtr-doc{height:100%;}
.map_canvas{width:100%; height:100%;}


.storycontent h3{font-size:13px; padding:0 margin:0;}

.popup_close_btn{display:block; position:absolute; z-index:20; right:9px; top:15px; width:25px; height:25px;  background:url('//static.cdn.realviewdigital.com/global/v3/images/close_button_orange.png') 50% 50% no-repeat;}
.popup_close_btn img{display:none;}
.overlay_popup{position:absolute; z-index:20; color:#000; font-size:12px; font-family:Arial; background-color:#fff; padding:0;}
.overlay_popup h2{font-size: 18px; color:#f26622; padding:0px 0 5px 0; }
.overlay_popup .jspVerticalBar .jspTrack {
    background: url("//static.cdn.realviewdigital.com/global/v3/images/popup_scrolltrack.gif") repeat-y 50% 50%;
}

.overlay_popup .jspVerticalBar .jspTrack .jspDrag {
    background-color: #F26622;
    width: 11px;
}
 
 /** callout **/
.calloutContent{margin:30px 15px 15px 40px}
.calloutWrap
{
    -moz-box-shadow: 5px 5px rgba(64,64,64,0.5);   
    -webkit-box-shadow: 5px 5px rgba(64,64,64,0.5);  
    box-shadow: 5px 5px rgba(64,64,64,0.5); 
    border:3px #ff9933 solid; 
    margin:0;padding:0} 
.calloutContent h2{color:#000;margin-right:20px}
.calloutContent p{margin-right:20px}
.calloutContent iframe{ border-width:0; margin:0;padding:0; }

/** image callout**/
.image .calloutContent{padding:0!important; overflow:hidden!important; zborder:3px #fff solid; margin:0!important}

/** merge **/
.wpstory{ border-left:8px #ff9933 solid; overflow:hidden;}
.wpstory h2{margin:35px 35px 0 35px}
#storycontent{height:90%; margin:15px 15px 15px 35px;}
#storycontent h3{font-size:13px; padding:0 margin:0 15px 0 0px;}
#storycontent p{ margin-right: 15px;margin-left: 0px;}
#storycontent img{display:none;}
.wp_print_btn{display:block; position:absolute; right:15px; bottom:12px; width:75px; height:25px;  background-image:url('//static.cdn.realviewdigital.com/global/v3/images/wp_print_btn.png') }


#popupvideo{position:absolute; z-index:100; background-color:#000}
#closebtnpop{display:block;position:absolute; z-index:101; right:-12px; top:-12px; }
#popupvideo .strip{display:block; width:100%; height:15px; background-color:#000; }

/* twitter widget bug fix */
.twtr-timeline,.twtr-widget
{
height:100% !important;
}