/*-------------------------------
CUSTOM NICKJR COMP STYLE SHEET
STYLE SHEET CREATED 16/06/08
DEEPEND SYDNEY
---------------------------------------------------------------
1. INHERITED FROM NICK JR (CHANGED '#theviewer' TO '#comparea')
2. LAYOUT
-------------------------------------------------------------*/
/*-------------------------------------------------------------
	1. INHERITED FROM NICK JR
-------------------------------------------------------------*/

#flashviewer #right-col {
  float: right;
}

#flashviewer #viewer-logo {
		  background: url(/images/flashviewer-logo.png) no-repeat left top;
		  width: 224px;
		  height: 149px;
		  float: left;
		  margin: 10px 0 0 0;
		  padding: 0;
}

#flashviewer #comparea {
	/* THE FOLLOWING BACKGROUND DECLARATION IS THE YELLOW HEADING BAR WITHOUT AN UNDERLYING BLUE BACKGROUND - COMMENT OUT TO USE 'NICK JR BLUE' BACKGROUND */
  	background: url(/images/generic-page-head-btm.png) no-repeat left top;
	/* THE NEXT BACKGROUND DECLARATION IS THE YELLOW HEADING BAR *WITH* THE UNDERLYING BLUE BACKGROUND - IT IS COMMENTED OUT BY DEFAULT */
	/* background: url(/images/flashviewer-viewer-short.png) no-repeat left top; */
	behavior: url(/styles/iepngfix.htc);
  	float: left;
  	margin: 0;
  	padding: 0;
	width: 824px;
}

#comparea .swf-wrapper {
	/* UNCOMMENT THIS BACKGROUND DECLARATION TO ENABLE THE 'NICK JR BLUE' BACKGROUND
	/* background: #00bfe9; */
	background-position: 10px top;
  	margin: 99px auto 0 14px;
	padding: 0 0 40px 5px; 
  	width: 799px;
}

/*-------------------------------------------------------------
	2. LAYOUT
-------------------------------------------------------------*/

#comp-wrapper {
	margin: 0 0 0 -5px;
	position: relative;
	width: 805px;
}

.bottom_back {
  background: #86AA2C;
}


table {
  font-size: 14px;
}
table th {
  width: 170px;
  font-weight: normal;
  padding-right: 5px;
  color: #FFFFFF;
}

table .field input {
  border: 0;
  width: 80%;
}

form {
  margin: 0px;
  padding: 0px;
}

.termsandconditions a {
  color: #FFFFFF;
}

#bottomLayer {
	background-image: url(../images/background.jpg);
	height: 800px;
	width: 800px;
}

#bottomLayer div#dora-the-explorer-live {
	background-image: url(../images/dora-explorer-live-search-for-city-of-lost-toys.gif);
	height: 231px;
	left: 253px;
	position: absolute;
	top: 29px;
	width: 280px;
	z-index:1000;
}

#bottomLayer div#dora-the-explorer-live span, #bottomLayer p span, #bottomLayer p span, #bottomLayer #submit-button span {
	display: none;
}

#bottomLayer p#family-passes {
	background-image: url(../images/125-family-passes-to-be-won-button.gif);
	background-repeat: no-repeat;
	height: 205px;
	left: 546px;
	position: absolute;
	top: 40px;
	width: 206px;
}

#bottomLayer p#dora-boots {
	background-image: url(../images/dora-boots.jpg);
	background-repeat: no-repeat;
	height: 242px;
	left: 21px;
	position: absolute;
	top: 23px;
	width: 291px;
	z-index:10;
}

#bottomLayer #big-w-docket {
	background-image: url(../images/big-w-docket.jpg);
	background-repeat: no-repeat;
	height: 379px;
	left: 41px;
	position: absolute;
	top: 272px;
	width: 162px;
}

#bottomLayer p#big-w-logo {
	background-image: url(../images/big-w-logo.jpg);
	background-repeat: no-repeat;
	height: 90px;
	left: 33px;
	position: absolute;
	top: 657px;
	width: 178px;
}

#bottomLayer #display-form {
	background-image: url(../images/form-background.jpg);
	background-repeat: no-repeat;
	height: 265px;
	left: 215px;
	position: absolute;
	top: 278px;
	width: 556px;
	z-index:40;
}

#bottomLayer #display-form #id_compform {
	color: #FFF;
	padding-left: 45px;
	padding-top: 25px;
	width: 460px;
}

#bottomLayer #display-form table {
	font-size: 10pt;
}

#bottomLayer #diego-butterfly {
	background-image: url(../images/diego-butterfly.jpg);
	background-repeat: no-repeat;
	height: 180px;
	left: 512px;
	position: absolute;
	top: 581px;
	width: 250px;
	z-index: 40;
}

#bottomLayer #dora-raccoon {
	background-image: url(../images/dora-raccoon.jpg);
	background-repeat: no-repeat;
	height: 158px;
	left: 249px;
	position: absolute;
	top: 606px;
	width: 228px;
}

#bottomLayer #submit-button {
	background-image: url(../images/submit-button.jpg);
	background-repeat: no-repeat;
	height: 64px;
	left: 8px;
	position: absolute;
	top: 263px;
	width: 372px;
	z-index: 86;
}

#bottomLayer #txn-number-arrow {
	background-image: url(../images/transaction-number-arrow.gif);
	background-repeat: no-repeat;
	height: 89px;
	left: 157px;
	position: absolute;
	top: 408px;
	width: 105px;
	z-index: 3000;	
}

#id_compform td a {
	color: #FFF;
	text-decoration: underline;
}

td.field {
	color: #FFF;
}

#answer-field {
	width: 378px;
}

#agree-to-terms {
	line-height: 1.1em;
	vertical-align: middle;
}