@import "960_24_col.css";

body{
	background: white;
	margin:0;
  font-family: sans-serif,'Open Sans';
  font-size: 13px;
}

a, a:hover {
  text-decoration:none;
}

h1,h2,h3,h4, legend
{

font:italic 24px/25px Georgia,"Times New Roman","Bitstream Charter",Times,serif;
margin:0;
text-shadow:0 1px 0 #FFFFFF;

}
h1 { font-size: 24px; line-height:25px;} 
h2 { font-size: 22px; }
h3 { font-size: 18px; }
h4, legend { font-size:16px; }
h5, label { font-size: 14px;}

#de-navbar, .de-navbar-proxy {
  background-color: #FFFFFF;
  height:35px;
  text-align:center;
  margin: 8px 50px 0 0;
  float: right;
}
#de-navbar .btn{
  margin-top:5px;
  padding:0;
}
.navbakground{background:url("images/navbg.jpg") repeat top left #eee;}

#de-navbar.fixed {
  background:url("images/navbg.jpg") repeat top left #eee;
  position:fixed;
  top:0;
  z-index:12;
  box-shadow:0 0 1px #999;
  /*width: 100%;*/
  top:0;
}

#de-navbar .searchcontainer{
  background-color: #FFFFFF;
  background-image: none;
  border-radius: 12px 12px 12px 12px;
  -moz-border-radius: 12px 12px 12px 12px;
  -webkit-border-radius: 12px 12px 12px 12px;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.4) inset, 0 1px 0 rgba(155, 155, 155, 0.2);
  -moz-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.4) inset, 0 1px 0 rgba(155, 155, 155, 0.2);
  -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.4) inset, 0 1px 0 rgba(155, 155, 155, 0.2);
  height: 22px;
  margin-top: 6px;
  padding: 0;
  position: relative;
  width: 120px;
  float: left;
}
.searchcontainer > input {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  color: #AAAAAA;
  font-size: 12px;
  padding: 4px 5px;
  width: 77%;
  float: left;
}

.btn {
  cursor:pointer;
  background: none;
  background-color: none;
  border: 0 none;
  float:left;
}
.btn.nofloat{
  float: none;
}
.btn div {
  background:url("images/btn3-fs8.png") no-repeat right top;
  height: 25px;
  text-align: left;
  position: relative;
  padding: 0 8px 0 0;
  margin-left:2px;
}
.btn:hover div {
  background-position: right -26px;
}
.btn:active div, .clip div.active {
  background-position: right -52px;
}
.btn .label {
  background:url("images/btn-cap4-fs8.png") no-repeat left top;
  float: left;
  padding: 0 0 0 8px;
  height:25px;
  line-height: 24px;
  text-shadow: 0px 1px 0px rgba(255, 255, 255,.75);
  color: #111;
  font-weight: bold;
  font-size:11px;
  white-space: nowrap;
  margin-left: -2px;
}

.btn:hover div .label {background-position: 0 -26px;}
.btn:active div .label {background-position: 0 -52px;}

.btn.dropdownButton div {
  background-position: right -208px;
  padding:0 20px 0 0;
}
.btn.dropdownButton:hover div {background-position: right -234px;}
.btn.dropdownButton:active div {background-position: right -260px;}

.btn.zoomout>div {
  background-position: right -415px;
  padding: 0 26px 0 0;
}
.btn.zoomout:hover div {background-position: right -441px;}
.btn.zoomout:active div {background-position: right -467px;}

.btn.zoomin21 > div {
  background-position: right -571px;
  padding: 0 42px 0 0;
}
.btn.zoomin21:hover div {background-position: right -597px;}
.btn.zoomin21:active div {background-position: right -623px;}

.btn.zoomin22 > div {
  background-position: right -493px;
  padding: 0 42px 0 0;
}
.btn.zoomin22:hover div {background-position: right -519px;}
.btn.zoomin22:active div {background-position: right -545px;}

.btn.zoomin31 > div {
  background-position: right -649px;
  padding: 0 50px 0 0;
}
.btn.zoomin31:hover div {background-position: right -675px;}
.btn.zoomin31:active div {background-position: right -701px;}

.btn.zoomin32 > div {
  background-position: right -727px;
  padding: 0 50px 0 0;
}
.btn.zoomin32:hover div {background-position: right -753px;}
.btn.zoomin32:active div {background-position: right -779px;}

.btn.zoomin33 > div {
  background-position: right -805px;
  padding: 0 50px 0 0;
}
.btn.zoomin33:hover div {background-position: right -831px;}
.btn.zoomin33:active div {background-position: right -857px;}

