@charset "utf-8";

/* CSS Document */

body {
    margin: 0px;
    font-family: "Open Sans", sans-serif;
}

/*body.home {
    background: url(../../images/bg.jpg) no-repeat center center fixed;
    background-size: cover;
}

*/

#aspnetForm {
    margin: 0;
    padding: 0;
}

.loginAgent {
    margin: 5% 0 0;
    width: 40%;
    box-shadow: 12px 0 15px -4px rgba(117, 117, 117, 0.8), -12px 0 8px -4px rgba(117, 117, 117, 0.8);
    -moz-box-shadow: 12px 0 15px -4px rgba(117, 117, 117, 0.8), -12px 0 8px -4px rgba(117, 117, 117, 0.8);
    -webkit-box-shadow: 12px 0 15px -4px rgba(117, 117, 117, 0.8), -12px 0 8px -4px rgba(117, 117, 117, 0.8);
    -o-box-shadow: 12px 0 15px -4px rgba(117, 117, 117, 0.8), -12px 0 8px -4px rgba(117, 117, 117, 0.8);
    font-size: 12px;
}

.loginAgent input[type="submit"] {
    border-color: #1a9dd3;
    color: #1a9dd3;
    padding: 5px;
    border: 2px solid;
}

.loginAgent [type="text"],
.loginAgent [type="password"] {
    border: 2px solid #999999;
    font-size: 16px;
    padding: 3px;
    width: 170px;
}

#bodyTop {
    background-color: #000;
    color: #fff;
}

#bodyMenu {
    background: #f5f5f5;
    color: #fff;
}

#bodyAgents {
    background: #ECF0F1;
    color: #424242;
    padding: 20px 0;
    height: 100vh;
}

#mainBody {
    background-color: #fff;
    color: #000;
}


/**** LEFT FRAME ****/

ul.mainMenuLeft {
    display: flex;
    flex-direction: column;
    align-items: center;
    list-style: none;
    padding-left: 0;
}

ul.mainMenuLeft li {
    flex-grow: 1;
    margin-top: 26px;
}

ul.mainMenuLeft li a {
    font-size: 11px;
    color: #424242;
    display: block;
    text-decoration: none;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 5px;
    font-size: 10px;
    background-size: contain !important;
    width: 30px !important;
    height: 30px !important;
}

ul.mainMenuLeft li a span {
    position: relative;
    top: 35px;
}

ul.mainMenuLeft li.collapse-icon a {
    background: url(../../images/svg/two-arrows.svg) left top no-repeat;
}

ul.mainMenuLeft li.home-icon a {
    background: url('http://redfigures.ag/images/svg/house.svg') left top no-repeat;
}

ul.mainMenuLeft li.pending-icon a {
    background: url('http://redfigures.ag/images/svg/notebook.svg') left top no-repeat;
}

ul.mainMenuLeft li.weekly-icon a {
    background: url('http://redfigures.ag/images/svg/weekly-calendar.svg') left top no-repeat;
}

ul.mainMenuLeft li.player-icon a {
    background: url('http://redfigures.ag/images/svg/user.svg') left top no-repeat;
}

ul.mainMenuLeft li.position-icon a {
    background: url('http://redfigures.ag/images/svg/podium.svg') left top no-repeat;
}

ul.mainMenuLeft li.print-icon a {
    background: url('http://redfigures.ag/images/svg/printer.svg') left top no-repeat;
}

ul.mainMenuLeft li.logout-icon a {
    background: url('http://redfigures.ag/images/svg/logout.svg') left top no-repeat;
}

ul.mainMenuLeft li.home-reports a {
    background: url('http://redfigures.ag/images/reports_a.jpg') left top no-repeat;
}


/**** TOP FRAME ****/

.titlePage {
    width: 250px;
    height: 40px;
    display: block;
    float: left;
}

.titlePage h1 {
    width: 200px;
    height: 40px;
    display: block;
    overflow: hidden;
    text-indent: -1600em;
    background: url(images/new/agent-site.jpg) left top no-repeat;
    margin: 0px;
    padding: 0px;
}

.balanceMod {
    width: 300px;
    height: 40px;
    display: block;
    float: left;
}

.balanceMod .titleBlnc {
    font-size: 13px;
    font-weight: bold;
    color: #F90;
}

.balanceMod .infoBlnc {
    font-size: 13px;
    color: #ccc;
    position: relative;
    bottom: 4px;
}

.logOut {
    width: 40px;
    height: 40px;
    float: right;
    display: block;
    background: #041b2b;
    text-align: center;
}

.logOut a {
    width: 26px;
    height: 21px;
    display: block;
    overflow: hidden;
    text-indent: -1600em;
    background: url(images/new/logout.gif) left top no-repeat;
    position: relative;
    top: 10px;
    left: 7px;
}


/**** AGENT LIST FRAME ****/

.agentTitleNew {
    display: block;
    float: left;
    margin: 0px 0px 0px 10px;
    width: 30%;
    min-height: 280px;
}

.agentTitleNew h2 {
    border-bottom: 3px solid #d34b20;
    color: #036;
    font-size: 18px;
    text-transform: uppercase;
    width: 100%;
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
    margin: 0px;
}


/**** Main Frame ****/

.balanceDIV {
    width: 600px;
    height: 50px;
    margin: 0px auto;
    background: #041b2b;
    border-radius: 0em 0em 1em 1em;
    position: relative;
    bottom: 10px;
}

.balanceDIV table {
    margin: 0px auto;
    font-size: 12px;
    color: #FFF;
}

.yellow {
    color: #F90;
}


/* 
.groupReports {
    width: 90%;
    height: 545px;
    float: left;
    display: block;
    margin: 10px;
} */


/* .content-group-report {
    display: flex;
    flex-wrap: wrap;
}

.content-group-report .groupReports {
    flex-grow: 1;
    width: calc(100% / 3);
    border: 10px solid #FFF;
    padding: 15px;
    background-clip: content-box;
} */

.masonry-grid {
    /* Masonry container */
    column-count: 3;
    column-gap: 1em;
}

.masonry-grid .groupReports {
    /* Masonry bricks or child elements 
    display: inline-block;*/
    margin: 0 0 1em;
    width: 100%;
}


