@charset "utf-8";
/* CSS Document */

body {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	margin: 20px;
	color: #009245;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.mainContent{
	background-image: url(../images/bgSky.jpg);
	background-repeat: no-repeat;
	width: 1028px;
	height: 492px;
	margin: 0px;
	padding-bottom: 0px;
	border: none;
	overflow: hidden;
}

#container{
	width: 1048px;
	margin: 0 auto;
}

#winner{
	float: right;
	padding-right: 25px;
	padding-top: 180px;
}
.headerCopy{
	padding-bottom: 5px;
}

.header input{
	border: solid 1px #000;
}

.login input{
	border: solid 1px #000;
}

.clear{
	clear: both;
	height: 0 px; 
	margin: 0 px;
	padding: 0 px;
}

.black{
	color: #000;
}

.grey{
	color: #CCC;
}

.size10{
	font-size: 10px;
}

.size13{
	font-size: 13px;
}

.blueBold{
	color: #1b75ba;
	font-weight: bold;
}

.blue13{
	font-size: 13px;
	color: #1b75ba;
}

.blue15{
	font-size: 16px;
	font-weight: bold;
	color: #1b75ba;
}

.greenBold{
	color: #009245;
	font-weight: bold;
}

.blue14{
	font-size: 14px;
	color: #1b75ba;
}

a:link, a:visited {
	color: #1b75ba;
	text-decoration: none;
	border: none;
}

a:hover, a:active {
	color: #009245;
}  

.green a:link, .green a:visited {
	color: #009245;
	text-decoration: none;
}

.green a:hover, .green a:active {
	color: #1b75ba;;
}  

img {
	border: 0;
}

/*----------------
Wrapper
----------------*/

.corner{
	float: left;
	width: 24px;
	height: 24px;
}

.wrapperTop{
}

.topMiddle{
	float: left;
	width: 1000px;
	height: 14px;
	padding-top: 10px;
	background-image: url(../images/wrapperTop.gif);
	background-repeat: repeat-x;
}

.wrapperMiddle{
	clear: both;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url(../images/wrapperBg.gif);
	background-repeat: repeat-y;
}

.wrapperBottom{
	width: 1048px;
}

.bottomMiddle{
	float: left;
	width: 1000px;
	height: 14px;
	padding-bottom: 10px;
	background-image: url(../images/wrapperBottom.gif);
	background-repeat: repeat-x;
}

/*----------------
Header
----------------*/

.header{
	background-image: url(../images/hdr.jpg);
	background-repeat: no-repeat;
	height: 119px;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
}
	
.hdrLeft{
	float: left;
	width: 335px;
	height: 119px;
	overflow: hidden;
}

.usysLogo{
	float: left;
	margin-top: 0;
}

.sunbeltLogo{
	float: left;
	margin-top: 0;
}

.sunbeltLogoBottom{
	width: 202px;
	height: 62px;
	margin-left: 89px;
}

.hdrRight{
	float: right;
	width: 692px;
}

#login{
	float: left;
	width: 500px;
	height: 65px;
	padding-top: 12px;
	margin: 0;
}

#test{
	float: left;
	height: 77px;
	width: 500px;
}
.soccerLogo{
	float: right;
	padding-right: 10px;
}

.login{
	float: left;
	margin-right: 6px;
}

.loginBtn{
	float: left;
	margin-right: 6px;
}

.loginBtn input{
	border: 0;
}

.login a:link, .login a:visited {color: #000000;}
.login a:hover, .login a:active {color: #009245;}


#topNav{
	padding-top: 7px;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
}

#splash #topNav, #register #topNav, #works #topNav{
	padding-top: 0;
	font-size: 13px;
	font-weight: bold;
	margin: 0;
}

#topNav ul{
	margin: 0;
	padding: 0;
}

#topNav ul li{
	display: inline;
	list-style: none;
	margin-right: 10px;
	margin-top: 0;
	margin-bottom: 0;
}

/*----------------
Splash
----------------*/

