body {
    padding-top: 2em;
    text-align: center;
}

.container {
    padding: 2em 1em;
    text-align: left;
}

/*
 * Table layout
 */
table.dmx {
    margin: 1em auto;
    width: 80%;

    border-collapse: collapse;
}

table.dmx tr
{
    border: 1px dotted #aaa;
}

table.dmx th
{
    text-align: center;
}

th.dmx-head         { width: 5em; }
th.dmx-value        { width: 5em; }
th.dmx-control      { }
th.dmx-head-control { width: 5em; }




/* Controls */
input.dmx-input {

}

div.dmx-color-background {
    background-color: rgb(0, 0, 0);
}

div.dmx-color {
    width: 5em;
    height: 5em;

    margin: 1em auto;

    border: 1px dotted #aaa;
}

div.dmx-slider {
    margin: 1em;
}

div.dmx-slider-alpha .ui-slider-range,
div.dmx-slider-alpha .ui-slider-handle
{
    background: #ffffff;
}

div.dmx-slider-red .ui-slider-range,
div.dmx-slider-red .ui-slider-handle
{
    background: #ff0000;
}

div.dmx-slider-green .ui-slider-range,
div.dmx-slider-green .ui-slider-handle
{
    background: #00ff00;
}

div.dmx-slider-blue .ui-slider-range,
div.dmx-slider-blue .ui-slider-handle
{
    background: #0000ff;
}