html,body {
    margin: 0;
    padding: 0;
    height: 100%
}

* {
    font-family: arial,sans-serif;
    font-size: 13px
}

a:link,a:visited,a:hover,a:active {
    text-decoration: none;
    color: #0051ca
}

a:visited {
    color: #884270
}

a:active,a:hover {
    color: #ff8022
}

.a_new:link,.a_new:visited {
    color: #0051ca
}

.a_new:active,.a_new:hover {
    color: #ff8022
}

.a_big:link,.a_big:visited,.a_big:hover,.a_big:active {
    text-decoration: none;
    color: #005eaa;
    font-size: 13px;
    font-weight: bold
}

.a_big:visited {
    color: #005eaa
}

.a_big:hover {
    color: #e67800
}

.a_big:active {
    color: #ffa722
}

.a_white:link,.a_white:visited,.a_white:hover,.a_white:active {
    text-decoration: none;
    color: #eaecf2
}

.a_white:visited {
    color: #eaecf2
}

.a_white:hover {
    color: #e67800
}

.a_white:active {
    color: #ffa722
}

.blue {
    color: #0169dc
}

.alert {
    color: #f00;
    padding: 3px 0;
    font-weight: bold
}

.announce {
    color: #008000;
    padding: 3px 0;
    font-weight: bold
}

