/* CSS Document */
/* global styles */
label { cursor: pointer; }
table { font-size: 100%; }
td, th { vertical-align: top; }
img { border: none;} 
ul li ul li { list-style-type: circle;}


#outer_wrapper { width:99%; height: 100%; position:relative; margin: 0; padding: 0; min-width: 777px;  
margin-left: auto; margin-right: auto; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
#hd { width: 100%; height: 69px; background: url(

../../includes/imp_images/bookshelf/hd_bg.gif) repeat; border-bottom:1px solid black; }
#hd_logo { float:left; width: 200px; height: 70px; }
#hd_menu { float:right; width: 60%; height:50px; position: relative; top:0; right:0; text-align:right; }
#hd_menu_nav { list-style: none; margin: 0; padding: 0;   height:30px; }
#hd_menu_nav li { display:inline; margin-right: 5px; border-left: 1px solid #666; color:#000; font-size:11px;
padding-left: 6px; height:27px; line-height: 27px; }
#hd_menu_nav li:firstchild { border-left: none;}
#hd_menu_nav li a { color: #f00; text-decoration: none;  }
#hd_menu_nav li a:link, #hd_menu_nav li a:visited { color: #f00; }
#hd_menu_nav li a:hover { color: #000; text-decoration:underline;}
#hd_menu_nav li img { border: none; vertical-align: middle; padding-right: 3px;}

#bd { width: 992px;  border: solid 1px #97a9c8; margin: 4px auto; margin-left: 3px; min-height: 494px; height:auto !important; _height: 500px;background-color:#FFFFFF;}
#bd_tbar { height: 42px; width: 100%; background: url(

../../includes/imp_images/bookshelf/bd_tbar_bg.gif) repeat-x;}
ul#tools { margin: 0; padding: 0; list-style: none;}
ul#tools li { display:inline; height: 36px; line-height: 36px; margin-right: 5px; font-size: 75%;}
ul#tools li img { border: none; vertical-align:middle;}

#bd_bsholder {  margin: 4px;}
ul#bd_books { list-style: none; margin:0; padding: 0; margin-left: auto; margin-right: auto; }
ul#bd_books li { min-width: 290px; display: inline; margin-right: 1em;  }
ul#bd_books li.brdr { border-bottom: 1px solid #ccc; }

ul#bd_books_detail { list-style:none; margin: 0; padding: 0;}
ul#bd_books_detail li { display:block; border: 1px solid #ccc; margin: 3px; }
ul#bd_books_detail li:hover { border: 1px solid #4a81ff; background-color:#f6f6f6;  }
ul#bd_books_detail li .author { color:#000; text-align:left; font-size:80%;}
ul#bd_books_detail li .author p { margin-top: 6px; color:#444; text-align:left; font-size:85%; text-align:justify;}
ul#bd_books_detail li a.title { color: #006699; text-align:left; font-size:90%; font-weight:bold;}



ul#bd_books li table { display:inline; }
ul#bd_books li table td div.wrap { width: 200px; height: 50px; border-bottom: 1px solid #ccc; margin-bottom: 0.5em;}
hr.line { height: 1px; font-size:1px; background-color:#FF0000; display:inline;}

ul#bd_books_book { list-style: none; margin: 0; padding: 0; width:inherit;}
ul#bd_books_book li { display: inline; border: 1px solid black; margin: 0; padding: 0; float:left; clear: both; width:inherit; }




/**************** Footer CSS ******************/
#footer_text { width: auto; color:#FFFFFF; vertical-align:middle; padding-top: 11px; padding-left: 10px; font-size: 85%; }
#footer_text span a { color:#FF652E; text-decoration:none; font-size: inherit;}
#footer_text span a:hover { color:#fff; text-decoration: underline; }

#ft { width: 100%; height: 32px; text-align:left; background: #444 url(

../../includes/imp_images/bookshelf/powered_by.gif) no-repeat top right;}
/************* CSS for Tag display ********/


#tags {  list-style-type:none; list-style-position:inside; margin:0; padding:8px;  }
#tags li { display:inline; line-height: 19px; margin:10px; padding:0;}
#tags li a { text-decoration:none; color:#666; font-size:0.9em;}
#tags li a:link, #tags li a:visited, #tags li a:active { text-decoration:none; color:#666;}
#tags li a:hover { text-decoration:underline;}

