/* iPad Landscape Styles (Default Styles) */
@font-face {
  font-family: 'Open Sans';
  src: local('Open Sans'), local('OpenSans'), url('font.woff') format('truetype');
}
* { 
	 font-family: 'Open Sans';
}
body {
	margin: 0px;
	padding: 0px;
	color: #fff;
}
.container_12 { 
	max-width: 100% !important;
	min-height: 100%;
	position: absolute;
}

.background {
	
	width:100%;
	height: 100%;
}
#top {
	height: 80px;
	background: #0f1e2f;
	overflow:hidden;
}
#logo {
	margin-left: 24px;
}
#zones {
	height: auto;
	padding:0 0 6px;
	padding-bottom: 0px;
	background: url('../images/trans.png');
}

#time #sync {
    float: right;
	margin-right:1%;
}

.left {
	float:left
}
.zone {
	width: 100%;
	background: url('../images/trans.png');
	border-bottom: solid 1px #140e03;
	text-transform: uppercase;
	font-size: 14px;
}

.group {
	width: 100%;
	background: rgba(72, 13, 128, 0.2);
	border-bottom: solid 1px #195290;
	text-transform: uppercase;
	font-size: 14px;
}
#zone-list,#ac-list{
	display:none;
}
#system-list{
	display:none;
}

.zone-selected {
	background: url('../images/trans-dk.png');
}

.group:hover {
	background: rgba(72, 13, 128, 0.5);
}

#zonex-tset-slider,#zonex-fset-slider { 
	margin-bottom: 15px;
}
#zonex-fset-temp { 
	
}
.acsystem {
	width: 100%;
	background: url('../images/trans.png');
	border-bottom: solid 1px #000;
	text-transform: uppercase;
	font-size: 14px;
}
#faves { 
	padding: 20px;
}
.id-favelevel { 
	margin-top: 1.5%;
	margin-bottom: 1.5%;
}
.id-favelevel-slider { 
	margin-top: 10px;
	margin-right: 1.5%;
}
.id-favename, .id-favelevel-slider { 
	margin-left: 1.5%;
	float: left;
}
.id-favelevel-text { 
	width: 50px;
	text-align: center;
	background: url('../images/numbg.png');
	border: 0px;
	border-radius: 5px;
	padding: 5px;
}
.id-fave-onoff { 
	float: left;
}
.id-favename { 
	width: 13%;
}
.id-favelevel-slider { 
	width: 64%;
}
.global-inset-title.grid_2 { 
	margin-bottom: 10px !important;
}
#summary {
	background: url('../images/shade.png') repeat-y;
	display: none;
}
#zonex {
	background: url('../images/shade.png') repeat-y;
	display: none;
}
#zonex-setup {
	background: url('../images/shade.png') repeat-y;
	display: block !important;
}
.masthead {
	background: url('../images/trans.png');
	padding: 10px;
	padding-bottom: 17px;
	padding-left: 25px;
	padding-top: 15px;
	padding-bottom: 20px;
	height: 65px;
	
}
.heading {
	color: #fff;
	font-size: 29px;
}
.subheading {
	color: #fff;
	font-size: 17px;
}
#zones-top-buttons {
	background: url('../images/trans.png');
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 0px;
	border-bottom: solid 1px #140e03;
}
#left-buttons {
	background: #18528f;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 20px;
	padding-bottom: 0px;
	border-bottom: solid 1px #174579;
	height:100%;
	max-height:567px;
	/*overflow-y:scroll;*/
}
.btn-all-on {
	cursor: pointer;
	background: #16a603 url('../images/btn-green-bg.jpg') repeat-x;
	padding: 11px;
	padding-left: 0px;
	padding-right: 0px;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	box-shadow: 1px 1px 2px #333;
	border-radius: 5px;
	margin-bottom: 13px;
	text-align: center;
	margin-right: 10px;
}

.btn-all-on.grid_5.alpha {
    margin-right: 4%;
} 

