a img {
    border: none;
}

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

.fright {
    float: right;
}

.fcenter {
    margin: 0 auto;
}

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

.disabled {
    display: none;
}

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

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

.Txt {
    color: #FFFFFF;
    float: left;
    font-family: verdana, arial, helvetica;
    font-size: 11px;
    line-height: 18px;
    text-align: left;
}

.TxtGray {
    color: #808080;
}

.cpanel {
    width: 500px;
    float: left;
}

.cpanelContent {
    background: none repeat scroll 0 0 #272727;
    border: 1px solid #505050;
    float: left;
    padding: 10px 20px;
    width: 458px;
}

.cpanelHeadline {
    background: url("../../img/cpanel_headline.png") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    font-family: verdana, arial, helvetica;
    font-size: 12px;
    font-weight: bold;
    height: 26px;
    padding: 6px 0 0 20px;
    width: 480px;
}

.SceneArea {
    width: 640px;
    float: left;
    background: #000000;
    border: solid 1px #3b3b3b;
    padding: 15px;
    margin-top: 20px;
}

.logArea {
    width: 430px;
    height: 200px;
    margin-bottom: 15px;
    font-family: verdana, arial, helvetica;
    font-size: 11px;
    line-height: 18px;
    text-align: left;
    overflow: auto;
}

.logArea td {
    padding-left: 10px;
}

.batteryImg {
    margin-left: 5px;
}

.TxtGreen {
    color: #1b8322;
}

.TxtRed {
    color: #c72f2f;
}

.TxtYellow {
    color: #baa724;
}

.TxtBlue {
    color: #268ed5;
}

.TxtGray {
    color: #808080;
}

.Button0 {
    height: 22px;
    background: url('../../img/button0_bg.png');
    float: left;
    font-family: verdana, arial, helvetica;
    font-size: 11px;
    color: #a9a9a9;
    text-align: center;
    padding: 0px 10px;
    padding-top: 4px;
    border: solid 1px #000000;
    border-bottom: 0px;
    border-top: 0px;
    -moz-border-radius: 5px; /* FF */
    -webkit-border-radius: 5px; /* przegladarki z webkitem (Safari, Chrome itp.) */
    -khtml-border-radius: 5px; /* przegladarki typu K-meleon (typowo Linuxowe) */
    border-radius: 5px; /* pozostale przegladarki */
    behaviour: url(border-radius.htc); /* dodatek dla badzIEwnej przegladarki */
}

.Button1, .Button0:active {
    height: 22px;
    background: url('../../img/button1_bg.png');
    float: left;
    font-family: verdana, arial, helvetica;
    font-size: 11px;
    color: #ffffff;
    text-align: center;
    padding: 0px 10px;
    padding-top: 4px;
    border: solid 1px #000000;
    border-bottom: 0px;
    border-top: 0px;
    -moz-border-radius: 5px; /* FF */
    -webkit-border-radius: 5px; /* przegladarki z webkitem (Safari, Chrome itp.) */
    -khtml-border-radius: 5px; /* przegladarki typu K-meleon (typowo Linuxowe) */
    border-radius: 5px; /* pozostale przegladarki */
    behaviour: url(border-radius.htc); /* dodatek dla badzIEwnej przegladarki */
}

.SliderBig0 {
    width: 186px;
    height: 24px;
    float: left;
    background: url("../../img/bg_sliderbig0.png");
}

.SliderBig1 {
    width: 186px;
    height: 24px;
    float: left;
    background: url("../../img/bg_sliderbig1.png");
}

.h1Section {
    color: #D3D3D3;
    font-size: 14px;
    padding-bottom: 15px;
}

.cpanelFrame {
    float: left;
    margin-top: 15px;
    width: 460px;
}

body {
    margin: 0 auto;
    padding: 0;
    background-color: #000000;
    color: #FFFFFF;
    font-family: Verdana, Arial;
}

a {
    text-decoration: none;
}

a:visited {
    color: #a5a5a5;
}

ul, li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.dashboard {
    position: relative;
}

.dashboard_top a {
    color: #a5a5a5;
}

.dashboard_top {
    height: 22px;
    background: url("../img/bg_dashboard_top.png");
    background-repeat: repeat-x;
    position: relative;
    width: 100%;
    padding-top: 7px;
    font-size: 11px;
}

.dashboardFlag {
    margin-top: 2px;
}

.dashboardLanguage {
    color: #a5a5a5;
    margin-left: 10px;
}

.dashboardChooseLanguage {
    margin-left: 13px;
    margin-top: 5px;
}

.dashboardDate {
    font-wfeight: bold;
    position: relative;
    width: 200px;
}

.dashboard_user {
    float: right;
    position: relative;
    height: 29px;
}

.dashboardLeftInfo {
    right: 15px;
    top: 7px;
    width: 245px;
    position: absolute;
}

.dashboardRightInfo {
    margin-left: 15px;
    float: left;
}

.dashboardUser {
    margin-right: 15px;
    position: relative;
}

.userIcon {
    background: url("../../img/topDashboard/user.png");
    background-repeat: no-repeat;
    height: 18px;
    width: 19px;
    position: relative;
    display: block;
}

.userPipe {
    background-color: #A5A5A5;
    display: block;
    font-size: 13px;
    margin-right: 15px;
    position: relative;
    top: -2px;
    width: 1px;
}

.username {
    color: #a5a5a5;
    margin-left: 10px;
    margin-right: 5px;
    text-transform: capitalize;
}

.logout a {
    color: #a5a5a5;
    position: relative;
}

.conf_button {
    float: right;
    margin-right: 13px;
    margin-top: 9px;
}

.close_button {
    float: right;
    margin-top: 10px;
    margin-right: 13px;
}

.txt_title {
    font-size: 12px;
    margin: 6px 15px 11px;
    text-shadow: 1px 1px 0 #000000;
    width: 330px;
}

.txt_title2 {
    font-size: 11px;
    color: #545454;
    margin-left: 15px;
    margin-top: 4px;
    margin-bottom: 11px;
}

.scroll_bar {
    float: right;
    width: 16px;
    height: 307px;
}

.positions {
    float: left;
    width: 370px;
    height: 32px;
    background: url("../img/positions_bg.png");
    border-bottom: solid #000000 1px;
    cursor: pointer;
}

