body {
	font-family:courier;
	font-size:6px;
}
.title {
	font-size:16px;
	color:#ff0000;
}
.title:hover {
	color:#00ffff;
}
.video {
	width:320px;
	background:#000;
}
.video:hover {
	background:#000;
}
td {
	background:linear-gradient(to top,rgb(192,192,255),rgb(224,224,255),rgb(216,216,255),rgb(208,208,255),rgb(200,200,255),rgb(192,192,255),rgb(224,224,255));
    color:#000000;
	border:2px outset #ccf;
	font-size:8px;
}
td:hover {
	background:linear-gradient(to top,rgb(128,128,255),rgb(192,192,255),rgb(176,176,248),rgb(160,160,240),rgb(144,144,232),rgb(128,128,224),rgb(192,192,255));
	color:#404080;
	border:2px inset #88c;
}
table {
	background:#eef;
	border:2px outset #ccf;
	width:664px;
	margin:-8px;
	padding:2px;
}
table:hover {
	background:#ccf;
	border:2px inset #88c;
	width:660px;
}
.link {
	color:#00f;
}
.link:hover {
	color:#f00;
}
.buttontop {
	background:linear-gradient(to top,rgb(224,224,255),rgb(240,240,255),rgb(236,236,255),rgb(232,232,255),rgb(228,228,255),rgb(224,224,255),rgb(240,240,255));
	border:2px outset #ccf;
	font-family:comic sans ms;
	font-size:16px;
	width:128px;
	border-radius:4px;
}
.buttontop:hover {
	border:2px inset #88c;
	font-size:15px;
	width:124px;
}
#TOP {
	position:fixed;
    top:0;
    left:50%;
    width:400px;
	height:32px;
    z-index:1000;
    display:flex;
    justify-content:center;
    align-items:center;
	transform:translateX(-50%);
	background:linear-gradient(to top,rgb(192,192,255),rgb(224,224,255),rgb(216,216,255),rgb(208,208,255),rgb(200,200,255),rgb(192,192,255),rgb(224,224,255));
	border:2px outset #ccf;
	border-radius:0px 0px 16px 16px;
}
#TOP:hover {
	background:linear-gradient(to top,rgb(128,128,255),rgb(192,192,255),rgb(176,176,248),rgb(160,160,240),rgb(144,144,232),rgb(128,128,224),rgb(192,192,255));;
	border:2px inset #88c;
	width:396px;
    top:0;
}