/***********************************************************/
/* Opmaak voor het AJAX popupPanel bij invullen resultaten */
/***********************************************************/

/* Algemeen popupPanel*/
.popupPanel {
	padding: 10px;
	background-color: #F00;
	color: #fff;
	border-style: solid;
	border-color: silver;
	border-width: 5px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;
	letter-spacing: 10%;
	z-index: 1000; /* boven de andere elementen positioneren*/
}

.popupPanel a {
	color: #fff;
}

.popupPanel a:hover {
	color: #00f;
}

.loginError {
	background-color: #333; /* black. was: #fffacd; /* lemonchiffon */
	color: #fff;
	font-weight: bold;
	letter-spacing: 15%;
	padding: 5px;
}

/* popupPanel Chart */
.popupChart {
	padding: 10px;
	background-color: #FFF;
	color: #000;
	border-style: solid;
	border-color: silver;
	border-width: 5px;
	vertical-align: top;
	text-align: left;
	letter-spacing: 10%;
	z-index: 1000; /* boven de andere elementen positioneren*/
}

/***********************************************************/
/* Instellingen voor AJAX popupPanel fly-in's            */
/***********************************************************/
/* buiten beeld positioneren voor popUp animaties */
.flyInLoginPanel {
	position: absolute;
	top: -250px;
	right: 100px;
	z-index: 100000; /* boven de andere elementen positioneren*/
}

.flyInLoanPanel {
	position: absolute;
	top: -350px;
	right: 150px;
	z-index: 100000; /* boven de andere elementen positioneren*/
}

.flyInBookmarkPanel {
	position: absolute;
	top: -300px;
	right: 300px;
	z-index: 100000; /* boven de andere elementen positioneren*/
}

.flyInMailAFriendPanel {
	position: absolute;
	top: -600px;
	right: -400px;
	height: 400px;
	width: 600px;
	z-index: 100000; /* boven de andere elementen positioneren*/
}

/* De kleur van de achtergrond wanneer een pop-upvenster (modal popupextender) actief is */
.modalBackground {
	background-color: #000;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/*Textbox Watermark*/
.unwatermarked {
	height: 18px;
	width: 148px;
	font-weight: bold;
}

.watermarked {
	height: 20px;
	width: 150px;
	padding: 2px 0 0 2px;
	border: 1px solid #BEBEBE;
	background-color: #F0F8FF;
	color: gray;
}

/* Algemene lay-out classes */
.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.center {
	margin: 0 auto;
}

.clearBoth {
	clear: both;
}

.loginHyperlinks a {
	text-decoration: none;
	color: #fff;
}
.loginHyperlinks a:hover {
	text-decoration: underline;
	color: #ff0000;
}
.margin35px {
	margin-left: 35px;
}

.extraContent {
	margin-left: 35px;
}

/* Registratieformulier, Profielgegevens en Wachtwoord wijzigen */
#registration .rij, #profile .rij, #changePassword .rij {
	display: block;
	clear: both;
	margin-top: 0.6em; /*font-size: 1.2em;*/
}

#registration fieldset, #profile fieldset, #changePassword fieldset {
	margin: 1em;
	padding: 1em;
	margin-left: 35px;
	border: none;
}
#registration .rij label, #profile .rij label, #changePassword .rij label {
	width: 14em;
	float: left;
}

#registration .rij input.tekstveld, #profile .rij input.tekstveld, #changePassword .rij input.tekstveld {
	width: 20em;
	height: 1.4em;
	letter-spacing: 0.1em;
	border: 1px solid silver;
}

#registration .rij input.tekstveld:focus, #profile .rij input.tekstveld:focus, #changePassword .rij input.tekstveld:focus {
	background-color: #FFFFCC; /* lichtgeel */
	border: 1px solid #FFCC99; /* licht oranje */
}

.validatorCalloutHighlight {
	background-color: #fffacd; /* lemonchiffon */
}

.focus {
	background-color: #FFFFCC; /* lichtgeel */
	border: 2px solid #FFCC99; /* licht oranje */
}



/***********************************************************/
/* Instellingen voor FAQ                                   */
/***********************************************************/
#divFaq h2, #divFaq h3 {
	margin-left: 35px;
}
.faqQuestion {
	font-weight: bold;
	margin-bottom: 0.8em;
	margin-top: 1em;
	margin-left: 35px;
	background-color: #fffacd; /* lemonchiffon */
}
.faqAnswer {
	font-weight: normal;
	margin-left: 35px;
}

.faqCategory {
	font-size: smaller;
}

.faqPanelQuestion {
	margin-top: 30px;
	padding: 10px;
}

/***********************************************************/
/* Instellingen voor 404                                   */
/***********************************************************/
#notFound {
	/*float:left;*/
	font-size: 180px;
	color: silver;
	margin-left: 50px;
}

/***********************************************************/
/* Instellingen voor knoppen in My Yindo (tabblad          */
/* afgeleid van readerButtonsContainer, etc. Alleen
/* de noodzakelijke declaraties aangepast
/***********************************************************/

.myYindoButtonsContainer {
	float: left;
	width: 100%;
	margin-left: 8px;
}

ul.myYindoButtons {
	display: block;
	float: left;
	width: 840px; /* breedte van het blok onder het boekenplankje (865px in IE?)*/
	margin: -25px 0 35px 25px;
	height: 25px;
	padding: 0;
	list-style-type: none;
	background: url('../images/readerButtonsBg.png') repeat-x;
}
* + html ul.myYindoButtons {
	margin-left: 0;
}