.tag_head{	/* Styling question */
	/* Start layout CSS */
	color:#333;
	font-size:0.9em; font-weight:600;
	background-color:#CFD6E7;
	background: url(../../includes/imp_images/bookshelf/toggle_tag_bg.gif) repeat-x;
	width:100%;
	margin-bottom:0;
	margin-top:3px;
	padding-top: 2px;
	height:23px;
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}

.tag_head img { float:left; margin-left:6px; margin-right:6px;}
.tag_head span { float:right; margin-right:6px; font-size:10px; color:#444444; display:inline; margin-top: -13px;}

.tag_body{	/* Parent box of slide down content */
	/* Start layout CSS */
	border:1px solid #D3DAE4;
	background-color:#F4F7FB;
	width:99.8%;
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.tag_body_content{	/* Content that is slided down */
	padding:1px;
	font-size:0.9em;	
	position:relative;
}
/************* CSS for Tag display ********/

/*             styles for the unit rater                */	
	.unit-rating{
		list-style:none;
		margin: 0px;
		padding:0px;
		width: 100px;
		height: 20px;
		position: relative;
		background: url('../../includes/imp_images/bookshelf/star_rating.gif') top left repeat-x;		
	}
	
	.unit-rating li{
	    text-indent: -90000px;
		padding:0px;
		margin:0px;
		/*\*/
		float: left;
		/* */
	}
	.unit-rating li a{
		display:block;
		width:20px;
		height: 20px;
		text-decoration: none;
		text-indent: -9000px;
		z-index: 20;
		position: absolute;
		padding: 0px;
	}
	.unit-rating li a:hover{
		background: url('../../includes/imp_images/bookshelf/star_rating.gif') left center;
		z-index: 2;
		left: 0px;
	}
	.unit-rating a.r1-unit{left: 0px;}
	.unit-rating a.r1-unit:hover{width:20px;}
	.unit-rating a.r2-unit{left:20px;}
	.unit-rating a.r2-unit:hover{width: 40px;}
	.unit-rating a.r3-unit{left: 40px;}
	.unit-rating a.r3-unit:hover{width: 60px;}
	.unit-rating a.r4-unit{left: 60px;}	
	.unit-rating a.r4-unit:hover{width: 80px;}
	.unit-rating a.r5-unit{left: 80px;}
	.unit-rating a.r5-unit:hover{width: 100px;}
	.unit-rating li.current-rating{
		background: url('../../includes/imp_images/bookshelf/star_rating.gif') left bottom;
		position: absolute;
		height: 20px;
		display: block;
		text-indent: -9000px;
		z-index: 1;
	}	

/******* Style for tooltips *********/
.tooltip{
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center}

.tooltip span.top{padding: 30px 8px 0;
    background: url(../../includes/imp_images/bookshelf/bt.gif) no-repeat top}

.tooltip b.bottom{padding:3px 8px 15px;color: #04253E;
    background: url(../../includes/imp_images/bookshelf/bt.gif) no-repeat bottom}	

/*       */
.pagination{height: 18px; vertical-align: middle; margin: 0; padding: 0;}
.bookunavailable{text-align:center;color:red;}

/**  Take a note div tag css     */

.addnote{position: absolute; display: none; z-index: 4; left:200px; top:100px; width:35%; height:auto; background-color:#f1f1f1; border: 1px solid #333; margin:0;
}

.inneraddnote{margin:0; padding-top:5px; height:21px; background-color:#333333; text-align:right; padding-right: 3px; }

.viewnote{position: absolute; display: none; z-index: 4; left:200px; top:100px; width:400px; height:auto; background-color:#f1f1f1; border: 1px solid #333; margin:0;}

.innerviewnote{margin:0; padding-top:5px; height:21px; background-color:#333333; text-align:right; padding-right: 3px;}

.viewtags{position: absolute; display: none; z-index: 4; left:200px; top:100px; width:400px; height:auto; background-color:#f1f1f1; border: 1px solid #333; margin:0; }

.innerviewtags{margin:0; padding-top:5px; height:21px; background-color:#333333; text-align:right; padding-right: 3px; }



#content
	{
	width:70%;
	float:left;
	height:100%;
	border:0px solid red;
	text-align:left;
	padding:10px 0px 10px 0px;
	}

#content ul {margin:0; padding:0; padding-left:30px;}
#content li {list-style:disc; line-height:15px; padding-left:0px;}