/*======================================================== YUI Autocomplete overrides ========================================================*/

.yui-ac-input {
	position: relative !important;
	width: 300px !important;
	}

input#coursePrefix, input#courseNumber, input#instructorFirstName, input#instructorLastName {
	width: 142px !important;
	}
	
	

html, body, div, h1, h2, h3, h4, p, ul, ol, li, em, img, form, table, a {
  margin: 0;
  padding: 0;
  border: 0;
  }

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	}
	
div#page {
	width: 950px;
	margin: 0 auto;
	padding: 0 2px;
	}
	
a {
	color: #01e;
	}
	
	a.ratebook {
		font-weight: bold;
		}
	
	a:hover {
		background-color: #d8e8ff;
		}



/*======================================================== Header ========================================================*/

html {
	overflow-y: scroll;
	}

div#header {
	height: 108px;
	background: url(images/header-bg.gif) right top no-repeat;
	}
	
	img#logo {
		margin-top: 55px;
		float: left;
		}
	
	div#fb-connect-button {
		float: right;
		margin-top: 73px;
		}
		
	form#login-top {
		margin-top: 61px;
		float: right;
		}
		
	div#login-top {
		margin-top: 78px;
		float: right;
		}
		
		div#login-top p {
			margin: 0 7px 0 0;
			color: #444;
			}
			

		form#login-top label {
			color: #777;
			font-size: 11px;
			margin: 0 2px;
			}
		
		form#login-top input#userEmail, input#userPassword {
			width: 115px;
			margin: 0 2px;
			border: 1px solid #999;
			padding: 2px;
			color: #444;
			font-size: 12px;
			font-family: Arial, Helvetica, Verdana, sans-serif;
			}
			
		form#login-top input#loginSubmit {
			margin: 0 3px;
			}
			
		form#login-top a {
			padding: 2px;
			margin: 0 4px 0 2px;
			}
		
		div#login-top a {
			padding: 2px;
			}
			
div#subheader {
	height: 15px;
	background: url(images/sub-header-bg.gif) 0 0 no-repeat;
	}



/*======================================================== Canvas ========================================================*/

div#canvas {
	width: 860px; /* 950px total */
	border: 5px solid #666;
	border-top: 0;
	padding: 0 40px 50px 40px;
	overflow: hidden; /* closes vertical gaps in border */
	}
	
	div#canvas a {
		padding: 1px;
		}
	
	div#main {
		width: 100%;
		}
		
		div#main-narrow { 
			width: 505px;
			float: left;
			}
		
	div#sidebar {
		float: right;
		width: 325px;
		margin-top: 22px;
		}
			
		div#sidebar p {
			line-height: 1.4em;
			margin: 0 0 0.5em 0;
			}
			
		div#sidebar ul {
			list-style: none;
			}
			
			div#sidebar ul li {
				margin: 4px 0;
				}
	
	p.alert {
		padding: 4px;
		text-align: center;
		border: 1px solid #d00;
		color: #a00;
		font-weight: bold;
		background-color: #ff7;
		}
	
	p#alert-top {
		margin: 22px 38px 0 38px;
		}
		
	div.alert-sub {
		text-align: center;
		margin: 30px 0 -10px 0;
		padding: 4px;
		position: relative;
		}
		
		div.alert-sub img.delete {
			position: absolute;
			top: 7px;
			right: 8px;
			cursor: pointer;
			}

form.container, div#reviewmain {
	padding: 20px 40px 10px 40px;
	}
	
	form.findclass {
		width: 425px;
		margin-top: 4px;
		}
		
		form.findclass label {
			font-size: 12px;
			color: #555;
			}
	
	form.container p, div#reviewmain p {
		margin: 0;
		}
	
	form.container table h2 {
		font-size: 13px;
		text-align: right;
		font-weight: bold;
		text-transform: uppercase;
		}

		form.container table td {
			padding: 6px 5px;
			}
			
			form.container table td.first {
				vertical-align: top;
				}
				
	form.container input {
		padding: 1px;
		}
	
		form.container input#askSubmit, form.container input#tellSubmit {
			margin: 5px 0;
			font-weight: bold;
			padding: 1px 3px;
			}

table {
	border: 0;
	padding: 0;
	margin: 0;
	}
	

p.dimmed, label.dimmed {
	color: #aaa;
	}
	
td.inputerror {
	background-color: #fdd;
	}
	
textarea#comments {
	margin-bottom: -5px;
	}
	
input#rateSubmit {
	margin-top: 8px;
	}
	
div#reviewlogin {
	margin: 9px 0;
	}
	
	div#reviewlogin input {
		margin: 8px 6px 8px 4px;
		}
		
	div#reviewlogin label {
		font-size: 12px;
		}

	


/*======================================================== Textual Elements ========================================================*/

h1, div#sidebar h2 {
	margin: 2.5em 0 0.4em 0;
	font-size: 15px;
	font-weight: bold;
	color: #0500cc;
	clear: both;
	}
	
	div#sidebar h2 {
		margin: 1.5em 0 0.4em;
		font-size: 14px;
		}

