@charset "UTF-8";
body{background:#000;font-size:12px;line-height:1.7;font-family:'Open Sans', Helvetica, sans-serif;font-weight:300;color:#CCC}
.header_wrapper{width:100%;background:#0D3163 url(../img/header_img.png) right top no-repeat;height:50px;overflow:hidden}
img.logo{border:none;position:absolute;left:10px;top:10px;width:360px}
#icon_nav{overflow:hidden;position:absolute;width:180px;left:0;top:0;bottom:0;z-index:4000;font-size:1.2em;background-color:#3D3E47;font-family:'open sans', Helvetica, sans-serif;font-weight:400;color:#eee}
.js #icon_nav{overflow:hidden;position:relative;width:50px;left:0;top:0;bottom:0;z-index:4000}
#page_wrapper{position:absolute;left:0;right:0;top:50px;max-width:1200px;padding:0 40px 0 220px}
.js #page_wrapper{position:absolute;left:0;right:0;top:50px;max-width:1200px;padding:0 40px 0 90px}
#page_wrapper.datavis{position:absolute;left:0;right:0;top:50px;bottom:0;max-width:2000px;padding:0 20px 0 220px}
.js #page_wrapper.datavis{padding:0 20px 0 70px}
#chart{position:absolute;left:30px;right:200px;top:140px;bottom:40px;z-index:1;font-family:Verdana, Geneva, sans-serif}
.overview #chart{position:absolute;left:30px;right:200px;top:120px;bottom:40px;z-index:1;font-family:Verdana, Geneva, sans-serif}
#chart.legend_on{position:absolute;left:30px;right:200px;top:155px;bottom:5px;z-index:1;font-family:Verdana, Geneva, sans-serif}
.overview .labels{font-size:1.2em;float:right;position:relative;right:200px;bottom:-10px}
.labels{font-size:1.2em;float:right;position:relative;right:200px;bottom:5px}
.column{display:inline;float:left;padding:0}
.section{float:left;width:100%;position:relative;overflow:hidden;margin:0 0 20px;padding:0}
address,blockquote,dl,fieldset,form,h1,h2,h3,h4,h5,h6,hr,noscript,ol,p,pre,table,tfoot,ul{margin-bottom:1em}
.float-right{float:right}
.float-left{float:left}
.img-left{float:left;margin:6px 10px 6px 0}
.img-right{float:right;margin:6px 0 6px 10px}
.clearfix:after{clear:both;content:'';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,:first-child+html .clearfix{zoom:1}
#appIconsDetail{position:absolute;top:20px;right:20px}
h1{font-family:'open sans', Helvetica, sans-serif;font-size:4.2em;line-height:0.8;font-weight:300;color:#eee;margin:60px 0 60px 20px;padding:0}
.datavis h1{font-size:2.4em;margin:10px 0 0}
.datavis h1.home{font-size:2.3em;margin:10px 0 0}
.datavis h1.haz_sur{font-size:1.8em;margin:10px 0 0}
h2{font-family:'open sans', Helvetica, sans-serif;font-size:1.6em;font-weight:300;color:#FFF;width:100%;margin:0 0 15px;padding:0}
h3{font-family:Oswald, Helvetica, sans-serif;font-size:1.4em;font-weight:400;margin-bottom:7px;margin-top:0;border-bottom:solid 2px #34A3C8;padding:0 30px 10px 1px}
h4{font-family:'open sans', Helvetica, sans-serif;font-size:1.3em;font-weight:300;color:#eee;font-style:normal;margin:0;padding:0}
p{font-size:1.25em;max-width:680px}
p.home{font-family:'open sans', Helvetica, sans-serif;font-size:4.2em;font-weight:300;margin:40px 0 10px}
p.crumbs{font-family:Helvetica, sans-serif;font-size:.8em;font-weight:400;margin:20px 0 0}
span.carrots{font-weight:400;position:relative;bottom:1px;margin:0 2px 0 1px}
.subtitle{font-size:.6em;font-style:oblique}
.date{font-size:.95em;font-style:oblique}
blockquote{margin-left:20px;margin-right:20px;text-indent:-5px}
.italic{font-style:italic}
a.more{float:right;font-size:1em;margin-right:40px}
a.white{color:#EEE}
a.white:hover{color:#ccc}
a{color:#34A3C8;text-decoration:none}
a:hover{text-decoration:underline}
a.no-underline:hover{text-decoration:none}
ol,ul{margin-left:0;padding-left:20px}
.no-bullet{list-style:none;list-style-type:none}
.no-indent{margin-left:0;padding-left:0}
.local-skip-nav,.local-skip-nav:hover,.local-skip-nav:visited{color:#fff;font-size:11px;height:1px;left:-999em;overflow:hidden;position:absolute;top:72px;width:1px}
.local-skip-nav:active,.local-skip-nav:focus{height:auto;left:60px;top:60px;width:auto}
#icon_nav a{display:inline-block;width:148px;height:36px;padding-top:14px;padding-left:52px;color:#eee}
#icon_nav a:hover{text-decoration:none;color:#FFF}
#icon_nav li{width:200px;height:50px}
#icon_nav li.hidden{height:0;overflow:hidden}
#icon_nav li.home{background:#3D3E47 url(../img/icons/home_white.png) 13px 13px no-repeat}
#icon_nav li.datavis{background:#3D3E47 url(../img/icons/datavis_white.png) 13px 13px no-repeat}
#icon_nav li.research{background:#3D3E47 url(../img/icons/research_white.png) 13px 13px no-repeat}
#icon_nav li.downloads{background:#3D3E47 url(../img/icons/downloads_white.png) 13px 13px no-repeat}
#icon_nav li.midas{background:#3D3E47 url(../img/icons/midas_white.png) 13px 13px no-repeat}
#icon_nav li.feedback{background:#3D3E47 url(../img/icons/contact_white.png) 13px 13px no-repeat}
#icon_nav li.close{background:#3D3E47 url(../img/icons/close_menu.png) 13px 13px no-repeat}
.email_promo_wrapper{width:25%;font-size:.85em}
.research_promo{width:26%;height:400px}
.promo_left{width:38%}
.promo_right{width:48%}
#background h3{margin-bottom:20px}
#background{width:100%;margin-top:40px}
#labels.on{position:absolute;top:115px;right:200px;left:70px;bottom:140px}
.overview #labels.on{position:absolute;top:95px;right:200px;left:70px;bottom:140px}
#labels.on > span{font-size:.9em;font-weight:400px;display:block;float:right;margin-right:20px}
#labels > span.highlight,.labels > span.highlight{background-color:#000;display:inline}
.dygraph-ylabel,.dygraph-xlabel{font-size:.8em}
#graph{position:absolute;left:30px;right:200px;top:100px;bottom:20px;z-index:1}
#graph h2{color:#FFF;margin:10px 20px}
.charts{margin-top:10px;font-family:Verdana, Geneva, sans-serif}
.cancel_sum{position:absolute;right:7px;bottom:-15px;color:#09F;font-family:Verdana, Geneva, sans-serif}
.trade_sum{position:absolute;right:7px;bottom:50%;color:#3C3;font-family:Verdana, Geneva, sans-serif}
.ql_labels{font-size:1.2em;float:right;position:relative;top:-10px}
#graph h4{position:absolute;left:55px;top:-10px}
#graph h4.yellow{position:absolute;left:55px;top:50%}
#graph h4.bottom{position:absolute;left:55px;top:52%}
#graph h4.haz_sur{font-size:1.2em}
.chart_top{position:absolute;left:0;right:0;top:20px;z-index:1;height:45%}
.chart_bottom{position:absolute;left:0;right:0;bottom:0;z-index:1;height:45%}
.chart_top_haz{position:absolute;left:0;right:0;top:20px;z-index:1;height:43%}
.chart_bottom_haz{position:absolute;left:0;right:0;bottom:0;z-index:1;height:43%}
span.cond_freq{color:#000!important}
.tooltip{display:none;background:#000 url(../img/black_box.png);font-size:12px;height:70px;width:160px;color:#eee;z-index:999;padding:25px}
.tooltip-container:focus{border:3px solid #ff0}
html,body,#icon_nav ul{margin:0;padding:0}
#icon_nav li.home:hover,#icon_nav ul.touch li.home:hover{background:#2B2B2B url(../img/icons/home_white.png) 13px 13px no-repeat}
#icon_nav li.datavis:hover,#icon_nav ul.touch li.datavis:hover{background:#2B2B2B url(../img/icons/datavis_white.png) 13px 13px no-repeat}
#icon_nav li.research:hover,#icon_nav ul.touch li.research:hover{background:#2B2B2B url(../img/icons/research_white.png) 13px 13px no-repeat}
#icon_nav li.downloads:hover,#icon_nav ul.touch li.downloads:hover{background:#2B2B2B url(../img/icons/downloads_white.png) 13px 13px no-repeat}
#icon_nav li.midas:hover,#icon_nav ul.touch li.midas:hover{background:#2B2B2B url(../img/icons/midas_white.png) 13px 13px no-repeat}
#icon_nav li.feedback:hover,#icon_nav ul.touch li.feedback:hover{background:#2B2B2B url(../img/icons/contact_white.png) 13px 13px no-repeat}
#nav_collapse,#labels > span{display:none}
#intro,.data_promo{width:60%}


#loading { background:#000 url(../img/ajax-loader-4.gif) no-repeat center center;
           position: absolute; left: 50px; right: 200px; top: 120px; bottom: 0px; z-index: 1000; }


#graph img.ie_fix { width:96%; height:100%; margin-left:4%; }