div#main div.body ul { color: #FFFFFF; }
div#main div.body ul li { padding: 0.25em 0; }
div#main div.body a { color: #b4fd04; }
div#main div.body ul.tabs a { color: black; }

img.t4j.banner {
  margin-left: 20px;
}

div#container div.signup {
  width: 495px;
  height: 187px;
  float: left;
  background: transparent url(sign_up.gif) no-repeat;
}

div#container div.signup-form {
  position: relative;
  left: 266px;
  top: 100px;
  width: 176px;
  height: 26px;
  background: transparent url(/nd/t4j-2010/email_box.png) no-repeat;
}

div#container div.signup-form input#email {
  width: 123px;
  margin: 2px 0 0 4px;
  padding: 3px 4px;
  vertical-align: top;
}

div#container div.signup-form input.submit {
  margin: 0px;
  padding: 0px;
}

div.t4j.topbar{
  background: url(/nd/t4j-2010/sprites.png) no-repeat;
  background-position: 0 0;
  height: 10px;
  margin: 0 15px;
}

div.t4j.body.header {
  margin: 0 15px;
  height: 10px;
  background-image: url(sprites.png);
  background-position: 0 -20px;
  font-size: 1px;
}

div.t4j.top {
  background: #95FF7B;
  margin: 0 15px;
  width: 823px;
  height: 233px;
}

div.t4j.top div.logo {
  height: 255px;
  width: 320px;
  position: relative;
  top: -29px;
  left: -16px;
  float: left;
}

div#main {
  background: #95FF7B;
  width: 823px;
  padding-bottom: 1em;
  float: none;
}

div#main div.t4j.body.main {
  width: 793px;
  margin: 0 15px;
  background: #00AA4F;
}

div#main div.t4j.body.main p {
  color: white;
  font-weight: normal;
  font-family: Arial, sans-serif;
  font-size: 1em;
}

div#main div.t4j.left {
  width: 320px;
  float: left;
  margin-left: 15px;
}

div#main div.t4j.right {
  width: 380px;
  float: right;
  margin-right: 15px;
}

div#main div.t4j.middle {
  width: 80%;
  margin: 0 auto;
}

div#main div.t4j.middle img {
  padding-top: 0.5em;
  margin: 0 auto;
}

div.t4j.body.footer {
  background: url(sprites.png) no-repeat;
  background-position: 0 -30px;
  width: 793px;
  height: 10px;
  margin: 0 15px;
}

div.t4j.botbar {
  background: url(sprites.png) no-repeat;
  background-position: 0 -10px;
  height: 10px;
  margin: 0 15px;
  clear: both;
}

div.kit form {
  font-weight: bold;
  font-size: 0.9em;
}

div.t4j.middle.kit form table.kitleft {
  width: 300px;
  margin-right: 20px;
}

div.t4j.middle.kit form table.kitright {
  width: 260px;
}

div.kit form tbody {
  border-top: none;
}

div.t4j.middle.kit input {
  width: 142px; 
}

div.t4j.middle.kit select {
  width: 146px; 
}

div.t4j.closer {
    margin: 0.5em 30px 15px;
    width: 793px;
}

div.t4j.social {
  float: left;
}

div.t4j.aero {
  float: right;
}

div.t4j.social a,
div.t4j.social form {
  width: 40px;
  float: left;
}

/* navigation */

div#nav ul {
    display:inline;
    float:right;
    margin:6px 0 0;
    padding:0 25px 0 0;
}

div#nav ul li {
    display:block;
    float:left;
    height:40px;
    text-indent:-9999em;
}

div#nav ul li a {
    background:transparent url(/nd/t4j-2010/buttons.png) no-repeat scroll 0 0;
    outline: none;
}

div#nav ul li.start a { background-position: 0 -40px; width: 104px; } 
div#nav ul li.start-active a { background-position: 0 0px; width: 104px; } 
div#nav ul li.start a:hover { background-position: 0 0px; }

div#nav ul li.drop a { background-position: -103px -40px; width: 82px; }
div#nav ul li.drop-active a { background-position: -103px 0px; width:82px; }
div#nav ul li.drop a:hover { background-position: -103px 0; }

div#nav ul li.take a { background-position: -184px -40px; width: 105px; }
div#nav ul li.take-active a { background-position: -184px 0; width: 105px; }
div#nav ul li.take a:hover { background-position: -184px 0; }

div#nav ul li.contests a { background-position: -288px -40px; width:91px; }
div#nav ul li.contests-active a { background-position: -288px 0px; width:91px; }
div#nav ul li.contests a:hover { background-position: -288px 0; }