h2 {
	margin: 3px 0 2px 0;
	font-size: 17px;
	font-weight: bold;
	color: #000;
	}
	
	h2.noauthors {
		margin-bottom: 13px;
		}

h3 {
	font-size: 11px;
	font-weight: bold;
	}
	
	h3.authors {
		font-weight: normal;
		margin-bottom: 13px;
		}

p {
	margin: 0.5em 0 1.0em 0;
	line-height: 1.5em;
	}
	
em {
	font-style: italic;
	}
	
strong {
	font-weight: bold;
	}
	
.nomargin {
	margin: 0;
	}	

p.evenmargin {
	margin: 0;
	}
	
small {	
	font-size: 11px;
	}
	
	
	
/*======================================================== Confirm Class Page ========================================================*/

div.container {
	padding: 10px 15px;
	}
	
	.blue {
		background-color: #eef;
		border: 1px solid #9ae;	
		}
	
	.grey {
		background-color: #f0f0f0;
		border: 1px solid #c9c9c9;	
		}
		
	.green {
		background-color: #e6ffe6;
		border: 1px solid #9ca;
		}
		
	.yellow {
		background-color: #ffffc4;
		border: 1px solid #ec6;
		}
		
	.red {
		background-color: #fee;
		border: 1px solid #ebb;
		}
		


		div.container table td {
			padding: 5px 0;
			}

		div.container table td.first {
			text-align: right;
			padding-right: 10px;
			vertical-align: top;
			}

div#confirmclass {
	float: right;
	width: 360px;
	margin-right: 75px;
	}

img.statusmark {
	margin-right: 4px;
	}
	
input#submitClass {
	margin-top: 7px;
	padding: 1px 3px;
	}

span.found, span.notfound {
	font-size: 12px;
	line-height: 1.5em;
	}
	
span.found {
	color: #092;
	}
	
span.notfound {
	color: #c20;
	}


	
/*======================================================== Add Book page and Book Alerts page ========================================================*/

.textcenter {
	text-align: center;
	}

.floatleft {
	float: left;
	}
	
p.caption {
	font-size: 11px;
	color: #777;
	margin: 0;
	}

table#isbns, table#alerts {
	margin: 15px 40px 15px 0;
	}
	
	table#isbns td.first, table#alerts td.first {
		padding-right: 5px;
		font-weight: bold;
		}
		
	table#isbns td, table#alerts td{
		padding: 3px;
		}

	table#isbns input {
		padding: 2px;
		}
		
	table#isbns input.invalid {
		background-color: #fdd;
		border: 1px solid #d20;
		padding: 3px;
		}
		
	form.isbns {
		margin-left: 110px;
		}
		
input#submitBooks {
	margin: 5px 0;
	}

table#alerts {
	margin-top: 0;
	}
	
div#alertsignup {
	margin-top: 30px;
	}
	
	div#alertsignup label {
		padding-right: 5px;
		}
		
p.warning {
	background: url(images/warning-icon.gif) 0 3px no-repeat;
	padding-left: 19px;
	}
	
img#sampleisbn {
	border: 1px solid #bbb;
	}

span.minornote {
	font-size: 9px;
	font-weight: normal;
	color: #8a8;
	}



/*======================================================== Class Pages ========================================================*/

	
ul#selectedclass {
	list-style: none;
	padding: 6px;
	text-align: center;
	}
	
	ul#selectedclass li {
		display: inline;
		margin-right: 30px;
		}
	
	div.classbook {
		padding: 6px 10px;
		}
		
		div.classbook img.thumbnail {
			float: left;
			margin: 6px 15px 5px 4px;
			}
			
			div.classbook img.maxwidth {
				width: 130px;
				}

			
div.booksummary {
	}
	
	div.booksummary div.isbns {
		float: left;
		margin-right: 15px;
		width: 150px;
		}
		
		div.booksummary div.isbns p {
			font-size: 11px;
			color: #555;
			margin: 0 0 3px 0;
			}
		
		div.booksummary div.isbns div.prices {
			margin-top: 5px;
			}	
			
			div.booksummary div.isbns div.prices p {
				margin: 0;
				font-family: Tahoma, Arial, Helvetica, sans-serif;
				}
				
			div.booksummary div.isbns div.prices p a {
				text-decoration: none;
				border-bottom: 1px solid #88f;
				}
			div.booksummary div.isbns div.prices p a:hover {
				border-bottom-color: #22f;
				}
				
	div.booksummary div.buyrec {
		float: left;
		margin-right: 35px;
		text-align: center;
		}
		
		div.booksummary div.buyrec p.percentage {
			font-size: 25px;
			margin: 0 0 -10px 0;
			}	
			
	div.booksummary div.averages {
		float: left;
		width: 365px;
		font-size: 11px;
		}
			
		div.booksummary div.averages p {
			margin: 0 0 0.5em 0;
			line-height: 1.3em;
			}	
			
ul#ratings {
	list-style: none;
	margin-top: -3px;
	}
	
	ul#ratings li {
		padding: 10px 15px;
		margin-top: 11px;
		}
			
