/* General attributes					     */
/*************************************************************/
/* GLOBAL settings */
/*************************************************************/

body {
        	margin: 		10px;
        	font-family: 		Arial, Helvetica, sans-serif;
		font-size:              80%;
		color: #4d0000;
}
				
br 		{ padding; 2px; }

input           { padding-left: 2px; }


h1 {
  		color:	#4d0000;
		font-size: 120%;
}

h2{
  		color:	#4d0000;
		font-size: 118%;
}

h3{ 
		color:  #4d0000;
        	font-size: 116%;
}

h4{ 
		color:  #4d0000;
        	font-size: 114%;
}

legend {
    		border:      2px none;
    		background:  #f5efef;
    		box-shadow:  2px 2px 2px #888888;
   		-moz-box-shadow:  2px 2px 2px #888888;
   		-webkit-box-shadow:  2px 2px 2px #888888;
   		border-radius:5px;
   		-webkit-border-radius: 5px;
   		-moz-border-radius: 5px; 
}

table{ 
		padding: 0px;
		border-spacing: 0px;
		font-size: inherit;
}

th {
		padding: 4px;
        	height:		150%;
		background:	#ffffff;
		text-align:	left;
		color:		#db2033;
    		border:      1px solid;
    		box-shadow:  2px 2px 2px #888888;
   		-moz-box-shadow:  2px 2px 2px #888888;
   		-webkit-box-shadow:  2px 2px 2px #888888;
   		border-radius:5px;
		border-color:   gray;
   		-webkit-border-radius: 5px;
   		-moz-border-radius: 5px; 
}

td {		text-align:	left;
		padding:	4px; }

/* Link definitions */

A { 
		text-decoration: none;
        	color: #4d0000;
}
 