.positions_sep {
    float: left;
    width: 2px;
    height: 31px;
    margin-top: 1px;
    background: url("../img/separator_sensors.png");
    border-bottom: solid #000000 1px;
}

.positions_sep2 {
    float: left;
    width: 2px;
    height: 44px;
    margin-top: 1px;
    background: url("../img/separator_sensors2.png");
    border-bottom: solid #000000 1px;
}

.positions_button {
    float: right;
    width: 26px;
    height: 32px;
    background: url("../img/positions_button.png");
    border-bottom: solid #000000 1px;
    border-right: solid #000000 1px;
}

.floor {
    background-image: url("../img/floor_mask.png");
    border-left: solid #000000 1px;
    float: left;
    display: block;
    width: 6px;
    height: 32px;
}

.floor_big {
    background-image: url("../img/floor_mask_big.png");
    border-left: solid #000000 1px;
    float: left;
    width: 6px;
    height: 45px;
}

.floor2 {
    background: url("../img/floor_bg2.png");
    border-left: solid #000000 1px;
    float: left;
    width: 6px;
    height: 32px;
}

.floor_info {
    width: 334px;
    float: left;
    border-left: 1px solid #000000;
}

.floor_name {
    font-size: 11px;
    color: #ffffff;
    margin-left: 11px;
    margin-top: 8px;
    font-weight: bold;
    float: left;
}

.floor_device {
    font-size: 11px;
    color: #777777;
    font-weight: bold;
    margin-top: 8px;
    margin-left: 5px;
    float: left;
}

.room_info {
    width: 334px;
    float: left;
}

.room_icon {
    width: 23px;
    height: 23px;
    float: left;
    margin-top: 5px;
    margin-left: 16px;
}

.room_name {
    font-size: 11px;
    color: #ffffff;
    margin-left: 8px;
    margin-top: 8px;
    float: left;
}

.room_device {
    font-size: 11px;
    color: #777777;
    margin-top: 8px;
    margin-left: 5px;
    float: left;
}

.bottom_bg {
    float: left;
    width: 395px;
    height: 8px;
    background: url("../img/bottom_bg.png");
    background-repeat: no-repeat;
}

