.button { font-family: Verdana; font-size: 8pt; width: 100px; height: 30px; }
.previewButton { margin-left: 10px; margin-right: 10px; margin-top: 3px; width: 75px; height: 28px; }
.radiobuttonList label { margin-right: 5px; }
.preview { width: 350px; padding: 10px; }
div#Content { width: 350px; }
table#DemoTable { width: 350px; }
td#EditorCell { width: 200px; vertical-align: top; }
td#OptionsCell { width: 180px; vertical-align: top; }
div#Options { width: 150px; margin-left: 5px; }
div#DemoControls { width: 100px; height: 25px; line-height: 25px; text-align: center; }
div#Preview { width: 100px; border: solid 1px gray; margin-top: 25px; }
div#PreviewControls { height: 35px; line-height: 35px; text-align: left; border-bottom: solid 1px gray; }
div.demoHeading { height: 25px; line-height: 25px; color: black; font-weight: bold; border-bottom: solid 1px gray; text-align: center; }
div.optionsHeading { font-size: 10pt; border: none; text-align: left; margin-left: 10px; }
div.optionsLabel { margin: 10px; font-weight: bold; }
div.optionControls { margin-left: 10px; }
div#Footer { margin-top: 10px; color: #7f9db9; font-size: 7pt; }
div#PoweredBy { text-align: center; }
a:link.poweredby, a:visited.poweredby, a:active.poweredby { color: #7f9db9; text-decoration: none; }
a:hover.poweredby { text-decoration: underline; }