/* Extra stijlen voor de knoppen in het panel Meer Info in de reader */
/* Deze moeten uiteindelijk via unieke stijlen worden opgemaakt (Antoni?) */
.moreInfoButtonsContainer {
	float: left;
	width: 100%;
	margin-left: 25px;
	margin-top: -25px;
}

ul.moreInfoButtons {
	height: 32px;
	width: 640px;
	list-style-type: none;
	background: url('../images/SubTabsBG.png') no-repeat;
}

ul.moreInfoButtons li {
	display: inline;
}

ul.moreInfoButtons li a {
	background: url('../images/SubTabBgShade.png');
	background-repeat: repeat-x;
	padding: 2px 5px;
	margin: 5px;
	font-family: "Trebuchet MS" , Verdana, Arial,sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #333;
	letter-spacing: 2px;
	display: block;
	float: left;
}

ul.moreInfoButtons li a:hover {
	color: White;
}

.infoRow {
	margin-left: 35px;
	line-height: 180%;
}

/* extra klasse voor eventuele bullet lists in de description van boeken in de Reader tabblad Meer info, Algemeen */
.moreInfo ul {
	margin-left: 10px;
}

/* Stijlen voor hyperlink om boek terug te zetten op plankje, vanuit geschiedenis */
.resetBook {
	text-decoration: underline;
	cursor: pointer;
}

/**********************************************************/
/* Stijlen voor AJAX Rating Control              */
/********************************************************/
.ratingStar {
	font-size: 0pt;
	width: 13px;
	height: 12px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	display: inline;
	background-repeat: no-repeat;
}

.filledRatingStar {
	background-image: url(../images/ui/Rating_FilledStar.png);
}

.emptyRatingStar {
	background-image: url(../images/ui/Rating_EmptyStar.png);
}

.savedRatingStar {
	background-image: url(../images/ui/Rating_SavedStar.png);
}


/**********************************************************/
/* Stijlen voor bookmarkList in Yindo Reader             */
/********************************************************/
#bookmarkList {
	font-size: 12px;
	margin-left: -10px;
}


/**********************************************************/
/* Stijlen voor inhoudsopgaveLijst in Yindo Reader             */
/********************************************************/
#tocList {
	font-size: 12px;
	margin-left: -10px;
}


/**********************************************************/
/* Stijlen voor de lijst Mijn boeken (linksonder in Yindo Reader   */
/********************************************************/
#myBooksList ul {
	list-style-type: none;
	margin-left: 20px;
}

#myBooksList ul li {
	/*   display:block;     margin-top:3px;*/
}

#myBooksList ul li a {
	display: block;
	margin-top: 30px;
	font-size: 12px;
}

#myBooksList ul li img {
	margin-right: 5px;
}
/**********************************************************/
/* Stijlen voor FTS-zoekresultaten in Yindo Reader             */
/********************************************************/
.ftsResultsOverflow {
	/*max-height: 200px;*/
	height: 400px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.ftsResults {
	height: auto;
	overflow: visible;
}

#ftsResults ul {
	margin-left: -20px;
	line-height: 140%;
	font-size: 12px;
}
/**********************************************************/
/* Opmaak voor de inhoudsopgave in Yindo Reader (Table of Contents, toc) */
/********************************************************/
#toc {
}

#toc ul li {
	list-style-type: none;
}

.tocLevel1 {
	font-size: larger;
	font-variant: small-caps;
	margin-top: 20px;
	text-decoration: none;
	list-style: none;
	margin-left: -5px;
}

.tocLevel2 {
	padding-left: 10px;
}

.tocLevel3 {
	padding-left: 20px;
	font-size: smaller;
}

.activeLinkToc {
	text-decoration: underline;
	cursor: pointer;
}

.inactiveLinkToc {
	text-decoration: none;
	cursor: default;
}

/**********************************************************/
/* Yindo Reader - Lenen via nieuw aan te schaffen voucher */
/********************************************************/
#divBuyNewCredit{
	line-height:200%;
	background:#FFFFCC;
	padding:10px;
	display:none;
}

/**********************************************************/
/* Yindo Reader - stijlen voor lenen/abonnementen		 */
/********************************************************/
#shelfPanel {
}
.yindoLoanButton {
	min-width: 130px; /*height: 40px;*/
	display: inline-block;
	border-radius: 10px;
	color: #FFFFFF;
	border: 1px solid #333;
	box-shadow: 5px 5px 10px #333;
	padding: 5px;
	margin: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	cursor: pointer;
	text-decoration: none;
}

.yindoLoanButtonDisabled {
	min-width: 130px; /*height: 40px;*/
	display: inline-block;
	border-radius: 10px;
	color: #000000;
	border: 1px solid #333;
	box-shadow: 5px 5px 10px #333;
	padding: 5px;
	margin: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
}

.negativeTopMargin{
	margin-top:-30px;
}
.yindoLoanButton:hover {
	color: Black;
}
.divSubscription {
	width: 400px;
	border-radius: 10px;
	border: 1px solid #333;
	box-shadow: 5px 5px 10px #333;
	padding: 5px;
	margin: 10px 10px 30px 35px;
	background: #F5F5F5;
}

.subscriptionName {
	font-size: larger;
	font-weight: bold;
	letter-spacing: 2px;
	color: #B22222; /*firebrick (roodtint) */
}

.subscriptionPrice {
	font-size: 24px;
	color: #B22222; /*firebrick (roodtint) */
}

a.upgradeSubscription {
	font-weight: bold;
	letter-spacing: 2px;
	color: #B22222; /*firebrick (roodtint) */
	text-decoration: none;
}