.btn-all-off {
	cursor: pointer;
	background: #d40e0e;
	padding: 11px;
	padding-left: 0px;
	padding-right: 0px;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	box-shadow: 1px 1px 2px #333;
	border-radius: 5px;
	margin-bottom: 10px;
	text-align: center;
}
.btn-overview {
	cursor: pointer;
	background: #ffc000;
	padding: 11px;
	color: #000;
	font-size: 20px;
	text-transform: uppercase;
	box-shadow: 1px 1px 2px #333;
	border-radius: 5px;
	margin-bottom: 13px;
	text-align: center;
}
.btn-grey-big {
	cursor: pointer;
	background: #9f9f9f url('../images/btn-grey-bg-big.jpg') repeat-x;
	padding: 11px;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	box-shadow: 1px 1px 2px #333;
	border-radius: 5px;
	margin-bottom: 13px;
	text-align: center;
}
.btn-green-big {
	cursor: pointer;
	background: #18ab03 url('../images/btn-green-bg.jpg') repeat-x;
	padding: 11px;
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	box-shadow: 1px 1px 2px #333;
	border-radius: 5px;
	margin-bottom: 13px;
	text-align: center;
}
.btn-grey {
	cursor: pointer;
	background: #8b8b8b url('../images/btn-grey-bg.jpg') repeat-x;
	float: left;
	width: 48%;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 12px;
	text-transform: uppercase;
	box-shadow: 1px 1px 2px #333;
	border-radius: 5px;
	text-align: center;
	margin-bottom: 15px;
	color: #4a4a4a;
	margin-right: 4%;
}

.zone-item {
	padding: 6px;
	padding-bottom: 7px;
	margin-left: 20px;
}
.acsystem-item {
	padding: 6px;
	padding-bottom: 7px;
	margin-left: 20px;
}
#gbl-hvac {
	background: #2b5791;
	border-radius: 5px;
	padding: 3px;
	padding-right: 0px;
	margin-bottom: 10px;
}
.zonex-sched-text {
	padding-left: 10px;	
}
#return-air-temp {
	background: #2c5e9a;
	border-radius: 5px;
	padding: 3px;
	padding-right: 0px;
	padding: 5px;
	text-align: center;
	float: left;
	font-size: 11px;
	text-transform: uppercase;
	margin-right: 10px;
	width: 103px;
	padding-bottom: 8px;
}
#gbl-tset {
	background: #2c5e9a;
	border-radius: 5px;
	padding: 13px;
	padding-bottom: 15px;
	padding-top: 15px;
	text-align: center;
	float: left;
	font-size: 13px;
	text-transform: uppercase;
	width: 490px;
	margin-bottom: 10px;
}
#gbl-hvac-text {
	float: left;
	font-size: 18px;
	text-transform: uppercase;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 8px;
}
#gbl-hvac-btns {
	float: right;
}
.gbl-hvac-btn {
	border-radius: 5px;
	background: #fff;
	padding: 10px;
	padding-left: 28px;
	padding-right: 28px;
	color: #4a4a4a;
	text-transform: uppercase;
	font-size: 14px;
	margin-right: 3px;
	float: right;
	font-weight: bold;
}
.gbl-hvac-btn-on { 
	background: #16a603 url('../images/btn-green-bg.jpg') repeat-x;
	color: #fff;
	cursor: pointer;
}
#summary-container {
	margin-left: 20px;
	height: 435px;
	margin-right: 20px;
	margin-top: 10px;
}
.temp {
	font-size: 20px;
	width: 100px; 
	text-align: center;
	margin-right: 7px;
}
#return-air-temp-text { 
	float: left;
	width: 100px;
}
#gbl-tset-temp {
	float: left;
	padding: 7px;
	background: #205590;
	font-size: 16px;
	text-align: center;
	margin-left: 15px;
	border-radius: 5px;
}
#gbl-tset-bar {
	float: left;
	width: 85%;
	font-size: 13px;
	clear: right;
	font-weight: bold;
}
.inset-summary {
	float: left;
	padding: 10px;
	background: #30619c;
	margin-right: 10px;
	border-radius: 5px;
	text-transform: uppercase;
	height: 30px;
	width: 186px;
	margin-bottom: 10px;
}
.inset-summary-title {
	float: left;
	padding-right: 10px;
	font-size: 12px;
	width: 97px;
}
.inset-summary-value {
	float: left;
	width: 65px;
	font-size: 20px;
}
#btn-icon-on {
	float: right;
	margin-top: -3px;
}
#btn-icon-overview {
	float: right;
	margin-top: -1px;
}
#logo {
	float: left;
	width: 28%;
}
#logo img { 
	margin-top: 5px;
	height: 65px;
}
#nav {
	float: left;
	width: 44%;
	padding-top: 10px;
	text-align: center;
}

