/* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ /* sacha - 02/05/2014 - changed 99% for inputs to 100% as it caused an issue with drop-downs in FF 29 */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:100% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /* $Header: /local/cvs_repository/c24.cafmodule/web_static/css/common.css,v 1.20 2014/02/06 18:22:15 sacha Exp $ */ /*----------------------------------------------------------------------*/ /* defaults & utility classes */ ul.taglist-print { margin-left: 0; padding-left: 0; } div.articletext-print div.image div.info { color: #000; } div.footer-print { padding-top: 50px; } .noborder { border: none !important; } div.debug { font-family: monospace; font-size: 12px; color: #ccc; white-space: pre; } div#body { /* can't apply styles to in IE6+xhtml */ width: 1160px; color: #666; } input, textarea, /* yui fonts doesn't do this properly for IE6? */ .x-form-element { /* for ExtJS inputs */ font-family: Verdana; color: #666; /* for Safari, to remove the focus highlight */ outline-style: none; outline-width: 0px; } input.button { color: #333; } a, a:link, a:visited, a:hover, a:active, a:focus { outline: none; text-decoration: none; cursor: pointer; } a:hover { text-decoration: underline; cursor: pointer; } .hidden { display: none; } .floatcontainer { /* apply to a container to make it as tall as its floats */ zoom:1; /* for IE6 to trigger overflow */ overflow: hidden; } .left { float: left; } .right { float: right; } .clearfloat { clear: both; } /* In xhtml strict, imgs are inline by default. We never want this. */ img { display: block; } ul.inline li { display: inline; } /* equal height columns trick; the container for these should hide overflow * http://www.positioniseverything.net/articles/onetruelayout/equalheight */ .eqcol { padding-bottom: 32767px !important; margin-bottom: -32767px !important; } .eqcol-container { zoom:1; /* for IE6 to trigger overflow */ overflow: hidden; } /* There is a problem with anchors and the equal-heights-columns technique: * http://www.positioniseverything.net/articles/onetruelayout/appendix/equalheightproblems#linking * The following appears to fix it * http://www.webmasterworld.com/forum83/8516.htm */ .anchor { position: absolute; } /* a.remember-section {} * Grepped for this? It's not a cosmetic style; it's a class used to * identify hyperlinks that are adorned with specific onclick * behaviour at page load time. See 'remember.js'. */ /* tabs */ /* the z-index stuff, combined with bottom borders and margin-bottom: -1px * (to make adjacent boxes overlap) is what makes the currently-selected tab * look like it's attached to its tab */ /* ### replaced with images as part of Aug '09 redesign ul.tabs { font-weight: bold; font-size: 77%; text-transform: uppercase; zoom:1; overflow: hidden; position: relative; z-index: 1; } ul.top-tabs { margin-bottom: -1px; } ul.bottom-tabs { margin-top: -1px; } ul.tabs li { float: left; height: 18px; line-height: 18px; vertical-align: middle; background-color: #eee; margin-right: 3px; border: 1px solid #ccc; } ul.tabs li.selected { background-color: #fff; } ul.top-tabs li.selected { border-bottom: 1px solid #fff; } ul.bottom-tabs li.selected { border-top: 1px solid #fff; } ul.tabs li a { padding-left: 8px; padding-right: 8px; } ul.tabs li a:link, ul.tabs li a:visited { color: #999; } ul.tabs li a:hover { text-decoration: none; } ul.tabs li a:focus { text-decoration: none; } ul.tabs li.tablink { float: right; border: none; background: none; } .tabgroup { border-top: solid 1px #cccccc; position: relative; z-index: 0; } */ ul.tabs { zoom:1; overflow: hidden; } ul.tabs li { float: left; width: 100px; height: 22px; line-height: 22px; vertical-align: middle; } ul.tabs li a { display: block; width: 94px; padding-left: 6px; height: 22px; background-position: center left; background-repeat: no-repeat; background-image:url('static/img/c24/tab-inactive.gif'); font-size: 85%; } ul.tabs li.selected a { background-image:url('static/img/c24/tab-active.gif'); } ul.tabs li#archived-tab { float: right; width: auto; } ul.tablinks li { display: inline; font-size: 85%; } /* div.tabpanes { float: left; /* prevents print issues */ } */ a.offsite { word-wrap: break-word; } h1.recordtitle { font-size: 146.5%; padding-top: 5px; padding-bottom: 5px; } div#map { background-position: top left; background-repeat: no-repeat; background-image:url('static/img/c24/map-loading.gif'); background-color: #e5e3df; /* google sets it to this later anyway */ } /*----------------------------------------------------------------------*/ /* Advertising */ div#ad-banner { position: absolute; top: 0px; left: 136px; width: 728px; height: 90px; z-index: 0; /* attempt to prevent flash movies appearing above popups */ } div#ad-skyscraper { position: absolute; top: 236px; left: 1000px; width: 120px; height: 600px; z-index: 0; /* attempt to prevent flash movies appearing above popups */ } div#ad-skyscraper object, div#ad-skyscraper iframe { width: 120px; height: 600px; } @media only screen and (min-width : 481px){ div.mobile-body-advert{ display: none; } } #google-adsense { width: 300px; height: 250px; margin-bottom: 20px; } div#ad-mpu-warning { width: 300px; text-align: center; text-transform: capitalize; font-size: 77%; color: #888; padding: 5px 0px; border-top: solid 4px #888; } div#ad-mpu { width: 300px; padding-bottom: 10px; border-bottom: solid 4px #888; margin-bottom: 20px; overflow: hidden; z-index: 0; } div#ad-mpu object, div#ad-mpu iframe { width: 300px; height: 250px; } div#page { /* position: absolute; ### causes page to disappear in IE print preview */ position: relative; top: 20px; left: 20px; width: 960px; } /*----------------------------------------------------------------------*/ /* header */ div#banner { width: 960px; height: 140px; background-color: #666; /* temporary */ } div#banner img { display: block; } div#banner span.title { display: none; } div#global { width: 960px; margin-bottom: 16px; } ul#nav1 { float: left; vertical-align: middle; } ul#nav2 { clear: both; width: 960px; vertical-align: middle; font-size: 85%; } /* horizontal navigation bars */ ul.navhorizontal li { display: inline; } /* all navigation links */ ul.nav li a:hover, ul.nav li a:active { text-decoration: none; } ul.nav li.selected a:hover, ul.nav li.selected a:active { text-decoration: none; } div#date { float: right; line-height: 20px; vertical-align: middle; font-size: 85%; } div#crumbtrail { display: inline; /* for IE6 double-margin bug */ float: left; line-height: 20px; font-size: 85%; } div#crumbtrail div div.links { display: inline; } div#crumbtrail .first { padding-left: 18px; background-position: center left; background-repeat: no-repeat; background-image:url('static/img/c24/home-icon.gif'); } /* wasn't able to implement the separator bar using divs & floats; * spacing around form elements is too inconsistent across browsers */ a#adv-search { display: block; float: right; line-height: 18px; vertical-align: middle; font-weight: bold; } form#searchform { display: block; float: right; } form#searchform table { height: 18px; border-collapse: collapse; } form#searchform table tbody tr td.activity { width: 19px; height: 18px; } img.activity-indicator { display: none; margin-top: 1px; width: 16px; height: 16px; vertical-align: middle; } form#searchform table tbody tr td.adv-link-cell { text-transform: uppercase; } div#searchbox { width: 300px; } div#searchbox form#searchform { float: left; } div#searchbox a#adv-search { float: left; margin-top: 5px; margin-left: 18px; /* indent by width of activity gif */ } div#nav3 span.title { text-transform: none; } /*----------------------------------------------------------------------*/ /* titled boxes (related content etc) */ div.rbox { margin-bottom: 20px; } div.rbox div.heading { padding-left: 10px; padding-right: 10px; line-height: 20px; vertical-align: middle; font-size: 77%; color: #fff; } div.rbox div.heading span.title { display: block; float: left; } div.rbox div.heading span.count { display: block; margin-left: 0.5em; float: left; } div.rbox div.heading span.link { display: block; float: right; } div.rbox div.heading span.link img { display: inline; vertical-align: top; width: 16px; height: 16px; padding-top: 2px; } div.rbox div.heading span.link span.linkmarker { color: #f00; } div.rbox div.heading span.link a:link, div.rbox div.heading span.link a:visited, div.rbox div.heading span.link a:hover { color: #fff; } div.rbox div.content { clear: both; padding: 9px; font-size: 85%; } div.rbox div.content ul li { padding-top: 0.7692em; } div.rbox div.content ul li span.title { text-transform: uppercase; } div.rbox div.content a.moreresults { display: block; float: right; } /*----------------------------------------------------------------------*/ /* main content */ div#mid { margin-bottom: 20px; } div#content, div#content2 { clear: both; width: 420px; margin-right: 10px; float: left; } div#content2 { width: 640px; } /*----------------------------------------------------------------------*/ /* rhs related content */ div.rhscol-box-top { overflow: hidden; margin-bottom: 20px; /* for IE6 */ zoom:1; } div.rhscol1 { width: 200px; margin: 0px 10px 0px 10px; float: left; display: inline; /* for IE6, to avoid double margins */ } div.rhscol2 { width: 300px; float: right; display: inline; /* for IE6, to avoid double margins */ } div.placeholderbox1, div.placeholderbox2, div.placeholderbox3, div.placeholderbox4 { width: 100%; margin-bottom: 20px; background-color: #f0f0f0; } div.placeholderbox1 { height: 200px; } div.placeholderbox2 { height: 300px; } div.placeholderbox3 { height: 500px; } div.placeholderbox4 { width: 250px; height: 250px; } /*----------------------------------------------------------------------*/ /* footer */ div#footer { clear: both; width: 960px; margin-bottom: 40px; /* I don't know why this has to be double */ font-size: 85%; } div.ftsep { float: left; height: 1px; width: 960px; margin-bottom: 10px; } /* used to be ftsponsors, but this seems to be a reserved name in adblock */ div#ftspons { padding-top: 10px; padding-bottom: 20px; } div#ftspons a { margin-right: 20px; } div#ftspons a.last { margin-right: 0px; } div#ftspons a img { display: inline; vertical-align: middle; } div#ftdisclaimer { float: left; width: 550px; } table#ftnav { float: right; border-collapse: collapse; text-align: right; } table#ftnav td { border-right: solid 1px #ddd; padding: 0px 10px; } table#ftnav td.lastcol { border-right: none; padding-right: 0px; } /*----------------------------------------------------------------------*/ /* include: subjectrhs (rhs related content) */ /* level 3 nav is an rbox, but slightly different */ div#nav3 { font-weight: bold; margin-bottom: 20px; } div#nav3 div.heading { font-weight: bold; } div#nav3 div.content { padding-top: 0px; } div#nav3 div.content ul li { clear: both; /* fixes for IE vertical spacing bug */ _display: inline; vertical-align: top; } div#nav3 div.content ul li a { display: block; float: left; width: 130px; padding-right: 10px; } div#nav3 div.content ul li a:hover { text-decoration: none; } div.rboxrhs1 { width: 200px; } div.rboxrhs1 div.content { padding: 0px; } div.rboxrhs1 div.content ul li { padding: 8px; } div.rboxrhs1 div.content ul li a.recordtitle { display: block; float: left; width: 184px; margin-bottom: 5px; } div.rboxrhs1 div.content ul li div.recordimage { clear: both; float: left; width: 70px; height: 70px; margin-right: 8px; } div#relatedwebsites div.content ul li div.recordimage, div#relatedobjects div.content ul li div.recordimage { clear: none; /* title is displayed right of image, not above */ } div.rboxrhs1 div.content ul li div.recordimage img { height: 100%; width: 100%; } div.rboxrhs1 div.content ul li div.noimage { background-color: #eee; } div.rboxrhs1 div.content ul li div.recordsummary, div#relatedwebsites div.content ul li a.recordtitle, div#relatedobjects div.content ul li a.recordtitle { width: 102px; float: right; } div#teachingresources div.content ul li div.recordimage, div#relatedevents div.content ul li div.recordimage, div#relatedresources div.content ul li div.recordimage { display: none; } div#teachingresources div.content ul li div.recordsummary, div#relatedevents div.content ul li div.recordsummary, div#relatedresources div.content ul li div.recordsummary { width: 184px; _width: 180px; _float: left; /* IE6 duplicate character float bug fix */ } div.rboxrhs2 { width: 100%; } div.rboxrhs2 div.content { padding: 0px; } div.rboxrhs2 div.content ul li div.recordimage { float: left; clear: both; width: 70px; height: 70px; margin-right: 8px; } div.rboxrhs2 div.content ul li div.noimage { background-color: #eee; } div.rboxrhs2 div.content ul li a.recordtitle { display:block; float:left; margin-bottom:5px; } div.rboxrhs2 div.content ul li div.recordsummary { display: block; float: right; width: 202px; } /* ### temporary */ div#mostpop div.tabpanes div.pane { height: 128px; border: solid 1px #ccc; border-top: none; } div#relatedvenues div.rbox { display: none; } div#relatedvenues div.selected { display: block; } /*----------------------------------------------------------------------*/ /* article lists (on subjectlp, regionlp, maplp) */ div#lp-title-box { margin-bottom: 15px; clear: both; } div#pagetitle-box { margin-bottom: 0.5em; } div#pagetitle-box h1 { float: left; } div#pagetitle-rss-box { font-size: 85%; display: block; float: right; } div#pagetitle-rss-box a { text-transform: capitalize; } div#pagetitle-rss-box img { /* rss icon */ display: inline; padding-left: 5px; } a#rss-icon-link { font-size: 16px; vertical-align: middle; } table#canned-search-buttons { margin-bottom: 15px; } table#canned-search-buttons tr { height: 22px; } table#canned-search-buttons .button-spacer { width: 10px; } table#canned-search-buttons a:link, table#canned-search-buttons a:visited, table#canned-search-buttons a:hover, table#canned-search-buttons a:active { line-height: 20px; vertical-align: middle; font-size: 85%; color: #fff; } div#articlelist div.article1 { padding-bottom: 10px; } div#articlelist div.article1 div.content h2 { font-size: 116%; margin-bottom: 0.5em; } div#articlelist div.article1 div.content p { font-size: 85%; } div#articlelist div.article1-vertical div.content h2 { margin-top: 0.5em; } div#articlelist div.article1-horizontal img { float: left; } div#articlelist div.article1-horizontal div.content { float: right; margin-left: 10px; } div#articlelist div.article-2up, div#articlelist div.articleN { padding-top: 10px; padding-bottom: 10px; } div#articlelist div.article2 { width: 200px; } div#articlelist div.article2 div.content h2 { font-size: 100%; margin-top: 0.5em; margin-bottom: 0.5em; } div#articlelist div.article2 div.content p { font-size: 85%; } div#articlelist div.articleN { padding-top: 10px; padding-bottom: 10px; border-top: solid 1px #666; } div#articlelist div.articleN img { float: left; } div#articlelist div.articleN div.content { float: right; width: 330px; } div#articlelist div.articleN div.content h2 { font-size: 100%; margin-bottom: 0.5em; } div#articlelist div.articleN div.content p { font-size: 85%; } div#articlelist a.morelink { display: block; width: 420px; padding-top: 10px; padding-bottom: 10px; border-top: solid 1px #666; text-align: right; font-size: 85%; } /*----------------------------------------------------------------------*/ /* controller: c24_article (article display page) */ .c24_article div#mid { /* Padding added to accommodate a facebook popup from the Like * buttons on Connect10 voting articles for Museums at Night 2013 */ padding-bottom: 160px; } div#author-dates { font-size: 85%; line-height: 18px; } span.sep { color: #bbb; } div#tags { font-size: 85%; margin-bottom: 15px; } div#tags ul, div#tags ul li { display: inline; } div#article-tabpanes { margin-top: -1px; border-top: solid 1px #d4d4d4; padding-top: 10px; } div#article div.tabpanes { margin-bottom: 20px; } div#articletext h1, div#articletext h2, div#articletext h3, div#articletext h4, div#articletext h5, div#articletext h6 { margin-bottom: 1em; } div#articletext h1 { font-size: 116%; font-weight: bold; } div#articletext h2 { font-size: 108%; font-weight: bold; } div#articletext h3 { font-size: 100%; font-weight: bold; } div#articletext h4 { font-size: 93%; font-weight: bold; } div#articletext h5 { font-size: 85%; font-weight: bold; } div#articletext h6 { font-size: 85%; font-style: italic; } div#articletext h2.teachers_info { font-size: 85%; color: #ff6600; } div#articletext p, div#articletext div.legacy p, div#articletext ul, div#articletext ol { padding-bottom: 1em; } div#articletext p, div#articletext div.legacy p, div#articletext ul li, div#articletext ol li { font-size: 85%; } div#articletext ul { /* padding for bullets */ padding-left: 1em; _padding-left: 1.2em; } div#articletext ul li { list-style-type: disc; list-style-position: outside; margin-top: 0.5em; } div#articletext ol li { list-style-type: decimal; list-style-position: inside; margin-top: 0.5em; } /* legacy 24HM layout: image next to caption */ div#articletext div.legacy { clear: both; } div.image { clear: both; margin-bottom: 1em; } div.image img { display: block; border: solid 1px #d4d4d4; } div.image div.info { position: relative; font-size: 85%; font-style: italic; background-color: #d4d4d4; color: #666; } div.image { background-color: #fff; } div.image div.info span.caption, div.image div.info span.copyright { display: block; padding: 0.5em; } div.legacy { width: 420px; } div.imagefull div.info span.caption { float: left; } div.imagefull div.info span.copyright { float: right; } div.imageleftadjacent img { float: left; } div.imageleftadjacent div.info { float: right; } div.imagerightadjacent img { float: right; } div.imagerightadjacent div.info { float: left; } div.imageleftadjacent div.info span.caption, div.imagerightadjacent div.info span.caption { position: absolute; top: 0px; } div.imageleftadjacent div.info span.copyright, div.imagerightadjacent div.info span.copyright{ position: absolute; bottom: 0px; } div.imageleftabove { float: left; margin-top: 3px; /* just makes it line up better with text */ margin-right: 20px; _margin-top: 4px; /* IE6 */ _margin-right: 17px; /* IE6 */ } div.imagerightabove { float: right; margin-top: 3px; /* just makes it line up better with text */ margin-left: 20px; _margin-top: 4px; /* IE6 */ _margin-right: 17px; /* IE6 */ } div.sep { clear: both; height: 1px; width: 100%; margin-bottom: 0.25em; } div#pagelinks { float: right; font-size: 85%; font-weight: bold; text-transform: uppercase; margin-bottom: 0.25em; } div#pagelinks ul { display: inline; margin-left: 2em; } div#pagelinks ul li { display: inline; } span.inactivelink { color: #ddd; } div#pagelinks ul li a { padding-left: 0.5em; /* increase clickable area */ } div#pagelinks ul li a:link, div#pagelinks ul li a:visited, div#pagelinks a:link, div#pagelinks a:visited { color: #666; } div#pagelinks ul li a:hover, div#pagelinks a:hover { color: #dc0; text-decoration: none; } div#pagelinks ul li.selected a:link, div#pagelinks ul li.selected a:visited { color: #dc0; } div#pagelinks ul li.selected a:hover { color: #dc0; text-decoration: none; } div.taglinks { border: solid 1px #d4d4d4; background-color: #fafafa; padding: 6px; margin-bottom: 20px; font-size: 85%; line-height: 18px; } div.taglinks div.title { font-weight: bold; } div.taglinks ul { display: inline; } div.taglinks ul li { display: inline; } div#more-tags div.title { float: left; } div.commenttext { /* all comment text blue & italic */ color: #453c95; font-style: italic; width: 99%; /* for IE6 italic box-width bug */ word-wrap: break-word; } div#latestcomment div.heading { background-color: #003366; } div#latestcomment div.content { border: solid 1px #ccc; border-top: none; } div#latestcomment div.content div.commenttext { padding-bottom: 1em; } div#latestcomment div.content span.linkmarker { color: #ed5114; } div#latestcomment div.content a.seemore { padding-bottom: 10px; } div#latestcomment div.content a.seemore:link, div#latestcomment div.content a.seemore:visited, div#latestcomment div.content a.seemore:hover { color: #999; } div#referencedvenues { margin-bottom: 20px; } div#referencedvenues div.title { font-size: 93%; font-weight: bold; margin-bottom: 1em; } div#referencedvenues ul li { font-size: 85%; margin-bottom: 1em; } div#referencedvenues ul li a.venuename { display: block; } ul#articlefunctions { border-top: solid 1px #d4d4d4; padding-top: 6px; font-family: Arial, sans-serif; /* necessary to make them fit on 1 line */ font-size: 85%; } ul#articlefunctions li { display: inline; } ul#articlefunctions li a { display: inline-block; height: 16px; vertical-align: middle; } ul#articlefunctions a#back-to-top, ul#articlefunctions a#print-page, ul#articlefunctions a#email-page { padding-left: 20px; line-height: 16px; vertical-align: middle; background-position: 0px 0px; background-repeat: no-repeat; } ul#articlefunctions a#back-to-top { background-image:url('static/img/c24/icon-top.gif'); } ul#articlefunctions a#print-page { background-image:url('static/img/c24/icon-print.gif'); } ul#articlefunctions a#email-page { background-image:url('static/img/c24/icon-email.gif'); } ul#articlefunctions a img { display: inline; } /* article comments pane */ div#articlecomments div#question { font-size: 100%; font-weight: bold; } div#articlecomments div#webc-form-title { font-size: 100%; font-weight: bold; } form#webc-form fieldset label { display: block; font-size: 77%; margin-top: 1em; } form#webc-form fieldset textarea, form#webc-form fieldset input { width: 75%; font-size: 85%; border: solid 1px #ccc; } form#webc-form fieldset textarea { height: 10em; overflow: auto; } form#webc-form button, div#webc-result button { font-size: 85%; padding: 1px 5px; cursor: pointer; display: block; width: auto; margin-top: 1em; border: solid 1px #ccc; } div#webc-result { margin-top: 1em; background-color: #fe9; padding: 1em; font-weight: bold; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } div#webc-result div { font-size: 85%; margin-bottom: 0.5em; } div#articlecomments div#commentdisclaimer { font-size: 77%; margin-top: 2em; margin-bottom: 2em; padding: 1em; background-color: #eee; } div#articlecomments ul#comments { margin-bottom: 20px; } div#articlecomments ul#comments li { margin-top: 1em; border-top: solid 1px #ccc; } div#articlecomments ul#comments li div.whowhen { float: left; width: 75%; font-size: 77%; padding-top: 1em; /* weird things happen in IE6 if you put this in li */ } div#articlecomments ul#comments li div.whowhen span.submitter { display: block; } div#articlecomments ul#comments li div.whowhen span.time { display: block; } div#articlecomments ul#comments li div.controls { float: right; font-size: 77%; padding-top: 1em; /* weird things happen in IE6 if you put this in li */ } div#articlecomments ul#comments li div.controls div.reported { margin-left: -16px; padding-left: 16px; background-repeat: no-repeat; background-position: middle left; background-image: url('static/img/extjs/icons/bullet_error.png'); padding-top: 2px; } div#articlecomments ul#comments li div.commenttext { clear: both; font-size: 85%; padding-top: 1em; } div#articlecomments ul#comments li div.reported { font-style: normal; color: #999; } div#articlecomments ul#comments li div.comment-response-heading { margin-top: 1em; font-size: 77%; color: #ed5114; background-color: #eee; padding: 1em; } div#articlecomments ul#comments li div.comment-response { background-color: #eee; padding: 1em; padding-top: 0; width: 99%; /* for IE6 italic box-width bug */ } div#articlecomments a#comments-back-link { display: block; border-top: solid 1px #ccc; margin: 20px 0px; padding-top: 0.5em; } div.sep { background-color: #666; } /*----------------------------------------------------------------------*/ /* controller: search (search results) */ div#search-controls { margin-top: 10px; margin-bottom: 20px; } div#resulttotal { /* font-family: Georgia, serif; */ font-weight: bold; font-size: 116%; margin-bottom: 5px; } div#resulttotal, div#sortoptions, div#query, div#paged-nav-top, div#paged-nav-bottom { width: 640px; } div#sortoptions, div#query, div#paged-nav-top, div#paged-nav-bottom { font-size: 85%; } div#paged-nav-top { margin-top: 8px; } div.display-options, div.paged-nav-links { /* width: 320px; */ } div.display-options { float: left; } div.paged-nav-links { float: right; text-align: right; } div.paged-nav-links span, div.paged-nav-links a { height: 20px; vertical-align: middle; padding-left: 0.3em; } div.paged-nav-links span.inactive-link.selected { text-decoration: underline; } div#sortoptions, div#query { border-bottom: solid 1px #ccc; padding-bottom: 8px; } div#query { margin-top: 8px; } div#sortoptions ul, div#query ul { display: inline; margin-left: 1em; } div#query ul li { display: inline; color: #333; font-weight: bold; margin-right: 1em; } div#sortoptions ul li { display: inline; } div#sortoptions ul li a:link, div#sortoptions ul li a:visited, div#sortoptions ul li a:hover, span#dirglyph { text-transform: capitalize; } div#sortoptions ul li img { display: inline; } div#referrer-controls { float: right; } div.search div#content { width: 640px; } div.resultset { clear: both; width: 100%; margin-bottom: 15px; } div#searchrefine div.facet { background-color: #ccc; color: #333; font-weight: bold; } div.resultset div.heading { border-top: solid 4px; color: #333; font-weight: bold; background-color: #fff; padding: 5px 0px; border-bottom: solid 1px #ccc; } div.resultset div.content { font-size: 100%; border: none; padding: 0px; } div.resultset div.content ul { padding: 0px; } div.resultset div.content ul li { width: 640px; margin:0px; padding: 15px 0px; border-bottom:1px solid #D4D4D4; } div.resultset div.content ul li div.recordimage { font-size: 77%; float: left; width: 70px; height: 70px; margin-right: 10px; } div.resultset div.content ul li div.noimage { background-color: #f0f0f0; } div.resultset div.content ul li div.recordimage img { max-height: 100%; max-width: 100%; } div.resultset div.content ul li div.recorddetails { float: right; width: 560px; margin-top: -3px; } div.resultset div.content ul li div.recorddetails span.recordtype, div.resultset div.content ul li div.recorddetails span.recordstatus, div.resultset div.content ul li div.recorddetails span.recordcounty { display: block; font-size: 85%; } div.resultset div.content ul li div.recorddetails span.recordtype { float: left; } div.resultset div.content ul li div.recorddetails span.recordstatus { float: right; color: #cc0000; } div.resultset div.content ul li div.recorddetails span.recordcounty { clear: both; } div.resultset div.content ul li div.recorddetails a.recordtitle { clear: both; display: block; font-size: 108%; font-weight: bold; padding: 5px 0px; } div.resultset div.content ul li div.recorddetails div.recordsummary { display: block; font-size: 85%; padding-bottom: 5px; } div.resultset div.content ul li div.recorddetails span.recordvenue, div.resultset div.content ul li div.recorddetails span.recordtown, div.resultset div.content ul li div.recorddetails span.recorddate, div.resultset div.content ul li div.recorddetails div.recordtags { font-size: 85%; } div.resultset div.content ul li div.recorddetails span.recordstatus { display: block; font-size: 77%; color: #990000; margin-bottom: 0.5em; } div.resultset div.content ul li div.recorddetails div.recordtags { margin-top: 0.2em; } div.resultset div.content ul li div.recorddetails span.sep { color: #ccc; font-size: 77%; margin-left: 0.25em; margin-right: 0.25em; vertical-align: 1px; } div.resultset div.content a.moreresults { clear: both; font-size: 85%; padding: 10px 10px 0px 0px; } div#nomatches { border-top: 1px solid #ddd; font-size: 85%; padding: 10px; padding-top: 20px; } div#searchrefine { background-color: #fff; } div#searchrefine div#views { font-size: 85%; margin: 10px 0px 5px 0px; padding-bottom: 10px; } div#searchrefine ul li { padding-top: 5px; } div#searchrefine ul li.top { padding: 5px 0px; border-bottom: solid 1px #d4d4d4; } div#searchrefine ul li.top.last { border-bottom: none; } div#searchrefine div.toggleon, div#searchrefine div.toggleoff { height: 16px; background-position: 0px 0px; } div#searchrefine div.content { border-bottom: solid 1px #d4d4d4; padding: 0px; } div#searchrefine div.facet { margin-top: 10px; background-color: #fff; color: #333; } div#searchrefine div.facet span.title { text-transform: none; } div#searchrefine div.last { border-bottom: solid 1px #ddd; margin-bottom: 20px; } form#dform select { margin-top: 0.5em; width: 80px; } ul.facettreebranch { margin-left: 10px; } div#search-help { font-size: 85%; } div#search-help p { margin-bottom: 0.5em; } /*----------------------------------------------------------------------*/ /* controller: c24_venue (venue display page) */ div#page.c24_venue ul.tabs { padding-top: 13px; padding-bottom: 10px; border-top: solid 1px #d4d4d4; margin-top: 11px; border-bottom: solid 4px #666; margin-bottom: 13px; } div.c24_venue div#content { width: 640px; } div.venuepane { width: 640px; margin-bottom: auto; } /* The padding/margin on these divs, in combination with the overflow * property on the venuepane container (inherited from floatcontainer), * is a hack to achieve equal column heights. The value 20,000 was * chosen because it works for current the longest tab, the British * Museum's Collections tab (se000073). * * http://www.ejeliot.com/blog/61 */ div.venuepane { width: 420px; padding-right: 9px; border-right: solid 1px #d4d4d4; margin-right: 10px; float: left; _float: right; /* important, to avoid IE6 3 pixel float bug */ } div.venuepane div.details div.intro { font-size: 85%; margin-bottom: 1em; } div#venuepane2 div.details div.intro { margin-bottom: 1em; } div.tabpanes div.contacts { width: 200px; float: right; overflow: hidden; word-wrap: break-word; } div.venuepane div.contacts div.disclaimer { font-size: 85%; padding-top: 1em; border-top: solid 1px #d4d4d4; } div.venuebox h2, div.venuebox h3, div.venuebox h4, div.venuebox p, div.venuebox ul li { font-size: 85%; } div.venuebox h2 { font-weight: bold; padding-top: 0px; /* padding-top: 1em; border-top: solid 1px #d4d4d4; */ } div.venuebox div#venuetype h2 { display: inline; border-top: none; padding-top: 0px; margin-right: 1em; } div.venuebox div#venuetype p { display: inline; } div.venuebox div#venuetype { margin-bottom: 1em; } div.venuebox h3 { font-weight: bold; } div.venuebox h4 { font-style: italic; } div.venuebox p, div.venuebox ul { margin-bottom: 1em; } img#venueimg { margin-bottom: 10px; } ul#venueconstituents li { margin-bottom: 0.5em; } div.venue-expand { margin-bottom: 10px; } div.venue-expand div.heading { background-color: #ddd; color: #333; padding-left: 0px; } div.venue-expand div.heading span.link { float: left; margin-right: 10px; } div.venue-expand div.heading span { cursor: pointer; } div.venue-expand div.content { font-size: 100%; padding: 1em 0px 0px 0px; } div.venue-expand div.content ul li { padding: 0px; } div.venue-expand div.content p h3 { display: inline; padding: 0px; font-style: italic; } div#venuefacilityicons { padding: 10px 0px 5px 0px; } img.venuefacilityicon { display: inline; width: 30px; height: 30px; } div#mapcontainer a#mapprint { display: block; right: 10px; font-size: 85%; padding: 0.5em; padding-right: 10px; text-align: right; } div.venuebox div#map, div.venuebox div#map-print { width: 418px; height: 418px; border: solid 1px #ddd; } div.venueselected div.itemdetails { background-color:#f8fcff; border: solid 1px #d4d4d4; border-top: none; margin-bottom: 10px; padding: 0px 9px; } div.venueitem div.banner { display: block; background-color: #ddd; padding: 4px 9px; color: #333; text-transform: uppercase; font-size: 77%; } div.venueitem div.itemdetails img { float: left; margin: 9px 9px 9px 0px; } div.venueitem div.itemdetails h2 { padding-top: 0.5em; font-size: 116%; } div.venueitem div.itemdetails div.eventdate { clear: both; margin-top: 0.5em; margin-bottom: 1em; } div.venueitem div.itemdetails div.eventdate ul { float: left; } div.venueitem div.itemdetails div.eventdate span.onnow, div.venueitem div.itemdetails div.eventdate span.event-status { font-size: 93%; font-style: normal; } div.venueitem div.itemdetails div.eventdate span.onnow { text-transform: uppercase; font-size: 77%; color: #009900; } div.venueitem div.itemdetails div.eventdate span.event-status { float: right; color: #CC0000; } div.venuecollection div h2 { padding-bottom: 1em; } div.venuecollection { border-top: solid 1px #ccc; } div.venuecollection div.with-image div { float: right; width: 340px; } div.venueselected div.with-image div { width: 320px; } div#page.c24_venue ul.tablinks { width: 429px; border-right: solid 1px #d4d4d4; } /* designated collection etc logos */ div#venue-logos { margin-bottom: 10px; } div#venue-logos img { float: left; } /*----------------------------------------------------------------------*/ /* controller: maplp (map landing page) */ div.maplp div#searchbox { float: right; } div.maplp div#content { min-height: 500px; } div#content p#pageintro, div#content2 p#pageintro { font-size: 85%; margin-bottom: 10px; } div.maplp div#content h2 { font-size: 85%; font-weight: bold; margin-bottom: 10px; } /* div.maplp div#content ul { margin-bottom: 10px; } div.maplp div#content ul li { float: left; font-size: 85%; margin-right: 2em; margin-bottom: 0.5em; } */ div.maplp div#place-menus-box { border-top: 2px solid; width: 420px; margin-bottom: 20px; } div.maplp div#place-menus-box ul { border-bottom: solid 1px; padding: 9px 0px; margin-bottom: 0px; } div.maplp div#place-menus-box ul li { float: left; font-size: 85%; margin-right: 2em; margin-bottom: 0.5em; display: block; width: 110px; } div#rhs-map-help { float: left; width: 180px; margin: 0px 10px 20px 10px; padding: 10px; font-size: 85%; } /*----------------------------------------------------------------------*/ /* Sitemap */ ul.sitemap { padding-left: 2em; margin-bottom: 1em; } ul.level1 { padding: 0px; } a.level1 { font-size: 116%; } a.level1, a.level2 { text-transform: uppercase; display: block; margin-bottom: 0.5em; } a.level2, a.levelN { font-size: 85%; } /*----------------------------------------------------------------------*/ /* google map markers */ div.mapmarkerinfo { font-size: 66%; width: 200px; margin-bottom: 5px; padding-bottom: 1em; } div.mapmarkerinfo .venuename { display: block; margin-bottom: 5px; } div.mapmarkerinfo img, div.mapmarkerinfo div.noimage { display: block; float: left; } div.mapmarkerinfo div.noimage { width: 70px; height: 70px; background-color: #eee; } div.mapmarkerinfo span.summary { display: block; float: right; width: 125px; margin-bottom: 0.5em; } div.mapmarkerinfo span.eventstitle { clear: both; display: block; padding-top: 0.5em; } div.mapmarkerinfo ul { padding: 0px; } div.mapmarkerinfo ul li { padding-top: 0.5em; font-size: 100%; } div.mapmarkerinfo ul li a { display: block; } div#rhs-map-col { float: left; width: 530px; margin: 0px; } div#rhs-map { clear: both; /* otherwise canned search buttons overlap, not sure why */ border: solid 1px #ccc; margin-left: 10px; margin-bottom: 20px; } div#rhs-map div#map { width: 518px; height: 478px; } div#rhs-map-help { height: 60px; } div#rhs-map-controls { width: 500px; padding: 9px; background-color: #f0f0f0; border-top: solid 1px #ccc; } div#rhs-map-controls label#address-label { font-weight: bold; } div#rhs-map-controls input#address { line-height: 20px; } div#rhs-map-controls h2 { font-size: 85%; font-weight: bold; margin-bottom: 10px; } div#rhs-map-controls div.instructions { font-size: 85%; } div#rhs-map-controls fieldset { font-size: 85%; } div#rhs-map-controls fieldset div.input { margin-left: 20px; margin-bottom: 0.5em; } div#rhs-map-controls fieldset div.input label { display: block; } div#rhs-map-controls fieldset div.input-radio { display: inline; margin-right: 2em; margin-bottom: 0.5em; } div#rhs-map-controls fieldset div.input-radio input, div#rhs-map-controls fieldset div.input-radio label { vertical-align: middle; } div#rhs-map-controls fieldset div.input div.input-date { float: left; margin-right: 10px; } div#rhs-map-controls fieldset div.input div.input-date label { display: block; } div#rhs-map-controls fieldset input#map-update-button { display: inline; vertical-align: top; } div#rhs-map-resultset { padding: 9px; font-size: 85%; } div#rhs-map-resultset div.result-nav { margin-bottom: 10px; } div#rhs-map-resultset div.result-nav span.nitems { font-weight: bold; padding-right: 3em; } div#rhs-map-resultset div.result-nav span.disabled-link { color: #999; } div#rhs-map-resultset div.result-item span.title { display: block; } div#rhs-map-resultset div.result-item span.title a { padding-left: 0.5em; } div#rhs-map-resultset div.result-item span.address { display: none; } div#rhs-map-resultset div.result-item span.eventstitle { clear: both; display: block; font-style: italic; padding-top: 0.5em; } div#rhs-map-resultset div.result-item ul { padding: 0px; margin-left: 20px; } div#rhs-map-resultset div.result-item ul li { padding-top: 0.5em; font-size: 100%; } div#rhs-map-resultset div.result-item ul li a { display: block; } /*----------------------------------------------------------------------*/ /* controller: homepage */ div#page.homepage div#content { min-height: 500px; } div#page.homepage div#pagetitle-box { margin-bottom: 0px; } div#page.homepage div#pagetitle-box img { float; right; } div#page.homepage p#pageintro { padding: 5px 0px; margin-bottom: 0px; } div#homepage-rhs { float: left; width: 530px; } div#homepage-latest, div.homepage-section1, div.homepage-section2, div.homepage-website { width: 420px; padding-bottom: 20px; } div#homepage-latest h1, div.homepage-section1 h1 { width: 420px; border-bottom: solid 1px; margin-bottom: 0.5em; } div#homepage-latest div.item { clear: both; width: 420px; } div#homepage-latest h1, div.homepage-section1 h1 { font-size: 85%; font-weight: bold; border-color: #ccc; } div.homepage-website h1, div.homepage-section2 h1 { width: 411px; padding-left: 9px; color: #fff; text-transform: uppercase; line-height: 20px; vertical-align: middle; font-size: 77%; } div#homepage-latest div.item, div.homepage-section1 div.item { width: 420px; } div.homepage-website div.item, div.homepage-section2 div.item { width: 418px; border-style: solid; border-width: 0px 1px 1px 1px; } div#homepage-latest div.item a.img, div.homepage-section1 div.item a.img, div.homepage-section2 div.item a.img { float: left; } div.homepage-website div.item a.img { float: right; } div#homepage-latest div.item div.content, div.homepage-website div.item div.content, div.homepage-section1 div.item div.content, div.homepage-section2 div.item div.content { float: right; } div.homepage-section1 div.item div.content { width: 340px; padding-left: 10px; } div.homepage-section2 div.item div.content, div.homepage-website div.item div.content { width: 330px; padding: 9px; } div#homepage-latest div.item div.content h2 { font-size: 116%; font-weight: bold; } div.homepage-section1 div.item div.content h2 { font-size: 100%<; font-weight: bold; } div.homepage-website div.item div.content h2, div.homepage-section2 div.item div.content h2 { font-size: 85%; } div#homepage-latest div.item div.content p, div.homepage-website div.item div.content p, div.homepage-section1 div.item div.content p, div.homepage-section2 div.item div.content p { margin-top: 0.5em; font-size: 85%; } div#page.homepage div#searchbox, div#homepage-map-box { margin-left: 10px; _background-color: #fff; /* IE6, to hide bleeding C24 gutter lines */ } div#homepage-map-box { padding-bottom: 9px; border-bottom: solid 1px #d4d4d4; margin-bottom: 20px; } div#homepage-map-box, div#homepage-map-box div.content { width: 520px; } div#homepage-map-box h1 { padding-left: 10px; line-height: 20px; vertical-align: middle; } div#homepage-map-box div.content { padding-top: 10px; } div#homepage-map-listings { float: left; width: 200px; } div#homepage-map-listings div.blurb { padding-bottom: 9px; border-bottom: solid 1px #d4d4d4; font-size: 85%; } div#homepage-map-listings ul li { padding: 8px 0px; border-bottom: solid 1px #d4d4d4; } div#homepage-map-listings ul li.last { border-bottom: 0px; } div#homepage-map-listings ul li a.recordtitle { /* font-family: Georgia, serif; */ font-size: 85%; } div#homepage-map-listings ul li div.recordimage { display: none; } div#homepage-map-listings ul li div.recorddate { color: #666; margin-bottom: 5px; } div#homepage-map-listings ul li div.recordsummary { display: block; font-size: 85%; } div#homepage-map-listings a.moreresults { display: block; padding-top: 8px; border-top: solid 1px #d4d4d4; font-size: 85%; } div#homepage-map { float: right; width: 300px; font-size: 85%; float: right; } div#homepage-map div.heading { font-size: 85%; line-height: 20px; vertical-align: middle; padding: 0px 5px; } div#homepage-map ul#map-links { border: solid 1px #d4d4d4; } div#homepage-map ul#map-links li { padding: 4px; border-bottom: solid 1px #d4d4d4; } div#homepage-map ul#map-links li.last { border-bottom: none; } div#map { font-family: Verdana, Helvetica, sans-serif; } div#homepage-partners { width: 960px; clear: both; margin-bottom: 20px; } div#homepage-partners h1 { width: 951px; padding-left: 9px; color: #fff; text-transform: uppercase; line-height: 20px; vertical-align: middle; font-size: 77%; } div#homepage-partners div.content { width: 940px; height: 70px; padding: 9px; border: solid 1px #ccc; border-top: none; } div#homepage-hotspots1 { width: 520px; margin-left: 10px; margin-bottom: 20px; } div#homepage-hotspots1 div.l { width: 200px; margin-right: 10px; } div#homepage-hotspots1 div.r { width: 300px; margin-left: 10px; } /*----------------------------------------------------------------------*/ /* Controller: submission_form_receiver */ div#web-comment-server-result { font-size: 85%; } /*----------------------------------------------------------------------*/ /* browser print styles */ @media print { div#body { width: 980px; } div#page { top: 0px; left: 0px; } div.advert, div#ad-mpu-warning, #google-adsense, ul.taglist { display: none !important; } .eqcol { margin-bottom: 0px !important; padding-bottom: 0px !important; } .eqcol-container { overflow: visible; } /* IE hacks */ div.homepage-section1 div.item div.content { _width: 338px; } div.venuepane div.details { _padding-right: 8px; } div#rhs-map { _margin-left: 9px; } table#canned-search-buttons { _display: none; } div.homepage-section1 p { _width: 320px; /* IE6 print preview crashes without this */ } } /* end @media print */ /*----------------------------------------------------------------------*/ /* ExtJS */ .dashboard img { display: inline; } /*----------------------------------------------------------------------*/ /* venue thumbnail carousel */ #carousel { height: 102px; margin-bottom: 1em; } .c24_venue #carousel-prev { float: left; margin-top: 25px; background: url("static/img/c24/carousel-thumbnail-navigation-buttons.png") no-repeat -8px 0; width: 22px; height: 54px; cursor: pointer; } .c24_venue #carousel-next { float: right; margin-top: 25px; background: url("static/img/c24/carousel-thumbnail-navigation-buttons.png") no-repeat -41px 0; width: 22px; height: 54px; cursor: pointer; } .c24_venue #carousel-strip { float: left; overflow: hidden; width: 370px; height: 102px; } .c24_venue #carousel-strip ul { margin: 0; list-style: none; position: relative; width: 2000px; } .c24_venue #carousel-strip ul li { float: left; width: 70px; padding: 3px; } .c24_venue #carousel-strip ul li img { width: 100%; cursor: pointer; } /*----------------------------------------------------------------------*/ /* Object page */ .object-data { clear: both; margin-top: 0.5em; } .object-data .caption { display: inline; font-weight: bold; margin-right: 0.25em; } .object-data .data { display: inline; } /*----------------------------------------------------------------------*/ /* article carousel gallery */ .obj-carousel { background-color: #333; margin-bottom: 15px; /* position: relative; */ } .obj-carousel .gallery { overflow: hidden; position: relative; } .obj-carousel .gallery .nav { display: none; position: absolute; top: 0px; right: 0px; cursor: pointer; padding: 5px; } .obj-carousel .gallery .nav span { display: block; float: left; background: url("static/img/c24/carousel-navigation-buttons.png") no-repeat; height: 18px; margin: 0px 5px; cursor: pointer; } .obj-carousel .gallery .nav .prev { background-position: -1px 0; width: 13px; } .obj-carousel .gallery .nav .next { background-position: -18px 0; width: 13px; } .obj-carousel .gallery .nav .pause { background-position: -50px 0; width: 14px; } .obj-carousel .gallery .nav .play { background-position: -35px 0; width: 11px; } .obj-carousel .gallery .nav .zoom { background-position: -109px 0; width: 19px; } .obj-carousel .gallery .nav .close { background-position: -91px 0; width: 16px; } .obj-carousel .gallery .caption-wrap { display: none; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); bottom: 0; color: #fff; padding: 10px; position: absolute; } .obj-carousel .gallery .caption .view-source { float: right; margin-top: 10px; display: inline-block; } .obj-carousel .gallery .view-source { display: none; color: #fff; } .obj-carousel .gallery .main-img-wrap { margin: auto; width: auto; height: 100%; overflow: hidden; } .obj-carousel .gallery img { margin: auto; max-width: 100%; } .obj-carousel ul.carousel-data { display: none; } /* body carousel */ .obj-carousel .body-carousel { width: 420px; height: 236px; } .obj-carousel .body-carousel .gallery { height: 236px; } .obj-carousel .body-carousel .gallery img { max-width: 100%; max-height: 236px; } .obj-carousel .body-carousel .gallery .main-img-wrap { cursor: pointer; } .obj-carousel .body-carousel .gallery .caption-wrap { width: 400px; } /* popup carousel */ .obj-carousel .popup-carousel { display: none; margin-bottom: 0px; /* height & width set by javascript */ -moz-box-shadow: 0px 0px 20px #666; -webkit-box-shadow: 0px 0px 20px #666; box-shadow: 0px 0px 20px #666; background-color: #000; } .obj-carousel .popup-carousel .gallery { height: 100%; } .obj-carousel .popup-carousel .gallery img { max-width: 100%; max-height: 100%; } .obj-carousel .popup-carousel .gallery .caption-wrap { width: 100%; } /* $Header: /local/cvs_repository/c24.cafmodule/web_static/css/c24-common.css,v 1.13 2014/01/30 16:24:25 sacha Exp $ */ /* C24 orange: #ed5114; */ div#body { color: #333; } a, a:link, a:visited, a:hover, a:active { color: #003366; } a.offsite:link, a.offsite:visited, a.offsite:hover { color: #35358d; } /* body text font size * Is there a better way to do this? * Could apply a single class to all these elements */ ul.tabs li a, ul.tablinks li, ul#nav2, div#date, div#crumbtrail, div.cbox div.heading, div.cbox div.content, div.rbox div.heading, div.rbox div.content, div#footer, div#articlelist div.article1 div.content p, div#articlelist div.article2 div.content p, div#articlelist div.articleN div.content p, div#author-dates, div#tags, div#articletext p, div#articletext div.legacy p, div#articletext ul li, div#articletext ol li, div.image div.info, div#pagelinks, div.taglinks, div#referencedvenues ul li, div#articlecomments ul#comments li div.commenttext, div#sortoptions, div#query, div#paged-nav-top, div#paged-nav-bottom, div.resultset div.content ul li div.recorddetails span.recordtype, div.resultset div.content ul li div.recorddetails span.recordvenue, div.resultset div.content ul li div.recorddetails span.recordcounty, div.resultset div.content ul li div.recorddetails div.recordsummary, div.resultset div.content ul li div.recorddetails span.recordvenue, div.resultset div.content ul li div.recorddetails span.recordtown, div.resultset div.content ul li div.recorddetails span.recorddate, div.resultset div.content ul li div.recorddetails div.recordtags, div.resultset div.content ul li div.recorddetails span.recordstatus, div.resultset div.content ul li div.recorddetails span.recordcreator, div.resultset div.content a.moreresults, div#nomatches, div#searchrefine div#views, div#search-help, div.venuepane div.details div.intro, div.venuepane div.contacts div.disclaimer, div.venuebox h2, div.venuebox h3, div.venuebox h4, div.venuebox p, div.venuebox ul li, div#mapcontainer a#mapprint, div.maplp div#content h2, div.maplp div#content ul li, div#rhs-map-help, div.hotspot .hsbody .hstext, a.level2, a.levelN, div#rhs-map-controls h2, div#rhs-map-controls div.instructions, div#rhs-map-controls fieldset, div#rhs-map-resultset, div.homepage-website div.item div.content h2, div.homepage-section2 div.item div.content h2, div#homepage-latest div.item div.content p, div.homepage-website div.item div.content p, div.homepage-section1 div.item div.content p, div.homepage-section2 div.item div.content p, div#homepage-map-listings div.blurb, div#homepage-map-listings ul li div.recordsummary, div#homepage-map-listings a.moreresults, div#homepage-map div.heading, div#homepage-map ul#map-links, div#campaign-monitor h2, div#campaign-monitor form div.input, div#campaign-monitor form input.button, div#campaign-monitor form input.text, div#web-comment-server-result { font-size: 93%; } .pageno{ margin-right: 10px; } div.resultset div.content, div#homepage-map, div.rbox.venue-expand div.content { font-size: 100%; } div.mapmarkerinfo ul li { font-size: 100%; } div.homepage div#content div.article div.item div.content p, div.recordsummary, div#homepage-map-listings div.blurb, div#author-dates, div#articlelist p, div#articlelist div.article1 div.content p, div#articlelist div.article2 div.content p, div#articlelist div.articleN div.content p, div#articletext p, div#articletext div.legacy p, div#articletext ul li, div#articletext ol li, div.venuepane div.details p, div.venuepane div.details ul li, div.venuepane div.contacts, div#ftdisclaimer, table#ftnav { line-height: 1.5; } ul.tabs li.selected a, ul.tabs li.selected a:link, ul.tabs li.selected a:visited, ul.tabs li.selected a:hover, ul.tabs li.selected a:active { color: #333; text-decoration: none; cursor: auto; } ul.tabs li#archived-tab { color: #ed5114; } div#page { top: 0px; padding-top: 20px; padding-right: 30px; background-position: top right; background-repeat: repeat-y; background-image:url('static/img/c24/c24-misc/page-shadow.gif'); } div.noimage { background-image: url("static/img/c24/c24-misc/missing-image-icon.gif"); } div#global { margin-bottom: 0px; } div#banner { height: 103px; margin-bottom: 1px; } div#banner img { width: 960px; height: 103px; } div#banner span.title { display: block; position: absolute; top: 15px; right: 0px; width:280px; padding:5px 10px; background-color:#fff; font-size:138.5%; } div#date { display: none; } ul.navhorizontal li { float: left; } ul.navhorizontal li a { display: block; } ul#nav1, ul#nav2, div#nav3, div#nav3-heading { font-size: 100%; } ul#nav1 { color: #000; height: 35px; } ul#nav1 li a { width:120px; text-align: center; padding-top: 12px; background-position: 0px 0px; background-repeat: no-repeat; background-image:url('static/img/c24/c24-navigation/inactive.gif'); } ul#nav1 li.first a { width:120px; padding-left: 0px; background-position: -1px 0px; } ul#nav1 li a, ul#nav1 li a:link, ul#nav1 li a:visited { background-color: #fff; color: #000; } ul#nav1 li.selected a, ul#nav1 li.selected a:link, ul#nav1 li.selected a:visited { background-color: #fff; color: #000; } ul#nav1 li a.c24-orange:hover { background-image:url('static/img/c24/c24-navigation/orange-hover.gif'); } ul#nav1 li.selected a.c24-orange { background-image:url('static/img/c24/c24-navigation/orange-active.gif'); } ul#nav1 li a.c24-yellow:hover { background-image:url('static/img/c24/c24-navigation/yellow-hover.gif'); } ul#nav1 li.selected a.c24-yellow { background-image:url('static/img/c24/c24-navigation/yellow-active.gif'); } ul#nav1 li a.c24-green1:hover { background-image:url('static/img/c24/c24-navigation/green1-hover.gif'); } ul#nav1 li.selected a.c24-green1 { background-image:url('static/img/c24/c24-navigation/green1-active.gif'); } ul#nav1 li a.c24-green2:hover { background-image:url('static/img/c24/c24-navigation/green2-hover.gif'); } ul#nav1 li.selected a.c24-green2 { background-image:url('static/img/c24/c24-navigation/green2-active.gif'); } ul#nav1 li a.c24-teal:hover { background-image:url('static/img/c24/c24-navigation/teal-hover.gif'); } ul#nav1 li.selected a.c24-teal { background-image:url('static/img/c24/c24-navigation/teal-active.gif'); } ul#nav1 li a.c24-blue:hover { background-image:url('static/img/c24/c24-navigation/blue-hover.gif'); } ul#nav1 li.selected a.c24-blue { background-image:url('static/img/c24/c24-navigation/blue-active.gif'); } ul#nav1 li a.c24-purple:hover { background-image:url('static/img/c24/c24-navigation/purple-hover.gif'); } ul#nav1 li.selected a.c24-purple { background-image:url('static/img/c24/c24-navigation/purple-active.gif'); } ul#nav1 li a.c24-red1:hover { background-image:url('static/img/c24/c24-navigation/red1-hover.gif'); } ul#nav1 li.selected a.c24-red1 { background-image:url('static/img/c24/c24-navigation/red1-active.gif'); } ul#nav1 li a.c24-red2:hover { background-image:url('static/img/c24/c24-navigation/red2-hover.gif'); } ul#nav1 li.selected a.c24-red2 { background-image:url('static/img/c24/c24-navigation/red2-active.gif'); } ul#nav1 li a.c24-black:hover { background-image:url('static/img/c24/c24-navigation/black-hover.gif'); } ul#nav1 li.selected a.c24-black { background-image:url('static/img/c24/c24-navigation/black-active.gif'); } ul#nav1 li a.c24-grey:hover { background-image:url('static/img/c24/c24-navigation/grey-hover.gif'); } ul#nav1 li.selected a.c24-grey { background-image:url('static/img/c24/c24-navigation/grey-active.gif'); } ul#nav1 li a.c24-grey-blue:hover { background-image:url('static/img/c24/c24-navigation/grey-blue-hover.gif'); } ul#nav1 li.selected a.c24-grey-blue { background-image:url('static/img/c24/c24-navigation/grey-blue-active.gif'); } ul#nav1 li a.c24-lime-green:hover { background-image:url('static/img/c24/c24-navigation/lime-green-hover.gif'); } ul#nav1 li.selected a.c24-lime-green { background-image:url('static/img/c24/c24-navigation/lime-green-active.gif'); } ul#nav1 li a.c24-dark-grey:hover { background-image:url('static/img/c24/c24-navigation/dark-grey-hover.gif'); } ul#nav1 li.selected a.c24-dark-grey { background-image:url('static/img/c24/c24-navigation/dark-grey-active.gif'); } ul#nav1 li a.c24-dark-yellow:hover { background-image:url('static/img/c24/c24-navigation/dark-yellow-hover.gif'); } ul#nav1 li.selected a.c24-dark-yellow { background-image:url('static/img/c24/c24-navigation/dark-yellow-active.gif'); } ul#nav2, div#nav3 { background-color: #003366; } ul#nav2 a, ul#nav2 a:link, ul#nav2 a:visited, div#nav3 a, div#nav3 a:link, div#nav3 a:visited, div#nav3 a:hover, div#nav3 a:active { color: #fff; } ul#nav2 { height: 21px; padding: 4px 0px; } ul#nav2 li { padding: 0px 4px; background-position: 0px 0px; background-repeat: no-repeat; background-image:url('static/img/c24/c24-navigation/nav2-separator-bg.gif'); } ul#nav2 li.first { background-position: -1px 0px; margin-left: 0px; } ul#nav2 li.last { margin-right: 0px; } ul#nav2 li a { _display: inline; /* for IE6 */ padding: 0px 4px; height: 21px; } ul#nav2 li.selected a, ul#nav2 li.selected a:link, ul#nav2 li.selected a:visited, ul#nav2 li.selected a:hover, ul#nav2 li.selected a:active, ul#nav2 li a:hover, ul#nav2 li a:active { padding: 0px 0px; background-color: #fff; color: #003366; } ul#nav2 li a img.nav2-edge { display: none; width: 4px; height: 21px; } ul#nav2 li.selected a img, ul#nav2 li a:hover img.nav2-edge, ul#nav2 li a:active img.nav2-edge { display: inline; } ul#nav2 li a span { padding: 0px 2px; vertical-align: top; display: inline-block; padding-top: 3px; } div#nav3 { font-weight: normal; } div#nav3 div.heading { display: none; /* background-color: #003366; color: #fff; border-bottom: solid 1px #fff; */ } div#nav3 div.content { border: none; width: 200px; padding: 0px; } div#nav3 div.content ul li { _display: inline; /* fixes IE vertical spacing bug */ } div#nav3 div.content ul, div#nav3 div.content ul li { width: 200px; padding: 0px; } div#nav3 div.content ul li { border-top: dotted 1px #fff; } div#nav3 div.content ul li.first { border-top: none; } div#nav3 div.content ul li a { width: 180px; padding: 4px 10px; } div#nav3 div.content ul li.selected a, div#nav3 div.content ul li a:hover, div#nav3 div.content ul li a:active { width: 170px; padding: 4px 10px 4px 20px; background-position: center left; background-repeat: no-repeat; background-image:url('static/img/c24/c24-navigation/nav3-bullet.gif'); } /* somersaults to achieve centering: * http://www.emblematiq.com/blog/vertical_align_with_css/assets/03.html */ div#crumbtrail { width: 420px; margin-right: 10px; display: table; _display: block; position: relative; height: 30px; } div#crumbtrail div { position: absolute; top: 50%; } div#crumbtrail > /*comment to stop IE7*/ div { display: table-cell; position: static; vertical-align: middle; } div#crumbtrail div div.links { display: block; position: relative; top: -50%; line-height: 1.2; } div#nav3-heading { float: left; width: 180px; padding: 0px 20px; color: #fff; height: 42px; line-height: 36px; background-position: 0px 0px; background-repeat: no-repeat; background-image:url('static/img/c24/c24-navigation/nav3-heading-bg.gif'); } a#adv-search { display: none; font-size: 93%; margin-right: 5px; text-transform: uppercase; font-weight: normal; } form#searchform { margin-top: 7px; margin-bottom: 12px; background-position: 0px 0px; background-repeat: no-repeat; background-image:url('static/img/c24/c24-misc/searchbar.gif'); } form#searchform table { width: 300px; height: 22px; } form#searchform table tbody tr td input { display: inline; border-style: none; border-width: 0px; line-height: 138.5%; } form#searchform table tbody tr td.text-input-cell, form#searchform table tbody tr td.submit-button-cell { border: none; } form#searchform table tbody tr td.activity { width: 22px; } form#searchform table tbody tr td.activity img { /* suppress because it clashes with background image */ width: 0px; height: 0px; } form#searchform table tbody tr td.text-input-cell { width: 193px; } form#searchform table tbody tr td.text-input-cell input { margin: 0px; width: 193px; font-size: 85%; } form#searchform table tbody tr td.submit-button-cell { vertical-align: middle; } form#searchform table tbody tr td.submit-button-cell input { width: 80px; margin: 0px 0px 0px 4px; color: #fff; font-size: 85%; background: transparent; text-transform: capitalize; cursor: pointer; } div#content, div#content2 { padding-right: 9px; margin-right: 0px; border-right: solid 1px #d4d4d4; } div.rhscol1 { padding: 0px 9px 0px 10px; border-right: solid 1px #ddd; margin-left: 0px; margin-right: 0px; } div.rhscol-box-top div.hotspot.last { margin-bottom: 0px; } div#searchrefine div.heading { background-color: #003366; font-size: 100%; font-weight: bold; } div#searchrefine div.facet { background-color: #7493bc; color: #fff; } div.resultset div.content ul li div.empty { background-color: #f0f0f0; } div.cbox div.heading, div.rboxrhs1 div.heading, div.rboxrhs2 div.heading { border-top: solid 6px; font-size: 100%; font-weight: bold; color: #333; padding: 0px; } div.cbox div.content, div.rboxrhs1 div.content, div.rboxrhs2 div.content { margin-top: 4px; background-color: #efefef; } div.cbox div.content ul li, div.rboxrhs1 div.content ul li, div.rboxrhs2 div.content ul li { border-bottom: solid 1px #fff; } div.cbox div.content ul li, div.rboxrhs2 div.content ul li { padding: 8px; } div.cbox div.content ul li.last, div.rboxrhs1 div.content ul li.last, div.rboxrhs2 div.content ul li.last { border-bottom: none; } div.rboxrhs1 div.content ul li a.recordtitle, div.rboxrhs2 div.content ul li a.recordtitle { font-size: 108%; margin-bottom: 0.25em; } div.rboxrhs1 div.content ul li a.recordtitle, div.rboxrhs2 div.content ul li a.recordtitle { font-size: 108%; } div.rboxrhs2 div.content ul li div.recordimage { clear:both; } div.rboxrhs1 div.content ul li div.recorddate { color: #666; margin-bottom: 0.5em; } div.rboxrhs1 div.content a.moreresults, div.rboxrhs2 div.content a.moreresults { float: none; padding: 8px 0px; background-color: #fff; border-top: solid 1px #d4d4d4; border-bottom: solid 1px #d4d4d4; } div.rboxrhs1 div.content a.moreresults { width: 200px; } div.rboxrhs2 div.content a.moreresults { width: 300px; } div.browseby { margin-bottom: 20px; } div.browseby div.heading { margin: 0px !important; border: none !important; background-color: #003366; color: #fff; padding: 3px 10px !important; } div.browseby div.content { margin: 0px; background-color: #fff; } div.browseby span.subhead { padding: 0px !important; margin: 0px !important; border: none !important; display: block; font-weight: bold; padding: 6px 6px 6px 10px !important; background-color: #eaeaea; border-top: solid 1px #ccc !important; } div.browseby ul li { padding: 0px !important; margin: 0px !important; border: none !important; background-color: #fff; border-top: 1px solid #ccc !important; } div.browseby ul li { margin-bottom: 1px; } div.browseby ul li a { display: block; width: 100%; vertical-align: middle; padding: 6px 6px 6px 5px !important; border-left: 5px solid #ccc; margin-bottom: 1px; } div.browseby ul li a:hover { border-left: 5px solid #003366; } div#ftspons { text-align: center; } div#ftsep1, div#ftsep2 { background-color: #ddd; } div#nav3 div.content ul li div.listmarker { color: #ed5114; } div#lp-title-box { border-bottom: solid 1px #d4d4d4; } div#pagetitle-box { line-height: 20px; vertical-align: middle; color: #fff; padding: 0px 10px; } div#pagetitle-box h1 { font-weight: bold; font-family: Arial, Helvetica, sans-serif; } div#pagetitle-box a, div#pagetitle-box a:link, div#pagetitle-box a:visited, div#pagetitle-box a:hover, div#pagetitle-box a:active { text-decoration: none; } div#pagetitle-box a:hover, div#pagetitle-box a:active { text-decoration: underline; } div#pagetitle-rss-box { vertical-align: middle; text-transform: uppercase; font-weight: bold; } div#content p#pageintro, div#content2 p#pageintro { font-size: 123.1%; color: #333; font-weight: bold; } div#articlelist { border-top: solid 4px; padding-top: 9px; } div#articlelist div.article1 { border-bottom: solid 1px #d4d4d4; } div#articlelist div div.content h2 { /* font-family: Georgia, serif; */ margin-bottom: 5px; } div#articlelist div.articleN, div#articlelist a.morelink { border-color: #d4d4d4; } div#referencedvenues { border-top: solid 1px #d4d4d4; padding-top: 6px; } div#referencedvenues div.title { font-size: 100%; } div#referencedvenues ul li a.venuename { /* font-family: Georgia, serif; */ } div#latestcomment div.content { background-color: #f4f4f4; } /* venue page */ div.venue-expand div.heading { color: #fff; font-weight: bold; } div.venueitem div.museums-at-night { color: #fff; background-position: 0px 0px; background-repeat: no-repeat; background-image:url('static/img/c24/c24-misc/venueitem-title-man2010.gif'); } /* search results */ div#page.search h1#pagetitle, div#page.sitemap h1#pagetitle { height: 23px; line-height: 23px; background-color: #fff; font-weight: bold; color: #fff; padding: 0px 10px; vertical-align: middle; background-position: 0px 0px; background-repeat: no-repeat; /*background-image:url('static/img/c24/c24-misc/pagetitle-orange-wide.gif');*/ } div#page.search h1#pagetitle { padding-bottom: 1px; /* stupid shenanigans for IE6/7 margin bugs */ } div#search-controls { margin-top: 0px; /* background-position: 0px 0px; background-repeat: no-repeat; background-image:url('static/img/c24/c24-misc/search-controls-bg.gif'); */ } div#resulttotal, div#resulttotal-archived, div#sortoptions { color: #fff; width: 620px; padding: 0px 10px; border-bottom: none; background-color: #7493bc; } div#resulttotal, div#resulttotal-archived { font-weight: normal; margin-bottom: 0px; } div#resulttotal { font-size: 138.5%; padding-top: 8px; } div#resulttotal-archived { font-size: 100%; padding-bottom: 8px; } div#resulttotal-archived input { vertical-align: middle; } div#sortoptions { padding-bottom: 8px; } div#sortoptions a:link, div#sortoptions a:visited, div#sortoptions a:hover, div#sortoptions a:active { color: #fff; } div.resultset div.heading { border-color: #7493bc; background-color: #fff; padding: 5px 0px; } div#referrer-controls img { display: inline; } div.resultset div.content ul li div.noimage { display: none; } div.resultset div.content ul li.noimage div.recordimage { display: none; } div.resultset div.content ul li.noimage div.recorddetails { width: 640px; } div.resultset div.content ul li div.recorddetails span.recordtype, div.resultset div.content ul li div.recorddetails span.recordvenue, div.resultset div.content ul li div.recorddetails span.recordcounty, div.resultset div.content ul li div.recorddetails span.recordvenue, div.resultset div.content ul li div.recorddetails span.recordtown, div.resultset div.content ul li div.recorddetails span.recordcreator { color: #666; } div.resultset div.content ul li div.recorddetails span.recorddate, div.resultset div.content ul li div.recorddetails div.recordtags { color: #999; } div.resultset div.content ul li div.recorddetails a.recordtitle { font-size: 131%; } div#searchrefine div.heading { line-height: 23px; } /* homepage */ div#homepage-latest, div.homepage-section1, div.homepage-website { padding-bottom:15px; border-bottom: solid 1px #d4d4d4; margin-bottom: 15px; } div.homepage-section1-last { padding-bottom: 0px; border-bottom: none; margin-bottom: 0px; } div#homepage-latest h1, div.homepage-section1 h1 { height: 20px; line-height: 20px; vertical-align: middle; width: 420px; margin-bottom: 8px; border-top: solid 6px; border-bottom: none; font-size: 116%; } div#homepage-latest h2, div.articlelist div.article1 h2 { font-size: 123.1%; } div.homepage-section1 h2, div.articlelist div.article-2up h2, div.articlelist div.articleN h2 { font-size: 116%; } div.homepage-section1.c24-orange-bg h1 { border-color: #ff6600; } div.homepage-section1.c24-yellow-bg h1 { border-color: #ffb200; } div.homepage-section1.c24-green1-bg h1 { border-color: #669900; } div.homepage-section1.c24-green2-bg h1 { border-color: #006633; } div.homepage-section1.c24-teal-bg h1 { border-color: #009999; } div.homepage-section1.c24-blue-bg h1 { border-color: #336699; } div.homepage-section1.c24-purple-bg h1 { border-color: #663366; } div.homepage-section1.c24-red1-bg h1 { border-color: #c80b0b; } div.homepage-section1.c24-red2-bg h1 { border-color: #990033; } div.homepage-section1.c24-black-bg h1 { border-color: #000033; } div.homepage-section1.c24-grey-bg h1 { border-color: #666666; } div.homepage-section1.c24-grey-blue-bg h1 { border-color: #4a5a6a; } div.homepage-section1.c24-lime-green-bg h1 { border-color: #314733; } div.homepage-section1.c24-dark-grey-bg h1 { border-color: #868686; } div.homepage-section1.c24-dark-yellow-bg h1 { border-color: #a79a66; } div.homepage-website div.item { border-color: #f9c0ac; background-color: #feede6; } div#homepage-map-box h1 { border-top: solid 6px #663366; font-size: 116%; font-weight: bold; padding-left: 0px; width: 520px; } div#homepage-map div.heading { background-color: #003366; color: #fff; } div#homepage-map div.heading a, div#homepage-map div.heading a:link, div#homepage-map div.heading a:visited, div#homepage-map div.heading a:hover, div#homepage-map div.heading a:active { color: #fff; } div#homepage-map-listings ul li a.recordtitle { font-size: 93%; } div#homepage-partners h1 { background-color: #888; } /* sitemap */ div.sitemap div#content { width: 640px; } div#page.sitemap h1#pagetitle { margin-bottom: 8px; } /* maplp */ div.maplp div#place-menus-box { border-top: solid 4px; padding-top: 9px; margin-bottom: 15px; } div.maplp div#place-menus-box ul { border-color: #d4d4d4; } div.maplp div#place-menus-box ul li { width: 100px; padding-left: 10px; background-position: 0px 3px; background-repeat: no-repeat; background-image:url('static/img/c24/c24-misc/places-bullet.gif'); } table#canned-search-buttons .button-left { width: 22px; background-position: left top; background-repeat: no-repeat; background-image:url('static/img/c24/c24-misc/maprhs-button-bg.gif'); } table#canned-search-buttons .button-mid { background-color: #003366; } table#canned-search-buttons .button-right { width: 6px; background-position: right top; background-repeat: no-repeat; background-image:url('static/img/c24/c24-misc/maprhs-button-bg.gif'); } .button-left { width: 22px; height: 22px; background-position: left top; background-repeat: no-repeat; background-image:url('static/img/c24/c24-misc/maprhs-button-bg.gif'); float: left; } .button-mid { background-color: #003366; float: left; height: 22px; padding-right: 14px; } .button-right { width: 6px; height: 22px; background-position: right top; background-repeat: no-repeat; background-image:url('static/img/c24/c24-misc/maprhs-button-bg.gif'); float: left; } .button-wrap-1, .button-wrap-2, .button-wrap-3{ float: left; } .button-wrap-1, .button-wrap-2{ padding-right: 10px; } div.search-buttons-wrap { clear: both; overflow: hidden; margin-bottom: 15px; } div.search-buttons-wrap a:link { color: #fff; font-size: 85%; line-height: 20px; vertical-align: middle; } div#rhs-map { border: none; } div#rhs-map div#map { border: solid 1px #ccc; } div#rhs-map-controls { width: 520px; height: 106px; margin: 0px; padding: 0px; border-top: solid 4px; border-bottom: solid 1px #d4d4d4; background-position: 0px 0px; background-repeat: no-repeat; background-image:url('static/img/c24/c24-misc/maprhs-controls-bg.gif'); } div#rhs-map-controls fieldset div.input { position: relative; margin: 0px; } div#rhs-map-controls label#address-label { font-weight: normal; line-height: 1.5em; display: block; position: absolute; top: 13px; left: 16px; } div#rhs-map-controls input#address { display: block; position: absolute; top: 54px; left: 18px; width: 262px; height: 20px; border-style: none; border-width: 0px; border: none; line-height: 20px; } div#rhs-map-controls select#address-zoom { display: block; position: absolute; top: 54px; left: 360px; height: 20px; line-height: 20px; } div#rhs-map-controls input#rhs-map-submit { display: block; position: absolute; top: 55px; left: 283px; width: 46px; border: none; background: transparent; color: #fff; cursor: pointer; } /*----------------------------------------------------------------------*/ /* hotspots */ div.hotspot-style-1, div.hotspot-style-2, div.hotspot-style-3 { width: 200px; } div.hotspot-style-4, div.hotspot-style-5 { width: 300px; } div.hotspot-style-1, div.hotspot-style-2, div.hotspot-style-3, div.hotspot-style-4, div.hotspot-style-5 { background-color: #333; } div.hotspot-style-1:hover, div.hotspot-style-2:hover, div.hotspot-style-3:hover, div.hotspot-style-4:hover, div.hotspot-style-5:hover { background-color: #333; } div.hotspot-style-1 .hsbody, div.hotspot-style-2 .hsbody, div.hotspot-style-3 .hsbody { width: 180px; } div.hotspot-style-5 .hsbody, div.hotspot-style-6 .hsbody { width: 280px; } div.hotspot { margin-bottom: 20px; cursor: pointer; } div.laterooms { cursor: auto; } div.hotspot a, div.hotspot a:link, div.hotspot a:visited, div.hotspot a:hover, div.hotspot a:active { text-decoration: none; } div.hotspot .hsimg { display: none; } div.hotspot .hsbody { display: none; padding: 10px; color: #333; } div.hotspot .hsbody .hstype { font-size: 77%; } div.hotspot .hsbody .hstitle { display: none; font-size: 93%; font-weight: bold; } div.hotspot .hsbody .hstext { display: none; font-size: 85%; } div.hotspot-show-img-left .hsimg { display: block; float: left; } div.hotspot-show-img-left .hsbody { float: left; border-left: none; overflow: hidden; } div.hotspot-show-img-top .hsimg { display: block; float: left; width: 100%; } div.hotspot-show-img-top .hsbody { float: left; border-top: none; } div.hotspot-show-img-right .hsimg { display: block; float: right; } div.hotspot-show-img-right .hsbody { float: left; border-right: none; overflow: hidden; } div.hotspot-show-title .hsbody, div.hotspot-show-title .hsbody .hstitle { display: block; } div.hotspot-show-text .hsbody, div.hotspot-show-text .hsbody .hstext { display: block; } div.hotspot a, div.hotspot a:link, div.hotspot a:visited, div.hotspot a:hover, div.hotspot a:active { color: #fff; text-decoration: none; } div.hotspot .hsbody { border-top: solid 1px #fff; padding-top: 5px; } div.hotspot .hsbody .hstype { font-size: 85%; } /*----------------------------------------------------------------------*/ /* articles */ div#page.c24_article h1#pagetitle, div#page.c24_uri h1#pagetitle, div#page.c24_object h1#pagetitle { font-size: 153.9%; color: #003366; margin-bottom: 8px; } div#articletext h2.teachers_info { color: #ff6600; } div#articletext p a:link, div#articletext div.legacy p a:link { color: #453c95; } div#articletext p a:visited, div#articletext div.legacy p a:visited { color: #453c95; } div#articletext p a:hover { color: #453c95; } /* venues */ div#page.c24_venue h1#pagetitle { height: 20px; line-height: 20px; vertical-align: middle; padding: 0px 10px; font-weight: bold; color: #fff; } /* advertisements */ div#ad-skyscraper { left: 1010px; /* 10px over to accommodate page drop-shadow */ } /* hotspots */ div.hotspot .hsbody { /* font-family: Georgia, serif; */ } div.hotspot .hsbody .hstitle { font-size: 108%; font-weight: normal; } /*----------------------------------------------------------------------*/ /* countdown hotspot */ div.countdown-search { position: relative; height: 66px; background-image:url('static/img/c24/c24-misc/countdown-bg.gif'); } div.countdown-search input.countdown-address { position: absolute; top: 36px; left: 32px; width: 205px; border-style: none; border-width: 0px; border: none; font-size: 85%; } div.countdown-search input.countdown-submit { display: block; position: absolute; top: 34px; left: 250px; border: none; background: transparent; color: #fff; cursor: pointer; font-size:85%; } /*----------------------------------------------------------------------*/ div#survey { margin: 20px; padding-left: 130px; background-image:url('static/img/c24/logo-c24-orange.gif'); background-position: top left; background-repeat: no-repeat; max-width: 500px; } div#survey h1 { font-size: 138.5%; font-weight: bold; margin-bottom: 1em; } div#survey-invitation { margin-bottom: 20px; } div#survey a.button:link, div#survey a.button:visited, div#survey a.button:hover, div#survey a.button:active { color: #fff; text-align: center; text-decoration: none; background-color: #ff6600; display: block; padding: 5px 10px; width: 150px; margin-bottom: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 2px 2px 2px #ccc; -webkit-box-shadow: 2px 2px 2px #ccc; box-shadow: 2px 2px 2px #ccc; } div#survey a.button:hover { background-color: #35358d; text-decoration: none; } /*----------------------------------------------------------------------*/ /* subjectlp2 landing page gallery */ div#gallery-container { background-color: #333; margin-bottom: 15px; position: relative; height: 362px; width: 640px; cursor: pointer; } div#gallery-container div#gallery { height: 362px; overflow: hidden; position: relative; } div#gallery-container div#gallery img#main-img { width: 640px; z-index: 10; } div#gallery-container div#gallery #abstract { background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.7); bottom: 0; color: #fff; padding: 10px; position: absolute; width: 620px; z-index: 20; } div#gallery-container ul#main-img-dots { position: absolute; right: 10px; top: 10px; } div#gallery-container ul#main-img-dots li { display: block; float: left; height: 15px; width: 15px; margin-right: 5px; z-index: 20; cursor: pointer; background-color: #333; } div#gallery-container ul#main-img-dots li.selected { background-color: #fff; } div#gallery-container #abstract .title { display: block; font-weight: bold; } div#gallery-container #abstract .summary { display: block; margin-top: 0.5em; } div.subjectlp2 div#nonlead-articles { float: left; } div.subjectlp2 div.rhscol1 { border-right: 0px; padding: 0px 0px 0px 20px; } div.subjectlp2 div.article-2up, div.subjectlp2 div.articleN { width: 420px; } div.subjectlp2 div#articlelist div.article-2up { padding-top: 0px; } #responsive-menu, #open-slicknav-menu{ display: none\9; /* IE6, IE7, IE8 */ } @media only screen and (min-width : 481px){ #responsive-menu, #open-slicknav-menu{ display: none; } #body{ min-width: 320px; } div.mobile-breakpoint{ display: none; } div.desktop-breakpoint{ display: block; } #content #homepage-latest img{ max-width: 200px; max-height: 200px; } #content div.homepage-section1 img{ max-width: 70px; max-height: 70px; } .obj-carousel{ background-color: #000; } .obj-carousel .gallery .nav span{ height: 32px !important; background-image: none; } .obj-carousel .gallery .nav span.prev{ background-image: url("static/img/c24/carousel-navigation-prev.png") !important; background-repeat: no-repeat; background-position: 0; width: 32px !important; } .obj-carousel .gallery .nav span.pause{ background-image: url("static/img/c24/carousel-navigation-pause.png") !important; background-repeat: no-repeat; background-position: 0; width: 32px !important; } .obj-carousel .gallery .nav span.play{ background-image: url("static/img/c24/carousel-navigation-play.png") !important; background-repeat: no-repeat; background-position: 0; width: 32px !important; } .obj-carousel .gallery .nav span.next{ background-image: url("static/img/c24/carousel-navigation-next.png") !important; background-repeat: no-repeat; background-position: 0; width: 32px !important; } .obj-carousel .gallery .nav span.zoom{ background-image: url("static/img/c24/carousel-navigation-zoom.png") !important; background-repeat: no-repeat; background-position: 0; width: 32px !important; } .obj-carousel .gallery .nav span.close{ background-image: url("static/img/c24/carousel-navigation-close.png") !important; background-repeat: no-repeat; background-position: 0; width: 32px !important; } } /* $Header: /local/cvs_repository/c24.cafmodule/web_static/css/skin-c24.template,v 1.6 2013/06/27 15:16:34 sacha Exp $ */ /*----------------------------------------------------------------------*/ /* C24 grey-blue skin * * #4a5a6a 100% * #%25% 25% */ div#banner span.title { display: none; } div#nav3 div.content ul li.selected { background-color: #4a5a6a; } div#pagetitle-box { background-color: #4a5a6a; color: #fff; background-image: url('static/img/c24/c24-misc/pagetitle-grey-blue.gif'); background-repeat: no-repeat; } div#page.search h1#pagetitle, div#page.sitemap h1#pagetitle { background-image: url('static/img/c24/c24-misc/pagetitle-grey-blue-wide.gif'); } div#pagetitle-box a:link, div#pagetitle-box a:visited, div#pagetitle-box a:hover, div#pagetitle-box a:active { color: #fff; } div#articlelist { border-color: #4a5a6a; } div.cbox div.heading, div.rboxrhs1 div.heading, div.rboxrhs2 div.heading { border-color: #4a5a6a; } /* homepage */ div#homepage-latest h1 { border-color: #4a5a6a; } div#homepage-blurb h1, div.homepage-website h1 { background-color: #4a5a6a; } div#homepage-blurb div.content, div.homepage-website div.item { border-color: #4a5a6a; } div.homepage-website div.item { background-color: #%25%; } /* maplp */ div.maplp div#place-menus-box { border-color: #4a5a6a; } div#rhs-map-controls { border-top-color: #4a5a6a; } /* venue */ div#page.c24_venue h1#pagetitle { background-color: #4a5a6a; } div.venue-expand div.heading { background-color: #4a5a6a; }