/* GLOBAL STYLES -------------------------------------------------------------- */
a { color: #444; }
a.textlink { border-bottom: 1px solid #00AED3; }
a:hover { color: #0090B5; }
img { padding: 0px; }
#block-tate-logorandomiser-logorandomiser img { padding: 5px; }
#zone-header { border-bottom: none; }
#zone-menu .navigation { margin-bottom: 0px; }
#zone-footer h3 { margin: 0 0 0 15px; padding: 0 10px 5px 0; font-size: 1.4em; font-family: Arial, Helvetica, sans-serif;
color: #EFEFEF; display: block; width: auto; }
#page-wrapper input:focus { outline: none !important; }
/* MAIN HEADER -------------------------------------------------------------- */
#header #zone-header-wrapper { display: block; }
/* LEAD IMAGE -------------------------------------------------------------- */
.region-sidebar-second-inner { margin-left: -1px; }
.lead-image { height: 420px; width: 960px; overflow: hidden; }
.image-box { position: absolute; background: #EFEFEF; }
.foreground { z-index: 10; }
.lead-image-mask { z-index: 5; position: absolute; background: #444; height: 420px; width: 960px; }
.background { z-index: 1; }
.lead-image-caption { clear: both; float: left; margin: 0; width: 300px; min-height: 97px;
position: absolute; bottom: 10px; left: -300px; background: white; z-index: 20; }
.slide-title { float: left; padding: 0 0px; }
#zone-content .slide-title h2 { font-size: 1.2em; font-weight: bold; color: #666; margin: 0px; border: none 0px; padding: 10px; }
.lead-image-title a { font-style: italic; margin-right: 2px; }
.lead-image-title .dates { font-size: 0.9em; color: #666; white-space: nowrap; }
.lead-image-group { font-size: 0.9em; color: #666; line-height: 1.5em; }
.lead-image-group .group { color: #2F2F2F; }
.slide-body-horizontal { width: 265px; padding: 0 25px 8px 10px; float: left; clear: both; }
.action-button-space { float: left; margin: 0px; padding: 0px 10px 10px; width: 280px; height: 22px; }
div.container .action-button-container { margin: 0px; padding: 0px; height: 22px; bottom: 10px; right: 10px; position: absolute; }
div.container p { padding: 0; }
.slide-action-button p a {
background: #E5E2DE url('/art/content/drupal/images/panel-button-bg.png') 100% 1px no-repeat;
color: #444; -moz-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px;
padding: 4px 20px 4px 15px; margin: 0; height: 14px; line-height: 13px;
text-align: left; border: none; display: block; float: right; border-image: initial; }
.slide-action-button p a:hover, #page-wrapper .slide-action-button p a:active, #page-wrapper .slide-action-button p a:focus {color:#fff!important; background-color:#00AED3!important; background-image: url('/art/content/drupal/images/panel-button-bg-light.png'); }
/* INTRO PANEL -------------------------------------------------------------- */
#intro-search { z-index: 500; }
.slider-block { z-index: 1; }
.intro, .search-brick { margin: 0px; border-bottom: 1px solid #E5E2DE; }
.intro { margin-left: -1px; border-right: 1px solid #E5E2DE; }
.intro .panel_text { padding: 15px 10px 5px; }
#zone-content .intro p { padding: 0 0 10px; }
#zone-content .intro p.standfirst { font-size: 1.4em; line-height: 1.5em; }
/* SEARCH PANEL -------------------------------------------------------------- */
.search-brick { background-color: #EFEFEF; z-index: 500; }
#zone-content .search-brick h2 { font-size: 1.4em; line-height: 1.5em; padding: 15px 0px 15px; margin: 0px;
font-weight: normal; color: #3A3A3A; overflow: hidden; height: auto; }
#zone-content .search-brick h2 a { color: #444; border-bottom: 1px solid #00AED3; }
#zone-content .search-brick h2 a:hover { color: #0090B5; }
#artSearch { padding: 0px 10px 0; width: 460px; background-color: #EFEFEF; position: relative; z-index: 500; }
#artSearch .searchbox-wrap { width: 458px; height: 36px; padding: 0px; float: none; position: relative;
border: 1px solid #BEC1C2; background: white; color: #CCC; }
#artSearch input.searchbox { background: none; margin: 0; text-align: left;
height: 32px; line-height: 32px; padding: 2px 5px; width: 412px; border: none; float: left; font-size: 1.2em; }
#artSearch .submit { width: 35px; height: 32px; padding: 0px; float: none; position: absolute; right: 0px; top: 2px;
border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px;
background: url('/art/content/images/mag-search.gif') -2px 6px no-repeat; border-left: 1px solid #BEC1C2; cursor: pointer; }
#artSearch .submit:hover { background-position: -2px -17px; }
.search-brick .column_body, #zone-content .AAcontent { margin: 0px; float: left; width: 480px; z-index: 500; }
#zone-content .search-brick p { padding: 0px 0px 10px; }
.filter-menu { height: 38px; float: left; z-index: 5; }
.filter-menu .menu-item { float: left; border: 1px solid #E5E2DE; border-left: none; }
.filter-menu .first { border-left: 1px solid #E5E2DE; }
.filter-menu .menu-item a { border: none; color: #42433E; cursor: pointer; display: block; line-height: 38px; vertical-align: middle;
padding: 0px 20px 0px 10px; background: #FFF url('../images/filter-menu-arrow-right.gif') no-repeat right 15px; }
.filter-menu .menu-item a:hover { color: #42433E; background-color: #f5f5f5; }
.region-content .field-name-body ul li { margin: 5px 0 0 5px; line-height: 1.5em; padding-left: 15px;
background: url('/art/content/drupal/images/rh-list-arrow.png') no-repeat 0 3px; }
/* ARE YOU LOOKING FOR -------------------------------------------------------------- */
.aylf-mask { display: none; background: #fff; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 200; }
.AAcontent { position: relative; }
#zone-content .AAcontent .panel_text { padding: 0px 10px 10px; float: left; }
#AYLF-hints {
position: absolute; top: 0px; right: 0px; z-index: 1000; background: url('/art/content/images/efefef-0.9.png');
display: block; overflow: hidden; height: 0px; width: 0px; min-width: 480px; max-width: 960px;
-moz-box-shadow: 0px 10px 5px -5px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 10px 5px -5px rgba(0,0,0,0.2);
box-shadow: 0px 10px 5px -5px rgba(0,0,0,0.2); }
#AYLF-hints:hover { background: #EFEFEF; }
.AYLF-hints { float:left; padding: 0px; width: 960px; }
.AYLF-hints_wrapper { float:left; padding: 10px 20px 20px 0px; }
#AYLF-hints .hint_title {font-style:italic;}
ul.hint_results { width:auto; float:left; padding: 0px 15px 0px 10px; border-left: 1px dashed #BEC1C2; }
ul.hint_results:first-child { border-left: 0px none; }
ul.hint_results .info { padding:0 5px 0 0; font-size:0.9em; border: none; }
ul.hint_results a { border-bottom: 1px solid #00AED3; margin-right: 5px; }
ul.hint_results li { padding-bottom: 4px; }
a.hintRemove { border:none!important; position:absolute; right:10px; top:10px; z-index: 1001; display:block; height:16px; width:0px; overflow: hidden; padding-left: 16px; background:url('/art/content/images/close-remove.png') no-repeat 0 0;}
a.hintRemove:hover { cursor: pointer; background-position: 0 -16px;}
/* PANELS / SLIDER */
.overlay-white-line-left,
.overlay-white-line-right {position:absolute; height:100%; border-left:1px white solid; left:0; top:1px; z-index:300;}
.overlay-white-line-right {left:auto; right:0;}
#container-masonry {overflow:hidden; border-top: 1px solid #E5E2DE; margin: -1px 0 0 0;}
.one_column_container {width:239px!important;}
.three_column_container {width:479px!important;}
.one_column_container,
.three_column_container {padding:0 0 20px 0; margin-left:-1px; margin-top:-1px; border:1px #e5e2de solid; display:block; position:relative; *padding:0 0 10px 0;}
.jcarousel-skin-tango .one_column_container {border-bottom:none;}
.jcarousel-skin-tango .jcarousel-container-horizontal .jcarousel-item {width:239px; margin-left:-1px; margin-top:-1px; border:1px #e5e2de solid; display:block; position:relative; padding:0; }
.one_column_container h3,
.three_column_container h3,
.one_column_container h3 a,
.three_column_container h3 a {padding:0; margin:0; border:none!important; display:block; text-align:center;}
.one_column_container p,
.three_column_container p {padding:0;}
.one_column_container h3 a:hover,
.three_column_container h3 a:hover {color:#444; cursor:pointer;}
.column_title {margin: 0 25px 0 10px; display:block; text-align:left;}
.column_title span {line-height: 1.5em; font-weight:normal; color:#444; border-bottom: 1px solid #00aed3; clear:both;}
.column_title span:hover {color:#0090b5;}
.panel_type {line-height:1.45em; margin:5px 10px -5px 10px; font-size:0.75em; font-weight:bold; color:#5c5b56; text-transform:uppercase; display:block; min-height:30px; text-align:left;}
.column_dates {padding:11px 10px 0 10px; line-height:1.45em; color:#5c5b56;}
.column_body {padding:11px 10px; color:#5c5b56}
.one_column_container img,
.three_column_container img {display:block;}
.jcarousel-item img {width:auto; height:auto; max-width:229px; max-height:270px; *max-height:200px; vertical-align: middle!important; display:inline;}
.action_button {text-align:right; padding-top:10px;}
.block-tate-panel-manager {position:relative;}
#block-tate-panel-manager-pmb-rhsp-as-tate-paper {margin-top:21px;}
.jcarousel-skin-tango .jcarousel-next-horizontal {position:absolute; top:80px; right:0; margin-right:-10px; *margin-right:0; background:#fff200 url(../drupal/images/slider-arrows.png) -80px 0 no-repeat; width:80px; height:80px; border-radius:40px; -moz-border-radius:40px; webkit-border-radius:40px; opacity:0.7; z-index:500}
.jcarousel-skin-tango .jcarousel-prev-horizontal {position:absolute; top:80px; left:0; margin-left:-10px; *margin-left:0; background:#fff200 url(../drupal/images/slider-arrows.png) no-repeat ; width:80px; height:80px; border-radius:40px; -moz-border-radius:40px; webkit-border-radius:40px; opacity:0.7; z-index:500}
.jcarousel-skin-tango:hover .jcarousel-next-horizontal {background:#fff200 url(../drupal/images/slider-arrows.png) -80px 0 no-repeat; opacity:1; z-index:500}
.jcarousel-skin-tango:hover .jcarousel-prev-horizontal {background:#fff200 url(../drupal/images/slider-arrows.png) no-repeat; opacity:1; z-index:500}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background:#fffe00 url(../drupal/images/slider-arrows.png) -80px 0 no-repeat;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background:#fffe00 url(../drupal/images/slider-arrows.png) no-repeat;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango:hover .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango:hover .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango:hover .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active,
.jcarousel-skin-tango:hover .jcarousel-prev-disabled-horizontal:active { cursor: default; border:none; background:none; z-index:500 }
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango:hover .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango:hover .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango:hover .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active,
.jcarousel-skin-tango:hover .jcarousel-next-disabled-horizontal:active { cursor: default; background:none; border:none; z-index:500}
.jcarousel-skin-tango .jcarousel-container-horizontal li.jcarousel-item:first-child {border-left:none; padding-left:1px;}
/* OVER-RIDES FOR JCAROSEL SLIDER */
.jcarousel-skin-tango .jcarousel-clip {overflow:hidden;}
.jcarousel-skin-tango { margin-top:-1px; }
.jcarousel-skin-tango .jcarousel-container-horizontal {padding:0; margin:0; }
.jcarousel-skin-tango .jcarousel-container { border:none; border-top:1px #e5e2de solid; width:100%; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; background:#fff; clear:both;}
.jcarousel-skin-tango .jcarousel-item-horizontal {padding:0; margin:0; }
/* SLIDER PANELS -------------------------------------------------------------- */
#zone-content h2.block-title { padding: 10px; font-size: 1.4em; color: #3A3A3A; }
.one_column_container { padding: 0px; }
.one_column_container h3, .one_column_container h3 a { text-align: left; }
.jcarousel-list { overflow: hidden; position: relative; top: 0px; margin: 0px; padding: 0px; width: 3000px; left: 0px; }
.jcarousel-skin-tango .jcarousel-clip { overflow: hidden; width: 959px; }
.jcarousel-item { float: left; list-style-type: none; list-style-position: initial; list-style-image: initial; }
.jcarousel-skin-tango .jcarousel-prev-horizontal, .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; cursor: pointer; z-index: 100; top: 80px; overflow: hidden; }
.jcarousel-skin-tango .disabled, .jcarousel-skin-tango:hover .disabled { display: none; }
.jcarousel-skin-tango .jcarousel-container-horizontal .jcarousel-item .panel_img img { max-height: none; }
.jcarousel-skin-tango .jcarousel-container-horizontal .column_body .panel_text { margin-bottom: 10px; }
.slider-block .panel-type { margin: 0px 5px 0px 10px; font-size: 0.75em; color: #666; }
.jcarousel-skin-tango .jcarousel-container-horizontal .jcarousel-item .column_title { margin-top: 0px; }
.jcarousel-item img { max-height: none; max-width: none; padding: 5px; display: block; vertical-align: top; }