/*
	blue/green : # 009999
	light-blue/green : #ACE6E6
	orange : #FFB380
	light orange : #FFD9BF
*/

body {
	background: url('/opac-tmpl/css/pl/images/gradient.jpg') repeat-y fixed; 
	background-color: #99ccff; /* #ADE1F9;*/
	background: -moz-linear-gradient(left,#FFFFFF,#AFE1F8);
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:10pt;
	margin:0px;
	padding:0px;
}

tr.lista:hover {
    background: #bcd;
}

tr.hilighted:hover {
    background: #bcd;
}


/* base tags */
a {
/*	background-color: #ffcc33; #fbf7a8; */
	text-decoration:none;
/* 	padding:2px 2px; */
	color:#A10048;
	font-weight: bold;
}



a.transparent {
	background-color: transparent;
	text-decoration:none;
	color:#000000;
}

a:hover {
	color: #FF6600;
/*	background-color: #d4cf45; */
}

/* the page result number */
a.results {
/*	background-color : #fbf7a8; */
	padding : 0px 2px 0px 2px;
	margin : 2px 1px 2px 0px;
}

a.results:hover {
/*	background-color: #fff30e; */
	padding : 0px 2px 0px 2px;
	margin : 2px 1px 2px 0px;
}

/* label size & look just before input fields */
label {
	float:left;
	width: 10em;
}

/* images */
img {
	border-width:0px;
	text-align:left;
	display:inline;
	float:left;
	padding-left:10px;
	padding-right:10px;
}

.imgsmall {
	border-width:0px;
	text-align:center;
	display:inline;
	float:center;
	padding-left:10px;
	padding-right:10px;
}


.relative { /* for images in relative position */
	border-width:5px;
	text-align:left;
	position:relative;
}

/* blocks one */

.mainblock {
	float:left;
	width:90%;
	background-color:#cfffe8;
	border:1px solid #000000;
	margin-left:10px;
	margin-right:10px;
	padding-bottom:100px;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
}


/* main title */


h1 {
	/*color:#FFD9BF;*/
	color: white;
	/* background-color:#c2005e; */
	font-weight:bold;
	font-size: 140%;
	text-align:center;
	padding: 1px;
/*	margin:0px 25% 10px 25%; */
	border: 1px solid black;
	/*width:50%;*/
}

/* style for library name, on top of menu (defined in LibraryName systempref) */
/* in opac-main page */
.LibraryName {
	color:#ffffff;
	background-color: #336699; /* #468c8c;*/
	font-weight:bold;
	font-size: 120%;
	text-align:center;
	padding: 2px;
	border: 1px solid #ace6e6;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-top: 5px;
	/*width:50%;*/
}

/* in all other pages */
.SmallLibraryName {
	/*color:#FFD9BF;*/
	color: #c2005e;
	background-color:transparent;
	font-weight:bold;
	font-size: 135%;
	vertical-align:top;
	padding: 2px;
	width:100%;
}

/* subtitles. headers of blocks */
h2 {
	color:#ffffff;
	/*background-color:#009999;*/
	background-color: #468c8c;  /*#080f99; */
	border: 1px solid #88c3c3;
	font-weight:bold;
	font-size: 125%;
	width:99%;
	margin: 0px 0px 10px 0px;
	padding-left: 10px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	
}

/* probably useless */
h3 {
	color:#000000;
	font-weight:bold;
	font-size: 125%;
	margin: 5px 0px 0px 0px;
}

/* paragraphs */
p {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0pt;
/*	margin:0pt; */
	margin: 2px;
	clear:left;
}

.pmargin {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0pt;
	margin:0pt;
	clear:left;
}

/* centered paragraphs */
p.center {
	padding-left:10pt;
	padding-bottom:0pt;
	margin:0pt;
	text-align:center;
}

/* the copyright (at the end of the main page */
p.copyright {
	border-top: 1px solid #000000;
	margin-top:10px;
	text-align:center;
	color:#000000; /* #7c726e; */
	
}

/* TABLES */
table {
	/*border:0px solid #000000;*/
	border-collapse:collapse;
	/*width:80%;*/
	position:static;
}
/* header */
th {
	background-color: #99cccc;
	font-weight:bold;
	text-align:center;
	font-size:10pt;
	/*border-left:1px solid #000000;
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;*/
}
/* standard cell */

tr {
	display:table-row;
	position:static;
}

td {
	font-size:10pt;
	/*border-left:1px solid #000000;*/
	vertical-align:top;
	position:static;
	display:table-cell;
}

/* hilighted cell */
tr.hilighted  {
	font-size:10pt;
	border-left:1px solid #000000;
	background-color:#eadfed;
	vertical-align:top;
}

/* FORMS */
/* class used in form buttons */
.button {
	text-align: center;
/*	padding: 2px 2px;*/
	text-decoration: none;
	border:1px solid #000000; 
	border-top:0px; 
	border-right:0px; 
	padding-bottom: -1px;

}

.button:hover {
	text-align: center;
/*	padding: 2px 2px;*/
/*	border-bottom:1px solid #FFf30e;
	border-left: 3px solid #FFf30e; */
	text-decoration: none;
	color: #FF6600;
/*	line-height:175%;  */
	background-color: E60066; /* #d4cf45; */
/*	margin : 3px 3px 3px 0px; */
}
/*
catalogue {
	background-color: #336699;
}*/	

/* standard input field */  
/*
input {
	border:1px solid #888888;
	margin-bottom:2px;
	background-color:#FFFFFF;
}
input:hover {
	border:1px solid #000000;
} */

/* textarea input field */
textarea {
	border:0px;
	border:1px solid #888888;
	background-color:#FFFFFF;
}

textarea:hover {
	border:1px solid #000000;
}
/* select input field */
select {
	border:0px;
	border:1px solid #888888;
	background-color:#FFFFFF;
}

/* span classes */
/* used to show small 1,2,3, to reach other pages when too much results */
.smallnumber {
	background-color:#99cccc;
	font-family:Times,serif;
	font-size:small;
	border:1px solid #000000;
	padding:1pt;
	vertical-align:top;
}

.smallnumberactive {
	background-color:#FFB380;
	font-family:Times,serif;
	font-size:small;
	border:1px solid #000000;
	padding:1pt;
	vertical-align:top;
}

/* BLOCS */

#problem {
	color: white;
	font-weight:bold;
	background-color:red;
}
.problem {
	color: white;
	font-weight:bold;
	background-color:red;
}

