/*=============================================================*/
/*                     Overridden styles                       */
/*=============================================================*/


/*+++++++++++++++++++++++ Header ++++++++++++++++++++++++++++++*/
div#page 
{
  width: 1024px;
  margin: 0 auto 0 auto;
  border-right: 2px solid #eae3d7;
  border-top: 16px solid #fbe5f0;
  border-bottom: 10px solid #fbe5f0;
  border-left: 2px solid #eae3d7;
  padding-top: 14px;
}

div#mobile-redirect
{
	width: 100%;
	padding: 20px 0 20px 0;
	margin:  auto;
	font-size: 4em;
	line-height: 1em;
	background-color: #F8F368;
	text-align: center;
	display: none;
	
}

/* Visar länken till mobilsajten om vi är på en mobil */
@media only screen and (max-device-width: 480px)
{
div#mobile-redirect{
	display: block;
	}
}
div#header 
{
  width: 1010px;
  margin: 0 auto;
  height: 6.1em;
}

div.logo
{
  float: left;
  margin-right: 1em;
}

div.logo img
{
  max-height: 69px;
  max-width: 50em;
}

div#branding 
{
  float: left;
  width: 50%;
  height: 4.5em;
  margin: 0;
  padding: 0 0 2em 0.2em;
  text-align: left;
}

div#lulogo
{
  position: absolute;
  margin-top: -1.1em;
  margin-left: 83em;
}


div.themeLinks 
{
  position: absolute;
  margin-top: 10.3em;
  margin-left: 78.6em;
}

div#locale{
  position: absolute;
  margin-top: 10.5em;
  margin-left: 83em;
}
/*Positionerar chat-knappen*/
div#chatContainer{
	position:absolute;
	right: -4.5em;
    top: 2.7em;
}

div.helpLink 
{
  position: absolute;
  margin-top: 10em;
  margin-left: 87em;
}

div.quicksearch-panel {
	display: inline-block;
	vertical-align: top;
	margin: 4px 0 0 0;
}
div.advancedSearchLink a#advancedSearchLink
{
font-size:100%;
}
/*Gömmer språkvalet */
select#languageSelect{
	display: none;
}
/* Stylar och placerar länken till LUB-webben*/
div#top-links
{
	font-size: 10px;
	font-weight: bold;
	position: absolute;
    margin-top: -2.8em;
    margin-left: 60em;
}
div#top-links span
{
color: #333333;
}	

/*+++++++++++++++++++++++ Navigation ++++++++++++++++++++++++++++++*/

div#nav div.wrapper
{
  background: none;
  background-color: #33FFFF;
  border: 1px solid #99CCCC;
  padding-top: 6px;
  height: 26px;
  font-size: 120%;
}

div#nav a, div#nav a:link, div#nav a:active, div#nav a:visited
{
  border-right: 1px solid #99CCCC; 
}

div#nav a:hover
{	
  background-color: #66CCCC; 
}

/* Plockar bort Index A-Ö länken */
/*
div#nav ul#primary-nav a[href*="heading/search"]
{
	display: none;
}
*/
div.mobileLink
{
	display:none;

}

/*+++++++++++++++++++++++ Content ++++++++++++++++++++++++++++++*/

div#nav div.wrapper
{
  background: none;
  background-color: #33FFFF;
  border: 1px solid #99CCCC;
  padding-top: 6px;
  height: 26px;
  font-size: 120%;
}

div#nav a, div#nav a:link, div#nav a:active, div#nav a:visited
{
  border-right: 1px solid #99CCCC; 
}

div#nav a:hover
{	
  background-color: #66CCCC; 
}

div#content
{
  width: 1010px;
  min-height: 450px;
  margin: 0 auto;
}

div#list ul.records li div.recordImage,
div#list ul.records li div.formatImage
{
  margin: 0.2em;
  text-align: left;
}

div#list ul.records li div.formatImage
{
  margin-bottom: 0.2em;
  text-align: left;
}
/* Gömmer författarnamnet under titeln */
a.author
{
	display: none;
}

div#feedback
{
	margin: auto;
}

.feedbackPanel
{
	margin: 50px;
}
/* Skalar formatikonerna */
img.icon{
	height:20px;
	width:24px;
	}

/*Flyttar in felmmeddelanden till mitten */
#toastFeedback {
position: fixed;
  top: 100px;
  left: 50%;
  margin-top: -50px;
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
   transform: translate(-50%);
   width: 350px;
	
}
/*Definierar en egen klass för meddelandeavisering till användare */
.feedbackMessage {
    margin-left: 296px;
    margin-bottom: 2px;
    width: 370px;
    background-color: #f8f368;
    border: 1px solid #985501;
}

.ui-widget-header {
background-image: none;
background-color: #f8f3ea;
}
/* Fixar iOS-safari knappar som annars blir standardknappar */
input[type='submit'], input[type='reset']
{
   -webkit-appearance: none;
   -webkit-border-radius: 0px;
   }

/*Gömmer sorteringsknappen snabbare än Chamo själv*/
#search-sort-submit {
    display:none;
}
   
/*Gömmer "spara"-knappen i träfflistan */
ul.records > li.record > div.record > div.recordCart
{
	display:none;
}

/*-------------------------------------------*/
/* Fix vertical text issue in Safari Browser */
/*-------------------------------------------*/

.itemFields table tr td div
{
border-collapse: separate;
display: normal;
table-layout: auto;
width: 100%;
word-wrap: normal;
}

.itemFields table tr td div a
{
display: inline;
}

.itemFields table tr td div span
{
display: inline;
}
/* -----------------------------------------*/

