body, html {
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
  direction: ltr;
  text-align: left;
}
:focus-visible { outline:0;}
.tgCustomerSignature {
  width: 200px;
  height: 100px;
  border: 2px solid;
  border-radius: 4px;
  cursor: crosshair
}

#teamgramWebFormHolder {
  width: 100%;
  display: block;
  padding: 20px 0;
}

  #teamgramWebFormHolder .imgWrp {
    width: 500px;
    text-align: center;
    margin: 0 auto 25px;
  }

    #teamgramWebFormHolder .imgWrp .topImg {
      width: auto;
      max-width: 100%;
      height: auto;
      margin: 0 auto;
      display: block;
    }
  #teamgramWebFormHolder .formWrp.tgnew .tgfieldholder {
    margin-bottom: 12px;
  }
    #teamgramWebFormHolder .formWrp.tgnew .tgfieldholder .formIntWrp {
      margin-bottom: 0
    }

    #teamgramWebFormHolder .formWrp {
      margin: 0 auto;
      width: 500px;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      line-height: 1.5;
    }

    #teamgramWebFormHolder .formWrp .formItemTag {
      font-weight: bold;
    }

    #teamgramWebFormHolder .formWrp .formIntWrp {
      text-align: left;
      margin: 4px 0 12px 0;
    }

      #teamgramWebFormHolder .formWrp .formIntWrp input[type="text"] {
        width: 100%;
        background-color: #fff;
        border: 1px solid #dadada;
        padding: 7px;
        line-height: 18px;
        box-sizing: border-box;
      }

      #teamgramWebFormHolder .formWrp .formIntWrp textarea {
        height:32px;
        resize:none;
        width: 100%;
        background-color: #fff;
        border: 1px solid #dadada;
        padding: 7px;
        line-height: 18px;
        box-sizing: border-box;
        font-family: Arial, Helvetica, sans-serif;
      }

      #teamgramWebFormHolder .formWrp .formIntWrp select {
        height: 34px;
        width: 100%;
        background-color: #fff;
        border: 1px solid #dadada;
      }

    #teamgramWebFormHolder .formWrp .formFooter {
      width: 100%;
      display: block;
      overflow: hidden;
      padding-top:20px;
    }

      #teamgramWebFormHolder .formWrp .formFooter .captchaWrp {
        width: 100%;
        display: block;
      }

      #teamgramWebFormHolder .formWrp .formFooter .btnWrp {
        margin-top: 20px;
        display: block;
        text-align: right;
        width: 100%;
      }

        #teamgramWebFormHolder .formWrp .formFooter .btnWrp input[type="submit"] {
          cursor: pointer;
          display: inline-block;
          background-color: #3399ff;
          padding: 8px 30px;
          color: white;
          font-size: 16px;
          line-height: normal;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
          border-radius: 4px;
          border: medium none;
          border-radius: 4px;
          border: 1px solid #dadada;
        }

          #teamgramWebFormHolder .formWrp .formFooter .btnWrp input[type="submit"]:hover {
            background-color: #7778FF;
            color: white;
            text-decoration: none;
          }

          #teamgramWebFormHolder .formWrp .formFooter .btnWrp input[type="submit"]:active {
            -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
            -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
          }

          #teamgramWebFormHolder .formWrp .formFooter .btnWrp input[type="submit"]:focus {
            border: none;
            outline: none;
          }

    #teamgramWebFormHolder .formWrp.successBox {
      margin: 50px auto;
      font-size: 1.2em;
    }

.fromTiny h1 {
  font-size: 2em;
}

.fromTiny h2 {
  font-size: 1.5em;
}

.fromTiny h3 {
  font-size: 1.17em;
}

.fromTiny h4 {
  font-size: 1.12em;
}

.fromTiny h5 {
  font-size: .83em;
}

.fromTiny h6 {
  font-size: .75em;
}

.tgbanner {
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: white;
  color: #8A8A8A;
  font-size: 12px;
  line-height: 40px;
  padding: 10px;
}

  .tgbanner img {
    vertical-align: middle;
    width: 140px;
    height: 40px;
  }

  .tgbanner a {
    text-decoration: none;
    color: #8A8A8A;
  }

.selectBox {
  position: relative;
}

  .selectBox select {
    width: 100%;
  }

.overSelect {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

#checkboxes {
  display: none;
  border: 1px #dadada solid;
}

  #checkboxes label {
    display: block;
  }

    #checkboxes label:hover {
      background-color: #1e90ff;
    }


@media (min-width: 1680px) {
  #teamgramWebFormHolder .imgWrp {
    width: 50%;
    text-align: center;
    margin: 0 auto 25px;
  }

  #teamgramWebFormHolder .formWrp {
    margin: 0 auto;
    width: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

    #teamgramWebFormHolder .formWrp .formIntWrp {
      margin: 4px 0 22px 0;
    }

      #teamgramWebFormHolder .formWrp .formIntWrp input[type="text"] {
        padding: 10px 12px;
        font-size: 1.3em;
      }

      #teamgramWebFormHolder .formWrp .formIntWrp textarea {
        padding: 10px 12px;
        font-size: 1.3em;
      }

    #teamgramWebFormHolder .formWrp.successBox {
      margin: 50px auto;
      font-size: 1.3em;
    }
}

@media (max-width: 768px) {
  #teamgramWebFormHolder .imgWrp {
    width: 90%;
    text-align: center;
    margin: 0 auto 25px;
  }

  #teamgramWebFormHolder .formWrp {
    margin: 0 auto;
    width: 90%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

    #teamgramWebFormHolder .formWrp .formIntWrp {
      margin: 4px 0 22px 0;
    }

      #teamgramWebFormHolder .formWrp .formIntWrp input[type="text"] {
        padding: 10px 12px;
      }
}