/* CSS Document */

body {
	padding: 0;
	margin: 0;
	background: #0B294D;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	}
/*----------- Links ----------------------*/
a:link {
	text-decoration: none;
	}
a:visited {
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
	
/*----------- Common Elements ----------------------*/
html,body {
	height: 100%;
	}

a img {
	border: none; 
}
p {
	line-height: 1.4em;
	color: #333333;
	}
h1	{
	padding-left: 18px;
	background: url(../images/title_bullet.gif) no-repeat 0 90%;
	font-weight: bold;
	font-size: 14px;
	color: #225DA3;
	}
h2 {
	font-weight: bold;
	font-size: 12px;
	color: #333333;
	}
form dd {
	margin: 0;
	}
ol li {
	padding-bottom: 7px;
	color: #333333;
	}

/*----------- Main Outline Wrap - Centers all containing divs ----------------------*/
#wrap {
	background:#FFF;
	width:820px;
	margin: 0px auto;
	text-align:left;
	background: url(../images/wrap_bg_tiled.gif) repeat-y;
	padding:0px 70px;
	}
/*---------------Main Divs -----------------------*/
#Flash_Content {
	width: 455px;
	padding: 20px 0px;
	}	
#Main_Content {
	width: 455px;
	padding: 20px 0px;
	float:left;
	text-align: left;
	margin-left:7px;
	}	
#Left_Column {
	padding: 20px 0px 0px 0px;
	float:left;
	width:120px;
	margin-left:7px;
	}
#Right_Column {
	padding: 20px 0px;
	float:left;
	width: 173px;
	margin-left:12px;
	}
#Flash_Right_Column {
	position:relative;
	top:0px;
	padding: 20px 0px;
	float:left;
	left:108px;
	}

/*------------------ Header ----------------*/
#header {
	width: 780px;
	background: #0E3461;
	}
#lottoimage {
	background: url(../images/sml_main_hdr.jpg) no-repeat 0 0%;
	border-right: 1px dashed #87B3E7;
	}
#nav_border {
	background: url(../images/tiled_blue_line.gif)  repeat-x;
	}
	
/*--------------- Language Selector --------------------*/

#language_selector ul {
	list-style: none;
	padding: 0px;
	left: 10px;
	clear: none;
	position: relative;
	}
#language_selector li {
	padding: 0px;
	margin-left: 0px;
	padding-left: 4px;
	display: inline;
	list-style-type: none;
	}

/*-------------- Navigation (logged out) -----------------*/

#navigation {
	width: 780px;
	height: 25px;
	list-style: none;
	background: url(../images/nav_bg.gif) no-repeat;
	clear: both;
	text-align: center;
	}
#navigation ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align: center;
	}
#navigation li {
	padding: 0px;
	margin-left: 0px;
	padding-left: 15px;
	display: inline;
	list-style-type: none;
	}
#navigation a:link, a:visited {
	font-size: 11px;
	color: #3F3F3F;
	}

#navigation a:hover, a:active {
	color: #1E1E1E;
	}
	
/*-------------- Navigation (logged in) -----------------*/

#navigationIn {
	width: 780px;
	height: 25px;
	list-style: none;
	background: url(../images/nav_bg.gif) no-repeat;
	clear: both;
	text-align: center;
	}
#navigationIn ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align: center;
	}
#navigationIn li {
	padding: 0px;
	margin-left: 0px;
	padding-left: 15px;
	display: inline;
	list-style-type: none;
	}
#navigationIn a:link, a:visited {
	font-size: 11px;
	color: #3F3F3F;
	}

#navigationIn a:hover, a:active {
	color: #1E1E1E;
	}
	
/*-------------- Login Box ---------------*/

#login {
	padding: 0px;
	margin: 0;
	font-size: 12px;
	color: #DCE1E9;
	}
#login table {
	padding-bottom: 0px;
	}
#login td {
	padding: 0px;
	}
#login a {
	font-style: underline;
	color: #9FAFC3;
	font-size: 10px;
	padding-right: 12px;
	}
