/* Copyright (c) 2006-2007, Powermand Inc. All Rights Reserved. */

#FlashLayer {
background:#FFF;
border:1px solid #FFF;
z-index:0;
}

#ajaxIndicator {
background:url( ../images/icons/loading_indicator.gif ) no-repeat center;
float:right;
height:15px;
width:15px;
}

#ajaxLoading {
background:#fff;
border:1px solid #999;
color:#666;
display:none;
font-size:11px;
padding:6px;
position:absolute;
right:5px;
top:5px;
width:80px;
}

#bodyContainer {
height:auto;
margin:0;
padding:0;
position:relative;
width:100%;
}

#bodyZone {
background-color:#FFF;
height:auto;
width:100%;
}

#content,#miniCalendarContainer .calendar,#quickCalendarContainer table.calendar,#content,#advCalendarContainer .calendar,#advCalendarContainer table.calendar {
width:100%;
}

#corpFooter {
color:#666;
font-size:11px;
height:22px;
padding:8px;
text-align:center;
}

#footer {
background:#ddd;
color:#333;
height:28px;
width:100%;
}

#header {
background-color:#FFF;
height:55px;
position:relative;
vertical-align:middle;
}

#headerLogo {
left:0;
padding-left:12px;
padding-top:6px;
position:absolute;
top:0;
}

#headerRight {
height:55px;
position:absolute;
right:0;
top:0;
width:450px;
}

#linkBar {
clear:both;
color:#333;
display:block;
font-size:12px;
list-style-type:none;
padding-left:0;
text-align:center;
vertical-align:middle;
}

/*#loginBox {
background:#f7ffd8;
border:1px solid #999;
float:right;
margin-right:16px;
margin-top:32px;
padding:2px;
width:40%;
}
*/
#loginBox {
background:#eee;
border:1px solid #000;
float:right;
margin-right:16px;
margin-top:32px;
padding:2px;
width:40%;
}

#loginBox h3 {
border-bottom:1px solid #ccc;
color:#222222;
font-size:14px;
margin:0;
padding:4px;
}

#loginBox input.formInputText:focus {
background-color:#fff;
border:solid 1px #060;
color:#000;
cursor:text;
}

#loginBox input.formInputText:hover {
background-color:#cff;
border:solid 1px #060;
color:#000;
cursor:pointer;
}

#menu {
border:1px #fff;
display:block;
height:20px;
position:relative;
z-index:200;
}

#menu .dropDownArrow {
background:url( ../images/icons/dropDownArrow.png ) center no-repeat;
float:right;
height:18px;
margin-right:24px;
padding-right:4px;
width:14px;
}

#menu .menuDivider {
background:url( '../images/navigation/header_linkbar_divider.gif' ) center no-repeat;
height:20px;
position:absolute;
top:0;
width:2px;
}

#menu .menuItem {
height:20px;
margin-right:1px;
padding-top:2px;
position:absolute;
text-align:center;
top:0;
vertical-align:middle;
width:21%;
}

#menu .menuSection {
border:0 solid #666;
cursor:pointer;
float:left;
margin:0;
padding:0 0 0 8px;
text-align:center;
top:0;
width:66%;
}

#menu a,#menu a:hover,#menu a:link,#menu a:visited,#menu.menuItem.ul li:a,#menu a:hover,#menu a:link,#menu a:visited {
border-bottom:dotted 1px #fff;
color:#333;
text-decoration:none;
}

#menu ul {
background:#eee;
border:1px solid #bbb;
border-top:0 solid #999;
display:none;
left:0;
margin:4px 0 0;
overflow:hidden;
padding:0;
position:absolute;
top:16px;
width:100%;
}

#menu ul li {
cursor:pointer;
display:block;
list-style:none;
margin-bottom:2px;
margin-top:2px;
padding:2px;
text-align:left;
width:100%;
}

#menu ul li.selected {
background-color:#e0efa5;
}

#miniCalendarContainer,.center,#advCalendarContainer,.center {
text-align:center;
}

#narrowPage {
background:#FFF;
margin:auto;
width:690px;
}

#narrowPage,#page {
border-bottom:1px solid #bbb;
border-left:1px solid #bbb;
border-right:1px solid #bbb;
}

