/* ------------------------- CSS CALLS ------------------------- */

@import url("thickbox.css");











/* ------------------------- ELEMENTS ------------------------- */

* {

	margin: 0;

	padding: 0;

	}



body {

	background: #161b41 url(../images/bg_body.jpg) repeat-x;

	color: #47614a;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	width: 100%;

	}

	

h2, h3, p, ul, ol, dl, table {

	margin-bottom: 15px;

	}



img {

	border: 0;

	}

	

hr {

	display: none;

	/* for accessibility purposes */

	}



table { 

	border-collapse: collapse; 

	border-spacing: 0;

	}



table tr td {

	text-align: left;

	vertical-align: top; 

	}	



ul, ol {

	padding-left: 22px;

	}

	

ul li, ol li {

	padding-bottom: 5px;

	}

	

a {

	color: #ffde00;

	text-decoration: none;

	}

	

a:hover {

	color: #ffde00;

	text-decoration: underline;

	}



a:focus {

	outline: none;

	}











/* ------------------------- GENERAL ------------------------- */

.asterik {

	color: #c33 !important;

	}

	

.clear {

	clear: both;

	}

	

.line-break {

	display: block;

	}

	

.text-less-important {

	font-size: 11px;	

	}

	

.tracking-tag {

	display: none;

	}











/* ------------------------- LAYOUT ------------------------- */

#container {

	background: #000;

	margin: 0 auto;

	padding-bottom: 5px;

	width: 1024px;

	}







/* ---------- HEADER ---------- */

#header {

	background: #06143f url(../images/bg_header.jpg) repeat-x;

	height: 101px;

	position: relative;

	}

	

#logo {

	bottom: -15px;

	left: 309px;

	position: absolute;

	z-index: 2;

	}

	

#logo h1 {

	background: url(../images/logo_promotion.png) no-repeat;

	height: 91px;

	width: 406px;

	}

	

#logo h1 a {

	cursor: pointer;

	display: block;

	height: 91px;

	width: 406px;

	}

	

#logo span {

	display: none;

	}

	

#nav {

	background: url(../images/bg_nav.jpg) repeat-x;

	bottom: 0px;

	height: 50px;

	left: 0px;

	position: absolute;

	width: 100%;

	z-index: 1;

	}

	

#nav ul {

	margin: 0;

	padding: 0;

	}



#nav ul li {

	float: left;

	list-style: none;

	margin: 0;

	padding: 2px 0 0 0;

	}

	

#nav ul li a {

	background-color: #00003f;

	background-position: 0 0;

	background-repeat: no-repeat;

	cursor: pointer;

	display: block;

	height: 45px;

	width: 154px;

	}

	

#nav ul li a:hover {

	background-color: #6e9adc;

	background-position: 0 -45px;

	}

	

#nav ul li.on a,

#nav ul li.on a:hover {

	background-position: 0 -90px;

	cursor: default;

	}

	

#nav span {

	display: none;	

	}

	

#nav-recipes {

	border-right: 2px solid #192c80;

	}

	

#nav-coupon {

	width: 557px;

	}

	

#nav-prize {

	border-right: 2px solid #192c80;

	}

	

#nav-recipes a {

	background-image: url(../images/nav_recipes.jpg);

	}

	

#nav-coupon a {

	background-image: url(../images/nav_coupon.jpg);

	}

	

#nav-prize a {

	background-image: url(../images/nav_prize.jpg);

	}

	

#nav-enter a {

	background-image: url(../images/nav_enter.jpg);

	}









/* ---------- MAIN AREA ---------- */

#mainarea {

	background: #050614 url(../images/bg_mainarea.jpg) no-repeat;

	color: #ccc;

	font-size: 13px;

	padding-top: 40px;

	padding-bottom: 40px;

	}

	

#headline .head {

	margin: 0 auto 15px auto;

	}

	

#text {

	line-height: 17px;

	text-align: center;

	}

	

#callout {

	padding-bottom: 15px;

	text-align: center;

	}

	