/*
#liveChat{
	float:left;
	margin:35px 0 0 20px;
}
*/

#liveChat {
    display: block;
    width: 146px;
    height: 60px;
    position: relative;
    float: right;
    margin-top: -7px;
}

#liveChat a {
    background: url("../../images/liveHelp.png") no-repeat scroll 2px 2px #ebebeb;
    border: 1px solid #ccc;
    border-radius: 5px;
    color: #9a9b9c;
    padding: 12px 10px 14px 50px;
    text-decoration: none;
    text-shadow: 1px 1px 1px #9a9b9c;
}


/* @media only screen and (min-width: 510px) {
    .groupReports {
        width: 45%;
    }
}

@media only screen and (min-width: 800px) {
    .groupReports {
        width: 29%;
    }
} */

.groupReports h3 {
    color: #737373;
    font-size: 18px;
    border-bottom: 3px solid #124275;
    text-transform: uppercase;
    width: 100%;
    font-weight: 300;
}

.groupReports ul {
    margin: 0px;
    padding: 0px;
}

.groupReports ul li {
    list-style: none;
}


/* .groupReports ul li a.newOption {
    border-right: 2px solid #124275;
    background: url(images/bullet_list_icon-red.png) 2px 13px no-repeat;
} */


/* .groupReports ul li a {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #000;
    background: url(images/bullet_list_icon.png) 2px 7px no-repeat #ebebeb;
    font-size: 14px;
    text-decoration: none;
    display: block;
    width: 93%;
    padding: 5px 0px 5px 20px;
    border: 1px solid #CCC;
    margin-bottom: 1px;
} */

.groupReports ul li a {
    border-bottom: 1px solid #eee;
    font-size: 16px;
    padding: 10px 20px;
    color: #000;
    width: 100%;
    display: block;
    background: url(images/bullet_list_icon.png) 2px 13px no-repeat
}

.groupReports ul li a:hover,
.groupReports ul li a.newOption:hover {
    color: #FFF;
    background: url(images/bullet_list_icon_hover.png) 2px 13px no-repeat #124275 !important;
    text-decoration: none;
    border-right: 2px solid #ABB7B7;
}

#NEWmainContent {
    width: 98%;
    clear: both;
    float: left;
    display: block;
    padding: 10px;
    margin-bottom: 40px;
    ;
}

.mainFooter {
    width: 98%;
    height: 15px;
    display: block;
    float: left;
    clear: both;
    background: #CCC;
    color: #036;
    text-align: center;
    padding: 10px;
    font-size: 13px;
    position: fixed;
    bottom: 0px;
    overflow: hidden;
}


/* ---------------------------------------  F O R M S  --------------------------------------------- */

.space {
    height: 20px;
    clear: left;
    background: none !important;
    margin: 0 !important;
    padding: 0 !important
}

.GameBanner,
.GameBannerAuto,
td.LeagueTitle,
div.leaguetitle,
div.line,
div.rowcenter {
    position: relative;
    width: 100%;
    clear: both;
    padding-top: 10px;
    text-align: center;
    height: auto !important;
    margin: 0 auto !important
}

div.line {
    border-top: 3px solid #999;
}

td.LeagueTitle,
div.leaguetitle {
    height: 25px !important;
    font-weight: bold;
    color: #FFF;
    text-align: left;
    padding: 10px 15px 0 15px;
    font-size: 1.2em;
    background-color: #031d57;
    border-bottom: 1px dotted #a8b1b5;
    width: 935px;
}

div.GameBanner {
    height: 30px !important;
    font-weight: bold;
    color: #000;
    text-align: left;
    padding: 5px 15px 0 0px;
    font-size: 1.2em;
    background-color: #bfd9e0;
    border-bottom: 1px dotted #a8b1b5;
    width: 935px;
}

div.GameBannerAuto {
    float: right !important;
    height: 20px !important;
    font-weight: bold;
    color: #FFF;
    text-align: right;
    padding: 10px 15px 0 0px;
    font-size: 1.2em;
    background-color: #244a8d;
    border-bottom: 1px dotted #a8b1b5;
    width: 935px;
}

.dleft {
    float: left;
    width: 44%;
    height: 20px;
    text-align: right;
    padding-left: 5%
}

.dright {
    float: right;
    width: 44%;
    height: 20px;
    text-align: left;
    padding-left: 5%
}

div.centered {
    position: relative;
    margin: 0 auto !important;
    width: 300px;
    height: auto !Important;
    text-align: left;
    padding: 0px !important;
    clear: both;
}


/* ---------------------------------------  T A B L E  D I V --------------------------------------------- */

.tformat {
    width: 100%;
    margin: 0 auto;
}

.tformat table {
    margin: 0 auto;
}

.GameHeader,
.tformat td.header,
.tformat th {
    padding: 5px;
    margin: 0 3px;
    font-size: 0.9em;
    text-align: center;
    color: #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-bottom: 1px solid #DEDEDE;
    font-size: 1em;
    border-right: 1px solid #FFFFFF;
    letter-spacing: 0.25px;
    background: #363d40;
    font-weight: bold;
}

.tformat td.GameHeader {
    padding: 10px 5px !important;
}

.tformat tr.odd {
    background-color: #bcc1c4;
    padding: 0;
    margin: 0;
}

.tformat td {
    position: relative;
    padding: 0px 2px;
    text-align: left;
    border-bottom: 1px solid #DEDEDE;
    font-size: 0.9em;
    border-right: 1px dotted #DEDEDE
}

.tformat td.right {
    position: relative;
    padding: 0xp 2px;
    text-align: right;
    border-bottom: 1px solid #DEDEDE;
    font-size: 0.9em;
    border-right: 1px dotted #DEDEDE
}

a.clink:link,
a.clink:visited,
.tformat th a:link,
.tformat th a:visited,
.tformat a:link,
.tformat a:visited {
    color: #0000ee !important;
    padding: 2px;
    text-decoration: underline;
    line-height: 1.4em;
    letter-spacing: 1px;
    font-size: 1em !important;
    font-weight: bold
}

.tformat tr.GameHeader a:link,
.tformat th a:link,
.tformat th a:visited {
    color: #ffcc33 !important;
}

