@CHARSET "UTF-8";

 @media screen {

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

	Talis Prism 3 Base Skin
	Original Author: Chris Waring
	Modifications and optimisations: Matt Machell

   CSS Reset:
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Default font settings. (0.75 * 16px = 12px) */
body {
	line-height: 1.5;
	text-align: center;
	font-size: 75%;
	color: #222;
	background: #fff;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; margin: 1.5em 0; width: 100%; }

caption, th, td { font-weight: normal; text-align: left; }

table, td, th { vertical-align: top; }

td, th {
	padding: 0.2em 0.3em; line-height: 1.67;
}

caption { margin-bottom: 1.5em; }

thead th { font-weight: bold; }

/* Remove possible quote marks. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

/* Remove border on linked images. */
a img { border: none; }

/* Hiding from visual browser for AT users. Offscreen due to be deprecated due to repaint issues on mobile */

body .offscreen {
	position: absolute;
	left: -6000px;
}

body .visuallyHidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

body .visuallyHidden.focusable:active,
body .visuallyHidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

/* Headings */

h1, h2, h3, h4, h5, h6 { color: #111; }

h1 { font-size: 1.8em; line-height: 1; margin-bottom: 1em; font-weight: bold; }

h2 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; font-weight: bold; }

h3 { font-size: 1.0em; margin-bottom: 1.5em; font-weight: bold; }

.sidebar h3 { margin-bottom: 0; }

h4, h5, h6 { font-size: 1em; font-weight: bold; }

/* Text styling */
p { margin: 0 0 1em; }

a:focus,
a:hover { color: #cd0000; }

a { color: #073f9e; text-decoration: none; }

blockquote { margin: 1.5em; color: #666; }

strong, dfn, .label, .action, .code { font-weight: bold; }

em, dfn, blockquote, address, span.author, .code { font-style: italic; }

sup, sub { line-height: 0; }

abbr,
acronym { border-bottom: 1px dotted #666; }

address { margin: 0 0 1.5em; }

pre, code { margin: 1.5em 0; white-space: pre; }

pre, code, tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

ul li, ol li {
	list-style: none;
	margin: 0; padding: 0;
}

ul, ol {
	margin: 0; padding: 0;
}

/* Items - both search and detail  */

.itemsList .publisher, .summaryfields .other, .recordtype {
	display: inline;
}

.item .title {
	margin-bottom: 0.2em;
}

.item .summary {
	margin-left: 108px;
}

.item .image img {
	padding: 0.5em;
	background: #f8f8f8;
	margin: 0 0.75em 0.5em 0;
}

div.summarydetail {
	margin: 1em 0;
}

.itemsList .item {
	overflow: hidden;
	width: 100%;
	margin-bottom: 1.41666em;
	border-bottom: 1px #dde solid;
	padding-bottom: 0.75em;
}

/* Advanced Search
-------------------------------------------------------------- */

#advanced-search-link {
	line-height: 2;
	vertical-align: middle;
}

#advancedSearch label {
	text-align: right;
	font-weight: normal;
}

#advancedsearchsubmit {
	margin-left: 29em;
}

#advancedAllany {
	background: #fafafa;
}

#advancedAllany, #advancedSpecifics {
	padding: 1em;
	margin: 0 auto;
	line-height: 1.8;
}

#advancedSpecifics {
	border-top: none;
}

/* Misc classes */

.first { margin-left: 0; padding-left: 0; }

.last { margin-right: 0; padding-right: 0; }

.de-em { color: #666; }

/*Navigation components*/

.navList {
	overflow: hidden;
}

.navList li {
	display: inline;
}

/* Common UI element styling*/

.uiBorder {
	border: 1px solid #dde;
}

.uiBox {
	background: #f8f8f8;
	border-radius: 3px;
	margin-bottom: 1.67em;
	position: relative;
	overflow: hidden; /* for IE6 fixing*/
}

.uiShadow {
	-webkit-box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.3);
	box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.3);
}

.uiOutset {
	margin-left: -0.5em;
}

.uiSpaceAfter {
	margin-bottom: 1.5em;
}

/* Common positional styling avoids repeat*/

.posLeft, .item .image {
	float: left;
}

.posRight {
	float: right;
}

.posRel {
	position: relative;
}

.posAbs {
	position: absolute;
}

.posFixedLeft {
	left: 0;
}

/* --------------------------------------------------------------
  Forms
-------------------------------------------------------------- */

label { font-weight: bold; margin: 0 0.5em 0 0; }

input { vertical-align: middle; font-size: 1em; margin: 0 0.5em 0 0; line-height: normal; }

fieldset { padding: 1.5em 0; margin: 0 0 1.5em 0; border-bottom: 1px solid #eee; }

legend { font-weight: bold; font-size: 1.1em; }

input, button, select, textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

input[type="text"], input[type="password"],
textarea, select, input[type="submit"], input[type="button"] {
	border: 1px solid #dde;
	color: #444;
	padding: 0.3em 0.4em;
}

input[type="submit"], input[type="button"] {
	background: #f2f2f2;
	box-sizing: content-box;
}

input:hover, select:hover {
	border: 1px solid #aaa;
	color: #222;
}

select {
	vertical-align: middle;
	height: 2.2em;
	font-size: 1em;
	margin-right: 0.5em;
}

input:focus,
select:focus,
input.title:focus,
textarea:focus,
select:focus {
	color: #222;
	border: 1px solid #A5A8D3;
	outline: none;
}

textarea { width: 95%; height: 20em; padding: 0.3em; font-size: 1em; }

input.search-input, .search-input {
	background: #FFF url('/images/search.jpg') 0.45em 0.47em no-repeat;
	padding: 0.3em 0.3em 0.3em 1.6em;
	width: 20em;
	margin-right: 0.5em;
	display: inline-block;
	color: #555;
}

.search-input:focus {
	color: #222;
}

.search-input.highlight {
	border-color: #900;
}

form.genericForm {
	overflow: hidden;
	margin-bottom: 1em;
}

.formElement {
	margin-bottom: 1em;
}

.genericForm .formElement, .list .formElement {
	clear: both;
	overflow: hidden;
}

.genericForm label {
	display: block;
}

.genericForm .singleLine label,
.genericForm .singleLine input {
	float: left;
	width: 46%;
}

.genericForm .singleLine label {
	margin-right: 2%;
	vertical-align: middle;
	line-height: 2em;
}

.loginForm .confirm input {
	margin: 0 0 0 14.6em;
	padding: 0.166em;
	width: 14.1em;
}

.loginForm .formElement input,
.loginForm .formElement label {
	width: 13.6em;
	margin-right: 1em;
}

.ssoBox .uiButton {
	margin-left: 22%;
}

.checkGroup label,
.checkgroup input {
	float: left;
	width: 50%;
}

abbr.req {
	font-size: 1.3em;
	color: #600;
	font-weight: bold;
	line-height: 1em;
}

.phoneGroup {
	line-height: 2.5;
}

.phoneGroup input, .emailGroup input {
	font-size: 1.1em;
	margin-bottom: 3px;
}

.phoneGroup .num {
	width: 46.2%;
}

.phoneGroup .ext {
	width: 3em;
}

.phoneGroup .phone {
	width: 8.8em;
}

.prefForm .emailGroup input {
	width: 16.8em;
}

form .lrg input {
	padding: 0.8em 1em;
}

form .lrg {
	margin-bottom: 2.6em;
}

label.terms, label span, legend span {
	font-weight: normal;
}

.multiLine label {
	display: block;
}

textarea.short {
	height: 4em;
}

label.confirm {
	color: #082;
}

.required {
	font-size: 2em;
	color: #600;
	border-bottom: none;
	vertical-align: middle;
}

.genericForm .runOn label, .genericForm .runOn input, .genericForm .runOn select {
	display: inline-block;
}

.control input {
	float: right;
}

.inlineForm {
	display: inline;
}

.genericForm legend {
	color: #666;
	font-weight: normal;
	border-bottom: 1px solid #bbb;
	display: block;
	width: 97%;
	padding-bottom: 0.4em;
}

.genericForm fieldset {
	border: none;
}

.genericForm .singleLine select {
	width: 48%;
	height: 2.2em;
	float: left;
}

.genericForm .singleLineDate select {
	width: 15%;
	height: 2.2em;
	float: left;
}

.uiHighlightForm {
	background: #f6f6f6;
}

div .uiSpacedWell {
	padding: 1.8em 2.4em;
}

.uiComment {
	padding: 0.5em;
	margin: 0 1em 1em 1em;
}

.uiCommentForm {
	padding: 0.1em;
	margin: 0 1em 1em 1em;
}

.uiCommentForm .uiButton {
	margin-right: 0;
	float: right;
}

.illForm select {
	font-size: 1em;
}

.illForm input[type=text] {
	font-size: 1.1em;
}

.addressBox {
	margin-left: 0.5em;
}

.address {
	line-height: normal;
}

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice,
.success { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }

.notice { background: #FFF6BF; color: #514721; border-color: #FFD324; }

.success { background: #E6EFC2; color: #264409; border-color: #C6D880; }

.error a { color: #8a1f11; font-weight: bold; text-decoration: underline; }

.notice a { color: #514721; font-weight: bold; text-decoration: underline; }

.success a { color: #264409; font-weight: bold; text-decoration: underline; }

.frm-error {
	background: #FBE3E4; border: 1px solid #FBC2C4; padding: 0.8em;
}

/* --------------------------------------------------------------
 * Core page structure, position and margins.
-------------------------------------------------------------- */

#pageContent, #headerLinks, #headerFragment, #pageHeader {
	margin: 0 auto;
	min-width: 760px;
	max-width: 950px;
	text-align: left;
}

.ie6 #pageContent, .ie6 #headerLinks, .ie6 #headerFragment, .ie6 #pageHeader, .ie6 #page {
	width: 760px;
}

/* =diacritics fix, only on page content to avoid themes breaking */

#pageContent {
	font-family: "Helvetica Neue", "Arial Unicode MS", Helvetica, Arial, sans-serif;
}

#headerLinks, #pageContent, #pageHeader {
	padding: 0 1em;
}

#pageHeader {
	height: 100px;
}

#pageFooter {
	padding: 3em 0 1em 0;
	text-align: center;
	width: auto;
}

.ie6 #pageFooter, .ie7 #pageFooter {
	width: 100%;
}

/* Headerlinks - see deprecated.css for removals */

#page {
	min-width: 760px;
	width: auto;
	position: relative;
	background: transparent url("/images/page-cont.png") repeat-x 50% 0.4em;
}

#headerLinks {
	position: relative;
}

.appLinks a {
	color: #666;
}

/* display nones */

.hidden, .js #page .jsHidden, #page .mobile {
	display: none;
}

/* forced block*/

h2.title a {
	display: block;
}

/*forced inline */

.list .export form, .tagCloud div, .userLinks form, .userLinks select, .userLinks input {
	display: inline;
}

/*clears*/

#headerLinks, #pageContent, #pageFooter, .pagingControl, #searchResults, .login-p, #lists h1, .clear {
	clear: both;
}

/* basic grid */

/*Force all grid panels to be border box for easy calculating, includes polyfill for IE<8*/

.uiDeskHalf, .uiDeskThird, .uiDeskTwoThirds, .uiDeskQuarter, .uiDeskThreeQuarters {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; *behavior: url(/_css/boxsizing.htc);
}

.uiPanel {
	float: left;
}

.uiDeskHalf {
	width: 49%;
}

.uiDeskTwoThirds {
	width: 66%;
}

.uiDeskThreeQuarters {
	width: 74%;
}

.uiDeskThird {
	width: 32%;
}

/*Exceptions */
table.uiDeskHalf {
	width: 56.5%;
}

/*Grid spacing*/
.uiDeskTwoThirds, .uiDeskThird, .uiDeskHalf {
	margin: 0;
}

.uiDeskTwoThirds + .uiDeskThird {
	margin-left: 2%;
}

.uiDeskThird + .uiDeskThird {
	margin-left: 2%;
}

.uiDeskHalf + .uiDeskHalf {
	margin-left: 2%;
}

.uiDeskThird + .uiDeskThird.uiNoPush {
	margin-left: 0;
}

/*Pushing */

.uiDeskHalf.uiDeskPushMid {
	margin-left: 25%;
}

.uiDeskHalf.uiDeskPushHalf {
	margin-left: 50%;
}

.uiDeskHalf.uiDeskPushOne {
	margin-left: 2%;
}

/* TODO add sub grids */

.uiMiddle {
	text-align: center;
}

/* display nones */

.hidden {
	display: none;
}

.uiWrap {
	overflow: hidden;
}

/* Border radius in modern browsers */

.tiny-item,
#breadCrumb span,
#page div.dialog,
.uiElem,
.uiButton,
.itemActions #reserveform.withpickup,
.historyNav li,
.accountDetail input[type=submit],
div.accountSummary,
div.accountExpiryWarning,
.uiExternal,
.tags a, .tags span,
.search-input,
#advanced input,
.addTag,
.uiRnd {
	border-radius: 3px;
}

/* Details Page */

#renderitem .item .summary {
	margin: 0 0 1.5em 0;
}

#renderitem .sidebar {
	width: 25%;
}

#renderitem .item {
	overflow: hidden;
}

#renderitem .itemContent {
	margin-left: 220px;
}

#renderitem .item .image {
	width: 202px;
	text-align: center;
	overflow: hidden;
}

#renderitem .item .image img {
	margin: 0 auto;
	padding: 0;
}

#details {
	line-height: 1.8;
}

/*Search Page */
/*TODO fix this as it confuses theme creators*/

#searchFacets {
	width: 20em;
	overflow: hidden;
}

#searchFacets img.uiHistogram {
	margin: 0.5em 26px 0em;
}

#searchFacets input.uiSliderApply {
	float: right;
	margin: 1em;
}

#searchFacets div.uiSliderFacet {
	overflow: hidden;
}

#searchPanel {
	width: 100%;
	margin-left: -20em;
}

#searchResults {
	margin-left: 22em;
}

#searchaction .item, #tags .item {
	overflow: hidden;
	width: 100%;
	margin-bottom: 1.41666em;
	border-bottom: 1px #e6e7e8 solid;
	padding-bottom: 0.75em;
}

.item .summary {
	margin-left: 108px;
	display: block;
}

.searchControl {
	margin: 0.3em 0 1.5em 22em;
}

/*Navigation component styles*/

.userLinks li,
.pagingControl li {
	padding: 0 0 0 0.5em;
	margin: 0 0 0 0.5em;
	border-left: 1px #bbb solid;
}

.accessibilityLinks li {
	border-right: 1px #bbb solid;
	padding: 0 0.5em 0 0;
	margin: 0 0.5em 0 0;
}

.pagingControl li a {
	padding: 0 0.1em;
	border-bottom: 2px solid #CCCFE9;
}

.pagingControl li a:hover {
	border-bottom: 2px solid #CD0000;
}

.itemPager {
	width: 100%;
}

div div .itemPager a:focus,
div div .itemPager a:hover { color: #cd0000; }

div div .itemPager a { color: #073f9e; padding: 0.3em 0.5em; font-size: 0.9em; }

li.last, li.first {
	border: none;
}

.userLinks li:first-child, .pagingControl li:first-child {
	border-left: none;
}

.appLinks {
	width: 70%;
}

.userLinks {
	right: 1em;
	vertical-align: middle;
}

#searchBox {
	text-align: center;
}

#searchform {
	padding: 1.5em 0 0 0;
}

.facetNav ul {
	margin-bottom: 1.5em;
}

.facetNav li {
	list-style: square;
	color: #555;
	margin-left: 1.5em;
}

.facetNav li.more {
	list-style: none;
}

.facetNav ul, .facetNav h3 {
	margin-left: 0.7em;
	margin-bottom: 0;
}

.facetNav strong {
	font-weight: normal;
}

.tagCloud span {
	border-right: 1px solid #ccc;
	padding: 0 0.5em;
}

.tagCloud {
	margin: 1.5em;
	text-align: justify;
}

.tag1 {
	font-size: 1em;
	line-height: 1.5em;
}

.tag2 {
	font-size: 1.4em;
	line-height: 1.3em;
}

.tag3 {
	font-size: 1.6em;
	line-height: 1.1em;
}

.tag4 {
	font-size: 1.8em;
	line-height: 1em;
}

.tag5 {
	font-size: 2.0em;
	line-height: 1em;
}

.tag6 {
	font-size: 2.2em;
	line-height: 1em;
}

.tag7 {
	font-size: 2.4em;
	line-height: 1em;
}

.tag8 {
	font-size: 2.6em;
	line-height: 1em;
}

.tag9 {
	font-size: 2.8em;
	line-height: 1em;
}

