.schedule-zone {
	display: table-cell;
	width: 25%;
	width: 75%;
	text-align: left;
	padding: 10px;
	font-weight: bold;
	line-height: 50px;
    line-height: 1.3em;
}

.schedule-details {
	width: 30%;
	text-align: right;
}

.schedule-equipment-type,
.schedule-global {
	width: 20%;
}

.schedule-equipment-type.equipment-type-hvac {
    /* this one only selects the sprite. more in eviewNEW.css    */
 	background: url("../images/tabicon_sprite.png") 50% -120px no-repeat;	
    
}

.schedule-equipment-type.equipment-type-lighting {
    background: url("../images/tabicon_sprite.png") 50% -180px no-repeat;	
    
}

.hvac-schedule img {
	width: 41px;
	margin-top: 22px;
}



.schedule-calendar {
	display: none;
	background-color: #D4D5D7;
}

.schedule-calendar.open {
	display: block;
}

.schedule-calendar-container {
	display: block;
	box-sizing: border-box;
	width: 270px;
	padding-top: 21px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
}

.schedule-calendar-cell {
	background: #F3F3F5;
	box-sizing: border-box;
	width: 120px;

	/* Margins are applied here to eliminate overlapped appeaance from cell borders */
	margin-left: -1px;
	margin-top: -1px;

	padding: 8px 0 5px 0;
	font-size: .75rem;
	border: 1px solid;
	cursor: pointer;
    vertical-align: text-top;
}

.schedule-calendar-cell.over {
	background: #DDDDDD;
}

.schedule-calendar-cell.currentday {
	background: #CCCCCC;
}

.schedule-calendar-cell-contents {
/*	padding: 5% 0;*/
}

.schedule-calendar-contents-message,
.schedule-calendar-contents-title {
	text-align: center;
	margin-top: auto;
	margin-bottom: auto;
}
.schedule-calendar-contents-message {
	text-align: center;
	margin-top: 0;
    padding-top: 0;
	margin-bottom: auto;
}
.schedule-calendar-contents-title {
	margin-bottom: .2rem;
    margin-bottom: 0;
}


/** VIEW SCHEDULE STYLES **/
#view-schedule {
	width: 100%;
	font-size: 1.1em;
}

#view-schedule tr.schedule-row {
	background: url("../images/datarow_fill.png") repeat-x;
	height: 80px;
}

#view-schedule tr:last-child td {
	border-bottom: 1px solid #9B9B9D;
}

#view-schedule th, #view-schedule td {
	width: 8%;
	padding: 10px 1%;
}

#view-schedule .zonename {
	text-align: left;
}

#view-schedule .event {
	text-align: center;
}

#view-schedule .event.hvac {
	background: url("../images/icon_sched_type_hvac.png") 10% center no-repeat;
}

#view-schedule .event.lighting {
	background: url("../images/icon_sched_type_light.png") 10% center no-repeat;
}

#view-schedule .day {
	text-align: center;
}


#view-schedule .day.currentday {
	font-weight: bold;
}

#view-schedule .edit {
	text-align: center;
}

/** SCHEDULING STYLES **/
/* SCHEDULE SELECTION STYLES */
#selecttypeandzone {
	width: 95%;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

/* Select Type Styling */
#selecttype {
	position: relative;
	width: 20%;
	max-width: 70px;
}

#selecttype #currenttype {
	width: 100%;
	height: 60px;
	padding-top: 5px;
	float: left;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #959499;
	position: relative;
	text-align: center;
	cursor: pointer;

	background: -webkit-linear-gradient(#F4F4F4, #DDDEE0); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#F4F4F4, #DDDEE0); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#F4F4F4, #DDDEE0); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#F4F4F4, #DDDEE0); /* Standard syntax */
}

#currenttype .selecticon {
	margin-top: 5px;
	width: 60%;
}

#currenttype p {
	margin: 0;
	font-size: 1em;
}

#currenttype p.heat {
	color: #ed2801;
}

#currenttype p.cool {
	color: #1b75bb;
}

#currenttype .selectarrow {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 20%;
}

