body {
	border-width: 0px;
	padding: 0px;
	margin: 0px;
	background: #ffffff;
	vertical-align: top;
	font: normal 11px Lucida Grande, Arial, Helvetica, san-serif;
	font-style: lighter;
	color: #000000;
	line-height: 120%;
	text-align: center;
	overflow-x: hidden;
        color: black;
}

p {
	padding: 0px 0px 8px 0px;
	margin: 0px;
	font: normal 11px Lucida Grande, Arial, Helvetica, san-serif;
	font-style: lighter;
	color: #000000;
	line-height: 120%;
	text-align: left;
}

ul {
	margin: 0px 0px 0px 0px;;
	_margin: 0px 0px 0px 0px;
	padding: 5px 0px 8px 13px;
}

li { padding-bottom: 0px; }

a, a:link, a:visited, a:hover {
	outline: none;
	color: #628d76;
	text-decoration: none;
}
a:hover { text-decoration: underline; }

img {
	border: 0px;
	line-spacing: 0px;
}

.clear { clear: both; }

div { border: solid 0px red; }

img, div, a { behavior: url(iepngfix.htc); }
div#map img, div#map div, div#map a { behavior: none; }

/* General ****************************************************************************************************/

.clear { clear: both; }
.relative { position: relative;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0; }
.hide { display: none; }

div.page {
	background: url(lookfeel/DatacallwebBackground.png) no-repeat;
	background-size: cover;
	text-align: left;
        position: absolute;
        top: 0%;
        left: 0%;
        height: 100%;
        width: 100%;
}

div.pagemargins {
/*	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;*/
	background: url(lookfeel/updatedpagetop.jpg) no-repeat;
        width:1920px;
        height:877px;
	background-size: cover;
}

div.menu {
        position: absolute;
        top: 55px;
        left: 55.5%;
        width: 50%;
}

a.datacall, a.datacall:link, a.datacall:visited, a.datacall:hover {
	display: block;
	float: left;
	width: 300px;
	height: 85px;
	/*margin: 30px 140px 43px 30px;*/
	overflow: hidden;
}

div.banner {
	float: left;
	width: 610px;
	height: 32px;
	padding: 67px 21px 64px 0px;
	overflow: hidden;
}

a.homebut, a.homebut:link, a.homebut:visited, a.homebut:hover,
a.databut, a.databut:link, a.databut:visited, a.databut:hover {
	display: block;
	float: left;
	width: 109px;
	height: 25px;
	margin-right: 2px;
	padding-top: 7px;
	background: url(lookfeel/homebg.png) no-repeat;
	font: normal 13px Lucida Grande, Arial, Helvetica, san-serif;
	font-style: lighter;
	color: #ffffff;
	line-height: 120%;
	letter-spacing: -0.02em;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
}

a.databut, a.databut:link, a.databut:visited, a.databut:hover {
	width: 108px;
	margin-right: 0px;
	background: url(lookfeel/databg.png) no-repeat;
}

a.homebut:hover, a.databut:hover { text-decoration: underline; }

div.time {
	float: left;
	width: 168px;
	height: 25px;
	margin-right: 2px;
	padding: 7px 5px 0px 15px;
	background: url(lookfeel/timebg.png) no-repeat;
	font: normal 13px Lucida Grande, Arial, Helvetica, san-serif;
	font-style: lighter;
	color: #ffffff;
	line-height: 120%;
	letter-spacing: -0.03em;
	text-align: left;
	overflow: hidden;
}

span.clock, span.degrees {
	font-weight: bold;
	font-size: 16px;
}

span.ampm {
	font-weight: bold;
	font-size: 10px;
}

div.temp {
	float: left;
	width: 169px;
	height: 25px;
	margin-right: 2px;
	padding: 7px 15px 0px 15px;
	background: url(lookfeel/tempbg.png) no-repeat;
	font: normal 13px Lucida Grande, Arial, Helvetica, san-serif;
	font-style: lighter;
	color: #ffffff;
	line-height: 120%;
	letter-spacing: -0.02em;
	text-align: left;
	overflow: hidden;
}

div.logout {
        float: left;
        width: 80px;
        height: 25px;
        margin-right: 2px;
        padding: 7px 15px 0px 15px;
        background: url(lookfeel/homebg.png) no-repeat;
        font: normal 13px Lucida Grande, Arial, Helvetica, san-serif;
        font-style: lighter;
        color: #ffffff;
        line-height: 120%;
        letter-spacing: -0.02em;
        text-align: center;
        overflow: hidden;
}

