/* Start of new reset css */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
.hideText {text-indent: -9999%; font-size: 0;}
/* End of new reset css */

#lottoPathWrap{
	width: 700px;
	margin: 0 auto;	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#lottoGameCardWrap{
	width: 700px;
	height: 550px; /*500*/
	margin: 0 auto;
	background: url("../assets/ltogc_main.jpg") left bottom no-repeat;	
	
	position: relative;
	overflow: hidden;
}

.lottoGameBalloon {
	background: url(../assets/ltogc_ballon.png) no-repeat;
	height: 87px;
	width: 237px;
	position: absolute;
	top: 16px;
	left: 400px;
	display: none;
}

.lottoGameBalloonText{
	position:relative;
	left:35px;	
	top:20px;
	color:#284D7A;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
}	

.lottoGameCard{
	display: none;
	width: 655px;
	height: 294px;
	
	margin: 0 auto; 
	background: 0 0 no-repeat;
	text-align: left;
	
	position: relative;	
}

.lottoGameCol1{
	width: 335px;
	height: 100%;
	float: left;
	position: relative;
}

.lottoGameCardButton{
	display: block;
	position: absolute;
	width: 107px;
	height: 39px;
	top: 237px;
	background: 0 0 no-repeat;	
	z-index: 2;
}

.lottoGameCardButton span{
	display: none;	
}


.lottoGameCardErase{
	left: 44px;
	background-image: url("../assets/ltogc_btn_erase.png");
}

.lottoGameCardQuick{
	left: 168px;
	background-image: url("../assets/ltogc_btn_quickpick.png");
}

.lottoGameCardSubmitWrap{
	display: none;
	
	width: 107px;
	height: 39px;
	
	position: absolute;
	
	bottom: 10px;
	right: 10px;
	z-index: 9999;
}

.lottoGameCardSubmitWrap a span{
	display: none;
	
}	

.lottoGameCardSubmitWrap a{
	display: block;
	
	width: 107px;
	height: 39px;
	background: url("../assets/ltogc_btn_submit.png") 0 0 no-repeat;	
}

.lottoGameCol2{
	width: 320px;
	height: 100%;
	float: left;
}

.lottoGameCol2 ol{
	width: 307px; /*311*/
	height:	257px;
	margin: 14px 0 0;
	padding: 5px 2px;
	overflow: hidden;
}

.lottoGameCol2 li{
	width: 38px;
	height: 37px;
	float: left;
	overflow: hidden;	
}

.lottoGameCol2 li a{
	display: block;
	padding: 9px 0 0;
	height: 29px; /*37*/
	overflow: hidden;	
	text-align: center;
	color: #1167D5;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-image: url("../assets/ltogc_numPick_default.png");	
}

.ie6 .lottoGameCol2 li a{
	background-image: url("../assets/ltogc_numPick_default.gif");		
}

/* CUSTOM NUMPICK*/
/*
#lottoGame1 .lottoGameCol2 li a{	
	background-image: url("../assets/ltogc_numPick_1.png");
}

.ie6 #lottoGame1 .lottoGameCol2 li a {background-image: url(../assets/ltogc_numPick_1.gif);}
*/

.lottoGameCol2 li a:hover{
	background-position: 0 -37px;	
}

.lottoGameCol2 li a.picked{
	background-position: 0 -74px;	
}

.lottoGameCol2 li a.picked span{
	color: #999;
}

.lottoGamePicks{	
	position: relative;
	top: -10px;
	z-index: 2;
	padding: 0 0 0 10px;
}

.lottoGameCardBigBall{
	display: none;
	
	width: 81px;
	height: 72px; /*80*/
	padding: 8px 0 0;
	margin: 0 0 0 5px;
	float: left;
	
	font-size: 50px;
	font-weight: bold;			
	text-align: center;
	color: #fff;
	
	position: relative;
	
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url("../assets/ltogc_bigBall_default.png");	
}

/* CUSTOM BALL */
/*
#lottoGame1 + div .lottoGameCardBigBall{
	background-image: url("../assets/ltogc_bigBall_1.png") !important;	
}
*/

.ie6 .lottoGameCardBigBall{
	background-image: url("../assets/ltogc_bigBall_default.gif") !important;	
}

#lottoGameDone{
	display: none;
	width: 215px;
	height: 111px;	
	position: absolute;
	top: 190px;
	left: 400px;	
	background: url("../assets/ltogc_picked_numbers.png");	
	z-index: 99;
}


.lottoGameHeader {position: relative; top: -2px; left: 0; width: 700px; height: 113px; background: url(../assets/ltogc_flap.png) no-repeat;}

.lottoGameCol2 ol a span {display: block; }

.ie6 #lottoGameCardWrap, .ie7 #lottoGameCardWrap {background-position: left -189px !important; }
.ie6 .lottoGamePicks {padding: 0 !important;}
.ie6 #lottoGameDone {background: url(../assets/ltogc_picked_numbers.gif) !important;}
/*.ie6 .lottoGameCardBigBall {background-image: url(../assets/ltogc_bigBall.gif);}*/
.ie6 .lottoGameBalloon {background-image: url(../assets/ltogc_ballon.gif);}

