@CHARSET "UTF-8";

/*-- TABEL OF CONTENT --*/
table.contentTable {
    border-collapse: collapse;
    width: 100%;
    color: #808080;
    font-family: verdana, arial, helvetica;
    font-size: 11px;
}

table.contentTable td {
    margin-left: 10px;
}

table.contentTable tr {
    margin-bottom: 10px;
    height: 35px;
}

table.contentTable input {
    width: 110px;
}

table.contentTable select {
    width: 120px;
}

/*-- TABEL OF PARAMETERS --*/
.TableParameters {
    width: 700px;
    float: left;
    font-family: verdana, arial, helvetica;
    font-size: 11px;
    color: #939393;
}

.TableParameters th {
    background: url('img/bg_backup_headline.png');
    color: #ffffff;
    border: 0px;
    padding: 6px 0px 8px 0px;
    border: solid 1px #444444;
    font-weight: normal;
}

.TableParameters tr td {
    padding: 6px 0px 8px 0px;
    text-align: center;
    border: solid 1px #444444;
}

.TableParameters tr td.aLeft {
    text-align: left;
    padding-left: 10px;
    line-height: 150%;
}

.TableParameters tr td select {
    width: 140px;
    margin-top: 5px;
}

.transparentOverlay {
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1500;
    background-color: #000000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.transparentOverlayNoTouching {
    width: 100%;
    height: 200%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1500;
    background-color: #000000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

.textAreaForRightMenuSectionName {
    height: 20px;
    font-family: verdana, arial;
    font-size: 11px;
    background-color: grey;
    color: #FFFFFF;
}

.handOnMouseOver {
    cursor: pointer;
}

.handOnMouseOver:hover {
    cursor: hand;
}

.deviceIconMotionSensor {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}

.deviceIconThermostat {
    float: left;
    margin-left: 20px;
    margin-top: 20px;
}

.deviceIconUnknownDevice {
    float: left;
    margin: 15px 20px 0px 30px;
}

.deviceIconComboDevice {
    float: left;
    margin: 15px 20px 0px 30px;
}

.changeThermostatHeatingTemperature {
    width: 70px;
    height: 25px;
    background: red;
    background: url('img/input_room.png');
    float: left;
    font-family: verdana, arial, helvetica;
    font-size: 11px;
    color: #838383;
    padding: 3px;
    padding-top: 5px;
    margin: 50px 10px 20px 20px;
}

.overlay {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1550;
    margin-left: -229px;
}

.userIconBig {
    margin: 40px 40px 0px 30px;
}

.TxtGrayDark {
    color: #7a7a7a;
}

.TxtDarkBlue {
    color: #025b97;
}

.TxtLightBlue {
    color: #2c97ef;
}

.selectRoom {
    font-style: normal;
}

.selectDevice {
    padding-left: 20px;
}

.ww_scene_input {
    height: 17px;
    background: #530c0e;
    font-family: verdana, arial, helvetica;
    font-size: 11px;
    color: #ffffff;
    padding: 3px;
    margin: 0px 5px;
    text-align: center;
}

.intercomUsers {
    width: 670px;
    border: 1px solid #555555;
}

.intercomUser {
    width: 670px;
}

.userHeader {
    background: url('img/bg-bar.png') repeat-x;
    height: 38px;
    padding-left: 10px;
    border-top: 1px solid #555555;
}

.userHeaderFirst {
    border: none;
}

.deleteIntercomUser {
    border-left: 1px solid #555555;
    height: 28px;
    padding-left: 10px;
    padding-top: 10px;
    width: 25px;
}

.intercomUserName {
    margin-top: 10px;
    margin-left: 5px;
}

.userContent {
    border-top: 1px solid #555555;
}

.bold {
    font-weight: bold;
}

.checkboxDesc {
    margin-top: 10px;
    margin-right: 10px;
}

table.intercomParameters {
    width: 100%;
    font-family: verdana, arial, helvetica;
    font-size: 11px;
    line-height: 18px;
    color: #808080;
    margin-left: 10px;
}

table.intercomParameters td.first {
    width: 110px;
}

table.intercomParameters tr td {
    padding-bottom: 10px;
}

/*-- EXTERNAL ALARM --*/
.bookmark0-4 {
    width: 187px;
    height: 27px;
    background: #1c1c1c;
    border-bottom: solid 1px #515151;
    font-family: verdana, arial, helvetica;
    font-size: 11px;
    color: #8e8e8e;
    font-weight: bold;
    padding-top: 9px;
    float: left;
    text-align: center;
}

.bookmark1-4 {
    background: url('img/bg_bookmark.png');
    border-top: solid 1px #515151;
    border-right: solid 1px #515151;
    border-left: solid 1px #515151;
    border-bottom: none;
}

.bookmark0-3 {
    width: 249px;
    height: 27px;
    background: #1c1c1c;
    border-bottom: solid 1px #515151;
    font-family: verdana, arial, helvetica;
    font-size: 11px;
    color: #8e8e8e;
    font-weight: bold;
    padding-top: 9px;
    float: left;
    text-align: center;
}

.bookmark1-3 {
    background: url('img/bg_bookmark.png');
    border-top: solid 1px #515151;
    border-right: solid 1px #515151;
    border-left: solid 1px #515151;
    border-bottom: none;
}

.DeviceIcon175x175 {
    width: 175px;
    float: left;
}

.DeviceIcon45x45 {
    width: 45px;
    float: left;
}

.DeviceIcon64x64 {
    width: 64px;
    float: left;
}

.DeviceIconSatelBig {
    margin: 45px 0 0 25px;
}

.AlarmZones {
    background-color: #000000;
    float: left;
    padding-right: 13px;
    width: 736px;
    padding-top: 13px;
}

.AlarmZonesHeader {
    width: 749px;
    height: 24px;
    float: left;
    background: url('img/bg_content_room.png');
    padding-top: 6px;
    font-family: verdana, arial, helvetica;
    font-size: 11px;
    color: #a5a5a5;
    text-align: left;
}

.SatelEditParameters {
    float: left;
    padding: 30px 25px;
    width: 700px;
}

.pagination {
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 230px;
    width: 480px;
    position: relative;
}

.pagination ul li {
    list-style: none;
    display: inline;
}

.pagination ul {
    float: left;
}

.pagination ul li a {
    font-family: verdana, arial, helvetica;
    font-size: 11px;
    color: #ffffff;
    line-height: 18px;
    text-align: left;
    float: left;
    color: #808080;
    margin-left: 10px;
}

.pagination ul li a.current {
    color: #ffffff;
    font-weight: bold;
}

.numberPerPage {
    float: right;
    width: 185px;
    font-family: verdana, arial, helvetica;
    font-size: 11px;
    color: #808080;
}

.numberPerPage select {
    float: right;
    width: 65px;
    margin-top: -5px;
}

th.sensorVisibility {
    width: 35px;
}

th.sensorId {
    width: 45px;
}

th.sensorType {
    width: 157px;
    text-align: left;
    padding-left: 10px;
}

th.sensorRoom {
    width: 165px;
    text-align: left;
    padding-left: 10px;
}

th.sensorState {
    width: 205px;
    text-align: left;
    padding-left: 10px;
}

th.sensorEdit {
    width: 46px;
}

th.zoneArm {
    width: 270px;
    text-align: left;
    padding-left: 10px;
}

th.zoneState {
    width: 149px;
    text-align: left;
    padding-left: 10px;
}

#satelSensor .checkbox0 {
    margin-right: 0px;
    margin-left: 6px;
}

