/* CSS KEY */
/* ---- Note 1 - Commented Headers represent blocks of CSS code. ---- */
/* ---- Note 2 - Commented Headers are sorted alphabetcally (minus those prefixed with "HTML"), as are the CSS Properties within them. ---- */
/* ---- Note 3 - Classes come before IDs under Commented Headers. ---- */
/* ---- Note 4 - Selectors and Pseudo Classes will not appear in the HTML markup. They are dynamically written into every element by the JS called "offspring.js". ---- */
/* ---- Note 5 - Usable Pseudo Classes : "first-child", "last-child", "nth-child-#", "nth-child-odd", "nth-child-even", and "only-child". ---- */


/* HTML - ELEMENTS */
* {
	margin: 0;
	padding: 0;
	}
	
a { 
	color: #FFBF00;
	text-decoration: none;
	}
	
a:hover { 
	text-decoration: underline;
	}

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

body { 
	background: #192412;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 17px;
	width: 100%;
	}

h2, h3, h4, h5 {
	font-weight: normal;
	margin-bottom: 8px;
	}
	
img {
	border: 0;
	}

p, ul, ol, dl, table {
	margin-bottom: 10px;
	} 

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

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

ul {
	padding-left: 22px;
	}
	
ul li {
	padding-bottom: 5px;
	}





/* HTML - PAGE STRUCTURE */
.page-tag {
	display: none;
	}
	
#page-background {
	background: #415912 url(../images/bg_field.jpg) 0 100% no-repeat;
	border: 3px solid #000;
	height: 464px;
	padding-top: 30px;
	position: relative;
	z-index: 1;
	}	
	
#page-container {
	margin: 45px auto;
	width: 734px;
	}
	
#page-content {
	margin: 35px 30px;
	width: 470px;
	}
	
#page-footer {
	font-size: 10px;
	margin-top: 15px;
	}
	
#page-footer p.nth-child-1, #page-footer p.nth-child-1 a, #page-footer p.nth-child-1 a:hover {
	color: #738468;
	font-weight: bold;
	}
	
#page-footer p.nth-child-2, #page-footer p.nth-child-2 a, #page-footer p.nth-child-2 a:hover {
	color: #C5D6B9;
	font-weight: bold;
	}
	
#page-header {
	background: url(../images/bg_overlay.png) 0 0 repeat-y !important;
	background-image: none;
	height: 45px;
	padding-top: 19px;
	}
	
#page-logo {
	left: 20px;
	position: absolute;
	top: 10px;
	z-index: 2;
	}
	





/* ALIGNMENT */
.align-center {
	text-align: center !important;
	}
	
.align-left {
	text-align: left !important;
	}

.align-right {
	text-align: right !important;
	}
	
.valign-bottom {
	vertical-align: top !important;
	}

.valign-middle {
	vertical-align: top !important;
	}
	
.valign-top {
	vertical-align: top !important;
	}





/* BROWSER HACKS */
*html #btn-backtohome {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/btn_backtohome.png");
	}
	
*html #btn-football {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/btn_football.png");
	}
	
*html #btn-football-small {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/btn_football_small.png");
	}
	
*html #btn-submit {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/btn_submit.png");
	}
	
*html .form-text {
	background: #C6CFA8;
	}
	
*html #logo-sogoodtogether {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/logo_sogoodtogether.png");
	width:138px;
	}
	
*html #page-header {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bg_overlay.png");
	}





/* BUTTONS */
.button {
	background-color: transparent;
	border: 0;
	cursor: pointer;
	display: block;
	height: 35px;
	}
	
.button span {
	display: none;
	}
	
#buttons a {
	float: left;
	margin-right: 8px;
	}
	
#btn-back {
	background-image: url(../images/btn_back.gif);
	width: 78px;
	}

#btn-backtohome {
	background: url(../images/btn_backtohome.png) no-repeat !important;
	background-image: none;
	width: 161px;
	}
	
.btn-close {
	background-image: url(../images/btn_close.gif);
	height: 28px;
	width: 88px;
	}