.btn div .nolabel {
  background-position:left 0;
  padding: 0 2px 0 0;
  margin-left: -2px;
}
.btn:hover div .nolabel {
  background-position:left -26px;
}
.btn:active div .nolabel {
  background-position:left -52px;
}

.btn.archives div {

}
.btn.archives .label {
  padding:0 0 0 25px;
  background-position:0 -104px;
}
.btn.archives:hover div .label {background-position: 0 -130px;}
.btn.archives:active div .label {background-position: 0 -156px;}

.btn.clip .label {
  padding:0 0 0 25px;
  background-position:0 -208px;
}
.btn.clip:hover div .label {background-position: 0 -234px;}
.btn.clip:active div .label, .btn.clip div .label.active {background-position: 0 -260px;}

.btn.subscribe .label, .btn.signin .label{
  padding:0 0 0 25px;
  background-position:0 -312px;
}
.btn.subscribe:hover div .label,.btn.signin:hover div .label  {background-position: 0 -338px;}
.btn.subscribe:active div .label,.btn.signin:active div .label  {background-position: 0 -364px;}

.btn.library .label{
  background-position: 0 -597px;
  padding: 0 0 0 28px;
}
.btn.library:hover div .label {background-position: 0 -623px;}
.btn.library:active div .label {background-position: 0 -649px;}

.btn.login .label{
  background-position: 0 -674px;
  padding: 0 0 0 28px;
}
.btn.login:hover div .label {background-position: 0 -700px;}
.btn.login:active div .label {background-position: 0 -726px;}

.btn.login {
  margin-left: 0;
  padding: 6px 0 0;
}
.btn.pagenum div {
  padding:0 25px 0 0;
}
.btn.pagenum .label {
  padding:0 0 0 25px;
  background-position:0 -416px;
}
.btn.pagenum:hover div .label {background-position: 0 -442px;}
.btn.pagenum:active div .label {background-position: 0 -468px;}

.btn.pagenum .loader {
  display: block;
  padding: 4px 0 0 4px;
}
.btn.settings .label {
  padding:0 0 0 24px;
  background-position:0 -520px;
}
.btn.settings:hover div .label {background-position: 0 -546px;}
.btn.settings:active div .label {background-position: 0 -572px;}

.btn.fullpage {
  margin:15px 25px;
}

#de-subscribe-login-box, #de-notify, #de-zero-pages-error{
  display:block;
  margin:40px auto 0;
  width:530px;
  -moz-box-shadow:0 0 4px #999999;
  -webkit-box-shadow: 0 0 4px #999;
  box-shadow: 0 0 4px #999;
  border:1px solid #AAAAAA;
  background-color: #ffffff;
  top: 150px;
}

.de-table-header{
    -moz-box-shadow:0 1px 2px #999999;
    -webkit-box-shadow: 0 1px 2px #999;
    box-shadow: 0 1px 2px #999;
    background:-moz-linear-gradient(center top , #FFFFFF, #DDDDDD) repeat scroll 0 0 #F6F6F6;
    background:#F6F6F6 -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#DDDDDD));
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#DDDDDD);
}

.de-login-content{
    font-family: tahoma;
    font-size: 13px;
    line-height: 1.4;
}

#de-price-list{
    margin-left: 10px;
    text-align: left;
}

.de-price-head{
    font-weight: bold;
    margin: 5px 0;
    font-size: 14px;
}

.de-price-title{
    font-weight: bold;
    margin: 5px 0;
}

.de-price{
    margin: 2px 0;
    line-height: 20px;
}

.de-price-left{
    display: inline-block;
    line-height: 20px;
    vertical-align: sub;
}

.de-price-right{
    display: inline-block;
    line-height: 20px;
    margin-left: 10px;
    vertical-align: baseline;
}

.de-amount{
    border-top: 2px solid #000;
    border-bottom : 2px solid #000;
    line-height: 40px;
    margin-top: 10px;
}

.de-amount-left{
    display: inline-block;
    vertical-align: sub;
    width: 160px;
}

.de-amount-left span{
    color: #C00;
    font-size: 11px;
    margin: 0 5px;
}

.de-amount-right{
    display: inline-block;
    float: right;
    margin-top: 9px;
    cursor: pointer;
}



#de-payment-option {
  position:absolute;
  left: 5px;
  min-width: 220px;
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #999999;
  box-shadow: 0 0 3px #999999;
  margin-top: 3px;
  overflow:auto;
  z-index:12;
}

