#micro-main-content {

    
    clear: both;
    border: 1px solid #dddbd7;
    overflow: hidden;
}
#left-navigation{
    width:190px;
    float:left;

     line-height: 1.2em;
    color: #001F33;
     
    
}



div#left-navigation div.first-lvl-menu-class{
    padding: 8px 18px;
    list-style-image: none;
    font-family: RobotoCondensedBold;
    font-size: 12px;
    letter-spacing: 0.04em;
    color: #001F33;
}
div#left-navigation div.first-lvl-menu-class::before{
    font-family: 'fedicons';
    content: "\e608";
    position: relative;
    top: 2px;
    right: 4px;
    color: #41A8DF;
}
div#left-navigation div.first-lvl-menu-class.collapsed::before{
    font-family: 'fedicons';
    content: "\e60f";
    position: relative;
    top: 2px;
    right: 4px;
    color: #41A8DF;
}

.third-lvl-indent{
/*    margin-left:20px;*/
    line-height:1.2em;
    font-family: RobotoCondensedRegular;
    color: #42515A;
    font-size: 12px;
    padding: 0.75em 0.5em .75em 28px;

}
div#micro-main-content ul, div#micro-main-content ul li{
    list-style: none;

}
#chart-area{
    float:left;
    width: 747px;
    margin-left:20px;
    margin-bottom: 25px;
}
div#left-navigation  ul#left-navigation-menu{
    background-color: #F5F2ED;
    cursor: pointer;
    border-width: 0px 1px 1px 0px; 
    border-style: solid;
    border-color: #ddd;
}
div#left-navigation li.general-cursor {
            cursor: pointer;
/*            background-color: #DDDBD7;*/
  
            padding: 8px 8px;
            list-style-image: none;
            font-family: 'RobotoCondensedBold';
            font-size: 12px;
            text-transform: uppercase;
            color: #001F33;
            letter-spacing: 0.04em;
}
div#left-navigation ul li div div.seconde-lvl-indent{

   text-transform: uppercase;
     padding: 8px 14px;
    line-height:1.2em;
    font-family: RobotoCondensedRegular;
    color: #42515A;
    font-size: 12px;
/*    //padding: 0.75em 0.5em;*/
    
}

ul#tabChartNav {

    list-style: none;
    
    padding: 0px;
    border: 1px solid #ccc;
    
    background: #eee;
    height: 30px;
    font-family: 'Arial', 'Helvetica', sans-serif;
    
    position: relative;
    top:2px;
    z-index:2;
    
}
ul#tabChartNav li.tab-chart-nav-item {
    display: block;
    float: left;
    height: 31px;
    cursor: pointer;
    

}

ul#tabChartNav li.tab-chart-nav-item .inner{
    display: block;
    float: left;
    height: 31px;
    line-height: 30px;
    cursor: pointer;
    padding: 0 .75em;
    font-size: 12.6px;
    text-transform: uppercase;
    font-weight: normal;
    z-index:500000

    
 
    
}
ul#tabChartNav li.tab-chart-nav-item.selected:first-child .inner {
   

    border-left: none;
  

  
}



ul#tabChartNav li.tab-chart-nav-item.selected .inner {
   
    color: #976b24 !important;
    background: #fff;
    border-right: 1px solid #ccc; 
    border-left: 1px solid #ccc;
    border-bottom: 1px solid white !important;
  

  
}
ul#miniNav{
    overflow: hidden;
      border-left: 1px solid #ccc;
      border-right: 1px solid #ccc;
      padding-top:10px;
      padding-left:2px;
  
        
}
ul#miniNav li.miniNav-chart-item{
    display: block;
    float: left;
    height: 2em;
    line-height: 2em;
    cursor: pointer;
    padding: 0 .5em;
    color: #5998C9;
   
    font-size: 12px;
    font-family: 'Arial', 'Helvetica', sans-serif;
}
ul#miniNav li.miniNav-chart-item.selected{
    color: #976b24 !important;
}


.subchart{
    float:left;
     width:350px;
         margin-right: 10px;
    margin-left:10px;
    margin-bottom:20px;
}
.mainSubchart{
    float:left;
   width:350px;
    margin-right: 10px;
    margin-left:10px;
    margin-bottom:20px;

}
.mainSubchart-graph{
   
    height: 260px;
   
}
.mainSubchart-header{
    margin:0 auto;
    display: table;
    margin-bottom: 0.5em;
    font-size: 20px;
    font-family: 'Georgia', 'Times New Roman', serif;
    font-weight: normal;
    color: #000;
    
}