.tag10 {
	font-size: 3.0em;
	line-height: 1em;
}

/* Search Help  */

.searchHelp {
	margin-left: 22em
}

#searchelp .toc {
	width: 20em;
	background-color: #fff;
}

/* Language (Old-style multi-lingual fragment solution - TODO Deprecate)  */

.en-gb .en-gb, .cy-gb .cy-gb {
	display: block !important;
}

.cy-gb #headerLinks .en-gb, .en-gb #headerLinks .cy-gb {
	display: none !important;
}

.en-gb #headerLinks .en-gb, .cy-gb #headerLinks .cy-gb {
	display: inline !important;
}

/* Notes in Detailfragment
-------------------------------------------------------------- */
.Note ul,
.Note li {
	margin: 0; padding: 0;
	list-style: none;
}

/* -------------------------------------------------------------
   Reservation workflow - additions by pjohn
   ------------------------------------------------------------- */
#confirmReservation .miniItem {
	overflow: hidden;
}

#confirmReservation .miniItem .rated {
	width: auto; position: static;
}

#confirmReservation h2 {
	margin-bottom: 0.2em;
	font-size: 1.4em;
}

#confirmReservation {
	clear: both;
	border-top: 1px solid #eee;
}

#confirmReservation .miniItem {
	margin: 0 0 1.5em 1em;
	border: 1px solid #eee;
	padding: 0.5em;
	border-radius: 3px;
	background: #f8f8f8;
	float: right;
	width: 35%;
}

#confirmReservation ul.alerts li {
	list-style: square;
	list-style-position: outside;
	margin-left: 1em;
	margin-bottom: 1em;
}

/* --------------------------------------------------------------
 availability module redesign - additions by mxm
--------------------------------------------------------------  */

#renderitem .item, #reviews .item, #confirmReservation .item {
	overflow: hidden;
}

#renderitem .itemContent {
	margin-left: 220px;
}

#renderitem .item .image {
	width: 202px;
	text-align: center;
	overflow: hidden;
}

#renderitem .item .image img {
	margin: 0 auto;
	float: none;
	padding: 0;
}

#details {
	padding-bottom: 20px;
	line-height: 1.8;
}

#availability .status p, #availability .status ul {
	margin: 0 0 1em 0;
	color: #333;
}

#availability .status ul li {
	background: transparent url('/images/arrow_right.gif') no-repeat center left;
	padding-left: 18px;
}

/*Item actions menu */

.itemActions li {
	float: right;
	margin: 2px 0 1.5em 0.3em;
	text-align: right;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
}

.ie6 .itemActions {
	text-align: right;
}

.ie6 .itemActions li {
	float: none;
	display: inline;
}

.ie6 .itemActions li * {
	display: inline;
}

.itemActions #reserveform.withpickup {
	background: #FFFEEF;
	padding: 4px;
	border: 1px solid #FFE69D;
}

ul.miniActions {
	margin: 0.3em 0;
	font-size: 0.9em;
	text-align: right;
}

.miniActions li {
	list-style: none;
}

div .miniActions .uiButton {
	display: inline;
	font-size: 1em;
	padding: 0.4em 0.5em;
	line-height: 1.4;
	color: #073F9E;
	border-color: #ccd;
	-webkit-box-shadow: inset 1px 1px 1px #fff;
	-moz-box-shadow: inset 1px 1px 1px #fff;
	box-shadow: inset 1px 1px 1px #fff;
}

div .uiButton, div .uiElem {
	color: #222;
	border: 1px solid #dde;
}

.itemActions .uiButton {
	margin: 0;
	vertical-align: middle;
	box-sizing: border-box;
	height: 2.8em;
	line-height: normal;
}

a.uiButton, a.uiButton:hover {
	text-decoration: none;
}

div .uiButton {
	padding: 0.3em 0.5em;
	cursor: pointer;
	display: block;
	line-height: 1.4;
	background: #f3f3f3;
	margin-right: 0.5em;
	font-size: 1em;
}

div .uiElem {
	font-weight: bold;
	padding: 0.3em 0.5em;
	font-size: 1.1em;
}

.uiButtonMain {
	float: right;
	margin-right: 3.65%;
}

.notice.uiSpacedWell .uiButtonMain {
	margin-right: 0;
}

.notice span {
	display: block;
	margin-bottom: 0;
	margin-left: 1em;
}

.notice h3 {
	margin-bottom: 0.2em;
}

div .uiButtonMedium {
	padding: 0.5em 1em;
}

div div .uiButtonLarge, div div .uiButtonBig {
	padding: 0.6em 1.8em;
	font-weight: 500; /*semi bold*/
}

.uiOutset {
	margin-left: -0.5em;
}

div .uiElem, div .uiButton {
	background: #f8f8f8 url(/images/tab_fade.png) left top repeat-x;
}

div .uiButtonActive {
	background: #FFE69D url(/images/buttonfade.png) left top repeat-x;
	border: 1px solid #FFDC80;
	color: #600;
	box-shadow: inset 1px 1px 1px #fff;
}

div .uiButtonInActive {
	background: #f8f8f8 url(/images/tab_fade.png) left top repeat-x;
	color: #777;
	border: 1px solid #bbb;
	font-weight: bold;
	vertical-align: middle;
}

div .uiButtonError {
	background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; width: auto;
}

div .uiButtonSuccess {
	background: #E6EFC2; color: #264409; border-color: #C6D880;
}

.notice .uiButton {
	border-color: #F3C719;
	box-shadow: 1px 1px #bbb;
}

.success .uiButtonSuccess {
	border-color: #C6D880;
	box-shadow: 1px 1px #bbb;
}

.error .uiButtonError {
	border-color: #FBC2C4;
	box-shadow: 1px 1px #bbb;
}

/*fixes for IE<8*/

.ie6 .itemActions li input, .ie7 .itemActions li input {
	padding: 0 0.5em 0 0.5em;
	line-height: 1.5;
}

.ie6 .itemActions li input.uiButton {
	margin-top: -3px;
	line-height: 1.3;
}

.ie6 .itemActions li a.uiButton {
	border-width: 2px;
}

.itemActions #pickup-site-select, .itemActions .reserveAction label {
	font-size: 0.9em;
	margin: 2px 5px 3px 5px;
	padding: 0;
	font-weight: normal;
}

/* availability module redesign - additions by mxm  */

#availability .status ul {
	margin: 0 0 1em 0;
}

#availability .status li {
	background: transparent url('/images/arrow_right.gif') no-repeat center left;
	padding-left: 18px;
}

#availability ul {
	overflow: hidden;
	zoom: 1; /* IE6 fix */
}

#availability ul.options {
	border-bottom: 1px solid #dde;
}

#availability .options li {
	overflow: hidden;
}

#availability table {
	margin: 0 0 0 0;
	font-size: 0.833em;
	background: #fff;
}

#availability td, #availability th {
	padding: 0 0.2em 0 0;
	line-height: 2;
	border-top: 1px solid #dde;
	vertical-align: top;
}

#availability th, #availability .unavailable, #itemControl #availability .unavailable h3 a {
	color: #666;
}

th.barc {
	width: 7em;
}

th.shel, th.loan {
	width: 9em;
}

th.serhold {
	width: 15em;
}

#availability th.item-notes, #availability td.item-notes {
	width: 10em;
	padding: 0 0 0 0.4em;
}

#availability .holdings_notes_wants {
	color: #666;
	display: block;
}

#availability p.expander {
	text-align: right;
	font-size: 0.8em;
	margin: 0 0.2em 1.67em 0;
}

#availability .expander a {
	color: #999;
}

#availability .eBook {
	border-width: 1px medium;
	border-style: solid none;
	border-color: #dde;
	padding: 0.5em;
	margin: 0.5em 0px;
}

/* Expander */

.uiExpander a {
	color: #000;
	background: url(/images/more.png) no-repeat 0.3em 0.3em;
	font-weight: normal;
	display: block;
}

.uiExpander a span {
	font-weight: bold;
}

div .uiExpander.visible a {
	background-image: url(/images/more_down.png);
}

/* Expander Implementations */

.uiAvailabilityRow {
	border-top: 1px solid #CCCFE9;
	background-color: #f0f0f4;
	margin: 0;
	font-weight: normal;
}

.uiAvailabilityRow .visible {
	background-color: #f5f5f9;
}

.enhancedNote .uiExpander a {
	margin-left: -5px;
	background-position: 0.3em 0.2em;
}

#renderitem #itemControl {
	width: 73%;
	margin-right: 2%;
	margin-bottom: 2em;
}

#itemActions .tagbox, #citationExport, .community-box {
	padding: 3px 5px 1em 5px;
}

/* modified sidebar*/

.sidebar .uiBox h2 {
	color: #555;
	margin: 0;
	/*!*/
	border: none;
	background: none;
	border: none;
}

.sidebar .uiBox h3 {
	color: #555;
	line-height: 2;
	background: none;
	border-bottom: none;
	margin-bottom: 0.3em;
	clear: left;
}

.community-box .community-lists a {
	text-decoration: underline;
}

.community-box .more {
	text-align: right;
	font-size: 0.9em;
	line-height: 2;
}

.community-box h3 {
	font-weight: normal;
}

.community-lists ul {
	margin-left: 1.5em;
}

.community-lists li {
	line-height: 1.8;
	list-style: square;
}

/* Breadcrumb styles  */

#breadCrumb {
	margin: 0 0 1.25em 0;
	overflow: hidden;
	padding: 1px 0 0 1px;
	border-left: 1px solid #dde;
}

#breadCrumb span {
	float: left;
	padding: 0.3em 17px 0.3em 8px;
	/* didn't use line-height as IE6 breaks*/
	background: #f8f8f8 url(/images/arrow.png) right center no-repeat;
	border: 1px solid #dde;
	border-left: none;
	margin: -1px 0 0 -2px;
}

#breadCrumb span.last {
	background-image: none;
	padding-right: 10px;
}

#breadCrumb a.remove img {
	vertical-align: text-top;
	display: inline;
	padding: 0;
	margin: 0;
}

#breadCrumb a.remove {
	position: relative;
	left: 3px;
}

#breadCrumb a.remove img {
	vertical-align: text-top;
}

/* New Account pages CSS */

div.panel {
	width: auto;
	margin: 0 2em 2em;
	padding: 1.5em 1em;
	overflow: hidden;
}

.accountSummary p {
	margin-bottom: 0;
}

/* Generic Tabs */

.tabs {
	overflow: hidden;
}

.ie6 .tabs {
	zoom: 1;
}

.tabs li {
	float: left;
}

.ie6 .tabs li {
	display: inline;
}

.tabs li a, .tabs li strong {
	text-decoration: none;
	padding: 0 0.6em;
	margin-right: 0.2em;
	display: block;
}

/* small tabs */

.uiMiniTabs {
	border-bottom: 1px solid #dde;
	margin: 0 0 0.8em 0;
}

.uiMiniTabs li a {
	border-bottom: none;
	color: #555;
	font-size: 0.916em;
}

.uiMiniTabs li a:link,
.uiMiniTabs li a:visited {
	background: #F5F5F9;
}

.uiMiniTabs li a:hover,
.uiMiniTabs li a:focus,
.uiMiniTabs li a:active,
.uiMiniTabs li.selected a {
	background: #fff;
}

/* Account Navigation */

.accountNav li a, .accountNav li.selected strong {
	border: 1px solid #dde;
	background: #f6f6f6 top left repeat-x url(/images/tab_fade.png);
	margin-right: -1px;
	line-height: 1;
	padding: 0.5em 0.7em;
	font-size: 1.1em;
}

.accountNav {
	margin: 0 2em;
	position: relative;
	top: 1px;
}

.accountNav li.selected strong {
	background-color: #fff;
	background-image: none;
	font-weight: bold;
	border-bottom: 1px solid #fff;
}

/* Account History Navigation*/

.historyNav {
	margin: 1.8em 0;
	overflow: hidden;
	clear: left;
}

.historyNav li {
	font-size: 0.9em;
	background: #f6f6f6 top left repeat-x url(/images/tab_fade.png);
	margin: 0 3px 0 0;
	border: 1px solid #dde;
	width: 5.5em;
	text-align: center;
	float: left;
}

.historyNav li.jump, body .atoz li {
	width: 2em;
}

.historyNav li.selected {
	background: #fff;
	color: #000;
}

body .atoz li {
	width: 2em;
}

/* account pages table */

.accountDetail {
	line-height: 1.67em;
	clear: both;
	margin: 0 0 0.5em 0;
	padding: 0;
}

.accountDetail thead img {
	vertical-align: middle;
}

.accountDetail tbody img {
	vertical-align: top;
	padding: 2px 5px;
	float: left;
	display: inline; /* IE 6*/
}

.accountDetail tbody th img {
	width: 50px;
	-ms-interpolation-mode: bicubic;
}

.accountDetail td, .accountDetail th {
	text-align: left;
	font-weight: normal;
}

.accountDetail th, .accountDetail tbody td {
	border-bottom: 2px solid #eee;
}

.accountDetail tbody tr td, .accountDetail tbody tr th {
	background-color: #fafafa;
}

.accountDetail tr.overdue td, .accountDetail tr.overdue th {
	background-color: #fff6f6;
	font-weight: bold;
}

.accountDetail td input, div.intro input {
	font-size: 0.95em;
}

.accountDetail .accActions {
	text-align: center;
}

.accountDetail span.author {
	color: #444;
	font-size: 0.9em;
	font-weight: normal;
	display: block;
}

.accountDetail tbody th a {
	display: block;
}

th.accActions, th.accRenews, th.accFines, th.accReservationPos,
td.accActions, td.accRenews, td.accFines, td.accReservationPos {
	text-align: center;
}

th.accDue, th.accLastUseful, th.pickupLoc, th.reserveDate, th.status,
td.accDue, td.accLastUseful, td.pickupLoc, td.reserveDate, td.status {
	width: 10em;
	text-align: center;
}

.accountDetail .accActions img {
	float: none;
}

div.accountSummary {
	padding: 0.5em 1em;
	margin: 10px 20px;
	background: #fff6f6;
}

div.accountSummary h2 {
	margin: 0;
	font-size: 1.2em;
}

div.accountExpiryWarning {
	padding: 0.5em 1em;
	margin: 10px 20px;
}

.accountDetail table tr.stateAwaitingPickup td, .accountDetail table tr.stateAwaitingPickup th {
	background-color: #fff6f6;
}

.accountDetail form.renewall {
	margin-top: 1em;
}

.accountDetail a.payNow {
	margin-top: 1em;
	padding: 0.3em 0.4em;
}

#submitchangepin {
	margin: 0 1em 0 200px;
}

#cancellink {
	color: #555;
}

.accountDetail .pagingControl {
	margin: 0;
}

/* Dialogs and floating modals */

.listdialog, .tag-dialog {
	width: 31.5em;
}

.lightbox {
	padding: 10px;
	position: absolute; /*for older IE/iOS*/
	position: fixed;
	min-width: 34em;
	top: 10%;
	left: 20%;
	height: 75%;
	width: 60%;
	overflow: auto;
	z-index: 1100;
}

.lightbox h2 {
	position: relative;
}

.oldie .lightbox h2 {
	zoom: 1;
}

.lightbox .jsHidden {
	display: block;
}

.info-dialog {
	width: 34em;
	left: -100em;
}

.dialog .pointer {
	background: url(/images/info-pointer-down.png) no-repeat top left;
	width: 20px;
	height: 20px;
	position: absolute;
	left: -1px;
	bottom: -19px;
}

.dialog .pointer-right {
	background: url(/images/info-pointer-down.png) no-repeat top left;
	width: 20px;
	height: 20px;
	position: absolute;
	right: -1px;
	bottom: -19px;
}

#page div.dialog, #lb_bg div.dialog {
	background-color: #fff;
	text-align: left;
	border: 1px solid #dde;
	clear: both;
	z-index: 1000;
}

#page .info-dialog ul {
	margin: 0.5em;
}

#page .info-dialog li {
	display: list-item;
	float: none;
	text-align: left;
	list-style: square;
	margin-left: 1.6em;
}

#page div.modal {
	position: absolute;
	display: none;
}

#page div.dialog h3 {
	margin: 0.5em;
}

#page div.dialog .formElement {
	margin: 0.5em;
}

#page div.dialog form, #page div.dialog .formElement {
	overflow: hidden;
}

#page div.dialog label, #page div.dialog input {
	float: left;
	margin-bottom: 0.5em;
}

#page div.dialog label {
	width: 8em;
	font-weight: normal;
}

#page div.dialog .checkGroup label {
	width: 100%;
}

#page div.dialog div.multiLine label, #page div.dialog div.multiLine input {
	float: none;
	width: 96%;
}

