@charset "utf-8";


body {
	font:normal 62.5% 'Ubuntu', Helvetica, Verdana, Arial, sans-serif;
	color:#333;
	background-color:#fff;
	line-height: 1.8em;
}
.chromeframe { 
	padding:10px;
	width:90%;
	border:1px solid #ff0000;
	background-color:#ffff00;
	color:#ff0000;
	text-align:center;
	margin:0 auto;
}
.noscript {
	background-color: #fff6bf;	
	width:100%;
	border-top:3px solid #ffd324;
	border-bottom:3px solid #ffd324;
	font-size:14px;
	padding:15px 0px 15px 30%;
}
.noscript #alert-img{
	float:left;
	width:20px;
	padding-top:8px;
}
.cc {display:none;}
/*******
 * style for common tags
 *******/
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 { }
p {
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
	font-size: 1.25em;
	line-height: 1.3em;
	}
blockquote{}
small {}
pre {}
abbr {}
address {}
cite {}
code {}
img {}
sub {}
sup {}
ol {}
ol li {}
ul {font-size:16px;}
ul li {}
fieldset {}
form {}
label {}
legend {}
table {}
caption {}
tbody {}
tfoot {}
thead {}
tr {}
th {}
td {}
article {}
figure {}

th {
    font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #4f6b72;
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    border-top: 1px solid #C1DAD7;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    background: #CAE8EA;
    padding: 6px 6px 6px 12px;
}
th.specalt {
    border-left: 1px solid #C1DAD7;
    border-top: 0;
    background: #f5fafa;
    font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    color: #797268;
}
td {
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    background: #fff;
    color: #4f6b72;
    padding: 6px 6px 6px 12px;
}
legend {
    font-weight: 700;
    font-size: 0.9em;
}
label {
    font-weight: 700;
    width: 110px;
    float: left;
    text-align: right;
    padding: 11px 10px 0 0;
}
input[type=text], input[type=password], input.text, input.title, textarea, select {
    background-color: #fff;
    border: 1px solid #bbb;
    margin: .2em 0;
}
input.text, input.title, select {
    padding: 5px;
}
input.text, input.title {
    width: 157px;
}
input.text_small, input.title_small {
    width: 45px;
    padding: 5px;
}
input.text_mid, input.title_mid {
    width: 95px;
    padding: 5px;
}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {
    position: relative;
    top: .25em;
}
input[type="radio" i] {
    margin: 3px 3px 0px 5px;
}
.fields {
    width: 100%;
    float: left;
}
.mystyle1 {
    color: #003a7c;
    font-weight: 700;
    font-size: 15px;
}
.error, .notice, .success {
    margin-bottom: 1em;
    border: 2px solid #ddd;
    padding: 5px;
}
.notes {
	font-size: 10px;
	line-height: 1.4;
}
.notice {
	background: #FFF6BF;
    color: #514721;
    border-color: #FFD324;
}
#submit {
	color: #fff;
}

.blue {
	font-size: 1.4em;
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
	color:#003a7c;
	font-weight:normal;
}
.red {
	color:#d82b1d;
}
.white {
	color:#fff;
	font-size:0.9em;
}
.style1 {
	font-size: 1em;
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
	color:#d82b1d;
}
#holder { 
	width:80%;
	max-width:1000px;
	margin:auto;
}
.results { 
	text-align:center;
}
.results h3,
.results p {
	margin: 0.5em 0;
}
h2.euroGroup5 {
	text-align:center;
}
.link5th {
	color:#046BF6;
	text-decoration:none;
}
.link5th:hover {
	color:#0101B1;
	text-decoration:underline;
}
.dotted-divider {
	border-top: 1px dotted #ccc;
	height: 1px;
	width: 100%;
}

