/* HTML - ELEMENTS */
* {
	margin: 0;
	padding: 0;
	}

body { 
	background: #08192D url(../images/bg_museum.jpg) 50% 0 no-repeat;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
	}
	
h2, h3, p, ul, ol, dl, table {
	margin-bottom: 12px;
	}

img {
	border: 0;
	} 

table { 
	border-collapse: collapse; 
	border-spacing: 0;
	}

table tr td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: top; 
	}	

ul {
	padding-left: 22px;
	}
	
ul li {
	padding-bottom: 5px;
	}
	
a { 
	color: #FB9A28;
	text-decoration: underline;
	}
	
a:hover {
	color: #FECA8D;
	text-decoration: underline;
	}

a:focus {
	outline: none;
	}
	
acronym {
	background: #FFFBCF;
	border: 0;
	cursor: help;
	}





/* MAIN PAGE DIVS  */
#page-container {
	margin: 34px auto;
	position: relative;
	width: 990px;
	z-index: 1;
	}
	
#page-logo {
	left: 440px;
	position: absolute;
	top: -34px;
	z-index: 2;
	}
	
#page-logo h1 {
	background: url(../images/logo_kraftmacncheese.png) no-repeat;
	height: 116px;
	margin: 0;
	width: 114px;
	}
	
#page-logo h1 span {
	display: none;
	}
	
#page-header {
	background: url(../images/bg_bar_texture_short.png) no-repeat;
	height: 55px;
	}
	
#page-content {
	min-height: 540px;
	*height: 540px;
	position: relative;
	z-index: 2;
	}
	
html>body #page-content {
	border: 1px solid transparent; /* keeps characters in appropriate position (FF) regardless of vertically flexible content */
	}
	
#page-flash {
	margin-left: 18px;
	margin-top: -16px;
	outline: none;
	width: 960px;
	}

#page-footer {
	}
	
#page-legal {
	background: url(../images/logo_adbreak.png) no-repeat;
	float: left;
	font-size: 11px;
	padding-left: 60px;
	width: 525px;
	}
	
#page-legal a {
	color: #fff;
	text-decoration: underline;
	text-transform: uppercase;
	}

#page-legal a:hover {
	color: #FB9A28;
	text-decoration: underline;
	}
	
#page-logos {
	float: right;
	padding-top: 20px;
	width: 360px;
	}
	
#page-logos img {
	margin-left: 5px;
	vertical-align: middle;
	}
	




/* PAGE MODIFIERS */
body.page-modifier #headline {
	position: absolute;
	top: 50px;
	z-index: 3;
	}
	
body.page-modifier #panel {
	margin-bottom: 0px;
	margin-top: 0;
	padding-top: 150px;
	}
	
body.page-modifier #panel-middle {
	*height: 274px;
	min-height: 274px;
	}
	
body.page-modifier #panel-content {
	padding: 50px 0 0 12px;
	}
	
#page-comingsoon #headline {
	left: 265px;
	}
	
#page-promoover #headline {
	left: 285px;
	}
	
#page-consentform #headline {
	left: 255px;
	z-index: 8;
	}
	
#page-consentform #page-content {
	min-height: 560px;
	*height: 560px;
	}
	
#page-consentform #panel {
	margin-bottom: 0px;
	margin-top: 0;
	padding-top: 100px;
	}
	
#page-consentform #panel-middle {
	*height: 379px;
	min-height: 379px;
	}
	
#page-consentform #panel-content {
	padding-bottom: 0;
	padding-top: 10px;
	}
	
#page-consentform .scrollbox-vertical {
	height: 300px;
	margin-bottom: 20px;
	overflow: auto;
	padding: 10px;
	position: relative;
	width: 290px;
	z-index: 10;
	}
	
#page-consentform .consent-line {
	display: block;
	}

#page-consentform #consent-print {
	margin-left: 60px;
	text-align: center;
	width: 190px;
	}

#page-consentform #consent-print p {
	margin-bottom: 0;
	}





/* PAGE NAVIGATION */
#page-nav * {
	margin: 0;
	padding: 0;
	}
	
#page-nav ul li {
	float: left;
	list-style: none;
	}
	
#page-nav ul li span {
	display: none;
	}
	
#page-nav ul li a {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	height: 20px;
	margin-top: 12px;
	}
	
