@import url("opac.css");

/*********************
OPAC CHANGES
*********************/

@font-face {
	font-family: "KlavikaLight";
	font-style: normal;
	font-weight: normal;
	src: url("Klavika-Light.otf ") format("opentype");
}

@font-face {
        font-family: "HelveticaLight";
        font-style: normal;
        font-weight: normal;
        src: url("Helvetica-Light.otf") format("opentype");
}

/*** global ***/

html {
	background-color: #CCC;
	/*background: url(http://subtlepatterns.com/patterns/debut_light.png) repeat;*/
}

body {
	/*background: url(../../images/bg1.gif);*/
	background-attachment: fixed;
	text-align : left;
	width: 998px;
	margin: auto;
	padding: 0 0 0 0;
}

body#opac-lastdocuments {
	width: auto;
}

p {
	margin: 0 0 0 0;
}

h1, h2, h3, h4, h5, h6 {
        padding-top: .5em;
        padding-bottom: .5em;
	margin: 0 0 0 0;
}

#catalogue_detail_biblio h1 {
	float: none;
}

#doc3 {
	margin-left: 0;
	margin-right: 0;
}

#breadcrumbs {
	width: 998px;
	margin: auto;
	padding: 20px 0 0 0;
}

#breadcrumbs p {
	padding-top: 0.7em;
	padding-left: 1.5em;
}

#fluid {
	margin-left: none;
        width: 998px;
        margin: auto;
}

.koha_url {
	display: none;
}

a, a:visited, a:hover, a.disabled {
        color: #8E130E;
}

a:visited.nav, div.pages a:visited {
	color: #8E130E;
}

a, a:visited, .ui-widget-content a, .ui-widget-content a:visited {
        color: #8E130E;
}

.ui-tabs .ui-state-hover a, .ui-tabs .ui-state-hover a:link, .ui-tabs .ui-state-hover a:visited {
	color: #8E130E;
}

.ui-tabs .ui-state-default a, .ui-tabs .ui-state-default a:link, .ui-tabs .ui-state-default a:visited {
	color: #8E130E;
}

a:link.nav, div.pages a:link {
        color: #8E130E;
}

#a_listResults {
	color: #8E130E;
}

#mainbody {
        width: 998px;
        margin: auto;
        height: 100%;
	min-height: 400px;
}
 
.yui-b {
	width: 14em;
	float: left;
	margin-left: 20px;
}

#yui-main {
	float: right;
	margin-left: -25em;
}

#yui-main .yui-b {
	margin-left: 13.32em;	
}

#yui-main {
	margin-top: 30px;
        margin-left: 20px;
        margin-right: 20px;
        width: 958px !important;
}

#opac-detail #yui-main .yui-b,
#opac-marcdetail #yui-main .yui-b,
#opac-isbddetail #yui-main .yui-b {
	/*margin-left: 20px;*/
}

#search-facets {
	margin-top: 30px;
}

#userauth {
	padding-top: 30px;
	height: 350px;
}

fieldset.rows {
	border: 2px solid #EEEEEE;
	width: auto;
}

.yui-ge div.first {
	width: 72%;
}

#opac-main .yui-ge div.first {
	width: 100%;
}

.yui-ge .yui-u {
	width: 27%;
}

.yui-t1 #yui-main .yui-b {
	margin-left: 15.5em;
}

#opac-showmarc .ft {
	display: none;
}

#doc3 {
	background-color : white;
}

#libraryname {
	display: none;
}

#fluid {
	margin-left: 10px;
}

caption {
	font-size : 140%;
	text-align : left;
	font-weight : bold;
}

input[type=submit]:active, input[type=button], input[type=reset] {
	border: none;
}

#advsearch-itemtype table tr td {
	background: none;
}

#advsearch-itemtype td {
	background: none;
}

#members {
	background: none;
	font-size: 12px;
	color: #28262A;
	margin-right: 0px;
	margin-left: 0px;
	position: absolute;
	width: 998px;
	top: 10px;
	margin-left: -5px;
	text-align: right;
}

#members a#loginbutton, 
#members a#logoutbutton {
	color: white;
	text-decoration: none;
	text-decoration: none;
	text-transform: uppercase;
	background-color: #8E130E;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: normal;
	margin-left: 5px;
}