#de-payment-option .list {
  list-style:none;
  margin: 0;
  padding: 0;
  display:block;
  margin:0 auto;
  min-width: 200px;
}

#de-payment-option .list > li {
  display: block;
  padding: 5px;
  cursor:pointer;
  min-height: 20px;
  clear:both;
}

#de-payment-option .list > li span{
    font: 14px/32px Georgia sans-serif;
}

#de-payment-option .list > li:hover {
  background: none repeat scroll 0 0 lightblue;
  opacity:1;
}

#de-payment-option li div {
  overflow:auto;
  line-height: 1;
  text-align:left;
}

#de-side-ad{
    position: absolute;
    right: 0;
    top: 180px;
}


/*For book viewer*/

#de-container{
  display: block;
  margin:10px 0 0 0;
}

#de-book-container{
  overflow: auto;
  margin:0 0 0 0;
  box-shadow:0 0 5px #666 inset;
  background: url('images/navbg.jpg');
}

#de-page-container{
	width: 600px;
	margin: 0 auto;
	position: relative;
}

.page{
	margin:10px auto;
	position: absolute;
}

.page div:first-child{
	box-shadow:0 0 5px #666;
}

.rw-buy-box{
    min-height: 300px;
    border: 1px solid #CCCCCC;
    overflow: hidden;
    padding-right: 16px;
}
.rw-buy-box .rw-thumb {
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 3px #CCCCCC;
    display: block;
    margin: 10px;
    padding: 4px;

}
.rw-buy-box .rw-details {
     margin-bottom: 35px;
}
.rw-buy-box p, .rw-buy-box a {
  font-size: 14px;
    margin: 0;
    padding: 5px;
    text-indent: 5px;
}
.rw-buy-box .rw-title {
    font-size: 20px;
    margin: 10px 0 0;
    padding: 5px;
    text-indent:0;
}
.rw-buy-box .rw-publisher {
    color: #6666FF;
    display: block;
}

.rw-buy-box .rw-author {
    color: #6666FF;
    display: block;
}

.rw-buy-box .rw-author.inactive {
    color: #000000;
    cursor: default;
    font-weight: bold;
}

.rw-buy-box .rupees {
  background: url("https://sf.readwhere.com/read/styles/images/inr_symbol.png") no-repeat scroll 0 10px transparent;
    color: #666666;
    font-family: Georgia;
    font-size: 24px;
    padding-left: 16px;
}

.rw-buy-box .preview-btn {
  display: block;
    margin: 0 auto;
    width: 80px;
}

.rw-buy-box .more-details {
  padding:0;
}

.rw-buy-box .buy-now-btn {
    width: 100px;
    height:40px;
    font-size: 16px;
}

.rw-buy-box .buy-now-btn-gift {
    width: 100px;
    height:40px;
    font-size: 16px;
}

.rw-buy-box .card-info{  
  font-size: 12px;
  color: #666;
}

.rw-buy-box #buy-box-info{
  display: none;
}

.rw-buy-box .loader{
  width: 16px;
  height: 16px;
  margin: 135px auto;
  display: block;
}

.rw-de-btn-enabled {

font:12px/15px Arial,Helvetica,sans-serif;
-moz-border-radius:3px;
-webkit-border-radius:3px;
background:-moz-linear-gradient(center top , #FFFFFF, #EFEFEF) repeat scroll 0 0 #F6F6F6;
background: #F6F6F6 -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#EFEFEF));
border:1px solid #CCCCCC;
cursor:pointer;
overflow:visible;
padding:3px;
border-radius:3px;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#EFEFEF);
vertical-align:middle;
white-space:nowrap;

}

.rw-de-btn-enabled:hover, .rw-de-btn-enabled:focus {

-moz-box-shadow:0 0 3px #999999;
-webkit-box-shadow: #999 0px 0px 3px;
background:-moz-linear-gradient(center top , #FFFFFF, #EBEBEB) repeat scroll 0 0 #F3F3F3;
background: #F3F3F3 -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(#EBEBEB));
border-color:#999999;
outline:0 none;
text-decoration: none;

}

.rw-de-btn-enabled:active, .rw-de-btn-enabled-active, .rw-de-btn-enabled-active:hover, .rw-de-btn-enabled-active:focus {

filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#CCCCCC, endColorStr=#FFFFFF);
background:-moz-linear-gradient(center top , #CCCCCC, #FFFFFF) repeat scroll 0 0 #DDDDDD;
background: #DDD -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CCC), to(white));
border-color:#999999;

}

.rw-de-btn-enabled span.label {
padding: 0 5px 0 0;
display:inline-block;
line-height:1.6666em;
vertical-align:middle;

}

.tabs-content .status{
  margin: 70px;
  font-size: 20px;
  text-align: center;
  line-height: 35px;
}

.de-sample-page{
  background-color: #FFFFFF;
  color: #000000;
  text-align: center;
  font-size: 25px;
  display: table-cell;
  vertical-align: middle;
}

#de-related-content-container{
  width: 300px;
  float: left;
  overflow: auto;
}

.de-related-content{
  margin: 10px 10px 10px 10px;
  display: block;
  min-height: 250px;
}

.de-related-content .heading{
  font-size: 16px;
  font-weight: bold;
}

.de-related-content .de-vol-thumb{
  float:left;
  border:1px solid #CCCCCC;
  min-height: 250px;
  margin-left: 50px;
}

.de-related-content .de-book-info{
  float:left;
  /*margin-left:20px;*/
  text-align: center;
  width: 250px;
}

.de-related-content .de-book-info .de-book-title{
  font-size:15px;
  color:#000000;
  font-weight: bold;
}

.de-related-content .de-book-info .de-book-author{
  font-size:15px;
  color:#666;
}

#de-header{
  font-size: 15px;
}
#de-header #header-info{
  float: left;
  margin: 10px 0 0 300px;
  line-height: 35px;
}

