#components {
  display: none;
}

#reader, #readerBg {
  position: absolute;
  width: 99%;
  height: 100%;
 /* opacity:0.75;*/
}

#reader div pre {
  white-space: normal;
  font: normal 100% serif;
}

/* from smallest and outermost to largest and innermost */
.dummyPage {
  position: absolute;
  left: 0;
  top: 20px;
  bottom: 20px;
  right: 15px;
  background-color: #FAFAF9;
  -webkit-box-shadow: 2px 2px 4px #ACADAE;
  -moz-box-shadow: 2px 2px 4px #ACADAE;
  -webkit-border-top-left-radius: 26px 6px;
  -webkit-border-bottom-left-radius: 26px 6px;
  -moz-border-radius-topleft: 26px 6px;
  -moz-border-radius-bottomleft: 26px 6px;
}
.dummyPage + .dummyPage {
  top: 16px;
  bottom: 16px;
  right: 16px;
  -webkit-box-shadow: 1px 0 2px #A8A2A1;
  -moz-box-shadow: 1px 0 2px #A8A2A1;
}
.dummyPage + .dummyPage + .dummyPage {
  top: 13px;
  bottom: 13px;
  right: 18px;
  background-color: #FFFEFE;
}
.dummyPage + .dummyPage + .dummyPage + .dummyPage {
  top: 10px;
  bottom: 10px;
  right: 21px;
}
.dummyPage + .dummyPage + .dummyPage + .dummyPage + .dummyPage {
  top: 8px;
  bottom: 8px;
  right: 25px;
}
.jacket {
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 3px;
  left: 65%;
}

.board {
  position: absolute;
  top: 1px;
  bottom: 1px;
  width: 90%;
}

.runner {
  color: #777268;
  //text-transform: uppercase;
  font-size: 82%;
}

.pageNumber, .bookTitle, .chapterTitle {
  padding: 3% 2%;
}

.bookTitle, .chapterTitle {
  position: absolute;
  /*top: 5%;*/
  left: 6%;
  cursor: pointer;
  padding-left: 0;
}

.chapterTitle {
 /* top: 545px;*/
  bottom: 1%;
  right: 9%;
  /*left: 25%;*/
  text-align: center;
}

.pageNumber {
  position: absolute;
  bottom: 1%;
  right: 8%;
  padding-right: 0;
}

#readerBg {
  background-color: #FFF;
}

#toc ul.root {
  position: absolute;
  top: 50px;
  left: 8%;
  max-height: 75%;
  max-width: 80%;
  background: #DFDDDA;
  -webkit-box-shadow: 1px 2px 2px #652;
  -moz-box-shadow: 1px 2px 2px #652;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  overflow-y: auto;
  color: #635B53;
  font: 11pt Georgia, serif;
  text-shadow: 1px 1px #EEE6D0;
  border: 1px solid #EED;
  z-index: 9;
}

.tocArrow {
  position: absolute;
  top: 40px;
  left: 16%;
  width: 20px;
  height: 20px;
  -webkit-transform: rotateZ(45deg);
  background: #DFDDDA;
  z-index: 8;
}

#toc li {
  list-style: none;
  line-height: 220%;
  padding-left: 1em;
  padding-right: 2em;
  border-bottom: 2px groove #FFF6E9;
  cursor: pointer;
}

#toc li span {
  display: block;
}

#toc ul li:last-child {
  border-bottom: none;
}

#toc ul {
  margin: 0;
  padding: 0;
}
#toc ul.root {
  border-top: none;
}



/* Overrides to core elements */

div.monelem_container {
  background: none repeat-y center center;
  width: auto;
}

