/************************
	HTML ELEMENTS
************************/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
body { font-size: .8em; font-family: Helvetica, sans-serif; color: #333; background-color: #f4f4f4;}
iframe { border: 0; }
fieldset, img { border: 0; }
p, table, ul, dl, ol { margin: 0 0 1em 0; line-height: 1.5em; }
label { line-height: 1.5em; }
ul ul { margin: 0 0 0 10px;}
ol { margin-left: 30px; }
ul { list-style-type: none }
ul li { }
a { text-decoration: none; color: #2f6d94; }
a:active { color: #14313F; }
a:visited { color: #49355F; }
a:hover { color: #14313F; }
/* a[href^="http://"] {background: url(/images/template/icons/external.png) right bottom no-repeat;padding-right: 13px;display:inline-block;} */
/* a[href*="staging"] {background:0;padding:0;} */

.external-link-icon { margin-left: 3px; }
p.thumbnail img.external-link-icon { display: none }
#social-media img.external-link-icon { display: none }
h1, h2, h3, h4 { font-family: "Arial Black", Gadget, sans-serif; font-weight: 900; text-transform: none; margin: 0 0 0.5em 0em; }
h1 { font-size: 18pt; margin: 0 0 20px 0;line-height:1.2em;}
h2 { font-size: 12pt; color: #414042;line-height:1.2em;}
/* h2 a {color:#333333;text-decoration: none;} */
/* h2 a:hover {text-decoration: underline;color:#2f6d94;} */
h2 a:visited { color: #333333;}
h3 { font-size: 10pt; color: #414042;line-height:1.2em;}
/* h3 a {color:#49606f;text-decoration: none;} */
/* h3 a:hover {text-decoration: underline;color:#2f6d94;} */

h4 { font-size: 9pt; font-weight: bold; }
h5 { font-size: 8pt; }
hr { border: 0; height: 1px; background-color: #babbbc; margin: 15px 0; }
table { border-collapse: collapse; }
td, th { border: 1px solid #dfdfdf; padding: 3px 6px; text-align: left; vertical-align: top; }
.center { text-align: center; }
.right { float: none; display: block; }
#right-home { float: left; }
.fine-print { font-size: 0.9em; }
.image-no-caption-left { float: left; margin: 0 10px 15px 0px; display: inline; clear: left; }
.image-no-caption-right { float: right; margin: 0 0 15px 10px; display: inline; clear: right; }
.captioned-image-left { float: left; margin: 0 10px 5px 0px; display: inline; clear: left; }
.caption-left { float: left; margin: 0 10px 15px 0; display: inline; clear: left; font-size: 80%; font-family: Verdana; color: #646464; line-height: 130%; }
.captioned-image-right { float: right; margin: 0 0 5px 10px; display: inline; clear: right; }
.caption-right { float: right; margin: 0 0 15px 10px; display: inline; clear: right; font-size: 80%; font-family: Verdana; color: #646464; line-height: 130%; }
/** [rm:20101014] ADDED NEW STYLES FOR CENTRE-ALIGNED IMAGES */
.bordered-image { }
.caption-centre { font-size: 80%; font-family: Verdana; color: #646464; line-height: 130%; }
.image-no-caption-left .external-link-icon, .image-no-caption-right .external-link-icon, .captioned-image-left .external-link-icon, .captioned-image-right .external-link-icon, .bordered-image .external-link-icon { display: none; }
.external--icon { margin-left: 2px; }
#sitemap { padding: 0; }
#sitemap li { background: none; }
/** [rm:20150717] Added new style for homepage alert */
.homepage-alert {background-color:#ffffa5;color:#333;font-weight:bold;display:block;padding:5px 10px 0px 10px;margin-bottom:5px;clear:both;}
/************************
	SPECIAL CLASSES
************************/

.off-screen { position: absolute; left: -10000px; width: 0; height: 0; }
.hide { display: none; }
/*.right {float:right !important;display:inline;}*/
.right { float: right; display: inline; }
/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir { background-color: transparent; border: 0; overflow: hidden;     /* IE 6/7 fallback */
    *text-indent: -9999px;
}
.ir:before { content: ""; display: block; width: 0; height: 100%; }
/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden { display: none !important; visibility: hidden; }
/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; left: 45px; }
/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: " "; /* 1 */ display: table; /* 2 */ }
.clearfix:after { clear: both; }
/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {  *zoom: 1;
}
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
#sort-by.width-adjust-ie .ctrl-holder { overflow: hidden; min-height: 40px; }
#resource-filters.width-adjust-ie .ctrl-holder { overflow: hidden; min-height: 40px; }
#eventFilter.width-adjust-ie div { overflow: hidden; min-height: 38px; }
.rounded-corners { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
/************************
	PAGE CONSTRAINTS
************************/


/************************
	HEADER
************************/



/************************
	NAVIGATION
************************/





#left-column {/*width:176px;*/ float: left; display: inline; }

/************************
	CONTENT
************************/

#content { margin: 0 0 0 20px; float: left; display: inline; width: 525px; }
#content.wide { width: 715px; }
#content.middle { width: 715px; margin: 15px auto 0 auto; float: none; display: block; }
/* [RM:20111026] Changed shop-content width from 670px to 920px */
#content.shop-content { width: 920px; margin: 0 0 0 35px; }
/* [RM:20111026] Changed margin from 2.5em 0 0 0 to 0 */

#content img { max-width: 100%; height: auto; }
#content #text-plus img, #content #text-minus img { height: 18px; }v

#content ul {list-style-type: none;list-style-position:outside;padding:0 0 0 20px;}
#content ul li {background:url(/images/template/backgrounds/bullet.png) no-repeat left 8px;padding:0 0 0 12px;}

#cart { float: right; width: 220px; margin: 0; display: inline; }
#right-column { width: 185px; float: right; margin: 5px 0 0 0; display: inline; }
#right-column .snippet { margin: 0 0 10px 0; overflow: hidden; width: 155px; min-height: 190px; padding: 10px 10px; }
#right-column .snippet h2 { color: #40ffff; font-size: 1.7em; }
#right-column .snippet p { color: #fff; font-weight: bold; }
#right-column .focus { width: 177px; margin: 0 0 10px 0; overflow: hidden; }
/*
#right-column ul { padding: 10px 0; }
#right-column ul li { background: url(../images/template/backgrounds/right_col_bullet_grey.png) no-repeat 8px 6px; margin: 0 0 8px 0; padding: 0; padding: 0 10px 0 20px; }
#right-column ul li a { text-decoration: none; color: #888; font-size: 0.9em; font-weight: bold; }
#right-column ul li:hover { background: url(../images/template/backgrounds/right_col_bullet_grey_over.png) no-repeat 8px 6px; }
#right-column ul li a:hover { color: #000; text-decoration: underline; }
*/
/************************
	FOOTER
************************/


/************************
	DISCOVERY CENTRE
************************/

#discover-landing { padding: 0 15px; }
#discover-right-column { width: 135px; background: #daedf7; border: 4px solid #598aa9; border-width: 4px 0; padding: 10px 10px; margin: 10px 0 0 0; float: right; display: inline; }
#discover-right-column h2 { font-size: 1.5em; }
#discover-landing h1 { color: #2f6d94; font-size: 2.2em; }
#discover-landing h2 { color: #2f6d94; font-size: 2em; }
#discover-landing h2 a { color: #2f6d94; }
#discovery-nav { width: 760px; float: left; display: inline; }
#discovery-window { width: 759px; float: left; display: inline; }
#discovery-nav { background: url(../images/template/discovery/nav_tabs.png) no-repeat left top; }
#discovery-nav ul { margin: 0; padding: 0; }
#discovery-nav li { margin: 0; padding: 0; background: none; display: inline; }
#discovery-nav li a { outline: 0; float: left; display: inline; width: 95px; height: 113px; }
#discovery-nav li a span { text-indent: -10000px; display: block; }
#discovery-nav li a.selected { background: url(../images/template/discovery/nav_tabs.png) no-repeat left -113px; }
#discovery-nav ul li.link1 a { background-position: 0 -113px; }
#discovery-nav ul li.link2 a { background-position: -95px -113px; }
#discovery-nav ul li.link3 a { background-position: -190px -113px; }
#discovery-nav ul li.link4 a { background-position: -285px -113px; }
#discovery-nav ul li.link5 a { background-position: -380px -113px; }
#discovery-nav ul li.link6 a { background-position: -475px -113px; }
#discovery-nav ul li.link7 a { background-position: -570px -113px; }
#discovery-nav ul li.link8 a { background-position: -665px -113px; }
#discovery-window { min-height: 200px; background: url(../images/template/discovery/shadow.png) no-repeat left top; }
#discovery-window .content { display: inline; float: right; width: 310px; margin: 20px 20px 0px 0; }
#discovery-window ul { margin: 0; padding: 0; }
#discovery-window ul li { padding: 0; background: none; margin: 0 0 10px 0; }
#discovery-window ul li a { background: url(../images/template/bullets/circle_blue_arrow.png) no-repeat left 0; padding: 4px 0 4px 30px; color: #333; font-weight: bold; text-decoration: none; font-size: 0.9em; display: block; }
#discovery-window .images { float: left; display: inline; padding: 6px; background: #dfdfdf; margin: 20px 0 0 20px; }
#discovery-window #acknowledgement { clear: left; float: left;  display: inline; width: 368px; }
p.center span { text-align: left; }
#acknowledgement { clear: both; font-style:italic; font-weight:bold;}
/************************
	CONTENT AREA - COMMON PAGE STYLES
************************/

p.more { clear: left; }
.more a { font-size: 0.9em; font-weight: bold; text-decoration: none; padding: 0 10px 0 0; background: url(../images/template/more_arrow.png) no-repeat right center; }
.more a:hover { text-decoration: underline; }
/* .more a:visited {color:#2F6D94;} */
.top { float: right; }
.pager-vernon { float: left; width: 100%; border-top: 1px solid #dfdfdf; padding-top: 7px; clear: both; font-weight: bold; }
.pager-vernon div { font-size: 0.9em; float: right; display: inline; }
.pager-vernon p { float: left; display: inline; padding: 2px 0; margin: 0; }
.pager-vernon p a { text-decoration: none; font-weight: bold; }
.pager-vernon p a:hover { text-decoration: underline; }
.pager-vernon ul { float: left; display: inline; padding: 0; font-weight: bold; margin: 0 5px; }
.pager-vernon ul li { margin: 0; background: none; display: inline; float: left; padding: 2px 6px; border-right: 1px solid #ddd; }
.pager-vernon ul li.last { border: 0; }
.pager-vernon ul li a { text-decoration: none; }
.pager-vernon ul li a:hover { text-decoration: underline; }
.pager { padding-top: 7px; clear: both; font-weight: bold; font-size: 0.9em; float: left; width: 100%; display: inline; }
.pager div { display: inline; float: right; }
.pager a, .pager .current { text-decoration: none; padding: 2px 6px; border-right: 1px solid #ddd; float: left; display: inline; }
.pager a, .pager .current:last-child { border: 0; }
.pager a.next, .pager .next { border: 0; }
.contentImage, .contentImageRight { margin: 0 0 15px 10px; display: inline; float: right; clear: right; font-size: 0.9em; }
.contentImageLeft { margin: 0 10px 15px 0; display: inline; float: left; clear: left; text-align: center; font-size: 0.9em; }
.contentImage img, .contentImageLeft img, .contentImageRight img { display: block; margin: 0 0 5px 0; }
.contentImage .external-link-icon, .contentImageLeft .external-link-icon, .contentImageRight .external-link-icon { display: none; }
.tabs { margin: 0 0 1em 0; clear: both; float: left; width: 100%;}
.tabs .tab-navigation { float: left; display: inline; padding: 0; margin: 0; }
#content .tabs .tab-navigation li { display: inline; background: none; padding: 0; float: left; margin: 0 3px 0 0; border-top-left-radius: 5px;
border-top-right-radius: 5px; } /* add #content to increase specificty */
.tabs .tab-navigation li a { outline-width: 0; float: left; display: inline; padding: 6px 20px 5px 20px; position: relative; bottom: 0; z-index: 99; color: #555; text-decoration: none; background: #d4d4d4; }
.tabs .condense li a { padding: 6px 15px 5px 15px; font-size: 0.9em; }
.tabs .tab-navigation li a.selected { border-bottom: 1px solid #f4f4f4; color: #333;  padding-top: 5px; background: #f4f4f4; }
.tabs .tab-window { background: #f4f4f4; padding: 0px 1px 1px 1px; clear: left; float: left; width: 100%}
.tabs .tab-content { background: #f4f4f4; padding: 20px 20px; border: 1px solid #f4f4f4; float: left;}
.three-col { }
.three-col .col { float: left; display: inline; width: 30%; padding: 0 2% 0 0; margin: 0 2% 2% 0; border-right: 1px solid #ddd; overflow: hidden; } /*overflow:hidden clears floats */
.three-col .last { margin: 0 0 2% 0; padding: 0; border: 0; }
.two-col { }
.two-col .col { float: left; display: inline; margin-right: 5%; width: 45%; margin-bottom: 2%; clear: left; overflow: hidden; }
.two-col .last { margin: 0 0 2% 0; padding: 0; clear: right; }
.downloads { padding: 0 0 0 10px; }
.downloads li { padding: 0 0 0 12px; margin: 0 0 0.5em 0; font-size: 0.9em; background: url(../images/template/bullets/blue_arrow.png) no-repeat left 4px; font-weight: bold; }
.downloads li a { text-decoration: none; }
.downloads li a:hover { text-decoration: underline; }
.doc { background: url(../images/template/icons/doc.png) no-repeat right center; padding: 2px 18px 2px 0; }
.pdf { background: url(../images/template/icons/pdf.png) no-repeat right center; padding: 2px 18px 2px 0; }
img.filetype-icon { position: relative; top: 4px; }
/************************
	CONTENT AREA - SPECIFIC PAGE STYLES
************************/

/* Visit Us section (corporate) */
#museum-grid { padding: 0 0px }
#museum-grid .grid-row { clear: left; margin: 0 0 10px 0; }
#museum-grid .grid-row .grid-item { float: left; display: inline; padding: 0 2% 0 0; margin: 0 2% 20px 0; }
#museum-grid .grid-row .grid-item p { color: #555; margin: 0 0 5px 0; }
#museum-grid .grid-row .grid-item .location, #museum-grid .grid-row .grid-item .title { font-size: 0.9em; font-weight: bold; color: #333; }
#museum-grid .grid-row .grid-item .image { float: right; margin: 0 0 5px 0px; display: inline; }
#museum-grid .grid-row .grid-item h2 { height: 2.5em; padding: 5px 0px; border-width: 0 0 2px 0; border-style: solid; }
#museum-grid .grid-row .last { margin: 0; padding: 0; border: 0; }
#museum-grid h2 a { color: #333333; text-decoration: none; }
#museum-grid h2 a:hover { color: #2F6D94; text-decoration: underline; }
#hours-cols { width: 100%; float: left; }
#hours-cols .col { border: 0; padding: 0; }
#hours-cols .nohead { margin-top: 2.5em; }
/* Ask an Expert section */

#expert-grid { }
#expert-grid .col { float: left; display: inline; width: 60%; margin: 0 5% 0 0; }
#expert-grid .last { width: 33%; margin: 0; }
#expert-grid h2 { border-bottom: 2px solid #587992; padding: 0 0 5px 0; }
#expert-grid .image { float: left; display: inline; margin: 0 10px 10px 0; }
#expert-grid ul { padding: 0; }
#expert-grid ul li { background: none; padding: 0; margin: 0; }
#expert-grid ul li h3 { font-size: 1em; display: block; }
#expert-grid ul li h3 a { color: #333; text-decoration: none; font-weight: bold; }
#expert-grid ul li h3 a:hover { text-decoration: underline; color: #2F6D94; }
#expert-grid ul li .date { display: block; font-size: 0.9em; margin: 0 0 5px 0px; color: #666; }
#expert-grid ul li .desc { display: block; margin: 0 0px 0px 0px; color: #666; }
/* Events & Exhibitions section */

#ev-ex-grid { }
#ev-ex-grid .col { float: left; display: inline; width: 40%; margin: 0 5% 0 0; }
#ev-ex-grid .last { width: 53%; margin: 0; }
#ev-ex-grid h2 { border-bottom: 2px solid #587992; padding: 0 0 5px 0; }
#ev-ex-grid h2 a { color: #333333; text-decoration: none; }
#ev-ex-grid h2 a:hover { color: #2F6D94; text-decoration: underline; }
#ev-ex-grid h3 { clear: left; }
#ev-ex-grid .image { border: 4px solid #dfdfdf; float: left; display: inline; margin: 0 10px 10px 0; }
#ev-ex-grid .location { border-width: 0 0 0 10px; border-style: solid; font-size: 0.8em; margin: 0 0 10px 0; background: none; padding: 0px 0 0 10px; font-weight: bold; }
#ev-ex-grid ul { padding: 0; }
#ev-ex-grid ul li { background: none; padding: 0; margin: 0; }
#ev-ex-grid ul li h3 { font-size: 1em; display: block; }
#ev-ex-grid ul li h3 a {/* color:#333; */ text-decoration: none; font-weight: bold; }
#ev-ex-grid ul li h3 a:hover { text-decoration: underline; color: #2F6D94; }
#ev-ex-grid ul li .date { display: block; font-size: 0.9em; margin: 0 0 5px 0px; color: #666; }
#ev-ex-grid ul li .desc { display: block; margin: 0 0px 10px 0px; color: #666; }
#exhibition-list { padding: 0; }
#exhibition-list li { min-width: 290px; padding: 0; margin: 5px 0; border: 1px solid #eee; border-width: 0 0 0 10px; -moz-box-shadow: 0 1px 2px #ccc; -ms-box-shadow: 0 1px 2px #ccc; -webkit-box-shadow: 0 1px 2px #ccc; box-shadow: 0 1px 2px #ccc; }
#exhibition-list li.southbank { border-color: #f89829; }
#exhibition-list li.science { border-color: #ec068d; }
#exhibition-list li.rail { border-color: #ed1941; }
#exhibition-list li.cobb { border-color: #009f94; }
#exhibition-list li.tropical { border-color: #45c3d3; }
#exhibition-list li .bed { padding: 10px 20px; min-height: 83px; border: 1px solid #ccc; }
#exhibition-list li img { width: 100px; height: 70px; float: right; margin: 0 0 10px 10px; display: inline; }
/* [RM:20111201] Prevent external link icon from appearing distorted */
#exhibition-list li .thumbnail img.external-link-icon { display: none }
#exhibition-list .title { font-size: 1.2em; display: block; }
#exhibition-list a:hover .title { text-decoration: underline; }
#exhibition-list .date { display: block; font-size: 0.9em; margin: 0 0 5px 0px; }
#exhibition-list .description { display: block; margin: 0 0px 5px 0px; font-size: 0.95em; color: #444; }
#exhibition-list .location { display: block; font-size: 0.9em; font-weight: bold; }
#exhibition-list .specs { font-size: 0.9em; display: block; margin: 0 0 0 0px; }
ul#calendarListing { padding: 0; }
ul#calendarListing li { padding: 1px; margin: 5px 0; background: #dfdfdf; }
ul#calendarListing li .bed { background: url(../images/template/list_grad.png) repeat-x left bottom #fff; padding: 10px 20px; border: 1px solid #fff; min-height: 60px; }
ul#calendarListing li img { float: left; display: inline; margin: 0 10px 0 0; width: 80px; height: 52px; }
ul#calendarListing .title { font-size: 1.2em; display: block; }
ul#calendarListing a:hover .title { text-decoration: underline; }
ul#calendarListing .date { display: block; font-size: 0.9em; margin: 0 0 0px 0px; }
ul#calendarListing .location { display: block; font-size: 0.9em; font-weight: bold; }
ul#calendarListing li { border-width: 0 0 0 4px; border-style: solid; }
.block-list { padding: 0; }
.block-list li { padding: 1px; margin: 5px 0; background: #dfdfdf; }
.block-list li .bed { background: url(../images/template/list_grad.png) repeat-x left bottom #fff; padding: 10px 20px; border: 1px solid #fff; }
#shop-list li .bed { min-height: 143px; }
.block-list li img { width: 100px; height: 75px; float: right; margin: 0 0 10px 10px; display: inline; position: relative; }
.block-list .title { font-size: 1.2em; display: block; }
.block-list a:hover .title { text-decoration: underline; }
.block-list .date { display: block; font-size: 0.9em; margin: 0 0 5px 0px; }
.block-list .desc { display: block; margin: 10px 0px 10px 0px; font-size: 0.95em; color: #444; }
.block-list .location { display: block; font-size: 0.9em; font-weight: bold; }
.block-list .specs { font-size: 0.9em; display: block; margin: 5px 0 0 0px; }
#shop-feature .image { float: left; display: inline; margin: 0 10px 10px 0; }
#shop-list img { height: auto; }
/* [RM:20111117] Made changes to the CSS after adding thumbnail images */
ul#loansListing { padding: 0; margin-top: 10px; clear: left; }
ul#loansListing li { padding: 1px; margin: 5px 0; background: #dfdfdf; position: relative; }
ul#loansListing li .bed { background: url(../images/template/list_grad.png) repeat-x left bottom #fff; padding: 10px 20px 10px 20px; border: 1px solid #fff; position: relative; }
/*ul#loansListing li .thumbnail img {position:absolute;top:10px;left:20px;margin:0;max-width:100px;max-height:100px;}*/
ul#loansListing li img { float: left; display: inline; margin: 0 10px 0 0; max-width: 100px; max-height: 100px; }
ul#loansListing li .bed-image { background: url(../images/template/list_grad.png) repeat-x left bottom #fff; padding: 10px 20px 10px 20px; border: 1px solid #fff; position: relative; min-height: 100px; vertical-align: top; }
ul#loansListing .thumbnail a { padding: 0; background: none; }
ul#loansListing .titleLine { display: block; margin: 0; }
ul#loansListing .title { font-size: 1.2em; float: left; }
ul#loansListing .format { font-size: 1.2em; float: right; font-weight: bold; }
ul#loansListing a:hover .title { text-decoration: underline; }
ul#loansListing .desc { font-size: 0.95em; color: #444; }
/* [RM:20111121] Made a new class set for Learning Resources */
ul#resourceListing { padding: 0; margin-top: 10px; clear: left; }
ul#resourceListing li { padding: 1px; margin: 5px 0; background: #dfdfdf; position: relative; }
ul#resourceListing li .bed { background: url(../images/template/list_grad.png) repeat-x left bottom #fff; padding: 10px 20px 10px 118px; border: 1px solid #fff; min-height: 60px; position: relative; }
ul#resourceListing li .thumbnail img { position: absolute; top: 10px; left: 20px; margin: 0; width: 80px; height: 52px; }
ul#resourceListing .thumbnail a { padding: 0; background: none; }
ul#resourceListing .title { font-size: 1.2em; display: block; margin: 0 0 5px 0; }
ul#resourceListing a:hover .title { text-decoration: underline; }
ul#resourceListing .desc { font-size: 0.95em; color: #444; }
ul.results { clear: left; padding: 0; padding: 0px 10px; margin: 1em 0; }
ul.results li { background: none; padding: 0 0 0 0px; margin: 0 0 10px 0; clear: both; }
ul.results li .bed { padding: 5px 0px; min-height: 70px; }
ul.results li img { width: 100px; height: 70px; float: right; margin: 0 0 10px 10px; border: 2px solid #dfdfdf; display: inline; clear: right; }
ul.results .title { font-size: 1em; display: block; margin: 0 0 5px 0; }
ul.results .title a { font-weight: bold; }
ul.results .title a:hover { text-decoration: underline; color: #14313F; }
ul.results .date { display: block; font-size: 0.9em; margin: 0 0 5px 0px; color: #666; }
ul.results .desc { display: block; margin: 0 0px 0px 0px; color: #666; }
ul.results .specs { font-size: 0.9em; display: block; margin: 0 0 0 0px; }
ul.results .location { border-width: 0 0 0 10px; border-style: solid; font-size: 0.9em; margin: 5px 0; font-weight: bold; background: none; padding: 1px 0 0 10px; color: #555; }
ul.results .location-no-colour { font-size: 0.9em; margin: 5px 0; background: none; color: #555; }
#right-column .specs { padding: 0px; margin: 0px; }
#right-column .specs dl { margin: 0; padding: 0px; }
#right-column p
{
    background-color:#ccc; margin:1px 0 0 0; padding:0; float:left; width:100%;
} /* { font-weight: bold; font-size: 1.1em; margin: 3px 0; }*/
#right-column p span
{
     font-family:Arial, sans-serif; font-size:11px; font-weight:normal; line-height:11px; float:left; margin-left:5px; color:#414141; width:auto; width:95%; height: 100%; padding:7px 2px 7px 2px; 
}
#right-column p span a {color: #414141;}
/*#right-column dd { font-size: 0.9em; backround: url(../images/template/backgrounds/right_col_bullet_grey.png) no-repeat 8px 6px; padding: 0 0 0 12px; }*/
#right-column .caption { text-align: center; }
#right-column .caption a { text-decoration: none; }
#eventFilter { font-size:11px; }
#eventFilter div { margin: 0 0 0 0; position: relative; clear: left; }
#eventFilter label {/* display:inline;clear:left;float:left;width:70px; */ width: 185px; display: block; color: #4A6171; font-weight: bold;/* text-align:right; */ margin: 3px 0px 0px 0; }
#eventFilter select {/* position:absolute;top:0;left:80px;width:105px;  width: 185px;*/ display: block; border: 1px solid #ccc; background: none; margin: 0 0 2px 0px; }
#eventFilter .button-holder { padding: 10px 0px 0 0; }
#eventFilter .button-holder .button-wrap { float: right; }
#eventFilter .hidden-input { visibility: hidden; }
.search-filter { margin: 0 }
.search-filter .ctrl-holder { float: left; display: inline; position: relative; margin: 0 15px 10px 0; }
.search-filter .ctrl-holder .text-input { padding: 2px 4px; border: 1px solid #7F9DB9; width: 280px; }
.search-filter .check-holder { clear: left; }
.search-filter .check-holder label { float: left; display: inline; width: 90px; margin: 0 5px; }
.search-filter .check-holder input { float: left; display: inline; }
.topics p { margin: 0 0 4px 0; }
.topics .level1 { font-weight: bold; }
.topics .level2 { background: url(../images/template/bullets/bullet_blue.png) no-repeat left 6px; padding-left: 12px; margin-left: 10px; display: block; text-decoration: underline; }
.topics .level3 { background: url(../images/template/bullets/bullet_blue.png) no-repeat left 6px; padding-left: 12px; margin-left: 20px; display: block; text-decoration: underline; }
.topics .level4 { background: url(../images/template/bullets/bullet_blue.png) no-repeat left 6px; padding-left: 12px; margin-left: 30px; display: block; text-decoration: underline; }
.featured-projects { font-size: 0.9em; margin: 15px 0; }
.featured-projects p { margin: 0 0 5px 0; }
.featured-projects .thumbnail {/* height:80px;overflow:hidden; */ }
.featured-projects .thumbnail a { padding: 0; background: none; }
.featured-projects .location { border-width: 0 0 0 10px; border-style: solid; font-size: 0.9em; margin: 0 0 5px 0; background: none; padding: 0px 0 0 10px; font-weight: bold; }
.featured-projects h2 a .pdf { background: none; padding: 0; }
.transport { clear: left; float: left; display: inline; }
.transport .type { position: relative; padding-left: 75px; }
.transport .type .icon { position: absolute; left: 0; top: 0; }
.framed { border: 4px solid #dfdfdf; }
#location-cols { }
#location-cols .col { width: 320px; float: left; display: inline; margin: 0 30px 0 0; }
#location-cols .last { width: 360px; float: left; display: inline; margin: 0; }
#location-map { margin: 0 0 30px 30px; float: right; position: relative; z-index: 3; text-align: center; display: inline; }
#sort-by { border-bottom: 1px solid #dfdfdf; text-align: right; margin: 1em 0 1em 0; padding: 0 0 1em 0; }
#sort-by label { color: #4A6171; font-weight: bold; font-size: 0.9em; }
#sort-by select { margin: 0 5px;/* width:100px; */ border: 1px solid #ddd; background: none; }
#sort-by .button { padding: 0 5px; }
#sort-by .ctrl-holder { float: left; text-align: left; width: 160px; position: relative; margin: 0 5px 0 0; }
#sort-by .ctrl-holder label { display: block; margin: 0 0 0.3em 0; }
#sort-by .ctrl-holder select { width: 160px; position: absolute; top: 1.3em; left: 0; margin: 0; }
#sort-by .button-holder { padding-top: 1em; }
#sort-by .button-holder .button { margin: 3px 0 0 0; }
#resource-filters { border-bottom: 1px solid #dfdfdf; text-align: right; margin: 1em 0 1em 0; padding: 0 0 1em 0; }
#resource-filters label { color: #4A6171; font-weight: bold; font-size: 0.9em; }
#resource-filters select { margin: 0 5px;/* width:100px; */ border: 1px solid #ddd; background: none; }
#resource-filters .button { padding: 0 5px; }
#resource-filters .ctrl-holder { float: left; text-align: left; width: 160px; position: relative; margin: 0 5px 0 0; }
#resource-filters .ctrl-holder label { display: block; margin: 0 0 0.3em 0; }
#resource-filters .ctrl-holder select { width: 160px; position: absolute; top: 1.3em; left: 0; margin: 0; }
#resource-filters .button-holder { padding-top: 1em; }
#resource-filters .button-holder .button { margin: 3px 0 0 0; }
input.button { border: 1px solid #4A6171; background: url(../images/template/button_grad.png) repeat-x left bottom #fbfbfb; font-weight: bold; color: #4A6171; padding: 0 25px; }
input.button:hover { /*background: #dfdfdf;*/ cursor: pointer; }
/* Below a fix for dark border around button on active form */
span.button-wrap { border: 1px solid #4A6171; }
span.button-wrap:hover { cursor: pointer; }
span.button-wrap input.button { border: 0; }
div.button { margin: 20px 0; }
div.button a { border: 1px solid #4A6171; background: url(../images/template/button_grad.png) repeat-x left bottom; margin: 0 30px; display: block; font-weight: bold; color: #4A6171; padding: 5px 10px; text-decoration: none; font-size: 0.9em; text-align: center; }
div.button a:hover { background: #dfdfdf; cursor: pointer; }
#visit-us-cols { }
#visit-us-cols .col { border: 0; }
#visit-us-cols h2 { padding: 0 0 5px 0; border-bottom: 2px solid #587992; }
/* [rm:20110413] Added the following 2 lines to make the campus Visit us heading links consistent with Events & Exhibitions */
#visit-us-cols h2 a { color: #333333; text-decoration: none; }
#visit-us-cols a:hover { color: #2F6D94; text-decoration: underline; }
/* Forms */
.standard input { }
.standard fieldset { margin: 10px 0 10px 0; }
.standard legend { font-size: 1.2em; color: #49606f; margin: 0px 0 10px 0; display: block; }
.standard .ctrl-holder { margin: 0px 0px 10px 0px; position: relative; float: left; width: 100%; }
.standard label { float: left; display: inline; width: 185px; text-align: right; margin: 0 15px 0 0; }
.standard .ctrl-holder .mand { position: absolute; top: 3px; left: 191px; }
.standard .ctrl-holder .text-input { width: 200px; border: 1px solid #7F9DB9; padding: 2px 5px; }
.standard .ctrl-holder textarea { width: 200px; border: 1px solid #7F9DB9; padding: 2px 5px; }
.standard .button-holder { margin: 0px 0 10px 0; padding: 10px 0 0 200px; border-top: 1px solid #dfdfdf; }
.standard .button-holder .button { padding: 1px 30px; }
.standard .button-holder .button-wrap { float: left; }
.standard .mand { color: red; font-weight: bold; }
.standard .summary { font-size: 0.9em; color: #555; padding: 0 0 0 200px; }
.standard label.right { float: none !important; margin: 0 0 0 10px; text-align: left; width: auto; }
.standard .ctrl-holder .checkbox { margin: 0 0 0 199px; }
.standard input.radio { margin: 0; }
.standard label.radio { float: none !important; margin: 0 15px 0 8px; width: auto; }
.standard .ctrl-holder table.radio input { margin: 0; }
.standard .ctrl-holder table.radio label { float: none !important; margin: 0 15px 0 8px; width: auto; }
.standard .margin-left { margin: 0 0 0 200px; }
/* for narrow columns */
.col .standard label { float: left; display: inline; width: 115px; text-align: right; margin: 0 15px 0 0; }
.col .standard .ctrl-holder .mand { position: absolute; top: 3px; left: 121px; }
.col .standard .summary { font-size: 0.9em; color: #555; padding: 0 0 0 130px; }
.col .standard .button-holder { margin: 0px 0 10px 0; padding: 10px 0 0 130px; border-top: 1px solid #dfdfdf; }
.col .standard .ctrl-holder .checkbox { margin: 0 5px 0 130px; }
/* Contact Us Landing Page */
#contact-cols { }
#contact-cols .col { float: left; display: inline; width: 54%; }
#contact-cols .last { float: right; width: 40%; display: inline; }
#contact-cols h2 { margin: 0 0 1em 0; border-bottom: 2px solid #587992; padding: 0 0 5px 0; }
#contact-cols form .text-input { width: 240px; }
#contact-cols form textarea { height: 130px; width: 240px; }
/* Vernon / Collections */

iframe { border: 0; }
#collection-grid { clear: left; }
#collection-grid table td { border: 0; padding: 0; width: 210px; padding: 14px; }
#collection-grid table td .highlight { border: 1px solid #DFDFDF; margin: 0 0 15px 0; padding: 0; }
#collection-grid table td .highlight .bed { background: url(http://www.qm.qld.gov.au/images/template/list_grad.png) repeat-x left bottom #fff; padding: 10px 0px; border: 1px solid #fff;/* float:left;width:100%; */ }
#collection-grid table td .highlight img { border: 4px solid #dfdfdf; width: 131px; height: 131px; }
#collection-grid table td .highlight p { text-align: center; font-family: "Trebuchet MS", "Helvetica", sans-serif; margin: 0; }
#collection-grid table td .highlight p.title { margin: 5px 0 0 0; }
#collection-grid table td .highlight p a { color: #333; text-decoration: none; font-size: 1.2em; }
#collection-grid table td .highlight p a:hover { color: #2f6d94; text-decoration: underline; }
/* Vernon label view */
#collection-image { margin: 20px 0; }
#collection-image-wrapper img { }
/* Vernon details view - collection item details */
#collection-item h2 { border-bottom: 2px solid #587992; margin: 0 0 1em; padding: 0 0 5px; }
#item-details { margin: 0 15px 15px 15px; }
#item-details th { padding: 0 15px 0 0; }
#item-details th, #item-details td { text-align: left; vertical-align: top; border: 0; }
.loading { color: #333; border: 7px solid #9AC5DF; max-width: 20em; font: 8pt Arial, Helvetica, Geneva, sans-serif; }
.captcha { width: 320px; margin-left: auto; margin-right: auto; }
.recaptchatable img.external-link-icon { display: none; }
.standard label.error { float: right; display: inline; width: auto; text-align: left; margin: 0 20px 0 0; color: #f00; }
.standard .checkboxlist label { float: none; display: inline; width: auto; text-align: left; margin: 0 15px 0 0; border: none; }
.standard .checkboxlist table, tr, td { border: none; }