.bottom_bg2 {
    background: url("../img/bottom_bg2.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 8px;
    width: 410px;
}

.bottom_bg3 {
    margin: auto;
    float: left;
    width: 410px;
    height: 8px;
    background: url("../img/bottom_bg2.png");
    background-repeat: no-repeat;
    position: absolute;
    top: 307px;
    left: -1px;
}

/*
*	AKTORY
*/
.aktory, .actors {
    width: 411px;
    float: left;
    margin-top: 10px;
    margin-left: 15px;
}

.aktory_title, .actorsTitle {
    background: url("../img/title_bg.png");
    background-repeat: no-repeat;
    float: left;
    width: 411px;
    height: 32px;
}

.aktory_subtitle, .actorsSubtitle {
    background: url("../img/bg_sub_sensor.png");
    width: 409px;
    height: 28px;
    border-top: solid #4e4e4e 1px;
    border-bottom: solid #4e4e4e 1px;
    border-left: solid #383838 1px;
    border-right: solid #383838 1px;
    float: left;
}

.aktory_conteiner, .actorsConteiner {
    float: left;
    width: 410px;
    height: 307px;
    background-color: #202020;
    border-left: solid #383838 1px;
}

.aktory_list, .actorsList {
    float: center;
    width: 370px;
    margin: 9px 13px auto;
    border-top: solid #000000 1px;
}

.positions_aktory {
    float: left;
    width: 370px;
    height: 32px;
    background: url("../img/sensors_bg.png");
    border-bottom: solid #000000 1px;
}

.aktory_info, .actorsInfo {
    width: 334px;
    float: left;
}

.aktory_icon, .actorsIcon {
    width: 23px;
    height: 23px;
    float: left;
    margin-top: 5px;
    margin-left: 37px;
}

.aktory_name, .actorsName {
    font-size: 11px;
    color: #ffffff;
    margin-left: 7px;
    margin-top: 9px;
    float: left;
}

.aktory_button_1 {
    width: 50px;
    height: 23px;
    float: right;
    margin-right: 17px;
    margin-top: 6px;
}

.aktory_button_2 {
    width: 50px;
    height: 23px;
    float: right;
    margin-right: 20px;
    margin-top: 6px;
}

.aktory_button, .actorsButton {
    float: right;
    width: 26px;
    height: 32px;
    background: url("../img/conf_sensors.png");
    border-bottom: solid #000000 1px;
    border-right: solid #000000 1px;
}

/*
*	ALARM
*/
.alarmlist {
    width: 411px;
    height: 360px;
    float: left;
    margin-top: 10px;
    margin-left: 15px;
    position: relative;
}

.alarmlist_title {
    background: url("../img/title_bg.png");
    background-repeat: no-repeat;
    float: left;
    width: 411px;
    height: 32px;
}

.alarmlist_conteiner {
    float: left;
    width: 409px;
    height: 345px;
    background-color: #202020;
    border-left: solid #383838 1px;
}

.scroll_bar_alarm {
    float: right;
    width: 16px;
    height: 313px;
}

.alarmlist_list {
    float: center;
    width: 370px;
    margin: 9px 13px auto;
    border-top: solid #000000 1px;
    min-height: 336px;
}

.positions_alarmlist {
    float: left;
    width: 370px;
    height: 32px;
    background: url("../img/sensors_bg.png");
    border-bottom: solid #000000 1px;
    /*border-right: solid #000000 1px;*/
    border-left: solid #000000 1px;
    position: relative;
}

.positions_alarmlist2 {
    float: left;
    width: 370px;
    height: 32px;
    background: url("../img/positions_bg.png");
    border-bottom: solid #000000 1px;
    border-left: solid #000000 1px;
    position: relative;
}

.alarmlist_zone {
    font-size: 11px;
    color: #777777;
    margin-top: 8px;
    margin-left: 17px;
    float: left;
}

.floor_name_alarmlist {
    font-size: 11px;
    color: #ffffff;
    margin-left: 4px;
    margin-top: 8px;
    font-weight: bold;
    float: left;
}

.alarmlist_info {
    width: 334px;
    float: left;
}

.alarmlist_icon {
    width: 23px;
    height: 23px;
    float: left;
    margin-top: 5px;
    margin-left: 17px;
}

.alarmlist_name {
    font-size: 11px;
    color: #ffffff;
    margin-left: 7px;
    margin-top: 9px;
    float: left;
}

.alarmlist_button {
    width: 60px;
    height: 23px;
    float: right;
    margin-right: 17px;
    margin-top: 6px;
}

.alarmlist_button_2 {
    float: right;
    width: 26px;
    height: 32px;
    background: url("../img/conf_sensors.png");
    border-bottom: solid #000000 1px;
    border-right: solid #000000 1px;
}

.alarmlist_time {
    font-size: 11px;
    color: #777777;
    margin-top: 9px;
    margin-left: 6px;
    float: left;
}

.alarmlist_info_alarm {
    width: 93px;
    float: right;
    margin-right: 15px
}

.alarmlist_icon_alarm {
    margin-top: 5px;
    float: left;
}

.alarmlist_alarm {
    color: #e50b0b;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 9px;
    margin-left: 13px;
    float: left;
}

.alarmlist_alarm2 {
    color: #19cc24;
    font-size: 11px;
    margin-top: 9px;
    margin-left: 13px;
    float: left;
}

.alarmlist_alarm3 {
    color: #777777;
    font-size: 11px;
    margin-top: 9px;
    margin-left: 13px;
    float: left;
}

/*
*	KAMERY
*/
.cameraImg {
    width: 175px;
    height: 131px;
    background: url('../img/cameras/no_video_min.png');
    display: block;
}

.camerImgBig {
    width: 389px;
    height: 305px;
}

.camerasElement {
    padding-right: 9px;
}

.camera_conteiner {
    float: left;
    width: 409px;
    height: 345px;
    background-color: #202020;
    border-left: solid #383838 1px;
}

.camerasList {
    padding: 10px 10px 0;
    min-height: 336px;
}

.cameras {
    /*
    width: 411px;
    float: left; 
    margin-top: 10px;
    margin-left: 15px;
    position: relative;
    margin-bottom: 1px;
    */
    z-index: 2;
    position: absolute;
}

.cameras_title {
    background: url("../img/title_bg.png");
    background-repeat: no-repeat;
    float: left;
    width: 411px;
    height: 32px;
}

.cameras_conteiner {
    width: 408px;
    height: 345px;
    float: left;
    background-color: #202020;
    border-left: solid #383838 1px;
    border-right: solid #383838 1px;
}

.cameras_list {
    margin: auto;
    width: 370px;
}

.camera_view_left {
    float: left;
    width: 175px;
    height: 131px;
    border: solid #000000 1px;
    margin-left: 13px;
    margin-top: 13px;
}

.camera_view_right {
    float: left;
    width: 175px;
    height: 131px;
    border: solid #000000 1px;
    margin-top: 13px;
    margin-left: 17px;
}

.camera_view_title {
    font-size: 11px;
    color: #777777;
    text-align: center;
}

.camera_space {
    width: 370px;
    height: 18px;
    float: left;
}

.camera_view {
    float: left;
    width: 389px;
    height: 292px;
    border: solid #000000 1px;
    margin-left: 10px;
    margin-top: 13px;
}

.camera_view_title2 {
    font-size: 11px;
    color: #777777;
    width: 389px;
    text-align: center;
}

/*
*	KLIMAT
*/
.climate {
    width: 411px;
    float: left;
    margin-top: 10px;
    margin-left: 15px;
}

.climate_title {
    background: url("../img/title_bg.png");
    background-repeat: no-repeat;
    float: left;
    width: 411px;
    height: 32px;
}

.climate_subtitle_temp {
    background: url("../img/bg_sub_sensor2.png");
    border-bottom: solid #202020 1px;
    width: 136px;
    height: 28px;
    border-top: solid #4e4e4e 1px;
    border-left: solid #383838 1px;
    border-right: solid #383838 1px;
    float: left;
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #ffffff;
    text-align: center;
}

.txt_sub_climate {
    margin-bottom: 11px;
    margin-top: 4px;
}

.climate_subtitle_hum {
    background: url("../img/bg_sub_sensor.png");
    width: 136px;
    height: 28px;
    border-top: solid #4e4e4e 1px;
    border-bottom: solid #4e4e4e 1px;
    float: left;
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #a5a5a5;
    text-align: center;

}

.climate_subtitle_vent {
    background: url("../img/bg_sub_sensor.png");
    width: 136px;
    height: 28px;
    border-top: solid #4e4e4e 1px;
    border-right: solid #383838 1px;
    border-bottom: solid #4e4e4e 1px;
    float: left;
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #a5a5a5;
    text-align: center;

}

.climate_conteiner {
    float: left;
    width: 410px;
    height: 315px;
    background-color: #202020;
    border-left: solid #383838 1px;
    position: relative;
}

.climate_list {
    float: center;
    width: 370px;
    margin: 9px 13px auto;
    border-top: solid #000000 1px;
    min-height: 306px;
}

.climate_info {
    width: 190px;
    float: left;
}

.climate_icon {
    width: 23px;
    height: 23px;
    float: left;
    margin-top: 12px;
    margin-left: 31px;
}

.climate_name {
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #ffffff;
    margin-left: 6px;
    margin-top: 16px;
    float: left;
}

.climate_button {
    float: right;
    width: 26px;
    height: 32px;
    background: url("../img/conf_climate.png");
    border-bottom: solid #000000 1px;
    border-right: solid #000000 1px;
}

.climate_positions {
    float: left;
    width: 370px;
    height: 45px;
    background: url("../img/climate_bg.png");
    border-bottom: solid #000000 1px;
}

.positions_sep_climate {
    float: left;
    width: 2px;
    height: 45px;
    margin-top: 1px;
    background: url("../img/separator_sensors.png");
    border-bottom: solid #000000 1px;
}

.climate_info_temp {
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: bold;
    margin-right: 6px;
    margin-top: 14px;
    float: right;
}

.climateRed {
    color: #ff0000;
}

.climateGrey {
    color: #777777;
}

.climateBlue {
    color: #268ed5;
}

.climate_info_temp2 {
    font-family: Verdana, Arial;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    margin-right: 6px;
    margin-top: 14px;
    float: right;
}

.climate_temp_value {
    float: left;
    width: 70px;
    height: 45px;
    text-align: center;
}

.climate_temp_value_font {
    font-family: Verdana, Arial;
    font-size: 11px;
    margin-top: 2px;
    text-align: center;
}

.climate_temp_value_font2 {
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #777777;
    margin-top: 2px;
    text-align: center;
}

.climate_temp_controls {
    width: 54px;
    height: 19px;
    float: left;
    margin-top: 2px;
    margin-left: 9px;
}

/*
*	ZURZYCIE
*/
.consumption_main {
    width: 411px;
    float: left;
    margin-top: 10px;
    margin-left: 15px;
    position: relative;
}

.consumption_title {
    background: url("../img/title_bg.png");
    background-repeat: no-repeat;
    float: left;
    width: 411px;
    height: 32px;
}

.consumption_subtitle {
    background: url("../img/bg_sub_sensor.png");
    width: 409px;
    height: 28px;
    border-top: solid #4e4e4e 1px;
    border-bottom: solid #4e4e4e 1px;
    border-left: solid #383838 1px;
    border-right: solid #383838 1px;
    float: left;
}

.consumption_conteiner {
    float: left;
    width: 410px;
    height: 307px;
    background-color: #202020;
    border-left: solid #383838 1px;
}

.consumption_list {
    float: center;
    width: 370px;
    margin: 9px 13px auto;
    border-top: solid #000000 1px;
}

.consumption_aktory {
    float: left;
    width: 370px;
    height: 32px;
    background: url("../img/sensors_bg.png");
    border-bottom: solid #000000 1px;
}

.consumption_info {
    width: 334px;
    float: left;
}

.consumption_icon {
    width: 23px;
    height: 23px;
    float: left;
    margin-top: 5px;
    margin-left: 37px;
}

.consumption_name {
    font-size: 11px;
    color: #ffffff;
    margin-left: 17px;
    margin-top: 8px;
    float: left;
    font-weight: bold;
    text-transform: uppercase;
}

.consumption_name2 {
    font-size: 11px;
    color: #ffffff;
    margin-left: 17px;
    margin-top: 8px;
    float: left;
    font-weight: bold;
}

.consumption_button {
    float: right;
    width: 26px;
    height: 32px;
    background: url("../img/conf_sensors.png");
    border-bottom: solid #000000 1px;
    border-right: solid #000000 1px;
}

.consumption_info {
    width: 340px;
    float: left;
}

.consumption_positions {
    float: left;
    width: 370px;
    height: 32px;
    background: url("../img/positions_bg.png");
    border-bottom: solid #000000 1px;
    border-left: solid #000000 1px;
}

.consumption_main_value {
    font-size: 11px;
    float: right;
    color: #ffffff;
    margin-top: 6px;
    margin-right: 13px;
}

.house_name {
    font-size: 11px;
    color: #ffffff;
    margin-left: 8px;
    margin-top: 9px;
    float: left;
}

.consumption_since {
    float: left;
    font-size: 11px;
    color: #a5a5a5;
    margin-left: 15px;
    margin-top: 4px;
    margin-bottom: 11px;
}

.consumption_unit_subtitle {
    font-size: 11px;
    color: #ffffff;
    float: right;
    margin-top: 4px;
    margin-bottom: 11px;
}

.consumption_cost_subtitle {
    font-size: 11px;
    color: #545454;
    float: right;
    margin-top: 4px;
    margin-bottom: 11px;
    margin-right: 31px;
}

/*
*	GENERAL
*/
.general {
    /*
    width: 411px;
    float: left; 
    margin-top: 10px;
    margin-left: 15px;
    position: relative;
    */
    position: absolute;
    z-index: 2;
}

.general_title {
    background: url("../img/title_bg.png");
    background-repeat: no-repeat;
    float: left;
    width: 411px;
    height: 32px;
    cursor: pointer;
}

.general_conteiner {
    float: left;
    width: 408px;
    height: 345px;
    background-color: #202020;
    border-left: solid #383838 1px;
    border-right: solid #383838 1px;
}

.general_list {
    float: center;
    width: 370px;
    margin: 9px 13px auto;
}

.positions_general {
    float: left;
    width: 370px;
    height: 32px;
    background: url("../img/positions_bg.png");
    border-bottom: solid #000000 1px;
    border-left: solid #000000 1px;
    border-right: solid #000000 1px;
}

.info {
    width: 372px;
    float: left;
}

.consumption {
    font-size: 11px;
    color: #ffffff;
    margin-left: 11px;
    margin-top: 8px;
    float: left;
}

.consumption_value {
    float: right;
    font-size: 11px;
    color: #ffffff;
    margin-top: 9px;
    margin-right: 10px;
}

.general_sep {
    float: right;
    font-size: 11px;
    color: #777777;
    margin-top: 9px;
    margin-right: 10px;
}

.general_sep2 {
    float: right;
    font-size: 11px;
    color: #ffffff;
    margin-top: 9px;
    margin-right: 10px;
}

.consumption_unit {
    float: right;
    font-size: 11px;
    color: #777777;
    margin-top: 9px;
    margin-right: 10px;
}

.event {
    font-size: 11px;
    color: #ffffff;
    margin-left: 11px;
    margin-top: 8px;
    float: left;
}

.event_time {
    float: right;
    font-size: 11px;
    color: #777777;
    margin-top: 9px;
    margin-right: 10px;
}

.event_value {
    float: right;
    font-size: 11px;
    color: #ffffff;
    margin-top: 9px;
    margin-right: 10px;
}

.warnings {
    font-size: 11px;
    color: #ffffff;
    margin-left: 11px;
    margin-top: 8px;
    float: left;
}

.warning_value {
    float: right;
    font-weight: bold;
    font-size: 11px;
    color: #ff0000;
    margin-top: 9px;
    margin-right: 10px;
}

.software {
    font-size: 11px;
    color: #ffffff;
    margin-left: 11px;
    margin-top: 8px;
    float: left;
}

.software_avalible {
    float: right;
    font-size: 11px;
    color: #47baf8;
    margin-top: 9px;
    margin-right: 10px;
}

.software_version {
    float: right;
    font-size: 11px;
    color: #ffffff;
    margin-top: 9px;
    margin-right: 10px;
}

.general_space {
    float: left;
    width: 370px;
    height: 38px;
}

.general_lists {
    float: left;
    width: 370px;
    height: 156px;
}

.general_lists_left {
    float: left;
    width: 190px;
}

.general_lists_right {
    float: right;
    width: 170px;
}

.title_main_devices {
    float: left;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
}

.main_devices_on {
    float: right;
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
}

.main_devices_all {
    float: right;
    font-size: 11px;
    font-weight: bold;
    color: #777777;
    margin-right: 4px;
}

.sep_genral_lits {
    float: left;
    background: url("../img/separator_general.png");
    width: 170px;
    height: 2px;
    margin-top: -5px;
}

.left_right_general {
    font-size: 11px;
    color: #ffffff;
    line-height: 20px;
    margin-top: -10px;
    width: 170px;
}

.left_right_general li {
    list-style-type: none;
}

.left_right_general li span {
    background-image: url("../img/lista.png");
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
}

.list_devices_on {
    float: right;
    font-size: 11px;
    color: #ffffff;
    margin-left: 25px
}

.list_devices_all {
    float: right;
    font-size: 11px;
    color: #777777;
    margin-left: 0px
}

.list_devices_on_2 {
    float: right;
    font-size: 11px;
    color: #ffffff;
}

.list_devices_all_2 {
    float: right;
    font-size: 11px;
    color: #777777;
    margin-left: 0px
}

/*
*	POMIARY
*/
.meters {
    width: 411px;
    float: left;
    margin-top: 10px;
    margin-left: 15px;
}

.meters_title {
    background: url("../img/title_bg.png");
    background-repeat: no-repeat;
    float: left;
    width: 411px;
    height: 32px;
}

.meters_subtitle {
    background: url("../img/bg_sub_sensor.png");
    width: 409px;
    height: 28px;
    border-top: solid #4e4e4e 1px;
    border-bottom: solid #4e4e4e 1px;
    border-left: solid #383838 1px;
    border-right: solid #383838 1px;
    float: left;
}

.meters_conteiner {
    float: left;
    width: 410px;
    background-color: #202020;
    border-left: solid #383838 1px;
}

.meters_list {
    float: center;
    width: 370px;
    margin: 9px 13px auto;
    border-top: solid #000000 1px;
    min-height: 306px;
}

.positions_meters {
    float: left;
    width: 370px;
    height: 32px;
    background: url("../img/sensors_bg.png");
    border-bottom: solid #000000 1px;
}

.meters_info {
    width: 334px;
    float: left;
}

.meters_icon {
    width: 23px;
    height: 23px;
    float: left;
    margin-top: 5px;
    margin-left: 37px;
}

.meters_name {
    font-size: 11px;
    color: #ffffff;
    margin-left: 7px;
    margin-top: 9px;
    float: left;
}

.meters_button {
    float: right;
    width: 26px;
    height: 32px;
    background: url("../img/conf_sensors.png");
    border-bottom: solid #000000 1px;
    border-right: solid #000000 1px;
}

.meters_value {
    float: right;
    font-size: 11px;
    color: #ffffff;
    margin-top: 8px;
    margin-right: 15px;
}

/*
*	SCENY
*/
.scenes {
    width: 411px;
    height: 360px;
    float: left;
    margin-top: 10px;
    margin-left: 15px;
}

.scenes_title {
    background: url("../img/title_bg.png");
    background-repeat: no-repeat;
    float: left;
    width: 411px;
    height: 32px;
}

.scenes_conteiner {
    float: left;
    width: 409px;
    height: 345px;
    background-color: #202020;
    border-left: solid #383838 1px;
}

.scroll_bar_scenes {
    float: right;
    width: 16px;
    height: 313px;
}

.scenes_list {
    float: center;
    width: 370px;
    margin: 9px 13px auto;
    border-top: solid #000000 1px;
    min-height: 336px;
}

.positions_scenes {
    float: left;
    width: 370px;
    height: 32px;
    background: url("../img/sensors_bg.png");
    border-bottom: solid #000000 1px;
}

.sectionScene:last-child > .roomScene:last-child > .devicePanel:last-child {
    height: 39px;
}

.scenes_info {
    width: 334px;
    float: left;
}

.scenes_icon {
    width: 23px;
    height: 23px;
    float: left;
    margin-top: 5px;
    margin-left: 37px;
}

.scenes_name {
    font-size: 11px;
    color: #ffffff;
    margin-left: 7px;
    margin-top: 9px;
    float: left;
}

.scenes_button {
    width: 60px;
    height: 23px;
    float: right;
    margin-right: 17px;
    margin-top: 6px;
}

.scenes_button_2 {
    float: right;
    width: 26px;
    height: 32px;
    background: url("../img/conf_sensors.png");
    border-bottom: solid #000000 1px;
    border-right: solid #000000 1px;
}

/*
*	CZUJNIKI
*/
.sensors {
    /*
    width: 411px;
    float: left; 
    margin-top: 10px;
    margin-left: 15px;
    position: relative;
    margin-bottom: 1px;
    */
    z-index: 2;
    position: absolute;
}

.sensors_title {
    background: url("../img/title_bg.png");
    background-repeat: no-repeat;
    float: left;
    width: 411px;
    height: 32px;
    cursor: pointer;
}

.sensors_subtitle {
    background: url("../img/bg_sub_sensor.png");
    width: 408px;
    height: 28px;
    border-top: solid #4e4e4e 1px;
    border-bottom: solid #4e4e4e 1px;
    border-left: solid #383838 1px;
    border-right: solid #383838 1px;
    float: left;
}

.sensor_conteiner {
    float: left;
    width: 409px;
    height: 315px;
    background-color: #202020;
    border-left: solid #383838 1px;
}

.sensors_list {
    float: center;
    width: 370px;
    margin: 9px 13px auto;
    border-top: solid #000000 1px;
    min-height: 306px;
}

.positions_sensor {
    float: left;
    width: 370px;
    height: 32px;
    background: url("../img/sensors_bg.png");
    border-bottom: solid #000000 1px;
}

.sensors_info {
    width: 334px;
    float: left;
}

.sensor_info_alarm {
    float: left;
    width: 334px;
    height: 32px;
    background: url("../img/alarm_bg.png");
    background-position: 6px 1px;
    background-repeat: no-repeat;
}

.sensor_icon {
    width: 23px;
    height: 23px;
    float: left;
    margin-top: 5px;
    margin-left: 37px;
}

.sensors_name {
    font-size: 11px;
    color: #ffffff;
    margin-left: 7px;
    margin-top: 9px;
    float: left;
}

.sensors_button {
    float: right;
    width: 26px;
    height: 32px;
    background: url("../img/conf_sensors.png");
    border-bottom: solid #000000 1px;
    border-right: solid #000000 1px;
    text-indent: -9999px;
}

.alarm_icon {
    width: 23px;
    height: 23px;
    margin-left: 55px;
    margin-top: 4px;
    float: left;
}

.alarm {
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    margin-left: 12px;
    margin-top: 10px;
    text-transform: uppercase;
    float: left;
}

.alarm_time {
    font-size: 11px;
    color: #ffffff;
    margin-right: 15px;
    margin-top: 10px;
    float: right;
}

.alarm_arm {
    float: right;
    font-size: 11px;
    color: #19cc24;
    margin-top: 10px;
    margin-right: 15px;
}

.sensor_bre1 {
    float: right;
    font-size: 11px;
    color: #ffffff;
    margin-top: 10px;
    margin-right: 15px;
}

.sensor_bre2 {
    float: right;
    font-size: 11px;
    color: #777777;
    margin-top: 10px;
    margin-right: 15px;
}

/*
*	POGODA
*/
.weather {
    width: 411px;
    float: left;
    margin-top: 10px;
    margin-left: 15px;
    position: relative;
}

.weather_title {
    background: url("../img/title_bg.png");
    background-repeat: no-repeat;
    float: left;
    width: 411px;
    height: 32px;
}

.weather_conteiner {
    width: 408px;
    height: 345px;
    float: left;
    background-color: #202020;
    border-left: solid #383838 1px;
    border-right: solid #383838 1px;
}

.weather_list {
    margin: auto;
    width: 370px;
}

.weather_time_info {
    float: center;
    width: 370px;
    margin: auto;
}

.weather_state {
    width: 208px;
    height: 135px;
    float: left;
    margin-top: 17px
}

.time_state {
    position: relative;
    top: -65px;
    left: 65px;
    width: 94px;
}

.weather_icon {
    margin-left: 10px;
}

.weather_details {
    float: right;
    margin-right: 8px;
    width: 172px;
    height: 135px;
    line-height: 20px;
}

.yahoo_weather {
    /*margin-left: 39px;*/
    margin-top: 30px;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    float: left;
}

.yahoo_logo {
    width: 24px height : 16 px;
}

.yahoo_weather_title {
    font-weight: normal;
    color: #47baf8;
    float: left;
}

.yahoo_weather_value {
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    line-height: 20px;
    float: left;
    margin-left: 6px;
}

.weather_temp_arrow {
    width: 11px;
    height: 11px;
    float: left;
    margin-top: 6px;
    margin-left: 3px;
}

.positions_weather1 {
    background: url("../img/positions_bg.png") repeat scroll 0 0 transparent;
    border: 1px solid #000000;
    float: left;
    height: 32px;
    width: 370px;
    margin-top: 11px;
}

.positions_weather2 {
    background: url("../img/positions_bg.png") repeat scroll 0 0 transparent;
    border: 1px solid #000000;
    float: left;
    height: 32px;
    width: 370px;
}

.subpositions_weather {
    background: url("../img/sensors_bg.png") repeat scroll 0 0 transparent;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
    float: left;
    height: 32px;
    width: 370px;
}

.weather_day {
    margin-left: 16px;
    margin-top: 8px;
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    width: 165px;
    float: left;
}

.weather_sep {
    float: left;
    width: 2px;
    height: 31px;
    background: url("../img/separator_sensors.png");
}

.weather_icon_small {
    width: 66px;
    float: left;
    text-align: center
}

.weather_temperature {
    font-size: 11px;
    font-weight: bold;
    color: #ffffff;
    float: left;
    text-align: right;
    margin-top: 5px;
    width: 89px;
    padding-right: 8px;
}

.weather_temperature2 {
    font-size: 11px;
    color: #ffffff;
    float: left;
    text-align: right;
    margin-top: 5px;
    width: 89px;
    padding-right: 8px;
}

.weather_more {
    background: url("../img/weather/weather_more.png");
    width: 20px;
    height: 32px;
    float: left;
}

.weather_time {
    margin-left: 16px;
    margin-top: 8px;
    color: #ffffff;
    font-size: 11px;
    text-transform: uppercase;
    width: 165px;
    float: left;
}

.aktoryOnOff, .actorsOnOff {
    margin-right: 20px;
    margin-top: 5px;
}

/*
*	FROM STYLE
*/
a.Button0 {
    height: 19px;
    background: url('../img/buttons/bg_button_nonactive.png');
    float: left;
    font-family: verdana, arial, helvetica;
    font-size: 11px;
    font-weight: bold;
    color: #cecece;
    text-align: center;
    padding: 0px 10px;
    padding-top: 4px;
    border: solid 1px #000000;
    border-bottom: 0px;
    border-top: 0px;
    -moz-border-radius: 5px; /* FF */
    -webkit-border-radius: 5px; /* przegladarki z webkitem (Safari, Chrome itp.) */
    -khtml-border-radius: 5px; /* przegladarki typu K-meleon (typowo Linuxowe) */
    border-radius: 5px; /* pozostale przegladarki */
    behaviour: url(border-radius.htc); /* dodatek dla badzIEwnej przegladarki */
    margin-left: 5px;
    margin-top: 1px;
}

a.Button1, a.Button0:active {
    height: 19px;
    background: url('../img/buttons/bg_button_active.png');
    float: left;
    font-weight: bold;
    font-family: verdana, arial, helvetica;
    font-size: 11px;
    color: #ffffff;
    text-align: center;
    padding: 0px 10px;
    padding-top: 4px;
    border: solid 1px #000000;
    border-bottom: 0px;
    border-top: 0px;
    -moz-border-radius: 5px; /* FF */
    -webkit-border-radius: 5px; /* przegladarki z webkitem (Safari, Chrome itp.) */
    -khtml-border-radius: 5px; /* przegladarki typu K-meleon (typowo Linuxowe) */
    border-radius: 5px; /* pozostale przegladarki */
    behaviour: url(border-radius.htc); /* dodatek dla badzIEwnej przegladarki */
    margin-left: 5px;
    margin-top: 1px;
}

.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);
}

