/*Bookswim 2.0 Main CSS */


/* ----HTML and BODY styles----

	"body" background changes entire site background

-------------------------------*/

html {
	margin: 0;
	padding: 0;
	}
	

img {
	margin: 0;
	padding: 0;
	border: 0;
	}
		
		
body {
	margin: 0;
	padding: 0;
	font-family: arial;
	font-size: 13pt;
	background: black;
	}


/* ----Containing Divs----

	#container: encompasses entire site width. Change width value to change width of site
	#maincontent: Content area (below header), does not include drawer
	#drawer: Right-side queue drawer. This + #maincontent = width of site (#container)
	#header: contains the width attribute of the header section (logo, tab bar, search) & top half of logo
	#navbar: background image -- bottom half of logo and navigation bar
	.tab: tab class. for tabs.
	.tab_hover: tab hover class (needed for IE) -- changes background image
	.nav_position: used to push the navigation bar over to line up correctly
	#footer: Da foota. Wherre did it go? 
	- BS
--------------------------*/
	
	
#container {
	width: 1000px;
	padding: 0;
	margin: 0 auto;
	background: transparent;
	border: 1;
	}
	
#maincontent {
	position: absolute;
	top: 106px;
	width: 798px;
	border: 0px solid #000;
	background: #fff;
	border-left: 2px solid #609cb9;
	min-height: 750px;
	margin-left: 25px;
	_height:750px;
	}


#header {
	float: left;
	width: 549px;
	height: 101px;
	margin: 0;
	background: url(../images/logo.jpg) no-repeat bottom left;
	}


#navbar {
	background: url(../images_site/navbar-top.png) no-repeat;
	color: #fff;
	height: 46px;
	width: 825px;
	margin: 0;
	padding: 0;
	}


#navbar a{
	text-decoration: none;
	}
	

.tab{
	height: 29px; 
	display: inline; 
	padding-top: 4px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 5px;
	border-right: 2px solid #0d6994;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	}

.tab a {
	color: #fff;
	text-decoration: none;
	}
	
	
.tab a:hover {
	color: #fff;
	text-decoration: none;
	}

.tab a:visited {
	color: #fff;
	text-decoration: none;
	}
	
	
.tab_hover{
	height: 29px; 
	background: url(../images_site/tab-select.gif); 
	display: inline; 
	padding-top: 4px;
	padding-left: 6px;
	padding-right: 6px;
	padding-bottom: 5px;
	border-right: 2px solid #0d6994;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	}

.tab_hover a:visited, tab_hover a:hover, .tab_hover a{
	color: #fff;
	text-decoration: none;
	}
	



.nav_position {
	margin-left: 269px; 
	padding-top: 7px;
	}

	
#footer {
	font-family: arial;
	font-size: 12px;
	color: #0d6994;	
	margin: 0 auto;
	text-align: center;
	margin-bottom: 5px;
	margin-left: 25px;
	display: block;
	position: absolute;
	bottom: 0;
	}


#search {
	text-align: right;
	float: right;
	z-index: 4;
	display: inline;
	margin-top: 20px;
	margin-right: 200px;
	}
	
	
/* ---- Important Site Styles ---- 

	h1: header text used in all otherwise unspecified <h1> tags
	.alert: used for alert box (green)
		a: Alert links
		a:hover: Alert Links
	#searchform:  top search input box
	- BS	
---------------------------------*/
	
h1 {
	font-family: "Times New Roman";
	font-size: 28pt;
	font-weight: normal;
	letter-spacing: 50%;
	color: #0d6994;
	}

.smallcapsule {
	padding-top: 10px;
	padding-left: 5px;
	padding-right: 15px;
	width: 119px;
	height: 156px;
	background-image: url(../images_site/smallcapsule.gif);
	background-repeat: no-repeat;
	text-align: center;
	margin-left: 10px;
	margin-top: 5px;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	
	}

.smallcapsule a {
	font-color: #76cd74;
	text-decoration: none;
}

.smallcapsule a:hover{
	text-decoration: underline;
}