.login_input {
	width: 115px;
	font-size: 9px;
	height: auto;
	border: 1px solid #09213D;
	}
.login_button 
{
	height: 20px; 
	width: 45px;
	vertical-align:middle
}
/*------------ Basket Box -------------*/
#basket {
	padding: 0px;
	left: 10px;
	clear: none;
	position: relative;
	color: #FFFFFF;	
	}
.basketheader {
	font-weight: bold;
	text-indent: 8px;
	}
.basketotal {
	font-weight: bold;
	text-indent: 4px;
	line-height: 15pt;
	}
.baskebodytext {
	font-weight: normal;
	line-height: 15pt;
	text-indent: 4px;
	}
.viewlines {
	font-weight: normal;
	line-height: 10pt;
	text-indent: 4px;
	color:#FFFFFF;
	}

/*------------ Latest Draw Box -------------*/
#LatestDraw {
	padding: 0px;
	left: 10px;
	clear: none;
	position: relative;
	}
	
#LatestDraw a
{
	color: White;
}

#LatestDraw table {
	width: 155px;
	background: #E40200;
	color: #fff;
	}
#LatestDraw th {
	height: 26px;
	width: 155px;
	background: url(../images/subboxs/red_rounded-header.gif) no-repeat 0 0%;
	padding-left: 7px;
	font-size: 11px;
	}
#LatestDraw td {
	padding-left: 5px;
	}
#LatestDraw table {
	border-collapse: collapse;
	}
#LatestDraw_footer {
	background: url(../images/subboxs/red_rounded_footer.gif) no-repeat 0 0%;
	}
#LatestDraw_seperator {
	background: url(../images/subboxs/red_divider_line.gif) no-repeat 0 0%;
	}
#LatestDraw_jackpotbg {
	font-weight: bold;
	color: #C20201;
	padding: 4px;
	text-align: center;
	background: url(../images/subboxs/red_textbg.gif) no-repeat 0 0%;
	}
	
/*---------------- News Box -----------------*/
#News {
	padding: 17px 3px;
	}

#News table {
	background: #1C5EAD;
	color: #fff;
	}
#News th {
	height: 26px;
	background: url(../images/subboxs/blue_rounded-header.gif) no-repeat 0 0%;
	padding-left: 7px;
	font-size: 11px;
	font-weight: bold;
	}
#News td {
	padding: 3px 4px;
	}
#News table {
	border-collapse: collapse;
	}
#News_footer {
	background: url(../images/subboxs/blue_rounded_footer.gif) no-repeat 0 0%;
	}

#News a:link, #News a:visited {
	color: #DBE3EC;
	}

#News a:hover, #News a:active {
	color: #DBE3EC;
	}
/*------------ Advert Banner Div -------------*/

#advert_banner {
	height: 600px;
	width: 120px;
	background: url(../images/sample_banner.gif);
	}
	

#advert_banner a{
	height: 600px;
	width: 120px;
	display:block;
	}
	
#advert_banner a:hover{
	height: 600px;
	width: 120px;
	display:block;
	}
/*-------------- Footer ---------------------*/

#footer {
	width: 450px;
	position: relative;
	list-style: none;
	left: 150px;
	clear: both;
	text-align: center;
	padding-top: 15px;
	}
#footer ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin-left: 0px;
	}
#footer li {
	padding: 0px;
	margin-left: 0px;
	padding-left: 3px;
	display: inline;
	list-style-type: none;
	}
#footer a:link, a:visited {
	font-size: 11px;
	color: #3F3F3F;
	}

#footer a:hover, a:active {
	color: #1E1E1E;
	}
/*---------------- Contact Form ---------------------*/
#contactform {
	margin: 0 0 25px 0;
	padding: 15px;
	background: url(../images/form-bg.gif) repeat-x top left;
	}
#contactform dl {
	margin: 0;
	padding: 0px;
	font-size: 90%;
	}
#contactform dt {
	color: #333;
	padding: 10px 0 3px 0;
	font-weight: normal;
	}
#contactform input {
	width: 220px;
	border: 1px solid #CCC;
	}