a.upgradeSubscription:hover {
	text-decoration: underline;
	cursor: pointer;
}

.btnBuySubscription {
	margin-top: -10px;
	min-width: 0;
}
/* Stijlen voor notifier van abonnementen mbt vrije/gebruikte posities */
.subscriptionNotifier {
	font-size: larger;
	font-weight: bold;
	border: 2px solid #A9A9A9;
	color: #fff;
	background-color: #000;
	border-radius: 20px;
	padding: 2px 6px;
	margin: 0 4px;
}
.subscriptionNotifierOK {
	background: #32CD32;
	background: linear-gradient(top, limegreen, lawngreen);
}

.subscriptionNotifierCaution {
	background: #FF4500;
	background: linear-gradient(top, limegreen, orange);
}

.subscriptionNotifierAlert {
	background: #B22222;
	background: linear-gradient(top, darkred, orange);
}

.subscriptionDescription {
	font-size: 13px;
	line-height: 160%;
	margin: 4px 35px !important; /* lelijk, maar vooruit */
}

/* Stijlen voor de overlay met subscriptionDetails */
#divSubscriptionDetails {
	max-height: 260px;
	overflow-y: scroll;
	overflow-x: hidden;
	background-color: transparent;
}

#divSubscriptionDetails ul {
	list-style-type: none;
}
#divSubscriptionDetails ul li {
	display: block;
}
#divSubscriptionDetails ul li img {
	width: 40px;
	margin: 5px;
}

.subscriptionNotifierCallout {
	margin: 5px 35px;
	padding: 4px 10px 4px 10px;
	border: 1px solid #A9A9A9;
	background-color: #FAFAD2;
	color: #B22222;
	font-size: 16px;
	font-weight: bold;
	border-radius: 4px;
}

.subscriptionNotifierCallout + h2 {
	margin-top: 12px; /* Volgende h2 iets naar beneden verplaatsen, maar alleen indien de abo-melding zichtbaar is */
}

.yindoPointsNotifier {
	font-size: 14px;
	font-weight: bold;
	color: #B22222; /*firebrick (roodtint) */
}
/* Stijlen voor de pagina subscriptions.aspx met alle abo's per uitgever */
.subscriptionItem{
	width: 320px;
	min-height:120px;
	border: 2px solid #eee;
	background: #F5F5F5;
	display:inline-block;
	cursor: pointer;
	margin:4px 4px 4px 35px;
	padding:4px;
	border-radius:4px;
}

.subscriptionItem:hover{
	border: 2px solid #3300FF;
}
.subscriptionItem img{
	float:left;
	margin:10px;
}
/***********************************************************/
/* Instellingen voor Orderformulier (order.aspx)	 	*/
/***********************************************************/
#orderForm .lbl {
	font-weight: bold;
}
#orderForm input.tekstveld {
	height: 1.4em;
	letter-spacing: 0.1em;
	border: 1px solid silver;
}
#orderForm input.tekstveld:focus {
	background-color: #FFFFCC; /* lichtgeel */
	border: 1px solid #FFCC99; /* licht oranje */
}
#orderForm .accordionHeader {
	color: white;
	background-color: #719DDB;
	font: bold 12px auto "Trebuchet MS" , Verdana;
	font-size: 12px;
	cursor: pointer;
	padding: 4px;
	margin-top: 3px;
}
#orderForm .accordionContent {
	background-color: #DCE4F9;
	font: normal 12px auto Verdana, Arial;
	border: 1px gray;
	padding: 4px;
	padding-top: 7px;
}
#orderForm .paymentWarning {
	padding-top: 12px;
	font-weight: bold;
	color: #B22222; /* Firebrick */
	clear: both;
}

/**********************************************************/
/* Pagina SubscriptionDetails.aspx		 */
/********************************************************/
/* algemene wrapper */
#pageSubscriptionDetails {
	margin-left: 35px;
}
/* Stijlen voor de lijst met boeken in dit abonnement */
#pageSubscriptionDetails ul {
	list-style: none;
	float: left;
}
#pageSubscriptionDetails li {
	display: block;
	float: left;
	padding: 2 6px;
	height: 130px;
	width: 230px;
	border: 2px solid #ccc;
	border-radius: 4px;
	background-color: #fafafa;
	font-size: 12px;
	margin: 6px;
}

#pageSubscriptionDetails ul li img {
	float: left;
	margin: 6px;
	width: 60px;
	border: 1px solid #888;
	border-radius: 10px;
	box-shadow: 3px 3px 3px #888888;
}
.hlOnShelf {
	/*text-decoration: underline;*/
	cursor: pointer;
}

/* Stijlen voor de subscription FAQ */
#subscriptionFaq {
	width: 640px;
}

#subscriptionFaq ul {
	list-style: none;
}

#subscriptionFaq li {
}

.subscriptionFaqQuestion {
	display: block;
	color: #000; /*#800000;*/
	font-size: 14px;
	margin-top: 20px;
	font-weight: bold; /*letter-spacing: 2px;*/
}
.subscriptionFaqAnswer {
	color: #000000;
	font-size: 14px;
	line-height: 150%;
}
/* Verschillende gradients. De eerste background:-vermeldingen zijn voor gradient-impaired browsers (IE) */
.blackGradient {
	background: #696969;
	background: linear-gradient(top, black, grey);
}
.redGradient {
	/*background: #B22222; 	background: linear-gradient(top, darkred, orange);*/ /* Even wat minder uitbundig gemaakt, door rood te vervangen door grijzig */
	background: #A9A9A9;
	background: linear-gradient(top, #A9A9A9 , #D3D3D3);
}
.blueGradient {
	background: #1E90FF;
	background: linear-gradient(top, blue, deepskyblue);
}
.greenGradient {
	background: #32CD32;
	background: linear-gradient(top, limegreen, lawngreen);
}

.paymentFormButton {
	margin-left: 50px;
	width: 155px;
	height: 40px;
	background: #32CD32;
	background: linear-gradient(top, limegreen, lawngreen);
}

#divLoanOptions {
	font-size: 14px;
	line-height: 150%;
}