.icon-ac { background: url('../../images/icon-ac.png') top left no-repeat; display: inline-block; margin-right: 10px;}
.icon-ac:hover { background: url('../../images/icon-ac-hv.png') top left no-repeat;}
.icon-light { background: url('../../images/icon-light-hv.png') top left no-repeat; display: inline-block; margin-right: 10px;}
/*.icon-light:hover { background: url('../../images/icon-light.png') top left no-repeat; }*/
.icon-energy { background: url('../../images/icon-energy.png') top left no-repeat; display: inline-block; margin-right: 10px;}
.icon-energy:hover { background: url('../../images/icon-energy-hv.png') top left no-repeat;}

.save-exit-btn {float: right; cursor: pointer; margin-right: 10px;}

.ui-dialog-titlebar-close {
  display: none;
}

#time {
	font-size: 18px;
	padding-top: 25px;
}
#green {
	background: url('../images/green-bg.png');
	border-radius: 5px;
	padding: 10px;
	padding-bottom: 0px;
	font-size: 12px;
	padding-right: 0px;
	margin-bottom: 10px;
	
}
.green-temp {
	background: #197458;
	border-radius: 5px;
}
.green-label {
	width: 18%;
}
.green-slider {
	width: 64%;
	margin-right: 5%;
}
.green-temp {
	padding: 6px;
	font-size: 19px;
	padding-right: 8px;
	padding-left: 8px;
}
.green-label, .green-slider, .green-value {
	float: left;
}
.green-set {
	padding-bottom: 7px;
}
.jclock {
	padding-right: 10px;
}
#sync, .jclock {
	float: left;
}

#summary-bottom {
	text-transform: uppercase;
}
#global {
	font-size: 20px;
	width: 681px;
}
#global-head {
	background: url('../images/trans-bottom.png');
	padding: 11px;
	padding-left: 20px;
	padding-right: 20px;
}
.global-open {
	height: 593px;
	margin-top: -545px;
	z-index: 50;
	position: absolute;
	background: #2f67a8 url('../images/shade.png') repeat-y;
}
#gbl-sched {
	margin: 20px;
	font-size: 12px;
}
.global-inset {
	padding: 0.2% 0;
	background: url('../images/trans.png');
	border-radius: 5px;
	width:100%;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.global-inset-title { 
	font-size: 14px;
	line-height:254%;
	float: left;
	width: 80px;
}	

.container_12 .select-div.grid_2a {
    margin-right: 0.5%;
}

.global-set { 
}

#zones-bottom {
	text-align: center;
	padding-top: 5px;
	background: url('../images/trans-bottom.png');
	
	padding: 10px;
}
#gbl-sched-hideshow, #zonex-sched-toggle {
	padding-top: 3px;
}
#zonex-sched-toggle { 
	float: right;
	padding-right: 10px;
}
.tgl-120x24-showhide, .tgl-77x24-onoff {
	cursor: pointer;
}
.zone-toggle {
	float: right;
	margin-top: -2px;
	padding-right: 20px;
	cursor: pointer;
}
.global-switch {
	margin-left: 30px;
}
#gbl-tset-slider .ui-slider-range {
	background: #029f11;
	box-shadow: 2px 1px 2px #444;
}
#gbl-tset-slider-amount {
	border: 0;
	padding: 0px;
	background: none;
	color: #fff;
	width: 40px;
	font-size: 20px;
	text-align: center;
}

#zonex-fset-temp {
	color: #fff;
	margin: 0px auto;
	padding: 10px;
	width: 60px;
	border-radius: 5px;
	float: right;
	background: url('../images/numbg.png');
}
#zonex-fset-bar {
	text-align: left;
	text-transform: uppercase;
	font-size: 20px;
}
#zonex-fset-slider, #zonex-tset-slider {
	margin-top: 35px;
	box-shadow: 2px 1px 2px #444;
	border: 0px;
	background: #4a3409;
}
#zonex-fset-slider .ui-slider-range {
	background: #ffc000;
	box-shadow: 2px 1px 2px #444;
}
#zonex-fset-slider-amount {
	border: 0;
	padding: 0px;
	background: none;
	color: #fff;
	width: 60px;
	font-size: 22px;
	text-align: center;
}
#zonex-tset-temp {
	margin: 0px auto;
	margin-top: 10px;
	background: #4e79ac;
	padding: 10px;
	width: 90px;
	border-radius: 5px;
	font-size: 22px;
	margin-top: 7px;
}
#zonex-tset-bar {
	text-align: center;
	text-transform: uppercase;
}
#zonex-tset-slider {
	margin-top: 15px;
}
#zonex-tset-slider .ui-slider-range {
	background: #00ae08;
	box-shadow: 2px 1px 2px #444;
}
#zonex-tset-slider-amount {
	border: 0;
	padding: 0px;
	background: none;
	color: #fff;
	width: 50px;
	font-size: 22px;
	text-align: right;
}
#gbl-runtimer-slider-amount {
	border: 0;
	padding: 0px;
	background: none;
	color: #fff;
	width: 40px;
	font-size: 18px;
	text-align: center;
}

