/* Main template styles, common to all pages */

html,body {
    margin:0px;
	padding:0px;
}

/* Super Script font size */
sup { font-size: 11px; }

ul { padding-left:15px; }

p { position: relative; }

body {  
	margin:0px 10px 0px 10px;
 	height:auto;
    text-align:center; 
    padding:0px;
    color: #000;
    font-family: Verdana;
    font-size: 9px;
}

.site_title {
	font-size: 14px;
	letter-spacing: 0.2em;
	padding:0px;
	margin:10px;
}

.header_1 {
	font-size: 13px;
	letter-spacing: 0.1em;
	padding:2px;
	margin:2px;
}

.header_2 {
	font-size: 14px;
	letter-spacing: 0.2em;
	padding:5px;
	margin:5px;
	position:relative;
}

.header_order_big {
	font-size: 16px;
	font-weight:bold;
	letter-spacing: 0.2em;
	color: #ff0000;
	padding:5px;
	margin:5px;
	margin-bottom:0px;
	padding-bottom:0px;
}

.header_order {
	font-size:14px;
	letter-spacing:2px;
	color:#032a6e;
	padding:0px;
	margin:0px;
}
.order_questions {
	margin-left:10px;
	margin-top:0px;
	margin-bottom:5px;
}

.order_box_small {
	width:90px;
	height:100px;
}
.order_box_big {
	width:700px;
	height:100px;
}

.footer_links_box {
	margin:5px;
	padding:5px;
	background:#333333;
	height:180px;
	color:#ffffff;
}

.footer_links {
	padding:5px 0px 5px 0px;
	margin:0px;
}

h1 {
	font-size: 20px;
	font-weight: bold;
}

h2 {
	font-size: 16px;
	letter-spacing: 0.2em;
	margin:0px;
	left: 8px;
	bottom: 5px;
	padding: 0;
}

h3 {
	font-size: 14px;
	margin:0;
	padding:0;
}

h4 {
	color: #032a6e;
	margin:0px;
	padding: 5px;
}

h5 {
	font-size: 12px;
	letter-spacing: 0.2em;
	padding:0;
	margin:10px;
}

img#security_code_image {
	vertical-align: middle;
	margin: 0 0 5px 0;
	_margin: 0 0 8px 0;	
}
		
/* Lotto winning numbers highlighting */
.highlight_blue {
	color: #FFFFFF;
	background-color:#0000FF;
}
.highlight_red {
	color: #FFFFFF;
	background-color:#FF0000;
}
/* ###### END ######## s */

.clrb { clear: both; }

.imgborder {
	border: 1px solid #0D2869;	
}
.bold {
	font-weight: bold;
}

form { /*Stop IE from adding an extra space after the form tag */
	display:block;
	margin:0px;
}

fieldset {
	border: none;
}

a, a:link, a:visited { 
	color: #0055ff;
	text-decoration: none;
	font-weight: normal;
}

a:hover { 
	color: #FF3C49;
	text-decoration: underline;
	font-weight: normal;
}

a img {
	border: none;
	margin-right:2px;
}

.pageFrame , .pop_up_page_frame {
	width: 985px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

div.pageFrame { 
	margin:auto;
}

em {
	text-decoration: none;
	font-style:normal;
	font-weight: bold;
	font-size: 13px;
	color: #FF8B00;
}
.pageHeader {
	width: 985px;
}

.pageContent
{
	background-color: #EEE8DA;
	border-right: 1px solid #6D84BD;
	border-left: 1px solid #0D2869;
	padding: 5px;
}

.pageFooter {
	width: 985px;
	min-height: 56px;
	clear: both;
	text-align: center;
	border-top: 4px solid #636363;
	padding-bottom: 3px;
}

#headerBar {
	position: relative;
	width: 983px;
	height: 91px;
	text-align: right;
	background-color: #ffffff;
	border-right: 1px solid #6D84BD;
	border-left: 1px solid #0D2869;
}

#smallNav p {
	padding: 0px;
	margin: 0px;
}

#smallNav, #locationIcon, #bottomNav {
	font-size:9px;
	padding-top: 3px;
	padding-right: 0px;
	color: #000000;
}

#smallNav, #bottomNav {
	margin-bottom: 3px;
}

