/*



Author: Phil Champagne, RealDecoy Inc.



*/





/* =Global

--------------------------------------------------------------------------- */

* {

	margin: 0;

	padding: 0;

	list-style: none;

}



/* =Splash layout

--------------------------------------------------------------------------- */

#contestSplash {

	background: #ffffff url('/contest/read_your_receipt/images/splash-bg.jpg') 0 0 repeat-x;

	width: 1024px;

	margin: 40px auto 40px auto;

	min-height: 768px;

	height: auto !important;

	height: 768px;

	border: 1px solid #000000;

	position: relative;

}



#contestSplash .splashTab {

	position: absolute;

	top: 0;

	left: 964px;

}



#contestSplashInner {

	text-align: center;

}



#contestSplashInner #splashItems {

	width: 970px;

	margin: 0 auto 0 auto;	

}



/* =Splash layout

--------------------------------------------------------------------------- */

#contestSplash {

	background: #ffffff url('/contest/read_your_receipt/images/splash-bg.jpg') 0 0 repeat-x;

	width: 1024px;

	margin: 40px auto 40px auto;

	min-height: 768px;

	height: auto !important;

	height: 768px;

	border: 1px solid #000000;

	position: relative;

}



#contestSplash .splashTab {

	position: absolute;

	top: 0;

	left: 964px;

}



#contestSplashInner {

	text-align: center;

}



#contestSplashInner #splashItems {

	width: 970px;

	margin: 0 auto;

}



/* =Contest layout

--------------------------------------------------------------------------- */

#contestNav {

	background: #016585 url('/images/wrapper/context-nav-bg.gif') 0 0 repeat-x;

	width: 982px;

	min-height: 24px;

	height: auto !important;

	height: 24px;

	margin: 0 auto;

}



#contestNav ul {

	margin: 0;

	padding: 0;

}



#contestNav ul li {

	font-family: arial, sans-serif;

	float: left;

	font-size: 85%;

	font-weight: bold;

	margin: 0;

	padding: 0 14px 0 14px;

}



#contestNav ul li a {

	display: block;

	float: left;

	color: #fff;

	line-height: 24px;

}



#contest {

	width: 900px;

	margin: 0 auto 16px auto;

}



#background-contest {

	/* background: url('/images/bg_img.gif') center top no-repeat; */

	height: 100%

}



#contest-content {

	width:850px;

	margin: 0 auto 0 auto;

}



#contest-content #mainContent {

	background: none;

	width:850px;

	padding: 10px 0 20px 0;

}



#contest-content #mainContent #intro {

	width: 515px;

	float: left;

}



#contest-content #mainContent #intro h1 {

	color: #006699;

	font-size: 138.5%;

	font-weight: bold;

	text-transform: none;

	margin-top: 10px;

	padding-left: 45px;

}



#contest-content #mainContent #intro p {

	margin: 10px 0 0 0;

	padding: 0 30px 0 45px;

	font-size: 100%;

	line-height: 140%;

}



#contest-content #mainContent #intro .arrowRight {

	display: block;

	float: right;

	margin-top: 30px;

}



#contest-content #mainContent #intro-right {

	float: right;

	width: 300px;

	padding-top: 60px;

}



#contest-content #mainContent #intro-right p.hdr-email {

	padding: 20px 0 0 0;

	margin: 0;

	line-height: 1.4em;

	color: #333;

	font-size: 131%;

	font-weight: bold;

}



#contest-content #mainContent #content-entry-form {

	padding: 20px 0 10px 0;

	width: 700px;

	position: relative;

}



#contest-content #mainContent #content-entry-form-f {

	padding: 20px 0 10px 0;

	width: 700px;

	position: relative;

}



#contest-content #mainContent #ty-btns li {

	float: left;

	padding-right: 20px;

} 



#contest-content #mainContent #ty-btns li.arrow {

	padding-top: 10px;	

}



#contest-content #mainContent #content-entry-form #btns {

	float: right;

	padding-top: 20px;

}



#contest-content #mainContent #content-entry-form #btns li {

	float: left;

	padding-left: 30px;

} 



#contest-content #mainContent #content-entry-form #btns li.arrow {

	padding-top: 10px;

}



#contest-content #mainContent #content-entry-form-f #btns {

	float: right;

	padding-top: 20px;

}



#contest-content #mainContent #content-entry-form-f #btns li {

	float: left;

	padding-left: 30px;

} 



#contest-content #mainContent #content-entry-form-f #btns li.arrow {

	padding-top: 10px;

}



#contest-content #mainContent #content-entry-form-f .right {

	width: 51px;

	position: absolute;

	top: 10px;

	left: 675px;

}



#contest-content #mainContent #content-rules {

	background: url('/contest/read_your_receipt/images/rules-bg.gif') 100% 0 repeat-y;

	padding: 0 0 25px 0;

	width: 730px;

}



#contest-content #mainContent .form-arrow-bottom {

	margin: 0;

	padding: 0;

	width: 693px;	

}



#contest-content #mainContent #rules-content-btm {

	width: 730px;

}



#contest-content #mainContent #content-rules p {

	padding: 0 25px 0 0;

}



