#diamond_jubilee_map{ height: 590px; width: 976px; position: relative; margin-bottom: 15px;} #diamond_jubilee_map #toggle_buttons{ height: 30px; position: absolute; right: 0px; top: 0px; width: 150px; z-index: 9999; } #diamond_jubilee_map #toggle_buttons a{ background-color: #3e3e3e; color: #ffffff; display: block; float: left; font-size: 1.3em; padding: 6px 12px; text-align: center; margin: 0px 0px 0px 1px; width: 50px; } #diamond_jubilee_map #toggle_buttons a.current{ background-color: #d19d30; font-weight: bold; } #diamond_jubilee_map .intro, #diamond_jubilee_map #map{ height: 400px; margin-bottom: 10px;} #diamond_jubilee_map .intro{ float: left; position: relative; width: 360px; } #diamond_jubilee_map .intro h3, #diamond_jubilee_map #video_container h3.video-headline{ font-size: 22px; font-weight: bold; line-height: 1.14em; } #diamond_jubilee_map #video_container h3.video-headline{padding-top: 8px;} #diamond_jubilee_map .intro .text, #diamond_jubilee_map .feedback-strap{ font-size: 14px; line-height: 16px; } #diamond_jubilee_map .intro a,#diamond_jubilee_map .intro a:hover{ text-decoration: none; font-weight: bold;} #share_visit_results{ background-color: #ededed; bottom: 0px; height: 148px; position: absolute; width: 360px; } #share_visit_results .visual{ font-size: 22px; line-height: 22px; height: 68px; padding: 10px 10px 0px 10px; } #share_visit_results .visual span{ font-weight: bold; line-height: 36px;} #share_visit_results .visual span.mytotal{color: #521c7f; font-size: 36px;} #share_visit_results #sharetools{ height: 78px; overflow: hidden; } #share_visit_results #sharetools .bbc-st-full{ background-color: #ededed; } .ie7 #sharetools{ height: 78px; overflow: hidden; } .ie7 #share_visit_results #sharetools ul.bbc-st-buttons{ width: 240px !important; display: block; height: 78px !important; /*border: 1px solid #f00;*/ } .ie7 #share_visit_results #sharetools ul.bbc-st-buttons li{ float: left; /* border: 1px solid #0f0;*/ } #diamond_jubilee_map #map{ float: right; position: relative; width: 600px; } #diamond_jubilee_map #list{ display: none; overflow-x: hidden; overflow-y: scroll; height: 370px; position: absolute; right: 0px; top: 30px; width: 600px; } #diamond_jubilee_map #map #display{ left: 0px; overflow: hidden; position: absolute; top: 0px; } #diamond_jubilee_map #resetList{ left: 376px; position: absolute; top: 0px; display: block; z-index: 9999; } #diamond_jubilee_map #list ul{ /*position: absolute; top: 0px;*/ width: 194px; list-style-type: none; float: left; } /*#diamond_jubilee_map #list ul.list1{left: 0px;} #diamond_jubilee_map #list ul.list2{left: 200px;} #diamond_jubilee_map #list ul.list3{left: 400px;}*/ #diamond_jubilee_map #list ul li{ background-image: url('/news/special/2012/newsspec_3171/img/purpledots.png'); background-position: 0px 4px; background-repeat: no-repeat; margin: 0px; padding: 0px 0px 0px 20px; width: 180px; display: inline-block; } #diamond_jubilee_map #list ul li.visited{background-image: url('/news/special/2012/newsspec_3171/img/yellowdots.png');} #diamond_jubilee_map #list ul li.first-letter{ background: none; font-size: 21px; font-weight: bold; line-height: 21px; padding: 5px 0px 0px 0px; width: 200px; } #diamond_jubilee_map #list ul li.first-letter span{font-size: 21px; line-height: 21px; font-weight: bold;} #video_container{ clear: both; } #video_container ul{ height: 140px;} #video_container ul li{ float: left; width: 161px; } #video_container ul li{ background-image: none; height: 140px; margin-right: 2px; padding: 0px; } #video_container ul li.last{ margin-right: 0px; } #video_container ul li a.hotspot{ display: block;} #video_container ul li a.playlist{ display: none; } #video_container .emp-wrapper{position: relative; height: 90px; width: 160px;} #video_container ul li .emp-title{ color: #ffffff; padding: 0px 5px; position: relative; background-color: #521c7f; height: 50px; width: 150px; } #video_container ul li .emp-title span{ color: #ffffff; display: block; position: absolute; top: 8px; } #video_container ul li .emp-title span.year{ font-size: 33px; line-height: 33px; left: 0px; padding-left: 5px; width: 65px; } #video_container ul li .emp-title span.ytext{font-weight: normal; font-size: 1em; padding-right: 5px; right: 0px; width: 90px; } #video_container ul li a span.play{ background-image: url('/news/special/shared/gelui_assets/video_cta_32x32.png'); background-repeat: no-repeat; display: block; height: 32px; left: 0px; position: absolute; top: 29px; width: 32px; } #video_container ul li a:hover span.play{background-position: -72px 0px;} #diamond_jubilee_map #emp_view_wrapper{ background-color: #ededed; left: 158px; padding: 10px; position: absolute; top: 10px; width: 640px; display: none; z-index: 9999; } #diamond_jubilee_map #emp_view_wrapper h3.emp_title{ color: #505050; font-size: 1.4em; margin: 0px; padding: 0px 0px 5px 0px; } #diamond_jubilee_map #emp_view_wrapper a#close-button{ background-image: url('/news/special/shared/gelui_assets/13px_optimised_sprite.png'); background-repeat: no-repeat; background-position: -191px -17px; height: 15px; position: absolute; right: 10px; top: 10px; width: 15px; } #diamond_jubilee_map #emp_view{ height: 360px; width: 640px; } #diamond_jubilee_map #emp_text{padding: 10px 0px;} #dynamic_content {display: none;}