#page div.dialog input[type=text], #page div.dialog select {
	font-size: 1em;
	padding: 0.3em 0;
	width: 21em;
}

#page div.dialog input[type=submit] {
	float: right;
	margin: 8px 1.3em 0 0;
	padding: 0.3em;
	width: auto;
}

#page .dialog h2, .dropMenu h2 {
	font-size: 1em;
	border-bottom: 1px solid #dde;
	padding: 0.4em 0.5em;
	background: #f5f5f5;
	margin: 0 0 0.5em 0;
}

.dialog .close, .dropMenu .close {
	position: absolute;
	right: 4px;
	top: 0.5em;
}

#lb_bg div.lightbox .close {
	right: 6px;
	top: 0.4em;
}

.timer {
	text-align: center;
	font-weight: bold;
	margin-bottom: 1em;
}

.timer strong {
	color: #073f9e;
}

.timerIcon {
	padding-left: 28px;
	background: url(/images/timer.gif) no-repeat left top;
}

/* Lists Page */
ul.listmenu {
	width: 30%;
}

ul.listmenu li {
	line-height: 1.6em;
	background: #f8f8f8;
	padding: 0.5em 1em;
	margin-top: -1px;
}

ul.listmenu li.selected {
	background: #fff;
	border-right: 0;
	position: relative;
	left: 1px;
	margin-left: -1px;
	z-index: 20;
}

div.list {
	width: 69%;
	line-height: 1.67;
	padding-top: 0.5em;
	margin: -1px 0 1em -1px;
}

div.nolist {
	width: 100%;
}

.list p {
	margin: 0 1em 1em;
}

.list ol {
	margin: 2em 10px 2em 10px;
}

.list li {
	vertical-align: top;
	margin: 1em 0 10px 1em;
	padding: 0 0 2em 0;
	position: relative;
	overflow: hidden;
}

.list li li {
	margin: 0;
	padding: 0;
}

.list ul {
	margin-right: 1em;
}

.list h3 {
	font-size: 1.3em;
	line-height: 20px;
	margin-bottom: 0;
}

.list h2 {
	font-size: 1.8em;
	line-height: 20px;
	margin: 1em 1.111em 0.5em 1.111em;
}

.list .details span {
	margin-right: 0.5em;
}

.list .summarydetail {
	color: #666;
}

.list .export {
	background: #f8f8f8;
	border-top: 1px solid #dde;
	padding: 0.5em 0 0.5em;
	text-align: right;
}

.list .export select {
	vertical-align: middle;
}

.list img {
	float: left;
	padding: 5px 10px;
}

.export .delete {
	left: 0.5em;
	top: 6px;
}

.saving {
	background: #FFFFdd;
}

.list .tags {
	margin: 1em 2em;
}

.list .privacy-note {
	margin: 1em 2em;
}

.list form.edit {
	margin: 0 2em 1em 2em;
}

.list .privacy-note {
	padding: 0.3em 0.5em;
	background: #f8f8f8;
	color: #666;
}

.list .public {
	background: #FFF6BF;
	color: #514721;
	border: 1px solid #FFD324;
}

.list .legal {
	color: #666;
	font-size: 0.9em;
	margin-bottom: 1em;
	width: 100%;
	font-weight: normal;
}

.list textarea {
	width: 98%;
	height: 4.5em;
	text-align: left;
	font-family: "Helvetica Neue", "Arial Unicode MS", Arial, sans-serif;
	font-size: 1em;
	line-height: 1.5;
}

.list .edit input[type=text] {
	width: 98%;
}

.list .edit label {
	line-height: 2;
	display: block;
}

.list .confirm input {
	float: right;
	margin: 0 0.25em 0 0;
}

.list .description {
	margin: 0.8em 1.8em;
	font-size: 1.2em;
}

.added {
	font-weight: normal;
	font-size: 0.833em;
}

h1 .added {
	font-size: 0.545em;
	line-height: 1.833;
	margin-left: 0.6em;
}

.list h1 {
	padding-right: 1.5em;
}

ol.browse-list {
	margin: 0 0 1.5em 0;
	border-top: 1px solid #dde;
}

ol.browse-list li {
	border-bottom: 1px solid #dde;
	overflow: hidden;
	padding-top: 1em;
	position: relative;
}

/* Tags */

.tags li {
	margin: 0; padding: 0;
	list-style: none;
	display: inline;
}

.tags a, .tags span {
	display: inline-block;
	padding: 0.1em 0.5em;
	line-height: 1.5em;
	margin: 0 0.4em 0.4em 0;
	background: #DFEBFF;
	border: 1px solid #80B2FF;
	-webkit-box-shadow: inset 1px 1px 1px #fff;
	box-shadow: inset 1px 1px 1px #fff;
}

.tags a.remove {
}

.tags span {
	background: #eee;
	color: #666;
	border: 1px solid #999;
}

.tags a span {
	background: none;
	border: none;
	color: inherit;
	box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0; padding: 0;
	display: inline;
	color: #669;
	font-size: 0.75em;
	vertical-align: text-top;
}

.tags a:hover, .tags a:active, .tags a:focus {
	background: white;
	color: #000099;
}

.tags.popular {
	font-size: 1.2em;
}

.tags.popular .buttonTag {
	float: left;
	margin-right: 0.5em;
}

.sidebar .addTag {
	margin-bottom: 1em;
	float: left;
	font-size: 0.9em;
}

/* moderation flagging */
input.flag {
	color: #999;
	font-size: 0.917em;
	line-height: 1.636em;
	text-decoration: underline;
	border: none;
	background: none;
	cursor: pointer;
}

/*Lists module */

#lists input.flag {
	position: absolute;
	right: 1em;
	top: 1em;
}

.list a.edit-link {
	border: none;
	background: none;
	position: absolute;
	right: 0;
	vertical-align: middle;
	font-size: 0.545em;
	line-height: 1.833;
	font-weight: normal;
	margin-right: 0.5em;
}

#lists input.flag, #reviews input.flag {
	position: absolute;
	right: 1em;
	top: 1em;
}

/*List view switch*/

#page ul.lists-switch {
	width: 18%;
	text-align: center;
	padding: 0.3em 0.5em;
}

#page .lists-switch li {
	display: inline;
	padding-right: 0.4em;
	margin-right: 0.2em;
	border-right: 1px solid #dde;
}

#page .lists-switch li:last-child {
	border: none;
	padding-right: 0;
}

#page .lists-switch strong {
	font-weight: normal;
}

#lists #breadCrumb {
	float: left;
	width: 77%;
}

#lists .list h1 {
	margin: 0.4em 1em;
}

#lists .notice {
	clear: both;
	padding: 0.3em;
}

/*Citation export box*/
.citationExport {
	padding: 0.3em 0.5em;
	background: #f8f8f8 url(/images/export.png) 2px 3px no-repeat;
}

.listdialog .citationExport {
	display: inline-block;
	margin: 0 0.5em;
}

.citationExport ul li {
	float: left;
	margin: 0 0.5em 0 0.1em;
	font-size: 0.945em;
}

/* rating module */

#page div.rated {
	overflow: hidden;
}

#page div.rated img.static {
	background: url(/images/rating_sprite.png) no-repeat -16px 0;
	width: 16px;
	height: 16px;
	display: block;
	float: left;
}

#page div.rated img.active {
	background-position: 0 0;
}

#page .ratingPlaceholder {
	height: 20px;
}

.js #page .rated input[type=submit] {
	position: absolute;
	left: -6000px;
	top: 0;
}

.js #page .rated label {
	float: left;
	width: 15px;
	height: 15px;
	overflow: hidden;
	position: relative;
	z-index: 0;
	margin: 0 0 0 1px;
	padding: 0;
}

.js #page .rated fieldset {
	border: none;
}

.js #page .rated img {
	width: 34px;
	height: 15px;
	position: absolute;
	left: -17px;
	top: 0;
	z-index: 3000;
	cursor: pointer;
}

/* TODO addition for reviews form radio focus issue, check effect on other ratings widgets*/
.js #page .rated input[type=radio] {
	position: absolute;
	left: -15px;
	z-index: 1;
	display: block;
}

.js #page .rated .activeRating img {
	position: absolute;
	left: 0;
	top: 0;
}

#page .rated, #page .ratedBy {
	font-size: 0.9em;
}

#page .rated fieldset {
	display: inline;
}

#page .rated legend {
	font-size: 1em;
	color: #333;
	font-weight: normal;
	margin-right: 0.2em;
	border: none;
}

#page .ratedBy, #page .rating, #page .rated legend {
	float: left;
}

#page .rated, #page .ratedBy {
	line-height: 16px;
}

#page .rating, #page .rated fieldset {
	padding: 0;
	margin: 0 0.2em 0 0;
}

#page .rating.focus {
	outline: 1px dotted;
}

.rating label {
	font-weight: normal;
}

.rating .currentValue {
	font-weight: bold;
}

#pageContent {
	outline: none;
}

.reviewCreate .rated {
	margin-bottom: 1em;
}

/* Fix for PRC-769 */

.js #page #recommendations .rated img {
	width: auto; position: static;
}

/* Improved eResource Display*/
ul.eResourceLinks li {
	display: inline-block;
	color: #000099;
	margin: 4px 2px 4px 0;
	padding: 0.3em 0.6em;
}

ul.eResourceLinks li:hover, ul.eResourceLinks li:focus {
	background: #F8F8F8;
	color: #CD0000;
}

ul.eResourceLinks a {
	background: right center url(/images/link.png) no-repeat;
}

ul.eResourceLinks {
	margin: 0;
}

/*Feed links*/

.feed {
	float: right;
	margin-right: 1em;
}

/* Statefeedback message queue */
.stateFeedback {
	position: static;
	width: auto;
	margin: 1em 0;
	width: inherit;
	padding-top: 1px;
}

.stateFeedback li {
	background: #FFF6BF;
	color: #514721;
	border: 1px solid #FFD324;
	padding: 0.2em 0.5em;
	margin-top: -1px;
}

.accountDetail table#loans tr td.stateInlineFeedback {
	background-color: #FFF6BF;
	color: #514721;
	border: 1px solid #FFD324;
	padding: 0.2em 0.5em;
}

.clear {
	clear: both;
}

/* Reviews module */

#reviews-create h1 span {
	color: #666;
}

.review {
	border-bottom: 1px solid #eee;
	padding: 1em 0;
	position: relative;
}

.review p {
	font-size: 1.1em;
	line-height: 1.8;
}

#reviews h2 {
	margin-bottom: 0.2em;
	font-size: 1.4em;
}

.review .summary {
	max-width: 50em;
}

.review .meta {
	margin-bottom: 1.5em;
}

.reviews {
	clear: both;
	border-top: 1px solid #eee;
}

#reviews .item {
	margin: 0 0 1.5em 1em;
	border: 1px solid #eee;
	padding: 0.5em;
	border-radius: 3px;
	background: #f8f8f8;
	float: right;
	width: 35%;
}

#reviews .item .summary {
	margin-left: 0;
}

#reviews .ratingPlaceholder {
	display: none;
}

#reviews .note {
	margin-top: 2em;
	color: #666;
	font-size: 0.9em;
}

.reviewCreate {
	margin-bottom: 2em;
}

.reviewCreate textarea {
	width: 96%;
	height: 12em;
	background: #f8f8f8;
	line-height: 1.8;
	padding: 0.5em;
}

.reviewCreate textarea:focus {
	background: white;
}

.reviewCreate input[type=text] {
	width: 96%;
	background: #f8f8f8;
	padding: 0.5em;
}

.reviewCreateinput[type=text]:focus {
	background: white;
}

.reviewCreate .formElement label {
	line-height: 2.7;
}

.reviewCreate .formElement {
	font-size: 1.1em;
}

.reviewCreate label span {
	color: #666;
	font-weight: normal;
	font-size: 0.85em;
}

.reviewCreate .frm-error label span {
	color: #000;
}

.formatting-help {
	margin-top: 3em;
	padding-top: 1.2em;
	border-top: 1px solid #eee;
	font-size: 0.9em;
	color: #666;
}

.formatting-help h2 {
	font-size: 1em;
	color: #333;
}

#review-preview {
	padding: 0.5em;
	font-size: 1.1em;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #f8f8f8;
}

#review-preview * {
	max-width: 26em;
}

.uiElemTrans {
	padding: 0.3em 0;
	font-size: 1.1em;
	margin: 0;
	line-height: 2.2;
}

/* Do not overrider this - used to assess stylesheet type */
#responsiveMarker {
	width: 4px;
}

/* Enhanced Table of Contents*/

#page div.enhancedToc {
	background: white;
}

#page div.enhancedToc h3 {
	font-size: 1em;
	line-height: 1.5;
	margin-bottom: 0.2em;
}

#page div.enhancedToc ol {
	margin-left: 0;
	margin-bottom: 1.5em;
}

#page div.enhancedToc ol ol {
	margin-left: 2ex;
}

#page div.enhancedToc li {
	color: #666;
}

ul.quickLink {
	margin: 0;
	text-align: left;
}

ul.quickLink li {
	display: inline;
}

ul.quickLink li a {
	display: block;
	margin-bottom: 0.3em;
}

#lb_bg {
	display: none;
	position: absolute;
	left: 0;
	top: -40px;
	backround: #666;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 250%;
	z-index: 900;
}

.ie7 #lb_bg, .ie8 #lb_bg {
	background: url(/images/lightbox-bg-ie.png);
}

div .uiIconPre {
	padding-left: 18px;
}

div .uiIconPost {
	padding-right: 18px;
}

.toc-icon {
	background: url(/images/toc-icon.png) 0 1px no-repeat;
}

.author-icon {
	background: url(/images/author-icon.png) 0 1px no-repeat;
}

.excerpt-icon {
	background: url(/images/excerpt-icon.png) 0 1px no-repeat;
}

.book-icon {
	background: url(/images/cover-icon.png) 0 1px no-repeat;
}

.description-icon {
	background: url(/images/excerpt-icon.png) 01px no-repeat;
}

.review-icon {
	background: url(/images/review-icon.png) 0 1px no-repeat;
}

.recommendations-icon {
	background: url(/images/recommendations-icon.png) 0 1px no-repeat;
}

/* Item collection box */
div.item-collection {
	border: 1px solid #E3E5F5;
	border-radius: 3px;
	background: #f8f8f8;
	padding: 0.5em 5px 0.5em 5px;
	margin: 1em 0;
	overflow: hidden;
}

div#itemControl div.item-collection h2.title {
	clear: both;
	margin: 0 0 3px 0;
	padding: 0;
	border: none;
	background: none;
	border: none;
	color: #555;
}

div.item-collection div.pagers {
	padding: 0 0 8px 0;
	overflow: hidden;
}

div.item-collection div.pagers button.prev {
	float: left;
}

div.item-collection div.pagers button.next {
	float: right;
}

.uiButton.uiButtonInline, div.item-collection div.pagers, div .withpickup .uiButton {
	display: inline;
	display: inline-block;
}

div.item-collection div.pagers button.hidden {
	display: none;
}

div.item-collection div.window {
	overflow: hidden;
}

div.item-collection div.window div.item {
	float: left;
	margin: 0;
	width: 33%;
	overflow: hidden;
}

div.item-collection div.window div.inline-hidden {
	display: none;
}

div.item-collection div.window div.item div.floatbox {
	float: left;
	margin: 0;
	padding: 0;
}

div.item-collection div.window div.item img.cover {
	padding: 0;
	margin: 0;
}

* html .item-collection .item {
	/* IE 3px jog hack*/
	height: 1%;
}

div.item-collection div.window div.item div.nowrap {
	margin-top: 0;
	margin-left: 50px;
	padding-left: 5px;
}

div.lightbox div.item-collection {
	width: 100%;
	border: none;
	border-radius: 0;
	background: none;
	padding: 0;
	margin-bottom: 0;
	overflow: hidden;
}

div.lightbox div.item-collection h2.title {
	font-weight: bold;
}

div.lightbox div.item-collection div.pagers {
	display: none;
}

div.lightbox div.item-collection div.window {
	margin-top: 1em;
}

div.lightbox div.item-collection div.window div.item {
	margin-bottom: 1em;
	height: 7em;
}

div.lightbox div.item-collection div.window div.inline-hidden {
	display: block;
}

/*BBFC ratings*/

.bbfcRating {
	line-height: 2;
}

.bbfcRating img {
	margin-top: -1px;
	display: inline-block;
	vertical-align: middle;
}

#privacy {
	border-collapse: collapse;
}

#privacy thead tr th,
#privacy tbody tr td {
	border: 1px solid black;
}

#privacy tbody tr td {
	border: 1px solid black;
}

#flag-outdated {
	width: 100%;
	border-left: none;
	border-right: none;
	padding: 0.2em;
}