.bookmark {
    font-family: Verdana, Arial;
    font-size: 11px;
    height: 13px;
    text-align: center;
    width: 136px;
    padding-bottom: 11px;
    padding-top: 4px;
}

a.activeBookmark {
    background: url("../img/bg_sub_sensor2.png") repeat scroll 0 0 transparent;
    border-color: #4E4E4E #383838 #202020;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
}

a.inactiveBookmark {
    background: url("../img/bg_sub_sensor.png") repeat scroll 0 0 transparent;
    border-bottom: 1px solid #4E4E4E;
    border-top: 1px solid #4E4E4E;
    color: #A5A5A5;
}

/*
*	kolory - sekcje
*/
.blueFloor {
    background-color: #09b0ee;
}

.greenFloor {
    background-color: #2cb715;
}

.yellowFloor {
    background-color: #cac612;
}

.orangeFloor {
    background-color: #e58628;
}

.redFloor {
    background-color: #ff1e1e;
}

.purpleFloor {
    background-color: #f835dd;
}

.violetFloor {
    background-color: #cc5aff;
}

.navyFloor {
    background-color: #5e8dff;
}

.jadeFloor {
    background-color: #1ac3ad;
}

.aquaFloor {
    background-color: #95be47;
}

.dashboardDeadContent {
    width: 335px;
    display: block;
    height: 31px;
    margin-top: 1px;
    background-color: rgba(0, 0, 0, 0.5);
    position: relative;
    cursor: pointer;
    background-image: url('../img/dead0.png');
    background-position: 37px 4px;
    background-repeat: no-repeat;
}