#smallNav a, #smallNav a:visited
{
	color: #2c6288;
	text-decoration: none;
	font-size:9px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#smallNav a:hover
{
	color: #79d2fa;
	text-decoration: underline;
}

#bottomNav a, #bottomNav a:visited {
	color: #fff;
	text-decoration: none;
	font-size:9px;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#bottomNav a:hover {
	color: #fff;
	text-decoration: underline;
}

/* Our clickable logo */
#logo {
	padding-top: 3px;
	padding-left: 2px;
	background-color:#FFFFFF;
	width: 340px;
}

/* The center area in the top header */
#center_header_area { 
	text-align:center;
	padding-top: 3px;
	padding-left: 2px;
	background-color:#FFFFFF;
	width: 435px;
}

/* login right area */
#logo_right_area {
	width: 190px;
	height: 91px;
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
	color: #000000;
	font-size:9px;
	font-weight: normal;
	text-align: right;
	/* background:transparent url(/assets/images/lottery_small.gif) no-repeat; */
	border-left-style:dashed;
	border-left-width:1px;
	border-left-color:#3681C6;
}

#login_help_top_line {
	float:right; 
	width: 180px; 
	border-bottom-width:1px; 
	border-bottom-style:solid; 
	border-bottom-color:#2C6288; 
	margin-bottom:5px; 
	padding-bottom: 2px;
}

#login_help_top_line li {
	border-right-color: #2C6288;
}

.navbar {
	width: 983px;
	height: 22px;
	margin: 0px;
	padding: 0px;
	border-left: 1px solid #0D2869;
	border-right: 1px solid #6D84BD;
	background-color: #FFF;
	background:transparent url(/assets/images/nav/nav_bg_tile.gif) repeat; 
}

#navmenubar .navmenu, #navmenubar .navmenu-selected { /* Container for the main nav bar */
	float:left;
	padding-left:10px;	
	padding-right:10px;	
	padding-top:3px;	
	height: 19px;
	border-right:1px solid #5C6369;
}

#navmenubar .last, #navmenubar .last { /* Container for the main nav bar */
	border-right:0px solid #000000;
}

#navmenubar .navmenu a, #navmenubar .navmenu a:link, #navmenubar .navmenu a:visited, #navmenubar .navmenu a:hover {
	font-family: arial;
	font-size:11px;
	font-weight:bold;
	color:#5c6369;
	text-transform: lowercase;
}

#navmenubar .navmenu-selected { /* Container for the main nav bar */
	background-color:#5c6369;
	color:#ffffff;
}

#navmenubar .navmenu-selected a, #navmenubar .navmenu-selected a:link, #navmenubar .navmenu-selected a:visited, #navmenubar .navmenu-selected a:hover {
	font-family: arial;
	font-size:11px;
	font-weight:bold;
	background-color:#5c6369;
	color:#ffffff;
	text-transform: lowercase;
}

/* End of main template styles */


/* Content Boxes Styles */

