@font-face {
  font-family: HelveticaNeueLTPro-Lite;
  src: local("Helvetica"),
  local("Helvetica");
}
html {
	height: 100%;	
}

body {
	padding: 0;
	margin: 0;
	text-align: center;
	background: rgb(248,248,248); /* Old browsers */
	font-family: Helvetica;
}
ul{padding-left:30px}
.ui-tabs .ui-tabs-panel{padding: 0px;}
#load_bp{
    display:    none;
    position:   relative;
    z-index:    1000;
    width: 100%;
    height: 558px;
    top: -235px;  
	background: rgba( 255, 255, 255, .8 ) 
                url('images/pIkfp.gif') 
                50% 50% 
                no-repeat;
}

.load {
    display:    none;
    position:   absolute;
    z-index:    1000;
    top:        108px;
    /*left:       0;*/
    height:     584px;
    width:      1052px;
    background: rgba( 255, 255, 255, .8 ) 
                url('images/pIkfp.gif') 
                50% 50% 
                no-repeat;
}
#yes_no{
	font-weight: 100;
	font-family: helvetica;
	font-size: 12px;
    display:    none;
    position:   absolute;
    z-index:    1000;
    top:        64px;
    height:     654px;
    width:      1054px;
    background: rgba( 255, 255, 255, .8 );
}

.popup{
	font-weight: 100;
	font-family: helvetica;
	font-size:  12px;
    display:    none;
    position:   absolute;
    z-index:    1000;
    top:        63px;
    height:     655px;
    width:      1052px;
    background: rgba( 255, 255, 255, .8 );
}

.loading {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('images/pIkfp.gif') 
                50% 50% 
                no-repeat;
}
#sysstart{
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('images/pIkfp.gif') 
                50% 50% 
                no-repeat;
}
.restart {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                30% 50% 
                no-repeat;
}


#wrapper {
	width: 1052px;
	margin: 0 auto;
	text-align: left;
}

#header {
	position: relative;
	text-align: right;
	width: 100%;
	font-size: 11px;
	margin-top: 20px;
}

#header .datacollector {
	position: absolute;
	top: 10px;
	left: 10px;
	color: #4C5F67;
    /*font-family: HelveticaNeueLTPro-Bold;*/
    font-family: HelveticaNeueLTPro-lite;
    font-weight: bold;
    font-size: 12px;
}

#header .user {
    color: #4C5F67;
    /*font-family: HelveticaNeueLTPro-Bold;*/
    font-family: HelveticaNeueLTPro-lite;
    font-weight: bold;
    font-size: 12px;
    margin-right: 10px;
}

#content {
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 6px #ddd;
    margin-top: 20px;
    width: 100%;
    border:1px solid #ddd;
}

#content #menu {
	height: 46px;
	width: 100%;
	border-radius: 5px 5px 0 0;
	background: #516168;
	background-image: url('images/menu-bg.png');
	overflow: hidden;
}

/*MENUS*/
.main-menu {
    list-style: none outside none;
	margin: 10px 0 0;
}

.main-menu li {
	float: left;
	margin-right: 5px;
}

.main-menu li a {
	padding: 0px 5px;
	height: 18px;
	border-radius: 5px;
	line-height: 22px;
}

.main-menu li a , .main-menu li a:link, .main-menu li a:visited,
.sub-menu li a , .sub-menu li a:link, .sub-menu li a:visited  {
    color: white;
    display: block;
    font-size: 11px;	
    font-weight: 500;
	border: 1px solid transparent;
	letter-spacing: 1px;
	text-decoration: none;
	text-shadow: 0px 0px 4px #000;
}

.main-menu li a:hover, .main-menu li a.menu-current,
.sub-menu li a:hover, .sub-menu li a.submenu-current {
	background: #38b1e9;
	/*background-image: url('images/a-hover.jpg');*/
	border: 1px solid #4c5255;
	padding-bottom: 3px;
}

.sub-menu {
	list-style: none outside none;
	float: left;
	margin: 0px;
}

.sub-menu li {
	float: left;
	margin-right: 5px;
}

.sub-menu li a {
	padding: 5px;
}

.sub-menu li a img {
	vertical-align: top;
	border: 0;
}

.sub-menu li a.bacnet, .sub-menu li a.grid_view, .sub-menu li a.mode_master {
	padding-left: 10px;
	padding-right: 6px;
	border-radius: 8px 0 0 8px;
}

