/**
 * Stylesheet for www.krimi-couch.de - pages of type 'content'
 *
 * @media       screen, projection
 * @author      Lars Schafft, lars [dot] schafft [at] schafft-webdevelopment [dot] de
 * @uses        /styles/basic.css
 * @uses        /styles/screen/screen.css
 * @uses        /styles/screen/backgrounds.css
 * @version     2.0 (2006-03-26)
 */

/* {{{ import basic styles and different background styles */

@import url("/styles/2007/basic-1-00.css");
@import url("/styles/2007/screen/content-1-12.css");
@import url("/styles/2007/screen/elements-1-03.css");
@import url("/styles/2007/screen/forms-1-00.css");
@import url("/styles/2007/screen/backgrounds-1-02.css");

/* }}} */

#meine-head
	{
		border: 1px solid #fff;
		background: url(/images/layout/meine_bg.jpg) no-repeat top right;
		height: 406px;
		position: relative;
	}

#meine-head h1
	{
		margin: 20px 0 0 20px;
	}

#meine-head fieldset
	{
		margin: 40px 0 0 20px;
		width: 230px;
		border: 2px solid #fff;
		background: #2A333A;
		padding: 5px 15px;
		display: block;
		position: relative;
	}

html>body #meine-head fieldset
	{
		background: transparent url(/images/layout/meine_bg_transp.png) !important;
	}

#meine-head fieldset legend
	{
		font: italic bold 1.2em/1.5em Arial, sans-serif;
		position: relative;
		top: -1em;
		display: block;
	}

#meine-head fieldset p
	{

		margin: .25em 0;
		clear: both;
	}

#meine-head input.text
	{
		width: 9em !important;
	}

#content label
	{
		width: 16em;
		display: block;
		float: left;
	}

#meine-head label
	{
		width: 8em;
		font-size: 1.1em;
	}

#meine-head label.checkbox
	{
		width: auto !important;
	}

#meine-head ul
	{
		padding: 0 0 1em 1em;
		margin: 0;
	}

#register
	{
		border: 1px solid #fff !important;
		font-size: .8em;
		width: 120px !important;
		position: absolute !important;
		bottom: 20px;
		right: 20px;
	}

#register a.register-now, 
#register legend
	{
		font-weight: bold;
		font-size: 1.3em;
	}

#content input.text
	{
		width: 16em;
	}

input.error
	{
		border-color: #C50000;
	}

p.error
	{
		color:  #C50000;
	}

#meine-head fieldset p.error
	{
		margin-left: 0 !important;
		border: 0 !important;
	}
	
table#wishlist
	{
		margin-bottom: 0 !important;
	}

table#wishlist td
	{
		vertical-align: top;
	}

#wishlist li
	{
		line-height: 1.2em;
		padding: 0 !important;
		margin: 0 !important;
	}

#wishlist tr.x td
	{
		background: #CCE2F4 !important;
	}

#wishlist td.order form input.amazon-submit
	{
		border: 1px solid #2A333A;
	}

#whishlist label
	{
		display: none !important;
	}

table#wishlist td.book,
table#messages td.sender.portrait
	{
		background: #fff;
		color: #232328;
		vertical-align: top;
	}

table#wishlist td.book .author
	{
		display: block;
		margin-bottom: 1em;
	}

table#wishlist td.book .biblio
	{
		font-size: .8em;
	}

table#wishlist td.book a,
table#messages a
	{
		color: #232328;
	}

table#messages td
	{
		padding: .5em .7em;
	}

table#messages td.sender
	{
		background: #BEBEC3;
		color: #5A5F73;
		vertical-align: top;
	}

table#messages td.subject
	{
		vertical-align: top;
	}

table#messages td.subject.unread
	{
		font-weight: bold;
	}

table#messages td.date
	{
		font-size: .8em;
	}

table#messages td.date.unread
	{
		background: #000;
		color: #e1be6e;
	}

table#wishlist td.availability
	{
		background: #BEBEC3;
		color: #5A5F73;
		font-size: .8em;
		vertical-align: top;
		padding: 1.2em .5em !important;
	}