#selecttypecontainer {
	display: none;
	position: absolute;
	text-align: center;
	width: 100%;
	top: 66px;
	z-index: 210;
	border: 1px solid #999999;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #FFFFFF;
}

#selecttypecontainer ul {
	list-style: none;
}

#selecttypecontainer ul li {
	cursor: pointer;
	padding: 5px 0px;
	width: 100%;
	height: 60px;
	background-size: 80%;
	background-position: center center;
	background-repeat: no-repeat;
}

#selecttypecontainer ul li#selectheatcool {
	background-image: url("../images/selecticon_heatcool.png");
}

#selecttypecontainer ul li#selectlighting {
	background-image: url("../images/selecticon_lightoff.png");
}

/* Select Zone Styling */
#selectzone {
	width: 35%;
	height: 42px;
	margin: 20px 0 0 5%;
	float: left;
	position: relative;
	z-index: 100;
}

#selectzone h3 a.locationlist {
	font-size: .8125em;
	font-weight: normal;
	color: #1b75bb;
	padding-left: 25px;
	text-decoration: underline;
}

#locationlistbox {
	width: 60%;
	height: auto;
	background: #fff;
	padding: 20px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	border: 2px solid #999;
	-webkit-box-shadow: 0 0 15px 5px #999;
	box-shadow: 0 0 15px 5px #999;
	z-index: 1000;
	position: relative;
	left: 100%;
	top: -100px;
}

#locationlistbox ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#locationlistbox ul li {
	padding: 5px 10px;
	color: #555;
	font-size: .8125em;
}

#selectzone #currentzone {
	display: block;
	height: 30px;
	padding-left: 10px;
	padding-top: 10px;
	background: url("../images/select_fill.png") repeat-x;
	border-top: 1px solid #a7a9ab;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #a7a9ab;
	position: relative;
	z-index: 2;
	cursor: pointer;
	font-size: 1.1em;
}

#selectzone #currentzone .arrow,
#selectzone #selectzonecontainer .arrow,
#selectzone #selectdaycontainer .arrow{
	position: absolute;
	top: 16px;
	right: 15px;
}

.selectday-layout,
.selectzone-layout {
	display: block;
	box-sizing: border-box;
	width: 140px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
}

/*
#selectdaycontainer,
#selectzonecontainer {
	display: none;
	position: relative;
	top: -20px;
	width: 100%;
	z-index: 300;
}
*/
#selectdaycontainer,
#selectzonecontainer {
	display: none;
	box-sizing: border-box;
	background: #fff;
	border: 1px solid #999999;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	width: 200px;
	text-align: center;
	vertical-align: middle;
	margin: 10px auto;
	position: fixed;
	z-index: 2002;
	top: 15%;
	left: 50%;
	margin-left: -100px;
	opacity: 1.0;
}

#selectzonecontainer {
	display: none;
}

#selectdaycontainer .control-confirm-ok,
#selectzonecontainer .control-confirm-ok {
	background-size: 100% 100%;
	margin: 4px auto 8px auto;
	width: 36px;
	height: 36px;
}

.control,
.dual-control {
	display: none;
	position: fixed;
	box-sizing: border-box;

	top: 50%;
	left: 50%;
	margin-left: -150px;
	margin-top: -125px;
	width: 300px;
	height: 250px;
	opacity: 1.0;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


#selectdaycontainer ul,
#selectzonecontainer ul {
	list-style: none;
	background: #FFFFFF;
}

#selectdaycontainer ul li,
#selectzonecontainer ul li {
	height: 30px;
	padding-left: 10px;
	padding-top: 10px;
	position: relative;
	cursor: pointer;
	font-size: 1.1em;
	overflow: hidden;
}
#selectdaycontainer ul li.selected,
#selectzonecontainer ul li.selected {
	background: #818286;
	color: #FFFFFF;
}

#selectdaycontainer ul li.hover,
#selectzonecontainer ul li.hover {
	background: #C2C2C2;
}

#selectdaycontainer ul li:last-child,
#selectzonecontainer ul li:last-child {
	border: 0px;
}


.schedule-controls-header {
	vertical-align: baseline;
}