.prefGroup {
	margin-bottom: 0.5em;
}

.prefGroup input, .prefGroup label {
	display: inline;
	vertical-align: middle;
}

.prefGroup input {
	margin-top: -1px;
}

.uiButtonSubmit {
	float: right;
	margin: 1em 0;
}

.uiButtonSpace {
	min-width: 8em;
}

.prefForm {
	padding: 1em 0.5em;
	width: 42em;
}

.prefForm .contactPoint {
	color: #777;
}

.prefForm .uiButtonSubmit {
	margin-right: 2.5em;
}

.prefForm input[type=text] {
	border-radius: 3px;
	padding: 0.4em;
}

.contactPoint .contactItem {
	color: #333;
}

.formIntro {
	padding: 0.4em 0.8em;
	background: #fafafa;
	border: 1px solid #dde;
	border-radius: 3px;
}

.prefNote {
	margin: 1.6em 0;
}

.prefNote label {
	font-weight: normal;
}

/* New Advanced search */
.dropMenu {
	border: 1px solid #dde;
	border-left: none;
	border-right: none;
	background: #fff;
	position: absolute;
	width: 70%;
	min-width: 48em;
	font-size: 1.2em;
	z-index: 1000;
	margin: 0 15%;
}

.dropMenu label {
	margin-bottom: 0.2em;
}

.dropMenu form {
	margin: 0 auto;
	width: 48em;
	text-align: left;
	padding: 1em 1em 3em 1em;
}

#advanced.dropMenu .runOn select, #advanced.dropMenu .runOn input {
	font-size: 1em;
	border-radius: 3px;
	padding: 0.3em 0.4em;
}

#advanced.dropMenu .runOn input[type=text] {
	width: 22.5em;
	background: none;
	border: 1px solid #dde; /*!*/
}

.dropMenu .runOn select.sub {
	width: 23.8em;
}

.dropMenu input[type=submit] {
	min-width: 7em;
}

.dropMenu .formElement {
	padding: 1px;
}

#advanced.dropMenu .close img {
	width: auto;
}

.dropMenu .runOn select {
	height: 1.9em;
	padding: 0.2em 0 0 0;
}

#advanced #adv_s, #advanced #adv_s2 {
	width: 32.2em;
	vertical-align: middle;
	margin-right: 10px;
	padding: 0.3em 0.3em 0.3em 1.6em;
}

#advanced #adv_s2 {
	background: #FFF url('/images/search.jpg') 0.45em 0.47em no-repeat; /*!*/
}

.oldie #adv_s, .oldie #adv_s2 {
	display: inline;
}

#advanced #adv_s {
	line-height: 1.45;
	padding-top: 0.16em;
	padding-bottom: 0.16em;
	min-height: 20px;
}

#adv_s2:focus {
	border: 1px solid #A5A8D3;
}

.dropMenu input[type=text]:focus, .search-builder span {
	color: #003960;
}

.search-builder span.term, #adv_s2 {
	color: #093;
}

.search-builder .last {
	color: #06F;
}

#advanced .smallButton {
	min-width: 1em;
	line-height: normal; /*!*/
}

.oldie #advanced .smallButton {
	min-width: 2em;
}

/*!*/
#advanced .smallButton, #advanced.dropMenu input[type=submit] {
	background: #f2f2f2 none;
	border: 1px solid #dde;
	width: auto;
	height: auto;
	text-shadow: none;
	color: #333;
}

/*! end */

.oldie input.submit {
	min-width: 0;
}

.dropMenu input:focus,
#advanced.dropMenu input[type=submit]:focus,
#advanced.dropMenu input[type=button]:focus,
#advanced.dropMenu .runOn input[type=text]:focus {
	outline: none;
	border: 1px solid #A5A8D3;
}

.dropMenu input[type=submit] {
	vertical-align: bottom;
	margin-left: 0;
}

#advanced.dropMenu .runOn label.helpText {
	margin-left: 26.5em;
	font-size: 0.75em;
	color: #777;
	display: block;
	font-weight: normal;
}

.dropMenu .connector {
	min-width: 4.5em;
}

.dropMenu .sub {
	min-width: 18.7em;
}

.dropMenu .note {
	font-size: 0.9em;
	margin: 0.5em 1em;
	text-align: center;
}

.invalid input[type=text] {
	border-color: #600;
}

/*tour module */
#startTour {
	margin: 1em;
	background: green;
	color: white;
	border: 1px solid #006400;
	width: 22em;
	position: absolute;
	right: 0;
	top: 0;
}

#tourArrow {
	background: url(/images/point_sprite.png);
	width: 10px;
	height: 10px;
	position: absolute;
	left: 7px;
	top: -15px;
}

.above #tourArrow {
	background-position: 0 -10px;
	top: 100%;
	margin-top: 4px;
}

.right #tourArrow {
	right: 7px;
	left: auto;
}

#tourMenu {
	z-index: 4;
	line-height: 2em;
	color: white;
	text-align: left;
	background: rgb(0, 0, 0);
	position: absolute;
	position: fixed;
	z-index: 1200;
	top: 0;
	width: 98%;
	padding: 0.5em 1%;
	overflow: hidden
}

#tourHelp {
	position: absolute;
	width: 20em;
	background: #fafafa;
	color: #222;
	z-index: 3000;
	text-align: left;
	padding: 0.5em;
	font-size: 1.1em;
	border-radius: 3px;
	border: 5px solid black;
}

div .tourButton {
	background: #080;
	border: 1px solid #080;
	color: #fff;
	cursor: pointer;
	padding: 0.2em 0.5em;
}

div .tourButton:hover {
	color: #080;
	background: #fff;
}

div .tourClose {
	background: #D00;
	border: 1px solid #D00;
}

div .tourClose:hover {
	color: #D00;
}

#tourMenu .step {
	padding-left: 1em;
	font-weight: bold;
}

body.tour {
	padding-top: 3em;
}

/* Autocomplete module - some from jQeury UI */
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.ui-front {
	z-index: 1000;
}

.ui-autocomplete {
	text-align: left;
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
	background: #fff;
	border: 1px solid #A5A8D3;
	border-bottom: 0;
}

.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}

.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}

.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	/* support: IE10, see #8844 */
	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.ui-menu .ui-menu-item span {
	margin-right: 0.5em;
	font-weight: bold;
}

.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}

.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 2;
	min-height: 0; /* support: IE7 */
	font-weight: normal;
	border-bottom: 1px solid #A5A8D3;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
}

/* slider */
.ui-slider {
	margin: 1em 2em;
}

.ui-slider .ui-slider-handle {
	-ms-touch-action: none;
	touch-action: none;
}

/* Pills */

.pill{
    background: #f4f4f4;
    border: 1px solid #A5A8D3;
    display: inline-block;
    margin: 0 0.3em 1em 0;
    border-radius: 0.3em;
    padding: 0.1em 0.4em;
    font-size: 0.9em;
}

/* Holdings improvements */

.issues
{
    font-size: 0.9em;
    margin-bottom: 1.2em;
    margin-top:0.6em;
}

.issues__break td{
    border-top:1px solid #dde;
}

.issues__title
{
    min-width:14em;
}

.issues__heading{
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 1em;
    color: #222;
    margin-bottom: 0.2em;
    line-height: 2;
}

.holdings-table{
    margin-bottom: 1em;
} 

}
/*end media declaration *//*! jQuery UI - v1.10.3 - 2014-01-09
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.slider.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0);
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

/* Component containers
----------------------------------*/
.ui-widget {
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 1.1em;
}
.ui-widget .ui-widget {
	font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
	font-size: 1em;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #eeeeee ;
	color: #333333;
}
.ui-widget-content a {
	color: #333333;
}
.ui-widget-header {
	border: 1px solid #e78f08;
	background: #f6a828;
	color: #ffffff;
	font-weight: bold;
}
.ui-widget-header a {
	color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #cccccc;
	background: #f6f6f6;
	font-weight: bold;
	color: #1c94c4;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #1c94c4;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #fbcb09;
	background: #fdf5ce;
	font-weight: bold;
	color: #c77405;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
	color: #c77405;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #fbd850;
	background: #ffffff;
	font-weight: bold;
	color: #eb8f00;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #eb8f00;
	text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #fed22f;
	background: #ffe45c;
	color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #b81900;
	color: #ffffff;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #ffffff;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #ffffff;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}
.ui-state-disabled .ui-icon {
	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
	background: #666666 ;
	opacity: .5;
	filter: Alpha(Opacity=50);
}
.ui-widget-shadow {
	margin: -5px 0 0 -5px;
	padding: 5px;
	background: #000000;
	opacity: .2;
	filter: Alpha(Opacity=20);
	border-radius: 5px;
}
/*NEW SLIDER STYLES FOR SCALE, ETC*/
/* slider widget */
.ui-slider  {
	text-decoration: none !important;
}
.ui-slider .ui-slider-handle  {
	overflow: visible !important;
}
.ui-slider .ui-slider-tooltip {
	display: none;
}
.ui-slider .screenReaderContext {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	left: -999999999px;
}
.ui-slider .ui-state-active .ui-slider-tooltip, .ui-slider .ui-state-focus .ui-slider-tooltip, .ui-slider .ui-state-hover .ui-slider-tooltip {
	display: block;
	position: absolute;
	bottom: 2.5em;
	text-align: center;
	padding: .3em .2em .4em;
	font-size: .9em;
	width: 8em;
	margin-left: -3.7em;
}
.ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down, .ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down-inner {
	position: absolute; 
	display: block;
	width:0; 
	height:0; 
	border-bottom-width: 0;
	background: none;
}
.ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down {	
	border-left: 7px dashed transparent; 
	border-right: 7px dashed transparent;
	border-top-width: 8px;
	bottom:	-8px;
	right: auto;
	left: 50%;
	margin-left: -7px;
}
.ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down-inner {
	border-left: 6px dashed transparent; 
	border-right: 6px dashed transparent;
	border-top: 7px solid #fff;
	bottom:	auto;
	top: -9px;
	left: -6px;
}
.ui-slider a {
	text-decoration: none;
}
.ui-slider ol, .ui-slider li, .ui-slider dl, .ui-slider dd, .ui-slider dt {
	list-style: none;
	margin: 0;
	padding: 0;
}
.ui-slider ol, .ui-slider dl {
	position: relative;
	top: 1.3em;
	width: 100%;
}
.ui-slider dt {
	top: 1.5em;
	position: absolute;
	padding-top: .2em;
	text-align: center;
	border-bottom: 1px dotted #ddd;
	height: .7em;
	color: #999;
}
.ui-slider dt span {
	background: #fff;
	padding: 0 .5em;
}
.ui-slider li, .ui-slider dd {
	position: absolute;
	overflow: visible;
	color: #666;
}
.ui-slider span.ui-slider-label {
	position: absolute;
}
.ui-slider li span.ui-slider-label, .ui-slider dd span.ui-slider-label {
	display: none;
}
.ui-slider li span.ui-slider-label-show, .ui-slider dd span.ui-slider-label-show {
	display: block;
}
.ui-slider span.ui-slider-tic {
	position: absolute;
	left: 0;
	height: .8em;
	top: -1.3em;
}
.ui-slider li span.ui-widget-content, .ui-slider dd span.ui-widget-content {
	border-right: 0;
	border-left-width: 1px;
	border-left-style: solid;
	border-top: 0;
	border-bottom: 0;
}
.ui-slider .first .ui-slider-tic, .ui-slider .last .ui-slider-tic {
	display: none;
}



 @media screen {

 /* Deprecated patch 1 - Start*/
/*==============================================================================*
* CSS here was removed from the main layout file. It has been added here as a patch
* to keep your CSS compatible. If you redesign please remove this.
*===============================================================================*/

#pageFooter {
	padding: 0;
}

#searchBox .formElement {
	margin-bottom: 0;
}


/* Deprecated patch 1 - End*/

body{margin:0;padding:10px 0 0 0;font-size:12px;font-family:verdana, Arial, Helvetica, sans-serif;color:#000000;background-color:#FFF;}
img{border:0; display:block; padding:0; margin:0;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart {list-style-type:none; margin:0; padding:0;}
.clear{clear: both;}
br.clear{clear:both; margin-top:-15px;}
a{outline:none; text-decoration:none;}
a:hover, #footer a:hover {color:#820053}
.fl_left{float:left;}
.fl_left h1 {border:none;margin-left:12px;}
.fl_right{float:right; margin-bottom:10px;}
.imgl, .imgr{border:1px solid #DFDFDF; padding:5px; color:#666666; background-color:#FFFFFF;}
.imgl{float:left; margin:0 8px 8px 0; clear:left;}
.imgr{float:right; margin:0 0 8px 8px; clear:right;}

#page {background:none;top:0;border-top:none;}
#pageContainer {position:relative;}
#pageContainer .wrapper {}
#pageContent, #pageFooter {top:-108px;position:relative;}
#pageContent {display:block;background-color:#FFFFFF; color:#000;width:960px;max-width:960px;padding:10px 0px 10px;overflow:hidden;}
#branding, #headerLinks, #southwark-container, #headerFragment, #s-branding, #pageHeader {padding-left:0;padding-right:9px;}
#pageHeader{height:auto;padding-right:24px; top:-187px; position:relative;}
#searchBox {padding:0;margin-left:40px;width:260px; height:70px;float:right; color:#000000;margin:0 auto;max-width:260px;}
#headerLinks {width:960px;}
.userLinks {position:relative;right:0;float:left;}
.accessibilityLinks, .userLinks {position:relative; width:auto;}
#pageFooter	{	margin-top:0px;}


#featured_slide.wrapper {border:none;}

/* ----------------------------------------------Generalise-------------------------------------*/

h1, h2, h3, h4, h5, h6{margin:0 0 20px 0;padding:0 0 8px 0;font-size:20px;font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif;border-bottom:1px dotted #DDDDDD;color: #00A3AC;}

#header, #topbar, #featured_slide, #breadcrumb, #container{margin:0 auto 0;display:block;width:960px;}
#featured_slide {margin-left:0px;width:920px;}
.wrapper{
	display:block;
	width:960px;
	margin:0 auto -15px;
	color:#666666;
	background-color:#FFFFFF;
	}

/* ----------------------------------------------Homepage Intro-------------------------------------*/

#homecontent .wrapper{
	padding:25px 10px;
	}

#homecontent a{
	color:#059BD8;
	background-color:#FFFFFF;
	}

#homecontent ul{
	display:inline;
	margin:0;
	padding:0;
	list-style:none;
	}

#homecontent li{
	display:block;
	float:left;
	width:290px;
	margin:0 25px 0 0;
	padding:0;
	}

#homecontent li.last{margin-right:0;}

#homecontent li h2.title{
	display:block;
	width:100%;
	height:65px;
	margin:0;
	padding:15px 0 8px 0;
	font-size:20px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666666;
	background-color:#FFFFFF;
	line-height:normal;
	border-bottom:1px dashed #CCCCCC;
	}

#homecontent li h2.title img{
	float:left;
	margin:-15px 8px 0 0;
	padding:5px;
	color:#666666;
	background-color:#F7F7F7;
	border:1px solid #CCCCCC;
	}

#homecontent p.readmore{
	display:block;
	width:100%;
	text-align:right;
	line-height:normal;
	font-weight:bold;
	margin:0;
	padding:0;
	}

/* ----------------------------------------------BreadCrumb-------------------------------------*/

#breadcrumb .wrapper{
	padding:15px 10px;
	border-bottom:1px solid #CCCCCC;
	}

#breadcrumb a{
	color:#059BD8;
	background-color:#FFFFFF;
	}

#breadcrumb ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#breadcrumb ul li{display:inline;}
#breadcrumb ul li.current a{text-decoration:underline;}

/* ----------------------------------------------Content-------------------------------------*/

#container .wrapper{
	padding:20px 10px;
	line-height:1.4em;
	color:#666666;
	background-color:#F5F5F5;
	}

#container a{
	color:#059BD8;
	background-color:#F5F5F5;
	}

#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{
	padding-bottom:8px;
	border-bottom:1px dotted #CCCCCC;
	}

/*#content, #userActivity{
	display:block;
	float:left;
	width:900px;
	border-left:10px solid #DFDFDF;
	border-right:10px solid #DFDFDF;
	padding:20px;
	background-color:#FFFFFF;
	color:#000000;
	}
*/
/* ------Comments-----*/

#comments{margin-bottom:40px;}

#comments .commentlist {margin:0; padding:0;}

#comments .commentlist ul{margin:0; padding:0; list-style:none;}

#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}

#comments .commentlist li.comment_odd{color:#666666; background-color:#FFFFFF;}
#comments .commentlist li.comment_odd a{color:#059BD8; background-color:#FFFFFF;}