#page-nav ul li a:hover {
	background-position: 0 -20px;
	}

#nav-prizes a {
	background-image: url(../images/nav_prizes.png);
	margin-left: 144px;
	margin-right: 39px;
	width: 84px;
	}
	
#nav-rules a {
	background-image: url(../images/nav_rules.png);
	margin-right: 247px;
	width: 105px;
	}
	
#nav-faqs a {
	background-image: url(../images/nav_faqs.png);
	margin-right: 38px;
	width: 36px;
	}
	
#nav-taf a {
	background-image: url(../images/nav_taf.png);
	width: 95px;
	}





/* PANEL */
#panel {
	left: 7px;
	margin: 30px auto 111px auto;
	position: relative;
	width: 352px;
	z-index: 2;
	}
	
#panel-top, #panel-bottom {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 1px;
	height: 20px;
	line-height: 1px;
	width: 100%;
	}
	
#panel-top {
	background-image: url(../images/bg_panel_top.png);
	}
	
#panel-bottom {
	background-image: url(../images/bg_panel_bottom.png);
	}
	
#panel-middle {
	background: url(../images/bg_panel_middle.png) 0 0 no-repeat;
	*height: 349px;
	min-height: 349px;
	padding-bottom: 12px;
	width: 100%;
	}
	
#panel-content {
	padding: 20px 50px 0 20px;
	}





/* CHARACTERS */
.character {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 1px;
	line-height: 1px;
	position: absolute;
	z-index: 3;
	}
	
#character-capone {
	background-image: url(../images/character_capone.png);
	bottom: 4px;
	height: 437px;
	right: 177px;
	width: 276px;
	}
	
#character-crex {
	background-image: url(../images/character_crex.png);
	height: 437px;
	left: 30px;
	bottom: -20px;
	width: 568px;
	}

#character-crex-tablet {
	background-image: url(../images/character_crex_tablet.png);
	height: 446px;
	left: 0px;
	bottom: 10px;
	width: 357px;
	}

#character-crex-thumbsup {
	background-image: url(../images/character_crex_thumbsup.png);
	height: 382px;
	left: 30px;
	bottom: 10px;
	width: 316px;
	}
	
#character-ivan {
	background-image: url(../images/character_ivan.png);
	bottom: 2px;
	height: 470px;
	right: 240px;
	width: 215px;
	}
	
#character-kahmanrah-closed {
	background-image: url(../images/character_kahmanrah_closed.png);
	bottom: 0;
	height: 441px;
	right: 295px;
	width: 182px;
	}
	
#character-kahmanrah-open {
	background-image: url(../images/character_kahmanrah_open.png);
	bottom: 0px;
	height: 437px;
	right: 230px;
	width: 305px;
	}
	
#character-kahmanrah-spear {
	background-image: url(../images/character_kahmanrah_spear.png);
	bottom: 15px;
	height: 431px;
	right: 110px;
	width: 234px;
	}
	
#character-lincoln {
	background-image: url(../images/character_lincoln.png);
	bottom: 0px;
	height: 556px;
	right: 130px;
	width: 212px;
	}

#character-monkey {
	background-image: url(../images/character_monkey.png);
	bottom: 0px;
	height: 223px;
	right: 285px;
	width: 102px;
	}
	
#character-napolean {
	background-image: url(../images/character_napolean.png);
	bottom: 4px;
	height: 403px;
	right: 223px;
	width: 219px;
	}






/* CALLOUTS */
#page-callout {
	background: url(../images/bg_bar_texture_tall.png) no-repeat;
	height: 124px;
	margin-bottom: 25px;
	}
	
#page-callout #logo-natm {
	float: left;
	width: 269px;
	}
	
#page-callout #logo-natm h3 {
	background: url(../images/logo_natm.png) no-repeat;
	height: 68px;
	margin: 20px 0 0 40px;
	width: 200px;
	}
	
#page-callout #logo-natm h3 span {
	display: none;
	}
	
#callouts {
	float: left;
	position: relative;
	width: 707px;
	}
	
.callout {
	float: left;
	margin-top: 16px;
	}
	
#callout-boxoffice {
	width: 194px;
	}
	
#callout-museummayhem {
	margin-left: 80px;
	width: 192px;
	}
	
#callout-cheesyfun {
	margin-left: 85px;
	width: 156px;
	}