.bluetext {
	font-family: arial;
	font-size: 12px;
	color: #0d6994;	
	}
	
.bluetext a {
	color: #0d6994;
	}

.bluetext a:hover {
	color: #0d6994;
	text-decoration: none;
	}
	
.largecapsule {
	background: #dceaef;
	border: 1px solid #73afd4;
	width: 764px;
	height: 150px;
	margin: 0 auto;
	}

.largecapsule a {
	color: #0d6994;
	}

.largecapsule a:hover {
	color: #0d6994;
	text-decoration: none;
	}

.welcomecapsule {
	background: #fff;
	background-image: url(../images_site/welcome_dude.jpg);
	background-repeat: no-repeat;
	width: 764px;
	height: 162px;
	margin: 0 auto;
	}
	
.welcomecapsule h1 {
	font-family: "times new roman";
	font-size: 31px;
	font-weight: normal;
	color: #0d6994;
	margin: 0;
	margin-left: 5px;
//	background-image: url(../images_site/h1_line.gif);
	background-repeat: no-repeat;
	background-position: 0px 30px;
	}
	
.largecapsule h1 {
	font-family: "times new roman";
	font-size: 31px;
	font-weight: normal;
	color: #0d6994;
	margin: 0;
	margin-left: 5px;
	background-image: url(../images_site/h1_line.gif);
	background-repeat: no-repeat;
	background-position: 0px 30px;
	}

.largecapsule h2 {
	font-family: "times new roman";
	font-size: 25px;
	font-weight: normal;
	color: #0d6994;
	margin: 0;
	margin-left: 5px;
	background-image: url(../images_site/h2_line.gif);
	background-repeat: no-repeat;
	background-position: 0px 24px;
	}


.alert {
	background: #84ec90;
	border: 4px solid #1ede35;
	color: #0d6994;
	font-family: sans-serif, arial;
	font-size: 17pt;
	text-align: center;
	padding: 13px;
	width: 93%;
	margin: 0 auto;
	margin-top: 15px;
	}


.alert a{
	color: #0d6994;
	}


.alert a:hover{
	text-decoration: none;
	}


#searchform {
	background: #fff;
	height: 16px;
	margin-right: 0px;
	border: 1px solid #0d6994;
	border-right: 0px;
	color: #0d6994;
	font-size: 12px;
	padding-top: 5px;
	}

#searchbutton {
	vertical-align: bottom;
	}
	
	
.indent {
	padding-left: 30px; 
	padding-right: 30px;
	overflow: hidden;
	width: 700px;
	}



.compare {
	width: 70%;
	margin: 5px auto;
	background: #d89f81;
	color: #6f422b;
	border: 1px solid #6f422b;
	padding-left: 30px; 
	padding-right: 30px;
	background-image: url(../images_site/formbg2.gif);

	}
	
	
.testimonial {
	width: 90%;
	min-height: 100px;
	margin: 5px auto;
	background: #fff;
	color: #0d6994;
	border: 1px solid #e6e6e6;
	padding: 30px; 
	background-image: url(../images_site/quote_big.gif);
	background-repeat: no-repeat;
	background-position: 30px 0px;


	}
	
	

.pool_big {
	width: 112px;
	height: 24px;
	background: url(../images_site/add_pool_big.gif) no-repeat;
	color: #fff;
	text-align: center;
	padding-top: 5px;
	font-size: 12px;
	float: right;
	}


.pool_big a {
	color: #fff;
	text-decoration: none;
	}
	
	
.ipool_big {
	width: 112px;
	height: 24px;
	background: url(../images_site/in_pool_big.gif) no-repeat;
	color: #fff;
	text-align: center;
	padding-top: 5px;
	font-size: 12px;
	float: right;
	}

.ipool_big a {
	color: #fff;
	text-decoration: none;
	}
	
	
	
.pool_small {
	width: 78px;
	height: 18px;
	background: url(../images_site/add_pool_small.gif) no-repeat;
	color: #fff;
	text-align: center;
	padding-top: 2px;
	font-size: 11px;
	font-weight: normal;
	float: right;
	}
	