#satelSensor .checkbox1 {
    margin-right: 0px;
    margin-left: 6px;
}

.stateButton {
    margin-left: 10px;
}

.firstStateButton {
    margin-left: 0px;
}

.LeftMenuStateIcon {
    float: left;
    margin-right: 7px;
    margin-top: -2px;
}

.SatelFilter .checkbox0, .SatelFilter .checkbox1 {
    float: right;
}

/*-- DEVICE SATEL PARAMETERS --*/
fieldset {
    border: 1px solid #808080;
    width: 20em
}

legend {
    font-family: verdana, arial, helvetica;
    font-size: 11px;
    line-height: 18px;
    padding-left: 5px;
    padding-right: 20px;
    margin-left: 10px;
}

/*-- DEVICE SATEL STATES --*/
.deviceSatelStates {
    float: left;
    margin-top: 20px;
    margin-left: 90px;
    width: 170px;
    text-align: center;
}

/*--CLEARFIX--*/
.fleft {
    float: left;
}

.fright {
    float: right;
}

.fnone {
    float: none;
}

.center {
    text-align: center;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .clearfix {
    height: 1%;
    display: block;
}

/*-- ENERGY PANEL --*/
.navigationBackground {
    border-bottom: 1px solid #4a4a4a;
}

.chartsBackground {
    background: #303030; /* Old browsers */
    background: -moz-linear-gradient(top, #303030 0%, #272727 22%, #272727 76%, #1b1b1b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #303030), color-stop(22%, #272727), color-stop(76%, #272727), color-stop(100%, #1b1b1b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #303030 0%, #272727 22%, #272727 76%, #1b1b1b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #303030 0%, #272727 22%, #272727 76%, #1b1b1b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #303030 0%, #272727 22%, #272727 76%, #1b1b1b 100%); /* IE10+ */
    background: linear-gradient(to bottom, #303030 0%, #272727 22%, #272727 76%, #1b1b1b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#303030', endColorstr='#1b1b1b', GradientType=0); /* IE6-9 */
    border-bottom: 1px solid #4a4a4a;
    padding: 40px;
    position: relative;
}

.chartsHeader {
    margin-bottom: 40px;
}

.font {
    font-family: verdana, arial, helvetica;
    font-size: 11px;
    color: #ffffff;
}

.todayCurrentHeader {
    font-size: 18px;
    font-weight: normal;
    text-transform: capitalize;
}

.todayCurrentDate {
    font-size: 12px;
}

/*-- NAVIGATION ROOM-DEVICE --*/
.navigation {
    border-bottom: 1px solid #4a4a4a;
    padding: 40px;
    position: relative;
}

#navRoom {
    width: 126px;
}

#navRoom ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
    position: absolute;
    top: 0;
    z-index: 100;
}

#navRoom ul li {
    width: 63px;
    height: 24px;
    float: left;
    text-align: center;
}

#navRoom ul li a {
    text-indent: -9999px;
    height: 33px;
}

#navRoom li:hover a, #navRoom li.actual a {
    color: #ffffff;
    text-shadow: 0px -1px 0 #012144;
}

#navRoom #navRoomBox {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 50;
    padding-right: 8px;
    margin-left: -5px;
}

#navRoom #navRoomBox .navRoomHead {
    background: url('img/energy_panel/range_selector/Elementy_09.png') no-repeat top left;
    height: 34px;
    width: 63px;
    padding-left: 10px;
}