/* GRAPHICS */
.graphic {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	font-size: 1px;
	line-height: 1px;
	position: absolute;
	z-index: 3;
	}
	
#graphic-plane {
	background-image: url(../images/graphic_plane.png);
	height: 101px;
	left: 126px;
	top: -30px;
	width: 215px;
	}
	
#graphic-crex {
	background-image: url(../images/graphic_crex.png);
	height: 94px;
	left: 461px;
	top: -10px;
	width: 96px;
	}






/* HEADS */
.head {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 30px;
	}

.head span {
	display: none;
	}
	
#head-callout-boxoffice {
	background-image: url(../images/head_callout_boxoffice.png);
	height: 23px;
	width: 117px;
	}
	
#head-callout-museummayhem {
	background-image: url(../images/head_callout_museummayhem.png);
	height: 23px;
	width: 130px;
	}
	
#head-callout-cheesyfun {
	background-image: url(../images/head_callout_cheesyfun.png);
	height: 27px;
	width: 86px;
	}

#head-cheesyfun {
	background-image: url(../images/head_cheesyfun.gif);
	height: 20px;
	width: 86px;
	}
	
#head-comingsoon {
	background-image: url(../images/head_comingsoon.png);
	height: 172px;
	width: 453px;
	}

#head-firsttimeplayer {
	background-image: url(../images/head_firsttimeplayer.gif);
	width: 178px;
	}
	
#head-forgotpassword {
	background-image: url(../images/head_forgotpassword.gif);
	width: 243px;
	}
	
#head-ooops {
	background-image: url(../images/head_ooops.gif);
	width: 72px;
	}
	
#head-parentalconsent {
	background-image: url(../images/head_parentalconsent.png);
	height: 76px;
	width: 481px;
	}
	
#head-pop-accesscode {
	background-image: url(../images/head_pop_accesscode.gif);
	height: 54px;
	width: 394px;
	}
	
#head-pop-consent {
	background-image: url(../images/head_pop_consent.gif);
	height: 59px;
	width: 385px;
	}
	
#head-pop-faqs {
	background-image: url(../images/head_pop_faqs.gif);
	height: 39px;
	width: 84px;
	}
	
#head-pop-freedownloads {
	background-image: url(../images/head_pop_freedownloads.gif);
	height: 92px;
	margin-top: 10px !important;
	width: 280px;
	}
	
#head-pop-natm-screensaver {
	background-image: url(../images/head_pop_natm_screensaver.gif);
	height: 28px;
	width: 276px;
	}
	
#head-pop-natm-wallpaper {
	background-image: url(../images/head_pop_natm_wallpaper.gif);
	height: 28px;
	width: 265px;
	}

#head-pop-playwithoutcode {
	background-image: url(../images/head_pop_playwithoutcode.gif);
	height: 52px;
	width: 376px;
	}
	
#head-pop-prize-grand {
	background-image: url(../images/head_pop_prize_grand.gif);
	height: 47px;
	width: 121px;
	}
	
#head-pop-prize-first {
	background-image: url(../images/head_pop_prize_first.gif);
	height: 45px;
	width: 105px;
	}
	
#head-pop-prize-second {
	background-image: url(../images/head_pop_prize_second.gif);
	height: 48px;
	width: 125px;
	}
	
#head-pop-prizes {
	background-image: url(../images/head_pop_prizes.gif);
	height: 74px;
	width: 362px;
	}
	
#head-pop-rules {
	background-image: url(../images/head_pop_rules.gif);
	height: 99px;
	margin-top: 10px !important;
	width: 325px;
	}
	
#head-pop-taf {
	background-image: url(../images/head_pop_taf.gif);
	height: 95px;
	margin-top: 10px !important;
	width: 244px;
	}
	
#head-pop-thatwaseasy {
	background-image: url(../images/head_pop_thatwaseasy.gif);
	height: 99px;
	margin-top: 10px !important;
	width: 244px;
	}
	
#head-pop-weresorry {
	background-image: url(../images/head_pop_weresorry.gif);
	height: 43px;
	width: 203px;
	}
	
#head-register {
	background-image: url(../images/head_register.gif);
	width: 89px;
	}

#head-returnplayer {
	background-image: url(../images/head_returnplayer.gif);
	width: 155px;
	}
	