#callout a {

	color: #fc0;

	font-weight: bold;

	text-decoration: underline;

	}

	

#callout a:hover {

	color: #f9e57d;

	font-weight: bold;

	text-decoration: underline;

	}

	

#graphic-prizes {

	background: url(../images/graphic_prizes.png) no-repeat;

	height: 282px;

	margin-bottom: -90px;

	width: 1024px;

	*margin-bottom: -30px;

	}

	

#section {

	margin: 0 auto;

	position: relative;

	width: 516px;

	*margin-top:-60px;

	}









/* INSTUCTIONS */

#instructions {

	left: 25px;

	position: absolute;

	top: 0px;

	width: 469px;

	}

	

#instructions-wrapper {

	color: #fff;

	font-size: 12px;

	margin: 0 auto;

	text-align: center;

	width: 390px;	

	}

	

#instructions p {

	margin: 0;

	}



#instructions-top {

	background: url(../images/bg_instructions_top.png) no-repeat;

	height: 28px;

	width: 100%;

	}

	

#instructions-middle {

	background: url(../images/bg_instructions_middle.png) no-repeat;

	min-height: 42px;

	width: 100%;

	}

	

*html #instructions-middle {

	height: 42px;

	}

	

#instructions-bottom {

	background: url(../images/bg_instructions_bottom.png) no-repeat;

	height: 41px;

	width: 100%;

	}







/* FORM */

#form {

	color: #024f83;

	font-size: 12px;

	padding-top: 40px;

	width: 516px;

	}



#form-top {

	background: url(../images/bg_form_top.jpg) no-repeat;

	height: 30px;

	width: 100%;

	}

	

#form-middle {

	background: url(../images/bg_form_middle.jpg) no-repeat;

	min-height: 330px;

	width: 100%;

	}

	

*html #form-middle {

	height: 330px;

	}

	

#form-bottom {

	background: url(../images/bg_form_bottom.jpg) no-repeat;

	height: 10px;

	margin-top: -10px;

	width: 100%;

	}

	

#form-wrapper {

	margin: 0 auto;

	padding: 40px 0 5px 0;

	width: 445px;

	}

	

#form-wrapper a {

	color: #024f83;

	text-decoration: underline;

	}



#form-wrapper a:hover {

	color: #488ab7;

	text-decoration: underline;

	}

	

#form-required {

	font-size: 11px;

	}

	

*html .form-row {

	float: left;

	clear: left;

	width: 100%;

	}



.form-row {

	padding-bottom: 15px;

	position: relative;	

	}

	

.form-col {

	float: left;

	}

	

.col-02, .col-03 {

	padding-left: 11px;

	}

	

.form-label {

	font-weight: bold;

	padding-bottom: 3px;

	}

	

.form-field {

	}

	

.form-note {

	font-size: 11px;

	position: absolute;

	right: 0px;

	top: 0px;

	}

	

#row-02 .form-note {

	top: 20px;

	}

	

#form-captcha {

	border-top: 1px solid #62738b;

	font-size: 11px;

	padding-top: 12px;

	}

	

#captcha-col-01 {

	float: left;

	padding-right: 15px;

	}

	

#captcha-col-02 {

	float: left;	

	}

	

#captcha-links {

	font-size: 10px;	

	}

	

#captcha-field {

	width: 140px;

	}

	

#captcha-field .field-text {

	margin-top: 3px;

	}

	

#form-rules {

	background: #fff;

	border: 1px solid #ccc;

	color: #111;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	height: 70px;

	overflow: auto;

	margin-bottom: 15px;

	padding: 5px;

	width: 425px;

	}

	

#form-buttons .button {

	margin: 0 auto;

	}





/* front fields */

#field-email {

	width: 435px;	

	}

	

#field-upc {

	width: 320px;	

	}

	

#field-rules {

	height: 70px;

	width: 435px;

	}

	

	

/* reg fields */

#field-fname, #field-lname {

	width: 205px;	

	}

	