#navigation-1 {
border-bottom:1px solid #FFF;
border-top:1px solid #FFF;
font:normal 12pt verdana, arial, helvetica;
height:21px;
list-style:none;
margin:0;
padding:1px 0 1px 1.5%;
width:98.35%;
}

#navigation-1 li {
display:block;
float:left;
font-size:12px;
margin:0;
padding:0;
position:relative;
width:145px;
}

#navigation-1 li a:link,#navigation-1 li a:visited {
background:url( '../images/navigation/header_linkbar_bg.gif' ) center repeat-x;
color:#000;
display:block;
height:13px;
padding:4px 0;
text-align:left;
text-decoration:none;
width:145px;
}

#navigation-1 li ul.navigation-2 {
background:#fff;
border:1px solid #e0efa5;
border-top:none;
display:none;
left:-1px;
list-style:none;
margin:0;
padding:1px 1px 0;
position:absolute;
top:21px;
width:145px;
}

#navigation-1 li ul.navigation-2 li {
clear:left;
width:145px;
}

#navigation-1 li ul.navigation-2 li a span {
color:#fe676f;
font-size:12pt;
left:132px;
position:absolute;
top:0;
}

#navigation-1 li ul.navigation-2 li a:link,#navigation-1 li ul.navigation-2 li a:visited {
background:#e0efa5;
border:none;
border-bottom:1px solid #fff;
clear:left;
padding:4px 0;
position:relative;
width:145px;
z-index:1000;
}

#navigation-1 li ul.navigation-2 li ul.navigation-3 {
background:#fff;
border:1px solid #b9121b;
border-left:1px solid #b9121b;
display:none;
left:145px;
list-style:none;
margin:0;
padding:1px 1px 0;
position:absolute;
top:-2px;
z-index:900;
}

#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:link,#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:visited {
background:#b9121b;
}

#navigation-1 li ul.navigation-2 li ul.navigation-3 li:hover a,#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:hover,#navigation-1 li ul.navigation-2 li ul.navigation-3 li a:active {
background:#ec454e;
}

#navigation-1 li ul.navigation-2 li:hover a span,#navigation-1 li ul.navigation-2 li a:hover span {
color:#ADD8E6;
font-size:12pt;
left:132px;
position:absolute;
top:0;
}

#navigation-1 li ul.navigation-2 li:hover a,#navigation-1 li ul.navigation-2 li a:active,#navigation-1 li ul.navigation-2 li a:hover {
background:#ec454e;
border:none;
border-bottom:1px solid #fff;
clear:left;
padding:4px 0;
position:relative;
width:145px;
z-index:1000;
}

#navigation-1 li:hover a,#navigation-1 li a:hover,#navigation-1 li a:active {
border-left:1px solid #fff;
border-right:1px solid #fff;
color:#000;
display:block;
height:13px;
padding:4px 0;
text-align:left;
text-decoration:none;
width:145px;
}

#navigation-1 li:hover ul.navigation-2,#navigation-1 li ul.navigation-2 li:hover ul.navigation-3 {
display:block;
}

#outside {
background:url( '../images/navigation/header_linkbar_bg.jpg' ) center repeat-x;
border:1px solid #e0efa5;
}

#page {
margin:auto;
width:1200px;
}

#pageWipe {
display:none;
height:100%;
left:0;
position:absolute;
top:0;
width:100%;
}

#pageWipeFade {
background:#000;
display:block;
filter:alpha( opacity = 40 );
height:100%;
left:0;
opacity:.4;
position:absolute;
top:0;
width:100%;
z-index:10;
}

#quickCalPopup {
background-color:#fff;
margin-left:-175px;
padding:4px;
width:350px;
}

#quickCalendarContainer .calcell,#advCalendarContainer .calcell {
height:35px;
vertical-align:middle;
}

#sideBar {
background-color:#FFF;
border-right:1px solid #666;
margin:0;
padding:0;
width:200px;
}

#thermostatBody H2 {
color:#000;
font-size:22px;
margin-bottom:20px;
}

#thermostatPopup {
background-color:#4a3;
margin-left:-225px;
padding:4px;
width:450px;
}