.tformat tr.GameHeader a:link,
.tformat tr.GameHeader a:visited {
    color: #66ffff !important;
}

.tformat tr.GameHeader a:hover,
.tformat tr.GameHeader a:active,
.tformat tr.GameHeader a:focus {
    color: #33ccff !important;
    font-weight: bold;
    text-decoration: none !important
}

a.clink:hover,
a.clink:active,
a.clink:focus,
.tformat th a:hover,
.tformat th a:active,
.tformat th a:focus,
.tformat a:hover,
.tformat a:active,
.tformat a:focus {
    color: #33ccff !important;
    font-weight: bold;
    text-decoration: none !important
}

.tformat th a:hover,
.tformat th a:active,
.tformat th a:focus {
    color: #ffffff !important;
}

.tformat .TrGameOdd {
    background: #ffffff;
}

.tformat .TrGameEven {
    background: #e7ebf3;
}

.tformat td.list {
    padding: 5px;
    text-align: justify;
    border-bottom: 1px solid #003366;
    font-size: 0.8em;
}

.btn {
    padding: 5px !important;
    border: 1px solid #124275;
    background-color: #124275;
    float: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #FFFFFF
}

.btn:hover {
    border: 1px solid #444444;
    background-color: #555555;
    color: #FFF
}

.TrGameBottom {
    color: #000000;
    font-size: 13px;
}

.TrTotalOdd {
    color: #FFFFFF;
    background-color: #005DB3;
    font-size: 13px;
    font-weight: bolder;
}

.TrTotalEven {
    color: #FFFFFF;
    background-color: #005DB3;
    font-size: 13px;
    font-weight: bolder;
}


/* ---------------------------------------  F O R M S  --------------------------------------------- */

select,
textarea,
.logininput,
.inputboxui,
.text-input,
.selectbox,
.inputbox {
    width: 100px;
    padding: 4px 3px !important;
    border: 1px inset #FFFFFF;
    font-size: 12px;
    /*	position:absolute;
	margin-top:9px;
	margin-left:6px;
	*/
}

.logininput {
    width: 110px;
    border: none!important
}

.inputbox {
    width: 205px
}

.selectbox {
    font-size: 11px;
}

div {
    background: none
}

div.row span.label {
    float: left;
    text-align: left;
    font-size: 12px;
    width: 200px;
    line-height: 15px;
    margin: 0 10px 15px 10px;
    color: #333333;
    font-weight: normal;
    height: auto !important;
}

div.row span.formw {
    float: left;
    width: 215px;
    text-align: left;
    margin: 0 5px 15px 0;
    height: auto !important;
    color: #333333;
}

div.row span.msg {
    float: left;
    position: relative;
    display: block;
    width: 160px;
    text-align: left;
    height: auto !important;
}

.box-error {
    position: relative;
    float: left;
    width: 350px;
    height: 60px;
    margin: 15px 0;
    background-color: #990000;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#TableHome {
    width: 700px;
    height: 200px;
    table-layout: fixed;
    background-image: url(images/TableBGHome.jpg);
    background-position: center;
    color: #000000;
}

#LoginTable {
    width: 300px;
    height: 150px;
    table-layout: fixed;
    background-image: url(images/LoginBG.jpg);
    background-position: center;
    color: #0000FF;
}

#LoginText {
    width: 300px;
    height: 150px;
}

.TopLevel {
    position: absolute;
    top: 48px;
    left: 10px;
}


/*

.TopLevel * {
    padding: 0px;
    margin: 0px;
    clear: both;
    color: #000;
    font-size: 12px;
}

.TopLevel dl.accordion-menu {
    float: left;
    top: 0px;
    width: 100%;
    left: 0%;
    border: solid 0px #000;
    color: #000;
}

.TopLevel dl.accordion-menu dt.divT {
    color: #1a1a1a;
    cursor: pointer;
    height: 28px;
    left: 0;
    text-align: center;
    width: 100%;
}

.TopLevel dl.accordion-menu dt.divT span {
    width: 90%;
    float: left;
    position: relative;
    padding: 3px 0px 3px 0%;
    font-size: 14px;
    font-family: Verdana;
    top: 1px;
    color: #1a1a1a;
}

.TopLevel dl.accordion-menu dt.divT span:hover {
    text-decoration: none;
}

.TopLevel dl.accordion-menu dd.divG {
    display: block;
    width: 97%;
    position: relative;
    float: left;
    left: 0%;
    margin: 0px 0px 0px 0px;
}

.TopLevel dl.accordion-menu dd.divG .bd {
    width: 100%;
    background-color: #0D161D;
    float: left;
    padding: 0px 0px 2px;
    color: #000;
}

.TopLevel dl.accordion-menu dd.divG .bd ul {
    float: left;
    position: relative;
    width: 90%;
    left: 5%;
    color: #000;
}

.TopLevel dl.accordion-menu dd.divG .bd li {
    background: none;
    color: #000;
}

.TopLevel dl.accordion-menu dd.divG .bd h3,
.TopLevel dl.accordion-menu dd.divG .bd p,
.TopLevel dl.accordion-menu dd.divG .bd dl,
.TopLevel dl.accordion-menu dd.divG .bd dt,
.TopLevel dl.accordion-menu dd.divG .bd dd,
.TopLevel dl.accordion-menu dd.divG .bd table {
    width: 97%;
    left: 1%;
    margin: 3px 0px;
    position: relative;
}

.TopLevel .poChartTitle {
    width: 100%;
    height: 100%;
    background-color: #000;
    color: #fff;
    float: left;
}

.TopLevel dd dt {
    background-color: transparent;
    color: #000;
} */


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


/*MENU AGENT*/


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

.MenuAgent {
    color: #1a1a1a;
    font-weight: bold;
    width: 100%;
    text-align: left;
    text-indent: 5px;
    padding: 5px 0;
}


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


/*MENU LOGOUT*/


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

#TDR1C1 {
    width: 291px;
    height: 150px;
    background-image: url(images/ReportMainTop_r1_c1.jpg);
}

#TDR1C2 {
    width: 259px;
    height: 150px;
    background-image: url(images/ReportMainTop_r1_c2.jpg);
}