div.monelem_page {
  top: 6px;
  bottom: 6px;
  right: 4px;

  /*border-color: #D7D5D3;
  outline: none;
  -webkit-box-shadow: 1px 0 1px #D7D5D3;
  -moz-box-shadow: 1px 0 1px #D7D5D3;
  box-shadow: 1px 0 2px #D7D5D3;
  -webkit-border-top-left-radius: 26px 4px;
  -webkit-border-bottom-left-radius: 26px 4px;
  -moz-border-radius-topleft: 26px 4px;
  -moz-border-radius-bottomleft: 26px 4px;
  background-color: #FFFFFE;
  /*background-image: -moz-linear-gradient(0deg, #EDEAE8 0px, #FFFFFE 24px);
  background: -webkit-gradient(linear, 0 0, 24 0, from(#EDEAE8), to(#FFFFFE));*/
}

div.monelem_sheaf {
  left: 6%;
  right: 8%;
  top: 15%;
  bottom: 10%;
 /* opacity:0.75;*/
  background-color: white;
}


/* Overriding magnifier button display */

div.monelem_controls_magnifier_button {
  color: #632;
  padding: 2%;
  top: 1%;
  right: 6%;
}


/* Overriding table of contents display */

div.monelem_controls_contents_container_div {
    border-radius: 9px 9px 9px 9px;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
    height: 60%;
    left: 1.5%;
    position: absolute;
    top: 17.5%;
    width: 30%;
    color: black;
}

