.logon {
    float: left;
    display: inline;
    margin: 2em;
}

body {
    height: 100%;
    width: 100%;
    margin: 0;
    font-family: sans-serif;
    min-width: 600px;
}

button {
    background-image: url(graphics/button.png);
    color: #FFFFFF;
    border: none;
    background-repeat: no-repeat;
    background-position: top left;
    width: 60px;
    height: 24px;
    padding: 0 1em;
}

.scheduleButton {
    background-image: url(graphics/button.png);
    color: #FFFFFF;
    border: none;
    background-repeat: no-repeat;
    width: 60px;
    height: 24px;
    padding: 0 1em;
}

.bayButton {
    padding: 0 2px;
}
/* Custom element styles */
/* 100%=3*colwidth+6*colmargin */
.column {
    width: 30%;
    float: left;
    margin: 0 1% 1% 1%;
    height: 100%;
}

.logo img {
    border-style: none;
}

.applet {
    padding: 0;
    border-style: solid;
    border-width: thin;
    border-color: #BDCAD8;
    color: #0000E0;
    font-size: x-small;
    font-family: sans-serif;
    margin: 0 0 1em 0;
    float: left;
    width: 98%;
    -moz-border-radius: 10px 10px 10px 10px;
    background-color: white;
    z-index: 5;
}

.applet .header {
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #BDCAD8;
    background: #D4E6FC;
    margin: 0;
    cursor: move;
    padding: 0;
    float: left;
    width: 100%;
    color: #2B4499;
    -moz-border-radius: 10px 10px 0px 0px;
}

.titletext {
    float: left;
    padding: 6px;
    font-size: 8pt;
}

.content {
    padding: 0;
    -moz-border-radius: 0px 0px 10px 10px;
    color: #2B4499;
    background-image: url(graphics/backgroundfade.gif);
    background-repeat: repeat-x;
    background-position: bottom left;
    float: left;
    width: 100%;
    overflow-x: hidden;
}

.contentDiv {
    padding: .5em;
}

.applet .header .title {
    float: left;
    cursor: move;
    font-weight: bold;
    width: 100%;
    z-index: 50;
}

.actions {
    float: right;
    padding: 5px;
    z-index: 99;
}

.action {
    cursor: pointer;
}

.applet th {
    text-align: right;
}

.placeholder {
    background: #F0F0F0;
    border-style: dashed;
    border-width: thick;
    border-color: #D0D0D0;
    -moz-border-radius: 10px 10px 10px 10px;
    float: left;
    width: 100%;
    z-index: -10;
    opacity: 0.4;
}

.debug {
    clear: both;
    text-align: center;
    display: none;
}

.buttons {
    float: left;
    width: 100%;
    padding-top: 15px;
}

.removebutton {
    padding: 1em;
    float: right;
}

.setupbuttons {
    float: left;
    padding: 1em;
}

.wrapper {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    float: left;
}

.banner {
    float: left;
    background-color: #000000;
    margin: 0;
    width: 100%;
    text-align: right;
}

.logon_info {
    display: inline;
    font-size: 14px;
    color: white;
    padding-right: 1em;
}

.logon_info img {
    border-style: none;
    padding: 0 2px;
}

.logon_info a {
    border-style: none;
}

.logo {
    display: inline;
    padding-left: 1em;
    float: left;
}

.wrapper2 {
    margin: 0px;
    padding: 0;
    width: 100%;
    height: 100%;
    float: left;
}

.wrapper2 td {
    vertical-align: top;
}

.ads {
    margin: 0;
    padding: 0;
    border-style: none;
    height: 100%;
}

.applets {
    padding: 0;
    margin: 20px 1% 0 1%;
    height: 100%;
    width: 96%;
    float: left;
}

.FlashReport {
    z-index: 1;
}

.quick_calendar_schedule td {
    border: 1px solid black;
    height: 10px;
    font-size: 10px;
    width: 10em;
    vertical-align: top;
    -moz-user-select: none;
}

.quick_calendar_schedule th {
    font-size: 10px;
    vertical-align: top;
    text-align: center;
}

.quick_calendar_schedule tr {
    height: 10px;
    border-top: 1px solid black;
}

.activity0 {
    border-color: #e0cc9b;
    background-color: #e0cc9b;
}

