#lights {
 position:relative;
 left:0px;
 top:0px;
 width:100%;
 height:33px;
 overflow:hidden;
 z-index:10000;
 pointer-events: none; /* https://developer.mozilla.org/en/CSS/pointer-events */
}

.xlsf-light {
 position:absolute;
 z-index:10000;
}

.xlsf-angled {
 transform:rotate(45deg);
}

body.fast .xlsf-light {
 opacity:0.9;
}

.xlsf-fragment,
.xlsf-fragment-box {
 pointer-events: none; /* https://developer.mozilla.org/en/CSS/pointer-events */
}

.xlsf-fragment {
 position:absolute;
 background:transparent url(image/bulbs-50x50-fragments.png) no-repeat 0px 0px;
 width:50px;
 height:50px;
}

.xlsf-fragment-box {
 position:absolute;
 left:0px;
 top:0px;
 width:50px;
 height:50px;
 *width:100%;
 *height:100%;
 z-index:10000;
 display:none;
}

/*
.xlsf-light.bottom {
 height:49px;
 border-bottom:1px solid #006600;
}
.xlsf-light.top {
 height:49px;
 border-top:1px solid #009900;
}
*/