div.footer {
	position: relative;
	height: 200px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(lookfeel/bottombg.jpg) no-repeat;
	background-size: cover;
        width:1920px;
}

/* buttons ****************************************************************************************************/

a.blue110x30, a.blue110x30:link, a.blue110x30:visited, a.blue110x30:hover,
a.blue110x30current, a.blue110x30current:link, a.blue110x30current:visited, a.blue110x30current:hover,
a.blue71x32, a.blue71x32:link, a.blue71x32:visited, a.blue71x32:hover,
a.blue145x32, a.blue145x32:link, a.blue145x32:visited, a.blue145x32:hover,
a.blue175x32, a.blue175x32:link, a.blue175x32:visited, a.blue175x32:hover {
	display: block;
	float: left;
	width: 110px;
	height: 23px;
	margin-right: 3px;
	padding-top: 7px;
	background: url(lookfeel/blue110x30.png) no-repeat;
	font: normal 11px Lucida Grande, Arial, Helvetica, san-serif;
	font-style: lighter;
	color: #005bab;
	line-height: 120%;
	letter-spacing: -0.02em;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
}

a.blue71x32, a.blue71x32:link, a.blue71x32:visited, a.blue71x32:hover,
a.blue145x32, a.blue145x32:link, a.blue145x32:visited, a.blue145x32:hover,
a.blue175x32, a.blue175x32:link, a.blue175x32:visited, a.blue175x32:hover {
	width: 71px;
	height: 24px;
	margin-right: 0px;
	padding-top: 8px;
	background: url(lookfeel/blue71x32.png) no-repeat;
	color: #ffffff;
}

a.blue145x32, a.blue145x32:link, a.blue145x32:visited, a.blue145x32:hover {
	width: 145px;
	margin-right: 9px;
	background: url(lookfeel/blue145x32.png) no-repeat;
}

a.blue175x32, a.blue175x32:link, a.blue175x32:visited, a.blue175x32:hover {
	width: 175px;
	margin-right: 9px;
	background: url(lookfeel/blue175x32.png) no-repeat;
}

a.blue110x30:hover, a.blue71x32:hover, a.blue145x32:hover, a.blue175x32:hover { text-decoration: underline; }

a.blue110x30current, a.blue110x30current:link, a.blue110x30current:visited, a.blue110x30current:hover {
	background: url(lookfeel/blue110x30current.png) no-repeat;
	color: #ffffff;
}

/* index.html ****************************************************************************************************/

div.lefthome {
	position: relative;
	left: 0.5%;
	top: 135px;
	width: 0px;
	height: 0px;
	padding: 0px 0px 0px 0px;
}

div.lefthomemapcontainer {
	position: relative;
	left: 2%;
	top: -100px;
	width: 96%;
	height: 725px;
	background: transparent;
}

div.lefthomemap {
	position: relative;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background: #cccccc;
}

div.rightdata {
	position: relative;
	left: 54%;
	top: -765px;
	width: 50%;
	height: 429px;
	padding: 41px 21px 23px 33px;
        border-radius: 15px;
	overflow: hidden;
}

div.alarms {
	position: relative;
	left: 54%;
	top: -865px;
        height: 429px;
        width: 50%;
	padding: 41px 21px 23px 33px;
}

div.alarmstab {
	display: block;
	position: relative;
	height: 311px;
	width: 100%;
	top: 3%;
	padding: 41px 21px 23px 33px;
	background: url(lookfeel/alarmscontainer.png) no-repeat;
}

div.alarmstitle {
        font: normal 13px Lucida Grande, Arial, Helvetica, san-serif;
        font-style: lighter;
	color: #005bab;
}
table#table1 {
        table-layout: auto;
        width: 550px;
        border: 1px solid black;
        border-collapse: collapse;
        margin-left: 25px;
        margin-top: 35px;
}
table#table1 th {
        padding: 10px;
        text-align: left;
        border: 1px solid black;
        border-collapse: collapse;
}
table#table1 td {
        padding: 2px 10px;
        border: 1px solid black;
        border-collapse: collapse;
}
table1 .absorbing-column {
	width: 100%;
}

table#table2 {
	table-layout: auto;
	width: 550px;
	border: 1px solid black;
	border-collapse: collapse;
	margin-left: 0px;
	margin-top: 35px;
}

table#table2 th {
	padding: 10px;
	text-align: left;
	border: 1px solid black;
	border-collapse: collapse;
}

table#table2 td {
	padding: 2px 10px;
	text-align: left;
	border: 1px solid black;
	border-collapse: collapse;
}