#buttonRoomA {
    background: url('img/energy_panel/range_selector/Elementy_21.png') no-repeat top center;
}

#buttonDeviceA {
    background: url('img/energy_panel/range_selector/Elementy_23.png') no-repeat top center;
}

#buttonRoomA:hover, li.actual #buttonRoomA {
    background: url('img/energy_panel/range_selector/Elementy_22.png') no-repeat top center;
}

#buttonDeviceA:hover, li.actual #buttonDeviceA {
    background: url('img/energy_panel/range_selector/Elementy_24.png') no-repeat top center;
}

/*--NAVIGATION TYPE--*/
#typeSelector {
    margin-left: 30px;
}

#navType {
    width: 236px;
}

#navType ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
    position: absolute;
    top: 0;
    z-index: 100;

}

#navType ul li {
    width: 118px;
    height: 24px;
    padding-top: 9px;
    float: left;
    text-align: center;
    cursor: pointer;
}

#navType ul li a {
    text-decoration: none;
    color: #808080;
    font-family: verdana, arial, helvetica;
    font-size: 11px;
}

#navType li:hover a, #navType li.actual a {
    color: #ffffff;
    text-shadow: 0px -1px 0 #012144;
}

#navType #navTypeBox {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 50;
    padding-right: 8px;
    margin-left: -5px;
}

#navType #navTypeBox .navTypeHead {
    background: url('img/energy_panel/range_selector/Elementy_11.png') no-repeat top left;
    height: 34px;
    width: 118px;
    padding-left: 10px;
}

/*-- NAVIGATION CURRENCY --*/
#currencySelector {
    margin-left: 30px;
}

#navCurrency {
    width: 126px;
}

#navCurrency ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
    position: absolute;
    top: 0;
    z-index: 100;
}

#navCurrency ul li {
    width: 63px;
    height: 24px;
    float: left;
    text-align: center;
}

#navCurrency ul li a {
    text-indent: -9999px;
    height: 33px;
}

#navCurrency li:hover a, #navCurrency li.actual a {
    color: #ffffff;
    text-shadow: 0px -1px 0 #012144;
}

#navCurrency #navCurrencyBox {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 50;
    padding-right: 8px;
    margin-left: -5px;
}

#navCurrency #navCurrencyBox .navCurrencyHead {
    background: url('img/energy_panel/range_selector/Elementy_09.png') no-repeat top left;
    height: 34px;
    width: 63px;
    padding-left: 10px;
}

#buttonEnergyA {
    background: url('img/energy_panel/range_selector/Elementy_26.png') no-repeat top center;
}

#buttonDolarA {
    background: url('img/energy_panel/range_selector/Elementy_28.png') no-repeat top center;
}

#buttonEnergyA:hover, li.actual #buttonEnergyA {
    background: url('img/energy_panel/range_selector/Elementy_25.png') no-repeat top center;
}

#buttonDolarA:hover, li.actual #buttonDolarA {
    background: url('img/energy_panel/range_selector/Elementy_27.png') no-repeat top center;
}

/*-- SPEEDOMETER --*/
#todayCurrent, .todayCurrent {
    font-family: verdana, arial, helvetica;
    color: #ffffff;
}

.speedometerBg {
    background: url('img/speedometer/speedometer_bg.png') no-repeat;
    display: block;
    width: 283px;
    height: 283px;
}

.speedometerBg.mask {
    background-image: url('img/speedometer/speedometer_mask.png');
    z-index: 2;
    position: absolute
}