#field-address, #field-address2 {

	width: 433px;	

	}

	

#field-city {

	width: 205px;	

	}

	

#field-state {

	width: 115px;	

	}

	

#field-zip {

	width: 78px;

	}

	

#field-phone1, #field-phone2 {

	width: 30px;

	}

	

#field-phone3 {

	width: 40px;

	}

	

#field-captcha {

	width: 135px;	

	}

	







/* ROUNDBOX */

#roundbox {

	margin: 0 auto;

	padding: 150px 0;

	position: relative;

	width: 572px;

	}

	

#graphic-referee {

	background: url(../images/graphic_referee.png) no-repeat;

	bottom: 75px;

	height: 386px;

	left: -20px;

	position: absolute;

	width: 181px;

	}

	

#roundbox-top {

	background: url(../images/bg_roundbox_top.png) no-repeat;

	height: 58px;

	width: 100%;

	}

	

#roundbox-middle {

	background: url(../images/bg_roundbox_middle.png) no-repeat;

	min-height: 138px;

	width: 100%;

	}

	

*html #roundbox-middle {

	height: 138px;

	}

	

#roundbox-bottom {

	background: url(../images/bg_roundbox_bottom.png) no-repeat;

	height: 35px;

	width: 100%;

	}

	

#roundbox-wrapper {

	color: #333;

	font-size: 12px;

	margin-left: 165px;

	width: 380px;

	}

	

#roundbox-buttons.left .button {

	float: left;

	}

	

#roundbox-buttons.right .button {

	float: right;

	}









/* WIN */

#win {

	background: url(../images/bg_win.jpg) no-repeat;

	color: #ccc;

	font-size: 13px;

	min-height: 630px;

	padding-top: 40px;

	padding-bottom: 40px;

	position: relative;

	}

	

*html #win {

	height: 630px;

	}

	

#win-headline .head {

	margin: 0 auto;

	}

	

#win-graphic {

	position: absolute;

	top: 0px;

	left: 0px;

	}

	

#graphic-tv {

	background: url(../images/graphic_tv.png) no-repeat;

	height: 426px;

	width: 538px;

	position: absolute;

	top: 80px;

	left: 30px;

	}

	

#graphic-cash {

	background: url(../images/graphic_cash.png) no-repeat;

	height: 325px;

	width: 350px;

	position: absolute;

	top: 130px;

	left: 140px;

	}

	

#graphic-jersey {

	background: url(../images/graphic_jersey.png) no-repeat;

	height: 313px;

	width: 303px;

	position: absolute;

	top: 145px;

	left: 160px;

	}

	

#graphic-cookware {

	background: url(../images/graphic_cookware.png) no-repeat;

	height: 312px;

	width: 373px;

	position: absolute;

	top: 140px;

	left: 125px;

	}

	

#graphic-platter {

	background: url(../images/graphic_platter.png) no-repeat;

	height: 332px;

	width: 318px;

	position: absolute;

	top: 100px;

	left: 160px;

	}

	

#win-desc {

	left: 530px;

	position: absolute;

	top: 200px;

	width: 365px;

	}

	

#desc-headline h3 {

	color: #fff;

	font-size: 18px;

	font-weight: normal;

	}

	

#desc-headline h3 strong {

	font-size: 28px;

	font-weight: bold;

	}

	

#desc-text {

	color: #10204c;

	font-size: 14px;

	width: 350px;

	}









/* NONWIN */

#nonwin {

	background: url(../images/bg_nonwin.jpg) no-repeat;

	color: #ccc;

	font-size: 13px;

	min-height: 630px;

	padding-top: 40px;

	padding-bottom: 40px;

	position: relative;

	}

	

*html #nonwin {

	height: 630px;

	}

	

#nonwin-headline .head {

	margin: 0 auto;

	}

	

#nonwin-graphic {

	position: absolute;

	top: 0px;

	left: 0px;

	}

	

#graphic-boxes {

	background: url(../images/graphic_boxes.png) no-repeat;

	height: 222px;

	width: 448px;

	position: absolute;

	top: 215px;

	left: 50px;

	}

	

