/* 
 * HTML5 ✰ Boilerplate
 *
 * What follows is the result of much research on cross-browser styling. 
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 * 
 * ==|== normalize ==========================================================
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231;margin-bottom: 120px;}

body, button, input, select, textarea { font-family: sans-serif; color: #222; }

/* 
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */

::-moz-selection { background: #aaa; color: #fff; text-shadow: none; }
::selection { background: #aaa; color: #fff; text-shadow: none; }


/* =============================================================================
   Links
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

/*ins { background: #ff9; color: #000; text-decoration: none; }*/

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }


/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e 
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9 
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/* 
 * 1. Correct color not inheriting in IE6/7/8/9 
 * 2. Correct alignment displayed oddly in IE6/7 
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7
 */

table button, table input { *overflow: auto; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * Consistent box sizing and appearance
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * Remove inner padding and border in FF3/4: h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. Remove default vertical scrollbar in IE6/7/8/9 
 * 2. Allow only vertical resizing
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/*--------960.gs 24 col grid ------------*/

body{min-width:990px}.container_24{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;margin-left:5px;margin-right:5px}.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12,.push_13,.pull_13,.push_14,.pull_14,.push_15,.pull_15,.push_16,.pull_16,.push_17,.pull_17,.push_18,.pull_18,.push_19,.pull_19,.push_20,.pull_20,.push_21,.pull_21,.push_22,.pull_22,.push_23,.pull_23{position:relative}.alpha{margin-left:0}.omega{margin-right:0}.container_24 .grid_1{width:30px}.container_24 .grid_2{width:70px}.container_24 .grid_3{width:110px}.container_24 .grid_4{width:175px}.container_24 .grid_5{width:190px}.container_24 .grid_6{width:230px}.container_24 .grid_7{width:270px}.container_24 .grid_8{width:310px}.container_24 .grid_9{width:350px}.container_24 .grid_10{width:390px}.container_24 .grid_11{width:430px}.container_24 .grid_12{width:470px}.container_24 .grid_13{width:510px}.container_24 .grid_14{width:550px}.container_24 .grid_15{width:590px}.container_24 .grid_16{width:630px}.container_24 .grid_17{width:670px}.container_24 .grid_18{width:710px}.container_24 .grid_19{width:750px}.container_24 .grid_20{width:790px}.container_24 .grid_21{width:830px}.container_24 .grid_22{width:870px}.container_24 .grid_23{width:910px}.container_24 .grid_24{width:950px}.container_24 .prefix_1{padding-left:40px}.container_24 .prefix_2{padding-left:80px}.container_24 .prefix_3{padding-left:120px}.container_24 .prefix_4{padding-left:160px}.container_24 .prefix_5{padding-left:200px}.container_24 .prefix_6{padding-left:240px}.container_24 .prefix_7{padding-left:280px}.container_24 .prefix_8{padding-left:320px}.container_24 .prefix_9{padding-left:360px}.container_24 .prefix_10{padding-left:400px}.container_24 .prefix_11{padding-left:440px}.container_24 .prefix_12{padding-left:480px}.container_24 .prefix_13{padding-left:520px}.container_24 .prefix_14{padding-left:560px}.container_24 .prefix_15{padding-left:600px}.container_24 .prefix_16{padding-left:640px}.container_24 .prefix_17{padding-left:680px}.container_24 .prefix_18{padding-left:720px}.container_24 .prefix_19{padding-left:760px}.container_24 .prefix_20{padding-left:800px}.container_24 .prefix_21{padding-left:840px}.container_24 .prefix_22{padding-left:880px}.container_24 .prefix_23{padding-left:920px}.container_24 .suffix_1{padding-right:40px}.container_24 .suffix_2{padding-right:80px}.container_24 .suffix_3{padding-right:120px}.container_24 .suffix_4{padding-right:160px}.container_24 .suffix_5{padding-right:200px}.container_24 .suffix_6{padding-right:240px}.container_24 .suffix_7{padding-right:280px}.container_24 .suffix_8{padding-right:320px}.container_24 .suffix_9{padding-right:360px}.container_24 .suffix_10{padding-right:400px}.container_24 .suffix_11{padding-right:440px}.container_24 .suffix_12{padding-right:480px}.container_24 .suffix_13{padding-right:520px}.container_24 .suffix_14{padding-right:560px}.container_24 .suffix_15{padding-right:600px}.container_24 .suffix_16{padding-right:640px}.container_24 .suffix_17{padding-right:680px}.container_24 .suffix_18{padding-right:720px}.container_24 .suffix_19{padding-right:760px}.container_24 .suffix_20{padding-right:800px}.container_24 .suffix_21{padding-right:840px}.container_24 .suffix_22{padding-right:880px}.container_24 .suffix_23{padding-right:920px}.container_24 .push_1{left:40px}.container_24 .push_2{left:80px}.container_24 .push_3{left:120px}.container_24 .push_4{left:160px}.container_24 .push_5{left:200px}.container_24 .push_6{left:240px}.container_24 .push_7{left:280px}.container_24 .push_8{left:320px}.container_24 .push_9{left:360px}.container_24 .push_10{left:400px}.container_24 .push_11{left:440px}.container_24 .push_12{left:480px}.container_24 .push_13{left:520px}.container_24 .push_14{left:560px}.container_24 .push_15{left:600px}.container_24 .push_16{left:640px}.container_24 .push_17{left:680px}.container_24 .push_18{left:720px}.container_24 .push_19{left:760px}.container_24 .push_20{left:800px}.container_24 .push_21{left:840px}.container_24 .push_22{left:880px}.container_24 .push_23{left:920px}.container_24 .pull_1{left:-40px}.container_24 .pull_2{left:-80px}.container_24 .pull_3{left:-120px}.container_24 .pull_4{left:-160px}.container_24 .pull_5{left:-200px}.container_24 .pull_6{left:-240px}.container_24 .pull_7{left:-280px}.container_24 .pull_8{left:-320px}.container_24 .pull_9{left:-360px}.container_24 .pull_10{left:-400px}.container_24 .pull_11{left:-440px}.container_24 .pull_12{left:-480px}.container_24 .pull_13{left:-520px}.container_24 .pull_14{left:-560px}.container_24 .pull_15{left:-600px}.container_24 .pull_16{left:-640px}.container_24 .pull_17{left:-680px}.container_24 .pull_18{left:-720px}.container_24 .pull_19{left:-760px}.container_24 .pull_20{left:-800px}.container_24 .pull_21{left:-840px}.container_24 .pull_22{left:-880px}.container_24 .pull_23{left:-920px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:before,.clearfix:after,.container_24:before,.container_24:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}.clearfix:after,.container_24:after{clear:both}.clearfix,.container_24{zoom:1}

/*--------End 960.gs 24 col grid ------------*/

/* ==|== primary styles =====================================================
   Author: Mridul Kashatria
   ========================================================================== */

/* general */
body {
background: url("images/navbg.jpg") repeat scroll left top #EEEEEE;
position:relative;
}

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;}

.textbox{
  border: 1px solid #ccc;
  border-top: 1px solid #999;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15px; line-height: 1.3em;
  padding: 6px 6px;
  width: 65%;
  float: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  box-shadow:0 0 1px #666 inset;
  -moz-box-shadow:0 0 1px #666 inset;
  -webkit-box-shadow:0 0 1px #666 inset;
}
.textbox:hover{
border-color:#009EE4 #90CBE8 #90CBE8;
border-right:1px solid #90CBE8;
border-style:solid;
border-width:1px;
}

.list-form {
  float:left;
  margin:0;
}
.list-form li {
  clear:both;
  margin:0 0 8px;
  overflow:auto;
}
.list-form .left {
  float:left;
  width:135px;
}
.list-form .right {
  float:left;
  width:330px;
  margin-right:5px;
}
.list-form .info {
  color:#666666;
  font-size:11px;
  font-style:italic;
  margin:0.2em 0 1em;
}

#de-header {
  min-height: 135px;
  overflow: auto;
  box-shadow:0 0 2px #666
}

