#toggle-container-464{ margin-bottom: 14px; } #toggle-container-464 h2 { font-size: 1.231em; font-weight: bold; line-height: 16px; text-rendering: optimizeLegibility; margin-bottom: 10px; } #drought-controls { display: none; padding: 3px 3px 3px 0; } #drought-images { margin: 8px 0 0 0; position: relative; clear:both; } #drought-images { position: relative; top: 0; left: 0; } /*#drought-images #banimg, #drought-images #overlayimg { position: absolute; display: none; top: 0; left: 0; }*/ div.clear { clear: both; } #drought-image { position: relative; } #drought-image li { padding: 0px; background: none; position: absolute; top: 0px; left: 0px; } #drought-image li.text1 { top: -2px; font-weight: bold; font-size: 1.3em; } #drought-image li.text2 { top: 45px; left: 284px; font-weight: bold; font-size: 0.9em; } #drought-image li.text3 { top: 58px; left: 284px; font-weight: bold; font-size: 0.9em; } #drought-image li.text4 { top: 71px; left: 284px; font-weight: bold; font-size: 0.9em; } #drought-image li.text5 { top: 84px; left: 284px; font-weight: bold; font-size: 0.9em; } /* Gel buttons */ div#drought-controls ul li span.fifty{ width: 50px; } div#drought-controls ul li span.sixty{ width: 60px; } div#drought-controls ul li span.seventy{ width: 70px; } div#drought-controls ul li span.eighty{ width: 80px; } div#drought-controls ul li span.ninety{ width: 90px; } div#drought-controls ul li span.hundred{ width: 100px; } div#drought-controls ul li span.hundredten{ width: 110px; } div#drought-controls ul li span.hundredtwenty{ width: 120px; } div#drought-controls ul li span.hundredthirty{ width: 130px; } div#drought-controls ul li span.hundredforty{ width: 140px; } div#drought-controls ul li span.hundredfifty{ width: 150px; } /* Overide the blue anchor page style with white for the Gel style toggle */ div#drought-controls a { font-weight:normal; color: #ffffff; } div#drought-controls h3 { float: left; position: relative; top: 4px; margin-right: 8px; font-weight: normal; } /* Position the list items for the menu*/ div#drought-controls ul li{ float:left; background-image:none; margin: 0; padding: 0; font-size: 0.95em; } /* Style the span which contains the menu label including the left seperator*/ div#drought-controls ul li span{ background-color:#404040; display:block; float:left; color: #ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; padding-top: 4px; padding-bottom: 4px; text-align:center; } /* Overide the left seperator for the first menu item*/ div#drought-controls ul li span.selected a{ font-weight: bold; text-decoration:none; } div#drought-controls ul li span.selected { background-color:#d1700e; } div#drought-controls ul li span.selected:hover{ background-color:#d1700e; text-decoration:underline; } div#drought-controls ul li span:hover { background-color:#000000; }