/* ------------------------------------------------------------

	Highland Council
	Version: v.1
	Author: Phil Rae
	URL: http://prism.talis.com/
	
  ------------------------------------------------------------

	1.Base Style Overides
	2.Containers
	3.Header Styles
	4.Links / Menus
	5.Home / Index Content
	6.Home Page Feeds
	7.Search Results / Search Action
	8.Footer
	
/* ----------------------------------------------------------- */
.clear {
	clear:both;
}


body, html
{
	margin: 0;
	padding: 0;
}
	
/* Base Style Overides
-------------------------------------------------------------- */
body {
/* !important to help ie6 on searchhelp.php */
	background:#fff !important;
	font-family:tahoma, verdana, helvetica, sans-serif; 
	padding-top:5px;
}



#pageHeader {
	/* background:url(images/highland/library_home_mast.jpg) right bottom no-repeat; */  /* normally search form is in place */
	height: 120px;
	padding:0;
	width: 948px !important;
}

	#index #pageHeader,
	#advancedsearch #pageHeader {
		 background:url(images/highland/library_home_mast.jpg) right bottom no-repeat;  }


#page {
	top:-1px;
}

#pageContainer #headerLinks {

/* in order to fix menu issue in ie6 */
	min-width:948px!important;
	width:948px!important;
	margin:0;
	padding:0;
}

#pageContainer {
	width:948px;
	margin:0 auto;
	padding:0;
}

#pageContent {
	margin:20px 0 50px;
	padding:0;
	width:948px;
	overflow:hidden;
}

#index #pageContent {
	padding-bottom:11px; }

	#logo {
		position:absolute;
		left:0;
		top:40px; }
		
		
	#high-cat {
		position:absolute;
		right:450px;
		top:40px; }

		
	
/* Containers
-------------------------------------------------------------- */

	
/* Header Styles
-------------------------------------------------------------- */
#page {
	border:none !important;
	background: none;
	margin:0 auto;
	/* stop content disappering in ie6 */ width: 948px;
}


#pageContent {
	width:948px;

}



#searchBox {
	background:#E5E1EF; /*url(images/highland/bg_search.png) right top repeat-y;*/
	right:0px;
	height:78px;
	padding-left:60px;
	_padding-left:70px;
	position:absolute;
	top:40px;
	width:380px;
	_width:430px;
	z-index:300;
}

	/* Move Search on Homepage */
	#index #searchBox {
		background:#E7E4E2;
		left:220px;
		padding:0;
		width:500px;
		top:270px;
	}
	
	/* Hide on advanced search */
	#advancedsearch #searchBox {
		display:none; }
	
	
#searchform {
	margin:0;
	padding:15px 0 0 0;
}


#searchBox .formElement {
	padding-left:10px;
	text-align:left;}

#searchBox .formElement a {
	color:#453A8B;
	display:block;
	font-size:12px;
	padding:1px;
	margin:0;
	padding:3px 147px 0 0;
	text-align:right;
}

	#searchBox .formElement a:active,
	#searchBox .formElement a:focus,
	#searchBox .formElement a:hover {
		color: #818c83 !important;
		text-decoration: underline;
	}
	
#index #searchBox .formElement a {
	color:#453A8B;
	font-size:1.0em;
	margin-right:0px;
}

	#index #searchBox .formElement a:active,
	#index #searchBox .formElement a:focus,
	#index #searchBox .formElement a:hover {
		color: #818c83 !important;
		text-decoration: none;
	}


#searchform input#searchsubmit {

	/* clear default styles */
	background:none;
	border:none;
	margin:0;
	padding:0;
	
	/* apply new styles */
	background: #453A8B;
	display: inline-block; 
	padding: 3px 8px 4px; 
	color: #fff;
	font-weight:normal; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
		
	input#searchsubmit:active,
	input#searchsubmit:focus {
		top: 1px; }
		
	input#searchsubmit, input#searchsubmit:visited { 
		font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }


	/* alter for index page */
	#index #searchform input#searchsubmit {
		background: #453A8B; 
		_background-image:none; 
		color: #fff;
	}
		#index input#searchsubmit:hover { 
			background-color: #111; color: #fff; }
			


#advancedSearch #searchsubmit {
	font-weight:normal;
	height:24px;
	margin-left:100px;
	padding-bottom:2px;
	width:100px;
	text-shadow:none; }

#searchclearform #searchclear {
	height:24px;
	width:100px;
	padding-bottom:2px;
	margin-top:-2px; }




#feedbacksubmit,
#sortform input {
	background-color:#eee;
	background-image: 
		-webkit-gradient(
			linear, 
			left top, 
			left bottom,
			color-stop(1, rgb(250,250,250)),
			color-stop(1, rgb(230,230,230))
	);
	background-image: 
		-moz-linear-gradient(
	    center top,
	    rgba(240,240,240, 1),
	    rgba(220,220,220, 1)
	);
	border:1px solid #ccc;
	border-bottom:1px solid #bbb;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	font-weight:normal;
	height:24px;
	padding-bottom:2px;
	width:80px;
	text-shadow:none; }
	