#link-getmore {

	left: 75px;

	position: absolute;

	top: 420px;

	}



#link-getmore a {

	background: url(../images/link_getmore.png) 0 0 no-repeat;

	cursor: pointer;

	display: block;

	height: 10px;

	width: 413px;

	}

	

#link-getmore a:hover {

	background: url(../images/link_getmore.png) 0 -10px no-repeat;

	}



#link-getmore span {

	display: none;

	}

	

#nonwin-desc {

	left: 530px;

	position: absolute;

	top: 200px;

	width: 365px;

	}

	

#nonwin-desc #desc-headline h3 {

	background: url(../images/bg_divider_02.jpg) 50% 100% no-repeat;

	color: #003;

	/*border-bottom: 2px solid #3b9ed1;*/

	font-size: 15px;

	font-weight: normal;

	margin-bottom: 15px;

	padding-bottom: 15px;

	}

	

#nonwin-desc #desc-headline h3 strong {

	font-size: 18px;

	font-weight: bold;

	}

	

#nonwin-desc #desc-text {

	color: #003;

	font-size: 12px;

	width: 350px;

	}

	

#nonwin-desc #desc-buttons a {

	float: left;

	}









/* CALLOUT WIN LOSE */

#callout-winlose {

	left: 0px;

	position: absolute;

	top: 440px;

	width: 100%;

	}



#callout-winlose div {

	position: absolute;

	}

	

#logo-ritz {

	background: url(../images/logo_ritz.png) no-repeat;

	height: 72px;

	width: 72px;

	top: 0px;

	left: 35px;

	}



#logo-planters {

	background: url(../images/logo_planters.png) no-repeat;

	height: 67px;

	width: 130px;

	top: 10px;

	left: 143px;

	}



#logo-wheatthins {

	background: url(../images/logo_wheatthins.png) no-repeat;

	height: 69px;

	width: 88px;

	top: 5px;

	left: 780px;

	}



#logo-triscuit {

	background: url(../images/logo_triscuit.png) no-repeat;

	height: 37px;

	width: 105px;

	top: 15px;

	left: 895px;

	}



#authorization {

	background: url(../images/bg_authorization.png) no-repeat;

	height: 76px;

	width: 467px;

	top: 0px;

	left: 295px;

	}

	

#auth-wrapper {

	color: #ffcd4a;

	font-size: 15px;

	font-weight: bold;

	padding-top: 28px;

	text-align: center;

	width: 100%;

	}











/* ---------- FOOTER ---------- */

#footer {

	background: url(../images/bg_footer.jpg) repeat-x;

	border-bottom: 7px solid #070b20;

	margin-top: 5px;

	min-height: 95px;

	position: relative;

	}

	

*html #footer {

	height: 95px;

	}

	

#footer-text {

	color: #999;

	padding: 20px 0 0 110px;

	}

	

#footer-text p {

	margin-bottom: 5px;

	}

	

#footer-text #links {

	font-size: 12px;

	}

	

#footer-text #links a {

	color: #999;

	font-weight: bold;

	text-decoration: none;

	}

	

#footer-text #links a:hover {

	color: #ccc;

	font-weight: bold;

	text-decoration: none;

	}

	

#footer-text #legal {

	font-size: 11px;

	}

	

#footer-logos span {

	display: none;

	}



#logo-nabisco {

	left: 44px;

	position: absolute;

	top: 20px;

	}

	

#logo-kraft {

	left: 885px;

	position: absolute;

	top: 20px;

	}



#logo-nabisco a {

	background: url(../images/logo_nabisco.png) no-repeat;

	cursor: pointer;

	display: block;

	height: 46px;

	width: 43px;

	}

	

#logo-kraft a {

	background: url(../images/logo_kraft.png) no-repeat;

	cursor: pointer;

	display: block;

	height: 32px;

	width: 95px;

	}













/* ------------------------- MODIFIERS ------------------------- */