.speedometerInfo {
    background: url("img/speedometer/info_bg.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 248px;
    margin-left: 45px;
    padding-left: 280px;
    padding-right: 77px;
    padding-top: 40px;
    width: 267px;
}

.speedometerInfoHeader {
    font-size: 18px;
    font-weight: normal;
    border-bottom: 1px solid #4a4a4a;
    padding-right: 20px;
    padding-bottom: 10px;
}

.speedometerInfo dt, .compareSpeedometer dt {
    font-size: 14px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.speedometerInfo dd {
    font-size: 12px;
    color: #808080;
}

.compareSpeedometer dd {
    font-size: 12px;
    color: #ABABAB;
}

.label {
    position: absolute;
    font-size: 11px;
    font-weight: bold;
}

.label_0 {
    position: absolute;
    margin-top: 160px;
    margin-left: 58px;
}

.label_50 {
    position: absolute;
    margin-top: 127px;
    margin-left: 55px;
}

.label_100 {
    position: absolute;
    margin-top: 98px;
    margin-left: 65px;
}

.label_150 {
    position: absolute;
    margin-top: 72px;
    margin-left: 80px;
}

.label_200 {
    position: absolute;
    margin-top: 53px;
    margin-left: 105px;
}

.label_300 {
    position: absolute;
    margin-top: 53px;
    margin-left: 155px;
}

.label_350 {
    position: absolute;
    margin-top: 72px;
    margin-left: 180px;
}

.label_400 {
    position: absolute;
    margin-top: 98px;
    margin-left: 200px;
}

.label_450 {
    position: absolute;
    margin-top: 127px;
    margin-left: 210px;
}

.label_500 {
    position: absolute;
    margin-top: 160px;
    margin-left: 200px;
}

.speedometerOption {
    display: block;
    width: 283px;
    height: 283px;
    display: none;
    /*position: absolute;*/
}

.speedometerValue {
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    margin-top: 205px;
    margin-left: 93px;
    width: 97px;
    text-align: center;
}

.speedometerCurrentValue {
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    margin-top: 105px;
    margin-left: 93px;
    width: 97px;
    text-align: center;
    overflow: hidden;
    display: none;
    z-index: 20
}

#box {
    background: url('img/speedometer/1.png') no-repeat;
    height: 203px;
    width: 203px;
    position: absolute;
    margin-left: 38px;
    margin-top: 63px;
    text-indent: 0px;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);

    -moz-transition: all 0.6s ease-in-out 0s;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    -ms-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.speedometerOptionRotator {
    background: url('img/speedometer/pointer.png') no-repeat;
    height: 203px;
    width: 203px;
    margin-left: 38px;
    margin-top: 63px;
    position: absolute;
    text-indent: 0px;
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);

    -moz-transition: all 0.6s ease-in-out 0s;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    -ms-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.status {
    position: absolute;
    width: 283px;
    height: 283px;
    text-align: center;
    filter: alpha(opacity=0);
    opacity: 0;
    text-indent: 0px;
    -moz-transition: all 0.6s ease-in-out 0s;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    -ms-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;
}

.speedometerStatus_fh {
    background: url('img/speedometer/fHalf.png') no-repeat;
    opacity: 1;
    -webkit-transform: rotate(-100deg);
    -moz-transform: rotate(-100deg);
    -o-transition: rotate(-100deg);
    -ms-transition: rotate(-100deg);
    transition: rotate(-100deg);
}

.speedometerStatus_sh {
    background: url('img/speedometer/sHalf.png') no-repeat;
    opacity: 0;
    -webkit-transform: rotate(-105deg);
    -moz-transform: rotate(-105deg);
    -o-transition: rotate(-105deg);
    -ms-transition: rotate(-105deg);
    transition: rotate(-105deg);
}

.speedometerBg.simpleBg {
    background-image: url('img/speedometer/speedometer_simple_bg.png');
}

.speedometerBg.simpleBg.mask {
    background-image: url('img/speedometer/speedometer_simple_mask.png');
    z-index: 2;
    position: absolute
}

.speedometerBg .label, .speedometerOptionRotator, .speedometerValue {
    z-index: 3
}

/*--COMPARE GRAPH --*/
#todayEnergy {
    min-height: 530px;
}

#container {
    height: 500px;
    min-width: 700px;
    margin-top: -30px;
    margin-left: -20px;
}

.containerNoData {
    width: 100%;
    left: 0px;
    top: 160px;
    text-align: center;
    font-size: 16px;
    position: absolute;
}

#container2 {
    height: 500px;
    min-width: 700px;
    margin-top: -38px;
    margin-left: -20px;
}

/*--RANGE SELECTOR --*/
.navigatorRange {
    position: relative;
    z-index: 1;
}

.rangeSelector {
    position: relative;
    height: 37px;
    width: 472px;
    background: url('img/energy_panel/range_selector/Elementy_04.png') repeat-x;
}

.rangeSelectorBefore {
    display: block;
    width: 20px;
    height: 34px;
    position: relative;
    background: url('img/energy_panel/range_selector/Elementy_03.png') no-repeat;
}

.rangeSelectorAfter {
    display: block;
    width: 20px;
    height: 34px;
    background: url('img/energy_panel/range_selector/Elementy_07.png') no-repeat;
}

#lava ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
    position: absolute;
    left: 10px;
    top: 0;
    z-index: 100;

}

#lava ul li {
    width: 77px;
    height: 24px;
    padding-top: 9px;
    float: left;
    text-align: center;
    cursor: pointer;
}

#lava ul li a {
    text-decoration: none;
    color: #808080;
    font-family: verdana, arial, helvetica;
    font-size: 11px;
}

#lava li:hover a, #lava li.actual a {
    color: #ffffff;
    text-shadow: 0px -1px 0 #012144;
}

#lava #lavaBox {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 50;
    padding-right: 8px;
    margin-left: -5px;
}

#lava #lavaBox .head {
    background: url('img/energy_panel/range_selector/Elementy_13.png') no-repeat top left;
    height: 34px;
    width: 87px;
    padding-left: 10px;
}

/*--PIE GRAPH --*/
div.graph {
    width: 400px;
    height: 300px;
}

div.graphMask {
    width: 254px;
    height: 254px;
    margin-top: -276px;
    margin-left: 73px;
    background: url("img/energy_panel/pieChart/pieMask.png") no-repeat;
    position: absolute;

}

.selectedRoomsHeader {
    font-size: 14px;
    font-weight: normal;
    margin-left: 400px;
    margin-top: -200px;
    position: absolute;
}

.legend {
    margin-top: 100px;
    position: absolute;
    top: 20px;
    left: 400px;
    width: 280px;
    height: 149px;
    overflow: auto;
}

.legendLabel {
    padding-top: 4px;
    padding-left: 4px;
    color: #ffffff;
    font-size: 11px;
}

/*
div.label {
	color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    margin-left: -5px;
    margin-top: -7px;
    padding: 2px;
    text-align: center;
}
*/
.flot-base {
    -moz-transition: all 0.6s ease-in-out 0s;
    -webkit-transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    -ms-transition: all 0.6s ease-in-out 0s;
    transition: all 0.6s ease-in-out 0s;

    filter: alpha(opacity=0);
    opacity: 0;
}

.summary {
    left: 184px;
    position: absolute;
    text-align: center;
    top: 265px;
    width: 117px;
}

