#IDcontent {background-image:url(graphics/bkgnd.gif);}

#contentcell {background:white url(graphics/bkgnd.gif) fixed top left repeat-y;
	padding-top:30px;}

img.ro {width:125px;
	height:94px;
	margin-top:5px;}

a.to {	border:5px solid white; }
a.to:hover {border:5px solid navy; }

DIV.movie {position:relative;
	width:540px;
	height:405px;
	border:1px solid navy;
	overflow:hidden;z-index:0;}
	
IMG.movie {position:absolute;
	width:540px;
	height:405px;
	top:0px;
	left:0px;
	filter:alpha(opacity=100);
	opacity:1;	}
	 
IMG.clapboard {position:absolute;
	top:10px;
	right:10px;
	filter:alpha(opacity=80);
	opacity:0.8;	}
	 
.league {padding:20px;
	cursor:pointer;
	cursor:hand;	}
.league:hover {background-color:#cdf;}
span.league {padding-left:100px;
	text-align:right;
	font-size:12px;
	color:white;	}

/* 26 Dec 2021 added for pub review system (tested December only this year) */
#ratebox {position:relative;
	width:358px;
	height:280px;
	border:1px solid black;
	margin:10px auto;	}
#ratebox td {text-align:center;
	vertical-align:middle;	}

.lookleft {position:relative;
	width:100px;
	height:100px;
	clip-path:polygon(50% 0,50% 25%,100% 25%,100% 75%,50% 75%,50% 100%,0 50%);
	background-color:red;	}
.lookright {position:absolute;
	width:100px;
	height:100px;
	background-color:red;
	left:-1000px;
	top:-20px;
	clip-path:polygon(0 30%,50% 30%,50% 0,100% 50%,50% 100%,50% 70%,0 70%);color:white;
	padding:35px 10px;
	transition:left 1s cubic-bezier(.65,1.95,.03,.32);	}

H3:hover .lookright {left:-50px;}
H3:active .lookright {left:-1000px;}

/* 12 Sep 2023 for the hidden table at the bottom of Embers cycling pages */
#monthtotals TD {padding-right:12px;}

/* CHATWINDOW in Embers added here 16 May 2025 */


.chatwindow {display:block;
	position:relative;
	width:540px;
	height:405px;
	overflow:hidden scroll;
	background-color:#E4EDFF;
	border:1px solid navy;
	display:none;				/* Default OVERWRITTEN on local page */
	}
.carrier   {position:relative;
	width:520px;
	}
.messagel  {position:relative;
	left:80px;
	width:350px;
	min-height:70px;
	background-color:#4A51AF;
	border-radius:35px;
	padding:20px;
	color:white;
	margin:40px 0;
	}
.messager  {position:relative;
	left:80px;
	width:350px;
	min-height:70px;
	background-color:#B2C1EF;
	border-radius:35px;
	padding:20px;
	color:navy;
	margin:40px 0;
	}
.messagel a, .messager a  {color:inherit;
	}
.speakl    {position:absolute;
	width:0;
	height:0;
	top:5px;
	left:-50px;
	border:30px solid transparent;
	border-right:30px solid #4A51AF;
	transform:scaleY(0.5);
	}
.speakr    {position:absolute;
	width:0;
	height:0;
	top:5px;
	left:340px;
	border:30px solid transparent;
	border-left:30px solid #B2C1EF;
	transform:scaleY(0.5);
	}
.emberl    {position:absolute;
	width:50px;
	height:70px;
	top:0;
	left:-70px;
	overflow:hidden;
	clip-path:circle(40%);
	transition:transform 0.3s;
	}
.messagel:hover	.emberl{transform:scale(2) translateX(25%);
	}
.emberr    {position:absolute;
	width:50px;
	height:70px;
	top:0;
	left:370px;
	overflow:hidden;
	clip-path:circle(40%);
	transition:transform 0.3s;
	}
.messager:hover	.emberr{transform:scale(2) translateX(-25%);
	}
.time	   {position:absolute;
	left:50px;
	top:-30px;
	color:#4A51AF;
	font-size:12px;
	}
.mms	   {width:260px;
	border-radius:10px 10px 0 0;
	margin-bottom:10px;
	}
.chatwindow HR {border-top: 10px dotted #7E89CF;
	}
	
	
#lastroute, #nextroute {display:none;}

#IDc3 input[type=radio]:hover {transform:scale(2);}
.smileybox	{position:relative;
	width:36px;
	height:36px;
	margin:auto;
	overflow:hidden;
	border-radius:50%;
	}
.smileyface	{position:absolute;
	top:0;
	width:286px;
	height:36px;
	filter:contrast(0.5) opacity(0.5);
	}

.review	{position:relative;
	width:40px;
	height:40px;
	float:left;
	margin:10px 20px 10px 0;
	overflow:visible;
	}
.rbox	{position:relative;
	width:40px;
	height:40px;
	background-color:#cdf;
	border-radius:20px;
	border:2px solid navy;
	overflow:hidden;
	transition:2s;
	}
.rgraph	{position:absolute;
	width:241px;
	height:241px;
	top:60px;
	right:40px;
	background:#717BC7 url(../home/graphics/grid40.gif);
	}
.pub	{position:absolute;
	width:600px;
	min-height:40px;
	right:-30px;
	font-size:16pt;
	font-weight:bold;
	text-align:center;
	padding:5px 40px;
	background-color:navy;
	color:white;
	transition-delay:1s;
	transform:0.5s;
	}
.mark	{position:absolute;
	width:40px;
	height:40px;
	transform:scale(1);
	clip-path:polygon(0 0,100% 0,100% 100%,0 100%;
	);
	background-color:black;
	cursor:help;
	}
.qty	{position:absolute;
	width:200px;
	height:20px;
	right:350px;
	font-size:12pt;
	text-align:right;
	}
.food	{position:absolute;
	width:30px;
	height:30px;
	top:5px;
	right:490px;
	z-index:0;
	}
.opclo	{position:absolute;
	width:30px;
	height:30px;
	top:2px;
	right:4px;
	color:white;
	font-weight:bold;
	font-size:30px;
	line-height:28px;
	transform:rotate(-720deg);
	cursor:pointer;
	transition:2.2s;
	}