/*
 * CPANEL
 */

 .cpanel_holder .slider {
     /*background: url("../images/slider/bg_slider.png?*~BUILD_VERSION~*") no-repeat scroll center center transparent;*/
	 height:25px;
 }
 
.overlay{
 	background:#bcbcbc;
	opacity:0.6;
	filter:alpha(opacity=60);
	-khtml-opacity:0.6;
	-webkit-opacity:0.6;
	-moz-opacity:0.6;
	width:100%;
	height:100%;
	z-index:990;
	position:fixed;
	top:0px;
	left:0px;
 }
.light{
	position:fixed;
	display:none;
	color:#050505;
	font-size:12px;
	font-family:Arial;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:999;
	background:url(../images/cpanel/pattern.png?*~BUILD_VERSION~*) repeat;
	text-align:center;
	overflow:auto;
}
.lightIE8{
	background:url(../images/cpanel/bgIE8.gif?*~BUILD_VERSION~*) repeat;
}

.light input[type=text]{
	border:1px solid #0379D8;
	background:#ffffff;
}
.light input[type=text]:focus{
	border:1px solid #00ccee;
	background:#e2fbff;
}
.light a, .light a:visited{
	color:#00ccee;
	font-weight:normal;
	text-decoration:underline;
}
.light a:hover,.light a:focus{
	color:#0070BC;
	font-weight:normal;
	text-decoration:underline;
}

.light .cpanel_holder{
	width:630px;
	height:418px;
	text-align:left;
	background:url(../images/cpanel/bg.png?*~BUILD_VERSION~*) no-repeat center;
	margin:0 auto;
	/*padding:10px;*/
	position:relative;
	border:2px solid #163f58;
	border-top:1px solid #163f58;
	border-left:1px solid #163f58;
}

.light	.left{
	float:left;
	width:80px;
	height:96px;
	text-align:center;
}
.light	.left .dev_icon{
	/*margin:20px 10px;*/
}
.light .right{
	float:left;
	width:612px;
	height:65px;
}
.light .right .main_title{
	font-size:18px;
	margin-top:17px;
	float:left;
}
.light .right .control_icons{
	
}
.light .title{
    color: #FFFFFF;
    height: 20px;
    left: 120px;
    position: absolute;
    top: 7px;
    width: 390px;
}
.light .right .title .device_name{
	cursor:pointer;
}
.light .control_icons .setup_icons{
	position:absolute;
	right:7px;
	top:3px;
}

.light .right .status{
	position:absolute;
	left:83px;
	top:4px;
}

.light .move_to_room{
	cursor:pointer;
	position:absolute;
	top:32px;
	right:0px;
	width:auto;
	color:#494949;
	height:20px;
	z-index:4;
}
.light .move_to_room.expand{
	color:#0070BC;
	background:#3295f8;
}
.light .move_to_room .choose_room{
	background-image:url(../images/cpanel/arrow_down_gray.png?*~BUILD_VERSION~*);
	background-repeat:no-repeat;
	background-position:right;
	width:auto;
	height:18px;
	border-bottom:1px solid transparent;
	padding-top:2px;
	padding-left:5px;
	padding-right:25px;
	overflow:hidden;
}
.light .move_to_room.expand .choose_room{
	background-image:url(../images/cpanel/arrow_down.png?*~BUILD_VERSION~*);
	color:#f6fbfc;
	border-bottom:1px solid #f6fbfc;
}
.light .move_to_room .list_rooms .list_rooms_items{
	padding:5px;
	height:15px;
	display:block;
}
.light .move_to_room .list_rooms .list_rooms_items:hover{
	background:#025cb6;
}
.light .move_to_room .list_rooms{
	position:absolute;
	top:21px;
	right:0px;
	color:#ffffff;
	background:#3295f8;
	width:310px;
	display:none;
	z-index:9999;
	border:none;
	border-top:none;
}

.light .move_to_room:hover{
	cursor:pointer;
}

.light  .left_menu{
	position:absolute;
	top:50px;
	left:80px;
	z-index:3;
}
.light .left_menu .menu_item{
	float:left;
	height:22px;
	line-height:20px;
	text-align:center;
	color:#025cb6;
	cursor:pointer; 
	margin-right:5px;
	margin-top:3px;
}
.light .left_menu .menu_item.selected{
	border-right:2px solid #54757b;
}