.rblLoanOptions, .rblLoanOptions input[type=radio], .rblBuyOptions, .rblBuyOptions input[type=radio], .buyOptionsText {
	font-size: 14px;
	line-height: 150%;
}

/**********************************************************/
/* Opmaak voor de tabel met in/uitklappende rijen bij rapportage uitgevers (publishers/myLoans.aspx)
/********************************************************/

.grid {
	border: solid 2px #a5a4bd;
	font-family: Tahoma;
	font-size: 12px;
	width: 650px;
	margin-left: 35px;
	margin-top: 20px;
}
.grid h3 {
	background: #8988a5 url(../images/ui/title-bg.gif);
	border-bottom: solid 1px #57566f;
	height: 28px;
	line-height: 28px;
	margin: 0px;
	padding: 0px 0px 0px 5px;
	color: #fff;
	font-size: 15px;
}
.grid table {
	width: 650px;
}

/* grid headers */
.grid #orders .head th, .grid #summary .head th {
	background: #e9e9eb url(../images/ui/header-bg.gif);
	height: 24px;
	line-height: 24px;
	padding-left: 6px;
	color: #666666;
	text-align: left;
}
.grid #orders .head TH.first {
	/* get rid of the first slash */
	background: #e9e9eb url(../images/ui/header-bg.gif) -3px;
	width: 20px;
}

/* group header */
.grid #orders .group TH {
	padding: 10px 0px 2px 0px;
	color: #666666;
	text-align: left;
	border-bottom: solid 2px #a5a4bd;
}
.grid #orders .group TH.first {
	text-align: center;
	border-bottom: none;
}

/* data items */
.grid #orders .item TD {
	padding: 3px 0px 3px 6px;
	border-bottom: solid 1px #eae9e1;
	color: #222222;
}

/* pager */
.grid #pager .pager TD {
	height: 40px;
}
.grid #pager .pager .commands {
	height: 40px;
	padding: 4px 0px 0px 25px;
}
.grid #pager .pager .info {
	padding: 4px 25px 0px 0px;
	text-align: right;
}
.hidden {
	display: none;
	visibility: hidden;
}


/**********************************************************/
/* Opmaak voor Twitter panel en resterende tekens in Yindo Reader, tabblad Tweets
/********************************************************/
/* Character Count styles */
#tweetPanel {
}
#tweetPanel label {
	display: block;
	font-size: 20px;
}
#tweetPanel textarea {
	width: 400px;
	height: 80px;
	border: 2px solid #ccc;
	padding: 3px;
	margin-top: 3px;
	color: #555;
	font: 16px Arial, Helvetica, sans-serif;
}
#tweetPanel div {
	position: relative;
	margin: 1em 0;
}
#tweetPanel .counter {
	position: absolute;
	right: 100px; /* uitlijnen vanaf rechts */
	top: 35px;
	font-size: 20px;
	font-weight: bold;
	color: #999;
}
#tweetPanel .warning {
	color: #600;
}
#tweetPanel .exceeded {
	color: #e00;
}
#tweetResults {
	margin: 20px 0px;
}

#tweetResults .tweet {
	font-size: 14px;
	color: #600;
	line-height: 21px;
}

#tweetResults .tweetText {
}

#tweetResults .tweetFrom {
	font-size: 10px;
	color: #333;
}

#tweetResults .tweetWhen {
	font-size: 10px;
	color: #333;
}

#tweetResults .tweetEmpty {
	font-size: 20px;
	font-weight: bold;
	color: #999;
}

/**********************************************************/
/* Stijlen voor de HTML-reader.                           */
/**********************************************************/