#members ul {
	display: none;
}

#members a {
	font-size: 13px;
	font-family: Arial;
	color: white;
	text-decoration : none;
	text-transform: uppercase;
	background-color: #8E130E;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: normal;
}

#members a.logout {
	color : white;
	text-decoration : none;
	text-decoration : none;
        text-transform: uppercase;
        background-color: #8E130E;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 20px;
        padding-right: 20px;
        font-weight: normal;
}

#members .members a {
	padding: 0 0 0 0;
	background-color: white;
	color: #8E130E;
	text-decoration: underline;
}

#members .social {
	display: inline;
	position: absolute;
	margin-left: 10px
}
#members .social img {
	margin-top: -1px;
}

#members li {
	border-right : 1px solid white;
	display : inline;
	list-style : none;
	margin : 0;
	padding : 0 .5em;
}

#members ul {
	margin : 0;
	padding : 0;
	text-align : right;
	padding-top: 10px;
	padding-right: 5px;
}

#opac-main-search {
	background: none;
	border: none;
	margin: 0 0 0 0;
	padding: 0 0 0 ;
	font-size: 100%;
	line-height: 100%;
	width: 997px;
}

#opac-main-search img {
	margin-top: 40px;
	margin-left: 30px;
}

#breadcrumbs {
	margin-left: 20px;
	padding : 0em;
}

.locatemedia {
	max-width: 50px;
	max-height: 80px;
	width: expression(this.width > 50? 50: true);
        height: expression(this.height > 80? 80: true);
}
.locatemediadetail {
	max-width: 200px;
	max-height: 250px;
	width: expression(this.width > 200? 200: true);
	height: expression(this.height > 250? 250: true);
}
.locatemediashelf {
	max-width: 130px;
   	max-height: 200px;
   	width: expression(this.width > 130? 130: true);
   	height: expression(this.height > 200? 200: true);
}

fieldset.brief {
	border : 1px solid #CCCCCC;
	-moz-box-shadow: 2px 2px 5px #CCCCCC;
}

fieldset.brief p {
	font: 13px/1.22 arial,helvetica,clean,sans-serif;
	font-weight : bold;
	font-size : 100%;
	margin-top: -30px;
	width: 150px;
}

.cartlist input.submit, #tagsel_button {
	background: none;
	border: none;
	color : #333;
	font-size : 87%;
	padding : 2px 0;
	margin : 0 0 0 0;
}

a, a:visited {
	color: #8E130E;
}

a:link.current {
	background-color: transparent;
	color: #3366CC;
	font-weight: bold;
	padding: 1px 5px 1px 5px;
	text-decoration: none;
}
a:visited.current {
	background-color: transparent;
	color: #3366CC;
	font-weight: bold;
	padding: 1px 5px 1px 5px;
	text-decoration: none;
}

a:hover.current {
	background-color: #CCFF00;
	color: #CC3333;
	font-weight: bold;
	padding: 1px 5px 1px 5px;
	text-decoration: none;
}

a:active.current {
	background-color: #99CC00;
	color: #FFFF99;
	font-weight: bold;
	padding: 1px 5px 1px 5px;
	text-decoration: none;
}

#catalogue_detail_biblio table, #catalogue_detail_biblio td, #catalogue_detail_biblio th {
	background-color : transparent;
	border : 0;
}

#catalogue_detail_biblio div.results_summary {
	clear :  left;
}
#catalogue_detail_biblio div.results_summary ul {
	display : inline;
	float :  none;
	clear :  none;
	margin: 0;
	padding: 0;
	list-style : none;
}

#catalogue_detail_biblio div.results_summary ul li {
	display : inline;
}

div#changelanguage {
	background: transparent no-repeat;
	background-color: #8E130E;
	font-size: 85%;
	width: 100%;
	margin: auto;
	text-align: center;
	padding: 0 0 0 0;
	padding-bottom: 25px;
	padding-top: 5px;
	border: none;
}

div#changelanguage, div#changelanguage a {
	color: #FFF;
}

div#changelanguage a {
	padding: 0 0 0 0;
}

div#changelanguage .lang {
	padding-left: 20px !important;
	padding-top: 5px !important;
}

