/** APP DEFAULTS */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #6C6C6C;
}

*.unselectable {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}

*.selectable {
   -moz-user-select: text;
   -khtml-user-select: text;
   -webkit-user-select: text;
   user-select: text;
}

.main-center-region > div.x-column-layout-ct {
	margin: 0 auto;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}

body>.x-mask.appLoadingMask {
	background: url("../images/parts/bg.jpg") repeat scroll 0 0 transparent;
	opacity: 1;
	z-index: 2000 !important;
}
/* SITE DEFAULTS END */

/** JSP APPLICATION */
.areaErrors {
	text-align: center;
	margin-bottom: 10px;
	margin-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #cc0000;
	border: 3px solid #cc0000;
	padding: 6px 10px 6px 10px;
	font-size: 100%;
	width: 50%;
}

.errorMessage {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #cc0000;
}
/** JSP APPLICATION END */


/** OVERRIDES */
.x-viewport body .x-portal-body {
	background-color: transparent;
}
.x-dd-drop-icon {
	top: 5px;
}
.x-form-invalid-tip-body li {
    margin-bottom: 0;
}
.x-panel-header > .x-panel-header-body > .x-box-inner,
.x-panel-header > .x-panel-header-body > .x-box-inner > .x-panel-header-text-container {
	height: 18px;
}
.outerResizer-resizable-over .x-resizable-handle-north {
    cursor: n-resize;
}
.outerResizer-resizable-over .x-resizable-handle-south {
    cursor: s-resize;
}
.outerResizer-resizable-over .x-resizable-handle-west {
    cursor: w-resize;
}
.outerResizer-resizable-over .x-resizable-handle-east {
    cursor: e-resize;
}
.outerResizer-resizable-over .x-resizable-handle-northeast {
    cursor: ne-resize;
}
.outerResizer-resizable-over .x-resizable-handle-southeast {
    cursor: se-resize;
}
.outerResizer-resizable-over .x-resizable-handle-northwest {
    cursor: nw-resize;
}
.outerResizer-resizable-over .x-resizable-handle-southwest {
    cursor: sw-resize;
}

.x-message-box .x-container.x-box-item {
	padding: 0 !important;
}

.x-message-box .x-form-display-field  {
	padding: 10px;
	/*white-space: nowrap;*/
}

.outerResizer-resizable-over.barContainer .x-resizable-handle-east {
    background-image: url("/zipato-web/extjs/resources/themes/images/default/sizer/e-handle.gif");
    background-position: left;
    opacity: 1;
}

.zipatoCalendar table.x-datepicker-inner th span {
	padding: 0;
	text-align: center;
}

.zipatoCalendar table.x-datepicker-inner a {
	font-size: 15px;
	padding: 2px 5px 0 0;
	text-align: right;
}

.zipatoCalendar table.x-datepicker-inner td {
	border: 1px solid #C0C0C0;
	vertical-align: top;
}

.x-form-item-hidden {
	display: none;
}

.x-table-layout-cell {
	padding: 5px;
	vertical-align: top;
}

.sirenSelectorField .x-box-layout-ct,
.sirenSelectorField .x-box-layout-ct > .x-box-inner {
	overflow: visible;
}

.squawkSelectorField .x-box-layout-ct,
.squawkSelectorField .x-box-layout-ct > .x-box-inner {
	overflow: visible;
}

.partitionDeviceSelector .x-form-item-label-top {
	padding: 0 8px 0 0;
	text-align: center;
}

.x-btn-default-small.addNewPartitionDevice {
	background: url("../images/parts/create-icon.png") no-repeat scroll center center transparent;
	cursor: pointer;
}


.x-btn-default-small.removeNewPartitionDevice {
	background: url("../images/parts/remove-icon.png") no-repeat scroll center center transparent;
	cursor: pointer;
}

.partitionSettings .userManager-panel .x-grid-cell-special.x-grid-cell-first {
	padding-top: 3px;
}

.partitionSettings .userManager-panel .x-grid-view {
	overflow: hidden !important;
}

.x-zipato-scroller-vertical .x-scroller-ct {
	height: auto !important;
    left: 2px !important;
    overflow-y: hidden;
    width: 14px !important;
}

.zipato-toolbox-panel.widget > .x-panel-body.noItems {
	/*background-color: #F8F8F8;*/
}

.lightsWidget.zipato-toolbox-panel > .x-panel-body,
.metersWidget.zipato-toolbox-panel > .x-panel-body,
.climateWidget.zipato-toolbox-panel > .x-panel-body,
.sensorsWidget.zipato-toolbox-panel > .x-panel-body,
.scenesWidget.zipato-toolbox-panel > .x-panel-body,
.scenesWidget.zipato-toolbox-panel > .x-panel-body {
	padding: 0 5px 0 0;
}
/** OVERRIDES END */

/** HOMEPAGE */
#tpg-header {
	overflow: auto;
	padding: 5px;
	text-align: center;
}

#tpg-footer {
	bottom: 0;
	padding-bottom: 10px;
	position: absolute;
	text-align: center;
	width: 100%;
}

#tpg-main {
	padding: 5px;
}

#tpg-userOptions {
	float: right;
	margin-right: 20px;
	margin-top: 9px;
	padding: 5px;
}

#tpg-userOptions .x-btn {
	margin: 0 3px 3px 0;
}

button#tpg-logoutButton,button#tpg-puzzleButton {
	background-repeat: no-repeat;
	color: #333333;
	font-family: tahoma, arial, verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 2px 3px;
}
/** HOMEPAGE END */

/** HEADER & FOOTER */
#zipato-header {
	background: url("../images/zipato/logo.png") no-repeat scroll 10px center #33393D;
}
#application-title {
	color: #FFFFFF;
    font-size: 27px;
    float: left;
    padding: 10px 0 0 140px;
    width: 50% !important;
}
#zipato-footer {
	color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    padding-top: 9px;
}
.cookies-info {
	background-color: #666666;
    bottom: 0;
    color: #ffffff;
    font-weight: normal;
    padding: 5px;
    position: fixed;
    width: 100%;
    -webkit-box-shadow: 0px -4px 8px -3px rgba(0,0,0,0.54);
	-moz-box-shadow: 0px -4px 8px -3px rgba(0,0,0,0.54);
	box-shadow: 0px -4px 8px -3px rgba(0,0,0,0.54);
}

.cookies-info div.info-text,
.cookies-info div#cookie-buttons {
	color: #ffffff;
    margin: 0 auto;
    text-align: justify;
    width: 50%;
}

.cookies-info div#cookie-buttons {
	text-align: right;
}
/** HEADER & FOOTER END */

/** TOOLS WINDOWS */
.zipato-toolbox-panel .x-toolbar,
.zipato-popup-dialog .x-toolbar,
.zipato-toolbox-panel .x-window-body-default,
.zipato-popup-dialog .x-window-body-default,
.zipato-toolbox-panel .x-panel-body-default,
.zipato-popup-dialog .x-panel-body-default,
.devices-tabpanel .x-tab-bar *,
.userOptions-tabpanel .x-tab-bar *,
.editNetwork-tabpanel .x-tab-bar *,
.editScene-tabpanel .x-tab-bar *,
.thermostatEditor-tabpanel .x-tab-bar *,
.editPartition-tabpanel .x-tab-bar *,
.endpointEditor-tabpanel .x-tab-bar * {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
}
.zipato-toolbox-panel {
	background-color: #FFFFFF;
    border: 1px solid #808080;
    border-radius: 4px 4px 4px 4px;
    padding: 0 10px 10px;
}
.zipato-toolbox-panel .x-panel-header, .zipato-popup-dialog .x-window-header {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	box-shadow: none;
	padding: 10px 10px 5px;
}
.zipato-toolbox-panel .x-panel-header {
	padding: 10px 0 5px;
}
.zipato-toolbox-panel .x-panel-header-text,
.x-accordion-item .x-panel-header-text,
.x-accordion-item .accordionPanelTitle {
	height: 18px;
	font-size: 16px;
	font-weight: bold;
	color: #111111;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.x-accordion-item .accordionPanelTitle {
	color: #444444;
	font-size: 14px;
}
.puzzle-accordion-panel {
	margin-bottom: 3px;
}

.zipato-popup-dialog {
	background-color: #FFFFFF;
    border: 1px solid #B0B2B2;
    padding: 0 10px 10px;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 2px 15px 4px rgba(0, 0, 0, 0.5);
}
.zipato-popup-dialog .x-window-header-text {
	font-size: 14px;
	color: #5B636B;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.puzzle-accordion-panel .x-panel-header {
	text-align: center;
	cursor: pointer;
	background: url("../images/parts/widget-item-back.png") repeat-x scroll center center transparent !important;
    border: 1px solid #D2D2D2 !important;
    border-bottom-width: 2px !important;
    border-radius: 7px 7px 7px 7px;
    padding: 5px;
}
.puzzle-accordion-panel .x-panel-header-text {
	color: #20637D;
	cursor: pointer;
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding-top: 2px;
}
#variable-puzzle {
	overflow-x: hidden !important;
    overflow-y: auto !important;
}
.devices-tabpanel {
	background-color: #F7F6F6;
	border: 1px solid #D2D2D2;
    border-radius: 7px 7px 7px 7px;
}
#rules-view .x-grid-header-ct {
	display: none;
}
#rules-view table {
	width: 100% !important;
}
#rules-view .x-grid-dirty-cell {
	background-image: none;
}
#rules-view .x-grid-row .x-grid-cell {
	border: 1px solid #EDEDED;
}
.disabledRule div.x-grid-cell-inner {
	color: #F41A1E;
}

.ruleQuickTip, .deviceQuickTip {
	background-color: #FFFFFF;
	border-color: #BABABD;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.4);
}

.deviceQuickTip div {
	font-size: 12px;
}

.ruleQuickTip .x-tip-anchor, .deviceQuickTip .x-tip-anchor {
	height: 14px;
    width: 32px;
    border: medium none;
}

.ruleQuickTip .x-tip-anchor-top, .deviceQuickTip .x-tip-anchor-top {
	background: url("../images/parts/tooltip-arrow-top.png") no-repeat scroll top center transparent;
}

.ruleQuickTip .x-tip-anchor-bottom, .deviceQuickTip .x-tip-anchor-bottom {
	background: url("../images/parts/tooltip-arrow-bottom.png") no-repeat scroll bottom center transparent;
}

.ruleQuickTip table {
	width: auto;
}

.ruleQuickTip table .tpg-td-label {
	font-weight: bold;
	min-width: 80px;
	width: auto;
}

.ruleQuickTip table td {
	padding: 3px;
}

.logWidgetToolTip td.label {
	font-weight: bold;
	padding: 2px 10px 2px 0;
}

.logWidgetTooltip

.x-tab-default-top button,
.x-tab-default-top .x-tab-inner {
    height: 15px;
    line-height: 15px;
}

.devices-tabpanel .x-tab-bar *,
.userOptions-tabpanel .x-tab-bar *,
.editNetwork-tabpanel .x-tab-bar *,
.editScene-tabpanel .x-tab-bar *,
.thermostatEditor-tabpanel .x-tab-bar *,
.editPartition-tabpanel .x-tab-bar *,
.endpointEditor-tabpanel .x-tab-bar * {
	margin: 0;
	padding: 0;
	border: medium none;
}

.userOptions-tabpanel,
.editNetwork-tabpanel,
.editScene-tabpanel,
.thermostatEditor-tabpanel,
.editPartition-tabpanel,
.endpointEditor-tabpanel {
	background-color: #FFFFFF;
    border: 1px solid #B0B2B2;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.4);
}

#treeWidget-formContainer .endpointEditor-tabpanel {
	box-shadow: none;
}

.devices-tabpanel .x-tab,
.userOptions-tabpanel .x-tab,
.editNetwork-tabpanel .x-tab,
.editScene-tabpanel .x-tab,
.thermostatEditor-tabpanel .x-tab,
.editPartition-tabpanel .x-tab,
.endpointEditor-tabpanel .x-tab {
	padding: 10px;
	text-align: center;
	border-radius: 0;
	/*box-shadow: none;*/
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	background-color: #DFE3E5;
}

.x-tab button.x-tab-center {
	height: 16px !important;
}

.devices-tabpanel .x-tab.firstTab,
.userOptions-tabpanel .x-tab.firstTab,
.editNetwork-tabpanel .x-tab.firstTab,
.editScene-tabpanel .x-tab.firstTab,
.thermostatEditor-tabpanel .x-tab.firstTab,
.editPartition-tabpanel .x-tab.firstTab,
.endpointEditor-tabpanel .x-tab.firstTab {
	border-radius: 5px 0 0;
	border-left: medium none;
	border-right: medium none;
}

