html{height:100%;margin:0;padding:0}body{margin:0;padding:0;height:100%}#map{height:100%}body,html{height:100%;margin:0;padding:0}#wrapper{min-height:100%;position:relative}h1{font-size:16px;color:#000;font-weight:700;margin-bottom:5px;font-style:normal;font-family:Verdana,Geneva,sans-serif}hc{font-size:20px;align-content:center;color:#000;font-weight:700;margin-bottom:5px;font-style:normal;font-family:Verdana,Geneva,sans-serif;display:flex;align-items:center;justify-content:center}h2{font-size:12px;color:#333;font-weight:700;margin-bottom:5px;font-style:normal;font-family:Verdana,Geneva,sans-serif}table{margin:5px;width:100%}th{padding:3px}td{padding-left:8px;padding-right:8px;border:1px solid #000;background-color:#d3d3d3}th{padding-left:8px;padding-right:8px;border:1px solid #000;background-color:#a9a9a9}.topnav{background-color:rgba(6,89,184,.829);overflow:hidden}.topnav a{float:left;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px;position:relative}.topnav a:hover{background-color:#708090;color:#000}.topnav a.active{background-color:#dcdcdc;color:#fff}.botnav{background-color:rgba(6,89,184,.829);overflow:hidden;padding-top:10px;padding-bottom:20px;padding-left:10px}.botnav a{float:left;color:#f2f2f2;text-align:left;padding:14px 16px;text-decoration:none;font-size:17px;position:relative}.botnav a:hover{background-color:#708090;color:#000}.botnav a.active{background-color:#dcdcdc;color:#fff}.topLogo{position:fixed;width:80%;z-index:1;top:0;-webkit-box-shadow:0 4px 6px -6px #222;-moz-box-shadow:0 4px 6px -6px #222;box-shadow:0 4px 6px -6px #222;height:5%}.logoPicture{position:fixed;width:20%;z-index:1;height:20%}.logoText{font-size:3vh;color:#000;font-weight:700;margin-bottom:5px;font-style:normal;font-family:Verdana,Geneva,sans-serif}.logoText2{font-size:2vh;color:grey;font-weight:400;margin-bottom:5px;font-style:normal;font-family:Verdana,Geneva,sans-serif}.logoText3{font-size:2vh;color:grey;font-weight:400;margin-bottom:5px;font-style:normal;font-family:Verdana,Geneva,sans-serif;padding-top:10px}.floatRight{float:right;padding-right:20px}.left70P{float:left;width:70%}.right30P{float:right;width:30%}#footer{width:100%;height:45px;background:#333;position:fixed;bottom:0;left:0;font-size:10pt;color:#f5f5f5;font-weight:400;margin-bottom:5px;font-style:normal;font-family:Verdana,Geneva,sans-serif;padding-top:20px;padding-left:10px;text-align:center}.inputBox{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:80%}div.bodyStart{position:relative;min-height:100%;left:20px;top:15px;padding:10px;padding-bottom:80px;font-size:10px;color:#000;font-weight:400;margin-bottom:5px;font-style:normal;font-family:Verdana,Geneva,sans-serif}div.gridStart{position:centre;min-height:100%;width:100px;height:100px}.img_wrap{position:relative}.img_description{position:absolute;top:0;bottom:0;left:50px;right:0;color:gray;visibility:hidden;opacity:0;font-style:normal;font-family:Verdana,Geneva,sans-serif;font-size:8pt;transition:opacity .2s,visibility .2s}.img_wrap:hover .img_description{visibility:visible;opacity:1}.form-popup{display:none;position:fixed;bottom:0;right:15px;border:3px solid #f1f1f1;z-index:9}.form-container{max-width:300px;padding:10px;background-color:#fff}.form-container input[type=password],.form-container input[type=text]{width:100%;padding:15px;margin:5px 0 22px 0;border:none;background:#f1f1f1}.form-container input[type=password]:focus,.form-container input[type=text]:focus{background-color:#ddd;outline:0}.form-container .btn{background-color:#4caf50;color:#fff;padding:16px 20px;border:none;cursor:pointer;width:100%;margin-bottom:10px;opacity:.8}.form-container .cancel{background-color:red}.form-container .btn:hover,.open-button:hover{opacity:1}.box{background-color:#fff;width:80%;padding:25px;border:50px #333;font-size:10px;color:#000;font-weight:400;margin-bottom:5px;font-style:normal;font-family:Verdana,Geneva,sans-serif}.pdpCover{float:left;width:50%}.pdpPOA{float:right;width:50%}.menuSideLeft{float:left;width:20%}.menuSideRight{float:right;width:80%}.fourColumns{float:left;width:25%}.threeColumns{float:left;width:33.3%}.twoColumns{float:left;width:50%}.fiveColumns{float:left;width:20%}.Window15Percent{float:left;width:15%}.Window85Percent{float:left;width:85%}.productMenu{float:left;width:100%;padding:20px}.productMenuRow{float:left;width:100%}.threeSection{float:left;width:30%;padding-right:5px}.mapFrame{float:top;height:680px}.menuSection{float:left;width:50%}.menuAdmin{float:right;width:30%}.menuDevice{float:left;width:20%;padding:2px;background-color:#3f3e3e}.menuController{float:left;width:40%;padding:2px;background-color:#3f3e3e}.loginBody{padding:50px;background-color:#ebe6e6}.setupButton{background-color:#4caf50}.squareLogin{float:right;margin-right:20px;margin-top:20px;width:90px;height:30px;font-size:.8vw;font-weight:700;color:#fff;background-color:#112a4b;box-shadow:0 1px 2px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.5);cursor:pointer}.squareLogin:hover{color:#000!important;background-color:#ccc!important}.squareSettings{margin-right:20px;margin-top:20px;width:80px;height:30px;font-size:.8vw;font-weight:700;color:#fff;background-color:#112a4b;box-shadow:0 1px 2px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.5);cursor:pointer;cursor:pointer}.squareSettings:hover{color:#000!important;background-color:#ccc!important}.square{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;background-color:#112a4b;text-align:center;cursor:pointer;white-space:nowrap;width:16%;height:50px;text-align:left;padding-bottom:12px;color:#f5f5f5;font-size:1.2vw;font-weight:400;margin-bottom:5px;font-style:normal;font-family:Verdana,Geneva,sans-serif;padding-top:12px;padding-left:10px;text-align:center}.square:hover{color:#000!important;background-color:#ccc!important}.menuBlock{border:none;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;background-color:#6147bd;text-align:center;width:100%;height:50px;text-align:left;padding:8px 16px;font-size:18pt;color:#6147bd;font-weight:400;margin-bottom:5px;font-style:normal;font-family:Verdana,Geneva,sans-serif;padding-top:20px;padding-left:10px;text-align:center}#mainBody{display:none}#loginBody2{display:block;text-align:centre;padding:100px}#profileUpdateBody{display:none}#loginBody{display:block;position:fixed;width:340px;height:280px;top:50%;left:50%;margin-top:-140px;margin-left:-170px;background:#fff;border-radius:3px;border:1px solid #ccc;box-shadow:0 1px 2px rgba(0,0,0,.1)}#settingsBody{display:none;position:fixed;width:380px;height:540px;top:50%;left:50%;margin-top:-200px;margin-left:-190px;background:#fff;border-radius:10px;border:3px solid #ccc;box-shadow:0 1px 2px rgba(0,0,0,.1)}#registerBody{display:none;position:fixed;width:340px;height:360px;top:50%;left:50%;margin-top:-140px;margin-left:-170px;background:#fff;border-radius:3px;border:1px solid #ccc;box-shadow:0 1px 2px rgba(0,0,0,.1)}form{margin:0 auto;margin-top:20px}label{color:#555;display:inline-block;margin-left:18px;padding-top:10px;font-size:14px}p a{font-size:11px;color:#aaa;float:right;margin-top:-13px;margin-right:20px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}p a:hover{color:#555}input{font-family:"Helvetica Neue",Helvetica,sans-serif;font-size:12px;outline:0}input[type=password],input[type=text]{color:#777;padding-left:5px;margin:5px;margin-top:12px;margin-left:18px;width:290px;height:30px;border:1px solid #c7d0d2;border-radius:2px;box-shadow:inset 0 1.5px 3px rgba(190,190,190,.4),0 0 0 5px #f5f7f8;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}input[type=password]:hover,input[type=text]:hover{border:1px solid #b6bfc0;box-shadow:inset 0 1.5px 3px rgba(190,190,190,.7),0 0 0 5px #f5f7f8}input[type=password]:focus,input[type=text]:focus{border:1px solid #a8c9e4;box-shadow:inset 0 1.5px 3px rgba(190,190,190,.4),0 0 0 5px #e6f2f9}#lower{background:#ecf2f5;width:100%;height:69px;margin-top:20px;box-shadow:inset 0 1px 1px #fff;border-top:1px solid #ccc;border-bottom-right-radius:3px;border-bottom-left-radius:3px}input[type=checkbox]{margin-left:20px;margin-top:30px}.check{margin-left:3px;font-size:11px;color:#444;text-shadow:0 1px 0 #fff}input[type=submit]{float:right;margin-right:20px;margin-top:20px;width:80px;height:30px;font-size:14px;font-weight:700;color:#fff;background-color:#acd6ef;background-image:-webkit-gradient(linear,left top,left bottom,from(#acd6ef),to(#6ec2e8));background-image:-moz-linear-gradient(top left 90deg,#acd6ef 0,#6ec2e8 100%);background-image:linear-gradient(top left 90deg,#acd6ef 0,#6ec2e8 100%);border-radius:30px;border:1px solid #66add6;box-shadow:0 1px 2px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.5);cursor:pointer}input[type=submit]:hover{background-image:-webkit-gradient(linear,left top,left bottom,from(#b6e2ff),to(#6ec2e8));background-image:-moz-linear-gradient(top left 90deg,#b6e2ff 0,#6ec2e8 100%);background-image:linear-gradient(top left 90deg,#b6e2ff 0,#6ec2e8 100%)}input[type=submit]:active{background-image:-webkit-gradient(linear,left top,left bottom,from(#6ec2e8),to(#b6e2ff));background-image:-moz-linear-gradient(top left 90deg,#6ec2e8 0,#b6e2ff 100%);background-image:linear-gradient(top left 90deg,#6ec2e8 0,#b6e2ff 100%)}.settingsDD{color:#777;padding-left:5px;margin:5px;margin-top:12px;margin-left:18px;width:80%;height:30px;border:1px solid #c7d0d2;border-radius:2px;box-shadow:inset 0 1.5px 3px rgba(190,190,190,.4),0 0 0 5px #f5f7f8;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease}.settingsButton{text-align:centre;margin-left:30%;width:40%;height:50px;font-size:.8vw;font-weight:700;color:#fff;background-color:#112a4b;box-shadow:0 1px 2px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.5);cursor:pointer}.settingsBlock{position:relative;width:340px;margin-top:15px;margin-left:20px;background:#fff;border-radius:3px;border:1px solid #ccc;box-shadow:0 1px 2px rgba(0,0,0,.1)}.PanelFloat{position:fixed;overflow:hidden;z-index:2400;opacity:.7;right:30px;top:0!important;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}table.resized{table-layout:auto;font-family:Verdana,Geneva,sans-serif;font-size:.8vw;padding:5px}td{padding:2px;text-align:left}th{padding:2px;text-align:centre}tr:hover{background-color:#f5f5f5}tr:nth-child(even){background-color:#f2f2f2}table,td,th{border:1px solid #000}