/* RESPONSIVE SCHEDULE PAGE STYLE */
.schedule-controls-header {
	display: inline-block;
	box-sizing: border-box;
	width: 50%;
	height: 480px;

	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;

	padding-bottom: 30px;
	padding-left: 10px;
	padding-right: 10px;

	background: #BDBEC0;

	vertical-align: middle;
}

.schedule-controls-header > .schedule-controls-left,
.schedule-controls-header > .schedule-controls-right {
	display: block;
	box-sizing: border-box;
	margin: 5px;
}

.schedule-controls-header > .schedule-controls-left {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.schedule-controls-header > .schedule-controls-right {
	display: none;
	margin-right: 0px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.schedule-controls-header > .schedule-controls-left .selectzone,
.schedule-controls-header > .schedule-controls-left .selectday {
	display: table;
	z-index: 100;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
	border: 2px solid #999999;
	cursor: pointer;
	background: url("../images/select_dn_arrow.png") #FFFFFF no-repeat 90% center;
}

.schedule-controls-header > .schedule-controls-left .selectday .currentday,
.schedule-controls-header > .schedule-controls-left .selectzone .currentzone {
	box-sizing: border-box;
	font-size: 0.9rem;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
	width: 100px;
	padding-right: 35px;
}

.schedule-controls-right .schedule-control-lighting {
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	vertical-align: middle;
	box-sizing: border-box;
	width: 300px;
	height: 68px;
}

.schedule-control-lighting .control-confirm-ok {
	display: inline-block;
/*	border: 1px solid #999999;*/
	border-radius: 6px;
	background-size: 101% 101%;
	cursor: pointer;
}

.schedule-control-lighting .control-confirm-ok.toggle {
	border-radius: 0px;
/*	border: 2px solid #999999;*/
}

.schedule-control-lighting .control-confirm-ok.activated {
	opacity: 1;
}

.schedule-control-lighting .control-caption {
	display: inline-block;
	font-size: 0.75rem;
	font-weight: bold;
}

.schedule-control-lighting:nth-child(1) .control-caption,
.schedule-control-lighting:nth-child(2) .control-caption,
.schedule-control-lighting:nth-child(3) .control-caption {
	vertical-align: 12px;
}

.schedule-control-lighting:nth-child(2) .control-caption,
.schedule-control-lighting:nth-child(3) .control-caption {
	vertical-align: 20px;
}

.dual-control {
	box-sizing: border-box;
	background: #fff url("../images/hvac-buttonfill.png") repeat-x;
	background-size: 100% 100%;
	border: 1px solid #a7a9ab;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	width: 300px;
	height: 300px;
	text-align: center;
	vertical-align: middle;
}

.control-confirm-input-cell > .control-confirm-ok,
.control-confirm-input-cell > .control-confirm-cancel {
	width: 56px;
	height: 56px;
	background-size: 100% 100%;
	border: 1px solid #999999;
}

.dual-control > .control-confirm-cancel {
	position: absolute;
	z-index: 2003;
	background-size: 100% 100%;
	top: 3%;
	left: 86%;
	width: 33px;
	height: 33px;
}

.dual-control > .control-confirm-ok {
	position: absolute;
	z-index: 2003;
	background-size: 100% 100%;
	top: 65%;
	left: 43%;
	width: 40px;
	height: 40px;
}

.dual-control .control-knob-caption,
.dual-control .control-knob-increase,
.dual-control .control-knob-decrease {
	display: block;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: 110px;
	height: 94px;
	opacity: 0.6;
	margin: 0 auto;
}

.dual-control .control-knob-caption {
	display: table-cell;
	vertical-align: bottom;
}

.dual-control .control-knob-increase,
.dual-control .control-knob-decrease {
	cursor: pointer;
}

.dual-control .control-knob-increase.open,
.dual-control .control-knob-decrease.open,
.dual-control .control-knob-display {
	display: block;
}

.dual-control .control-knob-increase,
.dual-control .control-knob-decrease,
.dual-control .control-knob-caption.close {
	display: none;
}

.dual-control .control-knob-increase:hover,
.dual-control .control-knob-decrease:hover {
	opacity: 1;
}

.dual-control .control-knob-caption,
.dual-control .control-knob-display {
	margin: 0 auto;
}

.dual-control .control-knob-display {
	cursor: pointer;
}

.dual-control .control-knob-caption:nth-of-type(1) {
	padding-bottom: 5px;
}

.dual-control .control-knob-caption:nth-of-type(2) {
	padding-top: 2%;
}

.dual-control .control-knob-caption:nth-of-type(1),
.dual-control .control-knob-caption:nth-of-type(2) {
	box-sizing: border-box;
}

.dual-control .control-knob-left,
.dual-control .control-knob-right {
	display: inline-block;
	width: 40%;
	vertical-align: middle;
}

.dual-control .control-confirm-panel-left,
.dual-control .control-confirm-panel-right {
	display: none;
	position: absolute;
	z-index: 2003;
	box-sizing: border-box;
	background: #fff url("../images/hvac-buttonfill.png") repeat-x;
	background-size: 100% 100%;
	top: 18%;
	width: 160px;
	height: 180px;
	border: 1px solid #a7a9ab;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	text-align: center;
	font-size: 2.5em;
	margin-left: 2px;
	margin-right: 2px;
	vertical-align: middle;
}

.dual-control .control-confirm-panel-left {
	left: 50%;
}

.dual-control .control-confirm-panel-right {
	left: -3%;
}

.dual-control .control-confirm-panel-right.open,
.dual-control .control-confirm-panel-left.open {
	display: inline-block;
}

.control-astro-disable {
	display: none;
	position: absolute;
	top: 85%;
	left: 17%;
	opacity: 0.6;
}

/* Schedule controls bottom */
.schedule-controls-header > .schedule-controls-bottom	{
	display: block;
	margin: 20px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: middle;
}

.schedule-controls-bottom > .schedule-control-lighting {
	width: 148px;
	margin-top: 25px;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
}

.schedule-controls-bottom > .schedule-control-lighting.button-group {
	width: 110px;
	margin-bottom: 30px;
	margin-top: 30px;
}

.schedule-controls-bottom .schedule-control-lighting .control-confirm-ok,
.schedule-controls-bottom .schedule-control-lighting .control-confirm-cancel {
	background-size: 100% 100%;
	width: 40px;
	height: 40px;
	opacity: 1;
}

.schedule-controls-bottom > .schedule-control-lighting:nth-of-type(1) > .control-confirm-ok,
.schedule-controls-bottom > .schedule-control-lighting:nth-of-type(1) > .control-caption {
	display: inline-block;
	vertical-align: middle;
}

.schedule-controls-bottom > .schedule-control-lighting:nth-of-type(1) > .control-confirm-ok {
	float: left;
}

.schedule-controls-bottom > .schedule-control-lighting:nth-of-type(1) > .control-caption {
	text-align: left;
	padding-left: 1.2%;
	font-size: 0.7rem;
}

.schedule-controls-bottom .schedule-control-on-all-day,
.schedule-controls-bottom .schedule-control-off-all-day {
	display: inline-block;
}

.schedule-controls-bottom .schedule-control-on-all-day,
.schedule-controls-bottom > .schedule-control-lighting:nth-of-type(3) .control-confirm-ok {
	float: left;
}

.schedule-controls-bottom .schedule-control-off-all-day,
.schedule-controls-bottom > .schedule-control-lighting:nth-of-type(3) .control-confirm-cancel {
	float: right;
}

.clearfix {
	overflow: auto;
}

.schedule-controls-bottom > .schedule-control-lighting:nth-of-type(2) .control-caption,
.schedule-controls-bottom > .schedule-control-lighting:nth-of-type(2) .control-confirm-ok {
	display: block;
}

.schedule-controls-bottom > .schedule-control-lighting:nth-of-type(3) .control-confirm-ok,
.schedule-controls-bottom > .schedule-control-lighting:nth-of-type(3) .control-confirm-cancel {
	display: inline-block;
	vertical-align: middle;
}



/*******************************
	LIGHTING SCHEDULE STYLES
********************************/

.astroIcons {
	height: 100%;
	line-height: 100%;
	width: 40px;
	font-size: 80%;
	font-weight: normal;
	position: absolute;
	top: 0px;
	left: 92%;
	/*visibility: hidden; */
	z-index: 20;
}

.astroIcons .sunrise-icon,
.astroIcons .before-sun,
.astroIcons .astro-off-phrase,
.astroIcons .astro-on-phrase,
.astroIcons .sunset-icon {
	width: 40px;
	float: left;
}

.astroIcons .astro-off-phrase {
	text-align: left;
	visibility: hidden;
}

.astroIcons .astro-on-phrase {
	text-align: right;
	visibility: hidden;
}

.astroIcons .sunrise-icon, .astroIcons .sunset-icon {
	width: 40px;
	height: 20px;
	background-image: url("../images/icon-sprite_astro-scheduler.png");
}

.astroIcons .sunrise-icon {
	 background-position: 0 0;
}

.astroIcons .sunset-icon {
	 background-position: -40px 0;
}

.astro-overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	/*visibility: hidden; */
}

.astro {
	height: 100%;
	/* float: left; */
}

.astro.spacer {
	min-width: 1px;
}

.astro.dark {
	background: #001332;
	min-width: 150px;
}

.astro.sunrise {
	background: #f6aece;
}

.astro.on, .astro.off {
	background: #00aeef;
	position: relative;
}

.astro.light {
	min-width: 150px;
	background: #bdbec0;
}

.astro.sunset {
	background: #fbb049;
}




/* HOUR SCHEDULE STYLES */
#schedule-back {
	float: right;
	font-weight: bold;
	margin: 5px 5px 0px 0px;
}