table#wishlist td.availability .price
	{
		font-weight: bold;
		margin-top: 1em;
	}

table#bookshelf
	{
		font-size: .85m;
		margin-bottom: 0;
		width: 100%;
	}

table#bookshelf td
	{
		padding: .5em;
		vertical-align: top;
	}

table#bookshelf th.genre
	{
		text-indent: -999em;
	}

table#bookshelf th.judgement
	{
		padding-left: .25em !important;
		padding-right: .25em !important;
	}

table#bookshelf td.genre
	{
		padding: 0;
		text-indent: -999em;
		width: 10px;
		background: #fff;
		border-right: 0 !important;
	}

table#bookshelf td.genre-101
	{
		background: #000;
	}

table#bookshelf td.genre-102
	{
		background: #634E77;
	}

table#bookshelf td.genre-103
	{
		background: #742901;
	}

table#bookshelf td.genre-104
	{
		background: #F55813;
	}

table#bookshelf td.cover
	{
		background: #fff;
		border-right: 0 !important;
		border-left: 0 !important;
	}

table#bookshelf td.cover img
	{
		border: 1px solid #232328;
	}

table#bookshelf td.title
	{
		background: #fff;
		border-left: 0 !important;
	}

table#bookshelf td.title span.publisher-year
	{
		display: block;
		font-size: .8em;
	}

table#bookshelf td.judgement
	{
		text-align: center;
		background: #d6d5d7;
		color: #72768a;
		font-size: 1.4em;
		font-weight: bold;
		letter-spacing: -1px;
		padding-top: .2em;
	}

table#bookshelf td.status
	{
		background: #bebec3;
		color: #5a5f73;
		text-align: center;
		width: 62px;
	}

table#bookshelf th.location,
table#bookshelf td.location
	{
		display: none;
	}

div.paginated-nav.to-table.bottom
	{
		margin-bottom: 0 !important;
		border-bottom: 1px solid #bebec3;
	}

div.paginated-nav.to-table.bottom.authors
	{
		margin-top: 0 !important;
	}

div.paginated input#savePreferredDisplay {float: left;}
div.paginated-nav.docked.bottom label {display: inline !important; width: 24.5em !important;margin-right: -1em;}

select#sortBy-1,
select#sortBy-2
	{
		width: 10.5em;
	}

select#sortOrder-1,
select#sortOrder-2
	{
		width: 4em;
		margin-left: -.8em;
	}

select#filter-1,
select#filter-2
	{
		width: 14em;
	}

li.author-selected a
	{
		background-color: #5a5f72;
		padding: 0 .2em;
		border-bottom: 1px solid #5a5f72;
		color: #fff !important;
		font-weight: bold;
	}

label.addToCart
	{
		display: block !important;
		width: 18px !important;
		margin-bottom: 1em;
		cursor: pointer;
	}

input.addToAmazonCart
	{
		display: none;
	}
.pngAlpha
	{
		background: transparent;
	}

fieldset#message .message-body
	{
		background: #fff;
		border: 2px solid #5A5F72;
		padding: .25em;
		max-height: 25em;
		overflow: auto;
	}

fieldset span.data-field
	{
		padding-left: 11em;
		display: block;
	}

fieldset#message span.data-field
	{
		font-weight: bold;
		padding-left: 10em;
		padding-right: 100px;
		display: block;
	}

fieldset#message span#portrait
	{
		position: absolute;
		top: 1.7em;
		right: 1.7em;
		display: block;
	}

#profile-head h1
	{
		font-size: 1em;
		font-weight: normal;
		color: #5A5F72;
	}

#profile-head h1 strong
	{
		font-weight: bold;
		color: #222127;
		letter-spacing: 0;
		display: block;
	}

#profile-head img
	{
		margin-top: -2.4em;
		position: relative;
		top: -20px;
	}

#profile-head div p,
#profile-head div  table
	{
		line-height: 1.2em;
		margin-bottom: 10px !important;
	}

