.trafficlight {
    float:left;
    background-color: #000;
    box-shadow: 0 0 5px rgba(0,0,0, .8);
    overflow: hidden;
    padding: 0 0 4px;
    width: 40px;
    margin:5px;
    margin-top:10px;
    height: fit-content;
}

.trafficlight span {
    border-radius: 40px;
    display: block;
    height: 30px;
    margin: 4px auto 0;
    opacity: .3;
    width: 30px;
}

.trafficlightsmall {
    float:left;
    background-color: #000;
    box-shadow: 0 0 5px rgba(0,0,0, .8);
    overflow: hidden;
    padding: 0 0 4px;
    width: 28px;
    margin:5px;
    margin-top:10px;
}

.trafficlightsmall span {
    border-radius: 20px;
    display: block;
    height: 20px;
    margin: 4px auto 0;
    opacity: .3;
    width: 20px;
}

.trafficlightacross {
    float:left;
    background-color: #000;
    box-shadow: 0 0 5px rgba(0,0,0, .8);
    overflow: hidden;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:2px;
    width: 64px;
    margin-top:5px;
    margin-right:5px;
}

.trafficlightacross span {
    border-radius: 15px;
    float:left;
    display: block;
    height: 15px;
    margin-left:4px;
    opacity: .3;
    width: 15px;
}

/*! Light colours */
.trafficlightred    { background-color: #FF0000; }
.trafficlightorange { background-color: #FCBD36; }
.trafficlightgreen  { background-color: #1AC81A; }

.trafficlightredon    { background-color: #FF0000; box-shadow: 0 0 10px #FF0000; }
.trafficlightorangeon { background-color: #FCBD36; box-shadow: 0 0 10px #FCBD36; }
.trafficlightgreenon  { background-color: #1AC81A; box-shadow: 0 0 10px #1AC81A; }

/*! Active states */
.trafficlight span.trafficlightredon    { opacity: 1; }
.trafficlight span.trafficlightorangeon    { opacity: 1; }
.trafficlight span.trafficlightgreenon    { opacity: 1; }

.trafficlightsmall span.trafficlightredon    { opacity: 1; }
.trafficlightsmall span.trafficlightorangeon    { opacity: 1; }
.trafficlightsmall span.trafficlightgreenon    { opacity: 1; }

.trafficlightacross span.trafficlightredon    { opacity: 1; }
.trafficlightacross span.trafficlightorangeon    { opacity: 1; }
.trafficlightacross span.trafficlightgreenon    { opacity: 1; }

.trafficlightbutton {
	background: #E8E8E8;
	border:2px outset #C0C0C0;
	float:left;
	clear:both;
	margin-top:5px;
	width:185px;
	text-align: center;
}

.trafficlightbutton:hover {
	border:2px inset #C0C0C0;
}


/* Fix box-sizing messing up graphs */
.statsgraph {
	box-sizing: unset;
}

.statsgraph * {
	box-sizing: unset;
    width: revert-layer;
}
/*
     FILE ARCHIVED ON 11:35:50 Jun 15, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:26:43 Jun 22, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.548
  exclusion.robots: 0.058
  exclusion.robots.policy: 0.046
  esindex: 0.009
  cdx.remote: 38.93
  LoadShardBlock: 492.063 (3)
  PetaboxLoader3.datanode: 303.218 (4)
  PetaboxLoader3.resolve: 223.644 (2)
  load_resource: 100.663
*/