#splash .header{
	background-image: url(../images/hdrSplash.jpg);
	background-repeat: no-repeat;
	height: 119px;
}

#splash .mainContent{
	background-image:url(../images/bgSplash.jpg);
	background-repeat: no-repeat;
	height: 373px;
	margin: 0;
}

#splash .content{	
	padding-left: 30px;
	padding-top: 25px;
	width: 385px;
	height: 189px;
	text-align: center;
}

#splash .cerealTop{
	height: 97px;
	width: 304px;
	margin-left: 61px;
}

#splash .cerealMiddle{
	float: left;
	padding-left: 61px;
}

#splash .cerealBottom{
	margin-left: 47px;
}

#splash .footer{
	height: 119px;
	background-image:url(../images/bgFooterSplash.jpg);
	background-repeat: no-repeat;
}

#splash .subNav{
	float: right;
	padding-top: 20px;
	padding-right: 100px;
	font-size: 13px;
	font-weight: bold;
}

#splash .footer ul{
	margin: 0;
	padding: 0;
}

#splash .footer ul li{
	display: inline;
	list-style: none;
	margin-right: 10px;
}

#bottomMiddle{
	width: 963px;
	padding-left: 37px;
}

/*----------------
Register
----------------*/

#regOne{
	float: left;
	height: 492px;
	width: 290px;
	margin-left: 0px;
	padding-left: 0px;
}
#regTwo{
	float: left;
	margin-left: 15px;
	width: 300px;
	margin-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
	border-left: dashed 1px #6aa5d3;
}

#regThree{
	float: left;
	height: 380px;
	width: 340px;
	margin-top: 30px;
	padding-left: 20px;
	padding-right: 10px;
	border-left: dashed 1px #6aa5d3;
}

#register .content{	
	width: 273px;
	padding-left: 10px;
	padding-top: 13px;
	padding-bottom: 15px;
	text-align: center;
}

#register h1{
	height: 23px;
	padding-top: 5px;
	padding-left: 25px;
	margin-top: 0;
	margin-bottom: 0;
	margin-bottom: 0;
	background-image: url(../images/iconOne.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #1b75ba;
}

#register h2{
	height: 23px;
	padding-top: 5px;
	padding-left: 25px;
	margin-top: 0;
	margin-bottom: 5px;
	background-image: url(../images/iconTwo.gif);
	background-repeat: no-repeat;
	font-size: 12px;
	color: #1b75ba;
}

#registerPhoto{
	height: 286px;
	margin-left: 0;
	padding-top: 7px;
}
/* Registration Form */

.regForm {
	margin-left: 0;
	padding-left: 0;
}

.regForm ul{
	list-style: none;
	margin-left:0;
	padding-left: 0;
}

.regForm ul li{
	display: block;
	list-style: none;
	margin-top: 2px;
	margin-left: 0;
	margin-bottom: 2px;
	padding-left: 0px;
}

.regForm label {
	float: left;
	width: 130px;
	font-weight: bold;
	padding-top: 4px;
	padding-right: 4px;
	text-align: right;
}

.regForm input {
	width: 150px;
	background-color: transparent;
	border: solid 1px #888888;
	font-size: 10px;
}

.regForm .db input {
	width: 44px;
	margin-right: 2px;
}

.regForm .optIn input{
	float: left;
	width: 15px;
	margin-left: 35px;
	margin-top: 5px;
	border: none;
}

.regForm .optInCopy{
	float: left;
	width: 220px;
	padding-left: 4px;
	padding-right: 0;
	margin-top: 5px;
	text-align: left;
	font-weight: bold;
}
	
.regForm .checkbox {
	display: inline;
	width: 15px;
}

.errorLabel {
    font-weight: bold;
    color:Red;
	font-size: 11px;
}
/* Select State */
.selectState {
	float: left;
	width: 140px;
	height: 23px;
	padding-top: 5px;
}


.selectState label {
	float: left;
	font-weight: bold;
	padding-top: 4px;
	padding-right: 4px;
	text-align: right;
}

.selectState select {
	float: left;
	heigth: 18px;
}


