body { font-family: arial, geneva, helvetica, sans-serif; font-size: 9pt; color: #010066; }
body.instructions { background-color: #9900CC; }

.section_spacer {height: 15px; margin: 0px;  }
.clear {clear: both; }
.cursor {cursor: hand; cursor: pointer;}
.centered {text-align: center; }

div.main {width: 610px; text-align: center; margin: 10px 10px; }

div.bubbled {margin: 10px 0px; }

div.header {margin: 0px; width: 610px; height: 70px; background: url('/bubbleFactory/images/chatBanner.gif') no-repeat; }

.title {color: #FF3366; text-align: center; font-weight: bold; margin: 2px 0px 10px 0px; }

div.info {text-align: left; margin: 0px; padding: 6px; font-size: 9pt }
div.save {text-align: right; margin: 0px; padding: 8px 6px 0px 10px; }
div.submit {text-align: right; margin: 0px; padding: 0px 20px 8px 10px; }
div.centered_button {margin: 0px; padding: 12px; text-align: center;}

div.chooser {text-align: left; margin: 0px; padding: 6px; }

div.preview {float: left; position: relative; top: 8px; width: 280px; margin: 0px; padding: 0px; }
div.palettes {float: left; width: 304px; margin: 0px; padding: 0px; }

img.sample {position: absolute; top: 5px; left: 75px; }
img.sample_chat {z-index: 3; }
img.sample_bubble {z-index: 1; }
img.sample_border {z-index: 2; }

table.palette {margin: 5px 0px; width: 298px; border-collapse: collapse;}
td.palette_label {width: 118px; padding: 0px; padding: 2px; text-align: left; font-size: 9pt; }
td.palette_item {width: 20px; height: 20px; padding: 0px; border: 2px solid black; }
img.palette_item {visibility: hidden; }

table.commands {margin: 7px auto; width: 95%; }
td.command_label {padding: 0px; padding: 2px; text-align: left; font-size: 9pt; font-weight: bold; }
td.command_item {width: 57px; height: 20px; padding: 0px; border: 2px solid; text-align: center; padding: 2px 0px; }