.pool_plus {
	width: 15px; 
	height: 15px;
	background: url(../images_site/add_pool_small.gif) no-repeat;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	float: right;
}


.ipool_plus {
	width: 15px; 
	height: 15px;
	background: url(../images_site/in_pool_small.gif) no-repeat;
	color: #fff;
	text-align: center;
	padding-top: 2px;
	font-size: 16px;
	font-weight: normal;
	float: right;
}
	

.ipool_small {
	width: 78px;
	height: 18px;
	background: url(../images_site/in_pool_small.gif) no-repeat;
	color: #fff;
	text-align: center;
	padding-top: 2px;
	font-size: 11px;
	font-weight: normal;
	float: right;
	text-decoration: none;
	}	

.ipool_small a {
	color: #fff;
	text-decoration: none;
	}
	
.pool_small a {
	color: #fff;
	text-decoration: none;
	}
	

/* ---- FAQ ----

	question -- question
	answer -- answer 		
	
	-MP
---------------------------*/

.question {
	font-size: 12pt;
	color: #0d6994;
	cursor: pointer;
	border-bottom: 1px dotted #7db0c8;
	padding: 5px;
	margin-top: 3px;
	}

.question:hover {
	font-size: 12pt;
	color: #0d6994;
	cursor: pointer;
	border-bottom: 1px dotted #7db0c8;
	padding: 5px;
	margin-top: 3px;
	background: #f4f6f7;
	}


.answer {
	color: #247423;
	text-decoration: none;	
	padding: 5px;
	line-height: 99%;
	margin-bottom: 3px;
	
	margin: 5px auto;
	background: #f4f6f7;
	border: 1px solid #7db0c8;
	padding: 30px; 

	}
	

	
/* ---- Reg Page ----

  		.important:				important text 
 		td						all <td>s affected
 		.regtable				the table for registration stuff
		.small					small text
		.reginput				form style
		ajax form labels
		.planpick
 		
	-MP
---------------------------*/

form label.required2 {
		display: none;	
		  }

form label.required {
		/*display: none;*/	
		font-size: 14px;
		font-weight: bold;
		background-image: url(images_site/caution.gif);
		background-repeat: no-repeat;
		background-position: 3px 0px;
		  }
		  
form label.problem {
		font-size: 14px;
		color: #cd3434;
		font-weight: bold;
		background-image: url(images_site/caution.gif);
		background-repeat: no-repeat;
		background-position: 3px 0px;
		}
		
form label.completed {
		font-size: 14px;
		font-weight: bold;
		color: #34cd46;
		background-image: url(images_site/complete.gif);
		background-repeat: no-repeat;
		background-position: 3px 0px;
		}


.important {
		margin: 2px;
		padding: 2px;
		font-size: 25px;
		font-family: "times new roman";
		color: #2a637e;
		}

.small {
		font-size: 12px;
		font-family: sans-serif;
		color: #000;
		}


.planpick {
		float: right; 
		padding: 5px; 
		font-weight: bold; 
		background: #2a637e; 
		color: #fff;
		}
		
		