.activity1 {
    border-color: #9be0c4;
    background-color: #9be0c4;
}

.activity2 {
    border-color: #b2e09b;
    background-color: #b2e09b;
}

.activity3 {
    border-color: #9bbfe0;
    background-color: #9bbfe0;
}

.color_activity0 {
    border-color: #e0cc9b;
    background-color: #e0cc9b;
}

.color_activity1 {
    border-color: #9be0c4;
    background-color: #9be0c4;
}

.color_activity2 {
    border-color: #b2e09b;
    background-color: #b2e09b;
}

.color_activity3 {
    border-color: #9bbfe0;
    background-color: #9bbfe0;
}

.activity0_on {
    border-color: #e0d9c7;
    background-color: #e0d9c7;
}

.activity1_on {
    border-color: #c7e0d6;
    background-color: #c7e0d6;
}

.activity2_on {
    border-color: #d0e0c7;
    background-color: #d0e0c7;
}

.activity3_on {
    border-color: #c7d4e0;
    background-color: #c7d4e0;
}

#holder {
    margin-top: 1em;
    margin-bottom: 1em;
}

.holder {
    margin-top: 1em;
    margin-bottom: 1em;
}

.holder-sub {
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 1em;
}

.track {
    width: 100px;
    background-color: #ccc;
    height: 10px;
    margin: 1em;
}

.sp_track0 {
    width: 395px;
    background-image: url(graphics/temps0.gif);
    background-repeat: no-repeat;
    background-position: top left;
    height: 25px;
    padding: 0;
    margin: 0;
    display: block;
}

.sp_track1 {
    width: 395px;
    background-image: url(graphics/temps1.gif);
    background-repeat: no-repeat;
    background-position: top left;
    height: 25px;
    margin: 0;
    padding: 0;
    display: block;
}

.sp_track2 {
    width: 395px;
    background-image: url(graphics/temps2.gif);
    background-repeat: no-repeat;
    background-position: top left;
    height: 25px;
    margin: 0;
    padding: 0;
    display: block;
}

.sp_track3 {
    width: 395px;
    background-image: url(graphics/temps3.gif);
    background-repeat: no-repeat;
    background-position: top left;
    height: 25px;
    margin: 0;
    display: block;
    padding: 0;
}

.sp_master_track {
    width: 315px;
    background-image: url(graphics/generic.png);
    background-repeat: repeat-x;
    background-position: bottom left;
    height: 25px;
    margin: 1em;
    float: left;
}

.Heatsetpoints {
    float: left;
    position: relative;
    top: 1em;
}

.Coolsetpoints {
    float: left;
    position: relative;
    top: 1em;
}

.master_track {
    width: 125px;
    background-color: #ccc;
    height: 10px;
    margin: 1em;
}

.slider_handle {
    width: 10px;
    height: 15px;
    background-color: #f00;
    cursor: move;
}

.heat_handle {
    width: 11px;
    height: 28px;
    background-image: url(graphics/heat_pt.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    cursor: pointer;
    position: relative;
    font-size: 10px;
    top: -13px;
}

.cool_handle {
    width: 11px;
    height: 28px;
    background-image: url(graphics/cool_pt.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
    cursor: pointer;
    position: relative;
    top: -41px;
    font-size: 10px;
}

.overlay {
    width: 100%;
    height: 200%;
    background: #F0F0F0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 98;
}

.dialog {
    min-height: 25%;
    background: white;
    position: absolute;
    width: 176px;
    height: 235px;
    text-align: center;
    top: 33%;
    left: 37.5%;
    -moz-border-radius: 10px 10px 10px 10px;
    border: 1px solid black;
    z-index: 99;
    padding-bottom: 1em;
}

.dialog .buttons {
    width: 100%;
    text-align: center;
}

#SOverlay {
    width: 100%;
    height: 100%;
    background: #F0F0F0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 98;
}

#SDialog {
    min-height: 25%;
    background: white;
    position: absolute;
    width: 11em;
    height: 15em;
    text-align: center;
    top: 25%;
    left: 37.5%;
    -moz-border-radius: 10px 10px 10px 10px;
    border: 1px solid black;
    z-index: 99;
    padding-bottom: 1em;
}