#timeslots {
border:0 solid #f1f1f1;
height:25px;
top:22px;
width:auto;
}

#timeslots li {
border:0 solid orange;
color:#666;
display:inline;
filter:alpha( opacity = 100 );
float:left;
font-size:10px;
height:25px;
list-style:none;
opacity:1px;
width:1.0416666%;
}

.FlashLayer {
border:1px solid #FFF;
wmode:opaque;
z-index:1;
}

.OccModes .tempSliderControls .PointName,.hidden {
visibility:hidden;
}

.absolute {
position:absolute;
}

.alertMsg {
background:#FF9;
padding:2px;
}

.arrow {
cursor:default;
}

.attention {
color:#090;
}

.black {
color:#000;
}

.calcellpast {
filter:alpha( opacity = 40 );
opacity:0.4px;
}

.calendar {
background-color:#fff;
border:1px solid #ccc;
font-size:11px;
text-align:center;
z-index:200;
}

.calendar .calcell {
width:14.2%;
}

.calendar .date {
border:#eee 1px solid;
filter:alpha( opacity = 100 );
height:50px;
opacity:1px;
padding:3px;
}

.calendar .day {
background-color:#f1f1f1;
padding:1px;
}

.calendar .header {
background:#e6e6e6;
color:#666;
font-weight:400;
}

.calendar .month {
background-color:#e6e6e6;
font-weight:700;
padding:2px;
}

.calendar .title,.b {
font-weight:700;
}

.calendar_left {
float:left;
margin-right:10px;
}

.clear {
clear:both;
}

.darkCell {
background-color:#e6e6e6;
}

.dayTypeKeyBlock {
border:1px solid #666;
cursor:pointer;
font-size:1px;
height:10px;
line-height:1px;
padding:0;
width:10px;
}

.day_block,.day_block_green,.day_block_blue,.day_block_orange,.day_block_red {
background:url( ../images/icons/occupancy_gray.jpg ) center no-repeat;
border:1px solid #999;
cursor:move;
font-size:10px;
height:25px;
margin:2px;
padding:23px 2px 2px;
text-align:center;
vertical-align:middle;
width:60px;
}

.day_block,.day_block_proxy {
border:1px solid #999;
cursor:move;
height:35px;
margin:2px;
padding:23px 2px 2px;
text-align:center;
vertical-align:middle;
width:60px;
}

.day_block,.relative {
position:relative;
}

.day_block_blue,.day_block_blue-proxy {
background:url( ../images/icons/occupancy_blue.jpg ) center no-repeat;
}

.day_block_green,.day_block_green-proxy {
background:url( ../images/icons/occupancy_green.jpg ) center no-repeat;
}

.day_block_green-proxy,.day_block_blue-proxy,.day_block_orange-proxy,.day_block_red-proxy,.fade25 {
filter:alpha( opacity = 25 );
opacity:.25;
}

.day_block_orange,.day_block_orange-proxy {
background:url( ../images/icons/occupancy_orange.jpg ) center no-repeat;
}

.day_block_proxy {
filter:alpha( opacity: 50 );
left:0;
margin:0;
opacity:.5;
position:absolute;
top:0;
z-index:10;
}

.day_block_red,.day_block_red-proxy {
background:url( ../images/icons/occupancy_red.jpg ) center no-repeat;
}

.day_ruler {
position:absolute;
top:30px;
width:100%;
}

.day_ruler .halfHour {
background:url( ../images/icons/time_tick_half.gif ) no-repeat;
}

.day_ruler li {
background:url( ../images/icons/time_tick.gif ) no-repeat;
color:#666;
display:inline;
float:left;
font-size:10px;
list-style:none;
padding-top:10px;
width:2.083333%;
}

.day_type {
float:left;
margin:0 2px 2px;
padding:0 2px 2px;
text-align:center;
vertical-align:middle;
}

.day_type_small {
float:left;
margin:0 1px 1px;
padding:0 1px 1px;
text-align:center;
vertical-align:middle;
}

.day_type_small .small_block {
color:#333;
font-size:9px;
height:20px;
margin:0;
padding:10px 0 0;
text-align:center;
width:auto;
}

.dkgray {
color:#555;
}

.error {
color:#e00;
}

