.toolbox { top: 0; left: 0; display: none; position: absolute; background-color: black; background-color: rgba(0,0,0,0.7); border: 1px solid black; border-radius: 4px; font-size: 12px; box-shadow: 0 0 14px black; }
.toolbox h3 { padding: 5px; background-color: black; background: -moz-linear-gradient(top,#444444,black); border-radius: 4px 4px 0 0; border-left: none; border-bottom: 1px solid black; margin: 0; cursor: move; }
.toolbox h3 a.close { width: 16px; height: 16px; display: block; float: right; background: transparent url(/gfx/close16.png); cursor: pointer; margin-left: 2px; }
.toolbox h3 a.help { width: 16px; height: 16px; display: block; float: right; background: transparent url(/gfx/help16.png); cursor: help; }
.toolbox dl { padding: 10px 10px 5px 10px; }
.toolbox dl dt { float: left; margin-right: 5px; color: #ADADAD; }
.toolbox dl dd { margin-bottom: 5px; color: white; }
#brightnesspanel { float: left; width: 400px; padding: 10px 6px; }
#brightnesspanel label { float: left; margin-right: 9px; font-size: 12px; }
#brightnesspanel .caption { display: block; float: left; margin-left: 9px; font-size: 12px; }
#brightnesspanel .slider { float: left; width: 200px; }
.canvas-wrapper { position: relative; }
.operation {  background-color: black; background-color: rgba(0,0,0,0.7); border: 1px solid #000000; border-radius: 4px; padding: 10px; color: white; }
.operation img { vertical-align: middle; margin-right: 5px; }
.operation span { vertical-align: middle; }