#SDialog .buttons {
    width: 100%;
    text-align: center;
}

.selectTitle {
    font-size: 12pt;
    font-weight: bold;
}

.selectHeader {
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #BDCAD8;
    background: #D4E6FC;
    margin: 0 auto;
    padding: 1em 0;
    float: left;
    width: 100%;
    color: #2B4499;
    -moz-border-radius: 10px 10px 0px 0px;
}

.addHolder {
    padding: 0;
    border-style: solid;
    border-width: thin;
    border-color: #BDCAD8;
    color: #0000E0;
    font-size: x-small;
    font-family: sans-serif;
    margin: 0 0 1em 0;
    float: left;
    width: 99%;
    -moz-border-radius: 10px 10px 10px 10px;
    font-size: 10pt;
}

.addTitle {
    float: right;
    padding: 1em;
    font-size: 12pt;
    font-weight: bold;
}

.addHeader {
    border-bottom-style: solid;
    border-bottom-width: thin;
    border-bottom-color: #BDCAD8;
    background: #D4E6FC;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    color: #2B4499;
    -moz-border-radius: 10px 10px 0px 0px;
}

.applet .addHeader .title {
    float: left;
    font-weight: bold;
    width: 100%;
    z-index: 50;
}

.applet .addHeader .title .action {
    cursor: pointer;
}

.addImage {
    float: left;
    padding: 1em;
}

.addImage img {
    border-style: none;
}

.addDesc {
    font-style: italic;
    height: 256px;
}

.addButton {
    float: right;
    padding: 1em;
}

.addNotes {
    float: left;
    font-size: 8pt;
}

.addCancel {
    float: right;
}

.addScroll {
    clear: both;
    float: left;
    width: 100%;
    padding: 0 .5em;
}

.user {
    float: left;
    border-right: 1px solid black;
    padding: 1em;
    width: 45%
}

.wizard th {
    text-align: right;
    font-weight: normal;
    vertical-align: top;
    padding-bottom: .5em;
}

.wizard td {
    padding: 0;
    vertical-align: top;
}

.round {
    -moz-border-radius: 10px 10px 10px 10px;
}

#ActToolTip {
    position: absolute;
    visibility: hidden;
    padding: 1em;
    -moz-border-radius: 10px 10px 10px 10px;
    border: 1px solid black;
    background-color: #fff088;
}

.row {
    text-align: right;
}

tr.tr td {
    background-color: white;
}

tr.trhighlight td {
    background-color: #CDCDCD;
}

.norm td {
    vertical-align: middle;
    font-weight: bold;
    text-align: left;
}

.norm th {
    vertical-align: middle;
    font-weight: normal;
    text-align: right;
}

.integratorDisplay {
    width: 100%;
    -moz-border-radius: 10px 10px 0 0;
    background-color:#D4E6FC;
	height:2em;
	padding-top:.5em;
	color: #2B4499;
}

.weather th {
    font-weight: normal;
}

.viewMenu {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    display: none;
    margin: 0;
    padding: 0;
}

#menu ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0 0 2px;
    border: 1px solid #BDCAD8;
    z-index: 98;
}

#menu li {
    padding: 0;
    margin: 0;
}

#menu li a {
    font-size: small;
    text-decoration: none;
    color: #2B4499;
    background-color: white;
    padding: 2px 4px 2px 2px;
    cursor: pointer;
    z-index: 99;
    display: block;
}

#menu li a:hover {
    padding-left: 5px;
    padding-right: 1px;
    background-color: #D4E6FC;
    color: #2B4499;
}

#menu {
    position: absolute;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    z-index: 97;
}

.alert_table {
    border-right: 1px solid #BDCAD8;
    border-bottom: 1px solid #BDCAD8;
    margin: 1em 0 0 1em;
}

.alert_table td {
    text-align: center;
    border-left: 1px solid #BDCAD8;
    border-top: 1px solid #BDCAD8;
    padding: 3px;
}

.alert_table th {
    text-align: center;
    border-left: 1px solid #BDCAD8;
    border-top: 1px solid #BDCAD8;
    padding: 3px;
    background-color: #D4E6FC;
}

.cost_table {
    margin: 1em 0 0 1em;
}

