/* Tuesday, June 24, 2025 7:51:26 am */
   	
@font-face {
	font-family: 'Checkbook';
	src:url('/fonts/ufonts.com_computer-regular.ttf'),url('/fonts/ufonts.com_computer-regular.woff') format('woff'),url('/fonts/ufonts.com_computer-regular.eot'),url('/fonts/ufonts.com_computer-regular.eot?#iefix') format('embedded-opentype'); 
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Trek';
	src:url('/fonts/stardown.ttf'); 
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'IBM-Logo';
	src:url('/fonts/IBM-Logo.ttf'); 
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'IBMPlexSansHebrew';
	src:url('/fonts/IBMPlexSansHebrew-Regular.ttf'); 
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Disney';
	src:url('/fonts/ufonts.com_disney-script-regular.ttf'); 
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'StarWars';
	src:url('/fonts/SFDistantGalaxy.ttf'); 
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'StarTrek';
	src:url('/fonts/Star Series.ttf'); 
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Collegiate';
	src:url('/fonts/SFCollegiate.ttf'); 
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'LED';
	src: url('/fonts/led.ttf');
}

body {
	margin:0;
	padding:0 0 0 0;
	border:0;
	overflow:visible; 
	 
}

div#footer {
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	z-index:99;
}
@media print {
	body>div#footer{
		display: none;
	}
}
html {overflow: scroll}
* html body{
	overflow:hidden;
} 
* html div#content{
	height:100%;
	overflow:auto;
}
div#footer table {
	background: lightgrey;
	border-style:none;
	border-radius: 15px 15px 0 0;
}
div#footer td {
	background: linear-gradient(lightgrey,white);
	font-size: 10px;
	padding-right: 3px;
	padding-left: 3px;
	border: 1px;
	border-style:none;
	border-color: lightgrey lightgrey lightgrey lightgrey;
}
div#footer td:first-child {
	background: radial-gradient(at bottom right,white,lightgrey);
	border-radius: 10px 0 0 0;
	padding-left: 10px;
}
div#footer td:last-child {
	background: radial-gradient(at bottom left,white,lightgrey);
	border-radius: 0 10px 0 0;
	padding-right: 10px;
}
div#footer td:hover {
	background: linear-gradient(powderblue,skyblue);
	border-style:none;
	border-color: skyblue black black skyblue;
	cursor:pointer;
}
div#footer td:first-child:hover {
	background: radial-gradient(at bottom right,skyblue,powderblue);
}
div#footer td:last-child:hover {
	background: radial-gradient(at bottom left,skyblue,powderblue);
}
div#footer b {
	font-size: 12px;
}
div#footer td:active {
	background: dodgerblue;
}   

