/* ======================================== */
/* = *Backstage* Share - go-backstage.com = */
/* ======================================== */


/* Custom CSS for The Heyday's Fall Giveaway */

/* Prepared by [gb] Studio (gb-studio.tv) for *Backstage* Share (go-backstage.com) */

@import url("/stylesheets/reset.css");   /* thanks yahoo */

body {
  background: url('/giveaway/images/theheyday/fall-2008/bg.jpg') repeat scroll top center;
}

strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

#main_container {
  width: 100%;
  height: 1000px;
  /*background: url('/giveaway/images/theheyday/fall-2008/bg_top.gif') repeat-x scroll top left;*/
}
#main {
  margin: 0 auto;
  width: 920px;
}

#left {
	width: 390px;
	float: left;
	z-index: 1;
}
#right {
	position: relative;
	width: 520px;
	float: right;
	z-index: 15;
}

#left #title {
	position: absolute;
	margin: 0px 0px 0px -225px;
	z-index: 1;
}

#part_one {

}
#part_two {
	position: absolute;
	top: 0px;
	width: 520px;
	z-index: 10;
}
#part_three {
	width: 520px;
}

.logo_line {
	padding-top: 25px;
	float: right;
}
#part_two.logo_line {}

#title_share {
	padding: 102px 0px 0px 70px;
}

#content_one {
	margin: 20px 0px 0px 83px;
}
#content_one p {
	margin: 0px 0px 12px 0px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 18px;
	line-height: 22px;
	color: #683a00;
}
#content_one h5 {
	font-size: 12px;
	line-height: 14px;
}
#content_one h6, #content_one h5 {
	margin: 0px 0px 12px 0px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	color: #9f6c06;	
}
#content_one h6 {
	font-size: 10px;
	line-height: 12px;
}
#content_one h6 a {
	color: #9f6c06;
	text-decoration: underline;
}
#content_one h6 a:hover {
	color: #9f6c06;
	text-decoration: none;
}

#button_enter_container {
	margin: 20px 0px 25px 0px;
	width: 100%;
	height: 85px;
	clear: both;
}
#button_enter {
	width: 214px;
	height: 85px;
	float: right;
}
#cookies_msg {
	padding-top: 16px;
	width: 205px;
	height: 85px;
	float: left;
}
#audio_player {
	position: absolute;
	top: 428px;
	left: 275px;
	width: 300px;
	z-index: 20;
}
#audio_player p {
	margin: 0px 0px 12px 5px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #683a00;
}

/* --------- Form Panel Stuff ----------- */

#form {
	padding: 40px 0px 0px 83px;
	clear: both;
}

#file_format {
	margin: 0px 0px 20px 0px;
}
#file_format div.note {
	margin: 0px 0px 0px 115px;
	padding: 0px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #683a00;
	font-weight: bold;
}

#form label, #file_format {
	padding: 0px 0px 0px 8px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: #683a00;	
}
#form input, #form select {
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 18px;
	line-height: 22px;	
	color: #333;
}
#form input#client_first_name, #form input#client_last_name,
#form input#client_email,			 #form input#client_city,
#form input#client_state, 		 #form input#client_zip,
#form select#client_country, 	 #form input#download_friendone_email,
#form input#download_friendtwo_email, #form input#download_friendthree_email {
	margin-top: 5px;
	margin-bottom: 15px;
	padding: 8px;
	border: 0px;
}
#form input#client_first_name {
	margin-right: 25px;
	width: 154px;
}
#form input#client_last_name {
	width: 225px;
}
#form input#client_email, #form input#download_friendone_email,
#form input#download_friendtwo_email, #form input#download_friendthree_email {
	width: 420px;
}
#form select#client_country {
	width: 435px;
	height: 40px;
}
#form input#client_city {
	margin-right: 25px;
	width: 208px;
}
#form input#client_state {
	margin-right: 25px;
	width: 40px;
}
#form input#client_zip {
	margin-right: 25px;
	width: 90px;
}
#form input#client_user_agreement {
	margin-right: 3px;
	height: 15px;
	width: 15px;

	border: 0px;
}
#submit {
	margin-left: 213px;
}
#form_ua {
	width: 365px;
	float: left;
}

span.user_agreement_read {
	margin: 0px 0px 0px 10px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #683a00;
}
span.user_agreement_read a {
	text-decoration: underline;
	color: #683a00;
}
span.user_agreement_read a:hover {
	text-decoration: none;
	color: #683a00;
}

#form h4 {
	margin-top: 35px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #683a00;	
}
#form span.note {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #683a00;
	font-weight: bold;
}
#form h6 {
	margin: -10px 0px 0px 5px;
	padding: 0px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #683a00;
	font-weight: bold;
}
#form h6 a, #form h6 a:hover {
	color: #683a00;
}
#form h6 a {
	text-decoration: none;
}
#form h6 a:hover {
	text-decoration: underline;
}

/* Error Notification */

div.formError {
	margin: -15px 0px 5px 0px;
	*margin: 0px;
	display: table;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	color: red;	
	background-color: #ffc000;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #683a00;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/* ----------------- Download Panel Stuff ------------------ */

#download_container {
	margin: 0px 0px 0px 83px;
}
#download_container p {
	margin: 0px 0px 12px 0px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 18px;
	line-height: 22px;
	color: #683a00;
	clear: both;
}
#download_container p a {
	text-decoration: underline;
	color: #683a00;
}
#download_container p a:hover {
	text-decoration: none;
	color: #683a00;
}

#download_title {
	margin: 0px 0px 20px -16px;
	padding-top: 150px;
}

#download_button {
	margin: 25px 0px 25px 0px;
	text-align: center;
}
#download_details {
	position: absolute;
	top: 415px;
	left: -235px;
	width: 300px;
}
#download_details p {
	margin: 0px 0px 12px 0px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #683a00;
}

/* ----------------- EULA Panel Stuff ------------------ */

#eula {
	position: absolute;
	margin: 75px 0px 0px 105px;
	padding: 20px;
	width: 350px;
	font-family: "Helvetica Neue", Helvetica, sans-serif;
	color: #dee8ee;
	background-color: #333;
	z-index: 3000;
}
#eula h1 {
	margin-bottom: 20px;
	font-size: 16px;
}
#eula h2 {
	font-size: 14px;
	font-weight: bold;
}
#eula h3 {
	font-size: 14px;
	font-style: italic;
}
#eula p {
	margin: 0px 0px 14px 0px;
	font-size: 12px;
	line-height: 16px;
}
#eula a {
	text-decoration: underline;
	color: #dee8ee;
}
#eula a:hover {
	text-decoration: none;
	color: #dee8ee;
}

span.close {
	font-size: 14px;
	float: right;
}