div#instruction{ background: none repeat scroll 0 0 #EDEDED; height: 224px; left: 68px; position: relative; top: 16px; width: 508px; } div#instruction h2{ padding: 8px; padding-bottom: 24px; font-size: 24px; } div#instruction p{ padding-left: 8px; font-size: 16px; font-weight: bold; display: none; } div#instruction a #start{ background: none repeat scroll 0 0 #505050; color: #FFFFFF; height: 20px; left: 8px; margin-bottom: 16px; padding: 4px 8px; position: absolute; top: 185px; width: 60px; text-align: center; } div#instruction a #start:hover{ background:#000000; text-decoration: underline; } div#instruction a #start:active{ background:#D2700F; } div#chart_outer{ display: block; width: 976px; height: 659px; margin-bottom: 16px; } div#axis1, div#axis2{ height: 16px; font-size: 16px; font-weight: bold; } div#axis2{ left: 38px; position: relative; top: -13px; } div#chart_outer div#menu_header{ width: 976px; height: 24px; font-size: 16px; font-weight: bold; } .ie div#chart_outer div#slider a div#right{ position: relative; top: -34px; } .ie div#chart_outer div#chart_container div#legend div#legend_right h2.ie6{ margin-top: -16px; } div#chart_outer div#menu_container{ width: 833px; height: 80px; background: #ededed; } div#chart_outer div#menu_container ul.compare li{ background-image: none; background: #fdfdfd; padding: 0; margin: 0; display: block; float: left; height: 80px; } div#chart_outer div#menu_container ul.compare li#compareA{ width: 360px; } div#chart_outer div#menu_container ul.compare li#compareA div#ListA, div#chart_outer div#menu_container ul.compare li#compareB div#ListB{ border: solid 1px #ededed; width: 316px; height: 30px; display: block; float: left; margin-right: 2px; line-height: 30px; font-size: 18px; font-weight: bold; padding-left: 8px; } div#chart_outer div#menu_container ul.compare li div.Select{ border: solid 1px #ededed; width: 30px; height: 30px; display: block; float: left; background-image: url("/news/special/world/11/south_asia/asian_growth_charts/css/v1/img/dropdown_arrow.png"); background-repeat: no-repeat; background-position: 50% 50%; } div#play { height: 33px; width: 32px; background-image: url("/news/special/world/11/south_asia/asian_growth_charts/css/v1/img/play_active.gif"); border-right: 1px solid #FFFFFF; float: left; } div#play:hover { background-image: url("/news/special/world/11/south_asia/asian_growth_charts/css/v1/img/play_down.gif"); } div#play:active { background-image: url("/news/special/world/11/south_asia/asian_growth_charts/css/v1/img/play_down.gif"); } div#play.inactive { background-image: url("/news/special/world/11/south_asia/asian_growth_charts/css/v1/img/play_inactive.gif"); } div#left { height: 17px; width: 14px; background-image: url("/news/special/world/11/south_asia/asian_growth_charts/css/v1/img/left_active.gif"); float: left; } div#left:hover { background-image: url("/news/special/world/11/south_asia/asian_growth_charts/css/v1/img/left_down.gif"); } div#left:active { background-image: url("/news/special/world/11/south_asia/asian_growth_charts/css/v1/img/left_down.gif"); } div#left.inactive { background-image: url("/news/special/world/11/south_asia/asian_growth_charts/css/v1/img/left_inactive.gif"); } div#right { height: 17px; width: 14px; background-image: url("/news/special/world/11/south_asia/asian_growth_charts/css/v1/img/right_active.gif"); float: right; } div#right:hover { background-image: url("/news/special/world/11/south_asia/asian_growth_charts/css/v1/img/right_down.gif"); } div#right:active { background-image: url("/news/special/world/11/south_asia/asian_growth_charts/css/v1/img/right_down.gif"); } div#right.inactive { background-image: url("/news/special/world/11/south_asia/asian_growth_charts/css/v1/img/right_inactive.gif"); } div#chart_outer div#slider div#slider_int.ui-slider a.ui-slider-handle{ -webkit-border-radius: 0; -moz-border-radius: 0 0 0 0; background-image: url("/news/special/world/11/south_asia/asian_growth_charts/css/v1/img/slider_deselected.gif"); border: 0 none; height: 17px; margin-left: -13px; padding-right: 4px; top: 0; width: 10px; display: none; } div#chart_outer div#slider div#slider_int.ui-slider a.ui-slider-handle:hover{ background-image: url("/news/special/world/11/south_asia/asian_growth_charts/css/v1/img/slider_down.gif"); } div#chart_outer div#slider div#slider_int.ui-slider a.ui-slider-handle:active{ background-image: url("/news/special/world/11/south_asia/asian_growth_charts/css/v1/img/slider_down.gif"); } div#chart_outer div#slider div#slider_int.ui-slider a.ui-slider-handle.inactive{ background-image: url("/news/special/world/11/south_asia/asian_growth_charts/css/v1/img/slider_down.gif"); } div#dates{ border-top: 1px solid #DDDDDD; background: #ffffff; float: left; height: 15px; width: 943px; } div#chart_outer div#slider div#dates ul li{ background: none repeat scroll 0 0 transparent; float: left; font-size: 0.95em; margin: 0; position: relative; padding-left: 0; ; } div#chart_outer div#slider div#dates ul li.first{ padding-left:10px; } div#slider_int{ display: inline; float: left; width: 915px; height: 16px; } div#chart_outer div#slider div#slider_int.ui-slider{ background-image: url("/news/special/world/11/south_asia/asian_growth_charts/css/v1/img/bar.gif"); border: 0; height: 14px; -webkit-border-radius: 0; -moz-border-radius: 0; } div#chart_outer div#menu_container ul.compare li div.dropDown{ display: none; width: 324px; border: solid 1px #ededed; background: #ededed; position: absolute; top: 191px; z-index: 999; } .ie div#chart_outer div#menu_container ul.compare li div#boxA.dropDown, .ie7 div#chart_outer div#menu_container ul.compare li div#boxA.dropDown{ left: 0px; top: 194px; } .ie div#chart_outer div#menu_container ul.compare li div#boxB.dropDown, .ie7 div#chart_outer div#menu_container ul.compare li div#boxB.dropDown{ left: 472px; top: 194px; } div#chart_outer div#menu_container ul.compare li div.dropDown ul li{ font-size: 18px; font-weight: bold; height: 30px; line-height: 30px; width: 324px; color: #505050 } div#chart_outer div#menu_container ul.compare li div.dropDown ul li a{ color: #505050; display: block; line-height: 30px; padding-left: 8px; text-decoration: none; } div#chart_outer div#menu_container ul.compare li div.dropDown ul li a:hover{ background: #ededed; } #chart_outer div#menu_container ul.compare li#compareA div.selection_desc, #chart_outer div#menu_container ul.compare li#compareB div.selection_desc{ display: block; float: left; line-height: 16px; margin-top: 8px; font-size: 13px; } div#chart_outer div#menu_container ul.compare li#compareA div.selection_desc span, div#chart_outer div#menu_container ul.compare li#compareB div.selection_desc span{ font-weight: bold; } div#chart_outer div#menu_container ul.compare li#compareA div.selection_desc p, div#chart_outer div#menu_container ul.compare li#compareB div.selection_desc p{ display: none; margin: 0; } div#chart_outer div#menu_container ul.compare li#compareA div.selection_desc p.show, div#chart_outer div#menu_container ul.compare li#compareB div.selection_desc p.show{ display: block; margin: 0; } div#chart_outer div#menu_container ul.compare li#with{ font-size: 18px; text-align: center; padding-top: 8px; height: 72px; width: 112px; } div#chart_outer div#menu_container ul.compare li#compareB{ width: 361px; } div#chart_outer div#chart_sub_header{ width: 833px; height: 40px; font-size: 20px; line-height: 40px; padding-bottom: 8px; } div#chart_outer div#chart_container{ width: 976px; height: 440px; } div#chart_outer div#chart_container div#chart{ width: 833px; float: left; background-image: url("/news/special/world/11/south_asia/asian_growth_charts/css/v1/img/date4.png"); background-position: 20px -20420px; background-repeat: no-repeat; height: 440px; } div#intro{ width: 833px; background-image: url("/news/special/world/11/south_asia/asian_growth_charts/css/v1/img/intro.gif"); background-repeat: no-repeat; height: 440px; background-position: 0 -10px; } div#chart_outer div#slider div#slider_int ul li{ background: none repeat scroll 0 0 transparent; display: block; float: left; font-size: 13px; margin: 0; padding: 0; text-align: center; width: 19px; } div#chart_outer div#slider div#slider_int ul li.end{ width: 30px; } div#chart_outer div#slider div#slider_int ul li a{ color: #505050; font-weight: normal; } div#chart_outer div#slider div#slider_int ul li a:active{ color: #D2700F; } div#chart_outer div#slider div#slider_int ul li.this a{ color: #D2700F; text-decoration:none; } div#chart_outer div#slider div#slider_int ul li.nodata a{ color: #c0bfbf; text-decoration:none; cursor: default; } div#chart_outer div#chart_container div#legend h2{ font-size: 14px; font-weight: bold; margin-bottom: 16px; } div#chart_outer div#chart_container div#legend{ width: 143px; height: 440px; float: left; display:none; } div#chart_outer div#chart_container div#legend ul li{ background-image: none; margin: 0; padding-right: 8px; padding-top: 0; padding-bottom: 0; padding-left: 0; line-height: 23px; font-size: 14px; } div#chart_outer div#chart_container div#legend div#legend_left{ width: 22px; float: left; } div#chart_outer div#chart_container div#legend div#legend_left ul li{ font-size: 23px; font-weight: bold; margin: 0; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; position: relative; line-height: 23px; width: 22px; letter-spacing: -1px; top: -3px; } .ie div#chart_outer div#chart_container div#legend div#legend_left ul li, .ie7 div#chart_outer div#chart_container div#legend div#legend_left ul li{ line-height: 16px; height: 16px; margin-top: -4px; } div#legend{ background-image: url("/news/special/world/11/south_asia/asian_growth_charts/css/v1/img/pop_key.gif"); background-position: 0 100%; background-repeat: no-repeat; } div#legend div#legend_right ul{ width: 120px; float: right; line-height: 23px; cursor: pointer; } div#legend div ul{ margin-bottom: 16px; border-bottom: solid 1px #ededed; } div#chart_outer div#slider{ background: none repeat scroll 0 0 #EDEDED; border-top: 1px solid #DDDDDD; height: 31px; width: 976px; }