.darktext { color: #FF8B00; } /* Used to emphasise stuff */

.clearb {clear:both; height:0px;}
.clearl {clear:left}
.clearr {clear:right}

.fleft {float:left}
.fcenter {margin: 0 auto 0 auto;} /* Hmmmm... */
.fright{float:right}



/* ################################## BOXES START ################################## */

/* Single column width */
.singlewidth      { width: 285px; }
.singlewidth-tile { width: 268px; }
.box_size_2       { width: 263px; }

/* Double column width */
.doublewidth      { width: 485px; }
.doublewidth-tile { width: 468px; }
.box_size_1       { width: 463px; }

/* Triple column width */
.triplewidth 	  { width: 660px; }
.triplewidth-tile { width: 643px; }
.box_size_4 	  { width: 638px; }

/* Three column width Main Page*/
.three-column-width      { width: 323px; margin-right:2px; }
.three-column-width-tile { width: 306px; }
.box_size_10       		 { width: 301px; }

/* Full column width */
.fullwidth 		{ width: 972px; }
.fullwidth-tile { width: 955px; }
.box_size_3 	{ width: 950px; }

.box_size_5 {
	width: 522px;
}

.box-header-left {
	clear: both;
	width: 7px;
	height:25px;
	float:left;
}
.box-header-middle {
	float:left;
	height:25px;
}
.box-header-right {
	width: 7px;
	height:25px;
	float:left;
}

.red-box-header-left   { background: url(../images/boxes/boxes.png) scroll 0px 0px no-repeat; }
.red-box-header-middle { background: url(../images/boxes/boxes.png) scroll 0px -25px repeat-x; }
.red-box-header-right  { background: url(../images/boxes/boxes.png) scroll 0px -50px no-repeat; }

.blue-box-header-left   { background: url(../images/boxes/boxes.png) scroll 0px -75px no-repeat; }
.blue-box-header-middle { background: url(../images/boxes/boxes.png) scroll 0px -100px repeat-x; }
.blue-box-header-right  { background: url(../images/boxes/boxes.png) scroll 0px -125px no-repeat; }

.grey-box-header-left   { background: url(../images/boxes/boxes.png) scroll 0px -150px no-repeat; }
.grey-box-header-middle { background: url(../images/boxes/boxes.png) scroll 0px -175px repeat-x; }
.grey-box-header-right  { background: url(../images/boxes/boxes.png) scroll 0px -200px no-repeat; }

.pink-box-header-left   { background: url(../images/boxes/boxes.png) scroll 0px -225px no-repeat; }
.pink-box-header-middle { background: url(../images/boxes/boxes.png) scroll 0px -250px repeat-x; }
.pink-box-header-right  { background: url(../images/boxes/boxes.png) scroll 0px -275px no-repeat; }

.black-box-header-left	 { background: url(../images/boxes/boxes.png) scroll 0px -300px no-repeat; }
.black-box-header-middle { background: url(../images/boxes/boxes.png) scroll 0px -300px repeat-x; }
.black-box-header-right  { background: url(../images/boxes/boxes.png) scroll 0px -300px no-repeat; }

.orange-box-header-left	  { background: url(../images/boxes/boxes.png) scroll 0px -327px no-repeat; }
.orange-box-header-middle {	background: url(../images/boxes/boxes.png) scroll 0px -378px repeat-x; }
.orange-box-header-right  { background: url(../images/boxes/boxes.png) scroll 0px -352px no-repeat; }

.box-header-middle h2 {
	letter-spacing: 0em;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	text-transform: lowercase;
	color:#FFFFFF;
	padding-top:7px;
	padding-left:0px;
}
.box-header-middle a, .box-header-middle a:link, .box-header-middle a:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-transform: lowercase;
	text-decoration: underline;
	color:#FFFFFF;
}
.box-header-middle a:hover {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-transform: lowercase;
	text-decoration: none;
}

.box-bot-left {
	background: url(../images/boxes/box_bot_corner_left.gif) top left no-repeat;
	width: 8px;
	height:10px;
	float:left;
	margin-left:1px;
}

.box-bot-tile {
	background: url(../images/boxes/box_bot_tile.gif) top left repeat-x;
	float:left;
	padding-top:15px;
}

.box-bot-right {
	background: url(../images/boxes/box_bot_corner_right.gif) top left no-repeat;
	width: 10px;
	height:10px;
	float:left;
	margin-right:0px;
}

.innercontent_1 {
	margin-left:0px;
	margin-right:2px;
	margin-top:0px;
	background: #FFFFFF url(../images/boxes/box_bg_tile.gif) repeat-x left top;
	clear:left;
}

/* ################################## BOXES END ################################## */





.innercontent { /* Content box with rounded bottom corners - top border required to prevent margin probs*/
	padding:9px 5px 10px 10px;
	line-height: 1.5em;
}

.lineheight{
	line-height: 0.9em;
}

.big_button {
	background:url(../images/buttons/blue-button-left.gif) no-repeat left;
	padding: 8px 0px 9px 13px;
	line-height: 14pt;
}

.big_button span { 
/* Span style to give the button it's right cap.  Height of button is 20px (padding-top + padding-bottom + text size of anchor) */
	background-repeat: no-repeat;
	background-position: right;
	padding: 9px 12px 10px 0px;
	background-image:url(../images/buttons/blue-button-right.gif);
}

#lotto_b_l { background:url(../images/buttons/red-button-left.gif) no-repeat left; }
#lotto_b_r { background-image:url(../images/buttons/red-button-right.gif); }

#thunder_b_l { background:url(../images/buttons/purple-button-left.gif) no-repeat left; }
#thunder_b_r { background-image:url(../images/buttons/purple-button-right.gif); }

a.big_button, a.big_button:link, a.big_button:visited, a.big_button:hover {
	font-size: 12px;
	font-family: arial;
	color:#FFF;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration:none;
	position:relative;
}

a.big_button:hover {
	text-decoration:none;
}