div#changelanguage ul {
	padding-top: 5px;
}

div#changelanguage .floatRight {
	display: inline;
	float: right;
	padding-right: 20px;
}

#keep {
	background: url("../../images/keeps_small.png");
	width: 128px;
	height: 18px;
}

#login #userid, #login #password {
	background-color: #F3F3F3;
    	border-color: #979797 #DDDDDD #DDDDDD #979797;
    	border-style: solid;
    	border-width: 1px;
	font-size : 140%;
	width : 93%;	
}

.submit, #searchsubmit {
        border: 0px;
        background-color: #8E130E;
        color: white;
        font-size: 15px;
        text-transform: uppercase;
        width: 100px;
        height: 30px;
	font-family: Arial;
        margin-left: 3px;
	margin-bottom: 5px;
        cursor: pointer;
        cursor: hand;
}

.current, a.nav:link, div#menu li.active a:hover, a:visited.nav {
	color: #8E130E;
}


#toolbar input.deleteshelf, input.deleteshelf, 
#toolbar input.editshelf, input.editshelf {
	color: #8E130E;
}

.cartlist input.submit, #tagsel_button {
	font-size: 87%;
	height: auto;
	margin: 0;
	padding: 4px 4px;
	width: auto;
	color: white;
}

#placehold input.submit, #tagsel_span input.submit {
	color: #8E130E;
	background: none;
}

#myfooter {
	width: 997px;
}

#myfooter .floatRight {
	display: inline;
}

#myfooter .floatLeft {
	display: inline;
}

#myfooter .floatText {
	display: inline;
	position: absolute;
	margin-top: 5px;
	width: 817px;
}

#line1 {
	text-align: center;
	font-size: 14px;
}

#line2 {
	text-align: center;
	font-size: 14px;
	letter-spacing: 6.6px;
	margin-top: 4px;
}

#line3 {
	text-align: center;
	font-size: 10px;
	margin-top: 4px;
	letter-spacing: -0.32px;
}

.floatBox {
	overflow: hidden;
	width: 100%;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}

#whitediv {
	background-color: #FFFFFF;
	width: 997px;
	height: 1px;
}

#blackdiv {
	background-color: #181818;
	width: 997px;
	height: 35px;
}

#blackdiv .floatLeft {
	color: white;
	font-size: 24px;
	font-family: KlavikaLight, Arial;
	margin-top: 5px;
	margin-left: 25px; 
}

#floatSocial {
	margin-top: 7px;
	margin-right: 10px;
}

#floatSocial a {
	text-decoration: none;
}

#floatMenu {
	color: #ffffff;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
	margin-right: 10px;
	margin-top: 7px;
	text-shadow: 1px 1px 2px black;
}

#floatMenu a {
	text-decoration: none;
	color: white;	
}

#divSearch {
	width: 997px;
	height: 35px;
	float: center;
	margin-left: 20px;
    	margin-top: 10px;
	margin-bottom: 70px;
}

.divSearchHeader {
	font-family: 'HelveticaLight', Arial;
	font-size: 34px;
        color: #8E130E;
        margin-top: 30px;
        margin-bottom: 2px;
	letter-spacing: 2px;	
}

#transl1 {
	width: 630px;
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 5px;
}

#spacediv {
	height: 10px;
}

/*** header ***/

#header {
	background: url(../../images/banner.png);
	width: 998px;
	height: 295px;
	display: block;
}

#headertext {
        background: url(../../images/banner2.png);
        width: 725px;
        height: 97px;
        display: block;
	position: absolute;
	top: 150px;
	margin-left: 10px;
}

#headerfooter {
	width: 998px;
	height: 38px;
	background-color: #8e130e;
}

#headercatalog {
	color: white;
	font-size: 24px;
	font-family: KlavikaLight, Arial;
	margin-left: 25px;
	position: absolute;
	top: 298px;
}

/*** search ***/

#simplesearch {
	width: 998px;
	margin: auto;
	padding-top: 30px;
}

#simplesearchheader {
        font-family: 'HelveticaLight', Arial;
        font-size: 34px;
        color: #8E130E;
	margin-top: 30px;
	margin-bottom: 2px;
        letter-spacing: 2px;
	margin-left: 20px;
	padding: 0;
	font-weight: normal;
}	

