/* ---------------- ? OBSOLETE ? -------------------- */

#big-message-box-overlay {
  opacity:    0.5;
  background: #000;
  width:      100%;
  height:     100%;
  z-index:    10;
  top:        0;
  left:       0;
  position:   fixed;
}

#big-message-box {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  padding: 1rem;
  width: 80%;
  border: 1px solid var(--pit-main);
  color: #F00;
  background-color: #FFF;
  border-radius: 1rem;
  font-size: 2rem;
  line-height: 2.2rem;
  z-index: 11;
}
#big-message-box-title {
  font-size: 2.6rem;
  line-height: 2.8rem;
  border-bottom: 2px solid var(--pit-main);
  margin-bottom: 0.40rem;
}

#big-message-box-mssg {

}

.uname_err_block {
  margin: 1rem;
}


#big-message-box-close {
  box-shadow:inset 0px 1px 0px 0px #f29c93;
  background:linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
  background-color:#fe1a00;
  border-radius: 5px;
  border-top-right-radius:5px;
  text-indent:0;
  display:inline-block;
  color:#ffffff;
  font-weight:bold;
  font-style:normal;
  height:50px;
  line-height:50px;
  width:140px;
  text-decoration:none;
  text-align:center;
  text-shadow:0px 1px 0px #b23e35;
  cursor: pointer;
}
#big-message-box-close:hover {
  background:linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
  background-color:#ce0100;
}
#big-message-box-close:active {
  position:relative;
  top:1px;
}

/* ------------------------------------ */

.verify-gift-card  {
  background-color: #FFEFEF;
  border: solid 1px #FF0000;
}

.verify-gift-card .ui-dialog-titlebar {
  background-color: #990000;
  color: #FFfffF;
}

.verify-gift-card input {
  box-sizing: border-box;
  background-color: #FFFFFF;
  border: 1px solid #0000;
  padding: 3px 6px;
  border-radius: 4px;
  width: 100%;
}

.verify-gift-card b {
  color: #FF0000;
}

.verify-gift-card .ui-dialog-titlebar-close {
  background-color: #FFFFFF;
  border: 1px solid black;
  border-radius: 2px;
}

.verify-gift-card .ui-dialog-titlebar-close:hover {
  background-color: #FF0000;
}

.mdiv {
  display: block;
  height: 16px;
  width: 2px;
  margin-left: 7px;
  background-color: #000000;
  transform: rotate(45deg);
  Z-index: 1;
}

.md {
  display: block;
  height: 16px;
  width: 2px;
  background-color: #000000;
  transform: rotate(90deg);
  Z-index: 2;
}

/* ------------------------------------ */

.canvas-layout-container .canvas-widget {
  background-color: #FFFFFF !important;
  border: 0 !important;
  padding: 0 !important;
}

.humanverify {
  margin-top: 0 !important;
}

/* ------------------------------------ */

#pit-join-wrap-login-mssg {
  display: none;
}

#pit-join-wrap-login {
  max-width: 400px;
  margin: 0 auto;
  padding: 1rem;
  height: auto !important;
  text-align: center;

  border: 1px solid #CACACA;
  border-radius: 1rem;
}

#pit-join-wrap-login div.title {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 2.0rem;
  text-align: center;
}

#pit-join-wrap {
  max-width: 700px;
  margin: 0 auto;
  font-size: 1.2rem;
  line-height: 1.4rem;
  height: auto !important;
}

#pit-join-wrap table {
  width: 100%;
}

#pit-join-wrap input[type="text"],
#pit-join-wrap input[type="password"] {
  width: 100%;
  padding: 6px 10px;
  border: 1px solid #373737;
  border-radius: 5px;
  background-color: #D9D2FF;
  font-size: 1.5rem;
  line-height: 1.7rem;
  box-sizing: border-box;
}

.textbox[type="text"] {
  height: auto !important;
}

#pit-join-wrap hr {
  height: 2px;
  border: 0;
  background-color: var(--pit-main);
  width: 100%;
  margin: .5rem 0;
  padding: 0;
}

/* #pit-join-wrap tr.spacer {} */

#pit-join-wrap ul {
  margin: .5rem 2rem;
  list-style-position: outside;
  list-style-type: disc;
}

#pit-join-wrap li {
  padding: 3px 0;
}

#pit-join-wrap div.title {
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 2.0rem;
  text-align: center;
}

#pit-join-wrap div.inote {
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1.4rem;
  text-align: center;
}

#pit-join-wrap span.info {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 1.6rem;
  margin-top: 3px;
}

#pit-join-wrap span.btn {
  display: inline-block;
  font-size: 1.7rem;
  font-weight: bold;
  line-height: 1.9rem;
  padding: .5rem 2rem;
  cursor: pointer;
}

#pit-join-wrap span.btn-go {
  border:1px solid #FF0000; -webkit-border-radius: 1rem; -moz-border-radius: 1rem;border-radius: 1rem; padding: 5px 15px 5px 15px; text-decoration:none;text-shadow: 1px 1px 0 rgba(255,255,255,0.3); color: #FFFFFF;
  background-color: #FF4141; background-image: -webkit-gradient(linear, left top, left bottom, from(#FF4141), to(#A52A2A));
  background-image: linear-gradient(to bottom, #FF4141, #A52A2A);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF4141, endColorstr=#A52A2A);
}