#de-header .logo {
  
  padding:2px;
}

#de-header .logo a{
 display: block;
 width:280px;
  height:96px;
  line-height:96px;
  text-align:center; 
}

#de-top-banner {
  position:absolute;
  top:3px;
  right:3px;
  width:728px;
  height:90px;
}

/* end general */

/* ---------Page styles ---------------*/

#de-container{
  margin:10px;
}
#de-chunks-container{
position:relative;
}

#de-page-wrapper, .de-page-wrapper {
  margin:0 auto;
  min-width:600px;
}

#de-page-container, .de-page-container{
position:relative;
box-shadow: 0 0 3px #666666;
margin: 0 auto;
z-index: 10;
}

#bgThumbdiv, .bgThumbdiv{
box-shadow:0 0 10px #666;
border: 1px solid #999;
-webkit-box-shadow:0 0 10px #666;
-moz-box-shadow:0 0 10px #666;
}

/* --------------End Page styles ---------*/


/* -------------Navbar styles -----------*/

#de-navbar, .de-navbar-proxy {
  
  width:960px;
  height:35px;
  text-align:center;
  margin: 0 auto;
}
#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-publish-date {
  background: none repeat scroll 0 0 white;
    display: block;
    position: absolute;
    left:0;
    top:140px;
    margin-top: 5px;
    padding: 10px 0;
    text-align: center;
    width: 180px;
}

#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;
}