#de-header #header-info .related{
  float: left;
}

#de-header #header-info .vol-info{
  float: left;
}

#de-author-box .author-image{
  border: 1px solid #CCC;
  box-shadow: 0 0 3px #CCCCCC;
  display: block;
  margin: 10px;
  padding: 4px;
  float:left;
}

#de-author-box .author-desc{
  font-size: 14px;
  margin: 0;
  padding: 5px;
  text-indent: 5px;
}

#de-publisher-box .publisher-desc{
  font-size: 14px;
  margin: 0;
  padding: 5px;
  text-indent: 5px;
}

#de-book-more-info .book-more-info{
  font-size: 14px;
  margin: 0;
  padding: 5px;
  text-indent: 5px;
}

.tabs-content .login-content{  
  font-size: 20px;
  text-align: center;
  margin-top:50px;
}

.tabs-content .login-btn{
  width: 120px;
  height: 40px;
  font-size: 16px;
  margin: 20px auto;
  display: block;
}

.tabs-content .user-detail{
  text-align: center;
  font-size: 14px;
}

.tabs-content .book-detail{
 text-align: center; 
 font-size: 14px;
}

.tabs-content .price-detail{
  text-align: center;
  font-size: 14px;
}
.tabs-content .card-info{
  font-size: 12px;
  color: #666;
  text-align: center;
}

.tabs-content .pay-now-btn{
  width: 100px;
    height:40px;
    font-size: 16px;
    margin:25px auto 5px;
    display: block;
}

.tabs-content .rupees {
  background: url("https://sf.readwhere.com/read/styles/images/inr_symbol.png") no-repeat scroll 0 10px transparent;
    color: #666666;
    font-family: Georgia;
    font-size: 24px;
    padding-left: 12px;
margin-left: 10px;
}

#notification{
  background-color: #FFF1A8;
  color: #000000;
  display: none;
  font-size: 13px;
  left: 47%;
  padding: 5px 10px;
  position: fixed;
  text-align: center;
  top: 92px;
  max-width: 530px;
  z-index: 101;
}

#notification a{
  color:blue;
}

#de-help {
  position:absolute;
  left: 5px;
  min-width: 150px;
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #999999;
  box-shadow: 0 0 3px #999999;
  margin-top: 3px;
  overflow:auto;
  z-index:12;
}

#de-help .list {
  list-style:none;
  margin: 0;
  padding: 0;
  display:block;
  margin:0 auto;
  min-width: 150px;
}

#de-help .list > li {
  display: block;
  padding: 2px;
  opacity:0.7;
  cursor:pointer;
  min-height: 20px;
}

#de-help .list > li span{
    font: 12px/26px Georgia sans-serif;
}

#de-help .list > li:hover {
  background: none repeat scroll 0 0 lightblue;
  opacity:1;
}

#de-help li div {
  overflow:auto;
  line-height: 1;
  text-align:left;
}
#de-help li div.even {
  background: #f2f2f2;
}
#de-help li div.odd {
  background: #f9f9f9;
}

#de-feedback{
    position: fixed;
    right: 10px;
    width:200px;
    height:225px;
    background: none repeat scroll 0 0 #ffffff;
    border: 1px solid #999999;
    box-shadow: 0 0 3px #999999;
    overflow-x:hidden;
    overflow-y:auto;
    z-index:11;
}

