/* Project : iPublishCentral v.6.0 Document : Master Style sheet Created : 2014-04-03 Last Updated: 2014-05-05 Author : Dhakshina Murthy J */ body { margin:0px auto; font-size:12px; /*background:#43668d;*/ /* background:#dbeaf9; */ color:#222; /* font-family:Arial, Helvetica, sans-serif;*/ /*font-family:'Calibri Regular','Calibri'; */ /* background: #cfc29d; */ /* Old browsers */ background: #fff; /* Old browsers */ /* background: -moz-linear-gradient(left, #cfc29d 0%, #ffffff 25%, #ffffff 75%, #cfc29d 100%); */ /* FF3.6+ */ /* background: -moz-linear-gradient(left, #f2e7c6 0%, #e7cf8c 25%, #e7cf8c 75%, #f2e7c6 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#cfc29d), color-stop(25%,#ffffff), color-stop(75%,#ffffff), color-stop(100%,#cfc29d)); */ /* Chrome,Safari4+ */ /* background: -webkit-linear-gradient(left, #cfc29d 0%,#ffffff 25%,#ffffff 75%,#cfc29d 100%); */ /* Chrome10+,Safari5.1+ */ /* background: -o-linear-gradient(left, #cfc29d 0%,#ffffff 25%,#ffffff 75%,#cfc29d 100%); *//* Opera 11.10+ */ /* background: -ms-linear-gradient(left, #cfc29d 0%,#ffffff 25%,#ffffff 75%,#cfc29d 100%); */ /* IE10+ */ /* background: linear-gradient(to right, #cea775 0%,#fff 14%,#fff 85%,#cea775 100%); */ /* W3C */ /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfc29d', endColorstr='#cfc29d',GradientType=1 ); */ /* IE6-9 */ } /*Site -level font - body, Jquery tab */ body, .ui-widget, .myaccount .ui-widget input, .myaccount .ui-widget select, .myaccount .ui-widget textarea, .myaccount .ui-widget button { /* font-family: 'Open Sans', sans-serif !important; */ font-family: 'Trebuchet MS', sans-serif !important; } /*Site -level font*/ .fnt-sanspro { font-family: 'Source Sans Pro', sans-serif; } .fnt-opensans { font-family: 'Open Sans', sans-serif; } .fnt-sanspro { font-family: 'PT Sans', sans-serif; } .text-line-through { text-decoration:line-through; } ul { margin:0px; padding:0px; list-style:none; } a { text-decoration:none; outline:none; } h1, h2, h3, h4, h5, h6 { margin:5px 0px; } h3 { margin:5px 0px 7px; padding-bottom:4px; } h3.highlight { background:#f3f3f3; color:#666; padding:7px; margin-bottom:15px; border:1px dotted #ddd; } h4 { margin:5px 0px 5px; padding-bottom:4px; } h4.title { margin:15px 0px 1px; padding-bottom: 7px; border-bottom:1px dotted #dfdfdf; } .hr { height:1px; margin:10px 0px; /*border-bottom:1px solid #bfbfbf;*/ } .catalog-hr { border-bottom: 1px dotted #DFDFDF; height: 1px; margin: 10px 0; } .cursor-pointer { cursor: pointer; } .ipc-color-red { color: #FF0000; } .floatL { float:left; } .floatR { float:right; } input[type="text"]:focus, input[type="password"]:focus, textarea:focus, input.tablesorter-filter:focus { box-shadow: 0 0 5px rgba(81, 203, 238, 1); border: 1px solid rgba(81, 203, 238, 1); } .pageWrapper { margin:0px auto; padding:0px; width:980px; /*border:1px solid #efefef; */ background:#fff; box-shadow:0px 0px 3px #999; -moz-box-shadow:0px 0px 3px #999; -webkit-box-shadow:0px 0px 3px #999; } .inner-wrapper { padding: 10px; } header { height:92px; background:white; } .header-container { margin-bottom:10px; } .header-container #ipc-logo { width:260px; float:left; /*margin-top: 14px;*/ } .header-container .logo-section { padding:60px 0 0 10px; } /* Reader body */ .reader-body { background:#f5f5f5 !important; } /* Reader header */ .reader-body .fixed-header { } /* Reader logo */ .reader-body .fixed-header .logo-section { padding:3px 5px 3px 15px; } .reader-body .fixed-header .logo-section a { background: url("../images/ipc_reader_logo.png") no-repeat 0% 0% transparent; height:28px; display:block; } .reader-body .fixed-header .logo-section a img { display:none; } .header-container .quick-link-Section { display:block; float:none; margin:0px 5px 0px 5px; } .header-container .quick-link-Section ul { float:right; margin:5px 5px 5px 0px; } .header-container .quick-link-Section li { float:left; padding:0px 10px; border-right:1px dotted #bbb; position:relative; line-height: 16px; } .header-container .quick-link-Section li:last-child { border-right:1px dotted #fff; } .header-container .quick-link-Section li a { /*color:#333;*/ color: #e47b05; } .header-container .quick-link-Section li a:hover { color:#222; } .header-container .quick-link-Section li.arrow { border:0px; } .header-container .quick-link-Section li.arrow a { background: url(images/arrow.gif) no-repeat 98% center; padding-right:25px; } .header-container .quick-link-Section .has-menu { color:#e47b05; } .header-container .quick-link-Section li .sub-menu { position: absolute; right:0px; border:1px solid #efefef; top: 27px; display: none; z-index: 101; -webkit-box-shadow: 0 0 5px#888; -moz-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; background: #fff; } .header-container .quick-link-Section .last-item { right:0px; left:auto; } .header-container .quick-link-Section li .sub-menu ul { width: 130px; margin:0px; } .header-container .quick-link-Section li .sub-menu li { display: block; float: none; background: #f3f3f3; border-bottom:1px solid #fff; padding:0px; width: 100%; border-right:0px; } .header-container .quick-link-Section li .sub-menu li:hover { background: #fcfcfc; } .header-container .quick-link-Section li .sub-menu li a { padding: 7px 15px; display: block; } .redeem-menu { display:none; } .header-container .quick-link-Section li .redeem { position: absolute; right:0px; border:1px solid #efefef; top: 32px; display: none; z-index: 101; -webkit-box-shadow: 0 0 5px#888; -moz-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; background: #f7f7f7; width: 200px; } .header-container .quick-link-Section .redeemInput { width:81%; padding: 3px 0 5px 5px; margin: 5px; } .header-container .quick-link-Section .image{ border: 0px; padding-left:0px; width:15px; height:15px; } /*Custom Quick Links*/ .quick-link-Section .submenu { float:left; } /*Custom Quick Links Ends*/ /* header search box */ .header-container .searchbox-section { float:left; width:470px; margin:30px 0 0 13px; } .header-container .searchbox-section .search-text { width:420px; height:30px; vertical-align:top; color:#ababab; margin-bottom:10px; } /* ios style button */ .header-container .searchbox-section .search-btn { min-height: 37px; -webkit-appearance:none; } .header-container .searchbox-section .adv-search-arrow { display:inline-block; margin-left:-38px; margin-top:12px; opacity:0.5; margin-right:0px; margin-top:0px; width:20px; height:24px; padding:13px 0 0 6px; } .header-container .searchbox-section .adv-search-arrow:hover { opacity:0.5; } .header-container .searchbox-section input[type="button"], .header-container .searchbox-section input[type="submit"] { height:34px; line-height: 34px; vertical-align:top; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } input.home-page, input.header-section { height:34px; border:1px solid #ccc; padding-left:5px; color:#666; } .header-container .user-details { float:right; width:180px; margin:10px 15px 10px 0px; text-align:right; } .header-container .user-details img { margin:0px 2px 0px 8px; opacity:0.5; vertical-align:middle; } .header-container .user-details #login-button { padding:5px 20px; } .header-container .user-details .cart-items-count { background: none repeat scroll 0 0 #D44B38; text-align: center; color: #ffffff; display: inline-block; height: 18px; line-height: 18px; width: 18px; border-radius: 18px; font-size:90%; } .body-container { clear:both; min-height:575px; } .contentSection { clear:both; } .contentSection h1, .body-container h1 { color:#23a9df; font-size:18px; margin:10px 0px; } /* Discovery Block Navigation */ .navigation { width:250px; height:380px; overflow-y:auto; overflow-x:hidden; float:left; padding-left:3px; /*border:1px solid #e6e6e6; */ } .navigation li { margin:1px 0px; background:#e6e6e6; } .navigation li:hover { /*background:#eee;*/ background:#f4f4ed; color:#fff; } .navigation li.selected { /*background:#c3c3c3;*/ background:#afafaf;/*#a2d0ec;*/ } .navigation li a, .navigation li a:visited { color:#444444; display: block; padding:10px 12px; } .navigation li a span { display:inline-block; padding:0px 5px; color:#777777; } .navigation li a:hover { color: #222; } .navigation li.li-with-ul { background: url("../images/small-arrow-sprite.png") no-repeat 95% 6px #e6e6e6; } .navigation li.li-with-ul.selected { background: url("../images/small-arrow-sprite.png") no-repeat 95% -14px #e6e6e6; } /* Custom scroll bar */ .navigation::-webkit-scrollbar{ width:5px; background-color:#becfc7; } .navigation::-webkit-scrollbar-thumb{ background-color:#7a7b7c; border-radius:10px } .navigation::-webkit-scrollbar-thumb:hover{ background-color:#7a7b7c; border:1px solid #7a7b7c; } .navigation::-webkit-scrollbar-thumb:active{ background-color:#7a7b7c; border:1px solid #7a7b7c; } .navigation::-webkit-scrollbar-track{ border:1px gray solid; border-radius:10px; -webkit-box-shadow:0 0 6px gray inset; } /* Custom scroll bar ends */ html, #c-carousel { #wrapper { float:right; } } /*Added on 1st April*/ #carousel img { margin:0px 20px; border:1px solid #999; cursor:pointer; } #carousel img:hover { cursor:pointer; } /*For accordion menu plugin */ .slight-submenu-master-ul { position: relative; } .slight-submenu-button { background: #ccc; display: none; margin-left: 8px; width: 10px; height: 18px; cursor: pointer; position: absolute; } /* slight-submenu-button { background: url("../images/sorted_down.gif") no-repeat right ; display: none; margin-left: 8px; margin-top: -5px; width: 20px; height: 20px; cursor: pointer; position: absolute; } */ .slight-submenu-ul { margin:3px 3px 0px 3px; padding-bottom:1px; } .slight-submenu-ul li{ background:#fff; font-size:11px; margin:2px 0px; } /*done*/ /* Discovery Block Slider Section */ .discovery-section { height:380px; float:left; width:710px; position:relative; } .discovery-section h3 { margin-left:20px; } .discovery-section h3 .subtitle { padding:4px 0px 0px; color:#787878; font-weight: normal; } /* a - hyberlink color */ .defaultData h3 a, .title-author a, #pager a , .product-detail-container .book-format a, .product-detail-container .book-author a, #breadcrumb a{ color:#ce6c0c; } .defaultData { clear:both; } .discovery-title-selected { width:160px; height:200px; margin:5px 20px; position:relative; float:left; border:0px solid #999; -webkit-box-shadow: 5px 5px 5px rgba(10, 10, 10, 0.3); -moz-box-shadow: 5px 5px 5px rgba(10, 10, 10, 0.3); box-shadow: 5px 5px 5px rgba(10, 10, 10, 0.3); } .discovery-title-selected img { width:160px; height:200px; background:#efefef; cursor: pointer; } .discovery-title-selected a { width:100%; color:#efefef; bottom:0px; display:block; padding:5px 0px; background:gray; text-align:center; position:absolute; } .discovery-title-list { float:left; width:500px; margin-top:5px; } /* bug fix 14033 */ .discovery-title-list #carousel img { margin:auto; height:auto; width:auto; border:none; } .discovery-title-list #carousel .homepicicon { width:120px; height:150px; margin:0 12px !important; text-align:center; display:inline-block; float:left; } /* bug fix 14033 ends*/ .discovery-title-list #wrapper .caroufredsel_wrapper { margin-left:27px !important; } .discovery-title-list li { float:left; } .discovery-title-list .thumbs li { padding:5px 20px 15px; } .discovery-title-list .thumbs img { width:120px; height:150px; border:1px solid #eee; } .discovery-title-selected img { width:160px; height:200px; background:#efefef; } .discovery-title-selected a { width:100%; color:#efefef; bottom:0px; display:block; padding:10px 0px; background:gray; text-align:center; position:absolute; } .discovery-title-list { float:left; width:500px; } .discovery-title-list li { float:left; } .discovery-title-list .thumbs li { padding:5px 20px 15px; } .discovery-title-list .thumbs img { width:120px; height:150px; border:1px solid #eee; } .discovery-title-list .nav { clear:both; margin:10px 0px; text-align:center; padding-left:15px; } .discovery-title-section { padding-left:10px; width:32%; float:left; line-height:20px; color:#666; } .discovery-title-description { padding-left:10px; width:60%; float:left; line-height:20px; color:#666; } .discovery-title-meta { padding:0px 10px; /*width:45%;*/ float:left; } /* Discovery section download pop over */ .discovery-title-meta .readOption { text-decoration:none; margin-top:5px; display:inline-block; } .discovery-section .download-popup { position:absolute; background:#dfdfdf; /*width:100%; height:95%; width:60%;*/ width:auto; height:180px; bottom:5%; left:2%; z-index: 98; padding:0px 10px; } .discovery-section .download-popup .header { border-bottom:1px solid #ccc; padding:7px 10px; } .discovery-section .download-popup .header h3 { width:80%; float:left; margin:0px; height:auto; } .discovery-section .download-popup .close { float:right; padding:4px 0px 0px; } .discovery-section .download-popup .content { padding:15px 10px; } .discovery-section .download-popup .list { text-align: center; margin:0px 0px 10px; } .discovery-section .download-popup .list a { display:inline-block; font-size:98%; padding: 5px 10px !important; margin-bottom: 0; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #D56F0E; border-color: #D56F0E; cursor: pointer; color:#fff; } /* Discovery section download pop over end */ /* Discovery section single product display */ .singleProduct { width:500px; float:left; position:relative; height:100%; clear:none; } .singleProduct h3 { } .singleProduct .discovery-title-section { width:100%; float:none; } .singleProduct .discovery-title-meta { float:none; } .singleProduct .discovery-title-description { width:100%; float:none; padding-left:0px; margin-left: 20px; } .singleProduct .title-author { height:30px; } .singleProduct .title-price { position:absolute; bottom:105px; left:20px; } .singleProduct .readingOptions { position:absolute; bottom:180px; left:20px; } .singleProduct .title-price input[type="button"] { margin-top:15px; } .singleProduct a.btn { position:absolute; bottom:203px; left:20px; } .singleProduct .platform-support { position:absolute; bottom:20px; right:10px; } /* Discovery section single product display end */ .platform-support { float:right; margin-top:8px; } .platform-support .readon { display:inline-block; vertical-align:top; padding-top:8px; padding-right:5px; } .platform-support img { width:24px; height:24px; } /*.platform-support img { width:141px; height:37px; }*/ #Map area { outline: none; } /*.discovery-title-meta input[type="button"] { width:auto; height:auto; padding:7px 25px; }*/ .discovery-title-meta input[type="button"] { height:auto; padding:3px 7px; margin:5px 0px 0px; } /*This change is for carousel in the home page*/ #pager .nav { clear:both; /* margin:10px 0px; */ margin:30px 0px; text-align:center; /* padding-left:15px; */ padding-left: 0px; } #pager .nav li { width:16px; height:16px; margin:5px; display:inline-block; border:1px solid #ccc; -webkit-border-radius:16px; -moz-border-radius:16px; border-radius:16px; } /*done*/ .pager { clear:both; margin:10px 0px; text-align:center; padding-left:15px; } .pager li a { clear:both; margin:10px 0px; text-align:center; padding-left:15px; } .pager li li a span{ display:none; } /*This change is for carousel in the home page*/ #pager .nav li.selected { background:#999 !important; } #pager li.lastElement { width:100px; border:0px; height:18px; margin:15px 0px; font-weight:bold; float:right; } /*done*/ .title-author { height:45px; } .title-price { margin-top:5px; } .title-price h1 { color:#454545; font-size:175%; margin:6px 0px; } .title-price h1 small { color:#454545; font-size: 100%; } .leftSection { width:670px; float:left; } .rightSection { width:230px; float:right; } .gadgetContainer-full { margin:5px 0px 0px 5px; width:99%; position:relative; } .gadgetContainer-full h1 { font-size:110%; border:0px dotted #ddd; background:#f39234; color:#fff; padding:10px; margin:10px 10px 15px; } .gadgetContainer-left-big { width:740px; float:left; margin:15px 0px; /* padding:0px 15px; border:1px solid #e9e9e9; -webkit-box-shadow: 0 8px 6px -10px black; -moz-box-shadow: 0 8px 6px -10px black; box-shadow: 0 8px 6px -10px black; */ } .gadgetContainer-left-big .thumbnail, .gadgetContainer-full .thumbnail { width:170px; height:255px; border:1px solid #efefef; float:left; margin:0px 10px 10px 10px; -webkit-box-shadow: 5px 5px 5px rgba(30, 30, 30, 0.3); -moz-box-shadow: 5px 5px 5px rgba(30, 30, 30, 0.3); box-shadow: 5px 5px 5px rgba(30, 30, 30, 0.3); } .gadgetContainer-left-big .thumbnail:last-child, .gadgetContainer-full .thumbnail:last-child { margin-left:5px; } .gadgetContainer-left-big .thumbnail:hover, .gadgetContainer-full .thumbnail:hover { border:1px solid #efefef; /* -webkit-box-shadow: 0 8px 6px -5px black; -moz-box-shadow: 0 8px 6px -5px black; box-shadow: 0 8px 6px -5px black; */ -webkit-box-shadow: 5px 5px 5px rgba(30, 30, 30, 0.6); -moz-box-shadow: 5px 5px 5px rgba(30, 30, 30, 0.6); box-shadow: 5px 5px 5px rgba(30, 30, 30, 0.6); } .gadgetContainer-left-big .thumbnail img, .gadgetContainer-full .thumbnail img { width:160px; height:200px; text-align:center; background:#f0f0f0; display:inline-block; margin:5px 5px 5px 5px; } .gadgetContainer-left-big .thumbnail:hover img, .gadgetContainer-full .thumbnail:hover img { } .gadgetContainer-left-big .thumb-title, .gadgetContainer-full .thumb-title { display:block; margin:5px 0px; text-align:center; color:#787878; } .gadgetContainer-left-big .thumbnail:hover .thumb-title, .gadgetContainer-full .thumbnail:hover .thumb-title { } .gadgetContainer-right-small { width:235px; float:right; margin:15px 0px; /* border:1px solid #e9e9e9; -webkit-box-shadow: 0 8px 6px -10px black; -moz-box-shadow: 0 8px 6px -10px black; box-shadow: 0 8px 6px -10px black; */ } .gadgetContainer-right-small .thumbnail { float:left; padding:15px 0px; -webkit-box-shadow: 0 8px 6px -10px black; -moz-box-shadow: 0 8px 6px -10px black; box-shadow: 0 8px 6px -10px black; } .gadgetContainer-right-small .thumbnail:nth-of-type(1) { padding:10px 0px 15px; } .gadgetContainer-right-small .thumbnail:last-child { -webkit-box-shadow: 0 8px 6px -10px white; -moz-box-shadow: 0 8px 6px -10px white; box-shadow: 0 8px 6px -10px white; } .gadgetContainer-right-small .thumbnail img { width:52px; height:72px; text-align:center; background:#e9e9e9; border:1px solid #ccc; display:inline-block; margin:0px 20px 0px 0px; } .gadgetContainer-right-small .thumb-title { color:#666; } .footer { color:#fff; background:#3f3f3f; border:0px solid #aaa; clear:both; overflow:hidden; height: 110px; margin-top:10px; } .footer li { float:left; padding:5px 10px; } .footer li a, footer a:visited { color:#cfc29d; line-height:24px; } .footer .social-links { float:right; } .footer .social-links li span { display: inline-block; height: 32px; width:32px; padding:0px 0px 0px 0px; transform:scale(0.7); } .footer .poweredby { float:right; display: inline-block; padding:10px 15px 0px 10px; color:#9f9e9e; } .footer .poweredby a { color:#e47b05; text-decoration: none; padding-left:2px; display:inline-block; } .footer .poweredby a:hover { text-decoration: underline; } /* sub footer */ .subfooter { padding:0px 10px; color: #9f9e9e; } .subfooter a { color:#e47b05; text-decoration:underline; } .clearBoth { clear:both; height:1px; } #ipc-logo { width:230px; float:left; } .logo-section { padding:10px 0px 0px 10px; } /*.logo-section img { transform: scale(0.8); -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -o-transform:scale(0.8); transform-origin: left bottom; }*/ .quick-link-Section { /* width:720px; float:left; margin:0px 10px 0px 10px; */ } .quick-link-Section ul { float:right; margin-bottom:10px; } .quick-link-Section li { float:left; padding:5px 10px; } .quick-link-Section li a { /*color:#333;*/ } input.home-page, input.header-section { height:34px; border:1px solid #ccc; padding-left:5px; color:#666; } .user-details { float:left; width:200px; margin:10px 10px; text-align:right; } .user-details img { margin-left:10px; opacity:0.5; vertical-align:middle; } .user-details #login-button { padding:7px 20px; } .header-container .user-details .cart-items-count { background: none repeat scroll 0 0 #D44B38; text-align: center; color: #ffffff; display: inline-block; height: 18px; line-height: 18px; width: 18px; border-radius: 18px; font-size:90%; } .clear-b { clear:both; height:1px; } .margin-10 { margin: 10px; } .margin-15 { margin: 15px; } .margin-lr-10 { margin: 10px 0px; } .margin-tb-10 { margin: 0px 10px; } .padding-10 { padding: 10px; } .padding-15 { padding: 15px; } .padding-lr-10 { padding: 10px 0px; } .padding-tb-10 { padding: 0px 10px; } .fixed-bottom { position:absolute; bottom:0px; left:0px;} /* @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .pageWrapper { margin:0px auto; padding:0px; width:760px; } .searchbox-section .search-text { width:325px; } .gadgetContainer-left-big { width:560px; overflow:hidden; } .discovery-section { width:500px; } .discovery-title-list { width:300px; } .discovery-title-list .thumbs li { padding:5px 10px 15px; } .discovery-title-list .thumbs li:last-child { display:none; } .gadgetContainer-left-big .thumbnail:last-child, .gadgetContainer-left-big .thumbnail.last-child { display:none; } .gadgetContainer-full .thumbnail:last-child, .gadgetContainer-full .thumbnail.last-child { display:none; } .gadgetContainer-right-small { width:180px; padding:0px 10px; } .quick-link-Section { width:500px; } .searchbox-section { width:380px; } .user-details { width:100px; } input.cart-button { display:none; } } */ /* @media all and (device-width: 768px) { .pageWrapper { margin:0px auto; padding:0px; width:760px; } .leftSection { width:495px; overflow:hidden; } .discover-section { width:500px; } .rightSection { width:200px; } .gadgetContainer-2 { padding:0px 10px; } .quick-link-Section { width:500px; } .user-details { width:100px; } input.cart-button { display:none; } } */ /* Breadcrumb */ #breadcrumb { border-top:1px solid #f3f3f3; padding:10px 10px; color:#a0a0a0; font-size:95%; /* box-shadow:inset 0 4px 4px -4px #333, inset 0 -4px 4px -4px #333; -moz-box-shadow:inset 0 4px 4px -4px #333, inset 0 -4px 4px -4px #333; -webkit-box-shadow:inset 0 4px 4px -4px #333, inset 0 -4px 4px -4px #333; */ } #breadcrumb span { color:#676767; } #breadcrumb li { float:left; display:inline-block; padding:5px 0px 5px 5px; } #breadcrumb li a { padding-right:10px; border-right:1px solid #dfdfdf; } /* Menu bar */ #menu-bar { background:#fff; z-index:99; border:1px solid #dfdfdf; padding:3px; width:100%; position:static; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; } #menu-bar.beFixed { position:fixed; top:0; background:#f39234; } #menu-bar .catelog-menu { background:#fff; width:215px; height:36px; line-height:26px; float:left; margin:5px; } #menu-bar .catelog-menu h5 { margin:5px; } #menu-bar .fitered-menu { width:500px; float:left; margin-left:12px; margin-top:8px; } #menu-bar .fitered-menu li { float:left; display:inline-block; padding:5px 10px 5px 5px; font-size:11px; margin:5px 5px; border:1px solid #ccc; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; } #menu-bar .fitered-menu li:hover { background:#f0f0f0; } #menu-bar .fitered-menu li a { color:#333; display:inline-block; margin-left:10px; } #menu-bar .fitered-menu li:hover a { color:#990000; } /* FLoating style for title */ .beFixed .fitered-menu{ width:520px !important; float:left !important; } .beFixed .fitered-menu h3.bookShelfTitle{ margin:0px !important; width: 500px !important; float: left !important; } .beFixed #addHead{ width:500px !important; float:left !important; padding: 5px 0 !important; } .beFixed .bookShelfTitle{ width:500px; } #menu-bar .page-view, #menu-bar .page-bookshelf-view { width:40px; float:right; padding:5px; text-align:right; opacity: 0.7; margin:5px 5px 0px 0px; } #menu-bar .page-view:hover { opacity: 0.9; } #menu-bar .filter-view { width:25%; float:right; padding:5px; text-align:right; } #menu-bar .filter-view select { height:28px; padding:5px; background: none; } #menu-bar .filter-view select option { padding:3px; } .col-left-small { width:235px; float:left; color: #333333; } .col-left-big { width:735px; float:left; } .col-right-small { width:235px; float:right; } .col-right-big { width:735px; float:right; color: #333333; } #filter-nav .apply-filter-btn { padding:6px; width:96%; margin:15px 0px; } #filter-nav .deactivate { background:#cccccc !important; border:0 !important; color:#595959 !important; } span.duration-catalog { font-size: 16px; color: #666666; } /* Catelog listing container */ .catalog-list-container { border:1px solid #e9e9e9; background:#f9f9f9; height:210px; margin:15px 0px 25px; padding:5px 5px; position: relative; -webkit-box-shadow: 0 8px 12px -8px black; -moz-box-shadow: 0 8px 12px -8px black; box-shadow: 0 8px 12px -8px black; } .catalog-list-container .book-details, .catalog-thumb-container .book-details { padding-left:5px; } .catalog-list-container .book-author, .catalog-thumb-container .book-author { height: 40px; color: #0066CC; line-height: normal; } .catalog-list-container .book-author span, .catalog-thumb-container .book-author span { color: #333333 !important; } .catalog-list-container .book-details a, .catalog-thumb-container .book-details a { color:#aa560d; } .book-cover { width:160px; height:200px; margin:5px; position:relative; float:left; -webkit-box-shadow: 0 0 5px#eee; -moz-box-shadow: 0 0 5px #eee; box-shadow: 0 0 5px #eee; } .book-cover img { width:160px; height:200px; background:#efefef; } .book-cover a.read-sample { width:100%; color:#efefef; bottom:0px; display:block; padding:5px 0px; background:#808080; /*background:gray;*/ text-align:center; position:absolute; } .bookshelf-container .book-cover a.free-book { background: none repeat scroll 0 0 #008000; color: #EFEFEF; display: block; float: right; padding: 5px 0; position: absolute; right: 10px; text-align: center; top: 4px; width: 30%; } .book-cover a.free-book { width:30%; color:#efefef; top:15px; display:block; padding:5px 0px; background:green; text-align:center; position:absolute; } .book-details { float:right; width:540px; padding-left:10px; } .book-details h3 { font-size:16px; font-weight:normal; line-height:16px; margin:8px 3px 5px; } .book-details .book-code, .book-details .pages { padding:2px 0px; font-size:11px; } .book-details .book-code .details, .book-details .pages .details { color:#787878; padding-left:3px; font-size:11px; } .book-meta-left { width:48%; float:left; padding-right:5px; border-right:1px solid #dfdfdf; min-height: 150px; } .book-meta-right { width:48%; float:right; color:#454545; line-height:18px; } .book-no-description { color: #898989 !important; } .book-author { font-size:11px; line-height: 16px; } .book-format { padding:10px 0px; } .book-price { padding:7px 0px; position:absolute; bottom:5px; } .book-price h1, .book-price h2, .book-price h3 { margin:0px 0px 7px; color:#d44b38; display:inline-block } .book-price h1 small, .book-price h2 small, .book-price h3 small { font-weight:normal; color:#787878; } .book-price .duration { font-size: 75%; color: #999; font-weight:normal; } .book-price strike { color:#666; font-size:130%; } .book-price input { padding:3px 7px; outline:none; } .book-price select, .title-price select { width: 125px; background: none; } /* Catelogy listing ends */ strike { color:#666; font-size:130%; } div.catalog-paging-container{ padding:5px 0 5px 0; overflow:hidden; } /*paging*/ .shelf-paging{ padding:5px 10px 5px 10px; overflow:hidden; margin:0 auto; width:450px; color:#000; font-weight:normal; } * html .shelf-paging{ overflow:visible; /*IE 6 crack*/ height:10px; } .book-shelf-paging{ padding:5px 10px 5px 10px; overflow:hidden; margin:0 auto; width:650px; } * html .book-shelf-paging{ overflow:visible; /*IE 6 crack*/ height:10px; } .shelf-paging-count{ padding:3px 0px 0px 5px; } .shelf-paging-count ul{ padding:0px 5px 0px 5px; margin:0px; float:left; } .shelf-paging-count ul li{ float:left; list-style:none; } .shelf-paging-count ul li a{ display:block; padding:0px 8px 3px 8px; } .shelf-paging-count ul li a.active{ background:#ff9900; cursor:default; color:#FFFFFF; text-decoration:none; } /* Catalog page Category dropdown feature css */ .catalog-menu { margin: 0; width: 100%; float:none; /*behavior: url("/horizontal/menuh/cssmenu.htc");*/ height: 360px; width:215px; background: #f6f6f6; border: 1px solid #ddd; position:relative;/*! for IE htc*/ z-index:4;/*H2*/ list-style: none; padding: 0; } .catalog-menu li { padding: 0; /*margin: 0; display: block; TODO: I am testing them if they can be removed. If can, remove them.*/ float: left; position: relative;/*move it into .catalog-menu if you want submenu to be positioned relative to the whole menu instead of this li element*/ } /*.catalog-menu li:hover, .catalog-menu li.onhover { background: white url(bg.gif) repeat-x 0 -48px; }*/ ul.catalog-menu a { padding: 0px 10px 0px 10px; line-height: 36px; /*Note: keep this value the same as the height of .catalog-menu and .catalog-menu li */ font-size: 12px; font-weight: bold; color: black; /*display: block;*/ outline: 0; text-decoration: none; } /*.catalog-menu a:hover { color: #0066CC; }*/ /*.catalog-menu a.arrow { background: url("../images/arrow.gif") no-repeat 98% center; }*/ /*.catalog-menu ul a.arrow { background: url("../images/right.gif") no-repeat 97% center; }*/ /*Used to align a top-level item to the right*/ .catalog-menu .menuRight { float: right; margin-right: 0px; } /*for the top-level separators*/ .catalog-menu li.separator { font-size:0; overflow:hidden; border-left:1px solid #F7F7F7; border-right:1px solid #BBBBBB; } /*######sub level###########*/ ul.catalog-menu ul { position: relative; left: auto !important; border: 1px solid #DDD; border-top: 0; background: #FFF; text-align: left; list-style: none; margin: 0; /*Following 1px(padding-right) will determine how much it is overlapped by the sub-sub-menu */ padding: 0 1px 0px 0; display:none; } .catalog-menu li li { float: none; white-space:nowrap; padding: 5px 10px; } /*.catalog-menu li li:hover, .catalog-menu li li.onhover { background:#f7f7f7; }*/ .catalog-menu ul a { padding: 0 20px; line-height: 26px; font-size: 22em; font-weight: normal; color: #333333;/*#0066CC;*/ text-align: left; } /*.catalog-menu ul a:hover { color: #0066CC; }*/ /*.catalog-menu li:hover ul, .catalog-menu li.onhover ul { left: -1px;/*Use this property to change offset of the dropdown top: auto; } .catalog-menu li:hover .dropToLeft, .catalog-menu li.onhover .dropToLeft { left: auto; right: -1px; top: auto; }*/ .catalog-menu ul ul { border-top: 1px solid #DDD; } /*.catalog-menu li:hover ul ul, .catalog-menu li:hover ul ul ul, .catalog-menu li:hover ul ul ul ul, .catalog-menu li.onhover ul ul, .catalog-menu li.onhover ul ul ul, .catalog-menu li.onhover ul ul ul ul { left: -9999px; top:0; } .catalog-menu li li:hover ul, .catalog-menu li li li:hover ul, .catalog-menu li li li li:hover ul, .catalog-menu li li.onhover ul, .catalog-menu li li li.onhover ul, .catalog-menu li li li li.onhover ul { left: 215px; }*/ /*####### special effects ##########*/ .border-radius-3 { -moz-border-radius: 1px; /* Firefox */ -webkit-border-radius: 1px; /* Safari and Chrome */ border-radius: 1px; /* Opera 10.5+, future browsers, and now also our behavior htc file */ /* -moz-box-shadow: 0px 1px 4px #eee; -webkit-box-shadow: 0px 1px 4px #eee; box-shadow: 0px 1px 4px #eee; */ } .catalog-menu ul { -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; -moz-box-shadow: 0px 6px 6px #CCC; -webkit-box-shadow: 0px 6px 6px #CCC; box-shadow: 0px 6px 6px #CCC; /*for older IE browsers, the htc file fix will disable this feature when box-shadow was also applied.*/ filter:alpha(opacity=99); opacity: 0.99; /* Gradient background */ background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEEEEE)); } /* Catelog thumbnail container */ .catalog-thumb-container { border:1px solid #e9e9e9; background: #f6f6f6; height:170px; margin:10px 12px 10px 0px; padding:5px 5px; width:46%; float:left; position: relative; -webkit-box-shadow: 0 8px 12px -8px black; -moz-box-shadow: 0 8px 12px -8px black; box-shadow: 0 8px 12px -8px black; } .catalog-thumb-container:nth-child(even) { margin:10px 18px 10px 0px; } .catalog-thumb-container .book-cover, .catalog-thumb-container .book-cover img { width:120px; height:160px; } .catalog-thumb-container .book-details { float:right; width:58%; padding-left:10px; } .catalog-thumb-container .book-price input { padding:3px 7px; } .catalog-thumb-container .book-details h3 { height:41px; font-size:12px; overflow:hidden; } .catalog-thumb-container .book-details .subtitle { color:#777; font-size:11px; margin:0px 0px 0px 0px; } #filter-nav { background:white; padding:10px; margin-top:10px; } .catalog-container{ margin-right:10px; } .catalog-container .book-reader-channel { margin-top:70px; } .catalog-thumb-container .book-reader-channel { margin-top:20px; } .catalog-container .book-reader-channel a , .catalog-thumb-container .book-reader-channel a, .book-with-price-reader-channel a { display:inline-block; padding-right:18px; } /* Catelogy thumbnail ends */ /*back to top*/ .back-to-top { display: none; position: fixed; bottom: 10%; right: 3%; border: none; cursor: pointer; padding:10px; /* -webkit-box-shadow: 0 8px 12px -8px black; -moz-box-shadow: 0 8px 12px -8px black; box-shadow: 0 8px 12px -8px black; */ } /*done*/ /*show filter options in the header*/ .flter-selected { border-right: 0px solid #B0B0B0; color: #323232; display: inline; font-size: 11px; padding: 6px 0px 6px 6px; } .flter-selected a { border: 1px solid #eaeaea; /* border-radius: 2px 2px 2px 2px; */ background:#f3f3f3; padding: 5px 5px; margin: 0px 5px 3px 0px; font-size:80%; color:#444; display:inline-block; } .flter-selected a:hover { color:#d43f3a; } .flter-selected a span { display:inline-block; margin-left:3px; } .flter-selected a:hover span { color:#d43f3a; } a.content-unavailable { color: #666666; } /*done*/ /* The Read Offline popup section in the Catalog page Start */ .catalog-thumb-container .download-popup { position:absolute; background:#dfdfdf; width:97%; height:95%; top:5px; left:5px; z-index: 98; } .catalog-thumb-container .download-popup { position:absolute; background:#dfdfdf; z-index: 98; } .catalog-thumb-container .download-popup .header { border-bottom:1px solid #aaa; padding:7px 10px; } .catalog-thumb-container .download-popup .header h3 { width:80%; float:left; margin:0px; padding:0px; height: auto; } .catalog-thumb-container .download-popup .close { float:right; padding: 4px 0 0; } .catalog-thumb-container .download-popup .content { padding:15px 10px; } .catalog-thumb-container .download-popup .list { text-align:center; margin: 0px 0px 10px; } .catalog-thumb-container .download-popup .list a { display:inline-block; font-size:98%; padding: 9px 12px !important; margin-bottom: 0; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #f39234; border-color: #f39234; cursor: pointer; color:#fff; } /* Download popup - list view */ .catalog-list-container .download-popup, .search-list-container .download-popup{ position:absolute; background:#dfdfdf; width:98%; height:94%; top:3%; left:1%; z-index: 98; } .catalog-list-container .download-popup .header, .search-list-container .download-popup .header { border-bottom:1px solid #aaa; padding:7px 10px; } .catalog-list-container .download-popup .header h3, .search-list-container .download-popup .header h3{ width:80%; float:left; margin:0px; padding:0px; height: auto; } .catalog-list-container .download-popup .close, .search-list-container .download-popup .close { float:right; padding: 4px 0 0; } .catalog-list-container .download-popup .content, .search-list-container .download-popup .content { padding:15px 10px; } .catalog-list-container .download-popup .list, .search-list-container .download-popup .list { text-align:center; margin: 0px 0px 10px; } .catalog-list-container .download-popup .list a, .search-list-container .download-popup .list a { display:inline-block; font-size: 98%; padding: 9px 12px !important; margin-bottom: 0; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #f39234; border-color: #f39234; cursor: pointer; color:#fff; } /* Download popup - list view Ends */ #searchresults .book-reader-channel { bottom:8%; position:absolute; } #searchresults .book-reader-channel a { display: inline-block; padding-right: 18px; } /* My Cart Popup */ .my-cart-popup { margin:0 auto; padding:10px; width:98%; border:1px solid #ccc; } .my-cart-popup .pop-close { background:url("../images/pop-close.png") no-repeat 0px 0px transparent; display: inline-block; width:20px; height:21px; } .err-msg-container a.close-errmsg { background:url("../images/pop-close.png") no-repeat 0px -21px transparent; display: inline-block; width:20px; height:21px; opacity: 0.7; } .my-cart-popup .pop-close:hover { background-position: 0px -21px; } .my-cart-popup th { border:1px solid #ddd; border-left:0px; padding:10px; border-collapse:collapse; text-align:center; } .my-cart-popup td { border:1px solid #ddd; border-left:0px; border-top:0px; padding:7px; border-collapse:collapse; } .my-cart-popup .empty-cart td { padding:100px 7px; } .my-cart-popup .no-border td { border:0px; } .my-cart-popup td:last-child, .my-cart-popup th:last-child, .my-cart-popup td.last-child, .my-cart-popup th.last-child { border-right:0px; } .my-cart-popup input { padding:3px 7px; } .my-cart-popup input.buy-btn { /* padding:9px 27px; */ } .my-cart-popup input.small { padding:2px; } .my-cart-popup #discount_code{ padding:5px 0px; } /*cartForm checkbox*/ #cartForm .checkbox, #cartConfirmationForm .checkbox { display : none; } .quick-link-Section li.arrow { border:0px; } .quick-link-Section li.arrow a { background: url(images/arrow.gif) no-repeat 98% center; padding-right:25px; } #menu-bar .filter-view { width:20%; float:right; padding:5px; text-align:right; } #menu-bar .filter-view select { height:36px; padding:5px; background:#fff; } #menu-bar .filter-view select option { padding:3px; } .bookshelf-nav { background: none repeat scroll 0 0 #fdfdfd; border:0px solid #4cae4c; margin: 10px 10px 20px 10px; } .bookshelf-nav li { border-bottom:0px solid #e0e0e0; } .bookshelf-nav li a { padding:10px; display:block; color:#333; } .bookshelf-nav li a.active { background:#f39234; color:#f7f7f7; } .user-shelves { background: none repeat scroll 0 0 #fdfdfd; border:1px solid #efefef; margin: 10px; } .user-shelves h3 { background:#dfdfdf; padding:10px; margin:0px; } .user-shelves input { padding:4px 0px; margin: 10px; width:91%; } .user-shelves li { border-bottom:1px solid #f0f0f0; position: relative; } .user-shelves li a { display:inline-block; color:#333; padding:12px 10px; width:70%; display: inline-block; } .user-shelves li a:hover { color:#888; } /*.user-shelves li a.close-btn { display:inline-block; float:right; width:15px; height: 14px; text-align:center; color:#333; line-height: 14px; background:#ddd; color:#777; margin:7px 7px 0px 0px; padding:0px; border:1px solid #ddd; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } .user-shelves li:hover a.close-btn { color:#d44b38 !important; background: #fff; border:1px solid #ddd; }*/ .user-shelves li a.active { font-weight:bold; } .user-shelves li.active { font-weight:bold; background:#ccc; } .user-shelves li:hover { background:#f6f6f6; } .user-shelves .close-btn { background: url("../images/sprite_img.png") no-repeat -12px -218px #aaa; height: 21px; width: 21px; opacity: 0.5; position:absolute; right: 5px; top: 12px; padding:0px; margin-top:-5px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } .user-shelves .close-btn:hover { opacity: 1; } .addshelf .btn-warning { color: #fff !important; background-color: #f39234; border-color: #f39234; } .addshelf .btn-warning:hover, .addshelf .btn-warning:focus, .addshelf .btn-warning:active, .addshelf .btn-warning.active { color: #fff; background-color: #eb9139; border-color: #eb9139; } /* download marcrecord*/ .marc-record-link { background: url("../images/sprite_img.png") no-repeat 99% -248px #f3f3f3; border: 1px solid #efefef; display: block; line-height: 24px; margin: 15px 10px; padding: 5px; } .marc-record-link:hover { background: url("../images/sprite_img.png") no-repeat 99% -248px #f9f9f9; } /* bookshelf container */ .bookshelf-container { border:1px solid #e9e9e9; background:#f9f9f9; height:170px; margin:10px 12px 10px 0px; position:relative; padding:5px 5px; width:46%; float:left; -webkit-box-shadow: 6px 6px 9px -8px black; -moz-box-shadow: 6px 6px 9px -8px black; box-shadow: 6px 6px 9px -8px black; /* -webkit-box-shadow: 0 8px 12px -8px black; -moz-box-shadow: 0 8px 12px -8px black; box-shadow: 0 8px 12px -8px black; */ } .bookshelf-container a{ color:#aa560d; } .bookshelf-container:nth-child(even) { margin:10px 18px 10px 0px; } .bookshelf-container .book-cover { position:relative; } .bookshelf-container .book-cover, .bookshelf-container .book-cover img { width:120px; height:160px; box-shadow:none; } .bookshelf-container .book-cover a.add-to-shelf, .bookshelf-container .book-cover a.added-to-shelf { width:32px; height:32px; top:0px; padding:0px; font-size:11px; } .bookshelf-container .book-cover a.add-to-shelf img, .bookshelf-container .book-cover a.added-to-shelf img { background:#f66313; width:32px; height:32px; } .bookshelf-container .book-cover a:hover, .bookshelf-container .book-cover a:hover { opacity:1; } .bookshelf-container .book-details { float:right; width:58%; padding-left:10px; } .bookshelf-container .book-author { height:40px; } /*.bookshelf-container .book-author a { color:#666; }*/ .bookshelf-container .book-price input { width:90%; padding:6px 25px; } .bookshelf-container .book-details h3 { height:49px; font-size:13px; overflow:hidden; } .bookshelf-container .book-details .subtitle { color:#777; font-size:11px; margin:2px 0px 0px 0px; } #filter-nav { background:white; padding:10px; margin-top:10px; } .bookshelf-container .book-reader-channel { margin-top:20px; } .bookshelf-container .book-reader-channel a , .bookshelf-container .book-reader-channel span { display:inline-block; padding-right:18px; } .bookshelf-container .download-popup { position:absolute; background:#dfdfdf; width:97%; height:95%; top:5px; left:5px; z-index: 98; } .bookshelf-container .download-popup .header { border-bottom:1px solid #ccc; padding:7px 10px; } .bookshelf-container .download-popup .header h3 { width:80%; float:left; margin:0px; height:auto; } .bookshelf-container .download-popup .close { float:right; padding:4px 0px 0px; } .bookshelf-container .download-popup .content { padding:15px 10px; } .bookshelf-container .download-popup .list { text-align: center; margin:0px 0px 10px; } .bookshelf-container .download-popup .list a { display:inline-block; font-size:98%; padding: 9px 12px; margin-bottom: 0; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #f39234; border-color: #f39234; cursor: pointer; color:#fff; } /* bookshelf container ends */ /* Bookshelf listing container */ .bookshelf-list-container { border:1px solid #e9e9e9; background:#f6f6f6; height:210px; margin:15px 15px 25px 0px; padding:5px 5px; position: relative; -webkit-box-shadow: 0 8px 12px -8px black; -moz-box-shadow: 0 8px 12px -8px black; box-shadow: 0 8px 12px -8px black; } .bookshelf-list-container .book-cover { position:relative; } .bookshelf-list-container .book-cover, .bookshelf-list-container .book-cover img { width:160px; height:200px; box-shadow:none; } .bookshelf-list-container .book-cover a.add-to-shelf, .bookshelf-list-container .book-cover a.added-to-shelf { width:32px; height:32px; top:0px; padding:0px; font-size:11px; } .bookshelf-list-container .book-cover a.add-to-shelf img, .bookshelf-list-container .book-cover a.added-to-shelf img { background:#f66313; width:32px; height:32px; } .bookshelf-list-container .book-cover a:hover, .bookshelf-list-container .book-cover a:hover { opacity:1; } .bookshelf-list-container .book-details { float:right; width:74%; padding-left:10px; } .bookshelf-list-container .book-author { height:40px; } /*.bookshelf-container .book-author a { color:#666; }*/ .bookshelf-list-container .book-price input { width:90%; padding:6px 25px; } .bookshelf-list-container .book-details h3 { max-height:50px; min-height: 40px; font-size:16px; overflow:hidden; padding-bottom: 0px; margin:4px 3px; } .bookshelf-list-container .book-details .subtitle { color:#777; margin:3px 0px 0px 0px; font-size: 12px; } .bookshelf-list-container .book-details .book-meta-left { min-height: 143px; } .bookshelf-list-container .book-reader-channel { margin-top:30px; } .bookshelf-list-container .book-reader-channel a , .bookshelf-list-container .book-reader-channel span { display:inline-block; padding-right:18px; } .bookshelf-list-container .download-popup { position:absolute; background:#dfdfdf; width:97%; height:95%; top:5px; left:5px; z-index: 98; } .bookshelf-list-container .download-popup .header { border-bottom:1px solid #ccc; padding:7px 10px; } .bookshelf-list-container .download-popup .header h3 { width:80%; float:left; margin:0px; min-height:20px; } .bookshelf-list-container .download-popup .close { float:right; padding:4px 0px 0px; } .bookshelf-list-container .download-popup .content { padding:15px 10px; } .bookshelf-list-container .download-popup .list { text-align: center; margin:0px 0px 10px; } .bookshelf-list-container .download-popup .list a { display:inline-block; font-size:98%; padding: 9px 12px; margin-bottom: 0; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #f39234; border-color: #f39234; cursor: pointer; color:#fff; } /* Bookshelf list view Add Tag Popup */ .bookshelf-list-container .addTagPopup { height:220px; width:436px; left:0px; top:0px; } .bookshelf-list-container .addTagPopup .tagTextfld { width:70%; padding:3px 3px 3px 5px; } .bookshelf-list-container .addTagPopup .tagLists { height:130px; border-bottom:0px; } .bookshelf-list-container .download-popup{ width: 98.5%; } .title-heading { background:#ddd; padding:5px 10px 10px; height:25px; } .title-container-items { padding:20px 5px 30px 5px; position: relative; border-bottom: 1px dotted #ccc; } .title-container-items p{ line-height: 20px; } .title-container-items:last-child{ border-bottom: 1px solid #ccc !important; } /* Title container - Download DRM popup */ .title-container-items .download-popup { position:absolute; background:#dfdfdf; width:98%; top:2%; left:1%; z-index: 98; box-shadow: 0 0 5px #757575 ; -webkit-box-shadow:0 0 5px #757575; -moz-box-shadow:0 0 5px #757575; } .title-container-items .download-popup .header { border-bottom:1px solid #aaa; padding:7px 10px; /*background:#cccccc;*/ } .title-container-items .download-popup .header h3 { width:80%; float:left; margin:0px; padding:0px; } .title-container-items .download-popup .close { float:right; } .title-container-items .download-popup .content { padding:5px 10px; /*background:#cccccc;*/ } .title-container-items .download-popup .list { text-align:center; margin:5px 0px; } .title-container-items .download-popup .list a { display:inline-block; font-size:98%; padding: 9px 12px; margin-bottom: 0; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #f39234; border-color: #f39234; cursor: pointer; color:#fff; } /* Title container - Download DRM popup Ends */ /* Title container - title selecting */ .title-container-items .selected-to-add, .title-container-items .selected-to-add{ background:url(../images/check-round-48.png) no-repeat 48% 45% green; position:absolute; left:0px; top:0px; height:100%; width:100%; display:table-cell; line-height:200px; text-align:center; opacity:0.7; color:#fff; font-size:large; display:none; } .disableBookshelf{ position:absolute; left:0px; top:0px; height:100%; width:100%; display:table-cell; line-height:200px; text-align:center; opacity:0.7; color:#fff; font-size:large; display:none; } .title-container-items .selected-to-remove, .title-container-items .selected-to-remove { background:url(../images/delete-round-48.png) no-repeat 48% 45% red; position:absolute; left:0px; top:0px; height:100%; width:100%; display:table-cell; line-height:200px; text-align:center; opacity:0.7; color:#fff; font-size:large; display:none; } /* Title container - title selecting Ends */ .thumbView, .titleView, .listView{ /* width: 100%;*/ } .catalog-menu { margin: 0; width: 100%; float:none; /*behavior: url("/horizontal/menuh/cssmenu.htc");*/ height: 36px; width:215px; background: #f6f6f6; border: 1px solid #ddd; position:absolute;/*! for IE htc*/ z-index:4;/*H2*/ list-style: none; padding: 0; box-sizing:border-box; } .catalog-menu li { padding: 0; /*margin: 0; display: block; TODO: I am testing them if they can be removed. If can, remove them.*/ float: left; position: relative;/*move it into .catalog-menu if you want submenu to be positioned relative to the whole menu instead of this li element*/ } /*.catalog-menu li:hover, .catalog-menu li.onhover { background: white url(bg.gif) repeat-x 0 -48px; }*/ ul.catalog-menu a { padding: 0px 10px 0px 10px; line-height: 30px; /*Note: keep this value the same as the height of .catalog-menu and .catalog-menu li */ font-size: 13px; font-weight: bold; color: black; /*display: block;*/ outline: 0; text-decoration: none; } /*.catalog-menu a:hover { color: #0066CC; }*/ /*.catalog-menu a.arrow { background: url(../images/arrow.gif) no-repeat 98% center; }*/ /*.catalog-menu ul a.arrow { background: url(../images/right.gif) no-repeat 97% center; }*/ .catalog-menu li .span_arrow { border:0px solid #fff !important; } .catalog-menu .span_arrow .arrow{ background: url(../images/sprite_img.png) no-repeat 20% center; width:24px; /* background-position-x: 0%; */ background-position:-14px -180px; padding:0px; height:30px; display:inline-block; } .catalog-menu span.selected-cat { height:30px; width:84%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:left; } /*Used to align a top-level item to the right*/ .catalog-menu .menuRight { float: right; margin-right: 0px; } /*for the top-level separators*/ .catalog-menu li.separator { font-size:0; overflow:hidden; border-left:1px solid #F7F7F7; border-right:1px solid #BBBBBB; } /*######sub level###########*/ ul.catalog-menu ul { position: relative; left: -9999px; border: 1px solid #DDD; border-top: 0; background: #FFF; text-align: left; list-style: none; margin: 0; /*Following 1px(padding-right) will determine how much it is overlapped by the sub-sub-menu */ padding: 0 1px 0px 0; display:none; } .catalog-menu li li { float: none; white-space:nowrap; padding:0px; } /*.catalog-menu li li:hover, .catalog-menu li li.onhover { background:#f7f7f7; }*/ .catalog-menu ul a { padding: 5px 20px; line-height: 26px; font-size: 13px; font-weight: normal; color: #333333;/*#0066CC;*/ text-align: left; } .catalog-menu .li-with-ul ul{ border:0px; box-shadow:none; } .catalog-menu .li-with-ul ul a { /* padding-left:40px;*/ padding:0 30px 0 13px; /* margin:0px;*/ margin:5px; color:#787878; border-bottom:0px dotted #fff; } .catalog-menu .li-with-ul ul a:hover { color:#333; } .catalog-menu .slight-submenu-ul li { margin:0px; } .catalog-menu .slight-submenu-ul li li a { /* padding-left:60px;*/ padding-left: 30px; color:#aaa; } .catalog-menu .slight-submenu-ul li li li a { padding-left:80px; } .catalog-menu .slight-submenu-ul li li:hover a { background:#fff; } .catalog-menu .slight-submenu-button { display: block; background: url("../images/arrow-cat.png") no-repeat 97% center; float: right; height: 12px; margin-top: -16px; position: static; text-align: center; width: 16px; border:0px solid red; } .catalog-menu .slight-submenu-button.opened { background: url("../images/arrow-cat-up.png") no-repeat 97% center; } #catalog-category-pulldown-menu { height:480px; overflow-y:auto; overflow-x:hidden; } #bookshelf-category-pulldown-menu { height:auto; overflow-y:auto; overflow-x:hidden; } ul.catalog-menu ul, #catalog-category-pulldown-menu { width:210px; } /*.catalog-menu ul a:hover { color: #0066CC; }*/ /*.catalog-menu li:hover ul, .catalog-menu li.onhover ul { left: -1px;Use this property to change offset of the dropdown top: auto; } .catalog-menu li:hover .dropToLeft, .catalog-menu li.onhover .dropToLeft { left: auto; right: -1px; top: auto; }*/ .catalog-menu ul ul { border-top: 1px solid #DDD; } /*.catalog-menu li:hover ul ul, .catalog-menu li:hover ul ul ul, .catalog-menu li:hover ul ul ul ul, .catalog-menu li.onhover ul ul, .catalog-menu li.onhover ul ul ul, .catalog-menu li.onhover ul ul ul ul { left: -9999px; top:0; } .catalog-menu li li:hover ul, .catalog-menu li li li:hover ul, .catalog-menu li li li li:hover ul, .catalog-menu li li.onhover ul, .catalog-menu li li li.onhover ul, .catalog-menu li li li li.onhover ul { left: 215px; }*/ /*####### special effects ##########*/ .catalog-menu ul { -moz-border-radius: 0px 0px 4px 4px; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; /* -moz-box-shadow: 0px 6px 6px #CCC; -webkit-box-shadow: 0px 6px 6px #CCC; box-shadow: 0px 6px 6px #CCC; */ /*for older IE browsers, the htc file fix will disable this feature when box-shadow was also applied.*/ filter:alpha(opacity=99); opacity: 0.99; /* Gradient background */ background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEEEEE)); } .book-cover a.anchor-cover { background: none repeat scroll 0 0 #808080; bottom: 0; color: #EFEFEF; display: block; padding: 5px 0; position: absolute; text-align: center; width: 100%; } /* tagpop */ .addTagPopup { width:336px; background:#fff; position:absolute; top:2px; border:1px solid #c6c6c4; display:none; } .addTagPopup .header { background: #b8b8b6; padding:7px 5px 7px; } .addTagPopup .header h5 { float:left; display:inline-block; color:#fff; margin:0px; } .addTagPopup .close { width:16px; height:16px; line-height:16px; cursor:pointer; background:#fff; float:right; display:inline-block; margin-right:1px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; font-size:80%; text-align:center; } /* Add shelf input */ .addTagActionbar #add_tag4 { padding: 5px 0 0; width: 230px; } .addTagActionbar #saveTag4 { margin:0px 5px; } /* Add shelf input */ .addTagPopup a { color:#666 !important; } .addTagPopup a:hover { background:#efefef !important; } .addTagPopup .selectedTag { font-weight:bold !important; background:#FFF4D4 !important; } .tagLists { height:90px; overflow-y:scroll; padding:0px; text-align:left; border-bottom:1px solid #aaa; } .tagLists a { display:block; margin:1px 0px; background:none; /*padding-left:12px;*/ padding:2px 6px 3px; /*font-size:90%; */ font-size:100%; } .tagWrapper .more { background: url("../images/down-arrow.png") no-repeat scroll left 8px transparent; width:20px; height:20px; cursor:pointer; display:inline-block; float:right; } .tagWrapper .less { background: url("../images/up-arrow.png") no-repeat scroll left 8px transparent; width:20px; height:20px; cursor:pointer; display:inline-block; float:right; } .addTagActionbar { padding:5px 5px 7px; color:#999; text-align:left; border:1px solid #ddd; } .addTagActionbar input[type="button"] { /*background:#777;*/ color:#fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border:0px; padding:1px 3px; } .alphaSort.selectedAlphabet { color: #FF6600; } .selectedCategory { color: #FF6600 !important; } .tagCloudWidget { margin:0px 0px 10px 0px; padding:10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border:1px solid #ff9934; } .tagCloudWidget .listWrapper { background: none repeat scroll 0 0 #FFFFFF; border-radius: 1px 1px 1px 1px; list-style-type: none; padding: 1px 5px 1px 3px; display:inline-block; vertical-align:middle; } .tagCloudWidget .listWrapper a { color: #417BB6 !important; font-size: 90%; font-weight: normal !important; text-decoration: none; vertical-align:middle; } .tagCloudWidget .listWrapper .deleteMyTags { color: #FFFFFF; cursor: pointer; display: inline-block; padding: 0px 0px 0px 3px; cursor:pointer; vertical-align:middle; } .tagCloudWidget .listWrapper:hover { /*background:#d9e6ee;*/ background:#e8f0f5; color:#417bb6; cursor:pointer; } .tagCloudWidget .listWrapper:hover .deleteMyTags { color:#306ba6; } .tagCloudWidget .listWrapper .deleteMyTags:hover { color:#cc0000; } .taghints { font-size:8.5px; color:#444; text-align:left; padding:3px 3px 2px; } .ipc-form-row .ipc_ecomm_input_error { border: 1px solid #FF0000; padding: 2px 1px 2px 4px; width: 293px; } .ipc-form-row .ipc_ecomm_select_error { border: 1px solid #FF0000; padding: 2px 1px 2px 4px; width: 300px; } .order-err-msg { display: block; margin: 10px 15px 25px; line-height: normal; } .order-err-msg label { color:#454545; } .order-err-msg textarea { width:95%; margin: 10px 0px 15px; border:1px solid #ccc; color:#666; padding:9px; } .order-err-msg .text { width:95%; margin: 10px 0px 15px; border:1px solid #ccc; color:#666; padding:6px 9px; } .order-err-msg p { padding: 5px 0px; } .login-err-msg { display: block; font-weight: bold; margin-left : 10%; padding: 5px 0px 25px 0px; } .err-msg-container { margin: 10px; } .close-errbtn { text-align : center; margin-top: 10px; } button.close-errmsg { padding: 2px 10px !important; } .bookshelf-container .selected-to-add, .bookshelf-list-container .selected-to-add { background:url(../images/check-round-48.png) no-repeat 48% 45% green; position:absolute; left:0px; top:0px; height:100%; width:100%; display:table-cell; line-height:200px; text-align:center; opacity:0.7; color:#fff; font-size:large; display:none; } .disableBookshelf{ position:absolute; left:0px; top:0px; height:100%; width:100%; display:table-cell; line-height:200px; text-align:center; opacity:0.7; color:#fff; font-size:large; display:none; } .bookshelf-container .selected-to-remove, .bookshelf-list-container .selected-to-remove { background:url(../images/delete-round-48.png) no-repeat 48% 45% red; position:absolute; left:0px; top:0px; height:100%; width:100%; display:table-cell; line-height:200px; text-align:center; opacity:0.7; color:#fff; font-size:large; display:none; } .bookshelftitle .selected-to-add { background:url(../images/check-round-24.png) no-repeat 48% 45% green; position:absolute; left:0px; top:0px; height:100%; width:100%; display:table-cell; line-height:200px; text-align:center; opacity:0.7; color:#fff; font-size:large; display:none; background-repeat:no-repeat; background-position: center center; } .bookshelftitle .selected-to-remove { background:url(../images/delete-round-24.png) no-repeat 48% 45% red; position:absolute; left:0px; top:0px; height:100%; width:100%; display:table-cell; line-height:200px; text-align:center; opacity:0.7; color:#fff; font-size:large; display:none; background-repeat:no-repeat; background-position: center center; } /* Order Confirmation */ .infoMessage { background:#e9f2fc; border:1px solid #96aad8; margin:10px 0px; padding:10px; text-align:center; } .infoMessage strong { display: block; } .infoError { background:#fae5e4; border: 1px solid #d10000; color: #d24842; margin: 10px 0; padding: 10px; text-align: center; box-shadow: 1px 1px 3px 0 #dc4848; -webkit-box-shadow: 1px 1px 3px 0 #dc4848; -moz-box-shadow: 1px 1px 3px 0 #dc4848; } /* .infoError { background:#d24842; border:0px solid #D10000; margin:10px 0px; padding:10px; text-align:center; color:#fff; } */ .infoError p { padding:2px; } .width-100 { width:100% } .width-99 { width:99%; } .width-98 { width:98%; } .width-75 { width:75% } .width-74 { width:74% } .width-55 { width:55% } .width-54 { width:54% } .width-60 { width:60% } .width-59 { width:59% } .width-50 { width:50%; } .width-49 { width:49%; } .width-40 { width:40% } .width-39 { width:39% } .width-30 { width:30% } .width-29 { width:29% } .width-25 { width:25% } .width-24 { width:24% } .float-l { float:left; } .float-r { float:right; } .border-r-1 { border-right:1px solid #eee; } .border-l-1 { border-left:1px soild #eee; } .inline-b { display:inline-block !important; } .valign-top { vertical-align:top; } .valign-bottom { vertical-align:bottom; } .valign-middle { vertical-align:middle; } .odd-row { background:#fff; } .even-row { background:#f9f9f9; } tr:hover { background:#f6f6f6; } tr.warning td { color:#cc0000; } tr.warning td { color:#cc0000; } tr.warning td .close { color:#cc0000; } /*a.close { display:block; font-size:larger; color:#000; } a.close:hover { color:red; }*/ a.checkbox-confirmation-close { display:block; font-size:larger; color:#000; } a.checkbox-confirmation-close:hover { color:red; } .login-tab-container { } .login-tab-container .term-hints { color: #898989; line-height: 16px; font-size: 95%; } h3.highlight { background:#e6e6e6; padding:12px; margin:0px 0px 7px; } .login-box { padding:15px; background:#fcfcfc; border:1px solid #ddd; margin:15px 0px 20px; } .login-box a{ color:#aa560d; } .login-box ul { margin-bottom:10px; } .login-box ul li { float:left; background:#ccc; border-bottom:2px solid #787878; } .login-box ul li:hover { border-bottom:2px solid #ba5d1e; } .login-box ul li.active { background:#fff; border-bottom:2px solid #ba5d1e; } .login-box ul li a { color:#333; padding:10px 40px; display:inline-block; } .login-box ul li a:hover { color:#333; background:#ddd; } .login-box ul li.active a:hover { cursor:default; background:#fff; } .login-box label { display:block; padding:5px 0px 0px; } .login-box select { width:90%; } .login-box input { width:85%; padding:5px; color:#787878; margin:10px 0px 15px } .login-box input[type="checkbox"] { width:auto; margin:3px; } .login-box input[type="button"] { /*margin-top:20px;*/ color:#fff; } #signup_form { display:none; } .login-box .auto-width-margin, .order-confirmation-main-div input#same_as_billing { width: auto !important; margin-right: 5px; } #signup_form .chkagreement { line-height:16px; color:#555; padding-right:10px; padding-bottom:5px; } /* Custom Login */ #common-pop .login-box { padding:15px; background:#ffffff; border:1px solid #ddd; margin:0px 0px 0px; } #common-pop h3.highlight { margin-bottom:0px; } .ui-dialog { position:absolute !important; top:150px !important; width:450px !important; z-index:99; box-shadow:0 0 15px 3px rgba(31, 73, 125, 0.8)!important; -moz-box-shadow:0 0 15px 3px rgba(31, 73, 125, 0.8)!important; -webkit-box-shadow:0 0 15px 3px rgba(31, 73, 125, 0.8)!important; } .loginpopup { border:2px solid #b7b7b7\9; border:0px solid #b7b7b7\9\0; } .ui-dialog .login-box input { width:50%; } .ui-dialog .login-box input[type="checkbox"] { width:auto; margin:3px; } .ui-dialog .login-box label { display:inline-block; width:32%; } .ui-dialog .ui-dialog-titlebar { height:0px; } #common-pop #ipc-letter-spacing-5 { margin-left:33%; } .ui-dialog .ui-dialog-titlebar .ui-button { width: 21px; height:21px; display:inline-block; position:absolute; right:12px; top:12px; z-index:999 !important; background:url("../images/pop-close.png") no-repeat !important; } .ui-dialog .ui-dialog-titlebar .ui-button span.ui-button-text { color:transparent; } .ui-dialog #common-pop .width-59 { width:100%; } .ui-dialog #common-pop .border-r-1 { border:0px solid #eeeeee; } .ui-dialog #common-pop .width-30 { display:none; } /* .ui-dialog #common-pop .chkagreement input, .popover #signup_form .chkagreement input { width:0%; margin:0px; } */ .ui-dialog #common-pop .chkagreement a{ color:#aa560d !important; } .popover #signup_form select { color: #787878; margin: 10px 0 15px; padding: 5px; width: 89%; } .ui-dialog #common-pop select { color: #787878; margin: 10px 0 15px; padding: 5px; width: 54%; } /* Custom Login Ends */ /* ios button style */ .appearance { -webkit-appearance:none; } /* My Cart Popup */ .my-cart { border-bottom:1px solid #999; min-height:270px; margin: 0 0 20px 0; } .my-cart table { } .my-cart th { border:1px solid #ddd; border-left:0px; padding:10px; border-collapse:collapse; white-space: nowrap; } /* Orderconfirmation - Page */ .orderconfirm-left { width:40%; float: left; padding:10px; } .orderconfirm-right { width:55%; float: right; padding:10px; } .my-cart td { border:1px solid #ddd; border-left:0px; border-top:0px; padding:7px; border-collapse:collapse; } .my-cart .empty-cart td { padding:100px 7px; } .my-cart .no-border td { border:0px; } .my-cart .border-right td { border:0px; border-right:1px solid #ccc; }.bookshelf-submenu a { padding:0px 20px 0px 0px; } .my-cart td:last-child, .my-cart th:last-child, .my-cart td.last-child, .my-cart th.last-child { border-right:0px; } .my-cart input { padding:9px; } .my-cart input.buy-btn { padding:9px 27px; } .my-cart input.small { padding:4px; } .my-cart input#discount_code { width: 175px; } .bookshelf-submenu { padding:13px 5px 7px; font-size:larger; } .bookshelf-submenu a { padding:0px 20px 0px 0px; } .billing-wrapper { padding:5px; margin:15px 0px 20px; } .billing-wrapper label { display:block; padding:5px 0px 0px; } .billing-wrapper input { width:85%; padding:5px; color:#787878; margin:7px 0px 10px } .billing-wrapper input[type="radio"] { width:auto; vertical-align:middle; } .billing-wrapper select { width:88%; padding:5px; color:#666; margin:7px 0px 10px } /*.billing-wrapper input#billing_zipcode, .billing-wrapper input#billing_phone, .billing-wrapper input#billing_email, .billing-wrapper input#shipping_zipcode, .billing-wrapper input#shipping_phone, .billing-wrapper input#shipping_email { width:25%; }*/ .billing-wrapper input[name="confirmationSalesTax"] { margin-right: 10px; } .billing-wrapper input#proceed_Payment_btn { padding:10px; } .billing-wrapper input[type="button"] { /*margin-top:20px;*/ width:48%; } .billing-wrapper label.shipping-label { display: inline !important; } /* End */ /*#cartConfirmationForm a.updateConfirmationCart { cursor: pointer; float:right; margin-top:-30px; }*/ #cartConfirmationForm .orderProdQty { width:20px; /*float:left;*/ } div#shipping_form { display:none; } img.discountConfirmationCode { vertical-align:middle; } #ipc-letter-spacing-5 { letter-spacing: 5px; } #loadingImg { display:none; margin:0px auto; width:150px; height:250px; } #loadingImg img { position:relative; margin-top:50%; } /*loading icon in case of lazy loading*/ div .lazy-hidden { background-image:url("../images/ajax_loader_gray_32.gif"); background-repeat:no-repeat; background-position:center; float:right; width:735px; display:none; } /* header search box */ .searchbox-section { float:left; width:500px; margin:10px 10px; } .searchbox-section .search-text { width:447px; height:32px; vertical-align:top; } .searchbox-section .adv-search-arrow { display:inline-block; margin-left:-31px; margin-top:10px; opacity:0.75; } .searchbox-section .adv-search-arrow:hover { opacity:0.5; } .searchbox-section input[type="button"], .searchbox-section input[type="submit"] { height:42px; vertical-align:top; } /* Search term highlighted in content */ .search-highlight{ background-color:#f8e6ad; display:inline-block; padding:0px 4px; } #ipc-header-src-block #acd .title { padding:5px 7px; color:#aaa; background: #f9f9f9; } .welcome_to_elsevier { color: #f39234; font-weight:bold; font-size:14px; text-align:center; margin-top:5px; } /* My Account */ .myaccount{ } .myaccount .left-col{ float:left; width:24%; } .myaccount .left-col .left-col a { color:#444444; } .myaccount .right-col { width:74%; float:left; } .myaccount .login { color: #999999; display: block; padding: 0 3px 3px; } .myaccount .readonly { border:1px solid #ccc; } .myaccount .readonly:focus { border:1px solid #fff; box-shadow:none; } .myaccount .change-pwd { margin:0px 0px 10px 0px; } .myaccount .change-pwd label { display:block; padding:5px 0px 0px 0px; } .myaccount .change-pwd input { display:block; padding: 3px 5px; margin: 5px 0 2px; color: #787878; } .myaccount .order-history input { display: inline-block; color: #787878; margin: 10px 0 15px; padding: 6px; } .myaccount .profile .btn, .myaccount .change-pwd .btn, .myaccount .order-history .btn { margin: 5px 0; padding: 5px 25px; } .myaccount .profile .form-field.border { border-bottom:1px solid #eee; margin:5px 0 5px 0; } .myaccount .profile label { width:20%; margin: 7px 0; display: inline-block; font-weight:normal; } .myaccount .profile span { display:inline-block; width:7px; } .myaccount .profile input { margin:5px 0; padding:3px 5px; } .myaccount .profile .link a { margin:20px 0 10px 0px !important; display:inline-block; color:#0066cc; } /* Access code and Order history */ .myaccount .box { padding:10px 10px 10px 15px; background: #e7f6ff; border:1px dotted #eee; margin: 0 0 20px; color:#333; } .myaccount h3.about{ background:#3276b1; color: #ffffff; margin: 0; padding: 5px 5px 7px; } .myaccount .box table td, .myaccount .box table th { padding: 10px 0; text-align: left; } .myaccount .box label { width:30%; margin: 7px 0; display: inline-block; font-weight:bold; } .myaccount .box span { display:inline-block; } .myaccount .ui-state-default, .myaccount .ui-widget-content .ui-state-default, .myaccount .ui-widget-header .ui-state-default { background:#f4f4f4!important; } .myaccount .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 0.6em 1.3em !important; float:none !important; } /** Vertical Tab **/ .myaccount .ui-tabs-vertical { width: 99%; } .myaccount .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 90%;margin:7px 0px 0px 0px } .myaccount .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; } .myaccount .ui-tabs-vertical .ui-tabs-nav li a { display:block; } .myaccount .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; border-right-width: 1px; border-right-width: 1px; } .myaccount .ui-tabs-vertical .ui-tabs-panel { padding: 0em 0.5em;} .myaccount .ui-widget input,.myaccount .ui-widget select,.myaccount .ui-widget textarea,.myaccount .ui-widget button {font-size:12px !important} .myaccount .ui-tabs .ui-tabs-nav li.ui-tabs-active{background:#f9c694 !important;color: #444444 !important;} .myaccount .ui-widget-content a {color:#444444 !important} .myaccount .ui-corner-all,.myaccount .ui-corner-top,.myaccount .ui-corner-left,.myaccount .ui-corner-tl{border-radius:0px !important;} .myaccount .ui-state-active a,.myaccount .ui-state-active a:link,.myaccount .ui-state-active a:visited{color: #444444 !important;} .myaccount .ui-widget-content a.link {color:#0066CC !important;margin:15px 0px;display: inline-block;} .myaccount .ui-datepicker-trigger { cursor: pointer !important; margin-left: 5px; } .notify { background: none repeat scroll 0 0 #EFEFEF; border: 1px solid #CCCCCC; margin-top: 12px; padding: 4px; font-size: large; } .notify span { width: auto !important; } .order-detail-tab, span.access-code-tab { color: #0000FF !important; } /* My Account ends */ /** admin **/ .myadmin { } .myadmin h3 { padding: 10px; margin: 5px 10px 15px; background: #efede9; border:0px dotted #ddd; color:#ba5d1e; } .myadmin .counter-report h4 { background: #efefef; font-size: 100%; margin: 0px; padding: 9px; border:1px dotted #ddd; padding:7px 0 7px 5px; } .myadmin .counter-success{ padding:20px; color:#21610b; font-weight:bold; } #addInstUserWrapper span{ padding:0px; } #addInstUserWrapper #frmAddInstitutionalUser { margin:10px 0px; } .tablesorter-header-inner { color:#666 !important; } .myadmin .searchbox-section { float: none; margin:0 10px 10px 0px; /*width: 51%;*/ } .myadmin .searchbox-section .search-text { vertical-align: top; height: 23px; width: 38%; } .myadmin .searchbox-section input[type="button"], .myadmin .searchbox-section input[type="submit"] { height:28px; } .myadmin .select { font-size: 12px; color:#444; background: #fff; border-bottom: 2px solid #ddd; } .myadmin .hasDatepicker { padding: 7px; border-bottom: 2px solid #ddd; } .myadmin .manage-institute .searchbox-section .search-text { width: 60%; /*border-bottom:3px solid #ddd;*/ height: 28px; -webkit-box-sizing:border-box;/* Safari/Chrome, other Webkit */ -moz-box-sizing:border-box;/* Firefox, other Gecko */ box-sizing:border-box;/* opera /IE 8 */ } .myadmin .manage-institute .searchbox-section .btn, .myadmin .manage-institute .searchbox-section .btn-primary, .myadmin .manage-institute .searchbox-section .btn-danger { margin:0px; margin-left:-2px; } .myadmin .left-col { width:22%; float:left; } .myadmin .right-col { width:75%; float:left; margin-left:10px; } .myadmin .zebra th { /* padding: 8px; */ font-size: 90%; background: #f6f6f6; color: #0066CC !important; } .myadmin .zebra th a { text-decoration: underline !important; } .myadmin .zebra th a:hover { text-decoration: none !important; color: #0088DD !important; } .myadmin .manage-institute { margin-bottom: 20px; } .myadmin .right-col .report-item a, .myadmin .right-col .manage-institute .col-l a, .myadmin .right-col .manage-institute .col-r a { color:#0066CC !important; } .myadmin .right-col .manage-institute-logo { width:100%; float:left; } .myadmin .right-col .manage-institute span { display:inline-block; padding:2px 0; margin:0px 0px; } .myadmin .right-col .manage-institute .tablescroll span { padding:0px; } .myadmin .right-col .manage-institute .clearSearchWrapper{ padding: 10px 0 0 7px; } .myadmin .right-col .manage-institute .col-r { border-left:1px solid #dfdfdf; padding: 0px 0px 0px 22px; } .myadmin .right-col .manage-institute .col-l { width:47%; float:left; } .myadmin .right-col .manage-institute label { display:block; padding:7px 0px 2px; } .myadmin .right-col .manage-institute .lbl { padding:0px 0px 6px; color:#444; } .myadmin .right-col .manage-institute .instiution { background: #ddd; } .myadmin .right-col .manage-institute input [type="button"] { padding:5px; } .myadmin .right-col .manage-institute .edit-magn input{ padding:5px; } .myadmin .right-col .manage-institute .edit-magn input{ width:57%; background:#fff; } .institution{ border-top:1px solid #ccc; margin:10px 0px; } .myadmin .right-col .manage-institute .institution input { width:200px; } .myadmin .right-col .manage-institute #upd-btn { width:20%; } .myadmin .right-col .manage-institute select { display:block; background:none; width:60%; outline:none; } .myadmin .right-col .manage-institute .hasDatepicker { display:inline-block; width:100px; } .myadmin .right-col .manage-institute .counter-report .check { display:inline-block; padding:5px 0; margin:0 3px 0 0px; border:none; } .myadmin .right-col .manage-institute .col-r { width:47%; float:right; } .myadmin .book-report-list { border-bottom:1px solid #eee; margin: 0 0 20px 0; } .myadmin .book-report-list.last { border-bottom:0px solid #eee; } .myadmin .right-col .book-report-list .report-item { margin:20px 0 10px 0; } .myadmin .right-col .book-report-list .report-item label, .myadmin .right-col .book-report-list .report-item select { display:inline-block; } .myadmin .right-col .Book-usage-report label, .myadmin .right-col .Book-usage-report select, .myadmin .right-col .Book-usage-report input { display:inline-block; } .myadmin .right-col .counter-report input { display:block; margin:3px 0; padding:5px; } .myadmin .right-col input[type="button"], .myadmin .right-col .btn-default, .myadmin .right-col .btn-danger, .myadmin .right-col .primary { display: inline-block; padding:4px 7px; } .myadmin .right-col .book-report-list select { width:15%; padding:3px; } .myadmin .book-report-list a { margin:0 20px; display:inline-block; } .myadmin .right-col .tablesorter-headerArrow { background-image: url("../images/tablesorter_bg.gif"); background-position: right center; background-repeat: no-repeat; cursor:pointer; } .myadmin .right-col .tablesorter-headerAscArrow { background-image: url("../images/tablesorter_asc.gif") !important; } .myadmin .right-col .tablesorter-headerDescArrow { background-image: url("../images/tablesorter_desc.gif") !important; } .myadmin .tablescroll { overflow-y:auto; height:250px; } .myadmin .Book-usage-report select { padding:4px 3px; margin:4px 0; } .myadmin .ui-state-default, .myadmin .ui-widget-content .ui-state-default, .myadmin .ui-widget-header .ui-state-default { background:#E6E6E6 !important; border:0px !important; } .myadmin .ui-datepicker-trigger { padding:0 3px 0 3px !important; } .myadmin .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 0.6em 1.3em !important; } .myadmin .right-col .manage-institute .edit-magn h4{ font-size:100%; background:#efefef; border: 1px dotted #dddddd; padding: 5px 0 6px 5px; } /** admin ends**/ .ui-datepicker .ui-datepicker-calendar tr {background : none;} .ui-widget-content a{ color:#0066CC !important; } .ui-widget-header{ background:none !important; border:none ! important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ background:none !important; } .ui-datepicker-range > .ui-state-default { background: lightblue !important; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{ border:none ! important; } .ui-tabs .ui-tabs-nav li.ui-tabs-active{ margin-bottom:0px !important; } .advanced-search-form { position:absolute; background:#fff; border:1px solid #ccc; z-index:99; display:none; -webkit-box-shadow: 0 8px 12px -8px black; -moz-box-shadow: 0 8px 12px -8px black; box-shadow: 0 8px 12px -8px black; } .advanced-search-form form { padding:8px 12px; } .advanced-search-form label { display:block; padding:5px 0px 0px; } .advanced-search-form .label { font-weight:bold; color:#333; font-size:100%; text-align:left; } .advanced-search-form .radio { display:inline-block; margin-right:25px; } .advanced-search-form .checkbox { width:auto; margin:5px 5px 7px 0; } .advanced-search-form input { padding:5px; color:#787878; margin:5px 0px 7px; } .advanced-search-form input[type="button"] { margin-top:20px; } .advanced-search-form input[type="radio"] { width:auto; margin:5px 5px 12px 0px; } .advanced-search-form select { padding:5px; color:#787878; margin:5px 0px 7px; width:90%; } .advanced-search-form .select-year { width:30%; } .advanced-search-form .adv-search-go { float:right; margin-right:10%; margin-top:70%; } /* Search result container */ #searchresults .book-details{ padding-left: 5px; width: 525px; } .search-list-container { background:#f9f9f9; border:1px solid #e9e9e9; height:210px; margin:15px 10px 25px; padding:5px 5px; position: relative; -webkit-box-shadow: 0 8px 12px -8px black; -moz-box-shadow: 0 8px 12px -8px black; box-shadow: 0 8px 12px -8px black; } .search-list-container .book-reader-channel a { display: inline-block; /* margin: 0 5px 0 0; */ padding: 7px; } .search-list-container a { color: #aa560d; } /* bug - 13581 fixes */ .search-list-container .book-cover a.add-to-shelf, .search-list-container .book-cover a.added-to-shelf { width:32px; height:32px; top:0px; padding:0px; font-size:11px; } .search-list-container .book-cover a.add-to-shelf img, .search-list-container .book-cover a.added-to-shelf img{ background: #f66313; height: 32px; width: 32px; } .search-list-container .addTagPopup { height: 220px; left: 0; top: 0; width: 436px; } .search-list-container .addTagPopup .tagLists { border-bottom: 0 none; height: 130px; } /* bug - 13581 fixes ends*/ /* Search Result facet container */ .filter-wrapper { padding:0px 10px 15px; box-sizing: border-box; } .filter-wrapper h4 { color:#fff; background:#a75302; padding: 10px 3px; text-align: center; } .filter-wrapper li { } .filter-wrapper li:hover { background: #efefef; } .filter-wrapper li a { padding:6px 6px 6px 12px; color:#555; display:block; } .filter-wrapper h4.title { background:#d5d2d2; color: #454545; font-size: 90%; padding: 7px 5px; text-align: left; } .filter-wrapper #authorShowLess a, .filter-wrapper #authorShowMore a { color:#0066cc; } .filter-wrapper #pyearShowLess a, .filter-wrapper #pyearShowMore a { color:#0066cc; } .filter-wrapper #productShowLess a, .filter-wrapper #productShowMore a { color:#0066cc; } .filter-wrapper #contentareaShowLess a, .filter-wrapper #contentareaShowMore a { color:#0066cc; } /* Search Result page */ .search-result-bar { margin: 2px 10px 0; padding: 0px 10px; line-height: 21px; /* border:1px dotted #ddd; background: #f6f6f6;*/ } .search-result-bar span { color:#999999; font-weight: bold; display: inline-block; } .search-result-bar strong { color:#2c3e50; } .search-result-bar small { color:#454545; font-weight: normal; display: inline-block; padding-left: 7px; } .search-result-bar h3 { padding:5px 0px 0px; margin: 0px; font-size: 125%; } .search-result-bar a { display:inline-block; padding:0px 10px 0px 0px; color: #aa560d; } .search-result-bar select { padding:2px; } a { text-decoration:none; color:#0066cc; } /** My activities **/ .activity-col-left { float: left; width: 39%; margin-left: 10px; } .activity-col-left .searchbox-section { margin: 5px 0px 10px; width:100%; /*border-bottom: 2px solid #ccc;*/ } .activity-col-left .searchbox-section .search-text { width:100%; box-sizing: border-box; } /* IE-11 hack to not display the clear icon in input box */ .activity-col-left .searchbox-section .search-text::-ms-clear { display: none; } .activity-col-right { float: right; width: 58%; margin: 0px; font-size:12px; } .activity-col-right h3 { margin:0px 0px 10px 0px; font-weight:normal; } .activity-col-right div.tabcontents { background-color: #FFFFFF; border: 1px solid #efefef; padding: 0px; height: 400px; min-height: 400px; border-top:0px; overflow-y: auto; } .activity-col-right .ui-widget-content { border:0px !important; } .activity-col-right .ui-tabs .ui-tabs-panel { padding:0px; } .activity-col-right .ui-tabs .ui-tabs-nav { padding:0px; } .activity-col-right .ui-widget-header { background:#fff; border:0px solid #aaa; border-bottom:1px solid #aaa; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .activity-col-right .ui-tabs-nav li { /* background:#aaa;*/ width:32%; text-align:center; color:#efefef; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; } .activity-col-right .ui-state-default a, .activity-col-right .ui-state-default a:link { color:#222 !important; font-size:12px; } .activity-col-right .ui-tabs-nav .ui-tabs-anchor { display:block !important; float:none !important; padding:0.75em 1em !important; } .activity-col-right li.ui-tabs-active { background:#fff; font-weight:bold; } .activity-col-right .list-item { border-bottom: 1px solid #ddd; padding: 7px 10px; } .activity-col-right .list-item .heading { width:80%; float:left; padding:5px 0px 7px; color: #888; overflow: hidden; } .activity-col-right .list-item .heading a ,.activity-col-right .list-item .page a, .activity-col-right .tab-wrapper .export-link a { color:#0066cc !important; } .activity-col-right .list-item .page { float:right; padding:5px 5px 5px 0px; width:15%; color:#888; text-align:right; } .activity-col-right .list-item .desc { clear:both; color:#444; line-height:17px; padding:3px 0px 5px; margin:0px 0px 5px 0px; } .activity-list { border:1px solid #ddd; min-height:450px; height:450px; overflow-y:auto; overflow-x:hidden; line-height:18px; } .activity-list .alpha { background:#ccc; border: 1px solid #b7b7b7; border-radius: 7px 0px 0px 7px; float: right; font-weight: bold; padding: 5px 7px 5px 5px; text-align: left; text-transform: uppercase; margin: 0px 0px 0px 0px; } .activity-list .list{ border:1px solid #dfdfdf; -webkit-box-shadow: 0 0 5px#ddd; -moz-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; margin: 7px 10px; overflow: hidden; clear:both; } .activity-list .selected, .activity-list .list:hover { background: #bcbcbc; color:#fff; } .activity-list .list p { margin:0px 0px 10px; } .activity-list .list img { width:40px; height:40px; float:left; margin:8px 20px 8px 8px; } .activity-list .list-desc { padding:5px 10px 5px 5px; } .support-links { margin:30px 0px 40px 10px; } .support-links ul li{ display:block; padding:4px 0px; margin:10px 0px; } .support-links a{ margin:10px 0 0 0; padding:4px 0px; } .nav-wrap { display: none; } .activity-col-right .ui-tabs-nav li { float:left; width:32%; } #pdfBookmarkDesc, #pdfNoteDesc { height: 200px; } /* My activity nested tabs */ .activity-col-right .inner-tab { width: 95.6%; padding:16px 10px 10px; border:1px solid #efefef; border-top:0px dotted #eee; background:#e3e3e3; } .activity-col-right .tab-wrapper { width: 95.6%; } .activity-col-right .tab-wrapper .export-link { position: absolute; display: block; width:25%; right:15px; margin-top:-30px; text-align: right; } .activity-col-right .tab-wrapper .export-link a { display: block; } .activity-col-right .tab-wrapper .export-link a:hover { opacity: 0.7; } .activity-col-right .tab-wrapper .ul-wrapper { margin: 0px 0px 0px 0px; } .activity-col-right .tab-wrapper .ul-wrapper .ui-state-default, .activity-col-right .tab-wrapper .ul-wrapper .ui-widget-content .ui-state-default, .activity-col-right .tab-wrapper .ul-wrapper .ui-widget-header .ui-state-default { margin: 1px 3px 0 0 !important; background:#acacac !important; border:0px !important; } .activity-col-right .tab-wrapper .ul-wrapper .ui-state-default a, .activity-col-right .tab-wrapper .ul-wrapper .ui-widget-content .ui-state-default a, .activity-col-right .tab-wrapper .ul-wrapper .ui-widget-header .ui-state-default a { color:#f6f6f6 !important; } .activity-col-right .tab-wrapper .ul-wrapper .ui-state-active a, .activity-col-right .tab-wrapper .ul-wrapper .ui-state-active a:link, .activity-col-right .tab-wrapper .ul-wrapper .ui-state-active a:visited { background:#e3e3e3 !important; color: #222222 !important; border-left: 2px solid #f39234; border-right: 2px solid #f39234; border-top: 2px solid #f39234; } .activity-col-right .tab-wrapper .inner-tab .ui-state-default, .activity-col-right .tab-wrapper .inner-tab .ui-widget-content .ui-state-default, .activity-col-right .tab-wrapper .inner-tab .ui-widget-header .ui-state-default { background:#ccc !important; } .activity-col-right .tab-wrapper .inner-tab .ui-state-active a, .activity-col-right .tab-wrapper .inner-tab .ui-state-active a:link, .activity-col-right .tab-wrapper .inner-tab .ui-state-active a:visited { background:#fff !important; color: #222222 !important; border-left: 2px solid #f39234; border-right: 2px solid #f39234; border-top: 2px solid #f39234; } .activity-col-right .tab-wrapper .inner-tab .ui-state-hover a, .activity-col-right .tab-wrapper .inner-tab .ui-state-hover a:link, .activity-col-right .tab-wrapper .inner-tab .ui-state-hover a:hover, .activity-col-right .tab-wrapper .inner-tab .ui-state-hover a:visited { } .activity-col-right .inner-tab .ui-widget-content { background:none !important; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { padding-bottom:0px !important; } .activity-col-right .tab-wrapper .ui-widget-content { outline:none !important; } .activity-col-right li.ui-tabs-active { background:#fff !important; } /* My activity nested tabs end */ /* My activities end */ /* Table zebra */ .zebra { } .zebra th { border:1px solid #ddd; border-left:0px; padding:10px; border-collapse:collapse; } .zebra td { border:1px solid #ddd; border-left:0px; border-top:0px; padding:7px !important; border-collapse:collapse; } .zebra .empty-cart td { padding:100px 7px; } .zebra .no-border td { border:0px; } .zebra .border-right td { border:0px; border-right:1px solid #ccc; } .zebra td:last-child, .zebra th:last-child, .zebra td.last-child, .zebra th.last-child { border-right:0px; } /* Access code and Order history */ .my-account-popup { display: block; padding: 2%; } .my-account-popup .box { padding:10px 10px 10px 15px; background: #f9f9f9; border:1px dotted #eee; margin: 0 0 20px; color:#333; } .my-account-popup .box table td, .my-account-popup .box table th { padding: 10px 0; text-align: left; } .my-account-popup .box label { width:20%; margin: 7px 0; display: inline-block; font-weight:bold; } .my-account-popup .box span { display:inline-block; } .my-account-popup .ui-state-default, .my-account-popup .ui-widget-content .ui-state-default, .my-account-popup .ui-widget-header .ui-state-default { background: #e6e6e6 !important; } .my-account-popup .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 0.6em 1.3em !important; float:none !important; } .my-account-message-margin { margin: 0px 15px !important; } input.validation-error, select.validation-error { border : 1px solid #a94442; } span.validation-error { color: #a94442; /* font-size: 75%; */ display: block; width: auto !important; } span.validation-success { color: #3c763d; /* font-size: 75%; */ display: block; width: auto !important; } /** Vertical Tab **/ /**** Product Details ****/ .product-detail-container { background: none repeat scroll 0 0 #FFFFFF; border: 0px solid #E9E9E9; margin: 0px 12px 10px 5px; position: relative; } .product-detail-container .book-cover { width:200px; margin:5px; position:relative; float:left; height:250px; box-shadow:none; } .product-detail-container .book-cover img { width:200px; height:250px; background:#efefef; } .product-detail-container .book-cover a { background: none repeat scroll 0 0 gray; bottom: 0; color: #EFEFEF; display: block; padding: 10px 0; position: absolute; text-align: center; width: 100%; } .product-detail-container .book-details { width:66%; } .product-detail-container .book-details h3{ margin: 4px 0px 3px; } .product-detail-container .book-details .rating{ margin:0px 0px 0px -7px; } .product-detail-container .book-author{ margin:5px 0px; } .product-detail-container .book-format{ padding:5px 0px; } .product-detail-container .platform-support { float:left; margin-top:0px; } /*.product-detail-container .book-author { height:30px; }*/ .product-detail-container .star-rating { margin:5px 0 5px 0px; height:27px; } .product-detail-container .title-price { position: absolute; bottom:0px; margin-bottom: 7px; } .product-detail-container .buy-btn { width:30%; margin-right:30px; } .product-detail-container .printed span a { display:block; margin:0 0 0 10px; text-decoration:none; position:relative; top:34px; left:158px; } .product-detail-container .price { position:relative; top:50px; left:2px; } .product-detail-container .price .oldprice { position:relative; left:14px; } .product-detail-container .book-reader-channel { clear:both; padding-top:10px; margin:10px 0px; } .product-detail-container .book-reader-channel .btn { font-size:100%; /*padding:2px 10px 2px 0px;*/ } .faq-product-detail { border:1px solid #ccc; background:#f9f9f9; margin:15px 15px 15px 0px; } .faq-product-detail ul { list-style:none; display:block; padding:0px 0px 0px 0px; } .faq-product-detail ul li { list-style:none; display:block; padding:15px 10px 15px 10px; border-bottom: 1px dotted #ddd; } .faq-product-detail ul li:last-child { border-bottom: 1px dotted transparent; } .faq-product-detail ul li a { display: inline-block; padding-left:7px; list-style: none outside none; position: relative; white-space: pre-wrap; width:75%; color: #ce6c0c; } .faq-product-detail ul li a:hover{ text-decoration:none; } .faq-product-detail ul li span { border-radius:50%; background: #fff; border:1px solid #cccccc; display: inline-block; position:relative; /*color:#fff;*/ width:30px; height: 30px; line-height: 30px; text-align: center; } .book-discription-container { padding: 10px; } .book-discription-container h3, .book-meta-data h3 { background:#f39234; color:#fff; padding:10px; margin-bottom:15px; border:0px dotted #ddd; } /****** Tab Style********/ ul.tabs { padding: 7px 0; margin:0; list-style-type: none; text-align: left; /*set to left, center, or right to align the tabs as desired*/ } ul.tabs li { display: inline-block; margin: 0; margin-right:3px; /*distance between tabs*/ } ul.tabs li a { text-decoration: none; position: relative; padding: 6px 16px; border: 1px solid #CCC; border-bottom-color:#B7B7B7; color: #000; /*background: #F0F0F0 url(tabbg.gif) 0 0 repeat-x;*/ border-radius: 3px 3px 0 0; outline:none; } ul.tabs li a:visited { color: #000; } ul.tabs li a:hover { border: 1px solid #B7B7B7; /*background:#F0F0F0 url(tabbg.gif) 0 -36px repeat-x;*/ } ul.tabs li.selected a, ul.tabs li.selected a:hover { position: relative; top: 0px; font-weight:bold; background: white; border: 1px solid #B7B7B7; border-bottom-color: #fff; } ul.tabs li.selected a:hover { text-decoration: none; } .tabcontents { border-top: 1px solid #efefef; padding: 20px; background-color:#FFF; border-radius: 0 3px 3px 3px; line-height:19px; clear:both; } .tabcontents .see-more { padding:0px 0px; display:block; } .simpleTabs .share { padding:10px 15px; } /****** Tab Style********/ /****** Book Details *****/ .bookdetail a { display: inline-block; padding:9px 0px 0px 0px; } .book-meta-data { margin:15px 10px 0px 0px; } .book-meta-data h3 { margin:10px 0 0 17px; } .book-meta-data ul { list-style:none; margin:0; padding:0; } .book-meta-data ul li { border-bottom: 1px solid #ddd; display: block; margin: 0px 10px 0px 17px; padding:7px 10px 4px 0px; clear: both; line-height: 15px; } .book-meta-data ul li.last { border-bottom: 0px solid #ddd; } .book-meta-data ul li span { display: block; overflow: hidden; white-space: pre-wrap; } .book-meta-data ul li span.details { /*float:right; width: 100%;*/ color:#444444; padding: 7px 0px 0px; } .book-meta-data ul li span.label { display: inline-block; padding:4px 7px 5px 1px; color:#787878; font-size: 100%; font-weight: normal; } .border-r-1 { border-right:1px solid #eee; } .border-l-1 { border-left:1px solid #eee; } .simpleTabs ul { margin: 10px 0px 0px 5px; } .simpleTabs ul.tabs li { margin:0px 1px 0px; } .simpleTabs ul.tabs li a { color:#333 !important; } /*.simpleTabs .ui-tabs { background: transparent; margin: 0px; padding: 0px; } .simpleTabs ul li { margin-bottom: 0px; } .simpleTabs ul li a { border:0px; border-bottom: 2px solid #fff; border-radius: 0px; padding: 9px 36px; display: inline-block; background:#fff; } .simpleTabs ul li a:hover { background: #e9e9e9; color:#666 !important; border:0px; border-bottom: 2px solid #aaa; border-radius: 0px; } .simpleTabs ul li.selected a { border:0px; color:#29ABE2 !important; border: 1px solid #29ABE2; border-bottom: 2px solid #29ABE2; border-radius: 0px; padding: 9px 36px; display: inline-block; } .simpleTabs ul li.selected a:hover { background: #e9e9e9; color:#666 !important; border:0px; border-bottom: 2px solid #aaa; border-radius: 0px; }*/ /****** Book Details *****/ /****** User Review *******/ .book-meta-data p { padding:0 0 0 10px; margin:0 0 0 10px; } .user-review-container { line-height:19px; padding: 0px 10px; } .user-review-container h3 { background:#efede9; color:#ba5d1e; border: 0px dotted #DDDDDD; padding: 7px; margin:5px 0 0 0px; } .user-review-container h3 a{ display:inline-block; font-size:small; font-weight:normal; padding:5px 10px; } .user-review-container .review-item { padding:10px 0px; } .user-review-container .user-details { float:left; padding:3px 0; width:20%; } .user-review-container .user-details .name, .user-review-container .user-details .date, .user-review-container .user-details .rating { padding:3px 0px; } .user-review-container .user-details .name { font-weight:bold; } .user-review-container .user-comments { width:74%; float:right; color:#454545; padding:20px 10px 15px 0px; border-bottom:1px dotted #ddd; } .user-review-container .user-comments.last { border-bottom: 0px solid #CCCCCC; } .addComment { padding:10px 10px 15px 20px; } .add_comment { padding:0px 10px 15px 20px; } #commentMessage { width:90% !important; } .col-md-block { display:none; } /* Title in the collection background */ .col-left-big-md h3.title-bg{ background:#3276b1; border:0px solid #dddddd; color: #fff; margin:10px; padding:7px; } .collection-list-container { margin:0px 0px 10px 15px; } .collection-list-container .bookshelf-container { background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #E9E9E9; box-shadow: 0 8px 12px -8px #000000; float: left; height: 110px; margin: 10px 16px 10px 0; padding: 5px; position: relative; width: 47%; } .collection-list-container .bookshelf-container .book-details { padding-left: 10px; width: 68%; } .collection-list-container .bookshelf-container .book-cover,.collection-list-container .bookshelf-container .book-cover img { box-shadow: none; height: 100px; width: 81px; } .nav-wrap { display: none; } /* Product details page - Download DRM popup */ .product-detail-container .download-popup { position:absolute; background:#dfdfdf; width:40%; height:160px; top:20%; left:32%; z-index: 98; } .product-detail-container .download-popup .header { border-bottom:1px solid #aaa; padding:7px 10px; /*background:#cccccc;*/ } .product-detail-container .download-popup .header h3 { width:80%; float:left; margin:0px; padding:0px; } .product-detail-container .download-popup .close { float:right; } .product-detail-container .download-popup .content { padding:15px 80px; /*background:#cccccc;*/ } .product-detail-container .download-popup .list { display:inline-block; font-size:98%; padding: 9px 12px; margin-bottom: 0; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #F39234; border-color: #F39234; cursor: pointer; color:#fff; } .product-detail-container .download-popup .list a { color: #fff; display: inline-block; padding: 5px !important; font-size: 88%; } /* Product details page - Download DRM popup ends */ /* FAQ popup */ .faq-popup, .faq-popup1, .faq-popup2 { position:absolute; background:#f9f9f9; width:30%; height:auto; top:20%; left:38%; z-index: 98; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5); } .faq-popup .contents p, .faq-popup1 .contents p, .faq-popup2 .contents p { color: #333333; line-height: 18px; padding: 5px; } .faq-popup .header, .faq-popup1 .header, .faq-popup2 .header { border-bottom:1px solid #ccc; padding:12px 10px; background:#454545; } .faq-popup .header h3, .faq-popup1 .header h3, .faq-popup2 .header h3 { width:80%; float:left; margin:0px; padding:0px; color:#FFF; } .faq-popup .close, .faq-popup1 .close, .faq-popup2 .close { float:right; background:#FFFFFF; height: 15px; text-align: center; color: #000000; width: 15px; border-radius: 50%; -moz-border-radius:50%; -webkit-border-radius:50%; padding: 3px 2px 0; } .faq-popup .content, .faq-popup1 .content, .faq-popup2 .content { padding:15px 10px; } /* FAQ popup ends */ /****** User Review *******/ /******* Carousel - Product details page ******/ .carousel-col-left { float:left; width:49%; margin: 0 0 30px; } .carousel-list h3 { margin-left:15px; color:#444; } .carousel-list { margin: 12px 5px 0 3px; padding:4px 0 0 5px; height:215px; overflow:hidden; position:relative; } .carousel-list .slider1 { margin-left:15px; } .carousel-list .list-item { float:left; margin-right:7px; } .carousel-list .title, .carousel-list .subtitle { padding:7px 0px 0px; text-align:center; } .carousel-list .title a.title-name{ display: inline-block; padding: 4px 0; color:#ce6c0c; } .carousel-list .subtitle { padding:5px 0px 0px; color:#787878; font-size:small; } .book-details .subtitle { color:#787878; font-size:small; margin:0px 0px 5px 3px; } .slider_img { width:123px; height:151px; float:left; margin: 5px 5px 0 9px } .carousel-col-right { float:right; width:50%; } .carousel-list .arrow-left { background:url(../images/arrow_left.png) no-repeat; width:24px; height:24px; position:absolute; top:45%; left:1%; float: left; } .gadgetContainer-full{ position: relative; } /* .gadgetContainer-full .arrow-left { background:url(../images/carousel_arrow_left.png) no-repeat 10px 12px; width:48px; height:48px; position:absolute; top:45%; left:-2%; float: left; opacity:0.5; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } */ /* -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); */ .gadgetContainer-full .arrow-left { background:url(../images/sprite_img.png) no-repeat 12px 12px; background-position:2px -42px; width:48px; height:38px; position:absolute; top:45%; left:-2%; float: left; opacity:0.5; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .gadgetContainer-full .arrow-left:hover { background:url(../images/sprite_img.png) no-repeat 12px 12px #fff; background-position:2px -108px; opacity:1; position:absolute; top:45%; left:-2%; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .carousel-list .arrow-right { background:url(../images/arrow_right.png) no-repeat; width:24px; height:24px; position:absolute; top:45%; right:1.5%; float: left; } /* .gadgetContainer-full .arrow-right { background:url(../images/carousel_arrow_right.png) no-repeat 12px 12px; width:48px; height:48px; position:absolute; top:45%; right:-2%; float: left; opacity:0.5; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } */ .gadgetContainer-full .arrow-right { background:url(../images/sprite_img.png) no-repeat 12px 12px; width:48px; height:36px; position:absolute; background-position:3px -69px; top:45%; right:-2%; float: left; opacity:0.5; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } /* -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); -moz-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5); box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.5) */ .gadgetContainer-full .arrow-right:hover { background:url(../images/sprite_img.png) no-repeat 12px 12px #fff; background-position:2px -138px; width:48px; height:40px; position:absolute; top:45%; right:-2%; opacity:1; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } /******* Carousel - Product details page ******/ /** RESET AND LAYOUT ===================================*/ .bx-wrapper { position: relative; margin: 0 auto 5px; padding: 0; *zoom: 1; } .bx-wrapper img { max-width: 100%; display: block; } .bx-pager a{ display:none; } /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev { left: -50px; background: url(../images/controls.png) no-repeat 0 -32px; } .bx-wrapper .bx-next { right: -50px; background: url(../images/controls.png) no-repeat -43px -32px; } .bx-wrapper .bx-prev:hover { background-position: 0 0; } .bx-wrapper .bx-next:hover { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } a.block-ui-close { color: #000000 !important; } a.sso-log-in { display: block; margin: 10px 0px; } .st_googleplus_custom{ background: url(../images/google_32.png) no-repeat scroll left top transparent; } .st_facebook_custom{ background: url(../images/facebook_32.png) no-repeat scroll left top transparent; } .st_twitter_custom{ background: url(../images/twitter.png) no-repeat scroll left top transparent; } .commonLogin{ /* border:0px dotted #ccc; */ margin:10px 15px 25px; padding:10px 15px 12px; position: relative; /* background:#d1c7aa; */ background: none repeat scroll 0 0 #fff4d4; border: 1px dotted #ccc; line-height:27px; box-shadow:0 8px 12px -8px black; -moz-box-shadow:0 8px 12px -8px black; -webkit-box-shadow:0 8px 12px -8px black; } .commonLogin p { color:#444; } .commonLogin .welcomInstmsg { padding:0px 0px 3px; width:50%; float:left; } .commonLogin .welcomInstmsg h1 { font-size:95%; color:#565656; margin:0px; } .commonLogin .welcomInstmsg h1 span { font-size:115%; color:#23a9df; display:inline-block; } .commonLogin .instLogo { margin-top:5px; } .commonLogin .instSignIn { float:right; padding:0px 0px 3px; width:45%; } .commonLogin .instSignIn ul { margin-bottom:10px; } .commonLogin .instSignIn li { padding:0px; margin:0px; line-height:19px; color:#565656 } .commonLogin h5 { font-size : 110%; color:#454545; margin:0px; } .signUp{ cursor:pointer; } .cp-download { border:1px solid #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:20px; margin:20px auto; color:#222; width:65%; line-height:21px; text-align: center; } .ioffline-download { border:1px solid #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:10px 20px 20px; margin:20px auto; color:#222; width:75%; line-height:21px; } .ioffline-download h4 { margin-top:20px; } .ioffline-download li { margin-left:25px; } .h-tab { clear:both; margin:25px 5px 10px; border-bottom:1px solid #f0f0f0; } .h-tab .clear { clear:both; height:0px; } .h-tab li { float:left; border-bottom:2px solid #f0f0f0; } .h-tab li.selected { background:#e6e6e6; border-bottom:2px solid #d56f0e; } .h-tab li a { padding:10px 10px; display:inline-block; font-size:100%; color:#666; } .h-tab li:hover { background:#f9f9f9; border-bottom:2px solid #ccc; } .h-tab li.selected:hover { background:#f3f3f3; border-bottom:2px solid #d56f0e; } .h-tab li.selected a { color:#666; } /* horizontal tab optional */ .h-tab-1 { clear:both; margin:23px 5px 10px; padding-bottom: 5px; border-bottom:1px solid #f0f0f0; } .h-tab-1 .clear { clear:both; height:0px; } .h-tab-1 li { float:left; background: #ccc; border-bottom:2px solid #f0f0f0; margin-right:10px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } .h-tab-1 li.selected { background:#f9f9f9; background: #29abe2; border-bottom:2px solid #fff; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; } .h-tab-1 li a { padding:8px 15px; display:inline-block; font-size:100%; color:#666; } .h-tab-1 li:hover { background:#f9f9f9; border-bottom:2px solid #ddd; } .h-tab-1 li.selected:hover { background:#4ccdf4; border-bottom:2px solid #ddd; } .h-tab-1 li.selected a { color:#fff; } .v-tab { clear:both; margin:5px 5px; /*border-bottom:1px solid #ddd;*/ float:left; } .v-tab li { display:block; border-left:2px solid #f0f0f0; background:#f4f4f4; } .v-tab li.selected { background:#f9c694; /*border-left:2px solid #c53727;*/ } .v-tab li a { padding:10px 10px; display:inline-block; font-size:100%; color:#444; } .v-tab li:hover { /*background:#f9c694;*/ /*border-left:2px solid #ccc;*/ color:#fff; } .v-tab li.selected:hover { /* background:#f9c694;*/ /* border-left:2px solid #c53727;*/ } .v-tab li.selected a { color:#444; } .v-tab li.selected a:hover{ color:#444; } .red-font{ color :#FC0303; } .green-font{ color :#21610B; } span.btn-close { background: url("../images/btn-close.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 21px; opacity: 0.4; position: relative; display: inline-block; float:right; right: 0px; top: -3px; width: 21px; padding:0px !important; } span.btn-close:hover { opacity: 1; } .err{ color:#c53727; } .errBorder{ border:1px solid #c53727; } /* Message */ .info, .success, .warning, .error, .validation { margin: 10px 0px; padding:10px 10px 10px 50px; background-repeat: no-repeat; background-position: 10px center; } .info { color: #555; /*#00529b;*/ background-color: #bde5f8; background-image: url('../images/info.png'); border: 1px solid #acd4e7; } .success { color: #555; /*#4f8a10; */ background-color: #dff2bf; background-image:url('../images/success.png'); border: 1px solid #cee1ae; } .warning { color: #555;/*#9F6000;*/ background-color: #feefb3; background-image: url('../images/warning.png'); border: 1px solid #eddea2; } .error { color: #555; /*#d8000c;*/ background-color: #ffbaba; background-image: url('../images/error.png'); border: 1px solid #ffbaba; } .infoMessage { background:#e9f2fc; border:1px solid #96aad8; margin:10px 0px; padding:10px; text-align:center; } .infoMessage strong { display: block; } .notify { background: none repeat scroll 0 0 #efede9; border: 1px solid #CCCCCC; margin-top: 12px; padding: 8px 5px; } h3.notify { font-size: 100%; color:#ba5d1e; border:0px solid #fff; } /* Message ends */ /* Form Validation */ .form-field { display: block; } .form-field .required, span.required { color:red; font-weight: bold; vertical-align: middle; } .form-field .err-msg, span.err-msg, div.err-msg { display: none; color:red; } .has-error input, input.has-error { border:1px solid red; } .has-error.err-msg { display: block; color:red; } /* Form Validation end */ /* Emailalert */ .static-page .newsletter { background:#f9f9f9; padding:30px; border:1px solid #ddd; margin-top:50px; } .static-page .newsletter h3 { color:#777; } /* Emailalert */ /* Forgot Password */ .forgotpwd, .pincode, .resetpwd { background:#f7f7f7; padding:30px; border:1px solid #ddd; margin-top:15px; } h3.forgothead, h3.pincodehead, h3.resetpwdhead { color:#fff; background:#e99a4e; border:none; margin: 0 0 7px; padding: 5px 5px 7px; text-align: left; font-size: 120%; } h3.resetpwdhead { border-bottom: 1px solid #ddd; } .forgotpwd #forgot_form input, .forgotpwd #forgot_form textarea, .resetpwd #forgot_form input, .resetpwd #forgot_form textarea, .newsletter #email-page_form input, .newsletter #email-page_form textarea { width:50%; } #forgot_form #for-pwd { width:40%; } /* Pincode */ .pincode input, .pincode label, .resetpwd input, resetpwd label { color: #444; margin: 10px 2px 15px; padding: 0 0 2px; } .pincode #pincode { padding: 4px 0; } /* staticcms */ .static-page .banner { background: none repeat scroll 0 0 #EFEFEF; border: 1px solid #CCCCCC; height: 160px; margin: 15px auto; width: 99%; } .static-page .about { font-size: large; margin: 5px 0 7px; padding-bottom: 4px; } .static-page { line-height: 19px; } .static-page p { margin: 10px 0 20px; } .txt-r { text-align: right; } .static-page .link { display: inline-block; margin: 5px 0 15px; padding: 0 15px; } .static-page a { color: #0066CC; text-decoration: none; } .static-page .terms { font-size: larger; margin: 5px 0; padding-bottom: 4px; } .static-page .privacy { font-size: 100% } .static-page .contact-details { border-left: 1px solid #EEEEEE; padding: 0 0 20px 20px; } #login_form label, #contact_form label { display: block; padding: 5px 0 0; } .static-page input, .static-page textarea { color: #787878; margin: 10px 0 15px; padding: 5px; width: 45%; } #contact_form input[type="button"] { color: #666666; font-weight: bold; margin-top: 20px; padding: 10px; } #login_form .captcha img, #contact_form .captcha img { background: none repeat scroll 0 0 #F6F6F6; border: 1px solid #EFEFEF; height: 60px; width: 150px; } .static-page #captcha_input { width: 30%; } .float-l { float: left; } .width-28 { width: 28%; } .ui-tabs .ui-tabs-panel { background: none repeat scroll 0 0 transparent; border-width: 0; display: block; padding: 1em 1.4em; } .float-r { float: right; } .width-70 { width: 70%; } .ui-accordion .ui-accordion-header .ui-accordion-header-icon { left: 0.5em; margin-top: -8px; position: absolute; top: 100%; } .ui-state-default .ui-icon { background-image: url("images/ui-icons_888888_256x240.png"); } .static-page input[type="button"] { color: #666666; font-weight: bold; margin-top: 20px; padding: 10px; } input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border: 1px solid #51CBEE; box-shadow: 0 0 5px #51CBEE; } .ipc-breadcrumb-links a{ color: #0066CC; } /* Support */ .tab-align { margin: 0 0 0 20px !important; } .tab-align .faq h4{ font-size:small; font-weight:normal; padding-bottom: 0; } .static-page .contact-info{ background:#f9f9f9; padding:7px 10px; color:#000; clear:both; } .tab-align .faq ul{ list-style:none; margin:0px; padding:0px; } .tab-align .faq ul li{ margin:5px 0 !important; border-bottom:1px solid #eee !important; } .tab-align .faq ul li a{ padding:2px 0 3px 0 !important; display:block !important; } .tab-align .faq ul li.border-bottom {border-bottom:0px solid #eee} /*.support .ui-tabs-vertical { width: 90%; }*/ .static-page .ui-tabs-vertical .ui-tabs-nav { float: left; width: 100%; } .static-page .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-right-width: 0 !important; } .static-page .ui-tabs-vertical .ui-tabs-nav li a { display:block;outline:none;margin: 5px 0;padding:5px 0 8px;border-bottom:1px solid #eee;width:100%} .static-page .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; color:#666666 !important;} .static-page .ui-tabs-vertical .ui-tabs-panel {float: right; width: 90%;} .static-page .ui-tabs-vertical .ui-tabs-nav li a.border-bottom {border-bottom:0px solid #eee} .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color:#ce6c0c !important;} .ui-widget-content a{ color:#757575 !important; } .ui-widget-header{ background:none !important; border:none ! important; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{ border:none ! important; } .ui-tabs .ui-tabs-nav li.ui-tabs-active{ margin-bottom:0px !important; } /* Support ends */ .ioffline-download { border:1px solid #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:10px 20px 20px; margin:20px auto; color:#222; width:75%; line-height:21px; } .ioffline-download h4, .ioffline-download h3 { margin-top:20px; font-size: larger; } .ioffline-download li { margin-left:25px; } .ioffline-download a { color: #0066CC; text-decoration: none; } #login_form label, #contact_form label, #forgot_form label { display:block; padding:5px 0px 0px; } #forgot_form select { width:50%; padding:5px; color:#787878; margin:10px 0px 15px } #forgot_form input, #forgot_form textarea { width:45%; padding:5px; color:#787878; margin:10px 0px 15px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } h3.highlight { background: none repeat scroll 0 0 #f39234; border:0px; color:#fff; margin: 0 0 7px; padding: 12px; font-size: 125%; } .fp-err-msg { font-weight: bold; color: #FF0000; margin-right: 16%; } .fp-sucess-msg { font-weight: bold; padding: 5px 5px 5px 30px; color: #65A200; border: 2px solid #53AAE5; margin-right: 60%; } /* Access code and Order history */ .myaccount .mar-top{ margin:50px; } .myaccount .box { padding:0px 10px 10px 15px; background: #e7f6ff; border:1px dotted #eee; margin: 0 0 20px; color:#333; } .myaccount h3.about{ background:#3276b1; color: #ffffff; margin: 0; padding: 5px 5px 7px; } .myaccount .box table td, .myaccount .box table th { padding: 10px 0; text-align: left; } .myaccount .box label { width:30%; margin: 7px 0; display: inline-block; font-weight:bold; } .myaccount .box span { display:inline-block; } .myaccount .ui-state-default, .myaccount .ui-widget-content .ui-state-default, .myaccount .ui-widget-header .ui-state-default { background:#f4f4f4 !important; } .myaccount .ui-tabs .ui-tabs-nav .ui-tabs-anchor { padding: 0.6em 1.3em !important; float:none !important; } .popover { position:absolute; min-width:250px; min-height:100px; border:1px solid #eee; background:#fcfcfc; z-index:99; box-shadow:0 0 15px 2px rgba(31, 73, 125, 0.8); -moz-box-shadow:0 0 15px 2px rgba(31, 73, 125, 0.8); -webkit-box-shadow:0 0 15px 2px rgba(31, 73, 125, 0.8); /* box-shadow:0px 0px 3px #999; -moz-box-shadow:0px 0px 3px #999; -webkit-box-shadow:0px 0px 3px #999; */ } .popover .close { background: url("../images/btn-close.png") no-repeat scroll 0 0 #fff; height: 21px; opacity: 0.4; position: absolute; right: 7px; top: 7px; width: 21px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; } .popover .close:hover { opacity: 1; } .popover .arrow { width: 0; height: 0; font-size:0; display:block; position:relative; } .popover .up { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #f39234; margin-top:-10px; } .popover .down { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #e3e3e3; margin-bottom:-10px; } .popover .right { width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #e3e3e3; margin-right:-10px; } .popover .left { width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right:10px solid #e3e3e3; margin-left:-10px; } .popover .login-box { border:0px; margin:0px; } .popover .login-box a{ color:#aa560d; } /* Tooltip */ .tooltip-content { cursor:pointer; display:none; line-height:14px; } .tooltip-link {} .tooltip-icon { vertical-align:middle; } .tooltip { padding:5px 15px 5px 5px; border:1px solid #e6e6e6; background: #e6e6e6; position: absolute; z-index: 2; font-size:10px; width:230px; color:#454545; line-height:14px; z-index: 999; } .tooltip-close { position:absolute; right:2px; top:2px; width:21px; height:21px; opacity:0.4; background:url(../images/btn-close.png) no-repeat 0 0 transparent; } .tooltip-close:hover { opacity:1; } .tooltip h3 { font-size:medium; font-weight:bold; } .tooltip .content { position: relative; padding: 1em; } .tooltip .content::after { content: ''; position: absolute; border-style: solid; display: block; width: 0; } .tooltip .content::after { top: 7px; left: -15px; border-color: transparent #e6e6e6; border-width: 10px 10px 10px 0; } /* Tooltip ends */ .overlay-div{ opacity : 0.01; position:absolute; background: #000; display:none; } .close-rnd { background: url("../images/sprite_img.png") no-repeat -12px -218px #aaa; height: 21px; opacity: 0.5; position: absolute; right: 10px; top: 10px; width: 21px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; } .close-rnd:hover { opacity: 1; } .close-rnd-fr { background: url("../images/btn-close.png") no-repeat scroll 0 0 #aaa; height: 21px; opacity: 0.5; width: 21px; float:right; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; } .close-rnd-fr:hover { opacity: 1; } .download-popup .close-rnd { background: url("../images/btn-close.png") no-repeat scroll 0 0 #aaa; border: 1px solid #333; height: 21px; opacity: 0.5; position: absolute; right: 5px; top: 5px; width: 21px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; } /* Theme options */ .theme-default { background:#efefef; } .theme-default .pageWrapper { background:#fff; } .theme-box { background:#eee; } .theme-box .pageWrapper { background:transparent; padding-top:6px; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; } .theme-box .header-container { background:#fff; margin:0px 0px 20px; padding:7px 0px; } .theme-box .navigation ul li { background:#fff; } .theme-box .discovery-section { float:right; background:#fff; height:430px; padding-top:20px; } .quick-link-Section li.down-arrow { background:url("../images/arrow-down-spirit.png") 100% 64% no-repeat; padding-right:16px; height: 16px; } .quick-link-Section li.down-arrow strong { padding-right:5px; /* width:60px !important; text-overflow:ellipsis !important; display: inline-block; white-space: nowrap; overflow:hidden; */ } /*.quick-link-Section li .sub-menu { position: absolute; top: 30px; left:79%; display: none; z-index: 101; } .quick-link-Section li .sub-menu li { display: block; float: none; background: #dfdfdf; border-bottom:1px solid #fff; } .quick-link-Section li .sub-menu li a { padding: 0px 10px; } .quick-link-Section li:hover .sub-menu { display: block; }*/ .loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url('../images/page-loader.png') 50% 50% no-repeat rgb(249,249,249); } tr.activeRow { color: green; } tr.inactiveRow { color: red; } table#instUserTable tbody td.activeData, activeData { color: green; } table#instUserTable tbody td.inactiveData, inactiveData { color: red; } table#instUserTable tbody td img{ width:12px; opacity: 0.7; padding-left: 5px; } table#instUserTable tbody td, table#commonuserTable tbody td{ border-right: 0px; } .myadmin table#instUserTable .tablesorter-filter-row td, .myadmin table#commonuserTable .tablesorter-filter-row td { padding: 0px !important; border-bottom: 0px; } /* Bookusagereport */ table#bookusagereport tbody td label { display: block; margin-bottom: 4px; } table#bookusagereport tbody td { padding: 3px; } /* Bookusagereport ends */ /* STAR RATING */ .star-rating{ list-style:none; margin:0px!important; margin-top:-5px!important; width: 125px; height: 25px; position: relative; padding:0px; background: url("../images/most_rated/alt_star.gif") top left repeat-x; } .star-rating ul, ol { list-style:none; } .star-rating li{ padding:0px; margin:0px; /*\*/ float: left; /* */ } .unit-rating li a:hover{ background: url("{}/public/images/most_rated/star_rating.gif") left center; z-index: 2; left: 0px; } .star-rating li a{ display:block; width:25px; height: 25px; text-decoration: none; text-indent: 0px; z-index: 20; position: absolute; padding: 0px; } .star-rating li a:hover{ background: url("../images/most_rated/alt_star.gif") left bottom; z-index: 2; left: 0px; padding: 0px; } .star-rating a.one-star{ left: 0px; } .star-rating a.one-star:hover{ width:25px; } .star-rating a.two-stars{ left:25px; } .star-rating a.two-stars:hover{ width: 50px; } .star-rating a.three-stars{ left: 50px; } .star-rating a.three-stars:hover{ width: 75px; } .star-rating a.four-stars{ left: 75px; } .star-rating a.four-stars:hover{ width: 100px; } .star-rating a.five-stars{ left: 100px; } .star-rating a.five-stars:hover{ width: 125px; } .star-rating li.current-rating{ background: url("../images/most_rated/alt_star.gif") left center; position: absolute; height: 25px; display: block; text-indent: -9000px; z-index: 1; padding: 0px; } /* Library Card login */ .libraryCardLogin .formRowContainer select { float: none; margin-left: 18px; padding: 2px; width: 300px; } .libraryCardLogin .formRowContainer input { float: none; margin: 15px 0; padding: 2px; width: 294px; } .libraryCardLogin .formRowContainer input.btn { float: none; margin-left: 130px; padding: 0 4px 4px; width: 75px !important; } /* Library Card login End */ .ly { text-align: right; } .lb { text-align: left; } .ccrb { /*border:1px solid #676767;*/ } .ccrb th, .ccrb td { padding:5px; text-align: left !important; } .confirmation-price { color:#d44b38; display:inline-block; font-size: 18px; font-weight: bold; } .user-shelves .title{ text-align:center; font-weight: normal; } textarea[name=comment] { resize: none; height: auto; } .helpText{ font-weight: bold; padding:3px !important; } .doneRemoval{ display:none; } .doneAddition{ display:none; } #menu-bar #addHead { clear: both; float: right; padding: 5px; text-align: left; width:732px; } #menu-bar #addRem { clear: both; float: right; text-align: left; width: 732px; } /* Bookshelf title*/ .bookShelfTitle { font-size:110%; font-weight: bold; margin: 12px 0px 2px; } .col-right-big-content #addRem a.btn{ padding: 6px 18px 0px 0px; } #menu-bar .bookShelfTitle { float: right; font-weight: bold; width:732px; } /* iOS Device select dropdown arrow fix */ .downArrow { background:url(../images/arrow.gif) center right no-repeat !important; padding-right: 24px !important; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; } .taghints { color: #444444; font-size: 10px; padding: 6px 1px 6px; text-align: left; } /*background: url("../images/arrow_right.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/ /* background: url("../images/carousel_arrow_right.png") no-repeat scroll 12px 12px rgba(255, 255, 255, 0.7); */ /* #c-carousel #wrapper .nex{ background: url("../images/sprite_img.png") no-repeat scroll 12px 12px rgba(255, 255, 255, 0.7); float: left; height: 48px; position: absolute; right: -2%; top: 40%; width: 48px; opacity:0.5; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } */ #c-carousel #wrapper .nex{ background: url("../images/sprite_img.png") no-repeat scroll 12px 12px rgba(255, 255, 255, 0.7); float: left; height: 40px; position: absolute; background-position:0px -69px; right: -2%; top: 40%; width: 48px; opacity:0.5; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } #c-carousel #wrapper .nex:hover { /*background: url("../images/carousel_arrow_right-w.png") no-repeat scroll 12px 12px rgba(255, 255, 255, 0.9);*/ -webkit-box-shadow: 3px 3px 3px rgba(90, 90, 90, 0.1); -moz-box-shadow: 3px 3px 3px rgba(90, 90, 90, 0.1); box-shadow: 3px 3px 3px rgba(90, 90, 90, 0.1); opacity:1; } /*background: url("../images/arrow_left.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/ /* #c-carousel #wrapper .pre{ background: url("../images/carousel_arrow_left.png") no-repeat scroll 12px 12px rgba(255, 255, 255, 0.7); float: left; height: 48px; left: 0%; position: absolute; top: 40%; width: 48px; opacity:0.5; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } */ #c-carousel #wrapper .pre{ background: url("../images/sprite_img.png") no-repeat scroll 12px 12px rgba(255, 255, 255, 0.7); float: left; height: 37px; left: 0%; position: absolute; background-position:0px -43px; top: 40%; width: 48px; opacity:0.5; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } #c-carousel #wrapper .pre:hover { /* background: url("../images/carousel_arrow_left.png") no-repeat scroll 12px 12px rgba(255, 255, 255, 0.9); */ -webkit-box-shadow: 0px 3px 3px rgba(90, 90, 90, 0.1); -moz-box-shadow: 0px 3px 3px rgba(90, 90, 90, 0.1); box-shadow: 0px 3px 3px rgba(90, 90, 90, 0.1); opacity:1; } #wrapper{ position: relative } .loader-wrapper { background:rgba(255, 255, 255, 0.4); } .loader-wrapper img { width:40px !important; height:40px !important; margin-top:8px !important; } .edit_inst_checkbox{ color:#fff; } /* #maxuserlimit { margin-left: -85px; margin-right: -79px; } #concurrentuserlimit { margin-left: -84px; margin-right: -79px; } */ .edit_inst_checkbox2{ /* position: relative; right: 175px; */ } .edit_inst_checkbox { width: 2% !important; } .btn-primary{ background-color: #f39234 !important; border-color: #f39234; color: #fff !important; } .dutch_img { background: url("../images/Flag_sprite.png") no-repeat scroll 0 0 transparent; background-position:-8px -5px; display:inline-block; height:17px; /* width:22px; */ padding: 0 1px; } .dutch_img_text { margin-left: 20px; padding: 0 1px; } .eng_img { background: url("../images/Flag_sprite.png") no-repeat scroll 0 0 transparent; padding: 0 1px; background-position:-8px -27px; display:inline-block; height:16px; } .eng_img_text { margin-left: 20px; padding: 0 1px; } .user-loggedinfo { color: #999; margin:0px auto; text-align: center; clear:both; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 13px; font-weight: bold; } .user-loggedinfo span { color:#333; } #bookshelf-category-pulldown-menu.fixed-dd-height { height:480px; } .search-list-container .book-price { position: relative; padding: 7px 0px; } .catalog-thumb-container{ height:175px; } .catalog-thumb-container .book-reader-channel{ margin-top:5px; } .catalog-container .book-reader-channel{ margin-top:40px; } #searchresults .book-format{ display:none !important; } .publisher_details { width: 200px !important; } /******************************* PDFreader header style updates raghu 17-06-19 ********************/ .reader-body{ background: #ffffff !important; } #header.fixed-header{ position: relative; z-index: 10; background: #fff; } #header.fixed-header #ipc-logo-reader{ float: left; padding: 10px; } #header.fixed-header .header-top-right-links{ float: right; display: -webkit-inline-box; /*width: 42%;*/ top: 10px; position: relative; } #header.fixed-header .header-top-right-links .reader-welcome-message{ padding: 10px; color: #E65019; } #header.fixed-header .header-top-right-links ul{ position: relative; display: inline-flex; } #header.fixed-header .header-top-right-links ul li{ padding: 10px; } #header.fixed-header .header-top-right-links ul li span.cart-items{ font-size: 13px; color: #E65019; } #header.fixed-header .header-top-right-links ul li a{ color: #E65019; } div#readerViewer{ top: 65px !important; } @media (max-width:1024px) { #ipc-logo-reader{ width: 160px; } #ipc-logo-reader h1 a img{ width: 100%; } #header.fixed-header .header-top-right-links{ width: 55%; } } @media (max-width:768px) { #header.fixed-header .header-top-right-links{ width: 73%; } #header.fixed-header #ipc-logo-reader h1.instLogo{ width: 150px; } #header.fixed-header #ipc-logo-reader h1.instLogo a img{ width: 100%; } } @media(min-width: 320px) and (max-width: 560px) { #header.fixed-header .header-top-right-links{ float: right; position: relative; display: inline-grid; } #header.fixed-header #ipc-logo-reader h1 a img{ padding: 5px; width: 50%; } #header.fixed-header #ipc-logo-reader{ float: left; padding: 10px; } #header.fixed-header #ipc-logo-reader h1.instLogo{ width: 130px; } #header.fixed-header #ipc-logo-reader h1.instLogo a img{ padding: 5px; width: 70%; } #header.fixed-header #ipc-logo-reader .header-top-right-links{ float: right; position: relative; } #header.fixed-header #ipc-logo-reader .header-top-right-links .reader-welcome-message{ padding: 10px; color: #E65019; } #header.fixed-header #ipc-logo-reader .header-top-right-links ul{ margin: 0px 10px; width: 100%; } #header.fixed-header #ipc-logo-reader .header-top-right-links ul li{ float: left; margin-right: 5px; border-right: 1px solid #555; padding: 0 5px 0px 0px; margin-top: 5px; } #header.fixed-header #ipc-logo-reader .header-top-right-links ul li:last-child{ border-right: 0px; } #header.fixed-header #ipc-logo-reader .header-top-right-links ul li a{ color: #E65019; } #header.fixed-header .header-top-right-links{ display: inline-table; width: 100%; } #header.fixed-header .header-top-right-links .reader-welcome-message{ height: 10px; } #header.fixed-header .header-top-right-links ul li{ padding: 10px; position: relative; } #header.fixed-header .header-top-right-links ul{ display: inline-flex; } div#readerViewer{ top: 145px !important; } #header.fixed-header #ipc-logo-reader{ width: 98px; height: 35px; } } @media(max-width: 375px){ #header.fixed-header .header-top-right-links ul li{ padding: 20px; line-height: 15px; } } @media(max-width: 360px){ #header.fixed-header .header-top-right-links ul li{ padding: 18px; line-height: 15px; } } @media(max-width: 320px){ #header.fixed-header .header-top-right-links ul li{ padding: 13px; line-height: 15px; } } div#readerViewer{ height: calc(100% - 70px); position: absolute; width: 100%; top: 70px !important; }