@CHARSET "utf-8";

body {
  margin: 0px;
  padding: 0px;
  font-family: verdana, arial, sans-serif;
  font-size: 9pt;
}


.modalWrapper,
.contentModal {
  display: none;
  width: 968px;
  height:578px;
  border: 0;
/*  background: url( ../images/demo-splat.png ) no-repeat top left;*/
}
#modalInner {
  display: block;
  position: relative;
}


.btn-close {
  position: absolute;
  left: 835px;
  top: 70px;
}

.btn-close-green {
  position: absolute;
  left: 775px;
  top: 100px;
}



/** VOTE: LANDING PAGE **/

.vote-title {
  position: absolute;
  left: 460px;
  top: 20px;
  display: block;
  width: 276px;
  height: 148px;
  background: url( ../images/title-vote.png ) no-repeat top left;
}

.vote-back-closed {
  position: absolute;
  left: 135px;
  top: 90px;
  display: block;
  width: 700px;
  height: 470px;
  background: url( ../images/vote/back-closed.png ) no-repeat top left;
}
.vote-back-landing {
  position: absolute;
  left: 135px;
  top: 90px;
  display: block;
  width: 700px;
  height: 470px;
  background: url( ../images/vote/back-landing.png ) no-repeat top left;
}


.vote-landing-text,
.vote-landing-text-closed {
  position: absolute;
  left: 465px;
  top: 150px;
  width: 330px;
  
  color: #0080b6;
}
.vote-landing-text-closed {
  overflow: auto;
  height: 230px;
}


.vote-landing-text-closed ul {
  padding: 5px 30px;
}
.vote-landing-text-closed ul,
.vote-landing-text-closed li {
  list-style: disc;
  
}

.vote-landing-text p,
.vote-landing-text-closed p {
  padding: 5px 0px;
} 
.vote-landing-text-title {
  font-weight: bold;
  font-size: 10pt;
}
.vote-landing-text-terms {
   text-align: center; margin-top: 20px;
}
.vote-landing-text-terms a {
  color: #0080b6;
}

.vote-btn-votenow {
  position: absolute;
  left: 685px;
  top: 385px;
}

.vote-back-email {
  position: absolute;
  left: 0px;
  top: 30px;
  display: block;
  width: 864px;
  height: 538px;
  background: url( ../images/vote/back-email.png ) no-repeat top left;
}

/** VOTE: VOTING PAGE **/
.vote-back-voting {
  position: absolute;
  left: 100px;
  top: 30px;
  display: block;
  width: 772px;
  height: 467px;
  background: url( ../images/vote/back-vote.png ) no-repeat top left;
}
.vote-btn-submit {
  position: absolute;
  left: 685px;
  top: 385px;
}
.vote-btn-prev {
  position: absolute;
  left: 340px;
  top: 405px;
}

.vote-btn-next {
  position: absolute;
  left: 595px;
  top: 405px;
}