.form_area {
border:1px #ddd solid;
margin-bottom:10px;
padding:10px;
width:auto;
}

.form_area .form_field {
left:30%;
position:absolute;
width:70%;
}

.form_area .form_header {
font-weight:700;
margin-bottom:12px;
}

.form_area .form_line {
border-bottom:dashed 1px #eee;
color:#000;
line-height:28px;
margin:5px;
padding-left:15px;
position:relative;
}

.gray {
color:#999;
}

.greenEnergy {
background-color:#A2C04F;
fill-colors:#A2C04F, #ECF9CB;
}

.grovyBoxes {
background:#fafafa;
border:1px #ddd solid;
color:#444;
font-size:11px;
left:0;
padding:16px 8px 8px;
position:relative;
top:0;
width:auto;
}

.grovyBoxes h3 {
background:#FFF;
border:0 none;
color:#222;
font:normal 11px Verdana, Arial, Helvetica, sans-serif;
font-weight:700;
left:10px;
margin:0;
padding:0 2px;
position:absolute;
top:-0.8em;
}

.half {
float:left;
width:49.5%;
}

.i {
font-style:italic;
}

.left {
text-align:left;
}

.ltBorder {
border:1px solid #ddd;
}

.ltCell {
background-color:#f6f6f6;
}

.midCell {
background-color:#eee;
}

.minimize,.maximize {
cursor:pointer;
float:right;
font-size:10px;
padding:4px;
}

.mmmzeCloseIcon,.mmmzeOpenIcon {
background:url( ../images/icons/panel_icon_close.png ) center no-repeat;
font-size:1px;
height:6px;
line-height:1px;
width:11px;
}

.mmmzeOpenIcon {
background:url( ../images/icons/panel_icon_open.png ) center no-repeat;
height:6px;
width:11px;
}

.nextArrow,.calendar .calNext {
background:url( ../images/icons/calrt.gif ) no-repeat center;
cursor:pointer;
float:right;
height:12px;
margin:1px;
width:9px;
}

.noDisplay {
display:none;
}

.note {
font-size:10px;
}

.occModeSwatch,.occModeSwatchSm {
background-color:#ddd;
border:1px solid #555;
height:15px;
left:0;
top:0;
width:15px;
}

.occModeSwatchSm {
height:10px;
width:10px;
}

.pad16 {
padding:16px;
}

.pad4 {
padding:4px;
}

.pad8 {
padding:8px;
}

.padT16 {
padding-top:16px;
}

.padTable .cell {
border-left:1px #f6f6f6 solid;
border-right:1px #eee solid;
}

.padTable .header {
background:#f6f6f6;
border:1px #ccc solid;
font-weight:700;
text-align:center;
}

.padTable .horzLine {
background:#e6e6e6;
font-size:1px;
height:1px;
line-height:1px;
margin:0;
padding:0;
}

.padTable .leftCell {
background:#fbfbfb;
border:1px #eee solid;
}

.padTable td {
font-size:11px;
padding:2px;
}

.pageWipePopup {
background-color:#FFF;
border:#333 solid 1px;
display:block;
left:50%;
margin-left:-25%;
position:absolute;
top:80px;
width:50%;
z-index:11;
}

.point {
cursor:pointer;
}

.popup .bd,.pad0 {
padding:0;
}

.prevArrow,.calendar .calPrevious {
background:url( ../images/icons/callt.gif ) no-repeat center;
cursor:pointer;
float:left;
height:12px;
margin:1px;
width:9px;
}

.req {
color:#F60;
}
.reqemphasis {
color:#F00;
}

.right {
text-align:right;
}

.sideBarItems {
margin-bottom:4px;
padding:4px 12px;
}

.sideBarItems A,.sideBarItems A:link,.sideBarItems A:visited {
text-decoration:none;
}

.sideBarItems A:hover {
color:#090;
text-decoration:none;
}

.silverBar {
padding-left:4px;
}

.silverBar,#linkBar {
background:url( '../images/navigation/header_linkbar_bg.jpg' ) center repeat-x;
border-bottom:1px solid #666;
border-top:1px solid #f1f1f1;
}