div.first-lvl-highlight, li.first-lvl-highlight{
    background-color: #DDDBD7 !important
}
.second-order-highlight{
    background-color: #69767d !important;
    color:white !important;    
}
.mainSubchart-text{
    margin: 25px 7px;
    padding-bottom: .3em;
    border-bottom: 2px solid #ccc;
    font-family: "Arial","Helvetica",sans-serif;
    color: #777;
    line-height: 1em;
    font-size: 11px;
    



}
.subchart-legend{
   margin-left:15px;
 
  
   display:inline-block;
   float:right;
   


    font-family:  "Arial";
    font-size:  12px;
    font-weight: Normal;
    color: #3E576F;

    line-height: 18px;  

}
.subchart-legend:first-child{
    margin-right:20px;
}
.subchart-legend span{
    margin-left:3px;
    cursor: pointer;
}

h1,
h2,
h3 {
    font-family: 'Georgia', 'Times New Roman', serif;
    font-weight: normal;
    color: #000;
}
h2.sce-chart-title {
    font-size: 24px;
    margin: 20px 0 10px 0px;
}
h3.sce-chart-subtitle {
    margin: 1em 0;
    font-size: 14px;
}
#main-chart-container{
     overflow:hidden;
  

}

.margin-top{
    margin-top:25px;
}
.border-around-sides-bottom{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.border-around{
      border: 1px solid #ccc;
}


.subcharts-container{
     

    padding-top:42px;

    overflow: hidden;
    
    
}
.mainSubchart-text-graph{
    border: 1px solid #ddd;
    overflow: hidden;
    cursor :pointer;
 

}
#chart-note-text{
    margin-top:10px;
    font-family: 'Arial', 'Helvetica', sans-serif;
    font-size: 0.8em;
    line-height: 1em; 
    color: rgb(144,144,144); 
    margin-left:9px;
}
.gray-out{
    color:#cccccc;
}
.toggle-chart-item{
    margin:10px 0px 5px 10px; 
    display: inline-block;


}
ul#toggleButton{
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    font-family: 'Arial', 'Helvetica', sans-serif;
    font-weight: bold;
    line-height: 1.2em;
    color: #555;
    font-size: 11px;
    

    
}
ul#toggleButton input{
margin:3px 3px 5px 5px;
vertical-align: middle;

    
}
ul#toggleButton label{

vertical-align: middle;

    
}
.arrow-container{
    width:13px;
    display: inline-block;
}
#SCEHeader{
    font-family: 'RobotoCondensedBold';
    border-bottom: 4px solid #dddbd7;
    color: #001f33;
    font-size: 24px;
    line-height: 30px;
    margin: 10px 0;
    padding: 0 0 4px;
}
.main-tabs-research{
     margin-bottom:40px;
}
.sce-header-date {
    font-size: 14px;
}
.sce-content{
    
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 14px;
    line-height: 18px;
    color: #555;
   
}
.sce-title{
    color: #001f33;
    margin-bottom: 10px;
    font-weight: bold;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 15px;
}
.highcharts-credits{
    
    cursor: default !important;
}
/*download Archive css*/

.downloads {
    float:right;
    position:relative;
    
    width: 145px;
    
    background: #FFF;


  
}

.downloads .title {
    font-family: RobotoCondensedRegular;
    font-weight: normal;
    text-transform: uppercase;
    color: #FFF;
    background: #41A8DF;
    padding: 8px 8px 8px 8px;
    cursor: pointer;
    font-size: 12px;
    float:right;
    line-height: 10px;
    width:100%;
     box-sizing: border-box;
     line-height: inherit;
     
    
   
}
.downloads .title.collapsed:before {
    font-family: 'fedicons';
    content: "\e60f";
    position: relative;
    top: 1px;
    right: 4px;
}
.downloads .title:before {
    font-family: 'fedicons';
    content: "\e608";
    position: relative;
    top: 1px;
    right: 4px;
}
.downloads span {
    display: block;
    padding: 3px 8px;
    text-align: left;
    font-weight: normal;
}
.downloads span a{
    font-family: RobotoCondensedRegular;
    font-size: 12px;
    color: #42515A !important;
    font-weight: normal;
    cursor: pointer;
}
.downloads span a:hover{
    border-bottom: 1px solid #41A8DF;
}

span.options {
    position: absolute;
    top:28px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ddd;
    background: #FFF;
    z-index: 10;
    display:none;
}
#left-navigation #callout {
    margin: 30px 16px;
    font-family: RobotoCondensedBold;
    font-size: 13px;
    color: #68747B;
}
.left-link-text, .left-link-text a {
    display: inline;
    color: #41A8DF  !important;
}
#source{
    margin-top:2px;
    margin-bottom: 2px;
    font-family: 'Arial', 'Helvetica', sans-serif;
    font-size: 0.8em;
    line-height: 1em; 
    color: rgb(144,144,144); 
    margin-left:9px;
   
}