#profile-head div.rc-content address
	{
		padding: 0;
		border: 0;
		font-family: Verdana, sans-serif;
		font-size: 1em;
	}

#profile-head h1,
#profile-head p,
#profile-head address
	{
		padding-left: 172px !important
	}

#profile table
	{
		border: 0 !important;
	}

#profile table th
	{
		background: transparent;
		color: #5C5F72;
		font-weight: normal;
		border: 0 !important;
		width: 10em;
		text-align: left;
	}

#profile table td
	{
		background: transparent;
		color: #222127;
		border: 0 !important;
	}

#profile div.profile-data
	{
		background: url(/images/layout/2007/bg-watson-fieldset.jpg) top right no-repeat;
		position: relative;
		margin-bottom: 1em;
	}

#profile div.profile-data h2
	{
		height: 57px;
		padding: 15px 0 0 20px;
		margin: 0;
		color: #5A5F73;
		font-weight: bold;
		font-size: 1em;
		letter-spacing: 0;
	}

#profile div.profile-data h2 span
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 7px;
		height: 59px;
		background: url(/images/layout/2007/corners/bg-profile-tl.jpg)  no-repeat;
		font-size: 12px;
		padding: 15px 0 0 29px;
	}

#profile div.profile-data h2 b
	{
		color: #222327;
	}

#profile div.profile-data div.content
	{
		border: 1px solid #BEBEC3;
		border-width: 0 1px;
		margin: 0;
		padding: 0 19px 5px 19px;
	}

#profile div.profile-data span.rc-bottom
	{
		background: url(/images/layout/2007/corners/paginated-l-docked.png) bottom left no-repeat;
		height: 5px;
	}

#profile div.profile-data span.rc-bottom span
	{
		background: url(/images/layout/2007/corners/paginated-r-docked.png) bottom right no-repeat;
		height: 5px;
	}

#profile form label,
#book-detail .tab label
	{
		width: 10em;
	}

#profile form input.text,
#profile form textarea.text,
#book-detail .tab input.text,
#book-detail .tab textarea.text
	{
		width: 22.5em;
	}

#profile form select,
#book-detail .tab select
	{
		width: 23.2em;
	}

#book-detail.disabled input.text,
#book-detail.disabled input.text:focus,
#book-detail.disabled textarea.text,
#book-detail.disabled textarea.text:focus
	{
		border: 0 !important;
		background: transparent !important;
		color: #232328 !important;
	}

#book-detail p.gap.txtsmall
	{
		margin-top: -15px !important;
		padding-left: 12.2em !important;
	}

#book-detail.disabled label
	{
		color: #72768a;
	}

#profile form p.radio-checkbox-inline
	{
		padding-left: 11em;
	}

#profile form #profile-head p
	{
		clear: none !important;
	}

#profile form #profile-head img
	{
		margin-top: -1.2em;
	}

#profile table#guestbook
	{
		border: 1px solid #5A5F73 !important;
		width: 100%;
	}

#profile table#guestbook td.message
	{
		border-bottom: 1px solid #5A5F73 !important;
	}

#profile table#guestbook th.date
	{
		text-align: right;
		padding: .5em 1em;
		width: 6em;
	}

div.profile-data p.gap
	{
		padding-left: 10.8em !important
	}

ul.userlist-portrait
	{
		list-style: none;
		padding: 0 !important;
	}

ul.userlist-portrait li
	{
		float: left;
		margin-right: 2em;
		text-align: center;
		display: block;
		position: relative;
	}

ul.userlist-portrait li img
	{
		border: 1px solid #5a5f73;
		display: block;
		margin: 0 auto .2em auto;
	}

ul.userlist-portrait li span
	{
		font-size: .8em;
	}