.regplans {
		min-height: 100px;
		width: 80%;
		margin: 0 auto;
		margin-top: 20px;
		color: #2a637e;	
		border: 1px solid #2a637e;
		background-color: #c7e5f3;
		background-image: url(http://192.168.1.90/Next/images_site/formbg.gif);
		}


.regtable {
		color: #2a637e;	
		margin-left: 50px;
		border: 1px solid #2a637e;
		background-color: #c7e5f3;
		background-image: url(http://192.168.1.90/Next/images_site/formbg.gif);
		}
		
		

.regtable td {
		padding: 3px;
		font-size: 13px;
		margin: 0;
		}
		
		

.regtable td a {
		color: #2a637e;	
		}


.regtable td a:hover {
		text-decoration: none;	
		}



.reginput {
		margin: 2px;
		padding: 2px;
		background: #d3e2e9;
		border: 1px solid #0d6994;
		font-size: 15px;
		font-family: sans-serif;
		color: #2a637e;
		}



.alertbox {
	background: #efabab;
	border: 1px solid #eb5757;
	color: #eb5757;
	font-family: sans-serif, arial;
	font-size: 12pt;
	text-align: center;
	padding: 4px;
	margin: 0px;
	}


/* ---- Queue Drawer Section ----

	#drawer: main container for the queue drawer
		h1:	Header tag
		h2:	Header 2 (drag and drop to re-order text)
		.savings_alert: green savings box
		.queue_item: ul for queue list
		.queue_item li: each individual queue list
	#locked_list: locked
	#queue_list ul: unordered list modifier for queue list
	#queue_list li: used to change style of invididual queue entries
	-BS
	
--------------------------------- */

#drawer {
	position: relative;
	top: 0px;
	width: 175px;
	float: right;
	background: url(../images_site/drawer_bg.gif) repeat-y;
	padding: 0;
	z-index: 1;
	
	}

#drawer .dpad{
	margin: 0;
	padding-top: -8px;
	padding-left: 8px;

	}

#drawer h1 {
	color: #0d6994;
	font-size: 14px;
	font-family: arial, sans-serif;
	padding: 0;
	margin: 0;
	font-weight: bold;
	pointer: default;
	}


#drawer h2 {
	color: #74a8c1;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	padding: 0;
	font-family: arial, sans-serif;
	display: inline;
	pointer: default;
	}

#drawer #savings_alert {
	background: #a5fbaf;
	border: 1px solid #34cd46;
	font-size: 12px;
	font-family: arial, sans-serif;
	color: #0d6994;
	text-align: center;
	padding: 2px;
	width: 155px;

	}

#drawer #savings_alert h1 {
	margin: -2px;
	margin-bottom: 2px;
	background: #34cd46;
	border-bottom: 1px dotted #c5c8ca;
	font-weight: normal;
	font-size: 12px;
	color: #fff;
	}
	
#drawer #savings_alert a {
	color: #000;
	text-decoration: underline;
	}
	

#drawer .signup_alert {
	background: #f0cdf5;
	border: 1px solid #d525ef;
	font-size: 12px;
	font-family: arial, sans-serif;
	color: #0d6994;
	text-align: center;
	padding: 2px;
	width: 155px;

	}

#drawer .signup_alert_hover {
	background: #eaa4f4;
	border: 1px solid #d525ef;
	font-size: 12px;
	font-family: arial, sans-serif;
	color: #0d6994;
	text-align: center;
	padding: 2px;
	width: 155px;

	}

#drawer .signup_alert h1, #drawer .signup_alert_hover h1{
	margin: -2px;
	margin-bottom: 2px;
	background: #d525ef;
	border-bottom: 1px dotted #d525ef;
	font-weight: normal;
	font-size: 12px;
	color: #fff;
	}
	
#drawer .signup_alert a {
	color: #000;
	text-decoration: underline;
	}
	



.queue_item {
	background: #d3e2e9 url(../images_site/queue_item.gif) no-repeat top right;
	width: 99%;
	height: 174px;
	margin-top: 5px;
	}

#locked_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-indent: 0;

	}

#locked_list li {
	background: #f4f6f7;
	border-bottom: 1px dotted #c5c8ca;
	width: 155px;
	margin: 0;
	margin-top: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #0d6994;
	text-align: left;
	cursor: default;

	}
	
#locked_list li a {
	color: #9a9d9e;
	text-decoration: none;
	cursor: pointer;
	}
	
#locked_list li a:hover{
	color: #9a9d9e;
	text-decoration: underline;
	}
	
	
#queue_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	text-indent: 0;
	}


#queue_list li {
	height: 50px;
	background: #d3e2e9;
	border: 1px solid #0d6994;
	width: 155px;
	margin: 0;
	margin-top: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	list-style-type: none;
	list-style-image: none;
	text-indent: 0;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #0d6994;
	text-align: left;
	cursor: ns-resize;
	}
	