#head-thanksforplaying {
	background-image: url(../images/head_thanksforplaying.gif);
	width: 210px;
	}
	
#head-thanksforvisiting {
	background-image: url(../images/head_thanksforvisiting.gif);
	width: 210px;
	}
	
#head-uhoh {
	background-image: url(../images/head_uhoh.gif);
	width: 76px;
	}
	
#head-weresorry {
	background-image: url(../images/head_weresorry.png);
	height: 94px;
	width: 416px;
	}
	
#head-yourpasswordis {
	background-image: url(../images/head_yourpasswordis.gif);
	width: 200px;
	}





/* TEXT GRAPHIC */
.text-graphic {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	}
	
.text-graphic span {
	display: none;
	}
	
#text-comingsoon {
	background-image: url(../images/text_comingsoon.png);
	height: 200px;
	width: 313px;
	}
	
#text-promoover {
	background-image: url(../images/text_promoover.png);
	height: 196px;
	width: 308px;
	}
	
#text-callout-boxoffice {
	background-image: url(../images/text_callout_boxoffice.png);
	height: 43px;
	width: 194px;
	}
	
#text-callout-museummayhem {
	background-image: url(../images/text_callout_museummayhem.png);
	height: 40px;
	width: 192px;
	}
	
#text-callout-cheesyfun {
	background-image: url(../images/text_callout_cheesyfun.png);
	height: 40px;
	width: 156px;
	}






/* BUTTONS */
.button {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	border: 0;
	cursor: pointer;
	display: block;
	height: 32px;
	position: relative;
	width: 82px;
	z-index: 6;
	}
	
.button:hover {
	background-position: 0 -32px;
	}
	
.button span {
	display: none;
	}

#btn-back {
	background-image: url(../images/btn_back.gif);
	}
	
#btn-back-orange {
	background-image: url(../images/btn_back_orange.gif);
	}
	
.btn-callout-go {
	background-image: url(../images/btn_callout_go.png);
	height: 27px !important;
	width: 52px !important;
	}
	
.btn-callout-go:hover {
	background-position: 0 -27px !important;
	}
	
#btn-callout-visitmoviesite {
	background-image: url(../images/btn_callout_visitmoviesite.png);
	height: 27px;
	width: 162px;
	}
	
#btn-callout-visitmoviesite:hover {
	background-position: 0 -27px;
	}

#btn-cancel {
	background-image: url(../images/btn_cancel.gif);
	}
	
#btn-cancel-orange {
	background-image: url(../images/btn_cancel_orange.gif);
	}
	
#btn-close {
	background-image: url(../images/btn_close.gif);
	height: 18px;
	width: 28px;
	}
	
#btn-close:hover {
	background-position: 0 -18px;
	}
	
#btn-go {
	background-image: url(../images/btn_go.gif);
	}
	
#btn-ok {
	background-image: url(../images/btn_ok.gif);
	}
	
#btn-print {
	background-image: url(../images/btn_print.gif);
	width: 190px;
	}

#btn-register {
	background-image: url(../images/btn_register.gif);
	}
	
#btn-send {
	background-image: url(../images/btn_send.gif);
	}

#btn-send-another {
	background-image: url(../images/btn_send_another.gif);
	width: 188px;
	}
		
#btn-signin {
	background-image: url(../images/btn_signin.gif);
	}
	
#btn-submit {
	background-image: url(../images/btn_submit.gif);
	}
	
#btn-tryagain {
	background-image: url(../images/btn_tryagain.gif);
	width: 102px;
	}





/* LINKs */
.link {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 32px;
	width: 82px;
	}
	
.link span {
	display: none;
	}
	
#link-800x600 {
	background-image: url(../images/link_800x600.gif);
	}
	
#link-1024x768 {
	background-image: url(../images/link_1024x768.gif);
	}
	
#link-1280x800 {
	background-image: url(../images/link_1280x800.gif);
	}
	




/* LISTs */
.list-arrows {
	padding-left: 2px;
	}
	
.list-arrows li {
	background: url(../images/icon_arrow.gif) 0 0 no-repeat;
	list-style: none;
	padding: 0 0 10px 25px;
	}





/* FORMS */
.form {
	}

.form-row {
	float: left;
	}
	
.form-column {
	float: left;
	font-size: 10px;
	vertical-align: middle;
	}
	