#pit-join-wrap span.btn-go:hover{
  border:1px solid #FF4141;
  background-color: #A52A2A; background-image: -webkit-gradient(linear, left top, left bottom, from(#A52A2A), to(#FF4141));
  background-image: linear-gradient(to bottom, #A52A2A, #FF4141);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#A52A2A, endColorstr=#FF4141);
}

#pit-join-wrap span.btn-xo {
  float: right;
  border:1px solid #FF0000; -webkit-border-radius: 1rem; -moz-border-radius: 1rem;border-radius: 1rem; padding: 5px 15px 5px 15px; text-decoration:none;text-shadow: 1px 1px 0 rgba(255,255,255,0.3); color: #A52A2A;
  background-color: #FFFFFF; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E8E8E8));
  background-image: linear-gradient(to bottom, #FFFFFF, #E8E8E8);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFFFFF, endColorstr=#E8E8E8);
}

#pit-join-wrap span.btn-xo:hover {
  border:1px solid #FF4141;
  background-color: #E8E8E8; background-image: -webkit-gradient(linear, left top, left bottom, from(#E8E8E8), to(#FFFFFF));
  background-image: linear-gradient(to bottom, #E8E8E8, #FFFFFF);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E8E8E8, endColorstr=#FFFFFF);
}

#pit-join-wrap td {
  vertical-align: top;
}

#pit-join-wrap dd.special {
  border: 1px solid var(--pit-main);
}

/* titles */

#pit-join-wrap label {
  color: #000;
  font-style: normal;
}

/* #pit-join-wrap label:hover {
  font-style: oblique;
} */

/* big check boxes */

#pit-join-wrap input[type="checkbox"] {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   display: inline-block;
   position: relative;
   background-color: #f1f1f1;
   color: #666;
   top: 10px;
   height: 30px;
   width: 30px;
   border: 2px solid var(--pit-main);
   border-radius: 3px;
   cursor: pointer;
   margin-right: 7px;
   outline: none;
}

#pit-join-wrap input[type="checkbox"]:hover {
   background-color: #FFF;
 }

#pit-join-wrap input[type="checkbox"]:checked::before {
   position: absolute;
   font-family: 'Open Sans', sans-serif;
   font-weight: bold;
   font-size: 3rem;
   line-height: 3rem;
   content: '\02714';
   color: var(--pit-main);
}

/* big radio buttons */

#pit-join-wrap input[type="radio"] {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   display: inline-block;
   position: relative;
   background-color: #f1f1f1;
   color: #666;
   top: 10px;
   height: 30px;
   width: 30px;
   border: 2px solid var(--pit-main);
   border-radius: 50px;
   cursor: pointer;
   margin-right: 7px;
   outline: none;
}

#pit-join-wrap input[type="radio"]:hover {
   background-color: #FFF;
 }

#pit-join-wrap input[type="radio"]:hover::before {
   position: absolute;
   font-family: 'Open Sans', sans-serif;
   font-weight: bold;
   font-size: 3rem;
   line-height: 2rem;
   content: '\02714';
   color: var(--pit-main);
}


#verify-gift-card-mssg {
  color: #F00;
  background-color: #FFF;
  border: 1px solid #F00;
  margin: 0;
  padding: 0.25rem;
  border-radius: 0.25rem;
}

/* Joinable List */

#pit-join-wrap div.joinable {
  padding: 1rem 0;
  font-size: 1.2em;
  line-height: 1.2em;
}

/*
#pit-join-wrap label + ul {
}
*/

#pit-join-wrap label + ul li {
  margin-left: 3rem;
}

#pit-join-wrap label > span {
  font-size: 1.8rem;
  line-height: 2rem;
  font-weight: bold;
}

@media only screen and (max-width: 650px) {

  * {
    box-sizing: border-box;
  }

/*
  #wrapper #content {
    padding: 0 !important;
  }
*/

  .canvas-layout-container {
    padding: 0 !important;
  }

  #pit-join-wrap tr.spacer {
    display: none;
  }
}

@media only screen and (max-width: 400px) {

  #pit-join-wrap td {
    display: block;
    box-sizing: border-box !important;
    width: 100% !important;
    margin: 0 !important;
    padding: .25rem .5rem;
  }

  #pit-join-wrap span.btn {
    display: block;
    text-align: center;
  }

  #pit-join-wrap span.btn-xo {
    margin-top: .5rem;
    float: none;
  }

  #pit-join-wrap div.title {
    font-size: 1.5rem;
  }

  #pit-join-wrap div.inote {
    font-size: 1.1rem;
  }

/*
  #pit-join-wrap ul {
    margin: .5rem;
    list-style-type: none;
  }

  #pit-join-wrap dl {
    margin: .5rem;
  }

  #pit-join-wrap dt {
    margin: 0;
  }

  #pit-join-wrap dd {
    margin: 0 0 .5rem 0;
  }
*/

  #pit-join-wrap input[name="joinpitopt"] + b {
    font-size: 1rem;
  }

  #pit-join-wrap .tos_link {
    display: block;
    margin-top: 1rem;
  }
}

/* ------------------------------------ */

/*  media queries */

/*
@media screen and (max-width:360px) {

}
*/

/* ------------------------------------ */