/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 26 April 2016 15:14:58
*/


/* 
 *  inner-grids | Supplementary Stylesheet
 *  Allows use of grid layouts within pages.
 *  @Author: Dan Q (Bodleian)
 *
 */

.content .one,
.content .two,
.content .three,
.content .four,
.content .five,
.content .six,
.content .seven,
.content .eight,
.content .nine,
.content .ten,
.content .eleven,
.content .twelve {
  margin: 0;
  padding: 5px;
}

.content .one.stretch img,
.content .two.stretch img,
.content .three.stretch img,
.content .four.stretch img,
.content .five.stretch img,
.content .six.stretch img {
  width: 100%;
}

/* 
 *  right_image / left_image | Supplementary Stylesheet
 *  Supports old-style right_image and left_image classes as used on old site designs and carried through on many pages.
 *  @Author: Dan Q (Bodleian)
 *
 */

.content img.left_image {
  float: left;
  margin: 5px 20px 5px 0;
}

.content img.right_image {
  float: right;
  margin: 5px 0 5px 20px;
}

/* 
 *  old-style rls_cols | Supplementary Stylesheet
 *  Supports old-style RHS cols contain images (e.g AddThis) which should NOT have a bg colour
 *  @Author: Dan Q (Bodleian)
 *
 */

#rhs_col .image{
  background: none;
}
#rhs_col img {
  width: auto;
}
#rhs_col .addthis_button {
  display: none;
}

/* 
 *  What's On? | Supplementary Stylesheet
 *  Calendar styling when viewing /whatson/whats-on, /bodley/whats-on, or /whats-on (three different sites)
 *  @Author: Dan Q (Bodleian)
 *
 */