.summaryValue {
    color: #35b1ff;
    font-size: 13px;
    font-weight: bold;
}

.todayEnergyDate, .energyUsage {
    color: #808080;
}

.todayEnergyDate input, .energyUsage input {
    background: none repeat scroll 0 0 #000000;
    border-bottom: 1px solid #505050;
    color: #268ED5;
    height: 19px;
    line-height: 18px;
    padding: 3px 5px;
    margin-left: 5px;
    width: 80px;
}

.loader {
    text-align: center;
    min-height: 150px;
    margin-top: 150px;
}

.pieLabelBackground {
    z-index: 1;
}

.pieLabel {
    z-index: 2;
    font-size: 11px;
    text-align: center;
    color: #000;
}

/*--RGB PROGRAM RANGE SELECTOR --*/
.programNavigatorRange {
    position: relative;
    z-index: 1000;
}

.programRangeSelector {
    position: relative;
    height: 37px;
    width: 200px;
    background: url('img/energy_panel/range_selector/Elementy_04.png') repeat-x;
}

.programRangeSelectorBefore {
    display: block;
    width: 20px;
    height: 34px;
    position: relative;
    background: url('img/energy_panel/range_selector/Elementy_03.png') no-repeat;
}

.programRangeSelectorAfter {
    display: block;
    width: 20px;
    height: 34px;
    background: url('img/energy_panel/range_selector/Elementy_07.png') no-repeat;
}

#programRGB ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline;
    position: absolute;
    left: 10px;
    top: 0;
    z-index: 100;

}

#programRGB ul li {
    width: 63px;
    height: 24px;
    padding-top: 9px;
    float: left;
    text-align: center;
}

#programRGB ul li a {
    text-decoration: none;
    color: #808080;
    font-family: verdana, arial, helvetica;
    font-size: 11px;
}

#programRGB li:hover a, #programRGB li.actual a {
    color: #ffffff;
    text-shadow: 0px -1px 0 #012144;
}

#programRGB #programRGBBox {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 50;
    padding-right: 8px;
    margin-left: -5px;
}

#programRGB #programRGBBox .head {
    background: url('img/energy_panel/range_selector/Elementy_09.png') no-repeat top left;
    height: 34px;
    width: 87px;
    padding-left: 10px;
}

/*-- ENERGY SETTINGS --*/
.tariffTable {
    border-top: 1px solid #000000;
    margin-top: 20px;
    margin-bottom: 20px;
}

.tariffTable tr td {
    border-bottom: 1px solid #000000;
    padding-top: 10px;
    padding-bottom: 10px;
}

table#tariffTable select {
    width: 45px;
    margin-left: 5px;
    margin-right: 5px;
    float: none;
}

table#tariffTable tr td.inputTd {
    width: 140px;
}

table#tariffTable tr td.fromTd {
    width: 175px;
}

table#tariffTable tr td.toTd {
    width: 165px;
}

table#tariffTable tr td.deleteTd {
    width: 70px;
}

table#currencyTable input {
    width: 55px;
    float: none;
    margin-right: 10px;
}

table#currencyTable tr td.checkboxTd {
    width: 30px;
}

table#currencyTable tr td.fromTd {
    width: 80px;
}

table#currencyTable tr td.toTd {
    width: 140px;
}

table#currencyTable tr td.deleteTd {
    width: 70px;
}

/*panel pomieszczen*/
.Room1x3 {
    width: 228px;
    float: left;
    border: solid 1px #000000;
    margin-left: 14px;
    margin-bottom: 16px;
}

.Room1x3Headline {
    height: 20px;
    width: 218px;
    float: left;
    background: url('img/bg_device_headline2.png');
    font-family: verdana, arial, helvetica;
    font-size: 11px;
    color: #8c8c8c;
    padding-left: 10px;
}

.Room1x3Content {
    width: 226px;
    height: 149px;
    float: left;
    background: url('img/bg_device.png');
    border: solid 1px #323232;
    border-top: none;
    background-image: linear-gradient(bottom, rgb(38, 38, 38) 30%, rgb(56, 56, 56) 65%);
    background-image: -o-linear-gradient(bottom, rgb(38, 38, 38) 30%, rgb(56, 56, 56) 65%);
    background-image: -moz-linear-gradient(bottom, rgb(38, 38, 38) 30%, rgb(56, 56, 56) 65%);
    background-image: -webkit-linear-gradient(bottom, rgb(38, 38, 38) 30%, rgb(56, 56, 56) 65%);
    background-image: -ms-linear-gradient(bottom, rgb(38, 38, 38) 30%, rgb(56, 56, 56) 65%);
}

.RoomIcon96x96 {
    width: 84px;
    float: left;
    margin: 12px 14px 0px 10px;
}

.RoomButton {
    float: left;
    width: 40px;
    height: 34px;
    background: url('img/room_button.png');
    text-align: center;
    margin: 20px 10px -10px 5px;
}

.alpha10 {
    opacity: 0.1;
    filter: alpha(opacity=10);
}

.middleElement {
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}

.zoneDay {
    width: 107px;
}

#rightMenu {
    position: fixed;
    top: 170px;
    right: 0px;
    width: 35px;
    background: url('img/rmenu_end.png') no-repeat bottom;
    padding-bottom: 5px;
    z-index: 1000;
}

.rightMenu {
    display: block;
    width: 35px;
    height: 34px;
    text-indent: -9999px;
}