A:link		{ color: #4d0000; }
A:visited	{ color: #4d0000; }
A:active	{ color: #4d0000; }
A:hover		{ color: #5f0000;
                  text-decoration: underline; }

/* List Definitions */
ol 		{ margin-bottom:0in; 	}
ul 		{ margin-bottom:0in; 	}



/*************************************************************/
/* GLOBAL CLASS settings */
/*************************************************************/

.center 	{text-align:center;}
.centre 	{text-align:center;}
.right  	{text-align:right;}
.left  		{text-align:left;}

.top_center     {text-align:center; vertical-align: top;}
.top_centre     {text-align:center; vertical-align: top;}
.top_right      {text-align:right; vertical-align: top;}
.top_left       {text-align:left; vertical-align: top;}

.bottom_center  {text-align:center; vertical-align: bottom;}
.bottom_centre  {text-align:center; vertical-align: bottom;}
.bottom_right   {text-align:right; vertical-align: bottom;}
.bottom_left    {text-align:left; vertical-align: bottom;}




.btn {
  background: #ffffff;
  background-image: -webkit-linear-gradient(top, #ffffff, #dbdbdb);
  background-image: -moz-linear-gradient(top, #ffffff, #dbdbdb);
  background-image: -ms-linear-gradient(top, #ffffff, #dbdbdb);
  background-image: -o-linear-gradient(top, #ffffff, #dbdbdb);
  background-image: linear-gradient(to bottom, #ffffff, #dbdbdb);
  -webkit-border-radius: 13;
  -moz-border-radius: 13;
  border-radius: 13px;
  font-family: Arial;
  color: #ffffff;
  font-size: 8px;
  padding: 4px 8px 3px 8px;
  border: solid #ffffff 0px;
  text-decoration: none;
}

.btn:hover {
  background: #666c70;
  background-image: -webkit-linear-gradient(top, #666c70, #cecfa6);
  background-image: -moz-linear-gradient(top, #666c70, #cecfa6);
  background-image: -ms-linear-gradient(top, #666c70, #cecfa6);
  background-image: -o-linear-gradient(top, #666c70, #cecfa6);
  background-image: linear-gradient(to bottom, #666c70, #cecfa6);
  text-decoration: none;
}

/*************************************************************/
/* Specific CLASS settings */
/*************************************************************/

div.Section1 	{ page:Section1; }

/*************************************************************/
/* GLOBAL ID settings */
/*************************************************************/

#shade_high { background-color: #a3ffff; padding: 4px;}
#shade_low  { background-color: #e0ffff; padding: 4px;}
#subtotal   { text-align:right; font-weight: bold; border-top-style: solid; }


#opacPatronDetailsText { 
   	text-align: right;
}

/*************************************************************/
/* ID settings by html tag                                   */
/*************************************************************/


div#data { 
        	border-spacing: 0px;
		padding: 0px;
        	background: #f5efef;                
		text-decoration: none;
        	display: inline-block;
}


div#data_left {
       		background: #f5efef;                
       		padding-top:	2px;
       		padding-bottom:	2px;
       		padding-right:   10px;
       		padding-left:    10px;
       		text-align:      left;
       		display:         inline-block;
}

/* Used to set an output scrollable section   */
div#output {
   		overflow:    auto;
   		height:      500px;
   		box-shadow:  10px 10px 5px #aaaaaa;
   		border:      2px solid;
   		border-radius:25px;
}

/* Used to embed data such as pdf output       */
embed#output {
   		height:      500px;
   		text-align: center;
}

/* Table styles                                */
table#normalTable{ 
        	border-spacing: 0px;
		padding-bottom: 0px; padding-top: 6px;
        	background: #f5efef;
		text-decoration: none;
}

table#dataTable{ 
        	border-spacing: 0px;
		padding: 0px;
        	background: #e0e0e0;                
		text-decoration: none;
}

td#data_left {
       		padding-top:	2px;
       		padding-bottom:	2px;
       		padding-right:   10px;
       		padding-left:    10px;
       		text-align:      left;
}


/* Span attributes */
span#links {
	text-decoration: underline;
	color:		 Navy;
}

/* The complete button thing defined */
input[type=submit], input[type=button], input[type=reset], input[type=file] 
{
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  font-size: 90%;
  color: #4d0000;
  background: #f0f0f0;
  padding: 2px 18px 2px 18px;
  margin: 4px;
  text-decoration: none;
}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, input[type=file]:hover 
{
  background: #ffffff;
  text-decoration: none;
}

input[type=button]:hover {
  background: #ffffff;
  text-decoration: none;
}

input[type=file]:hover {
  background: #ffffff;
  text-decoration: none;
}



/*-------------------------------------------------------------------*/
/* Class definitions
/*-------------------------------------------------------------------*/




/*-------------------------------------------------------------------*/
/* ID definitions
/*-------------------------------------------------------------------*/

/*------------------------ */
/* OPAC Public definitions */
/*------------------------ */

img#opac_thumb {
   border-width: 0px;
   height: 120px;
   margin: 5px;
   float: right;
   z-index:-1;


}


div#opacTopBanner {	
	}

img#opacTopBannerImage {
        background-color: #ffffff;
        border-style: none;
        border-width: 0px;
}

span#opacTopBanner {
	color:#999999;
	text-decoration: underline;
	font-size: 12px;
}


a#opacTopBanner
	{
	color: #999999; 
	text-decoration: underline;
	font-size: 12px;
	}
a#opacTopBanner:hover
	{
	color: yellow;
	font-size: 12px;
	}

a#opacBotBanner
	{
	color: #000000; 
	text-decoration: underline;
	width: 100%;
	text-align: center;
	}

a#opacBotBanner:hover
	{
	color: #336633;
	}

div#opacBotBanner {
	font-size: 4px;
	width: 100%;
	text-align: center;
}


div#opacform { 
	font-size: 12px;
}
  
table#opacmessage
{
  	text-align: left;
	font-size: 12px;
}
  
table#opac1
{
  	text-align: center;
  	font-weight:	    999;
  	font-size: 12px;
}