.dashboardDeadContent:hover {
    background-image: url('../img/dead1.png');
}

.dashboardDeadContentAlarm {
    background-position: 20px 4px;
}

.sliderBackground {
    background: url("../img/slider_bg.png") repeat scroll 0 0 transparent;
    float: right;
    height: 11px;
    margin: 12px 5px 0 17px;
    width: 138px;
}

.slider {
    width: 138px;
    height: 11px;
    float: left;
}

.sliderDimmer {
    background: url("../img/slider_dimmer.png");
}

.sliderBlind {
    background: url("../img/slider_blind.png");
}

.addingPanel {
    /*
    width: 411px;
    float: left; 
    margin-top: 10px;
    margin-left: 15px;
    position: relative;
    margin-bottom: 1px;
    */
    position: absolute;
}

.addingPanelContent {
    height: 296px;
}

.addingPanelAnchor {
    background: url('../img/buttons/bg_add_new.png') no-repeat;
    width: 240px;
    height: 161px;
    color: #7b7b7b;
    font-size: 12px;
    font-weight: bold;
    display: block;
    margin: 80px auto;
    padding-top: 60px;
    text-align: center;
}

.addingPanelAnchor:hover {
    background: url('../img/buttons/bg_add_new_hover.png') no-repeat;
    color: #ffffff;
}