#scheduleui {
	display: inline-block;
	box-sizing: border-box;
	width: 48%;
	height: 480px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	background: #BDBEC0;

	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	vertical-align: middle;
}
/* Fix for Galaxy Tab 2 10.1 portrait mode, probably similar for many other devices too*/
@media only screen and (orientation : portrait) {
	#scalenumbers {
		width: 100%;
	}
}

#scalenumbers {
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	width: 92%;
	height: auto;
	margin-left: 4%;
	margin-right: 4%;
	margin-top: 10%;
}

.time-slice {
	display: block;
	box-sizing: border-box;
	font-size: 75%;
	font-weight: bold;
	color: #fff;
	text-align: left;
	text-shadow: 1px 1px #000;
}

.time-slice .time-value {
	width: 5%;
	margin-left: auto;
	margin-right: auto;
}

.time-slice .time-value,
.time-slice .time-measure {
	display: inline-block;
	vertical-align: middle;
}

.time-slice .time-measure {
	width: 90%;
	height: 1px;
	margin: auto;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: auto;
	margin-right: auto;
	background: #999999;
	box-shadow: 1px 1px #fff;
}

.time-slice .time-measure.two-char {
	width: 85%;
}

.time-slice .time-value.two-char {
	width: 10%;
}

.time-slice .time-measure.three-char {
	width: 80%;
}