#rightMenuUp {
    background: url('img/rmenu_up.png');
    height: 35px;
}

#rightMenuUp:hover {
    background: url('img/rmenu_up_hover.png');
}

.rightMenuSave {
    background: url('img/rmenu_zapisz1.png');
}

.rightMenuSaveDisabled {
    background: url('img/rmenu_zapisz0.png');
}

#rightMenuHome {
    background: url('img/rmenu_home.png');
    height: 37px;
}

#rightMenuHome:hover {
    background: url('img/rmenu_home_hover.png');
}

#rightMenuRooms {
    background: url('img/rmenu_rooms.png');
    height: 38px;
}

#rightMenuRooms:hover {
    background: url('img/rmenu_rooms_hover.png');
}

#rightMenuDevices {
    background: url('img/rmenu_devices.png');
    height: 41px;
}

#rightMenuDevices:hover {
    background: url('img/rmenu_devices_hover.png');
}

#rightMenuScenes {
    background: url('img/rmenu_scenes.png');
    height: 39px;
}

#rightMenuScenes:hover {
    background: url('img/rmenu_scenes_hover.png');
}

#rightMenuConnections {
    background: url('img/rmenu_powiaz.png');
    height: 39px;
}

#rightMenuConnections:hover {
    background: url('img/rmenu_powiaz_hover.png');
}

#rightMenuConsumption {
    background: url('img/rightMenu/energy_panel.png');
    height: 39px;
}

#rightMenuConsumption:hover {
    background: url('img/rightMenu/energy_panel_hover.png');
    height: 39px;
}

#rightMenuPlugins {
    background: url('img/rightMenu/plugin.png');
}

#rightMenuPlugins:hover {
    background: url('img/rightMenu/plugin_hover.png');
}

#rightMenuPanels {
    background: url('img/rightMenu/rmenu_panels.png');
}

#rightMenuPanels:hover {
    background: url('img/rightMenu/rmenu_panels_hover.png');
}

#rightMenuEvents {
    background: url('img/rightMenu/events.png');
}

#rightMenuEvents:hover {
    background: url('img/rightMenu/events_hover.png');
}

#rightMenuConfiguration {
    background: url('img/rmenu_settings.png');
}

#rightMenuConfiguration:hover {
    background: url('img/rmenu_settings_hover.png');
}

#rightMenuLogout {
    background: url('img/rmenu_wyloguj0.png');
}

#rightMenuLogout:hover {
    background: url('img/rmenu_wyloguj0_hover.png');
}

.weather {
    background: url('icons/weather-y/99.png');
    padding-top: 90px;
    text-align: center;
    height: 16px;
}

.deleteButton {
    display: block;
    width: 28px;
    height: 17px;
    text-indent: -9999px;
    background: url('img/p_delete_room.png');
    margin-top: -25px;
}

.deleteButton:hover, .deleteButtonActive, .deleteButtonActive:hover {
    display: block;
    width: 28px;
    height: 17px;
    text-indent: -9999px;
    background: url('img/p_delete1_room.png');
    position: relative;
    margin-top: -25px;
}

.editButton {
    float: right;
    display: block;
    width: 28px;
    height: 17px;
    text-indent: -9999px;
    background: url('img/p_edit_room.png');
    margin-top: -25px;
    margin-right: 27px;
}

.editButton:hover, .editButtonActive, .editButtonActive:hover {
    display: block;
    width: 28px;
    height: 17px;
    text-indent: -9999px;
    background: url('img/p_edit1_room.png');
    margin-top: -25px;
    margin-right: 27px;
    position: relative;
}

.menuLeftGoUp, .menuLeftGoDown {
    font-size: 10px;
    float: right;
}

.menuLeftGoUp:active, .menuLeftGoDown:active {
    background-color: #808080;;
}

.menuLeftGoUp, .menuLeftGoDown, .menuLeftGoUp:hover, .menuLeftGoUpActive, .menuLeftGoUpActive:hover, .menuLeftGoDown:hover, .menuLeftGoDownActive, .menuLeftGoDownActive:hover {
    float: right;
    display: block;
    width: 28px;
    height: 17px;
    text-indent: -9999px;
}

.menuLeftGoUp {
    background: url('img/p_up_room.png') no-repeat;
    margin-top: -25px;
    margin-right: 36px;
}

.menuLeftGoDown {
    background: url('img/p_down_room.png') no-repeat;
    margin-top: -25px;
    margin-right: 4px;
}

.menuLeftGoUp:hover, .menuLeftGoUpActive, .menuLeftGoUpActive:hover {
    background: url('img/p_up1_room.png') no-repeat;
}

.menuLeftGoDown:hover, .menuLeftGoDownActive, .menuLeftGoDownActive:hover {
    background: url('img/p_down1_room.png') no-repeat;
}

.hidden {
    display: none;
}

/*
	pagination
*/
.page_navigation {
    margin-left: 250px;
}

.page_navigation, .alt_page_navigation {
    padding-bottom: 10px;
}

.page_navigation a, .alt_page_navigation a {
    padding: 3px 5px;
    margin: 2px;
    color: #808080;
    text-decoration: none;
    float: left;
    font-family: verdana, arial, helvetica;
    font-size: 11px;
}

.active_page {
    color: #ffffff !important;
    font-weight: bold;
}

.page_navigation .no_more {
    color: #000;
    cursor: default;
}

.ellipse {
    font-family: verdana, arial, helvetica;
    font-size: 11px;
    line-height: 25px;
    text-align: left;
    float: left;
    color: #808080;
}

