HTML,BODY {
	background-color: #333;
}

h1 {
	font-size: 2em;
	font-weight: bold;
	color: #777777;
	margin: 40px 0px 70px;
	text-align: center;
}
.header_top{
    background-image: url("header_top.png");
    background-position: center center;
    background-repeat: no-repeat;
    height: 11px;
    margin-top: -1px;
    position: relative;
    z-index: 99;
}
.header {
	    background-color: #FFFFFF;
    border-bottom: 1px solid #DEDBDB;
    border-radius: 5px 5px 0 0;
    color: #333333;
    font-family: Georgia;
    font-size: 20px;
    height: 31px !important;
    padding: 11px 3px 0 12px;

}

.bookViewer-content {
	background-color: #333333;
	
	/*border:1px solid #333;*/
}

.colorPopup{ background-color: #333333;
    border: 1px solid inactivecaptiontext;
}

/*---------------------------hor_bar-----------------------------*/
.hor_bar {

	height:61px;
	margin: 0 auto;
    width: 970px;
		
}

.controls{ color: white;
    float: left;
	  display: block;
	
 }
 
 .controls div {
    -moz-transition: all 0.2s ease-in-out 0s;
    cursor: pointer;
}

.topicon {
    color: #888888;
    /*height: 68px;*/
    text-align: center;
    width: 65px;
	float:left;
	padding-top:5px;
	border-right: 1px solid #4A4A4A;
}
.topicon span p {
	margin:0px;

}
.searchbox {
    background: url("UpperPanel/searchbox.png") no-repeat scroll 0 0 transparent;
    height: 44px;
    margin-left: 20px;
    margin-top: 8px;
    padding: 0;
    width: 170px;
    padding-right: 17px;
    color: #fff;
    float: left;
    border: 0 none;
    font-size: 15px;
 }
 .GPGCAA2BHI{
   border: 1px outset DimGray;
    height: 20px;
    opacity: 1;
    width: 20px;}
.left{
	float:right;}
	
.left div {
    -moz-transition: all 0.2s ease-in-out 0s;
    cursor: pointer;
}

.lefticon {
    color: #888888;
    float: left;
   /* height: 68px;*/
    padding-top: 5px;
    text-align: center;
    width: 65px;
    border-right: 1px solid #4A4A4A;}
  
.toolbar_bottom{
	margin: 0 auto;
    width: 970px;
	padding:5px;
	 background-color: #333333;
    opacity: 0.7;
    position: relative;
    z-index: 1;
    border-radius: 5px 5px 5px 5px;
     height: 60px;}
	
.moodbtn{
	
	float:left;}
	
.btmleft{
	  color: #888888;
	   cursor: pointer;
    height: 68px;
    text-align: center;
    width: 50px;
	float:left;}
	
.zoombtn{  margin: 0 auto;
    width:210px;}
.paging{
	display: inline;
    float: right;
    margin-left: 10px;
     margin-top: -33px;}
    
   .slider{     position: absolute !important;}
   
  .paging_textbox{
	background: none repeat scroll 0 0 #222;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    float: left;
    font: 14px Georgia,Times,serif;
    height: 17px;
    text-align: center;
    width: 80px;
	padding: 0 0 5px;
	margin-right:5px;
	margin-left:5px;}
	.search_icon{
	    padding-top: 13px;}
/*---------------------------vir_bar-----------------------------*/
.vir_bar { /*background-image:url(vir_bar.png);
background-repeat:repeat-y;*/
	height: 100%;
	width: 33px;
	padding-right: 3px;
	padding-bottom: 5px;
	/*border:1px solid black;*/
	background-color: #666666;
}


.viewer_search {
	display: block;
	border: 2px soild #666666;
	width: 200px;
	margin-left: 30px;
	color: Gray;
	height: 18px;
}

.bookViewer-scrollview { /*overflow: auto;*/ /*width: 600px ;*/
	  background-color: #222222;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 2px 0 #000000 inset;
    margin: 0 1%;
    width: 98%;
}

.searchResults-scrollview {
	background-color: ButtonFace;
	padding: 2px 0px 0px 0px;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	cursor: pointer;
}

.singleSearchResult {
	font-size: 14px;
	color: #333;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #eeeeee;
	border-bottom: 2px solid #CCCCCC;
}
.search_list{
  padding-top: 12px;}

/*.paging {
	background-color: #999999;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	margin: 5px 5px;
	border: 1px solid #fff;
	cursor: pointer;
	/*-moz-border-radius:3px 3px 3px 3px;*/
	/*text-shadow:0 1px 0 #777777;*/
	
}*/