.time-slice .time-value.three-char {
	width: 15%;
}

#scalenumbers .schedule-section {
	display: inline-block;
	position: absolute;
	box-sizing: border-box;
	background-repeat: repeat-y;
	left: 50%;
	width: 44px;
	height: 31%;
	margin-left: -22px;
	z-index: 200;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
}

#scalenumbers .schedule-section {
	/*background-image: url("../images/barfill_night_vert.png");*/
	background: #006090;
	color: #fff;
}

#scalenumbers .schedule-section.on {
	/*background-image: url("../images/barfill_daytime_vert.png");*/
	background: #FDE185;
	color: #000;
}

#scalenumbers .schedule-section:nth-child(1) {
	top: 2%;
}

#scalenumbers .schedule-section:nth-child(2) {
	top: 33%;
}

#scalenumbers .schedule-section:nth-child(3) {
	top: 64%;
}

.schedule-icon {
	display: block;
	position: relative;
	top: 50%;
	background-repeat: no-repeat;
	width: 45px;
	height: 60px;
	margin: -24px auto 0 auto;
	cursor: pointer;
}

.schedule-icon.bulb {
	background-image: url("../images/icon-sprite-lights.png");
	background-position: center 0px;
}

.schedule-icon.bulb.on {
	background-image: url("../images/icon-sprite-lights.png");
	background-position: center -60px;
}

