/*** GLOGAL ELEMENTS ***/ body { font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; line-height:18px; margin:0px; background-image:url(images/sitedesign-header-bg.gif); background-repeat:repeat-x; } img { border:none; } p { margin-top:0px; margin-bottom: 8px; } .imgAvatar { border-style:solid; border-width:3px; border-color: #659cd2; vertical-align:top; } .errorMsg {color:red; } .errorMsgv2 {color:red; margin-bottom:10px; float:left; } .center { text-align:center; } .right { text-align:right; } .clear { clear:both; } .floatright { float:right; padding-left:20px; } .floatleft { float:left; padding-right:20px; } .blue { color: #659cd2; } .black { color: #000000; } hr {color:#E4E4E4;} /* input, textarea { height:15px; font-size:11px; border-style: solid; border-collapse:#3d6899; border-width:1px; color:#666666; margin-bottom:5px; } */ /*** SIFR AND HEADING ELEMENTS ***/ h1 { width: 290px; height:110px; float:left; margin:0px; background-image:url(images/sitedesign-logo-new.gif); background-repeat:no-repeat; cursor: pointer; } h1 span { display: none; } h2 { font-weight:bold; color:#659cd2; font-size:20px; margin-bottom:20px; } .intro { height:40px; margin-top:20px; margin-bottom:10px; font-size:18px; } .introsmall { height: 30px; float:left; margin-bottom:0px; margin-top:10px; } .betoption { height: 30px; float:left; margin-bottom:0px; margin-top:10px; margin-left:5px; } .betoption[class] { height: 30px; float:left; margin-bottom:0px; margin-top:10px; margin-left:0px; } h4 { font-size:24px; color: #659cd2; font-weight: bold; margin:0px; margin-bottom:20px; } h5.categoryname { font-size:22px; font-weight: bold; margin:0px; margin-bottom:5px; } h5.categories { font-size:18px; font-weight: bold; } .sIFR-flash { visibility: visible; margin: 0; } .sIFR-replaced { visibility: visible; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-hasFlash .introsmall, .intro, .betoption, .competitions, .oldcompetitions, .competitionsaccuracy { visibility: hidden; } /*** CONTAINER ELEMENTS ***/ #container { width:960px; margin-left:auto; margin-right:auto; text-align:left; } #headerbar { width: 960px; height:25px; float:left; background-image:url(images/sitedesign-headerbar.gif); background-repeat:no-repeat; } #header { width:960px; height:145px; float:left; } #navigation { width:890px; height:35px; float:left; padding-left:80px; margin-top:0px; position:relative; z-index:1000; } #maincontent { width:960px; float:left; background-color:#FFFFFF; } #breadcrumb { width:945px; float:left; font-size:11px; margin-top:10px; padding-left:15px; padding-bottom:10px; position:relative; z-index:100; } #footer { width:100%; height:150px; background-image:url(images/sitedesign-footer-bg.gif); background-repeat:repeat-x; padding-top:40px; } #footertext { width:960px; margin-left:auto; margin-right:auto; text-align:left; color:#FFFFFF; font-size:11px; text-align:right; } #content { width: 930px; float:left; padding-left:15px; padding-right:15px; } /** Control Panel Elements **/ #controlpanel { width: 500px; height: 90px; float:right; padding-right:10px; padding-top:5px; font-size:10px; color:#FFFFFF; text-align:right; } #controlpanel #login { width:190px; height:90px; float:right; color:#FFFFFF; font-size:10px; } #controlpanel #login .loginfield { width: 175px; height:15px; font-size:11px; border-style: solid; border-collapse:#3d6899; border-width:1px; color:#666666; margin-bottom:5px; } #controlpanel #login .loginbuton { width: 60px; margin-right:10px; height:20px; background-image:url(images/button-login.gif); background-repeat:no-repeat; float:right; border:none; cursor: pointer; background-color:#5998d6; } #controlpanel #quickpanel { color: #082b4d; width:480px; height: 60px; float:right; } #controlpanel #quickpanel .panel { padding-left:10px; padding-top:10px; float:right; } #controlpanel #quickpanel .panel img { float:left; padding-right:5px; } #controlpanel #quickpanel .panel a { color:#082b4d; } #controlpanel #quickpanel .panel .values { font-size:14px; font-weight: bold; color:#c8daef; text-align:center; } #controlpanel #quickpanel .divider { width:1px; height:50px; background-image:url(images/image-divider-controlpanel.gif); background-repeat:no-repeat; float:right; margin-left:10px; } #controlpanel .punter { font-size:11px;font-weight:bold;} /** HOME PAGE ELEMENTS **/ #homeintro { width:590px; height:410px; margin-bottom:10px; float:left; } /** Flash Panel**/ #homeflash { width:370px; height:280px; float:left; margin-top:-40px; position:relative; } #flash { width:370px; height:280px; float:left; position:absolute; } #rotatingpanel { width:370px; height:280px; top:40px; left:-5px; float:left; position:absolute; } /** Featured Panel **/ #featured { width:265px; height: 150px; float:left; padding-left:75px; padding-right:30px; padding-top:15px; background-image:url(images/sitedesign-featured.gif); background-repeat:no-repeat; margin-top:280px; color:#FFFFFF; font-size: 11px; text-align:center; position:absolute; } #featured h4 { display: none; } #featured h5 { font-size: 20px; line-height:28px; color:#FFFFFF; margin:0px; margin-bottom:5px; } #featured img { margin-top:5px; } /*** Category Selector Panel ***/ #homeselector { width: 590px; height:170px; float:left; position:relative; } #homeselector #categories { width: 590px; height:170px; float:left; position:absolute; background-image:url(images/sitedesign-homeselector-categories.gif); background-repeat:no-repeat; } #homeselector #categories .tabs { width: 88px; height:20px; float:right; font-size:10px; text-align:center; } #homeselector #sports { width: 590px; height:170px; float:left; position:absolute; background-image:url(images/sitedesign-homeselector-sports.gif); background-repeat:no-repeat; visibility:hidden; } #homeselector #sports .tabs { width: 88px; height:20px; float:right; font-size:10px; text-align:center; } #categoriescontroller, #sportscontroller { display:none; } #jFlowSlide, #jFlowSlide2 { float:left; margin-top:9px; margin-left:10px; margin-right:10px; margin-bottom:5px; } .jFlowPrev, .jFlowNext, .jFlowPrev2, .jFlowNext2 { width: 30px; height:120px; float:left; margin-top:15px; cursor:pointer;} .category { width: 90px; height: 120px; float:left; padding-left:5px; padding-right:5px; text-align:center; font-size:11px; font-weight:bold; line-height:14px;} .category img { margin-bottom:5px; } .spacerdivider { width:1px; height:100px; float:left; background-image:url(images/sitedesign-selector-divider.gif); background-repeat:no-repeat; } /** Home page list boxes **/ .whitebox50 { width: 475px; float:left; background-image:url(images/sitedesign-whitebox50-bg.gif); background-repeat:repeat-y; margin-bottom:10px; } .whitebox50 .content { width:435px; height:280px; padding-left:20px; padding-right:20px; float:left; } .whitebox50top { width: 475px; height: 20px; float:left; background-image:url(images/sitedesign-whitebox50-top.gif); background-repeat:no-repeat; } .whitebox50bottom { width: 475px; height: 20px; float:left; background-image:url(images/sitedesign-whitebox50-bottom.gif); background-repeat:no-repeat; } .spacerbox { width:10px; float:left; } .viewmore { float:right; font-size:11px; margin-top:5px; } /** Home page boxes table properties **/ .tablelist { width: 435px; vertical-align:top; border:1px; } .tablelistgame { width: 270px; font-size:11px; padding-bottom:5px; vertical-align:top; } .tablelisticon { width: 40px; padding-bottom:5px; vertical-align:top; } .tablelistdate { width: 110px; font-size:10px; color:#000000; padding-bottom:0px; vertical-align:top; } .tablelistbet { width: 65px; padding-bottom:5px; vertical-align:top; } .tablelistwagered { width: 50px; font-size:11px; padding-bottom:5px; vertical-align:top; text-align:center; } .tablelistbets { width: 70px; font-size:11px; padding-bottom:5px; vertical-align:top; text-align:center; } .tablelistprofile { width: 70px; padding-bottom:8px; vertical-align:top; } .tablelistprofile img { border-style:solid; border-width:3px; border-color: #659cd2; vertical-align:top; } .tablelistchallenge { width: 240px; font-size:11px; padding-bottom:8px; vertical-align:top; padding-right:10px; } .tablelistchallenge h5 { font-size: 14px; font-weight:bold; color:#000000; margin:0px; } .tablelistchallengebet { width: 105px; padding-bottom:8px; vertical-align:top; } .tablelistprofileinfo { width:230px;font-size:11px; vertical-align:top;} .tablelistprofileinfo h5 { font-size: 14px; font-weight:bold; color:#000000; margin:0px; } .tablelistfriends { width:80px;font-size:11px; vertical-align:top;} .tablelistfriends h5 { font-size: 14px; font-weight:bold; color:#000000; margin:0px; } .tablelistdivider { width:50px; text-align:center;padding-right:10px; font-size:11px; line-height:14px;} /** BET PAGE ELEMENTS V2 **/ #betpagerightpanel { width:300px; float:left; text-align:left; } #betpageleftpanel { width:660px; float:left; text-align:left; } .compname { font-size:20px; color: #000000; font-weight: bold; margin:0px; margin-bottom:15px; margin-top: 10px; } #gamedetails { width:300px; float:left; background-image:url(images/sitedesign-gamedetails-bg.gif); background-repeat:repeat-y; text-align:left; } .gamedetailstop { width:300px; height:20px; float:left; background-image:url(images/sitedesign-gamedetails-top.gif); background-repeat:no-repeat; } .gamedetailsbottom { width:300px; height:20px; float:left; background-image:url(images/sitedesign-gamedetails-bottom.gif); background-repeat:no-repeat; } .gamedetailscontent { width:270px; float:left; padding-left:15px; padding-right:15px; } .gamedetailscontent h4 { font-size:16px; color: #659cd2; font-weight: bold; margin:0px; margin-top:10px; margin-bottom:15px; } .bettingpanelv2 { width: 640px; background-image:url(images/sitedesign-bettingpanelv2-bg.gif); background-repeat:repeat-y; margin-left:auto; margin-right:auto; } .bettingpanelv2top { width:640px; background-image:url(images/sitedesign-bettingpanelv2-top.gif); background-repeat:no-repeat; float:left; padding-left:20px; padding-top:20px; padding-bottom:20px; } .bettingpanelv2bottom { width:640px; height:20px; background-image:url(images/sitedesign-bettingpanelv2-bottom.gif); background-repeat:no-repeat; float:left; } .tablelistbettingpanelv2 { width:600px; } .tablelistoptionv2 { width: 130px; vertical-align:top; text-align:left; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; font-weight:bold; } #betdetails .datev2 { font-size: 13px; font-weight: bold; color:#000000;} #timeropen { width: 260px; height:70px; background-image:url(images/sitedesign-timer-open.gif); background-repeat:no-repeat; padding-top: 50px; font-size:22px; font-weight:bold; color:#FFFFFF; text-align:center; margin-left:auto; margin-right:auto; margin-top:20px; } #timerclosed { width: 260px; height:70px; background-image:url(images/sitedesign-timer-closed.gif); background-repeat:no-repeat; padding-top: 50px; font-size:22px; font-weight:bold; color:#FFFFFF; text-align:center; margin-left:auto; margin-right:auto; margin-top:20px; } .sidepanelbetdivider { height:20px; width:270px; float:left; background-image:url(images/sitedesign-sidepanelbet-divider.gif); background-repeat:no-repeat; } /** MULTI-BET ELEMENTS **/ #multibetdetails { width:960px; text-align:left; margin-top:10px; float:left; } #multibetpagerightpanel { width:300px; float:left; text-align:left; } #multibetpageleftpanel { width:660px; float:left; text-align:left; } #multibetextra { width:300px; float:left; background-image:url(images/sitedesign-gamedetails-bg.gif); background-repeat:repeat-y; text-align:left; } .multibetextratop { width:300px; height:20px; float:left; background-image:url(images/sitedesign-gamedetails-top.gif); background-repeat:no-repeat; } .multibetextrabottom { width:300px; height:210px; float:left; background-image:url(images/sitedesign-gamedetails-bottom.gif); background-repeat:no-repeat; margin-top:30px; } .multibetextracontent { width:270px; float:left; padding-left:15px; padding-right:15px; } .multibetextracontent h4 { font-size:16px; color: #659cd2; font-weight: bold; margin:0px; margin-top:10px; margin-bottom:15px; } #multibetpagerightpanel h4 { font-size:16px; color: #659cd2; font-weight: bold; margin:0px; margin-top:10px; margin-bottom:15px; } .multibetpanel { width: 630px; background-image:url(images/sitedesign-multibet-bg.gif); background-repeat:repeat-y; margin-left:auto; margin-right:auto; margin-left:10px; } .multibetpaneltop { width:630px; background-image:url(images/sitedesign-multibet-top.gif); background-repeat:no-repeat; float:left; padding-top:20px; } .multibetpanelbottom { width:630px; height:20px; background-image:url(images/sitedesign-multibet-bottom.gif); background-repeat:no-repeat; float:left; } .multibetpanelcontent { width:580px; padding-left: 20px; padding-right:30px; padding-top:5px; padding-bottom:5px; } .multitableleg { width:60px; padding-bottom:5px; text-align:center; vertical-align:top; font-size:12px; } .multitableevent { width:250px; padding-bottom:5px; text-align:left; vertical-align:top; font-size:12px; } .multitableoption { width:130px; padding-bottom:5px; text-align:center; vertical-align:top; font-size:12px; } .multitableodds { width:60px; padding-bottom:5px; text-align:center; vertical-align:top; font-size:12px; } .multitableremove { width:80px; padding-bottom:5px; text-align:center; vertical-align:top; } .buttonremoveleg { height:23px; width:74px; background-image:url(images/button-removeleg.gif); background-repeat:no-repeat; background-color:#CCCCCC; border: none; cursor:pointer; } .buttoncalculatereturn { height:23px; width:100px; background-image:url(images/button-calculatereturn.gif); background-repeat:no-repeat; background-color:#CCCCCC; border: none; cursor:pointer; padding-bottom:3px; } .buttonconfirmmulti { height:45px; width:233px; background-image:url(images/button-confirmmulti.gif); background-repeat:no-repeat; background-color:#CCCCCC; border: none; cursor:pointer; } /** BET PAGE ELEMENTS **/ #betdetails { width:960px; text-align:center; margin-top:10px; float:left; } #betdetails .date { font-size: 14px; font-weight: bold; color:#000000;} #betdetails h2 { font-weight:bold; color:#659cd2; font-size:32px; margin-bottom:30px; margin-top:10px; position:relative; } #timer { width: 200px; height:40px; background-image:url(images/sitedesign-timer.gif); background-repeat:no-repeat; padding-top: 30px; font-size:16px; font-weight:bold; color:#FFFFFF; text-align:center; margin-left:auto; margin-right:auto; margin-top:20px; } .teamlogoleft { position:relative; top:40px; left:-15px; } .teamlogoright { position:relative; top:40px; left:15px; } .bettingpanel { width: 740px; background-image:url(images/sitedesign-bettingpanel-bg.gif); background-repeat:repeat-y; } .bettingpaneltop { width:700px; background-image:url(images/sitedesign-bettingpanel-top.gif); background-repeat:no-repeat; float:left; padding:20px; } .bettingpanelbottom { width:740px; height:20px; background-image:url(images/sitedesign-bettingpanel-bottom.gif); background-repeat:no-repeat; float:left; } .tablelistbettingpanel { width:700px; } .tablelistrow { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistoption { width: 230px; vertical-align:top; text-align:left; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; font-weight:bold; } .tablelistodds { width: 130px; vertical-align:top; text-align:center; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistyourbet { width: 80px; vertical-align:top; text-align:center; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistreturn { width: 180px; vertical-align:top; text-align:center; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistmakebet { width: 80px; vertical-align:top; text-align:center; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistsetter { width: 300px; vertical-align:top; text-align:left; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistsetter h5 { font-size: 14px; font-weight:bold; color:#000000; margin:0px; padding:0px; } .tablelistvs { width: 100px; vertical-align:top; text-align:center; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistchallenger { width: 300px; vertical-align:top; text-align:left; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistchallenger h5 { font-size: 14px; font-weight:bold; color:#000000; margin:0px; padding:0px;} .tablelistnochallenger { width: 300px; vertical-align:top; text-align:center; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistnochallenger h5 { font-size: 14px; font-weight:bold; color:#000000; margin:0px; padding:0px;} .tablelisthidden { width: 10px; vertical-align:top; text-align:left; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistoption { width: 490px; vertical-align:top; text-align:left; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistchallenge { width: 200px; vertical-align:top; text-align:left; padding-bottom:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistevents { width: 700px; vertical-align:top; text-align:left; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } /* full upcoming events */ .tablelistupeventname { width: 380px; vertical-align:top; text-align:left; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistupeventdate { width: 200px; vertical-align:top; text-align:left; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistupeventplacebet { width: 120px; vertical-align:top; text-align:center; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } /* full popular events */ .tablelistpopeventname { width: 300px; vertical-align:top; text-align:left; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistpopwagered { width: 100px; vertical-align:top; text-align:center; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistpopnumbets { width: 100px; vertical-align:top; text-align:center; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistpopplacebet { width: 100px; vertical-align:top; text-align:center; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } /* full challengebet */ .tablelistcbetimage { width: 100px; vertical-align:top; text-align:center; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistcebtdetails { width: 450px; vertical-align:top; text-align:left; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistcebtdetails h5 { font-size: 14px; font-weight:bold; color:#000000; margin:0px; } .tablelistcbetchallenge { width: 150px; vertical-align:middle; text-align:left; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } /** CATEGORIES **/ #categorycontainer { width:960px; float:left; background-image:url(images/sitedesign-containerlarge-bg.gif); background-repeat:repeat-y; } #categorycontainertop { width:960px; height:20px; float:left; background-image:url(images/sitedesign-containerlarge-top.gif); background-repeat:no-repeat; } #categorycontainerbottom { width:960px; height:20px; float:left; background-image:url(images/sitedesign-containerlarge-bottom.gif); background-repeat:no-repeat; } #categorycontainer .content { float:left; width:920px; padding-left:20px; padding-right:20px; } #categorycontainer h5 { font-size:18px; color:#666666; margin: 0px; line-height:22px; margin-bottom:5px; } /** LEADERBOARD **/ .tablelistleaderboardpanel { width:700px; } .tablelistimage { width: 100px; vertical-align:top; text-align:center; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistrank { width: 120px; vertical-align:top; text-align:center; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistnickname { width: 300px; vertical-align:top; text-align:left; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelisttokens { width: 180px; vertical-align:top; text-align:center; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } /** BET HISTORY **/ historytable { width:580px } .historytabledatealternate, .historytableeventalternate, .historytablebetalternate, .historytablewageralternate, .historytableoddalternate, .historytablestatusalternate, .historytabletypealternate, .historytablelegeralternate, .historytablecancelalternate { background-color:#E4E4E4;} .historytabledatealternate, .historytabledate { font-size:9px; padding-top:5px; padding-bottom:5px; padding-left:5px; width:70px; } .historytabletitle, .historytabledatealternate, .historytabledate, .historytableeventalternate, .historytableevent, .historytablebetalternate, .historytablebet, .historytablewageralternate, .historytablewager, .historytableoddalternate, .historytableodd, .historytablestatusalternate, .historytablestatus, .historytabletypealternate, .historytabletype, .historytablelegeralternate, .historytableleger, .historytablecancelalternate, .historytablecancel { padding-top:5px; padding-bottom:5px; padding-left:5px; } .tablelistbethistory { width:700px; } .tablelisthistorydate { font-size:11px;width: 80px; vertical-align:top; text-align:center; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistevent { font-size:11px;width: 100px; vertical-align:top; text-align:center; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistbeton { font-size:11px;width: 100px; vertical-align:top; text-align:center; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelisthistorywagered { font-size:11px;width: 80px; vertical-align:top; text-align:center; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistodd { font-size:11px;width: 50px; vertical-align:top; text-align:center; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tableliststatus { font-size:11px;width: 50px; vertical-align:top; text-align:center; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistbettype { font-size:11px;width: 80px; vertical-align:top; text-align:center; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistoutcome { font-size:11px;width: 80px; vertical-align:top; text-align:center; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .tablelistcancel { font-size:11px;width: 80px; vertical-align:top; text-align:center; padding-bottom:10px; padding-top:10px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color:#FFFFFF; } .betfield { width: 60px; height:15px; font-size:11px; border-style: solid; border-collapse:#3d6899; border-width:1px; color:#666666; margin-bottom:5px; } .buttonmakebet { height:23px; width:62px; background-image:url(images/button-placebetsmall.gif); background-repeat:no-repeat; background-color:#CCCCCC; border: none; cursor:pointer; } .buttonmakebetmedium { height:23px; width:95px; background-image:url(images/button-placebetmedium.gif); background-repeat:no-repeat; background-color:#CCCCCC; border: none; cursor:pointer; } .buttonaddtomulti { height:23px; width:95px; background-image:url(images/button-addtomulti.gif); background-repeat:no-repeat; background-color:#CCCCCC; border: none; cursor:pointer; margin-top:10px; } .buttonsetchallenge { height:23px; width:95px; background-image:url(images/button-setchallengemedium.gif); background-repeat:no-repeat; background-color:#CCCCCC; border: none; cursor:pointer; } .learnmore { font-size:10px; float:left; padding-top:13px; padding-left:10px;} /*** LINK ELEMENTS ***/ a:link, a:active, a:visited { color:#659cd2; text-decoration:none; } a:hover { color:#000000; text-decoration:none; } a.whitelink:link, a.whitelink:active, a.whitelink:visited { color:#FFFFFF; text-decoration:none; } a.whitelink:hover { color:#000000; text-decoration:none; } a.active:link, a.active:active, a.active:visited { width:110px; height: 35px; float:left; background-image:url(images/sitedesign-navtab-active.gif); background-repeat:no-repeat; line-height:39px; text-align:center; color:#659cd2; font-size:12px; font-weight:bold; } a.active:hover { width:110px; height: 35px; float:left; background-image:url(images/sitedesign-navtab-active.gif); background-repeat:no-repeat; line-height:39px; text-align:center; color:#000000; font-size:12px; font-weight:bold; } a.inactive:link, a.inactive:active, a.inactive:visited { width:110px; height: 35px; float:left; background-image:url(images/sitedesign-navtab-inactive.gif); background-repeat:no-repeat; line-height:39px; text-align:center; color:#FFFFFF; font-size:12px; font-weight:bold; } a.inactive:hover { width:110px; height: 35px; float:left; background-image:url(images/sitedesign-navtab-inactive.gif); background-repeat:no-repeat; line-height:39px; text-align:center; color:#000000; font-size:12px; font-weight:bold; } a.signup:link, a.signup:active, a.signup:visited { width:110px; height: 35px; float:left; background-image:url(images/sitedesign-navtab-green.gif); background-repeat:no-repeat; line-height:39px; text-align:center; color:#FFFFFF; font-size:12px; font-weight:bold; } a.signup:hover { width:110px; height: 35px; float:left; background-image:url(images/sitedesign-navtab-green.gif); background-repeat:no-repeat; line-height:39px; text-align:center; color:#000000; font-size:12px; font-weight:bold; } /** PROFILE PAGE ***/ #usertokenssummary { width: 500px; height: 70px; padding-right:10px; padding-top:5px; font-size:10px; color:#FFFFFF; text-align:center; } #usertokenssummary #quickpanel { color: #666666; width:480px; height: 60px; float:right; } #usertokenssummary #quickpanel .panel { padding-left:10px; padding-top:10px; float:right; } #usertokenssummary #quickpanel .panel img { float:left; padding-right:5px; } #usertokenssummary #quickpanel .panel .values { font-size:14px; font-weight: bold; color:#666666; text-align:center; } #usertokenssummary #quickpanel .divider { width:1px; height:50px; background-image:url(images/image-divider-controlpanel.gif); background-repeat:no-repeat; float:right; margin-left:10px; } .bigtextbox {font-family:Arial; font-size:12px; color:#666666;} /** MEMBER PAGES **/ #subnavigation { width:640px; height:25px; float:left; padding-left:20px; } #membersmain { width:660px; float:left; background-image:url(images/sitedesign-members-bg.gif); background-repeat:repeat-y; margin-top:20px; font-size:11px; } #membersmaintop { width:660px; height:40px; float:left; background-image:url(images/sitedesign-members-top.gif); background-repeat:no-repeat; } #membersmainbottom { width:660px; height:15px; float:left; background-image:url(images/sitedesign-members-bottom.gif); background-repeat:no-repeat; } #membersmain .content { width:620px; padding-left:20px; padding-right:20px; float:left; } #membersmain h4 { font-size:18px; color: #659cd2; font-weight: bold; margin:0px; margin-top:10px; margin-bottom:10px; } #membersmain h5 { font-size:14px; color: #659cd2; font-weight: bold; margin:0px; margin-top:10px; margin-bottom:20px; } .messageimage { float:left; padding-right:10px; } .activity { width:620px; float:left; border-top-color:#dae4ee; border-top-width: 1px; border-top-style: solid; padding-top:5px; padding-bottom:5px; } #membersmain .content .activity .content { width: 600px; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; } .activity .contentmail { width: 600px; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; background-color: #dae4ee; } .activity .contentwin { width: 600px; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; background-color: #ddf7de; } .activity .contentloss { width: 600px; padding-left:10px; padding-right:10px; padding-top:5px; padding-bottom:5px; background-color: #f7dddd; } a.membersactive:link, a.membersactive:active, a.membersactive:visited { width:115px; height: 25px; float:left; background-image:url(images/sitedesign-subnavtab-active.gif); background-repeat:no-repeat; line-height:30px; text-align:center; color:#000000; font-size:12px; font-weight:bold; } a.membersactive:hover { width:115px; height: 25px; float:left; background-image:url(images/sitedesign-subnavtab-active.gif); background-repeat:no-repeat; line-height:30px; text-align:center; color:#000000; font-size:12px; font-weight:bold; } a.membersinactive:link, a.membersinactive:active, a.membersinactive:visited { width:115px; height: 25px; float:left; background-image:url(images/sitedesign-subnavtab-inactive.gif); background-repeat:no-repeat; line-height:30px; text-align:center; color:#666666; font-size:12px; font-weight:bold; } a.membersinactive:hover { width:115px; height: 25px; float:left; background-image:url(images/sitedesign-subnavtab-inactive.gif); background-repeat:no-repeat; line-height:30px; text-align:center; color:#666666; font-size:12px; font-weight:bold; } #memberssidecontainer { width:290px; padding-left:10px; float:left; } #memberssidepanel { width:290px; float:left; background-image:url(images/sitedesign-sidepanel-bg.gif); background-repeat:repeat-y; margin-top:20px; font-size:11px; } #memberssidepaneltop { width:290px; height:40px; float:left; background-image:url(images/sitedesign-sidepanel-top.gif); background-repeat:no-repeat; } #memberssidepanelbottom { width:290px; height:20px; float:left; background-image:url(images/sitedesign-sidepanel-bottom.gif); background-repeat:no-repeat; } #memberssidepanel .content { width:250px; padding-left:20px; padding-right:20px; float:left; } .sidepaneldivider { height:20px; width:250px; float:left; background-image:url(images/sitedesign-sidepanel-divider.gif); background-repeat:no-repeat; } .sidecontentblock { width:250px; float:left; } .notification { width:250px; float:left; margin-bottom:15px; } #memberssidepanel h4 { font-size:18px; color: #659cd2; font-weight: bold; margin:0px; margin-top:10px; margin-bottom:20px; } #memberssidepanel p { line-height:15px; } .leaguetablepanel { padding-bottom:10px; } #subfooter { width: 950px; float:left; padding-right:10px; text-align:right; margin-top:20px; } /** Competition Pages **/ #competitions { width: 945px; float:left; padding-left:15px; } #competitions h2, h5 { font-weight:bold; color:#659cd2; font-size:20px; margin-bottom:20px; margin-top:10px; } #competition1 { width:465px; height:265px; float:left; background-image:url(images/sitedesign-currentcompetition2.gif); background-repeat:no-repeat; padding-top:15px; padding-left:15px; margin-bottom:25px; } #competition2 { width:445px; height:265px; float:left; background-image:url(images/sitedesign-currentcompetition3.gif); background-repeat:no-repeat; padding-top:15px; padding-left:15px; margin-bottom:25px; } #competition3 { width:445px; height:265px; float:left; background-image:url(images/sitedesign-currentcompetitionafl.gif); background-repeat:no-repeat; padding-top:15px; padding-left:15px; margin-bottom:25px; } #competition1a { width:465px; height:265px; float:left; background-image:url(images/sitedesign-currentcompetition1a.gif); background-repeat:no-repeat; padding-top:15px; padding-left:15px; margin-bottom:25px; } #competition1 h4, #competition2 h4 { font-weight:bold; color:#659cd2; font-size:16px; margin-bottom:20px; margin-top:0px; } #competition1 p, #competition2 p, #competition3 p, #competition1a p { width: 250px; } .competitions { font-size:30px; line-height:1em; margin-top:0px; margin-bottom:20px; } .competitionsaccuracy { font-size:29px; line-height: 1em; margin-top:0px; margin-bottom:20px; } .oldcomp { width:275px; height:290px; float:left; background-image:url(images/sitedesign-oldcompbg.gif); background-repeat:no-repeat; margin-top:10px; padding: 15px; font-size:11px; line-height:16px; } .oldcomp .date { float:right; font-weight: bold; color:#659cd2; margin-top:-32px; } .oldcompetitions { height:20px; margin-bottom:15px; margin-top:0px; } #competitionleft { width: 550px; float:left; } #competitionleft h3 { font-weight:bold; color:#659cd2; font-size:20px; margin-bottom:20px; margin-top:10px; } #competitionright { width: 380px; float:left; } .competitionintro { color:#659cd2; font-size: 16px; line-height:24px; margin-bottom:15px; margin-top:-5px; } .accuracyrules { padding-bottom:15px; } /** Search Result Page **/ #contentsearch { width: 945px; float:left; padding-left:15px; } .searchprofile { width:235px; float:left; } .searchprofileimage { width:68px; float:left; } .searchprofiledetails { width:167px; float:left; font-size:11px; line-height:14px; } .searchprofiledetails .name { font-size:12px; font-weight: bold; margin-bottom:5px; } .searchprofiledetails .details { font-size:10px; line-height:14px; } /** RSS Feeds **/ .rssfeed { font-size:11px; padding:10px; } .rsstitle { font-size:12px; font-weight: bold; } .rssdate { font-size:9px; } /** PROFILE PAGES **/ #profilemaintop { width:660px; height:10px; float:left; background-image:url(images/sitedesign-members-top.gif); background-repeat:no-repeat; background-position: 0px -23px; } #profilestatistics { width:600px; height: 130px; float:left; background-image:url(images/sitedesign-profilestats.gif); background-repeat:no-repeat; } .profilepercentage { width: 130px; padding-top:65px; float:left; padding-right:15px; color:#000000; font-size:24px; font-weight: bold; text-align:center; } .profilestatslarge { width: 110px; padding-top:75px; float:left; color:#FFFFFF; font-size:14px; font-weight: bold; text-align:center; } .profilestatssmall { width: 100px; padding-top:75px; float:left; color:#FFFFFF; font-size:14px; font-weight: bold; text-align:center; } /** SPONSORS **/ .winbigleft { padding-left:45px; margin-top:37px; float:left; font-size:11px; line-height:16px; } .winbigright { float:right; margin-top:25px; padding-right:20px; } /** LIGHTBOX **/ /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ *{padding: 0; margin: 10;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { font-family: Lucida Grande, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; line-height:18px; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:10000; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 10002; color:#666666; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; color:#FFFFFF; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 15px 10px; margin-bottom:1px; color:#FFFFFF; font-size:18px; font-weight: bold; } #TB_ImageOff { color:#FFFFFF; } #TB_title{ background-color:#508ecf; height:40px; line-height:25px; } #TB_ajaxContent{ clear:both; padding:10px 15px 15px 15px; overflow:auto; text-align:left; font-size:11px; line-height:16px; } #TB_ajaxContent ol { margin-left:20px; } #TB_ajaxContent li { margin-bottom:5px; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } /** HOME PANEL SLIDER **/ .glidecontentwrapper { width:370px; height:280px; overflow: hidden; position: relative; } .glidecontent{ position: absolute; visibility: hidden; width: 370px; height: 280px; z-index:99; } .glidecontenttoggler{ position: absolute; width: 340px; text-align: right; margin-top:230px; z-index:99999; } .glidecontenttoggler a { display: -moz-inline-box; display: inline-block; color: #2e6ab1; margin-right: 3px; font-weight: bold; text-decoration: none; z-index:1000; height:11px; width:11px; background-color:#CCCCCC; } .glidecontenttoggler a.selected { background: #659cd2; color: black; } .glidecontenttoggler a:hover { background: #659cd2; color: black; } .glidecontenttoggler a.toc { } .glidecontenttoggler a.prev, .glidecontenttoggler a.next{ display:none; } /** FOOTY TIPPING **/ #footytippingcontainer { width:960px; float:left; background-image:url(images/sitedesign-containerlarge-bg.gif); background-repeat:repeat-y; } #footytippingcontainertop { width:960px; height:220px; float:left; background-image:url(images/sitedesign-footytipping-top.gif); background-repeat:no-repeat; color:#1c5577; } #footytippingcontainertop h2 { color:#FFFFFF; margin-top:0px; font-size:28px; } .footytippingheadercontent { padding-left:185px; width:765px; float:left; margin-top:55px; } .buttontippingsignup { float:right; padding-right:10px; margin-top:15px; } #footytippingcontainerbottom { width:960px; height:20px; float:left; background-image:url(images/sitedesign-containerlarge-bottom.gif); background-repeat:no-repeat; } #footytippingcontainer .content { float:left; width:920px; padding-left:20px; padding-right:20px; } #footytippingcontainer h5 { font-size:18px; color:#666666; margin: 0px; line-height:22px; margin-bottom:5px; }