/* ---------- FRONT ---------- */

#modifier-front #text {

	margin: 0 auto;

	width: 795px;

	}

	





/* ---------- REG ---------- */

#modifier-reg #form-middle {

	*padding-bottom: 20px;

	}

	

#modifier-reg #form-buttons .button {

	bottom: 30px;

	position: absolute;

	right: 30px;

	}







/* ---------- PRIZE ---------- */

#prize {

	background: url(../images/bg_prizes.jpg) no-repeat;

	height: 657px;

	}

	

#modifier-prize #mainarea {

	padding-bottom: 0;

	}



#modifier-prize #text {

	color: #999;

	margin: 0 auto;

	width: 600px;

	}

	

#modifier-prize #nav a {

	cursor: default !important;

	}

	

#modifier-prize #nav #nav-prize a:hover {

	background-position: 0 -90px !important;

	}



#modifier-prize #nav a:hover {

	background-position: 0 0 !important;

	}

	

#modifier-prize #footer a {

	cursor: default !important;

	}





/* ---------- PRIZE STATIC (NabiscoWorld) ---------- */

#modifier-prizestatic #mainarea {

	padding-bottom: 0;

	}



#modifier-prizestatic #text {

	color: #999;

	margin: 0 auto;

	width: 600px;

	}

	





/* HOTSPOT (for early and over pages) */

.hotspot {

	position: absolute;

	}



.hotspot a {

	cursor: pointer;

	display: block;

	}



.hotspot span {

	display: none;	

	}

	

	





/* ---------- EARLY ---------- */

#early {

	background: url(../images/bg_early.jpg) no-repeat;

	height: 640px;

	position: relative;

	}

	

#early #hidden {

	display: none;

	}





/* logo */

#early #hotspot-logo {

	top: 17px;

	left: 315px;

	}



#early #hotspot-logo a {

	height: 91px;

	width: 415px;

	}





/* party center */

#early #hotspot-partycenter {

	top: 615px;

	left: 350px;

	}



#early #hotspot-partycenter a {

	background: url(../images/link_partycenter.png) 0 0 no-repeat;

	height: 10px;

	width: 314px;

	}

	

#early #hotspot-partycenter a:hover {

	background: url(../images/link_partycenter.png) 0 -10px no-repeat;

	}









/* ---------- OVER ---------- */

#over {

	background: url(../images/bg_over.jpg) no-repeat;

	height: 640px;

	position: relative;

	}

	

#over #hidden {

	display: none;

	}





/* logo */

#over #hotspot-logo {

	top: 17px;

	left: 315px;

	}

	

#over #hotspot-logo a {

	height: 91px;

	width: 415px;

	}

	

	

/* get recipes */

#over #hotspot-get-recipes {

	top: 590px;

	left: 290px;

	}

	

#over #hotspot-get-recipes a {

	background: url(../images/link_get_recipes.png) 0 0 no-repeat;

	height: 38px;

	width: 222px;

	}

	

#over #hotspot-get-recipes a:hover {

	background: url(../images/link_get_recipes.png) 0 -38px no-repeat;

	}





/* get coupon */

#over #hotspot-get-coupon {

	top: 590px;

	left: 520px;

	}



#over #hotspot-get-coupon a {

	background: url(../images/link_get_coupon.png) 0 0 no-repeat;

	height: 38px;

	width: 222px;

	}

	

#over #hotspot-get-coupon a:hover {

	background: url(../images/link_get_coupon.png) 0 -38px no-repeat;

	}

	

	

/* party center 02 */

#over #hotspot-partycenter-02 {

	left: 114px;

	top: 296px;

	}

	

#over #hotspot-partycenter-02 a {

	background: url(../images/link_partycenter_02.png) 0 0 no-repeat;

	height: 65px;

	width: 157px;

	}

	

#over #hotspot-partycenter-02 a:hover {

	background: url(../images/link_partycenter_02.png) 0 -65px no-repeat;

	}











/* ---------- OVER NO COUPON ---------- */