.schedule-icon.hvac {
	background-image: url("../images/icon-sprite-occupancy.png");
	background-position: center bottom;
	width: 40px;
	height: 40px;
	margin-top: -18px;
	background-color: rgba(255,255,255,1);
	box-shadow: 0px 0px 8px 1px #FFF;
	border-radius: 50%;
	transform: scale(.8);
}

.schedule-icon.hvac.on {
	background-image: url("../images/icon-sprite-occupancy.png");
	background-position: center 3px;
}

.slider {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	position: absolute;
	width: 44px;
	height: 24px;
	z-index: 200;
	cursor: pointer;
}

.slider.primary {
	background-image: url("../images/icon_slider-top.png");
}

.slider.secondary {
	background-image: url("../images/icon_slider-bottom.png");
}

.slider-caption {
	display: inline-block;
	position: absolute;
	box-sizing: border-box;
	background-color: white;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	text-align: center;
	z-index: 200;
}

.slider.primary,
.slider.secondary {
	display: inline-block;
	vertical-align: middle;
	position: absolute;
}

.slider-caption.primary,
.slider-caption.secondary {
	display: inline-block;
	vertical-align: middle;
	font-weight: bold;
	font-size: 0.6rem;
	margin-left: -50px;
	padding: 0 3px;
}

#time-container {
	width: 100%;
	height: 100%;
	z-index: 100;
	position: relative;
}






/***** Smartphones (portrait and landscape) *****/
@media only screen and (min-width: 320px) and (max-width : 750px) {
		
	/*******************************
		LIGHTING SCHEDULE STYLES
	********************************/

	.astroIcons {
		height: 100%;
		line-height: 100%;
		width: 40px;
		font-size: 80%;
		font-weight: normal;
		position: absolute;
		top: 0px;
		left: 92%;
		/*visibility: hidden; */
		z-index: 20;
	}

	.astroIcons .sunrise-icon,
	.astroIcons .before-sun,
	.astroIcons .astro-off-phrase,
	.astroIcons .astro-on-phrase,
	.astroIcons .sunset-icon {
		width: 40px;
		float: left;
	}

	.astroIcons .astro-off-phrase {
		text-align: left;
		/*visibility: hidden; */
	}

	.astroIcons .astro-on-phrase {
		text-align: right;
		/*visibility: hidden; */
	}

	.astroIcons .sunrise-icon, .astroIcons .sunset-icon {
		width: 40px;
		height: 20px;
		background-image: url("../images/icon-sprite_astro-scheduler.png");
	}

	.astroIcons .sunrise-icon {
		 background-position: 0 0;
	}

	.astroIcons .sunset-icon {
		 background-position: -40px 0;
	}

	.astro-overlay {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 10;
		visibility: hidden;
	}

	.astro {
		height: 100%;
		float: left;
	}

	.astro.spacer {
		min-width: 1px;
	}

	.astro.dark {
		background: #001332;
		min-width: 150px;
	}

	.astro.sunrise {
		background: #f6aece;
	}

	.astro.on, .astro.off {
		background: #00aeef;
	}

	.astro.light {
		min-width: 150px;
		background: #bdbec0;
	}

	.astro.sunset {
		background: #fbb049;
	}
}

/* SUPPOSED TO BE TABLET STYLES, BUT MAY BREAK CASCADE */