#YindoReader #reader {
	margin-left: 5px;
	/*width: 620px;
	height: 800px;*/
	background-color: transparent; 
	color: black; 
	border: 1px solid #ccc;
}
#YindoReader #controls {
	margin-left: 5px;
	position: relative;
	width: 615px;
	height: 24px;
	/*background-color: #FFFFCC;*/
	background: -moz-linear-gradient(top,  rgba(196,196,196,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,196,196,1)), color-stop(100%,rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top,  rgba(196,196,196,1) 0%,rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top,  rgba(196,196,196,1) 0%,rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top,  rgba(196,196,196,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(top,  rgba(196,196,196,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#00ffffff',GradientType=0 );

	border: 1px solid #ccc;
	padding: 10px 0 10px 5px;
}

#YindoReader #controls input[type=text] {
	text-align: center;
	height: 18px;
	width: 32px;
}
#YindoReader #controls input[type=button] {
	text-align: center;
	height: 24px;
	margin-right: 5px;
	cursor: pointer;
	/* toegevoegd. Lay-out */
	color:#fff;
	font-weight:bold;
	border-radius: 4px;
	border: 1px solid black;
	/* achtergrond-verloopjes. Set 1 */
	/*background: rgb(76,76,76);
	background: -moz-linear-gradient(top,  rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1)));
	background: -webkit-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
	background: -o-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
	background: -ms-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
	background: linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); */
	/* achtergrond-verloopjes. Set 2 */
	background: rgb(173,173,173);
	background: -moz-linear-gradient(top,  rgba(173,173,173,1) 0%, rgba(170,170,170,1) 12%, rgba(150,150,150,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(173,173,173,1)), color-stop(12%,rgba(170,170,170,1)), color-stop(25%,rgba(150,150,150,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1)));
	background: -webkit-linear-gradient(top,  rgba(173,173,173,1) 0%,rgba(170,170,170,1) 12%,rgba(150,150,150,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
	background: -o-linear-gradient(top,  rgba(173,173,173,1) 0%,rgba(170,170,170,1) 12%,rgba(150,150,150,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
	background: -ms-linear-gradient(top,  rgba(173,173,173,1) 0%,rgba(170,170,170,1) 12%,rgba(150,150,150,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
	background: linear-gradient(top,  rgba(173,173,173,1) 0%,rgba(170,170,170,1) 12%,rgba(150,150,150,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adadad', endColorstr='#131313',GradientType=0 );

	
}
#YindoReader .navLinks {
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: top;
	width: 36px;
	height: 24px;
	display: block;
	float: left;
	margin-right: 5px;
}

#YindoReader .navLinks:first-child {
	margin-left:4px; /* Eerste knop extra marge geven om ze optisch te centreren. Niet fraai */
}
#YindoReader .focus {
	border: 2px solid #87CEFA;
	background-color: #FFFFFF;
}

/**************************/
/* Styling voor overlays */
/**************************/

/* the overlayed element */
.simple_overlay {
	/* must be initially hidden */
	display: none;
	z-index: 10000;
	background-color: #333;
	width: 675px;
	min-height: 200px;
	max-height: 680px;
	border: 1px solid #666; 
	-moz-box-shadow: 0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000; /* zelf toegevoegd (PK) */
	padding: 10px;
	color: White;
	font-size: 14px;
	border: 5px solid #F5F5F5;
	border-radius: 8px;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image: url(/images/ui/overlay-close.png);
	position: absolute;
	right: -15px;
	top: -15px;
	cursor: pointer;
	height: 30px;
	width: 30px;
}

.simple_overlay h2 {
	color: White;
}

.overlayVid {
	cursor: pointer;
	border-bottom: #333333 1px solid;
	border-left: #333333 1px solid;
	background-color: #eeeeee;
	margin: 10px 0px 10px 35px;
	width: 320px;
	height: 192px;
	border-top: #333333 1px solid;
	border-right: #333333 1px solid;
}

/* overlay News */
#divNews {
	max-height: 400px;
	overflow-x: none;
	overflow-y: scroll;
}

#divNews ul li {
	line-height: 200%;
}

#divNews ul li a {
	color: #b0ccc6; /* zeegroen */
}
/***********************/
/* flexibele kolom links, te verbergen */
/**********************/
#hlHideLeftCol {
	position: absolute;
	top: 90px;
	left: 120px;
	z-index: 2;
	font-size: 14px;
}

/********* algemene tekstopmaak classes ***************/
.highlightSearch {
	font-weight: bold;
	background-color: #ff9;
}

.strikethrough {
	text-decoration: line-through;
}

.darkText {
	color: Black;
}

.whiteText {
	color: White;
}

/* opmaak voor progressIndicator */
.progressIndicator {
	display: inline-block;
	margin-left: 40px;
	padding-left: 105px;
	height: 100px;
	background: url('img/loader_white.gif') no-repeat top left;
	text-align: center;
	font-size: 24px;
	color: #999;
}
.progressIndicator img {
	display: block;
	margin: 0 auto;
	width: 60px;
	height: 60px;
}

#hlWhatIsYindo{
	
}
/***********************/
/* Stijlen voor HTML boekenplankje */
/**********************/
/* knopweergave onder het boekenplankje in Mijn Yindo */
.shelfHeader {
	color: #19388a;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 12px 35px;
	padding: 0;
}

.btnMyYindo {
	background: #4c4c4c; /* Old browsers */
	background: -moz-linear-gradient(top, #4c4c4c 0%, #bcbcbc 13%, #a5a5a5 25%, #727272 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(13%,#bcbcbc), color-stop(25%,#a5a5a5), color-stop(39%,#727272), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4c4c4c 0%,#bcbcbc 13%,#a5a5a5 25%,#727272 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #4c4c4c 0%,#bcbcbc 13%,#a5a5a5 25%,#727272 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #4c4c4c 0%,#bcbcbc 13%,#a5a5a5 25%,#727272 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* IE10+ */ /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #4c4c4c 0%,#bcbcbc 13%,#a5a5a5 25%,#727272 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); /* W3C */
	min-width: 80px;
	height: 24px;
	margin: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	cursor: pointer;
	border-radius: 8px;
	border: 1px solid #bcbcbc;
	display: inline;
}

.btnMyYindoDisabled {
	background: #bcbcbc;
	border: 1px solid #808080;
	color: #DCDCDC;
	cursor: default;
}

#pagination-prev {
	width: 25px;
	height: 38px;
	background: transparent url(img/arrows.png) no-repeat top left;
	position: absolute;
	top: 50%;
	margin-top: -19px;
	left: 0;
	text-indent: -9000px;
	cursor: pointer;
	z-index: 100;
	opacity: 0.6;
}

#pagination-next {
	width: 25px;
	height: 38px;
	background: transparent url(img/arrows.png) no-repeat top right;
	position: absolute;
	top: 50%;
	margin-top: -19px;
	right: 0;
	text-indent: -9000px;
	cursor: pointer;
	z-index: 100;
	opacity: 0.6;
}