#de-subscription-box{
  background: none repeat scroll 0 0 #efefef;
  border: 1px solid #999999;
  box-shadow: 0 0 3px #999999;
  position: absolute;
  width: 545px;
  z-index:11;
  overflow: hidden;
}

#de-subscription-box .title{
    width: 100%;
    background-color: #606060;
    padding: 3px;
    min-height: 20px;
    color: white;
    font-size:14px;
    font-weight:bold;
    font-style:italic;
}

#de-subscription-box .close{
    background: url(images/delete-btn.png) repeat scroll 0 0 transparent; 
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: 0;
    float: right;
    cursor: pointer;
}

#de-calendar-box{
  background: none repeat scroll 0 0 #efefef;
  border: 1px solid #999999;
  box-shadow: 0 0 3px #999999;
  height: 300px;
  position: absolute;
  width: 545px;
  z-index:11;
  overflow: hidden;
}

#de-calendar-box .datepicker {
  position:absolute;
  right: 10px;
  top: 42px;
}

#de-calendar-box .volumepicker {
  height: 91%;
  left: 0;
  overflow: auto;
  position: absolute;
  top: 27px;
  width: 240px;
}

#de-calendar-box .volthumb {
  float: left;
  width: 150px;
  margin-top:10px
}

#de-calendar-box .volumepicker>button{
  margin-top:110px;
}

#de-calendar-box .btn.go {
  position:absolute;
  bottom:5px;
  right:5px;
}

#de-calendar-box .loader {
  position:absolute;
  width:100%;
  height:100%;
  background:#efefef;
}
#de-calendar-box .loader > img {
  position:absolute;
  width:16px;
  height:16px;
  top:44%;
  left:49%;
}

#de-subscription-box .message{
  margin-top:20px;
  text-align:center;
}
#de-subscription-box .message span {
  color: #999999;
  font-size: 12px;
  font-style: italic;
}
#de-clip-help {
  position:absolute;
  width:300px;
  height:80px;
  -moz-box-shadow:0 0 5px #666;
  box-shadow:0 0 5px #666;
  -webkit-box-shadow:0 0 5px #666;
  background:#efefef;
  padding:10px;
  z-index:11;
}
#de-clip-help .btn.ok {
  position:absolute;
  bottom:10px;
  right:10px;
}

#de-clip-help .btn.cancel {
  position:absolute;
  bottom:10px;
  right:60px;
}

#de-page-chooser {
  position:absolute;
  width:560px;
  height:500px;
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #999999;
  box-shadow: 0 0 3px #999999;
  overflow:auto;
  z-index:11;
}

#de-page-chooser .list {
  list-style:none;
  margin: 0;
  padding: 0;
  display:block;
  width:540px;
  margin:0 auto;
}

#de-page-chooser.noheader {
  width:100px;
}

#de-page-chooser.noheader .list{
  width:80px;
}

#de-page-chooser .list > li {
  display: block;
  /*height: 100px;*/
  padding: 2px 0;
  opacity:0.7;
  cursor:pointer;
}

#de-page-chooser.noheader .list > li{
}

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

#de-page-chooser li div {
  overflow:auto;
}
#de-page-chooser li div.even {
  background: #f2f2f2;
}
#de-page-chooser li div.odd {
  background: #f9f9f9;
}
#de-page-chooser li .num {
  display: block;
  float: left;
  font: 14px/32px Georgia sans-serif;
  margin-left: 2px;
  text-align: center;
  width: 36px;
}
/*#de-page-chooser li:hover .num {
  font: 14px/100px Georgia sans-serif;
}*/
#de-page-chooser li .header {
  float: left;
  height: 0;
  width: 500px;
  margin: 20px 0;
  overflow:hidden;
}

#de-page-chooser li .thumb {
  float: left;
  height: 0;
  width: 150px;
  margin: 20px 0;
  overflow:hidden;
}

/*#de-page-chooser li:hover .header {
  height:60px;
}*/
/* ------------End Navbar styles ---------*/


/* Buttons */
.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.download-btn div .label {
	background-position: 0 -752px;
	padding: 0 0 0 25px;
}
.btn.download-btn:hover div .label {
    background-position: 0 -778px;
    padding: 0 0 0 25px;
}
.btn.download-btn:active div .label {
    background-position: 0 -804px;
    padding: 0 0 0 25px;
}

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

.depsjqui {cursor:default}
.depsjqui div, .depsjqui:hover div,
.depsjqui:active div { background-position: right -78px;}

.depsjqui div .label, .depsjqui:hover div .label,
.depsjqui:active div .label { background-position: 0 -78px;}

#whats-new {
  background: none repeat scroll 0 0 #FFFF99;
  line-height: 25px;
  cursor:pointer;
  font-size:16px;
}