@media only screen and (min-width : 750px) {
	/** SCHEDULE STYLES **/
	
	.datarow > .schedule-details {
		background-position: center right;
	}
	.schedule-controls-header {
		width: 95%;
	}
	
	.lighting-control .control-confirm-panel-after-sunrise {
		left: 90%;
	}
	
	#schedule-back {
		display: none;
	}
	
	.slider {
		background-size: cover;
		width: 36px;
		height: 66px;
		box-sizing: border-box;
		bottom: 0px;
		max-width: 100%;
	}
	
	.slider.primary {
		background-image: url("../images/icon_slider-left.png");
	}
	
	.slider.secondary {
		background-image: url("../images/icon_slider-right.png");
	}
	
	.schedule-icon.hvac {
		transform: scale(1);
	}
	
	.schedule-controls-header, .selectday-layout,
	.schedule-controls-header > .schedule-controls-left,
	.schedule-controls-header > .schedule-controls-right {
		display: inline-block;
	}
	
	#selectdaycontainer,
	#selectzonecontainer {
		top: 0px;
	}
	
	.schedule-controls-header > .schedule-controls-left .selectzone,
	.schedule-controls-header > .schedule-controls-left .selectday {
		margin-top: 0;
		margin-bottom: 0;
	}
	
	.selectday-layout,
	.selectzone-layout {
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
	}
	
	#selecttypeandzone > .control-confirm-ok.schedule,
	#selecttypeandzone > .control-confirm-cancel.schedule {
		display: block;
	}
	
	.schedule-controls-header {
		display: block;
		background: none;
		width: 98%;
		max-width: none;
		height: 80px;
		box-sizing: border-box;
		vertical-align: baseline;
		padding: 0px;
	}
	
	.schedule-controls-right .schedule-control-lighting {
		display: inline-block;
		margin: 0;
		width: auto;
	}
	
	.schedule-controls-header > .schedule-controls-left {
		float: left;
	}
	
	.schedule-controls-header > .schedule-controls-right {
		display: block;
		float: right;
	}
	
	.schedule-control-lighting:nth-child(1) .control-caption,
	.schedule-control-lighting:nth-child(2) .control-caption,
	.schedule-control-lighting:nth-child(3) .control-caption {
		vertical-align: 12px;
	}
	
	.schedule-controls-header > .schedule-controls-bottom {
		display: none;
	}
	
	#scheduleui {
		display: block;
		box-sizing: border-box;
		width: 95%;
		height: 340px;
		vertical-align: baseline;
		margin-bottom: 20px;
	}
	
	#time-container {
		width: 100%;
		height: 100%;
	}
		
	#scalenumbers {
		display: inline-block;
		height: 92%;
		margin-top: 22px;
		margin-bottom: 1%;
	}
	
	.time-slice {
		display: inline-block;
		width: 4%;
		text-align: center;
	}
	
	.time-slice .time-value,
	.time-slice .time-measure {
		display: block;
		vertical-align: baseline;
	}
	
	.time-slice .time-measure {
		width: 1px;
		height: 275px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5px;
		margin-bottom: 10px;
	}
	
	.time-slice .time-value.three-char,
	.time-slice .time-value.two-char {
		width: auto;
	}

	.time-slice .time-measure.one-char,
	.time-slice .time-measure.two-char,
	.time-slice .time-measure.three-char {
		width: 1px;
	}
	
	#scalenumbers .schedule-section {
		display: block;
		background-repeat: repeat-x;
		top: 50%;
		height: 64px;
		margin-top: -32px;
		margin-left: 0;
		z-index: 200;
		vertical-align: baseline;
	}
	
	#scalenumbers .schedule-section:nth-child(3) {
	}
	
	#scalenumbers .schedule-section {
		background: #482A6C;
	}
	
	#scalenumbers .schedule-section.on {
		background: #F7C51E;
	}

}

@media only screen and (min-width : 751px) {

/** SCHEDULE STYLES from media.tablet.css **/
	#schedule-back {
		display: none;
	}

	#selecttype {
		max-width: 90px;
	}

	#selecttype #currenttype {
		height: 75px;
	}

	#selecttypecontainer {
		top: 81px;
	}

	#selecttypecontainer ul li {
		height: 75px;
	}

	#selecttypeandzone {
		margin-top: 25px;
	}

	#selecttypeandzone > .control-confirm-ok.schedule,
	#selecttypeandzone > .control-confirm-cancel.schedule {
		margin: 10px 15px;
		height: 63px;
		width: 63px;
	}

	.slider-caption.primary,
	.slider-caption.secondary {
		font-size: 0.8rem;
		white-space: nowrap;
		padding: 0 3px;
	}

}
	/*******************************
		LIGHTING SCHEDULE STYLES
	********************************/