.ie6 .lottoGameCol2 li a.picked{background-position: 0 -74px !important;}

.macOS.webkit .lottoGameBalloonText {top: 21px; left: 36px;}
/*** ADS **************************************************************************/
#lottoPathAd{
	display: none;
	width: 300px;
	height: 250px;
	margin: 100px auto 0;
	overflow: hidden;
	
	position: relative;
	left: 500px;
	z-index: 1;
	
	background: lime;
	
}

/*** REGISTRATION *****************************************************************/
#lottoGameRegistration {width: 693px; height: 554px; background: url(../assets/ltogc_regform_bkgd.jpg) repeat-x; position: relative; font-family: Arial; font-size: 12px; color: #fff; margin: -113px auto 0; border: 4px solid #000; left: 5000px;}
#lottoGameRegistration strong {font-weight: bold;}
#lottoGameRegistration .footer_background {width: 693px; height: 106px; background: url(../assets/ltogc_regform_stripes_bkgd.jpg) no-repeat; position: absolute; bottom: 0; left: 0;}
#lottoGameRegistration .lotto_balls {background: url(../assets/ltogc_regform_balls_bkgd.png) no-repeat; position: absolute; width: 196px; height: 200px; right: 14px; top: 203px;}
#lottoGameRegistration .ez_seal{width:54px; height:52px; background: url(../assets/ltogc_regform_ezUnscribe.png) no-repeat; position: absolute; top: 411px; right: 6px; z-Index: 10;}
#lottoGameRegistration .loginBtn {background: url(../assets/ltogc_regform_login_button.gif) no-repeat; border: none; width: 141px; height: 48px; cursor: pointer; position: absolute; right: 10px; top: 128px;}
#lottoGameRegistration .header_submit_numbers {width: 355px; height: 23px; background: transparent url(../assets/ltogc_regform_header.png) no-repeat;}

#lottoGameRegistration .form_field {float: left; margin-right: 7px;}
#lottoGameRegistration label {display: block; font-size: 11px;}
#lottoGameRegistration .form_header {position: absolute; top: 8px; left: 9px; text-indent: -9999%; font-size: 0; background: url(../assets/ltogc_regform_form_header.jpg) no-repeat; width: 673px; height: 97px;}
#lottoGameRegistration #register_content, #lottoGameRegistration .login_content {padding: 120px 11px 0; position: relative; z-Index: 20;}
#lottoGameRegistration .login_content {display: none;}
#lottoGameRegistration #register_content p.first {width: 500px; margin-top: 2px;}
#lottoGameRegistration .form_field_container {list-style-type: none; width: 520px; margin-top: 15px;}
#lottoGameRegistration input, #lottoGameRegistration select {border: 1px solid #676868; color: #555 !important;}
#lottoGameRegistration input {height: 21px;}
#lottoGameRegistration select {height: 24px;}
#lottoGameRegistration span.required_star {color: #fcee06;}	
#lottoGameRegistration .regTitleWrap input {width: 52px;}
#lottoGameRegistration .regFNameWrap input {width: 104px;}
#lottoGameRegistration .regLNameWrap input {width: 118px;}
#lottoGameRegistration .regAddressOneWrap input {width: 188px;}
#lottoGameRegistration .regAddressTwoWrap input {width: 34px;}
#lottoGameRegistration .regCityWrap input {width: 85px; font-size: 11px;}
#lottoGameRegistration .regStateWrap select {width: 53px;}
#lottoGameRegistration .regZipWrap input {width: 82px;}

#lottoGameRegistration .regBirthWrap {margin-bottom: 4px;}	

#lottoGameRegistration .regEmailWrap input, #lottoGameRegistration .regEmailConfirmWrap input, #lottoGameRegistration .regPasswordWrap input, #lottoGameRegistration .regPasswordConfirmWrap input {width: 214px;}

#lottoGameRegistration .row {margin-top: 13px;}
#lottoGameRegistration .regEmailWrap, #lottoGameRegistration .regPasswordWrap {margin-right: 41px;}

#lottoGameRegistration .regOptinWrap {width: 580px; margin-top: 5px;}
#lottoGameRegistration .regOptinWrap input {margin-right: 5px; vertical-align: middle; border: none;}
#lottoGameRegistration .regOptinWrap a {color: #FCEE06;}

#lottoGameRegistration .regRegisterWrap {margin: 0; padding: 0;}
#lottoGameRegistration .regRegisterButton {width: 184px; height: 50px; background: url(../assets/ltogc_regform_register_btn.png) no-repeat; margin: 11px auto 0; border: 0; display: block; cursor: pointer;}
#lottoGameRegistration .disclaimer {text-align: center; font-size: 11px; margin-top: 4px;}
#lottoGameRegistration .disclaimer a {color: #fcee06;}