#TDR1C3 {
    width: 250px;
    height: 150px;
    background-image: url(images/ReportMainTop_r1_c3.jpg);
}


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


/*CURRENT DATA*/


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

#tbBalance {
    font-size: 12px;
    color: #0000FF;
    width: 220px;
}

#tbBalanceMsg {
    font-size: 13px;
    color: #FF0000;
    width: 220px;
}


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


/*MENU BOTONES*/


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

.TableBotones {
    table-layout: fixed;
    width: 750px;
    height: 50px;
    font-size: 14px;
}

.TableBotones td {
    text-align: center;
    border-right: solid 1px #cccccc;
    background: #DFE1E6 url(images/TopWithMenu/BgMenuLink.jpg) repeat-x;
    height: 19px;
}

.TableBotones a:link {
    text-decoration: none;
    color: #005DB3;
    text-align: center;
}

.TableBotones a:visited {
    text-decoration: none;
    color: #005DB3;
    text-align: center;
}

.TableBotones a:hover {
    text-decoration: underline;
    color: #5195CE;
    text-align: center;
}

.TableBotones a:active {
    text-decoration: none;
    color: #005DB3;
    text-align: center;
}

#TableSpecial {
    table-layout: fixed;
    width: 800px;
    height: 30px;
    background-image: url(images/bgSpecial.jpg);
    font-size: 14px;
}

#TableSpecial a:link {
    text-decoration: none;
    color: #005DB3;
    margin: 0px 5px 0px 5px;
}

#TableSpecial a:visited {
    text-decoration: none;
    color: #005DB3;
    margin: 0px 5px 0px 5px;
}

#TableSpecial a:hover {
    text-decoration: underline;
    color: #5195CE;
    margin: 0px 5px 0px 5px;
}

#TableSpecial a:active {
    text-decoration: none;
    color: #005DB3;
    margin: 0px 5px 0px 5px;
}


/*********/


/*CONTENT*/


/*********/

#content {
    border-left: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
}


/*#content
{
	background-image:url(images/bgMain.jpg);
	background-repeat:repeat-y;
	width:800px;
	table-layout:fixed;
}
*/

.ProcessDiv {
    background-color: #FFFFFF;
    width: 150px;
    height: 40px;
    border: 1px solid #000000;
    color: #000000;
    text-align: center;
    vertical-align: middle;
}


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


/*DATA CLASS*/


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

.GameHeader {
    color: #FFFFFF;
    background-color: #252525;
    font-size: 13px;
    font-weight: bolder;
}

table tbody .TrGameEven td,
table tbody .TrGameOdd td {
    padding: 10px;
    text-align: center;
}

table .GameHeader td {
    padding: 5px;
}

table th {
    background: #124275;
    text-align: center;
    color: #FFF;
}

.TrGameOdd {
    color: #02243C;
    background-color: #F9F9F9;
    font-size: 13px;
}

.TrGameEven {
    color: #02243C;
    background-color: #E6E6E6;
    font-size: 14px;
}

.TrGameBottom {
    color: #000000;
    font-size: 14px;
}

.TrTotalOdd {
    color: #FFFFFF;
    background-color: #3A3A3A;
    font-size: 13px;
    font-weight: bolder;
}

.TrTotalEven {
    color: #FFFFFF;
    background-color: #3A3A3A;
    font-size: 13px;
    font-weight: bolder;
}


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


/* AGENT EXPOSURE */


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

.GameHeaderChart {
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: #336699;
    text-align: center;
    width: 33%;
}

.GameDetailChart {
    WIDTH: 33%;
    HEIGHT: 24;
    text-align: center;
}

.GameDetailChart TD {
    border: dotted 1px #CCCCCC;
}

.GameDetailChart a:visited {
    text-decoration: none;
    color: #336699;
    font-size: 12px;
}

.GameDetailChart a:link {
    text-decoration: none;
    color: #336699;
    font-size: 12px;
}

.GameDetailChart a:hover {
    text-decoration: underline;
    color: #336699;
    font-size: 12px;
}

.GameDetailChart a:active {
    text-decoration: none;
    color: #336699;
    font-size: 12px;
}

.GameTopHeader {
    background-color: #E0E0E0;
    font-weight: bolder;
    color: #000000;
}

.GameHeaderChartTD {
    border-bottom: solid 2px #ADADAD;
}


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


/*MOVE LINEs*/


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

#TopMoveLine {
    background-image: url(images/TopMoveLines.jpg);
    width: 850px;
    height: 50px;
}

#MLMAgentInfo {
    width: 345px;
    font-size: 16px;
    text-indent: 5px;
    vertical-align: bottom;
    color: #336699;
}

#LineSportMoveLine {
    background-image: url(images/LineTypeSportsML.jpg);
    width: 850px;
    height: 32px;
    table-layout: fixed;
}

#BottomMoveLine {
    background-image: url(images/BottomMoveLines.jpg);
    width: 850px;
    height: 35px;
    table-layout: fixed;
    color: #FFFFFF;
    font-size: 10px;
    text-align: center;
    vertical-align: text-top;
}

.CssSportSelection {
    margin: 0px;
    padding: 0px;
}

.CssSportSelection li {
    list-style: none;
    display: inline;
    background-image: url(images/btnSport/Sport_Out.jpg);
}

.CssSportSelection li a:visited {
    text-decoration: none;
    color: #336699;
    padding: 10px 5px 10px 5px;
}

.CssSportSelection li a:link {
    text-decoration: none;
    color: #336699;
    padding: 10px 5px 10px 5px;
}

.CssSportSelection li a:hover {
    text-decoration: underline;
    color: #336699;
    padding: 10px 5px 10px 5px;
}

.CssSportSelection li a:active {
    text-decoration: none;
    color: #336699;
    padding: 10px 5px 10px 5px;
}

.TDLineType {
    width: 345px;
    color: #FFFFFF;
    font-weight: bolder;
}

#MoveLineSchedule {
    width: 850px;
    table-layout: fixed;
}

#MoveLineScheduleTop {
    background-image: url(images/bgMLTop.jpg);
    width: 850px;
    height: 10px;
    table-layout: fixed;
}

#MoveLineScheduleMiddle {
    background-image: url(images/bgMLMiddle.jpg);
    background-repeat: repeat-y;
    width: 850px;
    table-layout: fixed;
}

