/** sprite: blue; sprite-image: url(../images/sprite.png); sprite-layout: vertical */
/** sprite: grey; sprite-image: url(../images/sprite-grey.png); sprite-layout: vertical */
/** sprite: hover; sprite-image: url(../images/sprite-hover.png); sprite-layout: vertical */
/** sprite: orange; sprite-image: url(../images/sprite-orange.png); sprite-layout: vertical */
html, body {
  background-color: white;
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  height: 100%;
  }


.hidden { display: none; }
iframe {
  display: none;
  }

#t_avname {
  background-image: url(../images/elements/avname.png); /** sprite-ref: grey; sprite-margin-top: 4px; sprite-margin-bottom: 50px; */
  background-repeat: no-repeat;
  margin: 0 2px;
}
#t_password {
  background-image: url(../images/elements/password.png); /** sprite-ref: grey; sprite-margin-top: 4px; sprite-margin-bottom: 50px; */
  background-repeat: no-repeat;
  margin: 0 2px;
}
#t_avname:focus, #t_password:focus { background: white; }

.textInput {
  margin: 0 auto;
  width: 235px;
  }
  .textInput input {
    border: 2px solid #ececec;
    width: 231px;
    background-color: #ececec;
    }
  .textInput input:focus {}
  .textInput input.error {
    background-color: #f79f05;
    border-color: #f79f05;
    color: black;
    }

.inputFeedback {
  clear: both;
  color: white;
  font-size: 10px;
  line-height: 12px;
  margin: 0 auto;
  min-height: 24px;
  width: 235px;
  }

.off {
  display: block;
  height: 0px;
  overflow: hidden;
  position: relative;
  top: -9999px;
  width: 0px;
}

