﻿.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: 578px;
    padding: 10px;
}
div#Content
{
    width: 600px;
}
table#DemoTable
{
    width: 600px;
}
td#EditorCell
{
    width: 600px;
    vertical-align: top;
}
td#OptionsCell
{
    width: 180px;
    vertical-align: top;
}
div#Options
{
    width: 150px;
    margin-left: 5px;
}
div#DemoControls
{
    width: 600px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}
div#Preview
{
    width: 598px;
    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;
}