#contactform button {
   width: 140px;
   color: #006699;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
   font-weight: bold;
   }
#contactform textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CCC;
	}

/*---------------- Form ---------------------*/	
#form {
	margin: 0 0 25px 0;
	padding: 15px;
	background: url(../images/form-bg.gif) repeat-x top left;
	}
#form input {
	width: 220px;
	border: 1px solid #CCC;
	}
#form td {
	padding-top: 8px;
	}
#form button {
   width: 140px;
   color: #006699;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
   font-weight: bold;
   }
#form textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #CCC;
	}
/*---------------- results ---------------------*/
#tabs td {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	text-align: center;
	}
#tabs a {
	font:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	}
#results {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#results th {
	color:#FFFFFF;
	background: url(../images/subboxs/header_1px.jpg);
	}	
.resultsfooter {
	background: url(../images/subboxs/resultsbttom_1px.jpg);
	height: 8px
	}
#results2 th {
	color:#FFFFFF;
	background: url(../images/subboxs/blueheader_1px.jpg);
	}	
.results2footer {
	background: url(../images/subboxs/bottom_1px.jpg);
	height: 8px
	}
#results td {
	color:#000000;
	}
#results span {
	color:#FF0000;
	}


/*---------------- results popup ---------------------*/
#popupheader th {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bold;
	text-align: center;
	}
#maincopy td {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FACCCC;
	font-weight:bold;
	}
#popupresults span{
	font-weight:normal;
	color:#FFFFFF;
	}
	