div.alarmbuttons {
        width: 100%;
        height: 90px;
        padding-left: 21px;
        top: -20px;
        _margin-top: 0px;
        *margin-top: 0px;
        background: url(lookfeel/righttabbuttonbg-updated.png) no-repeat;
}

div.righthomenobg {
	position: relative;
	left: 40%;
	width: 0px;
	height: 0px;
	padding: 41px 21px 23px 33px;
	overflow: hidden;
}

a.pointlink, a.pointlink:link, a.pointlink:visited, a.pointlink:hover {
	display: block;
	margin-bottom: 8px;
	padding-left: 14px;
	background: url(lookfeel/whitedot.png) no-repeat left 4px;
	font: normal 11px Lucida Grande, Arial, Helvetica, san-serif;
	font-style: lighter;
	color: #000000;
	line-height: 120%;
	letter-spacing: -0.02em;
}

/* MENU ****************************************************************************************************/

div.home {
        float: left;
        width: 111px;
}

a.home, a.home:link, a.home:visited, a.home:hover,
a.export, a.export:link, a.export:visited, a.export:hover {
        display: block;
        width: 109px;
        height: 25px;
        padding-top: 7px;
        background: url(lookfeel/homebg.png) no-repeat;
        font: normal 13px Lucida Grande, Arial, Helvetica, san-serif;
        font-style: lighter;
        color: #ffffff;
        line-height: 120%;
        letter-spacing: -0.02em;
        text-align: center;
        text-decoration: none;
}

a.export, a.export:link, a.export:visited, a.export:hover {
        width: 108px;
        background: url(lookfeel/databg.png) no-repeat;
}

a.home:hover, a.export:hover { text-decoration: underline; }

div.time {
        float: left;
        width: 170px;
        height: 25px;
        padding: 7px 5px 0px 15px;
        background: url(lookfeel/timebg.png) no-repeat;
        font: normal 13px Lucida Grande, Arial, Helvetica, san-serif;
        font-style: lighter;
        color: #ffffff;
        line-height: 120%;
        letter-spacing: -0.03em;
        text-align: left;
        overflow: hidden;
}

span.clock, span.degrees {
        font-weight: bold;
        font-size: 16px;
}

span.ampm {
        font-weight: bold;
        font-size: 10px;
}

div.temp {
        float: left;
        width: 171px;
        height: 25px;
        padding: 7px 15px 0px 15px;
        background: url(lookfeel/tempbg.png) no-repeat;
        font: normal 13px Lucida Grande, Arial, Helvetica, san-serif;
        font-style: lighter;
        color: #ffffff;
        line-height: 120%;
        letter-spacing: -0.02em;
        text-align: left;
        overflow: hidden;
}

div.export {
        float: left;
        width: 111px;
}

/* RIGHTDATA ****************************************************************************************************/

/* tabs */

div.rightbg {
        height: 429px;
        width: 100%;
}

div.righttabbg1, div.righttabbg2, div.righttabbg3, div.righttabbg4 {
        display: block;
        width: 100%;
        height: 362px;
        background: url(lookfeel/righttabbg1-updated.png) no-repeat;
}
div.righttabbg2 { background: url(lookfeel/righttabbg2-updated.png) no-repeat; }
div.righttabbg3 { background: url(lookfeel/righttabbg3-updated.png) no-repeat; }

div.righttabs {
        position: absolute;
        top: 55px;
        left: 32px;
        width: 100%;
        height: 40px;
}

div.righttab {
        float: left;
        width: 152px;
        height: 28px;
        padding-top: 14px;
        text-align: center;
}