.btnGo{
	height: 28px;
	float: left;
}

/* Select Club */

#selectClub{
	margin-top: 10px;
	text-align: left;
}

.selectClubContainer{
	width: 350px;
	border: solid 1px #666;
}

.selectClubHeader{
	background-color: #eee;
	padding: 4px;
	text-align: center;
	color: #000;
	font-weight: bold;
	border-bottom: solid 1px #666;
}

.selectList{
	width: 350px;
	height: 150px;
	overflow: hidden;
}

.selectList select{
	font-size: 10px;
	padding: 2px;
	width: 350px;
	height: 150px;
	border: none;
}

#selectedClub{
	margin-top: 10px;
}

#selectedClub input {
	width: 350px;
	background-color: transparent;
	border: solid 1px #888888;
	font-size: 10px;
	color: #009245;
}

.submit{
	float: right;
	margin-top: 20px;
	margin-right: 20px;
}

/*----------------
Code Entry
----------------*/

#code .mainContent{
	width: 980px;
	height: 492px;
	padding-left: 48px;
	padding-bottom: 0;
	margin-bottom: 0;
}

#code .sunbeltLogoBottom{
	width: 202px;
	margin-left: 41px;
}

#codeOne{
	float: left;
	width: 315px;
	padding-left: 0;
	height: 492px;
	margin-bottom: 0;
	padding-bottom: 0;
}

#codeTwo{
	float: left;
	margin-left: 20px;
	width: 230px;
	padding-bottom: 0;
	margin-top: 62px;
	margin-bottom: 0;
	border-left: dashed 1px #6aa5d3;
}

#codeThree{
	float: right;
	margin: 0;
	padding-right: 23px;
	padding-top: 22px;
	padding-bottom: 0;
	height: 470px;
	width: 362px;
}

#codeTop{
	height: 288px;
}

#codeCereal{
	height: 142px;
}

#codeEntry{
	height: 28px;
	margin-top: 10px;
	margin-bottom: 35px;
}

#inputHolder{
	float: left;
	padding-top: 3px;
	width: 205px;
}

#codeEntry input{
	width: 190px;
	background-color: transparent;
	border: solid 1px #888888;
	font-size: 10px;
}

#codeSubmit{
	float: left;
}

#code .bottomMiddle{
	width: 968px;
	padding-left: 32px;
}

#invite{
	border-top: dashed 1px #6aa5d3;
	padding-top: 10px;
}

/*----------------
Game
----------------*/

#game .mainContent{
	height: 492px;
	width: 1028px;
}

#gameOne{
	float: left;
	padding-top: 25px;
	padding-left: 30px;
	width: 205px;
}

#gameTwo{
	float: right;
	width: 776px;
}

#gameContainer{
	position: absolute;
	width: 726px;
	margin-top: 0;
	padding-top: 12px;
	padding-left: 14px;
	z-index: 10;
}

#gameBg{
	position: absolute;
	width: 756px;
	margin-top: 0;
	padding-top: 0px;
	text-align: center;
	z-index: 5;
}
	
/*----------------
Thank You
----------------*/

#thankyou .mainContent{
	height: 492px;
	width: 988px;
	margin: 0;
	padding-left: 48px;
	padding-right: 0;
	padding-bottom: 0;
}

#thankyou .sunbeltLogoBottom{
	margin-left: 41px;
}

#tyOne{
	float: left;
	width: 403px;
	height: 492px;
	margin-left: 0px;
}

#tyTop{
	height: 278px;
	padding-top: 10px;	
	padding-right: 40px;
}

#tyBottom{
	height: 142px;
}

#thankyou .bottomMiddle{
	width: 965px;
	padding-left: 35px;
}

#photo{
	float: right;
	height: 482px;
	margin-right: 0px;
	padding-top: 10px;
	padding-right: 62px;
}

#freeKick{
	margin-top: 15px;
	margin-left: 60px;
}


/*----------------
Redeem
----------------*/

#redeem .mainContent{
	height: 492px;
	margin: 0;
	padding-left: 0;
	padding-bottom: 0;
}