.sub-menu li a.snmp, .sub-menu li a.list_view, .sub-menu li a.mode_sniffer {
	padding-left: 6px;
	padding-right: 10px;
	border-radius: 0 8px 8px 0;
}

#container {
	width: 100%;
	background: white;
	overflow-y: auto;
	overflow-x: hidden;
}

#discovery_bottom{
	padding: 5px;
	background: lightgrey;
	font-size: 75%;
}

.short_input{
	width: 50px;
}

#footer {
	height: 26px;
	line-height: 24px;
	width: 100%;
	overflow: hidden;
	background: #33474f;
	background-image: url('images/footer-bg.png');
	border-radius: 0 0 5px 5px;
}

#footer .refresh {
    color: #CFDACC;
    font-size: 11px;
    letter-spacing: 1px;
    margin-left: 4px;
    margin-right: 10px;
    text-decoration: none;
}

#footer #server-local-time {
    color: #CFDACC;
    font-size: 11px;
    font-family: Helvetica, sans-serif;
    font-weight: bold;
}

#footer #server-local-time #server-time,
#footer #server-local-time #local-time {
    color: #CFDACC;
    font-weight: lighter;
}

.discovery-menu {
	width: 100%;
	height: 35px;
	background: #3a4d55;
}

.grid-view-table {
	width: 100%;
	letter-spacing: 1px;
}

.grid-view-table thead, #icon-view-table thead {
	box-shadow: 0 1px 5px #222222;
}

.grid-view-table thead th, #icon-view-table thead th {
	background: #F0F0F0;
	background: -moz-linear-gradient(top, #F0F0F0 0, #DBDBDB 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F0F0F0), color-stop(100%, #DBDBDB));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#DBDBDB', GradientType=0);
    border-left: 1px solid #FFFFFF;
    border-right: 1px solid #B0B0B0;
    border-bottom: 1px solid #ddd;
    color: #4a5e65;
    font-size: 10px;
    font-weight: bold;
    padding: 3px 10px;
    letter-spacing: 1px;
    padding: 6px 10px;	
}

.grid-view-table thead th:first-child, #icon-view-table thead th:first-child {
	border-left: 0!important;
}

.grid-view-table thead th:last-child, #icon-view-table thead th:last-child {
	border-right: 0!important;
}

.grid-view-table tbody {
	font-size: 12px;
	color: #666d70;
	letter-spacing: 1px;
	font-weight: bold;
}

.grid-view-table tbody tr {
	cursor: pointer;
}

.grid-view-table tbody tr {
	cursor: pointer;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */	
}

.grid-view-table tbody tr.sub_tr  table{
 /*   box-shadow: 0 1px 12px grey;
    margin-bottom: 5px;*/
    width: 100%;
}

.grid-view-table tbody tr.sub_tr td, .grid-view-table tbody tr.sub_tr table thead  td{
	padding: 0; 
}

.grid-view-table tbody tr.sub_tr  table tbody td {
	padding: 10px;
	background: #c5ccce!important;
	color: white!important;
}

.grid-view-table tbody tr.sub_tr  table tbody td:first-child {
	width: 100px;
}

.grid-view-table tbody tr.sub_tr  table tbody tr:last-child td {
	/*border-bottom: 2px solid #a5aeb3!important;*/
}

.grid-view-table tbody tr  img.status{
	max-width: 15px;
}

.grid-view-table tbody tr.selected  img.status{
	max-width: 19px;
}

.grid-view-table tbody tr.selected {
	background: #495c64!important;
	color: white!important;
}

.grid-view-table tbody tr:nth-child(even) {
	background: #eeefef;
}

.grid-view-table tbody tr:nth-child(odd) {
	background: #ffffff;
}

.grid-view-table tbody tr td {
	padding: 10px;
	border-bottom: 1px solid #DBDBDB;
}

.arrows {
    background-image: url("images/arrows.png");
    display: block;
    float: left;
    height: 15px;
    margin: 1px 10px 1px 1px;
    width: 15px;
}

.arrow-right {
	background-position: 0 0;
}

.arrow-down {
	background-position: 0 -15px;
}

#icon-view-left-pane {
	background: #EEE;
    float: left;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    width: 50%;
}