#queue_list .handle {
	cursor: move;
	background: #fff;
}

#queue_list a{
	color: #0d6994;
	text-decoration: none;
	cursor: hand;
	cursor: pointer;

}

#queue_list a:hover{
	color: #000;
	text-decoration: underline;

}
	
.queue_invis {
	display: none;
	}




/* ---- Book View Page ----

 Damn, you've got class(es)
 
 
 #books_view_capsule: 			EVERYTHING inside the book view page is in here
 		h1:						Da Header
 		h2:						2nd level header (author name) (inline)
 		h3:						3rd level header (block)
 		.book_description:		book description block
 		td						all <td>s affected
 		.book_info				Entire book info container (cover image, etc) (left side)
 		.book_info_table		Information table inside teh book_info class
 		.book_info_light		A light-colored table cell.
 		.book_info_dark			A dark-colored table cell.
 		.ratings_bar			Where ratings image goes
 		
	-BS
---------------------------*/


#book_view_capsule {
	background: url(../images_site/fullbookpage_capsule.gif) no-repeat top left;
	width: 95%;
	min-height: 600px;
	margin: 10px 0 0 10px;
	padding-left: 8px;
	padding-top: 2px;
	
	
	}

	#book_view_capsule h1 {
		font-family: "times new roman";
		font: 39pt;
		color: #0d6994;
		border-bottom: 1px solid #0d6994;
		cursor: default;
		padding: 0;
		margin: 0;

		}
	
	#book_view_capsule h2 {
		font: 12pt sans-serif, arial;
		color: #6b6b6d;
		font-style: italic;
		margin: 0;
		padding-top: 10px;
		display: inline;
		float: left;
		}
	
	
	#book_view_capsule h2 a {
		color: #6b6b6d;
		text-decoration: none;
		}
	
	
	#book_view_capsule h2 a:hover {
		color: #000;
		}
		
		
	#book_view_capsule h3 {
		display: inline;
		color: #0d6994;
		font: 12pt sans-serif, arial;
		padding: 0;
		margin-top: 2px;
		margin-bottom: -2px;
		float: left;
		
		}
		
	
	#book_view_capsule .book_description {
		font: 10pt sans-serif, arial;
		line-height: 140%;
		width: 69%;
		float: right;
		text-align: justify;
		padding-top: 5px;
		padding-left: 5px;
		
		}
	
	#book_view_capsule td {
		font: 9pt sans-serif, arial;
		padding: 2px;
		
		}
	
	#book_view_capsule .book_info {
		float: left;
		width: 30%;
		text-align: center;
	
		}

	#book_view_capsule .book_info_table {
		background: #9cbac8;
		width: 95%;
		text-align: center;
		
		}
	
	#book_view_capsule .book_info_light {
		background: #eaf2f6;
		font-weight: bold;
		text-align: left;
		border-left: 1px solid #9cbac8;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #9cbac8;
		
		}
	
	#book_view_capsule .book_info_dark {
		background: #d6e6ed;
		padding-left: 3px;
		text-align: left;
		border-right: 1px solid #9cbac8;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #9cbac8;

		}
		
	#book_view_capsule a{
		color: #0d6994;
		text-decoration: none;
		}
	
	#book_view_capsule .ratings_bar {
		float: right;
		font-size: 10pt;
		color: #6b6b6d;
		clear: both;
		
		}
	
	#book_view_capsule .review_author {
		font: 11pt sans-serif, arial;
		color: #6b6b6d;
		text-align: right;
		display: block;
		border-bottom: 1px dotted #6b6b6d;
		font-style: italic;
		padding-bottom: 2px;
		margin-bottom: 0px;
		}
	
	#book_view_capsule .review_author a {
		color: #0d6994;
		text-decoration: none;
		font-weight: bold;
		}
		
	
	#book_view_capsule .review_text {
		padding: 3px;
		margin-bottom: 5px;
		margin-top: 0;
		background: #eaf2f6;
		}
		
		
	#book_view_capsule .related_books {
			background: #eaf2f6;
			border: 1px solid #0d6994;
			padding: 2px;
			width: 99%;
			margin: 0 auto;
			}
	
	
	#book_view_capsule .related_books .book {
			background: #d6e6ed;
			border-bottom: 1px dotted #7db0c8;
			padding: 5px;
			font-size: 10pt;
			line-height: 99%;
			color: #000;
			margin-bottom: 3px;
			}
	
	
	#book_view_capsule .related_books .book:hover{
			background: #beddec;
			color: #000;
			}
	
	
	#book_view_capsule .related_books .book a {
			color: #0d6994;
			text-decoration: none;
			font-weight: bold;
			}
		
		
	#book_view_capsule .related_books .book a:hover {
			color: #000;
			text-decoration: none;
			}
	
	#book_view_capsule .related_books h1 {
			color: #6b6b6d;
			font-family: arial;
			font-size: 12pt;
			border: 0;
			margin: 5px;
			width: 85%;
			float: left;
			display: inline;
	
			}

	.showhide{
			color: #5696b4;
			margin-top: 5px;
			margin-right: 5px;
			float: right;
			cursor: pointer;
			font-size: 8pt;
			font-weight: bold;
			}
	
	.showhide:hover{
			color: #5696b4;
			margin-top: 5px;
			margin-right: 5px;
			float: right;
			cursor: pointer;
			font-size: 8pt;
			font-weight: bold;
			text-decoration: underline;
			}
			