.cost_table td {
    text-align: right;
    padding: 3px;
}

.cost_table th {
    text-align: center;
    padding: 3px;
    background-color: #D4E6FC;
}

.tabs {
    text-align: left;
    z-index: 49;
    background-color: #D3D3D3;
    border-bottom: 2px solid #696969;
    padding-top: 3px;
    float: left;
    width: 100%;
}

.tabtitle {
    text-align: center;
    display: inline;
    padding: 5px;
}

.tabtitle a {
    text-decoration: none;
    color: #2B4499;
}

.tabtitle a img {
    border-style: none;
    vertical-align: middle
}

.tabtitle img {
    border-style: none;
    vertical-align: middle
}

.tab {
    position: relative;
    border: 1px solid #BDCAD8;
    -moz-border-radius: 10px 10px 0 0;
    padding: 5px 8px 0 8px;
    margin: 0;
    z-index: 50;
    background-color: #D4E6FC;
    float: left;
    font-size: 10pt;
    border-bottom-style: none;
    display: inline;
    bottom: -2px;
}

.NewTab {
    position: relative;
    border: 1px solid #BDCAD8;
    -moz-border-radius: 10px 10px 0 0;
    padding: 5px 8px 0 8px;
    margin: 0 5px 0 0;
    z-index: 50;
    background-color: #D4E6FC;
    float: left;
    font-size: 10pt;
    border-bottom-style: none;
    display: inline;
    bottom: -2px;
}

.tabActive {
    position: relative;
    border: 2px solid #696969;
    -moz-border-radius: 10px 10px 0 0;
    padding: 5px 12px 0 12px;
    margin: 0;
    color: #2B4499;
    background-color: #FFFFFF;
    float: left;
    font-size: 10pt;
    font-weight: bold;
    border-bottom: 2px solid #FFFFFF;
    display: inline;
    bottom: -2px;
}

.DataTable td {
    text-align: center;
}

.serviceTable {
}

.serviceTable td {
    text-align: center;
    vertical-align: top;
    border: 1px solid #BDCAD8;
    padding: 3px;
}

.serviceTable th {
    text-align: left;
    vertical-align: top;
    border: 1px solid #BDCAD8;
    padding: 3px;
}

.hasit {
    color: green;
}

.nothasit {
    color: red;
}

a.nav:link {
    color: #FFFFFF;
}

a.nav:visited {
    color: #FFFFFF;
}

a.nav:hover {
    color: #00FF00;
}

a.nav:active {
    color: #FFFFFF;
}

a.nav {
    text-decoration: none
}

.nav {
    font-size: 14px
}

.bayad {
    width: 140px;
    height: 80px;
    background-color: gray;
    padding: 10px;
}

.helpTable th {
    text-align: right;
    font-weight: bold;
    vertical-align: top;
}

.helpTable td {
    text-align: left;
}

.adSpaceSpan {
    width: 160px;
    height: 150px;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    overflow: hidden;
}

.integratoroverlay {
    width: 100%;
    height: 200%;
    background: #F0F0F0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 98;
}

.integratordialog {

    background: white;
    position: absolute;

    text-align: center;
    top: 33%;
    left: 37.5%;
    -moz-border-radius: 10px 10px 10px 10px;
    border: 1px solid black;
    z-index: 99;
    padding-bottom: 1em;
	color: #2B4499;
}

.integratordialog .buttons {
    width: 100%;
    text-align: center;
}

#IntegratorOverlay {
    width: 100%;
    height: 100%;
    background: #F0F0F0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 98;
}

#IntegratorDialog {
    min-height: 25%;
    background: white;
    position: absolute;
    width: 11em;
    height: 15em;
    text-align: center;
    top: 25%;
    left: 37.5%;
    -moz-border-radius: 10px 10px 10px 10px;
    border: 1px solid black;
    z-index: 99;
    padding-bottom: 1em;
}

#IntegratorDialog .buttons {
    width: 100%;
    text-align: center;
}

.OverrideSet {
    color: blue;
    font-weight: bold;
    text-decoration: underline;
}

.AlertSent {
    color: red;
    font-weight: bold;
    text-decoration: underline;
}

.AlertActive {
    color: yellow;
    font-weight: bold;
    text-decoration: underline;
}