#sortform input {
	font-size:0.9em;
	height:22px;
	*height:20px; /* ie7 hack */
	margin-left:5px;
	margin-top:-1px;
	*margin-top:-8px; /* ie7 hack */
	width:35px; }




input#s {
	border: 2px inset #bbb;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:3px 20px 4px;
	_padding-top:0;
	width: 215px;
}
	/* alter for index page */
	#index input#s {
		font-size:1.3em;
		margin-left:0;
		width:300px;
	}


#itemActions {
	margin-top:-20px; }



	
/* Links / Menus
-------------------------------------------------------------- */
#headerLinks {
	font-size:1.1em;
	top: 0 !important;
}

#headerLinks ul {
	z-index: 100;
}

#headerLinks ul a {
	color:#453A8B;
	display:block;
	font-weight:normal;
}


#headerLinks .accessibilityLinks {
	float:left;
}

#headerLinks .accessibilityLinks li {
	border:none;
	float:left;
	line-height:32px;
	margin:0;
	padding:0;
	text-align:center;
}


#headerLinks .accessibilityLinks li.last {
	display:none;
}

#headerLinks .accessibilityLinks a {
	background:url(images/highland/bg_menuitem.gif) left center no-repeat;
	color:#453A8B;
	font-weight:normal;
	margin:1px -1px 2px 0;
    padding:0 20px 0 13px;

}

	
#headerLinks .accessibilityLinks a:hover {
	color:#3E744C !important; }
	
	
	
.userLinks {
	float:right;
}

#headerLinks .userLinks li {
	border:none;
	float:left;
	height:24px;
	margin:0;
	padding:0;
	text-align:center;
    line-height: 1.8;
}


a#account-link, a#logout-link {
	background:url(fade_high_acc.png) 0 0 repeat-x;
	color:#000;
	display:block;
	font-weight:normal;
	margin:0;
	padding:0 1em;
    text-transform: uppercase;
    border:1px solid #000;
    margin:0 10px 0 0;
}

/* TODO add hover/focus states*/

	
/* Home / Index Content
-------------------------------------------------------------- */	  

#home-feature-area h1 {	
	color:#453A8B;
	font-size:1.7em;
	font-weight:normal;
	margin-bottom:5px;
	text-align: center;
}

#home-feature-area h2 {
	color:#9992BC;
	font-size:1.6em;
	font-weight:normal;
	margin:0; padding:0;
	text-align: center;
}


	#home-feature-area .sidebar h2 {
		color:#fff;
		border:none;
		font-size: 13px;
		padding:0 0 3px 0px;
		left:0 !important; }



#home-left {
	float:left;
	margin-right:20px;
	width:200px; }
	
#home-right {
	float:right;
	margin-left:20px;
	width:200px; }
	
#home-middle {
	float:left;
	width:500px; }



/* Rollover State */
a     { color: #453A8B; }
.sidebar a     { color: #453A8B; }
a:hover     { color: #818c83 !important; }

.sidebar a:hover, #headerLinks a:hover,
#pageContainer #headerLinks ul.userLinks a:hover {
	color:#818c83;
}

#headerLinks .accessibilityLinks a:hover {
	color:#818c83;
}





/* Search Results / Search Action
-------------------------------------------------------------- */
#itemActions.sidebar .tagbox {
	border:none;
	margin-top:-45px;
	padding:0; }

.sidebar,
#itemActions.sidebar {
	width:200px !important; }

.sidebar h2,
#itemActions.sidebar .tagbox h2 {
	border-bottom:none;
	background:#453A8B;
	color:#fff;
	border:none;
	font-size: 13px;
	font-weight: normal;
	margin:0;
	padding:0 0 3px 0;
	text-align:center;
	width:200px !important;
	left:0 !important;
}

.sidebar h3,
#itemActions.sidebar .tagbox h3 {
	background:#EDF0F5;
	color:#000;
	font-size: 12px;
	margin:0 0 -5px 0;
	*margin-bottom:0;
	padding:5px 0 0 10px;
}

.sidebar ul,
#itemActions.sidebar .tagbox ul {
	background:#ECEFF6;
	margin:0;
	padding:5px 0 10px 15px;
	left:0 !important; }

.sidebar ul li,
#itemActions.sidebar .tagbox ul li {
	color:#FFDB0A;
	list-style-type: disc;
	margin:0 0 0 5px;
	padding:0 10px 0 0;
}


#itemActions.sidebar .tagbox ul li a {
	background:none !important;
	font-size:1em !important; }
	
#itemActions.sidebar .tagbox ul li a:link,
#itemActions.sidebar .tagbox ul li a:visited {
	color: #453a8b; }
	
#itemActions.sidebar .tagbox ul li a:active,
#itemActions.sidebar .tagbox ul li a:hover {
	color: #818c83; }


#availability h2.title,#renderitem h2.title,#account h2.title,#searchhelp h2.title,#itemControl h2.title,#itemControl h2.title, h1.title, #advancedSearch h2{
	color:#453A8B;
	font-size:1.7em;
	font-weight:normal;
	margin-bottom:5px;
}