#pagination-prev:hover, #pagination-next:hover {
	opacity: 1.0;
}

#selectedBookExpiryDate {
	text-align: center;
	margin-top: -2px;
}

/***********************/
/* Sitewide: stijlen voor HTML Mega Menu */
/**********************/
.megamenu {
	position: absolute;
	display: none;
	left: 0;
	top: 0;
	background-color: #F0F8FF; /* aliceBlue */
	border: 1px solid #b0ccc6; /* was: #4682B4;*/
	border-width: 7px 2px;
	padding: 12px; /*font: normal 12px Verdana;*/
	z-index: 100;
	min-width: 350px;
	min-height: 210px;
}

.megamenu .column {
	float: left;
	width: 180px; /*width of each menu column*/
	margin-right: 5px;
}

.megamenu .column ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.megamenu .column ul li {
	padding-bottom: 5px; /*display: inline;*/
}

.megamenu .column h3 {
	background: #e0e0e0;
	font: 14px Arial;
	margin: 0 0 5px 0;
	padding-top: 4px;
	padding-bottom: 4px;
}

.megamenu .column ul li a {
	text-decoration: none;
}

.megamenu .column ul li a:hover {
	color: red;
	text-decoration: underline;
}

.btnMegaMenuAnchor {
	height: 28px; /*width: 250px;*/
	text-decoration: none;
	background: transparent;
	color: #696969;
	border: 1px solid #4682B4;
	border-radius: 4px;
	font-size: 14px;
	font-weight: bold;
	padding: 6px;
	cursor: pointer;
}

/* Mega menu Mijn Yindo */
#megaMenuMyYindoContent, #megaMenuProductsContent {
}

#megaMenuMyYindoContent img {
	width: 80px;
	margin: 4px;
	border-radius: 4px;
	box-shadow: 3px 3px 3px #888;
	border: 1px solid #888;
}

#megaMenuMyYindoContent ul, #megaMenuProductsContent ul {
	list-style-type: none;
	margin: 0;
	padding: 2px 4px;
}

#megaMenuMyYindoContent ul li, #megaMenuProductsContent ul li {
	display: block;
	line-height: 200%;
}

#megaMenuMyYindoContent ul li:hover, #megaMenuProductsContent ul li:hover {
	background-color: #ffc;
}
/***********************/
/* Sitewide: stijlen balk met megamenu en zoekvak, onder hoofdnavigatie */
/**********************/
#searchNavigation {
	clear: both;
	padding: 0;
	margin: 0;
	margin-left: 35px;
	text-align: center; /*width: 100%; 	border:1px solid black;*/
}
#txtSearch, #txtCouponCode {
	height: 22px;
	width: 420px;
	font-size: 16px; /*margin: 0 4px 0 16px;*/
}
#btnSearch {
	max-width: 60px;
	height: 28px;
}

.lblAdvancedSearch {
	display: inline-block;
	margin-top: -10px;
}
.gradients {
	/* Kleurverlopen */
	background: -moz-linear-gradient(top, rgba(124,166,214,1) 0%, rgba(125,185,232,0) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(124,166,214,1)), color-stop(100%,rgba(125,185,232,0)));
	background: -webkit-linear-gradient(top, rgba(124,166,214,1) 0%,rgba(125,185,232,0) 100%);
	background: -o-linear-gradient(top, rgba(124,166,214,1) 0%,rgba(125,185,232,0) 100%);
	background: -ms-linear-gradient(top, rgba(124,166,214,1) 0%,rgba(125,185,232,0) 100%); /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7ca6d6', endColorstr='#007db9e8',GradientType=0 );*/
	background: linear-gradient(top, rgba(124,166,214,1) 0%,rgba(125,185,232,0) 100%); /* Zwarte knop */ /*background: #4c4c4c;  	background: -moz-linear-gradient(top, #4c4c4c 0%, #bcbcbc 13%, #a5a5a5 25%, #727272 39%, #2c2c2c 50%, #000000 51%, #111111 60%, #2b2b2b 76%, #1c1c1c 91%, #131313 100%);  	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(13%,#bcbcbc), color-stop(25%,#a5a5a5), color-stop(39%,#727272), color-stop(50%,#2c2c2c), color-stop(51%,#000000), color-stop(60%,#111111), color-stop(76%,#2b2b2b), color-stop(91%,#1c1c1c), color-stop(100%,#131313));  	background: -webkit-linear-gradient(top, #4c4c4c 0%,#bcbcbc 13%,#a5a5a5 25%,#727272 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);  	background: -o-linear-gradient(top, #4c4c4c 0%,#bcbcbc 13%,#a5a5a5 25%,#727272 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);  	background: -ms-linear-gradient(top, #4c4c4c 0%,#bcbcbc 13%,#a5a5a5 25%,#727272 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%); 	background: linear-gradient(top, #4c4c4c 0%,#bcbcbc 13%,#a5a5a5 25%,#727272 39%,#2c2c2c 50%,#000000 51%,#111111 60%,#2b2b2b 76%,#1c1c1c 91%,#131313 100%);  */
}

/***********************/
/* Homepage: stijlen accordion linkerkant
/* Credits accordion: http://flowplayer.org/tools/tabs/ (idem overlay) */
/**********************/
/* root element for accordion.  */
#accordion {
	float: left;
	background: #DCDCDC;
	margin-left: 20px;
	width: 220px;
	border-radius: 8px;
	box-shadow: 5px 5px 5px #888;
}

