html,
body.modal {
	background:#fff;
}

/***
 *	Global Styles
 */
#modal-wrapper {
	background: transparent url(../images/bg-newspaper-tile.jpg) left top repeat-y;
	min-width:675px; /* 695px; (-20px) */
	min-height:230px; /* 346px; (-116px) */
	max-width:804px; /* 827px; (-20px) */
}
body.keysearch2010-age .agegate,
body.modal .sorry {
	width:675px;
	height:230px;
}
body.keysearch2010-entry .enter-code {
	width:804px;
	height:431px;
}
body.keysearch2010-rules .rules,
body.keysearch2010-winner .winner-register,
body.keysearch2010-winner .registered {
	width:804px;
	height:439px;
}
body.keysearch2010-entry .enter-login,
body.keysearch2010-entry .enter-register,
body.keysearch2010-emailcode .email-code,
body.keysearch2010-password .password {
	width:804px;
	height:230px;
}
body.keysearch2010-rules {
	margin:0;
	padding:0;
}
body.keysearch2010-winner .winner-register .fixed,
body.keysearch2010-rules .rules .fixed {
	overflow:auto;
}
#modal-page {
	
}
#modal-header {
	height: 161px;
	position: relative;
	z-index: 0;
	background: transparent url(../images/bg-modal-header.png) no-repeat;
}
#modal-header h2 {
	margin: 0 0 0 167px;
	padding-top: 21px;
	text-align: left;
	font-family: Impact, Charcoal, fantasy;
	color: #fff;
	font-size: 24px;
}
 
* html #modal-header h2 {
	margin-left: 67px;
}
*:first-child+html #modal-header h2 {
	margin-left: 67px;
}
#modal-header h2.congrats {
	padding-top: 23px;
	background: transparent url(../images/bg-modal-sprite.png) 0 -64px no-repeat;
	text-indent: -9999px;
}

* html #modal-header h2.congrats {
	margin-left: 167px;
}
*:first-child+html #modal-header h2.congrats {
	margin-left: 167px;
	display: block;
	background: transparent url(../images/bg-modal-sprite.png) 0 -64px no-repeat;
	text-indent: -9999px;
	height: 29px;
	width: 659px;
} 
#modal-header h2.thanks {
	padding-top: 23px;
	background: transparent url(../images/bg-modal-sprite.png) 0 -358px no-repeat;
	text-indent: -9999px;
}
#modal-header a.close {
	display: block;
	position: absolute;
	width: 47px;
	height: 12px;
	top: 22px;
	right: 21px;
	text-indent: -9999px;
	background: transparent url(../images/bg-modal-sprite.png) 0 -291px no-repeat;
}
#modal-content {
	position: relative;
	z-index: 10;
	background:none;
}
#modal-content fieldset {
	border:0;
}
/**
 *	Page Specific
 */
 
 /*** Rules ***/
 .rules {
	
 }
 .rules .fixed{
	padding:  0 20px;
	width: 744px !important;
	overflow: auto;
	height: 420px;
 }
 
/*** Agegate ***/
.agegate {
	padding-top: 40px;
}
.agegate p {
	font-size: 14px;
	margin-bottom: 16px;
}
.agegate .select {
	margin-bottom: 45px;
}
.agegate .select li {
	display: inline;
}
.agegate .select li select {
	border: 1px solid #000;
}
.agegate .btnSubmit {
	display: block;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	height: 56px;
	width: 138px;
	background: transparent url(../images/bg-modal-sprite.png) 0 0 no-repeat;
	margin: 0 auto;
	cursor: pointer;
}