a.righttab, a.righttab:link, a.righttab:visited, a.righttab:hover,
a.righttabcurrent, a.righttabcurrent:link, a.righttabcurrent:visited, a.righttabcurrent:hover {
        width: 150px;
        margin-right: 2px;
        padding-top: 14px;
        font: normal 13px Lucida Grande, Arial, Helvetica, san-serif;
        font-style: lighter;
        color: #ffffff;
        line-height: 120%;
        letter-spacing: -0.08em;
        text-align: center;
}
a.righttabcurrent, a.righttabcurrent:link, a.righttabcurrent:visited, a.righttabcurrent:hover { color: #005bab; }

/*** school data ***/

div.schools {
        width: 631px;
}

div.schooldata {
        width: 631px;
        height: 310px;
        background: url(lookfeel/righttabgrow.png) no-repeat;
}

div.schooldata1 {
        position: absolute;
        top: 51px;
        left: 0px;
        width: 631px;
        height: 306px;
        background: none;
}

/* graphs */

div.graphbox {
        width: 610px;
        height: 306px;
        overflow: hidden;
}

div.graph {
        position: relative;
        width: 610px;
        height: 306px;
        overflow: hidden;
}

div.margin10 {
        margin-left: 30px;
}

div.righttabkwh {
        width: 553px;
        height: 82px;
        margin-top: 35px;
        font: bold 82px Lucida Grande, Arial, Helvetica, san-serif;
        color: #005bab;
        line-height: 100%;
        letter-spacing: -0.02em;
        text-align: center;
}

span.righttabkwh {
        font-size: 64px;
        color: #ffffff;
}

div.generatedby {
        width: 553px;
        height: 30px;
        font: normal 20px Lucida Grande, Arial, Helvetica, san-serif;
        font-style: lighter;
        color: #005bab;
        line-height: 120%;
        letter-spacing: -0.02em;
        text-align: center;
        overflow: hidden;
}

div.whichequals {
        width: 553px;
        height: 20px;
        background: url(lookfeel/whichequalsbg.png) no-repeat left 10px;
        font: normal 16px Lucida Grande, Arial, Helvetica, san-serif;
        color: #ffffff;
        line-height: 120%;
        text-align: center;
        text-transform: uppercase;
}

div.ssholder {
        position: relative;
        top: 0px;
        left: 0px;
        width: 610px;
        height: 160px;
}

div.ssframe {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 610px;
        height: 160px;
}

div.picture {
        position: absolute;
        top: 0px;
        left: 100px;
        width: 215px;
        height: 138px;
        text-align: center;
        vertical-align: middle;
}

div.tv                  { background: url(lookfeel/tv.png) no-repeat; }
div.lightbulb   { background: url(lookfeel/lightbulbs.png) no-repeat;}
div.computer    { background: url(lookfeel/computer.png) no-repeat; }
div.carbon              { background: url(lookfeel/carbon.png) no-repeat; }

div.hourstonnes {
        position: absolute;
        top: 0px;
        left: 260px;
        width: 338px;
        height: 74px;
        padding-top: 8px;
        font: bold 64px Lucida Grande, Arial, Helvetica, san-serif;
        color: #005bab;
        line-height: 120%;
        letter-spacing: -0.02em;
        text-align: center;
        overflow: hidden;
}

span.hourstonnes {
        font-size: 26px;
        font-weight: normal;
}

div.ofwhat {
        position: absolute;
        top: 75px;
        left: 260px;
        width: 338px;
        height: 56px;
        font: normal 20px Lucida Grande, Arial, Helvetica, san-serif;
        color: #005bab;
        font-style: lighter;
        line-height: 120%;
        letter-spacing: -0.01em;
        text-align: center;
        overflow: hidden;
}

/* right tab buttons */

div.rightbuttons {
        width: 100%;
        height: 90px;
        padding-left: 21px;
	top: -20px;
        _margin-top: 0px;
        *margin-top: 0px;
        background: url(lookfeel/righttabbuttonbg-updated.png) no-repeat;
}

/* popup ****************************************************************************************************/

div.popup, div.findarea, div.loginarea {
	position: absolute;
	/*display: none;*/
	top: 20%;
	left: 10%;
	width: 50%;
	height: 50%;
	/*margin-top: 71px;*/
	/*padding: 54px 51px 51px 54px;*/
	z-index: 200;
}

div.popup {
/*	background: url(lookfeel/popupbg.png);
	z-index: 110;*/
}

div.popuptitle, div.popuptitle2, div.logintitle, div.logintitle2 {
	float: left;
	width: 732px;
	height: 45px;
	padding: 28px 0px 0px 34px;
	font: normal 1.1vw Lucida Grande, Arial, Helvetica, san-serif;
	color: #005bab;
	line-height: 120%;
	letter-spacing: -0.01em;
	text-align: left;
	overflow: hidden;
}

div.popuptitle2, div.logintitle2 {
	width: 384px;
	height: 49px;
	padding: 0px 0px 0px 0px;
}

div.logintitle2 {
    position: absolute;
    /*left: 25%;*/
    height: 10%;
	width: 17%;
	/*margin-right: 10px;*/
	text-align: right;
	font-size: 0.9vw;
}

a.close, a.close:link, a.close:visited, a.close:hover {
	display: block;
	float: left;
	width: 139px;
	height: 33px;
	margin: 0px 45px 22px 0px;
	padding-top: 18px;
	background: url(lookfeel/closebg.png) no-repeat;
	font: bold 14px Lucida Grande, Arial, Helvetica, san-serif;
	color: #ffffff;
	line-height: 120%;
	letter-spacing: -0.01em;
	text-align: center;
	overflow: hidden;
}

div.popupmapcontainer {
	float: left;
	width: 453px;
	height: 366px;
	margin-left: 34px;
	background: #cccccc;
}

div.popupmap {
	position: relative;
	width: 453px;
	height: 366px;
	background: #cccccc;
}

div.popuptext, div.logintext {
	float: left;
	width: 384px;
	height: 366px;
	margin-left: 34px;
	overflow: hidden;
}

div.logintext {
	width: 800px;
	margin-top: 80px;
}

div.popuptext, div.helptext {
	float: left;
	width: 384px;
	height: 366px;
	margin-left: 34px;
	overflow: hidden;
}

div.helptext {
	width: 800px;
}

div.popupsearch, div.logininput {
	float: left;
	width: 297px;
	height: 19px;
	padding: 7px 16px 6px 0px;
	overflow: hidden;
}

div.logininput {
	height: 10%;
        position: absolute;
        left: 45%;
        width: 55%;
	padding:0px;
}

div.popupsearch input, div.logininput input {
	float: left;
	width: 285px;
	height: 14px;
	padding: 1px 5px 0px 5px;
	font: normal 11px Lucida Grande, Arial, Helvetica, san-serif;
	font-style: lighter;
	color: #000000;
	line-height: 120%;
	overflow: hidden;
}

div.popupresults {
	float: left;
	width: 354px;
	height: 256px;
	margin-top: 11px;
	padding: 10px 16px 5px 12px;
	background: #ffffff;
	border: inset 1px #717171;
	overflow-x: none;
	overflow-y: auto;
}

div.loginresults {
	float: left;
	width: 354px;
	height: 60px;
	margin-top: 11px;
	padding: 10px 16px 5px 12px;
	background: #ffffff;
	border: none;
	color: #aa0000;
}

div.popupline {
	float: left;
	width: 354px;
	height: 32px;
}

div.popupschool {
	float: left;
	width: 284px;
	font: normal 11px Lucida Grande, Arial, Helvetica, san-serif;
	font-style: lighter;
	color: #000000;
	line-height: 120%;
	text-align: left;
}

a.popuplink, a.popuplink:link, a.popuplink:visited, a.popuplink:hover {
	display: block;
	float: left;
	width: 69px;
	height: 32px;
	font: normal 11px Lucida Grande, Arial, Helvetica, san-serif;
	font-style: lighter;
	color: #005bab;
	line-height: 120%;
	text-align: right;
	overflow: hidden;
}


.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 1;
    top: 2.5%;
    left: 2.5%;
    background-color: rgb(255,255,255);
    overflow-y: hidden;
    transition: 0s;
}