#de-comments-btn{
  background: #ECEEF5;
  border: 1px solid #CAD4E7;
  border-radius: 3px 3px 3px 3px;
  float: left;
  margin-right: 10px;
}
#de-comments-btn:hover{
  background-color: #ECEEF5;
  border-color: #9DACCE;
}
#de-comments-btn div {
  
}
#de-comments-btn .label{
  background:url("http://static.ak.fbcdn.net/rsrc.php/v1/y7/r/ql9vukDCc4R.png") no-repeat scroll left -167px transparent;
  display: block;
  line-height: 14px;
  white-space: nowrap;
  padding: 2px 3px 2px 18px;
 color: #3B5998;
 font-size:11px;
 font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}

.fb-like {
}

/* End Buttons */

/* Clipping  */

#clip-rect {
  background:transparent;
  border:2px dotted black;
  position:absolute;
  width:0;
  height:0;
  z-index:10;
  -moz-box-shadow:0 0 5px #666;
  -webkit-box-shadow:0 0 5px #666;
  box-shadow:0 0 5px #666;
}
#clip-rect-close {
  background:url("images/delete-btn.png") no-repeat left -20px;
  width:20px;
  height:20px;
  position:absolute;
  top:0;
  right:0;
  cursor:pointer;
}

#clip-rect-btn {
  height:25px;
  padding: 3px 0;
  position:absolute;
  background:#eee;
  -webkit-box-shadow:0 0 3px black;
  -moz-box-shadow:0 0 3px black;
  box-shadow:0 0 3px black;
  z-index:11;
}

#clip-rect-btn .arrow {
  position:absolute;
  width: 0;
  height: 0;
  border: 1px solid transparent;
  border-width: 12px 10px 0;
  border-top-color: #eee;
  bottom:-12px;
  left:8px;
}

#overlay-shadow {
  position:absolute;
  top:0;
  left:0;
  z-index:2;
}

#clip-loading {
  height: 100px;
  left: 0;
  position: absolute;
  text-align: center;
  top: 40%;
  width: 100%;
}

#clip-share-popup .thumb{
  margin:5px;
  text-align: center;
}
#clip-share-popup .content {
}
.share-panel-url-container {
    overflow:hidden;
    float:right;
}
.share-panel-url {
    color: #666666;
    font-size: 1.8em;
    padding: 2px;
    width: 240px;
}
.share-panel-url-label span {
    color: #666666;
    display: block;
    margin-bottom: 0.25em;
}
.share-panel-url-label {
    float: left;
    margin-bottom:5px;
}
#clip-content .addthis_toolbox {
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.clip-box {
  position:absolute;
  background: url("/theme/images/Transparent.gif") repeat top right;
  z-index:10;
  cursor:pointer;
}
.clip-box:hover, .clip-box.hover {
  border:2px dotted #666;
  margin:-2px;
  -moz-box-shadow: 0 0 5px #666;
  -webkit-box-shadow: 0 0 5px #666;
  box-shadow: 0 0 5px #666;
}

.sharing-btns{
  border-bottom: 1px solid #AAAAAA;
  height: 90px;
}
.twitter-share-button {
  float:left;
}
.sharing-btns > div, 
.sharing-btns > span,
.sharing-btns > iframe {
  float:left;
  padding-left:5px !important;
}
#clip-fb-comments {
  margin:0 auto;
}
/* End Clipping */

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

.invisible-item{visibility: hidden;}

#de-sidebar-scroll{width:10px; position: absolute; right: 4px; top: 0;}
#de-sidebar-scroll-grip{width: 100%; height: 50px; background-color: rgba(0, 0, 0, 0.4); cursor: pointer; position: absolute; border-radius: 7px 7px 7px 7px; border: 1px solid rgba(85, 85, 85, 0.6);}


.de-thumb-container{clear:both;}
.de-thumb{float: left;width: 150px;}
.de-thumb-hover{height: 465px;left: 170px;position: absolute;width: 300px;display: none; z-index: 1;}
.de-section{width:150px; height: 30px; margin: 5px 0; background-color: #90CBE8; text-align: center; cursor: pointer;}

#de-hover-thumb-container{width: 300px; height: 466px; background-color: #000; float: left; position: absolute; left: 200px; display: none;}
#de-thumb-wrapper{width: 100%; overflow: hidden; position: absolute;}
#de-thumb-container{width: 150%; overflow: auto;}

.de-page-tool{float: left; cursor: pointer;}
#page-view{background: url(images/page_icon.gif) no-repeat; width: 30px; height: 26px;}
#dual-view{background: url(images/dual_icon.gif) no-repeat; width: 60px; height: 26px;}

.de-volume-thumb-box {
	-moz-box-shadow:0 1px 2px #999;
	-webkit-box-shadow: 0 1px 2px #999;
	box-shadow: 0 1px 2px #999;
	border:1px solid #AAAAAA;
	float:left;
	margin-top:10px;
	margin-left:10px;
}

#de-sidebar-handler{
  position: fixed;
  left: 0;
  top: 230px;
  width: 20px;
  height: 60px;
  background-color: #fafafa;
  border: 1px solid #CCCCCC;
  cursor: pointer; z-index: 10;}

