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

body {
    height: 100%;
    width: 100%;
    margin: 0;
    font-family: sans-serif;
    min-width: 600px;
	background-attachment:fixed;
   	background-repeat: no-repeat;
}

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%;
}
.column2 {
    width: 45%;
    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;
    border-radius: 10px 10px 10px 10px;
    background-color: white;
    z-index: 5;
}
.applet2 {
    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;
    -moz-border-radius: 10px 10px 10px 10px;
    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;
    border-radius: 10px 10px 0px 0px;
}

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

.content {
    padding: 0;
    -moz-border-radius: 0px 0px 10px 10px;
    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;
    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;
    border-bottom: 4px solid #008200;
}

.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;
}
.zoom_track {
    width: 60px;
    background-image: url(graphics/zoomTrack.png);
    background-repeat: no-repeat;
    background-position: top left;
    
    padding: 0;
    margin: 0;
    display: block;
}
.zoom_handle {
    width: 8px;
    height: 26px;
    background-color: gray;
    cursor: move;
    top: -6px;
    background-image: url(graphics/zoomHandle.png);
    background-repeat: no-repeat;
    background-position: top left;
}
.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-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-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;
    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;
    border-radius: 10px 10px 10px 10px;
    font-size: 10pt;
    background-color: #FFFFFF;
}

.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;
    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;
    border-radius: 10px 10px 10px 10px;
}

#ActToolTip {
    position: absolute;
    visibility: hidden;
    padding: 1em;
    -moz-border-radius: 10px 10px 10px 10px;
    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;
    border-radius: 10px 10px 0 0;
    background-color:#D4E6FC;
	height:2em;
	padding-top:.5em;
	color: #2B4499;
}
.multiViewDisplay {
    width: 100%;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    background-color:#D4E6FC;
	height:2em;
	padding-top:.5em;
	color: #2B4499;
}
.SmallGroupDisplay {
    width: 100%;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    background-color:#D4E6FC;
	height:2em;
	padding-top:.5em;
	color: #2B4499;
}
.LargeGroupDisplay {
    width: 100%;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    background-color:#D4E6FC;
	height:2em;
	padding-top:.5em;
	color: #2B4499;
}
.addAppletDisplay {
    width: 100%;
    -moz-border-radius: 10px 10px 0 0;
    border-radius: 10px 10px 0 0;
    background-color:#D4E6FC;
	height:2em;
	padding-top:.5em;
	color: #2B4499;
}
.newFeatureDisplay {
    width: 100%;
    -moz-border-radius: 10px 10px 0 0;
    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: #505050;
    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;
    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;
    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;
    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-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-radius: 10px 10px 10px 10px;
    border: 1px solid black;
    z-index: 99;
    padding-bottom: 1em;
}

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

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

.multiViewdialog {

    background: white;
    position: absolute;

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

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

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

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

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




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

.SmallGroupdialog {

    background: white;
    position: absolute;

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

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

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

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

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

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

.SmallGroupdialog {

    background: white;
    position: absolute;

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

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

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

#LargeGroupDialog {
    white-space:nowrap;
    background: white;
    position: absolute;
    text-align: center;
    top: 25%;
    left: 37.5%;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid black;
    z-index: 99;
    padding-bottom: 1em;
}

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


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

.addAppletdialog {

    background: white;
    position: absolute;

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

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

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

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

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






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

.newFeaturedialog {
	color: #2B4499;
}

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

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

#newFeatureDialog {
    background: white;
    position: absolute;
    width: 50%;
    max-height: 27em;
    text-align: center;
    top: 25%;
    left: 25%;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    border: 1px solid black;
    z-index: 99;
    padding-bottom: 1em;
}

#newFeatureDialog .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;
}
#calendar_table td{
	height:5em;
	width: 5em;
}

#calendar_table th{
	height:5em;
	width: 5em;
}

.calendar1 {
    border-color: #e0cc9b;
    background-color: #e0cc9b;
}
.calendar1_on {
    border-color: blue;
    background-color: blue;
}
.calendar0_on {
    border-color: blue;
    background-color: blue;
}


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

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

#rSDialog {
    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-radius: 10px 10px 10px 10px;
    border: 1px solid black;
    z-index: 99;
    padding-bottom: 1em;
}

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

ul.show {
	list-style: none;
	margin:0;
	padding:0;
	display:block;
	white-space: nowrap;
}
ul.show a{
	padding:0;
	margin:0;
	vertical-align:middle;
}


ul.noshow{
	list-style: none;
	margin:0;
	padding:0;
	display:none;	
	white-space: nowrap;
} 

.noshow li{
	overflow:hidden;
	white-space: nowrap;
	margin:0;
	padding:0;
	height:0;
}


.noshow img{
	margin: 0 0 0 0; 
	height:0px;
	border:none;
}

.show li{
	overflow:hidden;
	white-space: nowrap;
	margin:0;
	padding:0;
	vertical-align:middle;
}

.show li a{
	padding-left:5px;
	
}
.show img{
	margin: 0 0 0 0; 
	border:none;
	vertical-align:middle;
}


#liselected{
	background-color:lightgrey;
}

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color:#f1f1f1;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}

#autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}
#autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
#autocomplete ul li.selected { background-color:#f1f1f1;}
#autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}
#summaryTable th:hover {
	color: #00FF00;
}
#summaryTable th{
	cursor: pointer;
}