/*** Enter Email ***/
.enter-login {
	padding-bottom: 32px;
}
.enter-login fieldset {
	position:relative;
}
.enter-login fieldset.login {
	width:425px;
	margin:0 auto;
}
.enter-login fieldset.register {
	width: 430px;
	margin:0 auto;
	/*background: transparent url(../images/bg-or.png) no-repeat;*/
}
.enter-login legend {
	position:relative;
	margin:0 0 10px;
	font-size:22px;
	font-weight:bold;
}
.enter-login .login legend {
	display:none;
}
.enter-login p {
	font-size:12px;
}
.enter-login p.title {
	margin:0 0 15px;
	font-size:20px;
	font-weight:bold;
}
.enter-login .account {
	position:absolute;
	right:25px;
	top:95px;
	width:110px;
	text-align:right;
}
.enter-login p.required {
	font-size: 12px;
	color: red;
	margin-top: 0;
	font-weight: normal;
	margin-left: 197px;
}
.enter-login .text {
	/*margin:0 200px 8px 197px;*/
	text-align:left;
}
.enter-login .text ol,
.enter-login .text ol li {
	list-style:none;
	margin:0;
}
.enter-login .text ol:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.enter-login li {
	position:relative;
	float:left;
	width: 212px;
}
.enter-login .text li {
	height: 19px;
	margin-bottom: 6px;
}
.enter-login .text label {
	width: 150px;
	display:none;
	float: left;
	font-size: 12px;
	text-align: right;
	line-height: 17px;
	margin-right: 14px;
}
.enter-login .text label.overTxtLabel {
	width:auto;
	text-align:left;
	margin:0;
}
.enter-login em.req {
	color: red;
}
.enter-login .text input {
	width: 190px;
	border: 1px solid #c3c3c3;
	border-top: 1px solid #7c7c7c;
	border-bottom: 1px solid #ddd;
	height: 17px;
	line-height: 17px;
}
.enter-login .account a {
	float:right;
	color:#000;
	font-size:12px;
}
.enter-login .account a.register {
	margin:0 0 10px;
}
.enter-login .error a {
	text-decoration:underline;
}
.enter-login .error a:hover {
	text-decoration:none;
}
.enter-login h3 {
	text-align: left;
	font-size: 16px;
	margin-bottom: 6px;
}
.enter-login .rules {
	margin-left: 197px;
	margin-bottom: 18px;
}
.enter-login .fixed {
	width: 379px;
	height: 82px;
	overflow: auto;
	border: 2px solid #000;
	padding: 5px;
}
.enter-login .fixed p {
	margin:0 0 10px;
	font-size: 12px;
	font-weight: normal;
}
.enter-login .checkbox {
	text-align: left;
	margin-left: 197px;
	margin-bottom: 32px;
}
.enter-login .checkbox label {
	font-size: 12px;
}
.enter-login .checkbox input {
	margin-right: 5px;
	vertical-align: middle;
}
.enter-login input.btnSubmit {
	display: block;
	width: 138px;
	height: 56px;
	margin: 0 auto;
	border:0;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background: transparent url(../images/bg-modal-sprite.png) 0 -80px no-repeat;
	cursor: pointer;
	clear: left;
}
.enter-login .login input.btnSubmit {
	margin:10px auto 0;
}

/*** Forgot Password ***/
div.password {
	padding-top: 40px;
}
.password p {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 1em;
}
.password .text ol,
.password .text ol li {
	list-style:none;
	margin:0;
}
.password .text input {
	width: 209px;
	border: 1px solid #c3c3c3;
	border-top: 1px solid #7c7c7c;
	border-bottom: 1px solid #ddd;
	height: 17px;
	line-height: 17px;
}
.password input.btnSubmit {
	display: block;
	width: 138px;
	height: 56px;
	margin: 0 auto;
	border:0;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	background: transparent url(../images/bg-modal-sprite.png) 0 -80px no-repeat;
	cursor: pointer;
}

/*** Enter Code ***/
.enter-code #modal-header h2 {
	width: 553px;
	height: 46px;
	text-indent: -9999px;
	background: transparent url(../images/bg-modal-sprite.png) 0 21px no-repeat;
}
.enter-code {
	text-align: left;
	padding-left: 55px;
	padding-right: 15px;
	padding-bottom: 57px;
	padding-top: 40px;
	padding: 40px 15px 57px 0px;
}
.enter-code .form {
	width: 285px;
	float: left;
	padding-left: 83px;
}
.enter-code .form p {
	font-size: 20px;
	font-weight: bold;
	width: 280px;
	margin-bottom: 21px;
	margin-left: -43px;
}
.enter-code .text {
	margin-bottom: 24px;
}
.enter-code .text  ul {
	padding-bottom: 13px;
}
.enter-code .text li {
	display: inline;
}