.main {	
	color: white;
	font-size: 250%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.hal  {
	color: black;
	font-size: 175%;
	font-family: Lucida Console, monospace;
	font-weight:  bold;
}
.color {	 
	color:  rgb(0,153,102);
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
table.maintbl {
	table-layout: fixed; 
	border: 1px solid;
	width: 100%;
	border-spacing: 2px;
}

.hidden {
	color: white;
}
 
.alert {	 
	color:  rgb(51,0,255);
	font-family: Helvetica, sans-serif;
	text-decoration: none;
}

.cellcolor {
 	background:  linear-gradient(to bottom right,navy,blue);	
	border-style:  double;
	border-color:  aliceblue;
}

.bordercolor {  
	background:  radial-gradient(white,pink);   
	border-style: double;
	border-color: pink;
	text-align: center;
}

.bordercolor:hover {
	background:  radial-gradient(pink,crimson);  
}

.bottomcounters {
	font-family: 'Comic Sans MS',fantasy
}
		
.centerImage {
	text-align:center;
	display:block;
}

.title    { 
	font-size: 250%;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color:  white;
	text-shadow: 2px 2px 2px black;
}
.header    { 
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 250%;
	font-weight: bold;
	text-align: center; 
	border:outset 1px;
	background: linear-gradient(crimson, pink 15%);
	text-shadow: 0 0 10px white;
}
.normal    { 
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif; 
	cursor: pointer;
	background:  white;
}
.link {
	border:outset 1px;
}
.link:hover  {
	border:inset 1px;
	cursor: pointer;
}
tr.link:hover td  {
	border:inset 1px;
	cursor: pointer;
}


table.disney  tr td  { 
	font-family: "Disney" , "Comic Sans MS", Arial, Helvetica, sans-serif; 
	background: white;
}
td.titledisney    { 
	font-size: 350%;
	font-weight: bold;
	font-family: "Disney" , Arial, Helvetica, sans-serif;
	color:  white;
	margin:  0px;
}

.links {
	background: white;
	text-shadow: 0 0 10px white;
}
ul.links  { 
	list-style-image: url("https://chipwood.net/images/blue-bullet.gif"); 
}
ul.links li:hover { 
	list-style-image: url("https://chipwood.net/images/red-bullet.gif"); 
}
ul.links a {
	font-weight: bold;
}
ul.links li:hover a {
	font-size:125%;
}


ul.biking  { 
	list-style-image: url("https://chipwood.net/images/onegreen.gif"); 
}
ul.biking li:hover { 
	list-style-image: url("https://chipwood.net/images/onered.gif"); 
}
.bike {
	background: rgba(255,255,255,.85); 
	box-shadow: 0 0 0 10px rgba(255,255,255,.75);
}


.bicycle {
	background: white;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size:150%;
	text-shadow: 0 0 10px white;
	border: outset 1px;
	height: 50px;
	text-align:center;
}
.bicycle:hover {
	background: white;
	border: inset 1px;
}
.psu {
	background: white;
	font-family: "Collegiate", "Comic Sans MS", Arial, Helvetica, sans-serif;
	color:midnightblue;
	font-size:175%;
	text-shadow: 0 0 10px white;
	border: outset 1px;
}
.psu:hover {
	background: linear-gradient(to top left,lightsteelblue 70%,steelblue);
	cursor: url(/images/psupoint.cur),pointer;
	border: inset 1px;
}
.psu:active {
	background: steelblue;
	color: lightsteelblue;
}
.psuhdr {
	background: lightsteelblue;
	border:outset 1px;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
}
.psuhdr:hover {
	background: radial-gradient(lightsteelblue 70%,steelblue);
	cursor: url(/images/psupoint.cur),pointer;
	border:inset 1px;
}
.psuhdr:active {
	background: steelblue;
}
.lego {
	background: white;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
	border: outset 1px;
}
.lego:hover {
	background: linear-gradient(to top left,rgb(204,255,255) 70%,rgb(0,128,255));
	cursor: url(/images/brick.cur),pointer;
	border: inset 1px;
}
.lego:active {
	background: rgb(0,128,255);
	color: rgb(204,255,255);
}
.legohdr {
	background: rgb(204,255,255);
	border:outset 1px;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
}
.legohdr:hover {
	background: radial-gradient(rgb(204,255,255) 70%,rgb(0,128,255));
	cursor: url(/images/brick.cur),pointer;
	border:inset 1px;
}
.legohdr:active {
	background: rgb(0,128,255);
}
.dp {
	background: white;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
	border: outset 1px;
}
.dp:hover {
	background: linear-gradient(to top left,pink 70%,crimson);
	border: inset 1px;
}
.dp:active {
	background: crimson;
	color: pink;
}
.dphdr {
	background: pink;
	border:outset 1px;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
}
.dphdr:hover {
	background: radial-gradient(pink 70%,crimson);
	border:inset 1px;
}
.dphdr:active {
	background: crimson;
}
.tivo {
	background: white;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
	border: outset 1px;
}
.tivo:hover {
	background: linear-gradient(to top left,rgb(204,255,204) 70%,rgb(128,255,128));
	border: inset 1px;
}
.tivo:active {
	background: rgb(128,255,128);
	color: rgb(204,255,204);
}
.tivohdr {
	background: rgb(204,255,204);
	border:outset 1px;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
}
.tivohdr:hover {
	background: radial-gradient(rgb(204,255,204) 70%,rgb(128,255,128));
	border:inset 1px;
}
.tivohdr:active {
	background: rgb(128,255,128);
}
.wow {
	background: white;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
	border: outset 1px;
}
.wow:hover {
	background: linear-gradient(to top left,khaki 70%,darkkhaki);
	cursor: url(/images/warcraft2.cur),pointer;
	border: inset 1px;
}
.wow:active {
	background: darkkhaki;
	color: khaki;
}
.wowhdr {
	background: khaki;
	border:outset 1px;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
}
.wowhdr:hover {
	background: radial-gradient(khaki 70%,darkkhaki);
	cursor: url(/images/warcraft2.cur),pointer;
	border:inset 1px;
}
.wowhdr:active {
	background: darkkhaki;
}
.grey	{   }
.white	{ font-weight:bold;  }
.blue	{ color: blue;   font-weight:bold;  }
.green	{ color: green;  font-weight:bold;  }
.purple	{ color: purple; font-weight:bold;  }
.orange	{ color: orange; font-weight:bold;  }


.mail {
	background: white;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
	border: outset 1px;
}
.mail:hover {
	background: linear-gradient(to top left,rgb(255,204,255) 70%,rgb(255,128,255));
	cursor: url(/images/mail.cur),pointer;
	border: inset 1px;
}
.mail:active {
	background: rgb(255,128,255);
	color: rgb(255,204,255);
}
.mailhdr {
	background: rgb(255,204,255);
	border:outset 1px;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
}
.mailhdr:hover {
	background: radial-gradient(rgb(255,204,255) 70%,rgb(255,128,255));
	cursor: url(/images/mail.cur),pointer;
	border:inset 1px;
}
.mailhdr:active {
	background: rgb(255,128,255);
}
.food {
	background: white;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
	border: outset 1px;
}
.food:hover {
	background: linear-gradient(to top left,#ff8 70%,slategrey);
	border: inset 1px;
}
.food:active {
	background: slategrey;
	color: #ff8;
}
.foodhdr {
	background: #ff8;
	border:outset 1px;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
}
.foodhdr:hover {
	background: radial-gradient(#ff8 70%,slategrey);
	border:inset 1px;
}
.foodhdr:active {
	background: slategrey;
}
.shop {
	background: white;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
	border: outset 1px;
}
.shop:hover {
	background: linear-gradient(to top left,lightcyan 70%,lightblue);
	border: inset 1px;
}
.shop:active {
	background: lightblue;
	color: lightcyan;
}
.shophdr {
	background: lightcyan;
	border:outset 1px;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
}
.shophdr:hover {
	background: radial-gradient(lightcyan 70%,lightblue);
	border:inset 1px;
}
.shophdr:active {
	background: lightblue;
}
.news {
	background: white;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
	border: outset 1px;
}
.news:hover {
	background: linear-gradient(to top left,rgb(255,204,255) 70%,indigo);
	border: inset 1px;
}
.news:active {
	background: indigo;
	color: rgb(255,204,255);
}
.newshdr {
	background: rgb(255,204,255);
	border:outset 1px;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
}
.newshdr:hover {
	background: radial-gradient(rgb(255,204,255) 70%,indigo);
	border:inset 1px;
}
.newshdr:active {
	background: indigo;
}
.sport {
	background: white;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
	border: outset 1px;
}
.sport:hover {
	background: linear-gradient(to top left,mintcream 70%,olivedrab);
	border: inset 1px;
}
.sport:active {
	background: olivedrab;
	color: mintcream;
}
.sporthdr {
	background: mintcream;
	border:outset 1px;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
}
.sporthdr:hover {
	background: radial-gradient(mintcream 70%,olivedrab);
	border:inset 1px;
}
.sporthdr:active {
	background: olivedrab;
}
.stuff {
	background: white;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
	border: outset 1px;
}
.stuff:hover {
	background: linear-gradient(to top left,lightsteelblue 70%,midnightblue);
	border: inset 1px;
}
.stuff:active {
	background: midnightblue;
	color: lightsteelblue;
}
.stuffhdr {
	background: lightsteelblue;
	border:outset 1px;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
}
.stuffhdr:hover {
	background: radial-gradient(lightsteelblue 70%,midnightblue);
	border:inset 1px;
}
.stuffhdr:active {
	background: midnightblue;
}
.other {
	background: white;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
	border: outset 1px;
}
.other:hover {
	background: linear-gradient(to top left,lightgrey 70%,slategrey);
	border: inset 1px;
}
.other:active {
	background: slategrey;
	color: lightgrey;
}
tr.other td {
	border:outset 1px;
}
.otherhdr {
	background: lightgrey;
	border:outset 1px;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
}
.otherhdr:hover {
	background: radial-gradient(lightgrey 70%,slategrey);
	border:inset 1px;
}
.otherhdr:active {
	background: slategrey;
}
.other2 {
	background: white;
	text-shadow: 0 0 10px white;
	border: outset 1px;
}
.other2:hover {
	background: linear-gradient(to top left,lightgrey 70%,slategrey);
	border: inset 1px;
}
.other2:active {
	background: slategrey;
	color: lightgrey;
}
tr.other2 td {
	border:outset 1px;
}
.other2hdr {
	background: lightgrey;
	border:outset 1px;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
}
.other2hdr:hover {
	background: radial-gradient(lightgrey 70%,slategrey);
	border:inset 1px;
}
.other2hdr:active {
	background: slategrey;
}
.looney {
	background: white;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
	border: outset 1px;
}
.looney:hover {
	background: white;
	border: inset 1px;
}
.looneyhdr {
	background: rgb(255,230,192);
	border:outset 1px;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
}
.looneyhdr:hover {
	background: white;
	border:inset 1px;
}
.work {
	background: white;
	text-shadow: 0 0 10px white;
	border: outset 1px;
}
.work:hover {
	background: linear-gradient(to top left,rgb(255,204,128) 70%,orange);
	cursor: url(/images/garfinger.cur),pointer;
	border: inset 1px;
}
.work:active {
	background: orange;
	color: rgb(255,204,128);
}
tr.work td {
	border:outset 1px;
}
.workhdr {
	background: rgb(255,230,192);
	border:outset 1px;
	font-family: "Checkbook", "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size:150%;
	text-shadow: 0 0 10px white;
}
.workhdr:hover {
	background: radial-gradient(rgb(255,204,128) 70%,orange);
	cursor: url(/images/garfinger.cur),pointer;
	border:inset 1px;
}
.workhdr:active {
	background: orange;
}
.tvmovie {
	background: white;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
	border: outset 1px;
}
.tvmovie:hover {
	background: linear-gradient(to top left,rgb(204,255,128) 70%,rgb(0,204,0));
	border: inset 1px;
}
.tvmovie:active {
	background: rgb(0,204,0);
	color: rgb(204,255,128);
}
.tvmoviehdr {
	background: rgb(204,255,128);
	border:outset 1px;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
}
.tvmoviehdr:hover {
	background: radial-gradient(rgb(204,255,128) 70%,rgb(0,204,0));
	border:inset 1px;
}
.tvmoviehdr:active {
	background: rgb(0,204,0);
}
.starwars {
	background: white;
	font-family: "StarWars", "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
	border: outset 1px;
}
.starwars:hover {
	background: linear-gradient(to top left,rgb(204,255,128) 70%,rgb(0,204,0));
	border: inset 1px;
}
.starwars:active {
	background: rgb(0,204,0);
	color: rgb(204,255,128);
}
.startrek {
	background: white;
	font-family: "StarTrek", "Comic Sans MS", Arial, Helvetica, sans-serif;
	text-shadow: 0 0 10px white;
	border: outset 1px;
}
.startrek:hover {
	background: linear-gradient(to top left,rgb(204,255,128) 70%,rgb(0,204,0));
	border: inset 1px;
}
.startrek:active {
	background: rgb(0,204,0);
	color: rgb(204,255,128);
}
.w3  { display:none }
.tr:empty { display:none; 
	margin:0;
	padding:0;
	border:0; 
}
.exp   {  
	background:  rgb(255,155,155);
	color:  red;
}

.exp:hover {  
	cursor: url(/images/garfinger.cur),pointer;
	background:  red;
	color:  black;
}   

mark.down {  
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 150%; 
	color:  red;
	background: transparent;
	font-weight: bold;
	text-shadow: 1px 1px darkred, 1px -1px darkred, -1px 1px darkred, -1px -1px darkred;
}
mark.up {  
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 150%; 
	color:  rgb(0,204,48);
	background: transparent;
	font-weight: bold;
	text-shadow: 1px 1px green, 1px -1px green, -1px 1px green, -1px -1px green;
}
mark.unk {  
	font-family:  Arial, Helvetica, sans-serif; 
	font-size: 150%; 
	color:  rgb(100,100,255);
	background: transparent;
	font-weight: bold;
	text-shadow: 1px 1px black, 1px -1px black, -1px 1px black, -1px -1px black;
}
.ibm,
.IBM {
	font-family:   'IBM-Logo', Times, Courier, serif; 
	color: royalblue;
	letter-spacing: -2px;  
}
.kyndryl, 
.kd,
.KD {
	font-family:   'IBMPlexSansHebrew', Arial, sans; 
	color: red;
	letter-spacing: -2px;  
}
.defect:hover input{
	background: rgb(255,230,192);
}
.defect input:focus {
	background: rgb(255,204,128);
	transition: background 1s ease;
}
button.win, 
button.win:hover {
	border-radius: 4px;
	background: lightgrey;
	}
button,
input[type=button],
input[type=submit] {
	border-radius : 5px;
	background: lightgrey;
	}
button:hover,
input[type=button]:hover,
input[type=submit]:hover {
	background: lightsteelblue;
	cursor: pointer;
	}
button:active,
input[type=button]:active,
input[type=submit]:active {
	background: crimson;
	}
tr.hiddenrow td {
	border: none;
	height: 0;
	} 
ol.bold li:hover {
	font-weight: bold;
	cursor: pointer;
	}
.high {
	font-weight: bold;
	font-size: 175%;
	}

.clock   {  
	background:  linear-gradient(to right,lightpink,orange,yellow,lightgreen,lightskyblue,violet,lightpink,orange,yellow,lightgreen);
	background-size:300%;
	color: black;
	animation-name: lightrainbow;
	animation-duration: 30s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	border: 1px outset;
}
.clock:hover {
	animation-direction: reverse;
	background:  linear-gradient(to left,lightpink,orange,yellow,lightgreen,lightskyblue,violet,lightpink,orange,yellow,lightgreen);
	background-size:300%;
	border: 1px inset;
}
@keyframes lightrainbow {
	0%     {background-position:0% 50%;}
	100%   {background-position:100% 50%;}
}	

tr.error     {   
	background: red;
	font-weight: bold;
}
tr.log1      {
	background:  rgb(255,255,102);
}
tr.log2      {
	background:  white;
}
tr.log3      {
	background:  rgb(102,255,102);
}
tr.log4      {
	background:  rgb(255,255,102);
}

div.textbox {
	position:absolute;
	top:1em;
	left:0;
	right:0;
	margin:0 auto;
}
div.textbox b {
	font-weight:bold;
	color:#fff;
	background:#000;
	opacity:.6;
	padding:4px;
}
div.textbox strong {
	font-weight:bold;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;  
	color:yellow;
	font-size:150%; 
	background:#000;
	opacity:.6;
	padding:4px;
}
div.textbox a {
	font-weight:bold;
	color: yellow;
	text-decoration: underline;
	background:#000;
	opacity:.6;
	padding:4px;
}
img.active {
    position: absolute;
	transform: scale(1);
	transition: transform .1s 
	}
img.hidden {
    position:absolute;
	transform:scale(0);
	}

.mailto:after { 
	content: attr(data-user)'@'attr(data-domain);
	font-weight: normal;  
}

th.rotate {
  /* Something you can count on */
	height: 140px;
	white-space: nowrap;
}
th.rotate > div {
	transform: 
    /* Magic Numbers */
	translate(25px, 51px)
    /* 45 is really 360 - 45 */
	rotate(315deg);
	width: 30px;
}
th.rotate > div > span {
	border-bottom: 1px solid  lightgrey;
	padding: 5px 10px;
}

a.bottrap:link ,    
a.bottrap:visited ,
a.bottrap:hover ,
a.bottrap:active  {
	text-decoration: none; 
	cursor:default; 
	z-index:314;
}

div.bottomcounters a:link    ,
div.bottomcounters a:visited ,
div.bottomcounters a:hover   ,
div.bottomcounters a:active  {
	text-decoration: none; 
	cursor:default;
}

.counter {
	font-family: "LED", Arial, Helvetica, sans-serif;
	background:  black;
	color: lime;
	font-size: 150%;   
}
.dead {
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: red;
}
.alive {
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: green;
}
.rsselm1 {  
	background: linear-gradient(to right, #9CF,white) ;
	cursor: pointer;
	border-right-width: 0;
	border-left-width: 0;
}
.rsselm2 {  
	background: linear-gradient(to left, #9CF,white) ;
	cursor: pointer;
	border-right-width: 0;
	border-left-width: 0;
}

div#popuploc {
	position:relative;
}
div#popupcontent{
	position: absolute;
	visibility: hidden;
	overflow: hidden;
	background: transparent;
	border:0;
	padding:0;
	z-index:99;
	transform: scale(0);
	transition: all .25s cubic-bezier(.68,-0.55,.27,1.55);
}
div#popupcontent img {
	max-width:100%;
	max-height:100%;
}
div#popupcontent p {
    background: pink;
    width: max-content;
	border: 1px solid crimson;
	padding: 5px 10px 5px 10px;
	border-radius: 10px;
	box-shadow: 7px 7px 3px gray;
	}

#side { background:  white; }
#side ul {
	list-style: none;
	margin: 0;
	padding:0;
}
#side a { 
	display: block;
	border: 1px solid  lightgrey; 
	color:  black;
	background:  white;
	text-decoration: none;
}
#side b a {
	background:  radial-gradient(pink,crimson);
	color:  black;
	text-decoration: none;
	text-shadow: 0 0 10px pink;
}
#side a:hover {
	background: pink;
	text-shadow: 0 0 10px white;
}        
#side b a:hover {
	background:  radial-gradient(pink,crimson);
	color:  black;
	text-decoration: none;
	text-shadow: 0 0 10px pink;
}
#side li {
	text-align:center;
	position:relative;
}
#side ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	width:120%;
	z-index:99;
}   
div#side ul ul { display:none; }
div#side ul li:hover ul  { display:block; }

div#botrant th { 
	background:red;
	text-align: center;
	}
div#botrant table {
    border: 10px solid red;
	border-collapse: collapse;
	background: rgba(255,255,255,85%);
	position: fixed;
	margin-left: 10%;
	margin-right: 10%;
	z-index: 999;
    }	

.searchbox {
	background:white;
	transition: background .5s linear;
}
.searchbox:focus {
	background:skyblue;
}


img {
	image-orientation: from-image;
}

/*-- 
	HTTPS = on
	HTTP_HOST = chipwood.net
	URL = /js/style.asp
Last modifications:
	/js/basics.asp = Tuesday, May 20, 2025 3:55:32 am
	/js/datetools.asp = Friday, October 29, 2021 1:01:16 pm
	/js/style.asp = Wednesday, April 10, 2024 6:37:26 pm
	/js/stylestuff.asp = Wednesday, April 10, 2024 6:38:49 pm
 --*/