*, *:after, *:before {margin: 0;padding: 0;box-sizing: border-box; }
html{height:100%}
body {font:normal 13px Helvetica, Arial;background:black;color:white;width:100%;padding:0;margin:0;text-align:center;overflow:hidden}
img{border:0}
a{text-decoration:none}
iframe{border:0;}

.modal {display: flex;flex-direction: column;height: 100%;left: 0;position: fixed;top: 0;width: 100%;border:2px solid black}
.modal__header {display: flex;flex-direction: row;height:88px;min-height:88px;border-bottom:2px solid lime}
.modal__content{flex-grow:1;width:100%;background:black;overflow-y:hidden;overflow-x:hidden;margin:5px 0}
.modal__footer {width:100%;background-color:black;color:white;line-height:32px;font-weight:600;border-top:2px solid lime}
.content_left{position:relative;float:left;width:calc(26% -  4px);height:100%;margin:0px 2px;padding:0px;border:2px solid lime;border-radius:5px}
.content_right{position:relative;float:left;width:calc(26% - 4px);height:100%;margin:0px 2px;padding:0px;border:2px solid lime;border-radius:5px}
.content_middle{position:relative;float:left;width:calc(48% - 9px);height:100%;margin:0px 4px;padding:0px;border:2px solid lime;border-radius:5px}

