/* styles/ghmainscreen.css */ /* S T Y L E S H E E T F O R M A I N P A G E S */ /* RESET */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* START OF SPECIFIC CODE */ a:link {color: #009; font-family: Verdana, Arial, Helvetica, sans-serif;} a:visited {color: #A0F;} a:hover {color: #F00;} a:active {color: #F90;} .page-credit-head a:link {color: #9CC;} .page-credit-head a:visited {color: #A0F;} .page-credit-head a:hover {color: #F00;} .page-credit-head a:active {color: #F90;} html { /* fallback */ background: #333; color: #000; min-height: 100%; /* IE <10 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFDDDDDD', endColorstr='#FF666666'); /* IE10 */ background-image: -ms-linear-gradient(top, #DDDDDD 0%, #666666 100%); /* Mozilla Firefox */ background-image: -moz-linear-gradient(top, #DDDDDD 0%, #666666 100%); /* Opera */ background-image: -o-linear-gradient(top, #DDDDDD 0%, #666666 100%); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DDDDDD), color-stop(1, #666666)); /* Webkit (Chrome 11+) */ background-image: -webkit-linear-gradient(top, #DDDDDD 0%, #666666 100%); /* Proposed W3C Markup */ background-image: linear-gradient(top, #DDDDDD 0%, #666666 100%); } body {position: relative; background: #FFF; color: #000; margin: auto; margin-top: 0; margin-bottom: 0px; min-width: 750px; max-width: 1050px; height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; padding: 0; -webkit-box-shadow: 0 0 10px 10px #666; -moz-box-shadow: 0 0 10px 10px #666; box-shadow: 0 0 10px 10px #666;} /* FONTS */ /* * Web Fonts from fontspring.com * All OpenType features and all extended glyphs have been removed. * Fully installable fonts can be purchased at http://www.fontspring.com * The fonts included in this stylesheet are subject to the End User License you purchased * from Fontspring. The fonts are protected under domestic and international trademark and * copyright law. You are prohibited from modifying, reverse engineering, duplicating, or * distributing this font software. * (c) 2010-2011 Fontspring * The fonts included are copyrighted by the vendor listed below. * Vendor: FontSite Inc. * License URL: http://www.fontspring.com/fflicense/fontsite */ @font-face { font-family: 'FranklinGothicFSHeavy'; src: url('../fonts/FranklinGothic-Hvy-webfont.eot'); src: url('../fonts/FranklinGothic-Hvy-webfont.eot?iefix') format('eot'), url('../fonts/FranklinGothic-Hvy-webfont.woff') format('woff'), url('../fonts/FranklinGothic-Hvy-webfont.ttf') format('truetype'), url('../fonts/FranklinGothic-Hvy-webfont.svg#webfont') format('svg'); font-weight: normal; font-style: normal; } h1, h2, h3, h4, h5, h6 {font-family:'FranklinGothicFSHeavy', Verdana, Arial, Helvetica, sans-serif; margin-top: 0; margin-bottom: 10px;} h1 {font-weight: normal; font-size: 3.00em;} h2 {font-weight: normal; font-size: 1.75em;} h3 {font-weight: normal; font-size: 1.50em;} h4 {font-weight: normal; font-size: 1.20em;} h5 {font-weight: normal; font-size: 1.00em;} h6 {font-weight: normal; font-size: 0.90em;} h2.screenonly {font-family:'FranklinGothicFSHeavy', Verdana, Arial, Helvetica, sans-serif; margin-top: 0; margin-bottom: 10px; font-weight: normal; font-size: 1.75em;} p, ul, li, th, td, #breadcrumbs, .screenonly {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000;} p {text-align: left; margin-bottom: 10px; line-height: 16px;} ul, li {text-align: left; line-height: 16px;} ul {margin-left: 20px; margin-bottom: 10px; list-style-type: disc;} li {font-size: 0.80em;} strong {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;} .ital {font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic;} .bold {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;} .itals {font-style: italic;text-align: center;font-size: 0.7em;color: #555; margin-top: 5px;margin-bottom: 5px;} .quotedtext {font-family: Verdana, Arial, Helvetica, sans-serif; color: #333;margin-left: 25px;} .red {color: #F00; font-size: 0.80em; margin: 20px 0 20px 10px;} .red-fs {color: #F00;} .grey {color: #999;} .dark_grey {font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; color: #333;} /* Effects */ .shadow1 {-webkit-box-shadow: 5px 5px 5px #999; -moz-box-shadow: 5px 5px 5px #999; box-shadow: 5px 5px 5px #999;} .shadow2 {-webkit-box-shadow: 2px 2px 8px #999; -moz-box-shadow: 2px 2px 8px #999; box-shadow: 2px 2px 8px #999;} /* left content etc */ .radius1 {-moz-border-radius: 5px; border-radius: 5px;} .radius2 {-moz-border-radius: 3px; border-radius: 3px;} .radius3 {-moz-border-radius: 10px; border-radius: 10px;} /* MAIN STRUCTURE */ #top-container {position: relative; margin: 0; height: 130px;} #main-container {position: relative; margin: 0; height: 100%;} #left-container {position: absolute; top: 0; margin: 0; left: 0; width: 160px; padding-left: 10px;} #left-container-dropped {position: absolute; top: 150px; margin: 0; left: 0; width: 160px; padding-left: 10px;} #body-container {position: relative; min-height: 300px; top: 70px; margin: 0 0 100px 190px; padding: 0 20px 0 0;} #full-width-body-container {position: relative; top: 70px; margin: 0 0 100px 0; padding: 0 20px 0 20px;} .third-block-container, .single-block-container {position: relative; width: 100%; margin: 10px 0 10px 0;} .third-block-left, .third-block-mid, .third-block-right {position: absolute; width: 30%; margin: 0; top: 0; left: 0; border: 1px solid #999; height: 200px; padding: 0.5%;} .single-block {position: relative; margin: 0 0 10px 0; border: 2px solid #999; height: 210px; padding: 10px;} .single-block-hover {border: 2px solid #F00;} .contents-list-block {position: relative; margin: 0 0 20px 0; padding: 0 0 20px 0; border-bottom: 2px solid #CCC;} .contents-list-title {background-color: #003; padding: 10px 10px 10px 10px; font-family:'FranklinGothicFSHeavy', Verdana, Arial, Helvetica, sans-serif; color: #FFF; font-size: 1.50em;} .third-block-left {left: 0;} .third-block-mid {left: 34.5%;} .third-block-right {left: 69%;} footer {position: relative; margin: 0; height: 225px;} #footer-latest {position: relative; margin: 275px 0 20px 0; width: 100%; height: 110px;} /* TOP */ #titleblock_black {height: 100px; background-color: #333; padding-top: 20px; padding-left: 20px; min-width: 640px;} /*logo sprite*/ a.ghg_name {position: relative; margin-top: 10px; margin-left: 0; display: block; width: 420px; height: 60px; text-decoration: none;} a.ghg_name {background: url('../images/gh_name_sprite.png'); repeat: none;} a.ghg_name:hover {background-position: -420px 0;} /*end of logo sprite*/ #searchbox {position: absolute; top: 30px; right: 30px; width: 220px; height: 50px; padding: 4px 2px 2px 2px; background-color: #FFF;} #titleblock_print {display: none;} /* DHTML-MENU loaded at foot of page */ #dmenu-load-at-foot {position: absolute; z-index: 10; margin-left: 0; top: 120px;} #horz_menu a {width: 92px; height: 20px; display: block; float: left; margin: 10px 0 10px 10px; font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: normal; font-size: 0.80em; color: #FFF; text-decoration:none;} #horz_menu a {padding: 5px 5px 2px 5px; text-decoration: none;} #horz_menu a:hover {font-weight: bold;} #horz_menu a:active {background-color: #333; font-weight: normal;} #menuitem_1 {background-color: #333;} #menuitem_2 {background-color: #900;} #menuitem_3 {background-color: #066;} #menuitem_4 {background-color: #090;} #menuitem_5 {background-color: #636;} #menuitem_6 {background-color: #C03;} .vert_menu {position: absolute; visibility: hidden; display: none; width: 175px; font-weight: normal; background-color: #FFF; color: #000; margin-top: -119px; margin-left: 0px;} .vert_menu a {display: block; float: none; border: 1px solid #000; margin-top: -1px; margin-left: 0; padding: 3px 3px 3px 5px; text-decoration: none; font-size: 0.80em; background-color: #FCFCFC; color: #000; -webkit-box-shadow: 2px 2px 8px #999; -moz-box-shadow: 2px 2px 8px #999; box-shadow: 2px 2px 8px #999;} .vert_menu a:hover {background-color: #555; color:#FFF; font-weight:bold;} .vert_menu a:active {background-color: #555; color:#FFF; font-weight:normal;} /* BREADCRUMBS */ #breadcrumbs {position: absolute; top: 170px; margin-left: 10px; height: 15px; padding: 2px 0 2px 0; border-style: none; text-align: left; font-size: 60%; color: #555; z-index: 5;} /* END OF TOP SECTION */ /* MAIN CONTENT */ #fullwidthblock {margin: 0; padding: 0 20px 0 20px;} #fullwidthblock850 {margin: auto; width: 850px;} /* for maps/1850s_map_east.htm only */ #fullwidthblock900 {margin: auto; width: 900px;} /* for 1896 mapindex */ .mapblock_850_nocontrols {position: relative; width: 850px; height: 600px; margin: auto; margin-bottom: 20px; background-image:url(../maps/boundaries/map_assets/images/boundaries_base.png);} /* for boundaries and parishes maps */ .mapblock_938 {position: relative; width: 938px; height: 688px; margin: auto; margin-bottom: 20px; background-color:#FFF;} /* for maps */ .mapblock_850 {position: absolute; width: 850px; height: 600px; left:44px; top:44px; margin: 0; background-color:#999;} /* for maps - absolute to positon relative to active surround bars */ .mapblock_topleft{position: absolute; width:40px;height:40px; left: 0;top:0;background-color:#FFF;background-color:#FFF;} .mapblock_top{position: absolute;width:850px; height:40px;left: 44px;top:0;background-color:#FFF;background-color:#FFF;} .mapblock_topright{position: absolute;width:40px;height:40px;left:898px;top:0;background-color:#FFF;background-color:#FFF;} .mapblock_right{position: absolute;width:40px;height:600px;left:898px;top:44px;background-color:#FFF;background-color:#FFF;} .mapblock_bottomright{position: absolute;width:40px;height:40px;left:898px;top:648px;background-color:#FFF;background-color:#FFF;} .mapblock_bottom{position: absolute;width:850px;height:40px;left: 44px;top:648px;background-color:#FFF;background-color:#FFF;} .mapblock_bottomleft{position: absolute;width:40px;height:40px;left: 0px;top:648px;background-color:#FFF;background-color:#FFF;} .mapblock_left{position: absolute;width:40px;height:600px;left: 0px;top:44px;background-color:#FFF;background-color:#FFF;} a.mapblock_topleft_img,a.mapblock_topright_img,a.mapblock_bottomright_img,a.mapblock_bottomleft_img {display: block;width: 40px;height: 40px;text-decoration: none;background-color: #999;} a.mapblock_topleft_img {background: url('../maps/map_images/topleft.png');} a.mapblock_topright_img {background: url('../maps/map_images/topright.png');} a.mapblock_bottomright_img {background: url('../maps/map_images/bottomright.png');} a.mapblock_bottomleft_img {background: url('../maps/map_images/bottomleft.png');} a.mapblock_topleft_img,a.mapblock_topright_img,a.mapblock_bottomright_img,a.mapblock_bottomleft_img {background-position: 0 0;} a.mapblock_topleft_img:hover,.mapblock_topright_img:hover,.mapblock_bottomright_img:hover,.mapblock_bottomleft_img:hover {background-position: 0 -40px;} .mapblock_top_img,.mapblock_bottom_img {display: block; width: 850px; height: 40px; text-decoration: none; background-color: #999; background-position: 0 0;} .mapblock_top_img {background: url('../maps/map_images/top.png');} .mapblock_bottom_img {background: url('../maps/map_images/bottom.png');} .mapblock_top_img,.mapblock_bottom_img {background-position: 0 0;} .mapblock_top_img:hover,.mapblock_bottom_img:hover {background-position: 0 -40px;} .mapblock_left_img,.mapblock_right_img {display: block;width: 40px; height: 600px; text-decoration: none; background-color: #999;} .mapblock_left_img {background: url('../maps/map_images/left.png');} .mapblock_right_img {background: url('../maps/map_images/right.png');} .mapblock_left_img,.mapblock_right_img {background-position: 0 0;} .mapblock_left_img:hover,.mapblock_right_img:hover {background-position: 0 -600px;} /* 1896 maps */ #map-img-upper-left,#map-img-lower-left,#map-img-upper-right,#map-img-lower-right{padding:0; border:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} #map-img-upper-left {position: absolute; margin: 0 ;} #map-img-lower-left {position: absolute; margin: 300px 0 0 0 ;} #map-img-upper-right {position: absolute; margin: 0 0 0 425px;} #map-img-lower-right {position: absolute; margin: 300px 0 0 425px;} .leftblock {position: relative; margin: 0 0 15px 0; padding: 0;} .leftblock .container {background: #FFF; border: 1px solid #999; padding: 0; min-height: 1px;} .left-intro {margin: 10px 0 0 5px; padding: 5px; background-color: #900; color: #FFF; font-size: 0.80em; -moz-border-radius: 5px; border-radius: 5px;} .left-ribbon {position: relative; width: 140px; height: 20px; margin: 0 0 10px 0; padding: 10px; background: #A00; color: #FFF;} .ribbon-left-head {color: #FFF; font-size: 0.80em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;} .ribbon-left-text {color: #A00; font-size: 0.70em; font-family: Verdana, Arial, Helvetica, sans-serif;} .ribbon-left-link {position: relative; padding: 5px 5px 20px 5px; text-align: left; height: 50px;} .ribbon-left-img {position: relative; height: 60px; width: 50px; margin: 5px 0 5px 0; padding: 2px;} .left-ribbon-ghg {position: relative; width: 140px; height: 20px; margin: 0 0 10px 0; padding: 10px; background: #FFDF00; border: 1px solid #A00; color: #FFF;} .ghg-ribbon-left-head {color: #000; font-size: 0.80em; font-weight: bold;} .ghg-ribbon-left-text {color: #A00; font-size: 0.70em;} .ghg-ribbon-left-link {position: relative; padding: 5px 5px 20px 5px; text-align: left; height:50px;} .ghg-ribbon-left-img {position: relative; height: 50px; width: 50px; margin: 5px 0 0 0; padding:0;} .grantonlite-header .container {color: #000; border: 1px solid #999; padding: 0 10px 2px 20px; min-height: 1px;} .grantonlite-header h1 {font-size: 2.50em;} .grantonlite-header h2 {font-size: 1.50em; color:#666} .textpara .container {background: #FFC; border: 0px solid #999; padding: 0; min-height: 1px; } .birdseye-para {position: relative; width: 225px; margin: 10px 0 0 0; margin: auto; font-size: 0.70em; color: #FFDF00; min-height: 85px; border-bottom: 1px solid #900;} .birdseye-head {margin: 3px; padding: 3px ;background: #900; color: #FFF; font-weight: bold; font-style: normal;} .birdseye-text {position:absolute; top: 30px; width: 150px; margin: 0 0 0 60px; padding: 0; text-align: left;} .birdseye-img {position:absolute; top:30px; margin:0 0 0 5px; padding:0;} .birdseye-text-plain {margin: 0; padding:5px; text-align: left;} .footer-link, .footer-link-index, .footer-link-menu {position: relative; background: #FFF; border: 1px solid #999; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.70em; text-align: left; min-height: 48px;} .footer-link {margin: 0 20px 0 190px;} .footer-link-index {margin: 0 0 0 0;} .footer-link-menu {margin: 0 0 0 150px;} .footer-link-intro, .footer-link-main {margin: 0; padding: 7px 0 7px 10px} /* FOR ELEMENTS WITHIN DROP SHADOWS */ .left-head {margin: 3px; padding: 3px 3px 3px 5px; font-size: 0.70em; font-weight: bold; font-style: normal; background: #333;color: #FFF;} .left-text {padding: 5px; font-size: 0.70em; margin: 0; color: #555;} .third-block-head, .single-block-head, .contents-block-head {margin: 3px; padding: 7px; font-size: 1.20em; font-weight: bold; font-style: normal;} .single-block-head a:link {color: #FFF; text-decoration:none;} .single-block-head a:visited {color: #FFF; text-decoration:none;} .single-block-head a:hover {color: #FFF; text-decoration: underline;} .single-block-head a:active {color: #FFF; text-decoration: underline;} .third-block-text {margin: 3px; padding: 5px 10px 5px 10px; font-size: 0.80em; color: #555;} .single-block-text {margin: 0; padding: 50px 10px 10px 50px; font-size: 0.80em; color: #000;} .single-block-img {float: left; padding: 0 50px 0 0;} /* December 2011 version */ .link-container {position: relative; width: 100%;} /* for streets etc - multi x link-unit */ .link-container-centered {position: relative; width: 600px; margin: auto;} /* for maps - 3 x link-unit */ .link-unit {float: left; width: 200px; height: 50px; margin: 0 0 10px 0;} .link-unit-six {float: left; width: 150px; height: 50px; margin: 0 0 10px 0;} .link-img {position: relative; width: 50px; height: 50px; top: 0; left: 0;} .link-text {position: relative; width: 140px; top: -45px; left: 50px; padding: 5px 5px 0 5px; font-size: 0.80em;} .link-text-six {position: relative; width: 50px; top: -45px; left: 50px; padding: 5px 5px 0 5px; font-size: 0.80em;} .contents-block-linklist {padding: 10px 0 10px 10px; margin: 0 0 0 10px; color: #000; font-size: 1.00em;} ul.contents-block-linklist {list-style-type: disc;} /* TEXT */ .textpara {margin: 20px 0 20px 0; font-size: 0.80em;} /* LINKS */ /* single */ .textlink_single {position: relative; margin: 20px 0 20px 0; width: auto; height: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em;} .textlink_single_img {position: absolute; margin: 0 0 0 0; width: 50px; height: 50px;} .textlink_single_img:hover {position: absolute; margin: 0 0 0 0; width: 50px; height: 50px;} .textlink_single_text {position: absolute; margin: 0 0 0 50px; padding: 15px 5px 0 5px; width: auto; max-width: 650px; font-family: Verdana, Arial, Helvetica, sans-serif;} .textlink_single_firstline {position: absolute; margin: 0 0 0 50px; padding: 5px 5px 0 5px; width: auto; max-width: 650px;} .textlink_single_secondline {position: absolute; margin: 0 0 0 50px; padding: 25px 5px 0 5px; width: auto; max-width: 650px;} /* double */ .textlink_double {position: relative; margin: auto; margin-top: 20px; margin-bottom: 20px; width: 400px; height: 25px; font-size: 0.8em;} .textlink_left_img, .textlink_right_img {position: absolute; margin: 0; width: 25px;} .textlink_left_text, .textlink_right_text {position: absolute; margin: 0; width: 165px; line-height: 25px; padding: 0 5px 0 5px; text-align: left;} .textlink_left_img {margin: 0 0 0 0; text-align: left;} .textlink_left_text {margin: 0 0 0 50px; text-align: left;} .textlink_right_text {margin: 0 10px 0 200px; text-align: right;} .textlink_right_img {margin: 0 0 0 375px; text-align: right;} a.left_arrow, a.right_arrow, a.up_arrow, a.down_arrow, a.adobereader, a.youtube, a.bingmaps {display: block; width: 45px; height: 45px; -moz-border-radius: 10px; border-radius: 10px; text-decoration: none; background: url('../images/button_sprite.png'); background-color: #CCC;} a.left_arrow {background-position: -2px -2px;} a.right_arrow {background-position: -2px -52px;} a.up_arrow {background-position: -2px -102px;} a.down_arrow {background-position: -2px -152px;} a.adobereader{background-position: -2px -202px;} a.youtube{background-position: -2px -252px;} a.bingmaps{background-position: -2px -302px;} a.left_arrow:hover, a.right_arrow:hover, a.up_arrow:hover, a.down_arrow:hover, a.adobereader:hover, a.youtube:hover, a.bingmaps:hover {display: block; width: 50px; height: 50px;margin: -3px -3px -2px -2px; -moz-border-radius: 10px; border-radius: 10px; text-decoration: none; background: url('../images/button_sprite.png'); background-color: #F00;} a.left_arrow:hover {background-position: -50px 0;} a.right_arrow:hover {background-position: -50px -50px;} a.up_arrow:hover {background-position: -50px -100px;} a.down_arrow:hover {background-position: -50px -150px;} a.adobereader:hover{background-position: -50px -200px;} a.youtube:hover{background-position: -50px -250px;} a.bingmaps:hover{background-position: -50px -300px;} a.left_arrow:hover, a.right_arrow:hover, a.up_arrow:hover, a.down_arrow:hover, a.adobereader:hover, a.youtube:hover, a.bingmaps:hover {width: 50px;height: 50px;-moz-border-radius: 10px; border-radius: 10px;-webkit-box-shadow: 2px 2px 8px #999;-moz-box-shadow: 2px 2px 8px #999; box-shadow: 2px 2px 8px #999;} /* for maps 1-6 */ .symbol_img {margin: auto; text-align: center;} a.symbol_industry, a.symbol_churches, a.symbol_harbour, a.symbol_schools, a.symbol_transport, a.symbol_features, a.symbol_walk { display: block; width: 50px; height: 50px; text-decoration: none; background: url('../images/symbols_sprite.jpg'); background-color: #CCC; background-repeat: no-repeat; margin: auto;} a.symbol_industry {background-position: 0 0;} a.symbol_churches {background-position: -50px 0;} a.symbol_harbour {background-position: -100px 0;} a.symbol_schools {background-position: -150px 0;} a.symbol_transport {background-position: -200px 0;} a.symbol_features {background-position: -250px 0;} a.symbol_walk {background-position: -300px 0;} .validatorblock {border: 0; border-color: #FFF; margin-top: 10px; margin-bottom: 0; text-align: center;} .copyright-and-credits {position: absolute; left: 0; margin: 20px 0 10px 0; width: 100%; padding: 5px 0 5px 0; text-align: center; font-size: 0.70em;} .page-credit-head {margin: 0; padding: 10px; background: #333; color: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: bold; font-style: normal;} .page-credit-text {margin: 0 0 0 0; padding: 10px; background: #333; color: #DDD; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-style: normal;} .validator-html5 { height: 70px; margin: auto; margin-top: 0; padding: 10px; text-align: center; background: #333; z-index: 5; position: relative; } .validator img {box-shadow: none;} .printonly {display: none;} .picnumber {font-size:0.80em; font-weight: bold; } .pictitle { font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal; text-align: center; font-size: 0.80em; color: #333; margin: 0;} .picclick { font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal; text-align: center; font-size: 0.70em; color: #666; margin: 0;} .pictitle_in_float { font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal; text-align: centre; font-size: 0.80em; color: #666; margin: -10px 0 10px 0;} .pictitle-ghg-committee {font-weight: normal; color: #333; margin: auto; } .centeredtext-ghg-committee{margin: auto; text-align: center; font-size: 0.8em;} .pictext { font-family: Verdana, Arial, Helvetica, sans-serif;font-weight: normal; text-align: left; font-size: 0.8em; color: #000; margin: 0; padding: 0; } .piccredit {text-align: right; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 10px; font-size: 0.50em; color: #333; margin: 0; } .piclinkcontainer {margin: auto; margin-top: 10px; width: 100%; height: 125px;} .piclinkleft,.piclinkright {width: 49%; height: 120px; font-size: 0.80em; border: 1px solid #999; font-style: normal;} .piclinkleft {float: left;} .piclinkright {float: right;} .piclinkpic {float: right; margin: 0; border: 10px solid #003; background-color: #003;} .piclinktext {font-family: Verdana, Arial, Helvetica, sans-serif; float: left; max-width: 50%; margin: 35px 5px 5px 20px;} .war_memorial_img {float: left;} .endfloat {clear: both;} /*.screenonly {}*/ /*.nohh {} */ .screenonlypara {font-size: 0.80em; margin-bottom: 10px;} .noteblock {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.70em; line-height: 15px; padding: 20px; margin: 20px 0 20px 0; background-color: #EEE; font-style: normal;} /* PICTURES */ .picblock {margin: 20px 0 20px 0; padding: 0; text-align:center; background-color: #FFF;} .picblock-mapindex {margin: auto; text-align: center; background-color: #FFF;} .picblock_float_left {margin: 0 10px 0 0; float:left; text-align: center; background-color:#FFF;} .picblock_float_right {margin: 0 0 0 10px; float:right; text-align: center; background-color:#FFF;} /* with drop shadows */ img {margin: 0 5px -3px 5px;} img.nomargin {margin: 0} img.photos {margin: 0 5px 17px 5px;} img.mapindex {margin: 4px 1px 3px 1px;} img, img.photos {border: none;-webkit-box-shadow: 5px 5px 5px #999;-moz-box-shadow: 5px 5px 5px #999;box-shadow: 5px 5px 5px #999;} /* neutral - specify drop shadows as separate class */ .border {margin: 0;border: 1px solid #999;} .greyborder{border: 1px solid #999;} /* no drop shadows */ .img_noshadow, .bordered, .highslide-image, .war_memorial_img{border: none;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} .picblocknobackground {margin-top: 0;margin-bottom: 0;margin: auto;text-align: center;} .bordered {margin: 0;border: 1px solid #000;} .noborder {margin: 0;border: 0 solid #000;} .noshadow{-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;} /* SPECIAL PAGES */ span.codedirection {unicode-bidi:bidi-override; direction: rtl;} #quizblock {font-size: 0.80em;} /* Harbour interactive map */ #harbour-image-map { position: relative; width: 900px; height: 547px; margin: auto; margin-bottom: 20px; padding: 0; border: 1px solid #DDD; } /* Overlay Styles */ #desc-overlay { background-color: #FFF; border: 1px solid #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 5px 5px 5px #999; -moz-box-shadow: 5px 5px 5px #999; box-shadow: 5px 5px 5px #999; display: none; position: absolute; } #desc-overlay {width: 300px; padding: 5px;} #desc-overlay div.description h1{font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 1.00em; font-weight: bold;margin-top: 0; color:#FFF; line-height: 30px; -moz-border-radius: 3px;-webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding-left: 10px;} #desc-overlay div.description p{font-size: 0.80em; font-weight: normal; margin-top: 0;} #desc-overlay div.description li{font-size: 0.80em; font-weight: normal; margin-top: 0;} #desc-overlay div.description {border: none; margin: 0; padding: 0; } /* Area Description Positions */ /* Harbour map */ #desc-overlay.m1830 {display: block; left: 170px; top: 20px;} #desc-overlay.m1830 h1{background-color: #900;} #desc-overlay.m1840 {display: block; right: 20px; top: 20px;} #desc-overlay.m1840 h1{background-color: #066;} #desc-overlay.m1850 {display: block; right: 100px; top: 150px;} #desc-overlay.m1850 h1{background-color: #090;} #desc-overlay.m1860 {display: block; right: 200px; top: 150px;} #desc-overlay.m1860 h1{background-color: #636;} #desc-overlay.m1870 {display: block; left: 170px; top: 20px;} #desc-overlay.m1870 h1{background-color: #C03;} #desc-overlay.m1950 {display: block; right: 10px; top: 90px;} #desc-overlay.m1950 h1{background-color: #339;} /* Boundaries map */ #desc-overlay.m1832 {display: block; left: 575px; top: 20px; width: 225px;} #desc-overlay.m1832 h1{background-color: #900;} #desc-overlay.m1896 {display: block; left: 575px; top: 20px; width: 225px;} #desc-overlay.m1896 h1{background-color: #066;} #desc-overlay.m1900 {display: block; left: 575px; top: 20px; width: 225px;} #desc-overlay.m1900 h1{background-color: #090;} #desc-overlay.m1920 {display: block; left: 575px; top: 20px; width: 225px;} #desc-overlay.m1920 h1{background-color: #636;} /* tram route interactive map */ #tram-image-map-1920, #tram-image-map-1950 {position: relative; width: 800px; height: 600px; margin: auto; padding: 0; border: 1px solid #DDD; } #tram-image-map-1920 {background: url('../transport/map_assets/images_1920/background.jpg')} #tram-image-map-1950 {background: url('../transport/map_assets/images_1950/background.jpg')} .tram-map {position: absolute;} #tram-desc-overlay {-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px;box-shadow: 5px 5px 5px #999;-webkit-box-shadow: 5px 5px 5px #999;-moz-box-shadow: 5px 5px 5px #999;display: none;position: absolute;width: 220px; padding: 5px; display: block; left: 10px; top: 10px; background-color: #000; color: #FFF; border: 2px solid #FFF;} #tram-desc-overlay div.route_description h1{font-size: 1.50em; font-weight: bold; margin-top: 0; margin-bottom: 2px; line-height: 30px; width: 40px; text-align: center; padding: 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; padding-left: 0px; background-color: #E00000; border: 2px solid #CBA135;} #tram-desc-overlay div.route_description h2{position: absolute;margin-top:0; left:200px;top:5px;} #tram-desc-overlay div.route_description p, #tram-desc-overlay div.route_description p.addnl {font-size: 0.80em; border: none; margin: 0; padding: 0;} #tram-desc-overlay div.route_description p{font-weight: bold; color: #FFF;} #tram-desc-overlay div.route_description p.addnl {font-weight: normal; color: #EEE;} #tram-desc-overlay div.location h1{font-size: 1.00em; font-weight: bold; margin: 2px; line-height: 20px; width: 206px; text-align: left; padding-left: 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; background-color: #E00000; border: 2px solid #CBA135;} #tram-desc-overlay div.location p, #tram-desc-overlay div.location p.addnl {font-size: 0.80em; width: 214px; margin: 0 2px 0 2px; padding: 0; border-bottom: 1px solid #666;} #tram-desc-overlay div.location p{font-weight: bold; color: #FFF; } #tram-desc-overlay div.location p.addnl {font-weight: normal; color: #EEE; } /* tabbed pages */ div#tabs{width:850px; margin:auto; margin-top:20px;} div#tabs-1, div#tabs-2, div#tabs-3, div#tabs-4 {padding-top:10px; background-color:#FFF;} .ui-tabs-hide {display: none;} div#tabs ul {list-style: none; padding: 0; margin: 0; height: 25px;} div#tabs ul li {left: 25px; top: 10px; float: left; height: 25px; width: 200px; font-size:1.80em; font-weight:bold; text-align:center; padding: 10px 0 10px 0; border: none; position: relative;} .tab-clr1, .tab-clr2, .tab-clr3, .tab-clr4, .tab-clr1 a, .tab-clr2 a, .tab-clr3 a, .tab-clr4 a {width:200px; height:25px; color: #FFF;border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;} .tab-clr1 {background-color: #900;} .tab-clr2 {background-color: #066;} .tab-clr3 {background-color: #090;} .tab-clr4 {background-color: #636;} .tab-clr1 a{background-color: #900;} .tab-clr2 a{background-color: #066;} .tab-clr3 a{background-color: #090;} .tab-clr4 a{background-color: #636;} .tab-clr1, .tab-clr2, .tab-clr3, .tab-clr4{-webkit-box-shadow: inset 0 -2px 5px #FFF; -moz-box-shadow: inset 0 -2px 5px #FFF; box-shadow: inset 0 -2px 5px #FFF;} .tab-clr1 a, .tab-clr2 a, .tab-clr3 a, .tab-clr4 a{} div#tabs ul li a {text-decoration: none;} div#tabs ul li.ui-tabs-selected {-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} div#tabs ul li.ui-tabs-selected a {color: #FFF;} div#tabs-1 .textpara, div#tabs-2 .textpara, div#tabs-3 .textpara, div#tabs-4 .textpara{height:200px; padding:10px; background-color:#FFF; color:#FFF;} div#tabs-1 .textpara{border: 10px solid #900;} div#tabs-2 .textpara{border: 10px solid #066;} div#tabs-3 .textpara{border: 10px solid #090;} div#tabs-4 .textpara{border: 10px solid #636;} /* graphic menus */ .menu-container {margin: 0 0 20px 0; text-align: center; background-color: #FFF; position: relative;} .menu-item { border: 5px solid #EEE; position: relative; float: left; width: 120px; height: 120px; margin: 10px 20px 10px 0; line-height: 14px; background-color: #FFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 5px 5px 5px #999; -moz-box-shadow: 5px 5px 5px #999; box-shadow: 5px 5px 5px #999; } .menu-item-footer { border: 5px solid #EEE; position: relative; float: left; width: 120px; height: 40px; margin: 0 20px 10px 10px; background-color: #FFF; } .menu-itemhover, .menu-item-footerhover, .menu-item-footer:hover{ border: 5px solid #F00; -webkit-box-shadow: 8px 8px 8px #999; -moz-box-shadow: 8px 8px 8px #999; box-shadow: 8px 8px 8px #999; } .menu-itemhover {margin: 9px 20px 11px 0;} .menu-item-footerhover, .menu-item-footer:hover {margin: -3px 20px 13px 10px;} .menu-item:hover a:link, .menu-item-footer:hover a:link {text-decoration: none;} .menu-item:hover a:visited, .menu-item-footer:hover a:visited {text-decoration: none;} .menu-item:hover a:hover, .menu-item-footer:hover a:hover {text-decoration: none;} .menu-item:hover a:active, .menu-item-footer:hover a:active {text-decoration: none;} .menu-container img { border: none; border-bottom: 1px solid #EEE; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position: relative; margin: 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .menu-container h1 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFF; font-size: 0.80em; font-weight: bold; text-align: left; padding: 0 5px 0 5px; margin: 0;} .menu-container a:link, .menu-container a:visited {color: #FFF; text-decoration:none;} .menu-container a:hover, .menu-container a:active {color: #FFF; text-decoration:underline;} .menu-container p {color: #DDD; font-size: 0.70em; padding: 0 5px 0 5px; margin: 0;} .clr0 {background-color: #333; color: #FFF;} .clr1 {background-color: #900; color: #FFF;} .clr2 {background-color: #066; color: #FFF;} .clr3 {background-color: #090; color: #FFF;} .clr4 {background-color: #636; color: #FFF;} .clr5 {background-color: #C03; color: #FFF;} .clr6 {background-color: #339; color: #FFF;} .clr7 {background-color: #906; color: #FFF;} .clr8 {background-color: #063; color: #FFF;} .clr9 {background-color: #006; color: #FFF;} .clr10 {background-color: #630; color: #FFF;} .clr11 {background-color: #E00000; color: #FFF;} /*not used*/ .clr12 {background-color: #333; color: #FFF;} .clr13 {background-color: #333; color: #FF6;} /* menu element images */ .transport_menu {background: url('../menus/images/transport_menu_sprite.jpg');} .buildings_menu {background: url('../menus/images/buildings_menu_sprite.jpg');} .harbour_menu {background: url('../menus/images/harbour_menu_sprite.jpg');} .industry_menu {background: url('../menus/images/industry_menu_sprite.jpg');} .introduction_menu {background: url('../menus/images/introduction_menu_sprite.jpg');} .maps_menu {background: url('../menus/images/maps_menu_sprite.jpg');} .ships_and_boats_menu {background: url('../menus/images/ships_and_boats_menu_sprite.jpg');} .shops_menu {background: url('../menus/images/shops_menu_sprite.jpg');} .then_and_now_menu {background: url('../menus/images/then_and_now_menu_sprite.jpg');} a.menu_1, a.menu_2, a.menu_3, a.menu_4, a.menu_5, a.menu_6, a.menu_7, a.menu_8, a.menu_9, a.menu_10, a.menu_11, a.menu_12, a.menu_13, a.menu_14 { display: block; width: 120px; height: 50px; text-decoration: none; background-color: #CCC; border-bottom: 1px solid #FFF; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } a.menu_1 {background-position: 0 0;} a.menu_2 {background-position: 0 -50px;} a.menu_3 {background-position: 0 -100px;} a.menu_4 {background-position: 0 -150px;} a.menu_5 {background-position: 0 -200px;} a.menu_6 {background-position: 0 -250px;} a.menu_7 {background-position: 0 -300px;} a.menu_8 {background-position: 0 -350px;} a.menu_9 {background-position: 0 -400px;} a.menu_10 {background-position: 0 -450px;} a.menu_11 {background-position: 0 -500px;} a.menu_12 {background-position: 0 -550px;} a.menu_13 {background-position: 0 -600px;} a.menu_14 {background-position: 0 -650px;} /* for lists */ .ul {margin-left: 20px; list-style-type: disc;} .li {} .lihead {margin-left: 0; margin-top: 5px; margin-bottom: 5px; list-style-type: none;} .lisub {margin-left: 25px; list-style-type: circle;} .lisubsub {margin-left: 50px; list-style-type: circle;} .lisubsubsub {margin-left: 75px; list-style-type: circle;} .nobullet {list-style-type: none; font-size: 1.00em;} .lilink {margin-left: 50px; list-style-type: disc;} /* TABLES */ /*table{table-layout: fixed; font-size: 0.8em; border-collapse: collapse; margin: auto; margin-bottom: 10px;} CONFLICTS WITH HIGHSLIDE */ table th {color: #000; background-color: #EEE; border: 1px solid #000; line-height: 20px; padding-left: 5px;} table tr:hover {color: #C36;} table td {border: 1px solid #999; line-height: 20px; padding-left: 5px;} table.tooltips {table-layout: fixed; font-size: 0.8em; border-collapse: collapse; border: 0 solid #000; background-color: #FFF; margin: 0;} table.tooltips td#tooltips_text {font-weight: bold; text-align: left; margin: 10px; padding: 5px; } table.trainferry {table-layout: fixed; font-size: 0.8em; border-collapse: collapse; margin: auto; margin-bottom: 20px;text-align: center; width: 50%;} table.trainferry .vessel{width: 30%;} table.trainferry .price{width: 20%;} /* for train timetables */ table.nbtimetable,table.crtimetable{table-layout: fixed; font-size: 0.8em; border-collapse: collapse; margin: auto; margin-bottom: 20px;} table.nbtimetable th {width: 100%; text-align: left; padding-left: 5px;} table.nbtimetable td.nbstation {width: 16%; text-align: left; padding-left: 5px;} table.nbtimetable td.nbtime {width: 6%; text-align: center;} table.crtimetable td.crstation {width: 15%; text-align: left; padding-left: 5px;} table.crtimetable td.crtime {width: 5%; text-align: center;} /* for trams_1.htm, trams_2.htm */ table.tram_routes{table-layout: fixed; font-size: 0.80em; border-collapse: collapse; margin: auto; margin-bottom: 20px; width: 100%; font-size: 0.80em; text-align: center;} table.tram_routes .route, table.tram_routes .bus_route {width: 10%;} table.tram_routes .term_a {width: 20%;} table.tram_routes .term_b {width: 20%;} /*table.tram_routes th.notes {}*/ /* for churches */ table.churches {table-layout: fixed; font-size: 0.8em; border-collapse: collapse; margin: auto; margin-bottom: 20px;width: 100%; text-align: center;} table.churches th.currname {width: 35%;} table.churches th.addr {width: 45%;} table.churches th.origdenom {width: 10%;} table.churches th.currdenom {width: 10%;} /*table.churches tr.headc {}*/ table.churches th.currnamec {width: 35%;} table.churches th.addrc {width: 45%;} table.churches th.origdenomc {width: 10%;} table.churches th.currdenomc {width: 10%;} table.churches2,table.churches4 {table-layout: fixed; font-size: 0.8em; border-collapse: collapse; margin: auto; margin-bottom: 20px;width: 450px; text-align: center;} table.churches4 th.clergy_date {width: 100px; text-align: center;} /* for schools.htm */ table.school {table-layout: fixed; font-size: 0.8em; border-collapse: collapse; margin: auto; margin-bottom: 20px;width: 100%; text-align: center;} table.school th#schoolname {width: 50%;} table.school th#schooladdress {width: 50%;} /* for schools and churches */ table.built{table-layout: fixed; font-size: 0.8em; border-collapse: collapse; margin: auto; margin-bottom: 20px;width: 450px; text-align: center;} table.built th.builtdate{width: 150px} /* aeratone */ table.aeratone {table-layout: fixed; font-size: 0.8em; border-collapse: collapse; margin: auto; margin-bottom: 20px;width: 75%; text-align: center;} table.aeratone .location {width: 75%;} table.aeratone .details {width: 25%;} table.aeratone1 {table-layout: fixed; font-size: 0.8em; border-collapse: collapse; margin: auto; margin-bottom: 20px;width: 100%; text-align: center;} table.aeratone1 .ailment {width: 20%;} table.aeratone1 .number {width: 10%;} table.aeratone1 .duration {width:10%;} table.aeratone1 .frequency {width:10%;} table.aeratone1 .temp {width: 10%;} table.aeratone1 .beginning {width: 30%;} table.aeratone1 .middle {width: 10%;} table.aeratone1 .end {width: 10%;} table.aeratone2 {table-layout: fixed; font-size: 0.8em; border-collapse: collapse; margin: auto; margin-bottom: 20px; width: 50%; text-align: left;} table.aeratone2 .ref {width: 20%;text-align: center;} table.aeratone2 .desc {width: 80%;} /* for book info */ table.info {table-layout: fixed; font-size: 0.8em; border-collapse: collapse; margin: auto; margin-bottom: 20px; width: 100%; text-align: center;} table.info .title {width: 35%;} table.info .author {width: 20%;} table.info .publisher {width: 20%;} table.info .date {width: 10%;} table.info .isdn {width: 15%;} /* for lighthouse vessels */ table.nlb {table-layout: fixed; font-size: 0.8em; border-collapse: collapse; margin: auto; margin-bottom: 20px; margin: auto; width: 80%; text-align: center;} table.nlb th#vessel {width: 30%; border-collapse: collapse;} table.nlb th#vesselnum {width: 10%;} table.nlb th#vessellink {width: 30%;} table.nlb th#vesselphoto {width: 30%;} /* for war memorial pages */ table.war_memorial {table-layout: fixed; font-size: 0.8em; border-collapse: collapse; margin: auto; margin-bottom: 20px; width: 100%; text-align: left;} table.war_memorial th.memorial_name {width: 25%;} table.war_memorial th.died {width: 12%;} table.war_memorial th.rank {width: 18%;} /* for wire_works-app_photos */ table.wire_works {table-layout: fixed; font-size: 0.8em; border-collapse: collapse; margin: auto; margin-bottom: 20px;width: 80%; text-align: center;} table.wire_works th#name {width: 30%;} table.wire_works th#pos {width: 40%;} /*table.wire_works th#dates {}*/ /* for gas_works */ table.gas {table-layout: fixed; font-size: 0.8em; border-collapse: collapse; margin: auto; margin-bottom: 20px; width: 50%; text-align: center;} table.gas th#year {width: 25%;} table.gas th#edin, table.gas th#leith, stable.gas th#porto {width: 25%} table.gasholder {table-layout: fixed; font-size: 0.8em; border-collapse: collapse; margin: auto; margin-bottom: 20px; width: 50%; text-align: center;} table.gasholder th#lift {width: 33%;} table.gasholder th#dia {width: 33%;} /*table.gasholder th#depth {}*/ table.gas_contractors {table-layout: fixed; font-size: 0.8em; border-collapse: collapse; margin: auto; margin-bottom: 20px; width: 100%; text-align: center;} table.gas_contractors th#work {width: 30%;} table.gas_contractors th#contr {width: 40%;} /*table.gas_contractors th#address {}*/ /* for map1 - map6.htm - see also sprites section */ table.maptable, table.mapsymbols {table-layout: fixed; font-size: 0.8em; border-collapse: collapse; margin: auto; margin-bottom: 20px; margin: auto; text-align: center;} table.maptable {width: 900px;} table.mapsymbols {width: 850px;} table.maptable .symbols_img {width: 16.67%;} table.maptable .symbols_text {width: 16.67%;} /*for caroline park*/ table.caroline_park {table-layout: fixed; font-size: 0.8em; border-collapse: collapse; margin: auto; margin-bottom: 20px; width: 50%; text-align: center;} table.caroline_park .cpdate {width: 25%;} table.caroline_park .cpowner {} /* for replacement pages */ /* FOR GOOGLE SEARCH */ .cse-branding-bottom {background-color:#FFF; color:#000;} .cse-branding-bottom, .cse-branding-right {margin:0; padding:0} .cse-branding-bottom:after, .cse-branding-right:after {display: block; height: 0; clear: both; visibility: hidden;} .cse-branding-text {font: 9px Verdana;} .cse-branding-form form {margin-bottom: 0; padding-bottom: 0;} /* Bottom-specific selectors */ .cse-branding-bottom .cse-branding-logo, .cse-branding-bottom .cse-branding-text {display: block; float: left;} .cse-branding-bottom .cse-branding-form {margin-bottom: 3px;} .cse-branding-bottom .cse-branding-logo {padding: 0; } .cse-branding-bottom .cse-branding-text {padding-top: 4px;} .cse-branding-right .cse-branding-form {float: left;} /* Right-specific selectors */ .cse-branding-right .cse-branding-logo, .cse-branding-right .cse-branding-text {margin-left: 4px;} .cse-branding-right .cse-branding-form {float: left; margin-right: 4px;} .cse-branding-right .cse-branding-logo {padding: 0;} .cse-branding-right .cse-branding-text {margin-top: -4px;} /* FOR HIGHSLIDE */ .highslide-container div {font-family: Verdana, Helvetica, Ariel; font-size: 1.00em;} .highslide {text-decoration: none;} .highslide img {border: 5px solid #EFEFEF;} .highslide:hover img {border: 5px solid #F00; margin: -3px 5px 0 5px;} .highslide:hover img.photos {border: 5px solid #F00; margin: -3px 5px 20px 5px;-webkit-box-shadow: 7px 7px 8px #999; -moz-box-shadow: 7px 7px 8px #999; box-shadow: 7px 7px 8px #999;} .highslide.fineborder img {border: 1px solid #EFEFEF;} .highslide:hover.fineborder img {border: 1px solid #F00;} /* for maps */ .mapblock img {width: 400px; height: 300px; margin: 0; border: 0 solid #EFEFEF;} .mapblock-left:hover img, .mapblock-right:hover img {width: 398px; height: 285px; border: 1px solid #F00; margin: 0;} /* Highslide */ .highslide-active-anchor img {visibility: hidden;} .highslide-gallery .highslide-active-anchor img {border-color: #000; visibility: visible; cursor: default;} .highslide-image {border: 0 solid #FFF; background: #FFF; margin: auto;} .highslide-wrapper, .highslide-outline {background: #FFF; } .glossy-dark {background: #111;} /*.highslide-image-blur {}*/ .highslide-number {font-weight: bold; color: #666;} .highslide-caption, .highslide-caption_float_left {display: none; border-top: none; font-size: 1.00em; color: #000; padding: 5px 0 0 0; background: #FFF;} .highslide-heading {display: none; font-weight: normal; margin: 1.00em;} .highslide-dimming {position: absolute; background: #000;} a.highslide-full-expand {background: url('../highslide/graphics/fullexpand.gif') no-repeat; display: block; margin: 0 10px 10px 0; width: 34px; height: 34px;} .highslide-loading { display: block; color: #FFF; font-size: 0.80em; font-weight: bold; text-transform: uppercase; text-decoration: none; padding: 3px; border: 1px solid #FFF; background-color: #FFF; padding-left: 22px; background-image: url('../highslide/graphics/loader.white.gif'); background-repeat: no-repeat; background-position: 3px 1px; } a.highslide-credits, a.highslide-credits i {padding: 5px; color: #999; text-decoration: none; font-size: 0.70em;} a.highslide-credits:hover, a.highslide-credits:hover i {color: #000;} .highslide-move, .highslide-move * {cursor: move;} .highslide-overlay {color: #F00; font-size: 1.00em;} /* Controls for the galleries. */ .highslide-controls {width: 195px; height: 40px; background: url('../highslide/graphics/controlbar-white.gif') 0 -90px no-repeat; margin: 20px 15px 10px 0;} .highslide-controls ul {position: relative; left: 15px; height: 40px; list-style: none; margin: 0; padding: 0; background: url('../highslide/graphics/controlbar-white.gif') right -90px no-repeat;} .highslide-controls li {float: left; padding: 5px 0;} .highslide-controls a {background-image: url('../highslide/graphics/controlbar-white.gif'); display: block; float: left; height: 30px; width: 30px; } .highslide-controls a.disabled {cursor: default;} .highslide-controls a span {/* hide the text for these graphic buttons */display: none;} /* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */ .highslide-controls .highslide-previous a {background-position: 0 0;} .highslide-controls .highslide-previous a:hover {background-position: 0 -30px;} .highslide-controls .highslide-previous a.disabled {background-position: 0 -60px !important;} .highslide-controls .highslide-play a {background-position: -30px 0;} .highslide-controls .highslide-play a:hover {background-position: -30px -30px;} .highslide-controls .highslide-play a.disabled {background-position: -30px -60px !important;} .highslide-controls .highslide-pause a {background-position: -60px 0;} .highslide-controls .highslide-pause a:hover {background-position: -60px -30px;} .highslide-controls .highslide-next a {background-position: -90px 0;} .highslide-controls .highslide-next a:hover {background-position: -90px -30px;} .highslide-controls .highslide-next a.disabled {background-position: -90px -60px !important;} .highslide-controls .highslide-move a {background-position: -120px -30px;} .highslide-controls .highslide-move a:hover {background-position: -120px -30px;} .highslide-controls .highslide-full-expand a {background-position: -150px -30px;} .highslide-controls .highslide-full-expand a:hover {background-position: -150px -30px;} .highslide-controls .highslide-full-expand a.disabled {background-position: -150px -60px !important;} .highslide-controls .highslide-close a {background-position: -180px -30px;} .highslide-controls .highslide-close a:hover {background-position: -180px -30px;} /* hs.wrapperClassName = 'controls-in-heading' */ .controls-in-heading .highslide-heading {color: #666; font-weight: normal; height: 0; overflow: hidden; cursor: default; padding: 0 0 0 22px; margin: 0; background: url('../highslide/graphics/icon.gif') no-repeat 0 1px;} .controls-in-heading .highslide-controls {width: 105px; height: 20px; position: relative; margin: 0; top: 0; left: 5px; background: none;} .controls-in-heading .highslide-controls ul {position: static; height: 20px; background: none;} .controls-in-heading .highslide-controls li {padding: 0;} .controls-in-heading .highslide-controls a {background-image: url('../highslide/graphics/controlbar-white-small.gif'); height: 20px; width: 20px;} .controls-in-heading .highslide-controls .highslide-move {display: none;} .controls-in-heading .highslide-controls .highslide-previous a {background-position: 0 0;} .controls-in-heading .highslide-controls .highslide-previous a:hover {background-position: 0 -20px;} .controls-in-heading .highslide-controls .highslide-previous a.disabled {background-position: 0 -40px !important;} .controls-in-heading .highslide-controls .highslide-play a {background-position: -20px 0;} .controls-in-heading .highslide-controls .highslide-play a:hover {background-position: -20px -20px;} .controls-in-heading .highslide-controls .highslide-play a.disabled {background-position: -20px -40px !important;} .controls-in-heading .highslide-controls .highslide-pause a {background-position: -40px 0;} .controls-in-heading .highslide-controls .highslide-pause a:hover {background-position: -40px -20px;} .controls-in-heading .highslide-controls .highslide-next a {background-position: -60px 0;} .controls-in-heading .highslide-controls .highslide-next a:hover {background-position: -60px -20px;} .controls-in-heading .highslide-controls .highslide-next a.disabled {background-position: -60px -40px !important;} .controls-in-heading .highslide-controls .highslide-full-expand a {background-position: -100px -20px;} .controls-in-heading .highslide-controls .highslide-full-expand a:hover {background-position: -100px -20px;} .controls-in-heading .highslide-controls .highslide-full-expand a.disabled {background-position: -100px -40px !important;} .controls-in-heading .highslide-controls .highslide-close a {background-position: -120px -20px;} .controls-in-heading .highslide-controls .highslide-close a:hover {background-position: -120px -20px;} /* for introduction.htm */ .accordion { height: 150px; max-width: 1000px; width: 100%; background-color: #CCC; background: url("../introduction/jpegs/one_inch_map_strip.jpg"); background-repeat: no-repeat; background-position: center; margin: auto; overflow: hidden; border: 1px solid #000; -webkit-box-shadow: 5px 5px 5px #999; -moz-box-shadow: 5px 5px 5px #999; box-shadow: 5px 5px 5px #999; } .accordion:hover { height: 700px; max-width: 1000px; background-color: #CCC; background: url("../introduction/jpegs/one_inch_map_full.jpg"); background-repeat: no-repeat; background-position: center; overflow: hidden; border: 1px solid #000; -webkit-box-shadow: 5px 5px 5px #999; -moz-box-shadow: 5px 5px 5px #999; box-shadow: 5px 5px 5px #999; } /* for gas_works.htm */ .accordion-ack { height: 20px; background: url("../images/accordion-down.png") no-repeat right top; margin: auto; margin-right: 20px; overflow: hidden; border: 1px solid #333; } .accordion-ack:hover { height: auto; background: url("../images/accordion-up.png") no-repeat right top; border: 1px solid #333; } .accordion-ack h3 {font-size: 1.00em; margin-top: 0; padding: 0 0 0 10px; color: #333; height: 20px;} .accordion-ack p {font-size: 0.70em; padding: 10px; color: #333;} /* for streets/street_index_map.htm */ #centered-block {width: 100%; height: 500px; margin: auto; margin-bottom: 20px; border: 1px solid #999;} #gmap_div_75 {width: 75%; height: 500px; float: left; margin: 0; margin-right: 10px; background-color: #999; overflow: hidden;} #gmap_div_100 {width: 100%; height: 100%; background-color: #CCC; overflow: hidden;} #gmap_div_75 img, #gmap_div_100 img, #gv_marker_list_static img {margin: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} #gv_legend_container {display:none;} #gv_legend_table {position:relative; filter:alpha(opacity=95); -moz-opacity:0.95; opacity:0.95; background:#FFF; cellpadding:0; cellspacing=:0; border:0;} #gv_legend_handle {height:6px; max-height:6px; background:#CCC; border: 0; padding:0px; cursor:move;} #gv_legend {line-height:10px; border: 1px solid #000; background:#FFF; padding:4px; max-width: 160px; font:10px Verdana;} #gv_marker_list_container {display:none;} #gv_marker_list_table {position:relative; filter: alpha(opacity=95); -moz-opacity: 0.95; opacity: 0.95; cellspacing: 0; cellpadding: 0; border: 0;} #gv_marker_list_handle {align: center; height: 6px; max-height: 6px; background: #CCC; border-left: 0 solid #999; border-top: 0 solid #EEE; border-right: 0 solid #999; padding: 0; cursor: move;} .gv_marker_list {width: 17%; max-height: 470px; overflow: auto; background: #FFF; border: 0 solid #666; margin: 10px 1% 10px 1%; padding: 0;} /* dropdown list block */ .gv_marker_list_folder_contents .tbody {width: 100%; height: 100%; margin: 0; padding: 0; border: 0 solid #FFF;} .gv_marker_list_folder_name {width: 50px; height: 100%; margin: 0; padding: 0; border: 0 solid #FFF;} #gv_marker_list_static {width: 18%; overflow: auto; float: left; display: none;} #gv_clear_margins {height: 0; clear: both;} /* reset after floats */ .gv_label {filter:alpha(opacity=80); -moz-opacity: 0.8; opacity:0.8; background: #333; border: 1px solid #000; padding: 1px; font: 9px Verdana,sans-serif; color: #FFF; font-weight: normal;} /* for leith boundary map and any others using openstreetmap and layers */ #centered-block-map {position: relative; width: 100%; height: 700px; margin: auto; margin-bottom: 20px; border: 1px solid #999; z-index: 1;} /* position required for z-index to work */ /* END OF FILE */