.overlay-content {
    position: relative;
    /*top:40 px; 25%;*/
    height: 90%;
    width: 95%;
    color: black;
    background-color: #ffffff;
    text-align: center;
    margin: 50px;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: black;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: black;
}

.overlay .closebtn {
    position: absolute;
    top: 1%;
    right: 0.5%;
    font-size: 50px;
}

@media screen and (max-height: 450px) {
    .overlay {overflow-y: auto;}
    .overlay a {font-size: 20px}
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}

.tabcontainer{

    left:10%;
    top:0%;
    height:500px;
    width:85%;            


}
.tablink {
    background-color: #555;
    color: white;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    font-size: 17px;
    height:55px;
    width: 25%;
    /*border-top-left-radius:15px;*/

}

.tablink:hover {
    background-color: #777;
}

/* Style the tab content */
.tabcontent {
    color: black;
    display: none;
    padding: 10% 5% 5% 5%;
    text-align: center;
    border-radius: 15px;
    box-shadow: 0px 10px 10px rgba(0,0,0,0.1);
}
.tabbutton {
    background-color: #555 !important;
    font-size: 15px !important;
    border:none;
    text-align: center;
    display: inline-block;
    border-radius: 5px;
    padding: 5px;
}

.tabbutton:hover {
    background-color: #777 !important; 
}

table{
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    font-size: 13pt;
    font-weight: normal !important;
}

th,td{
    text-align: center;
    padding: 3px;
    border-bottom: 1px solid #555;
}
        
td{
    width: 10%;
    color: black;
}

th{
    background-color: #4CAF50;
    color:black;
}
tr:nth-child(even){background-color:  rgba(119,119,119,0.4);}

#Summary {background-color:#4ddbff;}
#Alarms {background-color:#4ddbff;}

div.logo {
	position: absolute;
	top: 10%;
	left: 5%;
        width:15%;
        height: 10%
}