#de-sidebar-handler .icon{
    position:absolute;
    width: 0;
    height: 0;
    border: 1px solid;
    border-color: transparent transparent transparent #000000;
    border-style: solid;
    border-width: 5px 0 5px 10px;
    height: 0;
    left: 5px;
    position: absolute;
    top: 25px;
    width: 0;
}

#de-sidebar-handler .loader{
    background: url(../theme/images/loader.gif); 
    width:16px; 
    height:16px; 
    margin-left: 5px; 
    margin-top: 30px;
}

#de-sidebar-wrapper{
    float: left;
    margin: 0; 
    width: 180px; 
    position: absolute; 
    left: 0;
    top: 160px;
    display: none;   
    border-right: 1px solid #AAAAAA;
    border-top: 1px solid #AAAAAA;
    background-color: #ccc;
    overflow: hidden;
    z-index: 11;
}

#rw_other_titles_chzn {
    left: 10px;
    max-width: 240px;
    position: absolute;
    top: 78px;
    width: 179px;
    z-index: 100;
    min-width: 200px;
}

#rw_other_titles_chosen {
    left: 10px;
    max-width: 240px;
    min-width: 150px;
    width: 179px;
    position: absolute;
    top: 106px;
    z-index: 100;
}

#de-sidebar-wrapper.fixed{position: fixed;  left: 0; top: 0;}

.headerbar{
    font: bold 13px Verdana;
    padding: 7px 0 7px 0;
    width: 100%;
    background-color: #606060;
    color: white;
    font-weight: bold;
    cursor: pointer;
}

#de-sidebar-wrapper ul {
    width: 100%;
/*    background-color: #CCCCCC;*/
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#de-sidebar-wrapper .headerbar a {
    color: white;
    display: block;
    text-decoration: none;
}

#de-sidebar-wrapper ul li{;
    margin-bottom: 2px;
    padding-bottom: 3px;
    background-color: white;
}

#de-sidebar-wrapper ul li a {
/*    background: none repeat scroll 0 0 #E9E9E9;*/
    color: black;
    display: block;
    font: 12px/17px Arial;
    padding: 5px 0 5px 8px;
    text-decoration: none;
}

#de-sidebar-wrapper ul li a.selected {
    background: none repeat scroll 0 0 #f4dcdc;
}

#de-sidebar-controls{
    width:100%;
    background:-moz-linear-gradient(center top , #FFFFFF, #EEEEEE) repeat scroll 0 0 #FFFFFF;
    background:#F6F6F6 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEEEEE));
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#EEEEEE);
}

#de-sidebar-wrapper .close{
    background: url(images/delete-btn.png) repeat scroll 0 0 transparent; 
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: 5px;
    float: right;
    cursor: pointer;
}

#de-page-toolbox{
    width: 100%; 
    height: 26px; 
/*    background:-moz-linear-gradient(center top , #FFFFFF, #EEEEEE) repeat scroll 0 0 #FFFFFF;
    background:#F6F6F6 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEEEEE));
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#EEEEEE);
    border: 1px solid #AAAAAA;
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 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);*/
    margin-bottom: 5px;
}

#de-page-toolbox .center{
    margin: 0 auto;
    position: relative;
}

div.loader{
    background: url(../theme/images/loader.gif); 
    width:16px; 
    height:16px; 
    float: right;
}


#de-section-box{
  background: none repeat scroll 0 0 #efefef;
  border: 1px solid #999999;
  box-shadow: 0 0 3px #999999;
  height: 325px;
  position: absolute;
  width: 225px;
  z-index:11;
}

#de-section-box .pagepicker{
    display:inline-block;
}

#de-section-box .pagepicker > button{
    margin-top: 110px;
}

#de-section-box .pagethumb{
    float: left;
    margin-top: 10px;
    width: 150px;
}

#de-section-box .close{
    background: url(images/delete-btn.png) repeat scroll 0 -21px transparent; 
    width: 20px;
    height: 20px;
    margin-right: 2px;
    margin-top: 1px;
    float: right;
    cursor: pointer;
}

#de-section-box .pagination{
  margin-top: 10px;
}

#de-section-box .pagination ul{
  list-style-type: none;
  display: inline;
}

#de-section-box .pagination ul li{
  background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    float: left;
    margin: 2px 2px 7px 4px;
    padding: 2px;
}

#de-section-box .pagination ul li span{
  cursor: pointer;
}