.devices-tabpanel .x-tab.lastTab,
.userOptions-tabpanel .x-tab.lastTab,
.editNetwork-tabpanel .x-tab.lastTab,
.editScene-tabpanel .x-tab.lastTab,
.thermostatEditor-tabpanel .x-tab.lastTab,
.editPartition-tabpanel .x-tab.lastTab,
.endpointEditor-tabpanel .x-tab.lastTab {
	border-radius: 0 5px 0 0;
	border-left: medium none;
	border-right: medium none;
}
.userOptions-tabpanel .x-tab.lastTab,
.editNetwork-tabpanel .x-tab.lastTab,
.editScene-tabpanel .x-tab.lastTab,
.thermostatEditor-tabpanel .x-tab.lastTab,
.editPartition-tabpanel .x-tab.lastTab,
.endpointEditor-tabpanel .x-tab.lastTab {
	border-left: 1px solid #999999;
}

.devices-tabpanel .x-tab-bar-top .x-tab-bar-body,
.devices-tabpanel .x-tab-default-top,
.userOptions-tabpanel .x-tab-bar-top .x-tab-bar-body,
.userOptions-tabpanel .x-tab-default-top,
.editNetwork-tabpanel .x-tab-bar-top .x-tab-bar-body,
.editNetwork-tabpanel .x-tab-default-top,
.editScene-tabpanel .x-tab-bar-top .x-tab-bar-body,
.editScene-tabpanel .x-tab-default-top,
.thermostatEditor-tabpanel .x-tab-bar-top .x-tab-bar-body,
.thermostatEditor-tabpanel .x-tab-default-top,
.editPartition-tabpanel .x-tab-bar-top .x-tab-bar-body,
.editPartition-tabpanel .x-tab-default-top,
.endpointEditor-tabpanel .x-tab-bar-top .x-tab-bar-body,
.endpointEditor-tabpanel .x-tab-default-top {
	height: 30px;
	border-bottom-color: #999999 !important;
}

.devices-tabpanel .x-tab button,
.userOptions-tabpanel .x-tab button,
.editNetwork-tabpanel .x-tab button,
.editScene-tabpanel .x-tab button,
.thermostatEditor-tabpanel .x-tab button,
.editPartition-tabpanel .x-tab button,
.endpointEditor-tabpanel .x-tab button {
	color: #5B636B;
	font-size: 12px;
}

.devices-tabpanel .x-tab-active button,
.userOptions-tabpanel .x-tab-active button,
.editNetwork-tabpanel .x-tab-active button,
.editScene-tabpanel .x-tab-active button,
.thermostatEditor-tabpanel .x-tab-active button,
.editPartition-tabpanel .x-tab-active button,
.endpointEditor-tabpanel .x-tab-active button {
	font-weight: bold;
}

.userOptions-tabpanel .x-tab-default-top-active,
.editNetwork-tabpanel .x-tab-default-top-active,
.editScene-tabpanel .x-tab-default-top-active,
.thermostatEditor-tabpanel .x-tab-default-top-active,
.editPartition-tabpanel .x-tab-default-top-active,
.endpointEditor-tabpanel .x-tab-default-top-active {
    border-bottom-color: #FFFFFF !important;
    background-color: #FFFFFF;
}
.devices-tabpanel .x-tab-default-top-active {
	border-bottom-color: #F7F6F6 !important;
	background-color: #F7F6F6;
}

.tpg-endpointCategoryLabel {
	border-bottom: 1px solid #656565;
    clear: left;
    float: left;
    font-weight: bold;
    margin-top: 5px;
    padding: 3px;
    width: 100%;
}

.x-tool img.x-tool-close {
	background-image: url("../images/parts/close-icon.gif");
	background-position: center center;
}
.x-tool img.x-tool-helpIcon {
	background-image: url("../images/parts/help-icon.png");
}
.x-tool img.x-tool-groupBy {
	background-image: url("../images/parts/grouping-icon.png");
}
.x-tool img.x-tool-createIcon {
	background-image: url("../images/parts/create-icon.png");
	margin-top: 1px;
}
.x-tool img.x-tool-settings {
	background-image: url("../images/parts/settings-icon-2.png");
	margin-top: 1px;
}
.x-tool img.x-tool-refresh {
	background-image: url("../images/parts/refresh-icon.png");
    background-position: center center;
}
.x-tool img.x-tool-download {
	background-image: url("../images/parts/download.png");
    background-position: center center;
}
.x-tool img.x-tool-chart {
	background-image: url("../images/parts/chart-icon.png");
    background-position: center center;
}
.x-tool img.x-tool-colorPicker {
	background-image: url("../images/parts/color-picker.gif");
    background-position: center center;
}
.x-tool img.x-tool-hysteresis {
	background-image: url("../images/parts/hysteresis.gif");
    background-position: center center;
}
img.layoutIcon {
	background-image: url("../images/parts/layout.png");
    background-position: center center;
}
.batteryStatus .batteryEnd,
.batteryStatus .baterryIndicator,
.batteryStatus .baterryIndicator {
	background-color: #444444;
}
.batteryStatus.batteryLow .batteryEnd,
.batteryStatus.batteryLow .baterryIndicator,
.batteryStatus.batteryLow .baterryIndicator {
	background-color: #D21D1D;
}
.batteryStatus .baterryIndicator {
	height: 100%;
}
.batteryStatus .batteryBody {
	border: 1px solid #444444;
}
.batteryStatus.batteryLow .batteryBody {
	border: 1px solid #D21D1D;
}
.batteryToolTip {
	text-align: center;
}
.zipato-toolbox-panel .x-panel-header .x-tool-settings {
	margin-top: -1px;
}

.x-tool img.x-tool-delete {
	background-image: url("../images/parts/widget-delete.gif");
}

.x-tool img.x-tool-settingsWhite {
	background-image: url("../images/parts/settings-white-icon.png");
}

.x-tool img.x-tool-battery {
	background-image: url("../images/parts/battery-full-2.png");
	width: 21px;
}

.x-tool img.x-tool-arrowRight {
	background-image: url("../images/parts/arrow-right.png");
	margin-top: -2px;
}

.x-tool img.x-tool-arrowLeft {
	background-image: url("../images/parts/arrow-left.png");
	margin-top: -2px;
}

.x-action-col-cell img.x-action-col-icon.enableUserIcon {
	background-image: url("../images/puzzle/power_on.png");
}

.x-action-col-cell img.x-action-col-icon.disableUserIcon {
	background-image: url("../images/puzzle/power_off.png");
}

.x-action-col-cell img.x-action-col-icon.securityLogAcknowledgeIcon {
	background-image: url("../images/parts/delete.png");
}

.x-action-col-cell img.x-action-col-icon.securityLogAcknowledgedIcon {
	background-image: url("../images/parts/check.png");
}

.deleteIcon {
	background: url("../images/puzzle/delete.png") no-repeat scroll center center transparent;
}

.x-action-col-cell.x-tool img {
	background-image: none;
	height: 16px;
	width: 16px;
}

.x-fieldset.partition-fieldset {
	padding: 5px 10px 3px;
}

.x-fieldset.partition-fieldset .x-fieldset-header,
.x-fieldset.partition-fieldset .x-form-item-label {
	font-weight: bold;
}

.partition-field-description {
	font-size: 10px;
	margin-bottom: 15px;
	text-align: justify;
}

.partition-field-description.inner {
	border-top: 1px solid #B5B8C8;
	padding-top: 15px;
}

.securitySettingsHelpIcon {
	background: none !important;
	border: none !important;
	cursor: pointer;
    position: absolute;
    right: 4px;
    top: 12px;
}

.labelMoreInfoIcon {
	background: url("../images/parts/help-circle.png") no-repeat scroll left bottom / contain transparent;
    cursor: help;
    display: inline-block;
    height: 13px;
    margin-left: 5px;
    position: absolute;
    width: 13px;
}

.x-fieldset.minimalHelpIcon {
	background: url("../images/parts/help-circle.png") no-repeat scroll right top transparent;
}

.partitionHeaderDown,
.partitionHeaderDown > .x-box-inner,
.partitionHeaderDown > .x-box-inner > div {
	overflow: visible;
}

.partitionStatusCountdown {
	height: 37px !important;
	top: -8px !important;
	text-align: center;
	padding: 11px;
}

.partitionStatusCountdown {
	display: none;
	font-weight: bold;
}

.partitionStatusCountdown.arming {
	display: block;
	background: url("../images/parts/circle-empty.png") no-repeat scroll center center transparent;
}

.partitionStatus {
	font-size: 14px;
    font-weight: bold;
	padding: 4px 4px 0 0;
    text-align: right;
}

.partitionStatus.away,
.partitionStatusCountdown.arming.away,
.partitionToggleArmButton .x-btn-default-small-pressed.armAway .x-btn-inner {
	color: #E52602;
}
.partitionStatus.home,
.partitionStatusCountdown.arming.home,
.partitionToggleArmButton .x-btn-default-small-pressed.armHome .x-btn-inner {
	color: #FF9226;
}
.partitionStatus.disarmed,
.partitionToggleArmButton .x-btn-default-small-pressed.disarm .x-btn-inner {
	color: #3090BD;
}
.partitionToggleArmButton .x-btn-default-small-pressed .x-btn-inner {
	font-size: 12px;
}

