/*------------------------------------------------------------------------------
                       Layout and Positioning
/*----------------------------------------------------------------------------*/

.tpl-overlay {
  position: absolute;
  min-height: 800px;
  height: 130%;
  width: 100%;
  z-index: 5;
}

.tpl-overlay-static {
  position: relative;
  height: 100%;
  min-height: 400px;
  margin: 0;
  padding-top: 10%;
}

/*--------------------  Popup   --------------------*/
.tpl-popup {
  position: absolute;
  max-width: 850px;
  width: 75%;
  z-index: 10; 
  min-height: 150px;
  margin: 5% 13% auto 13%;
  padding: 0 5px 0 25px;
}

.tpl-popup-static {
  display: block;
  position: relative;
  margin-top: 0;
}

#tpl-popup-update-message {
  height: 200px;
  width: 100%;
}

.tpl-popup h3{
  margin-top: 5px;
  margin-bottom: 4px;
}

.tpl-popup .instructions {
  float: left;
  margin: 5px 5px 10px 0;
}

.tpl-popup a .popup-button {
  max-width: 160px;
  margin: 5px auto 5px auto;
  padding: 2px 0 2px 0;
}


/*------------------------------------------------------------------------------
                         Styles and Color 
/*----------------------------------------------------------------------------*/

/*-------------  Popup and Overlay  ----------------*/
.tpl-overlay {
  background-color: #bbbb88;
   opacity: 0.6; 
}

.tpl-overlay-static {
  background-color: #eeeecc;
   opacity: 1; 
}

.tpl-popup {
  background-color: #f8f5e5;
  border: 1px solid black;
}

.tpl-popup h3{
  color: #222222;
  text-align: center;
}

.tpl-popup .instructions {
  font-weight: 700;
  color: #222222;
}

.tpl-popup a .popup-button {
  text-align: center;
  font-weight: 800;
  background-color: #cccc88;
  color: #222222;
  cursor: pointer;
  border: 1px solid #333311;
  text-decoration: none;
}

.tpl-popup a:hover .popup-button {
  background-color: #dddd99;
  text-decoration: none;
}

.tpl-popup .close {
  float: right;
  width: 120px;
  margin: 10px 10px 4px 30px;
  padding: 3px;
}

.tpl-popup a .close {
  text-align: center;
  font-weight: 800;
  background-color: #aaaa77;
  color: #222222;
  cursor: pointer;
  border: 1px solid #333311;
}

.tpl-popup a:hover .close {
  background-color: #999966;
}