*{margin:0;padding:0;} ul#skip-nav{position:absolute;top:-999em;} html,body{} #wrapper-outer{height:100%;min-height:100%;padding-bottom:100px;} #wrapper{background:url(/img/nrm/common/tint.png);margin:0 auto;padding:0 25px 40px;width:918px;} #header{min-height:185px;position:relative;} #header-content{float:right;height:100px;position:relative;width:485px;} #content{padding: 10px 0;} @media screen and (-webkit-min-device-pixel-ratio:0){ #content{ padding-top: 10px; } } #primary{padding:0;} #side-nav{float:left;padding:0;} #side-bar{float:right;margin-bottom:0;padding-bottom:0;width:226px;} #footer-wrapper{background:#000;height:70px;padding:15px 0;width:100%;} #footer{font-size:.75em;margin:0 auto;width:918px;} .two-col #primary{float:right;margin:0;width:718px;} .two-col-alt #primary{float:right;margin-bottom:20px;padding:0;position:relative;width:722px;} .t24.two-col-alt #primary{padding-bottom:10px;} .three-col #primary{float:left;margin:0 10px;position:relative;width:472px;} .one-col #primary{margin-bottom:0;} .t20.one-col #primary{margin-bottom:0;width:918px;} .t25.one-col #primary.full-width{margin-bottom:20px;} /*changes by NRM*/.t22 #primary .img-holder,.t14 #primary .img-holder{text-align:left;} .t22 #primary .img-holder img{margin-bottom:-4px;} .t14 #primary .img-holder img{margin-bottom:-5px;} .three-col #primary .img-holder{width:432px;margin-bottom:20px;} .three-col #primary .img-holder img{margin-bottom:0;} .three-col #primary .full-width .inner-half.right img{margin-bottom:-5px;} .three-col #side-bar .img-holder{width:186px;} .t6 #primary .img-holder img{margin-bottom:-5px;} .three-col #primary .img-holder .caption{background-position:bottom left;background-repeat:no-repeat;margin:-5px 0 15px;padding:15px 10px;text-align:left;width:412px;} .three-col #primary .blue .img-holder .caption{background-color:#003356;background-image:url(/img/nrm/corners/caption-432-blue.png);} .three-col #primary .green .img-holder .caption{background-color:#1F4924;background-image:url(/img/nrm/corners/caption-432-green.png);} ul.event-list .img-holder{border-bottom:5px solid #FFD129;height:115px;margin-bottom:10px;overflow:hidden;text-align:center;width:170px;} ul.image-thumbs .img-holder{border-bottom:5px solid #FFD129;height:70px;margin-bottom:10px;overflow:hidden;text-align:center;width:100px;} .three-col .full-width .inner-half.right.cut-out{border-bottom:none;} .three-col .full-width.blue .inner-half.right{background:#003356;} .three-col .full-width.green .inner-half.right{background:#1f4924;} /*change by NRM*/.t14 .img-holder .caption,.t6 .img-holder .caption,.t18 .img-holder .caption,.t22 .img-holder .caption{padding:10px 20px 5px;width:644px;background:url(/img/nrm/corners/caption-678-blue.png) no-repeat bottom;margin:0 0 20px;position:relative;} #primary .module form,#primary .module fieldset{float:left;width:100%;} #primary form.nls .checks li label{margin-left:10px;width:180px;} input.text{} #primary form p{margin:0;} #primary input.text{border:1px solid #fff;float:left;padding:3px;width:175px;} #primary input.text.errors{border:1px solid #fff;} label{display:block;line-height:.5em;} label.search-label{display:none;} #primary label{line-height:1em;margin-bottom:15px;} fieldset{float:left;border:none;margin:2px 0 0;padding:0;} legend{display:none;} #content #primary button.submit{background:#FFD129;border:none;color:#000;cursor:pointer;float:right;font-family:"Trebuchet MS",Arial,sans-serif;font-weight:700;height:23px;line-height:23px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;} #content #primary button.submit:hover{background:#000;color:#FFD129;} #content button.submit{float:right;} #content button.submit span{padding:3px 5px;} #side-bar fieldset,#search-box fieldset{border:1px solid #fff;height:20px;line-height:20px;margin:2px 0 0;padding:0 15px 0 5px;width:235px;} #side-bar legend,#search-box legend{display:none;} #side-bar input,#search-box input{border:none;color:#fff;margin-top:4px;} #side-bar input{margin-top: 20px;} #side-bar input.text,#search-box input.text{float:left;background:#231F20;border-right:2px solid #fff;color:#fff;width:160px;} #search-box button.submit,#side-bar button.submit{background:url(/img/nrm/common/btn-search.png) no-repeat top left;border:none;color:#fff;cursor:pointer;float:right;height:13px;line-height:20px;margin-top:7px;padding:7px 0 0;text-align:left;width:53px;} #side-bar button.submit span,#search-box button.submit span{cursor:pointer;display:block;height:20px;text-indent:-999em;width:50px;} #side-bar button.submit:hover,#search-box button.submit:hover{background-position:bottom left;} #side-bar fieldset{padding-right:0;width:178px;} #side-bar input.text{background:transparent;font-size:.65em;height:17px;line-height:20px;width:115px;} #side-bar button.submit{height:13px;margin-right: 3px;top: 3px;width:53px;} #side-bar .red button.submit{background:url(/img/nrm/common/btn-search-red.gif) no-repeat top left;} #side-bar .green button.submit{background:url(/img/nrm/common/btn-search-green.gif) no-repeat top left;} #side-bar .orange button.submit{background:url(/img/nrm/common/btn-search-orange.gif) no-repeat top left;} #side-bar button.submit span{text-indent:-999em;width:50px;} #side-bar button.submit:hover{background-position:bottom left;} .t20 #content #primary input.text{background:transparent;border:1px solid #fff;color:#fff;margin-right:10px;width:360px;} #content #primary.full-width .module.full-width button.submit{float:left;} form.nls{} #primary form.nls label{line-height:1.5em;margin-bottom:3px;} #primary form.nls em{color:#FFD129;} #primary form.nls p label{margin-bottom:5px;} #primary form.nls p.with-select label{margin-bottom:4px;} #primary form.nls li label{float:left;margin-left:5px;padding-top:0;padding-left:5px;width:190px;} #primary form.nls fieldset p,#primary form.nls fieldset li{clear:left;float:left;line-height:25px;margin-bottom:10px;width:210px;} #primary form.nls fieldset p{padding-top:10px;} #primary form.nls .intro{margin-bottom:20px;width:440px;} #primary form.nls .intro p{margin-bottom:20px;width:440px;} #primary form.nls fieldset ul{list-style:none;margin:0;} #primary form.nls .right{clear:right;float:right;margin-left:0;margin-right:0;margin-top:0;} #content #primary form.nls select.dob-dd{width:50px;} #content #primary form.nls select.dob-mm{width:55px;} #content #primary form.nls select.dob-yy{width:90px;} .filter-tools div.filter{float:left;margin-right:10px;position:relative;width:182px;z-index: 1000;} .t11 .filter-tools div.filter,.t23 .filter-tools div.filter{width:275px;} #content .filter-tools div.filter p{margin:0 0 5px;} #content .filter-tools button{top:30px;position:absolute;right:20px;margin:0;} .t23 #content .filter-tools button{top:20px;position:absolute;right:20px;margin:0;} .filter-tools fieldset{padding-top:0;} #primary .filter-tools label{display:block;line-height:1.2em;margin-bottom:3px;padding-bottom:0;} select{background:#fff;border:1px solid #000;padding:3px;width:182px;} #content .filter-tools button.submit{width:65px;} #content .calendar-filters.module div.filter label{float:left;line-height:30px;margin-bottom:0;padding-right:5px;} #content .calendar-filters.module div.date label{margin:0;padding:0 5px;} #content .calendar-filters.module fieldset{margin:0;padding:0;} #content .calendar-filters.module div.filter p{line-height:10px;margin-bottom:0;} #content #primary .calendar-filters.module p.button{position:absolute;top:17px;right:20px;height:24px;width:50px;} #content .calendar-filters.module div.filter.date p{float:left;} .pages-displaying{float:left;line-height:23px;} .pagination div.filter{float:right;} #primary .pagination div.filter label{float:left;line-height:23px;margin-bottom:0;padding-right:5px;} ul.search-results{font-size:#FFD1291em;list-style:none;margin:15px 0 0;width:838px;} .t23 ul.search-results{font-size:1em;list-style:none;margin-top:15px;width:638px;} ul.search-results li{margin-bottom:45px;} ul.search-results li.last{margin-bottom:0;} ul.search-results p{font-size:1em;} ul.search-results pspan.result-link{display:block;} ul.search-results dl{font-size:1em;color:#fff;} ul.search-results dt{float:left;padding-right:5px;} ul.search-results dt,ul.search-results dd{color:#fff;} ul.search-results dd{margin-bottom:0;} #footer ul{list-style:none;margin:0;} #footer ul#social-links li{float:left;margin-right:10px;} #footer ul#social-links li a{background-position:top left;background-repeat:no-repeat;display:block;height:18px;text-indent:-999em;overflow:hidden;} #footer ul#social-links li.youtube a{background-image:url(/img/nrm/icons/logo-youtube.png);width:50px;} #footer ul#social-links li.twitter a{background-image:url(/img/nrm/icons/logo-twitter.png);width:61px;} #footer ul#social-links li.flickr a{background-image:url(/img/nrm/icons/logo-flickr.png);width:48px;} #footer ul#social-links li.facebook a{background-image:url(/img/nrm/icons/logo-facebook.png);width:69px;} #footer ul#social-links li.delicious a{background-image:url(/img/nrm/icons/logo-delicious.png);width:96px;} #footer ul#social-links li.whats-this a{text-indent:0;} #footer ul#social-links li a:hover{background-position:0 -18px;} #footer #text-size-widget h4,#footer #text-size-widget ul,#footer #text-size-widget li{float:left;} #footer #text-size-widget h4{margin-right:10px;} #footer #text-size-widget li{height:24px;} #footer #text-size-widget li a{background-position:top left;background-repeat:no-repeat;background-position:0 50%;display:block;height:24px;text-indent:-999em;} #footer #text-size-widget li.text-default a{background-image:url(/img/nrm/icons/icon-text-small.png);margin-right:10px;width:16px;} #footer #text-size-widget li.text-large a{background-image:url(/img/nrm/icons/icon-text-large.png);margin-right:0;width:24px;} #footer #text-size-widget li a:hover{background-position:100%;} #footer ul#social-links li.whats-this,#footer #footer-bottom li{float:left;height:24px;line-height:24px;margin-right:15px;} #footer ul#social-links li.whats-this a,#footer #footer-bottom li a{background:url(/img/nrm/icons/bul-arrow-footer.png) no-repeat top left;float:left;height:24px;line-height:24px;margin-right:15px;padding-left:17px;} #footer ul#social-links li.whats-this a:hover,#footer #footer-bottom li a:hover{background-position:bottom left;} .matrix{border-bottom:5px solid #FFD129;margin:30px 0;padding:10px;} .matrix table{border-collapse:collapse;} .matrix tbody td{border-top:1px solid #ffd129;border-bottom:1px solid #ffd129;} .matrix th{font-size:.65em;line-height:1.2em;padding-top:3px;padding-bottom:1px;} .matrix th span{font-style:italic;font-size:.9em;font-weight:400;line-height:1em;padding:3px 0;} .matrix td{font-size:.7em;line-height:1em;text-align:center;padding:3px 0;} .matrix td.text,.matrix th.text{text-align:left;width:130px;} .matrix th.table_header{padding:20px 0 2px;} table.jCalendar{background:#42789a;border-collapse:separate;border-spacing:2px;overflow:hidden;width:172px;height:125px;margin-top:3px;} table.jCalendar th{background:#bbb;color:#003356;font-weight:700;padding:3px 5px;height:16px;width:12px;} table.jCalendar td{background:#fff;color:#000;padding:0 5px;height:8px;width:12px;text-align:center;} table.jCalendar td.other-month{background:#004D7A;color:#fff;} table.jCalendar td.today{background:#FFD129;color:#000;} table.jCalendar td.dp-hover,table.jCalendar tr.activeWeekHover td{background:#eee;color:#000;} table.jCalendar td.disabled,table.jCalendar td.disabled.dp-hover{background:#004D7A;color:#fff;} a#dp-close{font-size:11px;padding:4px 0;text-align:center;display:block;} a#dp-close:hover{text-decoration:underline;} a.dp-choose-date{float:left;width:41px;height:18px;padding:0;margin:3px 6px 3px 3px;display:block;text-indent:-999em;overflow:hidden;background:url(/img/nrm/icons/date-picker.gif) no-repeat;} a.dp-choose-date.dp-disabled{background-position:0 -20px;cursor:default;} .custom_checkbox{position:absolute;z-index:100;left:-24px;top:0;width:19px;font-family:Arial,Helvetica,sans-serif;font-size:12px;text-decoration:none;outline:none;background:url(/img/nrm/forms/checkbox.gif) no-repeat;height:20px;display:block;padding:0;color:#FFF;cursor:pointer;} .custom_checkbox:hover{color:#FFD621;text-decoration:underline;} .custom_checkbox.yes{background-position:left -26px;} /*NRM changes*/#zonewrapper{text-align:left;width:500px;margin:0 auto;background-color:#005c7e;} .zone{margin-bottom:20px;} .zone img{float:left;margin-right:20px;} .zone span{float:right;width:354px;} .wallpaper{float:left;width:125px;margin-right:20px;} .wallpaper ul,li{margin:0;} .hidden{position:absolute;left:-999px;width:990px;} .zoneclear{clear:both;} /*changes for micro pages*/#primary.micropage1 h1{position:absolute;left:-999px;width:990px;} #microcontent{padding:0 20px 20px;} /*#content #side-nav.module { padding:8px 20px;this is to make side nav line up with tabbed nav*/ #tabbednav{font-family:"Trebuchet MS", Arial, sans-serif;font-weight:700;font-size:1.3em;line-height:1em;position:relative;top:-10px;z-index:100;} #tabbednav ul{list-style-type:none;margin:0 0 0 20px;padding:0;} #tabbednav li{float:left;margin-bottom:-10px} #tabbednav a{float:left;display:block;padding:16px 25px;text-decoration:none;} #tabbednav ul li:last-child a{background-image:none;} #tabbednav:after{content:".";display:block;height:0;clear:right;visibility:hidden;} .micropage1 #primary hr{color:#194753;background-color:#194753;margin-left:20px;width:678px;} .micropage1 #primary .intro{text-align:center;padding:0 10px;} .micropage1 .inner-body-inside {position:relative; top:-10px;} .yellowtext{color:#FFD129;} /************************************************************************************ ------------------------------------------------------------------------------------- "sliders.css" @desc Slider elements for www.nrm.org.uk @author ico Design ------------------------------------------------------------------------------------- ************************************************************************************//* Misc sliders in modules -----------------------------------------------------------------------------------*//* @group Misc sliders in modules */ .general-slider.module{padding:0;} /* Classes to apply when slider is active */.js .general-slider{overflow:hidden;position:relative;margin:0 0 15px;} .js .general-slider .general-slider-content{overflow:hidden;margin:0;position:absolute;top:0;left:0;} .general-slider .general-slides-inner-wrapper{font-size:1.3em;margin:0;list-style:none;} .js .general-slider .general-slides-inner-wrapper{width:9999px;top:0;left:0;} ul.general-slides-inner-wrapper{list-style:none;} .js .general-slider .general-slides-inner-wrapper li.item{display:block;float:left;font-size:1.3em;padding:0;width:310px;margin:0;} .general-slider div.caption{padding:20px 0;} /* Slider controls */.js .general-slider .thumbNav{position:absolute;top:0;text-align:right;bottom:0;right:0;position:absolute;width:310px;} .js .general-slider .thumbNav a{background-image:url(/img/nrm/icons/slider-nav-small.png);background-position:top left;background-repeat:no-repeat;display:inline-block;padding:0;height:12px;margin:0 0 0 5px;text-indent:-999em;width:12px;} .js .general-slider .thumbNav a:hover,.js .general-slider .thumbNav a.cur{background-image:url(/img/nrm/icons/slider-nav-small-cur.png);} .js .general-slider .controls{left:0;position:absolute;height:12px;} /* Template 2 and 3 sliders ----------------------------------------------------------------------------------------------------*/ .general-slider.t2-slider.slideable,.general-slider.t3-slider.slideable{min-height:360px;width:310px;} .general-slider.t3-slider.slideable{min-height:380px;} .general-slider.t2-slider.slideable .general-slider-content,.general-slider.t3-slider.slideable .general-slider-content{min-height:380px;} .general-slider.t3-slider.slideable .general-slider-content{min-height:380px;} .general-slider.t2-slider.slideable .general-slider-content,.general-slider.t3-slider.slideable .general-slider-content,.general-slider.t2-slider.slideable .controls,.general-slider.t3-slider.slideable .controls,.general-slider.t2-slider.slideable .thumbNav,.general-slider.t3-slider.slideable .thumbNav,.general-slider.t2-slider.slideable .general-slides-inner-wrapper li.item,.general-slider.t3-slider.slideable .general-slides-inner-wrapper li.item{width:310px;} .general-slider.t2-slider.slideable .controls,.general-slider.t3-slider.slideable .controls{top:155px;} /* Template 13c sliders ----------------------------------------------------------------------------------------------------*/.js .general-slider.t13-slider{height:271px;margin-bottom:15px;} .js .general-slider.t13-slider{height:295px;width:432px;} .js .general-slider.t13-slider .general-slider-content{height:279px;} .js .general-slider.t13-slider .general-slider-content,.js .general-slider.t13-slider .controls,.js .general-slider.t13-slider .thumbNav,.js .general-slider.t13-slider .general-slides-inner-wrapper li.item{width:432px;} .js .general-slider.t13-slider.slideable .general-slides-inner-wrapper li.item{height:271px;} .js .general-slider.t13-slider.slideable .controls{top:275px;} /* Template 13d sliders ----------------------------------------------------------------------------------------------------*/.general-slider.t13d-slider.slideable{height:271px;margin-bottom:45px;} .general-slider.t13d-slider.slideable{height:266px;width:428px;} .js .general-slider.t13-slider .general-slider-content{height:271px;} .general-slider.t13d-slider.slideable .general-slider-content,.general-slider.t13d-slider.slideable .controls,.general-slider.t13d-slider.slideable .thumbNav,.general-slider.t13d-slider.slideable .general-slides-inner-wrapper li.item{width:428px;} .general-slider.t13d-slider.slideable .general-slides-inner-wrapper li.item{height:271px;} .general-slider.t13d-slider.slideable .controls{top:275px;} /* /* Template 5 & 18 sliders ----------------------------------------------------------------------------------------------------*/ .js .general-slider.t5-slider{float:left;width:470px;} .js .general-slider.t5-slider{min-height: 350px;} .js .general-slider.t18-slider{min-height: 375px;} .js .t18 .general-slider.t18-slider{margin:0 0 15px;padding:0;width:470px;} /*.js .general-slider .general-slider-content{height:350px;}*/ .js .general-slider.t5-slider .general-slider-content, .js .general-slider.t18-slider .general-slider-content, .js .general-slider.t5-slider .thumbNav, .js .general-slider.t18-slider .thumbNav, .js .general-slider.t5-slider .general-slides-inner-wrapper li.item, .js .general-slider.t18-slider .general-slides-inner-wrapper li.item{width:470px;} .js .general-slider.t5-slider .general-slides-inner-wrapper li.item, .js .general-slider.t18-slider .general-slides-inner-wrapper li.item{ /*height: 350px;*/ } .js .general-slider.t5-slider .general-slides-inner-wrapper li.item img .js .general-slider.t18-slider .general-slides-inner-wrapper li.item img{overflow:hidden;height:250px;} .js .general-slider.t5-slider .controls,.js .general-slider.t18-slider .controls{width:460px;top:255px;} .js .blue .general-slider.t5-slider .general-slider-content, .js .blue .general-slider.t18-slider .general-slider-content{ background:url(/img/nrm/corners/caption-470-blue.png) bottom left; padding-bottom: 0; margin-bottom: -20px; } .js .green .general-slider.t5-slider .general-slider-content, .js .green .general-slider.t18-slider .general-slider-content{background-color:#1F4924;background:url(/img/nrm/corners/caption-470-green.png) bottom left;} .js .general-slider.t5-slider .general-slider-content .caption, .js .general-slider.t18-slider .general-slider-content .caption{padding:0 20px 30px 20px;} /* Template 6 sliders ----------------------------------------------------------------------------------------------------*/ .js .general-slider.t6-slider {float:left;height:330px;margin-bottom: 0;width:676px;} .js .t6-slider.single-image {height:310px;} .js .general-slider.t6-slider .general-slider-content{height:295px;width:676px;} .js .general-slider.t6-slider .thumbNav{width:676px;} .js .general-slider.t6-slider .general-slides-inner-wrapper li.item{height:305px;width:676px;} .js .general-slider.t6-slider .controls{width:676px;top:300px;} /* Template 18 sliders ---------------------------------------------------------------------------------------------------- .general-slider.rainhill-internal-left.slideable { width: 468px; height: 324px; } .general-slider.rainhill-internal-left.slideable .general-slider-content { width: 468px; height: 324px; } .general-slider.rainhill-internal-left.slideable .general-slides-inner-wrapper li.item { width: 468px; height: 257px; } .general-slider.rainhill-internal-left.slideable .controls { width: 458px; top: 252px; }*//* /* Template 22 sliders ----------------------------------------------------------------------------------------------------*/.general-slider.t22-slider.slideable{float:left;height:420px;width:676px;margin-bottom:30px;} .general-slider.t22-slider.slideable .general-slider-content{height:420px;width:676px;} .general-slider.t22-slider.slideable .thumbNav{width:676px;} .general-slider.t22-slider.slideable .general-slides-inner-wrapper li.item{height:420px;width:676px;} #primary .general-slider.t22-slider .general-slides-inner-wrapper li.item img{margin-bottom:0;display:block;} .general-slider.t22-slider.slideable .controls{width:666px;top:335px;} .general-slider.t22-slider .caption{padding:25px 20px 15px;width:636px;background:url(/img/nrm/corners/caption-678-blue.png) no-repeat bottom;margin-top:0;height:50px;position:relative;} #content .general-slider.t22-slider .caption p{margin:0;} .general-slider.t22-slider.slideable a.arrow{height:325px;} /* Template 12 sliders ----------------------------------------------------------------------------------------------------*/.general-slider.t12-slider{overflow:hidden;width:432px;} .js .general-slider.t12-slider{float:left;height:360px;width:432px;margin-bottom:20px;} .js .general-slider.t12-slider .general-slider-content{height:360px;width:432px;} .js .general-slider.t12-slider .thumbNav{width:432px;} .js .general-slider.t12-slider .general-slides-inner-wrapper li.item{background:url(/img/nrm/corners/caption-432-blue.png) no-repeat scroll left bottom;height:360px;width:432px;} #primary .general-slider.t12-slider .general-slides-inner-wrapper li.item img{margin-bottom:0;display:block;} .js .general-slider.t12-slider .controls{width:425px;top:255px;} .general-slider.t12-slider .caption{margin-top:0;padding:20px 20px 10px;position:relative;width:392px;} #content .general-slider.t12-slider .caption p{margin:0;} .js .general-slider.t12-slider a.arrow{height:340px;} /* Template 14 and 24 sliders ----------------------------------------------------------------------------------------------------*/.js .general-slider.t14-slider,.js .general-slider.t24-slider{float:left;height:450px;width:676px;margin-bottom:0;} .js .general-slider.t14-slider .general-slider-content,.js .general-slider.t24-slider .general-slider-content{height:465px;width:676px;} .js .general-slider.t14-slider .thumbNav,.js .general-slider.t24-slider .thumbNav{width:676px;} .general-slider.t14-slider .general-slides-inner-wrapper li.item,.general-slider.t24-slider .general-slides-inner-wrapper li.item{height:465px;width:676px;} #primary .general-slider.t14-slider .general-slides-inner-wrapper li.item img,#primary .general-slider.t24-slider .general-slides-inner-wrapper li.item img{margin-bottom:0;display:block;} .general-slider.t14-slider.slideable .controls,.general-slider.t24-slider.slideable .controls{width:666px;top:325px;} .general-slider.t14-slider .caption,.general-slider.t24-slider .caption{padding:25px 20px 15px;width:636px;background:url(/img/nrm/corners/caption-678-blue.png) no-repeat scroll left bottom;margin-top:0;position:relative;} #content .general-slider.t14-slider .caption p,#content .general-slider.t24-slider .caption p{margin:0;} .general-slider.t14-slider.slideable a.arrow,.general-slider.t24-slider.slideable a.arrow{height:340px;} /* Sliders in overlays ie t8 ----------------------------------------------------------------------------------------------------*/ .overlay-content .general-slider.slideable {float:left;height:395px;width:655px;} .overlay-content .general-slider.slideable .general-slider-content {height:385px;width:655px;} .overlay-content .general-slider.slideable .thumbNav{width:655px;} .overlay-content .general-slider.static .thumbNav,.overlay-content .general-slider.static .controls{display: none;} .overlay-content .general-slider.slideable .general-slides-inner-wrapper li.item{height:385px;width:655px;} .overlay-content .general-slider.slideable .controls{width:656px;top:370px;} /* @end *//* Prev and next arrows -----------------------------------------------------------------------------------*/.slideable a.arrow{background-position:0 -50%;background-repeat:no-repeat;cursor:pointer;display:block;height:100%;position:absolute;text-indent:-999em;width:40px;z-index:999;} .slideable a.arrow:hover{background-position:100% 50%;} .slideable a.next{background-image:url(/img/nrm/icons/slider-next.png);right:0;} .slideable a.prev{background-image:url(/img/nrm/icons/slider-prev.png);left:0;} .slideable.t5-slider a.arrow{height:250px;} .slideable.t6-slider a.arrow{height:290px;} .overlay-content .slideable a.arrow{height:365px;} /* Home page slider -----------------------------------------------------------------------------------*//* @group Home slider */ #home-slider.module{padding:0;} /* Classes to apply when slider is active */ #home-slider{width:918px;position:relative;margin:0 0 15px;padding:0;} #home-slider ul{margin:0;} .js #home-slider{height:340px;margin-bottom:20px;overflow:hidden;} #home-slider .home-slider-content{width:918px;margin:0 0 0 0;} .js #home-slider .home-slider-content{overflow:hidden;height:342px;position:absolute;top:0;left:0;} .js #home-slider .home-slides-inner-wrapper{width:9999px;height:340px;padding:8px 0;position:absolute;top:0;left:0;margin:0;} #home-slider .home-slides-inner-wrapper li.item{ background-position: 0 0; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; display:block; float:left; font-size:1em; height: 300px; padding: 15px 20px; position:relative; width: 878px; margin:0; } .js #home-slider .home-slides-inner-wrapper li.item{} /* Slider control bar */ #home-slider.slideable #controls{background-position:top left;bottom:2px;height:35px;left:0;position:absolute;width:918px;z-index: 999;} #home-slider.slideable .thumbNav{position:relative;height:35px;top:0;text-align:center;} #home-slider.slideable .thumbNav li{height:35px;line-height:35px;} #home-slider.slideable #controls .thumbNav a{float:left;outline:none;} #home-slider.slideable .thumbNav a{background-image:url(/img/nrm/icons/slider-nav-large.png);background-position:50%;background-repeat:no-repeat;display:inline-block;padding:0;height:35px;margin:0 5px 0 0;outline:none;text-indent:-999em;width:12px;} #home-slider.slideable .thumbNav a:hover,#home-slider.slideable .thumbNav a.cur{background-image:url(/img/nrm/icons/slider-nav-large-cur.png);} #home-slider.slideable a#start-stop{color:#FFF;font-size:.8em;height:35px;line-height:35px;outline:none;padding:0;position:absolute;right:0;bottom:3px;width:60px;z-index: 999;} #home-slider.slideable a#start-stop{background-position:left;background-repeat:no-repeat;padding-left:20px;} #home-slider.slideable a#start-stop{background-image:url(/img/nrm/icons/btn-play.png);right:0;} #home-slider.slideable a#start-stop.playing{background-image:url(/img/nrm/icons/btn-pause.png);} #slider-start-stop a.inactive{color:#FFD129;text-decoration:none;} /* @end *//************************************************************************************ ------------------------------------------------------------------------------------- "type.css" @desc Typographic rules for www.nrm.org.uk @author ico Design ------------------------------------------------------------------------------------- ************************************************************************************/html{color:#fff;} body{font-size:100%;line-height:1.5em;font-family:Verdana, Arial, sans-serif;} h1,h2,h3,h4,h5,#navigation,#nav-sub{font-weight:400;font-family:"Trebuchet MS", Arial, sans-serif;} /* Logo -----------------------------------------------------------------------------------*//* @group Logo */#logo,#logo h1,#logo p,#logo a{height:105px;left:0;position:absolute;top:0;width:105px;} #logo,#logo a{background:url(/img/nrm/common/logo.png) no-repeat top left;text-indent:-999em;} #logo p a{display:block;} /* @end *//* Breadcrumbs -----------------------------------------------------------------------------------*/ /* @group Breadcrumbs */ p#breadcrumbs{padding:0 0 0 20px;} /*Chrome/Safari hack*/ @media screen and (-webkit-min-device-pixel-ratio:0) { p#breadcrumbs{padding:0 0 0 20px;} } /* @end *//* @group Headings *//* Headings -----------------------------------------------------------------------------------*/h1,h2,h3,h4{font-weight:400;font-family:"Trebuchet MS", Arial, sans-serif;} h1{font-size:2.375em;line-height:1em;margin-bottom:15px;position:relative;} h1 span{display:block;font-size:.5em;line-height:1em;padding-top:10px;} h2{font-size:1.625em;font-weight:700;margin-bottom:10px;} #primary h1,#primary h2,.module h2{background:url(/img/nrm/common/vert-bars.gif) repeat-x bottom left;margin-bottom:15px;padding-bottom:15px;} #primary h1{padding-bottom:25px;} #primary h1.no-bars{background:none;padding-bottom:0;} #primary h2,.t22 #primary h2{font-size:1.125em;font-weight:700;} #primary h2.no-bars,.three-col #primary h2,.t22 #primary h2{background:none;padding-bottom:0;} #primary h2.no-bars,.three-col #primary h2{font-size:1.625em;} .three-col #primary h2{float:left;font-size:1.125em;font-weight:400;margin:5px 0 10px;width:100%;} .three-col #primary h2:first-child{margin-top:0;} #primary .module h2{font-size:1.125em;font-weight:700;} .module h2{font-size:1.125em;font-weight:400;} .module h3{font-size:1.625em;font-weight:bold;margin-bottom:15px;} .two-col #primary .module h3{font-weight:400;margin:10px 0;padding:0;} .col.half h3{margin:30px 0 10px;} .col.half h3:first-child{margin:0 0 10px;} .three-col .full-width h3{background:none;clear:both;font-size:1.2em;font-weight:400;margin-bottom:15px;padding-bottom:0px;width:100%;} .three-col #primary.full-width h3{background:none;padding-bottom:0;} .t13.three-col #primary.full-width h3{margin:35px 0 5px;} ul.trail-items h3{font-weight:700;} ul.trail-items h3,ul.press-items h3{line-height:1.4em;} #sitemap #primary h3{font-size:1.2em;margin:15px 0 5px;} #primary .inner-third.right h3,.three-col .inner-third.right h3{font-size:1.2em;font-weight:400;margin-bottom:10px;} #collection .row.no-padding h3{margin-bottom:5px;} .module h4{font-weight:700;margin-bottom:10px;} h4 span{display:block;} .module .with-badge-content h4{margin:0;} .one-col .search-info h4{font-size:1.125em;font-style:italic;font-weight:400;margin-bottom:0;} /* Locomotion logo */h1 span.locomotion,h2 span.locomotion,h3 span.locomotion{background:url(/img/nrm/common/locomotion.png) no-repeat top left;display:block;height:24px;position:absolute;right:0;top:0;text-indent:-999em;width:110px;} h1 span.locomotion{top:.5em;} h2 span.locomotion{top:.5em;right:1em;} .half span.locomotion{background:url(/img/nrm/common/locomotion-sm.png) no-repeat top left;height:16px;margin-left:20px;right:20px;top:12px;width:70px;} /* @end *//* Links -----------------------------------------------------------------------------------*//* @group Links */a{color:#fff;} a:hover{color:#FFD129;} #primary h2 a,#primary h2 a:hover,.module h2 a,.module h2 a:hover,.module h3 a,.module h3 a:hover,.module h4 a,.module h4 a:hover{color:#fff;text-decoration:none;} #primary ul.search-results h3 a{text-decoration:underline;} #primary ul.search-results h3 a:hover{color:#FFD129;} #sitemap #primary h3 a{text-decoration:underline;} #sitemap #primary h3 a:hover{color:#FFD129;} #primary .third .event-intro-content h4 a{color:#fff;text-decoration:underline;} #primary .event-list h4 a:hover,#primary .inner-half h4 a:hover,#primary .third .event-intro-content h4 a:hover{color:#FFD129;text-decoration:underline;} /*ul.search-results p span.result-link a{color:#FFD129;}*/ a.external{background:url(/img/nrm/icons/external.gif) no-repeat top right;padding-right:15px;} a.pdf{background:url(/img/nrm/icons/pdf_img.gif) no-repeat top right;padding-right:20px;} a.word{background:url(/img/nrm/icons/word_img.gif) no-repeat top right;padding-right:20px;} h2 a.pdf,h3 a.pdf{background-position:right;} ul.link-list li a.external{/*display: block;*/} .module h4 a{text-decoration:underline;} .two-col-alt .module.third h4 a{text-decoration:none;} /* @end *//* Misc type -----------------------------------------------------------------------------------*//* @group Misc type */#content li,p{font-size:.75em;line-height:1.475em;} #content p{margin-bottom:15px;} .intro p{font-family:"Trebuchet MS", Arial, sans-serif;font-size:1.125em;line-height:1.3em;margin-bottom:20px;} #content #primary .intro.no-padding,#content #primary .intro.no-padding p{margin-bottom:5px;} p.special,.quote p{color:#FFD129;} .quote p cite{color:#fff;font-style:normal;} .right p.special{float:left;} .full-width .col.half p.special{float:none;} p.special span{display:block;} #content ul#blinds p.special{font-size:.8em;} span.blind-control{text-decoration:underline;} blockquote{color:#FFD129;font-size:.8em;font-style:italic;line-height:1.5em;margin:25px 0;padding:0 25px;} div.quote blockquote{font-size:1em;margin:0;padding:0;} #primary div.quote blockquote p,#primary div.quote p{margin:0;padding:0;} cite{color:#fff;display:block;padding-top:20px;text-align:left;} div.quote cite{padding:10px 0 0;margin-bottom:0;} /* Horizontal rules */hr{color:#fff;background-color:#fff;border:none;height:2px;margin:5px 0 20px;width:100%;} hr.float{clear:both;float:left;width:100%;} form hr.float{margin:20px 0;} .green hr{color:#1f4924;background-color:#1f4924;} .blue hr{color:#003356;background-color:#003356;} .blue .module.third hr,.darkblue.module.third hr{background:#004D7A;color:#004D7A;} .green .module.third hr,.darkgreen.module.third hr{background:#356738;color:#356738;} .col hr.first{background:#FFD129;color:#FFD129;} .pagination hr{clear:both;float:left;background:#004D7A;color:#004D7A;margin:0;} .module.blue ul.event-list hr{background:#004D7A;color:#004D7A;} .module.green ul.event-list hr{background:#356738;color:#356738;} .three-col #primary hr.float{margin-top:20px;} .t14 #primary hr.float{margin-top:0;} /* @end *//* Lists -----------------------------------------------------------------------------------*//* @group Lists */ul,ol{line-height:1.2em;margin:15px 25px;} li{margin-bottom:10px;} ul.link-list{list-style:none;margin:10px 0 0;} ul.link-list li{background:url(/img/nrm/icons/bul-arrow-yellow.png) no-repeat 0 .3em;line-height:24px;margin:0 15px 5px 0;padding-left:20px;position:relative;} #primary ul.link-list.upload{clear:left;float:left;margin-bottom:0;width:100%;} ul.link-list.upload li{margin-bottom:0;} ul.link-list li.back{background:url(/img/nrm/icons/page-arrow-left.png) no-repeat 0 .3em;} ul.link-list.columned{float:left;} ul.link-list.columned li{float:left;width:160px;} #primary ul.link-list{margin-bottom:20px;} #home .module ul.link-list{margin-bottom:0;} .module .inner-half ul.link-list{margin:5px 0 0;} #primary .module.tags ul.link-list,#primary .tags ul.link-list{position:absolute;margin: 0;top:20px;right:20px;} .t14 #primary .module.tags ul.link-list, .t14 #primary .tags ul.link-list{position:absolute;margin: 0;top:3px;right:0px;} #primary .module.tags ul.link-list li,#primary .tags ul.link-list li{margin:0;} #primary .general-slider-content ul.link-list{margin-bottom:0;} dd ul.link-list{font-size:1.3em;} /* Sitemap lists */ body.sitemap ul.link-list{font-size:1.2em;margin:10px 0 20px;} body.sitemap ul.link-list ul{font-size:1.275em;list-style:none;margin:10px 0;} /* Definition lists */dl{font-size:.8em;line-height:1.325em;padding:0;} dd{color:#FFD129;margin-bottom:10px;} /* Tags in tag clouds */ul#tags{margin:0;} #tags li{display:inline;} #tags li a{display:block;float:left;line-height:25px;margin-right:10px;} /* @end *//* @group Images *//* Images -----------------------------------------------------------------------------------*/img{border:none;} .module img,#primary .module img{border-bottom:5px solid #FFD129;margin-bottom:15px;} .module img.external,#primary img.external{border:none;margin:0 0 0 3px;} #primary ul.event-list .img-holder img{border-bottom:none;margin-bottom:0;} #side-bar .module img{margin-bottom:0;} #primary .module .img-holder.cut-out img,#primary img.badge,#primary img.cut-out,#primary ul.image-thumbs .img-holder img{border-bottom:none;margin-bottom:0;} #primary .general-slider.slideable img{margin-bottom:20px;} img.badge{float:left;margin:0 25px 0 0;} .full-width .col.half img.badge{margin-right:10px;} .two-col-alt .col.third.module img.badge,.two-col ul.event-list img.badge{margin-right:10px;} div.img-holder{text-align:center;width:100%;} .three-col #primary .img-holder{width:428px;margin-bottom:20px;} .three-col #primary .img-holder img{margin-bottom:0;} .three-col #primary .full-width .inner-half.right img{margin-bottom: -5px;} .three-col #side-bar .img-holder{width:186px;} .t6 #primary .img-holder img{margin-bottom:-5px;} /* Image captions */.three-col #primary .img-holder .caption{background-position:bottom left;background-repeat:no-repeat;margin:-5px 0 15px;padding:15px 10px;text-align:left;width:412px;} .three-col #primary .blue .img-holder .caption{background-color:#003356;background-image:url(/img/nrm/corners/caption-432-blue.png);} .three-col #primary .green .img-holder .caption{background-color:#1F4924;background-image:url(/img/nrm/corners/caption-432-green.png);} ul.event-list .img-holder{border-bottom:5px solid #FFD129;height:115px;margin-bottom:10px;overflow:hidden;text-align:center;width:170px;} ul.image-thumbs .img-holder{border-bottom:5px solid #FFD129;height:70px;margin-bottom:10px;overflow:hidden;text-align:center;width:105px;} .three-col .full-width .inner-half.right.cut-out{border-bottom:none;} .three-col .full-width.blue .inner-half.right{background:#003356;} .three-col .full-width.green .inner-half.right{background:#1f4924;} .t6 .img-holder .caption,.t18 .img-holder .caption,.t22 .img-holder .caption{padding:10px 20px 5px;width:644px;background:url(/img/nrm/corners/caption-678-blue.png) no-repeat bottom;margin:0 0 20px;position:relative;} /* @end *//* Forms -----------------------------------------------------------------------------------*//* @group Forms */ #primary .module form,#primary .module fieldset{float:left;width:100%;} #primary form.nls .checks li label{margin-left:10px;width:180px;} input.text{} #primary form p{margin:0;} #primary input.text{border:1px solid #fff;float:left;padding:3px;width:175px;} #primary input.text.errors{border:1px solid #fff;} label{display:block;line-height:.5em;} label.search-label{display:none;} #primary label{line-height:1em;margin-bottom:15px;} fieldset{float:left;border:none;margin:2px 0 0;padding:0;} legend{display:none;/* Not ideal, but rather have the legend hidden than no legend */} #content #primary button.submit{background:#FFD129;border:none;color:#000;cursor:pointer;float:right;font-family:"Trebuchet MS", Arial, sans-serif;font-weight:700;height:23px;line-height:23px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;} #content #primary button.submit:hover{background:#000;color:#FFD129;} #content button.submit{float:right;} #content button.submit span{padding:3px 5px;} /* Search field in header and sidebars */ #side-bar fieldset,#search-box fieldset{border:1px solid #fff;height:20px;line-height:20px;margin:2px 0 0;padding:0 15px 5px 5px;width:235px;} #side-bar legend,#search-box legend{display:none;/* Not ideal, but rather have the legend than no legend */} #side-bar input,#search-box input{border:none;color:#fff;margin-top:4px;padding-top: 1px;} #side-bar input.text,#search-box input.text{float:left;background:#231F20;border-right:2px solid #fff;color:#fff;width:160px;} #search-box button.submit,#side-bar button.submit{background:url(/img/nrm/common/btn-search.png) no-repeat top left;border:none;color:#fff;cursor:pointer;float:right;height:13px;line-height:20px;margin-top:7px;padding:7px 0 0;text-align:left;width:53px;} #side-bar button.submit span,#search-box button.submit span{cursor:pointer;display:block;height:20px;text-indent:-999em;width:50px;} #side-bar button.submit:hover,#search-box button.submit:hover{background-position:bottom left;} /* Searchbox in sidebar */ #side-bar fieldset{padding-right:0;width:178px;} #side-bar input.text{background:transparent;font-size:.65em;height:17px;line-height:20px;width:115px;} #side-bar button.submit{height:13px;width:53px;} #side-bar .red button.submit{background:url(/img/nrm/common/btn-search-red.gif) no-repeat top left;} #side-bar .green button.submit{background:url(/img/nrm/common/btn-search-green.gif) no-repeat top left;} #side-bar .orange button.submit{background:url(/img/nrm/common/btn-search-orange.gif) no-repeat top left;} #side-bar button.submit span{text-indent:-999em;width:50px;} #side-bar button.submit:hover{background-position:bottom left;} #side-bar input{margin-top:3px;} #search-box input{margin-top:4px;} /* Searchbox on search results page */ .t20 #content #primary input.text{border:1px solid #fff;color:#fff;margin-right:10px;width:360px;} #content #primary.full-width .module.full-width button.submit{float:left;} /* Main sign up form */form.nls{} #primary form.nls label{line-height:1.5em;margin-bottom:3px;} #primary form.nls em{color:#FFD129;} #primary form.nls p label{margin-bottom:5px;} #primary form.nls p#birth_date label{margin-bottom:8px;} /*Chrome/Safari hack*/ @media screen and (-webkit-min-device-pixel-ratio:0) { #primary form.nls p#birth_date label{margin-bottom:9px;} #side-bar input,#search-box input{border:none;color:#fff;margin-top:2px;padding-top: 0;} #search-box input{margin-top:4px;padding-top: 4px;} #content #primary form.nls input.text{padding: 5px 5px 4px 5px;} } #primary form.nls li label{float:left;margin-left:5px;padding-top:0;padding-left:5px;width:190px;} #primary form.nls li input{float:left;} #primary form.nls input.text{color:#fff;background:#004D7A!important;} #primary .calendar-filters input.text{color:#fff;background:#003356!important;} #primary form.nls fieldset p,#primary form.nls fieldset li{clear:left;float:left;line-height:25px;margin-bottom:10px;width:210px;} #primary form.nls fieldset p{padding-top:10px;} #primary form.nls .intro{margin-bottom:20px;width:440px;} #primary form.nls .intro p{margin-bottom:20px;width:440px;} #primary form.nls fieldset ul{list-style:none;margin:0;} #primary form.nls .right{clear:right;float:right;margin-left:0;margin-right:0;margin-top:0;} #primary label.error,#primary input.error{color:#FFD129;} /* @end *//* Filter forms and pagination incl. all type -----------------------------------------------------------------------------------*/ .filter-tools div.filter{float:left;margin-right:10px;position:relative;width:182px;} .t11 .filter-tools div.filter,.t23 .filter-tools div.filter{width:275px;} #content .filter-tools div.filter p{margin:0 0 5px;} #content .filter-tools button{position:absolute;margin:0;} .filter-tools fieldset{padding-top:0;} #primary .filter-tools label{display:block;line-height:1.2em;margin-bottom:3px;padding-bottom:0;} select{background:#fff;border:1px solid #000;padding:3px;width:182px;} #content .filter-tools button.submit{width:65px;} .t11 select,.t23 select{font-size:.9em;width:275px;} /* Calendar filters */ #content .calendar-filters.module div.filter label{float:left;line-height:30px;margin-bottom:0;padding-right:5px;} #content .calendar-filters.module div.date label{margin:0;padding:0 5px;} #content .calendar-filters.module fieldset{margin:0;padding:0;} #content .calendar-filters.module div.filter p{line-height:10px;margin-bottom:0;} #content #primary .calendar-filters.module p.button{position:absolute;top:15px;right:20px;height:24px;width:50px;} #content .calendar-filters.module div.filter select{margin-top:4px;} #content .calendar-filters.module div.filter.date select{width:60px;} #content .calendar-filters.module div.filter.category select{margin-top:3px;width:107px;} #content .calendar-filters.module div.filter.category select{width:100px;} #content .calendar-filters.module div.filter.date p{float:left;} /* Pagination */ .pages-displaying{float:left;line-height:23px;} .pagination div.filter{float:right;} #primary .pagination div.filter label{float:left;line-height:23px;margin-bottom:0;padding-right:5px;} .pagination div.filter select{float:right;width:50px;} .pagination ul{list-style:none;margin:0;} .pagination ul.first-prev{float:right;position:absolute;left:0;top:0;} .pagination ul.next-last{float:right;position:absolute;right:0;top:0;} .pagination li{float:left;} .pagination ul.first-prev li{background:url(/img/nrm/icons/page-arrow-left.png) no-repeat left;padding-left:20px;} .pagination ul.first-prev li.first{margin-right:20px;} .pagination ul.next-last li.last{margin-left:20px;} .pagination ul.next-last li{background:url(/img/nrm/icons/page-arrow-right.png) no-repeat right;padding-right:20px;} .pagination ul.numbered-links{float:left;padding-top:2px;margin:0 auto 0 150px;} .pagination ul.numbered-links li{display:inline;float:left;margin-right:10px;height:15px;} .t8 .pagination ul.numbered-links li, .t11 .pagination ul.numbered-links li, .t20 .pagination ul.numbered-links li, .t23 .pagination ul.numbered-links li{display:block ;margin-right:0;width: 20px;text-align: center;} .pagination ul.numbered-links li a{background:none;display:block;font-size:.8em;height:16px;line-height:14px;text-align:center;text-decoration:none;width: 20px;} .pagination ul.numbered-links li a.active{background: none;color:#FFD129;} /* Search results incl. all type -----------------------------------------------------------------------------------*/ ul.search-results{font-size:1em;list-style:none;margin:15px 0 0;width:838px;} .t23 ul.search-results{font-size:1em;list-style:none;margin-top:15px;width:638px;} ul.search-results li{margin-bottom:45px;} ul.search-results li.last{margin-bottom:0;} ul.search-results p{font-size:1em;} ul.search-results p span.result-link{display:block;} ul.search-results dl{font-size:1em;color:#fff;} ul.search-results dt{float:left;padding-right:5px;} ul.search-results dt,ul.search-results dd{color:#fff;} ul.search-results dd{margin-bottom:0;} /* Footer elements -----------------------------------------------------------------------------------*//* @group Footer elements */ #footer ul{list-style:none;margin:0;} /* Social media links */ #footer ul#social-links li{float:left;margin-right:10px;} #footer ul#social-links li a{background-position:top left;background-repeat:no-repeat;display:block;height:18px;text-indent:-999em;overflow:hidden;} #footer ul#social-links li.youtube a{background-image:url(/img/nrm/icons/logo-youtube.png);width:50px;} #footer ul#social-links li.twitter a{background-image:url(/img/nrm/icons/logo-twitter.png);width:61px;} #footer ul#social-links li.flickr a{background-image:url(/img/nrm/icons/logo-flickr.png);width:48px;} #footer ul#social-links li.facebook a{background-image:url(/img/nrm/icons/logo-facebook.png);width:69px;} #footer ul#social-links li.delicious a{background-image:url(/img/nrm/icons/logo-delicious.png);width:96px;} #footer ul#social-links li.whats-this a{text-indent:0;} #footer ul#social-links li a:hover{background-position:0 -18px;} /* Text resizer widget */ #footer #text-size-widget h4,#footer #text-size-widget ul,#footer #text-size-widget li{float:left;} #footer #text-size-widget h4{margin-right:10px;} #footer #text-size-widget li{height:24px;} #footer #text-size-widget li a{background-position:top left;background-repeat:no-repeat;background-position:0 50%;display:block;height:24px;text-indent:-999em;} #footer #text-size-widget li.text-default a{background-image:url(/img/nrm/icons/icon-text-small.png);margin-right:10px;width:16px;} #footer #text-size-widget li.text-large a{background-image:url(/img/nrm/icons/icon-text-large.png);margin-right:0;width:24px;} #footer #text-size-widget li a:hover{background-position:100%;} /* Standard iconed items */#footer ul#social-links li.whats-this,#footer #footer-bottom li{float:left;height:24px;line-height:24px;margin-right:15px;} #footer ul#social-links li.whats-this a,#footer #footer-bottom li a{background:url(/img/nrm/icons/bul-arrow-footer.png) no-repeat top left;float:left;height:24px;line-height:24px;margin-right:15px;padding-left:17px;} #footer ul#social-links li.whats-this a:hover,#footer #footer-bottom li a:hover{background-position:bottom left;} /* @end *//* Matrix table ie t22 */.matrix{border-bottom:5px solid #FFD129;margin:30px 0;padding:10px;} .matrix table{border-collapse:collapse;} .matrix tbody td{border-top:1px solid #ffd129;border-bottom:1px solid #ffd129;} .matrix th{font-size:.65em;line-height:1.2em;padding-top:3px;padding-bottom:1px;} .matrix th span{font-style:italic;font-size:.9em;font-weight:400;line-height:1em;padding:3px 0;} .matrix td{font-size:.7em;line-height:1em;text-align:center;padding:3px 0;} .matrix td.text,.matrix th.text{text-align:left;width:130px;} .matrix th.table_header{padding:20px 0 2px;} /* Datepicker ------------------------------------------------------------------------------------------------------------------------*/ table.jCalendar{background:#42789a;border-collapse:separate;border-spacing:2px;overflow:hidden;width:172px;height:125px;margin-top:3px;} table.jCalendar th{background:#bbb;color:#003356;font-weight:700;padding:3px 5px;height:16px;width:12px;} table.jCalendar td{background:#fff;color:#000;padding:0 5px;height:8px;width:12px;text-align:center;} table.jCalendar td.other-month{background:#004D7A;color:#fff;} table.jCalendar td.today{background:#FFD129;color:#000;} table.jCalendar td.today.selected{background:#FFD129;color:#000;} table.jCalendar td.selected{background:#FFD129;color:#000;} table.jCalendar td.selected.dp-hover{background:#FFD129;color:#000;} table.jCalendar td.dp-hover,table.jCalendar tr.activeWeekHover td{background:#eee;color:#000;} table.jCalendar tr.selectedWeek td{background:#FFD129;color:#fff;} table.jCalendar td.disabled,table.jCalendar td.disabled.dp-hover{background:#004D7A;color:#fff;} table.jCalendar td.unselectable,table.jCalendar td.unselectable:hover,table.jCalendar td.unselectable.dp-hover{background:#004D7A;color:#fff;} /* For the popup *//* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */div.dp-popup{border:none;position:relative;background:#42789a;font-size:10px;font-family:arial, sans-serif;padding:3px;width:172px;line-height:1.2em;z-index:1000;} div#dp-popup{position:absolute;z-index:1200;} #dp-popup h2{color:#fff;background:#032f52;font-size:12px;height:22px;line-height:22px;margin:2px auto 0;text-align:center;width:118px;} a#dp-close{font-size:11px;padding:4px 0;text-align:center;display:block;} a#dp-close:hover{text-decoration:underline;} div.dp-popup a{color:#FFD129;font-weight:700;text-decoration:none;padding:3px 2px 0;} div.dp-popup div.dp-nav-prev{position:absolute;top:5px;left:5px;height:22px;width:22px;} div.dp-popup div.dp-nav-prev a{background:url(/img/nrm/icons/cal-prev.png) no-repeat top left;display:block;float:left;height:22px;padding:0;text-indent:-999em;width:22px;} /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */div.dp-popup div.dp-nav-prev a,div.dp-popup div.dp-nav-next a{cursor:pointer;} div.dp-popup div.dp-nav-prev a.disabled,div.dp-popup div.dp-nav-next a.disabled{cursor:default;} div.dp-popup div.dp-nav-next{position:absolute;top:5px;right:5px;height:22px;width:22px;} div.dp-popup div.dp-nav-next a{background:url(/img/nrm/icons/cal-next.png) no-repeat top left;float:right;display:block;height:22px;padding:0;text-indent:-999em;width:22px;} div.dp-popup a.disabled{cursor:default;color:#aaa;} div.dp-popup td{cursor:pointer;} div.dp-popup td.disabled{cursor:default;} a.dp-choose-date{float:left;width:41px;height:18px;padding:0;margin:3px 6px 3px 3px;display:block;text-indent:-999em;overflow:hidden;background:url(/img/nrm/icons/date-picker.gif) no-repeat;} a.dp-choose-date.dp-disabled{background-position:0 -20px;cursor:default;} input.dp-applied{color:#fff;width:140px;float:left;} .jquery-selectbox{position:relative;height:21px;border:1px solid #FFF;width:208px;z-index:1000;float:left;display:inline;margin:1px 4px 4px 0;font-size:11px;font-family:Verdana,Arial,sans-serif;color:#FFF;padding:0;} .t8 #content #primary .pagination .jquery-selectbox{ width: 1000px; } .jquery-selectbox.selecthover{border-color:#FFF;background-color:#004D7A;z-index:700;} .jquery-selectbox .jquery-selectbox-currentItem{padding:0 0 0 3px;white-space:nowrap;display:block;overflow:hidden;height:21px;margin-top:0;} .t11 .filter-tools.module .jquery-selectbox .jquery-selectbox-currentItem{width:230px;} .jquery-selectbox .jquery-selectbox-list{float:left;display:none;position:absolute;top:21px;padding:2px;left:0;background:#004D7A;width:197px; /*height: 120px; overflow-x: hidden; overflow-y: auto;*/z-index:1500;border:1px solid #FFF;left:-1px;padding-top:10px;} .t9 #content #primary .jquery-selectbox,.t9 #content #primary .jquery-selectbox-list{width:2205px;z-index:1000;} .jquery-selectbox .jquery-selectbox-moreButton{/* position: absolute; top: 0px; right: 0px; */ float:right;background:url(/img/nrm/forms/arrows-white.png) no-repeat;width:19px;height:22px;cursor:pointer;} .jquery-selectbox.input-yellow .jquery-selectbox-moreButton{background:url(/img/nrm/forms/arrows.png) no-repeat;width:19px;height:22px;cursor:pointer;} .jquery-selectbox.input-yellow,.jquery-selectbox.input-yellow .jquery-selectbox-list{border-color:#FFD129;background:#002F51;} .jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover{background:url(/img/nrm/forms/arrows-white.png) no-repeat;} .jquery-selectbox.input-yellow .jquery-selectbox-moreButton{background:url(/img/nrm/forms/arrows.png) no-repeat top left;} .jquery-selectbox.input-yellow .jquery-selectbox-moreButton.morebuttonhover{background:url(/img/nrm/forms/arrows.png) no-repeat 0 -22px;} .jquery-selectbox .jquery-selectbox-item.listelementhover{/*background: #87683d;*/color:#FFD621;} .jquery-selectbox .jquery-selectbox-item{display:block;cursor:pointer;height:auto;margin-bottom:5px;min-height:20px;} /** ERROR classes **/form .error .jquery-selectbox{color:#FFF;border-color:#FFF;} /*checkbox*/ .custom_checkbox{position:absolute;z-index:100;left:-24px;top:0;width:19px;font-family:Arial, Helvetica, sans-serif;font-size:12px;text-decoration:none;outline:none;background:url(/img/nrm/forms/checkbox.gif) no-repeat;height:20px;display:block;padding:0;color:#FFF;cursor:pointer;} .custom_checkbox:hover{color:#FFD621;text-decoration:underline;} .custom_checkbox.yes{background-position:left -26px;} input.dp-applied{width:120px!important;border-color:#FFD129!important;} /************************************************************************************ ------------------------------------------------------------------------------------- "modules_corners.css" @desc Sub content layout rules for www.nrm.org.uk @author ico Design ------------------------------------------------------------------------------------- ************************************************************************************/ .clear:after,.row:after,#content:after,#primary:after,.module .inner-content:after,.section:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clear:after{display:inline-block;} /* Intro content and other sections -----------------------------------------------------------------------------------*/ /* @group Intro content and other sections */ div.intro{margin-bottom:20px;} div.section{margin-bottom:35px;} div.section.last{margin-bottom:20px;} div#background-caption{float: left;margin-top:0;text-align:right;width:100%;} .t22 div#background-caption{margin-top:20px;} .t8 div#background-caption{ margin-top:20px;} } @media screen and (-webkit-min-device-pixel-ratio:0){ .t8 div#background-caption{ margin-top:20px;} } body.home div#background-caption{margin-top:0;} div#background-caption p{margin:0;} /* @end *//* General modules -----------------------------------------------------------------------------------*//* @group General modules */ #content .module{float:left;margin:0;padding:0;} #content .module.full-width{} #content #side-nav.module{padding:10px 0;position:relative;width:195px;} #content .module.last{margin-bottom:0;} #content .module .inner{float:left;padding:0 19px;} .module.last{margin:0;} /* Flash modules */div.flash-wrapper .flash-movie{display:none;} #primary div.flash-wrapper{height:285px;float:left;margin:20px 0;width:428px;} /* @end *//* Rows -----------------------------------------------------------------------------------*//* @group Rows */ .row{clear:both;float:left;padding:0;margin-bottom:0;width:100%;} .t1 #primary .row{margin-bottom:20px;} .t5 .row{margin:0 0 10px;padding:0;} /* Rows on search results page */#content #primary.full-width .row{margin-bottom:10px;} #content #primary.full-width .row.first{margin-bottom:0;} #content #primary.full-width .row.last{margin-top:10px;margin-bottom:0;padding-top:0;} #content #primary.full-width .row.main{margin-bottom:0;padding-bottom:0;} .t19 #content #primary.full-width .row{margin-bottom:20px;} /* @end *//* Columns -----------------------------------------------------------------------------------*//* @group Columns */ .col{float:left;margin:0 21px 0 0;} .col.half{margin-right:22px;} /* Sub columns ie where a module needs to be divided up */.col.inner-half{width:45%;} .module .col.inner-half.right{width:195px;} .module.full-width .col .inner-half{width:165px;} .two-col-alt .module .col.inner-half.right{width:95px;} .three-col .full-width .inner-half{float:left;padding:0;width:205px;} .three-col .full-width .inner-half.right{border-bottom: none;float:right;text-align:center;width:205px;} .three-col .full-width .inner-half.right.cut-out{border-bottom:none;} .three-col .full-width.blue .inner-half.right{background:#003356;} .three-col .full-width.green .inner-half.right{background:#1f4924;} .three-col .full-width .inner-half.right.no-tint{background:none;border-bottom:none;float:right;height:auto;text-align:left;width:205px;} .inner-half.right{float:right;margin-right:0;} body.home #primary .col.inner-half{width:275px;} .three-col #primary .col.inner-half{margin-right:0;width:185px;} .two-col #content .full-width .inner-third.right{float:right;width:185px;} .two-col-alt .inner-third.right{float:right;width:182px;} #primary .quote{position:relative;} #primary.green .quote{background:#1f4924;} .three-col #primary .quote{font-size:1em;margin-right:20px;width:120px;} .three-col #content .module.full-width .quote .inner{padding:15px 20px;width:160px;} .two-col-alt #primary .quote,.three-col #primary .quote{margin: 5px 20px 20px 0;padding:0;width:310px;} .three-col #primary .quote{width:200px;} .three-col #content .module.full-width .quote.full-width{margin:10px 0 30px 0;width:432px;} .three-col #content .module.full-width .quote.full-width .inner{width:392px;} .t18 #content .module.full-width .quote.full-width{margin-bottom:30px;width:678px;} .t18 #content .module.full-width .quote.full-width .inner{width:638px;} .two-col-alt .full-width{float:right;width:722px;} .quote.left{float:left;} .three-col #primary .right{float:right;margin:10px 0 5px 20px;} .t2 .inner-half{width:195px;} /* @end *//* @group Layout modules *//* Home page modules and columns -----------------------------------------------------------------------------------*/ body.home .module.half{width:448px;} body.home .module.half .inner{width:410px;} body.home .module.third{margin-right:21px;width:292px;} body.home .module.third .inner{width:252px;} body.home .module.half{margin-right:21px;} body.home .module.half.last,body.home .module.third.last{margin-right:0;} /* Two column layout modules -----------------------------------------------------------------------------------*//*.two-col #primary .module:first-child{ margin-bottom: 40px; }*/ .two-col #primary .module.half{float:left;margin-right:18px;padding:0;width:349px;} .two-col #primary .module.half .inner{float:left;margin-right:18px;width:311px;} .two-col #primary .full-width .module.half .inner{width:349px;} .two-col #primary .module.half{margin:0 20px 10px 0;width:349px;} .two-col #primary .module.last{float:left;margin-right:0;} .two-col #primary .col.half.with-map{margin:0;width:330px;} .two-col #primary .col.half.map-col{float:right;margin:0;width:330px;} .two-col #primary .col.third,.two-col-alt #primary .col.third{margin-bottom:0;width:226px;} .two-col .module.third{margin-right:20px;width:226px;} .two-col #primary .module.third .inner{margin-bottom:0;} .two-col .module.third.last{margin-right:0;} .two-col #primary .module.half.last{margin-right:0;} .two-col #primary .full-width{margin:0 0 30px;position:relative;width:720px;} .two-col #primary .full-width .inner, .two-col-alt #primary .full-width .inner{ margin-top:0;width:684px; } .t4.two-col-alt #primary .full-width .inner { width:684px; } .t3.two-col #primary .full-width .inner, .t5.two-col #primary .full-width .inner, .t9.two-col #primary .full-width .inner, .t11.two-col #primary .full-width .inner { width:682px; } .t6.two-col-alt #primary .full-width .inner, .t7.two-col-alt #primary .full-width .inner, .t14.two-col-alt #primary .full-width .inner { width:684px; } .t18.two-col-alt #primary .full-width .inner { width:682px; } .t23.two-col-alt #primary { width:718px; } .t23.two-col-alt #primary .full-width .inner { width:680px; } .t24.two-col-alt .full-width { float:right;width:718px;} .t24.two-col-alt #primary { width: 718px;float: left; } .t24.two-col-alt #primary .full-width .inner { width: 681px; } .t21.two-col #primary .full-width .inner{margin-top:0;width:682px;} .two-col-alt #primary .full-width .inner .module .inner{padding: 5px 20px 10px 20px;position:relative;width:270px;} .t23.two-col-alt #primary .full-width .inner .module .inner{width:640px;} .two-col-alt #primary .full-width .inner .module.third .inner{width:172px;} .two-col-alt.t7 #primary .full-width .inner .module{position:relative;margin-top:20px;width:310px;} .two-col #primary .module.tags{position:relative;} /* Alternative Two column layout modules -----------------------------------------------------------------------------------*/ .two-col-alt #primary .col.half{float:left;margin-right:18px;padding:20px 0 0;width:308px;} .two-col-alt #primary .col.last{float:right;margin-right:0;} .two-col-alt #primary .row.object-details .col{padding-left:5px;width:303px;} .two-col-alt #primary .col.clip-info{float:right;margin:20px 0 0;padding:0;width:225px;} /* Halved columns in two-col layout */ .two-col-alt .module.half{width:349px;} .two-col-alt .module.half{margin-right:20px;} .two-col-alt .module.half.last{margin-right:0;} /* Thirded columns in two-col layout */ .blue .module.third .inner.blue{background:#003356;} .green .module.third .inner.green{background:#1f4924;} .two-col-alt #primary .col.third.module{width:212px;} .two-col-alt #primary .module.third{margin-right:20px;} .two-col-alt #primary .module.third.last{margin-right:0;} .two-col-alt #primary .module.third .event-intro-content{min-height:150px;} /* Event details and info eg T6 */.two-col-alt .event-details{float:left;width:150px;} .two-col-alt .event-info{float:right;width:500px;} .two-col-alt #content .col.half .module.darkblue,.two-col-alt #content .col.half .module.darkgreen{padding:15px 20px;margin-top:30px;width:270px;} .two-col-alt #content #primary div.tags{float:left;margin-bottom:20px;position:relative;width:678px;} .t18.two-col-alt #primary .inner{padding:20px 20px 0;} .t23 #primary .module.full-width{width:718px;} /* Three column layout modules -----------------------------------------------------------------------------------*/ .three-col #side-bar .module{float:right;margin-bottom:30px;padding:0;position:relative;width:216px;} .three-col #side-bar .module .inner{width:188px;} .three-col #content .module.full-width{margin-bottom: 20px;margin-top:0;padding:0;position:relative;width:472px;} .three-col #content .module.full-width .inner{margin-bottom:0;padding: 10px 20px;width:432px;} .t12.three-col #content .module.full-width .inner,.t17.three-col #content .module.full-width .inner{margin-bottom:0;} .three-col #primary.module{width:432px;} /*.three-col #primary.module.hasCorners { width: 472px; }*//* One column layout modules -----------------------------------------------------------------------------------*/ .blue .search-info .col{border-right:2px solid #002F51;} .green .search-info .col{border-right:2px solid #1f4924;} .one-col #primary .module.full-width{margin-bottom:35px;position:relative;} .one-col #primary .module.full-width .inner,.one-col #primary.full-width .module.full-width .inner{margin-bottom:0;padding-bottom:0;width:878px;} .one-col #primary.full-width .module{position:relative;} .one-col #primary.full-width .col.half{float:left;margin-right:20px;margin-bottom:0;padding-top:0;position:relative;width:445px;} .t25.one-col #primary.full-width .col.half{margin-bottom:0;} .one-col #primary.full-width .col.half .inner{padding:15px 20px;width:405px;} .one-col #primary.full-width .col.half.last{float:right;margin-right:0;} .one-col #primary .search-info .col{float:left;margin:5px 0 20px;padding:0 25px;width:383px;} .one-col #primary .search-info .col.right{float:right;border-right:none;margin-right:0;} .one-col #content .module.third{margin:0 27px 0 0;width:288px;} .one-col #content .module.third.last{margin:0;} .one-col #content .module.third .inner{padding:15px 20px;width:248px;} /* Filter and pagination modules -----------------------------------------------------------------------------------*/ #content .filter-tools.module,#content .pagination.module{margin:0 0 20px;padding:0;position:relative;width:680px;} #content .filter-tools.module{margin:0 0 10px;} #content #primary .filter-tools.module .inner, #content #primary .pagination.module .inner{padding:0 20px;width:640px;} .t9 #content #primary .module.full-width, .t11 #content #primary .module.full-width{position:relative;z-index:10;} .t9 #content #primary .module.full-width{margin:0 0 10px;padding-bottom:20px;} .t11 #content #primary .module.full-width{margin-bottom:30px;} .t8 #content #primary .filter-tools,.t11 #content #primary .filter-tools,.t23 #content #primary .filter-tools{position:relative;z-index:1000;} .t23 #content #primary .pagination{position:relative;z-index:10;} .t8 #content #primary .filter-tools .filter,.t9 #content #primary .module.full-width.filter,.t11 #content #primary .module.full-width.filter{position:relative;z-index:999;} #content .pagination-links{clear:both;float:left;margin-top:10px;position:relative;width:638px;} /* Full width for search results pages */.search-results #content #primary.full-width .module.full-width,#content #primary.full-width .filter-tools.module,.t20 #content #primary .pagination.module{width:878px;} .t20 #content #primary.module{padding:15px 20px;} .t20 #content #primary .pagination.module{margin-bottom:0;width:878px;} .t20 #content #primary .pagination.module .inner{width:838px;} .t20 #content #primary .search-box{float:left;padding:0;position:relative;margin:0 0 15px;width:878px;} .t20 #content #primary .search-box .inner,.t20 #content #primary .search-box fieldset{padding-bottom:0;padding-top:0;width:840px;} .t20 #content #primary .search-box form{width:818px;} .t20 #content #primary .pagination-links{width:838px;} .t20 #content div.results-wrapper{margin:15px 0 0;padding:0;width:878px;} .t20.one-col #content div.results-wrapper .inner{margin:0;padding:0 20px;width:838px;} .t23 #content div.results-wrapper{margin:0 0 15px;padding:0;position:relative;width:678px;} /* Filters on calendar pages */#content .calendar-filters.module{float:left;margin:25px 0 0;padding:0;position:relative;width:678px;z-index:999;} #content .calendar-filters.module{margin:0 0 10px;} .t9 #content .calendar-filters.module .inner, .t11 #content .calendar-filters.module .inner{padding:0 20px;width:638px;} #content .calendar-filters.module div.filter{float:left;border-right:1px solid #004D7A;position:relative;height:30px;line-height:30px;padding:0 10px;} #content .calendar-filters.module div.filter.date{padding-top:5px;} #content .calendar-filters.module div.filter.today{padding-left:0;} #content .calendar-filters.module div.filter.category{border-right:0;padding-right:0;padding-top:1px;position:relative;margin-top:0;z-index:999;} #content .calendar-filters.module{position:relative;z-index:1000;} #content .calendar-filters.module div.filter.today a{background:url(/img/nrm/icons/bul-arrow-yellow.png) no-repeat left;height:30px;line-height:30px;margin:0 0 5px;padding-left:20px;} /* @end *//* Header elements (cart and search box) -----------------------------------------------------------------------------------*//* @group Header elements */#header-content #search-box{bottom:0;right:0;position:absolute;padding:10px 0 0;height:40px;width:288px;} #header-content #cart{left:0;bottom:0;position:absolute;text-align:center;width:185px;} #header-content #icart{bottom:0; right:0; position:absolute;height:40px;left:0; bottom:0; text-align:center; width:178px}/*iframe cart*/ #header-content #cart p{line-height:30px;margin:0;padding:0;text-align:center;} /* @end *//* Footer elements -----------------------------------------------------------------------------------*//* @group Footer elements */#footer #footer-top,#footer #footer-bottom{float:left;height:20px;line-height:24px;width:918px;} #footer #footer-top{padding-bottom:15px;} #footer #footer-bottom{border-top:1px solid #fff;clear:both;padding-top:10px;} #footer #text-size-widget{float:right;} /* @end *//* Maps -----------------------------------------------------------------------------------*//* @group Maps */.map{float:left;width:330px;} .map.mapped{border-bottom:5px solid #FFD129;float:left;width:330px;height:270px;overflow:hidden;} .two-col-alt .col.half .map{float:right;margin-bottom:20px;} .map#map-shildon{width:427px;} .three-col #primary .map{margin-bottom:20px;} .two-col-alt .col.half .map{width:310px;} .map#map-venue-hire{width:427px;} .gmnoprint{color:#000;font-family:Verdana, Arial, sans-serif;font-size:.85em;line-height:1.2em;} .gmnoprint h4{color:#000;font-size:1.2em;font-weight:700;margin:0;} div.info-content-wrapper{padding:0;margin-bottom:-30px;} /* @end *//* Blinds elements -----------------------------------------------------------------------------------*/ /* @group Blinds */ #blinds{float:left;font-size:1.3em;list-style:none;margin:8px 0 0 0;width:678px;} #blinds h2{background:none;margin:0;padding:0;position:relative;width:638px;} #blinds h2 span.blind-control{background:url(/img/nrm/icons/blind-toggler.png) no-repeat top right;cursor:pointer;font-size:.75em;height:18px;line-height:18px;padding-right:15px;position:absolute;right:0;top:0;} #blinds h2 span.blind-control.close{background-position:bottom right;} #blinds h2.current{cursor:default;} #blinds div.pane{background:url(/img/nrm/common/vert-bars.gif) repeat-x top left;padding:30px 0 10px;margin-top:5px;width:638px;} .js #blinds div.pane{display:none;} #primary #blinds .item{margin-bottom:20px;padding:0;position:relative;} #primary #blinds .item .inner{padding:0 20px;width:648px;} #primary #blinds .item .top-corners{width:688px;} /*.blue #blinds .item { background: #003356; } .green #blinds .item { background: #1f4924; }*/ /* Content within blinds on whats on (t4) */ #blinds ul{list-style:none;margin:0;} #blinds ul li{float:left;font-size:.9em;margin:0 20px 20px 0;width:300px;} #blinds ul li.last{margin-right:0;} #blinds ul li img{float:left;} #blinds ul li ul.link-list{float:left;margin-bottom:0;width:85px;} #blinds ul li ul.link-list li{float:none;margin-bottom:0;width:140px;} #blinds ul .inner-half.right{width:160px;} #blinds ul .inner-half.right p.special{clear:left;float:left;font-size:.9em;margin:0 0 0 20px;width:140px;} /* @end *//* Thumbnail lists -----------------------------------------------------------------------------------*/ ul.thumb-list{float:left;list-style:none;margin:0;padding:10px 0 0;width:678px;} ul.thumb-list li{float:left;font-size:1em;margin:0 15px 24px 0;min-height:0px;padding:0;position:relative;width:158px;} .t11 #content #primary ul.thumb-list li .inner{padding:10px;width:138px;} #content #primary ul.thumb-list li{font-size:1em;} ul.thumb-list li.last{margin-right:0;} /*.blue ul.thumb-list li { background: #003356; } .green ul.thumb-list li { background: #1f4924; }*//* Image lists ie T14 -----------------------------------------------------------------------------------*/ ul.image-thumbs{float:left;list-style:none;margin:0;padding:15px 0 0;width:678px;} ul.image-thumbs li{float:left;font-size:1em;margin:0 13px 17px 0;padding:0;position:relative;width:125px;} #content #primary ul.image-thumbs li{font-size:.85em;} ul.image-thumbs li.last{margin-right:0;} /*.blue ul.image-thumbs li { background: #003356; } .green ul.image-thumbs li { background: #1f4924; }*/ .t14 #content #primary ul.image-thumbs li .inner{padding:10px;width:105px;} #content #primary ul.image-thumbs ul.link-list{width:83px;margin-bottom:0;} #content #primary ul.image-thumbs ul.link-list li{background:url(/img/nrm/icons/bul-arrow-yellow.png) no-repeat 0 .3em;margin-bottom:0;padding:0 0 0 17px;width:83px;} /* Event lists ie: calendar -----------------------------------------------------------------------------------*/ ul.event-list{float:left;list-style:none;padding:10px 0 0;margin:0 0 -15px;width:678px;} ul.event-list li{float:left;font-size:1em;margin:0 21px 30px 0;padding:0;position:relative;width:212px;z-index:10;} #content #primary ul.event-list li{font-size:1em;} ul.event-list li .col.inner-half.right{width:100px;} ul.event-list li.last{margin-right:0;} .blue ul.event-list li{background:transparent;} .green ul.event-list li{background:#1f4924;} /* Map hot-spots and overlays -----------------------------------------------------------------------------------*/ #content div.map-items{float:right;width:695px;} #content div.map-items{display:none;} #content #primary .overlay-content.module{background:none;margin-left:0;padding:15px 20px;position:relative;width:695px;} #TB_window .overlay-content.module{height:600px;width:695px;} #TB_window .overlay-content.module .inner{padding:15px 20px;height:535px;} #content #primary .overlay-content div.top-corners,#content #primary .overlay-content div.bottom-corners{display:none;} /* Maps with hot spots -----------------------------------------------------------------------------------*/ #map-wrapper{position:relative;overflow:hidden;} #map-wrapper.york-internal{height:589px;position:relative;width:678px;} #map-wrapper.shildon{height:658px;position:relative;width:678px;} #map-wrapper p{margin:0;text-align:right;} #map-wrapper p a{background:url(/img/nrm/icons/blind-toggler.png) no-repeat top left;height:18px;line-height:18px;padding-left:15px;} #map-wrapper ul{position:absolute;left:0;list-style:none;margin:0;top:0;z-index:800;} #map-wrapper.york-internal ul{height:539px;width:678px;} #map-wrapper.shildon ul{height:608px;width:678px;} #map-wrapper li{height:14px;position:absolute;overflow:hidden;z-index:999;background:url(/img/nrm/common/x.gif);} #map-wrapper li a{display:block;text-indent:-999em;} /* Hot spots on York internal map */#map-wrapper.york-internal ul li.north-entrance{left:185px;top:163px;width:68px;} #map-wrapper.york-internal ul li.search-engine{left:260px;top:163px;width:87px;} #map-wrapper.york-internal ul li.great-hall{left:397px;top:163px;width:87px;} #map-wrapper.york-internal ul li.warehouse{height:12px;left:512px;top:123px;width:70px;} #map-wrapper.york-internal ul li.the-works{left:520px;top:259px;width:68px;} #map-wrapper.york-internal ul li.south-entrance{left:478px;top:377px;width:68px;} #map-wrapper.york-internal ul li.station-hall{left:237px;top:436px;width:95px;} #map-wrapper.york-internal ul li.learning-platform{left:191px;top:335px;width:113px;} #map-wrapper.york-internal ul li.south-yard{height:16px;left:115px;top:383px;width:90px;} #map-wrapper.york-internal ul li.the-depot{left:97px;top:443px;width:67px;} /* Hot spots on Shildon map */#map-wrapper.shildon ul li.welcome{left:17px;top:543px;width:90px;} #map-wrapper.shildon ul li.hackworth{left:62px;top:48px;width:115px;} #map-wrapper.shildon ul li.soho{left:133px;top:181px;width:52px;} #map-wrapper.shildon ul li.goods{left:77px;top:117px;width:65px;} #map-wrapper.shildon ul li.parcel-office{height:30px;left:60px;top:500px;width:65px;} #map-wrapper.shildon ul li.parcel-office a,#map-wrapper.shildon ul li.coal-drops a,#map-wrapper.shildon ul li.light-engine a{height:30px;} #map-wrapper.shildon ul li.junction{left:165px;top:500px;width:89px;} #map-wrapper.shildon ul li.coal-drops{height:30px;left:217px;top:130px;width:57px;} #map-wrapper.shildon ul li.play{left:422px;top:162px;width:42px;} #map-wrapper.shildon ul li.collection{left:535px;top:161px;width:115px;} #map-wrapper.shildon ul li.light-engine{height:30px;left:275px;top:493px;width:65px;} /* @end *//* Map items that get displayed in overlay -----------------------------------------------------------------------------------*/div.map-item p{width:650px;} /* Museum trails and press items -----------------------------------------------------------------------------------*/ul.trail-items,ul.press-items{font-size:1.325em;list-style:none;margin:0;width:680px;} ul.trail-items li,ul.press-items li{border-bottom:2px solid #003356;clear:left;float:left;padding-bottom:0;margin-bottom:20px;width:680px;} .green ul.trail-items li,.green ul.press-items li{border-color:#1f4924;} ul.trail-items li.last,ul.press-items li.last{border-bottom:none;margin-bottom:0;} ul.trail-items li ul li,ul.press-items li ul li{float:none;border-bottom:none;width:385px;} ul.trail-items img,ul.press-items img{float:left;} ul.trail-items div.info,ul.press-items div.info{float:right;width:425px;} ul.press-items div.info{float:right;width:405px;} /* Module corners tests -----------------------------------------------------------------------------------*/ #content .module:after,#content .row:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .blue{background:#004d7a;} .orange{background:#BD561E;} .green{background:#356738;} .red{background:#9f1323;} .darkblue{background:#002F51;} .white{background:#fff;} .black{background:#231f20;} #content .row{background:none;padding-bottom:20px;} #content .row.no-padding{padding-bottom:0;} #content .module.half,#content .module.third{/*background: yellow;*/float:left;margin:0 23px 10px 0;padding:0;position:relative;} .t1 #content .module.half,.t1 #content .module.third{/*background: yellow;*/float:left;margin:0 16px -10px 0;padding:0;position:relative;} #content .module.last, .t1 #content .module.last{ float:right; margin:0 0 -10px; } .t12 #content #side-bar .module.last{ margin: 0 0 20px 0; } #content .module .inner,#primary.module .inner{padding:5px 19px;} #side-bar .module .inner{padding:5px 14px;} #content .module.third{width:223px;} #content .module.third .inner{width:185px;} .two-col-alt #content .module.third .inner{width:174px;} .t1 #content .module.third{width:295px;} .t1 #content .module.third .inner{width:257px;} #header-content #search-box .inner,#header-content #cart .inner{background:#231f20;height:30px;padding:0 20px;} #content #side-nav.module .inner.white{padding:0 20px;width:140px;} .t9 #content #primary .module.full-width .inner{padding-bottom:10px;} .t9 #content #primary .module.full-width .module .inner{padding-bottom:0;} .t9 #content #primary ul.event-list li .inner{margin:0;padding-bottom:0;width:175px;} /* Rounded corners */ div.top-corners,div.bottom-corners{height:10px;width:100%;opacity:1;} .t20 #primary div.top-corners{ width: 916px; } .t20 #primary .module.full-width div div.top-corners { width: 100%; } #search-box div.top-corners{ position: relative; } #content #primary div.top-corners{position:relative;top:0;} div.bottom-corners{bottom:-10px;clear:both;float:left;left:0;position:absolute;} /* Module-specific positioning of conrner divs */ #side-nav div.top-corners{left:0;top:0;position:absolute;width:180px;} #side-nav div.bottom-corners{bottom:0;width:180px;} #navigation div.bottom-corners{bottom:-5px;} .t7 #primary .top-corners, .t7 #primary .bottom-corners{ width: 720px; } .t7 #primary .half .top-corners, .t7 #primary .half .bottom-corners{ width: 310px; } #TB_window .overlay-content.module div.bottom-corners{bottom:6px;left:20px;} #TB_window .overlay-content.module div.top-corners,#TB_window .overlay-content.module div.bottom-corners{width:695px;} #TB_window .overlay-content.module div.top-corners{position: relative;} @media screen and (-webkit-min-device-pixel-ratio:0){ #TB_window .overlay-content.module div.bottom-corners{bottom:8px;} } .t9 #content #primary .module.full-width div.bottom-corners{bottom:10px;} .t9 #content #primary .module.full-width .inner.darkblue div.bottom-corners{bottom:-10px;} .t9 #content #primary .module.full-width ul.event-list li div.bottom-corners{bottom:-10px;} .t10.three-col #content .module.full-width div.bottom-corners{bottom:-6px;} .t11 #content #primary ul.thumb-list li div.bottom-corners{bottom: -10px;} .t13 #primary .module.full-width div.bottom-corners{} .t24 #primary .module.full-width div.bottom-corners{bottom:0;} /* The corners */span.cc{display:block;height:10px;margin:0 10px;} span.tr,span.tl,span.br,span.bl{background-color:none;background-position:top left;background-repeat:no-repeat;display:block;height:10px;width:10px;} span.tr,span.br{right:0;position:absolute;top:0;} span.tl,span.bl{float:left;} span.tr{background-position:top right;} span.tl{background-position:top left;} span.bl{background-position:bottom left;} span.br{background-position:bottom right;} /* Blue */.module.blue .inner,div.top-corners.blue,div.bottom-corners.blue{background-color:transparent;} .blue span.cc{background:#004d7a;} .blue span.tr,.blue span.tl,.blue span.br,.blue span.bl{background-image:url(/img/nrm/small-corners/blue.png);} /* Green */.module.green .inner,div.top-corners.green,div.bottom-corners.green{background:transparent;} .green span.cc{background:#356738;} .green span.tr,.green span.tl,.green span.br,.green span.bl{background-image:url(/img/nrm/small-corners/green.png);} /* Orange */.module.orange .inner,div.top-corners.orange,div.bottom-corners.orange{background:transparent;} .orange span.cc{background:#BD561E;} .orange span.tr,.orange span.tl,.orange span.br,.orange span.bl{background-image:url(/img/nrm/small-corners/orange.png);} /* Red */.module.red .inner,div.top-corners.red,div.bottom-corners.red{background:transparent;} .red span.cc{background:#9f1323;} .red span.tr,.red span.tl,.red span.br,.red span.bl{background-image:url(/img/nrm/small-corners/red.png);} /* White */.module.white .inner,div.top-corners.white,div.bottom-corners.white{background:transparent;} .white span.cc{background:#fff;} .white span.tr,.white span.tl,.white span.br,.white span.bl{background-image:url(/img/nrm/small-corners/white.png);} /* Black */.module.black .inner,div.top-corners.black,div.bottom-corners.black{background:transparent;} .black span.cc{background:#231f20;} .black span.tr,.black span.tl,.black span.br,.black span.bl{background-image:url(/img/nrm/small-corners/black.png);} /* Dark blue */.module.darkblue .inner,div.top-corners.darkblue,div.bottom-corners.darkblue{background:transparent;} .darkblue span.cc{background:#002F51;} .darkblue span.tr,.darkblue span.tl,.darkblue span.br,.darkblue span.bl{background-image:url(/img/nrm/small-corners/dark-blue.png);} /************************************************************************************ ------------------------------------------------------------------------------------- "nav.css" @desc Navigation and sub navigation layout rules for www.nrm.org.uk @author ico Design ------------------------------------------------------------------------------------- ************************************************************************************//* @group Main nav */ /* Main nav -----------------------------------------------------------------------------------*/ #navigation{float:left;bottom:0;height:53px;left:0;line-height:53px;margin-top:25px;padding:0;position:relative;width:918px;} #navigation-inner{background:url(/img/nrm/common/bg-nav-bottom.png) no-repeat bottom left;left:0;line-height:10px;padding:0 17px 0 0;} #navigation ul{background:#fff;float:left;height: 20px;list-style:none;padding:10px 20px;position:absolute;margin:0;top:10px;width:878px;} ul#nav-main li{border-right:1px solid #999;float:left;font-weight:700;height:1em;line-height:1em;margin-bottom:0;padding:0 13px;text-align:center;} ul#nav-main li a{display:block;color:#000;text-decoration:none;} #navigation ul#nav-main li a:hover{text-decoration:underline;} ul#nav-main li.active a,ul#nav-main li.active a:hover{color:#BD3038;cursor:default;text-decoration:none;} ul#nav-main li.first{padding-left:0;} ul#nav-main li.last{border-right:0;padding-right:0;} /* @end *//* @group Sub nav in header */ /* Sub nav in header -----------------------------------------------------------------------------------*/ #nav-sub{height:40px;line-height:40px;list-style:none;margin:0;position:absolute;right:0;top:0;width:485px;} #nav-sub li{background-position:bottom left;background-repeat:no-repeat;float:left;font-size:1em;height:40px;line-height:35px;margin:0 15px 0 0;text-align:center;width:110px;} #nav-sub li.last{margin-right:0;} #nav-sub li a{color:#fff;font-weight:700;text-decoration:none;} #nav-sub li a:hover{border-bottom:2px solid #fff;} /* @end *//* @group Side nav on left *//* Side nav on left -----------------------------------------------------------------------------------*/ #side-nav{font-family:"Trebuchet MS", Arial, sans-serif;font-size:1.2em;font-weight:700;padding:0;width:140px;} #side-nav ul{list-style:none;margin:0;} #side-nav li{border-bottom:1px solid #999;margin-bottom:0;padding:0;} #side-nav li.last{border-bottom:none;} #side-nav li.active ul{border-top:1px solid #999;font-size:1.3em;margin:0;padding-left:0;} #side-nav li.active ul li{border-bottom:none;background:url(/img/nrm/icons/bul-sidenav.png) no-repeat top left;padding:0 0 0 20px;} #side-nav li.active ul li.active{background:url(/img/nrm/icons/bul-sidenav-active.png) no-repeat top left;} /* Side nav links */#side-nav li a{color:#000;display:block;padding:13px 0;text-decoration:none;} #side-nav li a:hover{text-decoration:underline;} #side-nav li.active a,#side-nav li.active a:hover{color:#BD3038;cursor:default;text-decoration:none;} #side-nav li.active a:hover{cursor:pointer;} #side-nav li.active ul a{border-bottom:1px solid #999;color:#000;text-decoration:none;} #side-nav li.active ul li.last a{border-bottom:none;} #side-nav li.active ul a:hover{color:#000;text-decoration:underline;} #side-nav li.active ul li.active a,#side-nav li.active ul li.active a:hover{color:#BD3038;cursor:default;text-decoration:none;} /* @end *//* ----------------------------------------------------------------------------------------------------------------*//* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*//* ----------------------------------------------------------------------------------------------------------------*/*{padding:0;margin:0;} /* ----------------------------------------------------------------------------------------------------------------*//* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*//* ----------------------------------------------------------------------------------------------------------------*/#TB_overlay{position:fixed;z-index:1000;top:0;left:0;height:100%;width:100%;} .TB_overlayMacFFBGHack{background:url(/img/nrm/thickbox/macFFBgHack.png) repeat;} .TB_overlayBG{background-color:#000;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;} * html #TB_overlay{/* ie6 hack */position:absolute;height:expression(document.body.scrollHeight>document.body.offsetHeight?document.body.scrollHeight:document.body.offsetHeight+'px');} #TB_window{position:fixed;z-index:1001;display:none;text-align:left;top:50%;left:50%;width:700px;height:610px;} * html #TB_window{/* ie6 hack */position:absolute;margin-top:expression(0-parseInt(this.offsetHeight/2) 0 (TBWindowMargin=document.documentElement&&document.documentElement.scrollTop||document.body.scrollTop) 0 px);} .TB_closeWindow{height:25px;padding:0;float:right;} #TB_closeWindow a#TB_closeWindowButton,.TB_closeAjaxWindow{position:absolute;top:50px;right:15px;background:url(/img/nrm/icons/blind-toggler.png) no-repeat top left;cursor:pointer;font-size:.75em;height:18px;line-height:18px;padding-left:15px;z-index:1000;} #TB_closeWindow a#TB_closeWindowButton{right:20px;top:-25px;} .TB_closeAjaxWindow a.TB_closeWindowButton{color:#fff;text-decoration:none;} #TB_caption{font-size:.7em;text-align:left;padding-left:20px;} #TB_ajaxContent{clear:both;padding:20px;overflow:hidden;text-align:left;width:694px;} #TB_window .image-wrapper{background:#004D7A;text-align:center;padding-top:30px;padding-bottom:10px;} #TB_load{position:fixed;display:none;height:13px;width:208px;z-index:103;top:50%;left:50%;margin:-6px 0 0 -104px;/* -height/2 0 0 -width/2 */} * html #TB_load{/* ie6 hack */position:absolute;margin-top:expression(0-parseInt(this.offsetHeight/2) 0 (TBWindowMargin=document.documentElement&&document.documentElement.scrollTop||document.body.scrollTop) 0 px);} /*quick fix for t8*/ .t8 #content .module .inner,#primary.module .inner{padding:5px 22px;} #content #primary form.nls p select, #content #primary form.nls p input{margin-top: 0;width: 201px;}