.color-swatch, .tool { border-color: transparent; border-style: solid; border-width: 1px; float: left; height: 22px; margin: 0px 2px 2px 0px; width: 22px; }
.hide { display: none; }
.selected { border: 2px solid #909090; }

#audio1-playlist,#video1-playlist { background-color: #e0e0e0; border: 1px solid #909090; height: 75px; overflow-y: scroll; padding: 2px; width: 375px; }
#audio1-playlist li, #video1-playlist li { list-style-type: none; }
#black { background-color: black; }
#blue { background-color: blue; }
#canvas-example { height: 362px; }
#canvas-tools, #dynamicCanvas { border: 1px solid #909090; float: left; }
#canvas-tools { height: 362px; }
#dynamicCanvas, #dynamicCanvas:focus { cursor: crosshair; }
#dynamicGaugeFormSection div { margin-left: 10px; width: 360px; }
#dynamicGaugeFormSection div label { display:inline-block; text-align: right; width: 75px; }
#color-palete, #context-attributes, #tool-palete { border: 1px solid #909090; clear: left; height: 65px; max-width: 165px; overflow-y: scroll; padding: 2px 0px 0px 2px; }
#green { background-color: green; }
#orange { background-color: orange; }
#purple { background-color: purple; }
#red { background-color: red; }
#yellow { background-color: yellow; }