.whats-on { margin-top:20px; overflow:hidden; padding-bottom:20px; }
.whats-on h2 { font-size:2.143em; padding-bottom:10px; }
.whats-on .share-tools { float:right; margin-top: 8px; }
.whats-on .calendar { background-color:#141414; border:3px solid #141414; float:left; font-weight:bold; font-size:0.85em; text-align:center; width:310px;}
.whats-on .calendar p { color:#fff; font-weight:bold; line-height:20px; padding:0px 0px 2px 0px; }
.whats-on .calendar p span { padding:0px 25px; }
.whats-on .calendar p a { color:#787878; font-family:'Bergamo Std', 'Arial', sans-serif; font-size:2em; font-weight:normal; }
.whats-on .calendar p a:hover { color:#a6a6a6; text-decoration:none; }
.whats-on .calendar .cal-wrapper { background-color:#fff; float:left; padding:16px 0px 24px 0px; width:310px;}
.whats-on .calendar table { border-collapse:separate; height:151px; text-align:center; width:310px;}
.whats-on .calendar table th { color:#7f3f3f; font-weight:bold; padding-bottom:6px; text-transform:uppercase; text-align:center; }
.whats-on .calendar table td { padding:4px 0px 1px 0px; }
.whats-on .calendar table td.eventDate { background:url('') no-repeat 48% 55%; }
.whats-on .calendar table td.eventDate a { color:#000; }
.whats-on .calendar table td a {color:#787878; display:block; }
.whats-on .calendar table td:hover { background:url('') no-repeat 48% 55%; }
.whats-on .calendar table td:hover a {color:#145f96; text-decoration:none;}
.whats-on .latest-events { background-color:#e5e5e5; float:left; height:164px; margin-top:15px; overflow:hidden; padding:10px 0 20px; width:662px; }
.whats-on .latest-events h2 { font-size:1.714em; padding-bottom:0; margin:0 15px; width:auto; }
.whats-on .latest-events h2 span { float:left; width:auto;}
.whats-on .latest-events a.view-all { color:#5e5e22; float:right; font-family: 'Arial'; font-size:0.55em; font-weight:bold; margin-top:3px; }
.whats-on .latest-events ul { overflow:hidden; width:100%; }
.whats-on .latest-events ul li { float:left; font-weight:bold; margin-top:-1px; width:50%; }
.whats-on .latest-events ul li div { border-top:1px solid #fff; margin:0 15px; padding:10px 0; }
.whats-on .latest-events ul li span.datetime { display:block; font-weight:normal; width:100%; }
.whats-on .calendar table td.nohoverEvent:hover { background:none; }
*/

/* calendarCustomStyleHomepage - new div in design for holding calendar on homepage */
.whats-on { margin-top:20px; overflow:hidden; padding-bottom:20px; }
.whats-on .calendar h2 { color:#fff; font-weight:bold; line-height:20px; padding:0px 0px 2px 0px; font-size:1em; font-family:sans-serif;}
.whats-on .share-tools { float:right; margin-top: 8px; }
.whats-on .calendar { background-color:#141414; border:3px solid #141414; float:left; font-weight:bold; font-size:0.85em; text-align:center; width:310px;}
.whats-on .calendar p { color:#fff; font-weight:bold; line-height:20px; padding:0px 0px 2px 0px; display:none;}
.whats-on .calendar p span { padding:0px 25px; }
.whats-on .calendar p a { color:#787878; font-family:'Bergamo Std', 'Arial', sans-serif; font-size:2em; font-weight:normal; }
.whats-on .calendar p a:hover { color:#a6a6a6; text-decoration:none; }
#calendarTable { background-color:#fff; float:left; padding:16px 0px 24px 0px; width:310px;}
.whats-on .calendar table { border-collapse:separate; height:151px; text-align:center; width:310px;}
/*.whats-on .calendar table[style] {width:310px;}*/
.whats-on .calendar table {width:310px !important;}
.whats-on .calendar table th { color:#7f3f3f; font-weight:bold; padding-bottom:6px; text-transform:uppercase; text-align:center; }
.whats-on .calendar table td { padding:4px 0px 1px 0px; }
.whats-on .calendar table td div { display:none; }
.whats-on .calendar table td.today { background:url('') no-repeat 48% 55%; }
.whats-on .calendar table td.today a { color:#000; }
.whats-on .calendar table td a {color:#787878; display:block; }
.whats-on .calendar table td.date:hover { background:url('') no-repeat 48% 55%; }
.whats-on .calendar table td.date:hover a {color:#145f96; text-decoration:none;}
.whats-on .latest-events { background-color:#e5e5e5; float:left; height:164px; margin-top:15px; overflow:hidden; padding:10px 0 20px; width:662px; }
.whats-on .latest-events h2 { font-size:1.714em; padding-bottom:0; margin:0 15px; width:auto; }
.whats-on .latest-events h2 span { float:left; width:auto;}
.whats-on .latest-events a.view-all { color:#5e5e22; float:right; font-family: 'Arial'; font-size:0.55em; font-weight:bold; margin-top:3px; }
.whats-on .latest-events ul { overflow:hidden; width:100%; }
.whats-on .latest-events ul li { float:left; font-weight:bold; margin-top:-1px; width:50%; }
.whats-on .latest-events ul li div { border-top:1px solid #fff; margin:0 15px; padding:10px 0; }
.whats-on .latest-events ul li span.datetime { display:block; font-weight:normal; width:100%; }
.whats-on .calendar table td.nohoverEvent:hover { background:none; }
.whats-on .calendar table th.weekLink {width: 0px; font-size: 0px;}
.whats-on .calendar table br {height:0px; width:0px; display:none; font-size:0px; line-height:0;}

.whats-on #upcoming_events_title { margin-top: 15px; }
.whats-on #dynamicCalendarHeader a { color: #fff; }
.whats-on #dynamicCalendarHeader a:hover { color: #ccc; }

/* Improve width of six-in-six grid problem, in What's On? (Desktop) */
#whats-on-speedy2 .six {
  margin-left: 0;
  margin-right: 0;
  width: 534px;
}
@media screen and (max-width: 1024px) {
  #whats-on-speedy2 .six {
    width: 100%;
  }
  /* .grid .designers-nine {
    width: 98.0% !important;
  } */
}

/* "Promo Image" beside What's On? Calendar (Desktop) */
#whats-on-speedy2 #speedy2-cal-and-promo {
  margin-left: 0;
  margin-right: 0;
  width: 534px;
}
#whats-on-speedy2 #speedy2-cal-and-promo #front_page_cal_and_carousel {
  margin-left: 0;
}
#whats-on-speedy2 #speedy2-cal-and-promo #whats-on-promo-slot {
  height: 223px;
  width: 212px;
  margin-left: 0;
  margin-right: 0;
}
#whats-on-speedy2 #speedy2-cal-and-promo #whats-on-promo-slot .promo {
  display: block;
  height: 223px;
  width: 212px;
}
#whats-on-speedy2 #speedy2-cal-and-promo #whats-on-promo-slot .promo .promo-title {
  background: url('/__data/assets/image/0008/116558/white-bg-trans.png') scroll repeat 0 0;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 8px;
}
#whats-on-speedy2 #speedy2-cal-and-promo #whats-on-promo-slot .promo h2 {
  color: #002147;
  font-family: 'Bergamo Std', 'Arial', sans-serif;
  font-size: 1.3em;
  font-weight: normal;
  padding-bottom: 0;
}
@media screen and (max-width: 1024px) {
  #whats-on-speedy2 #speedy2-cal-and-promo #whats-on-promo-slot {
    display: none
  }
}

.related-links p { padding: 10px 10px 20px; }
.related-links p:first { background-image: url(//www.bodleian.ox.ac.uk/__data/assets/image/0020/119360/related-links-arrow.jpg) 0 0 no-repeat; }

/* 
 *  Google Maps tweaks
 *  Tweaks for the display of the footer map
 *  @Author: Dan Q (Bodleian)
 *
 */
#library_map img {
  width: auto; /* prevents IE from interpreting the image-width for the footer as applying to map pins */
}

/* 
 *  RHS box tweaks
 *  Prevent the Inner Content paint layout from showing headings in the sidebar
 *  @Author: Dan Q (Bodleian)
 *
 */
.pb_rhs_mid h2 {
  display: none;
}

/* 
 *  Search form tweaks
 *  AP requested that libraries don't outline the search box on focus
 *  @Author: Dan Q (Bodleian)
 *  REMOVED IN FAVOUR OF THE FIX THAT FOLLOWS
 *
 */
/*
#search-on-website .text:focus {
  outline: none;
}
*/

/* 
 *  No inputs should have an outline, ever
 *  Requested of Dan Q by AP
 */
input:focus {
  outline: none;
}


/* A full suite of social networking icons, by Dan Q */
.footer-contact-us a.500px {background:url('/__data/social-icons/2/processed/500px.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.aboutme {background:url('/__data/social-icons/2/processed/aboutme.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.add-this {background:url('/__data/social-icons/2/processed/add-this.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.amazon {background:url('/__data/social-icons/2/processed/amazon.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.aol {background:url('/__data/social-icons/2/processed/aol.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.app-store-2 {background:url('/__data/social-icons/2/processed/app-store-2.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.app-store {background:url('/__data/social-icons/2/processed/app-store.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.apple {background:url('/__data/social-icons/2/processed/apple.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.bebo {background:url('/__data/social-icons/2/processed/bebo.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.behance {background:url('/__data/social-icons/2/processed/behance.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.bing {background:url('/__data/social-icons/2/processed/bing.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.blip {background:url('/__data/social-icons/2/processed/blip.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.blogger {background:url('/__data/social-icons/2/processed/blogger.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.button-blue {background:url('/__data/social-icons/2/processed/button-blue.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.button-green {background:url('/__data/social-icons/2/processed/button-green.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.button-light-blue {background:url('/__data/social-icons/2/processed/button-light-blue.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.button-orange {background:url('/__data/social-icons/2/processed/button-orange.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.button-red {background:url('/__data/social-icons/2/processed/button-red.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.button-white {background:url('/__data/social-icons/2/processed/button-white.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.button-yellow {background:url('/__data/social-icons/2/processed/button-yellow.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.coroflot {background:url('/__data/social-icons/2/processed/coroflot.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.daytum {background:url('/__data/social-icons/2/processed/daytum.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.delicious {background:url('/__data/social-icons/2/processed/delicious.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.design-bump {background:url('/__data/social-icons/2/processed/design-bump.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.designfloat {background:url('/__data/social-icons/2/processed/designfloat.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.deviant-art {background:url('/__data/social-icons/2/processed/deviant-art.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.digg {background:url('/__data/social-icons/2/processed/digg.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.dribbble {background:url('/__data/social-icons/2/processed/dribbble.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.dropplr {background:url('/__data/social-icons/2/processed/dropplr.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.drupal {background:url('/__data/social-icons/2/processed/drupal.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.ebay {background:url('/__data/social-icons/2/processed/ebay.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.email {background:url('/__data/social-icons/2/processed/email.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.ember {background:url('/__data/social-icons/2/processed/ember.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.etsy {background:url('/__data/social-icons/2/processed/etsy.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.facebook {background:url('/__data/social-icons/2/processed/facebook.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.feedburner {background:url('/__data/social-icons/2/processed/feedburner.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.flickr {background:url('/__data/social-icons/2/processed/flickr.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.foodspotting {background:url('/__data/social-icons/2/processed/foodspotting.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.forrst {background:url('/__data/social-icons/2/processed/forrst.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.foursquare {background:url('/__data/social-icons/2/processed/foursquare.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.friendfeed {background:url('/__data/social-icons/2/processed/friendfeed.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.friendster {background:url('/__data/social-icons/2/processed/friendster.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.gdgt {background:url('/__data/social-icons/2/processed/gdgt.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.github {background:url('/__data/social-icons/2/processed/github.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.google-buzz {background:url('/__data/social-icons/2/processed/google-buzz.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.google-plus {background:url('/__data/social-icons/2/processed/google-plus.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.google-talk {background:url('/__data/social-icons/2/processed/google-talk.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.google {background:url('/__data/social-icons/2/processed/google.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.gowalla-2 {background:url('/__data/social-icons/2/processed/gowalla-2.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.gowalla {background:url('/__data/social-icons/2/processed/gowalla.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.grooveshark {background:url('/__data/social-icons/2/processed/grooveshark.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.heart {background:url('/__data/social-icons/2/processed/heart.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.hyves {background:url('/__data/social-icons/2/processed/hyves.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.icondock {background:url('/__data/social-icons/2/processed/icondock.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.icq {background:url('/__data/social-icons/2/processed/icq.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.identi {background:url('/__data/social-icons/2/processed/identi.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.imessage {background:url('/__data/social-icons/2/processed/imessage.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.instagram {background:url('/__data/social-icons/2/processed/instagram.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.itune {background:url('/__data/social-icons/2/processed/itune.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.lastfm {background:url('/__data/social-icons/2/processed/lastfm.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.linkedin {background:url('/__data/social-icons/2/processed/linkedin.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.meetup {background:url('/__data/social-icons/2/processed/meetup.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.metacafe {background:url('/__data/social-icons/2/processed/metacafe.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.microsoft {background:url('/__data/social-icons/2/processed/microsoft.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.mister-wong {background:url('/__data/social-icons/2/processed/mister-wong.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.mixx {background:url('/__data/social-icons/2/processed/mixx.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.mobileme {background:url('/__data/social-icons/2/processed/mobileme.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.msn {background:url('/__data/social-icons/2/processed/msn.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.myspace {background:url('/__data/social-icons/2/processed/myspace.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.netvibes {background:url('/__data/social-icons/2/processed/netvibes.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.newsvine {background:url('/__data/social-icons/2/processed/newsvine.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.paypal {background:url('/__data/social-icons/2/processed/paypal.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.photobucket {background:url('/__data/social-icons/2/processed/photobucket.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.picasa {background:url('/__data/social-icons/2/processed/picasa.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.pinterest {background:url('/__data/social-icons/2/processed/pinterest.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.podcast {background:url('/__data/social-icons/2/processed/podcast.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.posterous {background:url('/__data/social-icons/2/processed/posterous.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.qik {background:url('/__data/social-icons/2/processed/qik.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.quora {background:url('/__data/social-icons/2/processed/quora.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.reddit {background:url('/__data/social-icons/2/processed/reddit.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.retweet {background:url('/__data/social-icons/2/processed/retweet.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.rss {background:url('/__data/social-icons/2/processed/rss.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.scribd {background:url('/__data/social-icons/2/processed/scribd.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.sharethis {background:url('/__data/social-icons/2/processed/sharethis.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.skype {background:url('/__data/social-icons/2/processed/skype.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.slashdot {background:url('/__data/social-icons/2/processed/slashdot.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.slideshare {background:url('/__data/social-icons/2/processed/slideshare.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.smugmug {background:url('/__data/social-icons/2/processed/smugmug.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.soundcloud {background:url('/__data/social-icons/2/processed/soundcloud.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.spotify {background:url('/__data/social-icons/2/processed/spotify.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.squidoo {background:url('/__data/social-icons/2/processed/squidoo.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.stackoverflow {background:url('/__data/social-icons/2/processed/stackoverflow.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.star {background:url('/__data/social-icons/2/processed/star.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.stumbleupon {background:url('/__data/social-icons/2/processed/stumbleupon.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.technorati {background:url('/__data/social-icons/2/processed/technorati.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.tumblr {background:url('/__data/social-icons/2/processed/tumblr.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.twitter-2 {background:url('/__data/social-icons/2/processed/twitter-2.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.twitter {background:url('/__data/social-icons/2/processed/twitter.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.viddler {background:url('/__data/social-icons/2/processed/viddler.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.vimeo {background:url('/__data/social-icons/2/processed/vimeo.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.virb {background:url('/__data/social-icons/2/processed/virb.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.w3 {background:url('/__data/social-icons/2/processed/w3.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.wikipedia {background:url('/__data/social-icons/2/processed/wikepedia.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.wordpress-2 {background:url('/__data/social-icons/2/processed/wordpress-2.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.wordpress {background:url('/__data/social-icons/2/processed/wordpress.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.xing {background:url('/__data/social-icons/2/processed/xing.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.yahoo-buzz {background:url('/__data/social-icons/2/processed/yahoo-buzz.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.yahoo {background:url('/__data/social-icons/2/processed/yahoo.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.yelp {background:url('/__data/social-icons/2/processed/yelp.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.youtube {background:url('/__data/social-icons/2/processed/youtube.png') scroll no-repeat 50% 50% transparent;}

/* Universal "blog" icon and other ones added by the Bodleian */
.footer-contact-us a.blog {background:url('/__data/social-icons/2/processed/blog.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.librarything {background:url('/__data/social-icons/2/processed/librarything.png') scroll no-repeat 50% 50% transparent;}
.footer-contact-us a.worldcat {background:url('/__data/social-icons/2/processed/worldcat.png') scroll no-repeat 50% 50% transparent;}

/* Squiz's design's lists are broken in so many ways:
 * 1. If you embed a ul in an ol or vice-versa, you don't switch bullet type.
 * 2. Indentation doesn't work when you put lists in lists.
 * 3. They're using icky inside-bullets rather that pretty outside-bullets.
 * Let's fix that.
 */
.content ul li ul li {
  list-style: circle outside none;
}

.content ul > li,
.content ol > li {
  list-style-position: outside;
  margin-left: 2em;
}

.content ul > li {
  list-style-type: disc !important;
}

.content ol > li {
  list-style-type: decimal !important;
}

.content ul li ul,
.content li ul,
.content li ol {
  margin-left: 0;
  padding-bottom: 0;
}

/* Responsive iframes (put iframes for YouTube videos etc. into these) */
.responsive-iframe {
  position: relative;
  padding-bottom: 50%; /* 56.25% */
  padding-top: 30px; height: 0; overflow: hidden;
  max-width: 560px;
  max-height: 385px;
}
 
.responsive-iframe iframe,
.responsive-iframe object,
.responsive-iframe embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 560px;
  max-height: 385px;
}

/* Prevent darker lines randomly appearing in headers/bottom rows of tables, in WebKit-based browsers */
.content table thead th, .content table thead td,
.content table tbody th, .content table tbody td {
  border-color: #e5e5e2;
}

/* promobox (shouldn't be here; should be in What's On?) */
.promo-box { overflow:hidden; margin-top:30px; }
.promo-box img { display:block;position:relative; }
.promo-box a { url('/__data/assets/image/0008/116558/white-bg-trans.png'); color:#343334; scroll repeat 0 0;; display:block; font-size:1.2em; left:0; padding:14px 10px 30px 28px; position:absolute; bottom:5%; width:71%; }
.promo-box a:hover h2 { text-decoration:underline; }
.promo-box a:hover { text-decoration:none; }

/* Lightbox captions without bold text */

#lightbox-image-details-caption {
  font-weight: normal !important;
}

#lightbox-image-details-currentNumber {
  text-align: right;
  font-style: italic;
}

/* Use sans-serif fonts on top-level LHS menus */
.submenu {
  font-family: Arial, sans-serif;
}
.submenu ul li.active a, .submenu li.current a {
  font-size: inherit;
  font-family: Arial, sans-serif;
}

/* Allow for depth-5 LHS menus (smaller, slightly indented text) */
.submenu ul li.current ul li ul li ul li ul li a {
  margin-left: 55px;
  font-size: 80%;
}

/* Stop LHS menus from rubbing up against the edge of the page like */
.submenu ul li a {
  padding: 10px 10px 10px 15px;
}

/* Remove borders from RHS images so they're ACTUALLY 192px wide rather than being resized down to 190px, which is annoying. What's also annoying is that clearly one of our designers can't spell "banner"... */
.baner { border: 0px !important; }

/* Don't underline links in .suppress-link-underlining sections, to allow automatically-generated <a name="...">...</a> blocks to be wrapped up and shown correctly */
.suppress-link-underlining a,
.suppress-link-underlining a:hover {
  text-decoration: none !important;
}

/* Auto-sliders */

.auto-slider {
  display: none;
}

.slidesjs-navigation {
  font-weight: bold;
  color: #000000;
  float: left;
  font-size: 22px;
  margin-top: 5px;
}

.slidesjs-navigation:hover {
  text-decoration: none;
  color: #97201C;
}

.slidesjs-next {
  margin-left: 5px;
}

.slidesjs-pagination {
  margin: 6px 0 0;
  float: right;
  list-style: none;
}

.content ul.slidesjs-pagination > li.slidesjs-pagination-item {
  list-style-type: none !important;
}

.content ul.slidesjs-pagination > li.slidesjs-pagination-item {
  float: left;
  margin: 0 1px;
}

.content ul.slidesjs-pagination > li.slidesjs-pagination-item a {
  display: block;
  width: 13px;
  height: 0;
  padding-top: 13px;
  background-image: url(/?a=181751);
  background-position: 0 0;
  float: left;
  overflow: hidden;
}

.content ul.slidesjs-pagination > li.slidesjs-pagination-item a.active,
.content ul.slidesjs-pagination > li.slidesjs-pagination-item a:hover.active {
  background-position: 0 -13px
}

.content ul.slidesjs-pagination > li.slidesjs-pagination-item a:hover {
  background-position: 0 -26px
}

/* Suppress LibraryData alternate format links */
p.alt_formats {
  display: none;
}

/* Prevent "wrapping" around "three" menus, even when they're "short" */
.submenu.designers-three {
  min-height: 160px;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}