.mod
{
    width: 971px;
    height: 669px;
    background-image: url(../images/mod/mod-bg.png);
    position: absolute;
    margin: 0px auto;
    z-index: 2147483627;
    margin-left:-485px; /* 100/2 */

    left: 50%;

}

.mod-header
{
    height: 58px;
    clear: both;
    float: none;
    font-weight: bold;
}

.mod-name
{
    color: #AEAEAE;
    float: left;
    font-size: 16px;
    margin-left: 60px;
    margin-top: 35px;
    text-align: center;
    width: 150px;
}

.mod-close-btn
{
    float: right;
    margin-right: 52px;
    margin-top: 45px;
    color: #c30;
    font-size: 14px;
    cursor: pointer;
}

.mod-body>table
{
    width: 880px;
    margin: 0px auto;
    margin-top: 30px;
}

.mod-content h2
{
    font-size: 27px;
    color: #f26722;
    font-weight: 100;
    text-shadow: -1px 1px 1px #ccc;
    margin: 0px;
    line-height: 1.2em;
}

.mod-body td
{
    padding: 0px;
    vertical-align: top;
}

td.mod-content
{
    width: 562px;
    padding: 0px 25px;
    font-size: 14px;
    line-height: 1.5em;
}

#mod-lc-content-holder table, #mod-lc-content-holder p, #mod-lc-content-holder div, #mod-lc-content-holder li
{
    max-width: 500px !important;
}

td.mod-content img
{
    max-width: 500px;
}

td.mod-lists
{
    width: 300px;
}

.mod-lists>ul
{
    width: 280px;
    margin: 0px auto;
}

ul.mod-tabs>li
{
    height: 2px;
    padding: 14px;
    display: inline-block;
    font-weight: bold;
    font-size: 12px;
    color: #666;
    margin-right: 5px;
    cursor: pointer;
}

ul.mod-tabs>li.sel
{
    background-image: url(../images/mod/mod-nav-sel-tab-bg.gif);
    background-color: #fff;
    color: #f60;
}

.mod-nav-holder
{
    width: 312px;
    height: 498px;
    background-image: url(../images/mod/mod-nav-list-bg.gif);
    text-align: center;
    padding-top: 20px;
    background-repeat: no-repeat;
}

.mod-nav-holder>.tinyscrollbar>.viewport>ul
{
   width: 265px;
   margin: 0px auto;
}

.mod-nav-holder>.tinyscrollbar>.viewport>ul>li
{
    background-color: #f9f9f9;
    margin: 4px;
    padding: 10px;
    text-align: left;
    cursor: pointer;
    box-shadow: 2px 2px 5px #ccc;
}

.mod-nav-holder>.tinyscrollbar>.viewport>ul>li:hover
{
    background-color: #f2f2f2;
    color: #333;
}

.mod-nav-holder>.tinyscrollbar>.viewport>ul>li.sel
{
    background-color: #525252;
    color: #fff;
}

.mod-nav-holder>.tinyscrollbar>.viewport>ul>li.sel strong
{
    color: #e26926;
}

.mod-nav-holder>.tinyscrollbar>.viewport>ul>li strong
{
    font-size: 14px;
}

img.mod-tn
{
    max-width: 30px;
    margin-right: 5px;
}

img.mod-content-img
{
    float: left;
    margin: 10px;
    max-width: 150px;
}


/* Tiny Scrollbar - mod-content */
.mod-content .tinyscrollbar { width: 535px; }
.mod-content .tinyscrollbar .viewport { width: 507px; height: 480px; overflow: hidden; position: relative; }

/* Tiny Scrollbar - mod-lists */
.mod-lists .tinyscrollbar { width: 300px; }
.mod-lists .tinyscrollbar .viewport { width: 260px; height: 460px; overflow: hidden; position: relative; left: 20px; }

.tinyscrollbar .overview { list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
.tinyscrollbar .scrollbar{ position: relative; background-position: 0 0; float: right; width: 15px;}
.tinyscrollbar .track {     position:absolute; left:0px; top:0;
    width:815px; height:12px; 
    background: #999999 !important;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    height: 100%; width:13px; position: relative; padding: 0 1px; }
.tinyscrollbar .disable { display: none; }

.mod-content .tinyscrollbar .thumb { background-color:#ccc; height: 20px; width: 7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;

}
.mod-lists .tinyscrollbar .thumb { background-color:#ccc; height: 20px; width: 7px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: 6px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.thumb:hover { background-color: #999; }
.overview>img { float: left; margin: 20px;}

.faint { opacity: 0.3; }



/*ic stats*/
.stats-table
{
    font-size: 0.9em;
}

.stats-table th
{
    background-color: #D2D2D2;
    padding: 4px;
    color: #666;
}

.stats-table td
{
    padding: 0px;
    text-align: center;
    font-size:11px;
}

#full-chart-1-menu
{
    text-align: center;
    margin: 5px;
}

.chart-btn
{
    background-color: #666;
    color: #ccc;
    border-radius: 4px 4px 4px 4px;
    font-size: 11px;
    font-weight: bold;
    padding: 7px;
    cursor: pointer;
    margin-right: 2px;
}

.chart-btn:hover
{
    background-color: #333;
}

.chart-btn-sel
{
    background-color: #000;
}
#full-chart-1 svg{
   font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important
}