/*
 * WisBase Stylesheet
 */
 
/*
 * Basic styles
 */
h1, h2, h3, h4, h5, h6, div, body, span, p
{
	padding: 0;
	margin: 0;
	font-weight: normal;
}
h2 
{
	margin-top:1ex;
}
html {
	font-size: 62.5%;
}
body 
{
	background-color: #2782B9;
	font-family: verdana, arial, sans-serif;
	font-size: 1.4em;
}
a:hover
{
	text-decoration: underline;
}
a, a:visited
{
	color: #2897D7;
	text-decoration: none;
}
/* display a list with square bullets */
ul.wisbase 
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.wisbase > li 
{
    margin-left:1.5em;
    margin-top:0.5ex;
    margin-bottom:0.5ex;
    position: relative;
}
ul.wisbase > li:before 
{
    content: '\25fc' ;
    position: absolute;
    left: -2.5em;
    width: 2em;
    text-align: right;
    color: #2782B9;
}
/* Zebra striping for table */
.zebra tbody tr:nth-child(even)
{
	background-color: #E9E9E9/* oude kleur #2897D7; #2782B9;*/
}
/* Sections on informative pages */
.section h2
{
	margin-bottom: 1ex;
}
div.section
{
	margin-bottom: 4ex;
}
.section > p,
.section > ul,
.section > table,
.section > div
{
	margin-left:2em;
}
form.paypal
{
	margin: 1em 5em;
}
div.address {
	margin: 1em 0em;
}
.address > p
{
	margin: 0em 5em;
}
/* Feedback on sending a message */ 
.messageSent
{
	margin-top: 2em;
	margin-bottom: 4em;
}
.messageSent span
{
	display: inline-block;
	width:300px;
}
.savedMessage
{
	margin-left: 1em;
	margin-bottom: 2em;
	color:#0B610b;
	font-size:1.5rem;
	font-weight:bold;
}
/*
 * Structural divisions by id
 */
#container
{
	margin: 0 auto;
	width: 960px;

}
/* header */
#header
{
	color: #FFFFFF;
	float:	left;
	clear: 	both;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 960px;
}
#header-logo
{
	padding-top: 10px;
	float: left;
}
#header-text
{
	float: left;
	display: block;
	width: 240px;
	font-size: 1.5rem;
	margin-top: 1em;
}
#header-text h1
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.5rem;
    font-style: normal;
}
#header-sponsor
{
	font-size: 0.8rem;
	float: right;
	text-align:right;
	background-color:white;
	padding: 7px;
	border-radius: 10px;
	border-style: solid;
	border-color: white;
	border-width: 1px;
}
.sponsorlogo
{
	float:right;
	margin-left: 10px;
	margin-right: 0px;
}
/* content */
#content
{
	clear: left;
	background: #FFFFFF;
}
#content-main
{
	float: left;
	width: 715px;
}
/* main content header */
#content-main-header
{
	padding-top: 15px;
	padding-bottom: 2px;
	margin-left: 15px;
	border-bottom: solid 1px #E6E4DE;	
}
#content-main-header-description
{
	color: #999999;
}
#content-main-header-description #about-wisbase
{
	color: #000;
	margin-top: 15px;
	margin-bottom: 5px;
	padding-bottom: 15px;
    border-bottom: solid 1px #E6E4DE;   	
}