#btn-football {
	background: url(../images/btn_football.png) no-repeat !important;
	background-image: none;
	width: 201px;
	}
	
#btn-football-small {
	background: url(../images/btn_football_small.png) no-repeat !important;
	background-image: none;
	width: 164px;
	}
	
#btn-submit {
	background: url(../images/btn_submit.png) no-repeat !important;
	background-image: none;
	width: 94px;
	}

#btn-tryagain {
	background-image: url(../images/btn_tryagain.gif);
	width: 124px;
	}





/* COLORS */
.color-black, color-black:hover {
	color: #666 !important;
	}
	
.color-gray, color-gray:hover {
	color: #666 !important;
	}
	
.color-green, color-green:hover {
	color: #738468 !important;
	}
	
.color-green-light, color-green-light:hover {
	color: #C5D6B9 !important;
	}
	
.color-orange, color-orange:hover {
	color: #FF8800 !important;
	}
	
.color-white, color-white:hover {
	color: #fff !important;
	}
	
.color-yellow, color-yellow:hover {
	color: #E7E918 !important;
	}





/* COLUMNS */
.column-left {
	float: left;
	}
	
.column-left-half {
	float: left;
	width: 50%;
	*width: 49.5%;
	}

.column-right {
	float: right;
	}

.column-right-half {
	float: right;
	width: 50%;
	*width: 49.5%;
	}

.column-tri-left {
	float: left;
	margin-right: 1.8%;
	width: 32%;
	}
	
.column-tri-middle {
	float: left;
	margin-right: 1.8%;
	width: 32%;
	}

.column-tri-right {
	float: left;
	width: 32%;
	}





/* CUSTOM STYLES */
#participating-brands {
	background: url(../images/bg_participatingbrands.jpg) 0 0 no-repeat;
	bottom: 35px;
	height: 135px;
	left: 25px;
	position: absolute;
	width: 333px;
	}
	
.asterik {
	color: #FC8C34;
	}
	
.page-sms-splash #page-content {
	width: 615px !important;
	}


.page-sms-splash #buttons {
	padding-top: 20px;
	}
	
.page-splash .column-left, .page-sms-splash .column-left {
	background: url(../images/bg_dots.gif) 100% 70% no-repeat;
	width: 235px;
	}

.page-splash #buttons #btn-submit {
	float: right;
	}
	
.page-win {
	background: #415912 url(../images/bg_win.jpg) no-repeat !important;
	line-height: 14px;
	}
	
.page-win #page-content {
	margin: 92px 0 0 170px;
	width: 400px;
	}
	
.page-win #page-content p {
	line-height: 12px;
	}
	
.page-win #buttons #btn-football-small {
	float: right;
	position: relative;
	top: -42px;
	}
	
.page-sms-success {
	background: #415912 url(../images/bg_sms_success.jpg) no-repeat !important;
	line-height: 14px;
	}
	
.page-sms-success #page-content {
	margin: 88px 0 0 170px;
	width: 400px;
	}
	
.page-sms-success #buttons #btn-football-small {
	float: right;
	position: relative;
	top: -42px;
	}
	
.page-sms-reg {
	height: 500px !important;
	}





/* FLOATS / CLEARS */
.clear {
	clear: both;
	}

.float-left {
	float: left;
	}

.float-right {
	float: right;
	}





/* FONT - FAMILY */
.font-arial {
	font-family: Arial, Helvetica, sans-serif;
	}
	
.font-georgia {
	font-family: Georgia, "Times New Roman", Times, serif;
	}
	
.font-lucida {
	font-family: "Lucida Sans", Georgia, serif;
	}
	
.font-verdana {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}





/* FONT - SIZES */
.font-size-large {
	font-size: 16px;
	}
	
.font-size-larger {
	font-size: 22px;
	}

.font-size-largest {
	font-size: 23px;
	}
	
.font-size-medium {
	font-size: 14px;
	}
	
.font-size-normal {
	font-size: 12px;
	}
	
.font-size-small {
	font-size: 10px;
	}