.errorBox {
    background: url('img/error_box.png');
    display: block;
    width: 422px;
    height: 28px;
    padding-top: 10px;
    margin-left: 212px;
    margin-top: 20px;
    text-align: center;
}

.deviceDeleteButton {
    display: block;
    width: 16px;
    height: 20px;
    text-indent: -9999px;
    background: url('img/p_close_device.png') no-repeat;
}

.deviceEditButton {
    display: block;
    width: 16px;
    height: 20px;
    text-indent: -9999px;
    background: url('img/p_edit_device.png') no-repeat;
}

.center {
    text-align: center;
}

.TxtBlue {
    color: #0099F6;
}

.checkbox {
    cursor: pointer;
    margin: 2px;
    padding-left: 25px;
    width: 500px;
}

.checkbox:active {
    width: 500px;
}

.checkboxSatel {
    margin-right: 0px;
}

.checkboxEnergyPanel, .checkboxEnergyPanel:active {
    margin-right: -9px;
}

.checkboxEnergyRoom {
    margin-right: 0px;
}

.editVariable {
    background: url("img/p_edit_room.png") no-repeat scroll -2px top transparent;
    display: block;
    height: 17px;
    margin-left: 10px;
    text-indent: -9999px;
    width: 28px;
}

#zwaveDeviceConfigurationIcon {
    background: none;
    float: left;
    height: 146px;
    position: relative;
    width: 161px;
}

#zwaveDeviceConfigurationIcons {
    display: block;
    background: url("img/zwave_configuration.png") no-repeat scroll 0 0 transparent;
    height: 146px;
    width: 161px;
    opacity: 0.1;
    filter: alpha(opacity=10);
}

.topLogsBox {
    height: 49px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 18px;
    width: 380px;
}

#legendBackground {
    background: url("img/energy_panel/legend_background.png") no-repeat;
    position: absolute;
    height: 38px;
    margin-top: 45px;
    width: 673px;
}

.lastEnergyConsumption {
    background: url("img/energy_panel/last_consumption_bg.png") no-repeat scroll 0 0 transparent;
    font-size: 12px;
    height: 17px;
    margin-top: 10px;
    padding: 6px;
    border: 1px transparent solid;
}

.lastEnergyConsumption:hover {
    border: 1px #8BC9F0 solid;
}

.summaryRoom {
    color: #ffffff;
    margin-left: 142px;
    margin-top: -160px;
    position: absolute;
    text-align: center;
    width: 117px;
    font-family: verdana, arial, helvetica;
}

.temperatureBg {
    display: block;
    height: 283px;
    width: 283px;
}