.innercontent p, .bluestrip p {
	margin-top: 2px;
	margin-bottom: 8px;
	line-height: 1.5em;
}

.singlewidth .innercontent { /* If content box is singlewidth and we want rounded bottom corners on box */
	/*background-image: url(../images/boxes/single-bottom-white.gif);
	background-repeat: no-repeat;
	background-position: bottom;*/
	margin-bottom: 15px;
}

.innercontent_1 .left-shadow  {
	background:url(../images/boxes/box_left_tile.gif) repeat-y top left;
}

.innercontent_1 .left-shadow .right-shadow  {
	background:url(../images/boxes/box_right_tile.gif) repeat-y top right;
	padding: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.doublewidth .innercontent_2 .left-shadow .right-shadow {
	background:url(../images/boxes/box_right_tile.gif) repeat-y top right;
	padding-left: 3px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 5px;
}

.doublewidth .innercontent { /* If content box is doublewidth and we want rounded bottom corners on box */
	background-image: url(../images/boxes/double-bottom-white.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 15px;
}

.fullwidth .innercontent { /* If content box is fullwidth and we want rounded bottom corners on box */
	background-image: url(../images/boxes/full-bottom-white.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 15px;
}

.triplewidth .innercontent { /* If content box is fullwidth and we want rounded bottom corners on box */
	background-image: url(../images/boxes/full-bottom-white.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 15px;
}

.fullwidth .chatcontent { /* Content box specific to chat page */
	background-image: url(../images/boxes/full-bottom-white.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 15px;
}

.bannerwidth .innercontent { /* If content box is bannerwidth and we want rounded bottom corners on box */
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 15px;
}

.singlewidth .bluestrip { /* If content box is singlewidth and we want a gradient blue strip on the bottom for extra content */
	background-image: url(../images/boxes/single-bottom-white.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 15px;
}

.doublewidth .bluestrip { /* If content box is doublewidth and we want a gradient blue strip on the bottom for extra content */
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 15px;
}

.fullwidth .bluestrip { /* If content box is fullwidth and we want a gradient blue strip on the bottom for extra content */
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 15px;
}

.triplewidth .bluestrip { /* If content box is fullwidth and we want a gradient blue strip on the bottom for extra content */
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 15px;
}

.chatcontent .bluestrip { /* If content box is fullwidth and we want a gradient blue strip on the bottom for extra content */
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 15px;
}

.bannerwidth .bluestrip { /* If content box is bannerwidth and we want a gradient blue strip on the bottom for extra content */
	background-repeat: no-repeat;
	background-position: right bottom;
	margin-bottom: 15px;
}

.tabtext {
	margin-top:10px;
	color:#ffffff;
}

/* End of Content Boxes Styles */


/* Homepage Styles */

form#loginform, form#quicksearch {
	margin: 0px;
	padding: 0px;
}

form#loginform label {
	font-weight:normal; 
	display:block; 
	width:92px; 
	float:left;
	margin-top: 5px;
	margin-bottom: 5px;
}

#loginform input, #loginform select {
	font-size: 9px;
	width: 150px;
	float:left;
	display: block;
	margin-bottom: 7px;
	margin-left: 5px;
	padding-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
}

#loginform input.hidden {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:5px;
	height: 0px;
	border: none;
	position: ablosute;
	top: 0px;
}

#loginform input.autosize {
	width: auto;
}

#loginform2 input, #loginform2 select {
	font-size: 9px;
	width: 120px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-left: 0px;
	margin-right: 0px;
	padding-right: 0px;
}

#loginform2 input.hidden {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width:5px;
	height: 0px;
	border: none;
	position: ablosute;
	top: 0px;
}

.dinline { display: inline;}

.binline { display: inline;}

#loginform select {
	width: 154px;
}

.loginBoxSmall {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 9px;
}

/* End of Homepage Styles */

/* terms and conditions box at bottom of page */
div#tandcbox {
	margin:3px;
	clear: both;
	color: #999;
	font-size: 0.9em;
	border: 1px solid #aaa;
	overflow:auto;
	background-color:#fff;
	padding:3px;
}
#tandcbox a{
	color: #6A6A6A;
}
#tandcbox a:hover{
	color: #999999;
}

.bullets li
{
	padding-bottom: 1em;
}

/* PIE's "How To Clear Floats Without Structural Markup"
http://www.positioniseverything.net/easyclearing.html */

.Image {
	text-align:center;
	width: 70px;
}