@media only screen and (min-width : 751px) {

	.astroIcons {
		height: 20px;
		line-height: 20px;
		width: 100%;
		font-size: 80%;
		font-weight: normal;
		position: absolute;
		top: -20px;
		left: 0;
		/*display: none; */
	}

	.astroIcons .sunrise-icon,
	.astroIcons .before-sun,
	.astroIcons .astro-off-phrase,
	.astroIcons .astro-on-phrase,
	.astroIcons .sunset-icon {
		height: 20px;
		float: left;
	}

	.astroIcons .astro-off-phrase {
		text-align: left;
	}

	.astroIcons .astro-on-phrase {
		text-align: right;
	}

	.astroIcons .sunrise-icon, .astroIcons .sunset-icon {
		width: 40px;
		height: 20px;
		background-image: url("../images/icon-sprite_astro-scheduler.png");
	}

	.astroIcons .sunrise-icon {
		 background-position: 0 0;
	}

	.astroIcons .sunset-icon {
		 background-position: -40px 0;
	}

	.astro-overlay {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 10;
		visibility: hidden;
	}

	.astro {
		height: 100%;
		float: left;
	}

	.astro.spacer {
		min-width: 1px;
	}

	.astro.dark {
		background: #001332;
		min-width: 150px;
	}

	.astro.sunrise {
		background: #f6aece;
	}

	.astro.on, .astro.off {
		background: #00aeef;
	}

	.astro.light {
		min-width: 150px;
		background: #bdbec0;
	}

	.astro.sunset {
		background: #fbb049;
	}
}
@media only screen and (min-width: 320px) and (max-width : 750px) {
/*******************************
		LIGHTING SCHEDULE STYLES
	********************************/

	.astroIcons {
		height: 100%;
		line-height: 100%;
		width: 40px;
		font-size: 80%;
		font-weight: normal;
		position: absolute;
		top: 0px;
		left: 92%;
		/*visibility: hidden; */
		z-index: 20;
	}

	.astroIcons .sunrise-icon,
	.astroIcons .before-sun,
	.astroIcons .astro-off-phrase,
	.astroIcons .astro-on-phrase,
	.astroIcons .sunset-icon {
		width: 40px;
		float: left;
	}

	.astroIcons .astro-off-phrase {
		text-align: left;
		/*visibility: hidden; */
	}

	.astroIcons .astro-on-phrase {
		text-align: right;
		/*visibility: hidden; */
	}

	.astroIcons .sunrise-icon, .astroIcons .sunset-icon {
		width: 40px;
		height: 20px;
		background-image: url("../images/icon-sprite_astro-scheduler.png");
	}

	.astroIcons .sunrise-icon {
		 background-position: 0 0;
	}

	.astroIcons .sunset-icon {
		 background-position: -40px 0;
	}

	.astro-overlay {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		z-index: 10;
		visibility: hidden;
	}

	.astro {
		height: 100%;
		float: left;
	}

	.astro.spacer {
		min-width: 1px;
	}

	.astro.dark {
		background: #001332;
		min-width: 150px;
	}

	.astro.sunrise {
		background: #f6aece;
	}

	.astro.on, .astro.off {
		background: #00aeef;
	}

	.astro.light {
		min-width: 150px;
		background: #bdbec0;
	}

	.astro.sunset {
		background: #fbb049;
	}
}


/* Schedule calendar (NEEDS CONSOLIDATING INTO 2 BREAKPOINTS) =====================================*/
/* Not strictly scheduling, but needs mobile styles. These styles are for the equipment settings view, when a zone/equipment bar is an accordion. 
Open it, and there's a 1-row 7-day calendar */

@media only screen and (min-width : 975px) {
	.schedule-calendar-container {
		width: 945px;
	}
}

@media only screen and (min-width : 836px) and (max-width : 975px) {
	.schedule-calendar-container {
		width: 810px;
	}
}	
	
@media only screen and (min-width : 706px) and (max-width : 835px) {
	.schedule-calendar-container {
		width: 675px;
	}
}

@media only screen and (min-width : 566px) and (max-width : 705px) {
	.schedule-calendar-container {
		width: 540px;
	}
}

@media only screen and (min-width : 406px) and (max-width : 565px) {
	.schedule-calendar-container {
		width: 405px;
	}
}