/* Styling for whats on content area ====================================*/ #whats-on .header3 { margin-bottom: 0.20em; } #whats-on span { line-height: 1.7em; } #whats-on img { margin: 5px 12px 5px 0px; } #whats-on a { line-height: 1em; } #whats-on fieldset { float: left; } #whats-on label { display: none; } #whats-on select { width: 151px; margin: 0px 9px 20px 0px; } #whats-on input { text-indent: -5000px; float: left; margin-bottom: 10px; cursor: pointer; border: none; width: 23px; height: 22px; } #whats-on .whats-on-button { position: relative; display: block; float: right; height: 22px; width: 76px; } #whats-on .whats-on-button span{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #ccc url(../images/css-images/content/buy-ticket.gif) no-repeat left top; } #whats-on .whats-on-button:focus, #whats-on .whats-on-button:active{ outline: dotted #ccc; } /* Styling for banner content area ====================================*/ #banners #banner-one { margin: 8px 0px 20px; } #skyscrapper-banner, #landscape-banner { position: relative; color: #fff; padding-top: 0px; } #skyscrapper-banner { height: 605px; } #skyscrapper-banner .content-foreground { height: 592px; left: 15px; width: 145px; padding-top: 8px; } #skyscrapper-banner .content-background { right: 5px; } #skyscrapper-banner p, #skyscrapper-banner h2, #skyscrapper-banner a, #landscape-banner p, #landscape-banner h2, #landscape-banner a { color: #fff; } #skyscrapper-banner a, #landscape-banner a, #landscape-dark-banner a { text-decoration: underline; } #skyscrapper-banner a:hover, #landscape-banner a:hover, #landscape-banner-dark a:hover{ text-decoration: none; } #landscape-banner .content-foreground, #landscape-banner-dark .content-foreground { height: 197px; width: 340px; padding-left: 10px; padding-top: 8px; } #skyscrapper-banner .skyscrapper-banner-link { display: block; position: absolute; top: -5px; left: -11px; } #landscape-banner .landscape-banner-link, #landscape-banner-dark .landscape-banner-link { display: block; position: absolute; top: -5px; left: 0px; } #landscape-banner-dark p #landscape-banner-dark h2, #landscape-banner-dark a { color: #000; } #landscape-banner-dark p, #landscape-banner p { width: 210px; } #landscape-banner-dark { position: relative; color: #000; } #landscape-banner .banner-text { position: absolute; top: 10px; left: 10px; } /* Extra styling for Plants and Fungi ====================================*/ .species-header { background-color: #f3f6f0; min-height: 24px; /* ie6 fix */ padding: 3px 8px 0px; color: #262626; } .species-header h1 { font: 1em Arial, sans-serif; line-height: 1.7em; } .species-header a { padding: 0px 3px; } .species-header label { color: #424240; line-height: 1.6em; } .species-header select { width: 200px; color: #424240; } .species-header #filter-by{ width: 160px; margin-left: 5px; } .species-header .back { padding-left: 15px; margin-right: 10px; background: url(../images/css-images/content/plants-fungi/link-icon.gif) no-repeat left 2px; } .species-header .next { padding-right: 15px; margin-left: 10px; background: url(../images/css-images/content/plants-fungi/link-icon2.gif) no-repeat right 2px; } .species-item { margin-bottom: 15px; padding: 0px 10px; } .species-item p { margin-bottom: 0px; } .species-item div a:focus img { outline: dotted #ccc; } .species-border { background: url(../images/css-images/content/plants-fungi/species-border.gif) no-repeat right top; } .species-name { font-style: italic; } .species-info { background: #f3f6f0 url(../images/css-images/content/species-info-bg.gif) no-repeat top left; padding: 10px 0px 0px 10px; color: #424240; } .species-info div ul li { background: none; padding-left: 0px; } .species-info div ul li span { text-indent: -5000px; display: inline-block; width: 17px; height: 15px; margin-left: 3px; background: url(../images/css-images/content/tick-green.gif) no-repeat top left; } .species-info div ul li span.off { background: url(../images/css-images/content/tick-grey.gif) no-repeat top left; } .species-info-col { background: url(../images/css-images/content/species-info-border.gif) repeat-y top left; } .species-info-col h2 { margin-left: 26px; } .species-info-col ul { margin-left: 26px; } /* Extra styling for listings / search results content area ====================================*/ #listings, .listings { padding-top: 10px; } #listings h3, #searchResults h2, .listings h3 { width: 395px; margin-bottom: 0em; font-size: 144%; font-family: Arial,sans-serif; } #searchResults h2 { width: auto; } #listings span, #searchResults span, .listings span { color: #23490a; line-height: 1.7em; } #listings img, #searchResults img, .listings img{ margin: 3px 12px 7px 0; } #listings a:focus, #searchResults a:focus, .listings a:focus, #listings a:active, #searchResults a:active, .listings a:active { background-color: #2b8006; color: #fff; } #listings .image li, .listings .image li, #listings .image p, .listings .image p, #listings .image h2, .listings .image h2, #listings .image h3, .listings .image h3, #listings .image h4, .listings .image h4{ margin-left: 112px; } #listings .image ul.utility-icons li, .listings .image ul.utility-icons li { margin-left: 0px; } /* Search results page ====================================*/ #searchResults ul { /* ie 6 fix */ text-align: center; margin: 0 auto; width: 408px; } #searchResults ul li { display: inline; background: none; padding-left: 0px; } span#previous-button { float: left; } span#next-button { float: right; } span#previous-button, span#next-button { display: block; } /* Tabbed Content stying ====================================*/ .hidden-tab { display: none; } .tab-nav { display: none; float: left; padding-top: 0px; padding-left: 15px; width: 95%; margin-bottom: 18px; border-bottom: 1px solid #999; } .tab-nav li { position: relative; top: 1px; float: left; padding-left: 0px; background: none; border-right: 1px solid #999; border-top: 1px solid #999; border-bottom: 1px solid #999; } .tab-nav li.selected-tab { border-left: 0px; border-bottom: 1px solid #fff; } .tab-nav li a { display: block; padding: 0px 20px; min-height: 25px; color: #424240; line-height: 1.8em; background-color: #e6e6e6; } .tab-nav li a:hover { background-color: #fff; } .tab-nav li.selected-tab a :hover { background-color: #fff; } .tab-nav li.selected-tab a { background-color: #fff; } .tab-nav li a:focus, .tab-nav li a:active{ text-decoration: underline; color: #424240; outline: none; } .tab-nav li.first-tab { border-left: 1px solid #999; } /* Tag cloud stying ====================================*/ #tag-cloud li{ display: inline; line-height: 1.7em; } #tag-cloud a { background: url(../images/css-images/content/tag-cloud-border.gif) no-repeat right center; padding: 0px 7px; } #tag-cloud a:active, #tag-cloud a:focus { color: #fff; outline: none; background-color: #2b8006; } #tag-cloud a.small { font-size: 1em; } #tag-cloud a.medium { font-size: 1.4em; } #tag-cloud a.large { font-size: 1.8em; } #tag-cloud a.largest { font-size: 2.4em; } #tag-cloud span { display: none; } #tag-cloud-skip p { margin: 0px; } #tag-cloud-skip a, #tag-cloud-skip a:link, #tag-cloud-skip a:visited { display: block; width: 340px; position: absolute; top: 0; left: -400%; z-index: 2; color: #fff; background: #336; text-decoration: none; border-bottom: solid #ccc 2px; padding: 5px; } #tag-cloud-skip a:focus, #tag-cloud-skip a:active { left: 0; top: 0; z-index: 100; outline: none; } #tag-cloud-skip { position: absolute; width: 350px; } /* Carousel style ====================================*/ #carousel-container { width: 350px; padding-top: 10px; background: #faf9f9 url(../images/css-images/content/carousel-bg-top.gif) no-repeat left top; } #carousel-container ol.carousel-setup li { float: left; margin-right: 16px; list-style: none; } #carousel-container .yui-carousel-element li{ width: 115px; border: 0px; color: #686868; } .yui-skin-sam .yui-carousel-nav { background: none; } .carousel-footer { height: 21px; background: #faf9f9 url(../images/css-images/content/carousel-bg-bot.gif) no-repeat left top; } .yui-skin-sam .yui-carousel-nav ul li { background: url(../images/css-images/content/sprite.jpg) no-repeat scroll 2px -646px; width: 15px; height: 15px; margin: 6px 0px 0px 5px; } .yui-skin-sam .yui-carousel-nav ul { display: none; } .yui-skin-sam .yui-carousel-button { background: url(../images/css-images/content/sprite.jpg) no-repeat scroll 0 -600px; margin: 5px 20px 5px 5px;/* ie6 and ie7 fix */ } .yui-skin-sam span.yui-carousel-first-button { margin-right: 171px;/* ie6 and ie7 fix */ } .yui-skin-sam .yui-carousel-nav ul li.yui-carousel-nav-page-focus{ background: #ccc; } .yui-skin-sam .yui-carousel-button-disabled { background-position: 0 -2000px; } #carousel-skip p { margin: 0px; } #carousel-skip a, #carousel-skip a:link, #carousel-skip a:visited { display: block; width: 340px; position: absolute; top: 0; left: -400%; z-index: 2; color: #fff; background: #336; text-decoration: none; border-bottom: solid #ccc 2px; padding: 5px; } #carousel-skip a:focus, #carousel-skip a:active { left: 0; top: 0; z-index: 100; outline: none; } #carousel-skip { position: absolute; width: 350px; } /* Blogs style ====================================*/ #blogs strong, .blogs-listing strong { color: #424240; } #blogs h3 { margin-left: 38px; } #blogs p { margin-left: 38px; } .blogs-listing p { width: 490px; float: left; } .blogs-listing a.view-all { margin-top: 5px; } /* Explore Kew style ====================================*/ .explore-col-one { width: 195px; border-right: 1px solid #d7d7d7; padding-right: 5px; } .explore-col-two { padding-left: 15px; } .explore-col-two strong { color: #424240; } .explore-col-two ol, .explore-col-two ul{ list-style: none; margin-bottom: 0.5em; width: 134px; } .explore-col-two p{ width: 134px; } .buy-ticket, .order-now, .donate, .back-button, .previous-button { display: block; cursor: pointer; } .buy-ticket:focus, .buy-ticket:active, .order-now:focus, .order-now:active, .donate:focus, .donate:active, .back-button:focus, .back-button:active, .previous-button:focus, .previous-button:active{ outline: dotted #ccc; } .back-button { position: relative; height: 22px; width: 70px; } .back-button span{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../images/css-images/content/back.gif) no-repeat left top; } .previous-button { position: relative; height: 22px; width: 70px; } .previous-button span{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../images/css-images/content/previous.gif) no-repeat left top; } .buy-ticket { position: relative; height: 22px; width: 76px; background: url(../images/css-images/content/buy-ticket.gif) no-repeat left top; } .buy-ticket span{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../images/css-images/content/buy-ticket.gif) no-repeat left top; } .order-now { position: relative; width: 80px; height: 19px; } .order-now span{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../images/css-images/content/button-order-now.gif) no-repeat left top; } .donate { position: relative; width: 87px; height: 19px; overflow: hidden; } .donate span{ position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../images/css-images/content/science-conservation/button-donate.gif) no-repeat left top; } /* Media Player style ====================================*/ #media-player { background-color: #ccc; } /* Related News style ====================================*/ .news-icon { position: relative; top: 2px; margin-right: 5px; } .news-thumb-text { padding-left: 110px; } .video , .audio, .camera { float: left; position: relative; top: 5px; text-indent: -5000px; width: 21px; height: 14px; margin-right: 5px; } .video { background: url(../images/css-images/content/video-icon.gif) no-repeat left top; } .audio { background: url(../images/css-images/content/audio-icon.gif) no-repeat left top; } .camera{ background: url(../images/css-images/content/camera-icon.gif) no-repeat left top; } .audio-icon { background: url(../images/css-images/content/icons/audio.gif) no-repeat left 4px; padding-left: 16px; } .likes { background: url(../images/css-images/content/icons/like1.gif) no-repeat left 4px; padding-left: 16px; } .images { background: url(../images/css-images/content/icons/photo.gif) no-repeat left 4px; padding-left: 16px; } .comments { background: url(../images/css-images/content/icons/comment.gif) no-repeat left 2px; padding-left: 16px; } .rss-icon, .jaiku-icon, .twitter-icon, .ident-icon { width: 16px; height: 16px; margin: 2px 5px 0px 0px; } .rss-icon { background: url(../images/css-images/content/news-icon.gif) no-repeat left top; } .jaiku-icon { background: url(../images/css-images/content/jaiku-icon.gif) no-repeat left top; } .twitter-icon { background: url(../images/css-images/content/twitter-icon.gif) no-repeat left top; } .ident-icon { background: url(../images/css-images/content/identica-icon.gif) no-repeat left top; } .news-alerts { position: relative; display: block; width: 110px; height: 19px; } .news-alerts span { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url(../images/css-images/content/button-news-alert.gif) no-repeat left top; } .news-alerts:focus, .news-alerts:active { outline: dotted #ccc; } .rss-link { width: 25px; height: 15px; position: relative; cursor: pointer; } .rss-link span { position: absolute; top: 0px; left: 0px; width: 25px; height: 15px; background: #fff url(../images/css-images/content/news-icon.gif) no-repeat right top; } /* Find a species style ====================================*/ #find-species { min-height: 82px; /* ie6 fix */ padding: 10px 0px 0px 10px; background: url(../images/css-images/content/find-species-bg.gif) no-repeat left top; } #find-species legend{ /* ie6 and ie7 fix */ font-family: Georgia, sans-serif; font-weight: normal; color: #fff; font-size: 170%; margin-bottom: 0.5em; } #find-species ol { list-style: none; } #find-species label { display: none; } #find-species input { width: 285px; height: 19px; /* ie6 and ie7 fix */ float: left; margin-right: 5px; /* ie6 and ie7 fix */ padding: 3px 0px 0px 5px; /* ie6 and ie7 fix */ color: #686860; line-height: 1.5em; } #find-species input.plant-search-submit { width: 30px; padding-top: 0px; height: 27px; /* ie6 and ie7 fix */ } /* Kew Alerts style ====================================*/ #kew-alerts { min-height: 76px; /* ie 6 fix */ background: url(../images/css-images/content/kew-alerts-bg.gif) no-repeat left top; } #kew-alerts legend { width: 150px; text-align: center; padding-left: 5px; /* ie6 and ie7 fix */ color: #fff; font-family: Ariel, sans-serif; font-size: 119%; } #kew-alerts label{ display: none; } #kew-alerts input{ width: 157px; height: 16px; /* ie6 and ie7 fix */ margin: 10px 0px 0px 5px; border: none; font-size: 103%; padding-left: 3px; color: #686868; } #kew-alerts input.submit{ display: block; float: right; width: 70px; height: 19px; margin: 6px 5px 0px 49px; /* ie6 and ie7 fix */ text-indent: -5000px; } /* Links Module style ====================================*/ #links-module { /* ie6 fix */ } #links-module p { border-bottom: 1px solid #e7e7de; border-left: 1px solid #e7e7de; border-right: 1px solid #e7e7de; } #links-module ul { border-top: 1px solid #e7e7de; } #links-module ul li { background: none; padding-left: 0px; border-bottom: 1px solid #e7e7de; border-left: 1px solid #e7e7de; border-right: 1px solid #e7e7de; } #links-module ul li a{ padding: 0px 10px; display: block; background: #f8f7ee; color: #2B8006; line-height: 1.8em; } #links-module ul li a:hover{ background: #549534; text-decoration: none; color: #fff; } #links-module ul li a:active, #links-module ul li a:focus{ background: #549534; text-decoration: none; color: #fff; } #links-module ul li a.nav-selected{ background: #549534; text-decoration: none; color: #fff; } #links-module ul li ul { margin-bottom: 0px; border-top: 0px; } #links-module ul li ul li { background: #ccc; border-left: 0px; border-right: 0px; border-bottom: 0px; border-top: 1px solid #e7e7de; } #links-module ul li ul li a { padding: 0px 5px 0px 19px; background: #fff url(../images/css-images/content/links-mod-bg.gif) no-repeat 10px 7px; } #links-module ul li ul li a:hover{ background: #fff url(../images/css-images/content/links-mod-bg.gif) no-repeat 10px 7px; text-decoration: underline; color: #2B8006; } #links-module ul li ul li a:active, #links-module ul li ul li a:focus{ background: #549534; text-decoration: none; color: #fff; } #links-module ul li ul li a.nav-selected:hover{ background: #549534 url(../images/css-images/content/links-mod-bg2.gif) no-repeat 10px 7px; text-decoration: none; color: #fff; } #links-module ul li ul li ul { background-color: #fff; } #links-module ul li ul li ul li a{ padding: 0px 5px 0px 30px; background: #fff url(../images/css-images/content/links-mod-bg.gif) no-repeat 20px 7px; } #links-module ul li ul li ul li a:hover{ background: #fff url(../images/css-images/content/links-mod-bg.gif) no-repeat 20px 7px; text-decoration: underline; color: #2B8006; } #links-module ul li ul li ul li a:active, #links-module ul li ul li ul li a:focus{ background: #549534; text-decoration: none; color: #fff; } #links-module ul li ul li a.nav-selected { background: #549534 url(../images/css-images/content/links-mod-bg2.gif) no-repeat 10px 7px; text-decoration: none; color: #fff; } #links-module ul li ul li a.nav-selected:hover { background: #549534 url(../images/css-images/content/links-mod-bg2.gif) no-repeat 10px 7px; } #links-module ul li ul li ul li a.nav-selected { background: #549534 url(../images/css-images/content/links-mod-bg2.gif) no-repeat 20px 7px; text-decoration: none; color: #fff; } #links-module ul li ul li ul li a.nav-selected:hover { background: #549534 url(../images/css-images/content/links-mod-bg2.gif) no-repeat 20px 7px; } /* Your Kew Module style ====================================*/ #your-kew { background: url(../images/css-images/content/your-kew-bg.jpg) no-repeat right 10px; } #your-kew .gallery-controls { display: none; min-height: 22px; /* ie6 fix */ line-height: 1.6em; background-color: #e0e0e0; } #your-kew ul { float: left; width: 135px; } #your-kew ul li { background: none; padding-left: 0px; } #your-kew p { width: 213px; float: left; } #your-kew .gallery-controls a { display: block; min-height: 22px; /* ie6 fix */ color: #686868 } #your-kew .gallery-controls a:hover { text-decoration: none; } #your-kew .more-info { padding-left: 20px; margin-left: 5px; background: url(../images/content/your-kew/info.gif) no-repeat left 3px; } #your-kew .gallery-next { padding: 0px 25px 0px 5px; background: url(../images/content/your-kew/next-off.gif) no-repeat 35px 5px; } #your-kew .gallery-next:hover { background: #fff url(../images/content/your-kew/next-on.gif) no-repeat 35px 5px; } #your-kew .gallery-play { padding: 0px 10px 0px 5px; width: 38px; text-align: center; border-right: 5px solid #e0e0e0; background: url(../images/content/your-kew/play-off.gif) no-repeat 41px 6px; } #your-kew #gallery-play-button { display: none; } #your-kew .gallery-play:hover { border-right: 5px solid #fff; background: #fff url(../images/content/your-kew/play-on.gif) no-repeat 41px 6px; } #your-kew .gallery-pause { width: 38px; padding: 0px 10px 0px 5px; border-right: 5px solid #e0e0e0; background: url(../images/content/your-kew/pause-off.gif) no-repeat right 6px; } #your-kew .gallery-pause:hover { border-right: 5px solid #fff; background: #fff url(../images/content/your-kew/pause-on.gif) no-repeat right 6px; } #your-kew .gallery-prev { padding: 0px 5px 0px 25px; background: url(../images/content/your-kew/prev-off.gif) no-repeat 5px 5px; } #your-kew .gallery-prev:hover { background: #fff url(../images/content/your-kew/prev-on.gif) no-repeat 5px 5px; } #your-kew .gallery-image { position: relative; margin-bottom: 2px; width: 348px; height: 240px; padding: 10px 0px; overflow: hidden; border: 1px solid #e0e0e0; } #your-kew .gallery-image img { display: block; margin: auto; } #your-kew .gallery-info-box { top: 260px; left: 0px; width: 350px; height: 75px; } #your-kew .gallery-info-box h3{ color: #fff; margin-bottom: 0px; } #your-kew .gallery-info-box p{ color: #fff; width: 330px; } #your-kew .gallery-info-box-text { position: absolute; top: 0px; left: 0px; width: 340px; height: 45px; padding: 5px 0px 0px 10px; } #your-kew .gallery-info-box-bg { position: absolute; top: 0px; left: 0px; width: 350px; height: 45px; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); } #your-kew-skip p { margin: 0px; } #your-kew-skip a, #your-kew-skip a:link, #your-kew-skip a:visited { display: block; width: 340px; position: absolute; top: 0; left: -400%; z-index: 2; color: #fff; background: #336; text-decoration: none; border-bottom: solid #ccc 2px; padding: 5px; } #your-kew-skip a:focus, #your-kew-skip a:active { left: 0; top: 0; z-index: 100; outline: none; } #your-kew-skip { position: absolute; width: 350px; } /* Find out + Kew Today Module style ====================================*/ #kew-today, #find-out { position: relative; } #kew-today .kew-today-head { min-height: 35px; /* ie6 fix */ padding-top: 5px; background: url(../images/css-images/content/kew-today-bg.jpg) no-repeat top left; } #find-out .find-out-head { min-height: 35px; /* ie6 fix */ padding-top: 5px; background: url(../images/css-images/content/find-out-bg.jpg) no-repeat top left; } #find-out h2, #kew-today h2 { color: #fff; margin-left: 10px; /* ie6 fix */ } #find-out .widget, #kew-today .widget { color: #fff; display: block; width: 90px; height: 20px; line-height: 1.5em; text-align: left; margin: 4px 5px 0px 0px; background: url(../images/css-images/content/widget.gif) no-repeat top right; } #kew-today .widget { background: url(../images/css-images/content/widget2.gif) no-repeat top right; } #find-out .find-out-bot { position: relative; width: 350px; height: 11px; background: url(../images/css-images/content/find-out-bot-bg.gif) no-repeat top left; } #kew-today .find-out-bot { position: relative; width: 350px; height: 11px; background: url(../images/css-images/content/kew-today-bot-bg.gif) no-repeat top left; } #find-out .find-out-text, #kew-today .find-out-text { width: 320px; padding: 15px 15px 5px 15px; background: #fff url(../images/css-images/content/find-out-text-bg.gif) repeat-x bottom left; } #find-out .find-out-logo, #kew-today .find-out-logo { position: absolute; top: -30px; right: 10px; width: 44px; height: 21px; background: #fff url(../images/css-images/content/find-out-logo.gif) repeat-x top left; } #find-out #find-out-info, #kew-today #kew-today-info { width: 340px; padding: 10px 0px 0px 10px; background-color: #F2F2F2; } #find-out #find-out-info ul li, #kew-today #kew-today-info ul li{ padding-left: 0px; background: none; float: left; width: 100px; } #find-out #find-out-info ul li.facebook a, #kew-today #kew-today-info ul li.facebook a{ padding-left: 20px; background: url(../images/css-images/content/facebook-icon.gif) no-repeat top left; height: 19px; display: block; line-height: 1.6em; } #find-out #find-out-info form, #kew-today #kew-today-info form{ margin: 15px 0px; } #find-out #find-out-info legend, #kew-today #kew-today-info legend{ display: none; } #find-out #find-out-info label, #kew-today #kew-today-info label{ color: #686868; } #find-out #find-out-info input, #kew-today #kew-today-info input{ color: #686868; width: 250px; border: 0px; } /* Poll Module style ====================================*/ #poll legend { display: none; } #poll li { list-style: none; } #poll label { position: relative; top: -3px; padding-left: 7px; color: #2B8006; font-size: 90%; text-decoration: none; cursor: pointer; } #poll label:hover { text-decoration: underline; } #poll input { margin-left: 5px; /* ie6 and ie7 fix */ cursor: pointer; } #poll input.submit { margin: 10px 0px 0px 5px; } /* Promo Module style ====================================*/ #promo .header4 { margin: 0.2em 0px; } /* Species Page style ====================================*/ .species-section, .species-section-min { margin: 30px 0px; background: url(../images/css-images/content/species/species-bg.gif) repeat-x left 32px; } .species-head{ padding: 7px 0px 0px 10px; margin-bottom: 20px; min-height: 28px; /* ie6 fix */ } .species-section blockquote, .species-section-min blockquote { border-bottom: 0px; } .species-head h2{ font-family: Georgia,sans-serif; font-size: 144%; color: #fff; margin-bottom: 0px; } .species-head a.more-info{ padding-right: 15px; margin-right: 15px; /* ie6 fix */ background: url(../images/css-images/content/species/arrow-down.gif) no-repeat right 4px; } .species-head a.highlight{ background: url(../images/css-images/content/species/arrow-up.gif) no-repeat right 4px; } .species-head a:focus, .species-head a:active{ background-color: #fff; text-decoration: underline; color: #2b8006; } .species-section1 .species-head { background: #3c5a6f url(../images/css-images/content/species/header1.jpg) no-repeat top left; } .species-section2 .species-head { background: #4e8d40 url(../images/css-images/content/species/header2.jpg) no-repeat top left; } .species-section3 .species-head { background: #524f23 url(../images/css-images/content/species/header3.jpg) no-repeat top left; } .species-section4 .species-head { background: #846c2d url(../images/css-images/content/species/header4.jpg) no-repeat top left; } .species-section5 .species-head { background: #846c2d url(../images/css-images/content/species/header5.jpg) no-repeat top left; } .species-section1-min .species-head { background: #3c5a6f url(../images/css-images/content/species/header1a.jpg) no-repeat top left; } .species-section2-min .species-head { background: #4e8d40 url(../images/css-images/content/species/header2a.jpg) no-repeat top left; } .species-section3-min .species-head { background: #524f23 url(../images/css-images/content/species/header3a.jpg) no-repeat top left; } .species-section4-min .species-head { background: #846c2d url(../images/css-images/content/species/header4a.jpg) no-repeat top left; } .species-section5-min .species-head { background: #846c2d url(../images/css-images/content/species/header5a.jpg) no-repeat top left; } .species-section .intro, .species-section-min .intro { padding: 0px 10px; } .species-section .intro .intro-text p, .species-section-min .intro .intro-text p { width: 320px; } .species-section .intro ul, .species-section-min .intro ul { width: 160px; margin: 0px 10px; } .species-section .body-text { padding: 0px 0px 0px 10px; } .species-button { display: none; } .species-section .body-text .image-name { width: 170px; display: block; } /* GP:MB:22-09-update for issue 142 */ .species-intro h2 { font-family: Arial, sans-serif; font-weight: normal; font-size: 144%; margin-bottom: 0.3em; color: #424240; } /* End update */ /* Species Browser style ====================================*/ .species-filter { min-height: 40px; /* ie6 fix */ background: url(../images/css-images/content/plants-fungi/species-filter.gif) no-repeat top left; margin: 30px 0px 20px 0px; padding: 5px 0px 0px 8px; /* ie6 and ie7 fix */ } .species-filter legend{ display: none; } .species-filter label{ color: #fff; font-weight: bold; } .species-filter select{ color: #686868; width: 175px; margin-left: 5px; } .species-filter input{ color: #686868; width: 175px; margin-left: 5px; } .species-filter input.submit{ width: 22px; position: relative; top: 5px; /* ie6 and ie7 fix */ } .species-filter input.reset { width: 45px; height: 21px; position: relative; xxtop: 5px; /* ie6 and ie7 fix */ border: 0px; text-indent: -5000px; background: url(../images/css-images/content/button-reset.gif) no-repeat top left; cursor: pointer; } /* Events style ====================================*/ #event { position: relative; } #event ul { position: absolute; top: 85px; } #event ul.pos-one { left: 20px; } #event ul.pos-two { right: 20px; } #event ul li { padding-left: 0px; background: none; } #event ul li a { color: #fff; } /* Calendar style ====================================*/ #calendar { margin-bottom: 25px; } #calendar .calendar-header { min-height: 213px; /* ie6 fix */ padding: 15px 20px 0px 20px; margin-top: 5px; background: url(../images/css-images/content/calendar/calendar-bg.gif) no-repeat left top; } #calendar .calendar-header p { width: 228px; margin-bottom: 10px; } #calendar .calendar-header form { width: 230px; } #calendar .calendar-header label { color: #686868; line-height: 1.8em; } #calendar #calendar-kew-events, #calendar #calendar-all-events, #calendar #calendar-month{ width: 225px; margin-bottom: 15px; } #calendar .calendar-header .calendar-controls { display: none; float: right; padding: 10px 40px 0px 0px; } #calendar .calendar-header .calendar-header-text { float: left; width: 250px; } #calendar .calendar-header .calendar-controls a { width: 89px; height: 19px; display: block; margin-bottom: 10px; position: relative; xxtext-indent: -5000px; } #calendar .calendar-header .calendar-controls a span { position: absolute; top: 0px; left: 0px; width: 89px; height: 19px; display: block; } #calendar #calendar-by-day:focus, #calendar #calendar-by-day:active, #calendar #calendar-by-week:focus, #calendar #calendar-by-week:active, #calendar #calendar-by-month:focus, #calendar #calendar-by-month:active { outline: dotted #333366; } #calendar .calendar-body { margin-bottom: 5px; width: 710px; background: url(../images/css-images/content/calendar/calendar-bg2.gif) repeat-y left top; } #calendar #current-date { position: relative; top: 4px; /* ie6 and ie7 fix */ display: block; float: left; width: 286px; height: 25px; color: #fff; padding-left: 20px; font-size: 120%; line-height: 1.5em; background: url(../images/css-images/content/calendar/calendar-content-header-bg.gif) repeat-x left top; } #calendar #calendar-reults-previous { position: relative; top: 4px; /* ie6 and ie7 fix */ float: left; display: block; width: 55px; height: 20px; color: #fff; padding: 5px 0px 0px 17px; background: url(../images/css-images/content/calendar/previous-off.gif) no-repeat left top; } #calendar #calendar-reults-previous:hover { text-decoration: none; background: url(../images/css-images/content/calendar/previous-on.gif) no-repeat left top; } #calendar #calendar-reults-next { position: relative; top: 4px; /* ie6 and ie7 fix */ float: left; display: block; width: 49px; height: 20px; color: #fff; padding: 5px 0px 0px 12px; background: url(../images/css-images/content/calendar/next-off.gif) no-repeat left top; } #calendar #calendar-reults-next:hover { text-decoration: none; background: url(../images/css-images/content/calendar/next-on.gif) no-repeat left top; } #calendar .calendar-body .calendar-results { width: 670px; border-top: 4px solid #363636; padding: 25px 20px 0px 20px; overflow: hidden; background: url(../images/css-images/content/calendar/calendar-content-footer-bg.gif) no-repeat left bottom; } #calendar .calendar-body .calendar-results .calendar-result { width: 310px; margin: 15px 25px 15px 0px; } #calendar .calendar-body .calendar-results .calendar-result .thumb { margin-right: 10px; } #calendar .calendar-body .calendar-results .calendar-result h3 { line-height: 1em; } #calendar .calendar-body .calendar-results .calendar-result p { padding-left: 110px; } #calendar .calendar-body .calendar-results .calendar-result p { padding-left: 110px; } #calendar .calendar-footer { background-color: #f3f6f0; min-height: 21px; width: 694px; padding: 5px 8px 0px; color: #262626; } #datepicker-holder { position: relative; width: 230px; height: 195px; } #datepicker { position: absolute; top: 0px; left: 0px; } /* Kew alerts style ====================================*/ #kew-alerts-form legend span{ position: absolute; top: 6px; /* ie6 and ie7 fix */ left: 5px; color: #424240; font-size: 130%; padding-left: 29px; line-height: 1.4em; } #kew-alerts-form .email-password { position: relative; width: 700px; padding: 1px 0px 20px 10px; } #kew-alerts-form .email-password legend span { background: url(../images/css-images/content/kew-alerts/one.gif) no-repeat left top; } #kew-alerts-form .email-password ol { margin-top: 35px; } #kew-alerts-form .email-password ol li{ float: left; list-style: none; width: 347px; margin-top: 15px; } #kew-alerts-form .email-password label{ color: #686868; width: 107px; text-align: right; display: block; float: left; margin-right: 5px; } #kew-alerts-form .email-password input{ border: 0px; width: 202px; height: 21px; } #kew-alerts-form .your-way { position: relative; width: 700px; padding: 1px 0px 10px 10px; } #kew-alerts-form .your-way legend span { background: url(../images/css-images/content/kew-alerts/two.gif) no-repeat left top; } #kew-alerts-form .your-way p.intro-text { margin: 35px 0px 0px 10px; } #kew-alerts-form .your-way ol{ margin-top: 30px; } #kew-alerts-form .your-way ol li{ float: left; list-style: none; width: 330px; margin-top: 15px; padding-right: 20px; } #kew-alerts-form .your-way label{ width: 308px; color: #424240; font-size: 120%; display: block; float: right; text-align: left; } #kew-alerts-form .your-way input{ position: relative; top: 3px; /* ie6 and ie7 fix */ float: left; } #kew-alerts-form .your-way ol li p{ padding-top: 26px; /* ie6 and ie7 fix */ } #kew-alerts-form .when-how { width: 700px; overflow: auto; padding: 5px 0px 0px 10px; } #kew-alerts-form .when-how span{ display: block; width: 21px; height: 21px; margin: 2px 0px 6px 0px; background: url(../images/css-images/content/kew-alerts/three.gif) no-repeat left top; } #kew-alerts-form .when, #kew-alerts-form .how { position: relative; top: -23px; float: left; width: 200px; margin-left: 50px; /*ie6 fix */ } #kew-alerts-form .when legend, #kew-alerts-form .how legend{ color: #424240; font-size: 130%; } #kew-alerts-form .when ol, #kew-alerts-form .how ol{ margin-top: 10px; list-style: none; } #kew-alerts-form .when ol li, #kew-alerts-form .how ol li{ width: 100px; } #kew-alerts-form .when label, #kew-alerts-form .how label{ color: #686868; display: block; width: 80px; float: right; line-height: 1.3em; text-align: left; margin-bottom: 5px; } #kew-alerts-form .when input, #kew-alerts-form .how input{ float: left; } #kew-alerts-form .tcs-privacy { width: 414px; } #kew-alerts-form .tcs-privacy legend{ color: #424240; font-size: 130%; margin-bottom: 10px; } #kew-alerts-form .tcs-privacy label{ color: #686868; float: right; } #kew-alerts-form .tcs-privacy input{ margin-top: 3px; /* ie6 and ie7 fix */ float: left; } #kew-alerts-form .submit { display: block; margin: 27px 0px 30px 0px; } #access-kew-news ul { background: url(../images/css-images/content/hr.gif) repeat-x bottom left; } #access-kew-news li { background: url(../images/css-images/content/hr.gif) repeat-x top left; padding: 3px 0px; } #access-kew-news li img { margin: 3px 3px 0px 0px; } #access-kew-news li.what-is-rss { background: none; height: 10px; } #access-kew-news li.what-is-rss a { position: relative; top: -8px; left: 20px; font-size: 90%; line-height: 1.2em; } /* Plant Fact style ====================================*/ #plant-fact { background: url(../images/css-images/content/plant-fact-bg.jpg) no-repeat top left; } #plant-fact h2 { color: #fff; margin-left: 10px; /* ie6 fix */ } #plant-fact .plant-fact-text { width: 320px; padding: 15px 15px 0px 15px; background: #fff url(../images/css-images/content/plant-fact-text-bg.gif) repeat-x bottom left; } #plant-fact .plant-fact-bot { width: 350px; height: 50px; background: url(../images/css-images/content/plant-fact-bot-bg.jpg) no-repeat top left; } #plant-fact .new-plant { text-indent: -5000px; display: block; width: 81px; height: 19px; background: url(../images/css-images/content/button-new-plant.gif) no-repeat top left; } /* XML feed style ====================================*/ #xml-feed strong { color: #686868; } #xml-feed img { margin-right: 3px; } #xml-feed ul{ margin-top: 10px; } #xml-feed li{ background: url(../images/css-images/content/hr.gif) repeat-x bottom left; padding: 0px 0px 10px 0px; margin-bottom: 10px; } /* Members Area style ====================================*/ .members-section { min-height: 222px; /* ie6 fix */ margin-bottom: 15px; position: relative; } .members-section .content-background { padding-top: 14px; left: 0px; z-index: 1; /* ie6 fix */ } .members-section h3 { font-size: 120%; font-weight: normal; margin-bottom: 0.6em; width: 243px; } .members-section p { width: 243px; } .members-section ul { width: 450px; } .members-section li { float: left; width: 188px; } .members-head1, .members-head2, .members-head3, .members-head4, .members-head5, .members-head-wide1, .members-head-wide2, .members-head-wide3, .members-head-wide4, .members-head-wide5 { padding: 20px 0px 0px 12px; position: relative; /* ie6 fix */ z-index: 2; } .members-head1 { background: url(../images/css-images/content/members-header1.jpg) no-repeat top left; } .members-head2 { background: url(../images/css-images/content/members-header2.jpg) no-repeat top left; } .members-head3 { background: url(../images/css-images/content/members-header3.jpg) no-repeat top left; } .members-head4 { background: url(../images/css-images/content/members-header4.jpg) no-repeat top left; } .members-head5 { background: url(../images/css-images/content/members-header5.jpg) no-repeat top left; } .members-head-wide1 { background: url(../images/css-images/content/members-header-wide1.jpg) no-repeat top left; } .members-head-wide2 { background: url(../images/css-images/content/members-header-wide2.jpg) no-repeat top left; } .members-head-wide3 { background: url(../images/css-images/content/members-header-wide3.jpg) no-repeat top left; } .members-head-wide4 { background: url(../images/css-images/content/members-header-wide4.jpg) no-repeat top left; } .members-head-wide5 { background: url(../images/css-images/content/members-header-wide5.jpg) no-repeat top left; } .members-head-wide1 p, .members-head-wide2 p, .members-head-wide3 p, .members-head-wide4 p, .members-head-wide5 p, .members-head-wide1 h3, .members-head-wide2 h3, .members-head-wide3 h3, .members-head-wide4 h3, .members-head-wide5 h3{ width: 594px; } .members-join-button { width: 74px; height: 19px; position: relative; top: 0px; left: 0px; } .members-join-button span { width: 74px; height: 19px; position: absolute; top: 0px; left: 0px; background: url(../images/css-images/content/button-join-now.gif) no-repeat top left; } .members-buy-button { width: 70px; height: 19px; position: relative; } .members-buy-button span { width: 70px; height: 19px; position: absolute; top: 0px; left: 0px; background: url(../images/css-images/content/button-buy-now.gif) no-repeat top left; } .members-find-out-button { width: 96px; height: 19px; position: relative; } .members-find-out-button span { width: 96px; height: 19px; position: absolute; top: 0px; left: 0px; background: url(../images/css-images/content/button-find-out.gif) no-repeat top left; } .members-signup-button { width: 96px; height: 19px; position: relative; } .members-signup-button span { width: 96px; height: 19px; position: absolute; top: 0px; left: 0px; background: url(../images/css-images/content/button-sign-up.gif) no-repeat top left; } /* Kew Walks style ====================================*/ #kew-walks label, #kew-walks legend { display: none; } #kew-walks select { width: 163px; margin-right: 10px; color: #424240; } #kew-walks input { position: relative; top: 6px; } #kew-walks ul, #visit-maker ul { padding-top: 1px; margin-top: 10px; } #kew-walks li, #visit-maker li { background: url(../images/css-images/content/hr.gif) repeat-x bottom left; padding: 0px 0px 10px 0px; margin-top: 10px; } #kew-walks li a, #visit-maker li a{ font-size: 124%; } /* Visit Maker style ====================================*/ #visit-maker h2{ margin-left: 10px; } #visit-maker legend{ display: none; } #visit-maker ol li{ min-height: 82px; /* ie6 fix */ list-style: none; margin-top: 0px; padding: 15px 10px 0px 82px; color: #424240; background: #d4d4d4 url(../images/css-images/content/visit-maker-bg.gif) no-repeat; } #visit-maker select{ width: 223px; margin-top: 10px; } #visit-maker li.vm-type{ } #visit-maker li.vm-time{ background-position: -350px 0px; } #visit-maker li.vm-interests{ background-position: -700px 0px; } #visit-maker li.vm-submit{ min-height: 28px; /* ie6 fix */ height: 28px; padding: 0px; margin-top: 2px; } #visit-maker span { color: #424240; } #order-results { float: left; width: 350px; height: 19px; line-height: 19px; background: url(../images/css-images/content/hr.gif) repeat-x top left; } #order-results h3{ font-size: 100%; float: left; margin-right: 92px; margin-bottom: 0px; line-height: 21px; } #order-results a{ display: block; height: 18px; line-height: 18px; margin-top: 2px; padding: 0px 27px 0px 13px; float: left; color: #fff; } #order-results a.time-ass{ background: #2B8006 url(../images/css-images/content/vm-order-on.gif) no-repeat 50px 5px; } #order-results a.time-desc{ background: #2B8006 url(../images/css-images/content/vm-order-on2.gif) no-repeat 50px 5px; } #order-results a.time-selected{ color: #2B8006; background: #fff url(../images/css-images/content/vm-order-off.gif) no-repeat 50px 5px; } #order-results a.popularity-ass{ background: #2B8006 url(../images/css-images/content/vm-order-on.gif) no-repeat 76px 5px; } #order-results a.popularity-desc{ background: #2B8006 url(../images/css-images/content/vm-order-on2.gif) no-repeat 76px 5px; } #order-results a.pop-selected{ color: #2B8006; background: #fff url(../images/css-images/content/vm-order-off.gif) no-repeat 76px 5px; } .positioner { position: relative; height: 20px; } .menu-holder { position: absolute; width: 800px; line-height: 20px; left: 50%; margin-left: -315px; } .nav-test { margin-bottom: 300px; } .test-nav-item { float: left; color: red; margin-right: 5px; background: none; padding-left: 0px; } .test-nav-item ul { float: left; display: none; overflow: hidden; } .test-nav-item ul li { background: none; padding-left: 0px; float: left; width: 200px; margin: -32767px -100px; } .test-nav-item a { width: 100px; height: 20px; display: block; float: left; position: relative; margin-top: 32766px; color: red; background-color: #000; text-align: center; } .test-nav-item:hover ul, .test-nav-item a:hover ul { display: block; }