.addingPanelAnchor:active {
    background: url('../img/buttons/bg_add_new_click.png') no-repeat;
    color: #47baf8;
}

/*
* 	new panel
*/
.conf_button {
    float: right;
    margin-right: 13px;
    margin-top: 9px;
}

.close_button {
    float: right;
    margin-top: 10px;
    margin-right: 13px;
    width: 12px;
    height: 12px;
    background: url("../img/newboard/close_button.png");
}

.txt_title {
    font-family: Verdana, Arial;
    font-size: 12px;
    color: #ffffff;
    text-shadow: 1px 1px 0 #000000;
    margin-left: 15px;
    margin-top: 6px;
    margin-bottom: 11px;
}

.newboard {
    width: 411px;
    float: left;
    margin-top: 10px;
    margin-left: 15px;
}

.newboard_title {
    background: url("../img/newboard/newboard_head.png");
    background-repeat: no-repeat;
    float: left;
    width: 411px;
    height: 32px;
}

.nonactive_tab {
    background: url("../img/newboard/bg_sub_newboard.png");
    width: 204px;
    height: 30px;
    border-right: solid #383838 1px;
    float: left;
}

.nonactive_tab_font {
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #a5a5a5;
    float: left;
    text-align: center;
    width: 204px;
    margin-top: 6px;
}