.button {
    font-size: 12px;
    background-color: #157ee8;
    color: white;
    font-weight: bold;
    font-family: arial;
    border: #157ee8 1px solid;
    padding: 2px;
    cursor: pointer;
    cursor: hand;
    border-radius;border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.button:hover {
    background-color: #4b9def;
    border: #4b9def 1px solid
}

.button_grey,.button_grey:hover {
    background: #e4e4e4;
    border: #c4c4c4 1px solid;
    color: #595959
}

.a_button:link,.a_button:visited,.a_button:active,.a_button:hover {
    display: inline-block;
    text-decoration: none;
    color: #f0f3f9;
    font-size: 12px;
    font-family: arial;
    font-weight: bold;
    background: #157ee8;
    padding: 4px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.a_button:hover,.a_button:active {
    color: #fff;
    background: #4b9def
}

.a_button_orange:link,.a_button_orange:visited,.a_button_orange:active,.a_button_orange:hover {
    display: inline-block;
    text-decoration: none;
    color: #f0f3f9;
    font-size: 12px;
    font-family: arial;
    font-weight: bold;
    background: #e98414;
    padding: 4px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.a_button_orange:hover,.a_button_orange:active {
    color: #fff;
    background: #f99735
}

.a_button_light:link,.a_button_light:visited,.a_button_light:hover,.a_button_light:active {
    display: inline-block;
    text-decoration: none;
    color: #283448;
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    background: #c9d3dc;
    padding: 4px;
    border: #b3c1cc 1px solid;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.a_button_light:hover,.a_button_light:active {
    color: #f1f4f8;
    background: #5f759a;
    border: #4167a0 1px solid
}

.a_tool:link,.a_tool:visited,.a_tool:active,.a_tool:hover {
    display: inline-block;
    text-decoration: none;
    font-size: 12px;
    font-family: arial;
    font-weight: bold;
    color: #6944cc;
    background: #e7e4ef;
    padding: 4px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.a_tool:hover,.a_tool:active {
    color: #9931f7;
    background: #eae2fe
}

.a_tool_active:link,.a_tool_active:visited,.a_tool_active:active,.a_tool_active:hover {
    display: inline-block;
    text-decoration: none;
    font-size: 12px;
    font-family: arial;
    font-weight: bold;
    color: #fff;
    background: #af62bf;
    padding: 4px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.input {
    font-size: 12px
}

.barlink:link {
    text-decoration: none;
    color: #001d48
}

.barlink:visited {
    text-decoration: none;
    color: #001d48
}

.barlink:active {
    text-decoration: none;
    color: #a45600
}

.barlink:hover {
    text-decoration: underline;
    color: #a45600
}

.bar {
    background: #58b3fc;
    color: #1d1d1d;
    margin-top: 10px;
    height: 21px
}

.barmax {
    background: #ef7e3a
}

.bar b {
    color: #481500
}

.scale {
    float: left;
    background: #f2f5f7;
    border-right: #cfdae2 1px solid;
    color: #6a8ba4;
    font-size: 11px;
    text-align: right;
    overflow: hidden
}

.white50 {
    background: url("/images/white50.png");
    *background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/white50.png,sizingMethod=scale)
}

.grey50 {
    background: url("/images/grey50.png");
    *background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/grey50.png,sizingMethod=scale)
}

.grey70 {
    background: url("/images/grey70.png");
    *background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/grey70.png,sizingMethod=scale)
}

.black50 {
    background: url("/images/black50.png");
    *background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/black50.png,sizingMethod=scale)
}

.msg {
    display: inline-block;
    background: #f8ffea;
    border: #b4eb41 1px solid;
    color: #434600;
    padding: 5px;
    margin: 5px 0
}

.msgerr {
    display: inline-block;
    background: #fff2ea;
    border: #fa8e74 1px solid;
    color: #d91c00;
    padding: 5px;
    margin: 5px 0
}

.ketqua {
    display: inline-block;
    border: #8fbafa 1px solid;
    background: #6aa4f9
}

.ketqua * {
    background: #f3f5f8;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    color: #333;
    padding: 8px 6px
}

.ketqua th {
    color: #013d69;
    background: #99c0fb
}

.ketqua th * {
    background: #99c0fb
}

.ketqua .leftcol {
    color: #01518b
}

.kq_0 {
    color: #f00
}

.dau {
    display: inline-block;
    border: #f8ad69 1px solid;
    background: #f8ad69
}

.dau * {
    background: #fdeee1;
    font-weight: bold;
    font-size: 14px;
    color: #333;
    padding: 8px 6px
}

.dau th {
    color: #4f2704;
    background: #fac99c
}

.dau .leftcol {
    color: #8b4601
}

.dit {
    display: inline-block;
    border: #e688dc 1px solid;
    background: #e688dc
}

.dit * {
    background: #fdf2fc;
    font-weight: bold;
    font-size: 14px;
    color: #333;
    padding: 8px 6px
}

.dit th {
    color: #4f2704;
    background: #e4ade9
}

.dit .leftcol {
    color: #74008c
}

.ke {
    float: left;
    border: #a980c1 1px solid;
    background: #a980c1
}

.ke * {
    background: #fef9f3;
    font-weight: bold;
    font-size: 14px
}

.ke th {
    color: #4f2704;
    background: #d9c1e6
}

.ke .leftcol {
    background: #fce8d6
}

.lastrow * {
    padding: 0;
    *padding: 9px;
    *visibility: hidden
}

.menucontainer {
    display: inline-block;
    position: relative;
    margin-left: 20px
}

.menuopener {
    color: #cfd5de;
    font-weight: bold;
    cursor: pointer;
    *cursor: hand;
    padding: 3px
}

.menuopener_over {
    color: #dbdfe6;
    font-weight: bold;
    cursor: pointer;
    *cursor: hand;
    padding: 3px;
    background: #596980
}

.menuopener_on {
    color: #dbdfe6;
    font-weight: bold;
    cursor: pointer;
    *cursor: hand;
    padding: 3px;
    background: #495567
}

.menu {
    background: #495567;
    display: none;
    position: absolute;
    z-index: 1000;
    top: 21px;
    right: 0;
    border: #5b6a82 1px solid;
    border-top: 0;
    text-align: left
}

.menu * {
    color: #ededf1
}

.menu a:link {
    display: block;
    *width: 100%;
    text-decoration: none;
    color: #becadc;
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    background: #495567;
    padding: 5px
}

.menu a:visited {
    display: block;
    *width: 100%;
    text-decoration: none;
    color: #becadc;
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    background: #495567;
    padding: 5px
}

.menu a:hover {
    display: block;
    *width: 100%;
    text-decoration: none;
    color: #eceff4;
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    background: #6b81a5;
    padding: 5px
}

.menu a:active {
    display: block;
    *width: 100%;
    text-decoration: none;
    color: #eceff4;
    font-size: 11px;
    font-family: arial;
    font-weight: bold;
    background: #6b81a5;
    padding: 5px
}

.infobox {
    display: inline-block;
    border: #e98b2e 2px solid;
    background: #fffae6;
    padding: 5px;
    margin: 5px;
    font-size: 13px;
    color: #000659
}

.infobox * {
    font-size: 13px
}

.infobox p {
    margin: 3px
}

.infobox p b {
    color: #b90000
}

.infobox p span {
    color: #8ac501
}

.tbl1 {
    float: left;
    margin: 5px;
    background: #83adfc
}

.tbl1 th {
    background: #cddefe;
    color: #022d7b
}

.tbl1 .col1 {
    color: #b3380f;
    font-weight: bold;
    background: #e1efff;
    padding: 5px
}

.tbl1 .col2 {
    color: #008000;
    font-weight: bold;
    background: #fff4e1;
    padding: 5px
}

.pos {
    color: #00a000
}

.neg {
    color: #e00
}

.contentbox {
    margin: 7px 5px;
    border: #ddd 1px solid;
    border-radius: 5px;
    text-align: left
}

.contentbox_header {
    height: 32px;
    background: url('/images/box_top_bg.gif') repeat-x
}

.contentbox_header div {
    font-weight: bold;
    color: #606060;
    font-size: 13px;
    text-shadow: 1px 1px #fff;
    position: relative;
    padding: 8px 0 0 5px
}

.contentbox_body {
    padding: 5px
}

.caudep:link,.caudep:visited {
    margin: 3px;
    padding: 5px 5px;
    display: block;
    float: left;
    background: #fdfdfd;
    border: #dfdddb 1px solid;
    font-size: 16px;
    font-weight: bold;
    color: #1d5aeb;
    text-decoration: none
}

.caudep:hover,.caudep:active {
    background: #ffede1;
    border: #fae1c0 1px solid;
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #df5900;
    text-decoration: none
}

.greybold {
    color: #606060;
    font-weight: bold
}

.small {
    font-family: tahoma;
    font-size: 11px;
    color: #2b374d
}

.trans {
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.dialogWithDropShadow {
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.3)
}

.shadow1 {
    box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.4)
}