/* HEADER */
.header #logo { max-width:294px;}
.headertext { 
	position:relative;
	left:90px;
	height:100px;
}
.headertext h1 {
	width:490px; 
	position:absolute;
	text-align:center;
	top:30px;
	
	font-size: 2.4em;
	color: #fff;
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	text-shadow: black 0.1em 0.1em 0.2em;
	text-shadow: 4px 0 0 #05074f, -2px 0 0 #05074f, 0 2px 0 #05074f, 0 -2px 0 #05074f, 2px 2px #05074f, -1px -1px 0 #05074f, 1px -1px 0 #05074f, -1px 1px 0 #05074f;
	
}
.headertext p {
	font-weight:bold;
	width:490px; 
	position:absolute;
	text-align:center;
	top:20px;
	
	font-size: 2.4em;
	color: #fff;
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	text-shadow: black 0.1em 0.1em 0.2em;
	text-shadow: 4px 0 0 #05074f, -2px 0 0 #05074f, 0 2px 0 #05074f, 0 -2px 0 #05074f, 2px 2px #05074f, -1px -1px 0 #05074f, 1px -1px 0 #05074f, -1px 1px 0 #05074f;
	
}
.header_play_button { }
.header_play_button img { 
	display:block;
	max-width:218px;
	margin:auto;
}

/*.bigimage { 
	background-image:url('images/main-banner.jpg');
	background-position:0px 0px;
	height:250px;
}*/
.bigimage img {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
}
.subscription { 
	background-image:url('images/header_subs1.jpg');
	height:41px;
}


/* winning box */
.winningno_box{
	width:220px;
	margin:auto
	}
.winningno_box a{ 
	font-size: 0.833em; 
	color:#d82b1d; 
	text-decoration: underline;
	}
.winningno_box a:hover{
	text-decoration:none;
	}	
.winning_numbers{
	overflow:hidden
	}
.winning_numbers .ball{
	float:left;
	height: 24px;
	width: 30px;
	text-align: center;
	border-radius: 50%;
	background: #003b7d;
	font-size: 1.4em;
	padding-top:6px;
	color: #fff;
	}
.winning_numbers .lucky_ball{
	float:left;
	height: 24px;
	width: 30px;
	text-align: center;
	border-radius: 50%;
	background: #d82b1d;
	color:#fff;
	font-size: 1.4em;
	padding-top:6px;
	}


/* play button */
#play_button_header { 
	display:block;
	background-image:url('images/button-playNow-sprite.png');
	height:74px;
	width:240px;
	text-indent:-999px;
}
#play_button_header:hover { 
	background-position:0px -75px;
}


/* top menu */
.topmenu{
	overflow:auto;
	width:100%;
	background-image:url(../images/usmjk/menubar.jpg);
	background-position: -1px 0px;
}
.topmenu ul{
	z-index:100;
	margin:0;
	padding:0;
	list-style-type:none;
}
.topmenu ul li{
	display:inline;
	float:right;
}
.topmenu ul li a{
	display:block;
	padding:13px 13px;
	text-decoration:none;
	background-image:url(../images/usmjk/menubgd.jpg);
	text-shadow: #000 0.1em 0.1em 0.2em;
	font-size: 1.05em;
	color:#fff; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.topmenu ul li a:hover{
	text-decoration:underline;
	color:#fff;
	}
/* RESULTS MENU HOVER */
.result-dd {
	list-style:none;
	padding:0;
	position:absolute;
	right:25%;
	display:none;
}
.result-dd li{
	display:block !important;
	float:none !important;
	position:relative;
}
.result-dd li a{
	background-position:-3px 0px !important;
}
.result-dd li .sub-result-dd{
	position:absolute;
	left:60px;
	top:0;
	display:none;
}
.result-dd li .sub-result-dd li{
}	

/* drop select menu */
.dropmenu{display:none;overflow:auto;width:100%}
.dropmenu select{height:30px;font-size:1.8em;font-weight:700;color:#fff;background-color:#0c64b1;width:100%}


/* subscription */
.subscription { }
.subscription input { 
	width:96%;
	height:17px;
	margin:auto;
	}
.subscription input[name=submit] { 
	background:url(images/button-subscribe.jpg);
	padding:0;
	margin:0;
	border-width:0;
	width:100px;
	height:23px;
	text-indent:-9999px;
}


/* content */
#container { 
	background-color:#fff;
	padding:20px;
	padding-bottom:0;
	margin-bottom:0;	
	font-size: 12px;
}
.leftcontent { 
	width:96%;
}
.divider {
	border-bottom:dashed thin #0c64b1;
}
.button-join{
	text-align:center;
}