.enter-code .text input {
	width: 209px;
	border: 1px solid #c3c3c3;
	border-top: 1px solid #7c7c7c;
	border-bottom: 1px solid #ddd;
	height: 17px;
	line-height: 17px;
}
.enter-code .text a {
	font-size: 11px;
	color: #0953c2;
}
.enter-code .text p, 
.enter-code p.freecode {
	font-size: 12px;
	font-weight: normal;
	margin: 0;
}
.enter-code a.truste {
	display: block;
	text-indent: -9999px;
	margin: 0 auto;
	background: transparent url(../images/button-truste.png) no-repeat;
	border: 1px solid #000;
	width: 105px;
	height: 29px;
	margin-bottom: 19px;
}
.enter-code p.freecode {
	text-align: center;
}
.enter-code .btnSubmit {
	display: block;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	height: 56px;
	width: 138px;
	background: transparent url(../images/bg-modal-sprite.png) 0 -80px no-repeat;
	margin: 0 auto 19px;
	cursor: pointer;
}
.enter-code .gamecode {
	float: right;
	margin-bottom: 70px;
}
.enter-code .brands {
	float: right;
	clear: right;
	width:250px;
	padding-right: 47px;
}
.enter-code .brands p {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	margin: 0 0 10px 0;
}
.enter-code .brands li {
	display: inline;
}

/*** Winner/Register ***/
#modal-wrapper.winner-register {
	padding-bottom: 20px;
}
.winner-register {
	padding-bottom: 40px;
	height: 400px !important;
}
.winner-register .inner {
	text-align: left;
	margin: 0 20px 40px;
	padding: 40px 0;
	height: 310px !important;
	overflow: auto;
	position: relative;
	width:760px;
}
.winner-register .inner {
}

.winner-register h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 1em;
	text-align: left;
	width: 700px;
}
.winner-register .prize {
	display: block;
	margin: 0 auto 1em;
}
.winner-register .already-registered {
	font-size: 12px;
	line-height: 28px;
	margin-bottom: 25px;
}
.winner-register .already-registered a {
	display: inline-block;
	height: 28px;
	width: 115px;
	background: transparent url(../images/bg-modal-sprite.png) 0 -132px no-repeat;
	margin-left: 10px;
	text-indent: -9999px;
}
.winner-register h4 {
	font-size: 20px;
}
.winner-register p.subtext {
	font-size: 11px;
	margin-bottom: 14px;
	width: 600px;
}
.winner-register p.required {
	color: red;
	font-size: 12px;
}
.winner-register .info {
	width:500px;
	margin:0 auto;
	height: 135px;
}
.winner-register .text {
	margin-bottom: 40px;
}
.winner-register .text ol,
.winner-register .text ol li {
	list-style:none;
	margin:0;
}
.winner-register li {
	float:left;
}
.winner-register .form-row li {
	height: 19px;
	margin-bottom: 6px;
}
.winner-register .text label {
	font-size: 12px;
	display:none;
	float: left;
	width: 150px;
	text-align: right;
	margin-right: 14px;
}
.winner-register .text label.overTxtLabel {
	width:auto;
	text-align:left;
	margin:0;
	position: relative;
	top: 10px;
	white-space: nowrap;
}
.winner-register em.req {
	color: red;
}
.winner-register .text input, 
.winner-register .text select {
	border-color:#7C7C7C #C3C3C3 #DDDDDD;
	border-left:1px solid #C3C3C3;
	border-right:1px solid #C3C3C3;
	border-style:solid;
	border-width:1px;
	height:17px;
	line-height:17px;
	width:209px;
}

.winner-register .info {
	margin-bottom: 47px;
}
.winner-register .info li select {
	height: 22px;
	width: 211px;
}
.winner-register .info li a {
	margin-left: 166px;
	font-size: 11px;
	color: #125ef8;
}
.winner-register .rules p {
	margin:0 0 10px;
}
.winner-register .rules .fixed {
	border:2px solid #000000;
	height:82px;
	overflow:auto;
	padding:5px;
	width:500px !important;
	margin-bottom: 16px;
}
.winner-register .checkbox {
	margin-bottom: .5em;
	width: 500px;
}
.winner-register .checkbox label {
	font-size: 12px;
}
.winner-register .checkbox input {
	margin-right:5px;
	vertical-align:middle;
}
.winner-register .btnSubmit {
	display: block;
	width: 138px;
	height: 56px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	background: transparent url(../images/bg-modal-sprite.png) 0 -80px no-repeat;
	margin: 0 0 0 208px;
	cursor: pointer;
}