#de-search-box{
  background: none repeat scroll 0 0 #efefef;
  border: 1px solid #999999;
  box-shadow: 0 0 3px #999999;
  max-height: 385px;
  min-height: 20px;
  overflow-x: hidden;
  overflow-y: hidden;
  position: absolute;
  width: 350px;
  z-index:11;
}

#de-volume-chooser{
  max-height: 365px;
  min-height: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  z-index:11;
}

#de-search-box .header{
    width: 100%;
    background-color: #606060;
    padding: 3px;
    min-height: 20px;
}

#de-search-box .close{
    background: url(images/delete-btn.png) repeat scroll 0 0 transparent; 
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: 0;
    float: right;
    cursor: pointer;
}

#de-volume-chooser .list {
  list-style:none;
  margin: 0;
  padding: 0;
  display:block;
  margin:0 auto;
}
#de-volume-chooser .list span.num{
    margin-left:10px;
    width: 20px;
    display: inline-block;
}

#de-volume-chooser .list .name{
  margin-left: 10px;
  white-space: nowrap;
  min-width: 130px;
  max-width: 90%;
  overflow: hidden;
  float: left;
}

#de-volume-chooser .list .date{
  margin-right: 10px;
  white-space: nowrap;
  min-width: 130px;
  overflow: hidden;
  float: right;
  text-align: right;
}

#de-volume-chooser .list .title{
  width:100%;
  display: block;
  clear: both;
  min-height: 20px;
}

#de-volume-chooser .list .description{
  margin: 5px 10px;
  width:95%;
  display: block;
  clear: both;
  min-height: 20px;
}

#de-volume-chooser .list b{
    color: black;
    background-color: yellow;
}

#de-volume-chooser a{
  color: black;
}

#de-volume-chooser li div.even {
  background: #f2f2f2;
}
#de-volume-chooser li div.odd {
  background: #f9f9f9;
}

#de-volume-chooser .list > li {
  display: block;
  /*height: 100px;*/
  padding: 2px 0;
  opacity:0.7;
  cursor:pointer;
  line-height: 2;
}

.searchcontainer .search{
    background-image: url(images/search.png); 
    width: 20px; 
    height: 20px; 
    margin-right: 2px;
    margin-top: 1px;
    position: absolute;
    right: 0;
    cursor: pointer;
}

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

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

#de-bottom-ad{
    top:180px;
    width: 728px;
    margin:0 auto;
}

#de-settings-options{
  position:absolute;
  width:160px;
  height:75px;
  background: none repeat scroll 0 0 #ffffff;
  border: 1px solid #999999;
  box-shadow: 0 0 3px #999999;
  overflow:auto;
  z-index:11;
}

#de-settings-options .list {
  list-style:none;
  margin: 0;
  padding: 0;
  display:block;
  width:135px;
  margin:0 auto;
}

#de-settings-options .list > li {
  display: block;
  /*height: 100px;*/
  padding: 2px 0;
  opacity:0.7;
  cursor:pointer;
}

#de-settings-options label {
  font-size: 13px;
}

div.left{
    float: left;
    width: 25px;
    margin-top: 1px;
}

div.right{
    float: right;
    width: 110px;
}

.clear{
    clear: both;
}

.floatright{
    float: right;
}

#de-comments{
  position:absolute;
  width:500px;
  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-comments .title{
    width: 100%;
    background-color: #606060;
    padding: 3px;
    min-height: 20px;
}

#de-comments .close{
    background: url(images/delete-btn.png) repeat scroll 0 0 transparent; 
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: 0;
    float: right;
    cursor: pointer;
}

.augmented-box {
    -moz-box-shadow:0 0 4px #666666;
    -webkit-box-shadow: 0 0 4px #666666;
    box-shadow: 0 0 4px #666666;
    cursor:default;
    background-image: url("images/Transparent.gif");
    z-index: 2;
    text-align: center;
}
.augmented-box:hover {
    -moz-box-shadow:0 0 6px #666666;
    -webkit-box-shadow: 0 0 6px #666666;
    box-shadow: 0 0 6px #666666;
    border:1px solid #666;
    margin:-1px;
}

#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:0px;
}

.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;
}

#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{
    background: url(images/delete-btn.png) repeat scroll 0 0 transparent; 
    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-calendar-box .title{
    width: 100%;
    background-color: #606060;
    padding: 3px;
    min-height: 20px;
}

#de-calendar-box .close, .close{
    background: url(images/delete-btn.png) repeat scroll 0 0 transparent; 
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: 0;
    float: right;
    cursor: pointer;
}


#de-header .show-titles-btn{
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    min-height: 20px;
    background:#EEF3F5;
    background:-moz-linear-gradient(center top , #FFFFFF, #EEF3F5) repeat scroll 0 0 #EEF3F5;
    background:#F6F6F6 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EEF3F5));
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFFFFF, endColorStr=#EEF3F5);
    border: 1px solid #CCCCCC;
    cursor: pointer;
    margin: 2px;
}

