.sensor_box {
   -moz-user-select     : none;
   -khtml-user-select   : none;
   -webkit-user-select  : none;
   -webkit-touch-callout: none;
   -o-user-select       : none;
   -ms-user-select      : none;
   user-select          : none;
	position: relative;
	width: 340px;
	height: 153px;
	margin: auto;
	padding: 8px;
	margin: 6px;
	float:right;
	overflow: hidden;
}
.sensor_box_hw {
   -moz-user-select     : none;
   -khtml-user-select   : none;
   -webkit-user-select  : none;
   -webkit-touch-callout: none;
   -o-user-select       : none;
   -ms-user-select      : none;
   user-select          : none;
	position: relative;
	width: 152px;
	height: 153px;
	margin: auto;
	padding: 8px;
	margin: 6px;
	float:right;
	overflow: hidden;
}
	.switch_box {
		width: 155px;
	}
	.normal {
		border: 1px solid #8d8d8d;
		background: #1E7EAC;
		border-radius: 6px;
		background: linear-gradient(to bottom, #1E7EAC, #043f83);
	}
	.sensor_box:hover {
		border: 1px solid #fff;
	}
	.sensor_box_hw:hover {
		border: 1px solid #f3f3f3;
	}
	.alert:hover {
		border: 1px solid #f00;
	}
	.err:hover {
		border: 1px solid #ffff00;
	}
	.r1:hover, .r2:hover, .r3:hover, .r9:hover, .r11:hover, .r12:hover, .r13:hover, .r15:hover, .r16:hover {
		border: 1px solid #57dd31;
	}
	.sensor_box_canvas {
		height: 330px;
	}
	.sensor_box_chart {
		height: 330px;
	}
	.sensor_box_chart .legendLabel {
		color: #fff;
	}
	.sensor_box_chart_hh {
		height: 153px;
	}
	.sensor_box_chart_hh .legendLabel {
		color: #fff;
	}
	.actuator_box {
		width: 152px;
	}
	.analog_box {
		width: 152px;
	}
	.doubleHeight {
		height: 330px;
	}
	.tripleHeight {
		height: 507px;
	}
#sensor_tag {
	text-align:center;
	width: 250px;
	font-size: 19px;
	cursor: move;
	margin: 0px auto;
}
#sensor_tag_hw {
	text-align:center;
/* 	width: 335px; */
	font-size: 15px;
	padding-top: 5px;
	cursor: move;
}
#actuator_tag {
	text-align:center;
	width: 152px;
	font-size: 15px;
	cursor: move;
}
.analog_tag {
	text-align:center;
	width: 152px;
	font-size: 15px;
	cursor: move;
}
.analog_txtvalue {
	width: 100%;
	display: inline-block;
	text-align: center;
	margin: 19px 0px 10px;
	font-size: 2.5em;
}
.sensor_value {
	text-align:center;
	font-size:55px;
	font-weight:bold;
	width: 336px;
	vertical-align: middle;
}
.sensor_value_hw {
	text-align:center;
	font-size:25px;
	font-weight:bold;
	width: 336px;
	vertical-align: middle;
}
.actuator_value {
	text-align:center;
	font-size:45px;
	font-weight:bold;
	padding-top: 15px;
}
.sensor_value_mini {
	font-size:15px;
	font-weight:bold;
}
.sensor_unit {
	font-size:60%;
	font-weight:bold;
	padding-top: 15px;
}
.sensor_unit_hw {
	font-size:60%;
	font-weight:bold;
	padding-top: 15px;
}
.sensor_unit_mini {
	font-size:15px;
	font-weight:bold;
}
#sensor_info {
	font-size:10px;
	margin-top:5px;
}
	.left {
		float:left;
	}
	.right {
		float:right;
	}
	.clear {
		clear:both;
	}

.sensor_message {
	font-size:14px;
	font-weight: bold;
	color: #ff0000;
	margin-top:0px;
	text-align: center;
}
.functions {
	display: none;
}
.sensor_config {
	position: absolute;
	width: 340px;
	height: 23px;
	bottom: 5px;
	cursor: pointer;
}
.actuator_config {
	position: absolute;
	width: 153px;
	height:23px;
	bottom: 5px;
	cursor: pointer;
}
.analog_config {
	position:absolute;
	width:153px;
	height:23px;
	bottom:5px;
	cursor: pointer;
}
.img_config {
	cursor: pointer;
	transition: transform ease-in-out 0.2s;
	transform: rotate(0deg);
}
.img_config:hover {
	transition: transform ease-in-out 0.2s;
	transform: rotate(90deg);
}
.column {
	width: 370px;
	float: left;
	padding-bottom: 100px;
}
.power_buttuon_outside {
	position: relative;
	height: 90px;
	width: 90px;
	background: rgba(0, 128, 128, .0);
}

.power_button_inside {
	position: relative;
	height: 50px;
	width: 50px;
	top: 20px;
	left: 20px;
}
.power_button_border {
	position: absolute;
	border-radius: 22px;
	top: 0px;
	left: 0px;
}
.analog_slider.ui-widget-content {
	background: transparent !important;
	border: 1px solid #FBF8F8;
	color: #fff;
	height: 94px;
}
.analog_slider .ui-slider-range { background: #DFDFDF; }
.analog_slider .ui-slider-line {
    display: none;
}
.analog_slider .ui-slider-label {
	color: #FBF8F8;
	font-size: 1.3em;
	white-space: nowrap;
}
.analog_slider .ui-slider-pip:hover .ui-slider-label {
	color: #FBF8F8;
}
.ui-sortable-placeholder { border: 1px dashed red; visibility: visible !important; height: 150px; background: #333333; !important; }
.ui-sortable-placeholder * { visibility: hidden; }

.analog_spinner {
	width: 90%;
}
.analogWrap .ui-widget {
	background: none repeat scroll 0% 0% transparent;
	font-size: 1.5em;
	color: #8698A0;
}
.config_overflow {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.port {
	font-size: 22px;
	color: #ffffff;
	vertical-align: top;
}
.w {
	color: #ffffff;
}

.disabled_fieldA {
	width: 160px;
}

.disabled_fieldB {
	width: 225px;
}
.disable_button {
	width: 158px;
	margin-left: 8px;
}
.line {
	border-bottom: 1px #ffffff solid;
}

.panelbox { position: absolute; display:none; z-index: 999998; }
#new_panel_pos-menu  { min-height: 300px; }

.delete_list {
	width:770px;
	overflow: hidden;
	white-space: nowrap;
}
.delete_head {
	margin-top: 10px;
	border-bottom: 1px solid #ffffff;
}
.delete_count {
	width: 20px;
	float:left;
	text-align: right;
	margin-right: 10px;
}
.delete_name {
	width:220px;
	float:left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.delete_desc {
	width: 500px;
	float: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.icon36white {
	padding-top: 0px;
	height:36px;
	width:36px;
	background-image:url('images/icons-36-white.png');
	display: inline-block;
}

.icon36black {
	padding-top: 0px;
	height:36px;
	width:36px;
	background-image:url('images/icons-36-black.png');
	display: inline-block;
}
.reload { background-position:-650px 0px; }

.flot-tick-label {
	color: #cccccc;
}

.gridster li {
	list-style: none;
}
.gridster .preview-holder {
    z-index: 1;
    position: absolute;
    background-color: #fff;
	margin-top: 4px;
   	border-radius: 6px;
    opacity: 0.4;
}
.shorten {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}