/*
-------------------------------------------------------------------------------
--                                                                             
--    	NETIC GUI                        Version: 0.2                 
--
-------------------------------------------------------------------------------
--
--		widget.css
--
--    	Styles unique to the device widgets
--
-------------------------------------------------------------------------------
--
--    	Author: Marc Witteveen        Date: 5th September 2013
--
--    	Copyright (c) 2012 - 2013 GOAP d.o.o. All Rights Reserved.
--
-------------------------------------------------------------------------------
-- CHANGELOG:
-- 0.1		Initial code outline [Marc]
-- 0.2	Added style for power meter output
-- 0.3  Added widgetdelete class to allow deleting scenes [Kristjan]
--
-- TODO:
*/
/*TEST*/

.ui-icon-favorite-selected{background-position: -208px -191px;}
.ui-icon-remove{background-position: -176px -96px;}
.ui-icon-favorite{background-position: -224px -112px;}
.inner_separator{border-bottom: 1px solid #CCCCCC;}
.archived_image{
    float:right;
    text-align: center;
    border-style: solid;
    background-color: #FFFFFF;
    border-color: #C2C2C2 #D8D8D8 #C4C4C4;
    border-radius: 6px 6px 6px 6px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px #C4C4C4;
    overflow: hidden;
    padding: 10px;  
}
.camera_remote_right{}
.camera_remote_left{}
.camera_remote_up{margin-left: 50px;}
.camera_remote_down{margin-left: 50px;}
#camera_archives_body{display:table-cell}
#camera_calendar_filter{float:right;}
.preset_button{margin: 0.1em;}
.archive_thumbnail{width: 100px; }
.widgetdelete{display: none;cursor: pointer;float:right;width:30px;text-align:center;margin-right:6px;height:29px;background:url(../images/commom_gui_icons/delete_32.png) no-repeat;}
.widget{display:inline;float:left;width:314px;margin:0.3em 0.5em 0.2em 0em;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;position:relative;}
.widget .selected{
	border:1px solid #7eb9d0; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:0.85em;padding:2px 7px;text-decoration:none; display:inline-block;color: #FFFFFF;
 background-color: #a7cfdf; background-image: -webkit-gradient(linear, left top, left bottom, from(#a7cfdf), to(#23538a));
 background-image: -webkit-linear-gradient(top, #a7cfdf, #23538a);
 background-image: -moz-linear-gradient(top, #a7cfdf, #23538a);
 background-image: -ms-linear-gradient(top, #a7cfdf, #23538a);
 background-image: -o-linear-gradient(top, #a7cfdf, #23538a);
 background-image: linear-gradient(to bottom, #a7cfdf, #23538a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a7cfdf, endColorstr=#23538a);
	
	}
.control_tab .selected{
       border:1px solid #7eb9d0; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:0.85em;padding:2px 7px;text-decoration:none; display:inline-block;color: #FFFFFF;
 background-color: #a7cfdf; background-image: -webkit-gradient(linear, left top, left bottom, from(#a7cfdf), to(#23538a));
 background-image: -webkit-linear-gradient(top, #a7cfdf, #23538a);
 background-image: -moz-linear-gradient(top, #a7cfdf, #23538a);
 background-image: -ms-linear-gradient(top, #a7cfdf, #23538a);
 background-image: -o-linear-gradient(top, #a7cfdf, #23538a);
 background-image: linear-gradient(to bottom, #a7cfdf, #23538a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a7cfdf, endColorstr=#23538a);}
.widget .selected:hover{border:1px solid #5ca6c4;
 background-color: #82bbd1; background-image: -webkit-gradient(linear, left top, left bottom, from(#82bbd1), to(#193b61));
 background-image: -webkit-linear-gradient(top, #82bbd1, #193b61);
 background-image: -moz-linear-gradient(top, #82bbd1, #193b61);
 background-image: -ms-linear-gradient(top, #82bbd1, #193b61);
 background-image: -o-linear-gradient(top, #82bbd1, #193b61);
 background-image: linear-gradient(to bottom, #82bbd1, #193b61);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#82bbd1, endColorstr=#193b61);}	

.control_tab .selected:hover{
       border:1px solid #5ca6c4;
 background-color: #82bbd1; background-image: -webkit-gradient(linear, left top, left bottom, from(#82bbd1), to(#193b61));
 background-image: -webkit-linear-gradient(top, #82bbd1, #193b61);
 background-image: -moz-linear-gradient(top, #82bbd1, #193b61);
 background-image: -ms-linear-gradient(top, #82bbd1, #193b61);
 background-image: -o-linear-gradient(top, #82bbd1, #193b61);
 background-image: linear-gradient(to bottom, #82bbd1, #193b61);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#82bbd1, endColorstr=#193b61);}	

.widgetheader{-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;border-top-left-radius:6px;border-top-right-radius:6px;background-color:#6B6B6B;border-left:1px ridge #8C8C8C;border-top:1px ridge #8C8C8C;border-right:1px ridge #8C8C8C;border-bottom:none;color:#FFF;font-size:0.9em;line-height:30px;}
.widgetfooter{-webkit-border-bottom-right-radius:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;-moz-border-radius-bottomleft:6px;border-bottom-right-radius:6px;border-bottom-left-radius:6px;background-color:#74787E;line-height:20px;border-left:1px ridge #8C8C8C;border-bottom:1px ridge #8C8C8C;border-right:1px ridge #8C8C8C;border-top:none;}
.widgettoolbar{display:none;font-size:10px;line-height:14px;overflow:hidden;text-align:center;position:absolute;top:30px;width:286px;}
.widgetfooterbar{display:none;font-size:10px;line-height:14px;overflow:hidden;text-align:center;position:absolute;bottom:21px;width:286px;}

.widgettoolbar_none{display:none;}
.widgetfooterbar_none{display:none;}

.widgettoolbar_blue{display:block;background-color:#E8EFF5;color:#004B9D;border-bottom:1px solid #296EA1;}
.widgetfooterbar_blue{display:block;background-color:#E8EFF5;color:#004B9D;border-top:1px solid #296EA1;}

.widgettoolbar_red{display:block;background-color:#FAE8E8;color:#8E0000;border-bottom:1px solid #B40D0F;}
.widgetfooterbar_red{display:block;background-color:#FAE8E8;color:#8E0000;border-top:1px solid #B40D0F;}

.widgettoolbar_green{display:block;background-color:#ECF4E5;color:#528329;border-bottom:1px solid #3A7D06;}
.widgetfooterbar_green{display:block;background-color:#ECF4E5;color:#528329;border-top:1px solid #3A7D06;}

.widgetsmalltoolbar{width:258px;}
.widgetmediumtoolbar{width:338px;}
.widgetlarge{width:418px;}
.widgetcontent{height:160px;/*width:288px;*/border-left:1px ridge #8C8C8C;border-right:1px ridge #8C8C8C;}
.widgetfavorite{float:left;width:30px;text-align:center;background-repeat:no-repeat;margin-left:6px;height:22px;margin-top:4px;display:none;}
.widgetfavorite_checked{background-image:url(../images/widgets/favorite_1.png);}
.widgetfavorite_unchecked{background-image:url(../images/widgets/favorite_0.png);}
.widgetsettings{float:right;width:30px;text-align:center;margin-right:6px;height:24px;margin-top:3px;background:url(../images/widgets/settings.png) no-repeat;display:none;}
.widgettitle{text-align:center;margin:0 36px 0 36px;height:30px;}
/*.ui-dialog .ui-dialog-title{height:25px;}*/
.battery_status{float:left;font-size:0.80em;color:#000;width:27px;height:11px;line-height:11px;margin-top:5px;margin-left:6px;text-align:center;}
.battery_alarm{background:url(../images/widgets/battery_alarm.png) no-repeat;color:#FFFFFF;font-weight:bold;}
.battery_normal{background:url(../images/widgets/battery_layout.png) no-repeat;}
.sceneicon{height:55px;width:90px;margin-top: 15px;margin-left: 30px;background: url(../images/widgets/scene_icon.png) no-repeat;}
/*
.scenebutton{margin-left: 130px;width: 80px; text-align: center;line-height: 21px;cursor:pointer;}
*/
.scenebutton{
 margin-left: 130px;width: 80px; text-align: center;line-height: 21px;cursor:pointer;
 border:1px solid #cacaca; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:0.85em;padding: 2px 7px;text-decoration:none; display:inline-block;color: #000000;
 background-color: #E6E6E6; background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#CCCCCC));
 background-image: -webkit-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -moz-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -ms-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -o-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: linear-gradient(to bottom, #E6E6E6, #CCCCCC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E6E6E6, endColorstr=#CCCCCC);
}
.scenebutton:hover{ 
 margin-left: 130px;width: 80px; text-align: center;line-height: 21px;cursor:pointer;
 border:1px solid #b3b3b3;
 background-color: #cdcdcd; background-image: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#b3b3b3));
 background-image: -webkit-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: -moz-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: -ms-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: -o-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: linear-gradient(to bottom, #cdcdcd, #b3b3b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cdcdcd, endColorstr=#b3b3b3);
}	
.scenesettings_icon{background-image:url(smoothness/images/ui-icons_888888_256x240.png);background-position: -157px -110px;float:right;width:12px !important;text-align:center;margin-right:0px;height:16px !important;background-color: #DCDCDC !important;margin-top:5px;}
.scenedelete_icon{background-image:url(smoothness/images/ui-icons_888888_256x240.png);background-position: -173px -95px;float:right;width:12px !important;text-align:center;margin-right:0px;height:16px !important;background-color: #DCDCDC !important;margin-top:5px;}
.widget_scenesettings{display: none;cursor: pointer;float:right;width:30px;text-align:center;height:29px;}
.widget_scenedelete{display:none;cursor:pointer;float:right;width:30px;text-align:center;height:29px;position:absolute;left:15px;}
.widgetcontent span{background:none;-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;padding:0px;display:inline;width:auto;}
.superscript{vertical-align:super;font-size:0.8em;position:relative;top:-3px;}
.devicevalue{width:100px;text-align:center;position:absolute;left:10px;font-weight:bold;color:#333;}
.widgetsmall{width:260px;}
.widgetmedium{width:340px;}
.widgetlarge{width:420px;}
/*
* Override default widgets widths
*/
/*.Heater{width:320px;}*/
/*.Heatertoolbar{width:318px}*/
.WindowCovering{width:320px;}
.WindowCoveringtoolbar{width:318px;}
.SceneController{/*display:none;*/}
.netichome_thermostat_widget{width:260px;}
.HVAC_ZoneThermostat{width:320px;}
.HVAC_ZoneThermostattoolbar{width:318px;}
.netichome_thermostat_widgettoolbar{width:258px;}
.controlGroup .slidervalue{width:100px;}
.ui-slider-vertical{height: 85px !important;}

.controls button{border:1px solid #cacaca; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:0.85em;padding: 2px 7px;text-decoration:none; display:inline-block;color: #000000;
 background-color: #E6E6E6; background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#CCCCCC));
 background-image: -webkit-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -moz-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -ms-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: -o-linear-gradient(top, #E6E6E6, #CCCCCC);
 background-image: linear-gradient(to bottom, #E6E6E6, #CCCCCC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E6E6E6, endColorstr=#CCCCCC);}
.controls button:hover{border:1px solid #b3b3b3;
 background-color: #cdcdcd; background-image: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#b3b3b3));
 background-image: -webkit-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: -moz-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: -ms-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: -o-linear-gradient(top, #cdcdcd, #b3b3b3);
 background-image: linear-gradient(to bottom, #cdcdcd, #b3b3b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cdcdcd, endColorstr=#b3b3b3);}


.watt_cons_cont{position: absolute;bottom: 40px;left: 30px;}
.kwh_cons_cont{position: absolute;bottom: 40px;left: 100px;}
.temp_cons_cont{position: absolute;bottom: 40px;left: 200px;}
/*.category_num_4 .deviceicon{border:1px solid #000;width:100px;height:100px;position:relative;top:20px;left:10px;}*/
/* Controls */

/* Dimmer */
/* Motion sensor */
.category_num_1 .deviceicon{width:100px;height:100px;position:relative;top:20px;left:10px;text-align:center;padding-top:5px;}
.category_num_1 .controls{position:relative;left:95px;top:-50px;width:160px;text-align:center;}
.category_num_1 .controls div{display:inline-block;}
.category_num_1 .controls button{margin-left:4px;margin-right:4px;}


.category_num_2 .deviceicon{width:100px;height:100px;position:relative;top:20px;left:10px;text-align:center;padding-top:5px;}
.category_num_2 .controls{position:relative;left:105px;top:-50px;width:122px;text-align:center;}
.category_num_2 .controls .controlGroup_id_1{display:inline-block;position:relative;top:35px;}
.category_num_2 .controls .controlGroup_id_2{display:inline-block;position:relative;top:35px;}
.category_num_2 .controls .controlGroup_id_3{position:relative;top:-20px;left:10px;}
.category_num_2 .controls button{margin-left:4px;margin-right:4px;}
.category_num_2 .controls .device_slider{display:block;margin-bottom:10px;}
.category_num_2 .devicevalue{top: 48px;}

/* Switch and power sensor */
.category_num_3 .deviceicon{width:100px;height:100px;position:relative;top:20px;left:10px;text-align:center;padding-top:5px;}
.category_num_3 .controls{position:relative;left:95px;top:-50px;width:160px;text-align:center;}
.category_num_3 .controls div{display:inline-block;}
.category_num_3 .controls button{margin-left:4px;margin-right:4px;}
.category_num_3 .watt_cons_cont{text-align:center;position:absolute;bottom: 60px;left:120px;}
.category_num_3 .kwh_cons_cont{position: absolute;bottom: 40px;left: 120px;}
.category_num_3 .temp_cons_cont{position: absolute;bottom: 60px;left: 200px;}

/* Motion sensor */
.category_num_4 .deviceicon{width:100px;height:100px;position:relative;top:20px;left:10px;text-align:center;padding-top:5px;}
.category_num_4 .controls{position:relative;left:95px;top:-50px;width:160px;text-align:center;}
.category_num_4 .controls div{display:inline-block;}
.category_num_4 .controls button{margin-left:4px;margin-right:4px;}

.category_num_5 .deviceicon{width:100px;height:100px;position:relative;top:40px;left:10px;text-align:center;padding-top:5px;}
.category_num_5 .controls .controlGroup_id_1 .device_label,
.category_num_5 .controls .controlGroup_id_1 .device_variable{display:inline-block;overflow:hidden;}
.category_num_5 .controls{position:relative;left:115px;top:-50px;width:160px;text-align:center;}
.category_num_5 .controlGroup_id_1{position:absolute;left:20px;top:40px;}
.category_num_5 .controlGroup_id_2{position:absolute;right:90px;top:-12px;}
.category_num_5 .slidervalue{position:absolute;top:-28px;left:-10px;text-align:center;}

/*Category for foscam camera and other cameras*/
.category_num_6 .deviceicon{width:100px;height:100px;position:relative;top:20px;left:10px;text-align:center;padding-top:5px;}
.category_num_6 .controls{position:relative;left:90px;top:30px;text-align:center;width: 250px;}
.category_num_6 .controls div{display:inline-block;}
.category_num_6 .controls button{margin-left:4px;margin-right:4px;}
.camera_control_buttons_container{float:right; padding-top: 50px;}
.camera_pic{width: 520px; float:left}
.cam_widget_image{width:100px;height:100px;margin-top: -80px;margin-right: 85px;float:right}

.category_num_7 .deviceicon{width:100px;height:100px;position:relative;top:20px;left:10px;text-align:center;padding-top:5px;}
.category_num_7 .controls{position:relative;left:115px;top:-50px;width:160px;text-align:center;}
.category_num_7 .controls div{display:inline-block;}
.category_num_7 .controls button{margin-left:4px;margin-right:4px;}

/* Motor for shades */
/*.category_num_8{width:380px;}*/
.category_num_8 .deviceicon{width:100px;height:100px;position:relative;top:30px;left:10px;text-align:center;padding-top:5px;}
.category_num_8 .controls{position:relative;left:125px;top:-50px;text-align:center;}
.category_num_8 .controls .controlGroup_id_1 .device_button{display:block;margin-bottom:8px;}
.category_num_8 .controls .controlGroup_id_1{width:150px;position:absolute;left:2px;top:31px;}
.category_num_8 .controls .controlGroup_id_2{width:150px;position:absolute;left:10px;top:10px;}
.category_num_8 .controls .controlGroup_id_2 .device_button{display:inline-block;margin-left:4px;margin-right:4px;margin-top:8px;}
.category_num_8 .controls .controlGroup_id_1 .wc_up{display:none;}
.category_num_8 .controls .controlGroup_id_1 .wc_down{display:none;}
.category_num_8 .controls .controlGroup_id_1 .wc_stop{position:absolute;left:55px;top: 2px;}
.category_num_8 .controls .controlGroup_id_2 .wc_open{position:absolute;right:-10px;}
.category_num_8 .controls .controlGroup_id_2 .wc_close{position:absolute;left:-20px;}
.category_num_8 .devicevalue{position:absolute;top:48px;}
.category_num_8 .watt_cons_cont{position: absolute;bottom: 40px;left: 110px;}
.category_num_8 .temp_cons_cont{position: absolute;bottom: 40px;left: 80px;top: 48px;}
.category_num_8 .kwh_cons_cont{position: absolute;bottom: 40px;left: 200px;}
.category_num_8 .controls .controlGroup_id_1 .wc_stop, x:-moz-any-link, x:default {position:absolute;left:55px;top: 2px;}/* Firefox 3*/



.category_num_11 .deviceicon{width:100px;height:100px;position:relative;top:20px;left:10px;text-align:center;padding-top:5px;}
.category_num_11 .controls{position:relative;left:115px;top:-50px;width:160px;text-align:center;}
.category_num_11 .controls div{display:inline-block;}
.category_num_11 .controls button{margin-left:4px;margin-right:4px;}

/*
.category_num_12 .deviceicon{width:100px;height:100px;position:relative;top:20px;left:10px;text-align:center;padding-top:5px;}
.category_num_12 .controls{position:relative;left:115px;top:-50px;width:160px;text-align:center;}
.category_num_12 .controls div{display:inline-block;}
.category_num_12 .controls button{margin-left:4px;margin-right:4px;}
*/
.category_num_12 .deviceicon{width:100px;height:100px;position:relative;top:30px;left:10px;text-align:center;padding-top:5px;}
.category_num_12 .controls .controlGroup_id_1 .device_label,
.category_num_12 .controls .controlGroup_id_1 .device_variable{overflow:hidden;}
.category_num_12 .controls div{display:inline-block;}
.category_num_12 .controls button{margin-left:4px;margin-right:4px;}
.category_num_12 .controls{position:relative;left:115px;top:-50px;width:160px;text-align:center;}
.category_num_12 .controls button{margin-left: 4px;margin-right: 4px;margin-top:2px;margin-bottom: 2px;}

.category_num_13 .deviceicon{width:100px;height:100px;position:relative;top:20px;left:10px;text-align:center;padding-top:5px;}
.category_num_13 .controls{position:relative;left:115px;top:-50px;width:160px;text-align:center;}
.category_num_13 .controls div{display:inline-block;}
.category_num_13 .controls button{margin-left:4px;margin-right:4px;}

.category_num_14 .deviceicon{width:100px;height:100px;position:relative;top:20px;left:10px;text-align:center;padding-top:5px;}
.category_num_14 .controls{position:relative;left:115px;top:-50px;width:160px;text-align:center;}
.category_num_14 .controls div{display:inline-block;}
.category_num_14 .controls button{margin-left:4px;margin-right:4px;}

.category_num_15 .deviceicon{width:100px;height:100px;position:relative;top:20px;left:10px;text-align:center;padding-top:5px;}
.category_num_15 .controls{position:relative;left:115px;top:-50px;width:160px;text-align:center;}
.category_num_15 .controls div{display:inline-block;}
.category_num_15 .controls button{margin-left:4px;margin-right:4px;}

.category_num_16 .deviceicon{width:100px;height:100px;position:relative;top:30px;left:10px;text-align:center;padding-top:5px;}
.category_num_16 .controls .controlGroup_id_1 .device_label,
.category_num_16 .controls .controlGroup_id_1 .device_variable{overflow:hidden;}
.category_num_16 .controls{position:relative;left:100px;top:-50px;width:160px;text-align:center;}

.category_num_17 .deviceicon{width:100px;height:100px;position:relative;top:30px;left:10px;text-align:center;padding-top:5px;}
.category_num_17 .controls .controlGroup_id_1 .device_label,
.category_num_17 .controls .controlGroup_id_1 .device_variable{overflow:hidden;}
.category_num_17 .controls{position:relative;left:100px;top:-50px;width:160px;text-align:center;}

.category_num_18 .deviceicon{width:100px;height:100px;position:relative;top:30px;left:10px;text-align:center;padding-top:5px;}
.category_num_18 .controls .controlGroup_id_1 .device_label,
.category_num_18 .controls .controlGroup_id_1 .device_variable{overflow:hidden;}
.category_num_18 .controls{position:relative;left:100px;top:-50px;width:160px;text-align:center;}

.category_num_19 .deviceicon{width:100px;height:100px;position:relative;top:30px;left:10px;text-align:center;padding-top:5px;}
.category_num_19 .controls .controlGroup_id_1 .device_label,
.category_num_19 .controls .controlGroup_id_1 .device_variable{overflow:hidden;}
.category_num_19 .controls{position:relative;left:100px;top:-50px;width:160px;text-align:center;}

.category_num_20 .deviceicon{width:100px;height:100px;position:relative;top:30px;left:10px;text-align:center;padding-top:5px;}
.category_num_20 .controls .controlGroup_id_1 .device_label,
.category_num_20 .controls .controlGroup_id_1 .device_variable{overflow:hidden;}
.category_num_20 .controls{position:relative;left:100px;top:-50px;width:160px;text-align:center;}

.category_num_21 .deviceicon{width:100px;height:100px;position:relative;top:20px;left:10px;text-align:center;padding-top:5px;}
.category_num_21 .controls{position:relative;left:115px;top:-50px;width:160px;text-align:center;}
.category_num_21 .controls .controlGroup .device_label,
.category_num_21 .controls .controlGroup .device_variable{display:inline-block;overflow:hidden;margin-right: 5px;}

.category_num_22 .deviceicon{width:100px;height:100px;position:relative;top:30px;left:10px;text-align:center;padding-top:5px;}
.category_num_22 .controls .controlGroup_id_1 .device_label,
.category_num_22 .controls .controlGroup_id_1 .device_variable{overflow:hidden;}
.category_num_22 .controls{position:relative;left:100px;top:-50px;width:160px;text-align:center;}

.category_num_23 .deviceicon{width:100px;height:100px;position:relative;top:30px;left:10px;text-align:center;padding-top:5px;}
.category_num_23 .controls .controlGroup_id_1 .device_label,
.category_num_23 .controls .controlGroup_id_1 .device_variable{overflow:hidden;}
.category_num_23 .controls{position:relative;left:160px;top:-100px;width:160px;text-align:center;}
.category_num_23 .controls button{margin-left: 4px;margin-right: 4px;margin-top:2px;margin-bottom: 2px;}

.category_num_24 .deviceicon{width:100px;height:100px;position:relative;top:20px;left:10px;text-align:center;padding-top:5px;}
.category_num_24 .controls{position:relative;left:95px;top:-50px;width:160px;text-align:center;}
.category_num_24 .controls div{display:inline-block;}
.category_num_24 .controls button{margin-left:4px;margin-right:4px;}


.category_num_undefined .deviceicon{width:100px;height:100px;position:relative;top:20px;left:10px;text-align:center;padding-top:5px;}
.category_num_undefined .controls{position:relative;left:115px;top:-80px;width:160px;text-align:center;}
.category_num_undefined .controls .controlGroup .device_label,
.category_num_undefined .controls .controlGroup .device_variable{display:inline-block;overflow:hidden;margin-right: 7px;}

/*.Heater .slidervalue{display:none;}*/
.Heater .controlGroup_id_2 .slidervalue, .Heater .controlGroup_id_2 .value, .Heater .controlGroup_id_2 .temperature{color:#FF0000;}
/*.Heater .devicevalue{display:none;}*/
.Heater .devicevalue{position:absolute;top:50px;}
.Heater .controlGroup_id_2 .ui-slider{border-color:#FF0000;}
.Heater .controlGroup_id_1{position:absolute;left:20px;top:20px !important;}
.Heater .controlGroup_id_1 .heater_off{margin-right: 10px;}

.HVAC_ZoneThermostat .deviceicon{top:35px;}
.HVAC_ZoneThermostat .controlGroup_id_1{position:absolute;top:-10px;left:10px;width:70px;}
.HVAC_ZoneThermostat .controlGroup_id_1 button{width:100%;margin-bottom:5px;}
.HVAC_ZoneThermostat .controlGroup_id_4{position:absolute;top:-20px;left:80px;width:70px;display:none;}
.HVAC_ZoneThermostat .controlGroup_id_4 button{width:100%;}
.HVAC_ZoneThermostat .controlGroup_id_5{position:absolute;top:-20px;left:150px;width:70px;display:none;}
.HVAC_ZoneThermostat .controlGroup_id_5 button{width:100%;}
.HVAC_ZoneThermostat .controlGroup_id_6{position:absolute;top:-12px;left:160px;}
.HVAC_ZoneThermostat .controlGroup_id_6 .ui-slider{border-color:#00F;}
.HVAC_ZoneThermostat .controlGroup_id_6 .slidervalue, .HVAC_ZoneThermostat .controlGroup_id_6 .value, .HVAC_ZoneThermostat .controlGroup_id_6 .temperature{color:#00F;}
.HVAC_ZoneThermostat .controlGroup_id_7{position:absolute;top:-12px;left:110px;}
.HVAC_ZoneThermostat .controlGroup_id_7 .ui-slider{border-color:#FF0000;}
.HVAC_ZoneThermostat .controlGroup_id_7 .slidervalue, .HVAC_ZoneThermostat .controlGroup_id_7 .value, .HVAC_ZoneThermostat .controlGroup_id_7 .temperature{color:#FF0000;}

.HVAC_ZoneThermostat .devicevalue{position:absolute;top:50px;}
.HVAC_ZoneThermostat .hvac_auto{display:none;}
.netichome_thermostat{display:block !important;}/* fix for hidden Auto button */
.HVAC_ZoneThermostat .netichome_termostat_wattage{position: absolute; bottom: 40px; left: 130px;}
.HVAC_ZoneThermostat .netichome_termostat_kwh{position: absolute; bottom: 60px; left: 130px;}

.netichome_thermostat_widget .deviceicon{top:35px;}
.netichome_thermostat_widget .controlGroup_id_1{position:absolute;top:-10px;left:10px;width:70px;}
.netichome_thermostat_widget .controlGroup_id_1 button{width:100%;margin-bottom:5px;}
.netichome_thermostat_widget .controlGroup_id_4{position:absolute;top:-20px;left:80px;width:70px;display:none;}
.netichome_thermostat_widget .controlGroup_id_4 button{width:100%;}
.netichome_thermostat_widget .controlGroup_id_5{position:absolute;top:-20px;left:150px;width:70px;display:none;}
.netichome_thermostat_widget .controlGroup_id_5 button{width:100%;}
.netichome_thermostat_widget .controlGroup_id_6{position:absolute;top:-12px;left:160px;}
.netichome_thermostat_widget .controlGroup_id_6 .ui-slider{border-color:#00F;}
.netichome_thermostat_widget .controlGroup_id_6 .slidervalue, .netichome_thermostat_widget .controlGroup_id_6 .value, .netichome_thermostat_widget .controlGroup_id_6 .temperature{color:#00F;}
.netichome_thermostat_widget .controlGroup_id_7{position:absolute;top:-12px;left:110px;}
.netichome_thermostat_widget .controlGroup_id_7 .ui-slider{border-color:#FF0000;}
.netichome_thermostat_widget .controlGroup_id_7 .slidervalue, .netichome_thermostat_widget .controlGroup_id_7 .value, .netichome_thermostat_widget .controlGroup_id_7 .temperature{color:#FF0000;}

.netichome_thermostat_widget .devicevalue{position:absolute;top:50px;}
.netichome_thermostat_widget .hvac_auto{display:none;}
.netichome_thermostat_widget .netichome_termostat_wattage{position: absolute; bottom: 40px; left: 130px;}
.netichome_thermostat_widget .netichome_termostat_kwh{position: absolute; bottom: 60px; left: 130px;}
/*HVAC on Control tab*/
.control_tab .hvac_auto{display:none;}
/*.control_tab .slidervalue,.control_tab .value,.control_tab .temperature{color:#FF0000;}*/
.control_tab .energy_energy, .control_tab .energy_normal, .control_tab .fan_auto, .control_tab .fan_on, .control_tab .fan_circulate{display: none;} 
.control_tab .hvac_heat_setpoint{border-color:#FF0000;}
.control_tab .hvac_heat_setpoint .ui-slider{border-color:#00F;}
.control_tab .hvac_cool_setpoint{border-color:#00F;}
.control_tab .hvac_cool_setpoint .ui-slider{border-color:#FF0000;}
.control_tab .slider_heat_values{color:#FF0000;}
.control_tab .slider_cool_values{color:#00F;}

.control_tab .wc_up{display:none;}
.control_tab .wc_down{display:none;}



.ui-slider-horizontal{margin-right:16px;}

/* Slider tooltip */
.tooltip {position:absolute;z-index:1020;display:block;padding:5px;font-size:16px;visibility:visible;margin-top:-2px;bottom:120%;margin-left:-1.4em;}
.tooltip .tooltip-arrow {bottom:0;left:50%;margin-left:-5px;border-top:5px solid #AAA;border-right:5px solid transparent;border-left:5px solid transparent;position:absolute;width:0;height:0;}
.tooltip-inner {min-width:45px;padding:3px 8px;color:#000;text-align:center;text-decoration:none;background-color:#FFF;border:1px solid #AAA;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.setvalue{display:inline-block;float:left;}
div.superscript{float:left;}