/*=========Issue view =================*/


.left-box-issue-view { color: #b3b5b6; font-weight: bold; font-size: 10px; margin-bottom: 10px; }
.left-box-issue-view img { width: 65px; }
.left-box-issue-view .issue-cover { width: 65px; }
.left-box-issue-view .issue-info { width: 100px; }
.left-box-issue-view .issue-info div { font-size: 9px; }



/*.book{display:none;	position:relative;	left: 0;	top:0;	width: 800px;	height:650px;}
.book .page{position:absolute;	left:0px;	top:0px;	width: 400px;	height:650px;	color:#fff;	overflow:hidden;	border: solid 1px #000;}
*/
.book { display: none; position: relative; left: 0; top: 0; width: 604px; height: 362px; }
.book .page { position: absolute; left: 0px; top: 0px; width: 300px; height: 360px; color: #fff; overflow: hidden; border: solid 1px #000; }

.designer-frame { width: 1000px; height: 1400px; }


.issue-page-manage { padding: 10px 0 0 10px; }
.issue-page-manage h2 { text-transform: capitalize; }
.issue-pages-carousel-view { float: left; clear: both; padding-bottom: 20px; width: 800px; }
.pages-carousel { height: 80px; width: 600px; overflow: hidden; position: relative; display: inline; float: left; top: 0px; left: 0px; }
.pages-carousel .container { width: auto; clear: both; padding: 0; margin-left: 20px; overflow: hidden; }
.pages-carousel .container div { text-align: center; }
.pages-carousel .container div.pageItem { display: inline; float: left; width: 60px; height: 60px; margin-bottom: 15px; }
.pages-carousel .container img { width: 40px; height: 50px; margin: 5px; display: inline; border: 0; }
.pages-carousel .container img.selected { border: 2px solid #f00; margin-bottom: 1px; }
.pages-carousel .container img:hover { border: 2px solid #f00; margin-bottom: 1px; }
.scroll-left { padding-top: 5px; display: inline; float: left; cursor: pointer; }
.scroll-right { padding-top: 5px; display: inline; float: left; cursor: pointer; }


.issue-pages-list .page-item { display: inline; float: left; padding: 10px; border: 1px solid #333; margin: 2px; width:60px; }
.issue-pages-list .page-item img { width: 50px; height: 70px; }
.issue-pages-list .page-item:hover { border-color: #f00; }



.digital-issue { width: 830px; position: relative; }
.digital-issue .page-connector { display: none; background: transparent url(images/3dPagMiddle.png) no-repeat scroll -140px 0px; z-index: 40; position: absolute; top: -30px; left: 360px; height: 650px; width: 70px; }
.digital-issue .page-spine { background: transparent url(/images/digitalmagazines/spine-new.png) repeat-y scroll 0 0; z-index: 30; position: absolute; top: 0px; 
                             left: 257px; height: 550px; width: 260px; }
/*
.digital-issue .page-connector{background:transparent no-repeat scroll -140px 0px; z-index:10;
                               position:absolute;top:-30px;left:375px;height:560px;width:70px;}
                               
 */

/*===========Digital issue pages client side turning =================================*/

.digital-issue-pages { overflow: hidden; width: 780px; height: 550px; position: relative; margin-left: 5px;min-width:780px; }
.digital-issue-pages li { display: inline; float: left; position: relative; margin: 0; }
.digital-issue-pages li:nth-child(odd) { border-right: 0px solid black; }
.digital-issue-pages li:nth-child(even) { border-left: 0px solid black; }
.digital-issue-pages li div.page { display: inline-block; position: relative; float: left; min-width: 390px; min-height: 550px; }
.digital-issue-pages li div.right div.zoom-area { margin-left:0; border:solid red 1px; float:left;}
.digital-issue-pages li div.null-page { display: inline-block; position: relative; float: left; min-width: 390px; min-height:550px; background-color: #000; z-index: 100; }
.digital-issue-pages li div.turning-area { display: inline; float: left; left:0px; cursor:url('/images/hand_left.cur'),url('images/arrow_left.cur'), pointer;
                                           height: 550px; min-width: 10%; z-index: 20; position: absolute; top: 0; z-index: 20; background-color: red; opacity: 0; filter: alpha(opacity = 0); }
/*.digital-issue-pages li div.right .turning-area {  cursor: url('/images/hand_right.cur'),url('images/arrow_right.cur'), pointer;}
*/
.digital-issue-pages li:nth-child(odd) div.turning-area { left: 0; cursor: url('/images/hand_left.cur'),url('images/arrow_left.cur'),pointer ;}
.digital-issue-pages li:nth-child(even) div.turning-area { left: 90%; cursor: url('/images/hand_right.cur'),url('images/arrow_right.cur'), pointer; }

.digital-issue-pages li div.leftPage { left: 0; cursor: url('/images/hand_left.cur'),url('images/arrow_left.cur'),pointer ;}
.digital-issue-pages li div.rightPage { left: 90%; cursor: url('/images/hand_right.cur'),url('images/arrow_right.cur'), pointer; }



.digital-issue-pages li div.zoom-area { display: inline; float: left; height: 550px; min-width: 90%; 
                                        z-index: 20; position: absolute; top: 0; z-index: 20; cursor: url('/images/zoomin_cursor.cur'), pointer; background-color: red; opacity: 0; filter: alpha(opacity = 0); }
.digital-issue-pages li:nth-child(odd) div.zoom-area { left: 20%; }
.digital-issue-pages li:nth-child(even) div.zoom-area { left: 0; }
.digital-issue-pages li img { width: 390px; min-height: 550px; z-index: 10; top: 0; }

.page-peel-right { position: relative; right: 45px; top: 0px; float: right; z-index:25}
.page-peel-right img { width: 0px; height: 0px; z-index: 99; position: absolute; right: 0; top: 0; -ms-interpolation-mode: bicubic; }
.page-peel-left { position: relative; left: 5px; top: 0px; float: left; z-index:25}
.page-peel-left img { width: 0px; height: 0px; z-index: 99; position: absolute; left: 0; top: 0; -ms-interpolation-mode: bicubic; }

.view-issue-wrapper .view-issue .top-buttons .zoom-in{cursor:pointer; float:left;margin-left:75px;}


/*===============Single issue page view ==========================================*/


.single-issue-page { width: 815px; position: relative; position:relative; }
.single-issue-page .middle-box {position:absolute; left:41%;}
.single-issue-page .top-buttons .middle-box a { margin-right:0px;}
.single-issue-page .page { float: left; margin-top: 0; }
.single-issue-page .page img { height: 1150px; width: 815px; display: inline; float: left; }
.single-issue-page .top-buttons { position: relative; left: 0px; top: 0px; font-weight:bold; margin-bottom:30px;
                                  background: #000 url(/images/digital-issue-page-toolbar-gradient.png) repeat-x scroll 0 0; padding-top: 7px; 
                                  border-bottom: 1px solid #444; height: auto;  opacity: 0.8; filter: alpha(opacity = 80); }
.single-issue-page .top-buttons *{z-index:1010;}
.single-issue-page .top-buttons a { vertical-align:top; display:inline-block; margin-right:5px;}
.single-issue-page .top-buttons a.print { margin:0 278px 0 2px;}

.single-issue-page .top-buttons .page-numbers { background: url(/images/magazine-page-numbers-bg.png) no-repeat; text-align: center; 
                                                color: #204162; display: inline-block; margin:2px 5px 0; 
                                                vertical-align: middle; width: 75px; padding: 1px 15px 3px; }
.single-issue-page .top-buttons:hover { opacity: 1; filter: alpha(opacity = 100); }

.single-issue-page .top-buttons .button { vertical-align: middle; color: #fff; 
                                          text-decoration: none; font-weight: bold;  }

.single-issue-page .top-buttons .button:hover { color: #ffff99; }

.single-issue-page .top-buttons .button img { }

.single-issue-page .turn-link { position: absolute; top: 42px; height: 1150px; width: 50%; display: inline-block; background-color: white; opacity: 0.0; filter: alpha(opacity = 0);z-index:100; }

.single-issue-page .turn-left-link { left: 0;  cursor: url('/images/hand_left.cur'),url(images/DigitalMagazines/hand_left.png), pointer; float : left; width:100px; }
.single-issue-page .turn-right-link { right: 0; cursor:url('/images/hand_right.cur'),url('images/DigitalMagazines/hand_right.png'), pointer; float: right;width:100px; }

.single-issue-page .top-buttons .rightside a.zoom-in,.single-issue-page .top-buttons .rightside a.zoom-out,
.single-issue-page .top-buttons .rightside img.zoom-bar{padding-top:4px;}

.content-area .overlay {display:block; z-index:1000;position:absolute;background-color:Transparent;border:none;background-color: red; opacity: 0.2; filter: alpha(opacity = 20); }
.content-area .overlay .web-link,.content-area .overlay .email-link{position:relative;display:block;width:100%;height:100%;}
.content-area .overlay:hover{opacity: 0.4; filter: alpha(opacity = 40); }
.content-area div.video,.content-area div.video:hover{opacity: 1.0; filter: alpha(opacity = 100); }



.view-issue-wrapper { width:790px; margin:auto;}
.view-issue .top-buttons .inline { width: 13px; }
.view-issue .top-buttons  .search-box {width:105px;}
.view-issue .top-buttons .p-nums { width: 105px;  margin: -1px 5px 0 0; }

.view-issue .top-buttons .title { width: 87px; padding-left:5px; margin-right: 25%; }

.view-issue .top-buttons { left: 0px; top: 0px; padding-top:5px;border-bottom: 1px solid #444;
                           background: #000 url(/images/digital-issue-page-toolbar-gradient.png) repeat-x scroll 0 0;  
                           height: 25px;width: 790px; opacity: 0.8; filter: alpha(opacity = 80); margin-bottom:15px; }
.view-issue .top-buttons .rightside,.single-issue-page .top-buttons .rightside { margin-right:15px; margin-top:-3px;width:200px;}
.single-issue-page .top-buttons .rightside {width:250px;}
.single-issue-page .top-buttons .rightside a {margin-right:0px;padding-top:4px; }
.view-issue .top-buttons .rightside .leftside { padding:3px;}
.view-issue .top-buttons .page-numbers { width: 73px; padding: 2px 16px 0px; color: #204162; display: inline-block; height: 23px; vertical-align: middle; text-align: center; 
                                         background: url(/images/magazine-page-numbers-bg.png) no-repeat left top; font-weight:bold; }
.view-issue .top-buttons:hover { opacity: 1; filter: alpha(opacity = 100); }

.view-issue .top-buttons .button { vertical-align: middle;  color: #fff; text-decoration: none;
                                   font-weight: bold; display: inline-block; padding-top:2px; }
.view-issue .top-buttons  a img.button {padding-top:4px;}
.view-issue .top-buttons a.button img {padding:2px}
.view-issue .top-buttons .button:hover { color: #ffff99; }

.view-issue .top-buttons input[type=text],.view-issue .top-buttons .textbox {vertical-align: middle; width: 91px; height: 25px; border: none; 
                                    padding: 4px 5px 0 8px; background: url(/images/magazine-page-numbers-bg.png) no-repeat left top; font-size:10px; }
.view-issue .top-buttons input.search-link {vertical-align: top; display: inline-block; color: #fff; text-decoration: none;padding-top:4px; }
.view-issue .top-buttons .digital-magazine-general-tool-bar{padding-top:2px;}


/*===========view issue page  (TOC)==================================================================*/
.view-issue-page{display:block;}
.view-issue-page .right-column { float: left; margin-top: 0; }
.issue-articles-list { display:inline-block;  width: 80%;float:left; margin-left:0px;}
.issue-articles-list .articles-table { width:65%; height: 100%;display:inline-block;float:left;}
.issue-articles-list .articles-table .publication-title { color: #92bb53; font-weight: bold; font-size: 12pt; padding-bottom: 5px; padding-bottom: 5px; }
.issue-articles-list .articles-table .issue-title { color: #FFF596; font-weight: bold; font-size: 10pt; padding-bottom: 30px; }
.issue-articles-list .articles-table .list .item { padding: 5px;width:550px;}
.issue-articles-list .articles-table .list .item .title { text-transform: uppercase; color: #92bb53; font-weight: bold; }
.issue-articles-list .articles-table .list .item .title:hover { color: #FFF596; }
.issue-articles-list .articles-table .list .item .title a { color: #92bb53; }
.issue-articles-list .articles-table .list .item .title a:hover { color: #FFF596; }

.issue-articles-list .articles-table .list .item .details { padding: 5px 0 0 10px; }
.issue-articles-list .articles-table .list .item .content { padding:0; line-height:14pt; font-size: 10pt; }


.issue-articles-list .issue-cover { float: left; display: inline-block; width: 165px; height: 100%; margin-right:10px;  text-align:center;}
.issue-articles-list .issue-cover p { font-size: 8pt;  line-height: 10pt; padding: 10px 0 15px 6px; text-align: left; }
.issue-articles-list .issue-cover-image { margin-bottom:10px; width: 120px; }
.issue-articles-list .issue-cover .button { text-transform: uppercase; font-size: 10pt; width: 190px; height: 40px; font-weight: bold; float: left; clear: both; background: url(/images/register-button-gray.png) no-repeat scroll top left; display: block; text-align: center; color: #fff; padding-top: 10px; }
.issue-articles-list .issue-cover .button:hover { background: url(/images/register-button-gray-hover.png) no-repeat scroll top left; opacity: 1; filter: alpha(opacity = 100); }





/* ======== digital-magazine-content-menu =============*/
.digital-magazine-content-menu {width:200px; float:left; padding-left:5px; position:relative;}
.digital-magazine-content-menu .button-hover-box { position:absolute; z-index:1000; border:solid #fff 1px;}
.digital-magazine-content-menu > .inline { width:100px;}
.digital-magazine-content-menu > .icon {width:30px;}
.digital-magazine-content-menu a
{
    color: #fff;
    text-decoration: none;
    font-weight:bold;
}
.digital-magazine-content-menu .icon a img.print-all{padding-top:1px;}
.view-issue .top-buttons .digital-magazine-content-menu .inline { margin-right:7px; width:100px;}
.view-issue .top-buttons .digital-magazine-content-menu .icon {width:20px;}

.digital-magazine-content-menu div > a {color:#92BB53;font-size:17px;font-weight:bold; }
.digital-magazine-content-menu  .button-hover-box { background:#000; padding:0px; margin:18px 0 0 -5px; z-index:100; border:none; width:280px; z-index:110;}
.digital-magazine-content-menu  .button-hover-box .grid td {padding:3px 10px; font-size:7pt;}
.digital-magazine-content-menu  .issue-contents {position:relative;}
.digital-magazine-content-menu  .issue-contents div {position:relative;}
.digital-magazine-content-menu  .issue-contents .grid { border:none; width:100%; min-width:0px; }
.digital-magazine-content-menu  .issue-contents .grid tr { border-bottom:solid #444 1px;}


/* ========== Digital magazine general tool bar =========== */
.digital-magazine-general-tool-bar {float:right;padding-top:0px;position:relative;}
.digital-magazine-general-tool-bar .inline { vertical-align:top;}
.digital-magazine-general-tool-bar .icon input {margin-top:5px;}
.digital-magazine-general-tool-bar .search-box { width: 105px; } 
.digital-magazine-general-tool-bar .search-box .textbox,.digital-magazine-general-tool-bar .search-box input[type="text"]{vertical-align: top; width: 91px; height: 20px; text-align:center; 
                                    border: none; padding: 1.7% 5px 0 8px; background: url(/images/magazine-page-numbers-bg.png) no-repeat left top; font-size:12px; font-weight:bold;position:absolute;top:15%; }
.digital-magazine-general-tool-bar input.search-link {vertical-align: top; display: inline-block; color: #fff; text-decoration: none;padding-top:5px; }                                    




.toc-cover-image-content{text-align:left;padding:10px;font-size:9pt;line-height:12pt;}