/* accordion header, er worden h2's gebruikt voor (hoofd)categorieen */
#accordion h2 {
	background: #ccc;
	margin: 0;
	padding: 4px 5px;
	font-size: 13px;
	font-weight: normal;
	border: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	cursor: pointer;
}

/* afgeronde hoeken voor eerste en laatste item in accordion*/
#accordion h2:first-child {
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}
#accordion h2:last-child {
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}


/* currently active header */
#accordion h2.current {
	cursor: default;
	font-weight: bold; /*background-color:#fff;*/
}

/* accordion pane - bevat de subcategorieen */
#accordion .pane {
	border: 1px solid #fff;
	border-width: 0 2px;
	display: none; /*max-height: 180px; */
	overflow-x: none;
	overflow-y: visible;
}

#accordion .pane ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#accordion .pane ul li {
	display: block;
	margin: 3px 0;
	padding: 3px;
}

#accordion .pane ul li:hover {
	background-color: #fff;
}

#accordion .pane ul li a {
	cursor: pointer;
	font-size: 12px;
	line-height: 140%;
}

#accordion .pane ul li a:hover {
	text-decoration: underline;
}

.subCategorySelected {
	font-weight: bold;
	padding-left: 10px;
}

.subCategoryNumTitles {
	float: right;
}
/***********************/
/* stijlen actieblok homepage */
/**********************/
#actionBlock {
	min-height: 150px;
}
/***********************/
/* Homepage: stijlen Carousel homepage/shop, 
/* Credits caroussel: http://tympanus.net/codrops/2011/08/16/circular-content-carousel/ */
/**********************/

#htmlShopContainer {
	float: left;
	min-height: 450px; /* dit is ingesteld om screenflicker/resize te voorkomen tijdens refresh van caroussel. Dit aanpassen indien hoogte van .ca-container wordt gewijzigd */
}

/* Circular Content Carousel Style */
.ca-container {
	position: relative; /*margin: 25px auto 20px auto;	*/
	margin-left: 20px;
	width: 630px;
	height: 440px; /*border:1px solid red; /* tijdelijk */
}
.ca-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
}
.ca-item {
	position: relative;
	float: left;
	width: 210px;
	height: 100%;
	text-align: center;
}
.ca-more {
	position: absolute;
	bottom: 10px;
	right: 8px;
	padding: 6px 18px;
	font-weight: bold;
	background: #ccbda2;
	text-align: center;
	color: white;
	font-family: "Georgia" , "Times New Roman" ,serif;
	font-style: italic; /*text-shadow: 1px 1px 1px #897c63;*/
	border-radius: 8px;
	box-shadow: 3px 3px 3px #888;
}
.ca-close {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #fff url(img/cross.png) no-repeat center center;
	width: 27px;
	height: 27px;
	text-indent: -9000px;
	outline: none;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	opacity: 0.7;
}
.ca-close:hover {
	opacity: 1.0;
}
.ca-item-main {
	padding: 5px;
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	background: transparent;
	overflow: hidden; /*border:1px solid #999; 	border-radius:8px; 	/*background: #fff; 	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2); 	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2); 	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);*/
}
.ca-bookCover {
	width: 180px;
	height: 190px;
	position: relative;
	margin: 0 auto;
	background: transparent;
	cursor: pointer;
}

.ca-bookCover img {
	width: 110px;
	border: 1px solid #999;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	margin-bottom: 10px;
}

.ca-item h3 {
	font-size: 14px;
	color: #333;
	margin-bottom: 10px;
	height: 60px;
	text-align: center;
	text-shadow: 0px 1px 1px #e4ebe9;
}
/* Auteur, ean, yindo points onder de bookCovers */
.ca-item h4 {
	font-style: italic;
	font-size: 11px;
	text-align: left;
	border-left: 10px solid #b0ccc6;
	padding-left: 10px;
	line-height: 24px;
	margin: 10px;
	position: relative;
}
.ca-item h4 span {
	display: block;
}

.ca-item h4 span a {
	text-decoration: none;
}

.ca-item h4 span a:hover {
	text-decoration: underline;
}

.ca-bookTitle {
	margin: 0 10px 12px 10px;
}
/*********************/
/* Homepage: opmaak voor het uitklapbare inhoud/content blok binnen de caroussel */
/*********************/
.ca-content-wrapper {
	background: #b0ccc6;
	position: absolute;
	width: 0px; /* expands to width of the wrapper minus 1 element */
	height: 390px;
	top: 5px;
	text-align: left;
	z-index: 999; /*10000;*/
	overflow: hidden;
	border-radius: 8px;
}
.ca-content {
	/*width:612px;*/
	width: 420px;
	overflow: hidden;
}
.ca-content-text {
	font-size: 13px;
	font-style: italic;
	font-family: "Georgia" , "Times New Roman" ,serif;
	margin: 10px 5px;
	padding: 5px 14px;
	line-height: 24px;
}
.ca-content-text p {
	padding-bottom: 5px;
}
.ca-content h6 {
	margin: 14px 20px 0px 20px;
	font-size: 24px;
	padding-bottom: 5px;
	color: #000;
	font-family: 'Coustard' , sans-serif;
	color: #60817a;
	border-bottom: 2px solid #99bcb4;
	text-shadow: 1px 1px 1px #99BCB4;
}
.ca-content ul {
	margin: 10px 0; /*height: 30px;*/
	list-style-type: none;
}
.ca-content ul li {
	float: left;
	margin: 5px 2px;
}
.ca-content ul li a {
	color: #fff;
	background: #678;
	padding: 3px 6px;
	margin-left: 6px;
	font-size: 14px; /*font-family: "Georgia" , "Times New Roman" ,serif;*/ /*font-style: italic;*/
	text-decoration: none;
	border-radius: 4px;
	box-shadow: 3px 3px 3px #999;
}
.ca-content ul li a:hover {
	background: #fff;
	color: #000;
	text-shadow: none;
	cursor: pointer;
}
.ca-nav span {
	width: 25px;
	height: 38px;
	background: transparent url(img/arrows.png) no-repeat top left;
	position: absolute;
	top: 50%;
	margin-top: -19px;
	left: -15px;
	text-indent: -9000px;
	opacity: 0.7;
	cursor: pointer;
	z-index: 100;
}
.ca-nav span.ca-nav-next {
	background-position: top right;
	left: auto;
	right: -20px;
}
.ca-nav span:hover {
	opacity: 1.0;
}