#over-nocoupon {

	background: url(../images/bg_over_nocoupon.jpg) no-repeat;

	height: 640px;

	position: relative;

	}

	

#over-nocoupon #hidden {

	display: none;

	}

	



/* logo */

#over-nocoupon #hotspot-logo {

	top: 17px;

	left: 315px;

	}

	

#over-nocoupon #hotspot-logo a {

	height: 91px;

	width: 415px;

	}

	

	

/* get recipes */

#over-nocoupon #hotspot-get-recipes {

	top: 590px;

	left: 410px;

	}

	

#over-nocoupon #hotspot-get-recipes a {

	background: url(../images/link_get_recipes.png) 0 0 no-repeat;

	height: 38px;

	width: 222px;

	}

	

#over-nocoupon #hotspot-get-recipes a:hover {

	background: url(../images/link_get_recipes.png) 0 -38px no-repeat;

	}

	

	

/* party center 02 */

#over-nocoupon #hotspot-partycenter-02 {

	left: 114px;

	top: 296px;

	}

	

#over-nocoupon #hotspot-partycenter-02 a {

	background: url(../images/link_partycenter_02.png) 0 0 no-repeat;

	height: 65px;

	width: 157px;

	}

	

#over-nocoupon #hotspot-partycenter-02 a:hover {

	background: url(../images/link_partycenter_02.png) 0 -65px no-repeat;

	}













/* ------------------------- POP UP ------------------------- */

#modifier-pop-rules {

	background: #000;

	}

	

#pop-container {

	height: 571px;

	margin: 0 auto;

	position: relative;

	width: 646px;

	}

	

#pop-header {

	background: url(../images/bg_pop_header.jpg) no-repeat;

	height: 73px;

	position: relative;

	z-index: 10;

	}

	

#pop-close {

	position: absolute;

	right: 15px;

	top: 15px;

	}

	

#pop-close a {

	background: url(../images/link_close.png) no-repeat;

	cursor: pointer;

	display: block;

	height: 13px;

	width: 60px;

	}

	

#pop-close a span {

	display: none;

	}



#pop-logo {

	bottom: -10px;

	position: absolute;

	left: 195px;

	z-index: 10;

	}



#pop-logo h1 {

	background: url(../images/logo_promotion_small.png) no-repeat;

	height: 61px;

	width: 267px;

	}

	

#pop-logo h1 span {

	display: none;

	}

	

#pop-mainarea {

	background: #fff;

	color: #666;

	font-size: 11px;

	height: 459px;

	overflow: auto;

	position: relative;

	z-index: 9;

	}

	

#pop-headline {

	padding: 20px 0 0 0;	

	}



#pop-headline h2 {

	background: url(../images/bg_divider.jpg) 50% 100% no-repeat;

	color: #036;

	font-size: 18px;

	font-weight: bold;

	margin-bottom: 15px;

	padding-bottom: 15px;

	text-align: center;

	text-transform: uppercase;

	}

	

#pop-text {

	margin: 0 auto;

	width: 540px;	

	}



#pop-text a {

	color: #024f83;

	position: relative;

	text-decoration: underline;

	}



#pop-text a:hover {

	color: #488ab7;

	text-decoration: underline;

	}

	

#upc-10 {

	float: left;

	margin-top: 30px;

	margin-left: 50px;

	width: 175px;

	}

	

#upc-06 {

	float: left;

	margin-top: 30px;

	margin-left: 115px;

	width: 175px;

	}

	

.faq-question p {

	margin-bottom: 3px;	

	}

	

.underline {

	text-decoration: underline;	

	}

	

#pop-footer {

	background: url(../images/bg_pop_footer.jpg) no-repeat;

	height: 39px;

	}











/* ------------------------- POP UP - CAPTCHA ------------------------- */

#modifier-pop-captcha {

	background: #090e27 url(../images/bg_captcha.jpg) repeat-x;

	}

	

#captcha-container {

	height: 240px;

	margin: 0 auto;

	width: 400px;

	}

	