#MoveLineScheduleBottom {
    background-image: url(images/bgMLBottom.jpg);
    width: 850px;
    height: 10px;
    table-layout: fixed;
}

#TBComboSchedule {
    width: 840px;
    height: 30px;
    background-image: url(images/ComboSchedulebg.jpg);
}

#TBComboSchedule td {
    text-align: center;
    color: #336699;
}

#TBTitle {
    padding: 0px 0px 0px 5px;
    font-family: Tahoma;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bolder;
}

.ScheduleCss {
    color: #000000;
}

.ScheduleCss a:visited {
    text-decoration: none;
    color: #336699;
    font-size: 13px;
}

.ScheduleCss a:link {
    text-decoration: none;
    color: #336699;
    font-size: 13px;
}

.ScheduleCss a:hover {
    text-decoration: underline;
    color: #336699;
    font-size: 13px;
}

.ScheduleCss a:active {
    text-decoration: none;
    color: #336699;
    font-size: 13px;
}

#PageRefresh {
    width: 840px;
    height: 30px;
    background-image: url(images/Refreshbg.jpg);
}


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


/* MENU LIST */


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

#MenuListCss {
    width: 800px;
    height: 30px;
    background-image: url(images/bgSpecial.jpg);
}

.StaticStyle {
    height: 30px;
    background-image: url(images/MenuList/StaticHover.jpg);
}


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


/*ADJUSTMENT*/


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

.TbMainAgent {
    border: solid 1px #000000;
    background-color: #FFFFFF;
}

.AgentTitle {
    font-family: Tahoma;
    font-size: 16px;
    font-weight: bolder;
    text-align: right;
}

.AgentTotals {
    font-family: Tahoma;
    font-size: 16px;
    font-weight: bolder;
    text-align: right;
    border: dotted 1px #CCCCCC;
}

.TbAdjTitle {
    font-weight: bolder;
    background-color: #336699;
    color: #FFFFFF;
    text-align: left;
}

.TbInTitle {
    background-color: #384247;
    color: #FFFFFF;
}

.TbAdjustment {
    font-family: Tahoma;
    width: 100%;
}


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


/*MAIN TOP*/


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

#CurrentAgent {
    background-image: url(images/CurrentAgentBG.jpg);
    background-repeat: no-repeat;
    width: 220px;
    height: 150px;
}

#DivSep {
    background: #002443;
    height: 30px;
    width: 1020px;
}

#TDR2C1With {
    background-image: url(images/TopWithMenu/bgTopWithMenu_r2_c1.jpg);
    background-repeat: no-repeat;
    width: 650px;
    height: 97px;
}


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


/*MAIN TOP V02*/


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

#TDR2C1With02 {
    background-image: url(images/TopWithMenu02/TopWithMenu02_r2_c1.jpg);
    background-repeat: no-repeat;
    width: 590px;
    height: 141px;
}

.TableBotones {
    table-layout: fixed;
    width: 590px;
    height: 141px;
    font-size: 14px;
    border-left: dotted 1px #cccccc;
}

.TableBotones td {
    text-align: center;
    border-right: dotted 1px #cccccc;
    background: #F0F8FC url(images/TopWithMenu/BgMenuLink.jpg) repeat-x;
}


/**Agent Move Lines**/

.TrGameScheduleNon {
    color: #FDFFFD;
    background-color: #7c7ca0;
    font-size: 13px;
}

.AgScheduleColor {
    color: #51151D;
    font-weight: bolder;
}

.TrGameSchedulePar {
    color: #222828;
    background-color: #F7FDFD;
    font-size: 13px;
}

.FollowLine {
    background-color: #CC0040;
    color: #FFF;
}

.btReset {
    color: #FFFFFF;
    background-color: #336699;
    cursor: pointer;
    border: solid 1px #000;
    font-size: 10px;
}

.InnerLine {
    border-right: solid 1px #000;
}

.InputTxt {
    width: 30px;
}

.TRTitle {
    background-color: #29509F;
    color: #FFF;
    font-weight: bold;
}

.Action {
    display: none;
}

.Master {
    display: none;
}

.Sum {
    display: none;
}

.Change {
    display: block;
}

.Risk {
    display: block;
}

.Win {
    display: none;
}

.ChangeLine {
    width: 50%;
    text-align: right;
    padding-right: 35px;
    border-right: solid 2px #000;
}

.ActionLine {
    text-align: center;
    border-right: solid 2px #000;
}

.TrAction {
    background-color: #29509F;
    color: #FFF;
    font-weight: bold;
}

#Affiliate {
    text-align: center;
    border: solid 1px #cccccc;
    background: #DFE1E6 url(images/TopWithMenu/BgMenuLink.jpg) repeat-x;
    height: 19px;
    width: 120px;
}

#Affiliate a:link {
    text-decoration: none;
    color: #005DB3;
    text-align: center;
}

#Affiliate a:visited {
    text-decoration: none;
    color: #005DB3;
    text-align: center;
}

#Affiliate a:hover {
    text-decoration: underline;
    color: #5195CE;
    text-align: center;
}

#Affiliate a:active {
    text-decoration: none;
    color: #005DB3;
    text-align: center;
}


/* ---------------------------------------  M E N U  -  B E T S --------------------------------------------- */

.menu-link {
    position: absolute;
    width: 940px;
    height: 30px;
    top: 85px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
    display: block;
    margin: auto;
    text-align: center;
}

.menu-link a:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
}

.menu-link a:visited {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
}

.menu-link a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: normal;
    background: url(imgs/menu-item-hover.png) no-repeat;
}

.hplink {
    display: inline-block;
    width: 118px;
    height: 30px;
    padding: 0px 0px;
    text-align: center;
    background: url(imgs/menu-item-normal.png) no-repeat;
    border: 1px #000000;
    border-style: none solid;
    margin: -2px -2px;
}

.hplink a {
    padding: 8px 0px 0px 0px;
    width: 118px;
    height: 23px;
    float: left;
    overflow: hidden;
}

.hplinklast {
    display: inline-block;
    width: 118px;
    height: 30px;
    padding: 0px 0px;
    text-align: center;
    background: url(imgs/menu-item-normal.png) no-repeat;
    border: 1px #000000;
    border-style: none solid;
    margin: -2px -2px;
}