#auto-control-setpoint-temp {
	margin: 0px auto;
	margin-top: 10px;
	background: #4e79ac;
	padding: 10px;
	width: 70px;
	border-radius: 5px;
	font-size: 22px;
}
#auto-control-setpoint-bar {
	text-align: center;
	text-transform: uppercase;
}
#auto-control-setpoint-slider {
	margin-top: 15px;
}
#auto-control-setpoint-slider .ui-slider-range {
	background: #00ae08;
	box-shadow: 2px 1px 2px #444;
}
#auto-control-setpoint-slider-amount {
	border: 0;
	padding: 0px;
	background: none;
	color: #fff;
	width: 43px;
	font-size: 22px;
	text-align: center;
}
#gbl-cbandset-temp {
	margin: 0px auto;
	margin-top: 10px;
	background: #4e79ac;
	padding: 10px;
	width: 70px;
	border-radius: 5px;
	font-size: 22px;
}
#gbl-cbandset-bar {
	text-align: center;
	text-transform: uppercase;
}
#gbl-cbandset-slider .ui-slider-range {
	background: #ffc000;
	box-shadow: 2px 1px 2px #444;
}
#gbl-cbandset-slider-amount {
	border: 0;
	padding: 0px;
	background: none;
	color: #fff;
	width: 43px;
	font-size: 22px;
	text-align: center;
}
#gbl-hbandset-temp {
	margin: 0px auto;
	margin-top: 10px;
	background: #4e79ac;
	padding: 10px;
	width: 70px;
	border-radius: 5px;
	font-size: 22px;
}
#gbl-hbandset-bar {
	text-align: center;
	text-transform: uppercase;
}
#gbl-hbandset-slider {
	
}
#gbl-hbandset-slider .ui-slider-range {
	background: #9f0b00;
	box-shadow: 2px 1px 2px #444;
}
#gbl-hbandset-slider-amount {
	border: 0;
	padding: 0px;
	background: none;
	color: #fff;
	width: 43px;
	font-size: 22px;
	text-align: center;
}
#auto-off-slider-amount {
	border: 0;
	padding: 0px;
	background: none;
	color: #fff;
	width: 40px;
	font-size: 18px;
	text-align: center;
}
#gbl-cbandset-slider-amount {
	border: 0;
	padding: 0px;
	background: none;
	color: #fff;
	width: 40px;
	font-size: 18px;
	text-align: center;
}
#gbl-hbandset-slider-amount {
	border: 0;
	padding: 0px;
	background: none;
	color: #fff;
	width: 40px;
	font-size: 18px;
	text-align: center;
}
#auto-off-slider, #gbl-cbandset-slider, #gbl-hbandset-slider, #gbl-tset-slider, #zonex-mode-flow-slider,#gbl-runtimer-slider {
	margin-top: 15px;
	border: 0px;
}
#auto-off-slider .ui-slider-range {
	background: #cacaca;
	box-shadow: 2px 1px 2px #444;
}
#gbl-cbandset-slider .ui-slider-range {
	background: #ffc000;
	box-shadow: 2px 1px 2px #444;
	
}
#gbl-hbandset-slider .ui-slider-range {
	background: #9f0b00;
	box-shadow: 2px 1px 2px #444;
}
.zone-name, .acname-name, .acname-name a { 
	color: #ffc000;
	font-weight: bold;
}
.zone-name:hover, .acname-name:hover, .acname-name a:hover {
	color: #fff;
	cursor: pointer;
}
.zone:hover  {
	background: url('../images/trans-dk.png');
}
.zone-selected:hover {
	background: url('../images/trans-dk.png');	
}