/* the mainbloc : everything is in mainbloc, except menu */
#mainbloc {
	float:left;
	width:90%;
	background-color:#c7ffe0;
	/*background-color:#ACE6E6;*/
	border:1px solid #000000;
	margin-left:10px;
	margin-right:10px;
	padding-bottom:100px;
	padding-left:10px;
	padding-top:10px;
	padding-right:10px;
}



#homebloc {
	float:right;
	width:70%;
	margin-right:10px;
	border:0;
}

.homebloc {
	float:right;
	width:70%;
	margin-right:10px;
	border:0;
}


#leftbloc {
	float:left;
	width:170;
	border:0;
	margin-left:10px;
}

.leftbloc {
	float:left;
	width:170;
	border:0;
	margin-left:10px;
}


#bottombloc {
	width:100%;
	height:200%;
	margin-top:10px;
	vertical-align:top;
	text-align:center;
	float:left;
}

.bottombloc {
	width:100%;
	height:200%;
	margin-top:10px;
	vertical-align:top;
	text-align:center;
	float:left;
}


/* used in members */
#bloc20, .bloc20 {
	float:left;
	border:1px solid #000000;
	padding-bottom:10px;
	margin-bottom:10px;
	margin-left:10px;
}
#bloc60, .bloc60 {
	float:left;
	border:1px solid #000000;
	padding-bottom:10px;
	margin-bottom:10px;
	padding-left: 5px;
}

/* used in biblio detail */

#bibliobloc {
	float:left;
	width:40%;
	border:0;
	border:1px solid #000000;
}

#itembloc {
	float:left;
	padding-left:10px;
	width:80%;
	border:0;
}

/* menu styles */
.menu {
	border:1px solid #000000;
	padding-left:10pt;
	padding-right:10pt;
	margin-bottom:10px;
	display:inline;
}

#title {
	display:block;
	margin-left:0px;
}

#menuline {
	display:block;
	/*margin-left:100px;
	margin-bottom:20px;*/
}

#bibliomenu {
	position: relative;
	float:left;
	display:block;
	margin-left:10%;
	width:90%;
	border: 1px;
}

/* a little spacer. should not be used */
.basketspacer {
	padding-left:8pt;
	float:left;
}

/* for SubscritptionHistory view  */
div.tabsubs {
	margin-left:150px;
	position:inline;
}

div.tabsubs a {
	font-size: small;
	border: thin solid black;
	margin-right: 2px;
	padding: 10px 10px;
	-moz-border-radius: 5px 5px 0px 0px;
}

div.tabsub {
	background-color: #ACE6E6;
	position:absolute;
	visibility:hidden;
	margin-left:150px;
	margin-top:0px;
border:4px;
}

/* for MARC view  */
div.tabs {
	width:15px;
	display:inline-block;
	position: relative;
	left: 5px;
	/*margin-top:70px;
	margin-left:40px;*/
}

div.tabs a {
	display:block;
	font-size: small;
	border: thin solid black;
	margin-right: 2px;
	padding: 10px 10px;
	-moz-border-radius: 5px 0px 0px 5px;
}

div.tabbloc {
	position:absolute;
	display:block;
	/*top:140px;
	left:62px;
	width:80%;*/
	margin-right:0px;
	border: 1px solid black;
	background-color:none;
}

div.tab {
	background-color: #ACE6E6;
	display: block;
	visibility:hidden;
	position:absolute;
	float:left;
	margin-right:0px;
	width: 600px;
}

.MARCtag { /* style for tag definition (700 - Statement of responsability) */
	font-weight:bold;
	color:#c2005e;
	background-color:#FFFFFF;
	background-image:none;
	border-bottom: thin solid #FFB380;
        /*width: 100%;*/
	/*margin-right:30%;*/
}

.labelsubfield { /* style for each subfield (like : a Publication year), just before the biblio subfield */
	float:left;
	width: 12em;
	margin-left:30px;
}

li {
	line-height:36px;
	border-bottom:1px solid #A3D2EF;
	background-position:30px 50%;
	background-repeat:no-repeat;
	text-align:right;
}

button.butkeymap 
{
    width:30px;
    text-align: center;
}

red 
{
    color: white;
    font-weight:bold;
    background-color:red;
}

table.reminder td
{
    text-align: center;
}