.bookViewer-thumbview {
	width: 100%;
	background-color: #fff;
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #333333;
}

.bookViewer-login {
	background-color: #F8F8F8;
	opacity: 0.95;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity = 95);
	border: 10px solid #A5A5A5;
	width: 400px;
	height: 190px;
	border-radius: 8px 8px 8px 8px;
	  border: 10px solid rgba(82, 82, 82, 0.7);
	  -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
     position: relative;
    z-index: 99;
}

.login_table{
	  width: 100%;

}

.bookViewer-message {
	background-clip: padding-box;
    background-color: #F8F8F8;
    border: 10px solid rgba(82, 82, 82, 0.7);
    border-radius: 8px 8px 8px 8px;
    opacity: 0.95;
    position: relative;
    z-index: 99;
    padding: 20px;
}

.login-header {
	padding-right: 7px;
	padding-left: 7px;
	padding-top: 10px;
	color: #333333;
	font-size: 16px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.tooltip {
 background-color: Snow;
    border: 1px solid #D0D0D3;
    color: #333;
    font-size: 12px;
    padding: 7px;
    position: absolute;
    white-space: nowrap;
    z-index: 100000;
    border-radius: 2px;
    opacity: 0.9;
    font-family: arial;
}
.bookViewer-bookInfo2 {
	background-color:  #F8F8F8;
	font-size: 15px;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	color: #333333;
	width: 420px;
	-moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 5px 5px 5px 5px;
    box-shadow: 5px 5px 5px 5px;
    height: auto;
    border: 2px solid #e2e2e2;
    line-height: 18px;
    text-align: justify;
    position: relative;
    z-index: 9999;
}


.gwt-TextArea{
    border-radius: 5px 5px 5px 5px;
    color: WindowFrame;
    font-family: georgia;
    font-size: 16px;
    padding: 5px;
    }



/*------------------------------annotation-toolbar-------------------------------------*/
.annotation-toolbar {
	background-color: #ced6d9;
	color: #FFFFFF;
	opacity: 0.95;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	filter: alpha(opacity = 95);
	BORDER: #8c8c8c;
	-moz-background-clip: border; /* Firefox 3.6 */
	-webkit-background-clip: border; /* Safari 4? Chrome 6? */
	background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
	-moz-background-clip: padding; /* Firefox 3.6 */
	-webkit-background-clip: padding; /* Safari 4? Chrome 6? */
	background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
	-moz-background-clip: content; /* Firefox 3.6 */
	-webkit-background-clip: content; /* Safari 4? Chrome 6? */
	background-clip: content-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */
	border: 5px solid rgba(0, 0, 0, 0.3); /* Firefox  */
	border: 5px solid #333;
	width: 160px;
	z-index: 50000;
}

.bookViewer-flipview {
	background-color: #666666;
}

/*--------------------------book info------------------------------*/
.bookViewer-basket {
	background-color:  #F8F8F8;
	font-size: 15px;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	color: #333333;
	width: 850px;
	-moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 5px 5px 5px 5px;
    box-shadow: 5px 5px 5px 5px;
    height: auto;
    border: 2px solid #e2e2e2;
    line-height: 18px;
    text-align: justify;
    position: relative;
    z-index: 1000;
}
.SelectionThumb-img{
      height: 220px;
      width: 150px;
      }


.bookViewer-bookInfo {
	background-color:  #F8F8F8;
	font-size: 15px;
	/*font-family: Georgia, "Times New Roman", Times, serif;*/
	color: #333333;
	width: 360px;
	-moz-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 5px 5px 5px 5px;
    box-shadow: 5px 5px 5px 5px;
    height: auto;
    border: 2px solid #e2e2e2;
    line-height: 18px;
    text-align: justify;
    position: relative;
    z-index: 9999;
}

.hide{
   float:right;
   height:10px;
   padding-top:7px;
    cursor: pointer;}
   
  .single_info{ 
 
    border-bottom: 1px solid #E9E9E9;
    color: SlateGrey;
    font-family: arial;
    font-size: 12px;
    margin: 2px;
    padding: 7px 20px 7px 8px;}
    
  .single_info:hover{ 
    background-color: buttonface;}
   
.bookViewer-bookInfo a:link {
	font-size: 14px;
	color: #851717;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding: 4px 0px;
	cursor: pointer;
}

.bookViewer-bookInfo a:hover { /*text-shadow:1px 1px 1px #999999;*/
	color: #ecab05;
	text-decoration: none;
	cursor: pointer;
}

.label_title {
	/*background-color: #ccc;
	border-color:#ccc;*/ /*-moz-border-radius:20px;
-webkit-border-radius:20px;
 behavior:url(border-radius.htc);
 -khtml-border-radius: 20px;
border-radius: 20px;*/ /*height:20px;
	padding: 3px 6px 0px 6px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 3px 1px;
	font-size: 14px;
	color: #333333;*/
	 padding: 1px;
	 height: 0;
	 float: left;
	
}

.results {
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
}

/*--------------------------book info------------------------------*/
.search_btn {
	background-color: #999999;
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px 20px;
	margin: 7px 10px;
	border: 1px solid #777777;
	-moz-border-radius: 3px 3px 3px 3px;
	text-shadow: 0 1px 0 #777777;
	cursor: pointer;
}

.search_btn:hover {
	opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; // for IE8 
	cursor: pointer;
}

.bookViewer-thumb {
	width: 150px;
	height: 170px;
	cursor: pointer;
	background: #fff;
	border: 1px solid #808080;
	padding: 2px;
	margin: 5px;
}

.single_thumb {
	background-color: #333333;
    border: 1px solid #4E4E4E;
    margin-top: 5px;
    padding: 8px 5px 5px;
    position: relative;
    text-align: center;
    width: 200px;
    z-index: 1;
}

.single_thumb_related {
	 background-color: #333333;
	border: 2px solid #333333;
	width: 100px;
	height: 152px;
	position: relative;
    z-index: 1;
     margin-left: 5px;
    margin-top: 5px;
     text-align: center;
}

.MyBasket-single_thumb{
	background-color: #333333;
	border: 2px solid #333333;
	width: 100px;
	height: 180px;
    margin-top: 10px;
	position: relative;
    z-index: 1;
}

.MyBasket-selection_thumb{
	background-color: #333333;
	border: 2px solid #333333;
	width: 150px;
	height: 240px;
    margin-top: 10px;
	position: relative;
    z-index: 1;
    display:inline-block;
    margin-left:10px;
     border-radius: 3px 3px 3px 3px;
}


.SelectionThumb-ToolTip{
	 position: absolute;
    z-index: 99;
	}

.single_thumb_text {
	background-color: #333333;
	color: #FFFFFF;
	height: 19px;
	padding-top: 5px;
}

.bookViewer-inlineNote {
	background-color: cornsilk;
	border: 2px solid #999999;
	position: absolute;
	width: 200px;
	height: 100px;
	font-size: 14px;
	color: #333;
	padding: 4px 2px;
	opacity: .4;
	border-radius: 5px 5px 5px 5px;
}
.myBasket-DownloadingImg{
	height: 15px;
    width: 15px;
}

.selectionThumb-removeBtn{
   float: right;
   left: 113px;
   padding-top: 3px;
   position: relative;	
}

.bookViewer-inlineTooltip{
	  background-color: #333;
    border: 1px solid #555555;
    border-radius: 4px;
    color: #FFFFFF;
    font-family: arial;
    font-size: 11px;
    height: 25px;
    opacity: 1.3;
    padding: 4px 2px;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    opacity: 0.7;
    text-align: left;
     margin: 5px;
}


.tree{
	cursor: hand;
  	cursor: pointer;
}
.tree div table td img{
	background: url(../../images/bullet-square.png) !important;
	background-repeat: no-repeat;
	cursor: hand;
  	cursor: pointer;
}


.myBasket-thumb-removeBtn{
	position: relative;
	float:right;
	right: 0;
	top: 0;
	height:15px;
	width:15px ;	
}
.SelectionThumb-downloadable{
opacity: 0.8;}
.centeredPanel{
    /*left: 20%;*/
    overflow: hidden;
    position: absolute;
}

	.selectedPagesCount{
	background: none repeat scroll 0 0 #222;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    float: left;
    font: 14px Georgia,Times,serif;
    height: 18px;
    text-align: center;
    width: 150px;
	padding: 0 0 5px;
	margin-right:5px;
	margin-left:5px;}

  .pagesCount{
	background: none repeat scroll 0 0 #222;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    float: left;
    font: 14px Georgia,Times,serif;
    height: 18px;
    text-align: center;
    width: 80px;
	padding: 0 0 5px;
	margin-right:5px;
	margin-left:5px;}
	
	.confirmPanel{
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: black;;
	
	}
	
	.confirm{
	float:left;
	margin-left:2px;
	}
	
	.cancel{
	float:right;
	margin-right:2px;
	}
	.pop-up{
	height:75px;
	}