html {
background-size:cover;
color:#ffffff;
font:"Trebuchet MS",Helvetica,sans-serif;
overflow:hidden;
}

html.sb {
background:#000 url('http://z0.gy/i/screen_blank.png') center center no-repeat fixed;
}

html.hm {
background:#000 url('http://z0.gy/i/screen_home.png') center center no-repeat fixed;
}

html.tm {
background:#000 url('http://z0.gy/i/screen_thermostat.png') center center no-repeat fixed;
}

html.rd {
background:#000 url('http://z0.gy/i/screen_radio.png') center center no-repeat fixed;
}

html.sc {
background:#000 url('http://z0.gy/i/screen_security.png') center center no-repeat fixed;
}

html.scc {
background:#000 url('http://z0.gy/i/screen_security_c.png') center center no-repeat fixed;
}

html.scr {
background:#000 url('http://z0.gy/i/screen_security_r.png') center center no-repeat fixed;
}

html.at {
background:#000 url('http://z0.gy/i/screen_automation.png') center center no-repeat fixed;
}

html.st {
background:#000 url('http://z0.gy/i/screen_stats.png') center center no-repeat fixed;
}

html.stg {
background:#000 url('http://z0.gy/i/screen_settings.png') center center no-repeat fixed;
}

html.stm {
background:#000 url('http://z0.gy/i/screen_settings_m.png') center center no-repeat fixed;
}

html.str {
background:#000 url('http://z0.gy/i/screen_settings_r.png') center center no-repeat fixed;
}

html.ch {
background:#000 url('http://z0.gy/i/screen_choose.png') center center no-repeat fixed;
}

html.ar {
background:#000 url('http://z0.gy/i/control_residents.png') center center no-repeat fixed;
}

html.ac {
background:#000 url('http://z0.gy/i/control_config.png') center center no-repeat fixed;
}

html.ap {
background:#000 url('http://z0.gy/i/control_config_p.png') center center no-repeat fixed;
}

html.au {
background:#000 url('http://z0.gy/i/control_maintenance.png') center center no-repeat fixed;
}

.a {
font-size:300%;
position:relative;
top:126;
left:325;
text-align:right;
padding:10 10 30 0;
margin:auto;
width:225;
height:40;
white-space:nowrap;
overflow:hidden;
}

.b {
font-size:300%;
position:relative;
top:123;/*
left:62;*/
left:82;
margin:auto;
padding:20;/*
width:840;*/
width:880;
height:628;/*
border-right: 2px solid #00F;
border-left: 2px solid #00F;*/
}

.c {
font-size:300%;
position:absolute;
top:133;
left:312;
text-align:left;
padding:10 10 30 0;
margin:auto;
width:362;
height:40;
white-space:nowrap;
overflow:hidden;
}

.d {
font-size:375%;
font-family:Verdana, Geneva, sans-serif;
position:absolute;
top:127;
left:312;
text-align:right;
padding:10 10 30 0;
margin:auto;
width:362;
height:40;
white-space:nowrap;
overflow:hidden;
}

.u {
position:relative;
float:right;
top:0;
left:-55;
width:370;
white-space:nowrap;
overflow:hidden;
}

ul {
list-style-type: none;
padding: 0px;
margin-top: 51px;
}

ul li {
font-size:80%;
vertical-align:middle;
background-size: 42px 42px;
background-repeat: no-repeat;
background-position: 0px center;
padding-left: 50px;
height:44;
white-space:nowrap;
overflow:hidden;
}

ul.cb {
margin-top: 180px;
}

ul.cb li {
text-align:center;
padding-left: 0px;
margin: 2px 0px 2px -9px;
width:680;
}

ul.w {
margin-top: 170px;
}

ul.w li {
font-size:90%;
margin: 4px 0px 4px 315px;
height:50;
width:520;
padding-left:0;
}

ul.ut {
margin-top: 370px;
}

ul.ut li {
font-size:90%;
margin: 4px 0px 4px 270px;
height:50;
width:520;
padding-left:0;
}

ul.s li {
background-image: url('http://z0.gy/i/Minus-S.png');
margin: 1px 0px 1px -23px;
width:600;
}

ul.cl li {
margin: 2px 0px 2px 300px;
width:480;
padding-left: 0px;
}

ul.rl li {
margin: 2px 0px 2px 300px;
width:480;
padding-left: 0px;
}

ul.m {
position:absolute;
top:70;
margin: 0px 0px 0px 470px;
}

ul.m li {
background-image: url('http://z0.gy/i/Minus.png');
margin: 1px 0px 1px -23px;
width:315;
}

ul.r li {
background-image: url('http://z0.gy/i/Minus.png');
margin: 1px 0px 1px -23px;
width:315;
}

ul.g li {
margin: 1px 0px 1px -23px;
width:315;
}

.d1 {
color:#00ff00;
}

.d1:after {
content:"  (Excellent)";
}

.d2 {
color:#80ff00;
}

.d2:after {
content:"  (Good)";
}

.d3 {
color:#ffff00;
}

.d3:after {
content:"  (Fair)";
}

.d4 {
color:#ff8000;
}

.d4:after {
content:"  (Poor)";
}

.d5 {
color:#e10019;
}

.d5:after {
content:"  (Severe)";
}

.sl1 {
position:relative;
float: left;
background: url('http://z0.gy/i/slide_light.png');
margin: -6px 54px 0px -35px;/*Top Right Bottom Left*/
width:196px;
height:654px;
z-index: 10;
}

.sl2 {
position:relative;
float: left;
background: url('http://z0.gy/i/slide_lock.png');
margin: -6px 54px 0px -35px;/*Top Right Bottom Left*/
width:196px;
height:654px;
z-index: 10;
}

.sl3 {
position:relative;
float: left;
background: url('http://z0.gy/i/slide_glass.png');
margin: -6px 54px 0px -35px;/*Top Right Bottom Left*/
width:196px;
height:654px;
z-index: 10;
}

.sl4 {
position:relative;
float: left;
background: url('http://z0.gy/i/slide_blind.png');
margin: -6px 54px 0px -35px;/*Top Right Bottom Left*/
width:196px;
height:654px;
z-index: 10;
}

.sl5 {
position:relative;
float: left;
background: url('http://z0.gy/i/slide_therm.png');
margin: -6px 54px 0px -35px;/*Top Right Bottom Left*/
width:196px;
height:654px;
z-index: 10;
}

.sl6 {
position:relative;
float: left;
background: url('http://z0.gy/i/slide_fire.png');
margin: -6px 54px 0px -35px;/*Top Right Bottom Left*/
width:196px;
height:654px;
z-index: 10;
}

.sl7 {
position:relative;
float: left;
background: url('http://z0.gy/i/slide_fans.png');
margin: -6px 54px 0px -35px;/*Top Right Bottom Left*/
width:196px;
height:654px;
z-index: 10;
}