/* ------ Catalog Page -----------

	I've run out of puns. TURBOPUNS
	
	
	#catalog_container:			Container div for entire catalogue page
		#left:					Left-floated div for search filter/drilldown/etc (small column)
			#pad:				Necessary to pad text on left side to correct place
			.left_head:			Headings for left column ("Chage your view" etc)
			.change_view:		Houses the different view buttons, centered
			.category_selected:	For top-level selected categories
			.cat:				Regular category
				.cat:hover:		Hover class (doesn't work in IE)
			.cat_sub:			Tabbed subcateogry
				.cat_sub:hover:	Hover class (doesn't work in IE)
			.catsub:			Selected subcategory (darker background)
		#right:					Right-floated div for results display (big column)
		#clear-both:			Necessary to keep both floated divs inside the container. 
		h1:						Big header text
		.search:				Search Box Div
		.search_box:			Search Box input field
		.search_image:			Search box spotlight image
		.infopane:				?
		.list_view_container:	Contains entire list view background
			h1:					Book title header
			h2:					Author
			rentbuttons:		Buy/Rent/Librarything buttons	
			.rating:			User ratings bar
	
		

	-BS
	
 --------------------------------*/

#catalog_container {
	width: 760px;
	margin: 15px auto;
	padding: 0;
	background-color: #d3e2e9;
	display: block;
	
	}

	#catalog_container #left {
		width: 210px;
		background-color: #d3e2e9;
		background: url(../images_site/catalog-corner.gif) no-repeat top left;
		min-height: 50px;
		float: left;
		display: inline;
		font-size: 12px;
		
		}


		#catalog_container #left #pad {
			margin: 10px 0 0 10px;
			
			}
			
		#catalog_container #left .left_head{
			font-size: 13px;
			font-weight: bold;
			border-bottom: 1px solid #0d6994;
			color: #0d6994; 
			cursor: default;
			margin-bottom: 3px;
			width: 190px;
	
			}

		#catalog_container #left .change_view{
			margin: 5px auto;
			text-align: center;	
		
			}
		
		
		#catalog_container #left .category_selected {
			background: #fff url(../images_site/category_selected.gif) no-repeat;
			font-size: 11px;
			font-weight: bold;
			color: #0d6994; 
			cursor: default;
			padding: 3px 0 0 8px;
			margin-left: -8px;
			}
		
		#catalog_container #left .cat {
			border-bottom: 1px dotted #7db0c8;
			width: 193px;
			color: #3581a5;
			padding-left: 2px;
			padding-top: 3px;
			padding-bottom: 1px;
			margin-top: 3px;	
			margin-bottom: 5px;	
			font-weight: bold;
			font-size: 11px;
			cursor: pointer;
			}
		
		
			#catalog_container #left .cat_hover {
			border-bottom: 1px dotted #7db0c8;
			background: #fff;
			width: 100%;
			color: #3581a5;
			padding-left: 2px;
			padding-top: 3px;
			padding-bottom: 1px;
			margin-top: 3px;	
			margin-bottom: 5px;	
			font-weight: bold;
			font-size: 11px;
			cursor: pointer;
			}
		
			
		#catalog_container #left .cat_sub {
			color: #3581a5;
			padding-top: 3px;
			padding-left: 15px;
			padding-bottom: 1px;	
			margin-bottom: 5px;	
			font-size: 11px;
			cursor: pointer;
			}
			
		#catalog_container #left .cat_sub:hover {
			color: #0d6994;
			padding-top: 3px;
			padding-left: 15px;
			padding-bottom: 1px;	
			margin-bottom: 5px;	
			font-size: 11px;
			cursor: pointer;
			}
		
		#catalog_container #left .catsub {
			background: #5fa1bf;
			padding: 3px 0 0 15px;
			margin-left: -8px;
			color: #fff;
			font-size: 11px;
			cursor: pointer;
			}
			
		
		
		#catalog_container #left .catsub_hover {
			background: #1a5976;
			padding: 3px 0 0 15px;
			margin-left: -8px;
			color: #fff;
			font-size: 11px;
			cursor: pointer;
			}
			
		
	#catalog_container #right {
		float: right;
		background: #fff;
		text-align: left;
		width: 549px;
		min-height: 825px;
		_height: 825px;
		border-right: 1px solid #d3e2e9;
		border-bottom: 1px solid #d3e2e9;
		border-top: 1px solid #d3e2e9;
		margin: 0px;
		padding: 0px;
		display: inline;
		}
	
	#catalog_container .clear_both {
		clear: both;
		height: 1px;
		font-size: 1px;
		
		}
	
	#catalog_container h1 {
		font-size: 33px;
		font-family: "times new roman";
		font-weight: normal;
		border-bottom: 1px solid #0d6994;
		margin: 7px auto;
		width: 99%;
		
		}
		
	#catalog_container h1 a, #catalog_container h1 a:visited {
		text-decoration: none;
		color: #0d6994;
		}
	
	
	#catalog_container h1 a:hover {
		text-decoration: none;
		color: #000;
		}
	
	
	#catalog_container .search {
		font-size: 16px;
		font-family: sans-serif, arial;
		color: #9c9898;
		background: #fff;
		border: 1px solid #9c9898;	
		margin: 0;
		padding-top: 2px;
		padding-left: 2px;
		width: 190px;
		text-align: right;
		
		}
		
	#catalog_container .search_box {
		font-size: 16px;
		font-family: sans-serif, arial;
		color: #9c9898;
		background: #fff;
		border: 1px solid #fff;
		margin: 0;
		padding-top: 1px;
		float: left;
		width: 150px;
		}
		
	#catalog_container .search_image {
		margin-top: 2px;
		margin-right: 2px;
		padding: 0;
		text-align: right;
		}

	#catalog_container .infopane {
		color: #9c9898;
		display: inline;
		float: right;
		font-size: 14px;
		margin-top: 15px;
		
		}
	
	#catalog_container .list_view_container {
		height: 157px;
		background: url(../images_site/listview_bg.gif) no-repeat;
		width: 525px;
		margin-left: 10px;
		margin-bottom: 10px;
		font: 12px arial;
	
			}
		
		
		#catalog_container .list_view_container h1 {
			color: #0d6994;
			padding-top: 8px;
			font-size: 17px;	
			font-family: arial, sans-serif;
			border: 0;
			letter-spacing: -0.8px;
			font-stretch: narrower;
			margin-bottom: 0;
			line-height: 90%;
			}
		
		
		#catalog_container .list_view_container h2 {
			font: 14px sans-serif, arial;
			color: #6b6b6d;
			font-style: italic;
			margin: 0;
			padding-bottom: 5px;
			}
		
		#catalog_container .list_view_container h2 a{
			color: #6b6b6d;
			text-decoration: none;
			}
		
		#catalog_container .list_view_container h2 a:hover{
			color: #000;
			}
			
			
		#catalog_container .list_view_container .desc {
			height: 38px;
			}
		
		
		#catalog_container .rentbuttons {
			text-align: right;
			color: #0d6994;
			float: right;
			}
	
	
		#catalog_container .rating {
			float: left;
			color: #0d6994;
			font-weight: bold;
			margin-top: 3px;
			text-align: left;
			width: 160px;
			}
			
		#catalog_container .subcat-top{
			color: #6b6b6d;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
			padding: 2px;
			padding-bottom: 0;
			overflow: none;
			border-bottom: 1px solid #d3e2e9;
			}
			
		#catalog_container a.subcat-top:hover {
			color: #fff;
			background: #0d6994;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
			padding: 2px;
			padding-bottom: 0;
			overflow: none;
			border-bottom: 1px solid #d3e2e9;
			}
		
		