#captcha-close {

	position: absolute;

	right: 7px;

	top: 7px;

	}

	

#captcha-close a {

	background: url(../images/link_close.png) no-repeat;

	cursor: pointer;

	display: block;

	height: 13px;

	width: 60px;

	}

	

#captcha-close a span {

	display: none;

	}



#captcha-logo {

	padding: 40px 0 30px 0;	

	}



#captcha-logo h1 {

	background: url(../images/logo_promotion_small.png) no-repeat;

	height: 61px;

	margin: 0 auto;

	width: 267px;

	}

	

#captcha-logo h1 span {

	display: none;

	}

	

#captcha-mainarea {

	color: #fff;

	font-size: 12px;

	margin: 0 auto;

	width: 320px;

	}













/* ------------------------- SHARED ------------------------- */









/* ---------- BUTTONS ---------- */

.button,

.button-small {

	background-color: transparent;

	background-position: 0 0;

	background-repeat: no-repeat;

	border: 0;

	cursor: pointer;

	display: block;

	}

	

.button span,

.button-small span {

	display: none;

	}

	

.button {

	height: 47px;

	}

	

.button:hover {

	background-position: 0 -47px;	

	}

	

.button-small {

	height: 36px;

	}

	

.button-small:hover {

	background-position: 0 -36px;	

	}

	

#btn-getallrecipes {

	background-image: url(../images/btn_getallrecipes.png);

	width: 154px;

	}

	

#btn-getcoupon {

	background-image: url(../images/btn_getcoupon.png);

	width: 153px;

	}



#btn-getcoupons {

	background-image: url(../images/btn_getcoupons.png);

	width: 185px;

	}

	

#btn-print {

	background-image: url(../images/btn_print.png);

	width: 142px;

	}



#btn-submit {

	background-image: url(../images/btn_submit.png);

	width: 123px;

	}

	

#btn-tryagain {

	background-image: url(../images/btn_tryagain.png);

	width: 183px;

	}

	

#btn-viewrecipes {

	background-image: url(../images/btn_viewrecipes.png);

	width: 183px;

	}









/* ---------- HEADS ---------- */

.head {

	}



.head span {

	display: none;

	}

	

#head-checkthereplay {

	background: url(../images/head_checkthereplay.png) no-repeat;

	height: 18px;

	width: 210px;

	}

	

#head-delayofgame {

	background: url(../images/head_delayofgame.png) no-repeat;

	height: 18px;

	width: 174px;

	}

	

#head-front {

	background: url(../images/head_front.png) no-repeat;

	height: 35px;

	width: 509px;

	}

	

#head-ineligibleplayer {

	background: url(../images/head_ineligbleplayer.png) no-repeat;

	height: 18px;

	width: 355px;

	}

	

#head-nonwin {

	background: url(../images/head_nonwin.png) no-repeat;

	height: 75px;

	width: 593px;

	}

	

#head-playchallenged {

	background: url(../images/head_playchallenged.png) no-repeat;

	height: 18px;

	width: 206px;

	}

	

#head-toomanyplayers {

	background: url(../images/head_toomanyplayers.png) no-repeat;

	height: 18px;

	width: 366px;

	}

		

#head-win {

	background: url(../images/head_win.png) no-repeat;

	height: 70px;

	width: 384px;

	}

	









/* ---------- FIELDS ---------- */

.field-text {

	background: #fff;

	border: 1px solid #ccc;

	color: #111;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	height: 18px;

	padding: 2px 5px 0px 5px;

	}

	

.field-textarea {

	background: #fff;

	border: 1px solid #ccc;

	color: #111;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	height: 150px;

	overflow: auto;

	padding: 5px;

	}

	

.field-select {

	background: #fff;

	border: 1px solid #ccc;

	color: #111;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	height: 22px;

	}











/* ---------- TABLES ---------- */

.table-select tr td {

	font-size: 11px;

	padding-right: 5px;	

	}

	

.table-select tr td input {

	*position: relative;

	*top: -3px;

	}