/* SIDEBAR */
.right_sidebar {
	text-align:center;
}
.next-draw-info {
	background:#003b7d;
	padding:10px 0px 8px;
	
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
}
.next-draw-info p {
	background:#000;
	padding:10px 5px;
	width:95%;
	border-top:1px ridge #ccc;
	border-bottom:1px ridge #ccc;
}

.join-now {
	display:block;
	width:418px;
	height:50px;
	margin:0 auto;
	background:url(images/PLAYNOW3.jpg);
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
}
.join-now:hover {
	transform: scale(1.02);
	-moz-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
}
.join-syndi, .purchase-indi {
	display:block;
	margin:0 auto;
}
.join-syndi {
	height:61px;
	background:url(images/button-syndicate-sprite.jpg);
	width:242px;
}
.join-syndi:hover {
	background-position:0px 61px;
}
.purchase-indi {
	height:61px;
	background:url(images/button-purchase-sprite.jpg);
	width:339px;
}
.purchase-indi:hover {
	background-position:0px 61px;
}
.leftcontent a {
	text-decoration:underline;
	color: #00F;
}
.leftcontent a:hover {
	text-decoration:none;
}
.leftcontent ul li {
	margin:5px 20px;
}

/* footer */
#entryfooter { 
	background-color:#fff;
	text-align:center;
	margin-top:0;
	overflow:auto;
	padding-top:20px;
	padding-bottom:20px;
	padding:20px;
}
#entryfooter p { 
	font-size: 1.2em;
	font-family: 'Ubuntu', Arial, Helvetica, sans-serif;
}
#entryfooter a { 
	font-size: 1em; color:#518dd0; text-decoration: underline;
}
#entryfooter a:hover { 
	text-decoration:none;
}



/* subpage attrs */
#container h2 {
	color:#003b7d;
	font:bold 1.6em 'Ubuntu', Arial, Helvetica, sans-serif;
	line-height:1.3em;
}
#container h1 {
	color:#046bf6;
	font:bold 1.9em 'Ubuntu', Arial, Helvetica, sans-serif;
	line-height:1.3em;
}
/* Ways to Win page */
.prize-divisions, #prize-div-tbl {
	width:100%;
}
#prize-div-tbl, #prize-div-tbl td {
	text-align:center;
	border: 1px solid #C1DAD7;
	font-size:1.2em;
}
#prize-div-tbl thead, #prize-div-tbl .total {
	font-weight:bold;
	color:#fff;
	background:#046BF6;
}
#prize-div-tbl td {
	padding: 6px 6px 6px 12px;
}
/* Contact Us page */
.contact-form, #contactForm, .form-item {
	width:100%;
	font-size:1.15em;
}
.form-item {
	margin:8px 0px;
}
.form-item label {
	width:35%;
	float:left;
	text-align:right;
	padding:0px 10px 0px 0px;
}
.form-item label.required:before{
	content:'* ';
	color: red;
	font-size:0.8em;
}
.form-item input[type=text], 
.form-item textarea,
.form-item select {
	width:40%;
	height:20px;
	outline:0;
	padding:5px;
	border:1px solid #ccc;
	border-radius:3px;
	
	transition:box-shadow 1s, border 1s;
	-moz-transition:box-shadow 1s, border 1s;
	-webkit-transition:-webkit-box-shadow 1s, border 1s;
	-o-transition:-o-box-shadow 1s, border 1s;
}
.form-item input[type=text]:focus, 
.form-item textarea:focus,
.form-item select:focus {
	box-shadow:0px 0px 3px #01A4CF;
	-moz-box-shadow:0px 0px 3px #01A4CF;
	-webkit-box-shadow:0px 0px 3px #01A4CF;
	-o-box-shadow:0px 0px 3px #01A4CF;
	border:1px solid #97D9F3;
}
.form-item select {
	height:33px;
}
.form-item textarea {
	height:120px;
}
.form-buttons {
	margin:0px 0px 0px 37%;
	width:50%;
}
.form-buttons > input{
	padding:5px 8px;
}
.form-buttons > p{
	font-size:1.05em;
	color:red;
}
.submitmsg {
	margin:0px 0px 0px 37%;
	width:40%;
	border:1px solid red;
	padding:5px;
}
/* RESULTS page */
.draw-results {
	width:270px;
}
.draw-results h3{
	font-size:1.6em;
	font-weight:normal;
}
.reults-holder {
	width:100%;
	overflow:auto;
	position:relative;
}
.date-filter {
	float:right;
	font-size:1.3em;
	padding:3px;
}
.results-tbl{
	clear:both;
	width:100%;
	text-align:center;
	font-size:1.4em;
	border:1px solid #C1DAD7;
}
.results-tbl td {
	border:1px solid #C1DAD7;
	padding:6px 6px 6px 12px;
}
.results-tbl thead, .results-tbl tr.total {
	font-weight:bold;
	color:#fff;
	background:#046BF6;
}

