/* ---------------------------------------  T E M P L A T E --------------------------------------------- */



	html, body 		{ margin:0; padding: 0; width:100%; height: 100%; text-align: left; 
					  font-family:  tahoma; outline:none; color:#333333; font-size: 11px;
					  letter-spacing: 0.25px; line-height: 1.2em;  
					}
				
	body.modern {background:url(imgs/home-bg.jpg) repeat scroll center center / cover  rgba(0, 0, 0, 0);}
	div#Page		{ position: relative; margin:0 auto !important; width:980px; height: auto !Important;
					  text-align:left; padding: 0px !important; clear:both;
					}
					
/* ---------------------------------------  H E A D E R --------------------------------------------- */

	div#Header					{ position:relative; width:980px; height:177px; }
	
	div#Logo					{ position:absolute; width:311px; height:85px; top:0px; left:0px; z-index:1  }	

	div#Account					{ position:absolute; top:15px; right:0px; width:400px; height:30px; color:#FFFFFF }
	

/* ---------------------------------------   C O N T E N T --------------------------------------------- */
	#wrapper{height: 311px;width: 688px;}
	#wrapper {bottom: 50%;right: 50%;position: absolute;}
	div#container {/*background: url(imgs/bgLoginBox.png) no-repeat*/; left: 50%; position: relative; top: 50%; width: 741px; height: 282px; padding-top:40px;}
	
	div#left 				{ float: left; width:150px; padding:10px 0 0 0; margin: 0; text-align:left;  }

	div#content				{ width: auto; margin: 10px 0 0 0; padding: 0px; display:block;   } 

	div#main				{ position:relative; float:left; width:690px;  padding: 10px 0 0 10px; border-left: 1px solid #ff9900   }


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


	.menumain						{ position:absolute; width:350px; height:30px; top: 61px; right:0px;  }

	.menumain ul					{ list-style-type: none; margin:0px; padding:0;	text-align: center;	}
	
	.menumain li					{ padding: 0px; display: inline; height:30px !important; text-align:center;  }

	.menumain  a					{ font-weight:normal; width:130px; text-transform:uppercase;  font-size:13px } 
	
	.menumain li a:link, 
	.menumain li a:visited			{ color: #FFFFFF !important; text-decoration: none; letter-spacing:0px;  
									  background:url(imgs/menu-item-normal.png) no-repeat; float:left;  width:130px !important; height:30px; padding-top:9px;     }
	
	.menumain li.active a,	
	.menumain li a:hover			{ width:115px; height:25px; color: #000000 !important; text-decoration: none; background:url(imgs/menu-item-hover.png) no-repeat; }


/* ---------------------------------------  M E N U  -  A C C O U N T --------------------------------------------- */


	.menuaccount							{ position:absolute; width:640px; height:30px; top:30px; right:0px;  }
	
	.menuaccount ul							{ list-style-type: none; margin:15px 0 0 0px; padding:0px 0 0 0; text-align: right;	}
	
	.menuaccount li.end,
	.menuaccount li							{ padding: 0px 10px; display: inline; height:15px !important; text-align:right; border-right: 1px solid #33ccff  }

	.menuaccount li.end						{ border: none !important }

	.menuaccount  a							{ font-weight:bold; font-size:12px } 
	
	
	.menuaccount li a:link, 
	.menuaccount li a:visited				{ color: #d8dce0 !important; text-decoration: none; letter-spacing:0px;  }
	
	.menuaccount li.active a,	
	.menuaccount li a:hover					{ color: #ffffff !important; text-decoration: none; }

/* ---------------------------------------  M E N U  -  LINKS --------------------------------------------- */


	.menulinks								{ position:relative; width:930px; height:30px; right:0px;  }
	
	.menulinks ul							{ list-style-type: none; margin:15px 0 0 0px; padding:0px 0 0 0; text-align: center;	}
	
	.menulinks li,
	.menulinks li.last						{ padding: 0px 10px; display: inline; height:15px !important; text-align:right; border-right: 1px solid #ff9900; line-height:1.6em  }

	.menulinks li.last						{ border-right: none; }

	.menulinks  a							{ font-weight:normal; text-transform:uppercase; font-size:0.9em } 
	
	.menulinks li a:link, 
	.menulinks li a:visited					{ color: #444444 !important; text-decoration: none; letter-spacing:0px;  }
	
	.menulinks li.active a,	
	.menulinks li a:hover					{ color: #f3ad0a !important; text-decoration: none; }


/* ---------------------------------------  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:20px !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;  }

	
	.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; border-right:1px dotted #DEDEDE}

	.tformat td.right			{ position:relative; padding: 0xp 2px; text-align:right; border-bottom: 1px solid #DEDEDE; 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			{  }

	.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; 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 #a4250e; background-color: #a4250e;  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				{  font-size:13px; font-weight:bolder; }


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


	select,
	textarea,
	
	.logininput,
	.inputboxui,
	.text-input,
	.selectbox,
	.inputbox 					{ width:205px; padding:4px 3px !important; border:1px inset #FFFFFF; font-size:12px;  }

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

	.inputbox					{ width:205px }

	.selectbox					{ font-size:11px;  }

	div							{ background:none }
	div.row						{ position:relative; width:900px; clear: both; line-height:15px; height:auto !important; background:#CCC !important; 
								  margin:0 auto !important; color:#333333; font-size:1em;display:block; font-size:12px }

	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 { width:210px; top:0px; left: 0px; padding: 0px 0; text-align: justify;}
.TopLevel * { padding: 0px; margin: 0px; clear: both; color:#000; font-size: 12px;} 

.TopLevel dl.accordion-menu {  top:0px; width: 100%; left:0%; border:solid 0px #000;color:#000;}
.TopLevel dl.accordion-menu dt.divT
{ width: 100%; left:0%;  background:#000; height:28px; text-align:center; color:#FFFFFF; 
border:solid 0px #000 ; border-width: 0px 0px; cursor: pointer;}

.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; }
.TopLevel dd dt { background-color: transparent;color:#000;}

/************/
/*MENU AGENT*/
/************/


/*************/
/*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:#FFFFFF;
	width:220px;
}

/********/
/*FOOTER*/
/********/
#MainFooter
{
	width:800px;
	height:35px;
	background-image:url(images/bgMainFooter.jpg);
	color:#FFFFFF;
	font-size:10px;
	text-align:center;
	vertical-align:text-top;
}
/*********/
/*CONTENT*/
/*********/
/*#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*/
/************/
/******************/
/* 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-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*/
/**************/
#TDR2C1With02
{
	background-image:url(images/TopWithMenu02/TopWithMenu02_r2_c1.jpg);
	background-repeat:no-repeat;
	width:590px;
	height:141px;
}
/**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;
}

/* Agent Login */
#tblLogin { width: 100%; padding: 0 37px; }
#tblLogin h1 { margin: 0 auto; color: #ffffff; text-align: center; padding: 0 0 100px 0; font-weight: normal; }
#tblLogin span { color: #ffffff; display: block; margin-bottom: 5px; }
#tblLogin input[type="text"], #tblLogin input[type="password"] { border: 1px solid #7d7d7d; height: 28px; width: 350px; background: none; border-radius: 0px; color: #ffffff; }
#tblLogin input[type="submit"] { background: url(imgs/btnSlice.png); height: 40px; width: 141px; margin-top: 20px; color: #141414; font-size: 14px; font-weight: bold; }
#tblLogin .error { color: #ff0000; }
a.linkClassic { color: #ffffff; padding-left: 40px; text-decoration: none; font-size: 12px; }
a.linkClassic:hover { text-decoration: underline; }

/* Report.master */
.agentsList {
	background-color: #363D40;
	min-height: 8000px;
}
	
.contents {
    background: none;
    margin: 0 20px 0 220px;
    padding: 0;
	color: #141414;
}
#nonDGSWrapper .wrapper { background: #071928; border-radius: 0 0 3px 3px; color: #ffffff; padding: 0 5px; }
.menu-logo { text-align: center; padding: 20px 0; }
.menu-btns { padding: 10px 10px 0 10px; }
.menu-btns ul { width: 100%; padding: 0; margin: 0; list-style-type: none; }
.menu-btns ul li { width: 73px; height: 74px; position: relative; margin-bottom: 3px; }
.menu-btns ul li a { color: #ffffff; font-size: 9px; display: block; width: 100%; height: 100%; margin: 0 auto; text-align: center; text-transform: uppercase; }
.menu-btns ul li a span { margin-top: 58px; display: inline-block; letter-spacing: -0.02em; }
.menu-btns ul li a span:hover { color: #33ccff; }
.menu-btns ul li a#lnkHome { background: url(/agents/app_themes/modern/imgs/iconHome.png) no-repeat center center; }
.menu-btns ul li a#lnkOpen { background: url(/agents/app_themes/modern/imgs/iconPending.png) no-repeat center center; }
.menu-btns ul li a#lnkWeekly { background: url(/agents/app_themes/modern/imgs/iconWeeklyBalance.png) no-repeat center center; }
.menu-btns ul li a#lnkAction { background: url(/agents/app_themes/modern/imgs/iconActionPlayer.png) no-repeat center center; }
.menu-btns ul li a#lnkPosition { background: url(/agents/app_themes/modern/imgs/iconPosition.png) no-repeat center center; }
.menu-btns ul li a#lnkPrint { background: url(/agents/app_themes/modern/imgs/iconPrint.png) no-repeat center center; }
.menu-btns ul li a.lnkEmpty { background: url(/agents/app_themes/modern/imgs/iconEmpty.png) no-repeat center center; }
.menu-btns ul li a#lnkTicker { background: url(/agents/app_themes/modern/imgs/iconTicker.png) no-repeat center center; }
.menu-btns ul li a#lnkLogout { background: url(/agents/app_themes/modern/imgs/iconLogout.png) no-repeat center center; }

.mb-section { width: 100%; margin: 0 auto; empty-cells:hide;}
.mb-section th { text-align: left; border: none; padding-bottom: 5px; font-size: 9px !important; text-transform: uppercase;}
.mb-section td { width: auto;}
.mb-section td a{ margin-bottom: 7px; display: inline-block; border-bottom: 1px dotted #cccccc; width: auto; color: #666666 !important; font-size: 9px !important; text-transform: uppercase; text-decoration: none !important; }
.mb-section td a:hover { text-decoration: none; border-bottom: 1px solid #999900; color: #000000 !important; }
.not-first { margin-top: 20px; }
.tformat td, .tformat th { border: none;  }
#tableFigures td { font-size: 9px !important; font-family: tahoma !important; padding-bottom: 5px; text-transform: uppercase; }
#tableFigures td:first-child { color: #666666; }


.TopLevel {
    color: #333333;
  
  
    text-align: justify;
    top: 0;
    width: 221px;
    background: url(./images/agent-left.jpg) #CCC;
}
.agent_c {
  
    height: 26px;
    width: 100%;
	margin: 10px 0 0 10px;

    color: #333;
}

}

.TopLevel dl.accordion-menu {
 
   /*background-color:#CCC;*/
    background-color:black;
}

.TopLevel dl.accordion-menu dt.divT {
    cursor: pointer;
    height: 28px;
    margin-left: 21px;
   

    /*position: relative;*/
	left: -48px;
    width: 200px;
	margin-top: 25px;
}
.TopLevel dl.accordion-menu dd.divG {
    display: block;
   
    margin: 0;
    position: relative;
	left: -10px;
	top: -10px;
}

.MenuAgent {
    border-color: #b1aeae #b1aeae #d1d1d1;
    border-style: solid;
    border-width: 1px;
    background-color: #aeaeae;
    color: #1a1a1a;
    font-weight: bolder;
    width: 100%;
    text-align: left;
    text-indent: 5px;
}


.TopLevel dl.accordion-menu dt.divT {
	background: none;
	
}


.TopLevel dl.accordion-menu dt.divT span {
	/*background: none repeat scroll 0 0 #d1d1d1;*/
    /*border: 1px solid #b1aeae;*/
    color: Black;
    font-weight:300;
    cursor: pointer;
    height: 20px;
    left: 0px;
    text-align: center;
    padding-left :10px;
    padding-right:10px;
    padding-top:5px;
     padding-bottom:5px;
    font-size:14px;
    width:100px;
}



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

.body3 {
   background-color: #e1e1e1;
    color: #000;
    
}



.agent_c2 { 
	left: 145px;
    position: absolute;
    top: 14px;
}

.ctl00_ControlMenu_AgentMenu_2 {}
.redFigure{color:red;}
.greenFigure{color:green;}
#message{width:100%;color:red;}
td.collapse{height:0px;}


ul.mainMenuLeft 
{
    
    margin:0px; padding:0px; 
    background-color:#CCC;
                 
                 }
ul.mainMenuLeft li {list-style:none; margin-bottom: 0px;}

ul.mainMenuLeft li a {
 font-size:11px;
 color:Black;
 display:block;
 text-decoration:none;
 overflow:hidden;
 text-indent:-1600em;
 width:74px;
 height:74px;
 margin-bottom:10px;
 margin-top:5px;
}

ul.mainMenuLeft li a{
	background-size: contain !important;
	height: 60px !important;
    margin: 0 0 0 10px;
	width: 55px !important;
}

ul.mainMenuLeft li.collapse-icon a	 {background:url(./images/agent-list-icon.jpg) left top no-repeat;}
ul.mainMenuLeft li.home-icon a {background:url(./images/agent-home.jpg) left top no-repeat;}
ul.mainMenuLeft li.pending-icon a	 {background:url(./images/agent-pending.jpg) left top no-repeat;}
ul.mainMenuLeft li.weekly-icon	a {background:url(./images/agent-weekly.jpg) left top no-repeat;}
ul.mainMenuLeft li.player-icon a {background:url(./images/agent-player.jpg) left top no-repeat;}
ul.mainMenuLeft li.position-icon a	 {background:url(./images/agent-position.jpg) left top no-repeat;}
ul.mainMenuLeft li.print-icon a {background:url(./images/agent-print.jpg) left top no-repeat;}
ul.mainMenuLeft li.logout-icon a {background:url(./images/agent-logout-left.jpg) left top no-repeat;}
ul.mainMenuLeft li.home-reports a {background:url(./images/reports_a.jpg) left top no-repeat;}

ul.mainMenuLeft li.collapse-icon a:hover {background:url(./images/agent-list-icon_hover.jpg) left top no-repeat;}
ul.mainMenuLeft li.home-icon a:hover {background:url(./images/agent-home_hover.jpg) left top no-repeat;}
ul.mainMenuLeft li.pending-icon a:hover {background:url(./images/agent-pending_hover.jpg) left top no-repeat;}
ul.mainMenuLeft li.weekly-icon	a:hover {background:url(./images/agent-weekly_hover.jpg) left top no-repeat;}
ul.mainMenuLeft li.player-icon a:hover {background:url(./images/agent-player_hover.jpg) left top no-repeat;}
ul.mainMenuLeft li.position-icon a:hover {background:url(./images/agent-position_hover.jpg) left top no-repeat;}
ul.mainMenuLeft li.print-icon a:hover {background:url(./images/agent-print_hover.jpg) left top no-repeat;}
ul.mainMenuLeft li.logout-icon a:hover {background:url(./images/agent-logout-left_hover.jpg) left top no-repeat;}
ul.mainMenuLeft li.home-reports a:hover {background:url(./images/reports_hover.jpg) left top no-repeat;}




 
.header h1 {
    background: url("./images/agent-logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    float: left;
    height: 90px;
    margin: 15px 20px 0 50px;
    padding: 0;
    text-indent: -9999px;
    width: 270px;
}


.header {
    background: url("./images/agent-header.jpg") repeat-x scroll 0 0;
    margin: 0px;
    padding: 0px;
}
#header {
    width: 1045px;
    height: 148px;
    float: left;
    display: block;
}

[class^='fa-'], [class^='glyphicon-'], [class^='icon-'], [class*=' fa-'], [class*=' glyphicon-'], [class*=' icon-'] {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    margin-top: 1px;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-sign-out::before {
    content: "\f08b";
}





#logout {
    width: 100%;
    height: 28px;
    float: left;
    display: block;
    clear: both;
}
#logout a {
    background-color: #232c37;
    color: #ccc;
    font-size: 11px;
    height: 18px;
    line-height: 18px;
    padding: 0 6px;
    text-decoration: none;
    display: block;
    z-index: 1000;
    float: right;
}


.logoDiv {
    width: 340px;
    height: 147px;
    float: left;
    display: block;
}

.account ul {
    clear: both;
    float: left;
    margin: 0 0 3px;
    padding: 0;
    position: relative;
    top: 5px;
}



.account {
    width: 100%;
    height: 90px;
    float: left;
    display: block;
    position: relative;
    top: 20px;
}

.topContentDiv {
    width: 700px;
    float: left;
    height: 147px;
    display: block;
    overflow: hidden;
}


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

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


.marquee {
    background-color: #222;
    border: 1px solid #000;
    border-radius: 5px;
    box-shadow: inset 0px 2px 2px rgba(0,0,0,0.5), 0px 1px 0px 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;
}

.account ul li {
    background: none repeat scroll 0 0 #e1e1e1;
    border: 1px solid #c7c7c7;
    color: #818283;
    display: inline-block;
    float: left;
    font-size: 12px;
    height: 31px;
    line-height: 14px;
    list-style: outside none none;
    margin: 0 1px 0 0;
    padding: 5px 0 0 10px;
    width: 125px;
	
}

.account ul li b {
    color: #036;
    display: block;
    font-weight: bold;
}
.account ul li span {
    clear: both;
}

.secondMenu {
    width: 100%;
    height: 27px;
    float: left;
    display: block;
}

.secondMenu ul {
    margin: 0px;
    padding: 0px;
    position: relative;
    bottom: 4px;
}



/**** MARQUEE ****/

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

#message b {
    color: #f90;
    float: left;
	font-weight: bold;
	font-size:18px;
}

.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;
}

#Div1 {
    width: 1000px;
    height: 28px;
    float: left;
    display: block;
    position: relative;
    top: 5px;
}
#Div1 b {
    color: #f90;
    float: left;
    font-weight: bold;
    font-size: large;
}

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

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

.groupReports {
    width: 29%;
    height: 360px;
    float: left;
    display: block;
    margin: 10px;
}


.groupReports h3 {
 color:#036;
 font-size:18px;
 border-bottom:3px solid #d34b20;
 text-transform:uppercase;
 width:100%;
 font-weight: 300;
 height:20px;
 padding-bottom:10px;
}

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

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

.groupReports ul li a.newOption{
	border-right:5px solid #cd0000 !important;
	width:92.3% !important;
	background:url(images/bullet_list_icon-red.png) 2px 7px no-repeat #ebebeb !important;
}

.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 table tr td 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:hover, .groupReports ul li a.newOption:hover {
  color:#FFF;
  background:url(images/bullet_list_icon_hover.png) 2px 7px no-repeat #083957 !important;
  text-decoration: none;
}

#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;
}

.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;
}
*: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;
}

.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:0 0 0 10px;
}
input[type="text"].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;
}
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;
	border-bottom: #D2D2D2 1px solid;
}

.table-bordered td:not(:last-child){
	border-right: #D2D2D2 1px solid;
}


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

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

.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;
}

h4, .h4 {
    font-size: 18px;
    margin-top:10px;
    margin-bottom:10px;
    line-height:1.1;
}


.TrGameOdd {
    color: #02243c;
    background-color: #f9f9f9;
    font-size: 13px;
}

.TrGameEven {
    color: #02243c;
    background-color: #e6e6e6;
    font-size: 14px;
}
tr.TrGameEven:hover{
	background-color: #d1d1d1;
}

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

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

#mainBody {
    color: #000;
}

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

.fa-home
{
    background:url("./images/agent-home.jpg") repeat scroll center center / cover  rgba(0, 0, 0, 0);
    }
    
    input[type='text'].form-control {
    background: url("./images/calendar2.png") no-repeat 4px 3px #fff;
}


.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: 0 0 0 10px;
}

.form-controlnb
{
       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: 0 0 0 10px;
    }



.testBG 
{
      background: url("./images/calendar2.png") no-repeat 4px 3px #fff;
        padding: 8px 6px 8px 36px;
    
}