/* Coded By : Wes Smith / wes@monsteresedge.com / Monsters Edge */
/* File Title : Global Styles */

/* --- IMPORTS --- */
@import "backgrounds.css";
@import "tabs.css";
@import "tables.css";
@import "forms.css";
@import "modal.css";
@import "columns.css";
@import "avatar.css";
@import "partners.css";

/* --- GLOBAL STYLES --- */
body { font-size:14px; line-height:16px; font-family:Tahoma, Arial, Helvetica, Verdana, sans-serif; margin:0; padding:0; background:#ffffff; color:#000000; text-align:left;}
img { display:block; border:0;}
p { padding:0 0 15px 0; margin:0; line-height:20px;}
address { font-style:normal;}
.note { padding:10px 0 0 35px;}

#beta { position:absolute; top:110px; left:365px; color:#fff; font-size:14px;}

/* --- MESSAGES --- */
ul.success_list { margin:0; padding:0; list-style:none;}
ul.success_list li { background:#b5e398 !important; border:2px solid #7ccc4a; color:#ffffff; padding:0 5px !important; margin:0 0 10px 0 !important; font-weight:bold; line-height:22px;}
ul.error_list { margin:0; padding:0; list-style:none;}
ul.error_list li { background:#f08d83 !important; border:2px solid #d21d0a; color:#ffffff; padding:0 5px !important; margin:0 0 10px 0 !important; font-weight:bold; line-height:22px;}

/* --- GENERAL IDS --- */
/* MIN HEIGHT HACK - height:auto !important; height:1px; min-height:1px;*/
#headerContainer { width:986px; margin:0 auto;}
#headerContainer #header { width:986px; height:140px; position:relative;} 
#headerContainer #header #logo { position:absolute; top:0px; left:3;}
#headerContainer #header #helpIcon { position:absolute; top:9px; right:20px;}
#headerContainer #header #helpIcon:hover { cursor:pointer;}
#headerContainer #header #helpStar { position:absolute; top:9px; right:-30px;}
#headerContainer #header #socialIcons { position:absolute; top:102px; left:250px; width:120px;}
#contentContainer { width:986px; margin:0 auto; z-index:1;}  
#contentContainer #homeJumpsTop {}  
#contentContainer #homeJumpsTop #footballChallenge { float:left; margin:20px 0 0 0;}
#contentContainer #homeJumpsTop #registerNow { float:right; margin:0 0 0 0;}
#contentContainer #homeJumpsBottom { width:986px; height:302px; background:url(../images/boxes/homeJumpsBottom.png) 0 0 no-repeat; margin:0 0 15px 0;} 
#contentContainer #homeJumpsBottom .jumpsPadding { padding:25px 0 25px 32px;}
#contentContainer #homeJumpsBottom .jump { width:180px; height:220px; min-height:220px !important; background:url(../images/boxes/homeJumpBg.gif) 0 0 no-repeat; float:left; position:relative;}
#contentContainer #homeJumpsBottom .jump#lottery .img { position:absolute; top:5px; left:-12px;}
#contentContainer #homeJumpsBottom .jump#prizes .img { position:absolute; top:0px; left:0px;}
#contentContainer #homeJumpsBottom .jump#partners { margin:0 70px 0 67px;}
#contentContainer #homeJumpsBottom .jump#partners .img { position:absolute; top:-13px; left:-6px;}
#contentContainer #homeJumpsBottom .jump#f4f { margin:0 70px 0 67px;}
#contentContainer #homeJumpsBottom .jump#f4f .img { position:absolute; top:0px; left:0px;}
#contentContainer #homeJumpsBottom .jump#teachers .img { position:absolute; top:-13px; left:-14px;}
#contentContainer #homeJumpsBottom .jump#shop { margin:0 0 0 65px;}
#contentContainer #homeJumpsBottom .jump#shop .img { position:absolute; top:-10px; left:-18px;}
#contentContainer #homeJumpsBottom .jump#shirts { margin:0 0 0 65px;}
#contentContainer #homeJumpsBottom .jump#shirts .img { position:absolute; top:6px; left:-20px;}
#contentContainer #homeJumpsBottom .jump#offer { margin:0 0 0 65px;}
#contentContainer #homeJumpsBottom .jump#offer .img { position:absolute; top:-30px; left:0px;}
#contentContainer #homeJumpsBottom .jump#celeb { margin:0 0 0 65px;}
#contentContainer #homeJumpsBottom .jump#celeb .img { position:absolute; top:17px; left:-13px;}
#contentContainer #homeJumpsBottom .jump#euro { margin:0 0 0 65px;}
#contentContainer #homeJumpsBottom .jump#euro .img { position:absolute; top:0px; left:0px;}
#contentContainer #pageImg { float:right; margin:5px 0 15px 15px;}

/* --- BOXES --- */
#soundIcon { position:absolute; top:10px; right:82px;}
#soundIconOff { position:absolute; top:10px; right:22px;}
#boxContainer { margin:15px 0;}
.box758Top { width:758px; height:12px; background:url(../images/boxes/box758Top.png) 0 0 no-repeat; font-size:0;}
.box758Body { padding:2px 18px 12px 18px; background:url(../images/boxes/box758Body.png) 0 0 repeat-y; height:auto !important; height:500px; min-height:500px;}
.box758Bottom { width:758px; height:12px; background:url(../images/boxes/box758Bottom.png) 0 0 no-repeat; font-size:0;}
.box986Top { width:986px; height:12px; background:url(../images/boxes/box986Top.png) 0 0 no-repeat; font-size:0;}
.box986Body { padding:0px 20px 12px 20px; background:url(../images/boxes/box986Body.png) 0 0 repeat-y; position:relative; height:auto !important; height:500px; min-height:500px;}
.box986Bottom { width:986px; height:12px; background:url(../images/boxes/box986Bottom.png) 0 0 no-repeat; font-size:0;}
#blueBox { width:940px; margin:0 auto;}
.boxBlue940Top { width:940px; height:10px; background:url(../images/boxes/boxBlue940Top.gif) 0 0 no-repeat; font-size:0;}
.boxBlue940Body { background:#02aee9; padding:10px 15px;}
.boxBlue940Bottom { width:940px; height:10px; background:url(../images/boxes/boxBlue940Bottom.gif) 0 0 no-repeat; font-size:0;}
.boxBlue940Body { background:#02aee9; padding:5px 15px;}
#contactUs { background:url(../images/boxes/contactBg.jpg) 0 0 no-repeat;}
#lottery { background:url(../images/lotteryBg.jpg) bottom right no-repeat; height:auto !important; height:620px; min-height:620px;}

/* --- RIGHT COL BOXES --- */
.boxSpacer { margin:0 0 15px 0;}
#latestWinner { width:208px; height:266px; background:url(../images/boxes-right-col/latestWinnerBg.png) 0 0 no-repeat; position:relative;}
#latestWinner img { position:absolute; top:120px; left:58px;}
#latestWinner .winnerPadding { padding:115px 0 0 0; font-size:14px; text-align:center;}
#latestWinner .winnerAlt { margin:6px 0;}

/* --- WINNERS SLIDESHOW --- */
#slideshow { position:absolute; top:125px;left:45px; width:120px;background:#ffffff;}
#slideshow div.winner { position:absolute; top:0; left:0; z-index:8;background:#ffffff;	width:120px;height:100px;display:block;}
#slideshow div.winner.active { z-index:10;background:#ffffff;width:120px;height:90px;display:block;}
#slideshow div.winner.last-active { z-index:9;background:#ffffff;width:120px;height:90px;display:block;}

/* --- SCOREBOARD --- */
#scoreboardFilter { width:746px; height:48px; padding:17px 0 0 200px; background:url(../images/scoreboardFilterBg.gif) 0 0 no-repeat; margin:0 0 10px 0;}
#scoreboardTitle { font-size:16px; line-height:18px; font-weight:bold; width:600px; margin:0 auto 15px auto; text-align:center;}

/* --- LOTTERY --- */
#winner { margin:0 0 20px 0;}
#winner .player { font-weight:bold; font-size:12px;}
#winner .player .avatar { width:89px; height:96px; padding:4px 0 0 11px; background:url(../images/boxes/playerAvatarBg.gif) 0 0 no-repeat; float:left; margin:0 15px 0 0;}
#winner .player .avatar .avatarImage { width:89px; height:95px; overflow:hidden;}
#winner .player .playerDetails { padding:10px 0 0 0; width:330px; float:left;}
#winner .player .playerDetails .text { font-weight:normal;}
#winner .player .playerDetails div { margin:0 0 5px 0;}
#winner .player span { font-weight:normal; width:65px; display:inline-block;}

/* --- LATEST NEWS --- */
#newsCategories { float:left; width:160px; padding:0 0 0 0;}
#newsCategories ul { margin:0; padding:0; list-style:none;}
#newsCategories ul li { display:inline; float:left; margin:0 0 2px 0 !important; background:none !important; padding:0 !important;}
#newsCategories ul li a { display:inline; float:left; font-family:Tahoma, Arial; font-size:12px; font-weight:bold; color:#FFFFFF !important; text-decoration:none !important; background:url(../images/newsNavRight.gif) top right no-repeat; width:160px;}
#newsCategories ul li a span { display:inline; float:left; height:28px; padding:10px 14px 0 15px; cursor:pointer; background:url(../images/newsNavLeft.gif) top left no-repeat;}
#newsCategories ul li a:hover { background:url(../images/newsNavRightOn.gif) top right no-repeat; color:#ffffff; text-decoration:none;}
#newsCategories ul li a:hover span { background:url(../images/newsNavLeftOn.gif) top left no-repeat;}
#newsCategories ul li.active a { background:url(../images/newsNavRightOn.gif) top right no-repeat; color:#ffffff; text-decoration:none;}
#newsCategories ul li.active a span { background:url(../images/newsNavLeftOn.gif) top left no-repeat;}
#newsArticles { float:right; width:766px;}
#newsArticles #newsFilter { width:501px; height:37px; padding:8px 0 0 265px; background:url(../images/newsFilterBg.gif) 0 0 no-repeat;}
#newsArticles .article { padding:15px 0 15px 0; border-bottom:1px solid #cccccc; height:auto !important; height:220px; min-height:220px;}
#newsArticles .article p { padding:0 0 10px 0;}
#newsArticles .articleImg { float:right; margin:0 0 10px 10px; width:150px; height:150px;}
#newsArticles .articleImg img { width:150px;}
#newsTitle { margin:0 0 0 170px;}
#articleDetails img { max-width:766px;}

/* --- PAGINATION --- */
.pagination { padding:15px 0;}
.pagination .pagesInfo { float:left;}
.pagination ul.pages { float:right;}
.pagination ul.pages li { display:inline; background:none !important; padding:0 !important; margin:0 0 0 1px !important;}
.pagination ul.pages li a { padding:2px 3px !important;}
.pagination ul.pages li a:hover { background:#057bb4; color:#ffffff !important; text-decoration:none !important;}
.pagination ul.pages li.active a { background:#057bb4; color:#ffffff !important;}

/* --- FAQS --- */
#faqsFilter { width:332px; height:40px; padding:10px 0 0 390px; background:url(../images/faqsFilterBg.gif) 0 0 no-repeat; margin:0 0 15px 0;}
#qanda { padding:0 0 15px 20px;}
#qanda .question { margin:0 0 15px 0;}
#qanda .question p { padding:0 0 5px 0;}
#qanda .faqA { font-weight:bold; display:block; float:left; margin:2px 5px 0 0;}
 
/* --- ROLLOVERS --- */
#rolloverSubscribe { position:absolute; top:25px; left:379px; display:block; width:159px; height:42px; background:url(../images/rollovers/rollover-subscribe.png) 0 0 no-repeat;}
#rolloverSubscribe:hover { background:url(../images/rollovers/rollover-subscribe.png) 0 -42px no-repeat;}
#rolloverSubscribe2 { position:absolute; top:25px; left:349px; display:block; width:159px; height:42px; background:url(../images/rollovers/rollover-subscribe.png) 0 0 no-repeat;}
#rolloverSubscribe2:hover { background:url(../images/rollovers/rollover-subscribe.png) 0 -42px no-repeat;}

#rolloverParentAccount { position:absolute; top:25px; left:293px; display:block; width:245px; height:42px; background:url(../images/rollovers/rollover-parent-account.png) 0 0 no-repeat;}
#rolloverParentAccount:hover { background:url(../images/rollovers/rollover-parent-account.png) 0 -42px no-repeat;}
#rolloverYourShout { position:absolute; top:25px; left:553px; display:block; width:186px; height:42px; background:url(../images/rollovers/rollover-yourshout.png) 0 0 no-repeat;}
#rolloverYourShout:hover { background:url(../images/rollovers/rollover-yourshout.png) 0 -42px no-repeat;}
#rolloverParentAccount2 { position:absolute; top:25px; left:263px; display:block; width:245px; height:42px; background:url(../images/rollovers/rollover-parent-account.png) 0 0 no-repeat;}
#rolloverParentAccount2:hover { background:url(../images/rollovers/rollover-parent-account.png) 0 -42px no-repeat;}
#rolloverYourShout2 { position:absolute; top:25px; left:523px; display:block; width:186px; height:42px; background:url(../images/rollovers/rollover-yourshout.png) 0 0 no-repeat;}
#rolloverYourShout2:hover { background:url(../images/rollovers/rollover-yourshout.png) 0 -42px no-repeat;}
#rolloverLogin { position:absolute; top:25px; left:753px; display:block; width:95px; height:42px; background:url(../images/rollovers/rollover-login.png) 0 0 no-repeat;}
#rolloverLogin:hover { background:url(../images/rollovers/rollover-login.png) 0 -42px no-repeat;}
#rolloverLogout { position:absolute; top:25px; left:725px; display:block; width:125px; height:42px; background:url(../images/rollovers/rollover-logout.png) 0 0 no-repeat;}
#rolloverLogout:hover { background:url(../images/rollovers/rollover-logout.png) 0 -42px no-repeat;}
#rolloverPTC { position:absolute; top:78px; left:422px; display:block; width:427px; height:45px; background:url(../images/rollovers/rollover-ptc.png) 0 0 no-repeat;}
#rolloverPTC:hover { background:url(../images/rollovers/rollover-ptc.png) 0 -45px no-repeat;}

#rolloverLoginParent { position:absolute; top:25px; left:504px; display:block; width:344px; height:42px; background:url(../images/rollovers/rollover-login-parent.png) 0 0 no-repeat;}
#rolloverLoginParent:hover { background:url(../images/rollovers/rollover-login-parent.png) 0 -42px no-repeat;}

/* --- HOME JUMPS BOTTOM --- */
#contentContainer #homeJumpsBottom .jump#lottery a span { position:absolute; top:192px; left:25px; display:block; width:132px; height:42px; background:url(../images/rollovers/rollover-lottery.png) 0 0 no-repeat;}
#contentContainer #homeJumpsBottom .jump#lottery a:hover span { background:url(../images/rollovers/rollover-lottery.png) 0 -42px no-repeat;}
#contentContainer #homeJumpsBottom .jump#partners a span { position:absolute; top:192px; left:-15px; display:block; width:207px; height:42px; background:url(../images/rollovers/rollover-partners.png) 0 0 no-repeat;}
#contentContainer #homeJumpsBottom .jump#partners a:hover span { background:url(../images/rollovers/rollover-partners.png) 0 -42px no-repeat;}
#contentContainer #homeJumpsBottom .jump#teachers a span { position:absolute; top:192px; left:-13px; display:block; width:204px; height:60px; background:url(../images/rollovers/rollover-adults.png) 0 0 no-repeat;}
#contentContainer #homeJumpsBottom .jump#teachers a:hover span { background:url(../images/rollovers/rollover-adults.png) 0 -60px no-repeat;}
#contentContainer #homeJumpsBottom .jump#shop a span { position:absolute; top:192px; left:46px; display:block; width:89px; height:42px; background:url(../images/rollovers/rollover-shop.png) 0 0 no-repeat;}
#contentContainer #homeJumpsBottom .jump#shop a:hover span { background:url(../images/rollovers/rollover-shop.png) 0 -42px no-repeat;}
#contentContainer #homeJumpsBottom .jump#shirts a span { position:absolute; top:192px; left:20px; display:block; width:134px; height:60px; background:url(../images/rollovers/rollover-footie-balls-store.png) 0 0 no-repeat;}
#contentContainer #homeJumpsBottom .jump#shirts a:hover span { background:url(../images/rollovers/rollover-footie-balls-store.png) 0 -60px no-repeat;}
#contentContainer #homeJumpsBottom .jump#f4f a span { position:absolute; top:192px; left:55px; display:block; width:65px; height:43px; background:url(../images/rollovers/rollover-f4f.png) 0 0 no-repeat;}
#contentContainer #homeJumpsBottom .jump#f4f a:hover span { background:url(../images/rollovers/rollover-f4f.png) 0 -43px no-repeat;}
#contentContainer #homeJumpsBottom .jump#prizes a span { position:absolute; top:189px; left:-18px; display:block; width:216px; height:61px; background:url(../images/rollovers/rollover-prizes-new.png) 0 0 no-repeat;}
#contentContainer #homeJumpsBottom .jump#prizes a:hover span { background:url(../images/rollovers/rollover-prizes-new.png) 0 -61px no-repeat;}
#contentContainer #homeJumpsBottom .jump#celeb a span { position:absolute; top:192px; left:12px; display:block; width:154px; height:60px; background:url(../images/rollovers/rollover-celeb-leaderboard.png) 0 0 no-repeat;}
#contentContainer #homeJumpsBottom .jump#celeb a:hover span { background:url(../images/rollovers/rollover-celeb-leaderboard.png) 0 -60px no-repeat;}

/* --- NEWS TICKER --- */
#newsTicker { width:986px; margin:0 auto; height:50px; background:#0e3e55; color:#ffffff; font-size:20px; text-transform:uppercase; font-family:Tahoma, Arial;}
#newsTicker .tickercontainer { background:#0e3e55; width:986px; height: 50px; margin: 0; padding: 0; overflow: hidden; }
#newsTicker .tickercontainer .mask { position: relative; left: 10px; top:11px; width:966px; overflow: hidden;}
#newsTicker ul.newsticker { position: relative; left: 986px; list-style-type: none; margin: 0; padding: 0;}
#newsTicker ul.newsticker li { float:left; margin:0 !important; padding:6px 35px; color: #ffffff; background:url(../images/newsShield.gif) 0 0 no-repeat; font-weight:bold;}
#newsTicker ul.newsticker a { white-space: nowrap; padding: 0; color:#ffffff; margin:0 0 0 0;} 
#newsTicker ul.newsticker span { margin: 0 10px 0 0; font-weight:normal;}

/* --- GENERAL CLASSES --- */
.clear { clear:both;}
.left { float:left;}
.right { float:right;}
.boldBlue { font-weight:bold; color:#057bb4;}
.imageRight { float:right; margin:5px 0 15px 15px;}
.imageLeft { float:left; margin:5px 15px 15px 0;}
.pctJump { float:left;}
.ysJump { float:left;}
.pPadding { padding:0 20px;}

/* --- HEADINGS & PARAGRAPHS --- */
h1, h2, h3, h4, h5, h6 { margin:0 0 5px 0; padding:0; font-size:12px; line-height:16px; font-weight:bold;}
h2 { font-size:20px; line-height:22px; margin:0 0 10px 0;}
h3 { font-size:16px; line-height:18px; margin:0 0 10px 0;}
h4 { font-size:14px; line-height:16px; margin:0 0 10px 0;}
.blueTitle { font-size:16px; font-weight:bold; color:#0579b2; margin:0 0 10px 0;}
h3 a { font-size:14px;}

/* --- LISTS --- */
#contentContainer ul { list-style:none; padding:0; margin:0;}
#contentContainer ul li { background:url(../images/listBullet.png) 0 0 no-repeat; padding:5px 0 10px 60px; margin:0 0 5px 0;}
#contentContainer ul li a { font-weight:bold; color:#057bb4; text-decoration:none;}
#contentContainer ul li a:hover { text-decoration:underline;}

/* --- BUTTONS --- */
.btn { display:inline-block; background:#0b3448; padding:6px 10px 8px 10px; font-family:Tahoma, Arial; font-size:14px; font-weight:bold; color:#FFFFFF; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-decoration:none; margin:0 5px 15px 0;}
.btn:hover { background:#02aee9; text-decoration:none;}

/* ----- TOP NAVIGATION ----- */
#topNav { width:986px; height:68px; background:url(../images/topNav.png) 0 0 no-repeat; z-index:100; position:relative;}
#topNav .navPadding { padding:10px 0 0 13px;}
#topNav ul { margin:0; padding:0; list-style:none;}
#topNav ul li { display:inline; float:left; margin:0 2px 0 0; position:relative;}
#topNav ul li a { display:inline; float:left; font-family:Tahoma, Arial; font-size:16px; font-weight:bold; color:#FFFFFF; text-decoration:none;}
#topNav ul li a span { display:inline; float:left; height:28px; padding:10px 14px 0 15px; cursor:pointer;}
#topNav ul li a:hover { background:url(../images/topNavOnRight.gif) top right no-repeat; color:#ffffff; text-decoration:none;}
#topNav ul li a:hover span { background:url(../images/topNavOnLeft.gif) top left no-repeat;}
#topNav ul li.active a { background:url(../images/topNavOnRight.gif) top right no-repeat; color:#ffffff; text-decoration:none;}
#topNav ul li.active a span { background:url(../images/topNavOnLeft.gif) top left no-repeat;}
#topNav ul li ul { display:none; position:absolute; padding:0 0 10px 0; margin:0; top:47px; left:0; background:#096899}
#topNav ul li ul li { float:left;}
#topNav ul li ul li a { float:left; display:block; padding:5px 15px; width:130px; font-size:14px; background:none !important;}
#topNav ul li ul li a:hover { background:none; color:#02aee9;}

/* --- LEFT NAV --- */
#leftNav { float:left; width:160px;}
#leftNav ul { margin:0; padding:0; list-style:none;}
#leftNav ul li { display:inline; float:left; margin:0 0 2px 0 !important; background:none !important; padding:0 !important;}
#leftNav ul li a { display:inline; float:left; font-family:Tahoma, Arial; font-size:12px; font-weight:bold; color:#FFFFFF !important; text-decoration:none !important; background:url(../images/newsNavRight.gif) top right no-repeat; width:160px;}
#leftNav ul li a span { display:inline; float:left; height:28px; padding:10px 14px 0 15px; cursor:pointer; background:url(../images/newsNavLeft.gif) top left no-repeat;}
#leftNav ul li a:hover { background:url(../images/newsNavRightOn.gif) top right no-repeat; color:#ffffff; text-decoration:none;}
#leftNav ul li a:hover span { background:url(../images/newsNavLeftOn.gif) top left no-repeat;}
#leftNav ul li.active a { background:url(../images/newsNavRightOn.gif) top right no-repeat; color:#ffffff; text-decoration:none;}
#leftNav ul li.active a span { background:url(../images/newsNavLeftOn.gif) top left no-repeat;}

/* --- FOOTER --- */
#footer { width:986px; height:162px; background:url(../images/footerBg.png) 0 0 no-repeat; margin:50px auto 0 auto; position:relative;}
#footer #badge { position:absolute; top:-35px; left:48px;}
#footer .title { margin:0 0 5px 0;}
#footer ul { list-style:none; padding:0; margin:0; font-family:Tahoma, Arial; font-size:12px; font-weight:bold;}
#footer ul li { padding:0 0 1px 5px;}
#footer ul li a { color:#FFFFFF; text-decoration:none;}
#footer ul li a:hover { text-decoration:underline;}
#footer #information { position:absolute; top:25px; right:22px;}
#footer #useful { position:absolute; top:25px; right:190px;}
#footer #ourPartners { position:absolute; top:25px; left:230px;}

/* ----- LINKS ----- */
a { color:#02aee9; font-weight:bold; text-decoration:none;}
a:hover { text-decoration:underline;}
a:focus, a:hover, a:active { outline:none;}

/* ----- SITEMAP ----- */
ul#sitemap { list-style:none; padding:0; margin:0;}
ul#sitemap li { background:url(../images/listBulletSmall.gif) 0 0 no-repeat; padding:0 0 3px 40px !important;}
ul#sitemap li ul { margin:15px 0 0 0;}
ul#sitemap li ul li {}