.hplinklast a {
    padding: 8px 0px 0px 0px;
    overflow: hidden;
}

.hplinklast a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #FFFFFF;
    text-decoration: underline;
    font-weight: normal;
    background: none;
}


/*** TOP MENU NEW ***/

.mainTopContent {
    height: 40px;
    background-color: #14354c;
    width: 100%;
    float: left;
    clear: both;
}

.topMenuNew {
    height: 40px;
    width: 100%;
    clear: both;
    float: left;
}

.topMenuNew ul {
    margin: 0px;
    padding: 0px;
    position: relative;
    top: 5px;
    left: 50px;
}

.topMenuNew ul li {
    list-style: none;
    float: left;
    margin-right: 2px;
}

.topMenuNew ul li a {
    width: 120px;
    height: 20px;
    display: block;
    font-family: arial;
    color: #000;
    text-decoration: none;
    font-size: 12px;
    background: url(images/top_butt.gif) left top no-repeat;
    text-align: center;
    padding-top: 5px;
}

.topMenuNew ul li a:hover {
    background: url(images/top_butt.gif) left -25px no-repeat;
    color: #FFF;
}


/* ****************** ERICK 12-13 JAN 2015 *************************************** */

.page-breadcrumb.breadcrumb {
    background-color: #f7f7f7;
    border: 0 none !important;
    box-shadow: none;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-left: 8px;
    padding-right: 30px;
}

.breadcrumb,
table.filter,
table.pagination,
span.filter,
div.filterDiv {
    background-color: #f5f5f5;
    border-radius: 4px;
    color: #666;
    font-size: 14px;
    list-style: outside none none;
    margin-bottom: 20px;
    padding: 8px 15px;
}

.page-breadcrumb.breadcrumb>li+li:before {
    display: none;
}

.breadcrumb>li+li:before {
    color: #ccc;
    content: "/ ";
    padding: 0 5px;
}


/* table.filter td {
    padding: 0 4px 3px 5px !important;
} */

*:before,
*:after {
    box-sizing: border-box;
}

*:before,
*:after {
    box-sizing: border-box;
}

.breadcrumb>li {
    display: inline-block;
}

.page-breadcrumb.breadcrumb>li>i {
    color: #999;
    font-size: 14px;
    text-shadow: none;
}

li [class^="fa-"],
li [class^="glyphicon-"],
li [class^="icon-"],
li [class*=" fa-"],
li [class*=" glyphicon-"],
li [class*=" icon-"] {
    display: inline-block;
    text-align: center;
    width: 1.25em;
}

[class^="fa-"],
[class^="glyphicon-"],
[class^="icon-"],
[class*=" fa-"],
[class*=" glyphicon-"],
[class*=" icon-"] {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    margin-top: 1px;
}

.page-breadcrumb.breadcrumb>li>a,
.page-breadcrumb.breadcrumb>li>span {
    color: #666;
    font-size: 14px;
    text-shadow: none;
    text-decoration: none;
}

.page-title {
    color: #666;
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -1px;
    margin: 10px 0 0;
    padding: 0;
    margin-bottom: 20px;
}


/* .form-control {
    border: 1px solid #c7c3c3;
    border-radius: 0;
    box-shadow: none;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    padding: 8px 6px 8px 36px;
    margin: 3px 0 0 10px;
    width: 164px !important;
} */


/* input[type="text"].form-control {
    background: url("../../images/calendar2.png") no-repeat 4px 3px #fff;
} */

input[type="password"].form-control {
    /*background:url("../../images/calendar2.png") no-repeat 4px 3px #fff;*/
}

input[type="name"].form-control {
    /*background:url("../../images/calendar2.png") no-repeat 4px 3px #fff;*/
}

.btnForm {
    background: #d34b20;
    color: #fff;
    filter: none;
    outline: medium none !important;
    padding: 7px 14px;
    text-shadow: none;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    margin-left: 6px;
    padding: 4px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.bootstrap-select .btn {
    -moz-user-select: none !important;
    background-image: none !important;
    border: 1px solid transparent !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.42857 !important;
    margin-bottom: 0 !important;
    padding: 6px 12px !important;
    text-align: center !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    background-color: #fff!important;
    border-color: #ccc!important;
    color: #333!important;
}

p.filter,
div.filter,
center.filter {
    border-top: 1px solid #f7f7f7;
    color: #666;
    padding: 5px 0 10px 0;
    font-weight: 100;
    margin: 10px 0 0;
    width: 100%;
}

div.filter h4,
div.filter h4,
center.filter h4 {
    margin: 0;
    padding: 0 0 5px 0;
}

.table-bordered {
    background: #fff !important;
    border: 1px solid #c9c9c9 !important;
}

.table-bordered td {
    padding: 3px;
}

table.pagination {
    margin-top: 5px;
}

table.pagination a {
    color: #d34b20;
    font-weight: 400;
    text-decoration: none;
    margin: 0 3px;
}

tr.TrGameOdd:hover {
    background-color: #bdbcbc;
}

tr.TrGameEven:hover {
    background-color: #d1d1d1;
}

tr.TrGameEven:hover .GameDetailChart TD,
tr.TrGameOdd:hover .GameDetailChart TD {
    border-color: #fff;
}

tr.TrGameOdd .neg a,
tr.TrGameEven .neg a {
    color: rgba(255, 51, 0, 1) !important;
    font-weight: bold;
}

.neg,
.neg a {
    color: rgba(255, 51, 0, 1) !important;
    font-weight: bold;
}

tr.TrGameOdd a,
tr.TrGameEven a {
    color: #18568c;
    text-decoration: none;
    font-weight: bold;
}

tr.TrGameOdd a:hover,
tr.TrGameEven a:hover {
    color: #666;
    text-decoration: underline;
}

.portlet-title {
    background-color: #d84a38;
    border-bottom: 1px solid #eee;
    color: #fff;
    margin-bottom: 5px;
    padding: 10px;
}

.portlet-title h4 {
    font-size: 17px;
    margin: 0;
    padding: 0;
    text-align: center;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Open Sans", sans-serif;
    font-weight: 300;
}

.GameHeader a {
    color: rgba(255, 204, 0, 1);
    text-decoration: none;
}

.GameHeader a:hover {
    color: #fff;
    text-decoration: underline;
}

.noBg {
    background-image: none !important;
    padding-left: 6px !important;
}

.actionBtn {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #adb3b9;
    display: block;
    font-size: 11px;
    line-height: 11px;
    margin: 1px 0;
    padding: 1px 4px;
    width: 69px;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 4px;
    /* Firefox 1-3.6 */
    -moz-border-radius: 4px;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 4px;
}

#logout a {
    color: #fff;
    font-size: 15px;
    padding: 5px 10px;
    text-decoration: none;
}