/* FORM - FIELDS */
.form-fields, .form-row, .form-column {
	float: left;
	}

.form-row p {
	margin: 0;
	padding: 0 0 5px 0;
	}
	
.form-column {
	width: 215px;
	}
	
#captcha {
	margin-top: 10px;
	width: 410px;
	}
	
#captcha p {
	margin: 0;
	padding: 0 0 5px 0;
	}

#captcha a, #captcha a:hover {
	color: #fff;
	text-decoration: underline;
	}
	
#captcha a:hover {
	color: #FFBF00;
	}
	
#captcha .column-left {
	margin-right: 20px;
	}
	
#captcha .column-left #btn-submit {
	position: relative;
	top: 15px;
	}
	
label {
	display: block;
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 2px;
	}
	
.form-check, .form-radio {	
	position: relative;
	top: 1px;
	*top: -3px;
	}
	
.form-select {
	background-color: #C6CFA8;
	border: 1px solid #1D4617;
	color: #000;
	font-size: 12px;
	height: 23px;
	}

.form-select-multiple {
	border: 1px solid #ccc;
	color: #555;
	height: 170px;
	overflow: visible;
	padding: 2px;
	width: 100%;
	}
	
.form-text {
	background: url(../images/bg_overlay_field.png) repeat-x;
	border: 1px solid #1D4617;
	color: #000;
	font-size: 12px;
	padding: 2px 4px 4px 4px;
	}
	
#field-email, #field-fname, #field-lname, #field-address, #field-address2, #field-lname, #field-city, #field-zip,
#field-sms-auth {
	width: 190px;
	}
	
#field-birth-month {
	width: 70px;
	}
	
#field-birth-day {
	width: 60px;
	}
	
#field-birth-year {
	width: 70px;
	}
	
#field-phone-1, #field-phone-2, #field-phone-3 {
	width: 44.5px;
	}
	
#field-state {
	width: 200px;
	}
	
#field-captcha {
	background: #C6CFA8;
	height: 38px;
	width: 120px;
	}





/* HEADSs (page header) */
.head-graphic {
	background-color: transparent;
	background-position: 50% 0;
	background-repeat: no-repeat;
	height: 27px;
	width: 100%;
	}

.head-graphic span {
	display: none;
	}
	
#head-captcha {
	background-image: url(../images/head_captcha.gif);
	background-position: 0 0;
	}

#head-calltherightplays {
	background-image: url(../images/head_calltherightplays.gif);
	background-position: 60% 0;
	}
	
#head-collectyourprize {
	background-image: url(../images/head_collectyourprize.gif);
	background-position: 68% 0;
	}

#head-falsestart {
	background-image: url(../images/head_falsestart.gif);
	background-position: 55% 0;
	}
	
#head-faqs {
	background-image: url(../images/head_faqs.gif);
	background-position: 0 0;
	width: 62px;
	}

#head-ineligible {
	background-image: url(../images/head_ineligible.gif);
	background-position: 60% 0;
	}
	
#head-makesurerightplays {
	background-image: url(../images/head_makesurerightplays.gif);
	background-position: 65% 0;
	}

#head-nonwin {
	background-image: url(../images/head_nonwin.gif);
	background-position: 55% 0;
	}

#head-over {
	background-image: url(../images/head_over.gif);
	background-position: 70% 0;
	}
	
#head-prize {
	background-image: url(../images/head_prize.gif);
	background-position: 0 0;
	width: 174px;
	}
	
#head-rules {
	background-image: url(../images/head_rules.gif);
	background-position: 0 0;
	width: 188px;
	}
	
#head-thepagentry {
	background-image: url(../images/head_thepagentry.gif);
	background-position: 85% 0;
	}
	
#head-toomany {
	background-image: url(../images/head_toomany.gif);
	background-position: 60% 0;
	}
	
#head-win {
	background-image: url(../images/head_win.gif);
	background-position: 85% 0;
	}
	
#head-youvewon {
	background-image: url(../images/head_youvewon.gif);
	background-position: 90% 0;
	}





