﻿/* standard classes used by overlay lib */
@import url("//static.cdn.realviewdigital.com/global/css/jquery.jscrollpane.css");
 
html, body{overflow:hidden;}
body
{
font-family:Arial;
font-size:14px;
}
 
.dropshadow {
    background-image: url("//static.cdn.realviewdigital.com/global/images/shadowAlpha.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    position: absolute;
   
}
.dropshadowIE6 {
    background-image: url("//static.cdn.realviewdigital.com/global/images/shadow.gif");
    background-position: right bottom;
    background-repeat: no-repeat;
    position: absolute;
}

a{outline:none;}



/**  Nav Bar **/
#col2content ul, #col1content ul{ list-style-type:none; margin:8px 0 0 0; padding:0px; position:absolute; z-index:7; }
/*#rightcontent ul{left:2px;}
#leftcontent ul{right:1px;}*/

#col2content ul{right:8px;}
#col1content ul{left:8px;}
#col1content li, #col2content li{padding:0; margin:0; display:inline;}
#col1content li a,#col2content li a{display:block; margin:0 0 0px 0; padding:0; background-image:url("//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/navbg.png"); vertical-align: bottom;  width:66px; }

#col1content li span, #bottomnav li span, #col2content li span{display:none;}

#bottomcontent,#col2content{z-index:6}
#bottomnav{ margin-top:9px}
#bottomnav ul{padding:0; margin:0; list-style-type:none;}
#bottomnav li{float:left; }
#bottomnav li a{display:block; background-image:url('//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/navbg.png'); height:28px; }

#toolbar_contents_btn a{ background-position:-4px -414px; width:62px;}
#toolbar_contents_btn a:hover{ background-position:-4px -442px;}
#toolbar_contents_btn.on a{ background-position:-4px -470px;}

#toolbar_allpages_btn a{width:70px; background-position:-67px -414px;}
#toolbar_allpages_btn a:hover{background-position:-67px -442px;}
#toolbar_allpages_btn.on a{background-position:-67px -470px;}

#toolbar_relatedarticles_btn a{width:103px; background-position:-137px -414px;}
#toolbar_relatedarticles_btn a:hover{background-position:-137px -442px;}
#toolbar_relatedarticles_btn.on a{background-position:-137px -470px;}

#toolbar_archive_btn a{width:98px; background-position:-241px -414px;}
#toolbar_archive_btn a:hover{background-position:-241px -442px;}
#toolbar_archive_btn.on a{background-position:-241px -470px;}

#toolbar_help_btn a{width:40px; background-position:-339px -414px;}
#toolbar_help_btn a:hover{background-position:-339px -442px;}
#toolbar_help_btn a.on{width:40px; background-position:-339px -470px;}


#toolbar_logo a{height:80px; background-position:-66px 0}

#toolbar_prev_btn a{ height:130px; background-position:0px -204px}
#toolbar_prev_btn a:hover{background-position:-66px -204px; }
#toolbar_prev_btn.disable_hover a:hover{background-position:0px -204px }

#toolbar_next_btn a{ height:130px; background-position:0px -74px}
#toolbar_next_btn a:hover{background-position:-66px -74px; }
#toolbar_next_btn.disable_hover a:hover{background-position:0px -74px; }
#toolbar_next_btn.disable_hover a, #toolbar_prev_btn.disable_hover a{cursor:default;}

#toolbar_bookmark_btn a{height:60px; background-position:-132px 0;}
#toolbar_bookmark_btn.hasBookmark a{ background-position:-554px 0;}
#toolbar_bookmark_btn.hasBookmark .slidebar_rollover{display:none!important;}
#toolbar_addthis_btn a{height:60px; background-position:-132px -60px;}
#toolbar_text_btn a{height:60px; background-position:-132px -120px;  }
#toolbar_rotate_btn a{height:60px; background-position:-132px -180px;  }
#toolbar_print_btn a{height:60px; background-position:-132px -240px;  }

#col2content li .slidebar_rollover{position:absolute; z-index:100; cursor:pointer; right:0;  background-image:url('//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/navbg.png');  height:60px;  display:none; }
#toolbar_bookmark_btn .slidebar_rollover {width:193px; background-position:-251px 0; top:0px; }
#toolbar_addthis_btn .slidebar_rollover{background-position:-225px -60px; top:60px; width:219px; height:60px; }
#toolbar_text_btn .slidebar_rollover{width:161px; background-position:-283px -120px; top:120px; }
#toolbar_rotate_btn .slidebar_rollover{ background-position:-200px -180px; height:60px; overflow:hidden; top:60px; width:244px; }
#toolbar_print_btn .slidebar_rollover{width:132px; background-position:-312px -240px;top:120px; }

#toolbar_rotate_btn .slidebar_rollover a{position:relative; width:48px!important; height:56px!important; }
#rotate_anti_clock{left:8px; top:2px; background-position:-208px -182px!important;}
#rotate_anti_clock:hover{ background-position:-454px -182px!important;  }
#rotate_clock{left:136px; top:-54px;background-position:-336px -182px!important; }
#rotate_clock:hover{ background-position:-582px -182px !important; }

#addthislToolbox{ margin:10px 0 0 15px; height:50px!important; overflow:hidden;}  
#addthislToolbox a{float:left; width:32px!important; background-image:none!important; margin:2px 5px 0 0!important;}
#addthislToolbox a span{display:block;margin:0; }

#toolbar_search_btn{margin-top:2px; float:right!important; background-color:#e5e5e5; height:24px; width:180px;background-color:#E5E5E5; padding:0; zborder:1px blue solid; }
#toolbar_search_btn.on{background-color:#000;}
#txtSearch
{float:left; display:inline;
     margin:2px 0 0 2px; 
     font-family:Arial; line-height:1.5; font-size:11px; 
     width:147px; height:18px;  border:0; vertical-align:baseline;
     background-color:#E5E5E5; color:#575757; 
     }

#toolbar_search_btn a{float:right; display:inline; margin-right:3px;  outline:none;  width:20px; height:20px; background: url('//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/search_arrow.gif') right 4px no-repeat !important; zborder:1px red solid;}
#toolbar_search_btn.on a{background-image: url('//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/search_mag.gif')!important; }

#toolbar_issue_name{ font-family:Arial; font-size:14px; text-transform:uppercase; line-height:30px; padding:0 5px;}
#toolbar_issue_name label{font-weight:bold}
#toolbar_prev_btn, #toolbar_next_btn{position:absolute;}
/*** general panels ****/

.panel 
{
    position:relative;
    color:#FFF;
    font-size:1.1em;
    font-family:Arial;
    overflow:hidden;
}

.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:240px;
}