#whitelist {
	font-size:9px;
}
#whitelist a{
	color:#028eb2;
}
#whitelist ol{
	font-size:12px;
}
#whitelist .backtotop{
	color:#046BF6;
	float:right;
}

/**************
	CC & CH TY
***************/
.ty-twitter {
	background:#EEEEEE;
	text-align:center;
	padding:10px 0px;
}
.ty-twitter img {
	width:160px;
	height:40px;
}
#cty-form {
	width:100%;
	font-size:14px;
	margin:0 auto;
	text-align:center;
}
#cty-form .cty-item {
	margin:0px 0px 8px;
	display:block;
	position:relative;
	width:100%;
	overflow:auto;
}
.cty-item label {
	float:left;
	width:35%;
	text-align:left;
}
.cty-item input[type=text] {
	width:63%;
	float:left;
}
#cty-form #csubmit {
	clear:both;
	background:url(images/continue.png) no-repeat;
	width:200px;
	height:50px;
	border:0;
	cursor:pointer;
	outline:0;
}
.ty-bottom-content img {
	max-width:500px;
}
/*********
let's start making this page responsive
***********/
@media only screen and (max-width: 1335px) {
	.result-dd {
		right:24%;
	}
}
@media only screen and (max-width: 1194px) {
	/*.bigimage {
		background-position:-1px 0px;
	}	*/
	.subscription {
		background-position:-1px 0px;
	}
}
@media only screen and (max-width: 1185px) {	
	/*.bigimage {
		background-position:-1px 0px;
	}	*/
	.subscription {
		background-position:-1px 0px;
	}
}
@media only screen and (max-width: 1120px) {
	.topmenu {
		background-position:-1px 0px;
	}
	/*.bigimage {
		background-position:-30px 0px;
	}*/
}
@media only screen and (max-width: 1080px) {
	.result-dd {
		right:25%;
	}
}
@media only screen and (max-width: 1075px) {
	.subscription {
		background-position:-10px 0px;
	}
}
@media only screen and (max-width: 1045px) {
	.subscription {
		background-image:url(images/header_subs2.jpg);
		height:80px;
	}
	#form {
		float:none;
		margin:3% 0px 0px 10%;
	}
}
@media only screen and (max-width: 1030px) {
	#play_button_header {
		margin:130px auto;	
	}
	.headertext {
		left:auto;
	}
	.headertext h1{
		text-align:center;
		position:relative;
		margin:0 auto;
	}
}
@media only screen and (max-width: 990px) {
	.result-dd {
		right:26%;
	}
}
@media only screen and (max-width: 964px) {
	.result-dd {
		right: 27%;
	}
}
@media only screen and (max-width: 963px) {	
	.topmenu ul li a {
		font-size:1.1em;
	}
}
@media only screen and (max-width: 940px) {
	.logo {
		text-align: center;
	}
}
@media only screen and (max-width: 934px) {
	.result-dd {
		right:28%;
	}
}
@media only screen and (max-width: 879px) {	
	.result-dd {
		right:29%;
	}
}
@media only screen and (max-width: 876px) {	
	.topmenu ul li a {
		padding: 13px 12px;
	}
}
@media only screen and (max-width: 864px) {	
	.topmenu ul li a {
		font-size:1em;
	}
	.result-dd {
		right:27%;
	}
}
@media only screen and (max-width: 855px) {
	.result-dd {
		right:28%;
	}
}
@media only screen and (max-width: 840px) {	
	#form {
		margin:4% 0px 0px 10%;
	}
}
@media only screen and (max-width: 817px) {	
	.topmenu ul	li a {
		padding:13px 12px;
	}
}
@media only screen and (max-width: 804px) {	
	.topmenu ul	li a {
		padding:13px 11px;
	}
}
@media only screen and (max-width: 800px) {	
	/*.bigimage {
		background-position:-25px 0px;
	}*/
}
@media only screen and (max-width: 795px) {
	.topmenu ul	li a {
		font-size:0.9em;
	}
	.result-dd {
		right:27%;
	}
}
@media only screen and (max-width: 784px) {	
}
@media only screen and (max-width: 780px) {	
	/*.bigimage {
		background-position:-45px 0px;
	}*/
}
@media only screen and (max-width: 755px) {
	.result-dd {
		right:28%;
	}
}
@media only screen and (max-width: 740px) {	
	/*.bigimage {
		background-position:-50px 0px;
	}*/	
	#form {
		margin:5% 0px 0px 10%;
	}
}
@media only screen and (max-width: 722px) {
	.topmenu ul li:first-child a {
		padding:13px 16px;		
	}
	.topmenu ul li a {
		padding:13px 10px;		
		background-position:0px 0px;
	}
	/*.bigimage {
		background-position:-50px 0px;
	}	*/
	#form {
		width:100%;
		margin:5% 0px 0px 3%;
	}
}
@media only screen and (max-width: 720px) {
	#holder {
		width:90%;
	}
	.result-dd {
		right:25%;
	}
}
@media only screen and (max-width: 719px) {	
	.topmenu ul li a {
		padding:13px 11px;		
	}
}
@media only screen and (max-width: 717px) {
	/*.bigimage {
		background-position:-55px 0px;
	}*/
}
@media only screen and (max-width: 700px) {
}
@media only screen and (max-width: 698px) {
}
@media only screen and (max-width: 680px) {
}
@media only screen and (max-width: 675px) {
	.result-dd {
		right:26%;
	}
}
@media only screen and (max-width: 650px) {
	.topmenu ul li a {
		padding:13px 10px;
	}
}
@media only screen and (max-width: 641px) {
	.topmenu ul li a {
	}
}
@media only screen and (max-width: 630px) {
	.topmenu ul li a {
		font-size:0.8em;
	}
}
@media only screen and (max-width: 620px) {
	/*.bigimage {
		background-position:-65px 0px;
	}*/
}
@media only screen and (max-width: 614px) {
	.topmenu ul	li a {
		padding:13px 9px;
	}
}
@media only screen and (max-width: 612px) {
	#holder {	
		width:95%;
	}
	.result-dd {
		right:24%;
	}
}
@media only screen and (max-width: 600px) {

}
@media only screen and (max-width: 581px) {
	/*.bigimage {
		background-position:-70px 0px;
	}*/
}
@media only screen and (max-width: 574px) {
	.topmenu ul	li a {
		padding:13px 8px;
	}
}
@media only screen and (max-width: 570px) {
}
@media only screen and (max-width: 568px) {
	.topmenu ul{
		display:none;
	}
	div.dropmenu {
		display:block;
		position:relative;
		background:#02002f url(../images/usmjk/menu-dd.jpg) no-repeat;
		background-position:96% 6px;
		padding: 8px 0;
		font-weight:bold;
		font-size:16px;
		font-family:'Ubuntu', Helvetica, Verdana, Arial, sans-serif;
	}
	div.dropmenu a {
		text-decoration:none;
	}
	div.dropmenu .ddtitle, div.dropmenu .dditem {
		padding:6px 20px;
		cursor:pointer;color: #fff;
	}
	div.dropmenu .dditem{
		border-top:1px dotted #ccc;
	}
	/*.bigimage {
		background-position:-75px 0px;
	}*/
}
@media only screen and (max-width: 565px) {
	.subscription {
		height:180px;
	}
	.subscription form {
		width:65%;
		margin:15px auto;
	}
	.subscription .break_at_565 input[name='submit'] {
		float:none;
		margin:0 auto;
		position:relative;
		display:block;
	}
}
@media only screen and (max-width: 555px) {
	/*.bigimage {
		background-position:-80px 0px;
	}*/
}
@media only screen and (max-width: 545px) {
	/*.bigimage {
		background-position:-85px 0px;
	}*/
}
@media only screen and (max-width: 540px) {
	/*.bigimage {
		background-size:180% auto;
		background-repeat:none;
		background-position:-50px 10px;
	}*/
}
@media only screen and (max-width: 535px) {
	.headertext h1{
		width:99%;
	}
	.subscription form {
		width:80%;
	}
}
@media only screen and (max-width:515px ) {
	.draw-results {
		width:100%;
		float:none;
		text-align:center;
	}
	.date-filter {
		margin:20px 0px 0px;
	}
}
@media only screen and (max-width:510px ) {
	.form-item input[type=text],
	.form-item textarea,
	.form-item select {
		width:55%;
	}
	.form-item small {
		margin:0px 0px 0px 58%;
	}
}
@media only screen and (max-width:496px ) {
	.join-now {
		width:95%;
		background-size:100% auto;
		height:54px;
	}
	.join-now:hover {
		background-position:0px 98%;
	}
}
@media only screen and (max-width:488px ) {
	.join-now {
		height:52px;
	}
	.join-now:hover {
		background-position:0px 97%;
	}
}
@media only screen and (max-width:485px ) {
	.join-now {
		height:51px;
	}
}
@media only screen and (max-width:470px ) {
	.join-now:hover {
		background-position:0px 97.27%;
	}
}
@media only screen and (max-width:465px ) {
	/*.bigimage {
		background-position:-45px 50px;
	}*/
	.headertext h1{
		width:95%;
	}
}
@media only screen and (max-width:460px ) {
	.join-now {
		height:50px;
	}
}
@media only screen and (max-width:455px ) {
	.join-now {
		height:48px;
	}
	.join-now:hover {
		background-position:0px 96%;
	}
}
@media only screen and (max-width:436px ) {
	.join-now {
		height:46px;
	}
}
@media only screen and (max-width: 420px) {
	/*.bigimage {
		background-position:-40px 60px;
	}*/
	.form-item small {
		margin:0px 0px 0px 43%;
	}
	.form-item label {
		float:none;
		width:100%;
		text-align:left;
		display:block;
	}
	.form-item input[type=text], 
	.form-item textarea,
	.form-item select {
		width:100%;
		display:block;
	}
	.join-now {
		height:44px;
	}
}
@media only screen and (max-width: 412px) {	
	.purchase-indi {
		width:100%;
		background-size:100% auto;
		height:58px;
	}	
	.purchase-indi:hover {
		background-position:0px 58px;
	}
}
@media only screen and (max-width: 410px) {	
	.purchase-indi {
		height:56px;
	}	
	.purchase-indi:hover {
		background-position:0px 57px;
	}
}
@media only screen and (max-width: 405px) {	
	.join-now {
		height:42px;
	}
}
@media only screen and (max-width: 404px) {		
	.purchase-indi {
		height:56px;
	}	
	.purchase-indi:hover {
		background-position:0px 57px;
	}
}
@media only screen and (max-width: 399px) {		
	.purchase-indi {
		height:54px;
	}	
	.purchase-indi:hover {
		background-position:0px 55px;
	}
}
@media only screen and (max-width: 397px) {	
	#prize-div-tbl td, .results-tbl td {
		padding: 6px 5px 6px 10px;
	}
}
@media only screen and (max-width: 389px) {	
	.join-now {
		width:98%;
	}
}
@media only screen and (max-width: 386px) {		
	.purchase-indi {
		height:52px;
	}	
	.purchase-indi:hover {
		background-position:0px 54px;
	}
}
@media only screen and (max-width: 383px) {	
	#prize-div-tbl td, .results-tbl td {
		padding: 6px 4px 6px 8px;
	}
}
@media only screen and (max-width: 378px) {	
	.join-now {
		width:100%;
		height:41px;
	}
}
@media only screen and (max-width: 373px) {			
	.purchase-indi {
		height:51px;
	}	
	.purchase-indi:hover {
		background-position:0px 52px;
	}
}
@media only screen and (max-width: 372px) {	
	#prize-div-tbl td, .results-tbl td {
		padding: 6px 3px 6px 6px;
	}
}
@media only screen and (max-width: 370px) {	
	/*.bigimage {
		background-position:-30px 80px;
	}*/
}
@media only screen and (max-width: 368px) {		
	.purchase-indi {
		height:49px;
	}	
	.purchase-indi:hover {
		background-position:0px 50px;
	}
}
@media only screen and (max-width: 365px) {
	.form-item input[type=text], 
	.form-item textarea,
	.form-item select{
		width:98%;
	}
}
@media only screen and (max-width: 364px) {	
	.join-now {
		height:38px;
	}
}
@media only screen and (max-width: 359px) {	
	#prize-div-tbl td, .results-tbl td {
		padding: 6px 3px 6px 5px;
	}
}
@media only screen and (max-width: 356px) {		
	.purchase-indi {
		height:46px;
	}	
	.purchase-indi:hover {
		background-position:0px 49px;
	}
}
@media only screen and (max-width: 353px) {	
	#prize-div-tbl td, .results-tbl td {
		padding: 6px 2px 6px 4px;
	}
}
@media only screen and (max-width: 345px) {	
	#prize-div-tbl, .results-tbl {
		font-size:1em;
	}
}
@media only screen and (max-width: 342px) {	
	.join-now {
		height:36px;
	}
}
@media only screen and (max-width: 341px) {	
	/*.bigimage {
		height:340px;
		background-position:-30px 110px;
	}*/
	#play_button_header {
		margin-top:160px;
	}
	.subscription {
		background-position:-20px 0px;
	}
	.subscription form{
		width:90%;
		margin-top:30px;
	}
}
@media only screen and (max-width: 338px) {	
	.draw-results h3 {
		font-size:1.5em
	}	
	.purchase-indi {
		height:44px;
	}	
	.purchase-indi:hover {
		background-position:0px 46px;
	}
}
@media only screen and (max-width: 330px) {	
	.subscription {
		background-position:-25px 0px;
	}	
}
@media only screen and (max-width: 327px) {	
	.join-now {
		height:34px;
	}
}
@media only screen and (max-width: 325px) {	
	.purchase-indi {
		height:42px;
	}	
	.purchase-indi:hover {
		background-position:0px 44px;
	}
}
@media only screen and (max-width: 321px) {	
	#prize-div-tbl td, .results-tbl td {
		padding: 6px 2px 6px 3px;
	}
}
@media only screen and (max-width: 320px) {	
	/*.bigimage {
		background-position:-30px 120px;
	}*/
	.purchase-indi:hover {
		background-position:0px 43px;
	}
	
}