#comments .commentlist li.comment_even{color:#666666; background-color:#E8E8E8;}
#comments .commentlist li.comment_even a{color:#059BD8; background-color:#E8E8E8;}

#comments .commentlist .author .name{font-weight:bold;}
#comments .commentlist .submitdate{font-size:smaller;}

#comments .commentlist p {margin:10px 5px 10px 0; padding:0; font-weight: normal;text-transform: none;}

#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}

/* ----------------------------------------------Column-------------------------------------*/

#column{
	display:block;
	float:right;
	width:300px;
	}

#column .holder, #column #featured{
	display:block;
	width:300px;
	margin-bottom:20px;
	}

#column .holder h2.title{
	display:block;
	width:100%;
	height:65px;
	margin:0;
	padding:15px 0 0 0;
	font-size:20px;
	line-height:normal;
	border-bottom:1px dashed #666666;
	}

#column .holder h2.title img{
	float:left;
	margin:-15px 8px 0 0;
	padding:5px;
	border:1px solid #666666;
	}

#column div.imgholder{
	display:block;
	width:290px;
	margin:0 0 10px 0;
	padding:4px;
	color:#666666;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	}

#column .holder p.readmore{
	display:block;
	width:100%;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	}
	
/* Featured Block */

#column #featured a{
	color:#666666;
	background-color:#F9F9F9;
	}

#column #featured ul, #column #featured h2, #column #featured p{
	margin:0;
	padding:0;
	list-style:none;
	}

#column #featured a{
	color:#059BD8;
	background-color:#F9F9F9;
	}

#column #featured li{
	display:block;
	width:250px;
	margin:0;
	padding:20px 25px;
	color:#666666;
	background-color:#F9F9F9;
	}

#column #featured li p.imgholder{
	display:block;
	width:240px;
	height:90px;
	margin:20px 0 15px 0;
	padding:4px;
	border:1px solid #CCCCCC;
	}

#column #featured li h2{
	margin:0;
	padding:0 0 14px 0;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:normal;
	border-bottom:1px dashed #666666;
	}

#column #featured p.readmore{
	display:block;
	width:100%;
	margin-top:15px;
	font-weight:bold;
	text-align:right;
	line-height:normal;
	}

#column #latestnews{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
	}

#column #latestnews li{
	display:block;
	margin:0 0 20px 0;
	padding:0 0 15px 0;
	border-bottom:1px dotted #DDDDDD;
	}

#column #latestnews li.last{
	margin-bottom:0;
	}

#column #latestnews p{
	margin:0;
	padding:0;
	line-height:normal;
	}

#column #latestnews .imgl{
	margin:0 10px 10px 0;
	padding:4px;
	}

/* ----------------------------------------------Footer-------------------------------------*/

#newsletter{
	display:none;
	float:right;
	width:300px;
	padding-left:12px;
	border-left: 1px dotted #999;
	}
	
	/* ----------------------------------------------Footerb-------------------------------------*/


/*#newsletter{
	display:block;
	float:right;
	width:300px;
	padding-left:12px;
	border-left: 1px dotted #999;
	text-align:left;
	}
*/
/* ----------------------------------------------Copyright-------------------------------------*/

#copyright .wrapper{
	padding:10px;
	border:none;
	width:960px;
	}

#copyright p{
	margin:0;
	padding:0;
	}

#copyright .wrapper, #copyright a{
	color:#333;
	background-color:#DFDFDF;
	padding-bottom:15px;
	}
	
	/*
*/

#headerLinks{
	display:block;
	margin:0 auto 0px;
	list-style:none;
	font-size:13px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:#00A3AC;
	height:70px;
	clear: both;
	}

#headerLinks ul, #headerLinks li{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	}

#headerLinks li a:link, #headerLinks li a:visited, #headerLinks li a:hover{
	display:block;
	margin:0;
	padding:6px 20px;
	color:#FFF;
	background-color:#00A3AC;
	border-right: 1px solid #CCC;
	}
#headerLinks .accessibilityLinks a:hover {color:#FFFFFF;}
#headerLinks ul ul li a:link, #headerLinks ul ul li a:visited{
	border:none;
	}

#headerLinks li.last a{
	margin-right:0;
	}

#headerLinks li a:hover, #headerLinks ul li.active a{
	color:#FFFFFF;
	background-color:#333;
	}
	
#headerLinks li li a:link, #headerLinks li li a:visited{
	width:150px;
	float:none;
	margin:0;
	padding:7px 10px;
	font-size:12px;
	font-weight:normal;
	color:#FFFFFF;
	background-color:#000000;
	}
	
#headerLinks li li a:hover{
	color:#FFFFFF;
	background-color:#00A3AC;
	}

#headerLinks li ul{
	background: #FFFFFF;
	z-index:9999;
	position: absolute;
	left: -999em;
	height:auto;
	width:170px;
	border-left:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	}

#headerLinks li ul a{width: 140px;}

#headerLinks li ul ul{margin: -32px 0 0 0;}

#headerLinks li:hover ul ul{left: -999em;}

#headerLinks li:hover ul, #topnav li li:hover ul{left:auto;}

#headerLinks li:hover{ position: static;}

#headerLinks li.last a{margin-right:0;}

/* ----------------------------------------------Column Navigation-------------------------------------*/

#column .subnav{display:block; width:250px; padding:25px; background-color:#F9F9F9; margin-bottom:30px;}

#column .subnav h2{
	margin:0 0 20px 0;
	padding:0 0 14px 0;
	font-size:20px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666666;
	background-color:#F9F9F9;
	line-height:normal;
	border-bottom:1px dotted #666666;
}

#column .subnav ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#column .subnav li{
	margin:0 0 3px 0;
	padding:0;
	}

#column .subnav ul ul, #column .subnav ul ul ul, #column .subnav ul ul ul ul, #column .subnav ul ul ul ul ul{border-top:none; padding-top:0;}

#column .subnav a{
	display:block;
	margin:0;
	padding:5px 10px 5px 20px;
	color:#777777;
	background:url(../images/blue_file.gif) no-repeat 10px center #F9F9F9;
	text-decoration:none;
	border-bottom:1px dotted #666666;
	}

#column .subnav a:hover{color:#059BD8; background-color:#F9F9F9;}

#column .subnav ul ul a, #column .subnav ul ul ul a, #column .subnav ul ul ul ul a, #column .subnav ul ul ul ul ul a{background:url(../images/black_file.gif) no-repeat #F9F9F9;}
#column .subnav ul ul a{padding-left:40px; background-position:30px center;}
#column .subnav ul ul ul a{padding-left:50px; background-position:40px center;}
#column .subnav ul ul ul ul a{padding-left:60px; background-position:50px center;}
#column .subnav ul ul ul ul ul a{padding-left:70px; background-position:60px center;}
/*
*/

form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}

/* ----------------------------------------------Search Form-------------------------------------*/

#searchBox input{
	display:block;
	float:left;
	width:80px;
	margin:0 5px 0 0;
	color:#B6B6B6;
	background-color:#525252;
	border:1px solid #343434;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}

#searchBox input#go{
	width:68px;
	height:26px;
	margin:0;
	padding:4px 0;
	text-transform:uppercase;
	color:#FFFFFF;
	background-color:#990000;
	border-color:#FFF;
	cursor:pointer;
	font-weight:bold;
	}
#searchBox #searchform {padding:0;}
#searchBox input#s{
	display:block;
	float:left;
	width:245px;
	margin:0 5px 12px 0;
	color:#666666;
	background-color:#FFFFFF;
	border:1px solid #DBDBDB;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	height:24px;
	}
#searchform input#s {padding-top:4px;}
#searchBox a#advanced-search-link {clear:none;display:block;float:left;width:160px;text-align:left;color:#333333;}
#searchBox a:visited#advanced-search-link {color:#333333;}
#searchBox a:active#advanced-search-link, #searchBox a:hover#advanced-search-link{color:#FF771C;}

#searchBox #searchform input:active#searchsubmit {position:relative; top:1px; left:1px;}
#searchBox #searchform input:hover#searchsubmit {background:#FF771C;color:#FFF;}


/* ----------------------------------------------Forms in Content Area-------------------------------------*/

#container #respond{display: block; width:100%;}

#container #respond input{width:170px; padding:2px; border:1px solid #CCCCCC; margin:5px 5px 0 0;}

#container #respond textarea{width:98%; border:1px solid #CCCCCC; padding:2px; overflow:auto;}
	
#container #respond p{margin:5px 0;}

#container #respond #submit, #container #respond #reset{
	margin:0;
	padding:5px;
	color:#666666;
	background-color:#F7F7F7;
	border:1px solid #CCCCCC;
	cursor:pointer;
	}

/* ----------------------------------------------Newsletter-------------------------------------*/

#footer form{
	display:block;
	width:300px;
	margin:0;
	padding:10px 0;
	border:none;
	}

#footer input{
	display:block;
	float:left;
	width:245px;
	margin:0 5px 0 0;
	padding:5px;
	color:#666666;
	background-color:#FFFFFF;
	border:1px solid #DBDBDB;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}

#footer input#news_go{
	width:auto;
	height:auto;
	margin:0;
	padding:4px;
	}
/*
*/

#featured_slide{
	height:300px;
	overflow:hidden;
	color:#666666;
	background-color:#FFFFFF;
	width:98%;
	margin-left:10px;
	}

#featured_slide a{
	color:#00A3AC;
	}

#featured_slide a, #featured_slide ul, #featured_slide img{
	margin:0;
	padding:0;
	border:none;
	outline:none;
	list-style:none;
	text-decoration:none;
	}

#featured_slide h1, #featured_slide h2, #featured_slide h3, #featured_slide h4, #featured_slide h5, #featured_slide h6{
	margin:2px 0 2px 0;
	font-size:20px;
	}

/* ----------------------------------------------Content-------------------------------------*/
		
.featured_content{
	position:relative;
	display:block;
	height:300px;
	overflow:hidden;
	}

.featured_content ul#accordion{
	display:block;
	width:920px;
	height:300px;
	overflow:hidden;
	}

.featured_content ul#accordion li{
	color:#000;
	background-color:#666;
	}

.featured_content ul#accordion li.current{
	color:#000;
	background-color:#FFF;
	}

#featured_slide li.current a{
	color: #00A3AC;
	background-color:#FFF;
	}

.featured_content p{
	margin:0 0 2px 0;
	padding:0px;
	line-height:1.6em;
	}

.featured_content p.readmore{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	text-align:right;
	line-height:normal;
	text-transform:uppercase;
	}

.featured_box{
	display:block;
	float:left;
	width:420px;
	margin:6px;
	padding:0;
	overflow:hidden;
	}
	
.featured_box h2{
	color: #00A3AC;
	}

/*----------------------------------------------Tabs-------------------------------------*/

.featured_tab{
	position:relative;
	display:block;
	float:right;
	width:100px;
	height:300px;
	padding:25px 5px 0 5px;
	text-align:center;
	border-left:1px dotted #484848;
	cursor:pointer;
	color:#FFF;
	background-color:#333;
	}

#featured_slide .featured_tab img{
	display:block;
	width:100px;
	height:200px;
	margin:0 0 15px 0;
	}

#featured_slide .featured_tab:hover img{
	margin:0px 0 15px 0;
	}

#featured_slide li.current .featured_tab{
	cursor:default;
	color:#FFFFFF;
	background-color:#00A3AC;
	}

#featured_slide li.current .featured_tab:hover img{
	margin-top:0;
	}

#featured_slide .wrapper {border:none;padding:0; width:100%;}
	/*
*/

table{
	width:100%;
	border-collapse:collapse;
	table-layout:auto;
	vertical-align:top;
	margin-bottom:15px;
	border:1px solid #CCCCCC;
	}

table thead th{
	color:#FFFFFF;
	background-color:#666666;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
	text-align:center;
	table-layout:auto;
	vertical-align:middle;
	}

table tbody td{
	vertical-align:top;
	border-collapse:collapse;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	}
	
table thead th, table tbody td{
	padding:5px;
	border-collapse:collapse;
	}

table tbody tr.light{
	color:#666666;
	background-color:#F7F7F7;
	}

table tbody tr.dark{
	color:#666666;
	background-color:#E8E8E8;
	}
#searchFacets {width:19em;margin-left:1em;}
#userActivity {margin-left:1em;}

#branding {
	display: none;
}
#headerFragment {
	position: relative;
	margin-bottom: 6px;
}

.ie6 #pageContent{width:960px}





/* ---------------------------------------------- UPDATES -------------------------------------*/

#footer {
	text-align: left;
	background-color:#820053;
	webkit-box-shadow: inset 0px 25px 71px -16px rgba(0,0,0,0.59);
-moz-box-shadow: inset 0px 25px 71px -16px rgba(0,0,0,0.59);
box-shadow: inset 0px 25px 71px -16px rgba(0,0,0,0.59);
	margin-top: 40px;
}

#copyright .wrapper{
	padding:10px 20px;
	border:none;
	}

#copyright p{
	margin:0;
	padding:0;
	}

#copyright .wrapper, #copyright a{
	color:#333;
	background-color:#DFDFDF;
	}
	
	
	
	
