body {
    margin: 0px;
    font-family: arial, sans-serif, helvetica;
    background-color: white;
}

.logo_title {
    color: #92d050;
    font-size: 150%;
    font-family: sans;
    font-weight:bold;
}

.collapsed {
    border-collapse: collapse;
}

.left {
    text-align: left;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.top {
    vertical-align: top;
}

.bottom {
    vertical-align: bottom;
}

tr.separator {
    width: 100%;
    background-image: url('images/DBG-navbar-bg.gif');
    background-repeat: repeat-x;
    background-position: center;
}

td.separator {
    height: 31px;
}

.frame {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

.nopad { padding: 0px; margin: 0px;}

.left_border {
    width: 3%;
}

.border_sep {
    height: 5px;
    width: 5px;
}

.frame .top_border {
    margin: 5px;
    border: 1px solid #ffe292;
    border-left: none;
    border-top: none;
}

.frame .bottom_border {
    border: 1px solid #ffe292;
    border-left: none;
    border-bottom: none;
}

.frame .left_border {
    border-right: 1px solid #ffe292;
}

.icon {
    padding: 0px;
    width: 12%;
    vertical-align: middle;
}

.value {
    vertical-align: middle;
}

.huge {
    font-size: 300%;
    padding: 10px;
}

.big {
    font-size: 200%;
}

.pTabLabel {
    font-size: 80%;
    width: 102px;
    text-align: right;
}

.pTabValue {
    border: solid 1px black;
    width: 10em;
    font-family: monospace;
    font-size: 100%;
    text-align: right;
}

.pTabMarker {
    overflow: hidden;
}

#genMarker {
    position: relative;
}

#useMarker {
    position: relative;
}

#energyValue {
    color: green;
}

#CO2Value {
    color: #d00;
}

#distValue {
    color: #d00;
}

.countdown {
    position: absolute;
    text-align: right;
    width: 99%;
    top: 1%;
    font-size: 80%;
    font-style: italic;
    color: blue;
}

#titleH1 {
    font-size: 150%;
}

img {
    border-style: none;
}