.icon-view-row {
	height: 195px;
	width: 100%;
	overflow: hidden;
	background: rgb(252,252,252); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(252,252,252,1) 0%, rgba(252,252,252,1) 40%, rgba(178,178,178,1) 200%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(40%,rgba(252,252,252,1)), color-stop(200%,rgba(178,178,178,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(252,252,252,1) 40%,rgba(178,178,178,1) 200%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(252,252,252,1) 40%,rgba(178,178,178,1) 200%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(252,252,252,1) 0%,rgba(252,252,252,1) 40%,rgba(178,178,178,1) 200%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(252,252,252,1) 0%,rgba(252,252,252,1) 40%,rgba(178,178,178,1) 200%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#b2b2b2',GradientType=0 ); /* IE6-9 */	
}

.icon-view-box {
	height: 100%;
	overflow: hidden;
	width: 50%;
	float: left;
	/*text-align: center;*/
	cursor: pointer;
	letter-spacing: 1px;
	opacity: 0.5;
}

.icon-view-box table {
	width: 100%;
	color:#787f81;
	font-size:11px;
}

.icon-view-box tbody td {
	width: 50%;
}

.icon-view-box tbody tr td:first-child {
	text-align: right;
}

.icon-view-box tbody tr td:nth-child(2) {
	text-align: left;
	font-weight: bold;
}

#icon-view-right-pane {
	width: 50%;
	height: 100%;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
}

#icon-view-expanded {
	height: 195px;
	border-bottom: 1px solid #c5ccce;
	letter-spacing: 1px;
}

#icon-view-expanded table {
    float: left;
    font-size: 13px;
    margin-top: 30px;
    width: 300px;
	color:#787f81;
}

#icon-view-expanded table tbody tr td {
	width: 50%;
}

#icon-view-expanded table tbody tr td:first-child {
	text-align: right;
}

#icon-view-expanded table tbody tr td:nth-child(2) {
	text-align: left;
	font-weight: bold;
}


#icon-view-table {
    background: none repeat scroll 0 0 #EFF3F5;
    width:100%;
    height: 386px;
    letter-spacing: 1px;
    overflow-x: hidden;
    overflow-y: auto;
}

#icon-view-table table {
	width: 100%;
	color: white;
}

#icon-view-table thead th {
	font-size: 9px;
}

#icon-view-table tbody tr td {
	border-bottom: 1px solid #dce0e2;
	padding: 5px 0 5px 2px;
	/*font-weight: bold;*/
	font-size: 10px;
	color: black;
}


#data-storage-bg, #config-bg {
/*	background: url('images/container-gradient.jpg');
	background-repeat: repeat-x;*/
}

#data-storage-container, #config-container, #dsh-container {
	width: 100%;
	height: 650px;
	/*overflow:hidden;
	overflow-y:hidden;
	overflow-x:hidden;*/
	/*background-image: url('images/vertical-divider.png');
	background-position: center center;
	background-repeat: no-repeat;*/
}

#data-storage-container h1, #config-container h1, #dsh-container h1 {
    color: #4A5E65;
    font-size: 16px;
    letter-spacing: 1px;
    margin-left: 50px;
    margin-top: 40px;
}

#config-container table, #dsh-container table {
    color: #4A5E65;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-left: 100px;
    margin-top: 150px;
}

#config-container table tr td,  #dsh-container table tr td{
	padding: 10px;
}

#config-container table tr td input[type=text], #config-container table tr td input[type=password], #dsh-container table tr td input[type=text], #dsh-container table tr td input[type=password]  {
	width: 200px;
	/*border-radius:5px;*/
	border: 1px solid #ddd;
	font-weight: 400;
	color: #4A5E65;
	font-family: HelveticaNeueLTPro-Lite;
	padding-left: 10px;
	letter-spacing: 1px;
	height:22px
}

::-webkit-input-placeholder  { 
	color:#a6a6a6;
	font-weight: normal;
}

input:-moz-placeholder { 
	color:#a6a6a6;
	font-weight: normal;
}


#data-storage-left-pane, #config-right-pane, #config-left-pane {
	padding:1%;
	width: 48%;
	float: left;
	margin-top: 5px;
}

#data-storage-right-pane{
	width: 49%;
	float: left;
	float: left;
	margin-top: 16px;	
}

#data-storage-graph {
    background: url("images/storage-bg.png") repeat scroll center center transparent;
    border-radius: 5px 5px 5px 5px;
    height: 234px;
    margin-left: 50px;
    margin-top: 100px;
    overflow: hidden;
    text-align: center;
    width: 124px;
}