.bkgnd-dark-purple{background-color:#820053}

.width-page						{position:relative; margin:0 auto; padding:0; width:960px;}
/* Float collapse fix */
		.clearBoth						{clear:both}
		.clearfix:before,
		.clearfix:after 					{content: " "; display: table;}
		.clearfix:after 					{clear: both;}
		.clearfix 						{*zoom: 1;}
		.overflowHidden					{overflow:hidden}
/* Footer Nav Left */
			.footerNavLeft 							{margin:0; padding:20px 0; list-style:none; float:left; width:160px;}
			.footerNavLeft li						{margin:0; padding:0;}

			.footerNavLeft li a						{display:block; padding:5px 10px 3px; color:white; font-size:0.8em; text-decoration:none; }
			
			.footerNavLeft li a:hover,
			.footerNavLeft li.active a				{background-color:white; color:#820053}

/* Footer Nav Right */
			.footerNavRight 						{margin:0; padding:20px 0; list-style:none; float:left; width:180px;}
			.footerNavRight li						{margin:0; padding:0;}

			.footerNavRight li a					{display:block; padding:5px 10px 3px; color:white; font-size:0.8em; text-decoration:none; }
			
			.footerNavRight li a:hover,
			.footerNavRight li.active a				{background-color:white; color:#820053}
/* FOOTER */
			.addressBlock					{float:left; width:355px; margin:30px 0 0 20px;}
				.addressBlock p				{color:white; margin:0 0 20px; font-size:1em;}
			
			.imageBlock						{float:right; margin:50px 0 0}
				.imageBlock img				{margin:0 0 0 20px; display: inline-block;}
		/* END FOOTER */
.promotion .footer 							{padding:12px 10px 8px; overflow:hidden; }
					.promotion .footer p					{margin:0; font-size:1.1em;}
					.promotion .footer a					{margin:0; padding:0 15px 10px 0; color:#555; text-decoration:none; 
					}
					
					
.headerSection						{padding:0 0 20px; background:white; z-index:10000;}
.width-screen						{position:relative; margin:0; padding:0; width:100%; min-width:960px;}


/* HEADER */
			.mainLogo									{float:left; margin:15px 40px 20px 0;
														-webkit-transition: all 300ms;
														-moz-transition: all 300ms;
														-ms-transition: all 300ms;
														transition: all 300ms;}
				
			.toolsContainer								{float:right; margin:35px 0 0;}
				
				.searchContainer						{overflow:hidden; padding:0; border:1px solid #ccc; border-radius:5px}
				.searchContainer input					{font-family:"Arial"; float:left; font-size:1.2em; line-height:1.2em; padding:10px 0 8px 10px; border:0; 
														width:200px;
														-webkit-transition: all 500ms;
														-moz-transition: all 500ms;
														-ms-transition: all 500ms;
														transition: all 500ms;}
													
				.searchContainer input:focus				{width:250px;}
				
				.searchContainer ::-webkit-input-placeholder 	{color:#555; font-size:1em}
				.searchContainer :-moz-placeholder 				{color:#555; font-size:1em}
				.searchContainer ::-moz-placeholder				{color:#555; font-size:1em}
				.searchContainer :-ms-input-placeholder 			{color:#555; font-size:1em}
				
				.searchContainer .icon-search			{border:0; background:none; float:right; display:block; padding:9px 10px; font-size:1.6em;}

				
				.socialContainer						{overflow:hidden; padding:3px 0;}
					.socialContainer a					{float:right; display:block; color:#a0a0a0; font-size:2.5em; padding:7px 3px 0; text-decoration:none; border:0;}
					
					.socialContainer a:focus,
					.socialContainer a:hover				{color:#333333}
					
					.socialContainer a span				{position:absolute; top:-999px; left:-999px}
				
			
			.mobileMenuIcon								{display:none}
			.mobileMenuIcon.active						{display:none}
			
			.whatsOnBar									{}
				.whatsOnBar p							{float:left; color:white; font-size:1.6em; margin:0; padding:14px 10px 10px 0;}
				
				.whatsOnBar p,	
				.whatsOnBar span							{font-family: 'cabinbold';}
				
				.whatsOnBar select						{float:left; font-size:1.4em; margin:14px 5px; padding:8px 8px 5px; width:175px; border-radius:5px; background:white; height:32px;  text-overflow: ellipsis;}
				.whatsOnBar select option				{font-size:2em; font-family:Times}
				
				.whenFilterWrapper						{position:relative; float:left; width:240px; margin:14px 5px; background:white; border-radius:5px; z-index:100;}
				.whenFilterWrapper .icon-calendar		{position:absolute; top:7px; right:10px; font-size:1.4em; font-family: 'fife'; z-index:99}
				
				.whatsOnBar input[type="text"]			{position:relative; font-size:1.4em;  padding:8px 8px 7px; width:100%; height:32px; background:transparent; z-index:100;}
				.lt-ie9 .whenFilterWrapper				{height:32px;}
				.lt-ie9 .whatsOnBar input[type="text"]	{height:32px; zoom:1}
				
				
				
				.whatsOnBar ::-webkit-input-placeholder 	{color:black;}
				.whatsOnBar :-moz-placeholder 			{color:black;}
				.whatsOnBar ::-moz-placeholder			{color:black;}
				.whatsOnBar :-ms-input-placeholder 		{color:black;}
				
				.whatsOnBar input[type="submit"]			{text-transform:uppercase; border:0; margin:14px 0 0 15px; padding:6px 15px 5px; background-color:#78a224; color:white; 
														font-family: 'cabinbold'; font-size:1.4em; border-radius:5px}
														
				.whatsOnBar input[type="submit"]:hover	{background-color:white; color:#78a224;}
				
				
				
				.filterBar												{}
					
					.eventTypeFilter										{overflow:hidden; margin:0; padding-top:10px; display:none}
					.eventTypeFilter.active								{display:block}
					
					.museumFilter										{overflow:hidden; margin:0 0 10px; padding-top:20px; display:none}
					.museumFilter.active									{display:block}

					.libraryFilter										{overflow:hidden; margin:0 0 10px; padding-top:20px; display:none}
					.libraryFilter.active									{display:block}
					
					.filterBar p										{float:none; text-align:center; font-size:1.3em; margin:0 0 20px; padding:0; line-height:inherit}
					.filterBar ul										{margin:0; padding:0; list-style:none; overflow:hidden; }
					
					.filterBar ul li									{margin:0; padding:0; list-style:none; float:left; width:20%; margin:0 0 10px}
					.filterBar .museumFilter ul li						{width:33%;}

					.filterBar ul li input[type="checkbox"]				{float:left; width:19px; height:19px; background:url(/assets/images/design/icon-checkbox.png) 0 0 no-repeat;}
					.filterBar ul li input[type="checkbox"]:checked		{width:19px; height:19px; background:url(/assets/images/design/icon-checkbox.png) -19px 0 no-repeat;}
					.filterBar ul li label								{float:left; color:white; margin:0 0 0 10px; padding:3px 0 0; font-size:1.2em; }

					.closeTab											{display:none; position:absolute; bottom:-56px; left:50%; margin:0 0 0 -88px; cursor:pointer;}

		/* END HEADER */
		
		
		
		
		
/*----------------------------------------------------------------------------------------------------------*/
	/*	NAVIGATION																	  						  	*/
	/*----------------------------------------------------------------------------------------------------------*/

		/* Primary Nav Left */
			.primaryNavLeft									{margin:20px 0; padding:0; float:left; list-style:none; border-top:1px solid #ddd;}
			.primaryNavLeft li								{margin:0; padding:0; font-family: 'Cabin', sans-serif; }

			.primaryNavLeft li a							{display:block; padding:3px 30px 3px 0; text-transform:uppercase; text-decoration:none; 
															border-left:1px solid #ddd; border-bottom:1px solid #ddd; 
															font-family: 'Cabin', sans-serif; font-size:1.3em; font-weight: 700;}
													
			.primaryNavLeft li a .icon						{display:inline-block; padding:3px 10px 0 0}
			
			.primaryNavLeft li a.text-red:focus,
			.primaryNavLeft li a.text-red:hover,
			.primaryNavLeft li.active a.text-red			{background-color:#e91d36; color:white}
			
			.primaryNavLeft li a.text-light-purple:focus,
			.primaryNavLeft li a.text-light-purple:hover,
			.primaryNavLeft li.active a.text-light-purple	{background-color:#f451ca; color:white}
			
			.primaryNavLeft li a.text-turquoise:focus,
			.primaryNavLeft li a.text-turquoise:hover,
			.primaryNavLeft li.active a.text-turquoise		{background-color:#00aec5; color:white}
			
			
			
		/* Primary Nav Right */
			.primaryNavRight						{margin:20px 0; padding:0; float:left; list-style:none; border-top:1px solid #ddd;}
			.primaryNavRight li						{margin:0; padding:0;}

			.primaryNavRight li a						{display:block; padding:3px 30px 3px 0; text-transform:uppercase; text-decoration:none;
													border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; 
													font-family: 'Cabin', sans-serif; font-size:1.3em; font-weight: 700;}
													
			.primaryNavRight li a .icon				{display:inline-block; padding:3px 10px 0 0}


			.primaryNavRight li a.text-dark-grey:focus,
			.primaryNavRight li a.text-dark-grey:hover,
			.primaryNavRight li.active a.text-dark-grey	{background-color:#333333; color:white}
			
			.primaryNavRight li a.text-orange:focus,
			.primaryNavRight li a.text-orange:hover,
			.primaryNavRight li.active a.text-orange		{background-color:#ff6600; color:white}
			
			.primaryNavRight li a.text-dark-purple:focus,
			.primaryNavRight li a.text-dark-purple:hover,
			.primaryNavRight li.active a.text-dark-purple	{background-color:#820053; color:white}
		
		
		/* Mobile Menu */
			#mobile-menu-container							{position:fixed; top:0; bottom:0; right:-270px; z-index:1000; overflow:hidden; overflow-y:scroll; -ms-touch-action:none;
															-webkit-overflow-scrolling:touch; width:269px; background:#ccc;
															-webkit-transition: all 250ms;
															-moz-transition: all 250ms;
															-ms-transition: all 250ms;
															transition: all 250ms;}
				
			/* UL */
			#mobile-menu-container ul						{margin:0; padding:0; list-style:none; overflow:hidden;}
				#mobile-menu-container li						{margin:0; padding:0; overflow:hidden;}
				
				#mobile-menu-container li a					{display:block; text-decoration:none}
				#mobile-menu-container li a.closeMenuIcon		{float:left; border:0; text-align:center;}
				#mobile-menu-container li a.showHideIcon		{float:left; border:0; text-align:center;}
				
				
				#mobile-menu-container ul ul					{display:none; margin:0; padding:0; overflow:hidden;}
				

				
			/* Mobile Menu styling */
			/* Blue theme */
				#mobile-menu-container								{border-left:1px solid #ccc}
				#mobile-menu-container.menuStyle-blue,
				.menuStyle-blue ul									{background:#ffffff; border-bottom:1px solid #ccc;}
				.menuStyle-blue ul li								{border-top:1px solid #ccc;}
				
				.menuStyle-blue ul li a								{color:#555; margin:0 0 0 60px; padding:15px; font-size:1.1em; font-family: 'cabinbold';}
				
				.menuStyle-blue ul li a.closeMenuIcon				{margin:0; padding:15px 30px 15px 30px; text-indent:-999px; background:url(../images/design/mobile-menu.gif) 50% 45% no-repeat;}
				
				.menuStyle-blue ul li a.showHideIcon				{position:relative; margin:6px 0 0 2px; padding:10px; width:25px; height:20px;}
				.menuStyle-blue ul li a.showHideIcon span			{display:none;}
				.menuStyle-blue ul li a.showHideIcon:before			{position:absolute; top:12px; left:16px; font-family: 'fife'; content: "\e60d";}
				
				.menuStyle-blue ul li a.showHideIcon.active:before	{font-family: 'fife'; content: "\e60c";}
				
				.menuStyle-blue ul ul								{background:#eeeeee; border:0}
				.menuStyle-blue ul ul li							{font-size:1em}
				.menuStyle-blue ul ul ul							{background:#dbdbdb;}

		
		
		/* NAV - BREADCRUMB */
		.breadcrumbNav								{margin:0 0 15px;}
			/* UL */
			.breadcrumbNav ul						{overflow:hidden;}
			.breadcrumbNav li							{float:left; padding:0; font-size:1.1em; color:#555}
			.breadcrumbNav li:first-child				{padding:0 10px 0 0; font-weight:bold; }
			
			.breadcrumbNav li a						{display:inline-block; padding:0; color:#555; text-decoration:none; }
			.breadcrumbNav li span						{display:inline-block; padding:0 10px; font-size:0.7em; }
			
			.breadcrumbNav li a:hover,
			.breadcrumbNav li.active a				{}
			

		/* NAV - LEFT */
		.primaryLeftNav								{}
			/* UL */
			.primaryLeftNav ul						{overflow:hidden; border-left:2px solid #820053}
			.primaryLeftNav ul ul					{border-left:0;}
			.primaryLeftNav li						{margin:0; margin:0; padding:0; }
			
			.primaryLeftNav li a					{display:block; padding:11px 15px 7px; border-bottom:1px solid #d1d1d1; color:#222; font-size:0.9em; text-decoration:none; background:white}
			.primaryLeftNav li li a					{font-size:0.75em}
			.primaryLeftNav li li li a				{font-size:0.65em}

			.primaryLeftNav li a:hover,
			.primaryLeftNav li.active a				{background-color:#820053; color:white; border-bottom:1px solid #820053;}

			.primaryLeftNav li.active li a 			{position:relative; background:none; color:#555;}
			.primaryLeftNav li.active li a:before	{position:absolute; top:30%; left:0; font-family: 'fife';content: "\e60a"; color:#820053;}


		/* Footer Nav Left */
			.footerNavLeft 							{margin:0; padding:20px 0; list-style:none; float:left; width:160px;}
			.footerNavLeft li						{margin:0; padding:0;}

			.footerNavLeft li a						{display:block; padding:5px 10px 3px; color:white; font-size:0.8em; text-decoration:none; }
			
			.footerNavLeft li a:hover,
			.footerNavLeft li.active a				{background-color:white; color:#820053}
			
			
		/* Footer Nav Right */
			.footerNavRight 						{margin:0; padding:20px 0; list-style:none; float:left; width:180px;}
			.footerNavRight li						{margin:0; padding:0;}

			.footerNavRight li a					{display:block; padding:5px 10px 3px; color:white; font-size:0.8em; text-decoration:none; }
			
			.footerNavRight li a:hover,
			.footerNavRight li.active a				{background-color:white; color:#820053}			



/*----------------------------------------------------------------------------------------------------------*/
	/*	Colours																								  	*/
	/*----------------------------------------------------------------------------------------------------------*/

		.bkgnd-aqua									{background-color:#00aec6;}

		.text-black									{color:#000000}
		.bkgnd-black								{background-color:#000000}
		.linkBoxBlack								{background-color:#000000; color:white;}
		.imageContainer a:hover .linkBoxBlack		{background-color:white; color:#000;}
		
		.text-white									{color:#ffffff}
		.bkgnd-white								{background-color:#ffffff}

		.text-dark-purple							{color:#820053}
		.bkgnd-dark-purple							{background-color:#820053}
		.linkBoxDarkPurple							{background-color:#820053; color:white;}
		.imageContainer a:hover .linkBoxDarkPurple	{background-color:white; color:#820053;}
		.button-dark-purple							{background-color:#820053; color:white; border:1px solid #820053}
		.button-dark-purple:hover					{background-color:white; color:#820053}
		.bar-dark-purple							{border-left:10px solid #820053;}

		.text-light-purple							{color:#f451ca}
		.bkgnd-light-purple							{background-color:#f451ca}
		.linkBoxlightPurple							{background-color:#f451ca; color:white;}
		.imageContainer a:hover .linkBoxlightPurple	{background-color:white; color:#f451ca;}
		.button-light-purple						{background-color:#f451ca; color:white; border:1px solid #f451ca}
		.button-light-purple:hover					{background-color:white; color:#f451ca}
		.bar-light-purple							{border-left:10px solid #f451ca;}

		.text-dark-indigo							{color:#5d497d}
		.bkgnd-dark-indigo							{background-color:#5d497d}
		.linkBoxDarkIndigo							{background-color:#5d497d; color:white;}
		.imageContainer a:hover .linkBoxDarkIndigo	{background-color:white; color:#5d497d;}
		.button-dark-indigo							{background-color:#5d497d; color:white; border:1px solid #5d497d}
		.button-dark-indigo:hover					{background-color:white; color:#5d497d}
		.bar-dark-indigo							{border-left:10px solid #5d497d;}
		
		.text-light-indigo							{color:#8267ac}
		.bkgnd-light-indigo							{background-color:#8267ac}
		.linkBoxLightIndigo							{background-color:#8267ac; color:white;}
		.imageContainer a:hover .linkBoxLightIndigo	{background-color:white; color:#8267ac;}
		.button-light-indigo						{background-color:#8267ac; color:white; border:1px solid #8267ac}
		.button-light-indigo:hover					{background-color:white; color:#8267ac}
		
		.text-turquoise								{color:#00aec5}
		.bkgnd-turquoise							{background-color:#00aec5}
		.linkBoxTurquoise							{background-color:#00aec5; color:white;}
		.imageContainer a:hover .linkBoxTurquoise	{background-color:white; color:#00aec5;}
		.button-turquoise							{background-color:#00aec5; color:white; border:1px solid #00aec5}
		.button-turquoise:hover						{background-color:white; color:#00aec5;}
		.bar-turquoise								{border-left:10px solid #00aec5;}

		.text-lime									{color:#9bd527}
		.bkgnd-lime									{background-color:#9bd527}
		.linkBoxLime								{background-color:#9bd527; color:white;}
		.imageContainer a:hover .linkBoxLime		{background-color:white; color:#9bd527;}
		.button-lime								{background-color:#9bd527; color:white; border:1px solid #9bd527}
		.button-lime:hover							{background-color:white; color:#9bd527;}
		.bar-lime									{border-left:10px solid #9bd527;}
		
		.text-green									{color:#78a224}
		.bkgnd-green								{background-color:#78a224}
		.linkBoxGreen								{background-color:#78a224; color:white;}
		.imageContainer a:hover .linkBoxGreen		{background-color:white; color:#78a224;}
		.button-green								{background-color:#78a224; color:white; border:1px solid #78a224}
		.button-green:hover							{background-color:white; color:#78a224;}
		.bar-green									{border-left:10px solid #78a224;}

		.text-surfieGreen							{color:#007E7A}
		.bkgnd-surfieGreen							{background-color:#007E7A}
		.linkBoxSurfieGreen							{background-color:#007E7A; color:white;}
		.imageContainer a:hover .linkBoxSsurfieGreen{background-color:white; color:#007E7A;}
		.button-surfieGreen							{background-color:#007E7A; color:white; border:1px solid #007E7A}
		.button-surfieGreen:hover					{background-color:white; color:#007E7A;}
		
		.text-yellow								{color:#fab131}
		.bkgnd-yellow								{background-color:#fab131}
		.linkBoxYellow								{background-color:#fab131; color:white;}
		.imageContainer a:hover .linkBoxYellow		{background-color:white; color:#fab131;}
		.button-yellow								{background-color:#fab131; color:white; border:1px solid #fab131}
		.button-yellow:hover						{background-color:white; color:#fab131;}

		.text-dark-grey								{color:#333333}
		.bkgnd-dark-grey							{background-color:#333333}
		.linkBoxDarkGrey							{background-color:#333333; color:white;}
		.imageContainer a:hover .linkBoxDarkGrey	{background-color:white; color:#333333;}
		.button-dark-grey							{background-color:#333333; color:white; border:1px solid #333333}
		.button-dark-grey:hover						{background-color:white; color:#333333;}
	
		.text-medium-grey							{color:#a0a0a0}
		.bkgnd-medium-grey							{background-color:#a0a0a0}
		.linkBoxMediumGrey							{background-color:#a0a0a0; color:white;}
		.imageContainer a:hover .linkBoxMediumGrey	{background-color:white; color:#a0a0a0;}
		.button-medium-grey							{background-color:#a0a0a0; color:white; border:1px solid #a0a0a0}
		.button-medium-grey:hover					{background-color:white; color:#a0a0a0;}

		.text-light-grey							{color:#ececec}
		.bkgnd-light-grey							{background-color:#ececec}
		.linkBoxLightGrey							{background-color:#ececec; color:white;}
		.imageContainer a:hover .linkBoxLightGrey	{background-color:white; color:#ececec;}
		.button-light-grey							{background-color:#ececec; color:white; border:1px solid #ececec}
		.button-light-grey:hover					{background-color:white; color:#ececec;}
		
		.text-red									{color:#e91d36}
		.bkgnd-red									{background-color:#e91d36; color:white;}
		.linkBoxRed									{background-color:#e91d36; color:white;}
		.imageContainer a:hover .linkBoxRed			{background-color:white; color:#e91d36;}
		.button-light-red							{background-color:#e91d36; color:white; border:1px solid #e91d36}
		.button-light-red:hover						{background-color:white; color:#e91d36;}
		
		
		.text-orange								{color:#ff6600}
		.bkgnd-orange								{background-color:#ff6600; color:white;}
		.linkBoxOrange								{background-color:#ff6600; color:ff6600;}
		.imageContainer a:hover .linkBoxRed			{background-color:white; color:#ff6600;}
		.button-orange								{background-color:#ff6600; color:white; border:1px solid #ff6600}
		.button-orange:hover						{background-color:white; color:#ff6600;}
		.bar-orange									{border-left:10px solid #ff6600;}
		
		
		/* Buttons */
		.buttonContainer			{margin:30px 0}
		
	
		.button						{position:relative; display:inline-block; margin:0; padding:13px 35px 8px 20px; border-radius:3px; font-size:1.5em; text-transform:uppercase; text-decoration:none; }
		.formRowContainer .button	{padding:13px 20px 8px;}
		.button .icon				{position:absolute; top:11px; right:12px;}
		
		.button-slimline			{padding:9px 10px 5px; border-radius:3px; font-size:1.3em;}
		
		
		@font-face {
		font-family: 'cabinbold';
		src: url('assets/-/cabin-bold-webfont.eot');
		src: url('assets/-/cabin-bold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('assets/-/cabin-bold-webfont.woff') format('woff'),
			 url('assets/-/cabin-bold-webfont.ttf') format('truetype'),
			 url('assets/-/cabin-bold-webfont.svg#cabinbold') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	@font-face {
		font-family: 'cabinbold_italic';
		src: url('assets/-/cabin-bolditalic-webfont.eot');
		src: url('assets/-/cabin-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
			 url('assets/-/cabin-bolditalic-webfont.woff') format('woff'),
			 url('assets/-/cabin-bolditalic-webfont.ttf') format('truetype'),
			 url('assets/-/cabin-bolditalic-webfont.svg#cabinbold_italic') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'cabinitalic';
		src: url('assets/-/cabin-italic-webfont.eot');
		src: url('assets/-/cabin-italic-webfont.eot?#iefix') format('embedded-opentype'),
			 url('assets/-/cabin-italic-webfont.woff') format('woff'),
			 url('assets/-/cabin-italic-webfont.ttf') format('truetype'),
			 url('fonts/cabin-italic-webfont.svg#cabinitalic') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'cabinmedium';
		src: url('assets/-/cabin-medium-webfont.eot');
		src: url('assets/-/cabin-medium-webfont.eot?#iefix') format('embedded-opentype'),
			 url('assets/-/cabin-medium-webfont.woff') format('woff'),
			 url('assets/-/cabin-medium-webfont.ttf') format('truetype'),
			 url('assets/-/cabin-medium-webfont.svg#cabinmedium') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'cabinmedium_italic';
		src: url('assets/-/cabin-mediumitalic-webfont.eot');
		src: url('assets/-/cabin-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
			 url('assets/-/cabin-mediumitalic-webfont.woff') format('woff'),
			 url('assets/-/cabin-mediumitalic-webfont.ttf') format('truetype'),
			 url('assets/-/cabin-mediumitalic-webfont.svg#cabinmedium_italic') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'cabinregular';
		src: url('assets/-/cabin-regular-webfont.eot');
		src: url('assets/-/cabin-regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('assets/-/cabin-regular-webfont.woff') format('woff'),
			 url('assets/-/cabin-regular-webfont.ttf') format('truetype'),
			 url('assets/-/cabin-regular-webfont.svg#cabinregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'cabinsemibold';
		src: url('assets/-/cabin-semibold-webfont.eot');
		src: url('assets/-/cabin-semibold-webfont.eot?#iefix') format('embedded-opentype'),
			 url('assets/-/cabin-semibold-webfont.woff') format('woff'),
			 url('assets/-/cabin-semibold-webfont.ttf') format('truetype'),
			 url('assets/-/cabin-semibold-webfont.svg#cabinsemibold') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'cabinsemibold_italic';
		src: url('assets/-/cabin-semibolditalic-webfont.eot');
		src: url('assets/-/cabin-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
			 url('assets/-/cabin-semibolditalic-webfont.woff') format('woff'),
			 url('assets/-/cabin-semibolditalic-webfont.ttf') format('truetype'),
			 url('assets/-/cabin-semibolditalic-webfont.svg#cabinsemibold_italic') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	
	@font-face {
		font-family: 'arialblack';
		src: url('assets/-/ariblk-webfont.eot');
		src: url('assets/-/ariblk-webfont.eot?#iefix') format('embedded-opentype'),
			 url('assets/-/ariblk-webfont.woff') format('woff'),
			 url('assets/-/ariblk-webfont.ttf') format('truetype'),
			 url('assets/-/ariblk-webfont.svg#arialblack') format('svg');
		font-weight: normal;
		font-style: normal;
	}
	
	
	 @media only screen and (min-width: 800px) and (orientation: landscape) {

	
	.bkgnd-dark-purple{
background:black;
}
#headerFragment .wrapper{
background:transparent;
}
.primaryNavLeft, .primaryNavRight{
display:none;
}
#headerFragment{
margin-bottom:0;
width:100%;
max-width:100%;
background: #00aec5;
    border-bottom: 2px solid white;
    background: #00aec5;
    background: -webkit-gradient(linear, left top, right top, from(#00aec5), color-stop(50%, #b63f97), to(#e91d36));
    background: -o-linear-gradient(left, #00aec5 0%, #b63f97 50%, #e91d36 100%);
}

#searchBox input#s {
border-radius:30px;
padding:5px 20px;
}
body{
padding-top:0;
}

#searchBox #searchform input:hover#searchsubmit, #searchBox #searchform input#searchsubmit{
order-radius: 80px;
    background: #00aec5;
    background: #00aec5;
    background: -webkit-gradient(linear, left top, right top, from(#00aec5), color-stop(50%, #b63f97), to(#e91d36));
    background: -o-linear-gradient(left, #00aec5 0%, #b63f97 50%, #e91d36 100%);
    background: linear-gradient(
90deg
, #00aec5 0%, #b63f97 50%, #e91d36 100%);
    color: white;
border-radius:50px;
}
.mainLogo{
margin-bottom:0;
margin-top:0;
}
#headerFragment{
clear:both;
float:left;
padding-bottom:0;
margin-bottom:0;
width:100%;
border-bottom:0;
}
#searchBox a#advanced-search-link, #searchBox a#advanced-search-link:hover{
text-align:center;
text-decoration:underline;
color:white;
}
#pageHeader #searchBox{
height:auto;
}
#pageHeader{
position:static;

width:100%;
clear:both;
}

#pageContent, #pageFooter{
top:0;
}
#headerLinks{
height:auto;
max-width:100%;
width:100%;
float:left;
width:100%;
}
#headerLinks ul{
display:inline-block;
float:none;
flex-direction:row;
vertical-align:top;
align-items:center;
justify-content:center;}

#headerLinks{
text-align:center;

background: #00aec5;
    border-bottom: 2px solid white;
    background: #00aec5;
    background: -webkit-gradient(linear, left top, right top, from(#00aec5), color-stop(50%, #b63f97), to(#e91d36));
    background: -o-linear-gradient(left, #00aec5 0%, #b63f97 50%, #e91d36 100%);
}

#headerLinks li a:link, #headerLinks li a:visited, #headerLinks li a:hover, .userLinks li, .pagingControl li{
background:transparent;
border-right:0;
border-left:0;}

.accessibilityLinks li{
border-right:0;
}
#searchBox{
float:none;
background:black;
width:100%;
max-width:100%;
padding:2em;
}
#searchBox input#s{
margin:0;}

.formElement{
display:flex;
align-items:center;
jusify-content:center;
}
#target{
margin:0 20px;}

#searchsubmit{
flex:1;
padding:10px 15px;
order-radius: 80px;}

input.search-input, .search-input{
background-position:center right 20px;

color:white;
text-align:left;
}


.mainLogo{
padding-top:15px;
}
#searchBox a#advanced-search-link, #searchBox a#advanced-search-link:hover{
color:white;
}
#searchBox a#advanced-search-link:visited{
color:white;
}
*{ 
    font:400 16px "futura-pt",serif ;
font-family:"futura-pt" ;

}
} 

}
/*end media declaration */

 @media only screen and (max-width: 480px), only screen and (max-width: 800px) and (orientation: landscape) {

 /*Hide hidden elements */

#branding, #headerFragment,
#headerLinks .accessibilityLinks,
#page .notMobile,
#page #searchFacets,
#advancedsearch #page #pageHeader #searchBox,
#account #page #pageHeader #searchBox,
#login #page #pageHeader #searchBox,
#lists #page #pageHeader #searchBox,
#pageFooter,
#pageHeader #searchBox #searchform .formElement a,
#page #breadCrumb .first, #page #breadCrumb .search,
#searchResultsSort,
#page #pageContent #breadCrumb span.result
{
	display:none;
}

/*Lists*/
div#pageContent form.uiCommentForm input.uiButton {
	float: right;
}

div#pageContent form.uiCommentForm {
	margin-bottom: 1em;
}

div#pageContent div.uiComment {
	margin-bottom: 1em;
}

#itemActions.sidebar,
body#index #page,
body#index #pageFooter,
body, html, #page, #pageHeader, #page * {
	position:static;
	background:none;
	float:none;
	text-align:left;
	width:auto;
	height:auto;
	padding:0;
	margin:0;
	border:none;
	min-width:inherit;
	max-width:inherit;
	font-weight:normal;
	vertical-align:baseline;
	text-indent:0;
	color:#222;
}

/*Main layout */

body{
	background: #dddde5 !important;
	font-family:Helvetica, Arial, sans-serif;
	-webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

#page #pageHeader, #index .userLinks{
	display:block;
}

#pageContainer{
	background:#fafafc;
	padding:5px;
	margin:5px;
}

/*Fix homepage search boxes etc...*/
#page #pageContainer #pageHeader,
#page #pageContainer #pageHeader #searchBox,
body#index #page #pageContainer #pageHeader #searchBox
{
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	position:static;
	top:0;
	left:0;
	right:0;
	display:block;
	background:none;
}

#page #pageContainer #searchBox #searchform,
body#index #page #pageContainer #searchBox #searchform{
	display:inline;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	position:static;
	top:0;
	left:0;
	right:0;
	background:none;
}

/*Type issues*/

#page h2, #page h3{
	font-size:1.2em;
}

/* Inlines and Inline blocks */

#page #headerLinks li,
#page #pageContainer #headerLinks li div,
#page form[action=items] div,
#renderitem #itemActions .tagbox li,
.more,.less,
#page .item div.publisher span.publishedYear,
#page form,
#page #pageContainer .mobile-inline
{
	display:inline;
}

#page ul.accountNav a, #page ul.accountNav strong{
	display:inline-block;
}

/*headerlinks */

body #page #headerLinks{
	width:auto;
	min-width:inherit;
	margin:0 -5px 0 -5px;
	padding: 0 0 1px 2px;
	background:none;
	border-bottom:1px solid #E3E5F5;
}

#page #pageContainer #headerLinks ul{
	overflow:hidden;
	position:static;
	height:auto; /*!*/
	top:0; /*!*/
	background:none; /*!*/
	border:none;/*!*/
	}

#page #pageContainer #headerLinks ul li{
	float:none; /*!*/
	height:auto; /*!*/
	background:none; /*!*/
	border:none;
	display:inline;
}

#page #pageContainer #headerLinks li a, #headerLinks button, #headerLinks input[type=submit], #page .eResourceLinks a{
	margin:0 0 0.5em 0.2em;
	font-weight:normal;
	display:inline-block;
	line-height:1.5;
	border:1px solid #E3E5F5;
}

#page #account-link{
	visibility:visible;	/*!*/
}

/*Links */

#page a:link{
	color: #28489D;
}

#page a:visited{
	color: #666;
}

#page a:hover, #page a:focus, #page a:active{
	text-decoration:underline;
}

/* Rounded */

#page .mobile ul.menu li a, #pageContainer, button, #page #headerLinks li a ,
#page #itemActions .tagbox li a, .tagCloud span a,
#headerLinks input,
#page ul.accountNav a, #page ul.accountNav strong,
#page .eResourceLinks a,
#page a.buttonTag{
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius:3px;
}

#pageContainer{
	border:1px solid #99999a;
}

/* Forms */

input, textarea, button{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-appearance:none;
	line-height:1.5;
	background: #fff;
}

#page textarea{
	width:97%;
}

#page select{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding:0.3em;
	font-size:1em;
	vertical-align:baseline;
    height:1.9em;
    display:inline-block;
	border:1px solid #E3E5F5;
}

#page #sort{
    padding:0;
}

#page .userLinks select{
    display: inline-block;
	margin: -1px 0 0 0.2em;
	padding:0.1em 0.3em;
	text-shadow: 1px 1px 2px #fff;
   -webkit-box-shadow: inset 1px 1px 1px #fff, 1px 1px 0.5px #aaa;
}

#page .uiButton:hover{
	text-decoration:underline;
}

/*Buttons and button-alikes*/
#page input[type=submit], #page input[type=button], #page button.mobile,
#page #pageContainer #headerLinks li a,
#page #breadCrumb span.facet, #page .itemActions a,
#page ul.accountNav a, #page ul.accountNav strong, #page .itemPager a,
#page .eResourceLinks a, #page .item-collection button, #page .uiButton{
	padding:0.1em 0.3em;
	color:#333;
	text-shadow: 1px 1px 2px #fff;
   -webkit-box-shadow: inset 1px 1px 1px #fff, 1px 1px 0.5px #aaa;
	background:	#f0f0f0;
	border:1px solid #E3E5F5;
}

/*Tags*/

#page a.buttonTag, #page .tagCloud span a, #page #pageContainer .tagbox li a, #page .tags a,  #page .tags span{
	display:inline-block !important;
	padding:0.1em 0.4em;
	line-height:1.5em;
	margin-bottom: 0.3em;
	color: #333;
	-webkit-box-shadow: inset 1px 1px 1px #fff;
	background:	#D2E3FF;
	border:1px solid #80B2FF;
}

#page .tags a span{
    background:none;
    border:none;
    color:inherit;
    box-shadow: none;
    -webkit-box-shadow:none;
    margin:0;
}

#page a.buttonTag:hover, #page a.buttonTag:focus, #page a.buttonTag:active{
	text-decoration:underline;
}

#page strong.buttonTag{
	background: #f2f2f2;
	border: 1px solid #aaa;
	color:#666;
}

#page .tagCloud span{
display:inline;
font-size:1.1em;
}

#searchBox input{
	-webkit-border-radius:0; /*iphone oddity*/
}

#page input[type=text], #page textarea{
	padding:0.3em;
	border:1px solid #E3E5F5;
}

#page input[type=checkbox]{
    -webkit-appearance: checkbox;
}

body #page #pageHeader #searchBox #searchform input#s{ /*!*/
	font-family:Helvetica, Arial, sans-serif;
	width:55%;
	padding:0.6em 0.3em 0.6em 23px;
	margin:0;
	display:inline-block;
	line-height:1.2; /*!*/
	background-position: 5px 50%;
	-webkit-border-top-left-radius:3px;
	-webkit-border-bottom-left-radius:3px;
    font-size:1em; /*!*/
	height:auto;/*!*/
	background: #FFF url('/images/search.jpg') 5px 50% no-repeat;

	border:1px solid #E3E5F5;
}

#page #pageContainer #searchBox #searchsubmit{
	-webkit-border-top-right-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	line-height:1.2;
	padding:0.65em 0.6em;
	margin: 0 0 0 -4px;
	font-size:1em;
	display:inline-block;
	width:auto;height:auto;
	font-family:Helvetica, Arial, sans-serif;
	text-indent: 0; /*!*/
	color:#222;
	background:#f0f0f0;
	border:1px solid #E3E5F5;
}

#page #target{
    margin-right: 0.3em;
    height: 2.4em;
}

#page button{
	padding: 0.3em 0.5em;
	font-size:1em;
}

#advancedsearch .genericForm label{
	padding:0 1em;
}

#page .singleLine input, #page .singleLine label{
	font-size:1em;
	text-align:left;
	width:97%;
}

#page .genericForm .formElement label{
	color:#666;
	padding:0.3em 0;
}

#page .singleLine input[type=text], #page .singleLine input[type=password]{
background:#fff
	}

#page .genericForm input[type=submit],
#advancedsearchsubmit,
#page .ssoBox .uiButton{
	margin:1em 0 1em 13%;
	width:74%;
	text-align:center;
}

#page .ssoBox .uiButton{
    border-radius: 0;
    color:#333;
    text-decoration: none;
    padding:0.3em 0.1em;
    margin-left: 11%;
    width:68%;
}

#page .genericForm .formElement{
	margin-bottom:0em;
}
.loginForm .confirm{
	padding-left:0;
}

#page .genericForm{
	width:89%;
	display:block;
	padding-bottom:1em;
}


/* Type */

#page h1{
	font-size:1.5em;
	margin-bottom:0.2em;
}

/* Mobile Specific */

#page #pageContainer .mobile-reveal{
	display:none;
	cursor:pointer;
}

#page #pageContainer .focus .mobile-reveal{
	display:block;
}

#page #pageContainer .mobile-truncated{
	display:block;
}

#page #pageContainer .focus .mobile-truncated{
	display:none;
}



#page #pageContainer .mobile{
	display:inline;
}

#page #pageContainer #pageFooterMobile{
	display:block;
	clear:left;
	margin:1em -5px 0 -5px;
	padding:0.4em;
	border-top: 1px solid #E3E5F5;
}

#pageFooterMobile .menu li
{
	font-size:0.9em;
	list-style:none;
	float:right;
	width:50%;
	text-align:right;
}

#pageFooterMobile .menu li a{
	color:#666;
	margin-right:0.6em;
}

/* Layout */
#appTitle{
	display:block;
	visibility:visible;	/*!*/
}
#page #appTitle a{
	display:block;
	margin: 8px 0 -2px 0;
	padding:10px 10px 10px 47px;
	min-height:30px;
	text-shadow: 1px 1px 2px #fff;
	background: url('/images/mobile_header.png') no-repeat left top;
	color: #28489D;
}

#page #pageHeader div.tagLine{
	display:block;
	line-height:2;
	margin-bottom: 1em;
}

#pageHeader{
	clear:both;
}

#pageContainer{
	overflow:hidden;
}

/* Items */

 #page .item{
	margin:0;padding:0.3em 0 0.3em 0;
	position:relative;
	cursor:pointer; /*Needed for click events in iOS */
}

#searchaction #page .item{
	padding-left:6px;
}

#page .item .summarydetail{
	color:#666;
	line-height:1.5;
}

#page .item div.publisher .publisher, #page .item div.publisher .label{
	display:none;
}

#page .item div.publisher .publishedYear{
	display:inline;
	}

#page .item .summaryfields div{
	line-height:2;
	display:inline;
	}


#page #pageContent #itemControl,
#renderitem .itemContent, #renderitem #itemControl{
	margin:0;padding:0; width:100%;
}

#page .itemActions li{
	list-style:none;
}

#page .itemActions{
	overflow:hidden;
	margin: 0 5px 0 0;
    clear:both;
}

#page .itemActions li{
	float:right;
}

#page .itemActions li a,
#page .itemActions li input,
#page input.save{
	padding:0.2em 0.4em;
	border: 1px solid #FFDC80;
	color:#600;
	background:#FFE69D;
	float:left;
	margin:0 0.5em 2px 0;
}

#availability h3{
	font-size:1em;
}

#availability .status p{
margin-left: 57px;
font-weight:bold;
}

#availability table{
	width:100%;
}

#availability ul{
	overflow:inherit;
}

#details{
	clear:both;
}

#searchaction div.summarydetail{
	display:none;
}

#page .item.focus .itemActions,
#page .item.focus .summarydetail{
	display:block;
}

#renderitem #page .itemActions{
	width:100%;
	margin:0.5em 0;
	display:block;
}

#page .item.focus{
	background:#fff;
	padding-bottom:0.6em;
}

#renderitem #itemActions .tagbox{
	border:none;
	background:inherit;
	padding:0;
	margin-top:0.5em;
}

#renderitem #itemActions .tagbox li a{
	display:inline-block;
	font-size: 1.1em;
}

#page #renderitem .item, #page #lists .item{
	margin-bottom: 0.5em;
	border-bottom: 1px solid #E3E5F5;
}

#page #pageContent #itemControl{
	margin-top:0.5em;
	float:none;
}

/* Details */

#details .label{
	font-weight:bold;
}

#details h2.title, #itemActions .tagbox h2, #recommendations h2.title {
	padding:0;
	margin:0.5em 0;
	background:none;
	border:none;
	color:#222;
	font-weight:bold;
}

/*Item images */

#page .item .image img{
	width:50px;
	padding:0.3em 0.3em 0.3em 0.1em;
}

#renderitem #page .item .image img{
	padding-left:0;
}

#account #page .accountDetail tbody img {
	width: 50px;
	-ms-interpolation-mode: bicubic;
    float:left;
    margin-right:0.5em;
}

#page .item .image{
	margin:0;padding:0;width:auto; float:left;
}

#page .item .summary{
	margin: 0 10px 0 57px;
}

/* Search */

 #page .searchControl{
 	margin:0 0 0.5em 0;
 }

.searchControl #searchPage{
	display:block;
	clear:both;
	float:none;
	text-align:center;
	font-size:0.9em;
	color:#666;
}

#page #searchBox #searchform{
padding:0.5em 0;
float:none;
vertical-align:top;
position:static; /*!*/
}

#page #breadCrumb{
	margin:0.5em 0 0 0;padding:0;border:none;
}

#page #pageContent #breadCrumb span.facet{
	display:block;
	padding-right:0.6em;
	margin: 0 0.5em 1px 0;
}

#page #pageContent #breadCrumb span.facet a{
	color:#222;
}

#searchResults{
	margin:0.7em -5px 0 -5px;
	border-top:1px solid #E3E5F5;
}

#page .pagingControl{
	margin:0.7em 0;
	overflow:hidden;
	padding-top:1px;
	cursor:pointer; /*Needed for click in iOS */
	font-size:inherit;
}

#page .pagingControl strong{
	font-weight:bold;
}

#page .pagingControl li a, #page .pagingControl li strong, #page .pagingControl li span{
	float:left;
	padding:0.3em 0.5em;
	margin: -1px -1px 0 0;
	background:#fff;
	border: 1px solid #E3E5F5;
}

#page .pagingControl li span{
	padding:0.3em 0.2em;
}

#page #searchFacets{
	position:absolute;
	left:0;
	top: 0;
	z-index:1000;
	width:100%;
	height:200%;
	background:#fafafd;
}

#page #searchFacets h2{
margin-bottom:0.8em;
line-height:2.6;
width:100%;
}

#page #searchFacets h3, #page #searchFacets ul{
	margin: 0 0.5em 0.3em 0.5em;
	padding:0;
	line-height:1.5;
	border:none;
	background:none;
	color: #222
}

#page #searchFacets h3{
	color:#888;
}

#page #searchFacets ul{
	margin:0 0.5em 1.5em 0.5em;
}

#page #searchFacets li{
	list-style:none;
}

#page #searchFacets strong{
	display:inline-block !important;
	}

#page #searchFacets button{
	position:absolute;
	top:0;
	right:0;
	margin:4px;
	padding:0.4em 0.5em;
}

#page #breadCrumb span.facet{
	margin: 0 0.3em 0 0;
	font-size:0.9em;
	}

#page #pageContainer #facetsButton{
	margin: 0 4px 0 0;
	line-height:1.2;
	min-width:24px;
	text-align:center;
	display:inline-block;
	padding:0.5em 0.6em;
}

/* More facets */

#facets h1{
	margin:0.5em 0;
}

/*Lists */

#lists #pageContent{
	margin-top:1em;
}

#lists #page h3.export{
	clear:left;
	margin-bottom:0;
	border:none;
}

#page div.dialog{
	margin:1em 0;
}

#page div.dialog form .formElement{
	margin: 0 0.5em;
	display:block;
	clear:both;
}

#page div.dialog form{
	display:block;
}



#page .citationExport li{
	margin:0 0 0 0.5em;
	font-size:1em;
}

#page ul.listmenu{
	margin:0 0 1em 0;
	padding-top:1px;
	max-height:6.5em;
}

#page ul.listmenu li{
	padding:0.3em;
	background:#fff;
	margin-top:-1px;
	border: 1px solid #E3E5F5;
}

 #lists #page .export{
 	padding-bottom:0.5em;
 }

 #page p{
 	line-height:1.5;
 }

 #page ul.lists-switch{
     float:none;
     clear:both;
     width:100%;
 }

 #lists #breadCrumb{
     display: none;
 }

#lists .list h1 {
    margin:0;
}

#page .list .privacy-note{
padding:0.2em 0.5em;
    background: #f8f8f8;
    border: 1px solid #dedede;
    color : #666;
}

#page .list .description{
    margin:0.5em 0;
}

#page .list h1{
    position: relative;
}

#page .list h1 a{
    position: absolute;
    right:0;

}

#page .list .edit label{
    display:inline;
}

#page  .tags a:hover,#page  .tags a:active,#page  .tags a:focus{
    background:white;
    color:#000099;
}