/* SUBHEADs (page content) */
.subhead-graphic {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 25px;
	width: 100%;
	}

.subhead-graphic span {
	display: none;
	}
	
#subhead-checkyourplaybook {
	background-image: url(../images/subhead_checkyourplaybook.gif);
	}
	
#subhead-congratulations {
	background-image: url(../images/subhead_congratulations.gif);
	}

#subhead-early {
	background-image: url(../images/subhead_early.gif);
	}
	
#subhead-error {
	background-image: url(../images/subhead_error.gif);
	}
	
#subhead-limit-won {
	background-image: url(../images/subhead_limit_won.gif);
	}

#subhead-over {
	background-image: url(../images/subhead_over.gif);
	}
	
#subhead-sorry-champ {
	background-image: url(../images/subhead_sorry_champ.gif);
	}

#subhead-sorry-sport {
	background-image: url(../images/subhead_sorry_sport.gif);
	}
	
#subhead-sorry-sportsfan {
	background-image: url(../images/subhead_sorry_sportsfan.gif);
	}
	




/* LISTS */
#list-logos {
	position: relative;
	top: -20px;
	}

#list-logos * {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#list-logos li {
	float: left;
	}
	
#list-logos li span {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	height: 43px;
	margin-left: 20px;
	}
	
#list-logos li span span {
	display: none;
	}





/* LOGOS */
.logo {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	}

.logo span {
	display: none;
	}
	
#logos {
	float: right;
	margin-top: -50px;
	}
	
#logo-kraft {
	background-image: url(../images/logo_kraft.gif);
	height: 23px;
	width: 52px;
	}

#logo-nabisco {
	background-image: url(../images/logo_nabisco.gif);
	height: 34px;
	width: 34px;
	}
	
#logo-sogoodtogether {
	background: url(../images/logo_sogoodtogether.png) no-repeat !important;
	background-image: none;
	height: 92px;
	width: 138px;
	}





/* POPUP */
#pop-body {
	background: #fff;
	color: #333;
	font-size: 11px;
	}
	
#pop-body a {
	color: #2577C3;
	}
	
#pop-container {
	margin: 0 auto;
	width: 600px;
	}

#pop-content {
	height: 300px;
	margin: 0 auto;
	overflow: auto;
	width: 500px;
	}
	
#pop-footer {
	border-top: 1px dotted #747474;
	font-size: 10px;
	font-weight: bold;
	margin: 20px auto 0 auto;
	padding-top: 10px;
	width: 500px;
	}
	
#pop-header {
	background: url(../images/bg_pop_header.jpg) no-repeat;
	font-size: 1px;
	height: 129px;
	line-height: 1px;
	}
	
#pop-subhead {
	border-bottom: 1px dotted #747474;
	margin: 0 auto 20px auto;
	padding: 10px 0 5px 0;
	width: 500px;
	}
	
#pop-captcha {
	padding: 20px;
	width: 334px;
	}
	




/* TABLE - DATA DISPLAY */
.table-data-display {
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	}

.table-data-display tr th {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 3px;
	text-align: left;
	}

.table-data-display tr td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 3px;
	}




/* TABLE - DATA INPUT */
.table-data-input {
	margin: 0 auto 0 auto;
	}

.table-data-input tr td {
	padding-bottom: 10px;
	padding-right: 5px;
	vertical-align: middle;
	}
	
.table-data-input tr td.col-label {
	color: #588FBF;
	font-size: 11px;
	text-transform: uppercase;
	}
	
.table-data-input tr td.col-field {
	width: 282px;
	}





/* TABLE - SELECT */
.table-select tr td {
	padding-bottom: 5px;
	padding-right: 7px;
	vertical-align: top;
	}





/* TEXT - GRAPHIC */
.text-graphic-01, .text-graphic-01 a {
	background-color: transparent;
	background-position: 50% 0;
	background-repeat: no-repeat;
	width: 100%;
	}
	
.text-graphic-01 span {
	display: none;
	}
	
#text-sample-01 {
	background-image: url(../images/text_sample_01.gif);
	height: 40px;
	}