.form-column.col-01 {
	margin-right: 10px;
	}
	
#form-taf .field-label {
	color: #3A0802;
	font-size: 12px;
	font-weight: normal;
	}
	
#form-taf .col-01 {
	margin-right: 20px;
	}





/* FORM FIELDS */
.field-label {
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	}
	
.field-text, .selectbox {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	border: 0 !important;
	color: #111;
	font-size: 12px;
	height: 22px;
	margin-top: 3px;
	padding: 5px 0 0 5px;
	position: relative;
	z-index: 6;
	}
	
.text-medium {
	background-image: url(../images/bg_field_medium.gif);
	width: 129px;
	}
	
.text-large {
	background-image: url(../images/bg_field_large.gif);
	width: 168px;
	}

span.select-large .selectbox {
	background-image: url(../images/bg_select_large.gif);
	cursor: default;
	width: 129px; 
	}

span.select-small .selectbox {
	background-image: url(../images/bg_select_small.gif);
	cursor: default;
	width: 38px; 
	}
	
#select-birth-month .selectbox-wrapper {
	left: 20px;
	}
	
#select-birth-day .selectbox-wrapper {
	left: 66px;
	}

#select-birth-year .selectbox-wrapper {
	left: 112px;
	}
	
.selectbox-wrapper {
	background-color: white;
	border: 1px solid #ccc;
	color: #111;
	height: 80px;
	margin: 0px;
	overflow: auto;
	padding: 0px;
	position: absolute;
	text-align: left;
	width: 400px;
	z-index: 7;
	}

.selectbox-wrapper ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

.selectbox-wrapper ul li.selected { 
	background-color: #EAF2FB;
	}

.selectbox-wrapper ul li.current { 
	background-color: #CDD8E4;
	}

.selectbox-wrapper ul li {
	cursor: auto;
	display: block;
	list-style-type: none;
	margin: 0;
	padding: 2px;
	}





/* POPUP */
#pop-body {
	background: #F0840C;
	color: #3A0802;
	}
	
#pop-body a {
	color: #3A0802;
	text-decoration: underline;
	}
	
#pop-body a:hover {
	color: #70352E;
	text-decoration: underline;
	}

#pop-container {
	background: url(../images/bg_cheesy.jpg) no-repeat;
	margin: 0 auto;
	height: 415px;
	width: 482px;
	}
	
#pop-header {
	height: 115px;
	padding: 5px 25px;
	}
	
#pop-close {
	float: right;
	}
	
#pop-headline {
	}
	
#pop-headline h1 {
	margin: 30px auto 0 auto;
	}
	
#pop-content {
	height: 290px;
	overflow: auto;
	margin: 0 auto;
	padding: 0 25px;
	position: relative;
	width: 395px;
	}
	
.faq-indent {
	padding-left: 30px;
	}
	
#pop-body-error {
	background: #08182C;
	color: #fff;
	}
	
#pop-body-error a { 
	color: #FB9A28;
	text-decoration: underline;
	}
	
#pop-body-error a:hover {
	color: #FECA8D;
	text-decoration: underline;
	}
	
#pop-body-error #panel {
	left: 0px;
	margin: 0px auto;
	position: relative;
	width: 352px;
	z-index: 2;
	}
	
#pop-body-error #panel-middle {
	height: 349px;
	min-height: 349px;
	padding-bottom: 12px;
	}
	
#flash-error-code {
	color: #08182C;
	position: absolute;
	bottom: 30px;
	right: 30px;
	}





/* GENERAL CLASSES */
.asterik {
	color: #fo3 !important;
	}

.clear {
	clear: both;
	}

.column-left {
	float: left;
	}
	
.column-right {
	float: right;
	}
	
.column-left-half {
	float: left;
	width: 50%;
	}
	
.column-right-half {
	float: right;
	width: 50%;
	}
	
.content-thinner {
	padding-right: 80px;
	}
	
.divider {
	border-bottom: 1px solid #86ACCD;
	border-top: 1px solid #3E545F;
	font-size: 1px;
	line-height: 1px;
	margin: 0px 0 12px 10px;
	padding-top: 1px;
	}
	
.example {
	color: #DB6A0F;
	}
	
.indent {
	padding-left: 20px;
	}
	
.page-tag {
	display: none;
	}