#logout a:hover {
    background-color: #0d1218;
    color: #fff;
}


/***********************
	MOBILE STYLES
***********************/

.mobile div#right-sidebar {
    display: none;
}

.mobile #right-sidebar nav.wager {
    top: 155px;
}

.mobile nav.account li {
    width: 145px;
}

.mobile .groupReports {
    width: 29%;
    min-height: 325px;
}

.mobile div#content {
    min-width: 610px;
}


/***********************
POPUP STYLES
************************/

.loginAgent span {
    color: #333 !important;
    font-family: "Open Sans", sans-serif;
}

.popupContainer {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
}

.popupBody {
    width: 800px;
    z-index: 2;
    position: relative;
    margin: 50px auto;
    background-color: #fff;
    padding: 40px;
    height: 300px;
    overflow: auto;
}

input[onclick="window.close();"] {
    display: none;
}

.closePopup {
    float: right;
    color: #000;
    z-index: 29;
    position: relative;
}

.loadingImg {
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    padding: 60px 40px;
    box-sizing: border-box;
}

#resultPopup {
    z-index: 9;
    position: relative;
    background: #fff;
}


/**** Player Message ****/

ul.playerMessage {
    margin: 10px 0px;
    padding: 0px;
    float: right;
}

ul.playerMessage li {
    list-style: none;
    float: left;
    margin-right: 5px;
}

ul.playerMessage li a {
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    color: #000;
    background: url(images/bullet_list_icon.png) 2px 7px no-repeat #ebebeb;
    font-size: 13px;
    text-decoration: none;
    display: block;
    padding: 5px 20px 5px 20px;
    border: 1px solid #CCC;
    margin-bottom: 1px;
}

svg:not(:root) {
    overflow: visible;
}

ul.playerMessage li a:hover {
    color: #FFF;
    background: url(images/bullet_list_icon_hover.png) 2px 7px no-repeat #083957;
    text-decoration: none;
}

#ctl00_MainContent_pnlGriview {
    overflow: hidden !important;
}

#ctl00_MainContent_gvmessage {
    width: 80% !important;
    margin: auto;
}

#ctl00_MainContent_gvmessage tr:hover {
    background-color: #CCC;
}

#ctl00_MainContent_gvmessage td {
    padding: 20px;
    font-size: 14px;
}

#ctl00_MainContent_gvmessage td a {
    color: #801515;
    text-decoration: none;
    font-weight: bold;
}

#ctl00_MainContent_gvmessage td a:hover {
    text-decoration: underline;
}

#txtMsg {
    width: 80%;
    font-size: 12px;
    border: 1px solid #CCC;
    font-family: arial;
    color: #666;
}

.continueA {
    color: #fff !important;
    height: 32px;
    position: absolute;
    right: 270px;
    text-decoration: none;
    top: 22px;
}

.continueB {
    width: 200px;
    display: block;
    clear: both;
    text-decoration: none;
    padding: 10px 5px;
    margin: 25px auto;
    text-align: center;
    color: #FFF !important;
}

.continueA:hover,
.continueB:hover {
    text-decoration: underline;
}

.ReportsDropdown {
    position: absolute;
    right: 178px;
    top: 21px;
}

.showAll,
.hideAll {
    color: #000
}


/**** MARQUEE ****/

#message {
    width: 1000px;
    height: 28px;
    float: left;
    display: block;
    position: relative;
    top: 5px;
}

#message b {
    color: #fff;
    float: left;
    font-weight: bold;
}

.marquee {
    background-color: #222;
    border: 1px solid #000;
    border-radius: 5px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5) inset, 0 1px 0 rgba(250, 250, 250, 0.2);
    float: left;
    height: 21px;
    margin: 0 0 0 10px;
    overflow: hidden;
    position: relative;
    transition: background-color 350ms ease 0s;
    width: 500px;
}

.marquee span {
    position: absolute;
    font-family: "Open Sans", sans-serif;
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 21px;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 0px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
    transform: translateX(100%);
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

.marquee span:nth-child(1) {
    animation: left-one 20s ease infinite;
    -moz-animation: left-one 20s ease infinite;
    -webkit-animation: left-one 20s ease infinite;
}

.marquee span:nth-child(2) {
    animation: left-two 20s ease infinite;
    -moz-animation: left-two 20s ease infinite;
    -webkit-animation: left-two 20s ease infinite;
}

.marquee.down span {
    transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

.marquee.down span:nth-child(1) {
    animation: down-one 20s ease infinite;
    -moz-animation: down-one 20s ease infinite;
    -webkit-animation: down-one 20s ease infinite;
}

.marquee.down span:nth-child(2) {
    animation: down-two 20s ease infinite;
    -moz-animation: down-two 20s ease infinite;
    -webkit-animation: down-two 20s ease infinite;
}

.marquee.up span {
    transform: translateY(100%);
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
}

.marquee.up span:nth-child(1) {
    animation: up-one 20s ease infinite;
    -moz-animation: up-one 20s ease infinite;
    -webkit-animation: up-one 20s ease infinite;
}

.marquee.up span:nth-child(2) {
    animation: up-two 20s ease infinite;
    -moz-animation: up-two 20s ease infinite;
    -webkit-animation: up-two 20s ease infinite;
}


/*** Marquee 2 ***/

#message2 {
    width: 900px;
    height: 70px;
    display: block;
    position: relative;
    top: 5px;
    margin: 2px auto;
    background: #C5C5C5;
    border-radius: 3px;
    padding: 5px;
}

#message2 b {
    color: #2C3642;
    font-weight: bold;
}