div#nav ul li.pics a { background-position: -378px -40px; width:91px; }
div#nav ul li.pics-active a { background-position: -378px 0px; width:91px; }
div#nav ul li.pics a:hover { background-position: -378px 0; }

div#nav ul li a {
    display: block;
    height: 40px;
}

/* take action content */

.action ol { color: white; font-size: 1.5em; }
div#main div.t4j .action img { float: left; margin: 0px 5px; }
.action li { clear: left; }
.action ol li h2 { margin: 1em 0 0; }
.action ol li div { font-size: 13px; }

/* footer stuff */

.faq-container { margin: 15px 15px 0px; }
.faq-container .clicktip_target { text-align: center; color: white; font-weight: bold; text-transform: uppercase; font-size: 9pt; font-style: normal; }
#t4j-faq { background-color: #00AA4F; border: none; margin: 0px; }

/* contest page */

.t4j-contest-form { padding: 1em 0; }
.t4j-contest-form fieldset { border: none; margin: 0px; padding: 1em 0; width: auto; overflow: hidden; }
.t4j-contest-form fieldset input { width: auto; }
.t4j-contest-form fieldset div.resizable-textarea textarea { width: 391px; }
.t4j-contest-form fieldset legend { font-size: 1.8em; color: black; }
.t4j-contest-form fieldset fieldset legend { font-size: 1em; }
.t4j-contest-form fieldset span.form-required { color: white; }
.t4j-contest-form div.form-item { float: left; clear: both; margin-bottom: 0; }
div.t4j div.error { background-color: black; }
div.t4j input#edit-preview { display: none; }
div.t4j input#edit-submit  { display: block; }
div.t4j input#edit-field-campaign-name-0-value { width: 191px; }
div.t4j input#edit-field-email-0-value { width: 191px; }
div.t4j input#edit-field-campaign-city-0-value { width: 191px; }
div.t4j input#edit-field-campaign-state-0-value { width: 50px; }
div.t4j input#edit-field-campaign-zip-0-value { width: 70px; }
div.t4j input#edit-field-phone-number-1-0-value { width: 110px; }
div.t4j input#edit-field-tfj-contest-howheard-0-value { width: 391px; }
div.t4j input#edit-field-tfj-contest-school-0-value { width: 391px; }


/* wrap-up page */

div#main div.t4j.congrats {
  width: 400px;
  height: 946px;
  margin: 0 auto;
}

.polaroids { position: relative; }
.polaroids img { position: absolute; }
.polaroids .adam { left: -44px; top: -9px; }
.polaroids .jojo { right: -24px; top: -3px; }
.polaroids .rob { left: 165px; top: 727px; }
.polaroids .annalynne { left: 193px; top: 384px; }
.polaroids .kellan { left: 188px; top: 513px; }
.polaroids .t1  { right: 206px; top: 609px; z-index: 2; }
.polaroids .t2  { right: 633px; top: 721px; z-index: 3; }
.polaroids .t3  { right: 3px; top: 397px; }
.polaroids .t4  { right: 194px; top: 385px; }
.polaroids .t5  { right: 13px; top: 607px; }
.polaroids .t6  { right: 283px; top: 155px; }
.polaroids .t7  { right: 443px; top: 166px; z-index: 2; }
.polaroids .t8  { right: 113px; top: 202px; z-index: 2; }
.polaroids .t9  { right: 590px; top: 366px; }
.polaroids .t10 { right: -38px; top: 197px; }
.polaroids .t11 { right: 603px; top: 547px; z-index: 2; }
.polaroids .t12 { left:  -31px; top: 193px; }

/* gallery */

div.show { margin: 0 auto; }
div.arrow { background: url(/nd/t4j-2010/arrows.png) no-repeat; width: 50px; height: 45px; margin: 50px 5px 0px 37px; float: left; cursor: pointer; }
div.noarrow { background: transparent no-repeat; width: 50px; height: 45px; margin: 50px 5px 0px 37px; float: left; display:none; }
div.left { background-position: 0 0; }
div.right { background-position: -50px 0; margin-left: 5px; }
div.left:hover { background-position: 0 -45px; }
div.right:hover { background-position: -50px -45px; }

#tfj-images { width: 609px; margin: 0 auto; overflow: hidden; float: left; }
#slideInner { width: 25000px; outline: none; float: left; }
.slide { float: left; }

#tfj-images img { margin: 3px 3px 0px; padding: 0px; border: 3px solid white; }
#tfj-images img:hover { cursor: pointer; }

#tfj-highlighted-image img { display: block; margin: 0 auto 2em; border: 3px solid white; }