.ClearFix:after {
    content : "."; 
    display : block; 
    height : 0; 
    clear : both; 
    visibility : hidden;
}

#loginform input.checkbox, #loginform2 input.checkbox {
	float : none;
	width: 14px;
	display:inline;
	vertical-align:-2px;
	margin-top:0px;
	margin-bottom:0px
}


.ClearFix {display : inline;}

/* Hides from IE-mac \*/
.ClearFix {display: block;}
/* End hide from IE-mac */

/* PIE's hack to stop IE adding 3px to width when using italics
http://www.positioniseverything.net/explorer/italicbug-ie.html */
/* \*/
* html .ClearFix {
	overflow: hidden;
	o\verflow: visible;
	width: 100%;
	w\idth: auto;
	he\ight: 1%;
}

/*------------------------------------END OF ONLINE USER STYLES---------------------------------*/

.Error {
	color: #FF0000;
	font-weight: bold;
}
.imargin{
	margin-left: 15px;
	margin-top: 10px;
}

.hotlinks{
	margin-top: 13px;
	margin-left: 180px;
}
div.hotlinks p{
	line-height: 30px;
}

hr.hr_online {
	border: none 0; 
	border-top: 1px dashed #566EAA;
	width: 90%;
	height: 1px; 
}
.spacer{
	margin-bottom: 10px;
}

.pge_numbers{
	text-align: center;
	color: #0D296A;
}
.pge_numbers a:link {
	font-weight: bold;
	color: #0D296A;
}
.pge_numbers a:visited {
	font-weight: bold;
	color: #0D296A;
}
.pge_numbers a:hover {
	font-weight: bold;
	color: #FFFFFF;
}
.pge_numbers a:active , .pge_numbers b {
	font-weight: bold;
	color: #FFFFFF;
}
/*----------Used on number verification page---------------------------------------*/


/* **************** START pop_up style sheet ************************ */

.header{
	position: relative;
}

/* **************** END pop_up style sheet ************************ */


/*----------------------Try to tidy up this sheet--------------------*/


div.innercontent div.fleft {width:25%;}

#smallNav ul, #bottomNav ul{ margin:0; padding:0; list-style:none; list-style-image:none; border:none;} #smallNav ul li, #bottomNav ul li { display:inline; padding:0 5px 0 10px; border-right:1px solid #fff; line-height:1.5em;}
#smallNav ul li.last, #navmenubar ul li.last, #bottomNav ul li.last {border-right:none}
#navmenubar ul{ margin:0 0 0 10px; padding:0; list-style:none} 
#navmenubar ul li { display:inline; padding:0 5px 0 5px; border-right:1px solid #000000; line-height:2em;}

div#login fieldset { border:none; }
div#login dt.fleft {display:block; width:45%; font-weight:bold}
div#login input {margin-bottom:4px;}


.black {
	color: #000000;
}

.blue {
	color: #4D94D2;
}

.innercontent2 { /* Content box with rounded bottom corners - top border required to prevent margin probs*/
	background-color: #FFFFFF;
	border-top: 1px solid #FFFFFF;
	padding:9px 5px 10px 10px;
	line-height: 1.5em;
	height: 50px;
}

.singlewidth2 .innercontent { /* If content box is singlewidth and we want rounded bottom corners on box */
	background-image: url(../images/boxes/single-bottom-white.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 15px;
}

.small_box_content {
	height:130px;
}

.grey_txt {
	text-align: left;
	color: #999999;
	font-size: 9px;
	height: 72px;
}

.grey_txt2 {
	text-align: left;
	color: #999999;
	font-size: 9px;
}


/* ############## Page numbers ############## */

div.page_numbers b {
	color: #FF3C49; 
	font-weight: bold;
	font-size: 11px;
}
div.page_numbers a {
	color: #444444;
	font-size: 11px;
	text-decoration: none;
}
div.page_numbers a.prevPge , div.page_numbers a.nextPge {
	color: #FF3C49;
	font-size: 10px;
} 
div.page_numbers span.pgeOf {
	display: block;
	color: #cccccc;
	font-size: 9px;
}
div.page_numbers span.pgeOf a {
	color: #FF3C49;
	font-size: 9px;
}
div.page_numbers span.emArw {
	color: #FF3C49;
	font-weight: bold;
	font-size: 10px;
}

/* ############## END of Page numbers ##############*/

.img_fleft {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
}

.big_bold {
	font-size: 13px;
	font-weight: bold;
}

.thumnailbox {
	text-align:center;
}

.thumbnailcontent {
	float:left;
	padding:5px 0 0 0;
	width:86px;
	height:110px;
	text-align:center;
	vertical-align: bottom;
}
.thumbnailcontent p {
	padding:0;
	margin:0;
}

/* ################## SUBMENU [start] ###################### */

#submenu {
	font-size:12px;
	margin:0;
	padding:0;
	text-transform:capitalize;
	width:100%;
}