.shadow2 {
    box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    -webkit-box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 10px rgba(0,0,0,0.3)
}

.away {
    position: absolute;
    top: -9999px;
    left: -9999px
}

.button_light,.button_light:link,.button_light:visited,.button_light:hover,.button_light:active {
    display: inline-block;
    background: url(/images/button-tail.gif) center top repeat-x #f3f3f3;
    font: bold 12px Arial,Helvetica,sans-serif;
    color: #444;
    text-decoration: none;
    border-top: 1px solid #f3f1f1;
    border-right: 1px solid #e7e5e6;
    border-left: 1px solid #e7e5e6;
    border-bottom: 1px solid #e1ddde;
    cursor: pointer;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 6px 13px 7px
}

.button_light:hover,.button_light:active {
    text-decoration: none;
    background-position: center -37px;
    background-color: #2a87b1;
    border-color: #6691d7;
    color: #fff
}

.button_blue:link,.button_blue:visited,.button_blue:hover,.button_blue:active {
    display: inline-block;
    background: url(/images/button-tail.gif) center -37px repeat-x #2a87b1;
    font: bold 12px/15px Arial,Helvetica,sans-serif;
    color: #fff;
    text-decoration: none;
    border: 1px solid #6691d7;
    cursor: pointer;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding: 6px 13px 7px
}

.button_blue:hover,.button_blue:active {
    text-decoration: none;
    background-position: center top;
    background-color: #f3f3f3;
    border-color: #ebe9e9;
    color: #444
}

.paging:link,.paging:hover,.paging:active,.paging:visited {
    display: inline-block;
    font-size: 12px;
    font-family: arial;
    padding: 5px 8px;
    margin: 3px;
    text-decoration: none;
    color: #737373;
    border: #dadada 1px solid;
    background: #eee
}

.paging:active,.paging:hover {
    color: #3e3e3e;
    border: #cdcdcd 1px solid;
    background: #fcfcfc
}

.paging_on:link,.paging_on:visited,.paging_on:hover,.paging_on:active {
    color: #3e3e3e;
    border: #ff8b22 1px solid;
    background: #ffe4cc
}

.clear {
    clear: both
}