.clear {
	clear: both;
	}

.rightlink {
	float: right;
	margin-top: 2px;
	font-size: 11px;
	}

div.metadata {
	float: left;
	width: 160px;
	text-align: center;
	}
	
	div.metadata p {
		margin: 0;
		font-size: 12px;
		}
		
	div.metadata img {
		margin: 10px 0;
		max-height: 150px;
		}
		
div.midrating {
	margin-left: 180px;
	margin-right: 30px;
	}
	
	div.midrating h3 {
		margin-top: 15px;
		}
		
	div.midrating p {
		line-height: 1.35em;
		margin: 0.6em 0 0.8em 0;
		}

	div.midrating table {
		margin: 10px 0;
		}
		
		div.midrating table td {
			font-weight: bold;
			}
		
		div.midrating table td.first, div.averages table td.first {
				text-align: right;
				padding-right: 5px;
				vertical-align: top;
				font-weight: normal;
				}
				
		div.averages table td.first {
			width: 135px;
			}
				
		td span.buy {
			color: #091;
			font-size: 14px;
			}
		td span.dontbuy {
			color: #b00;
			font-size: 14px;
			}

div.usedfor {
	float: right;
	width: 250px;
	margin-bottom: 20px;
	margin-left: 40px;
	}
	
	div.usedfor h3 {
		margin: 10px 0 7px 0;
		}
	
	ul#ratings div.usedfor ul {
		list-style: none;
		}
		
		ul#ratings div.usedfor ul li {
			margin: 0;
			padding: 0;
			color: #cdc5aa;
			padding-left: 14px;
			margin-top: 2px;
			background: url(images/checkbox.gif) 0 4px no-repeat;
			}
			
		ul#ratings div.usedfor ul li.used {
			color: #000;
			background: url(images/checkmark-black.jpg) 0 2px no-repeat;
			}

	.collapsed {
		display: none;
		}		

h1.primary {
	font-size: 17px;
	}
	

		
/*======================================================== Recently Rated ========================================================*/
		
ul#recent {
	list-style: none;
	font-size: 12px;
	}
	
	ul#recent li {
		clear: left;
		display: block;
		}
	
	ul#recent li a {
		display: block;
		color: #000;
		text-decoration: none;
		padding: 8px;
		width: 489px;
		height: 75px;
		}
			
		ul#recent li a:hover h2 {
			text-decoration: underline;
			}
	
	ul#recent li img.thumbnail {
		float: left;
		margin-right: 8px;
		}
		
	ul#recent li h2 {
		font-size: 12px;
		font-weight: bold;
		margin: 0 0 10px 70px;
		}
		
	ul#recent li h3 {
		font-size: 12px;
		font-weight: normal;
		margin: 0 0 0 70px;
		color: #222;
		}
		
	ul#recent li p {
		margin: 6px 0 0 70px;
		color: #444;
		font-size: 11px;
		}

		ul#recent li p.clear { 
			margin: 0;
			}



/*======================================================== Book Tabs ========================================================*/

.tabnav {
	margin: 14px 0 5px 0;
	}
	
.tabnav li {
	display: inline;
	list-style: none;
	padding-right: 5px;
	}
	
	div#canvas .tabnav li a {
		text-decoration: none;
		font-weight: bold;
		padding: 5px 15px;
		border: 1px solid #9ca;
		border-bottom: #9ca;
		color: #3a5;
		}
		
	div#canvas .tabnav li a:hover, div#canvas .tabnav li a:active {
		background-color: #e6ffe6;
		border: 1px solid #9ca;
		color: #071;
		}
		
	div#canvas .tabnav li.ui-tabs-selected a {
		background-color: #e6ffe6;
		border: 1px solid #9ca;
		border-bottom: 1px solid #e6ffe6;
		cursor: default;
		outline: none;
		color: #071;
		}
		
.tabdiv {
	}

.ui-tabs-hide {
		display: none;
		}



/*======================================================== Footer ========================================================*/

div#footer {
	text-align: center;
	margin: 7px 0 40px 0;
	color: #777;
	font-size: 11px;
	}
	
	div#footer p {
		line-height: normal;
		display: inline;
		}
		
	div#footer ul {
		list-style: none;
		margin-left: 30px;
		display: inline;
		}

		div#footer ul li {
			border-left: 1px solid #777;
			display: inline;
			padding-left: 4px;
			}
			
		div#footer ul li.first {
			border: 0;
			}
	
			div#footer ul li a {
				padding: 1px 4px;
				}


	div#footer a {
		color: #777;
		text-decoration: none;
		}
		
		div#footer a:hover {
			text-decoration: underline;
			background-color: #fff;
			}
			
div#captcha {
	margin: 9px 0 7px 0;
	}		
			
	div#captcha input {
		width: 65px;
		}
		
	div#captcha label {
		font-size: 11px;
		}
		
	div#captcha img {
		margin-bottom: -6px;
		}
		
		div#captcha img#refresh {
			cursor: pointer;
			margin-bottom: -4px;
			}