.tab_sep {
    float: left;
    width: 1px;
    height: 30px;
    background: url("../img/newboard/tab_sep.png");
}

.active_tab {
    background: url("../img/newboard/bg_sub_newboard2.png");
    width: 203px;
    height: 30px;
    float: left;
}

.active_tab_font {
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #ffffff;
    float: left;
    text-align: center;
    width: 203px;
    margin-top: 6px;
}

.newboard_conteiner {
    float: left;
    width: 408px;
    background-color: #202020;
    border-left: solid #383838 1px;
    border-right: solid #383838 1px;
}

.newboard_conteiner2 {
    float: left;
    width: 408px;
    height: 387px;
    background-color: #202020;
    border-left: solid #383838 1px;
    border-right: solid #383838 1px;
}

.newboard_content {
    width: 364px;
    margin-top: 23px;
    margin-left: 20px;
    margin-right: 25px;
}

.position_title1 {
    float: left;
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #ffffff;
}

.description_font {
    float: left;
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #808080;
    margin-top: 10px;
    margin-bottom: 21px;
}

.newboard_separator {
    background: url("../img/newboard/separator.png");
    width: 409px;
    height: 2px;
    float: left;
}

.position_title2 {
    clear: both;
    float: left;
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #808080;
    margin-left: 11px;
    margin-top: 28px;
}

.select_device {
    float: left;
    background-color: #000000;
    border-bottom: solid #505050 1px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    width: 142px;
    height: 26px;
    margin-left: 31px;
    margin-top: 23px;
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #1c8cd8;
    text-align: justify;
}

.description_font2 {
    float: left;
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #808080;
    margin-top: 10px;
    margin-bottom: 21px;
}