/*** Winner/ Already Registered ***/
.registered .inner {
	text-align: center;
	margin: 0 100px;
	padding: 40px 0;
}

.registered h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 25px;
}
.registered p {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 20px;
}
.registered a.playIWG {
	display: block;
	width: 418px;
	height: 56px;
	background: transparent url(../images/bg-modal-sprite.png) 0 -156px no-repeat;
	margin: 0 auto 10px;
	text-indent:-9999px;
	overflow:hidden;
}
.registered p.subtext {
	font-size: 10px;
}


/*** Email Code ***/
.email-code {
	padding-left: 165px;
	text-align: left;
	padding-top: 40px;
}
.email-code p {
	margin-bottom: 1em;
	font-weight: bold;
}
.email-code p.subtext {
	font-weight: normal;
	font-size: 12px;
}
.email-code .text {
	margin-bottom: 1em;
}
.email-code .text ol,
.email-code .text ol li {
	list-style:none;
	margin:0;
}
.email-code .text label {
	width: 150px;
	display: block;
	float: left;
	font-size: 12px;
	text-align: right;
	line-height: 17px;
	margin-right: 14px;
}
.email-code .text input {
	width: 209px;
	border: 1px solid #c3c3c3;
	border-top: 1px solid #7c7c7c;
	border-bottom: 1px solid #ddd;
	height: 17px;
	line-height: 17px;
}
.email-code .btnSubmit {
	display: block;
	width: 138px;
	height: 56px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	background: transparent url(../images/bg-modal-sprite.png) 0 -80px no-repeat;
	margin: 0 0 0 167px;
	cursor: pointer;
}

/*** Sign In ***/
/*** Email Code ***/
.sign-in #modal-content {
	margin-top: -28px;
	padding-left: 165px;
	text-align: left;
}
.sign-in #modal-content p {
	margin-bottom: 1em;
}
.sign-in .text {
	margin-bottom: 1em;
}
.sign-in .text label {
	width: 150px;
	display: block;
	float: left;
	font-size: 12px;
	text-align: right;
	line-height: 17px;
	margin-right: 14px;
}
.sign-in .text input {
	width: 209px;
	border: 1px solid #c3c3c3;
	border-top: 1px solid #7c7c7c;
	border-bottom: 1px solid #ddd;
	height: 17px;
	line-height: 17px;
}
.sign-in .submit, 
.sign-in .register {
	display: block;
	width: 124px;
	height: 31px;
	font-size: 0;
	line-height: 0;
	text-indent: -9999px;
	background: transparent url(../images/bg-modal-sprite.png) 0 -240px no-repeat;
	margin: 0 18px 0 86px;
	cursor: pointer;
	float: left;
}
.sign-in .register {
	margin: 0;
	width: 127px;
	background: transparent url(../images/bg-modal-sprite.png) 0 -323px no-repeat;
}

/*** Thanks ***/
.thanks #modal-content {
	margin: -31px 100px 0 160px;
	text-align: left;
}

/*** Sorry ***/
.sorry {
	margin: 40px 160px 0 0;
}

.error,
.error * {
	color:#f00;
}

/*** IE6 Fixes ***/
* html #modal-header a.close, 
* html #modal-header h2.congrats, 
* html #modal-header h2.thanks, 
* html .agegate .btnSubmit, 
* html .enter-email #modal-header h2, 
* html .enter-email .btnSubmit, 
* html .enter-code #modal-header h2, 
* html .enter-code .btnSubmit, 
* html .winner-register .already-registered a, 
* html .winner-register .btnSubmit, 
* html .email-code .btnSubmit, 
* html .sign-in .submit, 
* html .sign-in .register {
	background-image: url(../images/bg-modal-sprite.png);
}