table#opac2
{
  	text-align: center;
  	font-weight:	    999;
  	font-size: 12px;
}

table#advancedSearch
{
  	text-align: left;
	font-size: 12px;
}
  

div#searchResultMessage {

	text-align: center;
  	font-size: 12px;
}

table#opac_search_results
{
  	font-size: 12px;
}

td#opac_search_results
{
  	border-bottom: 	medium solid;
  	border-bottom-width:	1px;
  	vertical-align: 	top;
	font-size: 12px;

}
tr#opac_search_results
{
	font-size: 12px;

}

span#opacLink
{
	text-decoration: underline;
	font-size: 12px;
}

#title_field {
	font-size: 120%;
	font-weight: 900;
}


/*------------------------ */
/* OPAC LOGIN STYLE DEFS   */
/*------------------------ */

span#formTitle
{
  	font-size:	90%;
  	color:	#ff8800;
  	font-weight:	900;
}

div#opacLogin
{
}

table#opacLogin
{
   	padding: 4px;
}

tr#opacLogin
{
  	vertical-align: 	bottom;
}

td#opacLoginText
{
  	text-align: right;
  	padding:	4px;
	color:		#336633;
}

td#opacLoginData
{
  	text-align: 	left;
  	font-weight:	normal;
  	padding:	4px;
}

span#opacLoginText
{
  	text-align:	right;
  	font-weight:	normal;
  	font-size:	120%;
  	color:	#ff8800;
}

span#opacLoginWelcomeMessage
{
  	
}
span#opacLoginWelcome
{
  	font-size:	110%;
  	color:		#ff8800;
  	font-weight:	900;
  	text-align:	center;
}


span#opacLoginPatronNavigation
{
	color:			#393c9c;
   	background: 		#efefef;
   	text-align:		"right";
}

/*-------------------------------------------------------------------*/
/* Opac Patron Details
/*-------------------------------------------------------------------*/

td#opacPatronDetailsData { 
   	background: #c0c0c0;
}


fieldset#screen_outer {
   display: inline-block;
   background: #f5efef;
   box-shadow:  10px 10px 5px #888888;
   border:      2px solid;
   border-color:	#f0f0f0;
   border-radius:15px;

}

fieldset#screen_inner {
   display: inline-block;
   background: #f5efef;
   border:      2px solid;
   border-radius:15px;
   border-color: #d0d0d0;
   text-align:  left;
}

fieldset#circulationProcessPanel {
   display: inline-block;
   background: #f5efef;
   width: 600px;
   box-shadow:  10px 10px 5px #888888;
   -moz-box-shadow:  10px 10px 5px #888888;
   -webkit-box-shadow:  10px 10px 5px #888888;

   border:      2px none; 
   border-radius:25px;
   -webkit-border-radius: 25px;
   -moz-border-radius: 25px; 
}


div#circulationProcessPanel2 {
        height: 12px;
}

img#patronPicture {
   border-width: 0px;
   width:  40px;
   height: auto;
   margin: 5px;
}

img#patronPicture:hover       { transform: scale(4.0,4.0);
                            -ms-transform: scale(4, 4); /* IE 9 */
                            -webkit-transform: scale(4, 4); /* Safari */ }



.button {
  display: inline-block;
  padding: 2px 18px 2px 18px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #4d0000;
  font-size: 90%;
  font-weight: normal;
  background-color: #f0f0f0;
  border: none;
  border-radius: 15px;
  box-shadow: 0 2px #999;
  letter-spacing: 1px;;
/* -ms-transform: scale(0.5, 0.5); */
/* IE 9 */
/* -webkit-transform: scale(0.5, 0.5); */
/* Safari */
/* transform: scale(0.5, 0.5); */
}

.button:hover {
  font-size: 90%;
  color: #4d0000;
  letter-spacing: 1px;;
  background-color: #f0f0f0;
}




.circulationOverdue {
   background-color: var(--lv_overdueBackgroundColour);
   color: var(--lv_overdueFontColour);
}