@charset "UTF-8";

/* GLOBALS */

body {background: url(/images/template/bg.jpg) #2f82b4 repeat-x; position: relative; margin: 0; padding: 0; font-family: verdana, arial, sans-serif;}
p {color: #333; font-size: 11px; line-height: 18px; margin: 12px 0; padding: 0;}
hr {background: none; border: none; border-top: 1px dotted #AAA; height: 1px;}

h1, h2, .title2 {
	background: url(/images/template/menu-sprite.png) transparent no-repeat;
	position: relative;
	width: 746px;
	height: 30px;
	text-indent: 14px;
	font: bold 16px/27px verdana, arial, sans-serif;
	color: #FFF;
	letter-spacing: -1px;
	margin: 0;
	padding: 0;
	z-index: 1;
}
h2, .title2 {font-size: 14px;}
h3, .title3 {position: relative; font: bold 12px verdana, arial, sans-serif; letter-spacing: -1px; margin-top: 10px;}

.clear {clear: both; margin: 0; padding: 0;}
.imgL {float: left; text-align: left;}
.imgR {float: right; text-align: right;}



/* CONTAINERS */

#siteContainer {position: relative; width: 980px; margin: auto; padding-bottom: 240px; z-index: 99; overflow: hidden;}
#header {position: relative; width: 974px; left: 7px; padding-top: 18px; margin: auto; z-index: 99;}
#GPO-But {position: absolute; top: 118px; right: 50px; z-index: 99;}
#sidebarLeft {position: relative; float: left; width: 205px; top: -14px; margin-right: 18px;}
#lotteryScroller {position: absolute; top: 30px; left: 544px; width: 400px; height: 46px; z-index: 999;}
.mainMiddle {position: relative; width: 746px; padding: 0 1px; float: left;}
.footer {position: absolute; width: 750px; height: 240px; bottom: 0; left: 228px;}



/* HEADER STYLES */

.headerBalls {background: url(/images/template/menu-sprite.png) transparent no-repeat 0 -88px; position: absolute; width: 235px; height: 72px; top: 4px; left: 296px; z-index: 9;}
.headerInner {background: url(/images/template/bg-x.png) transparent repeat-x; position: relative; float: left; width: 930px; height: 82px; padding-top: 14px; z-index: 3;}
.headerLeft, .headerRight {background: url(/images/template/menu-sprite.png) transparent no-repeat; background-position: -818px -82px; position: relative; float: left; width: 16px; height: 95px;}
.headerRight {background-position: -844px -82px;}
.siteLogo {position: relative; float: left; border: none; margin-bottom: 6px;}

.mainNav {position: relative; padding: 0; margin: 0; list-style-type: none; clear: left; width: 930px; height: 14px;}
.mainNav li {position: relative; width: 126px; height: 21px; padding: 0; margin-top: 0; margin-bottom: 0; margin-left: 3px; margin-right: 3px; display: block; float: left;}
.mainNav li a {
	background: url(/images/template/menu-sprite.png) transparent no-repeat;
	background-position: -393px -51px;
	position: relative;
	float: left;
	display: block;
	width: 126px;
	height: 21px;
	color: #FFF;
	font: bold 10px/20px verdana, arial, sans-serif;
	text-align: center;
	text-decoration: none;
}
.mainNav li a:hover {background-position: -525px -51px; color: #333;}
span.navArrow {background: url(/images/template/menu-sprite.png) transparent no-repeat; background-position: -780px -140px; position: absolute; width: 11px; height: 11px; top: 4px; right: 10px; display: block;}
.mainNav li a:hover span.navArrow, a.menuhover span.navArrow {background-position: -800px -140px}
a.padded {text-align: left !important; text-indent: 12px;}

.subMenu {position: absolute; top: 27px; left: -2px; display: none; list-style-type: none; margin: 0; padding: 0; width: 150px;}
.subMenu li {display: block; margin: 0; padding: 0; width: 150px; height: 30px;}
.subMenu li a {
	background-image: none;
	background-color: #333;
	opacity: 0.9;
	position: relative;
	font: 10px/29px verdana, arial, sans-serif;
	color: #FFF;
	text-align: left;
	text-indent: 14px;
	margin: 0;
	padding: 0;
	display: block;
	width: 150px;
	height: 30px;
	border-left: 1px solid #555;
	border-right: 1px solid #555;
}
.subMenu li a:hover {background-color: #FD0; color: #333; opacity: 1;}
a.menuhover {background-position: -525px -51px !important; color: #333 !important;}



/* SIDEBAR LEFT */

.sideTitle {
	background: url(/images/template/menu-sprite.png) transparent no-repeat -196px -46px;
	position: relative;
	left: 15px;
	margin-top: 14px;
	width: 185px;
	height: 31px;
	font: bold 11px/30px verdana, arial, sans-serif;
	text-align: left;
	text-indent: 12px;
	letter-spacing: -0.5px;
	padding-right: 5px;
	color: #FFF;
}
.sideList {position: relative; margin: 0; padding: 0; list-style-type: none; left: 14px;}
.sideList li {position: relative; margin: 0; padding: 0; display: block;}
.sideList li a {
	background: url(/images/template/menu-sprite.png) transparent no-repeat 0 -46px;
	position: relative;
	display: block;
	width: 187px;
	height: 29px;
	font: bold 10px/30px verdana, arial, sans-serif;
	text-align: left;
	text-indent: 20px;
	color: #FFF;
	padding-right: 5px;
	margin-bottom: 1px;
	text-decoration: none;
}
.sideList li a:hover {background: url(/images/template/bg-white.png) transparent no-repeat 0 -38px; color: #333;}

.sideIcon {
	background: url(/images/template/menu-sprite.png) transparent no-repeat;
	position: absolute;
	left: -13px;
	top: -1px;
	width: 200px;
	height: 30px;
	text-indent: 33px;
	z-index: 9;
	display: block;
	cursor: pointer;
	padding: 1px 0 0 0;
	margin: 0;
}
.iconUS {background-position: -867px -166px;}
.iconUK {background-position: -867px -196px;}
.iconIR {background-position: -867px -256px;}
.iconCA {background-position: -867px -226px;}
.iconAU {background-position: -867px -286px;}
.iconEU {background-position: -867px -316px;}
.iconBR {background-position: -607px -226px;}
.iconPR {background-position: -607px -256px;}
.iconIT {background-position: -607px -286px;}
.iconTW {background-position: -867px -76px;}
.iconFB {background-position: -867px -106px;}
.iconRSS {background-position: -867px -136px;}
.iconA {background-position: -867px -46px;}



/* CONTENT STYLES */

a.noborder {border-bottom: none !important;}

#breadcrumb {position: absolute; top: 2px; left: 20px; font-size: 10px; color: #FFF; z-index: 999;}
#breadcrumb a {color: #FC0; text-decoration: none; border-bottom: 1px dotted #FC0; font-size: 10px; line-height: 14px;}
#breadcrumb a:hover {color: #FF0; text-decoration: none; border-bottom: 1px dotted #FF0;}

.contentWide {background: url(/images/template/bg-y.png) transparent -3px 0 repeat-y; position: relative; width: 712px; left: 3px; padding: 0 14px; margin: 0; overflow: hidden;}
.contentWideBtm {background: url(/images/template/menu-sprite.png) transparent no-repeat 0 -31px; width: 746px; height: 12px; margin-bottom: 15px; overflow: hidden;}
.contentWide a {color: #06F; text-decoration: none; border-bottom: 1px dotted #06F;}
.contentWide a:hover {color: #F00; text-decoration: none; border-bottom: 1px dotted #F00;}
.contentWide ul li {font: 11px/18px verdana, arial, sans-serif;}

.columnLeft, .columnRight {position: relative; width: 350px; float: left; margin-right: 10px;}
.columnRight {margin-right: 0; float: right;}
.columnLeft3, .columnMid3, .columnRight3 {position: relative; float: left; margin-right: 10px; width: 230px;}
.columnRight3 {margin-right: 0;}

.threeAcross {background: url(/images/template/bg-y.png) transparent repeat-y -756px 0; position: relative; float: left; width: 240px; height: 150px; margin-top: 5px; margin-bottom: 25px; margin-right: 10px; z-index: 9;}
.threeAcross p {position: relative; top: -10px; padding: 0 10px; margin-bottom: 0;}
.threeAcross3 {background: url(/images/template/bg-y.png) transparent repeat-y -756px 0; position: relative; float: left; width: 240px; height: 150px; margin-top: 5px; margin-bottom: 25px; margin-right: 8px; z-index: 9;}
.threeAcross3 p {position: relative; top: -10px; padding: 0 10px; margin-bottom: 0;}
.taTitle {background: url(/images/template/menu-sprite.png) transparent no-repeat -748px 0; position: relative; width: 240px; height: 30px; top: -10px; font: bold 12px/27px verdana, arial, sans-serif; color: #FFF; text-indent: 7px; letter-spacing: -1px;}
a.taButton {
	background: url(/images/template/bg-x.png) transparent repeat-x 0 -96px;
	position: relative;
	display: block;
	float: left;
	height: 38px;
	font: bold 10px/34px verdana, arial, sans-serif;
	color: #FFF;
	text-transform: uppercase;
	text-decoration: none;
	border-bottom: none;
	z-index: 9;
}
a.taButton:hover {color: #FF0; border-bottom: none;}
.taButtonL {background: url(/images/template/bg-white.png) transparent no-repeat -192px -39px; position: relative; float: left; width: 12px; height: 36px; margin-left: 5px; z-index: 9;}
.taButtonR {background: url(/images/template/bg-white.png) transparent no-repeat -204px -39px; position: relative; float: left; width: 28px; height: 36px; z-index: 9;}
.taBottom {background: url(/images/template/menu-sprite.png) transparent no-repeat -748px -31px; position: absolute; width: 240px; height: 12px; top: 150px; left: 0; overflow: hidden;}
.taIcon1 {position: absolute; top: 64px; left: 146px; z-index: 9;}
.taIcon2 {position: absolute; top: 55px; left: 126px; z-index: 9;}
.taIcon3 {position: absolute; top: 20px; left: 144px; z-index: 9;}
.taIcon4 {position: absolute; top: 93px; left: 132px; z-index: 9;}
.taJackpot {
	background: url(/images/template/bg-white.png) transparent no-repeat 0 0;
	position: relative;
	width: 223px;
	height: 39px;
	font: bold 24px/36px verdana, arial, sans-serif;
	color: #FFF;
	text-shadow: black 0 2px 3px;
	text-align: center;
	margin-left: 10px;
}
.taCounter {position: relative; width: 130px; height: 45px; text-align: center; font: 11px verdana, arial, sans-serif; top: 8px; left: 12px;}
#taCountDown {color: #F00; font-weight: bold;}

.taMonth, .taDate, .taDay {background-image: url(/images/template/dates.png); background-repeat: no-repeat; position: absolute; width: 50px; height: 30px; top: 30px; left: 47px;}
.taDate {width: 70px; height: 50px; top: 52px; left: 35px;}
.taDay {width: 100px; height: 33px; top: 72px; left: 8px;}

.jan {background-position: 0 0;}
.feb {background-position: 0 -30px;}
.mar {background-position: 0 -60px;}
.apr {background-position: 0 -90px;}
.may {background-position: 0 -120px;}
.jun {background-position: 0 -150px;}
.jul {background-position: 0 -180px;}
.aug {background-position: 0 -210px;}
.sep {background-position: 0 -240px;}
.oct {background-position: 0 -270px;}
.nov {background-position: 0 -300px;}
.dec {background-position: 0 -330px;}

.d01 {background-position: -70px 0;}
.d02 {background-position: -70px -50px;}
.d03 {background-position: -70px -100px;}
.d04 {background-position: -70px -150px;}
.d05 {background-position: -70px -200px;}
.d06 {background-position: -70px -250px;}
.d07 {background-position: -70px -300px;}
.d08 {background-position: -70px -350px;}
.d09 {background-position: -70px -400px;}
.d10 {background-position: -70px -450px;}

.d11 {background-position: -140px 0;}
.d12 {background-position: -140px -50px;}
.d13 {background-position: -140px -100px;}
.d14 {background-position: -140px -150px;}
.d15 {background-position: -140px -200px;}
.d16 {background-position: -140px -250px;}
.d17 {background-position: -140px -300px;}
.d18 {background-position: -140px -350px;}
.d19 {background-position: -140px -400px;}
.d20 {background-position: -140px -450px;}

.d21 {background-position: -210px 0;}
.d22 {background-position: -210px -50px;}
.d23 {background-position: -210px -100px;}
.d24 {background-position: -210px -150px;}
.d25 {background-position: -210px -200px;}
.d26 {background-position: -210px -250px;}
.d27 {background-position: -210px -300px;}
.d28 {background-position: -210px -350px;}
.d29 {background-position: -210px -400px;}
.d30 {background-position: -210px -450px;}
.d31 {background-position: -210px -500px;}

.monday {background-position: -280px 0;}
.tuesday {background-position: -280px -40px;}
.wednesday {background-position: -280px -80px;}
.thursday {background-position: -280px -120px;}
.friday {background-position: -280px -160px;}
.saturday {background-position: -280px -200px;}
.sunday {background-position: -280px -240px;}

.playTable {position: relative; margin: auto; font-size: 11px; border: 1px solid #333;}
.playTable tr.alt {background-color: #EEE;}
.playTable tr.alt2 {background-color: #FC0;}
.playTable tr th {background: url(/images/template/bg-x.png) transparent 0 -100px repeat-x; text-align: left; color: #FFF; text-shadow: #333 -1px -1px 1px; border-bottom: 1px solid #333;}
.playTable tr, .playTable tr td {position: relative;}
.playTable .sideIcon {position: relative !important; width: auto !important; color: #333; cursor: default !important; line-height: 30px; left: 0 !important; top: 0 !important;}
.resultsTable {margin: auto; width: 90%; font: 12px verdana, arial, sans-serif; border: 1px dotted #777;}
.resultsTable th {text-align: left; background-color: #FCC;}

.flagIcon {background-image: url(/images/template/menu-sprite.png); position: relative; width: 31px; height: 30px;}
table.bordered {border-top: 1px dotted #777; border-left: 1px dotted #777; margin: 0 auto 10px auto; font: 12px verdana, arial, sans-serif;}
table.bordered tr td {border-right: 1px dotted #777; border-bottom: 1px dotted #777; padding: 5px;}
table.bordered tr th {border-right: 1px dotted #777; border-bottom: 1px dotted #777; padding: 5px; text-align: left;}
.orange_title {font: bold 14px/20px verdana, arial, sans-serif; color: #009; border-bottom: 1px dotted #AAA; width: 100%; display: block; padding-top: 10px;}
.scratcher {position: relative; float: left; width: 320px; height: 160px; margin-left: 10px; margin-right: 10px; border: 1px dotted #ccc; padding: 5px; margin-bottom: 20px; background-color: #FFE;}
.scratcher a img {float: left; margin-right: 10px;}
.scratcher .playNowBut {position: absolute; top: 15px; right: 10px; border-bottom: none;}
.scratcher .playNowBut:hover {border-bottom: none;}
.scratcher h3 {font-size: 16px; color: #333; margin-bottom: 10px; padding-bottom: 0;}
.scratcher p {font-family: arial, sans-serif; position: absolute; width: 200px; height: 100px; left: 116px; top: 34px;}

.footer a {position: relative; color: #FFF; font: 10px/16px arial, sans-serif; text-decoration: none; border-bottom: 1px dotted #FFF;}
.footer a:hover {color: #FF0; border-bottom: 1px dotted #FF0;}
.footerBlock {float: left; padding: 0 20px 0 20px; margin: 0; margin-bottom: 20px; border-right: 1px dotted #FFF; list-style-type: none;}
.footerBlock li {font-size: 10px; line-height: 15px; margin: 0; padding: 0;}
.footerInline {clear: both; text-align: center;}
.footerInline a {text-transform: uppercase; text-align: center; margin-right: 5px;}



/* LOTTERY SCROLLER */

.infiniteCarousel {position: absolute; width: 400px; height: 46px; margin: auto; top: 0; left: 0;}
.infiniteCarousel .wrapper {position: absolute; width: 400px; height: 46px; top: 0; left: 0; margin: 0; overflow: hidden;}
.infiniteCarousel .wrapper ul {position: absolute; list-style-type: none; margin: 0; padding: 0; top: 0;}
.infiniteCarousel ul li {position: relative; display: block; float: left; padding: 0; margin: 0; width: 400px; height: 46px; overflow: hidden;}

.scrollerStats {position: absolute; top: 7px; left: 126px; color: #FFF; font: 10px verdana, arial, sans-serif;}
span.timer, span.jackpot {color: #FF0; font-weight: bold;}
.scrollerButton {
	background: url(/images/template/menu-sprite.png) transparent no-repeat -661px -51px;
	position: absolute;
	display: block;
	width: 96px;
	height: 24px;
	left: 292px;
	top: 10px;
	font: bold 10px/23px verdana, arial, sans-serif;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
}
.scrollerButton:hover {background-position: -764px -51px; color: #333;}

.arrowUp, .arrowDown {background: url(/images/template/menu-sprite.png) transparent no-repeat -775px -89px; position: absolute; display: block; width: 18px; height: 18px; left: 391px;}
.arrowUp {top: 2px;}
.arrowUp:active {background-position: -795px -89px;}
.arrowDown {background-position: -775px -113px; top: 22px;}
.arrowDown:active {background-position: -795px -113px;}



/* BALL STYLES */

table.results {font-size: 14px; margin: 10px auto; border: none;}

td.ball, td.bonus-ball, td.m-ball, td.m-mega-ball, td.m-megaplier, td.p-ball, td.p-powerball, td.p-power-play, td.euro-ball, td.euro-lucky-star, td.ca-ball, td.ca-mega-ball, td.ena-ball, td.ena-jolly, td.ena-superstar, td.fl-ball, td.fl-lotto-xtra, td.free-ball, td.lotto-ball, td.lotto-bonus-ball, td.hot-ball, td.nj-ball {
	background: url(/images/template/ball-sprite-small.jpg) transparent top no-repeat; position: relative; width: 26px; height: 29px; font: bold 14px/28px arial, sans-serif; text-align: center; letter-spacing: -1px; padding: 0; margin: 0;
}

/*RED*/ 		td.ball, td.p-powerball, td.lotto-ball {background-position: 0 0; color: #FFF;}
/*ORANGE*/ 		td.fl-lotto-xtra {background-position: 0 -28px; color: #000;}
/*YELLOW*/ 		td.p-power-play, td.m-megaplier, td.free-ball, td.hot-ball {background-position: 0 -56px; color: #000;}
/*GREEN*/ 		td.ena-jolly, td.nj-ball {background-position: 0 -84px; color: #000;}
/*BLUE*/ 		td.bonus-ball, td.euro-ball, td.power-play, td.ca-ball, td.m-mega-ball {background-position: 0 -113px; color: #FFF;}
/*PINK*/ 		td.ca-mega-ball {background-position: 0 -141px; color: #FFF;}
/*WHITE*/ 		td.m-ball, td.p-ball, td.fl-ball, td.lotto-bonus-ball {background-position: 0 -169px; color: #000;}
/*ENA STAR*/ 	td.ena-superstar {background-position: 0 -203px; color: #FFF;}
/*EURO STAR*/ 	td.euro-lucky-star {background-position: 0 -226px; color: #000;}

td.resultBall {
	background-image: url(/images/template/ball-sprite.jpg);
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: top;
	position: relative;
	width: 46px;
	height: 49px;
	font: bold 20px/45px verdana, arial, sans serif;
	text-align: center !important;
	letter-spacing: -1px;
	padding: 0 !important;
	margin: auto;
	color: #FFF;
}

/*RED*/  		td.large-powerball, td.large-lotto-ball, td.large-oz-powerball {background-position: center 0; color: #FFF;}
/*ORANGE*/ 		td.large-fl-lotto-xtra, td.large-irish-bonus-ball {background-position: center -50px; color: #FFF;}
/*YELLOW*/ 		td.large-power-play, td.large-megaplier, td.large-free-ball, td.large-hot-ball {background-position: center -100px; color: #000;}
/*GREEN*/ 		td.large-ena-jolly, td.large-nj-ball, td.large-sena-ball, td.large-irish-ball {background-position: center -150px; color: #000;}
/*BLUE*/ 		td.large-bonus-ball, td.large-euro-ball, td.large-power-play, td.large-ca-ball, td.large-mega-ball, td.large-oz-ball {background-position: center -200px; color: #FFF;}
/*PINK*/ 		td.large-ca-mega-ball, td.large-t-ball, td.large-oz-supplementary {background-position: center -250px; color: #FFF;}
/*WHITE*/ 		td.large-ball, td.large-lotto-bonus-ball, td.large-t-thunderball, td.large-plus5-ball, td.large-fl-ball {background-position: center -300px; color: #000;}
/*ENA STAR*/ 	td.large-ena-superstar {background-position: center -350px; color: #FFF;}
/*EURO STAR*/ 	td.large-euro-lucky-star {background-position: center -400px; color: #000;}

td.ballName {text-align: center; font-size: 10px !important;}
td.drawDate {line-height: 25px; text-align: center;}