#de-feedback .title{
    width: 100%;
    background-color: #606060;
    padding: 3px;
}

#de-feedback .title span{
    color: white;
    font-size: 13px;
    font-weight: bold;
}

#de-feedback .title .close{
      
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: -2px;
    float: right;
    cursor: pointer;
}

#de-feedback .ques{
    width: 100%;
    padding: 5px;
}

#de-feedback .ques span{
    font-weight: bold;
}

#de-feedback .feedback-text{
    margin: 0 5px 5px;
    width: 92%;
}

#de-feedback .feedback-email{
    margin: 0 5px 5px;
    width: 92%;
}

#de-feedback .feedback-response span{
    color: red;
    padding: 5px;
}

#de-footer-handler{
    background: url("../theme/images/grippie.png") no-repeat scroll center 2px #EEEEEE;
    border-color: #DDDDDD;
    border-style: solid;
    border-width: 0 1px 1px;
    cursor: row-resize;
    height: 9px;
    overflow: hidden;
    width: 100%;
    height: 9px;
    margin: 0 auto;
}

#de-footer {
    -moz-box-shadow:0 0 4px #999999;
    -webkit-box-shadow: 0 0 4px #999;
    box-shadow: 0 0 4px #999;
    background:#EEF3F5;
    background:-moz-linear-gradient(center top , #EEF3F5, #FFFFFF) repeat scroll 0 0 #EEF3F5;
    background:#F6F6F6 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEF3F5), to(#FFFFFF));
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#EEF3F5, endColorStr=#FFFFFF);
    clear:both;
    margin:10px 0 0;
    overflow:hidden;
    z-index: 99;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 45px;
}
.footer-text {
    float:left;
    padding:10px 220px 0 5px;
}

.footer-logo{
    width:262px;
    position: absolute;
    right: 0;
    top: 11px;
}

.mediology-logo {
    float:right;
}
.mediology-logo a {
    display:block;
    font:9px/1 Lucida Grande,serif;
    padding:1px;
}
.mediology-logo img {
  display:block;
}
.btn.feedback{
    margin: 7px;
}

#progressbar{
  width: 200px;
  height:25px;
  border: 1px solid #CCCCCC;
  float: left;
  margin:5px 10px;
}

#progress{
  height: 25px;
  background-color: #CCCCCC;
}

#progressbarlabel{
    float: left;
    font-size: 12px;
    line-height: 25px;
    text-align: center;
    width: 200px;
}


#de-chapter-menu {
  position:absolute;
  left: 5px;
  min-width: 150px;
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #999999;
  box-shadow: 0 0 3px #999999;
  margin-top: 3px;
  overflow:auto;
  z-index:12;
}

#de-chapter-menu .list {
  list-style:none;
  margin: 0;
  padding: 0;
  display:block;
  margin:0 auto;
  min-width: 150px;
}

#de-chapter-menu .list > li {
  display: block;
  padding: 2px;
  opacity:0.7;
  cursor:pointer;
  min-height: 20px;
}

#de-chapter-menu .list > li span{
    font: 12px/26px Georgia sans-serif;
}

#de-chapter-menu .list > li:hover {
  background: none repeat scroll 0 0 lightblue;
  opacity:1;
}

#de-chapter-menu li div {
  overflow:auto;
  line-height: 1;
  text-align:left;
}

#de-chapter-menu li div.even {
  background: #f2f2f2;
}

#de-chapter-menu li div.odd {
  background: #f9f9f9;
}

#de-book-container #prev-page{
  background: url("images/next-prev.png") repeat scroll 56px 0 transparent;
  width: 28px;
  height: 48px;
  position: absolute;
  margin:0 10px;
  display: none;
  cursor: pointer;
}

#de-book-container #next-page{
  background: url("images/next-prev.png") repeat scroll 0 0 transparent;
  width: 28px;
  height: 48px;
  position: absolute;
  margin:0 10px;
  display: none;
  cursor: pointer;
}

#de-side-box{
  width: 300px;
  float: left;
  overflow: hidden;
  min-height: 100px;
}

#de-book-container .page-top-toolbar {
  margin: 0 auto 35px;
  width: 650px;
}

#de-book-container .page-top-toolbar .toolbar-container{
  background-color: #EEEEEE;
  position: fixed;
  width: 650px;
  z-index: 1;
  height: 35px;
  box-shadow: 0 0 1px #999999;
}

#de-box-ad {
  position:fixed;
  bottom:0;
  left:0;
  width:300px;
  height:250px;
  z-index:1002;
}