#select_library {
	max-width: 28em;
	width: 28em;
}

#masthead_search, #select_library {
	margin-top: 5px;
}

#cartmenulink, #cartmenulink:hover {
        color: #000;
        background: none;
        border: none;
        padding: 0 0 0 0;
        margin-left: 20px;
        font-weight: normal;
        font-size: 100%;
        text-decoration: underline;
	margin-top: 2px;
}

#opac-main-search {
	padding-top: 0px;
	background: none;
	border: none;
	color: #000;
	width: 998px;
	margin: auto;
	padding: 0 0 0 0;
	margin-bottom: 30px;
}

#fluid-offset {
	padding-left: 25px;
}

#libraryname, #listsmenulink, #listMenu, #searchform label.left, #cartmenulink span#basketcount {
	display: none;
}

input[type=submit], fieldset.brief input[type=submit] {
	background: none;
	border: none;
	background-color: #8E130E;
	padding: 5px;
	text-transform: uppercase;
	color: #FFF;
}

#searchsubmit {
	font-size: 100%;
	padding: 5px;
	margin: 0 0 0 10px;
}

#moresearches {
	position: absolute;
	top: 0;
	left: 50%;
	margin-top: 304px;
	width: 998px;
	text-align: right;
	margin-left: -520px;
	font-size: 100%;
	color: #FFF;
	font-weight: bold;
}

#moresearches a:link, #moresearches a:visited {
	color: #FFF;
}

#home {
	background-image: url("../../images/home.png");
        background-repeat:no-repeat;
	background-position: 50% 50%; 
	height: 16px;
	width: 16px;
	display: inline-block;
}

/*** login ***/

#notloggedin .yui-u {
	display: none;
}

#notloggedin .first {
	display: block;
	width: 100%;
}

/*** cart button ***/

#showcart {
	background: none;
	border: 0px;
 	width: 65px;
	font-family: Arial;
	font-size: 15px;
	color: #181818;
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}
fieldset.login div.hint, fieldset.rows div.hint {
	color : #666666;
	font-size : 100%;
	margin : .4em;
}

/*** main block headers ***/

#opacmainuserblock h1, #opacmainuserblock h2, #opacmainuserblock h3, #opacmainuserblock h4, #opacmainuserblock h5, #opacmainuserblock h6 {
	color: #2F2F2F;
	border-bottom: 1px solid #E3E3E3;
        padding: 0;
        font-weight: normal;
}

/*** news ***/

#news table, #news table td, #news table th {
	border: 0 none;
	margin-left: 20px;
	margin-right: 20px;
	width: 957px;
}

#news table th {
	font-family: 'HelveticaLight', Arial;
	font-size: 22px;
	color: #2F2F2F;
	background-color: white;
	border-bottom: 1px solid #E3E3E3;
	font-weight: normal;
	padding: 0 0 0 0;
	letter-spacing: 2px;
}

/*** opac main block ***/

#mainblockheader {
	font-family: 'HelveticaLight', Arial;
        font-size: 24px;
        color: #2F2F2F !important;
        margin-top: 10px;
	letter-spacing: 2px;
	border-bottom: 1px solid #E3E3E3;
	padding: 0;
	font-weight: normal;
}

#mainblock #lastdocumentsiframe {
	margin-left: 15px;
	margin-right: 15px;
	text-align: center;
}

#mainblockfooter {
	margin-top: 20px;
}

#mainblockfooter .mainblockfooter_entry {
	display: inline-block;
	width: 220px;
	vertical-align: top;
}

#mainblockfooter .mainblockfooter_separator {
	display: inline-block;
	width: 10px;
}

.mainblockfooter_entryheader {
        font-family: 'HelveticaLight', Arial;
        font-size: 22px;
        color: #28262A;
	padding-top: 5px;
	letter-spacing: 1px;
	border-bottom: 1px solid #E3E3E3;
}

.mainblockfooter_entrycontent {
	font-family: arial;
	font-size: 13px;
	color: #333333;
	margin-top: 15px;
	margin-right: 2px;
}

.mainblockfooter_entrycontent img {
	height: 180px;
	border: 1px solid #CCC;
}

