/* 2px = .09em * 9px = .82em | 17px = 1.55em | 25px = 2.27em 3px = .27em * 10px = .91em | 18px = 1.64em | 26px = 2.36em 4px = .36em * 11px = 1em | 19px = 1.73em | 28px = 2.55em 5px = .45em * 12px = 1.09em | 20px = 1.82em | 30px = 2.73em 6px = .55em * 13px = 1.18em | 21px = 1.91em | 32px = 2.91em 7px = .64em * 14px = 1.27em | 22px = 2em | 34px = 3.09em 8px = .73em * 15px = 1.36em | 23px = 2.09em | 36px = 3.27em ^^^^^^^^^^^ * 16px = 1.45em | 24px = 2.18em | 38px = 3.45em .block { 1. position, z-index 2. float, clear 3. width, height, padding, margin 4. background, border 5. text-align, list-style 6. font 7. color } */ th {text-align:left;} td, th {vertical-align:top;} p {line-height:144%;} input, select, textarea {font-family:Tahoma, Geneva, Helvetica, Arial, sans-serif;} input.text, textarea {border:1px solid #8999B0;} input.highlight, textarea.highlight {background-color:#ffff9f;} /* 2px = .09em * 9px = .82em | 17px = 1.55em | 25px = 2.27em 3px = .27em * 10px = .91em | 18px = 1.64em | 26px = 2.36em 4px = .36em * 11px = 1em | 19px = 1.73em | 28px = 2.55em 5px = .45em * 12px = 1.09em | 20px = 1.82em | 30px = 2.73em 6px = .55em * 13px = 1.18em | 21px = 1.91em | 32px = 2.91em 7px = .64em * 14px = 1.27em | 22px = 2em | 34px = 3.09em 8px = .73em * 15px = 1.36em | 23px = 2.09em | 36px = 3.27em ^^^^^^^^^^^ * 16px = 1.45em | 24px = 2.18em | 38px = 3.45em .block { 1. position, z-index 2. float, clear 3. width, height, padding, margin 4. background, border 5. text-align, list-style 6. font 7. color } */ .headlineBlock h1, .headlineBlock h2, .headlineBlock h3 { width: 100%; overflow: hidden; } .soccerGrid .headlineBlock h1, .soccerGrid .headlineBlock h2, .soccerGrid .headlineBlock h3 { width: auto; } .footer, .footer a { color:#fff; } .footer h3 { color: #a0c832; } .footer .copy { border-top: 1px solid; color: #808080; } /* Breadcrumb in the header */ .breadcrumb {margin-bottom:10px;} .breadcrumb span {float:left; margin-right:8px; text-transform:uppercase; color:#666;} .breadcrumb ul {float: left;} .breadcrumb ul li {float:left; margin-right:8px; padding-right:15px; background: url(/img/soccerbase/bc_separator.gif) no-repeat 100% 70%;} .breadcrumb ul li.last {margin:0; padding:0; background: none;} .breadcrumb ul li a {color:#666;} /* Calendar */ .headCalendar { display:block; float:left; margin-top:7px;} #calendar .cNav a { color:#688a20;} #calendar table a:hover, #calendar table td.sel a:hover, #calendar table td.today a:hover {background:#96da15;} /* 2px = .09em * 9px = .82em | 17px = 1.55em | 25px = 2.27em 3px = .27em * 10px = .91em | 18px = 1.64em | 26px = 2.36em 4px = .36em * 11px = 1em | 19px = 1.73em | 28px = 2.55em 5px = .45em * 12px = 1.09em | 20px = 1.82em | 30px = 2.73em 6px = .55em * 13px = 1.18em | 21px = 1.91em | 32px = 2.91em 7px = .64em * 14px = 1.27em | 22px = 2em | 34px = 3.09em 8px = .73em * 15px = 1.36em | 23px = 2.09em | 36px = 3.27em ^^^^^^^^^^^ * 16px = 1.45em | 24px = 2.18em | 38px = 3.45em .block { 1. position, z-index 2. float, clear 3. width, height, padding, margin 4. background, border 5. text-align, list-style 6. font 7. color } */ /* My Betting Account panel */ /*.panel .myAccountPanel {min-height:107px; padding:0 7px 7px; background:#1d2226 !important; color:#fff;} * html .panel .myAccountPanel {height:107px !important;} .myAccountPanelWrap {min-height:100px; padding:0 7px 7px; background:url(/pic/ladbrokes-logos/ladbrokes-small-logo.png) no-repeat 100% 100% #f00;} * html .myAccountPanelWrap {height:100px;} .myAccountPanelContent {padding:3px 4px; background:#ad0000; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -webkit-border-radius-bottomleft:3px; -webkit-border-radius-bottomright:3px;} .myAccountPanel table {width:100%;} .myAccountPanel td, .myAccountPanel th {padding:3px; vertical-align:middle;} .myAccountPanel th {padding:5px 3px 7px; font-size:1.09em;} .myAccountPanel input.button {padding:1px 4px; background:#750000; border:none; overflow:visible; -moz-border-radius:3px; -webkit-border-radius:3px; text-align:center; font-style:italic; font-weight:bold; cursor:pointer; color:#fff;} .myAccountPanel input.border {border:1px solid #fff;} .myAccountPanel input.newAccount {width:94px;} /* for ie */ /*.myAccountPanel input.text {width:150px; padding:2px 4px; border:none; color:#000;} .myAccountPanel .helpLinks {font-size:.91em;} .myAccountPanel a, .myAccountPanel a:hover {color:#fff;} .myAccountPanel .accBalanceBill {padding-left:10px;} .myAccountPanel .accBalanceBill strong {float:left; padding:3px 12px 4px; background:#ad0000; border-top:1px solid #750000; -moz-border-radius-bottomleft:3px; -moz-border-radius-bottomright:3px; -webkit-border-radius-bottomleft:3px; -webkit-border-radius-bottomright:3px;}*/ .panel .myAccountPanel {min-height:0; height:auto !important; padding:0 7px 7px; margin: -1px; background:#1d2226 !important; color:#fff;} .myAccountPanel ul.bull {float:left;} .myAccountPanel ul.bull li {padding:2px 0;} .myAccountPanel ul.bull a {background-image:url(/ico/red/rp.gif);} .myAccountPanel ul.bull a:hover {color:#de1600;} .myAccountPanel .loginButtons {float:right; padding:14px 2px 0 0;} .myAccountPanel .loginButtons .btn {width:60px; margin:0 2px; padding-left: 0; padding-right: 0; text-align: center; } .myAccountPanelContent {padding:7px; background:url(/img/panel/betting-account/chevron.gif) no-repeat 50% 100% #e6e7e8;} .myAccountPanelFooter {padding:1px 7px; background:#fe000c; font-size:1.09em; font-weight:bold;} .myAccountPanelFooter .ladBrokesLogo {float:left;} .myAccountPanelFooter .bullet, .myAccountPanelFooter .bullet:hover {float:right; padding:1px 11px 1px 0; margin:5px 0 0; background-image:url(/ico/white/rp.gif); background-position:100% 52%; color:#fff;} /* 2px = .09em * 9px = .82em | 17px = 1.55em | 25px = 2.27em 3px = .27em * 10px = .91em | 18px = 1.64em | 26px = 2.36em 4px = .36em * 11px = 1em | 19px = 1.73em | 28px = 2.55em 5px = .45em * 12px = 1.09em | 20px = 1.82em | 30px = 2.73em 6px = .55em * 13px = 1.18em | 21px = 1.91em | 32px = 2.91em 7px = .64em * 14px = 1.27em | 22px = 2em | 34px = 3.09em 8px = .73em * 15px = 1.36em | 23px = 2.09em | 36px = 3.27em ^^^^^^^^^^^ * 16px = 1.45em | 24px = 2.18em | 38px = 3.45em .block { 1. position, z-index 2. float, clear 3. width, height, padding, margin 4. background, border 5. text-align, list-style 6. font 7. color } */ /* Default font settings. The font-size percentage is of 16px. (0.69 * 16px = 11px) */ /* Quote block on miserable Sod panel */ .miserableSodPanel.ball {padding-bottom:48px;} .miserableSodPanel .qouteBlock {position:relative; margin:0 0 14px;} .miserableSodPanel .qouteBlock .topBg, .miserableSodPanel .qouteBlock .centerBg, .miserableSodPanel .qouteBlock .bottomBg {width:294px; background:url(/img/soccerbase/quote-block/quote-spr.png) no-repeat 0 0;} .miserableSodPanel .qouteBlock .topBg {height:36px; background-position:-294px 0;} .miserableSodPanel .qouteBlock .bottomBg {height:19px; margin-left:2px; background-position:100% 100%;} .miserableSodPanel .qouteBlock .centerBg {width:254px; padding:0 20px; overflow:hidden; background-repeat:repeat-y;} .miserableSodPanel .qouteBlock .qouteContent {display:block; background:#c6ed6b; line-height:134%;} .miserableSodPanel .qouteBlock .qouteContent p {padding:0 5px; font-size:1.55em; font-style:italic;} .miserableSodPanel .qouteBlock .qouteChevron {position:absolute; top:6px; left:33px; width:28px; height:14px; background:url(/img/soccerbase/quote-block/quote-chevron-lime.png) no-repeat 0 0;} .miserableSodPanel .panelImageHead td {padding:0 4px 4px 0;} .miserableSodPanel .panelImageHead td.image {width:25%; text-align:left;} .miserableSodPanel .panelImageHead h4 {padding-left:21px; text-transform:uppercase;} .miserableSodPanel .panelImageHead a.bullet {display:block; margin:8px 0 0 3px;} .miserableSodPanel .panelImageHead h4 {background:url(/ico/red/rss.gif) no-repeat 0 0;} .miserableSodPanel p.separator {border-top:1px solid #bfbfbf;} .miserableSodPanel h3 {padding:10px 0; text-transform:uppercase; font-size:1.18em;} .miserableSodPanel .moreMoansList li a span {padding-top:4px; display:block; color:#808080;} .miserableSodPanel .moreMoansList li {padding-bottom:10px;} /* 2px = .09em * 9px = .82em | 17px = 1.55em | 25px = 2.27em 3px = .27em * 10px = .91em | 18px = 1.64em | 26px = 2.36em 4px = .36em * 11px = 1em | 19px = 1.73em | 28px = 2.55em 5px = .45em * 12px = 1.09em | 20px = 1.82em | 30px = 2.73em 6px = .55em * 13px = 1.18em | 21px = 1.91em | 32px = 2.91em 7px = .64em * 14px = 1.27em | 22px = 2em | 34px = 3.09em 8px = .73em * 15px = 1.36em | 23px = 2.09em | 36px = 3.27em ^^^^^^^^^^^ * 16px = 1.45em | 24px = 2.18em | 38px = 3.45em .block { 1. position, z-index 2. float, clear 3. width, height, padding, margin 4. background, border 5. text-align, list-style 6. font 7. color } */ /* Default font settings. The font-size percentage is of 16px. (0.69 * 16px = 11px) */ /* Side panels */ .sidePanel {margin:-7px; padding:0 7px 7px; min-height:130px; background:#000000 url(/img/panel/black/panel-bottom-black.gif) no-repeat scroll 0 100%;} #cpm .sidePanel {background-image:url(/img/panel/black/panel-bottom-black-big.gif) } .sidePanelContent {position:relative;} .sidePanelContent .sidePanelImg {position:absolute; top:9px; left:0; display:block;} .sidePanelContent .sidePanelText { padding-left:114px; padding-top:12px; line-height:17px; color:#fff;} .sidePanelContent .sidePanelButton {float:right; margin-top:19px} .sidePanelButton a.toolbar {width:107px; height:21px; display:inline-block; border:1px solid #A8DB00; font-size:1.2em; font-weight:bold; line-height:21px; text-align:center; color:#000;} .sidePanelButton a.toolbar:hover {text-decoration:none; color:#000;} .sidePanelContent .sidePanelButton span {padding-right:13px; background:url(/ico/black/black.png) no-repeat 100% 75%;} /* 2px = .09em * 9px = .82em | 17px = 1.55em | 25px = 2.27em 3px = .27em * 10px = .91em | 18px = 1.64em | 26px = 2.36em 4px = .36em * 11px = 1em | 19px = 1.73em | 28px = 2.55em 5px = .45em * 12px = 1.09em | 20px = 1.82em | 30px = 2.73em 6px = .55em * 13px = 1.18em | 21px = 1.91em | 32px = 2.91em 7px = .64em * 14px = 1.27em | 22px = 2em | 34px = 3.09em 8px = .73em * 15px = 1.36em | 23px = 2.09em | 36px = 3.27em ^^^^^^^^^^^ * 16px = 1.45em | 24px = 2.18em | 38px = 3.45em .block { 1. position, z-index 2. float, clear 3. width, height, padding, margin 4. background, border 5. text-align, list-style 6. font 7. color } */ /* Default font settings. The font-size percentage is of 16px. (0.69 * 16px = 11px) */ /* Football Betting news panel */ .newsPanels .newsHead {padding:2px 0 0; margin:0 0 20px;} .newsPanels .newsHead h3 {font-family:Tahoma, Geneva, sans-serif; font-size:2.18em; font-weight:normal;} .newsPanels .newsHead h3 a {color:#000;} .newsPanels .newsHead h3 a:hover {text-decoration:underline; color:#000;} .newsPanels .imageblock {float:right; width:100px; padding:3px; margin:4px 0 0 3px; display:inline; border:1px solid #b2b2b2; background-color:#fff;} .newsPanels .imageblock img {display:block;} .newsPanels .imageblock span {float:left; line-height:13px; margin:2px 0 0; font-family:Tahoma,Geneva,Helvetica,Arial,sans-serif;} .newsPanels ul li {margin:4px 0 0; line-height:18px;} .newsPanels ul li.moreNews {margin:15px 90px 15px 0;} .newsPanels ul li a {font-weight:normal;} .newsPanels ul li a:hover {color:#7a9926;} .ball {min-height:120px; margin:0 -6px -6px 0; padding:0 7px 7px 0; background:url(/img/soccerbase/bg-news-panel-bottom.gif) no-repeat 100% 100%;} /* Active link */ .panelActiveLink a, a.panelActiveLink {color:#7a9926;} .panel .matchInFocus .live { margin-bottom: 5px; text-align: center; font-size: .91em; } .panel .matchInFocus .live span { padding: 1px 4px; background: #898e93; color: #fff; } .panel .matchInFocus h3 { margin-bottom: 10px; text-align: center; font-family: Tahoma, Geneva, sans-serif; font-weight: bold; font-size: 1.64em; } .panel .matchInFocus h3 span { margin: 0 0.25em; color: #808080; font-weight: normal; } .panel .matchInFocus .bet { height: 40px; margin-bottom: 5px; padding: 8px 0; border: solid #3a444c; border-width: 1px 0; background: #fff; } .panel .matchInFocus .bet table { margin: auto; } .panel .matchInFocus .bet table th { padding:0 6px; text-align: center; font-weight: normal; } .panel .matchInFocus .bet table td { padding: 2px 6px; } .panel .matchInFocus dt { font-weight: bold; } .panel .matchInFocus dd { margin: 0 0 8px 0; padding: 8px 0; background: url(/img/borders/hor-black.gif) repeat-x 0 100%; } .panel .matchInFocus .keyStats { margin: 0 0 -10px 0; } .panel .matchInFocus .keyStats li { padding: 0 0 10px 33px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.64em; background: url(/img/soccerbase-betting/ball.gif) no-repeat 0 5px; } .panel .matchInFocus .verdict { line-height: 1.45em; } .panel .matchInFocus .verdict span { float: left; width: 62px; height: 50px; margin: 5px 10px; background: url(/img/soccerbase-betting/bg-matchlist-heading.png) no-repeat 0 0; } .panel .matchInFocus .matchPage { float: right; padding-bottom: 5px; } .panel .matchInFocus .wait { background: none; border: none; } /* 2px = .09em * 9px = .82em | 17px = 1.55em | 25px = 2.27em 3px = .27em * 10px = .91em | 18px = 1.64em | 26px = 2.36em 4px = .36em * 11px = 1em | 19px = 1.73em | 28px = 2.55em 5px = .45em * 12px = 1.09em | 20px = 1.82em | 30px = 2.73em 6px = .55em * 13px = 1.18em | 21px = 1.91em | 32px = 2.91em 7px = .64em * 14px = 1.27em | 22px = 2em | 34px = 3.09em 8px = .73em * 15px = 1.36em | 23px = 2.09em | 36px = 3.27em ^^^^^^^^^^^ * 16px = 1.45em | 24px = 2.18em | 38px = 3.45em .block { 1. position, z-index 2. float, clear 3. width, height, padding, margin 4. background, border 5. text-align, list-style 6. font 7. color } */ /* Default font settings. The font-size percentage is of 16px. (0.69 * 16px = 11px) */ /* Big Betting matches header */ .panel.bigBettingMatches .panelWrap {border:none;} .panel.bigBettingMatches .panelContent {background:none;} .bigBettingMatches .panelHeadline h1 {padding: 0 7px 2px 0; line-height: 28px; font-family: Arial,Helvetica,sans-serif; font-size: 1.63em; font-weight: normal; background-position: 100% 0; color: #FFFFFF; background-color: #000000; background-image:url(/img/panel/black/panel-headline.png);} .bigBettingMatches .matchInfo {padding:10px 3px 5px 3px; border-bottom:3px solid #000;} .bigBettingMatches .panelWrap .soccerGrid {width:auto;} .bigBettingMatches .gameInfo {padding-bottom:7px;} .bigBettingMatches .gameInfo .shortInfo a {padding:0 5px;} .bigBettingMatches .gameInfo .score {padding-bottom:4px; font-size:2.18em;} .bigBettingMatches .gameInfo .score em {color:#000;} .bigBettingMatches .gameInfo .competeTeams {width:100%} .bigBettingMatches .gameInfo .competeTeams .teamA, .bigBettingMatches .gameInfo .competeTeams .teamB {width:210px; font-weight:bold;} .bigBettingMatches .gameInfo .competeTeams .teamA a, .bigBettingMatches .gameInfo .competeTeams .teamB a {color:#000;} .bigBettingMatches .matchInfo .gameInfo .competeTeams td {padding:4px 4px 6px 4px; vertical-align:middle; font-size:2.18em;} .bigBettingMatches .gameInfo .competeTeams .teamA {text-align:right;} .bigBettingMatches .gameInfo .competeTeams .teamB {text-align:left;} .bigBettingMatches .matchInfo .matchPanelForm td {background: #fff url(/img/soccerbase/bg-homepage-gradient.png) repeat-x 100% 100%;} .bigBettingMatches .matchInfo .matchPanelForm .rowContent td {height:90px;} .bigBettingMatches .matchInfo .matchPanelForm td {padding-bottom:0;} .bigBettingMatches .soccerGrid .matchDescription {margin-left:62px; display:block;} .bigBettingMatches .soccerGrid td {height:auto; background-image:none; border:none;} .bigBettingMatches .soccerGrid .mm {padding-left:6px; text-align:left;} .bigBettingMatches .soccerGrid .watchCol {width:20px;} .bigBettingMatches .soccerGrid .moreCol {width:100px;} .bigBettingMatches .soccerGrid .betCol {width:62px;} .bigBettingMatches .soccerGrid .matchInfo td {padding-bottom:0;} .bigBettingMatches .soccerGrid .score a, .bigBettingMatches .soccerGrid .score a:hover {color:#000;} .bigBettingMatches .matchPanel {padding-top:7px; border-top:1px solid #ccc;} .bigBettingMatches .matchPanelForm {width:100%; display:block; border-bottom:1px solid #ccc;} .bigBettingMatches .matchPanelForm th {vertical-align:top;} .bigBettingMatches .matchPanelForm td {vertical-align:middle;} .bigBettingMatches .matchPanelForm .bothSideSeparators {border-left:1px solid #ccc; border-right:1px solid #ccc; text-transform:uppercase; font-weight:bold;} .bigBettingMatches .matchPanelForm .bothSideSeparators span.groundName {display:block;} .bigBettingMatches .matchPanelForm .recentFormCol {width:227px;} .bigBettingMatches .matchPanelForm .headToHeadCol {width:163px;} .bigBettingMatches .matchPanelForm th {text-transform:uppercase;} .bigBettingMatches .matchPanelForm td.freeSpace {height:5px;} /* Big Betting matches recent form */ .bigBettingMatches .availableForm {margin-right:5px;} .bigBettingMatches .secondTeam .availableForm {margin:0 0 0 5px;} .bigBettingMatches .unavailableForm {padding:20px 0; text-align:center; text-transform:none; font-weight:normal;} .bigBettingMatches .recentForm {width:130px; float:left; margin:7px 0 0 0;} .bigBettingMatches .secondTeam .recentForm {float:right; padding-right:7px;} .bigBettingMatches .recentFormLetter {float:right;} .bigBettingMatches .recentFormLetter span { position: relative; width:18px; height: 31px; line-height: 9px; float:left; margin-right:3px; clear:none; text-align:center; color:#919191; } .bigBettingMatches .recentFormLetter span.letter span { position: absolute; bottom: 0; left: 0; } .bigBettingMatches .recentFormLetter span.neutralVenueBig { line-height: 1.08em; } .bigBettingMatches .recentFormLetter span .neutralVenueSymbol {margin-top:3px;} @-moz-document url-prefix() { .bigBettingMatches .recentFormLetter span .neutralVenueSymbol {padding-bottom:2px;} } @-moz-document url-prefix() { .bigBettingMatches .recentFormLetter span.neutralVenueBig {line-height: 1.01em;} } .neutralVenueBig {font-style:italic; font-size:10px; font-family:Arial;} .bigBettingMatches .hotColdGauge {width:80px; float:right;} .bigBettingMatches .secondTeam .hotColdGauge {float:left; padding-left:2px;} .bigBettingMatches .hotColdGauge img {width:76px; height:45px;} .bigBettingMatches .mostRecent {width:130px; float:right; clear:both; text-align:right;} .bigBettingMatches .mostRecent span {padding-right:16px; color:#919191; font-size:0.82em; background:url(/img/soccerbase/form-letters/most-recent.gif) no-repeat 98% 57%;} /* Big Betting matches top scorer this season */ .bigBettingMatches .topScorer {margin:0 5px 0 13px; padding-top:3px;} .bigBettingMatches .topScorer h4, .bigBettingMatches .topScorer ul {float:left;} .bigBettingMatches .topScorer h4 {padding-right:3px; padding-top:3px; text-transform:uppercase; font-weight:bold;} .bigBettingMatches .topScorer ul li {padding:4px 5px 4px 16px;} .bigBettingMatches .topScorer ul li span {margin-left:5px; font-weight:bold;} .bigBettingMatches .matchesLastResult {padding:5px 0;} .bigBettingMatches .matchesLastResult li a span, .bigBettingMatches .matchesLastResult li p span {display:inline; font-weight:bold; font-size:1.27em;} .bigBettingMatches .separators {text-align:center;} p.matchNote {float:left;} .matchNote span.noteTitle {padding-right:5px; font-weight:bold;} .matchNote span {text-transform:uppercase;} .matchNoteWrapper {padding:0 8px 5px 8px; background-color:#f5f5f5;} .matchNoteWrapper p {display:inline; line-height:22px;} .centered { background-color: #fff; text-align: center; } .centered p.matchNote { float: none; } .matchRating { float: left; width: 55px; height: 10px; margin: 6px 9px 0 6px; overflow: hidden; background:url(/img/soccerbase/rating/grey-star.gif) repeat-x #d1d1d1; } .matchRating .rating { width: 0; height: 10px; background:url(/img/soccerbase/rating/black-star.gif) repeat-x #000; text-indent: -9999px; } .matchPanel .matchNoteWrapper .btnBet { width: 92px; line-height: 14px; margin-top: 3px; font-size: 0.9em; text-transform: uppercase; } .matchPanel .matchNoteWrapper .btnBet div { border-bottom: none; background-position: 0 -3px; } .matchPanel .matchNoteWrapper .btnBet { border-bottom: 1px solid #a3de00; -webkit-box-shadow: 0 1px 0 0 #a8db00; box-shadow: 0 1px 0 0 #a8db00; filter: progid:DXImageTransform.Microsoft.dropshadow(offX=0, offY=1, color=#a8db00); } /* Price buttons */ .bigBettingMatches .btnBig .btnBet {width:58px; height:31px; font-size:1.36em;} .bigBettingMatches .btnBig .btnBet div {background-image:url(/img/btn/btn-lime-homepage.png);} .bigBettingMatches .btnBig .btn div div {line-height:26px;} /* Referee */ .matchPanel .bordered { border-top: 1px solid #ccc; padding-top: 7px; } /* Recommendation inside story */ .story .matchNoteWrapper { position: relative; padding: 0 0 5px 0; font-size: 0.95em; background-color: transparent; } .story .matchNoteWrapper .matchNote { width: 208px; margin: 0; } .story .matchNoteWrapper .noteTitle { display: none; } .story .matchNoteWrapper span { position: absolute; bottom: 5px; right: 0; } .story .matchNoteWrapper .btnBet { width: 94px; font-size: 0.9em; text-transform: uppercase; } .story .matchNoteWrapper .btnBet div div { line-height: 14px; } .story .matchRating { margin: 0; position: absolute; bottom: 10px; right: 104px; background-image:url(/img/soccerbase/rating/grey-star-w.gif); } .story .matchRating .rating { background-image:url(/img/soccerbase/rating/black-star-w.gif); } .story #social_bookmarks li { padding-right: 0; } .story #social_bookmarks li a { padding-right: 12px; } .story #social_bookmarks li a.google-plus { padding-right: 0; } .story .googlePlus { width: 80px; margin-top: 1px; } .story .googlePlus p { float: right; margin: -2px 0 0 0; } .bigBettingMatches .btnBig .btn.btnBet.btnLight { width: 57px; height: 28px; background-image: url(/img/btn/btn-lime-homepage.png); border: 1px solid #a8db00; border-radius: 0; color: #000; } /* Panels */ .panel .panelContent {margin: -1px; background:url(/img/panel/black/panel-bottom-white.gif) no-repeat 0 100%;} /* #cpm .panel .panelContent {background-image:url(/img/panel/navy/panel-bottom-white-big.gif);} */ .panelHeadline h2 {font-family:Tahoma, Geneva, sans-serif;} .panelHeadline, .panelHeadline h2 {background-image:url(/img/panel/black/panel-headline.png); background-color:#000;} .panelHeadline h2 a:hover {text-decoration:none; color:#d9d9d9;} .panel .panelWrap {position:relative; background:#fff; border:1px solid #b2b2b2; border-top-color:#fff;} /* My Betting Account panel */ .myAccountPanelContent {background-image:url(/img/panel/betting-account/chevron-soccer.gif); background-color:#fff;} .myAccountPanelFooter .bullet, .myAccountPanelFooter .bullet:hover {margin-top:1px; line-height:23px;} .myAccountPanel ul.bull a:hover {color:#7A9926;} .myAccountPanelFooter .ladbrokesLogo {float:left;} .myAccountPanelContent ul.bull a { background-image:url(/ico/green/rp.gif);} .myAccountPanelWrap .myAccountPanelContent .loginButtons .btnRed div {background:url(/img/btn/btn-lime.png) repeat-x scroll 0 0 #B6E63B;} .myAccountPanelWrap .myAccountPanelContent .loginButtons .btn {color:#000;} /* Match in focus panel */ .panel .matchInFocus .keyStats li {background-image:url(/img/soccerbase/bg-tournament-top-score.gif);} .panel .matchInFocus .verdict span {background-image:url(/img/soccerbase/bg-matchlist-heading.gif);} /* 2px = .09em * 9px = .82em | 17px = 1.55em | 25px = 2.27em 3px = .27em * 10px = .91em | 18px = 1.64em | 26px = 2.36em 4px = .36em * 11px = 1em | 19px = 1.73em | 28px = 2.55em 5px = .45em * 12px = 1.09em | 20px = 1.82em | 30px = 2.73em 6px = .55em * 13px = 1.18em | 21px = 1.91em | 32px = 2.91em 7px = .64em * 14px = 1.27em | 22px = 2em | 34px = 3.09em 8px = .73em * 15px = 1.36em | 23px = 2.09em | 36px = 3.27em ^^^^^^^^^^^ * 16px = 1.45em | 24px = 2.18em | 38px = 3.45em .block { 1. position, z-index 2. float, clear 3. width, height, padding, margin 4. background, border 5. text-align, list-style 6. font 7. color } */ /* Data Capture */ .dataCapture {position:relative; min-height:410px;} .dataCapture h2 {padding:7px 25px 10px 0; font-size:54px; font-family:"Tekton Pro"; font-style:italic; color:#0a81c6;} .dataCapture h3 {padding-right:25px; font-size:20px; font-family:"Tekton Pro"; font-weight:normal;} .dataCapture .bottomPicture {position:absolute; top:0; left:0; width:100%;} .dataCapture .logo {position:absolute; top:0; right:28px; height:33px; width:166px;} .dataCapture .closeButton {position:absolute; top:9px; right:9px; width:13px; height:13px; cursor:pointer; z-index:107;} .dataCapture .regForm {position:absolute; left: 28px; top: 205px; z-index: 107; padding:14px 144px 20px 0;} .dataCapture .regForm button {margin-top:10px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.09em; font-weight:normal; font-style:italic;} .dataCapture .regForm label {display:block; padding-bottom:5px;} .dataCapture .regForm fieldset {float:left; padding:0 20px 20px 0;} .dataCapture .regForm fieldset input {width:149px;} .dataCapture .regForm fieldset input.emailAddress {width:220px;} .dataCapture .regForm .checkOffer {clear:left; float:none;} .dataCapture .regForm .checkOffer input {float:left; width:13px; height:13px;} .dataCapture .regForm .checkOffer label {display:block; padding:0 0 10px 20px;} .dataCapture ul {padding-right:210px; bottom: 22px; left: 27px; position: absolute; z-index: 107;} .dataCapture li {float:left;} .dataCapture li a {padding:0 5px; color:#3a454d;} .windowBg {position:fixed; z-index:106; left:0; top:0; margin: 0px; padding: 0px; width: 100%; height: 100%; background: black; opacity: 0.5;} .dataCaptureIframe {position:absolute; z-index:0; top:0; left:0; width:100%; height:100%; margin:0; padding:0;} /* From popup */ .lightboxWrapper {position:absolute; z-index:107; top:50%; left:50%; margin:-168px 0 0 -317px; padding:0;} .lightboxWrapper .dataCapture {width:635px; min-height:336px; background-color:#000;} .lightboxWrapper .dataCapture .regForm {top: 129px; color:#fff;} .lightboxWrapper .dataCapture li, .lightboxWrapper .dataCapture li a {color:#8cbdd9;} a.homepageLink, a.homepageLink:hover {width:131px; height:21px; margin-top:40px; display: inline-block; line-height:21px; text-align:center; font-style:italic; font-family:Georgia,"Times New Roman",Times,serif; text-decoration:none; color:#fff; background:url(/img/btn/btn-blue.gif) repeat-x 0 0 #0074B1;} .dataCapture.thanksPage {min-height:282px;} /* 2px = .09em * 9px = .82em | 17px = 1.55em | 25px = 2.27em 3px = .27em * 10px = .91em | 18px = 1.64em | 26px = 2.36em 4px = .36em * 11px = 1em | 19px = 1.73em | 28px = 2.55em 5px = .45em * 12px = 1.09em | 20px = 1.82em | 30px = 2.73em 6px = .55em * 13px = 1.18em | 21px = 1.91em | 32px = 2.91em 7px = .64em * 14px = 1.27em | 22px = 2em | 34px = 3.09em 8px = .73em * 15px = 1.36em | 23px = 2.09em | 36px = 3.27em ^^^^^^^^^^^ * 16px = 1.45em | 24px = 2.18em | 38px = 3.45em .block { 1. position, z-index 2. float, clear 3. width, height, padding, margin 4. background, border 5. text-align, list-style 6. font 7. color } */ .sliderWrap { width: 385px; } .sliderWrap .sliderPanel { position: fixed; top: 183px; left: 0; z-index: 9999; width: 356px; height: auto; margin-left: -310px; } .sliderPanel .sliderContent { position: absolute; z-index: 9999; padding: 15px 0 0 24px; width: 277px; height: 360px; color: #666; font-size: 90%; } .sliderPanel .bottomPicture { position: absolute; left: 0; top: 0; width: 310px; height: 382px; } .sliderPanel .openCloseWrap { position: absolute; margin: 0 0 0 301px; z-index: 99999; } .sliderPanel .openCloseWrap a { display: block; width: 54px; height: 155px; overflow: hidden; cursor: pointer; text-align: right; } .sliderPanel .openCloseWrap a img { width: 54px; height: 155px; } .sliderPanel .openCloseWrap a .close { display: none; } .sliderPanel .openCloseWrap a.open .close { display: block; } .sliderPanel .openCloseWrap a.open .open { display: none; } .sliderPanel .sliderContent h1 { font: 2.45em Georgia; color: #000; } .sliderPanel .sliderContent h2 { font: 11px Tahoma; color: #000; } .sliderPanel .sliderContent .bull a, .sliderPanel .sliderContent a.bullet { background-image: url(/ico/black/rp.gif); font-size: 1.15em; line-height: 1.4em; font-weight: bold; color: #000; } .sliderPanel .sliderContent form { position: relative; } .sliderPanel .sliderContent ul { margin: 6px 0; } .sliderPanel .sliderContent ul.controls { position: absolute; top: 167px; left: -4px; } .sliderPanel .sliderContent ul.controls li { padding-top: 8px; } .sliderPanel .sliderContent ul.controls input { width: 190px; padding: 2px 2px 3px; border: 1px solid #7f9db9; font-size: 1.15em; color: #000; } .sliderPanel .sliderContent ul.controls input.default { color: #666; } .sliderPanel .sliderContent ul.controls .error { padding-right: 28px; background: url(/img/soccerbase/tab-slider/alert-sign.png) no-repeat right 5px; } .sliderPanel .sliderContent ul.controls .error input { background: #ffff9e; } .sliderPanel .sliderContent ul.controls .warning { margin-top: 3px; text-transform: uppercase; font-size: 1.02em; color: #666; } .sliderPanel .sliderContent a.bullet { display: block; margin-top: 6px; background-position: 0 2px; font-size: 0.96em; font-weight: normal; } .sliderPanel .sliderContent .tick { display: inline-block; padding: 5px 30px 5px 3px; font: bold 12px Tahoma; color: #404040; background: url(/img/soccerbase/tab-slider/green-tick.gif) no-repeat right center; } .sliderPanel .sliderContent .btnWrapper { position: absolute; top: 295px; left: -6px; } .sliderPanel .sliderContent .btn div div { width: 70px; padding-right: 8px; line-height: 29px; font-size: 12px; } .sliderPanel .sliderContent .terms_conditions { position: absolute; top: 335px; left: -3px; } .sliderPanel .noImageBg { position: absolute; left: 0; top: 0; width: 301px; height: 375px; background-color: #bee952; } .flag{margin-right:5px;display: inline-block; width: 16px; height: 11px; background: url('/img/flags.png') no-repeat;} .flag.flag-and { background-position: -16px 0; } .flag.flag-uae { background-position: -32px 0; } .flag.flag-afg { background-position: -48px 0; } .flag.flag-ant, .flag.flag-atg { background-position: -64px 0; } .flag.flag-an2 { background-position: -80px 0; } .flag.flag-alb { background-position: -96px 0; } .flag.flag-arm { background-position: -112px 0; } .flag.flag-an { background-position: -128px 0; } .flag.flag-ang { background-position: -144px 0; } .flag.flag-arg { background-position: -160px 0; } .flag.flag-ams { background-position: -176px 0; } .flag.flag-aut { background-position: -192px 0; } .flag.flag-aus { background-position: -208px 0; } .flag.flag-abw { background-position: -224px 0; } .flag.flag-ala { background-position: -240px 0; } .flag.flag-aze { background-position: 0 -11px; } .flag.flag-bos { background-position: -16px -11px; } .flag.flag-bar { background-position: -32px -11px; } .flag.flag-ban { background-position: -48px -11px; } .flag.flag-bel { background-position: -64px -11px; } .flag.flag-buf { background-position: -80px -11px; } .flag.flag-bul { background-position: -96px -11px; } .flag.flag-bhr { background-position: -112px -11px; } .flag.flag-bdi { background-position: -128px -11px; } .flag.flag-bnn { background-position: -144px -11px; } .flag.flag-ber { background-position: -160px -11px; } .flag.flag-brn { background-position: -176px -11px; } .flag.flag-bol { background-position: -192px -11px; } .flag.flag-bra { background-position: -208px -11px; } .flag.flag-bhs { background-position: -224px -11px; } .flag.flag-btn { background-position: -240px -11px; } .flag.flag-bvt { background-position: 0 -22px; } .flag.flag-bot { background-position: -16px -22px; } .flag.flag-bls { background-position: -32px -22px; } .flag.flag-blz { background-position: -48px -22px; } .flag.flag-can { background-position: -64px -22px; } .flag.flag-catalonia { background-position: -80px -22px; } .flag.flag-drc { background-position: -96px -22px; } .flag.flag-caf { background-position: -112px -22px; } .flag.flag-cgo { background-position: -128px -22px; } .flag.flag-swi { background-position: -144px -22px; } .flag.flag-ivo { background-position: -160px -22px; } .flag.flag-cok { background-position: -176px -22px; } .flag.flag-chi { background-position: -192px -22px; } .flag.flag-cmr { background-position: -208px -22px; } .flag.flag-chn { background-position: -224px -22px; } .flag.flag-col { background-position: -240px -22px; } .flag.flag-cos { background-position: 0 -33px; } .flag.flag-cub { background-position: -16px -33px; } .flag.flag-cvi { background-position: -32px -33px; } .flag.flag-cuw { background-position: -48px -33px; } .flag.flag-cyp { background-position: -64px -33px; } .flag.flag-czr { background-position: -80px -33px; } .flag.flag-ger { background-position: -96px -33px; } .flag.flag-dji { background-position: -112px -33px; } .flag.flag-den { background-position: -128px -33px; } .flag.flag-dma { background-position: -144px -33px; } .flag.flag-dom { background-position: -160px -33px; } .flag.flag-alg { background-position: -176px -33px; } .flag.flag-ecu { background-position: -192px -33px; } .flag.flag-est { background-position: -208px -33px; } .flag.flag-egy { background-position: -224px -33px; } .flag.flag-esh { background-position: -240px -33px; } .flag.flag-eng { background-position: 0 -44px; } .flag.flag-eri { background-position: -16px -44px; } .flag.flag-spa { background-position: -32px -44px; } .flag.flag-eth { background-position: -48px -44px; } .flag.flag-eu { background-position: -64px -44px; } .flag.flag-fin { background-position: -80px -44px; } .flag.flag-fij { background-position: -96px -44px; } .flag.flag-flk { background-position: -112px -44px; } .flag.flag-fsm { background-position: -128px -44px; } .flag.flag-far { background-position: -144px -44px; } .flag.flag-fra { background-position: -160px -44px; } .flag.flag-gab { background-position: -176px -44px; } .flag.flag-gbr { background-position: -192px -44px; } .flag.flag-gda { background-position: -208px -44px; } .flag.flag-geo { background-position: -224px -44px; } .flag.flag-guf { background-position: -240px -44px; } .flag.flag-ggy { background-position: 0 -55px; } .flag.flag-gha { background-position: -16px -55px; } .flag.flag-gib { background-position: -32px -55px; } .flag.flag-grl { background-position: -48px -55px; } .flag.flag-gmb { background-position: -64px -55px; } .flag.flag-gui { background-position: -80px -55px; } .flag.flag-gdl { background-position: -96px -55px; } .flag.flag-eqg { background-position: -112px -55px; } .flag.flag-gre { background-position: -128px -55px; } .flag.flag-sgs { background-position: -144px -55px; } .flag.flag-gua { background-position: -160px -55px; } .flag.flag-gum { background-position: -176px -55px; } .flag.flag-gnb { background-position: -192px -55px; } .flag.flag-gy1 { background-position: -208px -55px; } .flag.flag-hkg { background-position: -224px -55px; } .flag.flag-hmd { background-position: -240px -55px; } .flag.flag-hon { background-position: 0 -66px; } .flag.flag-cro { background-position: -16px -66px; } .flag.flag-hai { background-position: -32px -66px; } .flag.flag-hun { background-position: -48px -66px; } .flag.flag-in1 { background-position: -80px -66px; } .flag.flag-ire { background-position: -96px -66px; } .flag.flag-isr { background-position: -112px -66px; } .flag.flag-imn { background-position: -128px -66px; } .flag.flag-ind { background-position: -144px -66px; } .flag.flag-iot { background-position: -160px -66px; } .flag.flag-irq { background-position: -176px -66px; } .flag.flag-irn { background-position: -192px -66px; } .flag.flag-ice { background-position: -208px -66px; } .flag.flag-ita { background-position: -224px -66px; } .flag.flag-jey { background-position: -240px -66px; } .flag.flag-jam { background-position: 0 -77px; } .flag.flag-jor { background-position: -16px -77px; } .flag.flag-jap { background-position: -32px -77px; } .flag.flag-ken { background-position: -48px -77px; } .flag.flag-kyr { background-position: -64px -77px; } .flag.flag-cam { background-position: -80px -77px; } .flag.flag-kir { background-position: -96px -77px; } .flag.flag-co1 { background-position: -112px -77px; } .flag.flag-skn { background-position: -128px -77px; } .flag.flag-nkr { background-position: -144px -77px; } .flag.flag-sko { background-position: -160px -77px; } .flag.flag-kurdistan { background-position: -176px -77px; } .flag.flag-kuw { background-position: -192px -77px; } .flag.flag-cym { background-position: -208px -77px; } .flag.flag-khz { background-position: -224px -77px; } .flag.flag-lao { background-position: -240px -77px; } .flag.flag-leb { background-position: 0 -88px; } .flag.flag-stl { background-position: -16px -88px; } .flag.flag-lie { background-position: -32px -88px; } .flag.flag-lka { background-position: -48px -88px; } .flag.flag-lib { background-position: -64px -88px; } .flag.flag-les { background-position: -80px -88px; } .flag.flag-liu { background-position: -96px -88px; } .flag.flag-lux { background-position: -112px -88px; } .flag.flag-lat { background-position: -128px -88px; } .flag.flag-lby { background-position: -144px -88px; } .flag.flag-mor { background-position: -160px -88px; } .flag.flag-mco { background-position: -176px -88px; } .flag.flag-mol { background-position: -192px -88px; } .flag.flag-mon { background-position: -208px -88px; } .flag.flag-mga { background-position: -224px -88px; } .flag.flag-mhl { background-position: -240px -88px; } .flag.flag-mkd { background-position: 0 -99px; } .flag.flag-mai { background-position: -16px -99px; } .flag.flag-mya { background-position: -32px -99px; } .flag.flag-mng { background-position: -48px -99px; } .flag.flag-mac { background-position: -64px -99px; } .flag.flag-mnp { background-position: -80px -99px; } .flag.flag-mtq { background-position: -96px -99px; } .flag.flag-maa { background-position: -112px -99px; } .flag.flag-mxx { background-position: -128px -99px; } .flag.flag-mal { background-position: -144px -99px; } .flag.flag-mau { background-position: -160px -99px; } .flag.flag-mdv { background-position: -176px -99px; } .flag.flag-maw { background-position: -192px -99px; } .flag.flag-mex { background-position: -208px -99px; } .flag.flag-mly { background-position: -224px -99px; } .flag.flag-moz { background-position: -240px -99px; } .flag.flag-nam { background-position: 0 -110px; } .flag.flag-nca { background-position: -16px -110px; } .flag.flag-nge { background-position: -32px -110px; } .flag.flag-nfk { background-position: -48px -110px; } .flag.flag-nig { background-position: -64px -110px; } .flag.flag-nic { background-position: -80px -110px; } .flag.flag-nld { background-position: -96px -110px; } .flag.flag-nor { background-position: -112px -110px; } .flag.flag-npl { background-position: -128px -110px; } .flag.flag-nru { background-position: -144px -110px; } .flag.flag-niu { background-position: -160px -110px; } .flag.flag-nz { background-position: -176px -110px; } .flag.flag-oma { background-position: -192px -110px; } .flag.flag-pan { background-position: -208px -110px; } .flag.flag-per { background-position: -224px -110px; } .flag.flag-pyf { background-position: -240px -110px; } .flag.flag-png { background-position: 0 -121px; } .flag.flag-phi { background-position: -16px -121px; } .flag.flag-pak { background-position: -32px -121px; } .flag.flag-pol { background-position: -48px -121px; } .flag.flag-spm { background-position: -64px -121px; } .flag.flag-pcn { background-position: -80px -121px; } .flag.flag-pri { background-position: -96px -121px; } .flag.flag-pal { background-position: -112px -121px; } .flag.flag-por { background-position: -128px -121px; } .flag.flag-plw { background-position: -144px -121px; } .flag.flag-par { background-position: -160px -121px; } .flag.flag-qat { background-position: -176px -121px; } .flag.flag-reu { background-position: -192px -121px; } .flag.flag-rom { background-position: -208px -121px; } .flag.flag-ser, .flag.flag-smo { background-position: -224px -121px; } .flag.flag-rus { background-position: -240px -121px; } .flag.flag-rwa { background-position: 0 -132px; } .flag.flag-sdi { background-position: -16px -132px; } .flag.flag-sol { background-position: -32px -132px; } .flag.flag-sey { background-position: -48px -132px; } .flag.flag-sco { background-position: -64px -132px; } .flag.flag-sud { background-position: -80px -132px; } .flag.flag-swe { background-position: -96px -132px; } .flag.flag-sin { background-position: -112px -132px; } .flag.flag-shn { background-position: -128px -132px; } .flag.flag-slo { background-position: -144px -132px; } .flag.flag-sjm { background-position: -160px -132px; } .flag.flag-svk { background-position: -176px -132px; } .flag.flag-ss1 { background-position: -192px -132px; } .flag.flag-snm { background-position: -208px -132px; } .flag.flag-sen { background-position: -224px -132px; } .flag.flag-s12 { background-position: -240px -132px; } .flag.flag-somaliland { background-position: 0 -143px; } .flag.flag-su1 { background-position: -16px -143px; } .flag.flag-ssd { background-position: -32px -143px; } .flag.flag-stp { background-position: -48px -143px; } .flag.flag-els { background-position: -64px -143px; } .flag.flag-sxm { background-position: -80px -143px; } .flag.flag-sy1 { background-position: -96px -143px; } .flag.flag-swz { background-position: -112px -143px; } .flag.flag-tca { background-position: -128px -143px; } .flag.flag-chd { background-position: -144px -143px; } .flag.flag-atf { background-position: -160px -143px; } .flag.flag-tog { background-position: -176px -143px; } .flag.flag-tha { background-position: -192px -143px; } .flag.flag-tibet { background-position: -208px -143px; } .flag.flag-taj { background-position: -224px -143px; } .flag.flag-tkl { background-position: -240px -143px; } .flag.flag-tls { background-position: 0 -154px; } .flag.flag-tkm { background-position: -16px -154px; } .flag.flag-tun { background-position: -32px -154px; } .flag.flag-ton { background-position: -48px -154px; } .flag.flag-tur { background-position: -64px -154px; } .flag.flag-tt { background-position: -80px -154px; } .flag.flag-tuv { background-position: -96px -154px; } .flag.flag-tai { background-position: -112px -154px; } .flag.flag-tzz { background-position: -128px -154px; } .flag.flag-ukr { background-position: -144px -154px; } .flag.flag-uga { background-position: -160px -154px; } .flag.flag-umi { background-position: -176px -154px; } .flag.flag-usa { background-position: -192px -154px; } .flag.flag-uru { background-position: -208px -154px; } .flag.flag-uzb { background-position: -224px -154px; } .flag.flag-vat { background-position: -240px -154px; } .flag.flag-stv { background-position: 0 -165px; } .flag.flag-ven { background-position: -16px -165px; } .flag.flag-vgb { background-position: -32px -165px; } .flag.flag-vgu { background-position: -48px -165px; } .flag.flag-vtn { background-position: -64px -165px; } .flag.flag-van { background-position: -80px -165px; } .flag.flag-wal { background-position: -96px -165px; } .flag.flag-wlf { background-position: -112px -165px; } .flag.flag-sam { background-position: -128px -165px; } .flag.flag-xkx { background-position: -144px -165px; } .flag.flag-yem { background-position: -160px -165px; } .flag.flag-myt { background-position: -176px -165px; } .flag.flag-zaf { background-position: -192px -165px; } .flag.flag-zanzibar { background-position: -208px -165px; } .flag.flag-zam { background-position: -224px -165px; } .flag.flag-zim { background-position: -240px -165px; } .flag.flag-ni { background-position: 0 -176px; }