#lottoGameRegistration .error_message {width: 194px; background: url(../assets/ltogc_error_top.png) no-repeat top left; padding-top: 14px; position: absolute; top: 207px; right: 2px; z-Index: 999; display: none;}
#lottoGameRegistration .error_message .bottom {background: url(../assets/ltogc_error_bottom.png) no-repeat bottom left; padding-bottom: 14px;}
#lottoGameRegistration .error_message .left {background: url(../assets/ltogc_error_left.png) repeat-y top left; padding-left: 7px;}
#lottoGameRegistration .error_message .right {background: url(../assets/ltogc_error_right.png) repeat-y top right; padding-right: 7px;}
#lottoGameRegistration .error_message .content {background-color: #fde7e7; font-size: 12px; color: #ef4a4a; padding: 0 10px;}
#lottoGameRegistration .error_message .header {display: block; width: 76px; height: 20px; background: url(../assets/ltogc_error_header.gif) no-repeat; margin-bottom: 5px;}
#lottoGameRegistration .error_message ul {list-style-type: circle; list-style-position:outside; margin-left: 10px;}
#lottoGameRegistration .error_message li {margin-bottom: 4px;}

#lottoGameRegistration input.error, #lottoGameRegistration select.error {border: 2px solid #ef4a4a; background-color: #fde7e7;}

.ie6 #lottoGameRegistration .form_field_container {width: 520px;}
.ie6 #lottoGameRegistration .regBirthWrap {margin-bottom: 2px;}	
.ie6 #lottoGameRegistration .regEmailWrap {margin-right: 28px;}
.ie6 #lottoGameRegistration .regPasswordWrap {margin-right: 57px !important;}
.ie6 #lottoGameRegistration .regRegisterButton {margin-top: 5px;}
.ie6 #lottoGameRegistration .regStateWrap select.expand {position: relative; z-Index: 99; width: 100px;}
.ie6 #lottoGameRegistration .regRegisterWrap {text-align: center;}
.ie6 #lottoGameRegistration .form_field {height: 38px; overflow: hidden;}

.ie7 #lottoGameRegistration .form_field_container {width: 499px !important;}
.ie7 #lottoGameRegistration .regRegisterButton {margin-top: 0 !important;}
.ie7 #lottoGameRegistration .regEmailWrap, .ie7 #lottoGameRegistration .regPasswordWrap {margin-right: 25px !important;}
.ie7 #lottoGameRegistration .form_field {margin-right: 5px !important;}
.ie7 #lottoGameRegistration .regOptinWrap {margin-top: 25px !important;}

.webkit #lottoGameRegistration .form_field_container {width: 510px;}
.macOS.webkit .form_field_container {width: 530px !important;}

.login_view .login_content p.first {margin-top: 4px;}
.login_view .login_content ul.form {margin-top: 10px;}
.login_view .login_content .form li {margin-bottom: 10px;}
.login_content .back_button {display: block; width: 142px; height: 48px !important; background: url(../assets/ltogc_regform_back_btn.png) no-repeat; position: absolute; top: 128px; right: 10px; border: none !important; cursor: pointer;}
.login_content .reg_login_button {display: block; width: 184px; height: 50px !important; background: url(../assets/ltogc_regform_green_login_btn.png) no-repeat; margin: 0 auto; border: none !important;}

/*** STATUS BAR ********************************************************************/


#lottoGameCardStatusBar{overflow: hidden; position: relative; top: -1px; height: 51px; background-color: #000E20;}

#lottoGameCardStatusBar .curve { display: block; width: 9px; height: 19px; background: url(../assets/ltogc_statusbar_curve.jpg) no-repeat; float: left;}

#lottoGameCardStatusBar .top { position: absolute; right: 0; top: 2px; z-Index: 20;}

#lottoGameCardStatusBar .bottom {display: block; width: 100%; height: 20px; background: url(../assets/ltogc_statusbar_gradient.jpg) repeat-x; position: absolute; left: 0; top: 19px; padding: 12px 0 0 10px;}

#pathStatus {padding: 4px 10px 0 0;background: url(../assets/ltogc_statusbar_top.jpg) repeat-x; height: 15px; float: left;}
#pathStatus span {height: 21px; width: 43px; display: block; font-size: 9px; float: left; background: transparent url(../assets/ltogc_game_off.gif) no-repeat; line-height:47px; margin-left:5px; text-align:center;}
#pathStatus span.curr {background: transparent url(../assets/ltogc_game_curr.gif) no-repeat;}
#pathStatus span.done {background: transparent url(../assets/ltogc_game_on.gif) no-repeat;}

#gameMessage {position: absolute; top: 18px; right: 15px; font-weight: bold; font-size: 11px;}


/*** SPONSER SELECT ********************************************************************/
.mozilla #adSponsorSelect {position: absolute; top: 60px; left: 35px; z-index: 9999; height: 714px; width: 900px;}
.ie #adSponsorSelect, #adSponsorSelectWrapper {position: absolute; top: 53px; left: 35px; z-index: 9999; height: 726px; width: 900px; overflow: hidden;}
.ie #adSponsorSelectWrapper #adSponsorSelect {display: inline; position: relative; top: 0; left: 0; width: 920px;}