.partitionToggleArmButton .x-btn-default-small-menu-active,
.partitionToggleArmButton .x-btn-default-small-pressed {
	background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#fff),color-stop(48%,#f9f9f9),color-stop(52%,#e2e2e2),color-stop(100%,#e7e7e7));
	background-image:-webkit-linear-gradient(top,#fff,#f9f9f9 48%,#e2e2e2 52%,#e7e7e7);
	background-image:-moz-linear-gradient(top,#fff,#f9f9f9 48%,#e2e2e2 52%,#e7e7e7);
	background-image:-o-linear-gradient(top,#fff,#f9f9f9 48%,#e2e2e2 52%,#e7e7e7);
	background-image:-ms-linear-gradient(top,#fff,#f9f9f9 48%,#e2e2e2 52%,#e7e7e7);
	background-image:linear-gradient(top,#fff,#f9f9f9 48%,#e2e2e2 52%,#e7e7e7);
}

.partitionSettings > .x-window-body > .x-panel,
.partitionSettings > .x-window-body > .x-panel > .x-panel-body {
	overflow: visible;
}

.x-tool img.x-tool-collapse-top, .x-tool img.x-tool-expand-bottom {
	background-image: url("../images/parts/collapse-icon.png");
	background-position: center center;
}
/** TOOLS WINDOWS END */

/** DASHBOARD WIDGETS */
.zipato-popup-dialog.devicesTree > .x-panel-body {
	background: none repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 0 0 0 0;
    box-shadow: none;
}

.userManager-panel,
.securityDevices-panel {
	border: 1px solid #B0B2B2;
    border-radius: 5px 5px 5px 5px;
}

.securityDevices-panel .x-grid-view {
	overflow: visible !important;
}

.securityDevices-panel .x-form-display-field {
	display: none;
}

.zipato-toolbox-panel .zipato-nestedPanel,
.zipato-popup-dialog .zipato-nestedPanel {
    background-color: #FFFFFF;
    border: 1px solid #B0B2B2;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2);
}

.zipato-toolbox-panel .zipato-nestedPanel.tree > .x-panel-body .x-panel-body {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.zipato-toolbox-panel .zipato-nestedPanel .x-panel-header,
.zipato-popup-dialog .zipato-nestedPanel .x-panel-header {
    padding: 5px 5px 5px 3px;
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: none;
}

.zipato-toolbox-panel .zipato-nestedPanel .x-panel-header .x-panel-header-text,
.zipato-popup-dialog .zipato-nestedPanel .x-panel-header .x-panel-header-text {
    color: #5B636B;
    font-size: 14px;
}

.widget-body-shadow {
	position: absolute;
	top: 0;
	right: 0;
	background: url("../images/parts/body-corners-shadow.png") no-repeat scroll bottom center transparent;
}

#treeWidget-formContainer .x-toolbar-footer {
	padding: 0 0 5px 0;
}

.devicesTree .x-field-default-toolbar.zipato-form-field .x-form-trigger {
	height: 24px;
}

.zipato-popup-dialog.devicesTree .deviceItem,
.zipato-popup-dialog.devicesTree .endpointItem {
	cursor: pointer;
    padding: 3px;
}

.zipato-popup-dialog.devicesTree .deviceItem.deviceHover .deviceLabel,
.zipato-popup-dialog.devicesTree .endpointItem.endpointHover .endpointLabel {
	color: #20B159;
}

.zipato-popup-dialog.devicesTree .deviceItem.deviceSelected .deviceLabel,
.zipato-popup-dialog.devicesTree .endpointItem.endpointSelected .endpointLabel {
	color: #20B159;
	font-weight: bold;
}

.zipato-popup-dialog.devicesTree .deviceItem .deviceLabel,
.zipato-popup-dialog.devicesTree .endpointItem .endpointLabel {
	color: #606060;
	white-space: nowrap;
}

.deviceSupportedByZipato {
	bottom: 0;
    color: #009E00;
    padding: 5px;
    position: absolute;
    right: 0;
    text-align: right;
}

.zipato-toolbox-panel.widget.grid .x-grid-group-title img.x-tool-edit-device {
	float: right;
    margin-right: 9px;
}

img.x-action-col-icon {
	cursor: pointer;
}

.zipato-endpointSelector {
	background-color: #FFFFFF;
    border: 1px solid #B0B2B2;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}

.zipato-endpointSelector .x-panel-header {
	background-color: transparent;
	background-image: none;
	border: medium none;
	box-shadow: none;
}

.zipato-endpointSelector .x-panel-header .x-panel-header-text {
	color: #5B636B;
	font-size: 12px;
}

.x-fieldset {
	border-radius: 5px 5px 5px 5px;
}

.x-fieldset-collapsed {
	border-top-color: transparent !important;
}

.thermostatEditor .zipato-form-field .x-form-item-label {
	font-size: 11px;
	font-weight: bold;
}

.schedulerForm .x-grid-row .x-grid-cell .x-grid-cell-inner {
	font-size: 11px;
	line-height: 14px;
    text-align: center !important;
}

.schedulerForm .x-grid-row-over .x-grid-cell {
	background-color: #FFFFFF;
	border-color: #999999;
}

.schedulerForm .x-column-header.x-column-header-last {
	border: medium none;
}

.schedulerForm .x-column-header {
	border-color: #999999;
}

.schedulerForm .x-column-header .x-column-header-inner {
	background-color: #5C5C5C;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#5C5C5C,endColorstr=#0F0F0F,GradientType=0);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#5C5C5C), color-stop(100%,#0F0F0F));
	background: -moz-linear-gradient(top,#5C5C5C,#0F0F0F);
	background-image: -o-linear-gradient(#5C5C5C,#0F0F0F);
	text-align: center;
}

.schedulerForm .x-column-header .x-column-header-inner .x-column-header-text {
	color: #FFFFFF;
}

.schedulerForm .x-panel.x-grid {
	border: 1px solid #B0B2B2;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}

.schedulerForm .x-grid-table .x-grid-cell-inner {
	padding: 0;
}

.schedulerForm .x-grid-table {
	border-bottom: 1px solid #999999;
}

.schedulerForm .x-grid-table td {
	border-bottom: none;
	border-right: 1px solid transparent;
	border-color: #999999;
}

.schedulerForm .x-grid-table td.x-grid-dirty-cell {
	background-image: none;
}

.schedulerForm .x-view-selector {
	background-color: transparent;
    border: medium none;
}

.thermostatEditor .thermostatModeItems {
	padding: 5px 0 !important;
}

.thermostatModeItem {
	cursor: pointer;
	margin-bottom: 5px;
	overflow: auto;
	padding: 4px;
}

.thermostatEditor .thermostatModeItem {
	float: left;
	margin: 0 15px 0 0;
}

.thermostatEditor .thermostatModeItem.last {
	margin: 0;
}

.thermostatModeItem.thermostatModeItemSelected {
	background-color: #87CEEB;
}

.thermostatModeItem.thermostatModeItemHover {
	background-color: #92E7FF;
}

.thermostatModeItem > div {
	float: left;
	width: 100%;
}

.thermostatModeIcon {
	width: 20px;
	height: 20px;
	float: left;
}

.thermostatModeLabel {
	float: left;
	margin: 3px 0 0 5px;
}

.thermostatModeEditButton {
	float: right;
    margin-top: 2px;
}

.thermostatModeEdit {
	background-color: #FFFFFF;
	border-color: #BABABD;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.4);
}

.thermostatModeEdit .x-tip-header {
	padding: 3px;
}

.thermostatModeEdit .x-tip-header-text {
	font-size: 14px;
}

.thermostatModeEditform .x-item-disabled {
	opacity: 0.5;
}

#climateOverrideButtons .x-btn-pressed,
#climateControllButtons .x-btn-pressed {
	background: none repeat scroll 0 0 #99BA6E;
	border-color: #608E24;
}

#climateOverrideButtons .x-btn-pressed .x-btn-inner,
#climateControllButtons .x-btn-pressed .x-btn-inner {
	color: #FFFFFF;
}

.thermostatButtonIcon {
	background: url("../images/parts/button-circle-gray.png") no-repeat scroll center 2px transparent !important;
}
.x-btn-pressed .thermostatButtonIcon {
	background: url("../images/parts/button-circle-green.png") no-repeat scroll center 2px transparent !important;
}

.thermostatIconButton.linkButton.x-btn {
	text-decoration: none;
}

.thermostatIconButton .x-btn-inner {
	padding-left: 15px !important;
}

.thermostatControllButton.x-btn button span.x-btn-inner {
	font-weight: normal;
}

.thermostatControllButton.x-btn-default-small {
	background-image:none;
	background-color:white;
	border-color: #C5C5C5;
}

.thermostatControllButton.x-btn-default-small.x-btn-pressed {
	background-image:none;
	background-color:white;
	border-color: #A8D029;
	background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#CDEA6A),color-stop(48%,#CDEA6A),color-stop(52%,#A3C91D),color-stop(100%,#B6E025));
	background-image:-webkit-linear-gradient(top,#CDEA6A,#CDEA6A 48%,#A3C91D 52%,#B6E025);
	background-image:-moz-linear-gradient(top,#CDEA6A,#CDEA6A 48%,#A3C91D 52%,#B6E025);
	background-image:-o-linear-gradient(top,#CDEA6A,#CDEA6A 48%,#A3C91D 52%,#B6E025);
	background-image:-ms-linear-gradient(top,#CDEA6A,#CDEA6A 48%,#A3C91D 52%,#B6E025);
	background-image:linear-gradient(top,#CDEA6A,#CDEA6A 48%,#A3C91D 52%,#B6E025);
}

.thermostatRed {
	color: #CF213A;
}

.thermostatBlue {
	color: #2544BF;
}

.chartBarsContainer {
	background-color: #84D50B;
	border: 1px solid #000000;
}

.dayForm .x-grid-cell-inner {
	font-size: 11px;
    padding: 0;
}

.dayForm .x-grid-cell {
	vertical-align: bottom;
	background: none;
    border: none;
}

.dayForm .temperatures table {
	height: 100%;
	width: auto !important;
	border-right: 1px solid gray;
}

.dayForm .times table {
	width: auto !important;
}

.dayForm .times table .x-grid-cell-first .x-grid-cell-inner {
	width:7px;
}

.dayForm .temperatures .x-grid-cell-inner {
	padding-right: 3px;
	text-align: right !important;
}

.dayForm .chartBar {
	border: none;
	border-right: 1px dashed #000000;
	position: absolute;
	bottom: 0;
	overflow: visible;
	top: auto !important;
}

.dayForm .chartBar.lastChartBar {
	border-right: none;
}

.chartBarTimeContainer {
	background-color: #1C1812;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    font-size: 12px;
    padding: 2px;
    text-align: center;
    z-index: 10000;
}

.dayForm .chartBar.heating {
	border: none;
	position: relative;
	bottom: 0;
	top: auto !important;
	left: auto !important;
	width: 100% !important;
}

.dayForm .chartBar.cooling {
	border: none;
	top: 0 !important;
	left: auto !important;
    width: 100% !important;
}

.dayForm .chartBar > div.x-box-inner {
	overflow: visible;
	width: 100% !important;
}

.dayForm .chartBar > div.x-box-inner > div {
	position: static !important;
	height: 100% !important;
	width: 100% !important;
}

.chartBarsContainer > .x-panel-body > .x-box-inner > div {
    position: static !important;
}

.chartEmpty {
	background: url("../images/parts/chart_back.png") no-repeat scroll center center transparent;
	background-size: 10% auto;
}

.barTemperature {
	color: #FF0000;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.heating .barTemperature {
	color: #FFFFFF;
}

.cooling .barTemperature {
	color: #FFFFFF;
}

.todaySettingsInfo {
	text-align: center;
}

.todayRefreshButton {
    padding: 0 3px;
}

.saveTodayButton {
    padding: 0 3px;
}

.x-grid .grid-cell-preselected .x-grid-cell-inner {
	background-color: #074317 !important;
	opacity: .2;
}

.energyGrid .x-grid-header-ct {
	border: 1px solid #C5C5C5;
}
.energyGrid .x-column-header-text {
	color: #6C6C6C;
	font-size: 14px;
    font-weight: bold;
    line-height: 20px;
}

.endpointSelectorDataView .thermostatEndpointItem span.delete,
.endpointSelectorDataView .zoneEndpointItem span.delete {
	color: red;
    cursor: pointer;
    float: right;
    font-family: Comic Sans MS;
    font-size: 13px;
    font-weight: bold;
    margin-top: -2px;
    padding: 0 3px;
    vertical-align: top;
}

.endpointSelectorDataView .thermostatEndpointItem,
.endpointSelectorDataView .zoneEndpointItem {
	padding: 3px 0;
}

.thermostatVertikalSliderField .label {
	display: block;
	font-weight: bold;
	text-align: center;
	width: 100%;
}
.thermostatVertikalSliderField table.label {
	display: table;
}
.thermostatVertikalSliderField .label.heating,
.thermostatVertikalSliderField .label.heating .x-form-display-field {
	color: #CF213A;
}
.thermostatVertikalSliderField .label.cooling,
.thermostatVertikalSliderField .label.cooling .x-form-display-field {
	color: #2544BF;
}
.thermostatVertikalSliderField .label.deegres .x-form-display-field {
	font-size: 18px;
	padding: 0 0 0 7px;
}
.thermostatVertikalSliderField .label.deegres .x-form-item-body,
.thermostatVertikalSliderField .label.deegres .x-form-item-body .x-form-display-field {
	width: 100%;
}

.thermostatVertikalSliderField .vertikalSlider {
	margin: 4px auto;
}

.thermostatItem {
	background: url("/zipato-web/data/icons/temperature_meter.png") no-repeat scroll 5px center transparent;
    border: 1px solid #B0B2B2;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
    float: left;
    height: 42px;
    margin-top: 5px;
    padding: 5px 7px 5px 40px;
    position: relative;
    width: 100%;
}

.thermostatItem .thermostatLabel {
	float: left;
    font-weight: bold;
    margin-top: 7px;
}

.thermostatItem .editButton {
	float: right;
    margin-top: 2px;
}

.thermostatItem .schedulerButton {
	bottom: 5px;
    position: absolute;
    left: 8px;
}

.zipato-endpointSelector.regulatorSelector .zipato-form-field .x-form-item-label {
	font-weight: normal;
    margin-bottom: 1px !important;
    padding-top: 0;
}

.zipato-dashboardTab {
	background-color: #C6C2C2;
    background-image: none;
    border: 2px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #FFFFFF;
    border-top: 5px solid #FFFFFF;
    border-radius: 0 0 10px 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.zipato-dashboardTab.first {
	border-left: 2px solid #FFFFFF;
}

.zipato-dashboardTab.last {
	border-right: 2px solid #FFFFFF;
}

.zipato-dashboardTab.over {
	background-color: #D5D5D5;
}

.zipato-dashboardTab.active {
	background-color: #FFFFFF;
}

.zipato-dashboardTab.active.over {
	cursor: default;
}

.dashboardTableContainer > div.x-box-inner {
	overflow: auto;
}

.securityWidget > .x-panel-body,
.lightsWidget > .x-panel-body,
.sensorsWidget > .x-panel-body,
.metersWidget > .x-panel-body,
.climateWidget > .x-panel-body,
.scenesWidget > .x-panel-body {
	background-color: transparent;
}

.zipato-toolbox-panel.widget.securityWidget .x-accordion-item .x-panel-header {
	cursor: pointer;
	text-align: left;
	padding: 5px;
}
.zipato-toolbox-panel.widget.securityWidget .x-accordion-item.keyboard .x-panel-header {
	padding: 8px;
}
.zipato-toolbox-panel.widget.securityWidget .x-accordion-item.keyboard .x-panel-header-text {
	color: #20637D;
}

.securityWidgetZones .x-grid-row-selected .x-grid-cell,
.securityWidgetZones .x-grid-row-selected .x-grid-rowwrap-div,
.securityWidgetZones .x-grid-row .x-grid-cell,
.securityWidgetZones .x-grid-row .x-grid-rowwrap-div {
	background-color: #F8F8F8 !important;
    border: none;
}

.securityWidgetZones .x-grid-row .x-grid-cell,
.securityWidgetZones .x-grid-row-selected .x-grid-cell {
	border-bottom: 1px solid #3091B6;
	overflow: visible;
}

.securityWidgetZones > .x-panel-header,
.lightsWidgetItem,
.sensorsWidgetItem,
.metersWidgetItem,
.climateWidgetItem,
.scenesWidgetItem {
	background: url("../images/parts/widget-item-back.png") repeat-x scroll left center transparent !important;
	border: 1px solid #C0C0C0 !important;
	border-radius: 7px 7px 7px 7px;
}

.climateWidgetItem {
	background: none;
	background-color: #F8F8F8 !important;
}

.securityWidgetZones > .x-panel-body {
	background-color: #F8F8F8;
}

.securityWidgetZones .x-grid-view table {
	width: auto !important;
}

.securityWidgetZones td.x-grid-cell div.x-grid-cell-inner {
	overflow: visible;
	padding: 5px 5px 3px;
}

.securityWidgetZones td.x-grid-cell.x-action-col-cell div.x-grid-cell-inner {
    text-align: right !important;
}

.zoneDeviceDeleted {
	color: #FF0000;
}

.userManager-panel td.x-grid-cell.x-action-col-cell div.x-grid-cell-inner {
	padding-top: 2px;
	text-align: center !important;
}

.userManager-userDisabled .x-grid-cell-inner {
	color: #FF0000;
}

.securityWidgetZones td.x-grid-cell-first div.x-grid-cell-inner {
	background: url("../images/parts/sensor-blue.png") no-repeat scroll 5px 8px transparent;
    padding: 5px 3px 3px 30px;
}

.userManager-panel .x-action-col-icon,
.securityWidgetZones .x-action-col-icon {
	margin-right: 5px;
}

.securityWidgetZones .x-action-col-icon.x-action-col-0 {
	margin-bottom: 2px;
}

.securityWidgetZones-name div.x-grid-cell-inner {
	height: 100%;
}

.securityWidgetZones-name .zoneTitle,
.securityWidgetZones-name .zoneState .zoneStatus {
	color: #21637D;
	font-size: 14px;
	line-height: 17px;
}

.securityWidgetZones-name .zoneTitle {
	max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.securityWidgetZones-name .zoneState {
	float: left;
	padding: 3px 3px 0 0;
    width: 100%;
}

.securityWidgetZones-name .zoneState .zoneIndicator {
	float: left;
    font-size: 11px;
    padding: 2px 0 0 15px;
    width: 33%;
}

.securityWidgetZones-name .zoneState .zoneIndicator.active {
	background: url("../images/parts/green-dot.png") no-repeat scroll left center transparent;
}

.securityWidgetZones-name .zoneState .zoneIndicator.inactive {
	background: url("../images/parts/red-dot.png") no-repeat scroll left center transparent;
}

.securityWidgetZones-name .zoneState .zoneStatus {
	float: left;
    margin-top: -1px;
    padding-right: 3px;
    text-align: left;
    width: 40%;
}

.securityWidgetZones-name .zoneState .zoneStatusLog {
	float: left;
    padding: 2px 0 0;
    width: 60%;
}

.securityWidgetZones-name .zoneState .x-btn {
	border: 1px solid #A2A7AB;
    color: #3F5872;
    font-size: 11px;
    font-weight: bold;
    margin-top: -2px;
    padding: 2px;
    text-align: center;
    width: 80px;
}

.securityWidgetZones-name .zoneState .x-btn.hidden {
	display: none;
}

.securityWidgetZones tr.x-grid-row {
	height: 47px;
}

.securityWidget .accordionPanelTitle {
	font-size: 14px;
}

.zoneSettings .x-form-cb-wrap {
	padding-top: 5px;
}

.zoneSettings .x-window-header-top {
	margin-bottom: 5px;
}

.editZone.hidden {
	display: none;
}

.hideDeleted,
.x-action-col-icon.hidden {
	display: none !important;
}

.partitionRectIcon {background: url("../images/icons/sensor.png") no-repeat scroll center center transparent;}
.climateWidgetIcon.climate {background: url("../images/icons/meter.temperature.png") no-repeat scroll center 12px transparent;}

.zipatoRectangle .scenesWidgetIcon {background: url("../images/icons/scene.png") no-repeat scroll center center transparent;}

.zipatoRectangle .lightsWidgetIcon, .zipatoRectangle .lightsWidgetIcon.actuator {background: url("../images/icons/actuator.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon, .zipatoRectangle.on .lightsWidgetIcon.actuator {background: url("../images/icons/actuator.1.png") no-repeat scroll center center transparent;}

.zipatoRectangle .metersWidgetIcon, .zipatoRectangle .metersWidgetIcon.meter {background: url("../images/icons/meter.png") no-repeat scroll center center transparent;}

.zipatoRectangle .sensorsWidgetIcon, .zipatoRectangle .sensorsWidgetIcon.sensor {background: url("../images/icons/sensor.png") no-repeat scroll center center transparent;}

.zipatoRectangle .virtual.http {background: url("../images/icons/virtual.http.png") no-repeat scroll center center transparent;}

.zipatoRectangle .lightsWidgetIcon.actuator.onoff {background: url("../images/icons/actuator.onoff.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.onoff {background: url("../images/icons/actuator.onoff.1.png") no-repeat scroll center center transparent;}
.zipatoRectangle .lightsWidgetIcon.actuator.onoff.light {background: url("../images/icons/actuator.onoff.light.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.onoff.light {background: url("../images/icons/actuator.onoff.light.1.png") no-repeat scroll center center transparent;}
.zipatoRectangle .lightsWidgetIcon.actuator.gate {background: url("../images/icons/actuator.gate.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.gate {background: url("../images/icons/actuator.gate.1.png") no-repeat scroll center center transparent;}
.zipatoRectangle .lightsWidgetIcon.actuator.onoff.plugin {background: url("../images/icons/actuator.onoff.plugin.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.onoff.plugin {background: url("../images/icons/actuator.onoff.plugin.1.png") no-repeat scroll center center transparent;}
.zipatoRectangle .lightsWidgetIcon.actuator.onoff.valve {background: url("../images/icons/actuator.onoff.valve.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.onoff.valve {background: url("../images/icons/actuator.onoff.valve.1.png") no-repeat scroll center center transparent;}
.zipatoRectangle .lightsWidgetIcon.actuator.onoff.water {background: url("../images/icons/actuator.onoff.water.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.onoff.water {background: url("../images/icons/actuator.onoff.water.1.png") no-repeat scroll center center transparent;}
.zipatoRectangle .lightsWidgetIcon.actuator.radiator {background: url("../images/icons/actuator.radiator.png") no-repeat scroll 3px center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.radiator {background: url("../images/icons/actuator.radiator.1.png") no-repeat scroll center center transparent;}
.zipatoRectangle .lightsWidgetIcon.actuator.shade {background: url("../images/icons/actuator.shade.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.shade {background: url("../images/icons/actuator.shade.1.png") no-repeat scroll center center transparent;}
.zipatoRectangle .lightsWidgetIcon.actuator.siren {background: url("../images/icons/actuator.siren.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.siren {background: url("../images/icons/actuator.siren.1.png") no-repeat scroll center center transparent;}
.zipatoRectangle .lightsWidgetIcon.actuator.siren.rotating {background: url("../images/icons/actuator.siren.rotating.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.siren.rotating {background: url("../images/icons/actuator.siren.rotating.1.png") no-repeat scroll center center transparent;}
.zipatoRectangle .lightsWidgetIcon.actuator.siren.rotating {background: url("../images/icons/actuator.siren.rotating.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.siren.rotating {background: url("../images/icons/actuator.siren.rotating.1.png") no-repeat scroll center center transparent;}
.zipatoRectangle .lightsWidgetIcon.actuator.ventilation {background: url("../images/icons/actuator.ventilation.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.ventilation {background: url("../images/icons/actuator.ventilation.1.png") no-repeat scroll center center transparent;}

.zipatoRectangle .lightsWidgetIcon.actuator.automatic_door {background: url("../images/icons/actuator.automatic_door.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.automatic_door {background: url("../images/icons/actuator.automatic_door.1.png") no-repeat scroll center center transparent;}
.zipatoRectangle .lightsWidgetIcon.actuator.automatic_sliding_door {background: url("../images/icons/actuator.automatic_sliding_door.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.automatic_sliding_door {background: url("../images/icons/actuator.automatic_sliding_door.1.png") no-repeat scroll center center transparent;}
.zipatoRectangle .lightsWidgetIcon.actuator.awnings {background: url("../images/icons/actuator.awnings.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.awnings {background: url("../images/icons/actuator.awnings.1.png") no-repeat scroll center center transparent;}
.zipatoRectangle .lightsWidgetIcon.actuator.boiler {background: url("../images/icons/actuator.boiler.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.boiler {background: url("../images/icons/actuator.boiler.1.png") no-repeat scroll center center transparent;}
.zipatoRectangle .lightsWidgetIcon.actuator.bollard {background: url("../images/icons/actuator.bollard.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.bollard {background: url("../images/icons/actuator.bollard.1.png") no-repeat scroll center center transparent;}
.zipatoRectangle .lightsWidgetIcon.actuator.door_lock {background: url("../images/icons/actuator.door_lock.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.door_lock {background: url("../images/icons/actuator.door_lock.1.png") no-repeat scroll center center transparent;}
.zipatoRectangle .lightsWidgetIcon.actuator.draperies {background: url("../images/icons/actuator.draperies.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.draperies {background: url("../images/icons/actuator.draperies.1.png") no-repeat scroll center center transparent;}
.zipatoRectangle .lightsWidgetIcon.actuator.garage_sectional_door {background: url("../images/icons/actuator.garage_sectional_door.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.garage_sectional_door {background: url("../images/icons/actuator.garage_sectional_door.1.png") no-repeat scroll center center transparent;}
.zipatoRectangle .lightsWidgetIcon.actuator.garage_swinging_door {background: url("../images/icons/actuator.garage_swinging_door.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.garage_swinging_door {background: url("../images/icons/actuator.garage_swinging_door.1.png") no-repeat scroll center center transparent;}
.zipatoRectangle .lightsWidgetIcon.actuator.hot_water_tank {background: url("../images/icons/actuator.hot_water_tank.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.hot_water_tank {background: url("../images/icons/actuator.hot_water_tank.1.png") no-repeat scroll center center transparent;}
.zipatoRectangle .lightsWidgetIcon.actuator.meter {background: url("../images/icons/actuator.meter.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.meter {background: url("../images/icons/actuator.meter.1.png") no-repeat scroll center center transparent;}
.zipatoRectangle .lightsWidgetIcon.actuator.pannels {background: url("../images/icons/actuator.pannels.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.pannels {background: url("../images/icons/actuator.pannels.1.png") no-repeat scroll center center transparent;}
.zipatoRectangle .lightsWidgetIcon.actuator.pilot_wire {background: url("../images/icons/actuator.pilot_wire.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.pilot_wire {background: url("../images/icons/actuator.pilot_wire.1.png") no-repeat scroll center center transparent;}
.zipatoRectangle .lightsWidgetIcon.actuator.ramp {background: url("../images/icons/actuator.ramp.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.ramp {background: url("../images/icons/actuator.ramp.1.png") no-repeat scroll center center transparent;}
.zipatoRectangle .lightsWidgetIcon.actuator.shutters {background: url("../images/icons/actuator.shutters.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.shutters {background: url("../images/icons/actuator.shutters.1.png") no-repeat scroll center center transparent;}
.zipatoRectangle .lightsWidgetIcon.actuator.sliding_gate {background: url("../images/icons/actuator.sliding_gate.png") no-repeat scroll center center transparent;}
.zipatoRectangle.on .lightsWidgetIcon.actuator.sliding_gate {background: url("../images/icons/actuator.sliding_gate.1.png") no-repeat scroll center center transparent;}

.zipatoRectangle .lightsWidgetIcon.control.ir {background: url("../images/icons/control.ir.png") no-repeat scroll center center transparent;}

.zipatoRectangle .metersWidgetIcon.meter.humidity {background: url("../images/icons/meter.humidity.png") no-repeat scroll center center transparent;}
.zipatoRectangle .metersWidgetIcon.meter.light {background: url("../images/icons/meter.light.png") no-repeat scroll center center transparent;}
.zipatoRectangle .metersWidgetIcon.meter.pressure {background: url("../images/icons/meter.pressure.png") no-repeat scroll center center transparent;}
.zipatoRectangle .metersWidgetIcon.meter.sun {background: url("../images/icons/meter.sun.png") no-repeat scroll center center transparent;}
.zipatoRectangle .metersWidgetIcon.meter.sunposition {background: url("../images/icons/meter.sunposition.png") no-repeat scroll center center transparent;}
.zipatoRectangle .metersWidgetIcon.meter.temperature {background: url("../images/icons/meter.temperature.png") no-repeat scroll center center transparent;}
.zipatoRectangle .metersWidgetIcon.meter.volume {background: url("../images/icons/meter.volume.png") no-repeat scroll center center transparent;}
.zipatoRectangle .metersWidgetIcon.meter.wind {background: url("../images/icons/meter.wind.png") no-repeat scroll center center transparent;}
.zipatoRectangle .metersWidgetIcon.meter.windspeed {background: url("../images/icons/meter.windspeed.png") no-repeat scroll center center transparent;}
.zipatoRectangle .metersWidgetIcon.meter.temperature_humidity {background: url("../images/icons/meter.temperature_humidity.png") no-repeat scroll center center transparent;}

.zipatoRectangle .sensorsWidgetIcon.sensor.co {background: url("../images/icons/sensor.co.png") no-repeat scroll center center transparent;}
.zipatoRectangle .sensorsWidgetIcon.sensor.door {background: url("../images/icons/sensor.door.png") no-repeat scroll center center transparent;}
.zipatoRectangle .sensorsWidgetIcon.sensor.fire {background: url("../images/icons/sensor.fire.png") no-repeat scroll center center transparent;}
.zipatoRectangle .sensorsWidgetIcon.sensor.flood {background: url("../images/icons/sensor.flood.png") no-repeat scroll center center transparent;}
.zipatoRectangle .sensorsWidgetIcon.sensor.gas {background: url("../images/icons/sensor.gas.png") no-repeat scroll center center transparent;}
.zipatoRectangle .sensorsWidgetIcon.sensor.gasleak {background: url("../images/icons/sensor.gasleak.png") no-repeat scroll center center transparent;}
.zipatoRectangle .sensorsWidgetIcon.sensor.glassbreak {background: url("../images/icons/sensor.glassbreak.png") no-repeat scroll center center transparent;}
.zipatoRectangle .sensorsWidgetIcon.sensor.light {background: url("../images/icons/sensor.light.png") no-repeat scroll center center transparent;}
.zipatoRectangle .sensorsWidgetIcon.sensor.motion {background: url("../images/icons/sensor.motion.png") no-repeat scroll center center transparent;}
.zipatoRectangle .sensorsWidgetIcon.sensor.perimeter {background: url("../images/icons/sensor.perimeter.png") no-repeat scroll center center transparent;}
.zipatoRectangle .sensorsWidgetIcon.sensor.rain {background: url("../images/icons/sensor.rain.png") no-repeat scroll center center transparent;}
.zipatoRectangle .sensorsWidgetIcon.sensor.touch {background: url("../images/icons/sensor.touch.png") no-repeat scroll center center transparent;}
.zipatoRectangle .sensorsWidgetIcon.sensor.water {background: url("../images/icons/sensor.water.png") no-repeat scroll center center transparent;}
.zipatoRectangle .sensorsWidgetIcon.sensor.wind {background: url("../images/icons/sensor.wind.png") no-repeat scroll center center transparent;}
.zipatoRectangle .sensorsWidgetIcon.sensor.window {background: url("../images/icons/sensor.window.png") no-repeat scroll center center transparent;}


.zipatoRectangle .label.lightsWidgetIcon .lightMask {
	background: url("../images/parts/light-mask-2.png") no-repeat scroll center 14px transparent;
	height: 100%;
	width: 100%;
}

.widgetItemDisabled > .x-mask {
	background-color: #DCDCDC;
    opacity: 0.7;
}

.widgetItemDisabled > .maskText {
	color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    height: 100%;
    left: 0;
    padding: 25px 0 0 140px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 200;
}

.lightsWidgetItemTitle,
.sensorsWidgetItemTitle,
.metersWidgetItemTitle,
.climateWidgetItemTitle,
.scenesWidgetItemTitle,
.scenesWidgetItem,
.climateWidgetItemTemperature {
	color: #444444;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: bold;
}

.knxEndpointItemFieldset .x-tool img.x-tool-toggle,
.knxEndpointItemFieldset.x-fieldset-collapsed .x-tool img.x-tool-toggle {
	background-image: url("../images/parts/close-icon.gif");
	background-position: center center;
}

.climateWidgetItemTitle {
	max-width: 150px;
    overflow: hidden;
    padding-right: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.climateWidgetItem.heating .climateWidgetItemTitle {
	background: url("../images/parts/heating.png") no-repeat scroll right 1px transparent;
}

.climateWidgetItem.cooling .climateWidgetItemTitle {
	background: url("../images/parts/cooling.png") no-repeat scroll right 1px transparent;
}

.climateWidgetItem.heating .climateWidgetItemTemperature {
	color: #E93415;
}

.climateWidgetItem.cooling .climateWidgetItemTemperature {
	color: #47A1D3;
}

.climateWidgetItemTemperature {
	color: #86BD3D;
	padding-left: 10px;
}

.thermostatHoldForPanel, .thermostatHysteresisPanel {
	background-color: #FFFFFF;
	border: 1px solid #B0B2B2;
}

.thermostatHoldForPanel .x-toolbar-footer,
.thermostatHysteresisPanel .x-toolbar-footer {
	margin: 0;
	padding: 0 0 5px 5px;
}

.lightsWidgetItemTools > div,
.sensorsWidgetItemTools > div,
.metersWidgetItemTools > div,
.climateWidgetItemTools > div,
.scenesWidgetItemTools > div {
	float: left;
	margin-left: 4px;
}

.zipatoRectangle .climateWidgetIcon.label {
	color: #111111;
	background-color: transparent;
	font-size: 14px;
	text-align: center;
}

.lightsWidgetItemControlls .toggleButtonPlus .x-btn.first.x-btn-pressed,
.lightsWidgetItemControlls .toggleButtonPlus .x-btn.second.x-btn-pressed {
	background: url("../images/parts/btn-inner-shadow-back.png") repeat-x scroll 0 0 white;
	border: none;
}

.lightsWidgetItemControlls,
.lightsWidgetItemControlls > .x-box-inner {
	overflow: visible;
}

.lightsWidgetItemControlls .toggleButtonPlus .x-btn.x-btn-pressed.first button span.x-btn-inner {
	color: #5A8D28;
	font-size: 13px;
	line-height: 16px !important;
}

.lightsWidgetItemControlls .toggleButtonPlus .x-btn.x-btn-pressed.second button span.x-btn-inner {
	color: #2E8AAD;
	font-size: 13px;
	line-height: 16px !important;
}

.lightsWidgetItemControlls .toggleButtonPlus .x-btn button span.x-btn-inner,
.lightsWidgetItemControlls .toggleButtonPlus .x-btn.over.x-btn-focus.x-btn-pressed button span.x-btn-inner {
	color: #83868F;
	line-height: 16px !important;
}

.lightsWidgetItemControlls .toggleButtonPlus .x-btn.first,
.lightsWidgetItemControlls .toggleButtonPlus .x-btn.first.over.x-btn-focus.x-btn-pressed {
	border-radius: 7px 7px 7px 7px;
	border-right: 1px solid #788085;
}

.lightsWidgetItemControlls .toggleButtonPlus .x-btn.second,
.lightsWidgetItemControlls .toggleButtonPlus .x-btn.second.over.x-btn-focus.x-btn-pressed {
	border-radius: 7px 7px 7px 7px;
	border-left: 1px solid #788085;
}

.lightsWidgetItem .playButton {
	border-radius: 8px 8px 8px 8px;
}

.lightsWidgetSliderValue {
	color: #111111;
	font-size: 18px;
	padding-top: 6px;
    text-align: right;
}

.lightsWidgetItem .zipatoRectangle.clickable {
	cursor: pointer;
}

.rollershutterControl .x-btn-inner {
	font-size: 14px;
}

.metersWidgetItemStatus {
	color: #20617A;
	font-size: 16px;
	text-align: right;
}

.sensorsWidgetItemStatus {
	color: #20617A;
    font-size: 14px;
    font-weight: normal;
    height: 100%;
    padding: 6px 15px 0 0;
    text-align: right;
    width: 100%;
}

.sensorsWidgetItemControlls {
	padding-right: 5px;
}

.sensorsWidgetItemStatus.active {
	background: url("../images/parts/green-dot.png") no-repeat scroll right center transparent;
}

.sensorsWidgetItemStatus.inactive {
	background: url("../images/parts/red-dot.png") no-repeat scroll right center transparent;
}

.metersWidgetItemAttributes .x-btn-default-small button,
.metersWidgetItemAttributes .x-btn-default-small button span.x-btn-inner {
	height: 12px;
}

.metersWidgetItemAttributes .x-btn-default-small button span.x-btn-inner {
	margin-top: -2px !important;
}

.logsWidget .zipato-form-field.trigger .x-form-item-body input.x-form-text,
.gaugeWidget .zipato-form-field.trigger .x-form-item-body input.x-form-text,
.chartsWidget .zipato-form-field.trigger .x-form-item-body input.x-form-text,
.camerasWidget .zipato-form-field.trigger .x-form-item-body input.x-form-text,
.lightsWidget .zipato-form-field.trigger .x-form-item-body input.x-form-text,
.metersWidget .zipato-form-field.trigger .x-form-item-body input.x-form-text,
.sensorsWidget .zipato-form-field.trigger .x-form-item-body input.x-form-text,
.rrdWidget .zipato-form-field.trigger .x-form-item-body input.x-form-text,
.zipato-form-field.trigger.cameraStreamSelector .x-form-item-body input.x-form-text,
.logsWidget .zipato-form-field .x-form-trigger,
.gaugeWidget .zipato-form-field .x-form-trigger,
.chartsWidget .zipato-form-field .x-form-trigger,
.camerasWidget .zipato-form-field .x-form-trigger,
.lightsWidget .zipato-form-field .x-form-trigger,
.metersWidget .zipato-form-field .x-form-trigger,
.sensorsWidget .zipato-form-field .x-form-trigger,
.rrdWidget .zipato-form-field .x-form-trigger,
.zipato-form-field.cameraStreamSelector .x-form-trigger {
	height: 20px;
}
.logsWidget .zipato-form-field .x-form-trigger.x-form-dropdown,
.gaugeWidget .zipato-form-field .x-form-trigger.x-form-dropdown,
.chartsWidget .zipato-form-field .x-form-trigger.x-form-dropdown {
    background: url("../images/parts/field-dropdown-trigger.png") no-repeat scroll center center #FFFFFF;
}
.logsWidget .zipato-form-field .x-form-trigger,
.gaugeWidget .zipato-form-field .x-form-trigger,
.chartsWidget .zipato-form-field .x-form-trigger {
	width: 20px;
}

.x-boundlist.x-boundlist-floating.logFilterAttributes-boundList,
.x-boundlist.x-boundlist-floating.logFilterZones-boundList,
.x-boundlist.x-boundlist-floating.logFilterEndpoints-boundList {
	min-width: 100px;
	width: auto !important;
}
.x-boundlist .x-boundlist-item {
	white-space: nowrap;
}

.x-boundlist .x-boundlist-item .main-value {
	display: inline;
	font-weight: bold;
}

.x-boundlist .x-boundlist-item .value-description {
	display: inline;
	font-size: 11px;
}

.generalWidget-header {
    border-bottom: 1px solid #444444;
}
.generalWidget-mainTitle {
    color: #1F637D;
    float: left;
    font-size: 20px;
}
.generalWidget-downArrow {
	background: url("../images/parts/arrow-down.png") no-repeat scroll left top transparent;
    height: 15px;
    left: 10px;
    margin-top: 39px;
    width: 35px;
}
.generalWidget-deviceStatus {
	border-radius: 7px 7px 7px 7px;
    color: #FFFFFF;
    float: right;
    font-size: 11px;
    font-weight: bold;
	text-decoration: blink;
    padding: 5px 8px;
	background-color: #89B408;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3DBEE0,endColorstr=#2D85B5,GradientType=0);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3DBEE0), color-stop(100%,#2D85B5));
	background: -moz-linear-gradient(top,#3DBEE0,#2D85B5);
	background-image: -o-linear-gradient(#3DBEE0,#2D85B5);
}
.leftFloat {
	float: left;
}
.syncStarted {
	padding-right: 20px;
	background: url("../images/parts/loading-circle-small.gif") no-repeat scroll right center transparent;
}
#syncButton.needsync {
	background: rgb(255,225,161); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,225,161,1) 0%, rgba(255,196,69,1) 21%, rgba(202,138,0,1) 52%, rgba(212,145,0,1) 80%, rgba(210,144,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,225,161,1)), color-stop(21%,rgba(255,196,69,1)), color-stop(52%,rgba(202,138,0,1)), color-stop(80%,rgba(212,145,0,1)), color-stop(100%,rgba(210,144,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,225,161,1) 0%,rgba(255,196,69,1) 21%,rgba(202,138,0,1) 52%,rgba(212,145,0,1) 80%,rgba(210,144,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,225,161,1) 0%,rgba(255,196,69,1) 21%,rgba(202,138,0,1) 52%,rgba(212,145,0,1) 80%,rgba(210,144,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,225,161,1) 0%,rgba(255,196,69,1) 21%,rgba(202,138,0,1) 52%,rgba(212,145,0,1) 80%,rgba(210,144,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,225,161,1) 0%,rgba(255,196,69,1) 21%,rgba(202,138,0,1) 52%,rgba(212,145,0,1) 80%,rgba(210,144,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe1a1', endColorstr='#d29000',GradientType=0 ); /* IE6-9 */
}
#syncButton.needsync .x-btn-inner {
	color: #FFFFFF;
}
#syncButton.x-btn-default-small-over.needsync .x-btn-inner {
	color: #444444;
}
.generalWidget-deviceStatus.online {
	background: rgb(137,193,41); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(137,193,41,1) 0%, rgba(105,161,9,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(137,193,41,1)), color-stop(100%,rgba(105,161,9,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(137,193,41,1) 0%,rgba(105,161,9,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(137,193,41,1) 0%,rgba(105,161,9,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(137,193,41,1) 0%,rgba(105,161,9,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(137,193,41,1) 0%,rgba(105,161,9,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89c129', endColorstr='#69a109',GradientType=0 ); /* IE6-9 */
	text-decoration: none;
}
.generalWidget-deviceStatus.offline {
	background: rgb(218,96,82); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(218,96,82,1) 0%, rgba(224,33,12,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(218,96,82,1)), color-stop(100%,rgba(224,33,12,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(218,96,82,1) 0%,rgba(224,33,12,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(218,96,82,1) 0%,rgba(224,33,12,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(218,96,82,1) 0%,rgba(224,33,12,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(218,96,82,1) 0%,rgba(224,33,12,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da6052', endColorstr='#e0210c',GradientType=0 ); /* IE6-9 */
	text-decoration: none;
}
.generalWidget-leftSpacer {
	background: url("../images/parts/sensor-black.png") no-repeat scroll 5px 10px transparent;
}
.generalWidget-networkData,
.generalWidget-synchroniseData {
    padding: 0 10px 0 0;
}
.generalWidget-networkData h3,
.generalWidget-devicesData h3,
.generalWidget-synchroniseData h3 {
	color: #444444;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 3px 3px 0;
}
.generalWidget-networkData .floatingText,
.generalWidget-devicesData .floatingText,
.generalWidget-synchroniseData .floatingText {
	color: #444444;
	float: left;
	padding-top: 2px;
}
.floatingText.right {
	float: right;
}
.upgradeSoftware {
	color: #FF0000 !important;
	text-decoration: blink;
	width: 245px;
}
.generalWidget-networkData > div.x-container,
.generalWidget-synchroniseData > div.x-container,
.generalWidget-devicesData > .x-box-inner > div > .x-container > div.x-container {
    color: #444444;
    margin-bottom: 1px;
    padding: 3px 5px 3px 5px;
}
.generalWidget-devicesData > .x-box-inner > div > .x-container > div.x-container.problem,
.generalWidget-devicesData > .x-box-inner > div > .x-container > div.x-container.problem a {
	color:#FF0000;
}
.generalWidget-devicesData > .x-box-inner > div > .x-container > div.x-container.onlineOffline {
	margin-left: 20px;
}
.endpointOfflineContainer,
.endpointOfflineContainer div {
	color: #FF0000;
	cursor: default;
	min-width: 10px;
	text-align: center;
}
.generalWidget-devicesData a,
.generalWidget-devicesData a:visited,
#addDeviceWizard .ipDeviceItem a,
#addDeviceWizard .ipDeviceItem a:visited {
	color: #444444;
	text-decoration: none;
}
.generalWidget-devicesData .dataItemOver a,
#addDeviceWizard .ipDeviceItem a:hover {
	cursor: pointer;
	text-decoration: underline;
}
.generalWidget-devicesData .dataItemOver {
	cursor: pointer;
}
#newDeviceWizard .countdownContainer,
#removeDeviceWizard .countdownContainer {
	font-size: 20px;
}
.loadingContainer,
.snapshotWindow .loadingContainer,
.videoWindow .loadingContainer {
	background: url("../images/parts/loading-circle.gif") no-repeat scroll center center transparent;
	width: 50px;
	height: 50px;
}
.networkName {
	color: #444444;
}
.networkStatus {
	float: right;
	font-size: 12px;
	font-weight: bold;
}
.discoveryStatus.active,
.removeDeviceStatus.active {
	background: url("../images/parts/green-dot.png") no-repeat scroll center right transparent;
}
.discoveryStatus.inactive,
.removeDeviceStatus.inactive {
	background: url("../images/parts/red-dot.png") no-repeat scroll center right transparent;
}
.networkStatus.active {
	color: #2D85B5;
}
.networkStatus.inactive {
	color: #FF0000;
}
.discoveryStatus, .removeDeviceStatus {
	padding: 3px 15px 0 0;
    text-align: right;
}
.securityLogButton,
.linkButton.x-btn,
.generalWidget-linkButton.x-btn,
.generalWidget-networkData > div.x-container .x-btn {
	background: none repeat scroll 0 0 transparent;
    border: medium none;
    float: left;
    padding: 1px;
	text-decoration: underline;
}
.linkButton.x-btn .x-btn-inner,
.generalWidget-linkButton.x-btn .x-btn-inner,
.generalWidget-networkData > div.x-container .x-btn .x-btn-inner{
	font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
}
.generalWidget-linkButton.decorateOver.x-btn.x-btn-over {
	text-decoration: none;
}
.generalWidget-linkButton.x-btn.x-pressed .x-btn-inner {
	color: #808080;
	text-decoration: none;
}

.generalWidget-devicesData span.deviceNumber {
	float: right;
	font-weight: bold;
	margin-right: 5px;
}

.generalWidget-devicesData {
	border-bottom: 1px solid #444444;
}

.x-btn-icon.gray-dot {
	background: url("../images/parts/gray-dot.png") no-repeat scroll center 2px transparent;
}
.x-btn-icon.green-dot {
	background: url("../images/parts/green-dot.png") no-repeat scroll center 2px transparent;
}
.x-btn-icon.red-dot {
	background: url("../images/parts/red-dot.png") no-repeat scroll center 2px transparent;
}

.thermostatWidget-header {
	background: url("../images/parts/thermostatWidget-icon.png") no-repeat scroll 10px center transparent;
	font-size: 20px;
	padding: 10px 5px 10px 35px;
}
.thermostatWidget-tipRow div.x-container {
	text-align: center;
}
.thermostatWidget-tipRow .left,
.thermostatWidget-toolsRow .left,
.thermostatWidget-legendRow .left {
	float: left;
}
.thermostatWidget-tipRow .right,
.thermostatWidget-toolsRow .right,
.thermostatWidget-legendRow .right {
	float: right;
}
.zipatoRectangle {
	background: url("../images/parts/zipato-rect-back.png") no-repeat scroll center center transparent;
}
.zipatoRectangle .label {
	color: #FFFFFF;
	background-color: transparent;
    font-size: 25px;
}
.zipatoRectangle .label.gaugeLabel {
	background-color: #3091B6;
}
.zipatoRectangle .spacer {
	background-color: #3091B6;
}
.thermostatWidget-legendRow .modes {
	padding: 10px 10px 5px 5px;
}
.thermostatWidget-legendRow .modes .mode {
	padding-left: 10px;
}
.thermostatWidget-legendRow .modes .mode.modered {
	padding-left: 0;
}
.thermostatWidget-legendRow .modes .mode > div {
	float: left;
	width: 10px;
	height: 10px;
	margin: 2px 3px 0 0;
}
.thermostatWidget-legendRow .modes .mode.modered > div {
	background-color: #FF0000;
	padding-left: 0;
}
.thermostatWidget-legendRow .modes .mode.modegreen > div {
	background-color: #99CC00;
}
.thermostatWidget-legendRow .modes .mode.modeblue > div {
	background-color: #2E89AC;
}

.sceneEdit .x-window-body {
	border: 1px solid #B0B2B2;
    border-radius: 5px 5px 5px 5px;
}

.sceneItem {
	border-bottom: 1px solid #A9A9A9;
}

.sceneItem .sceneItemName {
	font-size: 14px;
	font-weight: bold;
}

.sceneItem .sceneItemSelectedAction {
	font-size: 14px;
	font-weight: bold;
	text-align: right;
}

.sceneItem .x-btn button span.x-btn-inner {
	font-weight: normal;
}

.virtualKeyboardPlus input,
.virtualKeyboardPlus span.x-btn-inner {
	font-size: 28px;
}

.cameraWidgetItem {
	float: left;
	font-weight: bold;
	text-align: center;
    width: 40%;
}
.cameraWidgetItem.camera {
    margin: 0 0 15px 25px;
}
.cameraWidgetItem .cameraStatus {
	color: #FF0000;
	font-weight: normal;
    height: 20px;
    padding: 3px 5px;
    text-align: right;
}
.cameraWidgetItem.snapshot {
    width: 23%;
    margin: 0 10px 8px 0;
}
.cameraWidgetItem.last {
	margin-bottom: 0 !important;
}
.cameraWidgetItem.snapshot.left {
	margin-left: 8px;
}
.cameraWidgetItem.snapshot.right {
	margin-right: 0;
}
.cameraWidgetItem.snapshot div.snapshotName {
	font-size: 10px;
	line-height: 9px;
	padding: 0 10px 0 20px;
	background: url("../images/parts/snapshot.png") no-repeat scroll left center transparent;
}
.cameraWidgetItem.over div.snapshotName {
	text-decoration: underline;
}
.cameraWidgetItem div.snapshotName.video {
	background: url("../images/parts/video.png") no-repeat scroll left center transparent;
}
.cameraSnapshotScreenContainer {
	background: none;
}
.cameraSnapshotScreenContainer.loading {
	background: url("../images/parts/loading-circle.gif") no-repeat scroll center center transparent;
}
.cameraSnapshotScreenContainer .message {
    padding-top: 100px;
    position: absolute;
    text-align: center;
}
.cameraWidgetItem div.cameraItemWrapper {
	border: 1px solid #B0B2B2;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.3);
}
.cameraWidgetItem div.image {
	margin: 0 3px 3px;
	height: 114px;
    width: 149px;
}
.cameraWidgetItem.snapshot div.image {
	border: 1px solid #CECECE;
	cursor: pointer;
    width: 91px;
    height: 91px;
    margin: 0;
}
.cameraWidgetItem.addNewCamera div.image {
	background: url('../images/parts/camera-blank.png') no-repeat scroll center top transparent;
	background-size: contain;
	background-position: center center !important;
	background-size: auto !important;
}
.cameraWidgetItem.addNewCamera .cameraSettingsContainer div {
	display: none;
}
.cameraWidgetItem .cameraSettingsContainer {
	height: 25px;
	padding: 5px;
}
.cameraWidgetItem.camera .image,
.cameraWidgetItem.snapshot.over,
.cameraWidgetItem .cameraSettingsContainer div {
	cursor: pointer;
}
.cameraWidgetItem .cameraSettingsContainer div {
	float: left;
    height: 16px;
    margin-right: 3px;
    width: 16px;
}
.cameraWidgetItem .cameraSettingsContainer .cameraSettings {
	background: url("../images/parts/settings-icon-2.png") no-repeat scroll center top transparent;
}
.cameraWidgetItem .cameraSettingsContainer .cameraRefresh {
	background: url("../images/parts/refresh-icon.png") no-repeat scroll center center transparent;
}
.cameraWidgetItem .cameraSettingsContainer .cameraPlayStream {
	background: url("../images/parts/play.png") no-repeat scroll center center transparent;
}
.cameraWidgetItem .cameraSettingsContainer .cameraFilesManager {
	background: url("../images/parts/folder.png") no-repeat scroll center center transparent;
}
.cameraWidgetItem .cameraSettingsContainer .cameraOpenPage {
	background: url("../images/parts/open-in-new-window.png") no-repeat scroll center center transparent;
}
.cameraWidgetItem .cameraSettingsContainer .cameraSnapshot {
	background: url("../images/parts/snapshot.png") no-repeat scroll center -1px transparent;
}
.cameraWidgetItem .cameraSettingsContainer .cameraDelete {
	background: url("../images/parts/widget-delete.gif") no-repeat scroll center center transparent;
	float: right;
}
.downloadCameraImage {
	background: url("../images/parts/download.jpg") no-repeat scroll center center transparent;
	float: right;
    height: 15px;
    position: relative;
    top: 74px;
    width: 15px;
}
.cameraFilesManagerToolTip,
.cameraFilesManagerToolTip > .x-tip-body {
	height: auto !important;
	width: auto !important;
}
.cameraFilesManager .cameraWidgetItem,
.cameraFilesManager .cameraWidgetItem div.image {
	width: 90px;
	height: 90px;
}
.cameraFilesManager .cameraWidgetItem {
	margin-bottom: 23px;
}
.cameraFilesManager .cameraWidgetItem.x-item-selected {
	background-color: #ADD8E6;
}
.cameraFilesManager .cameraWidgetItem.x-item-selected .image {
	border: 1px dashed #000000;
}
.ptzButton {
	background: none;
	border: none;
}
.x-btn.ptzButton.left button span.x-btn-inner,
.x-btn.ptzButton.right button span.x-btn-inner {
	color: #000000;
    font-size: 25px;
    padding-top: 205px;
}
.x-btn.ptzButton.up button span.x-btn-inner,
.x-btn.ptzButton.down button span.x-btn-inner {
	color: #000000;
    font-size: 22px;
}
.x-btn.ptzButton.down button span.x-btn-inner div,
.x-btn.ptzButton.up button span.x-btn-inner div  {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	color: #000000;
	font-size: 25px;
}
#addDeviceWizard .ipDeviceItem {
	border: 1px solid #B0B2B2;
    cursor: pointer;
    margin-bottom: 3px;
    padding: 2px;
}
#addDeviceWizard .ipDeviceItem .name {
	display: inline-block;
    font-weight: bold;
    max-width: 235px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#addDeviceWizard .ipDeviceItem .checkbox {
	background: url("../images/parts/checkbox.png") no-repeat scroll center center transparent;
	width: 16px;
	height: 16px;
	float: right;
}
#addDeviceWizard .ipDeviceItem a {
	float: right;
	margin-right: 8px;
}
#addDeviceWizard .ipDeviceItem.x-item-selected .checkbox {
	background: url("../images/parts/checkbox-activated.png") no-repeat scroll center center transparent;
}

.announcementsWindow.zipato-popup-dialog {
	padding: 0;
}
.announcementsView .empty {
	padding-top: 50%;
}
.announcementsView .messageItem {
	border-bottom: 1px solid #6C6C6C;
    margin: 10px 20px;
    padding: 5px 5px 20px;
}
.announcementsView .messageDate {
	font-size: 10px;
	line-height: 10px;
}
.announcementsView .messageTitle {
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	margin-bottom: 8px;
}
.announcementsView .messageBody {
	text-align: justify;
}
.deleteItemInfoContainer li {
	list-style: disc inside none;
	margin-left: 10px;
}
/** DASHBOARD WIDGETS END */

/** PUZZLE WIDGETS */
.contactsDataView {
	border: 1px solid #CFCFC9;
	border-radius: 5px 5px 5px 5px;
}
.contactsDataView .contactItem {
	cursor: pointer;
	float: left;
	padding: 3px 0;
	overflow: hidden;
    white-space: nowrap;
	width: 50%;
}
.contactsDataView .contactItem.contactHover span.name {
	text-decoration: underline;
}
.contactsDataView .contactItem span.delete {
	color: red;
    cursor: pointer;
    float: left;
    font-family: Comic Sans MS;
    font-size: 13px;
    font-weight: bold;
    margin-top: -2px;
    padding: 0 5px 0 4px;
    vertical-align: top;
}
.zipato-popup-dialog .messageCreateContactButton.dialog-button span.x-btn-inner {
	font-size: 11px;
    font-weight: normal;
    padding: 0;
}

.endpointConfigurationPanel .zipato-form-field {
	clear: both;
	margin-bottom: 10px;
}

.endpointConfigurationPanel .zipato-form-field label {
	padding-top: 4px;
}

.deviceCustomConfigurator {
	margin-bottom: 0;
	padding-top: 0;
	padding-right: 5px;
}
.deviceCustomConfigurator.x-fieldset-collapsed,
.deviceCustomConfigurator.x-fieldset-collapsed legend {
	padding-left: 0;
}
.deviceCustomConfigurator .x-form-item-label-top {
	padding: 0 0 2px 4px;
}
.deviceCustomConfigurator .addField {
	height: 16px !important;
    margin: 0 !important;
    position: absolute;
    right: 5px;
    top: 13px;
    width: 16px !important;
    z-index: 1000;
}
.deviceCustomConfigurator .addField img {
	background: url("../images/parts/create-icon.png") no-repeat scroll center center transparent;
	height: 16px;
    width: 16px;
}
.deviceCustomConfigurator .removeField img {
	background: url("../images/parts/delete-gray.png") no-repeat scroll center center transparent;
	height: 16px;
    width: 16px;
}
.endpointEditor-tabpanel .numberComboField .x-item-disabled .x-form-item-label {
	opacity: 1;
}
/** PUZZLE WIDGETS END */

/** HOME **/
.zipato-toolbox-panel.form .x-panel-header .x-box-inner,
.zipato-toolbox-panel.form .x-panel-header .x-box-inner .x-panel-header-text-container {
	height: 17px !important;
}
#tpg-loginForm.zipato-toolbox-panel.form input.x-form-text {
	font-size: 16px;
	padding-bottom: 3px;
}
.zipato-toolbox-panel.form .x-fieldset-header-text {
	font-size: 14px;
    font-weight: bold;
}
/** HOME END **/


/** WIDGET ITEMS */
.widgetItem {
	height: 72px;
	margin-bottom: 4px;
	padding: 3px;
}
.widgetItem .clear {
	clear: both;
}
.widgetItem .zipatoRectangleContainer {
	float: left;
}
.widgetItem .itemElements {
	height: 100%;
    padding: 2px 0 2px 70px;
    width: 100%;
}
.widgetItem .itemElements .itemRow {
	float: left;
    height: 50%;
    width: 100%;
}
.widgetItem .zipatoRectangle .label.lightsWidgetIcon .lightMask {
	background: url("../images/parts/light-mask-2.png") no-repeat scroll center 16px transparent;
}
.widgetItem .zipatoRectangle .label.lightsWidgetIcon.shade .lightMask {
	display: none;
}
.widgetItem .widgetItemTitle {
	float: left;
    max-width: 83%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.widgetItem .endpointOfflineContainer,
.widgetItem .widgetItemTools {
	float: right;
	margin-right: 3px;
}
.widgetItem.metersWidgetItem .itemElements .itemRow,
.widgetItem.lightsWidgetItem.energyWidgetItem .itemElements .itemRow {
	height: 35%;
}
.widgetItem.metersWidgetItem .itemElements .itemRow.metersWidgetItemAttributeName,
.widgetItem.lightsWidgetItem.energyWidgetItem .itemElements .itemRow.energyWidgetItemMeterAttributeName {
	height: 30%;
}
/** WIDGET ITEMS END */


/** WORKBENCH TOOLS */
#workbench-tools {
	background: none repeat scroll 0 0 transparent;
    border: medium none;
}
#workbench-tools .x-btn {
    margin-right: 5px;
}
/** WORKBENCH TOOLS END */


/** PORTAL */
.x-portal,
.x-portal .x-portal-body {
	overflow: visible;
}
.x-portal-column .zipato-toolbox-panel {
	margin-bottom: 8px;
}
.x-panel-ghost {
    z-index: 1;
}
.x-portal .x-panel-dd-spacer {
    border: 2px dashed #B0B2B2;
    background: #F6F6F6;
    border-radius: 4px;
    -moz-border-radius: 4px;
    margin-bottom: 10px;
}

/** PORTAL END */

/** FIELDS */
.zipato-form-field .x-form-item-label {
	font-size: 12px;
	padding-top: 4px;
}
.zipato-form-field .x-form-item-body .x-form-text {
	border: 1px solid #CFCFC9;
	border-radius: 5px 5px 5px 5px;
	height: 24px;
	
}
.zipato-form-field .x-form-item-body .x-html-editor-wrap {
	border: 1px solid #CFCFC9;
	border-radius: 5px 5px 5px 5px;
}
.x-html-editor-wrap iframe {
	border-radius: 5px 5px 5px 5px;
}
.zipato-form-field .x-form-item-body .x-html-editor-wrap .x-html-editor-tb {
	border-bottom: 1px solid #CFCFC9;
}
.zipato-form-field.x-item-disabled input.x-form-text {
	background-color: #DFE3E5;
    background-image: none;
    color: #5B636B;
}
.energyPeriodItem .price input {
	height: 24px !important;
}
#dashboardCenterRegion .zipato-form-field textarea {
	height: auto;
}
.zipato-form-field.trigger .x-form-item-body input.x-form-text {
	border-radius: 5px 0 0 5px;
}
.zipato-form-field .x-form-trigger {
	border: 1px solid #CFCFC9;
	border-left: medium none;
	border-radius: 0 5px 5px 0;
	width: 24px;
	height: 24px;
}
.zipato-form-field .x-form-trigger.x-form-clear {
	background: url("../images/parts/field-clear-trigger.png") no-repeat scroll center center transparent;
	height: 24px;
}
.zipato-form-field .x-form-trigger.x-form-dropdown {
	background: url("../images/parts/field-dropdown-trigger.png") no-repeat scroll 5px center transparent;
}
.zipato-form-field .x-form-trigger.x-form-date-trigger {
	background: url("../images/parts/field-date-trigger.png") no-repeat scroll 2px center transparent;
}
.zipato-form-field .x-form-trigger.x-form-spinner-down {
	background: url("../images/parts/spinner-down.png") no-repeat scroll center center transparent;
}
.zipato-form-field .x-form-trigger.x-form-spinner-up {
	background: url("../images/parts/spinner-up.png") no-repeat scroll center center transparent;
}
.zipato-form-field .x-form-trigger.x-form-clear.x-form-clear-over,
.zipato-form-field .x-form-trigger.x-form-dropdown.x-form-dropdown-over,
.zipato-form-field .x-form-trigger.x-form-date-trigger.x-form-date-trigger-over,
.zipato-form-field .x-form-trigger.x-form-spinner-up.x-form-trigger-over,
.zipato-form-field .x-form-trigger.x-form-spinner-down.x-form-trigger-over {
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.4);
}
.zipato-form-field .x-form-item-body .x-form-invalid-field,
.zipato-form-field .x-form-item-body textarea.x-form-invalid-field {
    background-image: url("/zipato-web/extjs/resources/themes/images/default/grid/invalid_line.gif");
    background-position: center bottom;
    background-repeat: repeat-x;
    border-color: #CC3300;
}
.zipato-form-field.numberfield input {
	text-align: center;
}
.zipato-form-field.trigger.numberfield .x-form-spinner-up {
	height: 12px !important;
	border-radius: 0 5px 0 0;
}
.zipato-form-field.trigger.numberfield .x-form-spinner-down {
	height: 12px !important;
	border-radius: 0 0 5px 0;
}
.zipato-attribute-item label {
	width: auto !important;
}
.zipato-form-field.checkbox .x-form-item-body,
.zipato-popup-dialog.scheduler .zipato-form-field.checkbox .x-form-item-body,
.zipato-popup-dialog.schedulerRepeat .zipato-form-field.radio .x-form-item-body {
	padding-top: 5px;
}

.zipato-popup-dialog.schedulerRepeat .zipato-form-field.radio.oneRow .x-form-item-body {
	padding-top: 3px;
}

.zipato-popup-dialog.schedulerRepeat .zipato-form-field.checkbox .x-form-item-body  {
	padding-top: 3px;
}

.zipato-form-field.x-item-disabled {
	opacity: 1;
}

.zipato-form-field.x-item-disabled.trigger > .x-form-item-body > .x-form-trigger-wrap {
	display: none;
}

.zipato-form-field.x-item-disabled.trigger > .x-form-item-body > .x-form-field.x-form-text {
	border-radius: 5px 5px 5px 5px;
	color: #808080;
}

.zipatoMultiSlider .x-slider-horz {
	background-image: none;
    border: 1px solid #8AC9E1;
    height: 16px;
    padding: 0;
}

.zipatoMultiSlider .x-slider-horz .x-slider-end {
	background-image: none;
	padding-right: 0;
}

.zipatoMultiSlider .x-slider-inner {
	background-image: none;
	height: 100%;
    padding: 2px;
}

.zipatoMultiSlider .slider-indicator-container {
	height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    background-color: #99CC00;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99CC00,endColorstr=#88BD3D,GradientType=0);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#88BD3D), color-stop(100%,#88BD3D));
	background: -moz-linear-gradient(top,#99CC00,#88BD3D);
	background-image: -o-linear-gradient(#99CC00,#88BD3D);
}

.zipatoMultiSlider .x-slider-indicator {
	height: 100%;
	width: 100%;
	position: absolute;
}

.zipatoMultiSlider .x-slider-indicator.left {
	border-right: 2px solid #FFFFFF;
	background-color: #E92A09;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EB6D59,endColorstr=#E92A09,GradientType=0);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#EB6D59), color-stop(100%,#E92A09));
	background: -moz-linear-gradient(top,#EB6D59,#E92A09);
	background-image: -o-linear-gradient(#EB6D59,#E92A09);
}

.zipatoMultiSlider .x-slider-indicator.right {
	border-left: 2px solid #FFFFFF;
	background-color: #3E9DD0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#63ACDD,endColorstr=#3E9DD0,GradientType=0);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#63ACDD), color-stop(100%,#3E9DD0));
	background: -moz-linear-gradient(top,#63ACDD,#3E9DD0);
	background-image: -o-linear-gradient(#63ACDD,#3E9DD0);
}

.zipatoMultiSlider .x-slider-thumb-left {
	background-color: #EB6D59;
	border-top: 1px solid #EB6D59;
    border-bottom: 3px solid #F8F8F8;
    border-right: 3px solid #EB6D59;
    font-size: 10px;
    padding: 0;
    text-align: right;
    margin-left: -39px;
}

.zipatoMultiSlider .x-slider-thumb-right {
	background-color: #63ACDD;
	border-top: 1px solid #63ACDD;
    border-bottom: 3px solid #F8F8F8;
    border-left: 3px solid #63ACDD;
    font-size: 10px;
    padding: 0 2px;
    text-align: left;
    margin-left: 1px;
}

.zipatoMultiSlider .x-slider-thumb {
	background-image: none;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    width: 38px;
    height: auto;
    top: -19px;
}

.multiSliderFieldPlus .leftItem {
	background-color: #E92A09;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EB6D59,endColorstr=#E92A09,GradientType=0);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#EB6D59), color-stop(100%,#E92A09));
	background: -moz-linear-gradient(top,#EB6D59,#E92A09);
	background-image: -o-linear-gradient(#EB6D59,#E92A09);
}

.multiSliderFieldPlus .middleItem {
	background-color: #99CC00;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99CC00,endColorstr=#88BD3D,GradientType=0);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#88BD3D), color-stop(100%,#88BD3D));
	background: -moz-linear-gradient(top,#99CC00,#88BD3D);
	background-image: -o-linear-gradient(#99CC00,#88BD3D);
	border-left: 2px solid #ECECED;
	border-right: 2px solid #ECECED;
}

.multiSliderFieldPlus .rightItem {
	background-color: #3E9DD0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#63ACDD,endColorstr=#3E9DD0,GradientType=0);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#63ACDD), color-stop(100%,#3E9DD0));
	background: -moz-linear-gradient(top,#63ACDD,#3E9DD0);
	background-image: -o-linear-gradient(#63ACDD,#3E9DD0);
}
.singleSliderFieldPlus .indicator {
	background: url("../images/parts/slider-bar.png") repeat-x scroll center left transparent;
	border-top: 2px solid #FFA200;
	border-bottom: 2px solid #FFA200;
}

.multiSliderFieldPlus .leftThumb,
.multiSliderFieldPlus .rightThumb {
	width: auto !important;
}

.multiSliderFieldPlus .leftThumb {
	background-color: #EB6D59;
    border-bottom: 6px solid #F8F8F8;
    border-right: 6px solid #EB6D59;
    border-top: 1px solid #EB6D59;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    padding: 1px 3px;
}

.climateWidget .multiSliderFieldPlus .leftThumb {
    border-bottom: 3px solid #F8F8F8;
    border-right: 3px solid #EB6D59;
    font-size: 10px;
    padding: 0 2px;
    text-align: right;
    top:-16px !important;
    width: 30px !important;
}

.multiSliderFieldPlus .rightThumb {
	background-color: #63ACDD;
    border-bottom: 6px solid #F8F8F8;
    border-left: 6px solid #63ACDD;
    border-top: 1px solid #63ACDD;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    font-weight: bold;
    padding: 1px 3px;
}

.multiSliderFieldPlus .x-box-inner,
.multiSliderFieldPlus .x-box-inner > div,
.singleSliderFieldPlus .x-box-inner,
.singleSliderFieldPlus .x-box-inner > div {
	height: 100% !important;
}

.climateWidget .multiSliderFieldPlus .rightThumb {
    border-bottom: 3px solid #F8F8F8;
    border-left: 3px solid #63ACDD;
    font-size: 10px;
    padding: 0 2px;
    text-align: left;
    top:-16px !important;
    width: 30px !important;
}

.singleSliderFieldPlus .singleThumb {
	font-size: 0px;
	line-height: 0%;
	width: 0px;
	border-top: 10px solid #2E8AAD;
	border-left: 5px solid #F8F8F8;
	border-right: 5px solid #F8F8F8;
	background-color: #2E8AAD;
    cursor: pointer;
}
/** FIELDS END */


/** TOOLBARS */
.toolbox-panel-toolbar .toolbox-button,
.zipato-popup-dialog .dialog-button,
.zipato-toolbox-panel .dialog-button {
	background: url("../images/parts/toolbar-button-back.png") repeat-x scroll center center transparent;
	border: 2px solid #DFDFDF !important;
    padding: 2px;
}
.toolbox-panel-toolbar .toolbox-button.over,
.zipato-popup-dialog .dialog-button.over,
.zipato-toolbox-panel .dialog-button.over {
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.4);
}
.toolbox-panel-toolbar .toolbox-button.x-pressed,
.zipato-popup-dialog .dialog-button.x-pressed,
.zipato-toolbox-panel .dialog-button.x-pressed {
	box-shadow: 0 0 3px 1px rgba(34, 134, 34, 0.9);
}
.toolbox-panel-toolbar .toolbox-button span.x-btn-inner,
.zipato-popup-dialog .dialog-button span.x-btn-inner,
.zipato-toolbox-panel .dialog-button span.x-btn-inner {
	color: #606060;
    font-size: 12px;
    font-weight: bold;
}
.toolbox-panel-toolbar .toolbox-button.x-pressed span.x-btn-inner,
.zipato-popup-dialog .dialog-button.x-pressed span.x-btn-inner,
.zipato-toolbox-panel .dialog-button.x-pressed span.x-btn-inner {
	color: #228B22;
}
.zipato-toolbox-panel .thermostatItem .dialog-button span.x-btn-inner {
	font-weight: normal;
}
/** TOOLBARS END */


/** BUTTONS */
.x-btn button,
.x-btn button span.x-btn-inner {
	color: #444444;
    font-weight: bold;
    height: 14px;
    line-height: 11px;
    padding: 1px;
}
.x-btn-zipato-small {
	background-color: #F8F8F8;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F8F8F8,endColorstr=#7C7F88,GradientType=0);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#F8F8F8), color-stop(100%,#7C7F88));
	background: -moz-linear-gradient(top,#F8F8F8,#7C7F88);
	background-image: -o-linear-gradient(#F8F8F8,#7C7F88);
	border: 1px solid #A2A7AB;
	border-radius: 2px 2px 2px 2px;
    padding: 3px;,
}
#tpg-userOptions.zipato {
	margin-right: 0;
}
#tpg-userOptions.zipato .x-btn-zipato-small {
	background: none repeat scroll 0 0 transparent;
	border-width: 0 !important;
}
#tpg-userOptions.zipato .x-btn-inner {
	color: #FFFFFF;
}
#tpg-userOptions.zipato .x-btn-split-right {
	background: none;
}
#tpg-userOptions.zipato .x-btn-over .x-btn-inner {
	text-decoration: underline;
}
.x-btn-zipato-small-over {
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.3);
}
#tpg-userOptions.zipato .x-btn-zipato-small-over {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
.toggleButtonPlus {
	background: url("../images/parts/btn-inner-shadow-back.png") repeat-x scroll 0 0 white;
	border: 1px solid #A2A7AB;
	border-radius: 7px 7px 7px 7px;
	overflow: hidden;
}
.toggleButtonPlus .x-btn {
	border: none;
	border-radius: 0;
	padding: 0;
}
.toggleButtonPlus .x-btn.first {
	border-radius: 6px 0 0 6px;
}
.toggleButtonPlus .x-btn.second {
	border-radius: 0 6px 6px 0;
}
.toggleButtonPlus .x-btn.first.x-btn-pressed {
	background-color: #EF806C;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EF806C,endColorstr=#E92A09,GradientType=0);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#EF806C), color-stop(100%,#E92A09));
	background: -moz-linear-gradient(top,#EF806C,#E92A09);
	background-image: -o-linear-gradient(#EF806C,#E92A09);
}
.toggleButtonPlus .x-btn.second.x-btn-pressed {
	background-color: #84BB3A;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#84BB3A,endColorstr=#62A21D,GradientType=0);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#84BB3A), color-stop(100%,#62A21D));
	background: -moz-linear-gradient(top,#84BB3A,#62A21D);
	background-image: -o-linear-gradient(#84BB3A,#62A21D);
}
.toggleButtonPlus .x-btn.x-btn-pressed,
.toggleButtonPlus.partitionToggleArmButton .x-btn-pressed button span.x-btn-inner,
.x-btn-zipato-small.x-btn-pressed button span.x-btn-inner {
	color: #FFFFFF;
}
.toggleButtonPlus.partitionToggleArmButton .x-btn button span.x-btn-inner {
	padding: 1px 3px;
}
.partitionToggleArmButton.x-item-disabled {
	opacity: 1;
}
.partitionToggleArmButton .x-mask {
	background-color: #E92A09;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#EB6D59,endColorstr=#E92A09,GradientType=0);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#EB6D59), color-stop(100%,#E92A09));
	background: -moz-linear-gradient(top,#EB6D59,#E92A09);
	background-image: -o-linear-gradient(#EB6D59,#E92A09);
	opacity: 1;
}
.partitionToggleArmButton .maskText {
	color: #000000;
    font-size: 14px;
    height: 100%;
    left: 0;
    padding-top: 4px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 200;
}
.toggleButtonGroupPlus .x-btn {
	border: medium none;
	border-radius: 0 0 0 0;
	padding: 0;
}
.toggleButtonGroupPlus .x-btn.middle {
	border-left: 1px solid #D1D1D1;
	border-r: 1px solid #D1D1D1;
}
.toggleButtonGroupPlus > div {
	border: 1px solid #D1D1D1;
    border-radius: 8px 8px 8px 8px;
}
/** BUTTONS END */


/** MENUS */
.attributeMenuCheckbox {
	position: absolute;
	margin: 2px 0 0 4px;
}

.zipato-number-action .x-field,
.zipato-number-action .x-btn {
	position: absolute;
}

.dateMenuClearDate a {
	padding: 4;
    text-align: center;
}
.dateMenuClearDate a span {
	color: #444444;
    font-size: 12px;
    font-weight: bold;
}
/** MENUS END */

.payment_loader_popup_message {
	background-color: #FFFFFF;
    color: #862165;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    height: 100px;
    line-height: 40px !important;
    margin: 0 auto;
    padding-top: 25px;
    position: relative;
    text-align: center;
    width: 200px;
}

.buyPackage .payment_loader_popup_message {
    padding-top: 0;
}

.packageMessage {
	font-size: 14px;
    margin-bottom: 8px;
    text-align: center;
}

.packageItem {
    float: left;
    font-weight: bold;
    margin: 0 auto 0 30px;
    position: relative;
    text-align: center;
    width: 130px;
}

.packageName {
	font-size: 14px;
}

.packagePrice {
	margin-top: 1px;
}

.packageIcon {
	background: url("../images/parts/product-package.png") no-repeat scroll center center transparent;
	width: 100%;
	height: 78px;
}

.buyButton {
	cursor: pointer;
	margin-top: 2px;
}

.buyButton a {
	color: #6B8E23;
	text-decoration: none;
}

.buyButton a:hover {
	text-decoration: underline;
}

.buyPackage .responseContainer {
	font-size: 14px;
	font-weight: bold;
}

.couponInfo {
	font-size: 14px;
	text-align: center;
}

.gridBuyButton {
	background-color: #FFFFFF;
	border: 1px solid #696969;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    min-width: 50px;
    padding: 2px;
    text-align: center;
}

.userServices td.x-grid-cell {
	vertical-align: middle;
}

.userServices td.x-grid-td-expander {
	padding: 6px 0 0 4px;
	vertical-align: top;
}

.gridInfoIcon {
	background: url("../images/parts/info-icon.png") no-repeat scroll center center transparent;
    display: inline-block;
    height: 16px;
    margin-left: 5px;
    margin-top: -2px;
    position: absolute;
    width: 16px;
}

.rgbwControl #color {
	border: 1px solid #B5B8C8;
}

.favorites-view-fieldset {
	padding: 0 0 0 5px;
}

#favorites-view .favorite {
	border: 1px solid #B5B8C8;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    float: left;
    font-size: 30px;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    margin: 5px;
    position: relative;
    text-align: center;
    width: 30px;
}

#favorites-view .favoriteHover {
	color: #13990A;
	border-color: #13990A;
}

#favorites-view .favorite .remove {
	background-color: #FFFFFF;
    border: 1px solid #B5B8C8;
    border-radius: 0 0 5px 0;
    bottom: -1px;
    font-size: 18px;
    font-weight: normal;
    height: 13px;
    line-height: 8px;
    position: absolute;
    right: -1px;
    width: 13px;
}