.voteup {
    display: inline-block;
    width: 14px;
    height: 12px;
    background: url('/images/thumbup.png') no-repeat scroll 0 0 transparent;
    cursor: pointer;
    *cursor: hand;
    overflow: hidden;
    margin-bottom: 3px
}

.votedown {
    display: inline-block;
    width: 14px;
    height: 12px;
    background: url('/images/thumbdown.png') no-repeat scroll 0 0 transparent;
    cursor: pointer;
    *cursor: hand;
    overflow: hidden
}

.vote_hover {
    background-position: 0 -13px
}

.vote_click {
    background-position: 0 -26px;
    cursor: default
}

.tip {
    display: inline-block;
    cursor: pointer;
    *cursor: hand
}

.tip_hover {
    color: white;
    background: #5a5e65;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-decoration: none
}

.tipcontent {
    position: absolute;
    z-index: 1003;
    display: inline-block;
    background: #5a5e65;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    max-width: 400px;
    *width: 400px
}

.tipcontent_inner {
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    color: white;
    padding: 3px 5px 5px 5px
}

.tiparrow {
    position: absolute;
    z-index: 1002;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 9px;
    height: 9px;
    overflow: hidden;
    background: url('/images/arrow_down.png') center center no-repeat;
    *background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/arrow_down.png,sizingMethod=scale)
}

.questiontip {
    display: inline-block;
    margin: 2px;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background: url('/images/question2.png') center center no-repeat;
    *background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/question2.png,sizingMethod=scale)
}

.closebutton:link,.closebutton:visited,.closebutton:active {
    position: absolute;
    top: 3px;
    right: 3px;
    z-index: 3;
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url('/images/close.png') no-repeat scroll 0 -16px transparent;
    overflow: hidden
}

.closebutton:hover {
    background-position: 0 -32px
}

.closebutton_round:link,.closebutton_round:visited,.closebutton_round:active {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 3;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('/images/mobile.png') no-repeat scroll -265px -12px transparent;
    overflow: hidden
}

.closebutton_round:hover {
    background-position: -288px -12px
}

.closebutton_small:link,.closebutton_small:visited,.closebutton_small:active {
    position: absolute;
    top: 2px;
    right: 2px;
    z-index: 3;
    display: inline-block;
    width: 11px;
    height: 11px;
    background: url('/images/close_small.png') no-repeat scroll 0 0 transparent;
    overflow: hidden
}

.closebutton_small:hover {
    background-position: 0 -12px
}

.deletebutton:link,.deletebutton:visited,.deletebutton:active {
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 3;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('/images/delete.png');
    overflow: hidden
}

.deletebutton:hover {
    background-position: 0 -20px
}

.switch:link,.switch:visited,.switch:hover,.switch:active {
    display: inline-block;
    width: 39px;
    height: 22px;
    background: url('/images/switch.png') no-repeat scroll 0 -27px transparent;
    overflow: hidden
}

.switch.on:link,.switch.on:visited,.switch.on:hover,.switch.on:active {
    background-position: 0 0
}

.wrap {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -hp-pre-wrap;
    word-wrap: break-word
}

.betlistbynumtbl {
    border-collapse: collapse
}

.betlistbynumtbl * {
    border: #969696 1px solid;
    font-size: 12px
}

.betlistbynumtbl .playername {
    font-weight: bold;
    color: #405384
}

.betlistbynumtbl th {
    background: #e8e8e8;
    font-weight: bold;
    text-align: center
}

.hidden {
    display: none
}

.adtitle:link,.adtitle:visited,.adtitle:hover,.adtitle:active {
    font-weight: bold;
    font-size: 13px;
    color: #0a39dc;
    text-decoration: none
}

.adtitle:hover,.adtitle:active {
    color: #e36324
}

.adinfo {
    color: #666
}

.a_active:link,.a_active:visited,.a_active:hover,.a_active:active {
    color: #f30
}

.table {
    border-collapse: collapse;
    background: white
}

.table th,.table td {
    border: #c8c8c8 1px solid
}

.table th {
    background: #e0e0e0;
    font-weight: bold;
    text-align: center
}

.table .hover td {
    background: #efefef
}

.table .deleting td {
    background: #ffe8df
}

