/**********************************/

.PastPerformanceTrends {padding: 24px 0; position: relative;}
.PastPerformanceTrends .ScrollMask {display: none; position: absolute; right: 0; top: 0; bottom: 0; width: 60px; background: url(/vipclub/images/scroll_mask_right.png) 0 0 repeat-y;}

@media (max-width: 960px) {
  .PastPerformanceTrends .ScrollMask {display: block;}
}

.PastPerformanceTrendsOut{padding:15px 0 65px;color:#bbb}

/*
.PastPerformanceTrends>.table{width:100%;font-size:14px; font-weight: bold;}
.PastPerformanceTrends>.table {display: table;}
.PastPerformanceTrends>.table>.thead {display: table-header-group;}
.PastPerformanceTrends>.table>.tbody {display: table-row-group;}
.PastPerformanceTrends>.table>.tbody>.tr, .PastPerformanceTrends>.table>.thead>.tr {display: table-row;}
.PastPerformanceTrends>.table>.tbody>.tr>.td, .PastPerformanceTrends>.table>.thead>.tr>.td {display: table-cell;}
*/

.PastPerformanceTrends>.table {overflow-x: scroll;}
.PastPerformanceTrends>.table>.tbody>.tr, .PastPerformanceTrends>.table>.thead>.tr {display: flex; font-size:14px; font-weight: bold;}
.PastPerformanceTrends>.table>.tbody>.tr>.td, .PastPerformanceTrends>.table>.thead>.tr>.td {flex-basis: 46px; width: 46px; flex-shrink: 0; flex-grow: 1;} 

.PastPerformanceTrends>.table>.thead>.tr>.td {background:#CBD0DD;padding:16px 8px;color:#000;text-align:right;white-space:nowrap;
border-bottom: 1px solid #000; border-right: 1px solid #fff;}

.PastPerformanceTrends>.table>.tbody>.tr>.td{padding:16px 8px;text-align: right; border-bottom:1px solid #CBD0DD;}
.PastPerformanceTrends>.table>.tbody>.tr>.td:hover, .PastPerformanceTrends>.table>.tbody>.tr>.td span:hover {}
.PastPerformanceTrends>.table>.tbody>.tr:hover>.td {background-color: #e4e8ed;}

.PastPerformanceTrends>.table .td span.Value {font-size: 12px; color: silver; display: none;}
.PastPerformanceTrends>.table .td span.Pos {font-weight: bold; color: #35C218;}
.PastPerformanceTrends>.table .td span.Neg {color: silver; font-weight: normal;}

.PastPerformanceTrends>.table .td span.Mon { padding-right: 20px; color: gray; display: none;}

.PastPerformanceTrends .td.N{text-align:center;white-space:nowrap;}
.PastPerformanceTrends .td.N>span:first-child{display:inline-block;*display:inline;zoom:1;vertical-align:top;
line-height:27px;height:27px;font-size:21px;}
.PastPerformanceTrends .td.N .oMedal{margin-left:7px;margin-top:7px;}

/*
@media (max-width: 900px) {
  .PastPerformanceTrends>.table>.thead {display: none;}
  .PastPerformanceTrends>.table>.tbody>.tr {flex-wrap: wrap; justify-content: right;}
  .PastPerformanceTrends>.table>.tbody>.tr>.td:first-child {text-align: left; font-size: 18px; flex-grow: 10;}
  .PastPerformanceTrends>.table>.tbody>.tr>.td {flex-grow: 1;}
  .PastPerformanceTrends>.table .td span.Mon {display: block;}
}
*/

.PastPerformanceTrends>.table>.tbody>.tr>.td.TrendInfo{vertical-align:top;padding-top:7px;}
.PastPerformanceTrends .td.TrendInfo>.in{padding:0 7px;}
.PastPerformanceTrends .td.TrendInfo>.in>table{}
.PastPerformanceTrends .td.TrendInfo>.in>table td{vertical-align:top;}
.PastPerformanceTrends .td.TrendInfo>.in>table td:first-child{padding-top:5px; padding-bottom:5px;}
.PastPerformanceTrends .td.TrendInfo>.in>table td.info{padding-left:6px; vertical-align: middle;}
.PastPerformanceTrends .td.TrendInfo>.in>table td.donate{width: 31px; min-width: 31px;}

.PastPerformanceTrends .td.TrendInfo .Preview{width:170px;text-align:center;background:#131313; cursor: pointer;}
.PastPerformanceTrends .td.TrendInfo .Name{color:#fff;font-size:20px;padding-left:7px; /* white-space:nowrap; */ text-decoration: none;}
.PastPerformanceTrends .td.TrendInfo .Name a{color:#fff;font-size:20px; /* white-space:nowrap; */ text-decoration: none;}
.PastPerformanceTrends .td.TrendInfo .Name a:hover {text-decoration: underline;}

.PastPerformanceTrends .td.TrendInfo .Statuses>.e{background:url(/images/vipclub/raquo.png) 4px 6px no-repeat;padding-left:17px;
font-size:13px;line-height:17px;white-space:nowrap;}
.PastPerformanceTrends .td.TrendInfo .Statuses>.e+.e{margin-top:2px;}

.PastPerformanceTrends .td.Profit { text-align: right; padding-right: 10px; padding-left: 10px;
  color: #e8a63c;
    font-size: 21px;
    font-weight: bold;
}


.PastPerformanceTrends .td.prize { width: 80px; padding-left: 80px; }
.PastPerformanceTrends .td.prize.with_value {background: url(/vipclub/images/prize.png) 20px center no-repeat transparent; }
.PastPerformanceTrends_descr {font-size: 18px; padding: 18px 0;}
.PastPerformanceTrends_descr p {padding: 6px 0;}

.PastPerformanceTrends form {display: inline;}

.PastPerformanceTrends .PopupInfo {display: none;}

/**********************************/

#MoveOverMonthPopup { display:none;width:350px;position:absolute; }
#MoveOverMonthPopup>.in {padding: 16px;}
#MoveOverMonthPopup .Title {font-weight: bold; font-size: 16px; padding-bottom: 16px;}
#MoveOverMonthPopup .Data a {color: #000; text-decoration: none;}
#MoveOverMonthPopup .Data a:hover {text-decoration: underline;}
#MoveOverMonthPopup .Data .Preview img {width: 100px; height: auto;}
/*#MoveOverMonthPopup .Data .Preview {width: 180px; height: 75px;}*/
#MoveOverMonthPopup .Data .Preview {width: 120px; height: 50px;}

#MoveOverMonthPopup table tr>td {padding: 8px 0;}
#MoveOverMonthPopup table td.info .Name span.system_name {font-weight: bold;}
#MoveOverMonthPopup table td.info .Name span.trend_name {display: inline-block; padding-left: 0px;}