.light .left_menu .menu_item .menu_item_center{
	float:left;
	background:none;
	height:23px;
	padding:0 5px;
	margin-top:-3px;
}
.light .left_menu .menu_item .menu_item_left{
	width:6px;
	height:24px;
	float:left;
	background:none;
}
.light .left_menu .menu_item .menu_item_right{
	width:6px;
	height:24px;
	float:right;
	background:none;
}
.light .left_menu .menu_item.selected .menu_item_left{
	background:url(../images/cpanel/menu_option_left.png?*~BUILD_VERSION~*) right bottom;
}
.light .left_menu .menu_item.selected .menu_item_right{
	background:url(../images/cpanel/menu_option_right.png?*~BUILD_VERSION~*) left bottom;
}
.light .left_menu .menu_item.selected .menu_item_center{
	background:url(../images/cpanel/button_bg.png?*~BUILD_VERSION~*) repeat-x top #f6fbfc;
	border:1px solid #5d5d5d;
	border-bottom:1px solid #f6fbfc;
}
.light .controls .content{
	border-top:1px solid #009dd7;
	height:329px;
	overflow:auto;
	position:absolute;
	top:74px;
	width:600px;
	padding:15px 15px 0px 15px;
	left:0px;
}
.light .controls .content table .content{
	height:auto;
    border: none;
}
.light .controls .content input.button,
.light .controls .content input.button_big,
.light .controls .content input.button_mid,
.light .controls .content input.button_small{
    background: inherit;
    width:auto;
    height:auto;
    border: 1px solid;
    margin-left:10px;
    padding: 3px 10px;
}
.light .controls .content .title{
	color:white;
	border-bottom:1px solid #0084c2;
	margin-bottom:3px;
	padding-bottom:3px;
	margin-top:3px;
}
.light .controls .content .button_grup{
	margin-bottom:30px;
}
.light .controls .content .button_grup .button:hover{
	background-position:bottom left;
}
.light .controls .content .button_grup .button.selected{
	background-position:bottom left;
	color:white;
	font-weight:bold;
}
.light .controls .content .button_grup .button{
	width:70px;
	height:20px;
	line-height:20px;
	padding-left:4px;
	margin-bottom:5px;
	background-image:url(../images/devices/device_option.png?*~BUILD_VERSION~*);
	background-position:top left;
	background-repeat:no-repeat;
	color:#90e0ff;
	cursor:pointer;
	float:left;
}
.light .controls .content .button_grup .vertical-slider{
	float:left;
}
.light .controls .content .button_grup .space{
	width:70px;
	height:1px;
	float:left;
}

.light .controls .content .button_grup .vertical-slider .value{
	font-weight: bold;
    height: 34px;
    text-align: center;
    width: 77px;
}

.light .content .button,
.light .content .button_big,
.light .content .button_mid,
.light .content .button_small{
	background:#3295f8;
	cursor:pointer;
	/*float:left;*/
	width:80px;
	height:21px;
	color:#fff;
	text-align:center;
	padding-top:4px;
	text-transform: capitalize;
	font-size: 14px;
	font-family: Arial;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.light .content .dark{
    color:#ccc;
}
.light .content .button.selected,
.light .content .button:hover,
.light .content .button_big:hover,
.light .content .button_mid:hover,
.light .content .button_small:hover{
	background:#025cb6;
	color:#ffffff;
}
.light  .content .button_off{
	background:none;
	color:#025CB6;
}
.light .scene-editor  .content .controlGroup.disabled .sliderr_left{
	background:url("../images/slider/slider_left_disabled.png?*~BUILD_VERSION~*") no-repeat scroll center center transparent;
}
.light .scene-editor  .content .controlGroup.disabled .sliderr_right{
	background:url("../images/slider/slider_right_disabled.png?*~BUILD_VERSION~*") no-repeat scroll center center transparent;
}
.light .scene-editor  .content .controlGroup.disabled .sliderr .ui-state-default{
	background:url("../images/slider/round_disabled.png?*~BUILD_VERSION~*") no-repeat scroll center center transparent;
}
.light .scene-editor  .content .controlGroup.disabled .sliderr .ui-state-hover{
	background:url("../images/slider/round_hover_disabled.png?*~BUILD_VERSION~*") no-repeat scroll center center transparent;
}
.light .button{
	float:left;
}
.light .slider{
	float:left;
}
.light .vertical-slider{
	position:relative;
	float:left;
}
.light .ControlGroup{
	clear:both;
	padding-top:10px;
}

.light .content .disabled{
	background:none;
	color:#666666;
	cursor:default;
}
.light .content .disabled:hover{
	background:none;
	color:#666666;
	cursor:default;
}