/* -- 4are.com / HamptonDevelopment.us ------------------------------------------ */

body {
  background-color: #D1D1D1;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

footer {
  margin-top: auto;
}

.res_back {
  background-color: #EEEEEE;
  padding: 10px 20px 10px 10px;
  border-radius: 5px;  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.res_back2 {
  background-color: #EEEEEE;
  padding: 10px 10px 10px 10px;
  border-radius: 5px;  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.hrf {
  height: 1px;
  width: 100%;
  margin: 0px;
  background-color: #606060;
  border: none 0;
}


.menu_active {
  background-color:#2A2A2A;
  border-style:none;
  color:#FFFFFF;
  text-decoration:none;  
  border: solid 1px;
  border-color:#4F4F4F;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;  
}


/* -- Header Chat Buttons & Font Awesome Icons --- */

.bt_chat {  
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  padding: 8px 10px 8px 10px;
  margin: 4px;
  visibility: visible;
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #0070CE;
  color: #0070CE;
  text-decoration: none;
  cursor: pointer;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.bt_chat:hover {
  background: #0070CE;
  color:#FFFFFF;
  text-decoration: none;
  border: 1px solid;
  border-color: #22A9F6;
}

.fa-envelope { color: #0070CE; }
.fa-envelope:hover { color: #058CFF; }
.fa-cog { color: #0070CE; }
.fa-cog:hover { color: #058CFF; }
.fa-power-off { color: #0070CE; }
.fa-power-off:hover { color: #058CFF; }

/* -- Front Page Tiles #00569F --- */

.fp_tile {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  display: block;
  vertical-align: middle;
  height: 80px;
  padding: 4px 10px 4px 10px;
  margin: 6px;
  background-color: #1F1F1F;
  border: 1px solid;
  border-color: #5E5E5E;
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px; 
}

.fp_tile:hover{
  background: #3C3C3C;
  color:#FFFFFF;
  text-decoration: none;
}

/* -- Order Portal Button --- */

.bt_portal {  
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 8px 10px 8px 10px;
  margin: 4px 4px 0px 4px;
  visibility: visible;
  background-color: #009E25;
  border: 1px solid;
  border-color: #087E21;
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.bt_portal:hover {
  background: #07C32F;
  color:#FFFFFF;
  text-decoration: none;
}

/* -- Lead Admin Button --- */

.bt_leads_a {  
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 8px 10px 8px 10px;
  margin: 4px 4px 8px 4px;
  visibility: visible;
  background-color: #0070CE;
  border: 1px solid;
  border-color: #034175;
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.bt_leads_a:hover {
  background: #0180EB;
  color:#FFFFFF;
  text-decoration: none;
}

.bt_leads_b {  
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 8px 10px 8px 10px;
  margin: 4px 4px 8px 4px;
  visibility: visible;
  background-color: #1F1F1F;
  border: 1px solid;
  border-color: #000000;
  color: #A0A09B;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.bt_leads_b:hover {
  background: #2A2A2A;
  color:#A0A09B;
  text-decoration: none;
}

.bt_leads_c {  
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 4px 4px 6px 4px;
  margin: 4px 4px 4px 4px;
  visibility: visible;
  background-color: #0070CE;
  border: 1px solid;
  border-color: #034175;
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.bt_leads_c:hover {
  background: #0180EB;
  color:#FFFFFF;
  text-decoration: none;
}

.bt_leads_d {  
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 4px 4px 6px 4px;
  margin: 4px 4px 4px 4px;
  visibility: visible;
  background-color: #AF1D1D;
  border: 1px solid;
  border-color: #741818;
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.bt_leads_d:hover {
  background: #CE2828;
  color:#FFFFFF;
  text-decoration: none;
}


/* -- Mold Availability --- */

.bt_avail {  
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding: 8px 10px 8px 10px;
  margin: 4px;
  visibility: visible;
  background-color: #0070CE;
  border: 1px solid;
  border-color: #0070CE;
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.bt_avail:hover {
  background: #058CFF;
  color: #FFFFFF;
  text-decoration: none;
  border: 1px solid;
  border-color: #22A9F6;
}

.mold_tab {
  background-color: #EEEEEE;
  text-decoration: none;
  visibility: visible;
  padding: 5px;
  border: 0px;  
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px; 
}

/* -- Advanced Search --- */

#adv_search {
  -moz-transition: height .5s;
  -ms-transition: height .5s;
  -o-transition: height .5s;
  -webkit-transition: height .5s;
  transition: height .5s;
  height: 0;
  overflow: hidden;
  background:#1F1F1F;
  border-bottom-right-radius:8px;
  border-bottom-left-radius:8px;
  -moz-border-radius-bottomright:8px;
  -moz-border-radius-bottomleft:8px;
  -webkit-border-radius-bottomright:8px;
  -webkit-border-radius-bottomleft:8px;
  behavior: url(/css/pie/PIE.htc);	
}

.advanced {
  padding: 10px;
  text-align: left;
  color: #FFFFFF;
}

/* -- Favorites --- */

.bt_delfav {  
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding: 4px 10px 4px 10px;
  margin: 6px;
  visibility: visible;
  background-color: #0070CE;
  border: 1px solid;
  border-color: #0070CE;
  color: #FFFFFF;
  text-decoration: none;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.bt_delfav:hover {
  background: #058CFF;
  color: #FFFFFF;
  text-decoration: none;
  border: 1px solid;
  border-color: #22A9F6;
}

/* -- Tags --- */

.bt_tags {  
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  padding: 4px 6px 4px 6px;
  margin: 2px;
  visibility: visible;
  background-color: #0070CE;
  border: 1px solid;
  border-color: #00569E;
  color: #FFFFFF;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  display:inline;
  display:inline-block;
}