/* Styling for reader catalogue */

/**
 *      .oooooo.                                                       oooo                       
 *     d8P'  `Y8b                                                      `888                       
 *    888            .ooooo.  ooo. .oo.    .ooooo.  oooo d8b  .oooo.    888                       
 *    888           d88' `88b `888P"Y88b  d88' `88b `888""8P `P  )88b   888                       
 *    888     ooooo 888ooo888  888   888  888ooo888  888      .oP"888   888                       
 *    `88.    .88'  888    .o  888   888  888    .o  888     d8(  888   888                       
 *     `Y8bood8P'   `Y8bod8P' o888o o888o `Y8bod8P' d888b    `Y888""8o o888o                      
 */                                                                                               
 
 
body {
  background-color: rgb(247, 244, 225)
}

noscript {
  font-size:200%;
  color:red;
  font-weight:bold;
}  

h1{
  font-size:300%;
  font-weight:bold;
  background-color:white;
  color:blue;
  padding:0em 2em .1em 2em;
  text-align:center;
  margin:1em 1em;
}
h2{
  font-size:150%;
  font-weight:bold;
  border: 1px solid black;
  border-radius:5px;
  background-color:white;
  color:rgb(10, 10, 121);
  text-align:center;
  margin:1em 3em;
  
}
 
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

/*                                                                                                
 *    oooooooooo.                      oooo              o8o      .                               
 *    `888'   `Y8b                     `888              `"'    .o8                               
 *     888     888  .ooooo.   .ooooo.   888  oooo       oooo  .o888oo  .ooooo.  ooo. .oo.  .oo.   
 *     888oooo888' d88' `88b d88' `88b  888 .8P'        `888    888   d88' `88b `888P"Y88bP"Y88b  
 *     888    `88b 888   888 888   888  888888.          888    888   888ooo888  888   888   888  
 *     888    .88P 888   888 888   888  888 `88b.        888    888 . 888    .o  888   888   888  
 *    o888bood8P'  `Y8bod8P' `Y8bod8P' o888o o888o      o888o   "888" `Y8bod8P' o888o o888o o888o 
 */


.thumbCover{
  max-width:220px;
  min-width:100px;
  width:30%;
  margin-right:1em;
  margin-bottom:1em;
  float:right;
}  
.cmsbc{
  font-weight:lighter;
  background-color:white;
  font-size:59%;
}   
.ctype{
  font-weight:bold;
}
.ctags{
  display:block;
}

.ctag{
  background-color:yellow;
  font-weight:bold;
  border:1px solid black;
  border-radius:3px;
  margin-bottom:5px;
  margin-top:7px;
  line-height:1.3em;
  padding:3px 1em;
  display:inline-block;

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


.button {
  margin : 0 5px 0 0;
  padding: 0 3px;
  border : 1px outset #999;
  background-color : #dadada;
  white-space : pre;
  text-decoration : none;
  color : #08f;
  font-weight : normal;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor:pointer;
  display:inline-block;
  
  box-shadow: 1px 1px 1px #777;
}
.button:hover {color: black;}


.button.disabled {
  color:#ccc;
  background-color:white;
  cursor:default;
  border : 1px dotted #ccc;
}

.button.disabled:hover {color: #888;}

.butB {background-image:url("../bits/img/iconForB.jpg");
    min-height:16px;background-repeat:no-repeat;
    padding-left:28px;background-position:left top;}  

.butR {background-image:url("../bits/img/iconForR.jpg");
    min-height:16px;background-repeat:no-repeat;
    padding-left:28px;background-position:left top;}  

.butC {background-image:url("../bits/img/iconForC.jpg");
    min-height:16px;background-repeat:no-repeat;
    padding-left:28px;background-position:left top;}  

.butA {background-image:url("../bits/img/iconForA.jpg");
    min-height:16px;background-repeat:no-repeat;
    padding-left:28px;background-position:left top;}  

.butBasket {background-image:url("../bits/img/iconForBasket.jpg");
    min-height:16px;background-repeat:no-repeat;
    margin-left:5em;
    font-size:110%;
    font-weight:bold;
    padding-left:28px;background-position:left top;}