a.continue_button {
    background: url("../img/newboard/continue_button_bg.png") repeat scroll 0 0 transparent;
    border-image: none;
    border-radius: 5px 5px 5px 5px;
    color: #ffffff;
    float: left;
    font-family: verdana, arial;
    font-size: 11px;
    height: 21px;
    margin-left: 140px;
    margin-top: 10px;
    padding: 4px 10px 0;
    text-align: center;
    width: 126px;
    text-shadow: 1px 0px 1px #000000;
    text-decoration: none;
}

.position_title3 {
    float: left;
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #ffffff;
}

.description_font3 {
    clear: both;
    float: left;
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #808080;
    margin-top: 5px;
}

.position_title4 {
    clear: both;
    float: left;
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #808080;
}

.select_size {
    float: left;
    background-color: #000000;
    border-bottom: solid #505050 1px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    width: 39px;
    height: 26px;
    margin-left: 39px;
    margin-top: 6px;
    margin-bottom: 14px;
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #1c8cd8;
    text-align: justify;
}

.select_tab {
    float: left;
    background-color: #000000;
    border-bottom: solid #505050 1px;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
    width: 142px;
    height: 26px;
    margin-left: 30px;
    margin-top: 6px;
    font-family: Verdana, Arial;
    font-size: 11px;
    color: #1c8cd8;
    text-align: justify;
    margin-bottom: 14px;
}

.save_button {
    background: url("../img/newboard/continue_button_bg.png") repeat scroll 0 0 transparent;
    border-image: none;
    border-radius: 5px 5px 5px 5px;
    color: #ffffff;
    float: left;
    font-family: verdana, arial;
    font-size: 11px;
    height: 21px;
    margin-left: 140px;
    margin-top: 10px;
    padding: 4px 10px 0;
    text-align: center;
    width: 84px;
    text-shadow: 1px 0px 1px #000000;
    text-decoration: none;
}

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

/*
*	sectioning
*/
.sectonPanel {
    width: 370px;
    height: 32px;
    background: url("../img/positions_bg.png");
    border-bottom: solid #000000 1px;
    cursor: pointer;
}

.sectionColor {
    background-image: url("../img/floor_mask.png");
    border-left: solid #000000 1px;
    display: block;
    width: 6px;
    height: 32px;
}

.sectionName {
    width: 323px;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    padding-left: 11px;
    height: 35px;
    margin-top: -3px;
}

.sectionLength {
    margin-left: 5px;
    color: #777777;
}

.sectionSeparator {
    width: 2px;
    height: 31px;
    margin-top: 1px;
    display: block;
    background: url("../img/separator_sensors.png") no-repeat;
}

.sectionSlide {
    width: 26px;
    height: 32px;
    background: url("../img/positions_button.png");
    border-bottom: solid #000000 1px;
    border-right: solid #000000 1px;
}

/*
*	rooming
*/
.roomPanel {
    width: 370px;
    height: 32px;
    background: url("../img/positions_bg.png");
    border-bottom: solid #000000 1px;
    cursor: pointer;
}

.roomColor {
    background-image: url("../img/floor_mask.png");
    border-left: solid #000000 1px;
    display: block;
    width: 6px;
    height: 32px;
}

.roomInfo {
    width: 323px;
    font-size: 11px;
    color: #ffffff;
    padding-left: 11px;
    height: 35px;
    margin-top: -3px;
}

.roomIcon {
    width: 23px;
    height: 23px;
    margin-top: 8px;
    margin-left: 5px;
}

.roomName {
    margin-left: 8px;
}

.roomLength {
    margin-left: 5px;
    color: #777777;
}

.roomSeparator {
    width: 2px;
    height: 31px;
    margin-top: 1px;
    display: block;
    background: url("../img/separator_sensors.png") no-repeat;
}

.roomSlide {
    width: 26px;
    height: 32px;
    background: url("../img/positions_button.png");
    border-bottom: solid #000000 1px;
    border-right: solid #000000 1px;
}

/*
*	devicing
*/
.devicePanel {
    width: 370px;
    height: 32px;
    background: url("../img/positions_bg.png");
    border-bottom: solid #000000 1px;

    float: left;
    width: 370px;
    height: 32px;
    background: url("../img/sensors_bg.png");
    border-bottom: solid #000000 1px;
}

.deviceColor {
    background-image: url("../img/floor_mask.png");
    border-left: solid #000000 1px;
    display: block;
    width: 6px;
    height: 32px;
}

.deviceInfo {
    width: 323px;
    font-size: 11px;
    color: #ffffff;
    padding-left: 11px;
    height: 35px;
    margin-top: -3px;
}

.deviceIcon {
    width: 23px;
    height: 23px;
    margin-top: 8px;
    margin-left: 5px;
}

.deviceName {
    margin-left: 8px;
}

.deviceLength {
    margin-left: 5px;
    color: #777777;
}

.deviceSeparator {
    width: 2px;
    height: 31px;
    margin-top: 1px;
    display: block;
    background: url("../img/separator_sensors.png") no-repeat;
}

.sceneButton {
    margin-right: 20px;
    margin-top: 8px;
}

.deviceConfiguration {
    width: 26px;
    height: 32px;
    background: url("../img/conf_sensors.png");
    border-bottom: solid #000000 1px;
    border-right: solid #000000 1px;
    text-indent: -9999px;
}

.addPanel {
    margin-left: 5px;
    background: url("../img/buttons/add_table_icon.png") no-repeat;
    background-position: 0px 2px;
    padding: 3px 0px 3px 23px;
}

.addPanel:hover {
    color: #ffffff;
    background: url("../img/buttons/add_table_icon_hover.png") no-repeat;
    background-position: 0px 2px;
    padding: 3px 0px 3px 23px;
}

.addPanel:active {
    color: #47baf8;
    background: url("../img/buttons/add_table_icon_click.png") no-repeat;
    background-position: 0px 2px;
    padding: 3px 0px 3px 23px;
}

/* Gridster styles */
.gridster {
    margin: 0 auto;
}

.gridster .preview-holder {
    background: rgba(255, 255, 255, .45) !important;
}

.Select {
    height: 26px;
    padding: 3px 5px;
    color: #268ed5;
    background: #000000;
    border: none;
    float: left;
}