#redeemOne{
	float: right;
	width: 370px;
	padding-left: 0px;
	padding-right: 40px;
}


#redeemPhoto{
	float: left;
	width: 596px;
	height: 430px;
	padding: 0;
	margin: 0;
}

#redeemForm{
	width: 300px;
	margin-left: 30px;
}

.redeemLabel{
	float: left;
	width: 92px;
	font-weight: bold;
	text-align: right;
	padding: 4px;
}

.redeemField{
	float: left;
	width: 192px;
	padding: 4px;
	color: #888888;
}

#sendPrize{
	width: 255px;
	padding-left: 45px;
	margin-top: 20px;
	margin-bottom: 20px;
}
/*----------------
How it Works
----------------*/

#works .mainContent{
	height: 492px;
}
#worksOne{
	float: left;
	width: 400px;
	padding-left: 40px;
	color: #000;
}

#worksHeadline{
	padding-left: 35px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#works #photo{
	float: right;
	padding-right: 0;
	height: 392px;
	padding-top: 0;
}

.workPoints{
	padding: 0;
	margin: 0;
}

.numberGraphic{
	float: left;
	width: 30px;
	height: 25px;
	margin: 0;
}

.pointsCopy{
	float: left;
	margin-left: 2px;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 5px;
	padding-bottom: 8px;
	width: 368px;
}

.bottomCopy{
	padding-left: 32px;
}
/*----------------
Taf
----------------*/

#tafOne{
	float: left;
	width: 360px;
	padding-left: 48px;
}

#taf #photo{
	float: right;
	width: 511px;
	height: 418px;
	margin-right: 0;
	padding-top: 74px;
	padding-right: 0;
}

#taf .sunbeltLogoBottom{
	margin-left: 41px;
	margin-bottom: 12px;
}

#tafForm{
	width: 320px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.tafFormLabel{
	float: left;
	width: 150px;
	margin-right: 7px;
	font-weight: bold;
}
#tafForm input{
	width: 150px;
	margin-right: 5px;
	margin-top: 2px;
	margin-bottom: 2px;
	background-color: transparent;
	border: solid 1px #888888;
	font-size: 10px;
}

#tafButtons{
	height: 28px;
}

#back{
	float: left;
	width: 21px;
	padding-bottom: 6px;
}

#backCopy{
	float: left;
	margin-left: 2px;
	padding-top: 6px;
	width: 150px;
	font-weight: bold;
}

#tafSubmit{
	float: left;
	height: 28px;
	margin-left: 50px;
}

/*----------------
Pop ups
----------------*/
#popHdr{
	width: 470px;
	height: 80px;
	margin: 0 auto;
}

#popContent{
	width: 440px;
	height: 245px;
	margin: 0 auto;
	padding: 15px;
	background-color:#FFF;
}
#close{
	width: 470px;
	text-align: center;
	margin: 0 auto;
	height: 20px;
	background-color:#FFF;
}
.popConent{
	font-size: 11px;
	color: #666;
	overflow: auto;
	scroll: auto;
}
.popLightTxt{
	color:#333;
	font-weight: bold;
}
.close{
	font-size: 10px;
	text-align: center;
}

.popSoccerLogo{
	float: left;
	width: 149px;
	padding-right: 5px;
}

.soccerPrize{
	float: left;
}

/*----------------
Ticker
----------------*/

#ticker{
	margin-left: 15px;
	margin-right: 15px;
	height: 32px;
}

#hdrWinners{
	float: left;
	width: 185px;
	padding-top: 5px;
}

#tickerWinners{
	width: 800px;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	height: 20px;
	padding-top: 10px;
	background-image: url(../images/bgTicker.jpg);
	background-repeat: repeat-x;
	border: 1px solid #659436;
	color: #FFF;
	font-size: 11px;
	font-weight: bold;
}.addthisArea {
	text-align: right;
	padding-right: 8px;
}
.CTA {
	height: 57px;
	width: 235px;
	position: absolute;
	top: 140px;
	left: 300px;
}