div#youth_unemployment { margin-bottom: 16px; } div#youth_unemployment h2 { font-size: 1.36em; margin-bottom: 10px; } div#youth_unemployment ul li { background-image: none; padding: 0; } div#unemployment_map ul li { margin-bottom: 200px; } div#unemployment_graphs ul li { margin-bottom: 385px; } .blq-js div#unemployment_map ul li, .blq-js div#unemployment_zoom ul li, .blq-js div#unemployment_graphs ul li { display: none; float: left; width: 624px; margin-bottom: 0px; } .blq-js div#unemployment_zoom ul li, .blq-js div#unemployment_map ul li { margin-bottom: 12px; } .blq-js div#unemployment_map ul li.current, .blq-js div#unemployment_zoom ul li.current, .blq-js div#unemployment_graphs ul li.current { display: block; } .blq-js div#unemployment_zoom ul li { width: 351px; } div#unemployment_top { width: 976px; height: 352px; } div#unemployment_top div#unemployment_rs { float: right; width: 320px; padding-right: 16px; } div#unemployment_top div#unemployment_rs img { margin-bottom: 16px; } div#toggle-controls { display: none; } /* This is the container which just the controls */ .blq-js div#toggle-controls { padding: 3px 3px 3px 0; height: 40px; margin-bottom: 0px; display: block; } /* This is the container which just the tables */ div#toggle-tables { clear:both; margin-bottom: 10px; position: relative; } /* Overide the blue anchor page style with white for the Gel style toggle */ div#toggle-controls a { font-weight:normal; color: #ffffff; display: inline-block; padding: 0 20px; } div#toggle-controls span { float: left; display: block; margin-right: 8px; padding-top: 4px; } div#toggle-controls ul { float: left; margin-bottom: 0px; } /* Position the list items for the menu*/ div#toggle-controls ul li{ float:left; background-image:none; cursor: pointer; margin: 0; padding: 0; font-size: 0.95em; } /* Style the span which contains the menu label including the left seperator*/ div#toggle-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: 3px; padding-bottom: 5px; text-align:center; margin-right: 0px; } /* Overide the left seperator for the first menu item*/ div#toggle-controls ul li span.selected a{ font-weight: bold; text-decoration:none; } div#toggle-controls ul li span.selected a:hover { text-decoration:underline; } div#toggle-controls ul li span.selected { background-color:#d1700e; } div#toggle-controls ul li span.selected:hover{ background-color:#d1700e; text-decoration:none; } div#toggle-controls ul li span:hover { background-color:#000000; } .blq-js .toggle-content-div { display: none; } .blq-js #content-state2 { display: block; }