/* @override http://localhost:8888/assets/css/layout.css */ /* Document : layout Created on : 13-Jun-2009, 01:59:34 Author : Jonathan Patchett Description: Main layout for ELG Website */ /* SETUP */ /* Reset */ * {margin:0;padding:0;} p {margin:0 0 12px 0;} br {height:1px;} /* Fonts */ html, input, td {font-family:MyriadPro, Arial, sans-serif;color:#555;font-size:12px;} /* General Tags */ a {color:#00A135;text-decoration:none;} a img {border:none;} a:active {outline: none;} a:focus {-moz-outline-style: none;} a:hover {text-decoration:underline;} h3,h4,h5,h6,h7,p {color:#555;} h4 {font-size:24px; margin: 0; line-height: 130%;} #main-content ul {margin-left:15px;} #main-content .widget ul {margin-left:0;} .addthis_button {z-index:1000;position:absolute;top:205px;right:30px;} .pheader {color:#1E1472;padding:15px 25px 0 15px;margin-bottom:10px;font-weight:bold;font-style:italic;} /* Hidden Stuff */ .hidden, .toplink, h2, #jump-menu, h1 span {display:none;} hr {border:none;clear:both;height:0;} /* Main Layout */ #container {width:970px;margin:0 auto;position:relative;} .nav {position:absolute;font-size:11px; border: 0;} #main-menu {right:0px; top:55px;} #login {text-align:right;right:0;top:12px;width:600px;} #menu3 {right:0px;top: 122px;width:530px;height:20px;} #breadcrumbs {left:20px;top:142px;position:absolute;width:800px;} .secondary-blocks {margin: 10px 0;} #content {padding-top:180px;} #page-content {margin:12px 250px 0 215px;position:relative;} /* Main Graphics */ body {background:url(/assets/images/site/background.jpg) no-repeat 50% 0;} #container-just-for-ie6-grr {background:url(/assets/images/site/elg_footer.jpg) no-repeat 50% 100%;min-height:1000px;} h1 {background:url(/assets/images/site/elg_logo.png) no-repeat 0 0;width:360px;height:104px;position:absolute;top:14px;left:5px;} h1 a {position:absolute;top:0;left:0;width:100%;height:100%;} /* Nav */ #breadcrumbs li, #main-menu li, #login li, #menu3 li, #legal li {display: inline;list-style:none;padding:0px 0px;} #menu3 ul.textlinks{margin-top: 20px;} #live-support {float: right;} #menu3 form {position:absolute;top:0;right:165px;} #breadcrumbs li {padding:0 5px 3px 10px;background:url(/assets/images/site/breadcrumb.png) no-repeat 0 50%;} #breadcrumbs li.home {background:none;} #login ul,#login li,#login a {height:33px;} #login li.active {background: url(/assets/images/site/mini-green-left.png) no-repeat 0 -1px;} #login li.active a {background:url(/assets/images/site/mini-green-right.png) no-repeat 100% -1px;color:white;} #login li {padding:9px 9px 9px 14px;margin-left:-30px;} #login li a {padding:9px 24px 9px 9px;} /* Image replacement on main menu */ #main-menu, #main-menu ul li a {background-image:url(/assets/images/main_menu.png);background-repeat:no-repeat;} #main-menu ul li li a {background:none;} #main-menu {background-position:-4px -58px;height:50px;width:520px;z-index:2000;} #main-menu li a span {position:absolute;left:-10000px;} /* Now each tab has to be positioned absolutely in there */ #main-menu li {position:absolute;top:2px;background-position:0 -380px;height:52px;padding:0;} #main-menu li a {background-position:0 -380px;} #main-menu li#top-1 {left:4px;width:66px;} #main-menu li#top-3 {left:72px;width:102px;} #main-menu li#top-4 {left:176px;width:122px;} #main-menu li#top-5 {left:300px;width:121px;} #main-menu li#top-6 {left:422px;width:95px;} /* Hover State */ #main-menu li#top-1:hover a {background-position:-4px -118px;margin-left:-4px;width:70px;} #main-menu li#top-3:hover a {background-position:-76px -118px;} #main-menu li#top-4:hover a {background-position:-180px -118px;} #main-menu li#top-5:hover a {background-position:-304px -118px;} #main-menu li#top-6:hover a {background-position:-426px -118px;} /* Active State */ #main-menu li.current a {z-index:1010;} #main-menu li#top-1.current a {background-position:0 1px;width:81px;margin-left:-8px;} #main-menu li#top-3.current a {background-position:-80px 1px;width:118px;margin-left:-7px;} #main-menu li#top-4.current a {background-position:-198px 1px;width:138px;margin-left:-7px;} #main-menu li#top-5.current a {background-position:-335px 1px;width:134px;margin-left:-6px;} #main-menu li#top-6.current a {background-position:-469px 1px;width:124px;margin-left:-6px;} /* And the anchors */ #main-menu li a {position:absolute;top:0;left:0;height:100%;width:100%;display:block;} /* Drop Down Menus */ #main-menu li:hover ul {display:block;} #main-menu li ul {display:none;position:absolute;z-index:1000;top:100%;margin-top:5px;width:155px;left:0; background:url(/assets/images/dropdowns_sprite.png) no-repeat -5px 100%;padding:0 0 20px 0; } #main-menu li#top-6 ul {left:auto;right:0;} #main-menu li ul li {display:block;position:static;height:auto;} #main-menu li ul li a {display:block;position:static;font-size:12px;padding:2px 20px 10px 20px;width:125px;} #main-menu li a:hover {color: #001F9C;} #main-menu li ul li.first {background:transparent url(/assets/images/site/dropdowns_sprite.png) no-repeat scroll -160px -243px;position:relative;top:-10px;padding-top:10px;} #main-menu li ul li.first a {padding-bottom:0px;} #main-menu li#top-6 ul li.first {background:transparent url(/assets/images/site/dropdowns_sprite.png) no-repeat scroll -315px -243px;} #login li, #menu3 li {border-left:none;} #login li.first, #menu3 li.first {border-left:none;} #login li.call-to-action a {color: #001F9C;} #menu3 #live-support {border:none;height:49px;width:155px;position: relative;float: right;} #menu3 #live-support a {position:absolute;top:0;left:0;width:100%;height:100%;} #menu3 #live-support span {display:none;} /* Legal */ #legal {position:relative;} #legal, #credits p {font-size:10px;text-align:center;padding:5px;} #legal ul {margin:5px 0;} #legal li {border-left:solid 1px green; padding: 0 10px; line-height: 170%;} #legal li.first {border:none;} /* Forms */ fieldset {border:none;} label {display:block;} label span {display:block;} /* SPECIFICS */ /* Home Page */ /* About us Blocks I've laid these out as a definition list with an anchor around the contents of the dt. We then hide the DD, and position each DT side-by-side with image replacement for the graphic. If we want to change these graphics we'll need a little proxy script that serves up the correct b1, b2, b3, b4.jpg etc... */ /* we're a little bit out on getting the blocks lined up because of partial pixels, we'll just force the width of this area to 1000px to make loads of space. It needs to drop left a bit too */ #about-us {margin-top:10px;width:1000px;margin-left:-2px;} #about-us li {float: left; /* Stick em side by side */ width:229px;height:205px; /* Set the dimensions */ position:relative; /* Make it relative so we can position the anchor over the top */ margin-left:20px; /* Spacing between each block */ overflow:hidden; } #about-us li.first {margin-left:0;} /* Remove that left hand spacing from the first block */ #about-us li a {position:absolute; /* Position the anchor over the top */ top:0;left:0;width:100%;height:100%;} #about-us li a span {display:none;} /* Hide the DDs and the content of the DT */ #about-us h3, #about-us p {margin:15px 0 4px 15px;width:69%;color:#616B6C;font-style:normal;line-height: 110%;} /* Hide the DDs and the content of the DT */ #about-us h3 {font-size:18px;} #about-us p {font-size:13px;margin:4px 0 0 15px;width:55%;font-weight:normal;} #about-us p br {height:1px;padding:0;font-size:1px;line-height:1px;display:block;} /* Text overlay on secondary blocks goes right across */ #about-us .secondary-blocks h3 {width:229px;} #about-us .secondary-blocks p {width:45%;} /* Secondary level blocks are not as tall */ #about-us .secondary-blocks li {height:125px; margin-top: 10px; margin-bottom: 10px;} /* Third level Box 2-1 is double width */ #about-us .main-blocks2 #b2-1 {width:479px;} #about-us .main-blocks2 #b2-1 li {width:138px;font-size:12px;margin:5px 15px 0px 15px;background:url(/assets/images/site/bullet_1.png) no-repeat 0 4px;height: 2.5em;} #about-us .main-blocks2 #b2-1 li a {margin:0 11px;padding:0;position:relative;width:150px;} /* My Comment */ /* Third level Box 2-2 text width adjust */ #about-us .main-blocks2 #b2-2 p {width:140px;} /* Image replacements */ #b1 {background:url(/assets/images/boxes/home/b1_elg_old_logo.png) no-repeat 50% 50%;} #b2 {background:url(/assets/images/boxes/home/b2_secure.jpg) no-repeat 50% 50%;} /* #b3 {background: url(/assets/images/boxes/home/promos/b_rollover_euro.png) no-repeat 50% 50%;} */ #b3 {background: url("/assets/images/boxes/home/b3_winners.jpg") no-repeat scroll 50% 50% transparent;} /* #b4 {background:url(/assets/images/boxes/home/b4_charities.jpg) no-repeat 50% 50%;} */ #b4 {background:url(/assets/images/boxes/home/promos/b4_spansuperdraw.png) no-repeat 50% 50%;} #sb1 {background: url(/assets/images/boxes/home/sb1_1to19history.jpg) no-repeat -1px 0%;} #sb2 {background: url(/assets/images/boxes/home/sb2_summergordo.jpg) no-repeat -2px 0%;} #sb2 h3, #sb2 p {color: white;} #about-us .secondary-blocks #sb2 p {width:50%;} #sb2 .ticker-desc {color:#601b04;} #sb2 .ticker{font-size: 12px; color:#601b04;} #sb2 .ticker strong {font-size: 17px; font-weight: bold;} #sb2 .ticker em {color: white;} #sb3 {background: url(/assets/images/boxes/home/sb3_emailalerts.jpg) no-repeat -3px 0%;} #sb4 {background:url(/assets/images/boxes/home/sb4_followus.jpg) no-repeat 0% 0%;} #b2-1 {background:url(/assets/images/boxes/home/b2-1.jpg) no-repeat -1px 0%;} #b2-2 {background:url(/assets/images/boxes/home/b2-2_playnow.png) no-repeat 50% 50%;} #b2-2 img {position:absolute;right:27px;top:75px;} #b2-2 p {height:100px;overflow:hidden;line-height:14px;padding:0;} #b2-3 {background:url(/assets/images/boxes/home/b2-3_results.jpg) no-repeat 50% 50%;} /* News block */ #b2-1 div {float:left;width:300px;position:relative;margin-top:6px;} #b2-1 img {float:left;margin-left:15px;} #b2-1 div p {line-height:15px;max-height:75px;overflow:hidden;} #b2-1 div p, #b2-1 div h3, #b2-1 div > a {margin:0 0 3px 16px;width:266px;position:static;display:block;font-size:13px;} #b2-1 div h3 a {position:static;} #b2-1 ul {position:absolute;right:34px;width:150px;} #about-us .main-blocks2 #b2-1 ul li {background:transparent url(/assets/images/site/bullet_1.png) no-repeat scroll 0 3px;} .flash-area {width:970px;height:316px;position:relative;overflow:hidden;} .flash-area div {position:absolute;top:0px;left:0px;margin-top:-1px;} .flash-area ul.fl {position:absolute;top:0px;left:0px;width:985px;height:316px;} .flash-replaced .alt {display:none;} #getstarted {position:absolute;width:600px;height:316px;left:200px;top:20px;} #getstarted li {position:absolute;display:none;} /* for intro */ .flash-area#home-page #gs1-1 {top:220px;left:90px;} .flash-area#home-page #gs1-2 {top:260px;left:90px;} .flash-area#home-page #gs2-1 {top:220px;left:290px;} .flash-area#home-page #gs2-2 {top:260px;left:290px;} .flash-area#home-page .call-to-action {position:absolute;top:210px;left:510px;width:215px;height:75px;} .flash-area#home-page .call-to-action-two {position:absolute;top:216px;left:241px;width:215px;height:75px;} .flash-area a {display:block;height:100%;width:100%;} .flash-area a#flash-download {position:absolute;left:20px;bottom:20px;width:auto;height:auto;display:inline;} .flash-area a#flash-download span {display:block;} /* when non-intro flash is showing we change the class, and the above will move */ #cta-box.non-intro {background:url(/assets/images/cta_box_playnow.png) no-repeat;position:absolute;width:265px;height:317px;bottom:0px;left:490px;} #cta-box.non-intro #gs1-1 {top:220px;left:90px;} #cta-box.non-intro #gs1-2 {top:260px;left:90px;} #cta-box.non-intro #gs2-1 {top:220px;left:290px;} #cta-box.non-intro #gs2-2 {top:260px;left:290px;} #cta-box.non-intro .call-to-action {position:absolute;top:210px;left:510px;width:215px;height:75px;} .content-block {padding-bottom:30px;background:url(/assets/images/content_footer_100.png) no-repeat 50% 100%;} .content-block.indented {padding-bottom:28px;background:url(/assets/images/content_footer_738.png) no-repeat 51% 100%;} .content-block.sub-nav {padding-bottom:0;background:none;} .content-block h3 {background:url(/assets/images/site/h2_1.png) no-repeat 0 0;padding-left:20px;color:#555;font-size: 24px;font-style: italic;} .content-block h3 > span {background:url(/assets/images/site/h2_span2.png) no-repeat 100% 0;padding-right:20px;display:block;} .content-block h3 > span > span {background:url(/assets/images/site/h1_span1.png) repeat-x 0 0;padding:14px 0 10px;display:block;min-height:15px;} .content-block div, #news-sections dd {border:solid 1px #C0C3C3;border-top:none;position:relative;border-bottom:none;padding:4px 5px;} .content-block div div {border:none;position:static;padding:0;} .content-block #news-story {background: white url(../images/news/news_article_shadow.jpg) repeat-x 0 0px;} .content-block h4.block, #news-sections dt {border-left:solid 1px #C0C3C3;border-right:solid 1px #C0C3C3;background:transparent url(/assets/images/incontent/news_elg_h4.png) repeat-x 0 0;padding:0px 20px;color:#FFF;font-size:18px;} #news-sections dt {padding-top:8px;min-height:45px;} #news-sections dt#news-section-530 {background:transparent url(/assets/images/incontent/news_lottery_h4.png) repeat-x 0 0;} #news-sections dt#news-section-531 {background:transparent url(/assets/images/incontent/news_charity_h4.png) repeat-x 0 0;} .game-18 #page-content {background:url(/assets/images/brit_foot.jpg) no-repeat 50% 100%;padding-bottom:480px;} .content-block .col1of3, .content-block .col1of2 {float:left;} .content-block .col2of2, .content-block .col2of3, .content-block .col3of3 {float:left;} .content-block .col1of2, .content-block .col2of2 {width:355px;margin-left:10px;} .content-block .col1of3, .content-block .col2of3, .content-block .col3of3 {width:220px;margin-left:10px;} .content-block .col1of2 div, .content-block .col2of2 div {padding:0 30px;line-height: 150%;} .content-block .glass-block { no-repeat 0 0; position:relative;width:355px;height:278px;} .content-block .glass-block p {font-size:25px;padding:16px 60px 16px 32px;} .content-block .glass-block a {position:absolute;top:0;left:0;width:100%;height:100%;} .content-block .glass-block a span {display:none;} /* Balloon Blocker */ span.blocker {float:right;clear:right;height:20px;display:block;} #bclear-1 {width:115px;} #bclear-2 {width:145px;} #bclear-3 {width:155px;} #bclear-4 {width:145px;} #bclear-5 {width:125px;} #bclear-6 {width:110px;} #bclear-7 {width:105px;} #bclear-8 {width:65px;} /* Cancel the blue gradient */ .content-block div.winners-wall {background:white;margin-top:-8px;} .content-block div h3 {font-size:14px;} /* Sub Nav */ .content-block.indented {margin-left:220px;} .sub-nav {float:left;width:200px;margin-top:0;} #widget-container .sub-nav {width:260px;} .sub-nav h3 {font-size:14px;font-style:normal;text-transform:uppercase;} .sub-nav {z-index:100;position:relative;} .sub-nav li {list-style-type:none;background:url(/assets/images/block_fade.png) repeat-x 0 100% white;padding:0;color:#444; position:relative; border:solid 1px #999;border-top:none; } .sub-nav li a {display:block;padding:12px 15px;} .sub-nav li:hover {background:url(/assets/images/country_hovers.jpg) repeat-x 0 -175px;} .sub-nav li:hover a {color:white;} .sub-nav li.first {border-top:solid 1px #999;} /* CTA Box - Signup etc.. */ #lotteries {position:absolute;left:0px;top:2px;width:100%;height:317px;background:transparent url(/assets/images/home.jpg) no-repeat scroll 0 0;} #lotteries li {list-style:none;height:35px;width:193px;display:block;} .flash-area a span, .flash-area p {display:none;} /* Logos */ #logos {background: url(/assets/images/site/logos-en.png) no-repeat;width: 395px;height:48px;margin: 0 auto;} /* Lotto Map */ #draw-games {min-height:800px;} #lotto-map {width:480px;} #lotto-map li {width:232px;height:233px;float:left;margin-left:5px;margin-bottom:8px; position:relative;background-position:0 0;background-repeat:no-repeat; list-style-type:none;} #lotto-map li a {position:absolute;top:0;left:0;height:100%;width:100%;z-index:100;} #lotto-map li a span {display:none;} /* Position the jackpot and numbers */ #lotto-map li span {position:absolute;} #lotto-map li .next-jackpot {top:87px;left:36px;width:300px;} #lotto-map li .je {font-size:54px;color:white;font-weight:bold;letter-spacing:-2px;font-style:italic;} #lotto-map li .ja {} #lotto-map li span span {position:static;} #lotto-map li .countdown {top:179px;left:20px;display:block;height:30px;width:200px;} #lotto-map li .ball-overlay {top:179px;left:20px;position:absolute;;background:transparent url(/assets/images/playgames/ball_fadeout.png) no-repeat scroll -4px 1px;display:block;height:30px;width:200px;} #lotto-map li .countdown span.cd-d, #lotto-map li .countdown span.cd-h, #lotto-map li .countdown span.cd-m, #lotto-map li .countdown span.cd-s {font-size:18px;font-weight:bold;color:#555;display:block;width:50px;text-align:center;float:left;} #lotto-map li .lbl, #lotto-map li .countdown span.lbl {display:none;} #lotto-map li .countdown .cd-d {top:0px;left:0px;position:absolute;} #lotto-map li .countdown .cd-h {top:0px;left:51px;position:absolute;} #lotto-map li .countdown .cd-m {top:0px;left:97px;position:absolute;} #lotto-map li .countdown .cd-s {top:0px;left:143px;position:absolute;} #lotto-map li .countdown span.cd-s .nbr, #lotto-map li .countdown span.cd-s .nbr2 {position:absolute;top:0;left:0;width:50px} /* Select the correct background image */ #lotto-map li#lotto-UK1 {background-image:url(/assets/images/playgames/playgame_brit.png);} #lotto-map li#lotto-IE0 {background-image:url(/assets/images/playgames/playgame_irish.png);} #lotto-map li#lotto-DELOT {background-image:url(/assets/images/playgames/playgame_german.png);} #lotto-map li#lotto-FRLOT {background-image:url(/assets/images/playgames/playgame_french.png);} #lotto-map li#lotto-ESPR649 {background-image:url(/assets/images/playgames/playgame_spanish.png);} #lotto-map li#lotto-ESEG554 {background-image:url(/assets/images/playgames/playgame_elgordo.png);} #lotto-map li#lotto-ESLT649 {background-image:url(/assets/images/playgames/playgame_elnino.png);} #lotto-map li#lotto-ESBO649 {background-image:url(/assets/images/playgames/playgame_summergordo.png);} #lotto-map li#lotto-801 {background-image:url(/assets/images/playgames/playgame_euro.png);} /* Lotto List Appears on left of play games page */ #lotto-list {z-index:100;position:relative;} #lotto-list li.first {border-top:solid 1px #999;} #lotto-list dt {display:none;} #lotto-list dd {display:block;height:auto;margin:3px 0px;} #lotto-list dd.hidden span {display:none;} #lotto-list .game {color:#01A236;font-size:12px;font-weight:bold;} #lotto-list .game a:hover {color:white;} #lotto-list dt.draw {display:inline;padding:0;margin:0;} #lotto-list .jackpot {font-size:14px;font-weight:bold;color:#666;} #lotto-list .jackpot sup {font-size:60%;} #lotto-list dd.hidden, #lotto-list dd a {position:absolute;top:0;left:0;width:100%;height:100%;display:block;} #lotto-list p {font-size:9px;margin:10px 18px 0 18px;} #lotto-list li dt.game,#lotto-list li span.game {background-image:url(/assets/images/balls_small.png);background-repeat:no-repeat; position:absolute;top:5px;right:5px;display:block;width:50px;height:40px;padding:0; } #lotto-list li dt.game span {display:none;} #lotto-list li.country-11 dt.game,#lotto-list li.country-11 span.game {background-position:0 -15px;} /* UK */ #lotto-list li.country-13 dt.game,#lotto-list li.country-13 span.game {background-position:0 -55px;} /* Ireland */ #lotto-list li.country-12 dt.game,#lotto-list li.country-12 span.game {background-position:0 -215px;} /* Spain */ #lotto-list li.country-14 dt.game,#lotto-list li.country-14 span.game {background-position:0 -178px;} /* Germany */ #lotto-list li.country-15 dt.game,#lotto-list li.country-15 span.game {background-position:0 -135px;} /* Euro */ #lotto-list li.country-16 dt.game,#lotto-list li.country-16 span.game {background-position:0 -95px;} /* France */ /* Side bar rollover gradients */ #lotto-list li.expanded, #lotto-list li:hover,#lotto-draw-sidenav li ul li {background-image:url(/assets/images/country_hovers.jpg);background-repeat:repeat-x;} #lotto-list li.expanded a, #lotto-list li:hover *, #lotto-list li.expanded a, #lotto-list li.expanded * {color:white;} .game-UK1-results table th, #lotto-list li.country-11.expanded, #lotto-list li.country-11.expanded li, #lotto-list li.country-11:hover {background-position: 0 -1px;} /* UK */ .game-IE0-results table th, #lotto-list li.country-13.expanded, #lotto-list li.country-13.expanded li, #lotto-list li.country-13:hover {background-position:0 -87px;} /* Ireland */ .game-FRLOT-results table th, #lotto-list li.country-16.expanded, #lotto-list li.country-16.expanded li, #lotto-list li.country-16:hover {background-position:0 -175px;} /* France */ .game-801-results table th, #lotto-list li.country-15.expanded, #lotto-list li.country-15.expanded li, #lotto-list li.country-15:hover {background-position:0 -262px;} /* Euro */ .game-DELOT-results table th, #lotto-list li.country-14.expanded, #lotto-list li.country-14.expanded li, #lotto-list li.country-14:hover {background-position:0 -349px;} /* Germany */ .game-ESPR649-results table th, .game-ESLT649-results table th, .game-ESBO649-results table th, #lotto-list li.country-12.expanded, #lotto-list li.country-12.expanded li, #lotto-list li.country-12:hover {background-position:0 -435px;} /* Spain */ #result-block {min-height:870px;} #results-date-chooser {position:absolute;top:12px;right:10px;} /* Germany needs to move up on the play games page */ #game-DELOT-results table th, #result-block #lotto-list li.country-14.expanded, #result-block #lotto-list li.country-14.expanded li, #result-block #lotto-list li.country-14:hover {background-position:0 -379px;} /* Germany */ /* Results Home Page */ #all-latest-results .info-box h4 {height:80px;} #all-latest-results .info-box h4 span {display:none;} #all-latest-results #lotto-UK1 h4 {background:transparent url(/assets/images/results/homepage/brit.jpg) no-repeat scroll 0 0} #all-latest-results #lotto-IE0 h4 {background:transparent url(/assets/images/results/homepage/irish.jpg) no-repeat scroll 0 0} #all-latest-results #lotto-FRLOT h4 {background:transparent url(/assets/images/results/homepage/french.jpg) no-repeat scroll 0 0} #all-latest-results #lotto-801 h4 {background:transparent url(/assets/images/results/homepage/euro.jpg) no-repeat scroll 0 0} #all-latest-results #lotto-DELOT h4 {background:transparent url(/assets/images/results/homepage/german.jpg) no-repeat scroll 0 0} #all-latest-results #lotto-ESPR649 h4 {background:transparent url(/assets/images/results/homepage/spanish.jpg) no-repeat scroll 0 0} #all-latest-results #lotto-ESEG554 h4 {background:transparent url(/assets/images/results/homepage/elgordo.jpg) no-repeat scroll 0 0} #all-latest-results #lotto-ESLT649 h4 {background:transparent url(/assets/images/results/homepage/elnino.jpg) no-repeat scroll 0 0} #all-latest-results #lotto-ESBO649 h4 {background:transparent url(/assets/images/results/homepage/summergordo.jpg) no-repeat scroll 0 0} #all-latest-results .results-info h5 {position:absolute;top:30px;right:5px;text-align:right;color:white;font-size:16px;} /* Expandable lotto lists */ #lotto-list li span.game {} #lotto-draw-sidenav li {padding:17px 10px 17px 20px;} #lotto-draw-sidenav li li {padding:5px 5px 5px 10px;} #lotto-draw-sidenav li ul {left:-20px;margin-bottom:0;position:relative;top:18px;width:198px;} #lotto-draw-sidenav li ul li a, #lotto-list li.expanded ul li a {color:white;display:block;padding:4px 5px 4px 20px;} #lotto-list li.expanded ul li a:hover {color:white;} #lotto-draw-sidenav li ul li,#lotto-draw-sidenav li ul li.first {border:none;} #lotto-list li.expanded ul li.expanded a, #lotto-list li.expanded a {color:white;} /* Game backgrounds */ .content-block > div {background:url(/assets/images/results/homepage/clouds.jpg) no-repeat;} .content-block > div.balloons {background:url(/assets/images/results/homepage/clouds_balloons.jpg) no-repeat;} .content-block > div.hr {background:none;} #lotto-UK1.content-block > div {background:url(/assets/images/lotto_bgrounds/lotto_brit.jpg) no-repeat 0 0;} #lotto-IE0.content-block > div {background:url(/assets/images/lotto_bgrounds/lotto_irish.jpg) no-repeat 0 0;} #lotto-FRLOT.content-block > div {background:url(/assets/images/lotto_bgrounds/lotto_french.jpg) no-repeat 0 0;} #lotto-801.content-block > div {background:url(/assets/images/lotto_bgrounds/lotto_euromillions.jpg) no-repeat 0 0;} #lotto-DELOT.content-block > div {background:url(/assets/images/lotto_bgrounds/lotto_german.jpg) no-repeat 0 0;} #lotto-ESPR649.content-block > div {background:url(/assets/images/lotto_bgrounds/lotto_primitiva.jpg) no-repeat 0 0;} #lotto-ESEG554.content-block > div {background:url(/assets/images/lotto_bgrounds/lotto_elgordo.jpg) no-repeat 0 0;} #lotto-ESLT649.content-block > div {background:url(/assets/images/lotto_bgrounds/lotto_elnino.jpg) no-repeat 0 0;} #lotto-ESBO649.content-block > div {background:url(/assets/images/lotto_bgrounds/lotto_summergordo.jpg) no-repeat 0 0;} #primary-content {position:relative;padding:0px 281px 0 213px;} .lotto-branded #primary-content {position:relative;padding:250px 280px 0 210px;} #primary-content.results-content {position:relative;padding:150px 281px 0 213px;min-height:720px;} #primary-content.no-header {position:relative;padding:0 250px 0 210px;} #page-content {position:relative; margin: 0;} #article-header {margin: 0 0 8px 23px;} #page-content p {margin:0 18px 18px 24px; line-height:150%;} /* Side Bar */ .side-bar {margin:11px 0 0 9px;width:200px;font-size:12px;float:left;} .side-bar h3 > span > span {padding:14px 0 7px 1px;min-height:15px;font-size: 14px;text-transform:uppercase;font-style: normal;} .side-bar h3 {color:#555555;} .side-bar ul {margin-bottom:14px;} .side-bar ul li {list-style-type:none;background:url(/assets/images/block_fade.png) repeat-x 0 100% white; padding:5px 5px 4px 20px;color:#444; position:relative; } .side-bar ul li {position:relative;border:solid 1px #999;border-top:none;display:block;} #lotto-list ul li ul li a {position:static;} /* Game pages */ .results {position:absolute;top:170px;left:250px;} #big-jackpot {left:335px;position:absolute;top:134px;} #big-jackpot span {position:absolute;top:0;left:10px;width:230px;letter-spacing:0;font-size:14px;color:white;padding-left:5px;font-weight: normal;} #big-jackpot p {position:absolute;top:10px;left:0;font-size:68px;color:white;font-weight:bold;letter-spacing:-3px;font-style:italic;} #big-jackpot abbr {position:absolute;} #big-jackpot img {position:absolute;top:-19px;left:-48px;display:none;} .lotto-ball {background:url(/assets/images/blank_ball.png) no-repeat 50% 50%; width:70px;height:95px;text-align:center; font-size:28px;font-weight:bold;color:#555;display:inline-block; padding-top:23px;} .lotto-ball-type {display:none;} .lotto-ball.bt-Bonus {background:url(/assets/images/blank_bonus.png) no-repeat 50% 50%;width:85px;} /* Site Map */ #site-map {font-size:12px;width:1070px;margin:10px 0px 50px -8px;padding-top:30px;position:relative;min-height:340px;background:url(/assets/images/site/sitemap_top.png) no-repeat;} #site-map h2 {display:block;z-index:51; position:absolute;top:-28px;height:100%;width:100%; } #site-map h2 span {display:none;} #site-map h3 {font-style:normal;color:#616B6C;margin-bottom:8px;} #site-map div div {width:210px;margin:0 0 0 34px;padding:0;float: left;vertical-align:top;position:relative;z-index:160;top:-10px;} #site-map div.first {border:none;} #site-map li {list-style-type:none;margin-bottom:10px;padding-left:8px;background:url(/assets/images/site/bullet_1.png) no-repeat 0 6px;line-height:1.8em;} #site-map li li {margin-left:0px;margin-bottom:0;background:url(/assets/images/site/bullet_2.gif) no-repeat 1px 9px} #site-map div.hr {background: url(/assets/images/site/sitemap_bottom.png) no-repeat 0 0;height:30px;display:block;position:absolute;left:0px;bottom:-30px;width:100%;} #fh-lines {background:url(/assets/images/site/fh-line.png);z-index:150;position:absolute;top:10px;left:10px;width:80%;height:100%;} /* --: Widgets :-- */ #widget-container {position:absolute;top:15px;right:6px;width:269px;} #widget-container div.widget {position:relative;} /* Make sure each widget is the relative parent */ #widget-container div.widget div {padding:8px;} #widget-container div.widget div div, #widget-container div.widget div.hr {padding:0;} #content-split {padding:20px 0 0 20px;min-height:550px;} #content-split h4 {font-size: 18px;} #content-split p {line-height:175%;} #content-split #widget-container {float:right;margin:0px 10px 15px 30px;} #content-split #content-split-content {margin-right:300px;} #content-split-content ol {margin-left: 1.5em;font-weight: bold;} #content-split-content ol li {padding-left: 0.7em;margin-bottom: 1.5em;text-align: left;} #page-967 #content .content-block p {line-height:175%;} /* My Comment */ .widget {margin-bottom:20px;} .widget div {background:white;border:solid 1px #CACACA;border-top:none;position:relative;} .widget div div {background:transparent;border:none;position:static;} .hang-off-bottom {position:absolute;top:100%;left:-1px;} .hang-off-bottom li {float:left;list-style-type:none;} .widget h3 {text-transform:uppercase;font-style: normal;} /* Bullet point CTA */ .bullet-cta {border:none;min-height:267px;} .bullet-cta h3 {display:none;} .bullet-cta > div {background:url(/assets/images/uk_widg_top.png) no-repeat 50% 0;padding:8px;border:none;min-height:207px;} .bullet-cta .hr {background:url(/assets/images/widg_bottom.png) no-repeat 50% 100%;height:25px;min-height:0;padding:0;margin:0;} .bullet-cta ul {margin:10px 0;} .bullet-cta li {list-style-type:none;background:url(/assets/images/widget_sprite.png) no-repeat 0px -10px;padding:10px 20px 0 51px;font-size:12px;color:#555;min-height:30px;} .bullet-cta li strong {font-size:14px;} .blue-cta {width:213px;height:70px;background:url(/assets/images/widget_sprite.png) no-repeat -255px -10px;padding:0;margin:10px auto;display:block;} .blue-cta span {display:none;} /* How to play CTA */ #how-to-play {width:261px;height:325px;} #how-to-play li {list-style-type:none;margin:0 13px; padding:2px 0;} #widget-container #how-to-play li div {padding:6px 68px 6px 46px;font-size:12px;} #how-to-play strong {display:block;font-size:14px;} #how-to-play p {font-size:10px; padding:10px;} #how-to-play div {border:none;} #how-to-play div div, #how-to-play div.hr {border:none;} #how-to-play li, #how-to-play ol li span {background:url(/assets/images/ol.png) no-repeat;} #how-to-play ol li {border-bottom:dotted 2px #98D9F2;position:relative;} #how-to-play ol li.ol1 {background-position:-10px -204px;} #how-to-play ol li.ol2 {background-position:-10px -275px;} #how-to-play ol li.ol3 {background-position:-10px -387px;} #how-to-play ol li.ol4 {background-position:-10px -347px;border:none;} #how-to-play ol li span {position:absolute;top:4px;right:4px;width:56px;height:56px;display:block;} #how-to-play ol li.ol1 span {background-position:-4px -4px;} #how-to-play ol li.ol2 span {background-position:-4px -74px;} #how-to-play ol li.ol3 span {background-position:-4px -148px;} #how-to-play ol li.ol4 span {background-position:-4px -74px;border:none;} #how-to-play .hang-off-bottom li {margin:0;font-size:11px;position:absolute;} #how-to-play .hang-off-bottom li a {display:block;padding:4px 6px;text-align:center;} #how-to-play .hang-off-bottom .callback {width:154px;height:26px;background-position:-117px -156px;} #how-to-play .hang-off-bottom .callback a {padding:4px 39px 4px 6px;color:#01A135;} #how-to-play .hang-off-bottom .signup {width:105px;left:156px;height:26px;background-position:-273px -156px;} #how-to-play .hang-off-bottom .signup a {color:#00158D;} #playnowwidget { width: 260px; height: 340px; background: url(/assets/images/cta/play_now_emoore.png) no-repeat; margin: 0; padding: 290px 0 0 0; border-style: none; } #playnowwidget a { width: 200px; height: 74px; background: url(/assets/images/cta/play_now_button.png) no-repeat 0 0; display: block; margin: 256px 0 0 19px; } #playnowwidget a:hover { background: url(/assets/images/cta/play_now_button.png) no-repeat 0 -74px; } #playnowwidget span { display: none; } /* On-Page Widgets */ .page-widgets .info-box {width:450px;padding:0;margin:8px 0 8px 12px;position:relative;left: 0;} #lotto-UK1 .page-widgets .info-box h4, .game-UK1-results .page-widgets .info-box h4 {background:url(/assets/images/incontent/british/pc-fw-top.png) no-repeat;padding:10px 25px;min-height:25px;font-size:24px;color:white;} #lotto-IE0 .page-widgets .info-box h4, .game-IE0-results .page-widgets .info-box h4 {background:url(/assets/images/incontent/irish/pc-fw-top.png) no-repeat;padding:10px 25px;min-height:25px;font-size:24px;color:white;} #lotto-FRLOT .page-widgets .info-box h4, .game-FRLOT-results .page-widgets .info-box h4 {background:url(/assets/images/incontent/french/pc-fw-top.png) no-repeat;padding:10px 25px;min-height:25px;font-size:24px;color:white;} #lotto-801 .page-widgets .info-box h4, .game-801-results .page-widgets .info-box h4 {background:url(/assets/images/incontent/euro/pc-fw-top.png) no-repeat;padding:10px 25px;min-height:25px;font-size:24px;color:white;} #lotto-DELOT .page-widgets .info-box h4, .game-DELOT-results .page-widgets .info-box h4 {background:url(/assets/images/incontent/german/pc-fw-top.png) no-repeat;padding:10px 25px;min-height:25px;font-size:24px;color:white;} #lotto-ESPR649 .page-widgets .info-box h4, .game-ESPR649-results .page-widgets .info-box h4 {background:url(/assets/images/incontent/spanish/pc-fw-top.png) no-repeat;padding:10px 25px;min-height:25px;font-size:24px;color:white;} #lotto-ESEG554 .page-widgets .info-box h4, .game-ESEG554-results .page-widgets .info-box h4 {background:url(/assets/images/incontent/spanish/pc-fw-top.png) no-repeat;padding:10px 25px;min-height:25px;font-size:24px;color:white;} #lotto-ESLT649 .page-widgets .info-box h4, .game-ESLT649-results .page-widgets .info-box h4 {background:url(/assets/images/incontent/spanish/pc-fw-top.png) no-repeat;padding:10px 25px;min-height:25px;font-size:24px;color:white;} #lotto-ESBO649 .page-widgets .info-box h4, .game-ESBO649-results .page-widgets .info-box h4 {background:url(/assets/images/incontent/spanish/pc-fw-top.png) no-repeat;padding:10px 25px;min-height:25px;font-size:24px;color:white;} .page-widgets .info-box div {margin-top:-5px;padding:5px;border-left:solid 1px #CACACA;border-right:solid 1px #CACACA;} .page-widgets .info-box .hr {clear:none;background:url(/assets/images/incontent/pc-fw-btm.png) no-repeat;height:20px;border:none;} #lotto-UK1 .page-widgets .info-box h5 {color:#f00;font-size:14px;padding:10px 20px 0 20px;margin:0;font-weight:bold;} #lotto-IE0 .page-widgets .info-box h5 {color:#007E01;font-size:14px;padding:10px 20px 0 20px;margin:0;font-weight:bold;} #lotto-FRLOT .page-widgets .info-box h5 {color:#0C3083;font-size:14px;padding:10px 20px 0 20px;margin:0;font-weight:bold;} #lotto-801 .page-widgets .info-box h5 {color:#66336C;font-size:14px;padding:10px 20px 0 20px;margin:0;font-weight:bold;} #lotto-DELOT .page-widgets .info-box h5 {color:#FF9900;font-size:14px;padding:10px 20px 0 20px;margin:0;font-weight:bold;} #lotto-ESPR649 .page-widgets .info-box h5, #lotto-ESEG554 .page-widgets .info-box h5, #lotto-ESLT649 .page-widgets .info-box h5, #lotto-ESBO649 .page-widgets .info-box h5 {color:#FF3300;font-size:14px;padding:10px 20px 0 20px;margin:0;font-weight:bold;} .page-widgets .info-box p {font-size:14px;padding:2px 20px;margin:0;} #lotto-UK1 .page-widgets .info-box li {background:url(/assets/images/incontent/british/pc-question.jpg) no-repeat 0 5px;list-style-type:none;padding:9px 30px;margin:8px 0 -1px 20px;font-size:12px;font-weight:bold;} #lotto-IE0 .page-widgets .info-box li {background:url(/assets/images/incontent/irish/pc-question.jpg) no-repeat 0 5px;list-style-type:none;padding:10px 30px;margin-left:20px;font-size:12px;font-weight:bold;} #lotto-FRLOT .page-widgets .info-box li {background:url(/assets/images/incontent/french/pc-question.jpg) no-repeat 0 5px;list-style-type:none;padding:10px 30px;margin-left:20px;font-size:12px;font-weight:bold;} #lotto-801 .page-widgets .info-box li {background:url(/assets/images/incontent/euro/pc-question.jpg) no-repeat 0 5px;list-style-type:none;padding:10px 30px;margin-left:20px;font-size:12px;font-weight:bold;} #lotto-DELOT .page-widgets .info-box li {background:url(/assets/images/incontent/german/pc-question.jpg) no-repeat 0 5px;list-style-type:none;padding:10px 30px;margin-left:20px;font-size:12px;font-weight:bold;} #lotto-ESPR649 .page-widgets .info-box li, #lotto-ESEG554 .page-widgets .info-box li, #lotto-ESLT649 .page-widgets .info-box li, #lotto-ESBO649 .page-widgets .info-box li {background:url(/assets/images/incontent/spanish/pc-question.jpg) no-repeat 0 5px;list-style-type:none;padding:10px 30px;margin-left:20px;font-size:12px;font-weight:bold;} #lotto-UK1 .page-widgets .countdown-box {background:url(/assets/images/incontent/british/pc-hw-countdown.jpg) no-repeat;} #lotto-UK1 .page-widgets .winner-box {background:url(/assets/images/incontent/british/pc-hw-winner.jpg) no-repeat;} #lotto-IE0 .page-widgets .countdown-box {background:url(/assets/images/incontent/irish/pc-hw-countdown.jpg) no-repeat;} #lotto-IE0 .page-widgets .winner-box {background:url(/assets/images/incontent/irish/pc-hw-winner.jpg) no-repeat;} #lotto-FRLOT .page-widgets .countdown-box {background:url(/assets/images/incontent/french/pc-hw-countdown.jpg) no-repeat;} #lotto-FRLOT .page-widgets .winner-box {background:url(/assets/images/incontent/french/pc-hw-winner.jpg) no-repeat;} #lotto-801 .page-widgets .countdown-box {background:url(/assets/images/incontent/euro/pc-hw-countdown.jpg) no-repeat;} #lotto-801 .page-widgets .winner-box {background:url(/assets/images/incontent/euro/pc-hw-winner.jpg) no-repeat;} #lotto-DELOT .page-widgets .countdown-box {background:url(/assets/images/incontent/german/pc-hw-countdown.jpg) no-repeat;} #lotto-DELOT .page-widgets .winner-box {background:url(/assets/images/incontent/german/pc-hw-winner.jpg) no-repeat;} #lotto-ESPR649 .page-widgets .countdown-box, #lotto-ESEG554 .page-widgets .countdown-box, #lotto-ESLT649 .page-widgets .countdown-box, #lotto-ESBO649 .page-widgets .countdown-box {background:url(/assets/images/incontent/spanish/pc-hw-countdown.jpg) no-repeat;} #lotto-ESPR649 .page-widgets .winner-box, #lotto-ESEG554 .page-widgets .winner-box, #lotto-ESLT649 .page-widgets .winner-box, #lotto-ESBO649 .page-widgets .winner-box {background:url(/assets/images/incontent/spanish/pc-hw-winner.jpg) no-repeat;} .page-widgets .countdown-box {width:223px;float:left;margin-left:12px;} .page-widgets .winner-box {width:223px;margin-left:239px;} .page-widgets .countdown-box, .page-widgets .winner-box {width:223px;height:165px;overflow:hidden;position:relative;} .page-widgets .countdown-box h4 , .page-widgets .winner-box h4 {color:white;text-align:center;font-size:17px;padding:4px 12px;} .page-widgets .countdown-box .cd-d span, .page-widgets .countdown-box .cd-m span, .page-widgets .countdown-box .cd-h span, .page-widgets .countdown-box a span {display:none;} .page-widgets .countdown-box .cd-d, .page-widgets .countdown-box .cd-m, .page-widgets .countdown-box .cd-h {font-size:22px;position:absolute;width:60px;top:69px;text-align:center;} .page-widgets .countdown-box .cd-d {left:23px;} .page-widgets .countdown-box .cd-h {left:81px;} .page-widgets .countdown-box .cd-m {left:137px;} .page-widgets .countdown-box a {position:absolute;display:block;left:0;top:55px;width:100%;height:105px;} .page-widgets .winner-box img {position:absolute;top:65px;left:20px;} .page-widgets .winner-box strong {font-size:16px;display:block;} .page-widgets .winner-box p {position:absolute;top:60px;left:102px;width:110px;font-size:11px;} .page-widgets .winner-box em a {position:absolute;bottom:15px;left:102px;font-size:11px;font-style:normal;} /* Number checker widgets */ .widget form {margin:0;padding:0;background:none;} .game-UK1-results #number-checker > div {background:url(/assets/images/results/num_check_box/brit_num_box_top.png) no-repeat 50% 0;padding:18px 20px 0 25px;border:none;min-height:207px;} .game-UK1-results #number-checker .hr {background:url(/assets/images/results/num_check_box/brit_num_box_bottom.png) no-repeat 50% 100%;height:35px;} .game-IE0-results #number-checker > div {background:url(/assets/images/results/num_check_box/irish_num_box_top.png) no-repeat 50% 0;padding:18px 20px 0 25px;border:none;min-height:207px;} .game-IE0-results #number-checker .hr {background:url(/assets/images/results/num_check_box/irish_num_box_bottom.png) no-repeat 50% 100%;height:35px;} .game-FRLOT-results #number-checker > div {background:url(/assets/images/results/num_check_box/french_num_box_top.png) no-repeat 50% 0;padding:18px 20px 0 25px;border:none;min-height:207px;} .game-FRLOT-results #number-checker .hr {background:url(/assets/images/results/num_check_box/french_num_box_bottom.png) no-repeat 50% 100%;height:35px;} .game-801-results #number-checker > div {background:url(/assets/images/results/num_check_box/euro_num_box_top.png) no-repeat 50% 0;padding:18px 20px 0 25px;border:none;min-height:207px;} .game-801-results #number-checker .hr {background:url(/assets/images/results/num_check_box/euro_num_box_bottom.png) no-repeat 50% 100%;height:35px;} .game-DELOT-results #number-checker > div {background:url(/assets/images/results/num_check_box/german_num_box_top.png) no-repeat 50% 0;padding:18px 20px 0 25px;border:none;min-height:207px;} .game-DELOT-results #number-checker .hr {background:url(/assets/images/results/num_check_box/german_num_box_bottom.png) no-repeat 50% 100%;height:35px;} .game-ESPR649-results #number-checker > div, .game-ESEG554-results #number-checker > div, .game-ESLT649-results #number-checker > div, .game-ESBO649-results #number-checker > div {background:url(/assets/images/results/num_check_box/spanish_num_box_top.png) no-repeat 50% 0;padding:18px 20px 0 25px;border:none;min-height:207px;} .game-ESPR649-results #number-checker hr, .game-ESEG554-results #number-checker hr, .game-ESLT649-results #number-checker hr, .game-ESBO649-results #number-checker .hr {background:url(/assets/images/results/num_check_box/spanish_num_box_bottom.png) no-repeat 50% 100%;height:35px;} #number-checker h4 {font-size:16px;color:white;font-style:italic;} #number-checker h5 {margin-top:3px;font-weight:normal;} #number-checker p, #number-checker label, #number-checker a, #number-checker legend, #number-checker h5 {color:white;} #number-checker span, #number-checker .numbers legend {display:none;} /* Date Range is inside it's own div */ #number-checker div div fieldset {display:block;float:left;} #number-checker select {margin-right:5px;} #number-checker div div label span {display:block;} #number-checker p, #number-checker legend {padding:10px 0;margin:0;} #number-checker .numbers {clear:both;padding-bottom:8px;} #number-checker .numbers h5 {float:left;width:20px;font-size:14px;} #number-checker .numbers label {float:left;padding-right:4px;font-size:14px;} #number-checker .numbers input {width:15px;height:18px;padding:4px 0 0 0;} /* Spanish ticket draws need a wider text box */ .game-ESEG554-results #number-checker .numbers input, .game-ESLT649-results #number-checker .numbers input, .game-ESBO649-results #number-checker .numbers input {width: 100px;letter-spacing: 2px;} /* Font sizes in the number checker */ #number-checker p, #number-checker legend, #number-checker select, #number-checker a, #number-checker label {font-size:12px;} /* Language Drop Down */ #language {background:url(/assets/images/main_menu.png) no-repeat -7px -173px;width:142px;height:41px;text-transform:uppercase;position:relative;left:220px;} #language #choose { position:relative;top:20px; } #language a { color:green; height:37px;padding-left:10px;} #language ul { position:relative;top:24px; } #language ul li {display:none;} #language:hover ul li {display:block;} #menu3 #language li a { background: #fff; color: #000;display:block;height:auto;margin:0;width:112px; font-weight: normal; font-style: normal; padding:2px 5px; } #language li a:hover { background-color: #999; color: #fff; padding-left: 4px; } .japanese {} /* Specific Pages */ /* Winners Full Format Page */ .winner-page-full-format h4 {font-size:1.1em;text-align:right; background:url(/assets/images/winners/winner_date.jpg) no-repeat 100% 0;height:30px; padding:3px 15px 0 0;margin-top:10px; } .winner-page-full-format h5 {font-size:2em;text-align:left;margin: 0 0 0 15px;padding:0;} .winner-page-full-format h6 {font-size:3.5em;text-align:left;margin:-5px 0 0 20px;padding:0;} .content-block > div.winner-page-full-format {background:url(/assets/images/content_higher.jpg) repeat-x 0 0;} .winner-page-full-format .winner-image {background:url(/assets/images/winners/winner_pic.jpg) no-repeat 0 0; float:left;width:270px;height:500px; margin:5px 0 0 0;padding:97px 50px 20px 28px; position:relative; } .winner-page-full-format .winner-image span {color:#1E1573;font-size:2em;font-style:italic;font-weight:bold;left:40px;position:absolute;top:160px;} .winner-page-full-format div {margin-left:340px;padding:0 30px 20px 0;} .winners-wall .winner {width:220px;display:inline-block;margin-left:15px;vertical-align:top;} .winners-wall .winner div.video, .winners-wall .winner img {background:url(/assets/images/incontent/winners-wall-winner.jpg) no-repeat;padding:12px 15px 60px 12px;} .winners-wall .winner .winner-details {padding:5px; font-size:12px; line-height:160%;} .winners-wall .winner .winner-details h5 a {color:#009959;border-bottom:solid 1px #009959;font-size:14px;} #winners-wall {padding:0;} #potter-links {margin: 0;} ul#potter-links {display:block;padding: 10px 0;height: 100px;} #potter-links li{float: left;list-style: none;text-indent:-9999px;padding-right: 10px;} #potter-links li a{width:160px;height:106px;display:block;} #potter-links li#potter-bbc{background: url(/assets/images/winners/news-links/news-links-bbc.png) no-repeat;} #potter-links li#potter-devon{background: url(/assets/images/winners/news-links/news-links-devongazette.png) no-repeat;} #potter-links li#potter-daily{background: url(/assets/images/winners/news-links/news-links-dailyrec.png) no-repeat;} /* News */ .content-block div#latest-news {background:url(/assets/images/news2/news_header.jpg) no-repeat white;padding-top:240px;} .content-block div#latest-news h2 {display:block;color:#555;font-size:25px;background:url(/assets/images/news2/mth_title_left.png) no-repeat 0 0;color:white;font-style:italic;height:46px;margin-left:20px;} .content-block div#latest-news h2 span {padding-left:24px;background:url(/assets/images/news2/mth_title_right.png) no-repeat 100% 0;display:block;width:622px;} .content-block div#latest-news h2 span span {padding-right:24px;background:url(/assets/images/news2/mth_title_bar.png) repeat-x 0 0;padding-top:8px;height:46px;width:550px;display:block;} .content-block div#latest-news h2 span span span {padding:0;margin:0;background:none;width:auto;height:auto;display:inline;} .content-block div#latest-news #widget-container {top:240px;} .content-block div#latest-news .news-item {margin-right:300px;margin-left:30px;padding:20px 10px 20px 10px;border-bottom:solid 1px #555;} .content-block div#latest-news .news-item p.date {color:#01A135;font-size:14px;font-weight:normal;margin-bottom:2px;} .content-block div#latest-news .news-item h4 {background:none;font-size:25px;padding:0;font-style:normal;} .content-block div#latest-news .news-item h4 a {color:#555555;} .content-block div#latest-news .news-item a.read-more-off {margin:10px 0;display:block;font-size:15px;padding-left:20px;background:url(/assets/images/news2/readmore_off.gif) no-repeat 3px 50%;} .content-block div#latest-news .news-item a.read-more-on {padding-left:20px;background:url(/assets/images/news2/readmore_on.gif) no-repeat 3px 0;} .content-block div#latest-news .paginator {margin-left:30px;} #main-content .paginator ul {height:30px;margin-top:20px;margin-left:0px;padding-left:0;} #main-content .paginator li {float:left;list-style-type:none;padding:0 2px 0 0 ;position:relative;} #main-content .paginator li a {background:url(/assets/images/news2/pg_no_off.gif) no-repeat;position:relative;display:block;width:41px;height:37px;text-align:center;font-size:25px;top:0;left:0;color:white;padding-top:5px;} #main-content .paginator li.current a, #main-content .paginator li a:hover {background:url(/assets/images/news2/pg_no_on.gif) no-repeat;border:none;text-decoration:none;} #news-primary {position:relative;padding:16px 10px 10px 10px;margin:21px 21px 0 21px;height:294px;width:699px;background:url(/assets/images/news/news_bg.png) no-repeat;} #news-primary h2 {display:block;color:#555555;font-size:18px;padding-left:20px;margin-top:-4px;margin-bottom:5px;} #news-primary .news-image {position:absolute;top:39px;left:7px;} #news-primary .news-details h4 {display:none;} #news-primary .news-details div {position:absolute;padding:0 5px;width:464px;height:51px;bottom:31px;left:7px;overflow:hidden;background:url(/assets/images/news/news_info_bg.png);} #news-primary .news-details div p {color:white;display:inline;margin:0;} #news-primary .news-details h3 {margin-left:471px;padding:2px 0 3px 20px;background:url(/assets/images/news/news_item.png) repeat-x 0 -1px;height:44px;border-bottom:1px #aaa solid;overflow:hidden;width:190px;position:relative;} #news-primary .news-details h3 a {display:block;height:100%;padding:0 15px 0 15px;font-size:12px;border:none;text-decoration:none;} #news-primary .news-details h3:hover, #news-primary .current .news-details h3 {background:url(/assets/images/news/news_item_current.png);color:white;} #news-primary .news-details h3:hover a, #news-primary .current .news-details h3 a {color:white;} #news-secondary {width:430px;float:left;margin-left:25px;} #news-secondary h2 {display:block;border-bottom:outset 1px white;font-size:18px;margin-top:15px;padding-bottom:10px;margin-bottom:10px;} #news-secondary h3 {background:none;font-size:16px;font-style:normal;padding:0;font-weight:normal;} #news-secondary h4 {display:none;position:absolute;} #news-secondary img {float:left;margin:0 10px 10px 0;} /* Put the images on the left */ #news-secondary div div a {font-size:12px;text-decoration:underline;} #news-secondary .news-item-first {margin-bottom:20px;padding-bottom:20px;border-bottom:solid 1px #aaa;} #news-secondary .news-item-first h3 {font-size:22px;float:left;} #news-secondary .news-item-first div {float:left;width:250px;} .news-item-mini div {clear:both;} /* Move the read more link to be effectivly inline */ .news-item-mini p {display:inline;} #news-secondary p {margin:0;} .news-item-mini {width:210px;float:left;height:190px;overflow:hidden;line-height:15px;} .news-story-detail {width:450px;float:left;margin:10px;padding-right:20px;border-right:1px solid #999;} .news-story-detail h4 {font-size:18px;padding-top:5px;} .news-story-detail h5 {font-size:11px;font-weight:normal;padding:5px 0 10px 0;} .news-story-detail img {float:right; margin-left: 15px;} .news-story-sidemenu {width:230px;float:right;} .news-story-sidemenu h4 {font-size:18px;margin-top:17px;padding-bottom:10px;} .news-story-sidemenu li.first {list-style-type:none;padding-top:0px;margin-left: -13px;} .news-story-sidemenu li {list-style-type:none;padding-top:15px;margin-left: -13px;} .news-story-sidemenu a {color:#00A034;text-decoration:underline;font-size:12px;} #news-sections h2 {display: block;font-size:18px;padding-bottom:5px;} #news-sections dd {position:relative;min-height:210px;} #news-sections ol {margin-left:500px;} #news-sections ol li {list-style-type:none;padding:10px 0px;} #news-sections ol li a {text-decoration:underline;} /* Now force the first story over to the left */ #news-sections ol li.news-item-first {position:absolute;top:0;left:0;padding:10px;width:470px;} #news-sections ol li.news-item-first img {float:left;margin-right:10px;} #news-sections ol li.news-item-first h3 {background:none;} #news-sections ol li.news-item-first a {text-decoration:none;} /* Results Pages */ .content-block #game-branding {position:absolute;top:0;left:0;height:564px;width:100%;} .content-block.game-UK1-results #game-branding {background:url(/assets/images/results/brit.jpg) no-repeat 0 0;} .content-block.game-IE0-results #game-branding {background:url(/assets/images/results/irish.jpg) no-repeat 0 0;} .content-block.game-FRLOT-results #game-branding {background:url(/assets/images/results/french.jpg) no-repeat 0 0;} .content-block.game-ESPR649-results #game-branding {background:url(/assets/images/results/primitiva.jpg) no-repeat 0 0;} .content-block.game-ESLT649-results #game-branding {background:url(/assets/images/results/elnino.jpg) no-repeat 0 0;} .content-block.game-ESEG554-results #game-branding {background:url(/assets/images/results/elgordo.jpg) no-repeat 0 0;} .content-block.game-ESBO649-results #game-branding {background:url(/assets/images/results/summergordo.jpg) no-repeat 0 0;} .content-block.game-DELOT-results #game-branding {background:url(/assets/images/results/german.jpg) no-repeat 0 0;} .content-block.game-801-results #game-branding {background:url(/assets/images/results/euro.jpg) no-repeat 0 0;} table {border-collapse:collapse;margin:0 15px;width:410px;} .prize-breakdown td, table th {font-size:12px;border-bottom:solid 1px #CBCBCB;padding:5px;text-align:right;} table th {color:white;background:url(/assets/images/country_hovers.jpg) repeat-x #AC0A12;} table td {color:#4D5555;} table tr.totals td {background:#E5E5E5;font-weight:bold;} tbody td {padding: 0;} #results-listing a {margin-left:20px;position:relative;top:-20px;} /* Add a line between each item - can't use the dl because it has a width of 120% to prevent overflow */ #results-listing h5 {border-top:solid 1px #ccc;} /* add a border above headers */ #results-listing h5.first {border-top:none;} /* remove the border on the first one */ #results-listing .balls {padding-top:0px;} .info-box.results-info div {background-color: white;} .info-box.results-info h5, .info-box.results-info .jackpot-text {font-size:16px;color:#4D5555;padding:15px;} .info-box.results-info .balls {position:relative;height:100px;width:120%;padding:10px 0 0 7px;} .info-box.results-info .balls dt {display:none;} .info-box.results-info .balls dd {display:block;width:54px;height:75px;float:left;padding-top:17px; background:url(/assets/images/ball.png) no-repeat 0px 0; text-align:center;font-size:30px;color:#4D5555;font-weight: bold; } .info-box.results-info .balls dd.no-ball {background:none;display:none;} .info-box.results-info .balls dd {color:#4D5555;font-size:30px;font-weight:bold;text-align:center;} .game-UK1-results .balls dd.bonus-ball, #lotto-UK1 .bonus-ball {background:url(/assets/images/results/bonus_balls/brit_bonus_ball.jpg) no-repeat 2px 0;margin-left:0px;width:80px;} .game-IE0-results .balls dd.bonus-ball, #lotto-IE0 .bonus-ball {background:url(/assets/images/results/bonus_balls/irish_bonus_ball.jpg) no-repeat 2px 0;margin-left:0px;width:80px;} .game-FRLOT-results .balls dd.bonus-ball, #lotto-FRLOT .bonus-ball {background:url(/assets/images/results/bonus_balls/french_bonus_ball.jpg) no-repeat 2px 0;margin-left:0px;width:80px;} .game-801-results .balls dd.bonus-ball, #lotto-801 .bonus-ball {background:url(/assets/images/results/bonus_balls/euro_bonus_ball.jpg) no-repeat 2px 0;margin-left:0px;width:80px;} .game-DELOT-results .balls dd.bonus-ball, #lotto-DELOT .bonus-ball {background:url(/assets/images/results/bonus_balls/german_bonus_ball.jpg) no-repeat 2px 0;margin-left:0px;width:80px;} .game-ESPR649-results .balls dd.bonus-ball, #lotto-ESPR649 .bonus-ball, .game-ESEG554-results .balls dd.bonus-ball, #lotto-ESEG554 .bonus-ball, .game-ESLT649-results .balls dd.bonus-ball, #lotto-ESLT649 .bonus-ball, .game-ESBO649-results .balls dd.bonus-ball, #lotto-ESBO649 .bonus-ball {background:url(/assets/images/results/bonus_balls/spanish_bonus_ball.jpg) no-repeat 2px 0;margin-left:0px;width:80px;} .draw-info {position:relative;} .info-box.results-info .jackpot-text {padding-bottom:0;padding-top:0;} .jackpot-amount {font-size:38px;color:#E52F35;padding-left:15px;} .prize-fund-text {position:absolute;right:15px;height:57px;top:5px;width:141px;font-size:12px;color:#C9C9C9;padding:8px;z-index:1;} .game-UK1-results .prize-fund-text {background:url(/assets/images/results/prize_fund/brit_prize_fund.png) no-repeat;} .game-IE0-results .prize-fund-text {background:url(/assets/images/results/prize_fund/irish_prize_fund.png) no-repeat;} .game-FRLOT-results .prize-fund-text {background:url(/assets/images/results/prize_fund/french_prize_fund.png) no-repeat;} .game-801-results .prize-fund-text {background:url(/assets/images/results/prize_fund/euro_prize_fund.png) no-repeat;} .game-DELOT-results .prize-fund-text {background:url(/assets/images/results/prize_fund/german_prize_fund.png) no-repeat;} .game-ESPR649-results .prize-fund-text, .game-ESEG554-results .prize-fund-text, .game-ESLT649-results .prize-fund-text, .game-ESBO649-results .prize-fund-text {background:url(/assets/images/results/prize_fund/spanish_prize_fund.png) no-repeat;} .game-UK1-results .jackpot-amount {color:#FF0000;} .game-IE0-results .jackpot-amount {color:#007E01;} .game-FRLOT-results .jackpot-amount {color:#0C3083;} .game-801-results .jackpot-amount {color:#66336C;} .game-DELOT-results .jackpot-amount {color:#FF9900;} .game-ESPR649-results .jackpot-amount, .game-ESEG554-results .jackpot-amount, .game-ESLT649-results .jackpot-amount, .game-ESBO649-results .jackpot-amount {color:#FF3300;} #widget-container #next-jackpot {position:relative;left:-5px;} .content-block div.ca {min-height:600px;} .content-block div {} .content-block div.hr {} .game-UK1-results #next-jackpot {background: url(/assets/images/results/jackpot_widget/brit_jackpot.jpg) no-repeat -4px 0;width:280px;height:260px;} .game-IE0-results #next-jackpot {background: url(../images/results/jackpot_widget/irish_jackpot.jpg) no-repeat -4px 0;width:280px;height:271px;} .game-FRLOT-results #next-jackpot {background: url(/assets/images/results/jackpot_widget/french_jackpot.jpg) no-repeat -4px 0;width:280px;height:271px;} .game-801-results #next-jackpot {background: url(/assets/images/results/jackpot_widget/euromillions_jackpot.jpg) no-repeat -4px 0;width:280px;height:271px;} .game-DELOT-results #next-jackpot {background: url(/assets/images/results/jackpot_widget/german_jackpot.jpg) no-repeat -4px 0;width:280px;height:271px;} .game-ESPR649-results #next-jackpot {background: url(/assets/images/results/jackpot_widget/spanish_jackpot.jpg) no-repeat -4px 0;width:280px;height:271px;} .game-ESEG554-results #next-jackpot {background: url(/assets/images/results/jackpot_widget/elgordo_jackpot.jpg) no-repeat -4px 0;width:280px;height:271px;} .game-ESLT649-results #next-jackpot {background: url(/assets/images/results/jackpot_widget/elnino_jackpot.jpg) no-repeat -4px 0;width:280px;height:271px;} .game-ESBO649-results #next-jackpot {background: url(/assets/images/results/jackpot_widget/summergordo_jackpot.jpg) no-repeat -4px 0;width:280px;height:271px;} #next-jackpot .cd-d span, #next-jackpot .cd-m span, #next-jackpot .cd-h span, #next-jackpot a span {display:none;} #total-total-payout {position:absolute; top:185px; left:277px;background:none;font-weight:normal;text-align:left;border:none;} #next-jackpot .cd-d, #next-jackpot .cd-m, #next-jackpot .cd-h {font-size:22px;position:relative;width:60px;top:105px;text-align:center;} #next-jackpot .cd-d {left:62px;} #next-jackpot .cd-h {left:88px;} #next-jackpot .cd-m {left:122px;} #next-jackpot a {position:absolute;display:block;left:0;top:100px;width:100%;height:50px;} #next-jackpot #big-jackpot-widget {position:relative;text-align:center;top:84px;width:270px;} #next-jackpot #big-jackpot-widget span {display:none;} #big-jackpot-widget p {color:white;font-size:68px;font-style:italic;font-weight:bold;letter-spacing:-3px;} /* Winners area */ #wgchome-cta {background:url(/assets/images/winners/landingpage/cta.png) no-repeat 50% 30px;width:100%;height:249px;display:block;clear:both;margin:0; } #wgchome-cta span {display:none;} #wgchome-winners p {width:285px;height:260px;background:url(/assets/images/winners/landingpage/winner_box1.png) no-repeat 0 0;position:absolute;top:8px;left:5px;} #wgchome-charities p {width:285px;height:260px;background:url(/assets/images/winners/landingpage/winner_box2.png) no-repeat 0 -6px;position:absolute;top:8px;left:7px;} /* Play Now Page */ #play-now ol {background:url(/assets/images/playnow/play_now_whtbox.png) repeat-y;margin-left:8px;} #play-now ol li {height:158px;width:408px;overflow:hidden;margin-botom:10px;padding:0px 10px 10px 10px;margin-left:20px;} #play-now ol li ul {margin-left:57px;margin-right:110px;} #play-now ol li ul li {height:auto;list-style-image:none;list-style-position:outside;list-style-type:none;padding:0;} #play-now ol li ul li a {background: url(../images/playnow/bullet_green.png) no-repeat 0 3px;font-size:18px;color:#00A135;padding:0 0 0 20px;margin: 0;display:block;} #play-now ol li div {height:148px;} #play-now ol li div h4, #play-now ol li div p {margin-left:77px;margin-right:110px;} #play-now ol li div p {line-height:140%;margin-bottom:0;} #play-now ol li div h4 {font-size:18px;padding-top:47px;margin-bottom:2px;line-height:100%;} #play-now ol li#li1 {background:url(/assets/images/playnow/step1-num.png) no-repeat 0 44px;} #play-now ol li#li1 div {background:url(/assets/images/playnow/step1-icon.jpg) no-repeat 100% 70%;} #play-now ol li#li2 {background:url(/assets/images/playnow/step2-num.png) no-repeat 0 44px;} #play-now ol li#li2 div {background:url(/assets/images/playnow/step2-icon.jpg) no-repeat 100% 70%;} #play-now ol li#li2 div h4 {padding-top:24px;} #play-now ol li#li3 {background:url(/assets/images/playnow/step3-num.png) no-repeat 0 44px;} #play-now ol li#li3 div {background:url(/assets/images/playnow/step3-icon.jpg) no-repeat 100% 70%;} #play-now ol li#li4 {background:url(/assets/images/playnow/step4-num.png) no-repeat 0 44px;} #play-now ol li#li4 div {background:url(/assets/images/playnow/step4-icon.jpg) no-repeat 100% 70%;} #play-now ol li ul li span {font-size:10px;letter-spacing:-1px;font-weight:normal;margin:0;display:block;background:none;width:230px;} /* Follow Us Page */ #page-62 #content-split-content img {margin-right: 20px;} /* Newsletter signup widget */ #newsletter-signup.bullet-cta > div {background:url(/assets/images/playnow/signup-box-bg.png) no-repeat scroll 50% 0;padding:10px;} #newsletter-signup.bullet-cta .hr {background:url(/assets/images/playnow/signup-box-bg-btm.png) no-repeat scroll 50% 100%;} #newsletter-signup h4 {text-transform:uppercase;} #newsletter-signup form {padding-left:20px;} #newsletter-signup form fieldset {border:none;padding:0;margin:0;} #newsletter-signup form fieldset legend {display:none;} #newsletter-signup form a {white-space:nowrap;} #newsletter-signup form p {font-size: 9px;margin:0;padding:10px 10px 0 0;} #newsletter-signup form label {display:block;} #newsletter-signup form label span {padding:5px;} #newsletter-signup form label .dob {padding:10px 5px; background: url(../images/playnow/18plus.jpg) no-repeat 6.5em .35em; } #newsletter-signup form select {padding:5px 2px;width:206px;} #newsletter-signup form input {padding:5px 0;width:200px;} #newsletter-signup form label.boolean {margin-top:6px;} #newsletter-signup form label.boolean span {margin-left:20px;} #newsletter-signup form label.boolean input {width:20px;margin-top:6px;float:left;} #newsletter-signup form label.button span {display:none;} #newsletter-signup form label.button input {width:212px;height:47px;border: none; background: url(/assets/images/sign_up/sign_up_now_button.png) no-repeat 0 0;font-size: 17px;color: white;text-transform: uppercase; margin:10px 0;} #newsletter-signup form label.button input:hover {background: url(/assets/images/sign_up/sign_up_now_button.png) no-repeat 0 -47px;color: #600b08;} /* First name is beside title */ #newsletter-signup form #title {float:left;} #newsletter-signup form #title select {width:50px;} #newsletter-signup form #first-name {width:130px;} #newsletter-signup form #first-name input {width:124px;} #newsletter-signup form #birth-day select {width:62px;float:left;} #newsletter-signup form #birth-month select {width:77px;float:left;} #newsletter-signup form #birth-year select {width:66px;} /* @group My Group */ /* @end */ .prize-fund-amount {position:absolute;right:15px;top:25px;width:147px;font-size:20px;color:white;z-index:2;} /* Generic Article Pages */ #generic-article {padding: 10px 0;} a#en-gb-site {display:block;float:right;height:14px;position:relative;right:10px;top:10px;width:23px;background: url(../images/jp/temp_home/uk-flag.gif) no-repeat;} a#en-gb-site span {display:none;} a#ja-site {display:block;float:right;height:14px;position:relative;right:10px;top:20px;width:23px;background: url(../images/jp-flag.gif) no-repeat;border: 1px solid #d5d5d5;} a#ja-site span {display:none;} /* Edit mode */ .editonly {margin:8px;border:solid 1px black;background:#ddd;color:black;padding:10px;} /* Site Map */ #page-121031 #content-split-content h4 {font-size: 1.17em;margin-bottom: 5px;} #page-121031 #content-split-content ul {margin-left:0px;} #page-121031 #content-split-content ul li ul li, #page-121031 #content-split-content ul li ul li ul li {margin-left:5px;} #page-121031 #content-split-content li {list-style-type:none;margin-bottom:10px;padding-left:8px;background:url(/assets/images/site/bullet_1.png) no-repeat 0 6px;line-height:1.8em;font-weight: bold;} #page-121031 #content-split-content li li {margin-left:0px;margin-bottom:0;background:url(/assets/images/site/bullet_2.gif) no-repeat 1px 9px;font-weight: normal;} #page-121031 #content-split-content li li li {margin-left:0px;margin-bottom:0;background:url(/assets/images/site/bullet_2.gif) no-repeat 1px 9px;font-weight: normal;} #page-121031 .content-block > div {background: white url(../images/news/news_article_shadow.jpg) repeat-x scroll 0 0;} #lotto-ESPR649 .superdraw-alert {background:url(/assets/images/playgames/super_rollover/spanish-superdraw.png) no-repeat; display:block;width:227px;height:87px;padding:60px 20px 10px 20px;} #lotto-801 .superdraw-alert {background: url(/assets/images/playgames/super_rollover/euro-rollover.png) no-repeat; display:block;width:230px;height:87px;padding:60px 20px 10px 20px;} #lotto-FRLOT .superdraw-alert {background: url(/assets/images/playgames/super_rollover/french-rollover.png) no-repeat; display:block;width:230px;height:87px;padding:60px 20px 10px 20px;} #lotto-UK1 .superdraw-alert {background: url(/assets/images/playgames/super_rollover/brit-rollover.png) no-repeat; display:block;width:230px;height:87px;padding:60px 20px 10px 20px;} .superdraw-alert h3, .superdraw-alert dt {display:none;} .superdraw-alert dd {font-size:14px;font-weight:bold;margin-bottom:0;color: #ccc;} .superdraw-alert dd sup{font-size:14px;} .superdraw-alert dd.amount {font-size:35px;color:white;margin-top:-3px;} .content-block h3 span.cufon {background:none !important;margin:0;padding:0;} /* Hide el gordo on results home page */ #page-4 #lotto-ESEG554 {display:none;}