/*****
 IE versions 8 and below don't support responsive feature
 so this section will handle it.
 
 Remember, any CSS style below will only apply to old IE
 */
.ie #holder {
	width:1000px;
	margin:0 auto;
}
.ie .set3grid {
	width:23%;
}
.ie .set4grid {
	width:30%;
}
.ie .set5grid {
	width:40%;
}
.ie .set7grid {
	width:55%;
}
.ie .set8grid {
	width:65%;
}
.ie .set9grid {
	width:70%;
}
.ie .gridflair img {
	width:auto;
	height:auto;
}

.ie #logo {
	margin-bottom:20px;
}
.ie .results .ball {
	background:url(images/ie-results.jpg) no-repeat;
}
.ie .results .lucky_ball {
	background:url(images/ie-results-xtra.jpg) no-repeat;
}
.ie .draw-results .ball {
	background:url(images/ie-dresults.jpg) no-repeat;
}
.ie .draw-results .lucky_ball {
	background:url(images/ie-dresults-xtra.jpg) no-repeat;
}
.ie #play_button_header {
	margin-left:41px;
	margin-top:27px;
	background:url(images/button-playNow.jpg) no-repeat;
}
.ie #play_button_header:hover {
	background:url(images/button-playNow-hover.jpg) no-repeat;
}
.ie .subscription input {
	width:95%;
}
.ie .subscription #subscribe {
	background:url(images/button-subscribe.jpg);
	padding:0;
	margin:0;
	border-width:0;
	width:100px;
	height:23px;
}
.ie .form-buttons {
	margin:0px 0px 0px 25%;
}
.ie .form-buttons input{
	padding:5px 8px;
}
.ie .form-buttons p{
	font-size:18px;
	color:#ff0000;
	text-align:center;
}
.ie .join-now {
	/*background:url(images/button-joinNow-sprite.jpg);*/
	cursor:pointer;
}
.ie .join-now:hover {
	/*background:url(images/button-joinNow-sprite.jpg);
	background-position:0px 20px;*/
}
.ie .next-draw-info {
	padding:25px 0px 22px;
}

#craftysyntax_1 table td {border:0;padding:0}