BODY {
	--JukBorCol: #444;
	--JukBorCol3: #888;
	--JukBorCol2: #BBB;
}

TABLE.JukeboxFrame	{ border-collapse: collapse; width: 100%; margin: 4px auto 0px auto; border: 1px solid var(--JukBorCol2);
	font: 13.5pt 'PT Sans',sans-serif;
}
.JukeboxBodyI,
.JukeboxBodyF	{ padding: 5px; vertical-align: top; background-color: #B5BC96; }
.JukeboxButtons	{ padding: 0px 5px 5px 5px; background-color: #555; }

TABLE.JukeboxData		{ border-collapse: collapse; xborder: 1px solid #CCC; xborder-width: 1px 1px 0px 0px; width: 100%; } /* Max width: 735px */
TABLE.JukeboxData TH,
TABLE.JukeboxData TD	{ border: 1px solid var(--JukBorCol); border-width: 0px 0px 0px 1px; }
TABLE.JukeboxData TH	{ border-color: var(--JukBorCol3); }
TABLE.JukeboxData TH:first-child,
TABLE.JukeboxData TD:first-child { border-left-width: 0px; }

/* border: 1px solid black; border-width: 0px 0px 1px 1px; */

TABLE.JukeboxData TH	{ font: 13pt Monda,sans-serif; background: linear-gradient(to bottom, #606060, #404040); color: #DDD; padding: 3px 5px;
	white-space: nowrap; text-align: center; }
TABLE.JukeboxData TH IMG	{ vertical-align: middle; margin-left: 5px; width: 18px; height: 18px; border-width: 0px; cursor: pointer; }
TABLE.JukeboxData TD	{ padding: 15px 20px; border-top-width: 1px; }
TABLE.JukeboxData TD.I	{ width: auto; }
TABLE.JukeboxData TD.F	{ width: auto; }
TABLE.JukeboxData TD.L	{ width: auto; }
TABLE.JukeboxData TD.D	{ width: 134px; text-align: center; }
TABLE.JukeboxData TD.T	{ width: 98px; text-align: right; }
TABLE.JukeboxData TBODY SPAN	{ display: none; }
TD.Paging		{ font-size: 11pt; text-align: center; border-width: 1px 0px 0px 0px ! important; }

TABLE.JukeboxData TFOOT TD	{ background: #555; padding: 10px 3px; border-bottom: 1px solid #555; }

/***	Doesn't work with IE ***
TABLE.JukeboxData TBODY TR			{ background-color: #FCFFE4; cursor: default; }
TABLE.JukeboxData TBODY TR:Hover	{ background-color: #D0FFD0; cursor: pointer; }
*/

TABLE.Paging	{ margin: 0px auto; overflow: hidden; padding-top: 15px; border-spacing: 5px; }
TABLE.Paging TD { text-align: center;
				  cursor: pointer; font-size: 12pt; padding: 3px 0px; width: 46px;
			    color: #000000;
			    text-shadow: 1px 1px 0px #EEEEEE;
			   /* padding: 3px 15px; */
			    border-radius: 3px;
			    border: 1px solid #9E9E9E;
			    background: #E8E8E8 linear-gradient(to bottom, #F8F8F8, #D0D0D0);

}
TD.Selected		{ background: #CCFFCC ! important; cursor: default ! important; }
TD.Disabled		{ background: #BBB ! important; color:#888 ! important; cursor: default ! important; xtext-shadow: none ! important; }


#SpinnerBox	{
	display: none;
	position: absolute;
	opacity: 1;
	left: calc(50% - 90px);
	width: 180px;
	height: 180px;
	text-align: center;
	padding: auto 10px;
	background-color: #000;
	/*
		text-shadow: #888 0px 0px 20px;
		top: 20px;
		border: 1px solid black;
	*/
	color: #FFF;

}
#SpinnerBox DIV { opacity: 0.8; }
#SpinnerBox	P { margin: 5px 20px; padding: 5px; font: 14pt Monda,sans-serif; color: #FFF; }