body { font-size: 0.9em; margin: 0; padding: 0; border: none; }
kbd {font-family:inherit;padding:0px 2px;white-space:nowrap;color:#000;background:#eee;border:solid;border-width:2px 4px 5px 3px;border-color:#ccc #aaa #888 #bbb;}
.popup { position: absolute; z-index: 1000; border: 1px solid black; background-color: #CCCCCC; }

.error { color: red; }
.good { color: green; }

table.inputs { padding: 0; margin: 0; }
table.inputs td { padding: 0 5px 0 0; margin: 0; }

/*padding-bottom: 13px; white-space: nowrap; overflow-x: scroll; overflow-y: hidden;*/

#toolbar { position: fixed; z-index: 3; min-width: 100%; height: 32px; left: 0px; top: 0px; background: url(toolbar.gif); font-size: 0.9em; }
#toolbar #start { width: 6px; height: 32px; line-height: 0; float: left; }
#toolbar .spacer { width: 8px; height: 32px; background: url(spacer.gif); line-height: 0; float: left; }

#toolbar #fake_upload { float: left; position: relative; width: 32px; height: 32px; margin: 0; white-space: nowrap; cursor: pointer; }
#toolbar #fake_upload img { position: absolute; top: 0px; left: 0px; cursor: pointer; border: 0; margin: 3px; padding: 1px; background: none; }
#toolbar #fake_upload #upload { position: absolute; top: 2px; left: -5px; z-index: 4; height: 28px; font-size: 1%; opacity: 0; cursor: pointer; }

#toolbar .elem { display: block; float: left; }
#toolbar .elem img { border: 0; margin: 3px; padding: 1px; background: none; }
#toolbar .words { display: table-cell; vertical-align: middle; line-height: 24px; height: 24px; padding: 1px; margin: 3px; float: left; }
#toolbar .words input { display: inline; margin: 0px; border: 1px solid #CCCCCC; padding-right: 1px; font-size: 0.9em; }
#toolbar .elem:hover img, #toolbar .words:hover, #toolbar #fake_upload .hilight img { margin: 2px; border: 1px solid #707070; background: #B7B7B7; }
#toolbar .elem:active img, #toolbar .words:hover, #toolbar #fake_upload .down img { margin: 2px; border: 1px solid #707070; background: #BFBFBF; }

#toolbar .toggle.down * { margin: 2px; border: 1px solid #707070; background: #999999; }
#toolbar .toggle.down:hover * { margin: 2px; border: 1px solid #707070; background: #B7B7B7; }
#toolbar .toggle.down:active * { margin: 2px; border: 1px solid #707070; background: #BFBFBF; }

#toolbar .disabled { opacity: .2; }
#toolbar .more { padding-left: 0 !important; margin-left: -8px !important; }

#toolbar .menu { display: block; background-color: #EEEEEE; border: 1px solid black; position: absolute; top: 32px; overflow: auto; max-height: 152px; border-collapse: collapse; }
#toolbar .menu tbody { white-space: nowrap; font-size: .9em; }
#toolbar .menu tr:hover { background-color: #CCCCCC; }
#toolbar .menu td { text-align: left; }

#clip input { border: 1px solid #CCCCCC; font-size: 0.9em; padding: 0; margin: 0; width: 30px; height: 16px; }
#clip td { vertical-align: middle; line-height: 16px; height: 16px; padding: 0; margin: 0; border: 0; }
#clip .button { cursor: pointer; background: none !important; padding: 0 !important; margin: 0 0 -5px 0 !important; border: 0px none !important; height: 16px; }

#zooms tr, #undo tr, #redo tr { cursor: pointer; }

input.number { text-align: right; }
input.perc { text-align: right; background: url(perc.gif) white no-repeat center right; padding-right: 14px !important; }

#picture_upload { display: none; }
#psuedo_collage { border: 1px solid black; margin: 8px; }
#collage { z-index: 1; border: 1px solid black; position: absolute; left: 8px; top: 40px; }
#zoomed { z-index: 0; border: 1px solid black; position: absolute; top: 40px; }
#help { z-index: 2; position: absolute; border: 1px solid black; top: 42px; right: 10px; padding: 5px; background: url(helpbg.png); }