public/stylesheets/main.css

div.leftmenu {
    float: left;
    width: 20%;
}

html, body, p, th, td, li, dd, dt, pre {
    font: 1em Verdana, Arial, Helvetica, sans-serif;
}

div.login_bar {
    z-index: 99999;
    float:right; font-size:0.9em; border:1px;
    line-height: 50px;	//size of the google+ user image
vertical-align:top;
}

div.band {
    width: 100%;
    overflow: auto;
}
.error { color:#FF0000; }

h1, h2, h3, h4, h5, h6 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 { font-size: 1.7em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em ; }
h4 { font-size: 1.1em; }
h5 { font-size: 1.0em; margin:0; padding:0; }
h6 { font-size: 1.0em; }

/*http://stackoverflow.com/questions/248011/how-do-i-wrap-text-in-a-pre-tag*/

pre {
    white-space: pre-wrap;       /* CSS 3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

p.descriptive { font-size:0.8em; margin:0; padding:0; }
a:link { color: #00f; text-decoration: none }
a:visited { color: #009; }
a:hover { color: #06f; text-decoration: underline; }
a:active { color: #0cf; text-decoration: underline; }

td { vertical-align: top; }


tr.odd { background-color: #FFFFFF; }
tr.even { background-color: #CCCCCC; }

.menupanel { display: block; border: 1.0px; border-color: black; background-color: #AAAAAA; padding:0.1em; }

iframe { border:none; }

A.menulink:link { text-decoration: none }
A.menulink:visited { text-decoration: none }
A.menulink:active { text-decoration:none; background-color: grey; }
A.menulink:hover { color: white; background-color: blue; }

div.editselector { text-align:right; border-right:1px solid; border-right-color:blue; top:2em; height:80%; overflow-y:auto;padding-right:0.2em}

A.selectlink:link { text-decoration: none; color:black }
A.selectlink:visited { text-decoration: none }
A.selectlink:active { text-decoration:none; background-color: grey; }
A.selectlink:hover { color: white; background-color: #CCCCCC; }

div.edit_rhs { float:right; top:0; height:90%; }

span.informative {
    margin-left: 0.6em;
    font-style: italic;
    font-size: 0.8em;
}

label {
    margin-right: 0.4em;
}

table.dashboardpanel {
    border: 2px solid black;
    border-collapse: collapse;
    font: 0.8em "Lucida Console",Monaco,monospace;
    border-spacing: 3px;
    overflow: scroll;
}

td.visible {
    border: 1px solid black;
    padding: 2px;
    padding-left: 6px;
    padding-right: 6px;
}

td.align-right {
    text-align: right;
}

td {
    border: 1px solid black;
    border-collapse: collapse;
    padding-right: 5px;
    padding-left: 5px;
}

tr.dashboardheader, th.dashboardheader, div.dashboardheader {
    font-size:1.1em;
    background-color: #AAAAFF;
    border: 1px solid black;
    border-collapse: inherit;
    padding-right: 5px;
    padding-left: 5px;
    text-align: left;
}

.mouseover {
    background-color: #aaaaaa;
}

.selectable-row {
    cursor: pointer;
}

ul.addressList {
    padding-left: 0.2em;
    margin-top:0;
    list-style: none;
}

ul.sub-list-1 {
    margin-left: 0.2em;
}

ul.sub-list-deep {
    margin-left: 1em;
}

.small-info {
    font-size: 0.7em;
    font-style: italic;
    margin-bottom: 0.1em;
}

.generic-tooltip {
    z-index: 99;
}

.luncount-warning {
    background-color: #a82828;
}

.problem {
    background-color: #880000aa;
}

.warning {
    background-color: #f4c842;
}

.unimportant {
    color: #AAAAAA;
}

.driver-not-loaded {
    color: #888888;
}

.list-bullet-icon {
    margin-right: 0.2em;
}

ul.boxlist {
    padding-left:0
}

li.entry-container {
    list-style: none;
    border: 2px solid black;
    border-radius: 10px;
    height: 400px;
    width: 100%;
    margin-bottom: 2em;
    overflow: hidden;
}

span.entry-header {
    display: block;
    font-size: 1.1em;
    margin-left: 0.5em;
    margin-top: 0.5em;
    font-weight: bold;
}

span.entry-header-additional {
    font-weight: normal !important;
    font-style: italic;
    font-size: 0.9em !important;
}

div.displaybox {
    display: inline-block;
    border: 1px solid darkgray;
    border-radius: 3px;
    background-color: white;
    width: 150px;
    overflow: hidden;
    margin-left: 1em;
    margin-top: 0.5em;
    vertical-align: top;
}

.doublewidth {
    width: 300px !important;
}

.wider {
    width: 220px !important;
}

.oversized {
    display: block !important;
    width: 400px !important;;
    height: 330px !important;
    overflow-y: auto !important;
}


.float-right {
    float: right !important;
    margin-right: 1em;
    margin-bottom: 1em;
}

span.displaybox-title {
    font-size: 1.1em;
    color: black !important;
    background-color: #AAAAFF;
    padding-right: 5px;
    padding-left: 5px;
    text-align: left;
    width: 100%;
    margin-right: 0;
    overflow: hidden;
    display: inline-block;
    padding-bottom: 0.2em;
}


ul.content-list {
    list-style: none;
    margin-left: 0;
    padding-left: 5px;
    padding-bottom: 0.5em;
}

.validation-icon {
    float: right;
    margin-left: auto;
    margin-right: 0.5em;
}

.even-wider {
    width: 320px !important;
}

.fibre {
    width: 226px !important;
}

.model {
    width: 114px !important;
}

.ip {
    width: 170px !important;
}

.lun {
    width: 130px !important;
}

.dlc {
    width: 110px !important;
}