#de-header .show-titles-btn:active{
    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);
}

.show-titles-btn .icon{
    position:absolute;
    width: 0;
    height: 0;
    border: 1px solid;
    border-color: #000000 transparent transparent transparent ;
    border-style: solid;
    border-width: 10px 5px 0 5px;
    height: 0;
    left: 5px;
    position: absolute;    
    width: 0;
}





#de-title-chooser {
  position:absolute;
  left: 5px;
  min-width: 280px;
  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-title-chooser .list {
  list-style:none;
  margin: 0;
  padding: 0;
  display:block;
  margin:0 auto;
  min-width: 260px;
}

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

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

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

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

.de-play-icon {
    background:url("images/play_icon.png") no-repeat;
    width:36px;
    height:36px;
    position:absolute;
    left:50%;
    top:50%;
    margin: -16px 0 0 -16px;
    cursor:pointer;
}

.de-form-icon {
    background:url("images/form_icon.png") no-repeat;
    width:36px;
    height:36px;
    position:absolute;
    left:50%;
    top:50%;
    margin: -16px 0 0 -16px;
    cursor: pointer;
}

.de-gallery-icon {
    background:url("images/gallery_icon.png") no-repeat;
    width:36px;
    height:36px;
    position:absolute;
    left:50%;
    top:50%;
    margin: -16px 0 0 -16px;
    cursor:pointer;
}

.de-pdf-link {
    background:url("images/pdfdownload.png") no-repeat 0 0;
    display:block;
    float:left;
    height:20px;
    width:55px;
    margin:0 10px;
}

.de-logo {
    background:url("images/new_logo.png") no-repeat;
    width:36px;
    height:36px;
    position:absolute;
    right:5px;
    margin: 9px -12px 0 -16px;
}

.de-link-to-play { cursor:pointer; position:absolute; bottom:0; left:0; height:44px; width:100%;background-color: #000; opacity: 0.7; }
.de-link-to-play a{ cursor:pointer; bottom: 3px;color: #FFFFFF;font-family: Georgia,serif;font-size: 13px;overflow: hidden;padding: 11px;position: absolute;right: 25px;text-decoration: none;}
.de-link-to-play a:hover{text-decoration: underline;}

.page-link{vertical-align:middle;padding-top:100px; padding-bottom:100px;width:50px;display:none;}
.prev-page {left: 50;background: url(images/pre1.png) no-repeat 0 0;float:left;margin-top:300px;}
.next-page{right: 50;background: url(images/next1.png) no-repeat 0 0;float:right;margin-top:300px;}

#de-user{
    width: 180px;
    height: 70px;
    left: 0;
    background-color: #FAFAFA;
    border: 1px solid #CCCCCC;
}

#de-user .info{
  font-size:11px;
  font-style:italic;
  color:gray;
  padding:3px;
  margin:0;
}
.de-user-wrapper{
    margin:5px;
}

.de-user-detail{
    float: left;
    margin: 0 2px 2px;
}

.de-user-name a{
    color: black;
    opacity: 1;
    font-weight:bold; 
    font-size:11px;
    text-decoration: none;
}

.de-user-desc a{
    color: black;
    font-size: 11px;
    opacity: 0.7;
}

.de-user-id{
    font-weight: bold;
    font-size: 11px;
    margin: 5px;
}

.de-user-id a{
    
}

.btn.signin{
    margin: 12px;
}

#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-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;
}

.clear{
    clear: both;
}

.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-login-content{
    font-family: tahoma;
    font-size: 13px;
    line-height: 1.4;
}

#clip-rect-btn .loader{
    background: url(../theme/images/loader.gif); 
    width:16px; 
    height:16px; 
    float:left;
    margin: 3px 10px 0 ;
}

#clip-rect-btn .close{
	background: url(images/delete-btn.png) repeat scroll 0 0 transparent;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-top: 0;
    float: right;
    cursor: pointer;
}

.social-plugins{
    margin: 5px 0;
    width: 100%;
    background-color: white;
}

.social-share{
    margin: 10px 0;
    padding: 0 5px;
}

.social-comment{
    margin-top: 5px;
    margin-bottom: 10px;
}

.calender-space{
    text-align:center;
    margin: 10px 0;
}

.previous-issues, .volume-pages{
    overflow:hidden;
    width:100%;
    text-align:center;
}

.previous-issues:hover, .volume-pages:hover{
    overflow-y:scroll;
}

.previous-issues .issue, .volume-pages .page{
    width: 150px;
    margin: 8px auto;
    border: 1px solid #CCCCCC;
}

.previous-issues span, .volume-pages span{
    width:100%;
    display:block;
    background-color:#CCCCCC;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #000000;
}