.mainblockfooter_entrycontent li {
	margin-top: 5px;
}

/*** last documents ***/

.lastdocuments {
        margin: 0;
        padding: 0;
	background-color: white;
	height: 250px;
}

.lastdocuments .record {
        text-align: center;
        display: inline-block;
        vertical-align: top;
        padding-left: 8px;
        margin-top: 20px;
	width: 170px;
}

.lastdocuments .record .record_title {
        width: 270px;
        margin-top: 2px;
	display: none;
}

.lastdocuments .record .record_author {
	display: none;
}

.lastdocuments .record .record_thumbnail {
        height: 205px;
}

.lastdocuments .record .record_thumbnail img {
        border: 1px solid #CCC;
        height: 205px;
	max-width: 140px;
}

.lastdocuments .record .record_thumbnail .noimage {
        border: 1px solid #CCC;
        height: 205px;
        left: 50%;
        margin-left: -65px;
        position: relative;
        width: 130px;
}

.lastdocuments .record .record_thumbnail label {
        padding-top: 100px;
        display: block;
}

/*** facets ***/

#su-ut_id {
	display: none;
}

/*** views ***/

#opac-showmarc .ft {
	display: none;
}

/*** masthead ***/

#masthead_search {
	font-size: 14px;
}

/*** footer ***/


/*** shelving location ***/
.shelvingloc {
	display: block;
}

/*** social ***/

#social_networks {
	margin-top: 20px;
	margin-left: 40px;
}

#social_networks span {
	display: none;
}

/*** thumbnails ***/

span.no-image {
	display: none;
}

#gbs-thumbnail-preview {
	margin: 0 1em 1em 0;
}

/*** gradients ***/
#opac-main-search, #opac-main-search input.submit, #cartmenulink, 
#cartmenulink:hover, input[type=submit], input[type=button],
input[type=reset], fieldset.brief input[type=submit], fieldset.brief input[type=button],
fieldset.brief input[type=reset]
 {
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

/*** cookies ***/
/* To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com) */

.cc-cookies { position:fixed; width: 90%; left: 0; top: 0; padding: 0.5em 5%; background: #565656; background: rgba(86,86,86,0.95); color: #fff; font-size: 13px; font-weight: 700; text-shadow: 0 -1px 0 rgba(0,0,0,0.35); z-index: 99999; text-align: center; color: #fff; }
.cc-cookies a, .cc-cookies a:hover { color: #fff; text-decoration: underline; }
.cc-cookies a:hover { text-decoration: none; }
.cc-overlay { height: 100%; padding-top: 25%; }
.cc-cookies-error { float: left; width: 90%; text-align: center; margin: 1em 0 2em 0; background: #fff; padding: 2em 5%; border: 1px solid #ccc; font-size: 18px; color: #333; }
.cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: inline-block; color: #fff; text-decoration: none; background: #7DAF3B; padding: 0.5em 0.75em; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.25); text-shadow: 0 -1px 0 rgba(0,0,0,0.35); -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline { background: #af3b3b; margin-left: 0.5em; }
.cc-cookies a.cc-cookie-reset { background: #f15b00; }
.cc-cookies a:hover.cc-cookie-accept, .cc-cookies-error a:hover.cc-cookie-accept, .cc-cookies a:hover.cc-cookie-decline, .cc-cookies-error a:hover.cc-cookie-decline, .cc-cookies a:hover.cc-cookie-reset  { background: #000; -o-transition: background 0.5s ease-in; -webkit-transition: background 0.25s ease-in; -moz-transition: background 0.25s ease-in; }
.cc-cookies-error a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-decline { display: block; margin-top: 1em; }
.cc-cookies.cc-discreet { width: auto; padding: 0.5em 1em; left: auto; top: auto; }
.cc-cookies.cc-discreet a.cc-cookie-reset { background: none; text-shadow: none; padding: 0; text-decoration: underline; }
.cc-cookies.cc-discreet a:hover.cc-cookie-reset { text-decoration: none; }

@media screen and (max-width: 768px) {
.cc-cookies a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset { display: block; margin: 1em 0; }
}

@media screen and (max-width: 480px) {
.cc-cookies { position: relative; float: left; }
}