#submenu ul {
	display:block;
	float:left;
	height:26px;
	list-style-type:none;
	margin:0 0 -1px;
	padding:0;
}

#submenu ul li {
	color:#5C6369;
	display:inline;
	float:left;
	margin-left:0px;
	margin-right:15px;
	padding:0;
	vertical-align:middle;
}

#submenu ul a {
	color:#5C6369;
}

#submenu ul a.on {
	font-weight:bold;
	color:#ff0000;
}

/* ################## SUBMENU [end] ######################## */

.table_white {
	padding:5px;
	background:#ffffff;
	color:#000000;
	font-weight:bold;
}

.status_message {
	margin:15px;
}

.table_lotto {
	background-color:#ffcccb;
	color:#00000;
	padding:3px;
	margin:3px;
	text-align:center;
	border-width:1px;
	border-spacing:1px;
	border-style:none;
	border-color:black;
	border-collapse:separate;
}

.table_euro {
	background:#ccccff;
	color:#00000;
	padding:3px;
	margin:3px;
	text-align:center;
	border-width:1px;
	border-spacing:1px;
	border-style:none;
	border-color:black;
	border-collapse:separate;
}

.table_thunderball {
	background:#cd8be3;
	color:#00000;
	padding:3px;
	margin:3px;
	text-align:center;
	border-width:1px;
	border-spacing:1px;
	border-style:none;
	border-color:black;
	border-collapse:separate;
}

.table_lotto th, .table_euro th, .table_thunderball th {
	background-color:#000000;
	color:#ffffff;
	font-weight:bold;
	border-width:1px;
	padding:1px;
	border-style:outset;
	border-color:black;
}

.table_lotto td, .table_euro td, .table_thunderball td {
	border-width:1px;
	padding:1px;
	border-style:outset;
	border-color:black;
}

p#latest_draws {
	margin:0px 0px 10px 0px;
	position:relative;
}
div#latest_draws_numbers {
	margin-bottom:6px;
}

p#results_checker_header {
	margin:0px 0px 10px 0px;
	position:relative;
}

p#predictions_header {
	margin:0px;
	position:relative;
}

p#predictions_link {
	margin-bottom:0px;
	padding-bottom:5px;
}

/* ################## BALLS [start] ######################## */

.ball {
	text-align:center;
	font-weight:bold;
	height:28px;
	width:28px;
	padding:10px;
	margin-right:15px;
}

.results_ball {
	text-align:center;
	scroll left top;
	color:#FFFFFF;
	display:inline;
	float:left;
	font-size:1.2em;
	font-weight:bold;
	padding:9px 8px 13px;
	margin-right:15px;
	margin-top:0px;
}