#lists input.flag{
    position: static;
}

/*Errors etc*/

/* Account */

#login #pageContent{
	margin:1em -0.5em;
	padding:0.5em 1em;
	border-top:	1px solid #E3E5F5;
}

#account #page th{
	width:auto;
}

#feedback #pageContent{
	margin:1em 0 0 0;
}

#page ul.accountNav{
	padding:1px 0;
	margin:0.4em 0;
}

#page ul.accountNav strong,#page ul.accountNav a{
    padding:0.3em;
    margin:0 0.2em 0.2em 0;
}

#page ul.accountNav strong{
	font-weight:bold;
	box-shadow:none;
}

#page .accountDetail th, #page .accountDetail td{
	border:1px solid #eee;
	padding:1px 2px;
}

#page .accountDetail thead th{
	font-weight:bold;
	font-size:0.9em;
}

#page .tabs li{
	line-height:1.5;
}

#page .offscreen{
	position:absolute;
	left:-6000px;
}

#page div.accountSummary{
	border:  1px solid #ddd;
	background: #fff6f6;
	padding: 0 0.2em;
	margin: 0.5em 0;
}

#page .more, #page .less{
	color:blue;
	text-decoration:underline;
}

/* Help */

#searchhelp #page p{
	margin:1.5em 0;
}