.previous-issues a, .volume-pages a{
    text-decoration:none;
    cursor: pointer;
}

.slimScrollDiv { border: 1px solid #ccc; }

.de-prev-page{
  background-color: rgba(0,0,0,.3);
  left: 0;
  position: absolute;
  top: 0;
  width: 30px;
  display: none;
  z-index: 11;
  cursor: pointer;
}

.de-prev-page div{
  background-image: url("images/nav.png");
  background-position: 0 -123px;
  background-repeat: no-repeat;
  height:45px;
  width:27px;
}

.de-next-page{
  background-color: rgba(0,0,0,.3);
  right: 0;
  position: absolute;
  top: 0;
  width: 30px;
  display: none;
  z-index:11;
  cursor: pointer;
}

.de-next-page div{
  background-image: url("images/nav.png");
  background-position: -56px -123px;
  background-repeat: no-repeat;
  height:45px;
  width:27px;
}

.show-more-issues{
  margin-bottom:10px;
  cursor: pointer;
}

#de-sidebar{
  float:left;
}

.other-issues{
  margin:5px 0;
  padding-left: 10px;
}

#de-sidebar-wrapper .btn1{
  background-color: #EEEEEE;
    border: 1px solid #E0E0E0;
    box-shadow: 0 0 1px 0 #666666;
    height: 16px;
    margin: 25px auto;
    padding: 5px;
    width: 135px;
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    font-weight:bold;
}

#de-sidebar-wrapper .btn1 div.lbl{
  float:left;
  font-family: verdana;
  margin: 0 10px; 
  color:#555555;  
}

#de-sidebar-wrapper  .share-icon{
  background-image:url(../theme/images/share-icon.png);
  width:52px;
  height:16px;
  float:left;
}

.down-arrow{
    border-color: #555555 transparent transparent;
    border-style: solid;
    border-width: 6px;
    float: left;
    margin-top: 6px;
    width: 0;
}

.merge-divs{
    background-color:#EEEEEE;
    height: 10px;
    position: absolute;
    width: 145px;
    z-index: 15;
}

#de-share-plugin{
  background-color:#EEEEEE;
  border: 1px solid #E0E0E0;
    box-shadow: 0 0 1px 0 #666666;
  width:350px;
  height:360px;
  position: absolute;
  z-index:11;
}

#de-share-plugin .close{
  background: url(images/delete-btn.png) repeat scroll 0 0 transparent; 
  width: 20px;
  height: 20px;
  margin-right: 5px;
  margin-top: 0;
  float: right;
  cursor: pointer; 
}

#de-share-plugin .plugins{
  margin:20px;
}

#de-share-plugin .title{
  font-family: verdana;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: 20px;
    margin-top: 20px;
}

#de-share-plugin .link-div{
  margin-left:20px;
}

#de-share-plugin .link{
  width:295px;
}

#de-share-plugin .embed-div{
  margin-left:20px;
}

#de-share-plugin .embed-code{
  width:295px;
}

/* CSS for search & search results */
#search_navbar .close {
    background: url("images/close_search.jpg") repeat scroll 0 0 transparent;
    cursor: pointer;
    float: right;
    height: 24px;
    margin-top: 5px;
    margin-right: 25px;
    width: 92px;
}

.rw-volume-box{
    border: 1px solid #CCCCCC;
    overflow: hidden;
    padding-right: 16px;
}
.rw-volume-box .rw-thumb {
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 3px #CCCCCC;
    float: left;
    margin: 10px;
    padding: 4px;

}
.rw-volume-box .rw-details {
     margin-bottom: 35px;
}
.rw-volume-box .rw-details .rw-title {
    font-size: 16px;
    margin: 10px 0 0;
    padding: 5px;
}
.rw-volume-box .rw-details .rw-publisher {
    color: #666666;
    font-size: 12px;
    font-style: italic;
    margin: 0;
    padding: 5px;
}
.rw-volume-box .rw-details .rw-description {
    color: #666666;
    line-height: 1.5;
    padding: 0 5px;
    text-align: justify;
    margin-bottom: 20px;
}

.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;
}

#search_navbar {
    margin: 0 auto;
    width: 330px;
    display:none;
    float: left;
    padding-left: 250px;
}

.footer-notification{
  float: right;
  margin:10px 0;
  background-color: #9E0000;
}

.footer-notification a{
  color: #FFFFFF;
  font-weight: bold;
  padding: 15px;
  text-decoration: none;
}


.ad-bg-modal{
  position: fixed !important;
}
.pgnm_txtbx{
  margin: 5px 9px 0 -6px !important;
    padding: 0 !important;
    width: 28px !important;
}
.pgnm_txtbx input{
  font-size: 10px !important;
    padding: 3px !important;
    width: 43px !important;
}