@charset UTF-8;
#js_warning{display:inline-block;position:absolute;left:220px;right:50px;top:200px;bottom:50px;z-index:2000;overflow:hidden;background-color:#B7E1F1;color:#333;font-size:14px;padding:30px 0 0}
#js_warning p{padding:5px 40px}
#js_warning ul{font-size:15px;padding:5px 70px}
#js_warning a{color:#039;font-weight:800}
.js #graph_controls{display:inline-block;width:180px;position:absolute;top:10px;right:0;bottom:0;overflow:hidden;padding:0}
.overview #graph_controls{width:180px;position:absolute;top:80px;right:0;bottom:0;overflow:hidden;padding:0}
#graph_controls.quartiles{width:180px;position:absolute;top:100px;right:0;bottom:0;overflow:hidden;padding:0}
#graph_controls.cond_freq{width:180px;position:absolute;right:0;bottom:0;overflow:hidden;top:89px;min-height:500px;padding:0}
#graph_controls h2{position:relative;right:10px;font-family:'open sans', Helvetica, sans-serif;font-size:1.6em;font-weight:300;color:#ccc;margin:0 0 5px 5px;padding:0 10px}
#graph_controls.deciles h2,#graph_controls.quartiles h2,#graph_controls.exchanges h2{position:relative;right:10px;font-family:'open sans', Helvetica, sans-serif;font-size:1.2em;font-weight:300;color:#ccc;margin:10px 0 5px;padding:0 10px}
#graph_controls.cond_freq h2{font-family:'open sans', Helvetica, sans-serif;font-size:1.2em;font-weight:300;color:#ccc;margin:10px 0 5px;padding:0 10px}
#accordian p.tab_header,#accordian_2 p.tab_header{width:150px;background-image:none;background-color:#CCC;text-align:center;border:none;font-family:Oswald, "Arial Black", Gadget, sans-serif;font-size:1.4em;font-weight:400;color:#000;display:inline-block;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:3px 0;padding:4px 0 3px}
#accordian_2 p.tab_header:focus,#accordian p.tab_header:focus{text-decoration:none;border:2px solid #ff0;outline:none;width:146px;padding:2px 0 1px}
#accordian_2 p.mousedown:focus,#accordian p.mousedown:focus{border:none;outline:none;width:150px;padding:4px 0 3px}
#accordian_2 p.tab_header:hover,#accordian p.tab_header:hover{background-image:none;background-color:#999}
#accordian_2 p.tab_header a:hover,#accordian p.tab_header a:hover{text-decoration:none}
#accordian{margin-left:5px;height:445px}
#accordian.exchanges{margin-left:5px;height:430px}
#accordian_2{margin-left:5px;height:300px}
p.controls_label{width:180px;height:20px;font-family:Arial, sans-serif;color:#ccc;font-size:1.1em;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:0;padding:0}
#reset_button{width:115px;height:24px;background-color:#CCC;border:none;text-align:center;font-size:1.2em;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;font-family:Oswald, "Arial Black", Gadget, sans-serif;font-weight:400;color:#000;cursor:pointer;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:0 21px 10px 20px;padding:3px 0}
#reset_button:hover,#scale_button:hover{background-color:#069;cursor:pointer;color:#FFF}
.rolling_av{margin-left:0;margin-top:10px;width:180px;display:block;height:45px}
.rolling_av p{width:65px;display:inline-block;font-size:1em;line-height:1.2;float:left;margin:5px 0}
.rolling_av span{width:15px;float:left;margin:0 0 0 3px;padding:0}
.rolling_av input[type=text]{float:left;border:solid #aaa;line-height:normal!important;font-size:1.1em;width:22px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#666;color:#FFF;border-width:1px;margin:7px 5px 0 0;padding:2px 3px 2px 6px}
.rolling_av button{float:left;width:40px;background-color:#ddd;height:26px;color:#333;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-top:7px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;border-width:1px 1px 1px 0}
#graph_controls p.about{font-size:12px;width:180px;display:block;margin:10px 0 0}
#graph_controls p.about a{color:#74C8EC}
#graph_controls.deciles p.about{font-size:12px;width:180px;margin:10px 0 0}
.tooltip{display:none;font-family:Helvetica, sans-serif;background:transparent url(../img/tool_tip_bkgd4.png) no-repeat;border:none;font-size:12px;height:103px;width:222px;color:#fff;z-index:999;padding:10px 20px 10px 10px}
#graph_controls ul.controls{width:180px;height:55px;display:block;margin:0;padding:0}
#graph_controls #accordian ul{height:274px;margin:0;padding:0}
#graph_controls #accordian.exchanges ul{height:328px;margin:0;padding:0}
#graph_controls #accordian_2 ul{height:110px;margin:0;padding:0}
#graph_controls ul li.button{display:inline-block;width:70px;height:20px;vertical-align:middle;cursor:pointer;background-color:#666;text-align:center;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;color:#999;float:left;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:0 10px 0 0;padding:3px 0 1px}
#graph_controls #accordian ul li.button,#graph_controls #accordian_2 ul li.button{display:inline-block;width:140px;height:20px;vertical-align:middle;cursor:pointer;background-color:#666;text-align:center;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;color:#999;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:3px 15px 0 5px;padding:0 0 1px}
#graph_controls #accordian ul li.button.disabled,#graph_controls #accordian ul li.button.disabled:hover,#graph_controls #accordian ul li.button.disabled:active{background-color:#666;color:#999;cursor:default;position:relative;left:0}
.tooltip-container:focus,#menu_top:focus,.tab_link:focus{border:2px solid #ff0;outline:none}
#menu_top.mousedown:focus{border:none;outline:none}
#graph_controls ul li.button:focus{border:2px solid #ff0;outline:none;width:66px;height:18px;padding:1px 0}
#graph_controls ul li.button.mousedown:focus{border:none;outline:none;width:70px;height:20px;padding:3px 0 1px}
#reset_button.button.mousedown:focus{border:none;outline:none;width:115px;height:24px;padding:3px 0}
#reset_button.button:focus{outline:none;border:3px solid #ff0;width:109px;height:18px;padding:0 0 6px}
.js #datavis_nav{display:block;position:absolute;top:-40px;right:6px;z-index:5000}
#datavis_nav_top:hover{background:#eee url(../img/down_arrow.png) 194px 18px no-repeat}
#datavis_nav_top.active{background:#eee url(../img/up_arrow.png) 194px 18px no-repeat}
#datavis_nav_area{position:absolute;top:40px;right:0;height:0;width:770px;background:#eee;display:inline-block;padding-left:10px}
.data_series{float:left;margin:0;padding:10px 0 0 10px}
#datavis_nav_area h5{color:#333;font-family:oswald, sans-serif;font-weight:300;font-size:1.4em;border-bottom:solid 2px #34A3C8;margin:0 20px 0 0;padding:5px 30px 5px 1px}
#datavis_nav_area ul li{color:#333;font-family:Helvetica, sans-serif;float:left;font-weight:800;margin:0 0 0 5px}
#datavis_nav_area ul li ul{width:142px;font-weight:400}
#datavis_nav_area span.overview{font-size:1.1em;font-family:Helvetica, sans-serif;font-weight:800;margin:0 0 0 3px;padding:0}
#datavis_nav_area ul li ul li{width:142px;font-weight:400;floar:left;margin:0;padding:3px 0}
#datavis_nav_area ul li ul li:hover,a.overview:hover{text-decoration:underline}
.js #chart_controls{display:block;position:absolute;top:-40px;right:232px;z-index:5000}
#chart_controls_top:hover{background:#ccc url(../img/down_arrow.png) 194px 18px no-repeat}
#chart_controls_top.active{background:#ccc url(../img/up_arrow.png) 194px 18px no-repeat}
#chart_controls_area{position:absolute;top:40px;right:0;height:0;width:605px;background:#CCC;display:inline-block;padding-left:5px}
#chart_controls_area.cond_freq{width:340px;padding-left:10px;background-color:transparent}
#chart_controls_area.cond_freq #tip_2{background:#CCC;width:290px;color:#333;float:right;margin:0;padding:25px 20px 0}
#tip_1{width:260px;color:#333;line-height:1.2;font-family:verdana;font-size:10px;display:block;float:left;margin:25px 0 0 20px}
#tip_1 span.action,#tip_2 span.action{font-family:Oswald, sans-serif;margin-left:10px;font-size:1.2em;margin-right:3px}
#tip_1 h4{color:#333;font-family:Oswald, sans-serif;font-size:18px;margin-bottom:10px}
#tip_1 ul{width:245px;margin:25px 0 0 25px}
#tip_1 ul li{color:#000;float:left;font-size:12px;width:220px;display:block;margin:0 0 5px;padding:5px 0 5px 25px}
#tip_1 ul li.zoom{background:url(../img/icons/zoom_dark.png) no-repeat;background-size:24px 24px}
#tip_1 ul li.pan{background:url(../img/icons/pan_dark.png) no-repeat;background-size:24px 24px}
#tip_1 ul li.restore{background:url(../img/icons/restore_dark.png) no-repeat;background-size:24px 24px}
#tip_1 p{font-size:12px;margin-right:10px}
#tip_2{width:290px;color:#333;line-height:1.2;font-family:verdana;font-size:10px;display:block;float:left;margin:25px 20px 0 10px}
#chart_controls_area h5{color:#333;font-family:oswald, Helvetica, sans-serif;font-size:18px;font-weight:400;height:32px;padding-top:3px;width:120px;float:left;margin:0}
#tip_2 p{font-size:12px;width:290px;margin:10px 0 25px}
#tip_2 ul{margin:0 0 0 10px}
#tip_2 ul li{color:#000;float:left;font-size:12px;display:block;width:330px;height:50px;margin:0 0 5px;padding:5px 0}
#color_toggle:focus,#scale_toggle:focus,#legend_toggle:focus,#decile_legend_toggle:focus{border:2px solid #ff0;outline:none;width:66px;height:27px;background-position:-2px -2px}
#color_toggle.mousedown:focus,#scale_toggle.mousedown:focus,#legend_toggle.mousedown:focus,#decile_legend_toggle.mousedown:focus{border:none;outline:none;width:70px;height:31px;background-position:0 0}
#color_toggle:hover,#scale_toggle:hover,#legend_toggle:hover,#decile_legend_toggle:hover{background:url(../img/buttons/left_light_hover2.png) left top no-repeat}
.switch{display:inline-block;background:url(../img/buttons/left_light2.png) left top no-repeat;width:70px;height:31px;cursor:pointer;float:left}
.switch_label{display:inline-block;float:left;width:45px;padding-top:7px;height:31px;margin-left:10px;text-align:right;margin-right:5px;color:#333;font-size:11px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.switch_label_2{display:inline-block;float:left;width:30px;padding-top:6px;height:31px;color:#333;font-size:10px;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}
.toggle{width:160px;height:35px;display:block;float:right;margin:0}
#chart_controls_top,#datavis_nav_top{-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0;border-radius:10px 10px 0 0}
#chart_controls_top:focus,#datavis_nav_top:focus{border:2px solid #ff0;outline:none;height:29px;width:196px;background:#666 url(../img/down_arrow.png) 192px 16px no-repeat;padding:5px 2px 2px 18px}
#chart_controls_top.mousedown:focus,#datavis_nav_top.mousedown:focus{border:none;outline:none;height:33px;width:200px;background:#666 url(../img/down_arrow.png) 194px 18px no-repeat;padding:7px 0 0 20px}
#chart_controls p,#datanav_area p{margin-top:0!important}
p.definition{font-size:13px;line-height:1.2}
p.add_this{float:left;display:inline-block;font-size:1em;line-height:1.2;margin:10px 10px 0 0}
.share{float:left;margin-top:10px}
#graph_controls #quote_life ul li.button,#graph_controls #quote_life ul li.button:hover,#graph_controls #quote_life ul li.button:active,#graph_controls #quote_life ul li.button.pressed,#graph_controls #quote_life ul li.button.pressed:active,#graph_controls #quote_life ul li.button.pressed:hover{width:170px;margin-bottom:5px;margin-right:10px;font-weight:400px;font-family:verdana, sans-serif;padding:5px 0}
#quote_life{margin-bottom:10px}
.js #js_warning,#graph_controls,.accordion-slide,#datavis_nav,#datavis_nav_area.closed,#chart_controls,#chart_controls_area.closed{display:none}
#accordian p.tab_header a,#accordian_2 p.tab_header a,#datavis_nav_area a:hover,#chart_controls_area a:hover{color:#000}
.rolling_av button:hover,.rolling_av button:focus{background-color:#666;color:#fff}
#graph_controls ul li.button:hover,#graph_controls ul li.button.pressed:hover,#graph_controls #accordian ul li.button:hover,#graph_controls #accordian ul li.button.pressed:hover,#graph_controls #accordian_2 ul li.button:hover,#graph_controls #accordian_2 ul li.button.pressed:hover{background-color:#069;color:#FFF}
#graph_controls ul li.button:active,#graph_controls ul li.button.pressed:active,#reset_button:active,#reset_button.pressed:active,#graph_controls #accordian ul li.button:active,#graph_controls #accordian ul li.button.pressed:active,#graph_controls #accordian_2 ul li.button:active,#graph_controls #accordian_2 ul li.button.pressed:active{background-color:#036;color:#FFF;position:relative;left:1px}
#graph_controls ul li.button.pressed,#graph_controls #accordian ul li.button.pressed,#graph_controls #accordian_2 ul li.button.pressed{background-color:#09C;color:#000}
#graph_controls #accordian ul li.button:focus,#graph_controls #accordian_2 ul li.button:focus{border:2px solid #ff0;outline:none;width:136px;height:18px;padding:1px 0}
#graph_controls #accordian ul li.button.mousedown:focus,#graph_controls #accordian_2 ul li.button.mousedown:focus{border:none;outline:none;width:140px;height:20px;padding:3px 0 1px}
#datavis_nav_top,#chart_controls_top{float:right;height:32px;width:195px;background:#000 url(../img/down_arrow.png) 194px 18px no-repeat;cursor:pointer;padding:8px 0 0 25px}
#datavis_nav_top:hover h4,#datavis_nav_top.active h4,#datavis_nav_area a,#chart_controls_top:hover h4,#chart_controls_top.active h4,#chart_controls_area a{color:#333}
#datavis_nav_area .hidden,#chart_controls_area .hidden{height:0;overflow:hidden}
#datavis_nav_area span#close_menu,#chart_controls_area span#close_menu{float:right;margin-top:20px;margin-right:10px;font-size:1em;font-weight:800}
#color_toggle.pressed,#scale_toggle.pressed,#legend_toggle.pressed,#decile_legend_toggle.pressed{background:url(../img/buttons/right_light2.png) left top no-repeat}
#color_toggle.pressed:hover,#scale_toggle.pressed:hover,#legend_toggle.pressed:hover,#decile_legend_toggle.pressed:hover{background:url(../img/buttons/right_light_hover2.png) left top no-repeat}
