www/css/style.css

/*
 */

/* Reset default browser CSS. */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    background: transparent;
    border: 0;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

body {
    background: #eee;
    color: #000;
    font-family: Verdana, Arial, sans-serif;
    width: 1280px;
    font-size: 12px;
    margin: 0px;
}


#jqxWidget {
    width: 1280px;
    height: 670px;
    float: left;
}


#header {
    width: 1278px;
    height: 48px;
    float: left;
    border: 1px solid #4297d7;
    border-radius: 5px 5px 5px 5px;
    background: #5c9ccc url(../jqwidgets/styles/images/redmond/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}

#title {
    width: 1278px;
    height: 40px;
    float: left;
    margin-top: 7px;
    font-size: 1.8em;
    color: #FFD700;
    text-align: center;
    font-family: comic sans ms;
}

/*

#content {
    width: 978px;
    height: 428px;
    float: left;
    border: 1px solid;
    border-color: #aaa;
    border-radius: 5px 5px 5px 5px;
}

#errors {
    height: 35px;
    width: 978px;
    float: left;
    text-align: center;
    font-size: 1.5em;
    margin-top: 10px;
    color: #ff0000;
}

#etable {
    height: 320px;
    width: 978px;
    float: left;
    overflow: auto;
}

#atable {
    height: 60px;
    width: 978px;
    float: left;
}

table.setup {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}

.trhead {
    font-weight: bold;
    background: #5c9ccc url(../jqwidgets/styles/images/redmond/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
}

tr.setup:nth-child(odd) {
    background: #FFFFFF;
}

tr.setup:nth-child(even) {
    background: #CCFFFF;
}

td.setup {
    padding: 1px 3px 1px 3px;
}
*/

/*
 * Editor screens
 */
/*
table.editor {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
    background-color: #eee;
}

tr.editor {
    height: 30px;
}

td.editname {
    width: 150px;
    padding: 1px 3px 1px 3px;
}

td.editfield {
    width: 300px;
    padding: 1px 3px 1px 3px;
}

td.editsub {
    width: 50px;
    padding: 1px 3px 1px 3px;
}

#jqxTabs {
    width: 980px;
    height: 440px;
    float: left;
}

*/


.LEDred_on {
    margin: 5px auto;
    width: 12px;
    height: 12px;
    background-color: #F40;
    border-radius: 50%;
    box-shadow: #000 0 0px 4px 1px, inset #C33 0 -1px 5px, #f44 0 2px 12px;
}

.LEDred_off {
    margin: 5px auto;
    width: 12px;
    height: 12px;
    background-color: #820;
    border-radius: 50%;
    box-shadow: #400 0 0px 1px 1px;
}

.LEDyellow_on {
    margin: 5px auto;
    width: 12px;
    height: 12px;
    background-color: #FF0;
    border-radius: 50%;
    box-shadow: #000 0 0px 4px 1px, inset #860 0 -1px 5px, #DD0 0 2px 12px;
}

.LEDyellow_off {
    margin: 5px auto;
    width: 12px;
    height: 12px;
    background-color: #A90;
    border-radius: 50%;
    box-shadow: #440 0 0px 1px 1px;
}

.LEDgreen_on {
    margin: 5px auto;
    width: 12px;
    height: 12px;
    background-color: #5E0;
    border-radius: 50%;
    box-shadow: #000 0 0px 4px 1px, inset #270 0 -1px 5px, #5D0 0 2px 12px;
}

.LEDgreen_off {
    margin: 5px auto;
    width: 12px;
    height: 12px;
    background-color: #270;
    border-radius: 50%;
    box-shadow: #250 0 0px 1px 1px;
}

.LEDblue_on {
    margin: 5px auto;
    width: 12px;
    height: 12px;
    background-color: #4AF;
    border-radius: 50%;
    box-shadow: #000 0 0px 4px 1px, inset #247 0 -1px 5px, #48F 0 2px 12px;
}

.LEDblue_off {
    margin: 5px auto;
    width: 12px;
    height: 12px;
    background-color: #137;
    border-radius: 50%;
    box-shadow: #024 0 0px 1px 1px;
}