@charset "utf-8";
/* CSS Document */

#rankings .investment, 
#rankings .rank,
#legend .investment {
    /*background: #eee none repeat scroll 0 0;*/
    height: 39px;vertical-align: middle;
    text-align: center;display: table-cell;
    padding: 0;font-size: 14px;border-radius: 3px;
    width: 72px; cursor:pointer;
}

#legend .investment {width:73px;}

#rankings .rank {width: 40px; cursor:default;}

#rankings .investment .percent {display: none;}

#app_content > div {}

#legend {float: left;
    margin: 0 10px 0 0;
    width: 90px;}

#legend > table {border: 1px solid #bec5c5;}

#legend .button {white-space: nowrap;margin: 0; display:block;padding-left:0;padding-right:0;}

#legend ul {list-style: outside none none;padding: 0;margin: 10px 0 0;}

table{border-spacing:0;}

#rankings td{text-align: center;padding: 4px;}
#legend td {text-align: center;padding: 0 8px 8px;}
#legend thead td {padding-top: 8px;}

#rankings thead td {font-size: 14px;
    padding: 10px 0 0;}

#rankings tfoot td {text-align: left;}

#rankings > tfoot td {padding: 10px 4px;}

#rankings .asset-class.button {display: none;}
#rankings.percent .return-pc.button {display: none;}
#rankings.percent .asset-class.button{display:inline-block;} 

#cover{height: 100%;z-index: 9;
    position: absolute;bottom:0;right:0;background:#333;
    width: 40px;}

#cover .ui-resizable-handle {
    background: #999 url("../img/grip.png") no-repeat scroll center center / 50% auto;opacity: 0.6;
    height: 100%;
    position: relative;
    width: 40px;cursor: ew-resize;
}

#app_content #tabs_panels{position:relative; float:left;width: 884px;}

#rankings .name, #legend .name  {-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;width:70px;word-wrap: break-word;}
#rankings .name.name-space, #legend .name.name-space {hyphens: none;}

#rankings .investment>*{}

#rankings.percent .investment .name {
    display: none;
}
#rankings.percent .percent {
    display:inline;
}

#tooltip{padding:10px;}