.results_ball_lotto		{ background: url(/assets/icons/balls_sprites.png) scroll 1px 1px no-repeat; }
.results_ball_euro		{ background: url(/assets/icons/balls_sprites.png) scroll -33px 1px no-repeat; }
.results_ball_white		{ background: url(/assets/icons/balls_sprites.png) scroll -65px 1px no-repeat; color:#000000; }
.results_ball_gold		{ background: url(/assets/icons/balls_sprites.png) scroll -99px 1px no-repeat; color:#000000; }
.results_ball_thunder	{ background: url(/assets/icons/balls_sprites.png) scroll -132px 1px no-repeat; }

.results_ball_thunder_tb { 
	background: url(/assets/icons/balls_sprites.png) scroll -205px 0px no-repeat;
	color:#000000;
	padding:9px 13px 9px 12px;
}

.results_ball_euro_star {
	color:#000000;
	padding:9px 12px 13px;
	background: url(/assets/icons/balls_sprites.png) scroll -166px 1px no-repeat; 
}

.ball_lotto_picks {
	background: url(/assets/icons/balls_sprites.png) scroll -5px -97px no-repeat;
	margin:0px;
	height:24px;
	width:24px;
}

.ball_results_homepage {
	display:block;
	float:left;
	text-align:center;
	font-weight:bold;
	padding:0px;
	line-height:24px; /* center text vertically, make it 1px less than height */
}

.ball_euro_picks_ball {
	background: url(/assets/icons/balls_sprites.png) scroll -41px -97px no-repeat;
	margin:0 0 0 2px;
	height:25px;
	width:25px;
}
.ball_euro_picks_ls {
	background: url(/assets/icons/balls_sprites.png) scroll -140px -97px no-repeat;
	margin:0 0 0 2px;
	height:25px;
	width:25px;
}

.ball_thunder_picks_ball {
	background: url(/assets/icons/balls_sprites.png) scroll -75px -97px no-repeat;
	margin:0 0 0 2px;
	height:25px;
	width:25px;
}

.ball_thunder_picks_tb {
	background: url(/assets/icons/balls_sprites.png) scroll -108px -97px no-repeat;
	margin:0 0 0 2px;
	height:25px;
	width:25px;
}

.balls_statistics_caption_big {
	font-family:Verdana;
	font-size:16px;
	font-weight:bold;
	margin-bottom:0px;
}

.balls_statistics_caption_small {
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	margin:2px;
	padding:2px;
}

.three_columns {
	width:295px;
	padding:10px;
}

.three_columns_max_height {
	height:500px;
	overflow:auto;
}

.three_columns_order {
	width:290px;
	padding:10px;
	font-weight:bold;
}

.lotto_ball_input {
	width:25px;
}
.lotto_bck_red {
	background:#FFCCBB;
}

.results_box {
	position:relative;
	width:230px;
	height:121px;
	margin-top:-5px;
}

.mega_box 	{ background:transparent url(/assets/images/megamillions_box.gif) no-repeat center; }
.power_box	{ background:transparent url(/assets/images/powerball_box.gif) no-repeat center; }

.summary_box { margin-left:10px; }

.lotto_picks {
	text-align:right;
	position:absolute;
	width:160px;
	height:20px;
	right:-13px;
	top:47px;
}
.euro_picks {
	text-align:right;
	position:absolute;
	width:160px;
	height:25px;
	right:-9px;
	top:45px;
}
.euro_picks_ls {
	text-align:right;
	position:absolute;
	width:70px;
	right:43px;
	top:27px;
}
.euro_ball_input {
	width:25px;	
}
.euro_ball_input_star {
	width:20px;
	background:#FFFFFF;
}
.euro_bck_blue {
	background:#CCCCFF;
}
.thunder_bck_purple {
	background:#DF8BB6;
}

.thunder_picks_tb {
	text-align:right;
	position:absolute;
	width:70px;
	right:32px;
	top:75px;
}

/* Balls backgrounds Forms */

.star {
	text-align:center;
	/* background: url(/assets/icons/balls_sprites.png) scroll -52px -42px no-repeat; */
	background:transparent url(/assets/icons/star.gif) no-repeat center; 
	font-weight:bold;
	height:50px;
	width:50px;
	padding:14px 11px 14px 11px;
	position:relative;
}

.thunder_ball {
	text-align:center;
	/* background: url(/assets/icons/balls_sprites.png) scroll -2px -42px no-repeat; */
	background:transparent url(/assets/icons/tb_circlebg.png) no-repeat center; 
	font-weight:bold;
	height:50px;
	width:50px;
	padding:14px 11px 14px 11px;
}

/* ################## BALLS [end] ######################## */



// ##################### FORMS [start] ####################
.reg_form_column1 {
			width:150px;
			font-weight:bold;
}
.reg_form_column2 {
	width:220px;
}
.reg_form_column3 {
	width:550px;
}
.Error_Hilite {
	background:#ff9999;
}

// ##################### FORMS [end] ####################

.menu_icon {
	width:60px;
	height:75px;
	margin-right:10px;
	position:relative;
}

.menu_summary {
	width:175px;
	height:100px;
	padding:5px;
	margin-left:10px;
}

.menu_summary_link {
	margin-top:5px;
	padding:0px;
}


.col_calendar_lotto {
	float:left;
	margin-right:-8px;
	padding:0px;
}

.price_euro_combination {
	font-family:Verdana;
	font-size:20px;
	color:#ff0000;
}

.calendar_controls {
	float:left;
	background-color:#FFFFFF;
	opacity:0.9;
	filter:alpha(opacity=90);
	z-index:10;
	position:absolute;
	border: 1px solid #0D2869;	
	width:185px;
	height:25px;
	display:none;
}
.calendar_controls p {
	text-align:center;
	margin:0px;
	padding:0px;
}

.time_period {
	padding:2px;
	margin:0px;
	border: 1px solid #000000;
}
.time_period a {
	color:#000000;
}

.period_on {
	background:#333333;
}
.period_on a{
	font-weight:bold;
	color:#ffffff;
}

.header_offer {
	padding: 0px 0px 5px 0px;
	margin: -2px 0px 0px 0px;
	font-size:13px;
	letter-spacing:0px;
	color:#032a6e;
}

.analyze_order_offer_box {
	background:#fffff;
	text-align:center;
	padding:5px;
}

.results_checker {
	margin-left:3px;
	margin-right:3px;	
	margin-top:0px;
	padding:2px;
	clear:left;
}
.results_checker h3 {	color:#FFFFFF; }

.lotto_results_checker { background: url(/assets/images/backgrounds/l_bg.png) repeat-x left top; }
.euro_results_checker {	background: url(/assets/images/backgrounds/em_bg.png) repeat-x left top; }
.thunder_results_checker {	background: url(/assets/images/backgrounds/tb_bg.png) repeat-x left top; }

.selectbox_period {
	font-size: 10px;
	margin-top:-3px;
}

/* ######## PREDICTIONS ######### */

.predictions_header_box {
	width:210px;
	height:40px;
	background:#eeeeee;
	text-align:right;
	margin:2px;
	padding:2px;
}
.predictions_numbers {
	width:480px;
	height:40px;
	text-align:center;	
	margin:2px;
	padding:2px;
}
.predictions_image_box {
	width:215px;
	height:232px;	
	text-align:center;	
	margin:2px;
	padding:2px;
}

.landing_image {
	margin:10px;
}

// ##################### TABLE COMPARISON ####################

.table_comparison {
	color:#00000;
	padding:3px;
	margin:3px;
	text-align:center;
	border-width:1px;
	border-spacing:1px;
	border-style:none;
	border-color:black;
	border-collapse:separate;
}

.table_comparison th{
	font-size:13px;
	font-weight:bold;
	border-width:1px;
	padding:1px;
	border-style:outset;
	border-color:black;
	padding:0px 10px 0px 10px;
}

.table_comparison td{
	font-size:13px;
	border-width:1px;
	padding:1px;
	border-style:outset;
	border-color:black;
	text-align:center;
	padding:0px 10px 0px 10px;
}

.landing_image {
	margin:10px;
}

.browser_ie { margin:2px; width:35px; height:35px; position:relative; background: url(/assets/icons/browsers/browsers.png) scroll 0px 0px no-repeat; }
.browser_ff { margin:2px; width:35px; height:35px; position:relative; background: url(/assets/icons/browsers/browsers.png) scroll -35px 0px no-repeat; }
.browser_cr { margin:2px; width:35px; height:35px; position:relative; background: url(/assets/icons/browsers/browsers.png) scroll -70px 0px no-repeat; }
.browser_op { margin:2px; width:35px; height:35px; position:relative; background: url(/assets/icons/browsers/browsers.png) scroll -105px 0px no-repeat; }
.browser_sf { margin:2px; width:35px; height:35px; position:relative; background: url(/assets/icons/browsers/browsers.png) scroll -140px 0px no-repeat; }

.lottery_logos {
	text-align:center;
	margin-left:65px;
}

.lottery_logo_lotto_small { margin:2px; width:33px; height:33px; position:relative; background: url(/assets/images/lottery_logos_small.png) scroll 0px 0px no-repeat; }
.lottery_logo_eurom_small { margin:2px; width:33px; height:33px; position:relative; background: url(/assets/images/lottery_logos_small.png) scroll -36px 0px no-repeat; }
.lottery_logo_thund_small { margin:2px; width:33px; height:33px; position:relative; background: url(/assets/images/lottery_logos_small.png) scroll -71px 0px no-repeat; }
.lottery_logo_megam_small { margin:2px; width:56px; height:33px; position:relative; background: url(/assets/images/lottery_logos_small.png) scroll -109px 0px no-repeat; }
.lottery_logo_power_small { margin:2px; width:127px; height:33px; position:relative; background: url(/assets/images/lottery_logos_small.png) scroll -171px 0px no-repeat; }