/* ------ Full Queue Page -----------


	.full_queue_item
	.full_queue_item_locked

-------------------------------------*/

.full_queue_item td{
	background: #f4f6f7;
	margin: 0 auto;
	margin-top: 5px;
	padding: 5px;
	font-family: arial, sans-serif;
	font-size: 14px;
	text-align: left;
	cursor: default;
	}

td.full_queue_item_top {
	background: #0d6994;
	color: #fff;
	margin: 0 auto;
	margin-top: 5px;
	padding: 5px;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	cursor: default;
	}
	
	
a.full_queue_item_h {
	font-size: 16px;
	color: #0d6994;
	cursor: pointer;
	text-decoration: none;
	}

a.full_queue_item_h:hover {
	color: #000;
	}
	
	
.full_queue_item_auth {
	color: #6b6b6d;
	font-style: italic;
	}


.remove_book {
	background: #efabab;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #eb5757;
	color: #f05252;
	padding: 2px;
	}

.move_pos {
	background: #d3e2e9;
	border: 1px solid #0d6994;
	color: #0d6994;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	margin-bottom: 2px;
	width: 95%;
	}
	
	
/* --------- Breadcrumbs--------------
	Delicious breadcrumbs 
	-BS
-----------------------------------*/

	#breadcrumb, #breadcrumb a {
		color: #57360b;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
		}

	#breadcrumb a:hover {
		color: #000;
		text-decoration: underline;
		}