.thermometerBackgroundColorSummary {
    background: #afc6f5; /* Old browsers */
    background: -moz-linear-gradient(left, #afc6f5 0%, #fffffe 17%, #d1dfff 28%, #d0dcfa 40%, #aad2fb 50%, #dae2fb 61%, #f4f4fc 78%, #afc6f5 100%, #d1dfff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #afc6f5), color-stop(17%, #fffffe), color-stop(28%, #d1dfff), color-stop(40%, #d0dcfa), color-stop(50%, #aad2fb), color-stop(61%, #dae2fb), color-stop(78%, #f4f4fc), color-stop(100%, #afc6f5), color-stop(100%, #d1dfff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #afc6f5 0%, #fffffe 17%, #d1dfff 28%, #d0dcfa 40%, #aad2fb 50%, #dae2fb 61%, #f4f4fc 78%, #afc6f5 100%, #d1dfff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #afc6f5 0%, #fffffe 17%, #d1dfff 28%, #d0dcfa 40%, #aad2fb 50%, #dae2fb 61%, #f4f4fc 78%, #afc6f5 100%, #d1dfff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #afc6f5 0%, #fffffe 17%, #d1dfff 28%, #d0dcfa 40%, #aad2fb 50%, #dae2fb 61%, #f4f4fc 78%, #afc6f5 100%, #d1dfff 100%); /* IE10+ */
    background: linear-gradient(to right, #afc6f5 0%, #fffffe 17%, #d1dfff 28%, #d0dcfa 40%, #aad2fb 50%, #dae2fb 61%, #f4f4fc 78%, #afc6f5 100%, #d1dfff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afc6f5', endColorstr='#d1dfff', GradientType=1); /* IE6-9 */
    height: 210px;
    left: 245px;
    overflow: hidden;
    position: absolute;
    top: 35px;
    width: 16px;
    z-index: 1;
}

.thermometerBackgroundIconSummary {
    background: url('icons/termometr/thermometer.png') no-repeat;
    height: 263px;
    left: 215px;
    position: absolute;
    top: 15px;
    width: 80px;
    z-index: 2;
}

.temperatureValueColorSummary {
    background: #d64151; /* Old browsers */
    background: -moz-linear-gradient(left, #d64151 0%, #febbad 17%, #f00303 28%, #d50001 40%, #e70000 50%, #fc8563 61%, #dc0303 78%, #afc6f5 100%, #dc0303 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #d64151), color-stop(17%, #febbad), color-stop(28%, #f00303), color-stop(40%, #d50001), color-stop(50%, #e70000), color-stop(61%, #fc8563), color-stop(78%, #dc0303), color-stop(100%, #afc6f5), color-stop(100%, #dc0303)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #d64151 0%, #febbad 17%, #f00303 28%, #d50001 40%, #e70000 50%, #fc8563 61%, #dc0303 78%, #afc6f5 100%, #dc0303 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #d64151 0%, #febbad 17%, #f00303 28%, #d50001 40%, #e70000 50%, #fc8563 61%, #dc0303 78%, #afc6f5 100%, #dc0303 100%); /* Opera 11.10+ */
    height: 210px;
    position: relative;
    top: 170px;
    transition: top 1s;
    transition-timing-function: ease;
    width: 100%;
    -webkit-transition: top 1s;
    -webkit-transition-timing-function: ease;
}

.temperatureSignSummary {
    background: url('icons/termometr/themperatureTip.png') no-repeat;
    color: #FFF;
    font-size: 18px;
    height: 66px;
    left: 85px;
    padding: 20px 0 0 0px;
    position: absolute;
    top: 92px;
    width: 115px;
    z-index: 2;
}

.thermometerBackgroundColorCompare {
    background: #afc6f5;
    background: -moz-linear-gradient(left, #afc6f5 0%, #fffffe 17%, #d1dfff 28%, #d0dcfa 40%, #aad2fb 50%, #dae2fb 61%, #f4f4fc 78%, #afc6f5 100%, #d1dfff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #afc6f5), color-stop(17%, #fffffe), color-stop(28%, #d1dfff), color-stop(40%, #d0dcfa), color-stop(50%, #aad2fb), color-stop(61%, #dae2fb), color-stop(78%, #f4f4fc), color-stop(100%, #afc6f5), color-stop(100%, #d1dfff));
    background: -webkit-linear-gradient(left, #afc6f5 0%, #fffffe 17%, #d1dfff 28%, #d0dcfa 40%, #aad2fb 50%, #dae2fb 61%, #f4f4fc 78%, #afc6f5 100%, #d1dfff 100%);
    background: -o-linear-gradient(left, #afc6f5 0%, #fffffe 17%, #d1dfff 28%, #d0dcfa 40%, #aad2fb 50%, #dae2fb 61%, #f4f4fc 78%, #afc6f5 100%, #d1dfff 100%);
    background: -ms-linear-gradient(left, #afc6f5 0%, #fffffe 17%, #d1dfff 28%, #d0dcfa 40%, #aad2fb 50%, #dae2fb 61%, #f4f4fc 78%, #afc6f5 100%, #d1dfff 100%);
    background: linear-gradient(to right, #afc6f5 0%, #fffffe 17%, #d1dfff 28%, #d0dcfa 40%, #aad2fb 50%, #dae2fb 61%, #f4f4fc 78%, #afc6f5 100%, #d1dfff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afc6f5', endColorstr='#d1dfff', GradientType=1);
    height: 142px;
    left: 168px;
    overflow: hidden;
    position: absolute;
    top: 25px;
    width: 12px;
    z-index: 1;
}

.thermometerBackgroundIconCompare {
    background: url('icons/termometr/thermometer_min.png') no-repeat;
    height: 197px;
    left: 145px;
    position: absolute;
    top: 20px;
    width: 60px;
    z-index: 2;
}

.temperatureValueColorCompare {
    background: #d64151; /* Old browsers */
    background: -moz-linear-gradient(left, #d64151 0%, #febbad 17%, #f00303 28%, #d50001 40%, #e70000 50%, #fc8563 61%, #dc0303 78%, #afc6f5 100%, #dc0303 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #d64151), color-stop(17%, #febbad), color-stop(28%, #f00303), color-stop(40%, #d50001), color-stop(50%, #e70000), color-stop(61%, #fc8563), color-stop(78%, #dc0303), color-stop(100%, #afc6f5), color-stop(100%, #dc0303)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #d64151 0%, #febbad 17%, #f00303 28%, #d50001 40%, #e70000 50%, #fc8563 61%, #dc0303 78%, #afc6f5 100%, #dc0303 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #d64151 0%, #febbad 17%, #f00303 28%, #d50001 40%, #e70000 50%, #fc8563 61%, #dc0303 78%, #afc6f5 100%, #dc0303 100%); /* Opera 11.10+ */
    height: 210px;
    position: relative;
    top: 130px;
    transition: top 1s;
    transition-timing-function: ease;
    width: 100%;
    -webkit-transition: top 1s;
    -webkit-transition-timing-function: ease;
}

.temperatureSignCompare {
    background: url('icons/termometr/themperatureTip.png') no-repeat;
    color: #FFF;
    font-size: 18px;
    height: 66px;
    left: 10px;
    padding: 20px 0 0 10px;
    position: absolute;
    top: 62px;
    width: 108px;
    z-index: 2;
}

.temperatureSignDate, .actualCurrentValueSign, #actualCurrentValue_summary {
    display: block;
    text-align: center;
}

.temperatureSignCompare .temperatureSignDate, .temperatureSignCompare .actualCurrentValueSign {
    display: block;
    text-align: center;
    position: relative;
    left: -8px;
}

.lastTemperatureConsumption {
    background: url("img/temperature_panel/last_consumption_bg.png") no-repeat scroll 0 0 transparent;
    font-size: 12px;
    height: 17px;
    margin-top: 10px;
    padding: 6px;
    border: 1px transparent solid;
}

.seeMoreButton {
    background: url('img/see_more_button.png') no-repeat;
    width: 130px;
    height: 36px;
    line-height: 33px;
    font-size: 11px;
    text-align: center;
    margin: 40px auto 0;
    cursor: pointer;
    color: #FFF
}