.monelem_controls_contentsbox{position:absolute; margin-top:0px; background:#ACADAE; border-bottom:1px solid #D1D1D2;  line-height:30px; right:0px; text-align:center; font-size:14px; color:#000; font-weight:bold;  width:100%; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0;}

.monelem_controls_contentdetails{height: 88%; margin: 30px 0 0; overflow: auto; padding: 10px 0 5px 5px; width: 98%; background: #EEE; border-radius: 0 0 9px 9px;  -moz-border-radius: 0 0 9px 9px;   -webkit-border-radius: 0 0 9px 9px;  box-shadow: 1px 2px 3px rgba(0,0,0,0.5);  -moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.5);  -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.5);}

div.monelem_controls_contents_chapter {
  border-bottom: 2px groove #FFF6E9;
}

li.monelem_controls_contents_chapter {
    border-bottom: 0;
    list-style-position: inside;
    list-style-type: upper-roman;
}

li.monelem_controls_contents_inner_chapter {
     border-bottom: 0;
    list-style-position: inside;
    list-style-type: disc;
}

div.monelem_controls_search_container_div {
	background: none repeat scroll 0 0 #EEEEEE;
    border-radius: 9px 9px 9px 9px;
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
    height: 75%;
    left: 8.5%;
    position: absolute;
    top: 17.5%;
    width: 30%;
    color: black;
}

.monelem_controls_searchbox{position:absolute; margin-top:0px; background:#ACADAE; border-bottom:1px solid #D1D1D2;  line-height:30px; right:0px; text-align:center; font-size:14px; color:#000; font-weight:bold;  width:100%; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0;}
.monelem_controls_searchdetails{height: 88%; margin: 31px 0 0; width: 100%; background:#EEE; box-shadow: 1px 2px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.5);}

ol.monelem_controls_search_list {
height:100%; margin:6px; overflow:auto; padding:0;
}
li.monelem_controls_search_list_item {
  list-style: none;
  line-height: 174%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border-bottom: 3px groove #FEFEFE;
  cursor: pointer;
  list-style-position: inside;
  list-style-type: disc;
  height: 40px;
}




div.monelem_controls_annotation_container_div {
    box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
    height: 75%;
    left: 60%;
    position: absolute;
    top: 17.5%;
    width: 30%;
    color: black;
}

.monelem_controls_annotationbox{position:absolute; margin-top:0px; background:#ACADAE; border-bottom:1px solid #D1D1D2;  line-height:30px; right:0px; text-align:center; font-size:14px; color:#000; font-weight:bold;  width:100%; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0;}
.monelem_controls_annotationdetails{overflow:auto; height: 88%; margin: 31px 0 0; width: 100%; background:#EEE; box-shadow: 1px 2px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.5); -moz-border-radius: 0 0 9px 9px; border-radius: 0 0 9px 9px;}

ol.monelem_controls_annotation_list {
margin:6px; padding:0;
}
li.monelem_controls_annotation_list_item {
  list-style: none;
  line-height: 200%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border: none;
  list-style-position: inside;
  list-style-type: none;
  text-align: center;
  font-weight: bold;
}

.chptTitle {
	background:url("../images/monocle_reader/font-select_bg.png") no-repeat top center;
}

li.monelem_controls_annotation_notes_list_item {
  list-style: none;
  line-height: 200%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border-bottom: 3px groove #FEFEFE;
  cursor: pointer;
  list-style-position: inside;
  list-style-type: none;
  background:url("../images/monocle_reader/notes.png") no-repeat;
  text-indent: 20px;
}

li.monelem_controls_annotation_bookmark_list_item {
  list-style: none;
  line-height: 200%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  border-bottom: 3px groove #FEFEFE;
  cursor: pointer;
  list-style-position: inside;
  list-style-type: none;
  background:url("../images/monocle_reader/bookmark.png") no-repeat;
  text-indent: 20px;
}

span.monelem_controls_annotation_span {
	padding-top: 1em;
}




/* Overriding the scrubber display */
div.monelem_controls_scrubber_container {
  left: 5.5%;
  right: 9%;
  /*bottom: 2%;*/
  background: none;
}

div.monelem_controls_scrubber_track {
  border-color: #635B53;
}

div.monelem_controls_scrubber_needle {
  border-color: #635B53;
  background: #DFDDDA;
}

div.monelem_controls_scrubber_trail {
  background: #DFDDDA;
}


body{font-family: Arial, Verdana, Helvetica, sans-serif; font-size:12px; margin:0; padding:0 ;background: url(../images/monocle_reader/img_bg.svg?css=y);
}

.monelem_controls_magnifier_div {
  position: absolute;
  width: 35%;
  height: 75%;
  left: 60.5%;
  top: 10.5%;
  background: #EEE;
  border: 2px solid #F7F7F7;
  overflow-y: auto;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  box-shadow: 1px 2px 6px rgba(0,0,0,0.5);
  -moz-box-shadow: 1px 2px 6px rgba(0,0,0,0.5);
  -webkit-box-shadow: 1px 2px 6px rgba(0,0,0,0.5);
}



.monelem_controls_bookinfo_div {
  position: absolute;
  width: 35%;
  height: 75%;
  left: 60.5%;
  top: 17.5%;
  background: #EEE;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  box-shadow: 1px 2px 6px rgba(0,0,0,0.5);
  -moz-box-shadow: 1px 2px 6px rgba(0,0,0,0.5);
  -webkit-box-shadow: 1px 2px 6px rgba(0,0,0,0.5);
  color: black;
}

.monelem_controls_font_div {
  text-align: center;
  position: absolute;
  width: 25%;
  right: 5.5%;
  top: 17.5%;
  background: #EEE;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  box-shadow: 1px 2px 6px rgba(0,0,0,0.5);
  -moz-box-shadow: 1px 2px 6px rgba(0,0,0,0.5);
  -webkit-box-shadow: 1px 2px 6px rgba(0,0,0,0.5);
  color: black;
}

.fontButton {
	background:url("../images/monocle_reader/font.png") no-repeat;
    top: 3%;
    height: 20px;
    position: absolute;
    right: 0%;
    width: 27px;
	margin:0 67px 0 0
}

.colorsetting {
	background:url("../images/monocle_reader/view_settings.png") no-repeat;
    top: 3%;
    height: 20px;
    position: absolute;
    right: 0%;
    width: 27px;
	margin:0 30px 0 0;
}

.bookinfo {
	background:url("../images/monocle_reader/book_info.png") no-repeat;
    top: 3%;
    height: 22px;
    position: absolute;
    right: 0%;
    width: 22px;
}
.bookmark {
	background:url("../images/monocle_reader/bookmark_add.png") no-repeat;
    top: 2%;
    height: 21px;
    position: absolute;
    right: 0%;
    width: 20px;
	margin:0 135px 0 0
}

.removeBookmark {
	background:url("../images/monocle_reader/bookmark_remove.png") no-repeat;
    top: 2%;
    height: 20px;
    position: absolute;
    right: 0%;
    width: 20px;
    display: none;
    margin:0 135px 0 0
}

.controls_bookinfo_div {
  position: absolute;
  width: 25%;
  height: 25%;
  left: 70.5%;
  top: 20.5%;
  background: #EEE;
  border: 2px solid #F7F7F7;
  overflow-y: auto;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  box-shadow: 1px 2px 6px rgba(0,0,0,0.5);
  -moz-box-shadow: 1px 2px 6px rgba(0,0,0,0.5);
  -webkit-box-shadow: 1px 2px 6px rgba(0,0,0,0.5);
}

.monelem_controls_bookinfo {
  font-size: 18px;
  display:block;
  text-align:center;
  margin-top:5px;
  margin-left:5px;
  border-bottom:solid 1px black;

}
.monelem_controls_author {
  font-size: 18px;
  display:block;
  text-align:center;
  margin-top:5px;
  margin-left:5px;
}

.monelem_controls_about {
  font-size: 18px;
  display:block;
  text-align:left;
  margin-top:5px;
  margin-left:5px;
}

.monelem_controls_arrow{position: absolute; width: 30px; height: 16px; z-index: 1000; top: -15px; right:0; margin:0 5px 0 0; background: url("../images/monocle_reader/popup_arrow.png") no-repeat;}

.monelem_table_controls_arrow{position: absolute; width: 30px; height: 16px; z-index: 1000; top: -15px; left:0; margin:0 0 0 11px; background: url("../images/monocle_reader/popup_arrow.png") no-repeat;}

.monelem_table_search_arrow{position: absolute; width: 30px; height: 16px; z-index: 1000; top: -15px; left:10%; background: url("../images/monocle_reader/popup_arrow.png") no-repeat;}

.monelem_table_annotation_arrow{position: absolute; width: 30px; height: 16px; z-index: 1000; top: -14px; right:0; margin:0 112px 0 0; background: url("../images/monocle_reader/popup_arrow.png") no-repeat;}

.monelem_colorsetting_arrow{position: absolute; width: 30px; height: 16px; z-index: 1000; top: -17px; right:0; margin:0 38px 0 0; background: url("../images/monocle_reader/popup_arrow_1.png") no-repeat;}

.monelem_fontsetting_arrow{position: absolute; width: 30px; height: 16px; z-index: 1000; top: -17px; right:0; margin:0 65px 0 0; background: url("../images/monocle_reader/popup_arrow_1.png") no-repeat;}

.monelem_controls_infobox{position:absolute; margin-top:0px; background:#ACADAE; border-bottom:1px solid #D1D1D2;  line-height:30px; right:0px; text-align:center; font-size:14px; color:#000; font-weight:bold;  width:100%; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0;}

.monelem_controls_infodetails{height:83%; overflow:auto; padding:0 0 5px 10px; position:absolute; z-index:1; top:34px; width:96%;}

.monelem_controls_bookimage{float:left; width:100px; height:120px;}

.monelem_controls_booktitle{float:left; font-weight:bold; color:#000; margin:0 0 10px 10px; display:block; width:65%;}

.monelem_controls_bookcontent{width: 93%; float:left; margin:10px 0;}

.searchDiv {
    top: 3%;
    position: absolute;
    left: 0;
	margin:0 0 0 92px;
	float:left;
}

.searchBtn {
	background: url("../images/monocle_reader/button_go.png") no-repeat;
    width: 27px;
    height: 20px;
    float: right;
	margin:0 0 0 10px;
}

.defaultText {
	color: #cdcdcd;
}

.monelem_title-txt {
	 font-weight:bold; padding:0 0 0 15%; text-align:left; float:left;
}

.monelem_textSize {
	margin-bottom: 18%;
	margin-top: 5%;
	text-align: center;
	width: 100%;
}

.monelem_controls_font_dec {
    color: black;
    cursor: pointer;
    font-size: 20px;
    margin-left: 10px;
    height: 5%;
	background: url("../images/monocle_reader/font-size_decrease.png") no-repeat;
	width:27px;
	height:22px;
	border:none;
	float:left
}

.monelem_controls_font_inc {
    color: black;
    cursor: pointer;
    font-size: 20px;
    margin-left: 10px;
    height: 5%;
	background: url("../images/monocle_reader/font-size_increase.png") no-repeat;
	width:27px;
	height:22px;
	border:none;
	float:left
}

.monelem_controls_font {
  cursor: pointer;
  color: black;
  width: 100%;
  line-height: 25px;
  margin:0 0 2% 0;
  clear:both;
  font-size: 11px;
  font-weight: bold;
}

.font_arial {
	font-family: Arial, Helvetica, sans-serif;
}

.font_verdana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.font_geneva {
	font-family: Geneva, Arial, Helvetica, sans-serif;
}

.font_georgia {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
}

.font_timesnewroman {
	font-family: "Times New Roman", Times, serif;
}

.font_serif {
	font-family: serif;
}

.tocButton {
	background: url("../images/monocle_reader/toc.png") no-repeat;
    top: 3%;
    height: 20px;
    position: absolute;
    left: 0;
	margin:0 0 0 57px;
    width: 27px;
}

input {
    border: 1px solid #C8C8C8;
	float:left;
}
/*Highlight*/
.highlight { background-color: #FFCC03 }

/* START --- Style class for View settings and Highlight*/
/*.colorsetting {
    background: url("img/bright.jpg") no-repeat scroll 0 0 #FFFFFF;
    top: 10px;
    height: 29px;
    position: absolute;
    right: 100px;
    width: 30px;
}*/

.monelem_controls_viewsettings_div {
  position: absolute;
  width: 25%;
  height: 30%;
  left: 70.5%;
  top: 17.5%;
  background: #EEE;
  /*overflow-y: auto;*/
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  box-shadow: 1px 2px 6px rgba(0,0,0,0.5);
  -moz-box-shadow: 1px 2px 6px rgba(0,0,0,0.5);
  -webkit-box-shadow: 1px 2px 6px rgba(0,0,0,0.5);
  z-index: 100;
}
.monelem_controls_viewsettings_div span{
margin-bottom: 2%;
}
/*.monelem_controls_viewsettings_div span.monelem_controls_color_White:hover, span.monelem_controls_color_Black:hover, span.monelem_controls_color_Sepia:hover{
	line-height:24px;
	background:url("../images/monocle_reader/img_hover.png") no-repeat center center;
	color:#000;
}*/
.monelem_controls_color_low{
height:13%;
width:12%;
margin:3% 0 0 0;
background:url("../images/monocle_reader/icon_dark.png") no-repeat 7px 0px;
display:block;
float:left;
}
.monelem_controls_color_high{
height:18%;
width:11%;
margin:2% 0 0 0;
display:block;
background:url("../images/monocle_reader/icon_bright.png") no-repeat 0px 0px;
float:right;
}
#definition_layer{
	border:1px solid #D1D1D2;
	padding:5px 14px;
	background: #FFF;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	box-shadow: 1px 2px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.5);
	font-weight:bold; z-index: 1000;}

.highlight_arrow{background:url("../images/monocle_reader/popup_arrow_dwn1.png") no-repeat; width:30px; height:16px;z-index: 1000}

#definition_layer a, #definition_layer a:hover{color:#000; text-decoration:none; font-size:12px; font-family:"Arial"}

.monelem_controls_color_White {
	color:black;
  	font-size: 13px;
  	display:block;
  	text-align: center;
	margin-top: 14%;
	line-height:24px;
}

.monelem_controls_color_Sepia {

	/*background-color: #EDDAB9;*/
	color:black;
  	font-size: 13px;
  	display:block;
  	text-align: center;
  	line-height:24px;
}
.monelem_controls_color_Black {
	/*background-color: #000000;*/
	color:black;
  	font-size: 13px;
  	display:block;
  	text-align: center;
  	line-height:24px;
}

/* slider Scrubber */

div.monelem_controls_scrubber_container1 {
  position: absolute;
  left: 1em;
  right: 1em;
  bottom: 4px;
  height: 13%;
  /*background: rgba(255,255,255,0.8);*/
 background-color: #EEEEEE;
 top:0px;
 width: 70%;
 margin-left: 8%;

}

div.monelem_controls_scrubber_track1 {
  margin-top: 10px;
  height: 5px;
  border: 1px solid #999;
  cursor: pointer;
}

div.monelem_controls_scrubber_needle1 {
  position: absolute;
  width: 14px;
  height: 14px;
  top: 5px;
  background: #CCC;
  border: 1px solid #999;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

div.monelem_controls_scrubber_trail1 {
  position: absolute;
  background: #ff0000;
  top: 11px;
  left: 1px;
  height: 5px;
}

div.monelem_controls_scrubber_bubble {
  /*border: 1px groove #FEFEFE;*/
 background-color: white;
 color:black;
 border: 1px groove #000000;

}
div.monelem_controls_scrubber_bubble1 {
  display: none;
  position: absolute;
  padding: 0.5em;
  min-width: 10%;
  max-width: 30%;
  bottom: 2.5em;
  background: rgba(0, 0, 0, 0.9);
  color: #CCC;
  font: bold 12px Lucida Grande, Tahoma, Helvetica, Arial, sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  z-index: 100;
}
/* END --- Style class for View settings and Highlight*/

#panelBackward{
  background:url("../images/monocle_reader/img_next_arrow.png") no-repeat center right;
}

#panelBackward:hover{
  background:url("../images/monocle_reader/img_next_arrow_hover.png") no-repeat center right;
}

#panelForward{
  background:url("../images/monocle_reader/img_pre_arrow.png") no-repeat center left;
  width:20px;
  height:48px;
}

#panelForward:hover{
	background:url("../images/monocle_reader/img_pre_arrow_hover.png") no-repeat center left;
}

.monelem_selected {
	background: #CCC;
}
.monelem_controls_bookmark_div{
	position: absolute; z-index: 1000; right: -2%; top: 20%;
	background:url("../images/monocle_reader/page_bookmark_sleek.png") no-repeat;
	width:36px;
	height: 82px;
}
.runner.chaptertitle{
  color: #777268;
  text-transform: none !important;
  font-size: 82%;
}

.monelem_header{float:left; height:22px; margin:60px 0 0; position:absolute; right:3%; width:100%; z-index:100;}

.monelem_google_icon {
	background: url("../images/monocle_reader/google_icon.png") no-repeat;
    height: 16px;
    position: absolute;
    right: 0;
	margin:6px 18px 0 0;
    width: 16px;
}

.monelem_wiki_icon {
	background: url("../images/monocle_reader/wiki_icon.png") no-repeat;
    height: 16px;
    position: absolute;
    width: 16px;
    right:0;
	margin:6px 44px 0 0;
}

.monelem_searchtxt {
	background:url("../images/monocle_reader/search_txt.png") no-repeat;
    height: 16px;
    position: absolute;
    width: 57px;
    right:0;
	margin:8px 71px 0 0;
}

.monelem_dwnarrow {
	background: url("../images/monocle_reader/icon_down_arrow.png") no-repeat;
    height: 16px;
    position: absolute;
    width: 16px;
    left: 0;
	margin:10px 0 0 15px;
}

.monelem_toparrow {
	background: url("../images/monocle_reader/icon_up_arrow.png") no-repeat;
    height: 16px;
    position: absolute;
    width: 16px;
    left: 0;
	margin:10px 0 0 42px;
}


.monelem_icons{height:20px; width:100%; background:#EEE; height:20px; padding:0 0 8px; -moz-border-radius: 0 0px 9px 9px;  border-radius: 0 0px 9px 9px; -webkit-border-radius: 0 0px 9px 9px; box-shadow: 1px 2px 3px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.5);}

.current { color: red }

.annotations {
	background:url("../images/monocle_reader/annotations.png") no-repeat;
    top: 2%;
    height: 21px;
    position: absolute;
    right: 0%;
    width: 20px;
	margin:0 164px 0 0
}


.monelem_headerlink{position:absolute; width:100%; z-index:100; margin:20px 0 0 0; float:left}
.monelem_ulhead{float:right; margin:0; padding:0; position:absolute; right:3%;}
.monelem_ulhead li{list-style-type:none; background:url("../images/monocle_reader/img_separator.png") no-repeat center right; float:left; padding:0 10px; text-decoration:underline; cursor:pointer; font-weight: bold;}
.monelem_ulhead li.monelem_logout , li.monelem_titlename{background:none;}

.monelem_ulhead1{float:left; margin:0; padding:0; position:absolute; left:2%;}
.monelem_ulhead1 li{list-style-type:none; float:left; padding:0 10px; text-decoration:none; font-size:18px; cursor:pointer; font-weight: bold;}

.monelem_controls_notes {
  position: absolute;
  width: 245px;
  right: 40%;
  top: 40%;
  color: black;
  background: #F3F3F3;
  border:1px solid #868686;
  border-radius: 9px;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  box-shadow: 1px 2px 6px rgba(0,0,0,0.5);
  -moz-box-shadow: 1px 2px 6px rgba(0,0,0,0.5);
  -webkit-box-shadow: 1px 2px 6px rgba(0,0,0,0.5);
  padding: 10px;
  z-index: 100;
}

.monelem_add_note {
	 font-weight:bold; padding:0 0 10px 0; text-align:left; float:left; clear:both; width: 80%;
}
.close {
	 font-weight:bold; padding:0 0 10px 0; text-align:left; float:right; clear:both; width: 12px;
	 background: url("../images/monocle_reader/close_icon.gif") no-repeat;
	 margin-top: -25px;
	 height: 12px;
}

.show_note {
	 font-weight:bold; padding:0 0 10px 0; text-align:left; float:right; clear:both; width: 12px;
	 background: url("../images/monocle_reader/notes.png") no-repeat;
	 margin-top: -25px;
	 height: 12px;
}

.monelem_note_btn_save {
    color: black;
    cursor: pointer;
    margin-left: 20%;
	width:62px;
	height:22px;
	border:none;
	margin-top: 10px;
	background: url("../images/monocle_reader/button_save.png") no-repeat;
}

.monelem_note_btn_cancel {
    color: black;
    cursor: pointer;
    margin-left: 10px;
	width:62px;
	height:22px;
	border:none;
	margin-top: 10px;
	background: url("../images/monocle_reader/button_cancel.png") no-repeat;
}

.monelem_note_btn_edit {
    color: black;
    cursor: pointer;
    margin-left: 20%;
	width:62px;
	height:22px;
	border:none;
	margin-top: 10px;
	background: url("../images/monocle_reader/button_save.png") no-repeat;
}

.monelem_note_arrow {
	background: url("../images/monocle_reader/note_arrow.png") no-repeat;
   	top: 88%;
    height: 16px;
    position: absolute;
    width: 16px;
    left: 0;
	margin:0 0 0 15px;
}
.chapterTitle div.runner, .pageNumber div.runner {
  font-size:100%;
  font-weight:bold;
}

textarea{width:230px; height:80px;}

#removehl{
	border:1px solid #D1D1D2;
	padding:5px 14px;
	background: #FFF;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	box-shadow: 1px 2px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: 1px 2px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 2px 3px rgba(0,0,0,0.5);
	font-weight:bold; z-index: 1000;}

.removehl_arrow{background:url("../images/monocle_reader/popup_arrow_dwn1.png") no-repeat; width:30px; height:16px;z-index: 1000}


.separator{color:black;}

/* Page No Display */

.pageNoDisplay {
	visibility:hidden;
}