ul.userlist-portrait li.is-online span.online-marker,
div.listdiv-content.is-online span.online-marker,
table#guestbook  th.is-online span.online-marker,
table#messages  td.is-online span.online-marker,
table.userlist-portrait td.is-online span.online-marker,
div#profile-head div.is-online  span.online-marker
	{
		display:block;
		width: 15px;
		height: 19px;
		background:url(http://www.krimi-couch.de/images/layout/2007/icons/member-online.gif);
		position: absolute;
		top: -5px;
		right: -5px;
		cursor: help;
	}

table#guestbook  th.is-online div,
table#messages  td.is-online div,
table.userlist-portrait td.is-online div
	{
		position: relative;
	}

table#guestbook  th.is-online span.online-marker
	{
		right: 0;
		top: 1px;
		left: -3px;
	}

table#messages  td.is-online span.online-marker
	{
		right: 0;
		top: -3px;
		left: -3px;
	}

div#profile-head div.is-online  span.online-marker
	{
		right: 0;
		top: 1em;
		left: 1em;
	}

div.listdiv-content a.portrait
	{
		position: relativ !important;
	}

div.listdiv-content span.online-marker
	{
		top: 2.4em !important;
	}


body.content table.userlist-portrait
	{
		border: 0 !important;
	}

body.content table.userlist-portrait td
	{
		padding: .5em 1.5em !important;
		background: none !important;
		border: 0 !important;
		text-align: center;
		font-size:.8em;
	}

table.userlist-portrait tr.pic td
	{
		padding-bottom: 0 !important;
	}

table.userlist-portrait tr.status img
	{
		border: 0;
	}

body.content table.userlist-portrait tr.judgement td
	{
		color: #72768a;
		font-size: 1.4em;
		font-weight: bold;
		letter-spacing: -1px;
		padding: 0 0 1.5em 0 !important;
	}

#content h1 a
	{
		display: inline;
		text-transform: none;
		letter-spacing: 0;
		font-weight: bold;
	}

#content h1:first-letter
	{
		text-transform: none;
	}

div.content-head div.headlines
	{
		width: 20em;
	}

div.content-head h2 a
	{
		color: #000 !important;
		text-decoration: none;
		border-bottom: 1px solid #000;
	}

div.content-head form p
	{
		margin-bottom: 0 !important;
	}

div.content-head a#bookshelf img,
div.content-head a#buy img
	{
		float: none !important;
		margin: 0 !important;
	}

div.content-head form,
div.content-head a#bookshelf,
div.content-head a#buy
	{
		margin-right: 5px;
		float: left;
		display: block;
	}


label#label-publisher,
label#label-pages,
label#label-isbn13,
label#label-purchase_price,
label#label-date_of_reading,
label#label-date_of_loan
	{
		display: inline;
		float: none;
		width: auto;
		padding: 0;
	}

label#label-purchase_currency
	{
		position: absolute;
		left: -999em;
	}

input#publication_year,
input#publication_year
	{
		width: 4em !important;
		margin-right: .8em;
	}

input#publisher,
span#publisher
	{
		width: 12.4em !important;
	}

input#isbn10,
spant#isbn10
	{
		width: 6.7em !important;
		margin-right: .5em;
	}

input#isbn13,
span#isbn13
	{
		width: 9em !important;
	}

select#media
	{
		width: 14em !important;
		margin-right: 1em;
	}

input#pages,
span#pages
	{
		width: 3em !important;
	}

input#purchase_price
	{
		width: 3em !important;
		text-align: right;
	}

select#purchase_currency
	{
		width: 6.5em !important;
	}

input#book_is_read
	{
		margin-right: 1em;
	}

input#loaned_to
	{
		width: 11.5em !important;
		margin-right: 1.1em;
	}

input#date_of_loan,
input#date_of_purchase,
input#date_of_reading
	{
		width: 6em !important;
	}

span#isbn10,
span#isbn13,
span#pages,
span#publication_year,
span#publisher,
span#media
	{
		display: inline !important;
		padding-left: 0;
		padding-right: 1em;
	}

div.rc-content input#query
	{
		width: 13.5em !important;
	}

div.rc-content select#cat {
	margin-left: -.4em;
	border:2px solid #5a5f73;
	position:relative;
	top: -2px;
	padding-bottom:4px;
}