.zone-button {
	cursor: pointer;
	padding: 11px;
	color: #cccccc;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 5px;
	width: 42%;
	float: left;
	padding-left: 21px;
	padding-right: 21px;
	text-align: center;
}
.zone-button-on {
	cursor: pointer;
	background: #16a603 url('../images/btn-green-bg.jpg') repeat-x;
	padding: 11px;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	border-radius: 5px;
	width: 42%;
	float: left;
	padding-left: 21px;
	padding-right: 21px;
	text-align: center;
}
#zone-content {
	margin: 20px;
}
#right-content {
	margin: 20px;
}
#zonex-mode {
	background: #284c74;
	border-radius: 5px;
	padding: 5px;
	margin-bottom: 10px;
}
.zone-inset {
	background: url('../images/trans.png');
	padding: 2%;
	border-radius: 5px;
	margin-bottom: 10px;
}
.zonex-mode-temp {
	width: 100px;
	float: left;
}
.container_12 .zone-inset .grid_1 { 
	margin-bottom: 10px !important;
}
.sched-time { 
	margin-bottom: 10px !important;
}
.dark-bg { 
	background: url('../images/trans-dk.png');
	padding: 10px;
	padding-bottom: 0px;
	border-radius: 5px;
	margin-bottom: 10px;
}
.select-div { 
	margin-bottom: 10px;
}
.chk-dow { 
	margin-bottom: 10px !important;
}

.zone-inset-label {
	font-size: 14px;
	text-transform: uppercase;
	float: left;
	padding-top: 5px;
}
.zone-inset-amount {
	float: right;
	font-size: 20px;
}
#zonex-sched {
	font-size: 20px;
	width: 681px;
}

#zonex-sched-head {
	background: url('../images/trans-bottom.png');
	padding: 11px;
	padding-left: 20px;
	padding-right: 20px;
	text-transform: uppercase;

}
.zonex-sched-open {
	height: 519px;
	z-index: 50;
	position: absolute;
	background: #2f67a8 url('../images/shade.png') repeat-y;
	margin-top: -470px;
}
#zonex-sched-content {
	margin: 20px;
	font-size: 12px;
}
.zonex-sched-switch {
	margin-left: 30px;
}
.select-div {
	margin-right: 3px;
	width: 120px;
	height: 34px;
	overflow: hidden;
	background: url(../images/arrow.png) no-repeat right #FFFFFF;
	border: 1px solid #919daa;
	border-radius: 5px;
	float: left;
}
.select-div select {
	background: transparent;
    width: 268px;
	padding: 7px;
	font-size: 14px;
	line-height: 1;
	border: 0;
	border-radius: 0;
	height: 34px;
	-webkit-appearance: none;
}
.chk-dow { 
	border-radius: 5px;
	background: #fff;
	padding: 2.3%;
	padding-top: 7px;
	padding-bottom: 7px;
	color: #4a4a4a;
	text-transform: uppercase;
	text-align: center;
	font-size: 15px;
	margin-right: 3px;
	margin-bottom:2%;
	width: 59px;
	float: left;
	cursor: pointer;
}

.chk-dow-on { 
	background: #16a603 url('../images/btn-green-bg.jpg') repeat-x;
	color: #fff;
	cursor: pointer;
}
.schedule { 
	background: #577fa8;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 3px;	
}
.schedule h1  {
	width: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 19px;
	margin-bottom: 7px;
	text-transform: uppercase;
}
#acsystem {
	width: 680px;
	float: left;
	background: url('../images/shade.png') repeat-y;
	display: none;
	height: 600px;
}
#acsystem-container {
	margin: 20px;
}
.ui-slider-horizontal { 
	height: 6px;
	background: #4a3409;
	border: 0px;
}
.ui-slider .ui-slider-handle { 
	height: 18px;
	width: 18px;
	border-radius: 15px;
	box-shadow: 1px 1px 2px #333;
	margin-top: -2px;
	cursor: pointer;

}
.ui-slider .ui-slider-range { 
  background: #ffc000;
  box-shadow: 0px;
  border: 0px;
}
#sync { 
	cursor: pointer;
}
.zonex-onoff { 
	float: right;
	margin-right: 10px;
	cursor: pointer;
	margin-top: -3px;
}
input { 
	padding: 0px;
	margin: 0px;
	font-size: 18px;
	-webkit-text-fill-color: #fff;
	opacity: 1;

}