.content_inner{position:relative;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;}
/*HEADER*/
.top_container {height:88px;border-bottom:2px solid blue}
.top_left {position:relative;width:350px; background-color:black;border-right:1px solid grey;}
.top_middle {position:relative;width:calc(100% - 350px);background-color:white;border-right:1px solid grey;}  
.top_right {display:none;width: 0px; background-color:#ffffe0;border-left:1px solid grey}

.christ{margin:5px 0 0 105px}
.christ div{margin-top:2px;color:yellow;font-size:15px;}

.chris{font-family: TimesNewRoman,"Times New Roman",Times,Baskerville,Georgia,serif;display:inline-block;margin-left:100px;
       font-size:38px;font-style:italic;font-variant:normal;font-weight:700;color:blue;padding-top:15px;line-height:28px}
.chris span{color:black;font-size:20px;}

.tpanel{min-width:100%;max-width:100%;height:44px;background:#808080;color:white;white-space:nowrap;overflow:scroll}  

.tpanel{
    -ms-overflow-style: none;  
    scrollbar-width: none; 
    overflow-y: hidden;
 }
.tpanel::-webkit-scrollbar {
    display: none; 
 }
.tpanel .dtxt{float:left;border-radius:10px;max-width:260px;height:30px;line-height:26px;margin:7px 10px;text-align:left;padding:0 5px;
           border:2px solid white;color:yellow;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tpanel .lsep{float:left;width:2px;height:30px;margin-top:7px;background:white}
.tpanel .rsep{float:right;width:2px;height:30px;margin-top:7px;background:white}

.dropdown, .nodrop {float: left;overflow: hidden;}

.dropbtn{position:relative;border:2px solid black;border-radius:10px;height:30px;line-height:28px;color:white;margin:7px 10px;cursor:pointer}
.dropbtn span{display:inline-block;font-size:14px;margin-right:8px;}
.dropbtn i{color:white;font-size:15px;margin: 0 8px}

.dropdown:hover .dropdown-content {display: block;}
.dropdown-content {display:none;margin:-6px 0 0 10px;position:absolute;background-color:black;min-width:140px;max-height:calc(100vh - 200px);
                   overflow-x:hidden;overflow-y:auto;z-index: 1;font-size:14px;border:1px solid grey;border-top:0}
.dropdown-content a {float: none;color:white;padding: 8px 10px;text-decoration: none;display: block;text-align: left;max-width:400px;
                     text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.dropdown-content img{width:20px;margin-right:15px}
.dropdown-content i{margin-right:15px}
.dropdown-content a:hover {background-color: #666666}
.dropdown-content a.nogo {background-color:#d8d8d8;color:grey;pointer-events:none}
.dropdown-content hr{margin:0 2px}
.dropdown-content div{background:blue;padding:8px 4px;max-width:240px;font-size:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.dropdown:hover:not(.nohover) .dropbtn {background:blue;border-color:blue;border-radius:10px 10px 0 0;filter: brightness(200%)}
.nodrop:hover:not(.nohover) .dropbtn:not(.sxx) {background:blue;border-color:blue;filter: brightness(200%)}
.nohover .dropbtn {cursor:default}
.sxx {background:blue;border-color:blue;border-radius:10px 10px 0 0;filter: brightness(200%);pointer-events:none;cursor:not-allowed}
/*FOOTER*/
.chatTbl{width:calc(100% - 6px);margin:1px 0 0 4px;border-collapse:collapse;border-spacing:0;background-color: black}
.chatTbl i{float:none;margin-right:5px}
.chatTbl td{padding:0}
.chatTbl td:nth-child(1){width:250px;}
.chatTbl td:nth-child(2){width:180px;}
.chatTbl td:nth-child(3){width:20px;}
.chatTbl td:nth-child(1) i{color:yellow}
.chatTbl a{color:white}
.chatTbl td:nth-child(4){text-align:center;font-size:14px}
.chatTbl td:nth-child(5){width:250px;text-align:right;}
.chatTbl td:nth-child(5) i{color:lightblue;vertical-align:middle}
.chatTbl td:nth-child(6){width:200px;}

/*TICKER*/
.botTab{position:relative;width:100%;border-spacing:0;margin-top:1px}
.botTab th{padding:0 2px;border-right:1px solid blue}
.hdr_bot{margin:2px auto 0 auto;height:36px;line-height:36px;background:red;color:white;font:bold 16px arial;width:100%;border-radius:10px}
.ticker{position:relative;overflow:hidden;height:36px;line-height:36px;}
.ticker a{color:yellow}
/* BREAKING NEWS */
.ggNews{width:100%;border-bottom:3px solid blue;border-collapse:collapse;border-spacing:0;padding:0;margin:2px}
.ggNews td:nth-child(1){vertical-align:middle}
.ggNews td:nth-child(1) div{margin:4px 0;min-width:150px;max-width:250px;line-height:38px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
                            border-radius:5px 0 0 5px;text-align:center;font:bold 15px sans-serif;padding:8px 0}
.ggNews td:nth-child(3){text-align:left;font:700 14px sans-serif;padding-left:10px}

.ra_red{border-top:17px solid transparent;border-bottom:17px solid transparent;border-left:17px solid red;width:0;height:0;float:left;}
.ra_blue{border-top:17px solid transparent;border-bottom:17px solid transparent;border-left:17px solid blue;width:0;height:0;float:left;}

/*.bnNews{margin:2px auto 5px auto;width:100%;border-radius:5px;height:36px;line-height:36px;background-color:black;color:white;white-space:nowrap}
.bn_news{float:left;min-width:150px;max-width:250px;height:34px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
         border-radius:5px 0 0 5px;text-align:center;font:bold 15px sans-serif;padding:8px 5px 0 5px}
.bn_narrative{float:none;text-align:left;text-indent:5px;height:40px;margin:10px 20px;font:700 14px sans-serif;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}*/
.bn_red{background-color:red;color:white;}
.bn_blue{background-color:blue;color:white;}
/* GENERAL NEWS */
.gnews{background:black;padding:5px;margin:0px;color:white}
.gnews p{margin:0;padding:0}
/*FRAME DIV*/
#fDiv{position:absolute;top:-999px;left:-999px;display:block;border:2px solid blue;border-radius:10px;max-height:calc(100vh - 50px);overflow:hidden;background:white;}
#fDiv .rhandle{position:relative;width:100%;height:36px;line-height:36px;text-align:center;font-size:16px;font-weight:600;background:blue;color:white;padding:0;cursor:move;border-radius:10px 10px 0 0}
.fInner{position:relative;overflow-y:auto;overflow-x:hidden}
#fdiv iframe {pointer-events: none;border:0;width:100%;height:100%}
.cButton{width:24px;height:24px;position:absolute;top:6px;right:5px;z-index:0;cursor:pointer}
/*COLOURS*/
.dwhite{background:white;}
.dblack{background:black;}
.dgrey{background:#C0C0C0}
.dgreen{background:green}
.dnavy{background:navy}
.dolive{background:olive}
.dorange{background:orangered}

.yellow{color:yellow}
.lblue{color:blue}
.cyan{color:cyan}
.orange{color:orange}
.red{color:orangered}
.green{color:#00FF00}
.live{display:inline-block;font-style: italic;margin:0 5px}

/*COUNTRY*/
#country{position:absolute;left:10px;top:18px;z-index: 1}
#country img{width:80px; height:47px;float: left;border:0}
#countryDrop{position:relative;display:none;width:100px}
#countrySel{position:relative;width:100px;height:47px;background:lightgray;line-height:47px;cursor:pointer}

/*WARNING*/
#warning{display:none;position:relative;height:28px;line-height:28px;width:100%;background:red;color:white;padding:0;font-size:18px;font-weight:600;text-align:center}
#warning span:last-child{position:absolute;right:10px;color:yellow;cursor:pointer}
/* ACTIVITY */
.activity{margin:0 auto;max-height:264px;overflow:hidden;}
.mtb_ep{font:normal 13px sans-serif;table-layout:fixed;width:100%;margin:0 auto;background:black;color:white}
.mtb_ep td{padding:6px 0}
.mtb_ep td:nth-child(1){text-align:left;text-indent:5px;font-weight:normal;width:100px;border-right:1px solid #f06534}
.mtb_ep td:nth-child(2){text-align:center;width:40px;}
.mtb_ep td:nth-child(2) img{vertical-align:middle;height:14px}
.mtb_ep td:nth-child(3){text-indent:5px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:white;font-style:italic;}
.mtb_ep td:nth-child(3) span{cursor:pointer;color:yellow}
.mtb_ep td:nth-child(3) a{color:yellow}
.mtb_ep .atop td{border-top:1px solid #f06534}
/*PRESS RELEASE*/
.pressReleases{background:black;padding:6px 0 2px 0; text-align:left}
.pressReleases p{font:500 13px sans-serif;color:white;padding:4px;}
.pressReleases hr{border-color:black;border-top:2px dashed #72ae2d;margin:5px 0}
.pressReleases section:nth-child(2){display:none}
.pressReleases .togglePR{background:black;color:yellow;font-size:13px;padding:2px;font-weight:500;margin-left:2px;cursor:pointer}
.pressReleases .star{background:black;color:yellow;margin:0 5px}
.pressReleases .edit{background:black;color:magenta;margin:0 5px}
.pressReleases img:hover{border:2px solid white;transform: scale(4);}

/*COMING SOON/BUILDING*/
.tbCS{width:100%;border:0;margin-bottom:1px;border-collapse:collapse;table-layout:fixed;border-spacing:0;background:black;text-align:center;}
.tbCS td{padding:2px 0;border-bottom:1px solid white}
.tbCS td:nth-child(1){width:44px;}
.tbCS td:nth-child(2){max-width:calc(100% - 100px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.tbCS td:nth-child(3){width:44px;}
.tbCS td a{color:yellow;font-size:15px;font-weight:600;}

/*YTD*/
.tbYS{width:100%;border:0;margin-bottom:1px;border-collapse:collapse;table-layout:fixed;border-spacing:0;background:black}
.tbYS td{padding:4px 0}
.tbYS td:nth-child(1){width:38px;text-align:center}
.tbYS td:nth-child(2){text-align:left;max-width:calc(100% - 42px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.tbYS td a{color:white;font-size:13px;font-weight:500;}

/*RECENT*/
#tg_recent hr{background:#6666ff;height:3px;border:0;margin:0}
.recent table{width:100%;border-collapse:collapse;text-align:center;border-spacing:0;background:black}
.recent caption{background:black;color:lime;font-weight:bold;padding-top:5px}
.recent th{background:black;color:lime;padding:4px 0;font-weight:600;font-size:14px;border-bottom:2px solid white}
.recent th:nth-child(1){width:10%;}
.recent th:nth-child(2){width:63%;text-align:left;text-indent:20px}
.recent th:nth-child(3){width:27%;text-align:right;padding-right:25px}
.recent div{overflow-x:hidden;overflow-y:scroll;max-height:126px;}
.recent tbody tr td{padding:2px 0;font-weight:500;color:white;}
.recent tbody tr td:nth-child(1){width:10%;text-align:center;border-right:1px solid white;}
.recent tbody tr td:nth-child(2){width:8%;text-align:center}
.recent tbody tr td:nth-child(3){width:54%;max-width:56%;text-align:left;text-indent:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.recent tbody tr td:nth-child(4){width:28%;text-align:right;padding-right:10px;}

/*Latest*/
.tbRC{width:100%;border-top:1px solid #6666ff;margin-bottom:1px;border-collapse:collapse;table-layout:fixed;border-spacing:0;background:white;text-align:center;line-height:30px}
.tbRC td{padding:4px 0}
.tbRC td:nth-child(1){width:40px;}
.tbRC td:nth-child(2){max-width:calc(100% - 100px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.tbRC td:nth-child(3){width:40px;}
.tbRC td a{color:blue;font-size:15px;font-weight:600;}

/*LIVE TIMING*/
.ltm{background:black;color:white;font-size:15px;font-weight:600;text-align:center;width:100%;line-height:30px}
.top52{width:100%;text-align:left;border-spacing:0;background:black;font-size:14px}
.top52 td{padding:5px 0;color:white}
.top52 tr td a{text-align:left;color:yellow;padding:0;margin:0;font-weight:500}
.top52 td{border-bottom:1px solid #778899}
.top52 td:nth-child(1){text-indent:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.top52 td:nth-child(2){width:100px;text-align:right;padding-right:5px;font-weight:600}

.top5p{overflow-x:hidden;overflow-y:scroll;max-height:140px;border:1px solid #464F5D;}
.top5{width:100%;text-align:center;border-spacing:0;background:black;font-size:14px}
.top5 caption{background:#464F5D;color:yellow;font-weight:bold;padding-top:5px}

.top5 tr{height:18px;line-height:20px}
.top5 th{background:#666666;font-size:13px}
.top5 td{font-weight:normal;font-size:13px}
.top5 tr a{color:blue;text-align:right;padding:0 10px 0 0;margin:0}

.top5 th:nth-child(1){width:10%;color:yellow;}
.top5 th:nth-child(2){width:63%;color:yellow;text-align:left;text-indent:20px}
.top5 th:nth-child(3){width:27%;color:yellow;text-align:right;padding-right:25px}

.top5 tbody tr td:nth-child(1){width:10%;text-align:center;border-right:1px solid lightgray;}
.top5 tbody tr td:nth-child(2){width:63%;max-width:56%;text-align:left;text-indent:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.top5 tbody tr td:nth-child(3){width:27%;text-align:right;padding-right:10px;}

/*LIVE RESULTS*/
#dv_results hr{background:#778899;height:3px;border:0;margin:0}
/*POINTS*/
.tbPT{width:100%;border:0;margin-bottom:1px;border-collapse:collapse;table-layout:fixed;border-spacing:0;background:black;text-align:center;}
.tbPT td{padding:8px 0;border-bottom:1px solid white}
.tbPT td:nth-child(1){max-width:calc(100% - 0px);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.tbPT td a{color:yellow;font-size:15px;font-weight:600;}

.ppoints table{width:100%;border-collapse:collapse;text-align:center;border-spacing:0;background:white}
.ppoints th{background:#FF4500;color:white;padding:4px 0;font-weight:600;font-size:14px}
.ppoints th:nth-child(1){width:10%;}
.ppoints th:nth-child(2){width:63%;text-align:left;text-indent:20px}
.ppoints th:nth-child(3){width:27%;text-align:right;padding-right:25px}
.ppoints div{overflow-x:hidden;overflow-y:scroll;max-height:144px;}
.ppoints div table tbody tr td{padding:3px 0;color:black;font-size:14px;font-weight:500}
.ppoints tbody tr td:nth-child(1){width:10%;text-align:center;border-right:1px solid #666666;}
.ppoints tbody tr td:nth-child(2){width:8%;text-align:center}
.ppoints tbody tr td:nth-child(3){width:54%;max-width:56%;text-align:left;text-indent:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ppoints tbody tr td:nth-child(4){width:28%;text-align:right;padding-right:10px;}
.ppoints div tbody tr:nth-child(odd) {background-color:#ffefd5}
.pFill hr{background:#d93a3f;height:3px;border:0;margin:0}

.tbPoints{position:relative;width:100%;background:white;padding:0px;margin:2px 0}
.tbPoints table{width:100%;border-collapse:collapse;text-align:center;font-size: 15px}
.tbPoints table td{padding:6px 0;font-size:15px;}
.tbPoints table tr td:nth-child(1){width:40px;}
.tbPoints table tr td:nth-child(2){max-width:calc(100% - 50px);text-align:left;text-indent:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.tbPoints table tr td:nth-child(2) a{color:black}
.tbPoints table tr:nth-child(odd) {background-color:#ffefd5}

/* ARCHIVES */
.archHead{width:100%;border-collapse:collapse;border-spacing:0;background:white;font-size:18px}
.archHead td{padding:5px 0}
.archHead td:nth-child(1){width:30px;text-align:center}
.archHead td:nth-child(2){text-align:left}

.archBody{width:100%;border-collapse:collapse;border-spacing:0;background:white}
.archBody td{padding:2px 0}
.archBody td:nth-child(1){width:40px}
.archBody td:nth-child(2) a{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px}	

/*FLAGS*/
.flag {height:14px;width:20px;margin-top:4px}
.flag1 {width:40px;margin-top:2px}
.flag2 {height:16px;width:24px;margin:0px 10px 0 0;vertical-align:middle}
.flag3 {width:40px;margin:6px 10px 0 10px}
.flag4 {width:18px}

/*BOXES*/
.boxaround{position:relative;padding:0;margin-bottom:10px;background:black;width:100%;text-align:left;border-radius:10px 10px 0 0;}
.boxaround > div:nth-of-type(1){width:100%;height:32px;line-height:32px;color:white;font-size:18px;font-style:oblique;font-weight:500;margin:1px;
                                text-indent:10px;text-align:left;}
.boxaround > div:nth-of-type(1) span{cursor:pointer}

.boxgreen{background:#72ae2d;border:2px solid #72ae2d; border-bottom-width: 6px}
.boxorange{background:#f06534;border:2px solid #f06534; border-bottom-width: 6px}
.boxblue{background:#6666ff;border:2px solid #6666ff; border-bottom-width: 6px}
.boxred{background:#d93a3f;border:2px solid #d93a3f; border-bottom-width: 6px}
.boxmandarine{background:#ffa500;border:2px solid #ffa500; border-bottom-width: 6px}
.boxpurple{background:#cc00cc;border:2px solid #cc00cc; border-bottom-width: 6px}
.boxdblue{background:#003399;border:2px solid #003399; border-bottom-width: 6px}
.boxslate{background:#778899;border:2px solid #778899; border-bottom-width: 6px}
.boxtangarine{background:#F0810F;border:2px solid #F0810F; border-bottom-width: 6px}
.boxyellow{background:yellow;border:2px solid yellow; border-bottom-width: 6px}
.boxclass{background:#ff4dff}

.preBox{width:100%;line-height:30px;text-align:center;font-size:16px;font-weight:600;border-radius:5px 5px 0 0}
.pix{position:absolute;left:5px;top:0px;cursor:pointer}
.preBox span{;cursor:pointer}

.preBlue{background:#1e90ff;color:white}
.preMblue{background:#6666ff;color:white}
.preDblue{background:#003399;color:white}
.preOrange{background:#f06534;color:white}
.preGreen{background:#778899;color:white}
.prePurple{background:#cc00cc;color:white}
.preMandarine{background:#ffa500;color:white}
.preSlate{background:#778899;color:white}
.preYellow{background:#FFC72C;color:white}
.preLime{background:lime;color:white}

.sCal{width:100%}
.cRow{position:relative;margin-top:5px;width:100%;border-collapse:collapse;border-spacing:0;font:500 13px sans-serif;table-layout:fixed;text-align:left}
.cRow td{padding:4px 0}
.cRow td:nth-child(1){text-indent:4px;width:80px;}
.cRow td:nth-child(2){text-align:left;width:74px}
.cRow td:nth-child(3){text-align:left;width:25px}
.cRow td:nth-child(4){white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

.sCal select{width:100%;font-size:14px;font-weight:500;border-radius:5px;border:0;margin:1px 0 5px 0;padding:2px;background:#FFFDD0;color:black;height:auto;}
.sCal select option{padding:4px 0;font-size:14px;display:block;background:#FFFDD0;color:black}

::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-track {background: #f1f1f1;border-radius:5px}
::-webkit-scrollbar-thumb {background: lime;border-radius:5px}
::-webkit-scrollbar-thumb:hover {background: greenyellow;}