/** VOTE QUESTIONS **/
.quiz {
  display: block;
  width: 740px;
  position: absolute;
  top: 30px;
  left: 140px;
}
.vote-category {
  display: block;
  width: 285px;
  position: absolute;
  top: -5px;
  left: -25px;
}
.quiz-question {
  display: block;
  width: 500px;
  position: absolute;
  top: 125px;
  left: 140px;
  font-size:18pt;
  color: #FFFFFF;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
.quiz-answers {
  display: block;
  width: 740px;
  position: absolute;
  top: 186px;
  left: 0px;
}
.quiz-image {
  display: block;  
  padding: 0px 27px;
  width: 183px;
}
.quiz-text {
  display: block;
  height: 52px;
  padding: 5px 27px;
  text-align: center;
  color: #0080b6;
  font-weight: bold;
  width: 150px;
}
.quiz-radio {
  text-align: center;
  display: block;
  width: 183px;  
}
.quiz-answer {
  float: left;
  display: block;
  width: 183px;
}

.vote-question-count {
  position: absolute;
  left: 490px;
  top: 435px;
  display: block;
  width: 60px;
  text-align: center;
  font-weight: bold;
  font-size: 10pt;
  color: #ff5c00;
}
 

/** VOTE: EMAIL SECTION **/
.vote-back-email {
  position: absolute;
  left: 20px;
  top: 30px;
  display: block;
  width: 864px;
  height: 538px;
  background: url( ../images/vote/back-email.png ) no-repeat top left;
}
.vote-back-email-form {
  position: absolute;
  left: 280px;
  top: 280px;
}
.email-field,
.name-field {
  border: 0;
  padding: 3px;
  color: #378041;
  margin-bottom: 18px;
  margin-right: 20px;
  position: relative;
}
.email-field {
  width: 220px;
}
.name-field {
  font-weight: bold;
  width: 150px;
}


/** VOTE: THANKS **/
.vote-back-thankyou {
  position: absolute;
  left: 50px;
  top: -5px;
  display: block;
  width: 789px;
  height: 346px;
  background: url( ../images/vote/back-thanks.png ) no-repeat top left;
}
.vote-btn-fastlane {
  position: absolute;
  left: 125px;
  top: 215px;
}
.vote-btn-shoutout {
  position: absolute;
  left: 215px;
  top: 370px;
}
.vote-btn-shack {
  position: absolute;
  left: 555px;
  top: 325px;
}


/** NEWS **/

.news-back {
  position: absolute;
  left: 165px;
  top: 135px;
  display: block;
  width: 673px;
  height: 300px;
  background: url( ../images/news/back-news.png ) no-repeat top left;
  z-index: 100;
}


/** NEWS **/
.blog-title {  position: absolute;
  left: 530px;
  top: 0px;
  display: block;
  width: 289px;
  height: 168px;
  background: url( ../images/title-blog.png ) no-repeat top left;
}


.news-title {
  position: absolute;
  left: 460px;
  top: 20px;
  display: block;
  width: 289px;
  height: 168px;
  background: url( ../images/title-news.png ) no-repeat top left;
}

.paginator .page,
.paginator .current {
  background: url( ../images/news/back-pagination.png ) no-repeat top left;
}


.news-paginator {
  position: absolute;
  left: 360px;
  top: 412px;
  z-index: 20000;
}
.paginator .page,
.paginator .current {
  float: left;
  width: 14px;
  padding: 16px 15px;
  margin: 0px;
  font-weight: bold;
  text-align: center;
}
.paginator a.page {
  text-decoration: none;
  color: #000000;
}
.paginator a.page:hover {
  text-decoration: none;
  color: #ff5c00;
}
.paginator .prev,
.paginator .next {
  padding: 0px 0px;
  display: block;
  width: 40px;
  height: 40px;
}
.paginator .current {
  color: #ff5c00;
}
.news-item {
  position: absolute;
  top: 170px;
  left: 200px;
  z-index: 10000;
}
 .news-content {
   position: absolute;
   top: 20px;
   left: 350px;
   display: block;
   overflow: auto;
   width: 260px;
   height: 210px;
   z-index: 10000;
}
.news-item-image {
  z-index: 10000;
}
.news-item-title {
  color: #0080b6;
  z-index: 10000;
  font-size: 11pt;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.news-item-body {
  z-index: 10000;
}
.paginator .prev {
  background: url( ../images/news/btn-news-prev-normal.png ) no-repeat top left;
}
.paginator .next {
  background: url( ../images/news/btn-news-next-normal.png ) no-repeat top left;
}

.showtime-notopen {
  background: url(../images/back-showtime-wait.png) no-repeat 0 0;
  display: block;
  height:350px;
  left:185px;
  padding:12px;
  position:absolute;
  top: 104px;
  width: 600px;
  z-index: 10000;
  position: absolute;
}

.winnersgallery-notopen {
  background: url(../images/back-winners-wait.png) no-repeat 0 0;
  display: block;
  height:350px;
  left:185px;
  padding:12px;
  position:absolute;
  top: 104px;
  width: 600px;
  z-index: 10000;
  position: absolute;
}

.winnersgallery-title {
  position: absolute;
  left: 230px;
  top: 5px;
  display: block;
  width: 510px;
  height: 160px;
  background: url( ../images/title-winners.png ) no-repeat top left;
}
/** FLIPBOOK **/
.flipbook-title {
  position: absolute;
  left: 460px;
  top: 20px;
  display: block;
  width: 300px;
  height: 121px;
  background: url( ../images/title-flipbook.png ) no-repeat top left;
}

.flipbook-item {
  position: absolute;
  top: 170px;
  left: 200px;
  z-index: 10000;
}
.flipbook {
 	background: url(../images/gallery/back-gallery.png) no-repeat 0 0;
  display: block;
  height:354px;
	left:242px;
	padding:12px;
	position:absolute;
	top: 104px;
  width: 522px;
  z-index: 10000;
  position: absolute;
   
}

#flipbook-paginator {
	left:397px;
	position:absolute;
	top:436px;
	width: 228px;
	z-index:20000;
}

.flipbook-item-image {
  padding:19px 0 0 33px;
  width: 461px;
  z-index: 10000;
  text-align: center;
}



.flipbook-item-title {
  color: #0080b6;
  z-index: 10000;
  font-size: 11pt;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 10px;
}
.flipbook-item-body {
  z-index: 10000;
}

 .flipbook .news-item {
	left: 0;
	top: 0;
}

/** HOST INFO **/
.hostinfo-back {
  position: absolute;
  left: 165px;
  top: 135px;
  display: block;
  width: 673px;
  height: 300px;
  background: url( ../images/back-hostinfo.png ) no-repeat top left;
  z-index: 100;
}

.hostinfo-title {
  position: absolute;
  left: 520px;
  top: 45px;
  display: block;
  width: 289px;
  height: 168px;
  background: url( ../images/title-hostinfo.png ) no-repeat top left;
}
















/** SO HOT RIGHT NOW: LANDING PAGE **/

.sohot-back-landing {
  position: absolute;
  left: 65px;
  top: 20px;
  display: block;
  width: 767px;
  height: 524px;
  background: url( ../images/sohotrightnow/back-landing.png ) no-repeat top left;
}


.sohot-landing-text,
.sohot-landing-text-closed {
  position: absolute;
  left: 465px;
  top: 150px;
  width: 330px;
  
  color: #0080b6;
}
.sohot-landing-text-closed {
  overflow: auto;
  height: 230px;
}


.sohot-landing-text-closed ul {
  padding: 5px 30px;
}
.sohot-landing-text-closed ul,
.sohot-landing-text-closed li {
  list-style: disc;
}

.sohot-landing-text p,
.sohot-landing-text-closed p {
  padding: 5px 0px;
} 
.sohot-landing-text-title {
  font-weight: bold;
  font-size: 10pt;
}
.sohot-landing-text-terms {
   text-align: center; margin-top: 20px;
}
.sohot-landing-text-terms a {
  color: #0080b6;
}

.sohot-btn-votenow {
  position: absolute;
  left: 685px;
  top: 385px;
}

.sohot-back-email {
  position: absolute;
  left: 0px;
  top: 30px;
  display: block;
  width: 864px;
  height: 538px;
  background: url( ../images/sohotrightnow/back-email.png ) no-repeat top left;
}

/** SO HOT RIGHT NOW: VOTING PAGE **/
.sohot-back-voting {
  position: absolute;
  left: 124px;
  top: 24px;
  display: block;
  width: 772px;
  height: 467px;
  background: url( ../images/sohotrightnow/back-vote.png ) no-repeat top left;
}
.sohot-btn-submit {
  position: absolute;
  left: 685px;
  top: 385px;
}
.sohot-btn-prev {
  position: absolute;
  left: 340px;
  top: 405px;
}

.sohot-btn-next {
  position: absolute;
  left: 595px;
  top: 405px;
}

/** SO HOT RIGHT NOW QUESTIONS **/
.sohot-quiz {
  display: block;
  width: 740px;
  position: absolute;
  top: 33px;
  left: 135px;
}
.sohot-category {
  display: block;
  width: 285px;
  position: absolute;
  top: -5px;
  left: -25px;
}
.quiz-question {
  display: block;
  width: 500px;
  position: absolute;
  top: 125px;
  left: 140px;
  font-size:18pt;
  color: #FFFFFF;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}
.quiz-answers {
  display: block;
  width: 740px;
  position: absolute;
  top: 186px;
  left: 0px;
}
.quiz-image {
  display: block;  
  padding: 0px 27px;
  width: 183px;
}
.quiz-text {
  display: block;
  height: 52px;
  padding: 5px 27px;
  text-align: center;
  color: #0080b6;
  font-weight: bold;
  width: 150px;
}
.quiz-radio {
  text-align: center;
  display: block;
  width: 183px;  
}
.quiz-answer {
  float: left;
  display: block;
  width: 183px;
}

.sohot-question-count {
  position: absolute;
  left: 490px;
  top: 435px;
  display: block;
  width: 60px;
  text-align: center;
  font-weight: bold;
  font-size: 10pt;
  color: #ff5c00;
}
 


/** SO HOT RIGHT NOW: THANKS **/
.sohot-back-thankyou {
  position: absolute;
  left: 120px;
  top: 40px;
  display: block;
  width: 789px;
  height: 400px;
  background: url( ../images/sohotrightnow/back-thanks.png ) no-repeat top left;
}
.sohot-btn-fastlane {
  position: absolute;
  left: 125px;
  top: 215px;
}
.sohot-btn-shoutout {
  position: absolute;
  left: 215px;
  top: 320px;
}
.sohot-btn-shack {
  position: absolute;
  left: 555px;
  top: 325px;
}



/** SO HOT RIGHT NOW: CLOSED **/
.sohot-back-closed {
  position: absolute;
  left: 54px;
  top: 22px;
  display: block;
  width: 830px;
  height: 530px;
  background: url( ../images/sohotrightnow/back-closed.png ) no-repeat top left;
}

.sohot-quiz .quiz-answers {
  left: 70px;
}

.showtime {
  position: absolute;
  left: 160px;
  top: 155px;
  display: block;
}


/** HOST INFO **/

.watch-back {
  position: absolute;
  left: 165px;
  top: 135px;
  display: block;
  width: 672px;
  height: 364px;
  background: url( ../images/back-watch.png ) no-repeat top left;
}

.watch {
  position: absolute;
  left: 186px;
  top: 173px;
  display: block;
}

.watch-title {
  position: absolute;
  left: 520px;
  top: 45px;
  display: block;
  width: 289px;
  height: 168px;
  background: url( ../images/title-watch.png ) no-repeat top left;
}

.video-title {
  position: absolute;
  left: 520px;
  top: 45px;
  display: block;
  width: 289px;
  height: 168px;
  background: url( ../images/title-video.png ) no-repeat top left;
}