/*------ Invisible */

	.cant_see_shit{
		display: none;
		}	
		
	.can_see {
		display: block;
		}

/* --------- login --------------
	
	Styles for the login page
	
---------------------------------- */


	#login fieldset {
		width: 75%; 
		margin: 0 auto; 
		border: 1px dotted #687c85; 
		background: #f4f6f7; padding: 2px;
		}
		
	#login input {
		border: 1px solid #0d6994; 
		background: #fff; 
		padding: 3px;
		}
	
	
	#login .submit {
		border: 1px dotted #687c85; 
		background: #a0b4bd;
		color: #fff;
		font-weight: bold;
		font-size: 14px;
		}
		
	
	#login .submit:hover {
		border: 1px dotted #687c85;
		background: #0d6994;
		color: #fff;
		font-weight: bold;
		font-size: 14px;
		}
		
	#login .required{
		font-size: 11px;
		color: #949798;
		}
	
	
	#login legend {
		color: #0d6994; 
		line-height: 1; 
		padding: 0; 
		font-size: 1.1em; 
		background: none;
		}
	
	
	#login a{
		color: #0d6994;
		text-decoration: underline;
		}
	
		
	#login a:hover {
		color: #000;
		}
		
		
		
	#login .signup_now {
		font-size: 12px;
		}