#contest-content .right-arrow {

	float: right;

	width: 84px;

}



#contest-content #thank-you-left {

	float: left;

	width: 382px;

}



#contest-content #thank-you-right {

	float: left;

	width: 467px;

}



#contest-content #thank-you-right #thank-you-content {

	padding: 0 20px 0 0;

}



#contest-content #thank-you-right #thank-you-content p {

	margin: 0 0 18px 0;

	padding: 0 20px 0 5px;

	font-size: 100%;

}



#contest-content #thank-you-content h1 {

	padding: 20px 20px 0 5px;

}



#contest-content #thank-you-content #btns {

	padding: 40px 0 0 40px;

}



#contest-content #thank-you-content #btns li {

	float: left;

	padding-right: 12px;

}



.clear {

	clear: both;

	height: 0;

	font-size: 1px;

	width: 100%;

	margin: 0;

	padding: 0;

}



/* =Forms

--------------------------------------------------------------------------- */

form .fields {

	background: #ffffff;

	border: 1px solid #006699;

	font-size: 108%;

	margin-right: 3px;

}



form .ta-field {

	background: #ffffff;

	border: 1px solid #006699;

	font-size: 108%;

	width: 475px;

}



form .email_field {

	background: #ffffff;

	border: 1px solid #231f20;

	width: 220px;

	font-size: 108%;

	padding: 3px 0 3px 0;

}



form .btn-enter {

	margin: 0;

	padding: 37px 0 0 0;

}



form .btn-enter-f {

	margin: 0;

	padding: 72px 0 0 0;

}



.validation {

	color: #ff0000;

	font-weight: bold !important;

}



form .flt-left {

	float: left;

	margin: 0 0 0 0;

	padding: 0 0 8px 0;

}



form .checkbox {

	display: block;

	float: left;

}



form .label {

	display: block;

	float: left;

	width: 450px;

}



form .form-label {

	display: block;

	font-weight: bold;

	margin-bottom: 3px;

}



/* =Lists

--------------------------------------------------------------------------- */

#contest-content ol {

	margin: 0 0 0 14px;

	padding: 0 0 0 14px;

}



#contest-content ol li {

	padding: 4px 20px 4px 0;

}



/* =Typography

--------------------------------------------------------------------------- */

#contest-content p {

	margin: 12px 0 12px 0;

}



#contest-content h1, #thank-you-content h1 {

	color: #006699;

	font-size: 146.5%;

	font-weight: bold;

	text-transform: none;

	margin: 10px 0 10px 0;

}



#contest-content h1.fr {

	text-transform: uppercase;

	color: #073f2c;

	font-size: 300%;

	font-weight: normal;

	margin: 0;

	letter-spacing: -1px;

}



#contest-content h2 {

	font-size: 1.4em;

	margin: 14px 0 14px 0;

}



#contest-content #mainContent p.welcome {

	width: 350px;

}



/* =tables

--------------------------------------------------------------------------- */

.receipt-entries {

	margin: 0;

	width: 200px;

	border-top: 2px solid #ffffff;

	border-right: 2px solid #ffffff;

	

}



.receipt-entries th {

	background: #eeeeee;

	border-left: 2px solid #ffffff;

	border-bottom: 2px solid #ffffff;

	padding: 5px;

	text-align: left;

}



.receipt-entries td {

	background: #eeeeee;

	border-left: 2px solid #ffffff;

	border-bottom: 2px solid #ffffff;

	padding: 5px;

}





/* =Links

--------------------------------------------------------------------------- */

a:link {

	outline: none;

	color: #ff1c28;

}



a:link, a:hover, a:visited {

	outline: none;

	color: #ff1c28;

}



a.faq {

	color: #006699;

	font-weight: bold;

	text-decoration: underline;

}



a.faq:hover {

	color: #ff1c28;

}





input.submit1 {

	width: 101px;

	height: 101px;

	background: url('/contest/read_your_receipt/images/btn-enter.gif') 0 0 no-repeat;

	text-indent: -9999px;

	margin: 0;

	padding: 0;

	border: 0;

	cursor: pointer; /* hand-shaped cursor */

}



.privacy {

	color: #ff1c28;

}



.privacy:hover, .privacy:visited {

	color: #ff1c28;

}





/* =Popup links

--------------------------------------------------------------------------- */

.popUp {

	float: right;

	padding: 5px 10px;

	margin-right: 10px;

	_margin-right: 5px;

	width: 150px;

	background: #f8f8f8;

	position: relative;

	top: 0;

	left: 0;

	z-index: 100;

}



.popUp-returing {

	padding: 5px 10px;

	margin: 10px 0 0 20px;

	width: 150px;

	background: #f8f8f8;

	top: 0;

	left: 0;

	z-index: 100;

}



/* =Province list

--------------------------------------------------------------------------- */

.provinceList {

	border: solid #ccc 1px;

	background: #fff;

	position:absolute;

	z-index: 99;

	width: 176px;

	padding: 2px;

}



table {

	width: 95%;

}



table tr th {

	font-weight: normal;

} 



table tr th, table tr td {

	padding: 5px;

}



table tr td.tableQuestion {

	width: 150px;

}



table tr td.radioButton {

	text-align: center;

}