#data-storage-fill {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("images/storage-fill.png");
    background-origin: padding-box;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100% 64%;
    border-radius: 5px 5px 5px 5px;
    height: 228px;
    margin-left: 3px;
    margin-top: 3px;
    width: 118px;
}

#data-storage-auto-delete , #uploaded-last-record{
	margin-left: 50px;
	margin-top: 70px;
	font-size: 12px;
	color: #6a7274;
	font-weight: 200;
}

#storage-val {
    color: #3F4B51;
    /*font-family: HelveticaNeueLTPro-Bold;*/
    font-family: HelveticaNeueLTPro-Lite;
    font-weight: 400;
    font-size: 36px;
    line-height: 215px;
    text-shadow: 1px 0 2px #FFFFFF;
}

button.storage-figures {
    background: url("images/figures-gradient.jpg") repeat-x scroll 0 0 transparent;
    border: 1px solid #969B9D;
    border-radius: 8px 8px 8px 8px;
    color: #3E4A4F;
    font-size: 36px;
    /*font-family: HelveticaNeueLTPro-Bold;*/
    font-family: HelveticaNeueLTPro-Lite;
    font-weight: 400;
	text-shadow: 1px 0 2px #FFFFFF;
	line-height: 55px;
    height: 53px;
    text-align: center;
	letter-spacing: 1px;
    padding-left: 10px;
    padding-right: 10px;	
}

#storage-days {
    margin-left: 205px;
    margin-top: 120px;
    position: absolute;
}

#storage-records {
    margin-left: 205px;
    margin-top: 238px;
    position: absolute;
}

#logo {
	text-align:center;
	margin-top: 75px;
}

.select-gradient {
    background: url("images/figures-gradient.jpg") repeat scroll 0 0 transparent;
    border: 1px solid #93989a;
    border-radius: 5px;
    padding: 2px;
	font-family: HelveticaNeueLTPro-Lite;
	font-weight: 400;
	color: #6A7274;
}

#uploaded-records {
    margin-left: 110px;
    margin-top: 100px;
    position: absolute;
}

#uploaded-last-record {
	margin-top: 262px;
}

/*
.btn {
	font-size: 11px;
	background: url('images/btn-bg.jpg');
	color: white;
	border: 1px solid #273343;
	border-radius: 3px;
	font-family: HelveticaNeueLTPro-Lite;
	height: 20px;
	letter-spacing: 1px;
	cursor: pointer;
}*/

#create-pool-btn, #set-pool-btn, #clear-btn, #logout-btn, #login-btn, #update-bitpool-key, #add-meter-btn{
	cursor: pointer;
	border: 0;
}

#clear-btn {
	position: absolute;
	margin-left: 260px; 
	margin-top: 308px;
	width: 69px;
	height: 23px;
	background: url('images/clear-btn.png') no-repeat;
}

#create-pool-btn {
    background: url("images/create-pool-btn.png") no-repeat;
    height: 23px;
    width: 93px;
	position: absolute; 
	margin-top: 115px; 
	margin-left: 308px;
}

#set-pool-btn {
    background: url("images/setpool_btn.png") no-repeat;
    height: 23px;
    width: 93px;
	position: absolute; 
	margin-top: 115px; 
	margin-left: 200px;
}

#logout-btn {
	width: 69px;
	height: 23px;
	background: url("images/logout-btn.png") no-repeat;
}

#login-btn {
	width: 93px;
	height: 23px;
	background: url("images/login-btn.png") no-repeat;
	position: absolute; 
	margin-top: 115px; 
	margin-left: 308px;
}

#update-bitpool-key {
	width: auto;
	height: 23px;
	margin-top: 10px;
	margin-left: 280px;
	background: #4B6168;
	color: #ffffff;
}

