/* Generic style sheet for two image toggle tables with Gel style selectors Developed by Steven Atherton and Steven Connor */ div#toggle-wrapper { /*float: right;*/ } /* This is the container which just the controls */ div#toggle-controls { height: 37px; width: 976px; } div#toggle-controls div#label-toggle{ float: right; padding-top: 6px; padding-right: 12px; } /* This is the container which just the tables */ div#toggle-images { clear:both; margin-bottom: 10px; position: relative; } div#toggle-controls ul#selector-menu li.end_child{ width: 224px; } div#toggle-images div.tog-content p{ background-color: #ededed; padding: 6px; margin-top: -3px; } div#toggle-images div.tog-content div{ background: #ededed; } /* Overide the blue anchor page style with white for the Gel style toggle */ div#toggle-controls a { font-weight:normal; color: #ffffff; } /* Embolden the white for the Gel style toggle */ /* Position the list items for the menu*/ div#toggle-controls ul li{ float:left; background-image:none; padding: 0; font-size: 0.95em; width: 225px; margin-right: 1px; } /* The menu title*/ div#toggle-title{ padding: 8px 6px 6px 4px; font-weight: bold; font-size: 16px; margin: none; } /* Style the span which contains the menu label including the left seperator*/ div#toggle-controls ul li span{ height: 27px; cursor:pointer; background: #dcdcdc; margin-bottom: 0; display:block; padding-top:10px; text-align: center; } div#toggle-controls ul li span a{ color:#636363; font-size: 14px; font-weight: bold; } /* Overide the left seperator for the first menu item*/ div#toggle-controls ul li span.selected a{ font-weight: bold; text-decoration:none; color:#dd6d27; cursor:default; } div#toggle-controls ul li span.end_child{ } div#toggle-controls ul li span.selected { background: #ffffff; color:#dd6d27; cursor:default; } div#toggle-images div.tog-content h2.header{ font-size: 18px; padding-top: 8px; padding-bottom: 8px; margin: 0; } div#toggle-controls div#prev{ background-image: url("/news/special/world/11/europe/air_france_crash/css/img/scroll-sprite.png"); background-position: 0px -113px; width: 37px; height: 37px; float: left; cursor:pointer; } div#toggle-controls div#next{ background-image: url("/news/special/world/11/europe/air_france_crash/css/img/scroll-sprite.png"); background-position: -50px -113px; width: 37px; height: 37px; float: right; cursor:pointer; } div#toggle-controls div#prev.disable{ background-position: 0px -13px; cursor:default; } div#toggle-controls div#next.disable{ background-position: -50px -13px; cursor:default; }