.jspVerticalBar, .jspHorizontalBar{	background: transparent;}

#qtip-overlay{ background-color:#fff; filter: alpha(opacity=65);-moz-opacity:0.65;-khtml-opacity:0.65;opacity:0.65;}

/* dark style panel*/
.ui-tooltip-dark{background-color:#141414; }
.ui-tooltip-dark.topshadow{box-shadow: 0px -10px 5px #c0c0c0}
.ui-tooltip-dark.rightshadow{box-shadow: 10px 0px 5px #c0c0c0}    
.ui-tooltip-dark.leftshadow{box-shadow:  -10px 0px 10px #c0c0c0} 
.ui-tooltip-dark .ui-tooltip-titlebar        /* title bar  */
{
    color:#fff; 
    font-size:22px; 
    font-family:Arial;
    line-height:46px;
    overflow:visible;
    text-transform:capitalize;
    padding:0;
    background-color:#141414;
}
.ui-tooltip-dark .ui-tooltip-content{background-color:#141414;}
.ui-tooltip-dark .closepanelbtn 
{
    width:25px; height:25px; 
    background:url('//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/panel_edage.png') no-repeat -7px -6px; 
    top:15px; right:10px;
}
#ui-tooltip-allpages .closepanelbtn{right:45px;}
#ui-tooltip-search .closepanelbtn { background:url('//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/trans_elems.png') no-repeat -89px -54px; }
#ui-tooltip-search .closepanelbtn:hover{background-position:-118px -54px;}

.ui-tooltip-dark .closepanelbtn:hover{background-position:-36px -6px; border:0;}
.ui-tooltip-dark .ui-tooltip-title{padding-left:15px;}
#ui-tooltip-allpages .ui-tooltip-title{padding-left:45px;}
#ui-tooltip-search .ui-tooltip-titlebar, .searchpanel .fixedtop{background-color:#999!important;}
#searchresults_archvie, .searchresults img{display:none;}
 
/*  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:#e9e9e9; color:#000;
    font-size:1.8em; line-height:46px;
    margin:15px 15px 0 15px;
    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{background-position:-45px -45px; border:0;}
.ui-tooltip-popup .ui-tooltip-title{padding-left:15px;}
.ui-tooltip-popup .panel{background-color:#e9e9e9;     color:#000;}
/* end of popup panel style*/


.printpanel table{float:left; margin:0 0 20px 0; border-collapse:collapse }
.printpanel td p{display:none; height:0}
.printpanel td {padding:0}
.printpanel td img{border:0}
.printpanel .doprint_btn{ width:50px; height:20px; background:url("//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/popup.png") no-repeat -5px -39px; float:right; display:inline; margin-left:8px; margin-top:-1px}
.printpanel .doprint_btn:hover{background-position:-122px -39px;}
.printpanel .printarticle_btn{ width:100px; height:20px; background:url("//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/popup.png") no-repeat -5px -8px;float:left; display:inline; margin-top:-3px; }
.printpanel .printarticle_btn:hover{background-position:-122px -8px;}

.printpanel .fixedbottom{font-size:11px; color:#000; width:258px; right:40px; left:auto;}


/*** scroller style, tracker & dragger ****/
.jspVerticalBar .jspTrack{background:url("//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/scroll_track_v.png") repeat-y 0 0; }
.jspVerticalBar .jspTrack .jspDrag{background-color:#848b90; }
.jspHorizontalBar .jspTrack{background: url("//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/scroll_track_h.png") repeat-x 0 0;}
.jspHorizontalBar .jspTrack .jspDrag{background-color:#848b90;}
.textboxwrapperinner{position: relative; left: 50px; top: 10px; width: 200px; height: 22px; border: medium none;}


/** individual panels **/
.issueyearspanel{ background:url(//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/issueyearbg.gif) repeat-y top right; }
.issueyearspanel ul{list-style-type:none;  margin: 0; padding:0px;height:100%;  }
.issueyearspanel li{ margin:0px; padding:0; height:22px; line-height:22px; text-align: center; width:80px; font-size:13px;}
.issueyearspanel li:hover, .issueyearspanel li.on { background: url('//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/panel_edage.png') no-repeat -76px -40px; color:#000}
.issueyearspanel li a{color:#c4c4c4; text-decoration:none; display:block;  }
.issueyearspanel li:hover a:hover{color:#000; }

.archivepanel .moreissuebtn{clear:both; display:block; width:50px; height:16px; background:url(//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/panel_edage.png) no-repeat -34px -110px; display:none;}

.printico
{
    position:absolute;
    display:block; 
    filter: alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;
    background:url('//static.cdn.realviewdigital.com/global/v2/images/printiconew.gif') center center; 
    margin:0; border:none; cursor:pointer;}

.allpagespanel table{ border-collapse:collapse;}
.allpagespanel td{padding:0; vertical-align:top; }
.allpagespanel td img{display:block;cursor:pointer; margin:0; border:0;}
.allpagespanel td p{height:42px; overflow:hidden; margin:5px 0 0 0; line-height:14px; font-size:12px;padding-right:3px; text-align:left;}


.contentspanel table{border-collapse:collapse;box-sizing: content-box;}
.contentspanel th{vertical-align:top; text-align:right; padding:8px 8px 8px 0; border-bottom:1px solid #262626;}
.contentspanel th img, .searchpanel th img, .relatedarticlepanel th img{border:0}
.contentspanel td{vertical-align:top; padding:8px 0; border-bottom:1px solid #262626; }

.contentspanel .contentslist td h2, .searchpanel .searchresult td h4, .relatedarticlepanel td h4{font-size:12px; color:#ffcc00; line-height:1; margin:0;padding:0 0 5px 0;}
.contentspanel .contentslist td h3{font-size:14px; line-height:1;padding:0;margin:0;padding:0px 0 0 0; }
.contentspanel .contentslist td p{font-size:11px; margin:0; line-height:1.1; padding:5px 0 0 0; color:#fff}

.contentspanel .cover th{ width:1%; text-align:right; border-width:0; padding:0 8px 0 0; }
.contentspanel .cover td{background-color:#0a0a0a; border:1px solid #858585; width:95%; padding:0 8px 8px 4px;}
.contentspanel .cover h2{font-size:14px;}
.contentspanel .cover h1{font-size:18px; margin:0}

/*.contentspanel td img, .printpanel td img{display:block; margin:15px 0 5px 0; border:none; cursor:pointer;}*/
.archivepanel table{border-collapse:collapse;}
.archivepanel td p a, .allpagespanel td p a, .contentspanel .contentslist td h3 a, .contentspanel .cover h1 a{color:#fff; text-decoration:none;}
.archivepanel td p{font-size:12px;}
.searchpanel .searchresult{ border-collapse:collapse; margin-bottom:50px }
.searchpanel .searchresult th, .relatedarticlepanel .boxcontent th, .listBookmarkspanel .boxcontent th{border-bottom:1px #262626 solid; text-align:right;padding:8px 8px 8px 0;vertical-align:top;}

.searchpanel .searchresult td, .relatedarticlepanel .boxcontent td, .listBookmarkspanel .boxcontent td{border-bottom:1px #262626 solid; vertical-align:top; padding:8px 0; }
.searchpanel .searchresult td p{ line-height:1.2; font-size:11px; color:#c4c4c4; margin:0 0 8px 0; width:405px; overflow:hidden}
/*.searchpanel .searchresult td p:last-of-type{margin-bottom:0;}*/
.searchpanel .searchresult a{	color:#FFF; text-decoration:none;}
.searchpanel .searchresult td b { color: #edbd31;}

#searchresults_archive{display:none;}
.searchpanel h2, .relatedarticlepanel h2, .listBookmarkspanel h2{font-size: 14px; line-height: 1.2; margin:0; padding:5px 0 2px 0;}
.searchpanel h3, .relatedarticlepanel h3{font-size:11px; color:#c4c4c4; line-height:1.2;  margin:0; padding:0 0 2px 0 }
.relatedarticlepanel h3{padding-bottom:5px;}
.relatedarticlepanel h2, .listBookmarkspanel h2{padding-top:0}

#searchresults_advanced .adsearchform{margin:0;  font-size:12px; background-color:#141414; width:200px; }
#searchresults_advanced .adsearchform b{color:#999;}
#searchresults_advanced .adsearchform p{margin:8px 0 6px 0; }
#searchresults_advanced .adsearchform p.withdivider{border-top:1px #474747 solid;  padding:4px 0;}
#searchresults_advanced .adsearchform .adsearch_btn{ width:62px; height:20px; background:url("//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/popup.png") no-repeat -36px -99px; float:right; margin:20px 10px 0 0; }
#searchresults_advanced .adsearchform .adsearch_btn:hover{background-position:-121px -99px;}
#searchresults_advanced .adsearchform .adsearch_mon{width:70px; height:23px; margin: 0 15px;}
#searchresults_advanced .adsearchform .adsearch_year{width:60px; height:23px;}
#advancedTxtSearch{width:196px;  height:20px; line-height:1.2;}
#adsearchresults{position:absolute; left:210px; width:360px; background-color:#000;top:38px; }
#adsearchresults .searchresult td p{width:196px!important;}
#searchresults_advanced{width:570px; overflow:hidden;}
#adsearchpagenation{left:210px; width:300px!important; position:absolute; top:15px;}
.adsearchhead td{font-size:11px; color:#fff;}
.adSearchPagenation{text-align:right; }
.adSearchPagenation a{text-decoration:none; color:#fff; padding:5px}
.adSearchPagenation input{width:20px; font-size:11px; text-align:center;}
.adsearchresultspg img{display:none;}
.sortby{left:210px; width:300px!important; position:absolute; font-size:11px; top: 0px; margin:0; font-weight:bold; padding:0 0 5px 3px; }
.sortby a {color:#999; text-decoration:none; padding:0px 10px; border-right:1px solid #999;}
/*.sortby a:last-of-type{border:0;}*/
.sortby a.on{color:#FFCC00}

.searchTab 
{
    float:left; 
    width:145px; height:29px; margin:0 1px 1px 0; 
    background-color: #484848; 
    font-size:14px;    line-height: 28px;
    text-align: center;
}
.archiveSearchTab{width:140px;}
.advancedSearchTab{width:186px;}
.searchTab a {color:#fff; text-decoration: none; display:block; width:100%; height:100%; }
.searchTab label{font-size:11px;}
.tabSelected { background: #141414; height:30px; }
.tabSelected a{ color: #feca35; }
.advancedSearch{ color: #fff; font-size:11px; line-height:30px; padding-left:10px}
#searchresult_header{margin:5px;}

/******* related article panel *******/ /** bookmark list panel **/
.relatedarticlepanel .boxcontent th img, .listBookmarkspanel .boxcontent th img{border:none;}
.relatedarticlepanel h2 a, .relatedarticlepanel p a,  .listBookmarkspanel h2 a, .listBookmarkspanel p a{ text-decoration:none; color:#fff;}
.listBookmarkspanel h3{font-size:11px; color:#c4c4c4; line-height:1.2;  margin:0; padding:0; text-transform:uppercase; padding-bottom:5px;}
.listBookmarkspanel h3 a{color:#c4c4c4; text-decoration:none;}
.relatedarticlepanel p, .listBookmarkspanel p{ line-height:1.2; font-size:11px; color:#c4c4c4; margin:0 0 8px 0; }
.relatedarticlenavpanel .jspVerticalBar,.listBookmarksnavpanel .jspVerticalBar{left: 0;}
.relatedarticlenavpanel .jspPane, .listBookmarksnavpanel .jspPane{ margin-left:20px; }
.relatedarticlenavpanel,.listBookmarksnavpanel{height:100%;  background:url(//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/relatedarticlenavbg.gif) 0 0 repeat-y;}
.relatedarticlenavpanel dt{font-size:12px; font-weight:bold; text-transform:uppercase; line-height:1.5; margin:15px 0 5px 0;}

.relatedarticlenavpanel dd, .listBookmarksnavpanel li{font-size:13px; line-height: 22px; width:175px; margin:0 0 0 0px; padding:0 0 0 0px; color:#000}
.relatedarticlenavpanel dd a, .listBookmarksnavpanel li a{color:#fff; text-decoration:none; }
.relatedarticlenavpanel dd a span, .listBookmarksnavpanel li a span{color:#c4c4c4; font-weight:normal!important;}
.relatedarticlenavpanel dd:hover, .relatedarticlenavpanel dd.on, .listBookmarksnavpanel li:hover, .listBookmarksnavpanel li.on{ background: url('//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/panel_edage.png') no-repeat -175px -79px;  }
.relatedarticlenavpanel dd:hover a, .relatedarticlenavpanel dd:hover a span, .relatedarticlenavpanel dd.on a, .relatedarticlenavpanel dd.on a span{color:#000;}
.listBookmarksnavpanel li:hover a, .listBookmarksnavpanel li:hover a span, .listBookmarksnavpanel li.on a, .listBookmarksnavpanel li.on a span{color:#000;} 

#socialToolbox{vertical-align:bottom;}

.listBookmarksnavpanel ul{margin:15px 0 30px 0;  padding:0; min-height:320px;}
.listBookmarksnavpanel li{margin-top:5px; font-weight:bold;}
.listBookmarksnavpanel .edit_btn{display:block; width:124px; height:21px; background: url('//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/panel_edage.png') no-repeat -224px -326px;  }
.listBookmarksnavpanel .edit_btn:hover{ background-position:-224px -347px}

#loginfrm label{display:inline-block; width:100px;}	
#loginfrm p{margin:0 0 5px 0}
.lyrLoginText	
{
	font-weight:bold;
	color:White;
	font-family:Calibri,Verdana,Arial,Sans-Serif;
	line-height:16px;
}

#logout{position:absolute; right:10px; top:10px; display: none;}
#toolbar_logout_btn a{display:block; height:65px; background:url('//static.cdn.realviewdigital.com/global/v2/images/logout_btn2.png') no-repeat -4px 0px;}
#toolbar_logout_btn a.on{ background-image:url('//static.cdn.realviewdigital.com/global/v2/images/logout_btn0.png')} 

/** zoom slider **/

.ui-corner-all, .ui-tooltip-icon, .ui-tooltip-icon .ui-icon{ border-radius: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;
}
.ui-state-default, .ui-corner-all{border:0 !important;}
.ui-slider-vertical .ui-slider-handle
{
    height:8px;
    background-image:url('//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/zoom_slider_drag.png');
    background-repeat:no-repeat;
    left:1px;
    margin:0 0 -5px 0;
}

#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; }

#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;
}

/** search highligh **/
.searchhighlight	{
	background-color: #FFD800; 
	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; background:#fff; font-size:13px;}
.helpinfo label{display:block; margin-left:5px;zfloat:right; background-image:url('//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/navbg.png'); height:15px; }
.helpinfo th{text-align:right; padding:30px 10px 30px 5px; vertical-align:top; width:130px; }
.helpinfo td{padding:30px 5px 30px 10px; vertical-align:top;}
.helpinfo td a{color:#ffcc00; text-decoration:none;}
.helpinfo td a:hover{ 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;}

/* bookmarks*/
.bookmark_create_btn, .bookmark_save_btn{width:63px; height:20px; background:url("//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/popup.png") no-repeat -6px -67px; float:left; margin:20px 0px 0 0; }
.bookmark_create_btn:hover{background-position:-123px -67px}
.bookmark_save_btn{background-position:-217px -38px; width:62px;}
.bookmark_save_btn:hover{background-position:-217px -67px}

#bookmarkOnPage{display:block;z-index:10; width:28px; height:34px; position:absolute; right:20px; top:-1000px; 
                background:url('//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/trans_elems.png') no-repeat -4px -2px;
               }
#ui-tooltip-listBookmarks-title, #ui-tooltip-notes-title{padding-left:36px; background:url('//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/bookmark-icon-yellow.png') no-repeat 0px 0px;}
#ui-tooltip-addBookmark-title{padding-left:36px; background:#E9E9E9 url('//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/bookmark-icon-grey.png') no-repeat 0px 0px;}



.editbookmarks_btn,.editbookmark_btn,.bookmarkpage_btn{ background: url('//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/panel_edage.png') no-repeat -179px -266px; display:block; position:absolute;left:210px; top:15px; width:168px; height:26px; overflow:hidden;}
.editbookmarks_btn{width:123px; background-position:-224px -374px; left:388px; top:20px; height:21px!important; }
.editbookmarks_btn:hover{background-position:-224px -395px;}
.editbookmark_btn{left:15px; width:123px; background-position:-224px -422px; top:20px; height:21px!important; }
.editbookmark_btn:hover{background-position:-224px -443px;}

.bookmarkpage_btn:hover{ background-position:-179px -294px}


.txtNoteTitle{width:560px; height:22px; line-height:22px}
.txtListName{ height: 20px; margin: 0 0 0 22px; width: 248px;  display:inline;}

#bookmarkeditform .msg{color:Red; padding-left:10px; display:none;}
.addListName_btn
{
    text-decoration:none;  
    color:#000; 
    font-size:32px; 
    line-height:26px;
    text-align:center;
    background-color:#8f8f8f; 
    padding: 0px;
    height:24px; 
    width:24px; 
    float:right; 
    display:inline;
    margin:1px 16px 0 0;
    *margin:-27px 16px 0  0; 
}
@media screen and (-webkit-min-device-pixel-ratio:0) { .addListName_btn{margin:2px 19px 0 0; height:26px; width:25px;}  }
.addListName_btn:hover{color:#e9e9e9;}
.txtNote{width:560px; height:160px;}
#bookmarkeditform p,#bookmarkeditform label{display:block; clear:both; margin:30px 0 5px 0; font-weight:bold;  }

.sellistwrapper select{ width: 252px; font-size:1.0em; padding:3px 1px}

/* tablet specific style */
body.tablet #col2content ul, body.tablet #col1content ul{margin-top:5px; background-image:none; }
body.tablet #col1content li a, body.tablet #col2content li a, body.tablet #bottomnav li a{background-image:url("//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/ipad-navbar.png") !important;  background-size:1024px 440px; }
body.tablet #toolbar_search_btn2 a{height:60px; background-position:-132px -180px; }
body.tablet #bottomnav{margin:0; position:relative; z-index:7;  background-color:#000; height:30px; top:-30px; background-image:none; overflow:hidden; }
body.tablet #toolbar_logo a {height: 80px;background-position: -66px 0;}
body.tablet #toolbar_prev_btn a,body.tablet #toolbar_prev_btn.disable_hover a:hover { background-position: 0 -197px;}
body.tablet #toolbar_prev_btn a:hover{background-position:-66px -197px; }
body.tablet #toolbar_next_btn a,body.tablet #toolbar_next_btn.disable_hover a:hover { background-position: 0 -67px;}
body.tablet #toolbar_next_btn a:hover{background-position:-66px -67px; }
body.tablet #bottomnav li a{height:30px;}
body.tablet #toolbar_issue_name{color:#fff; padding:0 10px;}
body.tablet #toolbar_contents_btn a{ background-position:-235px -330px !important; width:106px; }
body.tablet #toolbar_contents_btn a:hover{ background-position:-235px -363px !important;}
body.tablet #toolbar_contents_btn.on a{ background-position:-235px -395px  !important;}
body.tablet #toolbar_allpages_btn a{width:108px!important; background-position:-341px -330px!important;}
body.tablet #toolbar_allpages_btn a:hover{background-position:-341px -363px  !important;}
body.tablet #toolbar_allpages_btn.on a{background-position:-341px -395px  !important;;}
body.tablet #toolbar_relatedarticles_btn a{width:160px!important; background-position:-449px -330px!important;}
body.tablet #toolbar_relatedarticles_btn a:hover{background-position:-449px -363px  !important;}
body.tablet #toolbar_relatedarticles_btn.on a{background-position:-449px -395px  !important;}
body.tablet #toolbar_archive_btn a{width:140px!important; background-position:-609px -330px!important;}
body.tablet #toolbar_archive_btn a:hover{background-position:-609px -363px  !important;}
body.tablet #toolbar_archive_btn.on a{background-position:-609px -395px  !important;}
body.tablet #toolbar_help_btn a{width:70px!important; background-position:-749px -330px!important;}
body.tablet #toolbar_help_btn a:hover{background-position:-749px -363px  !important;}
body.tablet #toolbar_help_btn a.on{background-position:-749px -395px  !important;}
body.tablet .allpagespanel .thumb_pagenumber{display:none}
body.tablet .ui-tooltip-dark .closepanelbtn, body.tablet .ui-tooltip-dark .closepanelbtn:hover
{
    background:url('//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/ipad-navbar.png') no-repeat -143px -255px !important; background-size:1024px 440px!important;
}

/* search */
body.tablet #txtSearch
{    
     margin:0; padding:0 0 0 3px;
     font-family:Arial; line-height:2; font-size:11px; 
     width:217px; height:28px;  border:0; vertical-align:baseline;
     background-color:#FFF; color:#000; 
     -webkit-border-radius: 0px;
}

body.tablet #advancedTxtSearch{width:240px; height:30px;padding:0 0 0 3px; display:none; }
body.tablet #searchresults_advanced .adsearchform p{margin:15px 0 12px 0; }
body.tablet #searchresults_advanced .adsearchform p.withdivider{padding:12px 0; margin:0;}
body.tablet #searchresults_advanced .adsearchform{width:250px; font-size:13px; font-weight:bold;}
body.tablet #searchresults_advanced .adsearchform input[type="checkbox"]{width:20px; height:20px; vertical-align:middle}
body.tablet #adsearchresults{left:260px}

body.tablet #searchresults_advanced .adsearchform .adsearch_btn, 
body.tablet #searchresults_advanced .adsearchform .adsearch_btn:hover
{ width:96px; height:27px; 
  background:url("//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/ipad-navbar.png") no-repeat -142px -295px !important; 
  background-size:1024px 440px; 
  margin-right:0;
}

body.tablet #searchresults_advanced .adsearchform .adsearch_mon, 
body.tablet #searchresults_advanced .adsearchform .adsearch_year
{
    width:90px; height:30px;
}

body.tablet .archivecell p{height:26px; background:url('//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/ipad_issuename_bg.png') repeat-x 0 0; text-align:center; line-height:20px; margin:10px 0 0 0;}
body.tablet .archivecell p a{color:#fff; font-size:10px; font-weight:bold; text-decoration:none;}
body.tablet .coverselected_highlight p{ background-image:url('//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/ipad_issuenamebg_on.png') }
body.tablet .coverselected_highlight a{color:#000;}

body.tablet .issueyearspanel li.on { background-image:none; background-color:#ffcc00; color:#000!important;  }
body.tablet .issueyearspanel li:hover{background-image:none; }
body.tablet .relatedarticlenavpanel dt, body.tablet .relatedarticlenavpanel dd, body.tablet .listBookmarksnavpanel li{height:46px; width:auto; font-size:14px; line-height:46px; padding-left:5px; border-bottom:1px solid #262626;}
body.tablet .relatedarticlenavpanel dt{margin:15px 0 0 0}

body.tablet .relatedarticlenavpanel dd, 
body.tablet .listBookmarksnavpanel li
{
    font-size:13px; font-weight:bold;
}

body.tablet .relatedarticlenavpanel dd a, 
body.tablet .listBookmarksnavpanel li a
{
    color:#999;display:block;
}

body.tablet .relatedarticlenavpanel dd.on, body.tablet .listBookmarksnavpanel li.on
{ 
    background-image:none; background-color:#ffcc00; 
}

body.tablet .relatedarticlenavpanel dd:hover, 
body.tablet .relatedarticlenavpanel dd:hover a, 
body.tablet .relatedarticlenavpanel dd:hover a span
{
    background-image:none; color:#999 !important; 
}

body.tablet .listBookmarksnavpanel li:hover, 
body.tablet .listBookmarksnavpanel li:hover a, 
body.tablet .listBookmarksnavpanel li:hover a span
{
    background-image:none; color:#999 !important; 
}

body.tablet .relatedarticlenavpanel, body.tablet .listBookmarksnavpanel
{
    background-color:#000;
}

body.tablet #homescreen_indicator{z-index:12000; padding:0; margin:0;position:absolute; top:0;left:40px; width:330px; height:150px; background-image:url('//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/add-to-home.png'); background-size:329px 147px;}
body.tablet #homescreen_indicator a{display:block; position:absolute; left:300px;top:25px; width:20px; height:20px;}

 /* bookmarks*/
body.tablet .bookmark_create_btn, 
body.tablet .bookmark_save_btn, 
body.tablet .bookmark_create_btn:hover, 
body.tablet .editbookmarks_btn, 
body.tablet .bookmarkpage_btn
{
    height:26px; 
    background-image:url("//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/ipad-navbar.png") !important;  
    background-size:1024px 440px;
}

body.tablet .bookmark_save_btn, 
body.tablet .bookmark_save_btn:hover
{
    background-position:-493px -124px; width:79px;
}

body.tablet .bookmark_create_btn, 
body.tablet .bookmark_create_btn:hover
{
    background-position:-493px -79px; width:79px;
}

body.tablet .editbookmarks_btn {background-position: -710px -205px; width:145px;  left:502px;  top:14px; padding-bottom:5px;}
body.tablet .notespanel .editbookmarks_btn{left:20px;}
body.tablet .editbookmarks_btn:hover{background-position: -710px -205px; }
body.tablet .bookmarkpage_btn{ background-position:-492px -202px; width:190px; height:32px; left: 298px; top: 9px; }
body.tablet .bookmarkpage_btn:hover{ background-position:-492px -202px;}
body.tablet #bookmarkOnPage
{
        display:block;z-index:10; width:49px; height:62px; position:absolute; right:20px; top:-1000px; 
        background:url('//static.cdn.realviewdigital.com/static/National Geographic Society/National Geographic/images/ipad-navbar.png') no-repeat -706px -73px !important;  background-size:1024px 440px;
}
body.tablet #bookmarkeditform label{margin:0 0 5px 0 ;}
body.tablet #bookmarkeditform p{padding-top:10px;}

body.tablet #bookmarkeditform input, 
body.tablet #bookmarkeditform select
{ 
    padding:1px; 
    border-radius:0; 
    height: 23px; width:200px;
}

body.tablet #bookmarkeditform span{width:220px; float:left;}
body.tablet .selListName{height:27px!important;}
body.tablet .txtListName{margin:16px 0 0 0; width:187px!important;}
body.tablet .txtNote{width:656px; height:100px;}
body.tablet .addListName_btn {margin: 16px 5px 0 0; padding:0; width: 24px;}
body.tablet #bookmarkeditform .msg {width:auto; float:none;}


#lastpage_maps {
    padding:30px;
    
}

.lp_map { 
    max-width:150px;
    max-height:150px;
}