#availability h2.title,#renderitem h2.title,#account h2.title,#searchhelp h2.title,#itemControl h2.title,#itemControl h2.title, #advancedSearch h2 {

	font-size:1.3em; }

	h1.title {
		margin-top:1.5em;
		margin-bottom:1.4em; }
		
	h2.title {
		margin-top:2em;
		margin-bottom:0.5em; }

		

#searchPanel {
	padding-bottom:20px;
}

#userActivity {
	color:#000000;
	font-weight:normal;
}

#searchResults h2.title {
	margin-top:0; }
	
#itemActions h2,
h2.title {
	*margin-left:-10px; }
	
form#borrowerServices,
form#feedbackform,
form#errorreportform {
	background:#f4f4f4;
	border:1px solid #ededed;
	border-bottom:1px solid #e3e3e3;
	padding:5px 15px 15px;
	width:50%;
}

form#errorreportform {
	padding-top:15px; }

form#feedbackform {
	padding-top:10px; }



.tenant-admin label {
	text-align:left;
	width:130px; }
	
.tenant-admin .login-p {
	margin-top:15px;
	margin-bottom:0.5em; }
	
.tenant-admin .form-element {
	margin-bottom:2em; }

#searchclear,#searchsubmit,
#pageButtons input {
	background-color:#eee;
	background-image: 
		-webkit-gradient(
			linear, 
			left top, 
			left bottom,
			color-stop(1, rgb(250,250,250)),
			color-stop(1, rgb(230,230,230))
	);
	background-image: 
		-moz-linear-gradient(
	    center top,
	    rgba(240,240,240, 1),
	    rgba(220,220,220, 1)
	);
	border:1px solid #ccc;
	border-bottom:1px solid #bbb;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	font-weight:normal;
	height:24px;
	padding-bottom:2px;
	width:80px;
	text-shadow:none; }
	
	#advancedSearch #searchsubmit {
		*margin-top:-0px; }


.item .image {
	margin-top:10px; }

.item h1 {
	margin-top:0; }


	
/* Footer
-------------------------------------------------------------- */
#pageFooter {
	border-top:1px solid #dadada;
	width:948px!important;
	margin:0 auto;
	padding:0;
	height: 165px;
	background:none;
}

#pageFooter p {

}

#pageFooter p a {
	color:#333;
}


#footer-copyright {
	color:#777;
	float:right;
	padding-top:20px;
	width:200px;
}

#footer-copyright a {
	color:#444;
	font-size:11px;
}

#footer-copyright p a {
	color:#444;
	font-size:12px;
	font-weight: normal;
}

#footer-column-container
{
	float:left;
	padding-top: 20px;
	width:700px;
}

.footer-column
{
	line-height:1.5em;
	list-style-type:none;
	float: left;
	text-align: left;
	padding-bottom: 30px;
	margin-left:20px;
	margin-right:30px;
	_margin-left:10px;
	_margin-right:15px;
}

.footer-column a {
	color: #453A8B;
}




/* UNIQUE TO HIGHLAND COUNCIL ----------------------------------------------- */

#amazon-associates {
	margin:20px 0 0 37px; }

#ask-scotland {
	margin-top:20px; }

#find-us {
	margin:10px 0 55px 15px; }
	
#connect-with {
	margin-bottom:30px; }
		
	#connect-with a {
		background:url(images/highland/sprite_connect-with_button.png) 0 0 no-repeat;
		display:block;
		height:70px;
		width:200px; }
			
		#connect-with a:hover {
			background:url(images/highland/sprite_connect-with_button.png) 0 -80px no-repeat; }
			
		#connect-with span {
			display:none; }
			
			
#subheadings {
	margin:50px 0 0 0; }
	
	#subheadings h3 {
		display:inline;
		font-size:1.5em;
		font-weight:normal;
		margin:0;
		padding:0;
		width:400px; }
		
	#subheadings p {
		float:right;
		margin:0;
		*margin-top:-20px;
		padding:3px 0 0 0;
		text-align:right;
		width:100px; }
		
		
#gallery {
	margin:120px 0 0 0; }
	
	#gallery h3 {
		color:#453A8B;
		font-size:1.5em;
		font-weight:normal; }
		
	#gallery ul {
		margin:0 10px;
		padding:0;
		overflow:hidden; }
		
		#gallery li {
			float:left;
			list-style-type:none;
			margin:0 8px 20px;
			min-height:180px;
			height:180px;
			text-align:center;
			width:140px; }
			
		#gallery h4 {
			color:#453A8B;
			font-size:1.05em;
			font-weight:normal;
			line-height:1.4em;
			margin:0;
			padding:0; }
			
		#gallery h5 {
			color:#555;
			font-size:0.95em;
			font-weight:normal;
			line-height: 1.2em;
			margin:0;
			padding:0;
			font-style:italic; }

/* EBSCO image */

#quickLinkActions0 img{
	float: none;
	margin: 0;
}

/* Login page box alignment */
#login input[type="submit"]{
	margin-left: 196px;
}