a { color: white; text-decoration: underline; cursor: pointer; }
.good { color: white; }
.normal { color: white; }
.warn { color: white; }
.error { color: #f79f05; }
select.error { background-color: #f79f05; color: black; }
#show1, #show2 { display: none; }

#seo, #seo *, #nav, #waiting, #tooYoung, #serverError, #badSecure { display: none; }

.chooseOutfit, #avatarValues, #avatarBase, #formName, #toPart2 { display: none; }
#downloadBox, #watchGetThere { display: none; }

.nextPrev a.prev, .nextPrev a.next {
  line-height: 31px;
  margin-bottom: 8px;
  text-decoration: none;
  }
  .nextPrev a.next {
    background-image: url(../images/elements/button-next-large.png); /** sprite-ref: blue; sprite-alignment: right; */
    background-repeat:no-repeat;
    background-position: 30px;
    float: right;
    padding-right: 41px;
    right: 10px;
    position: relative;
    }
  .nextPrev a.next:hover,
  .nextPrev a.next.hover {
    background-image: url(../images/elements/button-next-large-hover.png); /** sprite-ref: hover; sprite-alignment: right; */
    }
  .nextPrev a.prev {
    background-image: url(../images/elements/button-prev-large.png); /** sprite-ref: blue; */
    background-repeat:no-repeat;
    background-position: 3px;
    float: left;
    left: 10px;
    padding-left: 41px;
    position: relative;
  }
  .nextPrev a.prev:hover,
  .nextPrev a.prev.hover {
    background-image: url(../images/elements/button-prev-large-hover.png); /** sprite-ref: hover; */
    }

#wrapper {
  background-position: top center;
  background-repeat: no-repeat;
  min-width: 960px;
  }
  #homeWrapper {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    position: relative;
    width: 960px;
    }
    #header {
      clear: both;
      float: left;
      margin-top: 3px;
      position: relative;
      width: 100%;
      }
      #thereLogo {
        background-image: url(../images/elements/thereLogo.png);
        display: block;
        float: left;
        height: 34px;
        width: 295px;
        }
      #memberLogin {
        display: block;
        float: left;
        margin: 5px 0 0 10px;
        }
        .forgot {
          font-size: 8px;
          }
          .forgot a {
            color: black;
            text-decoration: underline;
            }

    #leftCol {
      display: block;
      float: left;
      width: 336px;
      }
      #background {
        background-image: url(../images/elements/tab-locations.png); /** sprite-ref: blue; */
        float: left;
        height: 29px;
        margin: 16px auto 2px auto;
        text-align: center;
        width: 336px;
        }
        #backgroundArrows {
          display: inline;
          float: right;
          height: 22px;
          margin: 3px 10px 0 0;
          position: relative;
          width: 48px;
          }
          #backgroundArrows a {
            display: inline;
            float: left;
            margin-left: 2px;
            height: 22px;
            text-decoration: none;
            width: 22px;
            }
            #background a:hover,
            #background a.hover {
              }
          #backgroundPrev {
            background-image: url(../images/elements/button-prev.png); /** sprite-ref: blue; */
            }
          #backgroundPrev.hover,
          #backgroundPrev:hover {
            background-image: url(../images/elements/button-prev-hover.png); /** sprite-ref: hover; */
            }
          #backgroundNext {
            background-image: url(../images/elements/button-next.png); /** sprite-ref: blue; */
            }
          #backgroundNext.hover,
          #backgroundNext:hover {
            background-image: url(../images/elements/button-next-hover.png); /** sprite-ref: hover; */
            }

      #videoPlayer {
        clear: both;
        width: 336px;
        }
        #videoHeadline {
          background-image: url(../images/elements/tab-view-our-video.png); /** sprite-ref: blue; */
          display: block;
          height: 29px;
          margin: 0 auto;
          text-align: center;
          width: 336px;
          }
          #videoHeadlineText {
            display: inline;
            float: left;
            height: 25px;
            margin: 2px 0 0 12px;
            width: 140px;
            }
          #videoClose {
            display: inline;
            float: right;
            height: 22px;
            margin: 2px 10px 0 0;
            text-decoration: none;
            width: 22px;
            }
          #videoPlayer .close {
            background-image: url(../images/elements/button-minimize.png); /** sprite-ref: blue; */
            }
            #videoPlayer .close:hover,
            #videoPlayer .close.hover {
              background-image: url(../images/elements/button-minimize-hover.png); /** sprite-ref: hover; */
              }
          #videoPlayer .open {
            background-image: url(../images/elements/button-expand.png); /** sprite-ref: blue; */
            }
            #videoPlayer .open:hover,
            #videoPlayer .open.hover {
              background-image: url(../images/elements/button-expand-hover.png); /** sprite-ref: hover; */
              }
        #video {
          height: 255px;
          margin: 2px auto 0;
          width: 328px;
          }

    #rightCol {
      display: block;
      float: left;
      height: auto!important;
      height: 609px;
      min-height: 609px;
      overflow: visible;
      position: relative;
      width: 619px;
      }

      #flyout-wrapper {
        cursor: pointer;
        display: none;
        float: right;
        left: 11px;
        position: relative;
        top: 36px;
        width: 79px;
        z-index: 100;
        }
        #flyout-wrapper:hover {
          cursor: pointer;
          }
        #flyout-t {
          background-image: url(../images/elements/side-top.png); /** sprite-ref: orange; sprite-alignment: repeat; */
          height: 20px;
          margin: 0 7px;
          }
          #flyout-tl {
            background-image: url(../images/elements/side-top-left.png); /** sprite-ref: orange; */
            height: 20px;
            left: 0;
            position: absolute;
            top: 0;
            width: 7px;
            }
          #flyout-tr {
            background-image: url(../images/elements/side-top-right.png); /** sprite-ref: orange; sprite-alignment: right; */
            height: 20px;
            position: absolute;
            right: 0;
            top: 0;
            width: 7px;
            }
        #flyout {
          background-color: #ffc53b;
          }
          #flyout h3 {
            font-size: 10px;
            font-weight: bold;
            text-align: center;
            width: 72px;
            }
          #flyout h4 {
            font-size: 12px;
            font-weight: bold;
            text-align: center;
            width: 72px;
            }
            #flyout-tb-sign {
              vertical-align: middle;
              height: 29x;
              }
            #flyout-amount {
              font-size: 18px;
              font-weight: bold;
              text-align: left;
              vertical-align: middle;
              height: 32x;
              }
          #flyout-copy {
            display: none;
            margin-top: 10px;
            }
            #flyout-copy p {
              line-height: 1.5em;
              margin: 0 auto;
              padding: .5em 10px;
              }
        #flyout-b {
          background-image: url(../images/elements/side-bottom.png); /** sprite-ref: orange; sprite-alignment: repeat; */
          height: 18px;
          margin: 0 7px;
          }
          #flyout-bl {
            background-image: url(../images/elements/side-bottom-left.png); /** sprite-ref: orange; */
            bottom: 0;
            height: 18px;
            left: 0;
            position: absolute;
            width: 7px;
            }
          #flyout-br {
            background-image: url(../images/elements/side-bottom-right.png); /** sprite-ref: orange; sprite-alignment: right; */
            bottom: 0;
            height: 18px;
            position: absolute;
            right: 0;
            width: 7px;
            }

    #avatarFormWrapper {
      display: block;
      float: right;
      margin: 17px 0;
      position: relative;
      width: 265px;
      z-index: 500;
      }
      #avatarFormBottom, #avatarFormTop {
        background-repeat: no-repeat;
        display: block;
        height: 8px;
        width: 265px;
        }
      #avatarFormTop {
        background-image: url(../images/elements/panel-top.png); /** sprite-ref: blue; sprite-margin-top: 3px; */
        }
      #avatarFormBottom {
        background-image: url(../images/elements/panel-bottom.png); /** sprite-ref: blue; sprite-margin-bottom: 10px; */
        }
      #avatarForm {
        background-color: #022460;
        color: white;
        display: block;
        margin: 0 auto;
        position: relative;
        width: 257px;
        }
        .panel-style {
          background-image: url(../images/elements/panel-style.png);
          background-position: bottom center;
          background-repeat: no-repeat;
          height: auto !important;
          height: 41px;
          min-height: 41px;
          width: 257px;
          }
        #avatarMain {
          }
          .formPart {
            clear: both;
            overflow: hidden;
            padding: 0 0;
            position: relative;
            }
          #part1 { visibility: hidden; }
          #part2, #part3, #part4 {
            display: none;
            }

            /* Part 1 */
            .membershipFree {
              background-image: url(../images/elements/text-free-membership.png); /** sprite-ref: blue; */
              height: 21px;
              margin: 0 auto;
              position: relative;
              top: 7px;
              width: 201px;
              }
            #createLook {
              background-image: url(../images/elements/text-create-avatar-and-win.png); /** sprite-ref: blue; */
              display: block;
              height: 45px;
              margin: 11px auto 0;
              width: 188px;
              }
            #formGender {
              margin: 17px auto 10px;
              overflow: hidden;
              width: 184px;
              }
              #male {
                background-image: url(../images/elements/male.png); /** sprite-ref: blue; */
                display: block;
                float: right;
                height: 22px;
                width: 88px;
                }
              #male:hover,
              #male.hover {
                background-image: url(../images/elements/male-hover.png); /** sprite-ref: hover; */
                }
              #female {
                background-image: url(../images/elements/female.png); /** sprite-ref: blue; */
                display: block;
                float: left;
                height: 22px;
                width: 88px;
                }
              #female:hover,
              #female.hover {
                background-image: url(../images/elements/female-hover.png); /** sprite-ref: hover; */
                }
            .chooseOutfit {
              background-image: url(../images/elements/text-pick-first-outfit.png); /** sprite-ref: blue; */
              height: 76px;
              margin: 3px auto 0px auto;
              width: 219px;
              }
            .avatarChoice {
              clear: both;
              margin: 0 auto 8px;
              overflow: auto;
              width: 233px;
              }
              .type {
                float: left;
                font-size: 14px;
                font-weight: bold;
                padding-top: 5px;
                width: 76px;
                }
              .arrows {
                display: block;
                float: left;
                overflow: hidden;
                position: relative;
                width: 157px;
                }
                .arrows .value {
                  background-image: url(../images/elements/picker-name-background.png); /** sprite-ref: blue; sprite-alignment: repeat; sprite-margin-bottom: 20px; */
                  float: left;
                  height: auto !important;
                  height: 22px;
                  min-height: 22px;
                  padding: 4px 0 0 8px;
                  width: 105px;
                  }
                .arrows a.prev, .arrows a.next,
                .arrows a.prevHover, .arrows a.nextHover {
                  float: left;
                  height: 22px;
                  position: relative;
                  width: 22px;
                  }
                .arrows a.prev,
                .arrows a.prevHover {
                  background-image: url(../images/elements/button-prev.png); /** sprite-ref: blue; */
                  left: 4px;
                  }
                .arrows a.prev:hover,
                .arrows a.prevHover {
                  background-image: url(../images/elements/button-prev-hover.png); /** sprite-ref: hover; */
                  }
                .arrows a.next,
                .arrows a.nextHover {
                  background-image: url(../images/elements/button-next.png); /** sprite-ref: blue; */
                  right: 4px;
                  }
                .arrows a.next:hover,
                .arrows a.nextHover {
                  background-image: url(../images/elements/button-next-hover.png); /** sprite-ref: hover; */
                  }
            #avatarBase {
              padding-bottom: 25px;
              }

            #formName {
              clear: both;
              }
              .chooseName {
                background-image: url(../images/elements/text-create-your-name.png); /** sprite-ref: blue; */
                clear: both;
                display: block;
                height: 18px;
                margin: 5px auto 10px;
                width: 197px;
                }
              #nameList {
                display: none;
                }
                #avnameFeedback {
                  max-height: 32px;
                  }
              #randomName {
                background-image: url(../images/elements/button-name-game.png); /** sprite-ref: blue; */
                display: block;
                height: 22px;
                margin: 5px auto 0 auto;
                text-decoration: none;
                visibility: hidden;
                width: 120px;
                }
              #randomName:hover,
              #randomName.hover {
                background-image: url(../images/elements/button-name-game-hover.png); /** sprite-ref: hover; */
                }
              #randomName.error {
                background-image: url(../images/elements/button-name-game-error.png); /** sprite-ref: orange; */
                }

            /* Part 2 */
            #createPassword label {
              background-image: url(../images/elements/text-create-password.png); /** sprite-ref: blue; sprite-margin-bottom: 50px; */
              display: block;
              height: 70px;
              margin: 5px auto;
              padding-bottom: 24px;
              width: 184px;
              }
              #formPass .textInput {
                margin-top: 16px;
              }
            #formEmail {
              margin: 10px auto 0 auto;
              }
              #formEmail label {
                clear: both;
                display: block;
                font-size: 14px;
                font-weight: bold;
                line-height: 16px;
                margin-bottom: 3px;
                }
              #formEmail input {
                clear: both;
                display: block;
              }
              #formEmail a {
                float: right;
                font-size: 10px;
                line-height: 12px;
                margin-top: 2px;
                }
            #formBirth {
              margin: 10px auto 0 auto;
              width: 220px;
              }
              #formBirth h3 {
                font-size: 14px;
                font-weight: bold;
                line-height: 16px;
                margin-bottom: 3px;
                }
              #formBirth .inputFeedback {
                height: 1.3em;
                }
            #formTOS {
              display: block;
              font-size: 12px;
              line-height: 16px;
              margin: 10px auto 0;
              overflow: auto;
              width: 235px;
              }
              #formTOS label {
                float: left;
                }
              #formTOS input {
                float: left;
                }
              #formTOS .inputFeedback {
                height: 1.3em;
                }
            #recaptcha_widget .inputFeedback {
              min-height: 32px;
              }
            #recaptcha_widget fieldset {
              border: 1px solid white;
              margin: 0 auto;
              width: 307px;
              }
            #recaptcha_widget legend {
              font-size: 14px;
              font-weight: bold;
              margin-bottom: 3px;
              }
              #recaptcha_image {
                margin: 0 auto;
                width: 300px;
                }
                #recaptcha_image br { display: none; }
                #recaptcha_image .recaptcha_audio_cant_hear_link {
                  display: block;
                  float: left;
                  text-align: center;
                  width: 300px;
                }
              #recaptcha_help {
                margin: 0 auto;
                width: 255px;
                }
                #recaptcha_help a {
                  display: block;
                  float: right;
                  font-size: 10px;
                  line-height: 14px;
                  margin: 0 5px;
                  }
                  #recaptcha_help .text {
                    display: none;
                  }
              #recaptcha_credit {
                clear: right;
                float: right;
                font-size: 10px;
                line-height: 14px;
                margin-bottom: 10px;
                text-align: right;
                width: 200px;
                }

            /* Part 3 */
            #displayAvname {
              font-size: 14px;
              font-style: italic;
              margin: 12px auto 0;
              text-align: center;
              width: 257px;
              }
            #comeVisit {
              background-image: url(../images/elements/text-download.png); /** sprite-ref: blue; */
              display: block;
              height: 46px;
              margin: 15px auto 0;
              width: 209px;
              }
            #downloadLink {
              background-image: url(../images/elements/download.png); /** sprite-ref: blue; */
              display: block;
              height: 22px;
              margin: 12px auto 8px;
              text-decoration: none;
              width: 118px;
              }
            #downloadLink:hover,
            #downloadLink.hover {
              background-image: url(../images/elements/download-hover.png); /** sprite-ref: hover; */
              }
            #downloadLink.disable {
              background-image: url(../images/elements/download-disable.png); /** sprite-ref: grey; */
              }
            #downloadLink.error {
              background-image: url(../images/elements/download-error.png); /** sprite-ref: orange; */
              }
            #sysReqs {
              font-size: 10px;
              text-align: center;
              }
            #certified-safe {
              margin: 20px 0;
              }
              #certified-safe-text {
                background-image: url(../images/elements/text-virus-free.png); /** sprite-ref: blue; */
                display: block;
                height: 81px;
                margin: 0 auto;
                width: 183px;
                }
              #certified-safe-img {
                background-image: url(../images/buttons/secure_site_sm.png);
                display: block;
                background-repeat: no-repeat;
                height: 37px;
                margin: 5px auto 0;
                width: 61px;
                }
            #downloadBox {
              display: none;
              margin: 15px auto;
              width: 235px;
              }
              #downloadTitle {
                display: block;
                font-size: 14px;
                font-weight: bold;
                margin: 0 auto;
                text-align: center;
                width: 235px;
                }
              #downloadMini {
                margin: 0 auto;
                width: 235px;
                }
              #downloadInstructions {
                line-height: 16px;
                margin: 0 auto;
                width: 235px;
                }
              #downloadImg { margin: 5px auto; text-align: center; }
            #watchGetThere {
              background-image: url(../images/elements/text-see-you-soon.png); /** sprite-ref: blue; */
              display: none;
              height: 92px;
              margin: 5px auto 6px;
              width: 171px;
              }

            /* Part 4 */
            #badSecure,
            #serverError {
              font-weight: bold;
              line-height: 1.3em;
              margin: 100px auto;
              width: 200px;
              }
            #tooYoung {
              font-size: 13px;
              font-weight: bold;
              line-height: 1.4em;
              margin: 100px auto;
              width: 200px;
              }
            #welcomeBack {
              display: none;
              line-height: 1.3em;
              margin: 20px auto;
              width: 200px;
              }
            #welcomeBack h3 {
              font-size: 14px;
              font-weight: bold;
              margin: 20px auto;
              }
            #welcomeBack p {
              margin: 20px auto;
              font-size: 13px;
              }
            #wait {
              background-image: url(../images/elements/text-one-moment.png); /** sprite-ref: blue; sprite-margin-bottom: 50px; */
              background-repeat: no-repeat;
              display: block;
              height: 72px;
              margin: 10px auto;
              padding-bottom: 22px;
              width: 214px;
              }
            #loadingImg {
              display: block;
              height: 22px;
              margin: 0 auto;
              padding: 15px 0;
              text-align: center;
              width: 170px;
              }
          #closed {
            padding: 10px 0;
            }
            #closedAd {
              font-size: 16px;
              font-weight: bold;
              line-height: 20px;
              margin: 0 auto;
              text-align: center;
              width: 220px;
              }
              #closedAd p {
                margin: .75em auto;
                }
            a.whatIsThere {
              background-image: url(../images/elements/button-what-is-there.png); /** sprite-ref: blue; */
              display: block;
              height: 22px;
              margin: 55px auto;
              width: 154px;
            }
            a.whatIsThere:hover,
            a.whatIsThere.hover {
              background-image: url(../images/elements/button-what-is-there-hover.png); /** sprite-ref: hover; */
              }
            #regClosed {
              padding: 0 10px;
              }

    #avatar {
      position: absolute;
      left: 63px;
      top: 69px;
      }
      #avatarWrapper {
        height: 540px;
        overflow: hidden;
        position: relative;
        width: 230px;
        z-index: 20;
        }
        #avatar img {
          left: 0;
          position: absolute;
          top: 0;
          }

  #footer {
    clear: both;
    font-size: 10px;
    line-height: 12px;
    margin: 20px 0 0 0;
    padding: 10px 0;
    text-align: center;
    width: 100%;
    }
    #footer a {
      color: black;
      }
    #footer .copy {
      font-size: 10px;
      line-height: 12px;
      }