/* style.css
 * Date: 2013-11-02
 */
@charset "UTF-8";

body {
    font-family:'Helvetica','Arial',sans-serif;
    background-color:#000;
    color:#fff;
}

h1 {
    font-size:22px;
    margin:12px 6px 2px 20px;
}
h1 em {
    font-size:16px;
    padding-left:6px;
    color:rgba(255,255,255,0.75);
}
em.tiny {
    font-size:13px;
    padding-left:20px;
    padding-top:8px;
    color:rgba(68,171,218,0.75)
}
em.warning {
    font-size:14px;
    padding-left:4px;
    color:#447;
}
.ui-control-table {
    margin: 0px 0px 10px 10px;
    border-collapse: separate;
    border-spacing: 10px 0;
}
.ui-control-table td {
    padding: 0 6px 6px 0;
}
.ui-label-lg {
    font-size:1.1em;
    width: 100%;
    border-bottom: 2px solid #557;
    color:#779;
    margin: 10px 0 0 0px;
}
.ui-label-sm {
    width: 100%;
    margin: 0 0 10px 0;
    text-align: center;
    color:rgba(68,171,218,0.85);
}
/* Overriding jQuery Knob styles to fix centering of textbox */
.ui-knob-sm {
    font-size: 22px !important;
    width: 57px !important;
    margin-left: -82px !important;
    margin-top: 38px !important;
}
canvas {
    border: 0px solid red;
    height:100px;
    overflow:hidden;
}