body
{
    font-size:1em;
}
.tr:nth-child(even){
    background-color: #f2f2f2
}
.tdStyle{
    float:left;
    color:#1B1B1B;    
    text-align:center;
    height:50px
}
.divTopPickDt{
    float:left;height:30px;background-color:#CCCCCC;width:1px;margin-top:10px;
}
.divTopPickDt1{
    text-align: center;
    padding-left: 7px;
    padding-top: 7px;
    line-height: 20px;
    padding-right:7px
}
.divTopPickDt2{
    text-align: center;
    padding-left: 12px;
    padding-top: 7px;
    line-height: 20px;
    padding-right: 12px
}
.divTopPickDt3{
    text-align: center;padding-left: 6px;padding-top: 7px;line-height: 20px;padding-right: 6px
}
.MarketCommentary{
    overflow: auto;
    height:600px;
}
.rankingcontent:hover {
    background-color: #ffff99;
}
.linker{
    color:#F38019;
    text-decoration: underline;
}			
.CommDetail{
    height: 4.5em;
    position:relative;
    padding-bottom:5px;
    padding:0 15px 0 5px;
    text-align:left; 
    word-break: break-all; 
    word-wrap: break-word;
}			
.divRelatedDW{
    font-weight:bold;
    position:relative;
    left: 0;
    bottom: 0;
    color:#635C5C;    
    padding-left:5px;
    text-align:left;        
}
.rankingTable {
    min-height: 500px;
    /* width:100%; */
    border-spacing: 0;
}
.beforeHeader{
    /* width:100%; */
    height:39px;
    background-color:#FECC0A;
    border-bottom: 1px solid #E2851B;
}
DIV.divDashBoard {
    /* width:598px; */
    /* height:404px; */
    border-top: none;
    display: inline-block; 
}
#rankingBox > DIV * {
    display: inline-block;
}
.rankingTitle {
    width: 100%;
    float:left;
}
DIV.rankingTitle > DIV {
    height:26px;    
    border-right: 1px solid #CCCCCC;
    float:left;
    margin: 5px;
    padding-top:5px;
    text-align:center;
    vertical-align: middle;
}
.dwDashContent *{
    text-align:center;
}
DIV.dwDashContent > DIV {
    width:100%;
    font-weight:bold;    
    float: left;
    padding-top:3px;				
    background-color:#F5F5F5;
}
DIV.dwDashContent > DIV > DIV {
    height:21px;
    float: left;
    margin: 5px;    
}
.rcNoData{
    text-align:center;
    margin:5px;
}
.botLine{		
    display:inline-block;						
    width:100%;				
    padding:0px;
    border-bottom: 1px solid #CCCCCC;
}
.DashBoardToggle{
    height:54px;
    /*float:left;*/
    border-left: 1px solid #CCCCCC;
    border-top: none;
    border-right: none;
}
.dashTab{        
    text-align:center;
    font-weight:bold;
    /* border-left: 1px solid #CCCCCC; */
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    /* margin:auto; */
}
/* Knowledge */
.knowledgeSubHead {
    font-weight: bold;
    margin-bottom: 0px;
}
.nobullet{
    list-style-type: none;
    margin-block-start: 0px;
    margin-block-end: 0px;
}
.nobullet li {
    margin: 0 0 3px 0;
    padding-left: 2em;
    text-indent: -2em;
}
.knowledgeTable {
    vertical-align: top;
    border: #1B1B1B solid 1px;
}
.knowledgeTHRow {
    /* width:100%; */    
    background-color:#FECC0A;
}
.stickyNav {
    display: none;
    position: absolute;
    /* position: sticky; */
    left: 0;
    /* white-space: nowrap; */
    height: auto;
    width: 12%;
    /* max-width: 30%; */
    /* background: #37474F; */
}
.stickyNavName
{
    background-color:#FECC0A;     
    color:  #696969;    
    font-weight: bold;
    border: #1B1B1B solid 1px;
    width: inherit;
}
.stickyNav ul {
    list-style: none;
    margin: 0;
    border-top: none;
    font-size: 0.9em;
    padding-inline-start: 0px;
    width: inherit;
}
.stickyNav ul li {
    border: #1B1B1B 1px solid;
    border-top: none;
    background-color: rgb(231, 230, 230);
    padding-left: 2px;
    padding-right: 2px;
}
.stickyNav ul li a {
    text-decoration: none;
    color: #696969;
}
.stickyNav ul li a:visited {
    text-decoration: none;
    color: #696969;
}
.stickyNav ul li a:hover {
    background: #FECC0A;
}
.stickyNav ul li a.current {
    background: #FECC0A;
    font-weight: bold;
  }
/* Only stick if you can fit */
@media  screen and  (min-width: 800px) {
    .stickyNav {
        display: block;
    }
    .stickyNav ul {
        /* position: -webkit-sticky; */
        position: fixed;
        top: 85px;  
        left: 0;        
    }
    .stickyNavName
    {
        /* position: -webkit-sticky; */
        /* position: sticky; */
        position: fixed;
        top: 60px;
        left: 0;
    }
}