body.WithBookms.TopSystems {color: #000;}
body.WithBookms .content {background: transparent;}
.ContentBlock>div.content {padding: 0; margin-top: -25px;}
.ContentBlock>div.content>.oneColumn {background: #fff; max-width: 1180px; margin: 0 auto; padding: 50px; border-radius: 8px;}

.PastPerf .ContentBlock>div.content>.oneColumn {background: url(/vipclub/images/past_perf_money.png) calc(100% + 340px) 90px no-repeat #fff;}

.TopHotSystemsOut{padding:15px 0 0px;color:#000; }
.TopHotSystemsOut .TopSystemsLogo {float: right; width: 329px; height: 185px; background: url(/vipclub/images/top100systems_logo.png) 0 0 no-repeat;}
@media (max-width: 640px) {
  .TopHotSystemsOut .TopSystemsLogo {display: none;}
}

.Header {color: #000; background: #FFCB00; margin-top: -25px; padding: 0 20px;}
.Header>.in {padding-bottom: 25px;}
.Header>.in>img {display: block; margin: 0 auto; max-width: 1280px; width: 100%; height: auto;}

h2.title.hot {font-size: 34px; font-weight: bold; color: #000;}
body.WithBookms .content h2.title {color: #000; font-size: 34px;}
.SubTitle {max-width: 874px; padding-bottom: 24px; font-size: 16px; padding-right: 360px;}
.post-header  {border: none; padding-bottom: 24px;}

@media (max-width: 800px) {
  body.WithBookms .content h2.title {font-size: 24px; }
  body.WithBookms .content>.oneColumn>.post-header>h2.title {padding-right: 30%;}
  .PastPerf .ContentBlock>div.content>.oneColumn  {/*background-image: none;*/ background-size: 60%; background-position: 170% 30px;}
  .SubTitle {padding-right: 30%; }
  .TopHotSystemsOut .SubTitle {padding-right: 0; }
/*  .ContentBlock>.Header>.in>img {width: 140%; left: -30%; position: relative;}*/
  .ContentBlock>.Header>.in {overflow: hidden;}
}

@media (max-width: 640px) {
    .ContentBlock>div.content>.oneColumn {padding: 36px 20px;}
    .post-header  { padding-left: 0px; padding-right: 0px; }
    .SubTitle { padding-left: 0; }
}

@media (max-width: 420px) {
  .SubTitle { padding-right: 0px; }
}

@media (max-width: 360px) {
  .ContentBlock>div.content>.oneColumn {padding: 36px 10px;}
}


/* .TopHotSystems>.table */

.TopHotSystems>.table{border-top:1px solid #888;font-size:14px;}

.TopHotSystems>.table>div>.tr {display: flex;}
.TopHotSystems>.table>div>.tr>.td {padding: 16px 10px; }
.TopHotSystems>.table>div>.tr>.td:nth-child(1) {flex-basis: 110px; flex-shrink: 0; display: flex; align-items: center; justify-content: center;}
.TopHotSystems>.table>div>.tr>.td:nth-child(2) {flex-grow: 2;}
.TopHotSystems>.table>div>.tr>.td:nth-child(3) {flex-basis: 170px; max-width: 170px; flex-shrink: 0; display: flex; align-items: center; justify-content: space-between;}
.TopHotSystems>.table>div>.tr>.td:nth-child(4) {flex-basis: 68px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-weight: bold;}
.TopHotSystems>.table>div>.tr>.td:nth-child(5) {flex-basis: 100px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-weight: bold;}
.TopHotSystems>.table>div>.tr>.td:nth-child(6) {flex-basis: 80px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-weight: bold;}
.TopHotSystems>.table>div>.tr>.td:nth-child(7) {flex-basis: 100px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; font-weight: bold;}

.TopHotSystems>.table>div>.tr>.td .Narrow {display: none;}
.TopHotSystems>.table>div>.tr>.td.Filler {display: none;}

.TopHotSystems>.table>.thead>.tr>.td,
.TopHotSystems>.table>.tfoot>.tr.Foot>.td{background:#CBD0DD;color:#000;text-align:center;font-weight:600;font-size:11px;white-space:nowrap}
.TopHotSystems>.table>.thead>.tr>.td:first-child~.td,
.TopHotSystems>.table>.tfoot>.tr>.td:first-child~.td{}
.TopHotSystems>.table>.tbody>.tr>.td{border-top:1px solid #CBD0DD;/*border-bottom:1px solid #CBD0DD*/}
.TopHotSystems>.table>.tbody>.tr>.td:first-child~.td {}

.TopHotSystems .Sorted:after {content:' ';border:5px solid transparent; width:0;height:0;overflow:hidden; font-size:0;display:inline-block;margin-left:6px}
.TopHotSystems .Sorted.Up:after {border-bottom-color:#555;margin-bottom:3px}
.TopHotSystems .Sorted.Down:after {border-top-color:#555;margin-bottom: -2px}

.TopHotSystems .Sortable{cursor:pointer;}
.TopHotSystems .Sortable:hover{background:#fff;}

/*.TopHotSystems .td.Details>div>div>div.Sortable:hover{color:#fff;}*/

.TopHotSystems .ShowMore{text-align:center;padding:40px 0 0px 0;}
.TopHotSystems .ShowMore span {cursor: pointer;font-size: 14px; font-weight: bold; color: #000; padding: 14px 24px; background: #FFCB00; border-radius: 4px; text-decoration: none;}

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

.TopHotSystems>.table>.tbody>.tr>.td.TrendInfo{vertical-align:top;padding-top:16px;}
.TopHotSystems .td.TrendInfo>.in{padding:0 7px;}
.TopHotSystems .td.TrendInfo>.in>.table{}
.TopHotSystems .td.TrendInfo>.in>.table .tr {display: flex;}
.TopHotSystems .td.TrendInfo>.in>.table .tr>.td:first-child {display: none;}
.TopHotSystems .td.TrendInfo>.in>.table .tr>.td:nth-child(2) {flex-basis: 170px; flex-shrink: 0;}
.TopHotSystems .td.TrendInfo>.in>.table .td{vertical-align:top;}
.TopHotSystems .td.TrendInfo>.in>.table .td:first-child{padding-top:5px; padding-bottom:5px;}
.TopHotSystems .td.TrendInfo>.in>.table .td.info{padding-left:8px; vertical-align: middle;}
.TopHotSystems .td.TrendInfo>.in>.table .td.donate{width: 31px; min-width: 31px;}

@media (max-width: 400px) {
  .TopHotSystems .td.TrendInfo>.in>.table .tr {flex-wrap: wrap;}
}

.TopHotSystems .td.TrendInfo .Preview{width:170px; text-align:center;cursor: pointer;}

.TopHotSystems .td.TrendInfo .Name{color:#fff;/*font-size:20px;*/padding-left:7px; /* white-space:nowrap; */ text-decoration: none; word-break: break-word;}
.TopHotSystems .td.TrendInfo .Name>div:nth-child(2) {padding-top: 4px;}
.TopHotSystems .td.TrendInfo .Name a{color:#000; text-decoration: none;}
.TopHotSystems .td.TrendInfo .Name a:hover {text-decoration: none;}

.TopHotSystems .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;}
.TopHotSystems .td.TrendInfo .Statuses>.e+.e{margin-top:2px;}

.TopHotSystems .td.Profit { text-align: right; padding-right: 10px; padding-left: 10px;
  /*color: #e8a63c;*/ font-weight: bold;
}


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

.TopHotSystems .td.Details {font-size: 14px;}
.TopHotSystems .td.Details>div {display: table;}
.TopHotSystems .td.Details>div>div {display: table-row;}
.TopHotSystems .td.Details>div>div>div {display: table-cell; }
.TopHotSystems .td.Details>div>div>div:first-child {padding-right: 4px; white-space: nowrap;}
.TopHotSystems .td.Details>div>div>div:nth-child(2) {overflow-wrap: anywhere;} 

.TopHotSystems form {display: inline;}

@media (max-width: 1150px) {
  .TopHotSystems>.table>div>.tr>.td:nth-child(n+4) {display: none;}
  .TopHotSystems>.table>div>.tr>.td .Narrow.Stats {display: flex; flex-wrap: wrap; margin-top: 8px;}
  .TopHotSystems>.table>div>.tr>.td .Narrow>div {display: flex; flex-wrap: wrap; flex-basis: 25%; flex-shrink: 0; padding-bottom: 2px; align-items: baseline;}
  .TopHotSystems>.table>div>.tr>.td .Narrow>div>div {padding: 2px 10px; white-space: nowrap; flex-shrink: 0;}
  .TopHotSystems>.table>div>.tr>.td .Narrow>div>div:first-child {padding-left: 0; flex-basis: 90px; font-size: 11px; font-weight: 600;}
  .TopHotSystems>.table>div>.tr>.td .Narrow>div>div:nth-child(2) {padding-left: 0; font-weight: bold; }
  .TopHotSystems>.table>div>.tr>.td .Narrow>div.Profit>div:nth-child(2) {/*color: #e8a63c; font-size: 21px; */font-weight: bold;}
  
  .TopHotSystems>.table>div>.tr>.td:nth-child(3) {flex-grow: 1; max-width: unset; font-size: 18px; }
  .TopHotSystems .td.Details>div>div>div {padding-top: 2px; padding-bottom: 2px;}
  .TopHotSystems .td.Details>div>div>div:first-child {padding-right: 10px;}
  .TopHotSystems .td.TrendInfo>.in>.table .td.info{padding-left:36px;}
}

@media (max-width: 980px) {
  .TopHotSystems>.table>div>.tr>.td .Narrow>div {flex-basis: 50%;}
  .TopHotSystems>.table>div>.tr>.td:nth-child(3) {display: none;}
  .TopHotSystems>.table>div>.tr>.td:nth-child(2) .AddInfo {/*display: flex; justify-content: space-between;   align-items: baseline;*/}
  .TopHotSystems>.table>div>.tr>.td:nth-child(2) .AddInfo>div {flex-basis: 50%; flex-shrink: 0;}
  /*.TopHotSystems>.table>div>.tr>.td .Narrow.Stats {margin-right: 20px;}*/
  .TopHotSystems>.table>div>.tr>.td .Narrow.Details2 {display: flex; flex-wrap: wrap; margin-top: 8px; margin-right: 20px;}
}

@media (max-width: 720px) {
  .oneColumn {padding: 50px 10px;}
}

@media (max-width: 640px) {
  .oneColumn {padding-left: 0; padding-right: 0;}
  .TopHotSystems>.table>div>.tr>.td .Narrow>div {padding-bottom: 12px;}
  /*.TopHotSystems>.table>div>.tr>.td:nth-child(1) {display: none;}*/
  .TopHotSystems>.table>div.tbody>.tr>.td:nth-child(1) {display: none;}
  .TopHotSystems .td.TrendInfo>.in>.table .tr>.td:first-child {display: block; flex-basis: 80px; flex-shrink: 0;}
  .TopHotSystems>.table>div>.tr>.td:nth-child(2) .AddInfo {padding-left: 90px;}
}

@media (max-width: 500px) {
  .TopHotSystems .td.TrendInfo>.in>.table .tr {flex-wrap: wrap;}
  .TopHotSystems .td.TrendInfo>.in>.table .tr>.td:nth-child(3) {flex-basis: 100%;}
  .TopHotSystems .td.TrendInfo .Name {/*display: flex; align-items: center; justify-content: center;*/ padding: 16px 0 10px 85px;}
  .TopHotSystems .td.TrendInfo .Name>div {flex-basis: 50%;}
  .TopHotSystems .td.TrendInfo .Name>div:first-child {padding-right: 16px;}
  .TopHotSystems .td.TrendInfo .Name>div:nth-child(2) {padding-top: 0;}
  .TopHotSystems .td.TrendInfo>.in>.table .td.info {padding: 0;}
  .TopHotSystems>.table>div>.tr>.td:nth-child(2) .AddInfo {flex-wrap: wrap;}
  
  .TopHotSystems>.table>div>.tr>.td .Narrow>div {display: block;}
  
  .TopHotSystems>.table>div>.tr>.td .Narrow.Details2 {width: 100%; margin-right: 0;}
  .TopHotSystems>.table>div>.tr>.td .Narrow.Details2>div>div:first-child {width: 50%;}
  .TopHotSystems>.table>div>.tr>.td .Narrow.Details2>div>div {padding: 2px 20px 2px 0;}
  
  .TopHotSystems>.table>div>.tr>.td .Narrow.Stats {width: 100%; margin-right: 0;}
  .TopHotSystems>.table>div>.tr>.td .Narrow.Stats>div>div:first-child {width: 50%;}
  .TopHotSystems>.table>div>.tr>.td .Narrow.Stats>div>div {padding: 2px 20px 2px 0;}
  
  .TopHotSystems>.table>.tbody>.tr>.td.TrendInfo {padding-top: 16px;}
}

/* end .TopHotSystems>.table */

.Comments {min-width: 350px; font-size: 14px; font-weight: normal; }
.Comments>.in {padding: 4px;}
.Comments  .buttons {padding-top: 6px;}
.buttons span {display: inline-block; font-size: 14px; line-height: 20px; padding: 0 10px; -moz-border-radius:3px;border-radius:3px;
background-color: #c0c0c0; cursor: pointer; color: black; }

#overlay {z-index: 900; width: 10000px; height: 10000px; position: fixed; top:0; left:0;
background: black;
opacity: 0.5;
filter: alpha(Opacity=70);
display: none; z-index: 1;}

#CommentsPopup {position: absolute; width: 760px; height: 482px; top: 0; left: 0; z-index: 2; background-color: #e8e8e8; padding: 20px;
-moz-border-radius:20px;border-radius:20px; display: none; }
#CommentsPopup .buttons {padding-top: 20px;}
#CommentsPopup .Title {font-size: 18px; font-weight: bold; line-height: 24px; color: black; padding-bottom: 5px;}

#GraphPopup {position: absolute; width: 800px; /*height: 510px; */top: 0; left: 0; z-index: 2; background-color: #e8e8e8; padding: 20px;
-moz-border-radius:20px;border-radius:20px; display: none; }
#GraphPopup .buttons {padding-top: 20px;}
#GraphPopup .Title {font-size: 18px; font-weight: bold; line-height: 24px; color: black; padding-bottom: 5px;}

#GraphPopup .Close {position: absolute; right: 10px; top: 10px;
width: 20px; height: 20px; background-color: #dddddd; background-image: none;
-moz-border-radius:10px;border-radius:10px; cursor: pointer; text-align: center;
border: solid 1px gray; color: white; font-size: 14px; color: black;
}
#GraphPopup  .Close:hover {background-color: white;}

#GraphPopup .g img {width: 100%; height: auto;}

/*
#TutorialPopup {position: absolute; width: 800px; height: 510px; top: 0; left: 0; z-index: 2; background-color: #e8e8e8; padding: 20px;
-moz-border-radius:20px;border-radius:20px; display: none; }
#TutorialPopup .buttons {padding-top: 20px;}
#TutorialPopup .Title {font-size: 18px; font-weight: bold; line-height: 24px; color: black; padding-bottom: 5px;}

#TutorialPopup .Close {position: absolute; right: 10px; top: 10px;
width: 20px; height: 20px; background-color: #dddddd;
-moz-border-radius:10px;border-radius:10px; cursor: pointer; text-align: center;
border: solid 1px gray; color: white; font-size: 14px; color: black;
}
#TutorialPopup  .Close:hover {background-color: white;}
*/

#TutorialPopup {display: none; left:100px; top: 100px; position: absolute; width: 680px; /*height: 480px; */padding: 20px; background: #FFF; margin: 0 auto; z-index: 200;
-moz-border-radius:10px;border-radius:10px;
}

#TutorialPopup > .Close {
  background: none repeat scroll 0 0 #180000;
  border: 1px solid #fff;
  border-radius: 13px;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 15px;
  height: 24px;
  line-height: 24px;
  position: absolute;
  right: 7px;
  text-align: center;
  top: 7px;
  width: 24px;
  z-index: 1;
}

#TutorialPopup>.in>div {position: relative; overflow: hidden; width: 100%; padding-top: 75%;}
#TutorialPopup>.in>div>iframe {position: absolute; left: 0; top: 0; right: 0; bottom: 0;width: 100%; height: 100%;}


.Rank{display:inline-block;width:34px;height:24px; background: 10px 0 no-repeat; margin-top: 1px;}

.Rank.Up{background-image: url(/vipclub/images/system_arrow_up.png);}
.Rank.Down{background-image: url(/vipclub/images/system_arrow_down.png);}

.unlock {max-width: 560px;}
.unlock .text {font-size: 16px; font-weight: bold; color: #000;}
.unlock .img {padding-top: 24px; padding-bottom: 50px; display: flex; align-items: center;}
.unlock .img>a {display: inline-block; font-size: 14px; font-weight: bold; color: #000; padding: 14px 24px; background: #FFCB00; border-radius: 4px; text-decoration: none;}
.TopHotSystems+.unlock {padding-top: 52px;}

.unlock2 {display: flex; justify-content: space-between; align-items: center; color: white; padding: 30px; background: #1057C0; border-radius: 8px; margin-top: 50px;}
.unlock2 .text {font-size: 24px; font-weight: bold;}
.unlock2 .img {}
.unlock2 .img>a {display: inline-block; font-size: 14px; font-weight: bold; color: #000; padding: 14px 24px; background: #FFCB00; border-radius: 4px; text-decoration: none;}

@media (max-width: 1000px) {
    .Top10HotExpertsOut .unlock2 {flex-wrap: wrap; justify-content: center;}
    .Top10HotExpertsOut .unlock2 .img {margin-top: 30px;}
}

@media (max-width: 640px) {
    .TopHotSystemsOut .unlock {padding-left: 0px; padding-right: 0px;}
    .Top10HotExpertsOut .unlock .img {text-align: center;}
}

@media (max-width: 480px) {
  .unlock .img {flex-wrap: wrap; justify-content: center;}
  .unlock .img>a {width: 100%; text-align: center; }
}


.TopHotSystemsOut>div>a{word-break:break-all;}

.Total { display: flex; padding-bottom: 20px; margin-left: -50px; margin-right: -50px;}
.Total>div {padding: 50px;}
.Total>div:first-child {background: #CBD0DD; position: relative;}
.Total>div:nth-child(2) {background: #CBD0DD; opacity: 0.5;}

.Total .oShield {position: absolute; bottom: 50px; /*left: 50px;*/ left: calc(50% - 85px);}

.TopHotSystemsOut+.Total {padding-top: 50px; }
.Total .Title {font-size: 44px; font-weight: bold;padding-bottom: 126px; }
.Total .Title .val {display: block; color: #35C218; font-size: 64px; font-weight: bold;}
.Total .Graph {}
.Total .Graph>img {max-width: 800px; width: 100%; height: auto;}

@media (max-width: 900px) {
  .Total { flex-wrap: wrap; }
  .Total>div {flex-basis: 100%;}
}

@media (max-width: 640px) {
  .Total {margin-left: 0; margin-right: 0;}
  .Total>div:first-child {display: flex; flex-wrap: wrap; justify-content: center;}
  .Total .Title {text-align: center; padding-bottom: 20px; font-size: 24px;}
  .Total .oShield {position: unset; }
}

@media (max-width: 480px) {
  .Total .Title {}
  .Total .Title .val {font-size: 44px;}
  .Total>div {padding-left: 10px; padding-right: 10px;}
}

.TopHotSystems .system_name, .TopHotSystems td.TrendInfo .Name .system_name a {color: #000; font-weight: bold; font-size: 16px;}
.TopHotSystems .trend_name,  .TopHotSystems td.TrendInfo .Name .trend_name a {color: #000; }

.TopSystems .imgC {position: relative; height: 380px; overflow: hidden;}
.TopSystems .imgC>img {display: block; position: absolute; top: 0; left: 50%; margin-left: -550px;}

.TopSystems .Sel {display: flex; flex-wrap: wrap; align-items: baseline; margin-left: -8px; margin-right: -8px;}
.TopSystems .Sel+.Sel {padding-top: 10px; padding-bottom: 25px;}

.TopSystems .Sel.Disabled {display: none;}
.TopSystems .Sel>.Disabled {display: none;}

.TopSystems .Sel>div {padding: 8px; flex-basis: 264px;}
.TopSystems .Sel.Check>div:nth-child(n+2) {flex-basis: unset;}

.TopSystems .Sel .nSelect {width: calc(100% - 24px);}
.TopSystems .Sel .nInput {width: calc(100% - 42px);}
/*.TopSystems .Sel .nCheckBox {width: 264px;}*/

/*.TopSystems .Sel .select {display: inline-block; vertical-align: top; width: 283px;}
.TopSystems .Sel .select > i {
    background: none repeat scroll 0 0 #fff;
    padding: 8px;
}

.TopSystems .Sel .select select, .TopSystems .Sel .select select {font-size: 14px; color: #252A35; font-weight: 400;}

.TopSystems .Sel .select select, .TopSystems .Sel .select select > option {
    background: #fff;
}
*/
.TopSystems .Sel>div>span {
    color: #252A35;
    display: block;
    font-size: 14px;
    font-weight: 500;
/*    line-height: 39px;*/
    padding-right: 15px;
    vertical-align: top;
    /*min-width: 150px;*/
    padding-bottom: 4px;
}


.TopSystems .Sel>div>div+span {padding-left: 40px;}
.TopSystems .Sel .CheckBox {display: inline-block;}

.TopSystems .Sel.Check>div>span {display: inline-block;}
/*.TopSystems .Sel.Check .nInput {border-color: #a7a7a7;}*/


@media (max-width: 1113px) {
  .TopSystems .Sel {justify-content: center;}
  .TopSystems .Sel.Combos>div {flex-basis: 40%;}
  .TopSystems .Sel .select {width: 100%;}
}

@media (max-width: 840px) {
  .TopSystems .Sel {justify-content: left;}
  .TopSystems .Sel.Combos>div {flex-basis: 46%;}
}

@media (max-width: 700px) {
  .TopSystems .Sel.Check>div:nth-child(1) {flex-basis: 46%;}  
}

@media (max-width: 600px) {
  .TopSystems .Sel {margin-left: 0; margin-right: 0;}
  .TopSystems .Sel>div {/*padding-left: 0; padding-right: 0; */flex-wrap: wrap;}
  .TopSystems .Sel.Combos>div {flex-basis: 100%; padding-left: 0; padding-right: 0;}
  .TopSystems .Sel.Check>div:nth-child(1) {flex-basis: 100%; padding-left: 0; padding-right: 0;}
  .TopSystems .Sel.Check>div:nth-child(n+2) {flex-basis: 100%; padding-left: 0; padding-right: 0;}
  
/*  .TopSystems .Sel.Check>div {flex-basis: 100%; display: flex;}
  .TopSystems .Sel.Check>div>span {order: 2;}
  .TopSystems .Sel.Check>div>div {order: 1; padding-right: 10px;}
*/
}


.TopSystems .watch_video_tutorial {
    background: url("/vipclub/images/zlab_watch_video_tutorial3.png") no-repeat scroll 16px center transparent;
    padding: 14px 24px 14px 50px;
    cursor: pointer;
    margin-left: 20px;
    color: #1057C0;
}

@media (max-width: 480px) {
  .TopSystems .watch_video_tutorial {font-weight: bold; margin-top: 24px;}
}

.VideoTutorialC {padding-bottom: 24px;}
.VideoTutorialC>.watch_video_tutorial {margin-left: 0;}

#MsgPopup {position: absolute; width: 400px; height: 140px; top: 0; left: 0; z-index: 2; background-color: #e8e8e8; padding: 20px;
-moz-border-radius:20px;border-radius:20px; display: none; }
#MsgPopup .buttons {padding-top: 20px;}
#MsgPopup .Title {font-size: 18px; font-weight: bold; line-height: 24px; color: black; padding-bottom: 5px;}
#MsgPopup .t {color: black; font-size: 18px; line-height: 120px; text-align: center;}

#MsgPopup .Close {position: absolute; right: 10px; top: 10px;
width: 20px; height: 20px; background-color: #dddddd;
-moz-border-radius:10px;border-radius:10px; cursor: pointer; text-align: center;
border: solid 1px gray; color: white; font-size: 14px; color: black;
}
#MsgPopup  .Close:hover {background-color: white;}

.active_signals {color: #1057C0; padding-top: 4px;}
.TopHotSystems td.Profit, .TopHotSystems td.Roi, .TopHotSystems td.Dev, .TopHotSystems td.TrF {
    color: #e8a63c;
    font-size: 21px;
    font-weight: bold;
    padding-left: 10px;
    padding-right: 10px;
    text-align: right;
}

.TrustFactorDescriptionPopup {display:none;width:400px;position:absolute;}
.TrustFactorDescriptionPopup>.in{border:1px solid #ccc;background:#ffff80;position:relative;padding:7px 12px;color:#000;
-moz-border-radius:10px;border-radius:10px;line-height:1.3;
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
-ms-box-shadow:0 0 10px rgba(0,0,0,0.5);
box-shadow:0 0 10px rgba(0,0,0,0.5)}
.TrustFactorDescriptionPopup>.in:before,
.TrustFactorDescriptionPopup>.in:after{content:' ';display:block;position:absolute;top:10px;left:-15px;overflow:hidden;font-size:0;
width:0;height:0;border:7px solid transparent;border-right-color:#ccc}
.TrustFactorDescriptionPopup>.in:after{left:-14px;border-right-color:#fff}

.TrustFactorDescriptionPopup.T>.in:before,
.TrustFactorDescriptionPopup.T>.in:after{top:-15px;left:50%;margin-left:-7px;
border-color:transparent;border-bottom-color:#ccc}
.TrustFactorDescriptionPopup.T>.in:after{top:-14px;border-bottom-color:#fff}
.TrustFactorDescriptionPopup.T.CornerL>.in:before,
.TrustFactorDescriptionPopup.T.CornerL>.in:after{margin-left:0;left:20px}
.TrustFactorDescriptionPopup h3 {padding-bottom: 6px;}
.TrustFactorDescriptionPopup.T p {padding: 4px;}


.ROIDescriptionPopup {display:none;width:400px;position:absolute;}
.ROIDescriptionPopup>.in{border:1px solid #ccc;background:#ffff80;position:relative;padding:7px 12px;color:#000;
-moz-border-radius:10px;border-radius:10px;line-height:1.3;
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
-ms-box-shadow:0 0 10px rgba(0,0,0,0.5);
box-shadow:0 0 10px rgba(0,0,0,0.5)}
.ROIDescriptionPopup>.in:before,
.ROIDescriptionPopup>.in:after{content:' ';display:block;position:absolute;top:10px;left:-15px;overflow:hidden;font-size:0;
width:0;height:0;border:7px solid transparent;border-right-color:#ccc}
.ROIDescriptionPopup>.in:after{left:-14px;border-right-color:#fff}

.ROIDescriptionPopup.T>.in:before,
.ROIDescriptionPopup.T>.in:after{top:-15px;left:50%;margin-left:-7px;
border-color:transparent;border-bottom-color:#ccc}
.ROIDescriptionPopup.T>.in:after{top:-14px;border-bottom-color:#fff}
.ROIDescriptionPopup.T.CornerL>.in:before,
.ROIDescriptionPopup.T.CornerL>.in:after{margin-left:0;left:20px}
.ROIDescriptionPopup h3 {padding-bottom: 6px;}
.ROIDescriptionPopup.T p {padding: 4px;}


.AvgDevDescriptionPopup {display:none;width:400px;position:absolute;}
.AvgDevDescriptionPopup>.in{border:1px solid #ccc;background:#ffff80;position:relative;padding:7px 12px;color:#000;
-moz-border-radius:10px;border-radius:10px;line-height:1.3;
-webkit-box-shadow:0 0 10px rgba(0,0,0,0.5);
-moz-box-shadow:0 0 10px rgba(0,0,0,0.5);
-ms-box-shadow:0 0 10px rgba(0,0,0,0.5);
box-shadow:0 0 10px rgba(0,0,0,0.5)}
.AvgDevDescriptionPopup>.in:before,
.AvgDevDescriptionPopup>.in:after{content:' ';display:block;position:absolute;top:10px;left:-15px;overflow:hidden;font-size:0;
width:0;height:0;border:7px solid transparent;border-right-color:#ccc}
.AvgDevDescriptionPopup>.in:after{left:-14px;border-right-color:#fff}

.AvgDevDescriptionPopup.T>.in:before,
.AvgDevDescriptionPopup.T>.in:after{top:-15px;left:50%;margin-left:-7px;
border-color:transparent;border-bottom-color:#ccc}
.AvgDevDescriptionPopup.T>.in:after{top:-14px;border-bottom-color:#fff}
.AvgDevDescriptionPopup.T.CornerL>.in:before,
.AvgDevDescriptionPopup.T.CornerL>.in:after{margin-left:0;left:20px}
.AvgDevDescriptionPopup h3 {padding-bottom: 6px;}
.AvgDevDescriptionPopup.T p {padding: 4px;}

span.question {display: inline-block; width: 16px; height: 16px; background: url(/vipclub/images/question-small-icon.png) 0 0 no-repeat transparent;}