/* auteursnaam en uitgevernaam*/
.hlFirstAuthorName:hover, .hlPublisherName:hover {
	cursor: pointer;
	text-decoration: underline;
}

.itemUnavailable, .itemUnavailable:hover {
	background-color: #DCDCDC !important;
	color: White !important;
	text-decoration: none !important;
	cursor: default !important;
}

/*********************/
/* Homepage: opmaak voor hyperlinks onder de carousel*/
/*********************/
#htmlShopControls {
	margin-left: 250px; /* ruimte laten voor in/uitklappen accordeon */
	margin-top: 440px;
	clear: right;
}
#htmlShopControls a {
	cursor: pointer;
	text-decoration: underline;
	padding: 0 4px;
	border-right: 1px solid #333;
}
#htmlShopControls a:last-child {
	border-right: 0;
}

/*************************************************/
/* Footer: opmaak voor kolommen in de mega footer*/
/*************************************************/
#footer {
	position: relative;
	min-height: 240px; /*background-color:#dedede;*/
}

#footer2 {
	width: 987px;
	margin: 0 auto;
	z-index: 0;
}
.footerColumn {
	float: left;
	width: 30%;
	padding: 5px;
	margin: 5px; /*	border:1px solid #333;	*/
	margin-top: -20px; /* overrule, om de grote marge van .row in dit geval teniet te doen */
}

.footerColumn h3 {
	padding: 5px;
	border-bottom: 4px solid #b0ccc6; /* zeegroen */
	padding-bottom: 8px;
}

.footerColumn ul {
	list-style-type: none;
}

.footerColumn ul li {
	display: block;
	line-height: 200%;
}

.footerColumn ul li:hover {
	background-color: #ccc;
	color: #fff;
}

/*************************************************/
/* Zoekpagina en -resultatenlijst*/
/*************************************************/

#divResults {
	margin-left: 240px; /* ruimte voor de accordion */
	min-height: 600px;
}
.resultItem {
	border-top: 1px solid #87CEFA;
	padding: 10px;
	margin: 10px;
	font-size: 12px;
	min-height: 90px;
	/*max-height: 160px;*/
	overflow: hidden;
}
.resultItem img {
	float: left;
	margin-right: 16px;
	border-radius: 4px;
	border: 1px solid #DCDCDC;
	width: 75px;
	min-height: 70px;
	margin-bottom: 60px; /* flinke margin geven, om witruimte onder bookCover te garanderen. Overflow vh parent element staat toch op hidden.*/
}
.resultTitle {
	font-size: large;
}

.resultItem p {
	line-height: 170%;
}

.searchByPublisher {
	cursor: pointer;
	text-decoration: underline;
}

.searchByAuthorName {
	cursor: pointer;
	text-decoration: underline;
}

#divNewSearch {
	width: 100%;
	padding: 10px 10px 30px 70px;
}
#divNewSearch input[type=text],
#divAdvSearch input[type=text] {
	width: 450px;
	height: 32px;
	font-size: 24px;
}
#divNewSearch input[type=text]:focus,
#divAdvSearch input[type=text]:focus {
	background-color: #ffc;
}
/* ****************** */
/* Geavanceeerd zoeken */
/* ****************** */
#divAdvSearch{
	width:100%;
}
#divAdvSearchResults{
	min-height: 600px;
}
/* Lijst met gevonden pagina's in uitgave*/
.listResultPages{
	margin-left:80px;
}
.advSearchResultItem {
	border-top: 1px solid #87CEFA;
	padding: 10px;
	margin: 10px;
	font-size: 12px;
	min-height: 90px;
	max-height:none;
}
.advSearchResultItem img{
	float: left;
	margin-right: 16px;
	border-radius: 4px;
	border: 1px solid #DCDCDC;
	width: 75px;
	min-height: 70px;
}

/* Gerelateerde uitgaven */
.showRelatedItems {
	text-decoration: underline;
	cursor: pointer;
}
.relatedItemsRow {
	border-top: 2px solid #F5F5F5;
	border-bottom: 2px solid #F5F5F5;
	background-color: #FFFAF0;
	padding: 10px; /* idem resultItem !*/
	margin: 10px;
	min-height: 130px;
	overflow: hidden;
}
.relatedItem {
	height: 100px;
	max-width: 90px;
	padding: 0 15px;
	float: left;
	font-size: 10px;
	line-height: 120%;
}
.relatedItemCover {
	width: 60px;
	max-height: 98px;
	border-radius: 4px;
	box-shadow: 3px 3px 3px #888;
	border: 1px solid #888;
	margin-bottom: 4px;
}