.marquee2 {
    background: none repeat scroll 0 0 #C5C5C5;
    border: 1px solid #C5C5C5;
    color: #818283;
    height: 21px;
    margin: 2px auto;
    overflow: hidden;
    position: relative;
    transition: background-color 350ms ease 0s;
    width: 95%;
    border-radius: 5px;
}

.marquee2 span {
    position: absolute;
    font-family: "Open Sans", sans-serif;
    width: 100%;
    height: 100%;
    margin: 0;
    line-height: 21px;
    text-align: center;
    color: #000;
    transform: translateX(100%);
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

.marquee2 span:nth-child(1) {
    animation: left-one 20s ease infinite;
    -moz-animation: left-one 20s ease infinite;
    -webkit-animation: left-one 20s ease infinite;
}

.marquee2 span:nth-child(2) {
    animation: left-two 20s ease infinite;
    -moz-animation: left-two 20s ease infinite;
    -webkit-animation: left-two 20s ease infinite;
}

.marquee2.down span {
    transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
}

.marquee2.down span:nth-child(1) {
    animation: down-one 20s ease infinite;
    -moz-animation: down-one 20s ease infinite;
    -webkit-animation: down-one 20s ease infinite;
}

.marquee2.down span:nth-child(2) {
    animation: down-two 20s ease infinite;
    -moz-animation: down-two 20s ease infinite;
    -webkit-animation: down-two 20s ease infinite;
}

.marquee2.up span {
    transform: translateY(100%);
    -moz-transform: translateY(100%);
    -webkit-transform: translateY(100%);
}

.marquee2.up span:nth-child(1) {
    animation: up-one 20s ease infinite;
    -moz-animation: up-one 20s ease infinite;
    -webkit-animation: up-one 20s ease infinite;
}

.marquee2.up span:nth-child(2) {
    animation: up-two 20s ease infinite;
    -moz-animation: up-two 20s ease infinite;
    -webkit-animation: up-two 20s ease infinite;
}


/*================================
	Move the Marquee to the Left
==================================*/


/** Mozilla Firefox Keyframes **/

@-moz-keyframes left-one {
    0% {
        -moz-transform: translateX(100%);
    }
    10% {
        -moz-transform: translateX(0);
    }
    40% {
        -moz-transform: translateX(0);
    }
    50% {
        -moz-transform: translateX(-100%);
    }
    100% {
        -moz-transform: translateX(-100%);
    }
}

@-moz-keyframes left-two {
    0% {
        -moz-transform: translateX(100%);
    }
    50% {
        -moz-transform: translateX(100%);
    }
    60% {
        -moz-transform: translateX(0);
    }
    90% {
        -moz-transform: translateX(0);
    }
    100% {
        -moz-transform: translateX(-100%);
    }
}


/** Webkit Keyframes **/

@-webkit-keyframes left-one {
    0% {
        -webkit-transform: translateX(100%);
    }
    10% {
        -webkit-transform: translateX(0);
    }
    40% {
        -webkit-transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
    }
}

@-webkit-keyframes left-two {
    0% {
        -webkit-transform: translateX(100%);
    }
    50% {
        -webkit-transform: translateX(100%);
    }
    60% {
        -webkit-transform: translateX(0);
    }
    90% {
        -webkit-transform: translateX(0);
    }
    100% {
        -webkit-transform: translateX(-100%);
    }
}


/*================================
	Move the Marquee Downwards
==================================*/


/** Mozilla Firefox Keyframes **/

@-moz-keyframes down-one {
    0% {
        -moz-transform: translateY(-100%);
    }
    10% {
        -moz-transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(0);
    }
    50% {
        -moz-transform: translateY(100%);
    }
    100% {
        -moz-transform: translateY(100%);
    }
}

@-moz-keyframes down-two {
    0% {
        -moz-transform: translateY(-100%);
    }
    50% {
        -moz-transform: translateY(-100%);
    }
    60% {
        -moz-transform: translateY(0);
    }
    90% {
        -moz-transform: translateY(0);
    }
    100% {
        -moz-transform: translateY(100%);
    }
}


/** Webkit Keyframes **/

@-webkit-keyframes down-one {
    0% {
        -webkit-transform: translateY(-100%);
    }
    10% {
        -webkit-transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(100%);
    }
}

@-webkit-keyframes down-two {
    0% {
        -webkit-transform: translateY(-100%);
    }
    50% {
        -webkit-transform: translateY(-100%);
    }
    60% {
        -webkit-transform: translateY(0);
    }
    90% {
        -webkit-transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(100%);
    }
}


/*================================
	Move the Marquee Upwards
==================================*/


/** Mozilla Firefox Keyframes **/

@-moz-keyframes up-one {
    0% {
        -moz-transform: translateY(100%);
    }
    10% {
        -moz-transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(0);
    }
    50% {
        -moz-transform: translateY(-100%);
    }
    100% {
        -moz-transform: translateY(-100%);
    }
}

@-moz-keyframes up-two {
    0% {
        -moz-transform: translateY(100%);
    }
    50% {
        -moz-transform: translateY(100%);
    }
    60% {
        -moz-transform: translateY(0);
    }
    90% {
        -moz-transform: translateY(0);
    }
    100% {
        -moz-transform: translateY(-100%);
    }
}


/** Webkit Keyframes **/

@-webkit-keyframes up-one {
    0% {
        -webkit-transform: translateY(100%);
    }
    10% {
        -webkit-transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
    }
}

@-webkit-keyframes up-two {
    0% {
        -webkit-transform: translateY(100%);
    }
    50% {
        -webkit-transform: translateY(100%);
    }
    60% {
        -webkit-transform: translateY(0);
    }
    90% {
        -webkit-transform: translateY(0);
    }
    100% {
        -webkit-transform: translateY(-100%);
    }
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    padding: 8px 0;
}

.table-bordered td {
    padding: 0;
    text-align: center;
}

table tbody .TrGameEven td,
table tbody .TrGameOdd td {
    padding: 10px;
    text-align: center;
}

table tbody .TrGameOdd td {
    border-bottom:1px solid #f9f9f9 !important;
}

table .GameHeader td {
    padding: 5px;
}