body{font-size:16px;line-height:18px;font-family:helvetica;margin:0;padding:0;background-color:rgb(10, 33, 39)}
h1{font-size:36px;line-height:40px;text-shadow:1px 1px 2px rgb(49, 166, 171);color:white;font-family:Impact, Charcoal, sans-serif;margin:0;margin-bottom:5px}
h2{font-size:16px;line-height:18px;font-family:Charcoal, sans-serif;text-shadow:1px 1px 2px rgb(200, 200, 200);color:black;font-weight:bold;margin:0;padding:0;display:inline-block}
h3{font-size:16px;line-height:18px;font-style:normal;font-family:helvetica;display:inline;margin:0;padding:0}
hr{opacity:.5}
#headerLeft a {color:inherit;text-decoration:none;cursor:pointer}
#divMenu a {color:inherit;text-decoration:none;cursor:pointer}
.nolineA{text-decoration:none;}
 
a,img{border:none}
ul{margin-top:5px}
li{margin: 0 0 5px 0}
form{margin:0;padding:0}
select {border:1px solid #ccc;vertical-align:top;height:20px}
input{width:30px;margin-right:18px;vertical-align:top; }
input, select, textarea{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}

/* MAIN_AREAS  */
.genOut{position:relative;display:block;width:100%;min-width:350px;text-align:center}
#headerOut{background:url(media/header.jpg);height:100px;padding:0;margin:0}
#menuOut{background:url(media/menu.jpg);padding:0;margin:0}
#contentOut{background-color:white;border-top:1px solid grey;border-bottom:1px solid grey;padding:0;margin:0}
#socialOut{display:none}
#footerOut{height:60px;padding:0;margin:0;background-color:rgb(10, 33, 39)}
#header{display:block;width:90%;margin-left:5%;margin-top:10px}
#divMenu{display:block;width:100%;}
#content{display:block;width:90%;margin-left:5%;}
#social{display:none}
#footer{display:block;width:100%;height:60px;font-size:12px;text-align:center;line-height:18px;color:white}
 
/* HEADER  */
#headerLeft{display:block;color:white}
#headerLeft img{display:none}
#headerRight{display:block;color:white;line-height:24px}
#fax{color:rgb(220,220,230)}
.menu_button{display:block;width:100%;height:35px;text-align:center;color:grey;line-height:35px;border-bottom:1px solid rgb(200,200,200)}
.menu_button_selected{display:block;width:100%;height:35px;text-align:center;text-shadow:2px 2px 3px grey;color:rgb(12, 36, 40);line-height:35px;font-weight:bolder;border-bottom:1px solid rgb(100,100,100);border-top:1px solid rgb(100,100,100)}
#menuQuote,#menuCAD,#mobileHide{display:none}
 
/* CONTENT  */
.divGenItem{width:100%;text-align:left;margin-top:25px;overflow:hidden;padding-bottom:20px}
.divGenTop{clear: both;height:20px;font-family:Charcoal, sans-serif;text-shadow:2px 2px 3px rgb(200, 200, 200);color:black;font-weight:bold;margin-bottom:10px;}
.divGenTop span{font-weight:bolder}

/* HOME  */
#homeLeft{width:100%;overflow:hidden;margin:0;margin-bottom:10px;padding:0}
#homeRight{width:100%;text-align:center}
#homeBottom{display:none;}
#homeLeft h2{font-size:16px;line-height:18px;font-family:helvetica;color:black;text-shadow:none;font-weight:normal}
#homeLeft  img{width:50px;float:left;margin-right:10px}
#frontPageNews{text-align:center;margin:0;padding:0;width:100%;z-index:99999;background-color:red;height:14px;line-height:14px;font-size:12px;border-bottom:1px solid white}
#frontPageNews a{text-decoration:none;color:white;}
#frontPageNews span{display:none}
 /* SERVICES */
#servicesLeft{width:100%;}
#servicesRight{display:none;}

/* FIXTURE  */
#checkLeft{width:100%;}
#checkRight{display:none;}

/* NAAMS  */
#naamsLeft{width:100%;}
#naamsRight{display:none;}
 
/* CONTACT  */
.contactItem{display:block;margin-bottom:10px;}
#contactLeft{display:block;}
#contactRight{display:block;margin-top:5px;padding-top:5px;border-top:1px dashed grey;}
.contactIndent{margin-left:5px;font-size:16px}
#selectMap{float:right;margin-bottom:1px;}
#mapFrame{float:right;width:99%; height:350px; border:1px solid grey;margin-bottom:10px;}

/* CAD  */
#divHomeInputs{display:none}
#dimViewContainer{display:none}
#divHomeOutputs{display:none}

/* Quote*/
#quoteTop{width:90%;margin-left:5%;text-align:center}
#quoteTop span{display:none}
#quotegen{display:none}
#publicContainer{display:none}
#patterns{display:none}
#patternHi{display:none}

/* Admin */
#tableOut{max-height:475px;overflow-x:hidden;overflow-y:auto;border-bottom:1px solid grey;border-top:1px solid grey}
#tableAdd{margin:0;padding:0;width:100%;text-align:right}
table {border-collapse: collapse;width: 100%;font-size:18px;}
th{background-color:rgb(5, 20, 23);color:white;}
th, td {padding: 0.25rem;text-align: left;border: 1px solid #ccc;}
tr{background-color:white}
tr.odd{background-color:rgb(248, 242, 248); }
#adminFilter{display:none;position:absolute;z-index:2;top:0;left:0;width:100%;height:200%;background-color:grey;opacity:0.5}
#adminAlert{display:none;height:50px;width:100%;text-align:center;color:white;font-size:50px;margin-top:50px}
#adminForm{display:none;position:absolute;z-index:3;left:0;right:0;top:150px;height:200px;width:400px;margin-left:auto;background-color:white;margin-right:auto;border:2px solid grey;border-radius:5px}
#formTitle{position:relative;color:white;background-color:rgb(5, 20, 23);text-align:center;border-radius:3px}
#formTitleClose{float:right;display:inline-block;width:10px;color:white;font-weight:bold;margin-right:7px}
.adminText{width:125px;display:inline-block;margin-top:10px;margin-left:10px}
.adminInput{width:240px;margin-top:10px}
#adminSubmit{width:80px;float:right;margin-right:20px}
#adminUsers{max-height:475px;width:100%;overflow:auto}
#adminStats{max-height:475px;width:100%;overflow:auto;display:none}
#adminTabUsers{padding-right:5px;color:rgb(5, 20, 23);font-weight:bold}
#adminTabStats{color:grey}
#adminStats th{cursor: pointer;}
.error{color:red}
#adminGrey{color:grey}
#myTable2_length{display:none}
#myTable2_filter{display:inline; float:right}
#myTable2_filter input{width:200px;margin-left:10px;margin-right:0px}
#myTable2_info{font-size:12px;text-align:right}
#myTable2_paginate{display:none}
.dataTables_length{display:inline; float:left}
#pwordContainer{position:relative}
#genpass{position:absolute;top:10px;right:25px;height:15px;width:15px;cursor:pointer}
#genpass:hover{ -webkit-transform: rotate(350deg);transform: rotate(350deg);}

/* Login */
#eqlogin{display:block;height:150px;width:300px;margin-left:350px;margin-top:100px;border:1px solid black;border-radius:5px}
.loginText{width:125px;display:inline-block;margin-top:10px;margin-left:10px}
.loginInput{width:125px;margin-top:10px}
#loginSubmit{width:80px;float:right;margin-right:25px}
#loginfail{display:block;clear:both;color:red;font-size:12px}

/* SOCIAL  */
.soItem{display:inline-block;float:left;height:200px;width:200px;margin:24px 24px 24px 24px;border:1px solid black; background-color:rgb(228, 232, 238);overflow:hidden}
.soTitle{display:block;margin-top:5px}
.soContent{padding:5px}
#aFlag_Widget{display:inline-block;width:150px;float:center;margin-top:15px}
 
/* FOOTER  */
#GWT{color:green}
#GWT a{text-decoration:none;color:inherit}
#divFooter span{display:block;width:960px;border-top:1px dashed grey;}