.opacity90 {
    opacity: .9;
    filter: alpha(opacity = 90)
}

.opacity100 {
    opacity: 1;
    filter: alpha(opacity = 100)
}

.trendholder {
    text-align: left
}

.trend_number:link,.trend_number:visited,.trend_number:hover,.trend_number:active {
    display: inline-block;
    position: relative;
    color: #1d5aeb;
    text-decoration: none;
    margin: 0 8px 0 0
}

.trend_number:hover,.trend_number:active {
    color: #df5900
}

.trend_old:link,.trend_old:visited,.trend_old:hover,.trend_old:active {
    color: #555
}

.trend_old:hover,.trend_old:active {
    color: #df5900
}

.trend_number:link span,.trend_number:visited span,.trend_number:hover span,.trend_number:active span {
    display: inline-block;
    width: 13px;
    height: 14px;
    overflow: hidden;
    position: absolute;
    right: -5px;
    top: -2px;
    text-align: center;
    font-size: 11px;
    font-family: "Trebuchet MS";
    color: white;
    background: url('/images/rounddotbg.png') no-repeat center 1px
}

.h{padding:3px; background:#373737; color:#EAEAEA; font-size:12px; text-align:center; font-weight:bold}
.s{padding:3px; background:#1D2332; color:#95C8FF; font-size:12px; text-align:center; vertical-align:bottom; padding-bottom:1px}
.d{padding:3px; background:#2D2D2D; color:#A2A2A2; font-size:12px; text-align:center}
.hv{background:#009fa8}
.c{padding:3px; text-align:center; font-size:12px}
.c_{background:#35363C; font-size:0px;width:15px;height:15px;}
.c_.ctr{background:#484a53}
.c0{background:#77A3E3; font-size:0px}
.c0.ctr{background:#83abf5}
.c1{background:#5B5C66; color:#F8F8F8}
.c1.ctr{background:#6f707b; color:#ffffff}
.c2{background:#FF453C; color:#F8F8F8}
.c2.ctr{background:#ff665e; color:#ffffff}
.c3{background:#7658CF; color:#F8F8F8}
.c3.ctr{background:#816be2; color:#ffffff}
.c4{background:#C515DD; color:#F8F8F8}
.c4.ctr{background:#df2ff9; color:#ffffff}
.c5{background:#FF06A8; color:#F8F8F8}
.c5.ctr{background:#ff46be; color:#ffffff}
.ctr{border-left:#06E701 1px solid; border-right:#06E701 1px solid}
.shiftrowmark td{border-top:#00CAC5 2px solid}
.m{background:#614032; font-size:0px}
.m.ctr{background:#884431; font-size:0px}
.input{font-size:12px; color:#CBCED8; background:#3C4155; border:#546283 1px solid; padding:1px}
#panel{position:relative; color:#D1D1D1; font-size:12px; font-family:arial; text-align:left; padding:5px}
#panel *{margin:3px 0}
form{margin:0}
.button{font-size:12px; background:#157EE8; color:white; font-weight:bold; font-family:verdana; border:#157EE8 1px solid; padding:2px; cursor:pointer}

.num:link,.num:hover,.num:visited,.num:active{font-size:12px; text-decoration:none; color:white}
.selected{background:#018383}
.redbg{background:#00FF00}
.radio{padding:0; margin:0; vertical-align:middle}
#tooltip{
	position:absolute;			
	font-size:12px;
	color:#E3E8F2;
	background:#555074;
	border:#6B6B6B 1px solid;
	padding:5px;
	display:none;
}
td.s.rate {
    padding: 0;
    margin: 0;
    vertical-align: bottom;
}
.bangts .s {
    background: #1d2332;
    color: #95c8ff;
    font-size: 12px;
    text-align: center;
    padding-bottom: 1px;
}
.bangts td, .bangts th {
    border: 1px solid #000;
    font-size: 14px;
    vertical-align: middle;
}
.bangts td span {
    line-height: 19px;
    vertical-align: middle;
    height: 19px;
}

span.hrate {
    background: #ed1c25;
    color: #fff;
    width: 100%;
    display: block;
}
.w-100 {
    width: 100%!important;
}

.d-flex {
    display: flex!important;
}