.ui-dialog input {
	-webkit-text-fill-color: black;
}

.zonehead { 
	height: 40px;
}
.nomargin { 
	margin-right: 0px;
}
.global-schedule { 
	padding-left: 10px;
	width: 262px;
	float: left;
}
.global-switch { 
	padding-top: 3px;
}
#all-sched-obey { 
	float: left;
}
#gbl-sched-hideshow { 
	float: right;
}
#zonex-sched-flip {
	padding-top: 3px; 
	float: left;
}
#zonex-sched-toggle { 
	float: right;
}
a { 
	color: #fff;
	text-decoration: none;
}
.energy { 
	font-weight: bold;
	text-align: center;
	font-size: 14px;
}


.container_12 .grid_5 { 
	width: 48% !important;
}


.container_12 .zone-inset .grid_1 {
	margin: 0.3% 0.3% 2%;
	width: 9%;
}

#sync-mobile {
	display:none;
}
#top-title { float:right; text-transform:uppercase; font-size:30px; font-style:italic; margin:15px 10px 0 0;}
.right-item-list { display:inline-block; padding-left:0px; overflow-y: scroll; max-height:410px;}
.right-item-list li { list-style-type:none; width:27%; float:left; margin:10px;}
.edit-popup { text-align:center;}
/* Hides the Green active state of the grey buttons on iphone - Do not remove */
/* iOS has a bug where Jquery toggle does not work if active states are used, so we leave this out from iphone */
@media screen and (max-width: 480px){
	.global-inset-title { 
			float: none;
		}
}

@media screen and (max-width: 992px){

	.select-div {
		width: 79px !important;
	}

	.container_12 .btn-all-on.grid_5 , .container_12 .btn-all-off.grid_5 {
   		width: 40%;
	}
	
	.btn-grey {
		width:47.8%;
		margin-right:4%;
	}

	.container_12 .global-inset-title.grid_4 {
	    width: auto !important;
		margin: 0 1.9%;
		clear:both;
		float: none !important;
	}
	/*
	.container_12 .grid_2a { 
		width: 29% !important;
	}
	*/

	#zonex,#summary { 
		background: none;
	}
	#time { 
		display: none;
	}
	.id-favename { 
		width: 100%;
		text-align: center;
		margin-bottom: 10px;
	}
	.id-favelevel-slider { 
		width: 95%;
		clear:both;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.id-fave { 
		padding: 10px;
	}
	.id-favelevel-text { 
		padding: 3px;
	}
	#zones { 
		width: 100%;
		clear:both;
	}
	.id-favelevel { 
		text-align: center;
	}
	.id-fave-onoff {
		width: 100%; 
		clear:both;
		float: none;
		text-align: center
	}
	
	.container_12 .global-inset-title.grid_4 {
		margin: 0 1.9%;
		width: 37%;
	}
	.container_12 .grid_8 { 
		width: 100% !important;
	}
	#faves { 
		padding: 10px;
	}
	.masthead { 
		padding-left: 10px;
	}
	#zones-top-buttons { 
		padding-left: 10px;
		padding-right: 10px;
	}

	#zone-content { 
		margin: 10px;
	}
}


@media (max-width: 768px) {  
	#logo { 
		margin-left: 10px;
		width: 95px;
		margin-top: 5px;
	}
	#logo img { 
		width: 90px;
		height: auto;
	}
	#nav { 
		width: 190px;
		text-align: right;
		float: right;
		margin-right: 10px;
		margin-top: 3px;
	}
	.icon-energy, .icon-light, .icon-ac {
		margin-right: 0px; 
	}
}
@media (max-width: 300px) {   
	#nav { 
		display: none;
	}
}
@media only screen and (max-width: 320px) {
	.chk-dow  { 
		width: auto !important;
		padding: 5px;
		font-size: 12px;
	}
}
@media only screen and (min-device-width: 480px) {
	.btn-grey:active {
		cursor: pointer;
		color: #ffffff;
		background: #16a603 url('../images/btn-green-bg.jpg') repeat-x;
		float: left;
		padding-bottom: 5px;
		padding-top: 5px;
		font-size: 12px;
		text-transform: uppercase;
		box-shadow: 1px 1px 2px #333;
		border-radius: 5px;
		text-align: center;
		margin-bottom: 15px;
	}
	

}


#zones-bottom img { 
	visibility: hidden;
}
.tips { font-style:italic; font-size:12px;}