#titlebar {
	background: #1b5790;
	min-height: 25px;
	padding: 0 10px;
	font-size: 1.7em;
	font-weight: bold;
	color: #ffffff;
	}
#menubar {
	background: #007090;
	min-height: 20px;
	padding: 2px 10px;
	font-size: 1.0em;
	font-weight: bold;
	color: #ffffff;
	}
	
.menu_help_icon
{
    background: #eeeeee url(/css/ui-lightness/images/ui-bg_hsmenu-1x22.png) 50% top repeat-x; color: navy;
}

.GroupSelectCell
{
    padding-left : 0px;
	padding-right : 0px;
}

.UnPaddedCell
{
    padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	padding-bottom : 0px;
}

.BackButton
{
    padding: 2px;
}
.event_Triggers_0 { font-size: 10pt; border: 1px solid #dddddd; background: #eeeeee url(/css/ui-lightness/images/ui-bg_highlight-blue_1x24.png) 50% top repeat-x; background-size: 100% 100%; color: #333333; }
/*{
	background: #E9F3FC;
	padding-left : 2px;
	padding-right : 2px;
	border-top: 1px solid #CCCCCC;
	font-family : Tahoma, Verdana, Arial, sans-serif;
	font-size : 10pt;
}*/
.event_Triggers_1 { font-size: 10pt; border: 1px solid #dddddd; background: #eeeeee url(/css/ui-lightness/images/ui-bg_highlight-blue_1x24.png) 50% top repeat-x; background-size: 100% 100%; color: #333333; }
/*{
	background: #D2E8FC;
	padding-left : 2px;
	padding-right : 2px;
	border-top: 1px solid #CCCCCC;
	font-family : Tahoma, Verdana, Arial, sans-serif;
	font-size : 10pt;
}*/
.event_Actions_0 { font-size: 10pt; border: 1px solid #dddddd; background: #eeeeee url(/css/ui-lightness/images/ui-bg_highlight-green_1x24.png) 50% top repeat-x; background-size: 100% 100%; color: #333333; }
/*{
	background: #C3FDC3;
	padding-left : 2px;
	padding-right : 2px;
	border-color : White;
	border-width : 1px;
	font-family : Tahoma, Verdana, Arial, sans-serif;
	font-size : 10pt;
}*/
.event_Actions_1 { font-size: 10pt; border: 1px solid #dddddd; background: #eeeeee url(/css/ui-lightness/images/ui-bg_highlight-green_1x24.png) 50% top repeat-x; background-size: 100% 100%; color: #333333; }
/*{
	background: #B5FAB5;
	padding-left : 2px;
	padding-right : 2px;
	border-color : White;
	border-width : 1px;
	font-family : Tahoma, Verdana, Arial, sans-serif;
	font-size : 10pt;
}*/
.event_Conditions_0 { font-size: 10pt; border: 1px solid #dddddd; background: #eeeeee url(/css/ui-lightness/images/ui-bg_highlight-pink_1x24.png) 50% top repeat-x; background-size: 100% 100%; color: #333333; }
/*{
	background: #FFD2D2;
	padding-left : 2px;
	padding-right : 2px;
	border-color : White;
	border-width : 1px;
	font-family : Tahoma, Verdana, Arial, sans-serif;
	font-size : 10pt;
}*/
.event_Conditions_1 { font-size: 10pt; border: 1px solid #dddddd; background: #eeeeee url(/css/ui-lightness/images/ui-bg_highlight-pink_1x24.png) 50% top repeat-x; background-size: 100% 100%; color: #333333; }
/*{
	background: #F4AFAF;
	padding-left : 2px;
	padding-right : 2px;
	border-color : White;
	border-width : 1px;
	font-family : Tahoma, Verdana, Arial, sans-serif;
	font-size : 10pt;
}*/
.event_Options_0 { font-size: 10pt; border: 1px solid #dddddd; background: #eeeeee url(/css/ui-lightness/images/ui-bg_highlight-orange_1x24.png) 50% top repeat-x; background-size: 100% 100%; color: #333333; }
/*{
	background: #F4D5AF;
	padding-left : 2px;
	padding-right : 2px;
	border-color : White;
	border-width : 1px;
	font-family : Tahoma, Verdana, Arial, sans-serif;
	font-size : 10pt;
}*/
.event_Options_1 { font-size: 10pt; border: 1px solid #dddddd; background: #eeeeee url(/css/ui-lightness/images/ui-bg_highlight-orange_1x24.png) 50% top repeat-x; background-size: 100% 100%; color: #333333; }
/*{
	background: #F4D5AF;
	padding-left : 2px;
	padding-right : 2px;
	border-color : White;
	border-width : 1px;
	font-family : Tahoma, Verdana, Arial, sans-serif;
	font-size : 10pt;
}*/

.event_Message {
	background: #FFCAFF;
	padding-left : 2px;
	padding-right : 2px;
    padding-bottom : 0px;
    padding-top : 0px;
	border-color : White;
	border-width : 1px;
	font-family : Roboto,sans-serif;
	font-size : 10pt;
}

/* the trigger/action description for an event */
.event_if_then_text
{
    font-family : Roboto,sans-serif;
}

/* spacer cell when grouping event triggers by AND/OR */
.event_CondThen_Width_Or_Spacer
{ 
    /*width:85px;*/
	/*min-width:85px;*/
	font-size:10pt;
	font-weight: bold;
	/*text-align:right;*/
	vertical-align:top;
	/*padding:4px 4px 0px 0px;*/
	background:#EFEFEF;
	/*background: #eeeeee url(/css/ui-lightness/images/ui-dotted-line_4x24.png) 50% top repeat-x; background-size: 100% 100%; color: #333333;*/
}

.event_CondThen_Width 
{
	width:85px;
	min-width:85px;
	font-size:10pt;
	font-weight: bold;
	text-align:right;
	vertical-align:top;
	padding:4px 4px 0px 0px;
}

.event_LastRan {
    font-size: x-small;
    font-weight: bold;
    color: Black;
    width: 200px;
    vertical-align: middle;
}

.event_LastRan_Disabled {
    font-size: x-small;
    font-weight: bold;
    color: Red;
    width: 200px;
    height: 20px;
    vertical-align: middle;    
}

.event_LastRan_Disabled_icon {    
    vertical-align: middle;
    background: url(/images/HomeSeer/ui/disabled.gif) no-repeat right center;
}

/* set devices events table */
.set_devices 
{
    padding:1px 2px 0px 0px;
}

.event_Fill_Width 
{
	width:80%;
	min-width:500px;
}

.event_Width
{
	width:965px;
}

.event_Label_Width
{
	width:920px;
}

.event_Name_Width
{
	width:400px;
}


.SolidLine 
{
 border-bottom-color: Black;
 border-bottom-style: solid;
 border-bottom-width: thin;
 font-size: xx-small;
}

.SolidLine_RowHeight
{
	height: 2px;
    padding-bottom : 0px;
    padding-top : 0px;
}

.event_Txt_Selection 
{
	color: #000080
}

.event_Txt_Option 
{
	color: #008000
}

.event_Txt_String 
{
	color: #D58000
}

.event_Txt_Error 
{
	color: #FF0000
}

.GlobalActive {
	font-size: xx-small;
	font-weight: bold;
	color:Red;
}

.full_width_hr
{
    width:1000px;
    text-align:left;
    margin-left:0;
}

.ui-icon-expand
{
    background-image:url('/images/material/chevron-down.png') !important;
    width:20px;
    height:20px;
}

.ui-icon-collapse
{
    background-image:url('/images/material/chevron-up.png') !important;
    width:20px;
    height:20px;
}

.updates_pending_table
{
    width:1000px;
}

.HSFontA 
{
 font-family: Roboto,sans-serif;
 font-size:large;
 color: Navy;
 font-weight: bold;
}
.HSFontB 
{
 font-family: Roboto,sans-serif;
 font-size:small;
 color: #FF0000;
 font-weight: bold;
}

/* for containers jqContainer */
#header_status_edit {padding-left : 20px; cursor: move;}
#header_status {padding-left : 20px;}

.status-icon { position:absolute; left:-10px; top:-15px; height:30px; width:30px; }
/*.status-parent { border: 1px solid #dddddd; background-image: url(/images/browser.png); background-repeat: no-repeat; color: #333333; }*/
.status-parent { cursor: pointer; border: 1px solid #dddddd; background: #eeeeee; color: #333333; overflow:hidden; }
.status-parent-edit {  border: 1px solid #eeeeee; background: #eeeeee; color: #333333; cursor: move; overflow:hidden; }
.status-content { border: 1px solid #eeeeee; background: #eeeeee; }
.status-content-edit { cursor: move; border: 1px solid #eeeeee;  background: #eeeeee; }
/*border: 1px solid #dddddd;*/
.status-text { font-size:10pt; position:absolute; top:4px; }
.status-value { font-size:10pt; position:absolute; top:4px; }
.name-text { font-size:10pt; position:absolute; top:4px; }

.status-image { cursor: pointer; }
.status-image-hidden { cursor: pointer; opacity: 0.3; }   /* when a device image is displayed in edit mode and the device is set to be hidden */

.room-label { text-align: center; position:absolute; top:5px; font-size:9pt; font-weight:lighter; color:Blue; opacity: 1.0; background: #ffeeee; width:100%; border: 1px solid #dddddd; }

/* slidingTab Element jqSlidingTab */
.slidingDivContent { font-weight:normal; padding-left:10px; padding-right:5px; padding-top:5px; padding-bottom:5px; color: #333333; }
.slidingDivHeader {  padding:0px; border: 1px solid #dddddd; max-width: 998px;  width: 100%;  color: #333333; }
.slidingDivLabel { text-decoration: none; font-weight: bold;  color: black; position:relative; left:30px; top:-15px; }

/* custom date picker */
.ui-datepicker button { margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker-any-input { font-size:8pt; }

/* custom timespan picker */
.timespan-label { font-size:8pt; font-weight: normal; }
.timespan-value {font-size:10pt; font-weight: bold;}
.timespan-content { display:inline-block;        padding: .2em .50em .2em .0em; overflow:visible; border: 1px solid #dddddd; background: #eeeeee url(ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.timespan-content > div { display:inline-block;  padding: .2em .50em .2em .0em; width:400px; height:56px; overflow:visible; border: 1px solid #dddddd; background: #eeeeee url(ui-lightness/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.timespan-button { top:-1px; width:20px; height:20px; }
.sortableList { list-style-type: none; margin: 0; padding: 0; }
.sortableList li { margin: 0 0px 0px 0px; padding: 0px; }

/* drag drop */
.drag-hover { border: 1px solid #fbcb09; background: #fdf5ce url(ui-lightness/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }

/* device control dialog */
.dialog-devicecontrol .ui-dialog-titlebar { padding: .1em 1em; position: relative;  }
.ui-dialog { border: 3px solid #cccccc; }
/* the next 2 adjust the background on the device control dialog */
/*.dialog-devicecontrol .ui-dialog-content {background: #c0c0c0;}*/
/*.dialog-devicecontrol .ui-dialog-buttonpane {background: #c0c0c0;}*/
/* slider on dialog */
.ui-slider .ui-slider-handle { width: 20px; }
.ui-slider-horizontal { height: 1m; }

/* error message displayed when ajax postback fails */
.errormessage { font-weight: bold; color:Orange; width:1000px; }
.successmessage { font-weight: bold; color:Green; width:1000px; }

.filetreetextbox 
{
    width: 350px;
}

.filetreeview {
				width: 350px;
				height: 400px;
				border-top: solid 1px #BBB;
				border-left: solid 1px #BBB;
				border-bottom: solid 1px #FFF;
				border-right: solid 1px #FFF;
				background: #FFF;
				overflow: scroll;
				padding: 5px;
			}
			
			
.filetreeviewdeviceconfig {
				width: 350px;
				height: 300px;
				border-top: solid 1px #BBB;
				border-left: solid 1px #BBB;
				border-bottom: solid 1px #FFF;
				border-right: solid 1px #FFF;
				background: #FFF;
				overflow: scroll;
				padding: 5px;
			}
			
/* properties button on status page views */
.propertiesbutton { cursor:pointer; }

/* menu for location, location name in menu */
.menu-current-location {color:navy; padding-left:4px; font-size:7pt;}

/* selector pop-up layout */
.selectorleft {
    min-width: 200px;
}

.selectorright {
    min-width: 200px;
}

.selectorbuttonmoveright {text-align: center;}
/*
.selectorlabelleft {position:absolute; left:2px; top:8px; font-weight:bold;}
.selectorlabelright {position:absolute; left:204px; top:8px; font-weight:bold;}


.selectorbuttonmoveleft {position:absolute; left:162px; top:90px; padding:15px;}

.selectoraddbutton {position:absolute; left:2px; top:145px;}
.selectoraddtextbox {position:absolute; left:60px; top:150px;}
*/

.events_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:1000;
	
	/* styling */
	background-color:#FDF9E1;
	font-family : Courier;
	padding: 20px;
	min-width:150px;
	max-width:500px;
	min-height:200px;
	border:2px solid #D08926;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 30px 5px #D08926;
	-webkit-box-shadow: 0 0 30px #D08926;	
}


/* close button positioned on upper right corner */
.events_overlay .close {
	background-image:url(/images/HomeSeer/ui/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.selector_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:1;
	
	/* styling */
	background-color:#ECFFED;
	
	width:1000px;
	min-height:250px;
	border:3px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}


/* close button positioned on upper right corner */
.selector_overlay .close {
	background-image:url(/images/HomeSeer/ui/overlay/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}


/* tooltip styling. by default the element to be styled is .tooltip  */
/* this is not enalbed yet, tooltips use default styling */
  .tooltip 
  {
    display:none;
    background-color:#ffa;
    color:Black;
    border:1px solid #cc9;
    padding:3px;
    font-size:12px;
    -moz-box-shadow: 2px 2px 11px #666;
    -webkit-box-shadow: 2px 2px 11px #666;
    font-family : Roboto,sans-serif;
  }
  /* style the trigger elements */
  #tt img {
    border:0;
    cursor:pointer;
    margin:0 1px;
  }

/* styles from style.css */

body	{
	background-color : #FFFFFF;
	color : #000000;
	/*background-image : url('/images/HomeSeer/background.gif');*/
	background-repeat : no-repeat;
	font-family : Roboto,sans-serif;
	font-size : 10pt;
	margin:0px 8px 8px 8px;
}

A:link 
{
    text-decoration:none;
	color :  #087AA8;
	font-family : Roboto,sans-serif;
	font-size : 10pt;
	/*font-weight : bold;*/
}


A:visited 
{
    text-decoration:none;
	color :  #087AA8;
	font-family : Roboto,sans-serif;
	font-size : 10pt;
	/*font-weight : bold;*/
}


/* the fonts here should match the fonts used in jquery or some controls will not work right */
A:hover
{
	color : #FF0000;
	font-family : Roboto,sans-serif;
	font-size : 10pt;
	/*font-weight : bold;*/
	text-decoration : underline;
}


b {
	font-family : Roboto,sans-serif;
	font-size : 10pt;
}


p {
	font-family : Roboto,sans-serif;
	font-size : 10pt;
}


td {
	padding-left : 3px;
	padding-right : 3px;
	/*font-family : Courier New;*/
	font-size : 10pt;
}

/* Below is the style for the drop downs*/
.jqDropList {
	/*font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 14pt;*/
}







/* used in setup pages */


.formbutton {
	font-family:Roboto,sans-serif; font-size: 1.1em; 
    -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
    border: 1px solid #dddddd;
    display:inline;
    /*width: 105px;*/ 
    padding: 7px 0;
    text-align:center; 
    border: 1px solid #cccccc; background: #f6f6f6 url(/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight:bold; color: #1c94c4;
    padding: .5em 1em;
    top:1px;
    font-size:90%;
}




/* used on device utility page only */
.formstatusbuttonfixed {
	color: Navy;
	font-family : Roboto,sans-serif;;
	font-size: 10pt;
	font-weight: bold;
	padding: 0;
	background: url(/images/HomeSeer/ui/mdc-form_b_fix.gif) repeat-x;
	border: 1px solid #5799DF;
}

/* page title bar */

/* spacer for fixed title bar, adds space after menu and before actual page html */

#header_spacer
{
    height:29px;
}


/* the entire page header minus the menus */
#logotable
{
    position:fixed;
    z-index:100;
    width:1000px;
    
}

#logotablehs4
{    
    z-index:100;
    width:1000px;
    
}

#logotablefull
{
    position:fixed;
    z-index:100;
    width:99%;
    
}

.logobar {
    color: #FFFFFF;
    font-size: 1rem;
    background-color: #004069;
    height: 40px;
    font-family: Roboto,sans-serif;
    font-weight: 300;
}
/* used by page title */
#pagetitle {
	color : #FFFFFF;
	font-size : 10pt;
	font-weight : bold;
}

/* setup pages tables */
.tablecolumn 
{
    /*border: 1px solid #dddddd; */
    background-color:white;
    background-size: 100% 100%; 
    color: #333333;
    padding-top: 5px;
    font-weight : bold;
    font-size: 12px;
}


.full_width_table
{
    width:1000px;
    border-spacing:0px;
    /*
    border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333;
*/
}

.full_width_table_100_percent
{
    width:100%;
    border-spacing:0px;
    
}

.full_width_table_99_percent
{
    width:99%;
    border-spacing:0px;
    
}

/* table cell that displays device graphic in device config */
.tablecelldevice { font-size: 10pt; border: 1px solid #dddddd; background: #eeeeee url(/css/ui-lightness/images/ui-bg_highlight-soft_1x30.png) 50% top repeat-x; background-size: 100% 100%; color: #333333; }
/*
.tablecellodd { font-size: 10pt; border: 1px solid #dddddd; background: #eeeeee url(/css/ui-lightness/images/ui-bg_highlight-soft_1x30.png) 50% top repeat-x; background-size: 100% 100%; color: #333333; }
*/
.tablecell { font-size: 10pt; color: #333333; }
.tablecellfirst { border-left: thin solid #aaaaaa; border-top: 2px double #AAAAAA; border-bottom: thin solid #aaaaaa; font-size: 10pt;  color: #333333; }
.tablecellinside { border-left: thin solid #aaaaaa; border-bottom: thin solid #aaaaaa; font-size: 10pt;  color: #333333; }
.tablecelllast { border-left: thin solid #aaaaaa; border-bottom: 2px solid #AAAAAA; font-size: 10pt; color: #333333; }
.tablecellfirstlast { border-left: thin solid #aaaaaa; border-top: 2px solid #AAAAAA; border-bottom: 2px solid #AAAAAA; font-size: 10pt;  color: #333333; }

.tablecell_frn { min-width:120px; font-size: 10pt; border: 1px solid #dddddd;  color: #333333; }
.tablecellfirst_frn { min-width:120px; border-left: thin solid #aaaaaa; border-top: 2px double #AAAAAA; border-bottom: thin solid #aaaaaa; font-size: 10pt;  color: #333333; }
.tablecellinside_frn { min-width:120px; border-left: thin solid #aaaaaa; border-bottom: thin solid #aaaaaa; font-size: 10pt; color: #333333; }
.tablecelllast_frn { min-width:120px; border-left: thin solid #aaaaaa; border-bottom: 2px solid #AAAAAA; font-size: 10pt;  color: #333333; }
.tablecellfirstlast_frn { min-width:120px; border-left: thin solid #aaaaaa; border-top: 2px solid #AAAAAA; border-bottom: 2px solid #AAAAAA; font-size: 10pt; color: #333333; }

.tablecellblank {height:5px;}

.tablecellinside:first-child{
    border-left: 2px solid #AAAAAA;
}
.tablecellinside:last-child{
    border-right: 2px solid #AAAAAA;
}

.tablecellfirstlast:first-child{
    -moz-border-radius:10px 0 0 10px;
    -webkit-border-radius:10px 0 0 10px;
    -khtml-border-radius:10px 0 0 10px;
    border-radius: 10px 0 0 10px;
    border-left: 2px solid #AAAAAA;
    border-top: 2px solid #AAAAAA;
    border-bottom: 2px solid #AAAAAA;
}
.tablecellfirstlast:last-child{
    -moz-border-radius:0 10px 10px 0;
    -webkit-border-radius:0 10px 10px 0;
    -khtml-border-radius:10px 0 0 10px;
    border-radius: 0 10px 10px 0;
    border-right: 2px solid #AAAAAA;
    border-top: 2px solid #AAAAAA;
    border-bottom: 2px solid #AAAAAA;
}

.tablecellfirst:first-child {
    -moz-border-radius-topleft:10px;
    -webkit-border-top-left-radius:10px;
    -khtml-border-top-left-radius:10px;
    border-top-left-radius: 10px;
    border-left: 2px solid #AAAAAA;
    border-top: 2px solid #AAAAAA;
}
.tablecellfirst:last-child{
    -moz-border-radius-topright:10px;
    -webkit-border-top-right-radius:10px;
    -khtml-border-top-right-radius:10px;
    border-top-right-radius: 10px;
    border-top: 2px solid #AAAAAA;
    border-right: 2px solid #AAAAAA;
}

.tablecelllast:first-child {
    -moz-border-radius-bottomleft:10px;
    -webkit-border-bottom-left-radius:10px;
    -khtml-border-bottom-left-radius:10px;
    border-bottom-left-radius: 10px;
    border-left: 2px solid #AAAAAA;
    border-bottom: 2px solid #AAAAAA;
}

.tablecelllast:last-child{
    -moz-border-radius-bottomright:10px;
    -webkit-border-bottom-right-radius:10px;
    -khtml-border-bottom-right-radius:10px;
    border-bottom-right-radius: 10px;
    border-right: 2px solid  #AAAAAA;
    border-bottom: 2px solid #AAAAAA;
}

#after_menu_spacer_fixed
{
    position:fixed;
    height:5px;
    width:100%;
    background: White;
    z-index:100;
}

#after_menu_spacer
{
    height:5px;
}

#div_selectors
{
    z-index:100;
}

.selectors1
{
    position:fixed;
    width:100%;
}

#selectors1_spacer
{
    height:53px;
}

#device_selectors
{
    z-index:100;
     background: White;
}

.selectors2
{
    position:fixed;
    height:40px;
    width:100%;
}

#selectors2_spacer
{
    height:40px;
}



/* for a table cell that is being used as a label */
.tablecell_label { font-size: 10pt; border: 1px solid #dddddd; background: #eeeeee url(/css/ui-lightness/images/ui-bg_highlight-soft_1x30.png) 50% top repeat-x; color: #333333; }


/* for compatibility with HS2 */
.tablerowodd { font-size: 10pt; border: 1px solid #dddddd; background: #eeeeee url(/css/ui-lightness/images/ui-bg_highlight-soft_1x30.png) 50% top repeat-x; color: #333333; }
.tableroweven { font-size: 10pt; border: 1px solid #dddddd; background: #eeeeee url(/css/ui-lightness/images/ui-bg_highlight-soft_1x30.png) 50% top repeat-x; color: #333333; }


/* used only on the log page */
.columnheader {
	background : #B6C8ED;
	color : #000000;
	font-weight : bold;
}


.tableheader 
{
	/*
    border: 1px solid #dddddd; background: #eeeeee url(/css/ui-lightness/images/ui-bg_highlight-soft_1x24.png) 50% top repeat-x; background-size: 100% 100%; color: #213C98;
    */
	background-color:#329DE4;
	color:white;
	font-family:Roboto,sans-serif;
    font-size : 12pt;
    /*font-weight : bold;*/
	text-align : left;
	height: 22px;
}

.tableheadercenter 
{
    border: 1px solid #dddddd; background: #eeeeee url(/css/ui-lightness/images/ui-bg_highlight-soft_1x24.png) 50% top repeat-x; color: #213C98;
    font-family:Roboto,sans-serif;
    font-size : 12pt;
    font-weight : bold;
	text-align:center;
	height: 22px;
}

/*
.tableroweven {
	background : #EFEFEF;
	color : #000000;
	padding:2px;
}


.tablerowodd {
	background : #DFDFDF;
	color : #000000;
	padding: 2px;
}
*/

/* used by the updater pages */


.tablepending 
{
    border: 1px solid #dddddd; background: #eeeeee url(/css/ui-lightness/images/ui-bg_highlight-soft_1x24.png) 50% top repeat-x; color: #213C98;
    font-family:Roboto,sans-serif;
    font-size : 12pt;
    font-weight : bold;
	text-align : left;
	height: 22px;
}

.updaterstatus {  padding:5px; border: 1px solid #dddddd; color: #333333; width:988px; height:15px; }


.tablerowUhstodd {
	background: #E1E1FF;
}
.tablerowUhsteven {
	background: #C6C6FF;
}
.tablerowUpluginodd {
	background: #CCFFCC;
}
.tablerowUplugineven {
	background: #BCF3B6;
}
.tablerowUscriptodd {
	background: #FFD2D2;
}
.tablerowUscripteven {
	background: #FFB7B7;
}
.tablerowUotherodd {
	background: #FFCAFF;
}
.tablerowUothereven {
	background: #FFAAFF;
}

/* device utility/manage page */
.device_status_image
{
    padding-top: 0px;
    padding-left: 3px;
    padding-bottom: 0px;
    padding-right: 0px;
}

.device_status_image_table
{
    border-spacing: 0px;
}

.device_status_box
{
    max-height: 300px;
    max-width: 300px;
    min-width: 100px;
    overflow:hidden;
}

.device_management_name 
{
    font-size: 10pt;
    font-family:Roboto,sans-serif;
    font-weight:normal;
}

.tablecelldefault
{
}

.tablecellcustom 
{
    /*
	border: 1px solid #dddddd; background: #eeeeee url(/css/ui-lightness/images/ui-bg_highlight-soft_1x30.png) 50% top repeat-x; color: #333333; 
    */
}

.tablecelldim 
{
    /*
	font-size: 10pt; 
	border: 1px solid #dddddd; 
	background: url(/css/ui-lightness/images/ui-bg_highlight-soft_1x30.png) 50% top repeat-x; 
	background-size: 100% 100%; 
    */
    /*
	background : #EDF26B;
    */
	color : #000000;
}

.tablecelloff 
{
    /*
	font-size: 10pt; 
	border: 1px solid #dddddd; 
	background: url(/css/ui-lightness/images/ui-bg_highlight-soft_1x30.png) 50% top repeat-x; 
	background-size: 100% 100%; 
    */    
    /*
	background : #DFDFDF;
    */
	color : #000000;
}

.tablecellon 
{
    /*
    font-size : 10pt; 
	border: 1px solid #dddddd; 
	background: url(/css/ui-lightness/images/ui-bg_highlight-soft_1x30.png) 50% top repeat-x; 
    	
    background-color: #FBFEB5;   
	background-size: 100% 100%; 
    /*
	background : #FBFEB5;
    */
	color : #000000;
}

.tablecellunknown 
{
    /*
    font-size : 10pt;
    font-weight : bold; 
	border: 1px solid #dddddd; 
	background:  url(/css/ui-lightness/images/ui-bg_unknown_1x30.png) 50% top repeat-x; 
	background-size: 100% 100%; 
    
	color : #FFFFFF;
    */
}

.TurnOffSort:link {
	color: #087AA8;
	font-size: xx-small;
	text-decoration: none;
}
.TurnOffSort:visited {
	color : #087AA8;
	font-size: xx-small;
	text-decoration: none;
}
.TurnOffSort:hover {
	color: red;
	font-size: xx-small;
}



/* old status page */
.functionrowbutton 
 {
	font-family:Roboto,sans-serif; font-size: 1.1em; 
    -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
    display:inline;
    /*width: 105px;*/ 
    padding: 7px 0;
    text-align:center; 
    border: 1px solid #cccccc; background: #f6f6f6 url(/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight:bold; color: #1c94c4;
    padding: .5em 1em;
    top:1px;
    font-size:90%;
}

.functionrowbuttonselected
 {
	font-family:Roboto,sans-serif; font-size: 1.1em; 
    -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
    display:inline;
    /*width: 105px;*/ 
    padding: 7px 0;
    text-align:center; 
    border: 1px solid #aaaaaa; background: #f6f6f6 url(/css/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight:bold; color: #1c94c4;
    padding: .5em 1em;
    top:1px;
    font-size:90%;
}

.buttontrans
 {
	color: #333;
	font-family : Roboto,sans-serif;
	font-size: 10pt;
	font-weight: bold;
	padding: 5px;
	background-color:transparent;
	border:0px solid transparent;
}

/* used on z-wave thermostat plugin */
.linkrowbuttonplugin
 {
	color: Navy;
	font-size: 10pt;  
	font-family : Roboto,sans-serif;
	font-weight: bold;
	background: url(/images/HomeSeer/ui/mdc-plug-norm.gif) repeat-x;
	border: 1px solid #5799DF;
    text-align:center;
    text-decoration:none;
    padding:0px;  /* was 0 */
    margin:0px;
    padding-left: 4px;
    margin-left: 4px;
    padding-right: 4px;
    margin-right: 4px;
    top:1px;

}

.linkrowbuttonselectedplugin
 {
	color: Navy;
	font-family : Roboto,sans-serif;
	font-size: 10pt; 
	font-weight: bold;
	padding: 2px;  /* was 0 */
	background: url(/images/HomeSeer/ui/mdc-plug-over.gif) repeat-x;
	border: 1px solid #5799DF;
    text-align:center;
    text-decoration:none;
    padding:0px;  /* was 0 */
    margin:0px;
    padding-left: 4px;
    margin-left: 4px;
    padding-right: 4px;
    margin-right: 4px;
    top:1px;
	
}

/* jquery checkbox */
.jquery-checkbox       {display: inline; font-size: 20px; line-height: 20px; cursor: pointer; cursor: hand;}
.jquery-checkbox .mark {display: inline;}

.jquery-checkbox img {vertical-align: middle; width: 60px; height: 20px;}
.jquery-checkbox img{background: transparent url(/images/HomeSeer/ui/checkbox/checkbox.png) no-repeat;}

.jquery-checkbox img{
	background-position: 0px 0px;
}
.jquery-checkbox-hover img{
	background-position: 0px -20px;
}
.jquery-checkbox-checked img{
	background-position: 0px -40px;
}
.jquery-checkbox-checked .jquery-checkbox-hover img {
	background-position: 0px -60px;
}

.jquery-checkbox-disabled img{
	background-position: 0px -80px;
}
.jquery-checkbox-checked .jquery-checkbox-disabled img{
	background-position: 0px -100px;
}

.jquery-safari-checkbox {display: inline; font-size: 16px; line-height: 16px; cursor: pointer; cursor: hand;}
.jquery-safari-checkbox .mark {display: inline;}

.jquery-safari-checkbox img {vertical-align: middle; width: 16px; height: 16px;}
.jquery-safari-checkbox img{background: transparent url(/images/HomeSeer/ui/checkbox/safari-checkbox.png) no-repeat;}

.jquery-safari-checkbox img{
	background-position: 0px 0px;
}
.jquery-safari-checkbox-hover img{
	background-position: -16px 0px;
}
.jquery-safari-checkbox-checked img{
	background-position: 0px -16px;
}
.jquery-safari-checkbox-checked .jquery-safari-checkbox-hover img {
	background-position: -16px -16px;
}

.jquery-safari-checkbox-disabled img{
	background-position: 0px -32px;
}
.jquery-safari-checkbox-checked .jquery-safari-checkbox-disabled img{
	background-position: 0px -48px;
}

/* end jquery checkbox */

/* jquery progress bar */

.update_progress 
{
    width:60px;
    height:8px;
}
/* end jquery progress bar */

/* start jqScrollingRegion default style */

.scroll-pane {
	width: 940px;
	height: 400px;
	border: 1px solid #5799DF;
	overflow:auto;
	white-space: nowrap;
	background: #E2FFE2;
	font-family : "Lucida Console", Monaco, monospace;
	font-size:small;
	color: Navy;
}

/* class for scrolling region for polling devices on device utility page */
.scroll-pane-polling {
	width: 1000px;
	height: 300px;
	overflow: auto;
	background: #E8E8E8;
	font-family : Roboto,sans-serif;
	font-size:small;
	color: Navy;
}

.color {required:false,adjust:false,hash:true,caps:true}

/* display:inline-block; width:180px; overflow:hidden;*/




.scroll-pane-log {
	width: 998px;
	height:600px;
	/*height:100%;*/
	border: 1px solid #5799DF;
	overflow:auto;
	/*white-space: nowrap;*/
	/*background: #99CC99;*/
	font-family : "Lucida Console", Monaco, monospace;
	
}


/* end scrolling region */

/* loging styles */

.log_table_row
{
    width:970px;
    table-layout: fixed;
}


.LogDateShort
{
    width:140px;
}
.LogDateLong
{
    width:150px;
}

.LogDateTime0 
{
	background : #EFEFEF;
	/*font-family: "Lucida Console", Monaco, monospace;*/
	font-family: Courier-New, Monaco, monospace;
	font-size: 10pt;
	/*font-weight: bold;*/
}
.LogDateTime1 
{
	/*background : #DFDFDF;  */
	background : #FFFFFF;
	/*font-family: "Lucida Console", Monaco, monospace;*/
	font-family: Courier-New, Monaco, monospace;
	font-size: 10pt;
    /*font-weight: bold;*/
}
.LogType0 
{
    width:100px;
	background : #EFEFEF;
	/*font-family: "Lucida Console", Monaco, monospace;*/
	font-family: Courier-New, Monaco, monospace;
	font-size: 9pt;
	/*font-weight: bold;*/
}
.LogType1 
{
    width:100px;
	background : #FFFFFF;
	/*font-family: "Lucida Console", Monaco, monospace;*/
	font-family: Courier-New, Monaco, monospace;
	font-size: 9pt;
	/*font-weight: bold;*/
}
.LogEntry0 
{
	background : #EFEFEF;
	/*font-family: "Lucida Console", Monaco, monospace;*/
	font-family: Courier-New, Monaco, monospace;
	font-size: 9pt;
	word-wrap:break-word;
}
.LogEntry1 
{
	background : #FFFFFF;
	/*font-family: "Lucida Console", Monaco, monospace;*/
	font-family: Courier-New, Monaco, monospace;
	font-size: 9pt;
	word-wrap:break-word;
}


.LogError0 
{
    width:80px;
	background : #EFEFEF;
	/*font-family: "Lucida Console", Monaco, monospace;*/
	font-family: Courier-New, Monaco, monospace;
	font-size: 9pt;
}
.LogError1 
{
    width:80px;
	background : #FFFFFF;
	/*font-family: "Lucida Console", Monaco, monospace;*/
	font-family: Courier-New, Monaco, monospace;
	font-size: 9pt;
}

.LogFrom0 {
	background : #EFEFEF;
	/*font-family: "Lucida Console", Monaco, monospace;*/
	font-family: Courier-New, Monaco, monospace;
	font-size: 9pt;
}
.LogFrom1 {
	background : #FFFFFF;
	/*font-family: "Lucida Console", Monaco, monospace;*/
	font-family: Courier-New, Monaco, monospace;
	font-size: 9pt;
}

.LogPri0 
{
    width:30px;
	background : #EFEFEF;
	/*font-family: "Lucida Console", Monaco, monospace;*/
	font-family: Courier-New, Monaco, monospace;
	font-size: 9pt;
}
.LogPri1 
{
    width:30px;
	background : #FFFFFF;
	/*font-family: "Lucida Console", Monaco, monospace;*/
	font-family: Courier-New, Monaco, monospace;
	font-size: 9pt;
}

.panes_status > div {
	font-family : Roboto,sans-serif;
	font-size : 10pt;
	display:none;
    padding:15px 10px 0px 0px;
    /*border:1px solid #999;*/
    border-top:0;
    /*height:100px;*/
    background-color:#fff;
    width:1000px;
}

/* control dialog styles */

.control_popup_table
{
   
}



.button_selected
{
    text-decoration:underline;
    
}

.thermostat_table 
{
    /*border: thin solid  #aaaaaa;*/
    border-spacing: 2px;
}

.thermostat_table td
{
    /*border: thin solid  #aaaaaa;*/
    background: #dddddd;
    
}

.control_inline_table td
{
    border: 20px;
}




#therm_heat_set
{
    font-weight:bold;
    font-size:20px;
    color:Red;
}

#therm_cool_set
{
    font-weight:bold;
    font-size:20px;
    color:Navy;
}

#therm_save_heat_set
{
    font-weight:bold;
    font-size:20px;
    color:green;
}

#therm_save_cool_set
{
    font-weight:bold;
    font-size:20px;
    color:green;
}

#therm_temp
{
    font-size:30px;
    
}

/* reduce the size of th font on jquery buttons to make the buttons smaller */
.ui-button .ui-button-text {
  /*font-size:85% */
}

.qq-upload-button {
  /*font-size:85% *//* or whatever you want.*/
}
.ui-dialog-title {
  font-size:90%; 
}

.ui-dialog-content 
{
    font-size:90%;
}

.ui-dialog-titlebar 
{
    padding: .2em 1em !important;
}

 .tableheader1
{
    border: 1px solid #dddddd; background: #eeeeee url(/css/ui-lightness/images/ui-bg_highlight-soft_1x24.png) 50% top repeat-x; background-size: 100% 100%; color: #073B44;
    font-family:Arial;
    font-size : 12pt;
    font-weight : bold;
	text-align : left;
	height: 22px;
}

 .tableheader2
{
    border: 1px solid #dddddd; background: #eeeeee url(/css/ui-lightness/images/ui-bg_highlight-soft_1x24.png) 50% top repeat-x; background-size: 100% 100%; color: #070A90;
    font-family:Arial;
    font-size : 12pt;
    font-weight : bold;
	text-align : left;
	height: 22px;
}

 .tableheader3
{
    border: 1px solid #dddddd; background: #eeeeee url(/css/ui-lightness/images/ui-bg_highlight-soft_1x24.png) 50% top repeat-x; background-size: 100% 100%; color: #074632;
    font-family:Arial;
    font-size : 12pt;
    font-weight : bold;
	text-align : left;
	height: 22px;
}

 .tableheader4
{
    border: 1px solid #dddddd; background: #eeeeee url(/css/ui-lightness/images/ui-bg_highlight-soft_1x24.png) 50% top repeat-x; background-size: 100% 100%; color: #07206E;
    font-family:Arial;
    font-size : 12pt;
    font-weight : bold;
	text-align : left;
	height: 22px;
}

 .tableheader5
{
    border: 1px solid #dddddd; background: #eeeeee url(/css/ui-lightness/images/ui-bg_highlight-soft_1x24.png) 50% top repeat-x; background-size: 100% 100%; color: #075122;
    font-family:Arial;
    font-size : 12pt;
    font-weight : bold;
	text-align : left;
	height: 22px;
}

 .tableheader6
{
    border: 1px solid #dddddd; background: #eeeeee url(/css/ui-lightness/images/ui-bg_highlight-soft_1x24.png) 50% top repeat-x; background-size: 100% 100%; color: #07039B;
    font-family:Arial;
    font-size : 12pt;
    font-weight : bold;
	text-align : left;
	height: 22px;
}

 .tableheader7
{
    border: 1px solid #dddddd; background: #eeeeee url(/css/ui-lightness/images/ui-bg_highlight-soft_1x24.png) 50% top repeat-x; background-size: 100% 100%; color: #075817;
    font-family:Arial;
    font-size : 12pt;
    font-weight : bold;
	text-align : left;
	height: 22px;
}

 .tableheader8
{
    border: 1px solid #dddddd; background: #eeeeee url(/css/ui-lightness/images/ui-bg_highlight-soft_1x24.png) 50% top repeat-x; background-size: 100% 100%; color: #071480;
    font-family:Arial;
    font-size : 12pt;
    font-weight : bold;
	text-align : left;
	height: 22px;
}