/*---------------- lotto promotions ---------------------*/
.mainleftbox {
	padding: 0px;
	width: 214px;
	position: relative;
	float: left;
}
.mainboxright {
	padding: 0px;
	position: relative;
	left: 8px;
	width: 214px;
	float: left;
}
.lottoclicktoplay {
	padding: 10px 120px 0px 0px;
	width: 295px;
	top: 20px;
	clear:left;
	left: 0px;
	text-align: right;
	vertical-align: bottom;
	height: 70px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-left: 0px;
	margin-top: 10px;
}
.lottosignonheader {
	background-image: url(../images/hdr_lottopromo.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	height: 26px;
	width: 214px;
	position: relative;
	left: 0px;
	top: 0px;
	text-indent: 5px;
	vertical-align: bottom;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
}
.lottoweekendheader {
	background-image: url(../images/hdr_lottopromo.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	height: 26px;
	width: 214px;
	position: relative;
	left: 0px;
	top: 0px;
	text-indent: 5px;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lottopromoleft {
	background-image: url(../images/leftpromo_1px.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 11px;
	left: 0px;
	top: 0px;
	float: left;
}
.lottopromocenter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: D6EBFF;
	position: relative;
	width: 214px;
	left: 0px;
	top: 0px;
	float: left;
	background-image: url(../images/lottopromo_center_1px.gif);
	padding: 0px;
	font-size: 10px;
	font-weight: normal;
	margin: 0px;
}
.lottopromobottom {
	background-image: url(../images/lottopromobox_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 17px;
	width: 214px;
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
}
.lottomainboxleft {
	padding: 0px;
	position: relative;
	left: 8px;
	width: 214px;
	float: left;
	background-image: url(../images/hdr_weekendpromotions.gif);
}
.lottopromocontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	width: 190px;
	position: relative;
	left: 11px;
	top: 0px;
	word-spacing: 1px;
}
.lottopromosubhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #C20201;
}
.lottopromoboxheaders {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	font-size:11px;
	text-indent: 5px;
	vertical-align: bottom;
	padding: 0px;
	margin-top: 0px;
}
/*---------------- euro millions promotions ---------------------*/
.mainleftbox {
	padding: 0px;
	width: 214px;
	position: relative;
	float: left;
}
.mainboxright {
	padding: 0px;
	position: relative;
	left: 8px;
	width: 214px;
	float: left;
}
.clicktoplay {
	padding: 10px 120px 0px 0px;
	width: 295px;
	top: 20px;
	clear:left;
	left: 0px;
	text-align: right;
	vertical-align: bottom;
	height: 70px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-left: 0px;
	margin-top: 10px;
}
.clicktoplaytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align:center
	text-transform: uppercase;
	color: #FFFFFF;
}
.signonheader {
	background-image: url(../images/hdr_bluelottopromo.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	height: 26px;
	width: 214px;
	position: relative;
	left: 0px;
	top: 0px;
	text-indent: 5px;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
}
.weekendheader {
	background-image: url(../images/hdr_bluelottopromo.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0px;
	height: 26px;
	width: 214px;
	position: relative;
	left: 0px;
	top: 0px;
	text-indent: 5px;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.promoleft {
	background-image: url(../images/leftpromo_1px.gif);
	background-repeat: repeat-y;
	background-position: left top;
	width: 11px;
	left: 0px;
	top: 0px;
	float: left;
}
.promocenter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: D6EBFF;
	position: relative;
	width: 214px;
	left: 0px;
	top: 0px;
	float: left;
	background-image: url(../images/promo_center_1px.gif);
	padding: 0px;
	font-size: 10px;
	font-weight: normal;
	margin: 0px;
}
.promobottom {
	background-image: url(../images/promobox_bottom.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 17px;
	width: 214px;
	position: relative;
	left: 0px;
	top: 0px;
	float: left;
}
.mainboxleft {
	padding: 0px;
	position: relative;
	left: 8px;
	width: 214px;
	float: left;
	background-image: url(../images/hdr_weekendpromotions.gif);
}
.promocontent {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	width: 190px;
	position: relative;
	left: 11px;
	top: 0px;
	word-spacing: 1px;
}
.promosubhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #2A54A1;
}
.promoboxheaders {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#FFFFFF;
	font-size:11px;
	text-indent: 5px;
	vertical-align: middle;
}
/*---------------- tab headings ---------------------*/

.tabheaders {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}
/*---------------- lotto balls ---------------------*/

.lottoballs {
	background-image: url(../images/img_emredball.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.lottoballsred {
	background-image: url(../images/img_starball.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
/*---------------- Euro balls ---------------------*/

.emballs {
	background-image: url(../images/img_redball.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.emballsblue {
	background-image: url(../images/img_blueball.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
/*---------------- text align right ---------------------*/

.textright {
	text-align: right;
}
/*---------------- stars background for chackout ---------------------*/

.starbg {
	background-image: url(../images/star.gif)
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../images/star.gif);
	background-repeat: no-repeat;
}
.whiteline {
	background-image: url(../images/wite_1px.jpg);
	background-repeat: repeat-x;
	background-position: center center;
}
/*-----------------Login boxes----------------------*/
.loginbox {
	float: left;
}
.newuserbox {
	float: left;
	clear: right;
	position: relative;
	left: 12px;
}
.smalltext {
	font-size: 9px;
}
.buttons {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
}
/*---------------Login Button---------------------*/
.logintext {
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #010A14;
	text-align: center;
}
/*---------------Jackpot text---------------------*/
.jackpot {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
}
/*---------------log out text---------------------*/
.logouttext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	font-weight: normal;
	color: #FFFFFF;
}
/*---------------Buttons---------------------*/
.login {
	BORDER-RIGHT: #09213D 1px solid;
	PADDING-RIGHT: 6px;
	BORDER-TOP: #CBDEF5 1px solid;
	PADDING-LEFT: 6px;
	FONT-WEIGHT: bold;
	BACKGROUND: #87B3E9;
	PADDING-BOTTOM: 1px;
	MARGIN: 5px 0px;
	BORDER-LEFT: #CBDEF5 1px solid;
	CURSOR: pointer;
	COLOR: #010A14;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #09213D 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.inputbox{
	width: 20px;	
}

/*---------------NEW profile sections---------------------*/
.blueheader{
background-image:url(../images/blue_profile_hdr.gif);
background-position:top;
background-repeat:no-repeat;
}
.redheader{
background-image:url(../images/red_profile_hdr.gif);
background-position:top;
background-repeat:no-repeat;
}