#content-main-header-description #rv2020
{
	color: #000;
	margin-top: 15px;
	margin-bottom: 5px;
	padding-bottom: 15px;
    border-bottom: solid 1px #E6E4DE;
}
#content-main-header-description #about-user
{
	color: #000;
	margin-top: 15px;
	margin-bottom: 5px;
	padding-bottom: 15px;
    border-bottom: solid 1px #E6E4DE;
}
#about-user .user-school {
	margin-left:5em;
}
#about-user .footnote {
	font-size: smaller;
}
#content-main-header h1
{
    font-size: 1.8rem;
}
#content-main-header h2
{
	font-size: 1.6rem;
}
#content-main-header-extra
{
	float: right;
}
/* main content text */
#content-main-content
{
	margin-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.content-main-content-input-hint
{
	color: #999999;	
	font-size: 1rem;	
}
#content-main-content p
{
    padding-bottom: 5px;
}
#content-main-content h2
{
    font-size: 1.6rem;
}
#content-main-content th
{
    color: #999999;
    font-weight: normal;
    text-align: left;
}
/* main content comments */
#content-main-comments
{
	margin-left: 15px;
	border-top: solid 1px #E6E4DE; 
}
#twitter
{
	margin-top:1em;
	margin-bottom:1em;
}
.content-main-comment
{
	padding-top: 5px;
	border-bottom: solid 1px #E6E4DE; 
}
.content-main-comment-text
{
	width: 600px;
}
.content-main-comment-details
{
	display: block;
	width: 600px;
	color: #999999;
}
#content-main-comment-add-comment
{
	padding-top: 5px;	
	padding-bottom: 5px;
}
#content-main-comments h2
{
    color: #999999;
}
#content-main-comment-add-comment textarea
{
    width: 100%;
    height: 60px;
    resize: none;
}
/* the menu bar column */
#content-right-column
{
	float: right;
	width: 200px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#content-right-column h2
{
	color: #999999;
	border-bottom: solid 1px #E6E4DE;
	font-size: 1.5rem;
	margin-top:0.65em;
}
#content-right-column ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#content-right-column ul ul
{
    list-style-type: none;
    margin:0 0 0 1em;
    padding: 0;
}
#content-right-column ul li
{
	text-indent: -1em;
	padding-left: 1em;
}
/* the footer */
#footer
{
	background: #292929;
	color: #FFFFFF;
	padding: 20px;
	height: 25px;
	clear: both;
}
#footer-copyright
{
    float:right;
    text-align: right;
}
#footer-social
{
	float:left;
}

/* 
 * label - detail view main layout
 */
.label-detail
{
	margin-top:1ex;
	margin-bottom: 2ex;
}
.label-detail > label,
.label-detail > div.label,
#addedfilesblock > label,
#chapterdiv label
{
	display: inline-block;
	width:200px;
	margin-top:1px;
	float:left;
    color: #999999; 
    font-size:1.4rem;
    clear:both;
}
.label-detail > label::after,
.label-detail > div.label::after,
#addedfilesblock > label::after,
#chapterdiv label::after
{
	content:':';
	text-align:right;
	float:right;
	margin-right:0.5em;
}
.label-detail div.detail
{
    display: block;
    margin-top:1px;
    margin-left:200px;
    font-size:1.4rem;
    color:#000;
}
.label-detail div.detail-fullwidth
{
    clear:both;
    margin-left: 25px;
}
.label-detail .detail-explanation {
	font-size:1rem;
	color:#999;
}
.label-detail > div > span
{
    display: inline-block;
}
.label-detail > div > span.broad 
{
    width:10em;
}
.label-detail > div > span.thin 
{
    width:4.8em;
}
#creativecommons
{
    margin-top:1em;
    margin-bottom:1em;
    margin-left:0px;
    font-size:1.2rem;
}
.creativecommonslogo
{
    float: right;
}
#ccbyncsa
{
	white-space: nowrap;
}
div.rating 
{
    display:block;
    width:3em;
    float:right
}
#submitrequirements 
{
	font-size:1.2rem;
	margin-left:7em;
	margin-top:-3.5ex;
	color:red;
}
/*
 * Document details form (search, add/edit document)
 */
input, textarea, select, option, label, select2-container, #addedchapters
{
    font-family: verdana, arial, sans-serif;
    font-size: 1.2rem;
}
input, textarea , select {
    border-style: solid;
    border-width: 2px;
    border-color: #E6E4DE;
    padding: 1px;
}
input[type=submit],
input[type=button]
{
	border-color: #E6E4DE;
	border-radius: 4px;
	padding: 4px 10px;
}
input[type=submit]:disabled
{
	background-color: #e6e6e6;
	color: #ccc;
}
option {
    padding: 2px 4px;
}
.label-detail > div.submit
{
    display: block;
    margin-left:200px;
    margin-top:2ex;
    margin-bottom:2ex;
    text-align:right;
}
.label-detail select
{
    width: 500px;
    display: inline-block;
}
.label-detail input[type=text],
.label-detail input[type=password],
.label-detail input[type=email],
.label-detail textarea
{
    width:493px;
    display: inline-block;
}
.label-detail input[type=file] {
	border-style:none;
	display: inline-block;
	width:493px;
}
/* list and selection of chapters */
#addedchapters
{
    list-style-type:none;
}
#addedchapters img
{
	margin-left:-3.5em;
    padding-right:0.5em;
}
/* list and selection of files */
#addedfiles,
.multivalued
{
    display: inline-block;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    list-style-type:none;
}
/* display multivalued property as a list */
.multivalued > li 
{
    margin-left:1.5em;
    margin-top:2px;
    margin-bottom:2px;
    position: relative;
}
.multivalued > li:before {
    content: '\25fc' ;
    position: absolute;
    left: -2.5em;
    width: 2em;
    text-align: right;
    color: #2782B9;
}
.incorrectFileExtension 
{
    color:red;
}
.incorrectFileExtension::after
{
    content:" Niet toegestaan!";
}
/* cancel button layout */
a.cancel:hover {
	text-decoration: none;
}
/*
 * Document rating 
 */
#documentrating 
{
    display: inline;    
}
.search-result .documentrating {
	display: inline-block;
	float: right;
}
/*
 * Document comments
 */
.documentcommentform textarea
{
    width: 100%;
}
.document_comments_pagination
{
    display: block;
    width: 100%;
    text-align: center;
    margin: 1em 0em;
}
.document_comment
{
    border-bottom: solid 1px #E6E4DE;
    padding-top: 5px;
    padding-bottom: 5px;
}
.document_comment:last-child {
	border-style:none;
	margin-bottom:1em;
}
.document_comment_author
{
    font-size:smaller;
}
.document_comment_review
{
    font-weight: bolder;
}
/*
 * Search result 
 */
.search-result
{
	border-bottom: solid 1px #E6E4DE;
	padding-top: 5px;
	padding-bottom: 5px;	
}
.search-result:last-child
{
	border-style:none;
}
.search-result .document-title
{
    font-size: 1.5rem;
}
.search-result .title:after {
	content: ': ';
}
.search-result .author:before {
	content: ' van ';
	color: #999;
}
.search-result .date:before 
{
	content: ' (';
}
.search-result .date:after 
{
	content: ')';
}
.search-result .label
{
	color: #999;
}
.search-result .label:after 
{
	content: ': ';
}
.search-result-pagination
{
	display: block;
	width: 100%;
	margin-top: 2ex;
	margin-bottom: 2ex;
	text-align: center;
}
.search-result-count 
{
    border-bottom: solid 1px #E6E4DE;
    margin-top: 1ex;
    padding-bottom: 2ex; 
    text-align: center;  
    color: #999; 
}
/*
 * Youtube embeded division
 */
div.youtubeembed 
{
	text-align:center;
	margin-top:1em;
	margin-bottom:1em;
}
/*
 * Errors and warnings
 */
.warning
{
	color:red;
	font-weight:bolder;
}
div.errors 
{
	border-style: solid;
	border-width: 2px;
	border-color: red;
	margin-top:1em;
	margin-bottom:1em;
	padding: 0.5em;
	color: red;
}
/*
 * Problem report
 */
#problemReport
{
    float:right;
}
.problemreport {
	margin: 2ex 2em;
	border-left-style: solid;
	border-left-width: 2px;
	border-left-color: red;
	padding-left: 1em;
}
/*
 * Hiding elements from view
 */
.invisible {
	display:none;
}
/*
 * Inline conversion
 */
.clearall {
	clear: both;
}
#editionsloading, #booksloading, #chaptersloading {
	display:none;
}
/* some width specs needed */
.w400px {
	width: 400px;
}
.w500px {
	width: 500px;
}