#searchhelp #page h2{
	margin:1.2em 0;
}

#error #pageContent {
	margin-top:1em;
}

/* Errors */

#page .error,
#page .notice,
#page .success    { padding: 0.4em; margin: 0.4em 0 1em 0; border: 2px solid #ddd; }
#page .error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
#page .notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
#page .success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
#page .error a    { color: #8a1f11; }
#page .notice a   { color: #514721; }
#page .success a  { color: #264409; }

#page div div .uiButtonError{
    background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4;
}

#page div div .uiButtonSuccess{
    background: #E6EFC2; color: #264409; border-color: #C6D880;
}

/* Language (Old-style multi-lingual fragment solution - Deprecate)
-------------------------------------------------------------- */

.cy-gb #headerLinks .en-gb, .en-gb  #headerLinks .cy-gb {
	display:none !important;
}

.en-gb .en-gb, .cy-gb .cy-gb {
	display: block !important;
}

.en-gb #headerLinks .en-gb, .cy-gb  #headerLinks .cy-gb {
	display: inline !important;
}

#responsiveMarker{
    width:2px;
}

.ratedBy, .rating{
    color:#666;
}

/*item pager*/

#page .itemPager{
    padding:0.2em 0.4em;
    padding:1px 1px 1px 0;
}

#page .itemPager .previous{
    float:left;
}

#page .itemPager .next{
    float:right;
}

#page .feed{
    margin:1em;
    float: right;
}

#page div.item-collection {
	background: none;
	padding: 0;
	margin: 0.5em 0 0.5em 0;
	overflow: hidden;
}

#page div.item-collection h2.title {
	clear: both;
	margin: 0;
	padding:0;
	border:none;
	background:none;
	border:none;
}

#page div.item-collection div.pagers {
	padding: 6px 0 8px 0;
	overflow: hidden;
}

#page div.item-collection div.pagers button.prev {
	float: left;
}

#page div.item-collection div.pagers button.next {
	float: right;
}

#page div.item-collection div.pagers .uiButton {
	display: inline;
}

#page div.item-collection div.pagers button.hidden {
	display: none;
}

#page div.item-collection div.window {
	overflow: hidden;
}

#page div.item-collection div.window div.item {
	float: left;
	margin: 0;
	width: 50%;
	overflow: hidden;
}

#page div.item-collection div.window div.inline-hidden {
	display: none;
}

#page div.item-collection div.window div.item div.floatbox {
	float: left;
	margin: 0;
	padding: 0;
}

#page div.item-collection div.window div.item img.cover {
	padding: 0;
	margin: 0;
}

#page div.item-collection div.window div.item div.nowrap {
	margin-top: 0;
	margin-left: 50px;
	padding-left: 5px;
}

/*enrichments*/
#page div.enhancedNote h2.expand {
	border: 1px solid #E3E5F5;
	background: #fff;
	padding: 0.1em 0.1em 0.1em 0.5em;
}

#flag-outdated{
    box-sizing: border-box;
    position: static;
    margin:5px;
    padding:3px;
    border-radius: 3px;
    width:auto;
    border:1px solid #FFD324;
}

/* notifications */
#page .emailGroup label{
	width:90%;
}

#page .emailGroup input[type=text]{
	width:19em;
	margin-bottom: 1em;
}

#page .phoneGroup label{
	width:40%;
}

#page .phoneGroup .phone{
	width:7em;
	margin-right:0.5em;
}

#page .phoneGroup .ext{
	width:2em;
}

#page .prefForm .prefGroup{
	margin-bottom: 1em;
}

/*Tour */
#tourHelp{
    width:100%;
    box-sizing: border-box;
    left:0;
}

#tourArrow, .right #tourArrow{
    width: 10px;
    height:10px;
    position: absolute;
    left:48%;
    right:auto;
    top:-14px;
}

#startTour{
    position: static;
    margin:1em auto;
}

/* Year facet */

#page .uiSliderFacetDropdown{
    margin:0 0.3em;
}

#page .visuallyHidden{
    display:none;
}

/*SSO*/

#page .uiHighlightForm {
background: #F6F6F6;
}

#page .uiBorder {
border: 1px solid #DDE;
}

#page .uiSpacedWell {
padding: 1.8em 2.4em;
}

#page .ssoBox{
    margin:1em 0;
}

/* mobile grid styles */

#page .uiMobFull, #page .uiMobHalf{
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

#page .uiMobHalf{
    width:46%;
}

#page .uiMobFull{
    width:100%;
}

#page .uiMobHalf {
	margin: 0;
}

#page .uiMobHalf + .uiMobHalf {
	margin-left: 2%;
} 

}
/*end media declaration */

 @media print {

 #headerLinks,
#pageHeader,
#formElement,
#pageFooter,
#breadCrumb,
#pageContent #itemActions.sidebar,
#searchaction #searchFacets,
#sortform,
.buttons,
#userActivity,
ul.availabilityActions,
.pagingControl,
#availability a.expand,
.notprint,
.item .save,
.offscreen,
#headerFragment,
.itemActions,
.dialog,
.mobile,
#account ul.accountNav,
#account div.accountSummary,
#renew_all,
.accActions,
#account img,
ul.itemPager,
a.feed {
        display: none;
}

#searchPanel, #searchResults, .searchControl{
margin-left:0;
}

#pageContent #itemControl{
margin-right:0;
}

.summaryfields{
border:none;
}

*{
  background-image:none;
  float:none;
  width:auto;
}

.item img{
	float:left;
	margin-right:1em;
}

.item{
	overflow:hidden;
}

#searchaction .item{
page-break-inside:avoid;
border:none;
padding-bottom:0;
margin-bottom:1em;
}

#itemControl #availability h3 a{
padding-left: 4px;
}

body#account h2{
    position: static;
}

body{
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12pt;
}

#account td, #account th{
    text-align: left;
    vertical-align: top;
    border-bottom: 1pt solid #666;
    padding:0.2em;
} 

}
/*end media declaration */