a { text-decoration: none; color: blue; }
a:hover { text-decoration: underline; }

body { background-color: #efefef; }

div#listcaption { text-align: center; font-weight: bold; }
div#error  { text-align: center; border: 1px solid black; color: red; background-color: transparent; }
div#extra  { background-color: #eee; border: .5px solid black; }
div#extra ul { margin: 0; padding-left: 1em; padding-right: 1em; padding-top: 5px; padding-bottom: 5px; }
div#footer { text-align: center; font-size: 8pt; }
div#loading { position: fixed; left: 0; top: 0; }

img { border: 0; }
img.spaced { padding-right: 4px; }

fieldset.prefs { border: 0; }

legend { font-weight: bold; }

span.help { font-size: 75%; }

table.prefs tr td { padding: .25em; background-color: white; }
table.prefs tr.header td { font-size: 110%; font-weight: bold; font-variant: small-caps; background-color: #DDF; }

td.position { font-style: italic; text-align: center; font-size: 90%; }

tr.detail { background-color: white; }
tr.searchresult { background-color: white; }

td.error { color: red; font-weight: bold; text-align: center; }

.hidden {
	display: none;
}

#empty {
	text-align: center;
	font-size: 1.2em;
}

#facebox ul {
	margin-top: 0;
	padding-left: 1em;
}


ul.list {
	display: table;
	border-collapse: collapse;
	list-style-type: none;
	width: 99%;
}

	ul.list li {
		border-collapse: collapse;
		display: table-row;
		width: 100%;
	}

		ul.list li div {
			border: 1px solid black;
			display: table-cell;
			padding: 2px;
			vertical-align: top;
		}

		ul.list li div.position {
			text-align: center;
			font-size: 90%;
			vertical-align: middle;
			width: 2em;
		}

		ul.list li div.actions {
			vertical-align: middle;
			width: 5em;
		}
			div.actions img {
				cursor: pointer;
			}
			div.actions img:not(:last-child) {
				padding-right: 4px;
			}

		div.title-and-authors span.authors {
			display: block;
			font-size: 90%;
		}

		div.title-and-authors span.authors:not(:empty):before {
			content: '» ';
		}

	ul.list li.unread {
		background-color: white;
	}

	ul.list li.read {
		background-color: #f8fbf7;
	}

	ul.list li.unread.owned {
		background-color: #ffffef;
	}

	ul.list li.read.owned {
		background-color: #f0f7ff;
	}

img.readicon {
	opacity: 0.4;
}

	.read img.readicon {
		opacity: 1.0;
	}

img.ownedicon {
	opacity: 0.4;
}

	.owned img.ownedicon {
		opacity: 1.0;
	}

div.addbook {
	display: inline;
	float: right;
	text-align: right;
}

ul.innerbox {
	cursor: pointer;
}

option[selected="selected"] {
	font-weight: bold;
}

div#covers {
	max-width: 45em;
	overflow-x: auto;
	white-space: nowrap;
}

img.note {
	float: right;
	margin-top: -1em;
}

tr#loading td {
	font-size: 16pt; font-weight: bold;
}

/** Message area **/
div#msgarea {
	background-color: #FFE66B;
	display: none;
	font-weight: bold;
	padding: 3px;
	position: fixed;
	top: 0;
}

	div#msgarea.info {
		color: green;
		display: block;
	}

	div#msgarea.error {
		color: red;
		display: block;
	}

	div#msgarea a {
		margin-left: 2em;
		font-size: 85%;
	}

span.currpage {
	font-weight: bold;
}

.status {
	border: 0 !important;
	float: right;
}

.flash .error, .flash .success {
	border: 2px solid #ddd;
	margin-bottom: 1em;
	padding: 0.8em;
}

.flash .error {
	background: #fbe3e4;
	color: #8a1f11;
	border-color: #fbc2c4;
}

.flash .success {
	background: #e6efc2;
	border-color: #c6d880;
	color: #264409;
}

form.move {
	margin: 0;
	padding: 0;
}

form.move input {
	margin: 0;
	padding: 0;
	width: 2em;
}

.menu {
	max-width: 300px;
}

.ui-widget {
	font-size: .8em;
}