#back-to-login{margin-top: 90px;margin-left: 115px; cursor:pointer;}
#email-btn{margin-top: 90px;margin-left: 365px;position: absolute; cursor:pointer;}
#forgott_form{display:none;}
#add-meter-btn{width: 130px;height: 23px;background: url("images/large.png") no-repeat; margin: 0px 0 0 25px;}
.password{padding: 3px; position: absolute; margin-left: 200px; width: 200px; border-radius: 5px 5px 5px 5px;margin-top: 72px;border: 1px solid #92979a;}
.login_name{padding: 3px; position: absolute; margin-left: 200px; margin-top: 36px; width: 200px;border-radius:5px;border: 1px solid #92979a;}
.mail{padding: 3px; position: absolute; margin-left: 200px; margin-top: 55px; width: 200px;border-radius:5px;border: 1px solid #92979a;}
.user_txt{position: absolute; font-size: 12px; letter-spacing: 1px; font-weight: 400;margin-left: 116px; margin-top: 39px;color:#4A5E65;}
.pass_txt{position: absolute; font-size: 12px; letter-spacing: 1px; font-weight: 400;margin-left: 116px; margin-top: 75px;color:#4A5E65;}
.mail_txt{position: absolute; font-size: 12px; letter-spacing: 1px; font-weight: 400;margin-left: 116px; margin-top: 58px;color:#4A5E65;}
.logo_img{float: right; padding: 4px; margin-right: 12px;opacity:0.5;}
.refresh{vertical-align:middle;}
.forg_txt{position: absolute; font-size: 11px; letter-spacing: 1px; font-weight: 400; margin-left: 116px; margin-top: 120px;color:#4A5E65; cursor:pointer;}
.error_login{position: absolute; font-size: 11px; letter-spacing: 1px; font-weight: 400; margin-left: 200px; margin-top: 5px; color:red; cursor:pointer;}
.bp_user{position: absolute; font-size: 12px; letter-spacing: 1px; font-weight: 400;margin-left: 116px; margin-top: 39px;color:#4A5E65;}
#bp_user{position: absolute; margin-left: 200px; margin-top: 36px; width: 200px;border-radius:5px;border: 1px solid #92979a;}
.bp_pwd{position: absolute; font-size: 12px; letter-spacing: 1px; font-weight: 400;margin-left: 116px; margin-top: 75px;color:#4A5E65;}
#bp_pwd{position: absolute; margin-left: 200px; width: 200px; border-radius: 5px 5px 5px 5px;margin-top: 72px;border: 1px solid #92979a;}
.bp_pools{position: absolute; font-size: 12px; letter-spacing: 1px; font-weight: 400;margin-left: 116px; margin-top: 39px;color:#4A5E65;}
#bp_pools{position: absolute; margin-left: 200px; margin-top: 36px; width: 200px;border-radius:5px;border: 1px solid #92979a;}
.bp_newpool{position: absolute; font-size: 12px; letter-spacing: 1px; font-weight: 400;margin-left: 116px; margin-top: 75px;color:#4A5E65;}
#bp_newpool{position: absolute; margin-left: 200px; width: 200px; border-radius: 5px 5px 5px 5px;margin-top: 72px;border: 1px solid #92979a;}
#mapping_page{overflow-y:scroll; overflow-x: hidden; border:0px solid red; height:600px;}
.device_cube{padding-top: 5px; overflow:auto}
.dev_name{font: 11px HelveticaNeueLTPro-Lite; width:75px; padding-right:5px; text-align:right; float:left; border:0px solid;  color: #aaa; padding-top: 4px; font-weight:100; }
.dev_txt{font: 11px HelveticaNeueLTPro-Lite; font-weight: 400; cursor: ; border:none; width:170px; float:left; color: #444;  background: none; border:1px solid #eee;}
.dev_type{padding-top:4px;font: 11px HelveticaNeueLTPro-Lite; font-weight: 400;  border:none; width:170px; float:left; color: #444;  background: none;}
.radio{width:75px; padding-right:5px; text-align:right; float:left; border:0px solid;  color: #aaa; padding-top: 4px;}
.radio_txt{ font: 11px HelveticaNeueLTPro-Lite; font-weight: 100; border:none; width:170px; padding-top: 5px; float:left; color: #444; }
.white_btn{/*width:262px;*/ height:35px; background: url("images/white_btn.png") no-repeat; margin-top: 7px; cursor: pointer; margin-left:1px;}
.dark_btn{width:262px; height:35px; background: url("images/dark_btn.png") no-repeat; margin-top: 7px; cursor: pointer;}
.add_more_btn{width:125px; height:23px; background: url("images/add_more_btn.png") no-repeat; cursor: pointer; margin: 7px 0 0 85px;}
.map_device{border-bottom:1px solid #bbb; border-right:0px solid #bbb; width:25%; height:267px; float: left;}
.map_header{letter-spacing: 1px; height: 38px; text-align:right; color:#bbb; font-size:11px; padding: 7px 5px 0 0; background: url(../images/icon-waterMeter.png) no-repeat; background-position-x: 5px; background-position-y: 5px;}
.bp_logo{width:108px; height:24px; float:right; background: url('images/bp-logo.png') no-repeat 0px 2px;}
.data_box{width:100%; min-height:207px; overflow:auto; float:left; border-bottom: 1px solid #BBB; background: #C6CBCC; display: none;}
.data_box_cover{overflow:auto; padding:8px 0 0px 0; border-bottom: 0px solid gray;}
.data_box_objects{width: 415px; border: 0px solid; float: left; height: 190px; padding: 5px 10px 0px 5px;}
.data_box_points{width: 415px; border: 0px solid; float: left; height: 190px; padding: 5px 0px 0px 5px;}
.data_box_options{width: 177px; border: 0px solid; float: left; height: 190px; padding: 5px 0px 0px 0px;}
.data_box_header{float: left; font: 12px HelveticaNeueLTPro-Lite; font-weight: bold; margin-left: 2px; height: 22px; line-height: 22px; margin-top: 8px}
.data_header{background:#F0F0F0; width:100%; overflow:auto; background: -moz-linear-gradient(top, #F0F0F0 0, #DBDBDB 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F0F0F0), color-stop(100%, #DBDBDB));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#DBDBDB', GradientType=0);}
.data_txt{text-align:center;float: left;border-left: 1px solid white;border-right: 1px solid #B0B0B0;color: #4A5E65;font-size: 10px;font-weight: bold;letter-spacing: 1px;padding: 6px 10px;}
.data_txt_log{text-align:center;/*float: left;*/border-left: 1px solid white;border-right: 1px solid #B0B0B0; color: #4A5E65;font-size: 10px;font-weight: bold;letter-spacing: 1px;padding: 6px 10px;}
.devices{background: #fff; cursor:pointer; color: #666D70; position: relative; overflow: auto; height:48px; width:100%; border-bottom: 1px solid #DBDBDB;}
.devices_new{background: #fff; cursor:pointer; color: #666D70; position: relative; overflow: auto; height:39px; width:100%; border-bottom: 1px solid #DBDBDB;}
.dev_active{background: #495C64; color: white;}
.dev_text{overflow: hidden; float:left;padding: 10px 11px;font-size: 12px;letter-spacing: 1px;font-weight: 400; height:18px;}
.dev_text_log{padding: 10px 11px;font-size: 12px;letter-spacing: 1px;font-weight: 400;height: 18px;color: #666;}
.objects{letter-spacing: 1px;font-weight: 400; font-size: 12px; width:100%; overflow: auto; border-bottom: 1px solid #DBDBDB; background: #EFF3F5!important; color: #747272!important;}
.obj_txt{float:left; padding: 10px 11px;  height:18px; }
.obj_header{width: 100%; overflow: auto; background: -moz-linear-gradient(top, #F0F0F0 0, #DBDBDB 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F0F0F0), color-stop(100%, #DBDBDB));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#DBDBDB', GradientType=0);}
.p_name{width:220px; height:12px; overflow: hidden; float:left; cursor: pointer;}
#name_box{height: 14px;border: 1px solid #777;position: absolute;background: #eee;font-size: 12px;padding: 3px;}
.time_select{font-size: 95%;}
.aggr_select{width: 98%; font-size: 95%;}
.log_bsname{width:98%; border:1px solid #ddd; padding: 2px; font-size: 95%;}
.log_text{width: 20px; border: 1px solid #ddd;text-align: center; font-size: 95%}
.loged_text{width: 60px; text-align: right; margin-right: 5px; float:left; padding-top:4px;}
.loged_clear{color: #7AB1E3; cursor:pointer; float: left; padding-right: 10px;}
.log_list{background: #fff; cursor:pointer; color: #666D70; position: relative; overflow: auto; height:39px; width:100%; border-bottom: 1px solid #DBDBDB;}
.del_btn{width:15px; height:18px; cursor:pointer; background: url("../images/bin.png") no-repeat; float:left;}
.vdevice_popup{width: 300px;height: 210px;border: 2px solid #bbb;margin: 200px auto;padding: 10px; background: #516168; color:white;padding:0px;}
.options_box{width: 100%; height: 130px; background: #516168; color: white; border: 1px solid #000; overflow: auto;}
.object_list{width: 100%; height: 130px; border: 1px solid; overflow: auto; background: #fff; cursor: pointer;}
.object_list_item{background: #fff; border-bottom: 1px solid #ddd; height:11px; padding:2px; font-size:9px; font-weight: normal;}
.object_list_item:hover{background: #ddd}
.object_list_selected{background: #516168; color: white; border-bottom: 1px solid #ddd; height:11px; padding:2px; font-size:9px; font-weight: normal;}
.object_list_hidden{display: none;}
.point_add{float: right; margin-top: 3px;}
.point_remove{float: right; margin-top: 3px;}
.unit_select{margin-top: 5px; margin-left: 20px; width: 137px;}
.brder{box-sizing:border-box; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;border-top: 3px solid #ccc;border-left: 3px solid #ccc;border-bottom: 3px solid #aaa;border-right: 3px solid #aaa;}
.sys_btn{width: 250px;height: 40px;border-radius: 5px;background: #37b1e9;color: white;border: 1px solid #4a8af4; cursor:pointer;}
.sys_btn:hover{background: #48c2fa; color:#efe;}
.vdev_txt{width: 80px;float: left;height: 20px;line-height: 20px;text-align: right;padding-right: 20px; margin-top:10px;}
.vdev_sel{float:left; margin-top:10px;}
.vdev_sel select{width: 160px;}
#snmp_list{display: none;}
.ddinput_txt{width:95%; border:1px solid #ddd; padding: 2px;}
.ddmod_txt{width:95%; border:1px solid #ddd; padding: 2px;}
#logout-pool-btn{width: 69px;height: 23px;background: url("images/logout-btn.png") no-repeat;position: absolute;margin-top: 145px;margin-left: 332px; border:none;}
.centercell{text-align: center;}
.dtable_header{text-align:center; border-left: 1px solid white;border-right: 1px solid #B0B0B0; color: #4A5E65; font-size: 10px;font-weight: bold;letter-spacing: 1px;padding: 6px 10px;}
.dtable_body{padding: 10px 11px;font-size: 12px;letter-spacing: 1px;font-weight: 400;height: 18px;color: #666;}
.logging_popup{width: 300px; height: 150px;border: 2px solid #bbb;margin: 200px auto;padding: 10px; background: #516168; color:white;padding:0px;}
.user_setpass{color: #7AB1E3; cursor:pointer; float: left; padding: 0px 12px;}
.user_delete{color: red; cursor:pointer; float: left; padding: 0px 12px;}
.user_popup{width: 320px;height: 260px;border: 2px solid #bbb;margin: 200px auto;padding: 10px; background: #516168; color:white;padding:0px;}
.usr_txt{width: 80px;float: left;height: 20px;line-height: 20px;text-align: right;padding-right: 20px; margin-top:10px;}
.usr_input{float:left; margin-top:10px;}
.usr_input input{width: 180px;}
.alarmbox{height: 100px; padding: 20px; border-bottom: 1px solid #ddd;}
.alarmname{width: 500px;}
.alarmstream{width: 325px;}
.alarmlimit{width: 30px;}
.alarmduration{width: 30px;}
.alarmremove{margin-left: 50px;}
.alarmemails{width: 500px;}
.import_modbus{position: relative; width: 80px; height: 15px; text-align: center; overflow: hidden; color: #38b1e9;}
.modbus_import{position: absolute; top: 0; left: 0; width: 80px; height: 15px; z-index: 100; cursor: pointer; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0)}
.devices {
    cursor: auto;
    height: 60px;
}
.devices .dev_text {
    cursor: pointer;
}
.bacnet_dev_scan, .bacnet_dev_del {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    padding: 3px 5px;
    font-size: 12px;
    border-radius: 3px;
    margin: 4px 5px 0 0;
}
.bacnet_dev_scan {
    color: #FFF;
    background-color: #337AB7;
    border-color: #2E6DA4;
}
.bacnet_dev_del {
    color: #FFF;
    background-color: #D9534F;
    border-color: #D43F3A;
}

#storage #logo {
	margin-top: 25px;
}

#storage .bp_user {
	position: relative;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 400;
	margin-left: 40px;
	margin-top: 39px;
	color: #4A5E65;
}

#storage .bp_pass {
	position: relative;
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: 400;
	margin-left: 60px;
	margin-top: 39px;
	color: #4A5E65;
}