@charset "utf-8";
/* CSS Document */
.playBG {
	background:url(images/nd_play_page_bg.jpg) left no-repeat;
	height:450px;
	width:100%;
	vertical-align:top;
}
.playOutterDiv{width:450px;float:right;}
.playDiv {
	padding:30px 50px 30px 10px;
	color:#787878;
}
.playDiv p, .playDiv h1, .playDiv h2{color:#787878;}

.playOutter{width:390px; background:#f8f8f8; border:2px solid #edebeb;}
.play{padding:20px;}
.formField,.formFieldError {margin-right:50px;padding:3px 0px 3px 0px; text-align:right;color:#666666;}
.formField input{
	width:150px;background:#FFFFFF;border:1px solid #DDDDDD; margin-left:10px;
	font-family:"Courier New", Courier, monospace; color:#787878;
}
.formCheckbox {color:#666666;}
.formCheckbox input {vertical-align:middle; background:#FFFFFF;border:1px solid #DDDDDD; }
.formFieldError input{
	width:150px;background:#DDFFB7;border:1px solid #2FF512; margin-left:10px;
	font-family:"Courier New", Courier, monospace; color:#1D670A;
}
.errorNote{ font-size:9px;color:#787878; }

/*In order for the giftboxGuy to appear in the middle of the page
  relative to the body, we use a container div with absolulte positioning.
  Then the boxguy is absolutely positioned relative to the container. ie. for the
  absolute positioning to work, the parent element must also be absolutely postitioned.
  Also, for IE to work, the absolute container must NOT be floating. */
.absoluteDiv{position:absolute;float:none;}
.giftboxTable {padding-top:20px; }
.giftboxTable tr td {text-align:center;height:90px; vertical-align:middle;}
.giftboxGuy { 
	height:75px; width:225px; background:url(images/giftbox_guy.gif) no-repeat;
	position:absolute; z-index:2; top:-41px; left:165px;padding-top:57px;padding-left:6px;
}
.goftboxGuyBoard {overflow:hidden; font-size:11px; line-height:12px; color:#787878; height:50px;width:190px;}

.prize{font-size:16px;color:#606060; }
.prizePercent{font-size:48px;color:#505050;}