/*tar bort bold/italic i beståndspost */
#tabContents-5 .issues .statement
{
	font-style:normal;
	font-weight:normal;
}




/*+++++++++++++++++++++++ Patron Account Box ++++++++++++++++++++++++++++++*/

div#patronAccount 
{
  margin: -42px 0 0 0;
  padding-bottom: 10px;
  border: none;
}

div#patronAccount .label,
div#patronAccount input.text
{
  display: inline !important;
  margin: 0 0 0 0.4em;
  font-weight: normal;
  font-size: 10px;
}

div#patronAccount input.text
{
  margin-left: 0.3em;
  width: 15.4em;
}

div#patronAccount .checkbox,
div#patronAccount .choice
{
  display: inline;
  margin: 0;
}

div#patronAccount .button
{
  margin-bottom: 0.2em;
}

/* Bryter mellan andra rubriken och fältet */

div#patronAccount .label 
{
  display: block !important;
}

div.sidebar div.header, div.searchInfo div.header
{
  text-align: left;
  padding: .6em 0 .6em 1em;
  border-bottom: 1px solid;
  width: 100%;
  font-size: 11px;
}
input[name="lostCardButton"]
{
  position: relative; 
  left: 82em;
}


/*+++++++++++++++++++++++ Refinement Box ++++++++++++++++++++++++++++++*/

div.sidebar
{
  font-size: 100%;
  margin-bottom: 1em;
  margin-top: 1em;
}

div#refine
{
  background-color: #f0e9dd;
  font-size: 102%;
  border: none;
}

div#refine div.header
{
  background-color: #e0d9cc;
  border: none;
  border-bottom: 1px solid #f0e9dd;
}

div#refine ul
{
  background-color: #f0e9dd;   
}

div#chatBackground
{
	margin: 0 0 0 -4px;
	padding-top: 10px;
	background: #fff;
}

/*+++++++++++++++++++++++ Advanced search ++++++++++++++++++++++++++++++*/

div.advancedFields {
  width: 700px;
  margin-top: 3em;
  /*margin-left: 14em; */
}

/*+++++++++++++++++++++++ Bottom Navigation Bar ++++++++++++++++++++++++++++++*/

div.bottomNavBar
{
  height: 26px;
  background-color: #d7eef7;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 90%;
}

/*+++++++++++++++++++++++ Footer ++++++++++++++++++++++++++++++*/

div#footer
{
  width: 1000px;
  margin: 20px auto 20px auto;
  padding: 0 5px 15px 5px;
  background-color: #d7eef7;
}

div#footer div#divider 
{
  margin: 4px 0em 4px 0;
  border-top: 0 solid;
}

div#footer div#divider div 
{
  margin: 1px 0 0 0;
  border-top: 0 solid;
}

/*+++++++++++++++++++++++ Typography ++++++++++++++++++++++++++++++*/
body 
{  
  font-family:  Verdana, Geneva, sans-serif;
  font-size: 70%;
}

h1, h2, h3, h4, h5, h6 
{
  font-family:  Verdana, Geneva, sans-serif;
}

input
{
  font-family:  Verdana, Geneva, sans-serif;
}

input#search_query
{
  font-weight: bold;
  font-size: 1.25em;
}

a.title, span.title 
{
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.1em;
  vertical-align: top;
}

.recordSeparator 
{
clear: both;
border-bottom: 1px solid #eae3d7;
margin-bottom: 1em;
}

a.button, a.button:visited, input.button, button.button {
font-size: 11px;
padding: 2px 4px 2px 4px !important;
}

h2.error {
	font-size: 12px;
	color: #C30;
}

/*+++++++++++++++++++++++ Pixel corrections ++++++++++++++++++++++++++++++*/

div#tagControl
{
	padding-bottom: 8px;
}
.centerButtons
{
	padding-top: 5px;
}

div#noResults
{
	padding-top: 50px;
}
.form
{
	padding-bottom: 4px;
}

/*+++++++++++++++++++++++ Current search block++++++++++++++++++++++++++++++*/

div.searchInfo
{
  border: none;  
}

div#currentSearchBlock
{
  margin-top: 40px;
  width: 714px;
  background-color: #fff;
}

div#currentSearchBlock div.header
{
  background-color: #33ff33;
  border: none;
  border-bottom: 1px solid #99CC99;
}

div#currentSearchBlock ul
{
  background-color: #fff;   
}


/*+++++++++++++++++++++++ Additional Terms block++++++++++++++++++++++++++++++*/
div#additionalTermsBlock
{
  background-color: #FFCCCC;
  border: 1px solid #CC9999;
}

div#additionalTermsBlock div.header
{
  background-color: #FF3333;
  border: none;
  border-bottom: 1px solid #CC9999;
}

div#additionalTermsBlock ul
{
  background-color: #FFCCCC;   
}

/*+++++++++++++++++++++++ Sort block++++++++++++++++++++++++++++++*/
div#sortBlock
{
  background-color: #FFCCFF;
  border: 1px solid #CC99CC;
}

div#sortBlock div.header
{
  background-color: #FF33FF;
  border: none;
  border-bottom: 1px solid #CC99CC;
}

div#sortBlock ul
{
  background-color: #FFCCFF;   
}
/*+++++++++++++++ Patron registration ++++++++++++++++++++++*/


/*+++++++++++++++ Add request ++++++++++++++++++++++++++++++++*/
span#req-info-error
{
	display:none;
	
}	
span#req-info-error li
{
	font-size: 120%;
	margin: 0 0 5px 0;
}