.sliderKnob {
background:url( ../images/icons/horizSlider.png ) center no-repeat;
cursor:w-resize;
height:20px;
margin-left:-8px;
position:absolute;
top:0;
width:20px;
}

.small {
font-size:11px;
line-height:14px;
}

.space4 {
margin:4px;
}

.space8 {
margin:8px;
}

.spaceB16 {
margin-bottom:16px;
}

.spaceB2 {
margin-bottom:2px;
}

.spaceB8 {
margin-bottom:8px;
}

.spaceL16 {
margin-left:16px;
}

.spaceT0 {
margin-top:0;
}

.spaceT16 {
margin-top:16px;
}

.spaceT2 {
margin-top:2px;
}

.spaceT24 {
margin-top:24px;
}

.spaceT4 {
margin-top:4px;
}

.spaceT8 {
margin-top:8px;
}

.spacer {
font-size:1px;
letter-spacing:1px;
margin:0;
padding:0;
}

.step {
background-color:#ccc;
border:1px solid #ccc;
height:40px;
padding:4px;
position:absolute;
width:13%;
}

.step .stepName {
height:30px;
}

.step div.note {
color:#ccc;
font-weight:400;
}

.step_on {
background-color:#bbb;
border-bottom-width:0;
color:#ccc;
font-weight:700;
height:51px;
}

.tempFieldFan {
font-size:10px;
left:355px;
margin-top:100px;
position:absolute;
}

.tempFieldMax,.floatL {
float:left;
}

.tempFieldMax,.tempFieldMin {
font-size:12px;
margin-top:2px;
width:auto;
}

.tempFieldMin,.floatR {
float:right;
}

.tempSliderControls {
height:50px;
position:relative;
width:100%;
}

.tempSliderMaxKnob {
background:url( ../images/tstat/horizSlider.png ) center no-repeat;
cursor:e-resize;
height:20px;
left:-8px;
position:absolute;
right:20px;
top:0;
width:18px;
z-index:2;
}

.tempSliderMinKnob {
background:url( ../images/tstat/horizSliderRed.gif ) center no-repeat;
cursor:w-resize;
height:20px;
left:20px;
position:absolute;
top:0;
width:18px;
z-index:1;
}

.tempSliderRuler {
background:center url( ../images/tstat/slider_templine_bg.gif ) no-repeat;
border:1px solid #666;
height:20px;
left:0;
position:absolute;
top:0;
width:260px;
}

.tempSliderTrack {
height:20px;
left:1px;
position:absolute;
top:20px;
width:260px;
}

.tempSlidersZone {
height:30px;
left:50%;
margin-left:-130px;
position:absolute;
width:260px;
}

.tempSpinnerMax {
font-size:10px;
position:absolute;
right:0;
top:0;
width:65px;
z-index:4;
}

.tempSpinnerMin {
font-size:10px;
left:0;
position:absolute;
top:0;
width:65px;
z-index:4;
}

.text {
font-size:12px;
line-height:18px;
}

.third {
float:left;
width:33%;
}

.tool-text {
background:url( ../images/icons/bubble.png ) center;
font-size:11px;
padding:4px 8px 8px;
}

.tool-tip {
color:#fff;
width:139px;
z-index:13000;
}

.tool-title {
background:url( ../images/icons/bubble.png ) center;
color:#9FD4FF;
font-size:11px;
font-weight:700;
margin:0;
padding:8px 8px 4px;
}

.top {
vertical-align:top;
}

.two_thirds {
float:left;
width:66%;
}

.ul {
border-bottom:1px dotted #ddd;
}

.white {
color:#fff;
}

.whiteBG {
background-color:#fff;
}

A {
color:#00F;
cursor:pointer;
text-decoration:none;
}

A:hover {
color:#090;
text-decoration:none;
}

A:link,A:visited {
color:#00F;
text-decoration:none;
}

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

form {
margin:0;
padding:0;
}

h2 {
color:#777;
font-size:18px;
line-height:20px;
margin-top:0;
padding-top:0;
}

iframe {
height:0;
width:100%;
}

img {
border:none;
}

option,.pad2 {
padding:2px;
}

table {
font-size:12px;
}

table,th,tr,td {
border:0;
margin:0;
padding:0;
vertical-align:top;
}