@media all {

    body {
        padding: 0px;
        margin: 0px;
        font-family: verdana,arial,sans-serif;
        background-color: #f0f0f0;
        min-width:1000px;
}
    body.popup_body { min-width:500px;}

a { color: #06b; text-decoration:none; }
a:hover { color: #038; text-decoration: underline; }
table.data, table.tblBorder { background-color: white; }

.clr { clear: both; }
#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 { font: 12px verdana,arial,sans-serif; }
.TopLevel * { padding: 0px; margin: 0px; clear: both; color:#000; font-size: 12px;} 

.TopLevel dl.accordion-menu { border:solid 0px #000;color:#000;}
.TopLevel dl.accordion-menu dt.divT
{ 
    font-weight:bold;
    color:#acf;
    font-size:16px;
    margin-top:7px; margin-bottom:4px;
    font-size:16px;
    padding:0px 6px;
    }
.TopLevel dl.accordion-menu dt.divT span { position:relative;  font-size:14px; top:3px; color:#fff;}
.TopLevel dl.accordion-menu dt.divT span:hover { text-decoration: none;}
.TopLevel dl.accordion-menu dd.divG  
{
   overflow:auto;
   }
.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:White;
	font-size:14px;
	text-align:left;
	text-indent:4px;
	text-transform:capitalize;
}

.MenuAgent a:hover,.MenuAgent.hover {
    color:#09f;
    text-decoration:underline;
}

.DistributorMenuHolder { display:none; }
.DistributorMenu 
{
    background-color:#1a3441;
    position:fixed;
    top:80px;
    width:250px;
    left:50%;
    margin-left:-125px;
    min-height:100px;
    overflow:hidden;
    border:1px solid black;
    border-radius:10px;
    z-index:1001;
}
.DistributionMenuClose 
{
    color:White;
    text-align:center;
    padding:3px;
    margin-top:4px;
    background-color: #3f5161;
    background-repeat:repeat-x;
    background-image: -moz-linear-gradient(top, #4f6171, #2f4151);
    background-image: -ms-linear-gradient(top, #4f6171, #2f4151);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4f6171), to(#2f4151));
    background-image: -webkit-linear-gradient(top, #4f6171, #2f4151);
    background-image: -o-linear-gradient(top, #4f6171, #2f4151);
    background-image: linear-gradient(top, #4f6171, #2f4151);
}

div#topDistributorLink 
{
    position:absolute;
    left:50%;
    width:150px;
    margin-left:-75px;
    text-align:center;
    top:-6px;
    padding:8px;
    padding-top:12px;
    border:1px solid #222;
    border-radius:5px;
    color:White;
    background:#068;
    background-repeat:repeat-x;
    background-image: -moz-linear-gradient(top, #079, #057);
    background-image: -ms-linear-gradient(top, #079, #057);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#079), to(#057));
    background-image: -webkit-linear-gradient(top, #079, #057);
    background-image: -o-linear-gradient(top, #079, #057);
    background-image: linear-gradient(top, #079, #057);
}
div#topDistributorLink:hover {
    background: #06b;
    background-repeat:repeat-x;
    background-image: -moz-linear-gradient(top, #17c, #05a);
    background-image: -ms-linear-gradient(top, #17c, #05a);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#17c), to(#05a));
    background-image: -webkit-linear-gradient(top, #17c, #05a);
    background-image: -o-linear-gradient(top, #17c, #05a);
    background-image: linear-gradient(top, #17c, #05a);
    border:1px solid white;
    }

/*************/
/*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:#fff;
}
#content #tbBalance 
{
    color: Black;
    font-size:16px;
}
#tbBalanceMsg
{
	font-size:13px;
	color:#FF0000;
}
/**************/
/*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;
}
/********/
/*FOOTER*/
/********/
.footer
{
	text-align:center;
	clear:both;
	margin-top:30px;
	color:#888;
	font-size:12px;
}
/*********/
/*CONTENT*/
/*********/
#content
{
}
#contentHolder {
        padding: 0px 10px;
    }
.ProcessDivMask 
{
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:none;
    opacity:.7;
    filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    -webkit-opacity:0.7;
    background:#000;
    z-index:1000;
}
.ProcessDivInfo
{
    z-index:1001;
    position:absolute;
	text-align:center;
    width:400px;
    margin-left:-140px;
    left:50%;
    
    padding:30px;
    padding-bottom:40px;
    top:100px;
    
    font-weight:bold;
    font-size:22px;
    text-transform:uppercase;
	background:#e0e0e0;
    background-repeat:repeat-x;
    background-image: -moz-linear-gradient(top, #fff, #ccc);
    background-image: -ms-linear-gradient(top, #fff, #ccc);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
    background-image: -webkit-linear-gradient(top, #fff, #ccc);
    background-image: -o-linear-gradient(top, #fff, #ccc);
    background-image: linear-gradient(top, #fff, #ccc);
	box-shadow:4px 4px 6px #111;
	border-radius:20px;	
}
/************/
/*DATA CLASS*/
/************/
.GameHeader, .GameHeaderMain, .TbInTitle, .GameHeaderSub
{
	color:#FFFFFF;
	background-color:#3f5161;
	background-color:#06b;
	font-size:14px;
	font-weight:bold;
}
.GameHeaderSub , .GameHeaderSub td
{
    background-color:#FFE;
    color:Black;
    border-bottom:4px solid #59D;
}
.GameHeaderMain, .TbInTitle { background-color: #000; padding:0px; font-size:16px; }
.GameHeaderMain th, .TbInTitle th { padding: 4px 10px; }
.TrGameOdd
{
	color:#02243C;
	background-color:#fff;
}
.TrGameEven
{
	color:#02243C;
	background-color:#eee;
}
.TrGameOdd, .TrGameEven 
{
    font-size:15px;
}
.TrGameOdd td, .TrGameEven td, .GameHead th 
{
    padding:4px;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
}
.TrGameEven td 
{
    border-right:1px solid #c0c0c0;
    border-bottom:1px solid #c0c0c0;
}
.TitleCell 
{
    font-size:15px;
    font-weight:bold;
}
.TrGameBottom
{
	color:#000000;
	font-size:14px;
	font-weight:bold;

}
.TrGameBottom td { padding: 4px; }
.TrRowSep td, .TrRowSep th
{
    border-top:4px solid #aaa;
    padding-top:4px;
}
.TrTotalOdd
{
	color:#FFFFFF;
	background-color:#555;
	font-size:14px;
	font-weight:bold;
}
.TrTotalEven
{
	color:#FFFFFF;
	background-color:#06b;
	font-size:14px;
	font-weight:bold;
}
/*.GameHeader th.Today 
{
    background-color: Yellow;
    border-bottom:1px solid #aa5;
}*/
.TrHover , .TrHover td, .TrHover th
{
    background-color: #ffd;
}
div.Col5Spacer 
{
    float:left; width:20%;text-align:center;
}
/*.TrHover.TrGameOdd td.Today ,
.TrHover.TrGameEven td.Today 
{
    background-color: yellow;
}*/
.PendingDelete, .PendingDelete td, .PendingDelete th,
.TrHover.PendingDelete, .TrHover.PendingDelete td, .TrHover.PendingDelete th 
{
    background-color: #fee;
    color:Red;
}
.GameHeaderChart td 
{
    background-colror:#06b;
    border-radius:4px;
    font-size:14px;
}

/******************/
/* AGENT EXPOSURE */
/******************/
.GameHeaderChart
{
    FONT-WEIGHT: bolder;
    FONT-SIZE: 10px;
    COLOR: #ffffff;
    FONT-FAMILY: verdana,arial,sans-serif;
    BACKGROUND-COLOR: #06b;
    text-align:center;
    width:33%;
}
.GameDetailChart
{
	WIDTH:33%;
	HEIGHT:24;
	text-align:center;
}
.GameDetailChart TD
{
	border:dotted 1px #CCCCCC;
}
.GameDetailChart a 
{
    text-decoration:none;
    font-size:14px;
    color: Black;
}
.GameDetailChart a:hover
{
	text-decoration:underline;
}
.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:verdana,arial,sans-serif;
	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:verdana,arial,sans-serif;
	font-size:16px;
	font-weight:bolder;
	text-align:right;
}
.AgentTotals
{
	font-family:verdana,arial,sans-serif;
	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;
}

.TbAdjustment
{
	font-family:verdana,arial,sans-serif;
	font-size:12px;
	width:100%;
}
/**********/
/*MAIN TOP*/
/**********/
#CurrentAgent
{
    background:#222;
    /*background-repeat:repeat-x;
    background-image: -moz-linear-gradient(top, #666, #111);
    background-image: -ms-linear-gradient(top, #666, #111);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#111));
    background-image: -webkit-linear-gradient(top, #666, #111);
    background-image: -o-linear-gradient(top, #666, #111);
    background-image: linear-gradient(top, #666, #111);*/
    height:65px;
}
#DivSep
{
	background-image:url(images/bgSpecial.jpg);
	background-repeat:repeat-y;
	height:30px;
	width:800px;
}
#TDR2C1With
{
	background-image:url(images/TopWithMenu/bgTopWithMenu_r2_c1.jpg);
	background-repeat:no-repeat;
	width:650px;
	height:97px;
}
/**************/
/*MAIN TOP V02*/
/**************/
.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;
}
body.homepage 
{
    background-color:#000;
    background-repeat:repeat-x;
    background-image: -moz-linear-gradient(top, #333, #000);
    background-image: -ms-linear-gradient(top, #333, #000);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
    background-image: -webkit-linear-gradient(top, #333, #000);
    background-image: -o-linear-gradient(top, #333, #000);
    background-image: linear-gradient(top, #333, #000);
    
    color:white; 
    text-align:center;
    font-weight:bold;
    min-width:0px;
}
div.loginForm 
{
    background:#444;
    width:300px;
    padding:12px;
    margin-top:20px;
    color:#5bf;
    border-radius:10px;
    margin:auto;
    border:1px solid black;
}
div.loginForm div.loginError { color:Red; padding: 4px; margin-bottom:10px; }
div.loginHolder
{
    width:600px;
    left:50%;
    margin-left:-300px;
    top:200px;
}
div.homepage input { padding:5px; font-size:1.2em; border:1px solid black; border-radius:5px; background-color: White;}
div.homepage input[type='submit'] { color:navy; cursor:pointer; padding:4px 15px; background-color:#eef; }
div.homepage input[type='submit']:hover { color: blue; }

ul.sideMenu 
{
    font: 14px verdana,arial,sans-serif;
    list-style-type: none;
    padding:0px; margin:0px;
}

ul.sideMenu li a 
{
    display:block;
    padding: 3px 0px 3px 10px;
    text-decoration:none;
    color:White;
    background-color: #5a7184;
    border-bottom: 1px solid #1a3441;
    border-left: 7px solid #1a3441;
}
ul.sideMenu li img.star 
{
    width:16px;
    height:16px;
    margin-right:3px;
    margin-top:2px;
}
ul.sideMenu li.favorite a 
{
    
    background-repeat:repeat-y;
    background-image: -moz-linear-gradient(right, #8aa1b4, #5a7184);
    background-image: -ms-linear-gradient(right, #8aa1b4, #5a7184);
    background-image: -webkit-gradient(linear, right top, left top, from(#8aa1b4), to(#5a7184));
    background-image: -webkit-linear-gradient(right, #8aa1b4, #5a7184);
    background-image: -o-linear-gradient(right, #8aa1b4, #5a7184);
    background-image: linear-gradient(right, #8aa1b4, #5a7184);
}
ul.sideMenu li.heading
{
    color: White;
    border-bottom: 1px solid black;
    padding: 3px 0px 3px 5px;
    background-color: #222;
    background-repeat:repeat-x;
    background-image: -moz-linear-gradient(top, #333, #000);
    background-image: -ms-linear-gradient(top, #333, #000);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
    background-image: -webkit-linear-gradient(top, #333, #000);
    background-image: -o-linear-gradient(top, #333, #000);
    background-image: linear-gradient(top, #333, #000);
    font-weight:bold;
}

ul.sideMenu li.active a, ul.sideMenu li.active a:hover 
{
    background: #06b;
    background-repeat:repeat-x;
    background-image: -moz-linear-gradient(top, #17c, #05a);
    background-image: -ms-linear-gradient(top, #17c, #05a);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#17c), to(#05a));
    background-image: -webkit-linear-gradient(top, #17c, #05a);
    background-image: -o-linear-gradient(top, #17c, #05a);
    background-image: linear-gradient(top, #17c, #05a);
    font-weight:bold;
    border-left: 7px solid yellow;
}

ul.sideMenu li a:hover
{
    background:#17c;
}

ul.sideMenu li.heading img.switch { float:right; cursor:pointer; padding:5px;}

.top_menu { position:absolute; right:5px; margin-right:5px; top:-5px; color:#888; }
.top_menu a { color:White; text-decoration:none; }
.top_menu a:hover { color:#5af; }
.top_menu img { position:relative;top:12px;margin-left:10px; }

li.rule-action:hover {
    color:red;
}

.reportHeader 
{
    background: #222;   
    background-repeat:repeat-x;
    background-image: -moz-linear-gradient(top, #333, #000);
    background-image: -ms-linear-gradient(top, #333, #000);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000));
    background-image: -webkit-linear-gradient(top, #333, #000);
    background-image: -o-linear-gradient(top, #333, #000);
    background-image: linear-gradient(top, #333, #000);
    border-bottom:1px solid #222;
    text-align:left;
    height:50px;
    position:fixed;
    top:0px;
    width:100%;
    z-index:10;
}
/*.reportHeader a { float:right; }*/
.reportHeader img#logoimg { width: 201px; height:50px; }

.distribChangeLinkSm { color: #ccc; font-size:13px; position:relative; top:-5px;font-weight:normal; }

.link { cursor:pointer;}

input.menuFilter 
{
    padding: 2px 4px;
    font-size:18px;
    width:130px;
    margin: 10px 3px 10px 10px;
    border:1px solid black;
    border-radius:4px;
}

.filterPanel 
{
    height:48px;
}

.center { text-align:center; margin:auto;}
.clr { clear:both; }

.WelcomeSummary 
{
    margin:auto;
    padding:5px;
    text-align:center;
}

.WelcomeSummary tr.HeadRow 
{
    font-size:18px;
    font-weight:bold;
    background-color:#ccc;
}
.OnlineMessage
{
    background-color: #fee;
    margin:10px;
    border:1px solid red;
    border-radius:5px;
}
.OnlineMessage , .error
{
    font-weight:bold;
    text-align:center;
    font-size:20px;
    padding:10px;
}
.pulse1, .error { color: Red; }
.pulse2 { color: #900; }

tr.EmphasizeRow  td
{
    padding:6px 4px;
}
/*td.Today , th.Today
{
    background-color:#ffc;
    color:Black;
}*/
.bold { font-weight:bold; }
.favorites {  }
.favorites ul { list-style-type: none; margin:0; padding: 0; }
.favorites ul li { text-align:center; float:left; width:100px; 
                   margin:5px; padding:5px; border:1px solid #1a3441;
                   border-radius:4px; background-color:#5a7184; }
.favorites ul li a { color: white; text-decoration:none;}

span.GameHeadLabel { font-size:20px; font-weight:bold; color: #1a3441; }
a.PositiveNumber, span.PositiveNumber, td.PositiveNumber { color: #000; }
a.NegativeNumber, span.NegativeNumber, td.NegativeNumber { color: #D00; }
.annotation { font-size:13px; color: #333; font-weight:normal; }

.TrBoldRow td, .TrBoldRow th { font-weight:bold; }

.whoami 
{
    padding:8px 0 0 12px;
    font-size:28px;
    color:White;
    float:left;
    font-weight:bold;
}

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

table.tblBorder 
{
    border:1px solid #555;
    border-radius: 4px;
    box-shadow: 3px 3px 3px #bbb;
}
table.tblBorder.fleft 
{
    margin-right:1em;
    margin-bottom:1em;
}
table.fieldValueTable td,
table.fieldValueTable th
{
    padding:8px 6px;
}
table.fieldValueTable td { text-align:left; padding-left:20px; padding-right:6px; }
table.fieldValueTable td.TitleCell { text-align:right; padding-right:20px; padding-left:6px; }
table.fieldValueTable tr.TrGameBottom td { text-align:center; }
table.multiTbl 
{
    margin-right:2%;
    margin-bottom:20px;
    float:left;
    width:22%
}
div.multiHolder4 table.multiTbl {
    width:22%;
}
div.multiHolder3 table.multiTbl {
    width:30%;
}
div.multiHolder2 table.multiTbl {
    width:46%;
}

table.multiTbl td { padding:10px 6px; text-align:left; }
table.multiTbl input { width:90px; }

td.aleft, th.aleft { text-align:left; }
td.aright, th.aright { text-align:right; }
td { text-align:Center; }

a.plrlnk { color:inherit; text-decoration:none; }
a.plrlnk:hover { text-decoration:underline; color: #06b; }

strong {  font-weight: bold; }
weak { font-weight:normal; }
.fright { float:right; }
.fleft { float:left;}

h1 { font-size:30px; margin-bottom:4px; }
h4 { margin-bottom: 0px; margin-top:0px; }

.calendarImg { position:relative; top:5px; left:3px;z-index:5; }
span.notation { color: #777; font-weight:normal; }
a.NumberLink, span.NumberLink 
{
    text-decoration:none;
    border-bottom:1px dashed #99f;
    border-bottom:1px solid #99f;
}

div.IdleAccountList { padding: 0px; }
div.IdleAccountList ul { list-style-type:none; color: #888; }
div.IdleAccountList ul li { float:left; width:100px; font-weight:normal; font-size:12px; }

th.HeadSep 
{
    text-decoration:underline;
}
div.settings 
{
    background-color:#ddd;
    border:1px dashed black;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    border-radius:4px;
    margin-top: 0.3rem;
}

input.btnSave 
{
    background-color: #06b;
    border:1px solid #003;
    color: White;
    font-weight:bold;
    font-family:Verdana, Arial, Sans-Serif;
    font-size: 1.2em;
    border-radius:3px;
    padding:2px 10px;
    cursor:pointer;
}

.ui-widget-header
{
    border: 1px solid #06b !important;
    background: #17c !important;
}


input.btnSave:hover 
{
    color: #06b;
    background-color:White;
}

.HomeLinks 
{
    padding: 10px 0 0 0;
    color: #ccc;
    font-weight:normal;
}
.HomeLinks a {
    color: #06c;    
    text-decoration:none;
}
.HomeLinks a:hover 
{
    color:#09f;
}

div.Pagination 
{
    text-align:right;
    margin:20px;
    font-weight:normal;
}
div.Pagination a {
    text-decoration:none;
    border:1px solid #ccc;
    background-color: #e0e0e0;
}
div.Pagination a:hover 
{
    color: white;
    border:1px solid black;
    background-color: #068;
}
div.Pagination a, div.Pagination span 
{
    padding:0px 3px;
    border-radius:3px;
}
div.Pagination span.CurrentPage 
{
    font-weight:bold;
    background-color: #06b;
    color:White;
}
a.scroll-to-top 
{
    position:fixed; 
    bottom:0px;
    left:0px;
    color:#1a3441;
    font-weight:bold;
    text-align:center;
    width:210px; /* global_menu.width + 10 (hard-codded padding of global_content > div*/
    padding-bottom:5px;
    text-decoration:none;
}
a.scroll-to-top:hover 
{
    color:blue;
    text-decoration:underline;
}



div.global_menu 
{
    width:200px;
    float:left;
}
div.global_content 
{  
    overflow:auto;
    margin-top:50px;
}

.betticker > div {
    float: left;
    display: table-column;
    font-size:0.9em;
}

.bt_who {
    width: 10%;
    text-align: center;
    min-width:80px;
}
.bt_time {
    width: 15%;
    text-align: center;
    min-width:105px;
}
.bt_gametime {
    width:15%;
    text-align:center;
    min-width:100px;
}
.bt_sport {
    width:5%;
    text-align:center;
    min-width:60px;
}
.bt_desc {
    width: 40%;
    text-align:center;
}
.bt_risk {
    width:10%;
    text-align:center;
    min-width:115px;
}

.betticker >div.clr {
    float:none;
    padding-bottom: 30px;
}

#BetTickerMonitor .betticker > div {min-height:56px; }

.betticker {
    clear: both;
    width: 100%;
    padding-top: 8px;
    padding-bottom:8px;
    border-bottom: 1px dashed #aaa;
    display:table;
}
.betticker.notice1.enablehl {
border-right: 10px solid #dd0;
    background-color:#ffe;
}
.betticker.notice2.enablehl {
    border-right: 10px solid orange;
    background-color:#fed;
}
.betticker.notice3.enablehl {
border-right: 10px solid orangered;
background-color:#fde;
}
.betticker.notice4.enablehl {
border-right: 10px solid red;
background-color:#fdd;
}

.betticker.btheading {
    border: none;
    font-weight: bold;
  background-color: #222;
  color: white;
}
.betticker.btheading>div {
  text-align: center;
}
    .betticker .bt_delete { display: none; }
    .betticker:hover .bt_delete { display:block; }

    .hpQuickLinks li {
    float: left;
    margin: 0px 40px 10px 0px;
}

    div#messageNotification {
        position: fixed;
        bottom: 5px;
        right: 5px;
        background-color: #ffe;
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 5px;
    }

    .mnAction input {
        width: 45%;
        margin: 0 2%;
    }

    div#messageNotification > div {
        padding: 10px;
    }
    .mpuserlist { cursor:pointer; }
    .mpuserlist.munread {
        font-weight: bold;
    }
    .userlist {
        float: left;
        border-right: 1px solid black;
        margin-right: 10px;
        padding: 0 10px;
        width:20%;
    }
    
    .mpuserlist.active {
        color: white;
        background-color: #444;
        padding: 1px 6px;
        border-radius: 3px;
        margin-left: -6px;
    }
    div#messageHolder .chat {
        padding: 5px;
        clear: both;
    }

    div#messageHolder .chat_to, div#messageHolder .chat_from {
        clear: both;
        width: 75%;
        padding: 5px;
        border-radius: 5px;
        border: 1px solid #bbb;
    }

    div#messageHolder .chat_to {
        text-align: left;
        background-color: #ddd;
        float: left;
    }

    div#messageHolder .chat_from {
        text-align: right;
        float: right;
        background-color: #eef;
    }

    div#messageHolder .sender {
        font-weight: bold;
        border-bottom: 1px solid #aaa;
        margin-bottom: 6px;
    }

    div#messageHolder .time {
        font-size: 0.9em;
        color: #888;
        text-align: center;
    }

    div#messageHolder .content {
        margin-bottom: 5px;
    }

    div#messageHolder .chat_to .sender {
        background-color: #bbb;
        padding: 1px 5px;
        border-radius: 2px;
    }

    div#messageHolder .chat_from .sender {
        background-color: #cde;
        padding: 1px 5px;
        border-radius: 2px;
    }
    input#messageTxt {
        width: 75%;
        margin-right: 10px;
    }

    .messageBox {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }

    .messageArea {
        float: left;
        width: 75%;
        position: relative;
    }
    
            #MiniBetTicker {
                z-index: 99;
                position: fixed;
                right: 0;
                bottom: -372px;
                height: 400px;
                width: 50%;
                -webkit-transition: 1s all;
                transition: 1s all;
                font-size: 0.9em;
            }

            #MiniBetTickerHeading {
                padding: 5px 0;
                text-align: center;
                background-color: #ffa;
                border: 1px solid #ccc;
                float: right;
                position: relative;
                bottom: -1px;
                transition: width 1s, margin 1s, background-color 0s;
                -webkit-transition: width 1s, margin 1s, background-color 0s;
                width: 100%;
                margin: 0 -2px;
            }
            #MiniBetTicker.collapsed #MiniBetTickerHeading {
                width:100px;
                margin:0 0;
            }

            #MiniBetTickerHolder {
                background-color: White;border: 1px solid #aaa;overflow-y:scroll;width:100%;height:100%;
            }
        
            #minibt_show {
                position:absolute;cursor:pointer;right:8px;
            }
            #MiniBetTicker.collapsed #minibt_show {
                right:0; width:100%;
            }

            #MiniBetTicker-list {
                padding:0 10px;margin:0;
            }
}

@media print 
{
    .global_menu { display:none; }
    .global_content { margin:0px; overflow:visible; }
    .reportHeader { display:none; }
    
    body { background-color: White; }
    table.tblBorder { box-shadow:none;}
    
    .TrGameOdd td,
    .GameHeaderMain td, .GameHeaderMain th,
    .GameHeader td,
    .TrGameBottom,
    .TrGameEven td { font-size:13px; }
    #MiniBetTicker { display:none;}
}

    .mobile-only { display: none; }
    .desktop-only { display:inline; }

@media (max-width: 800px) {

     .mobile-only { display: inline; }
    .desktop-only { display:none; }
   
    #MiniBetTicker {
        width: 100%;
    }
    #MiniBetTicker.collapsed #minibt_show {
        width:200px;
    }
    #MiniBetTicker.collapsed #MiniBetTickerHeading {
        width:200px;
        margin:0;
        padding:15px 0;
        margin-top:-20px;
    }

    .reportHeader {
        height: 100px;
    }

    div.global_content {
        margin-top: 100px;
    }

    .top_menu {
        left: 12px;
        top: 40px;
    }

    .distribChangeLinkSm {
        left: 10px;
    }
        .betticker .bt_delete { display: block; }

}
@media (max-width: 500px) {
    div.loginForm input[type="checkbox"] {
        width: auto;
    }

    .homepage div#footer {
        width: 80%;
        margin: auto;
        padding-top: 0px !important;
    }

    body.homepage {
        margin: 0;
        padding: 0;
    }

    .homepage img {
        width: 90%;
    }

    div.loginForm {
        width: 95%;
        border-radius: 0;
        padding: 0;
    }

    div.loginForm {
        font-size: 1.2em;
        padding-bottom: 14px;
    }

    div.loginForm input {
        width: 90%;
        margin: 7px 0;
        padding: 10px 5px;
    }

}

.billable_agent {
    background-color: #ddd;
    padding: 1em;
    margin: 1em 0;
    border: 1px solid #aaa;
    border-radius: 7px;
}
.billable_agent > h2 { margin-top:0; }
.billable_agent > div { margin:0 0 1em 0; border:1px solid #ccc; padding: 1em 1em 0 1em;background-color: white;}

.pulse-highlight{
    background-color:yellow;
}

.pulse-done {
    transition: all 5s;
    background-color:inherit!important;
}

.right-amonitor-note, .left-amonitor-note, .amonitor .odds {
    font-size: 0.8em;
    color: #666;
}
.amonitor .odds { color:black;}
.right-amonitor-note {
    float: right;
    margin-right: 2em;
}
.left-amonitor-note {
    float: left;
    margin-left: 2em;
}
.amonitor-bot, .amonitor-top {
    position:relative;
}
.amonitor-top {
    bottom:-6px;
}
.amonitor-bot {
    top:-3px;
}
.amonitor tr.datarow {
    font-size:15px;
    color: #02243C;
    background-color: #fff;
}
.amonitor tr.datarow.oddrow {
    background-color: #eee;
}
.amonitor tr.datarow.oddrow.toprow td {
    border-top: 1px solid #555;
}
.amonitor tr.datarow.oddrow.botrow td {
    border-bottom: 1px solid #555;
}
#dvOff tr.moving, #dvOff tr.movingwith {
    background-color:#afa;
}
#dvResults tr.moving, #dvResults tr.movingwith {
    background-color:#fcc;
}
.datarow td.br {
    border-right: 1px solid #999;
}

.low-bal-screen {
    position: fixed;
    background-color: black;
    opacity: 0.5;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
}
.low-bal-holder {
    z-index: 1001;
    border-radius: 6px;
    position: fixed;
    background-color: white;
    font-weight: bold;
    width: 50%;
    top: 25%;
    left: 25%;
    margin-left: 0px;
    padding: 0px;
    text-align: center;
}
.low-bal-message {
    font-size:1.5em;
    padding:2em;
}

@media (max-width: 900px) {

    .low-bal-holder {
        width: 90%;
        left: 5%;
    }
}

.banner-img img { max-width: 100%; padding-bottom:1em; }
.updated { background-color:yellow;}
div#payModal {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
}

#payModal > #payOverlay {
    background-color: black;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    z-index: 201;
}

#payModal > #payTable {
    z-index: 202;
    position: absolute;
    width: 600px;
    padding: 20px;
    background: white;
    text-align: center;
    left: 50%;
    margin-left: -300px;
    border-radius: 10px;
    top: 10%;
    line-height: 1.7em
}
#payTable > table {
    margin-bottom: 1em;
}

    #payTable > table tr td {
        border-bottom: 1px solid #555;
        text-align: left;
    }

div#gcConfirm {
    position: absolute;
    background-color: white;
    z-index: 202;
    padding: 1em;
    text-align: center;
    top: 30%;
    width: 500px;
    left: 50%;
    margin-left: -250px;
    border: 1px solid black;
    border-radius: 9px;
    box-shadow: 0px 0px 5px 2px black;
}

.calendarImg 
{
    width: 20px;
    border: 0px;
}

.selectType
{
    font-size: 1.2em;
}

.selectTypeSm
{
    width: 10rem;
}

.labelType
{
    margin-right: 0.2em;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus 
{
    border: 1px solid #706f74 !important;
    background: #ffffff !important;
    color: #515050 !important;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon 
{
    background-image: url(images/icons/ui-icons_222222_256x240.png) !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active 
{
    color: #000000 !important;
    border: 1px solid #1a3441 !important;
    background: #22222247 !important;
}

.ui-widget 
{
    font-size: 1.1em !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight 
{
    border: 1px solid #9dc1ed !important;
    background: #e6f5f5 !important;
}

.ui-datepicker-current
{
    opacity: unset !important;
    font-weight: bold !important;
}

.f-right
{
    float: right;
}