@import url('navigation.css'); @import url('lightBox.css'); /* lightest grey #f1f1f1 lighterer grey #eee lighter grey #ddd light grey #ccc dark grey #333 #c5d1d8 dark blue #336699 darkest blue #09344f light blue #c2d1da new blue #6699cc orange/links #aa451d websafe #993300 */ /* Global Elements */ body { background-color: #ccc; font-family: Arial, Helvetica, sans-serif; font-size: 67.5%; color: #333; } p#skipToContent { display: none; } /* Site Tabs */ ul#sideTabs { position: absolute; top: 5px; right: -35px; margin: 0px; padding: 24px 0px 0px 0px; display: block; width: 35px; } ul#sideTabs li { margin: -24px 0px 0px 0px; padding: 0px; display: block; } ul#sideTabs li a { text-indent: -9000px; display: block; width: 30px; position: relative; } ul#sideTabs li a:hover { width: 35px; } ul#sideTabs li.athletics a { height: 159px; background: url(../Images/Structure/SiteTabs/athletics.png) no-repeat -7px 0px; z-index: 16; } ul#sideTabs li.athletics a:hover { background-position: -3px 0px; } ul#sideTabs li.boxing a { height: 147px; background: url(../Images/Structure/SiteTabs/boxing.png) no-repeat -7px 0px; z-index: 15; } ul#sideTabs li.boxing a:hover { background-position: -3px 0px; } ul#sideTabs li.cricket a { height: 145px; background: url(../Images/Structure/SiteTabs/cricket.png) no-repeat -7px 0px; z-index: 14; } ul#sideTabs li.cricket a:hover { background-position: -3px 0px; } ul#sideTabs li.cycling a { height: 149px; background: url(../Images/Structure/SiteTabs/cycling.png) no-repeat -7px 0px; z-index: 13; } ul#sideTabs li.cycling a:hover { background-position: -3px 0px; } ul#sideTabs li.darts a { height: 124px; background: url(../Images/Structure/SiteTabs/darts.png) no-repeat -7px 0px; z-index: 12; } ul#sideTabs li.darts a:hover { background-position: -3px 0px; } ul#sideTabs li.football a { height: 152px; background: url(../Images/Structure/SiteTabs/football.png) no-repeat -7px 0px; z-index: 11; } ul#sideTabs li.football a:hover { background-position: -3px 0px; } ul#sideTabs li.golf a { height: 118px; background: url(../Images/Structure/SiteTabs/golf.png) no-repeat -7px 0px; z-index: 29; } ul#sideTabs li.golf a:hover { background-position: -3px 0px; } ul#sideTabs li.hockey a { height: 150px; background: url(../Images/Structure/SiteTabs/hockey.png) no-repeat -7px 0px; z-index: 9; } ul#sideTabs li.hockey a:hover { background-position: -3px 0px; } ul#sideTabs li.motorsport a { height: 194px; background: url(../Images/Structure/SiteTabs/motorsport.png) no-repeat -7px 0px; z-index: 30; } ul#sideTabs li.motorsport a:hover { background-position: -3px 0px; } ul#sideTabs li.netball a { height: 149px; background: url(../Images/Structure/SiteTabs/netball.png) no-repeat -7px 0px; z-index: 7; } ul#sideTabs li.netball a:hover { background-position: -3px 0px; } ul#sideTabs li.racing a { height: 140px; background: url(../Images/Structure/SiteTabs/racing.png) no-repeat -7px 0px; z-index: 6; } ul#sideTabs li.racing a:hover { background-position: -3px 0px; } ul#sideTabs li.rally a { height: 117px; background: url(../Images/Structure/SiteTabs/rally.png) no-repeat -7px 0px; z-index: 5; } ul#sideTabs li.rally a:hover { background-position: -3px 0px; } ul#sideTabs li.rugby a { height: 137px; background: url(../Images/Structure/SiteTabs/rugby.png) no-repeat -7px 0px; z-index: 4; } ul#sideTabs li.rugby a:hover { background-position: -3px 0px; } ul#sideTabs li.soccer a { height: 141px; background: url(../Images/Structure/SiteTabs/soccer.png) no-repeat -7px 0px; z-index: 28; } ul#sideTabs li.soccer a:hover { background-position: -3px 0px; } ul#sideTabs li.tennis a { height: 136px; background: url(../Images/Structure/SiteTabs/tennis.png) no-repeat -7px 0px; z-index: 2; } ul#sideTabs li.tennis a:hover { background-position: -3px 0px; } ul#sideTabs li.wintersports a { height: 207px; background: url(../Images/Structure/SiteTabs/wintersports.png) no-repeat -7px 0px; z-index: 1; } ul#sideTabs li.wintersports a:hover { background-position: -3px 0px; } /* Allows user to skip straight to page content */ #debug { position: absolute; width: 400px; float: left; padding: 10px; margin: 0px 10px; background-color: #fff; } #wrapper { width: 980px; padding: 0px 10px; margin: 0px auto; background-color: #fff; position: relative; } #header { background: url('../Images/worldcup_logo3.gif') no-repeat #8bc43f; } /* Positions header at top of page when placed below. Top padding will need to be added to #content */ #header { clear: both; position: absolute; z-index: 20; top: 0px; width: 980px; } #header { height: 138px; position: relative; margin-bottom: 5px; } h1, h2 { text-transform: uppercase; font-size: 1.3em; border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 10px; } h1.large { font-size: 2.5em; padding-bottom: 20px; margin: 0px; border: none; text-transform: capitalize; } h1.blue { color: #66ae07; } h1 a, h2 a { color: #333; text-decoration: none; } h3 { } h3.heading { text-transform: uppercase; font-size: 1.3em; border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 10px; } p { line-height: 1.4em; padding-bottom: 10px; } a { color: #66ae07; } a:hover { text-decoration: none; } ul { } ul li { } dl { } dl dt { } dl dd { line-height: 1.5em; } strong { font-weight: bold; } em { font-style: italic; } b { font-weight: normal; } /* For highlighting keywords - sets weight to normal */ small { font-size: 90%; } abbr { cursor: help; } select { font-family: Verdana, Arial, Helvetica, sans-serif; } /* Header*/ #header p#logo { display: block; width: 253px; height: 44px; z-index: 23; float: left; position: relative; right: 680px; top: 30px; } #header p#logo a { background: url('') no-repeat; height: 60px; display: block; width: 267px; text-indent: -9000px; } #header #advertHeader { float: left; width: 100%; } #header #advertHeader #leaderboard { background: url('../Images/headerAdvertismentTab.gif') 0px 0px no-repeat #f1f1f1; height: 90px; width: 728px; float: left; padding-left: 13px; position: relative; right: 6px; } /* Scrollers */ #header #scrollers { clear: both; width: 375px; padding-left: 315px; float: left; padding-top: 5px; margin-bottom: 30px; } html > body #header #scrollers { margin-bottom: 20px; } #header #scrollers h2 { width: 112px; height: 25px; position: absolute; z-index: 20; border: none; padding: 0px; margin: 0px; margin-top: 2px; margin-left: 0px; text-transform: lowercase; font-family: "Trebuchet MS" , san-serif; font-size: 1.3em; font-weight: bold; } #header #scrollers a { color: #bbbbbb; } #header #scrollers h1 /* Home SEO */ { width: 98px; height: 25px; position: absolute; z-index: 20; border: none; padding: 0px; margin: 0px; margin-top: 2px; margin-left: 0px; text-transform: lowercase; font-family: "Trebuchet MS" , san-serif; font-size: 1.3em; font-weight: bold; } #header #scrollers h2 span { display: block; padding: 6px 5px 0px 4px; color: #c2d1da; } #header #scrollers h1 span /* Home SEO */ { display: block; padding: 6px 5px 0px 4px; color: #c2d1da; } #header #scrollers h2.latestResults { z-index: 3; text-align: right; margin-left: 260px; margin-top: 10px; } /* Headline News scroller right to left */ #header #scrollers ul { background-color: #24486d; } html > body #header #scrollers ul { background: url('../Images/scrollerBg.gif') repeat-x #24486d; } #header #scrollers ul#footballTickerOne { border: 1px solid #102b46; width: 370px; height: 25px; position: relative; top: 2px; overflow: hidden; } #header #scrollers ul#footballTickerOne li { font: 11px verdana, sans-serif; padding: 6px 1px 1px 1px; padding-left: 105px; width: 438px; height: 30px; top: 0; left: 0; } /* Results Ticker */ #header #scrollers ul#resultsTicker { border: 1px solid #102b46; width: 370px; height: 25px; position: relative; top: 10px; overflow: hidden; } #header #scrollers ul#resultsTicker li { font: 11px verdana, sans-serif; padding: 6px 1px 1px 5px; width: 438px; height: 30px; top: 0; left: 0; } /* News Feed */ a.scrollRss { background-position: 0px -17px; display: block; background: url('../Images/Structure/Header/rssFeedLinkBG.gif') 0px 0px; width: 17px; padding-bottom: 0px; height: 17px; text-indent: -9000px; position: absolute; margin-left: 350px; margin-top: -20px; z-index: 20; } a.scrollRss:hover { background-position: 0px -17px; } /* Jump To Menu */ #leaguesNTeams { width: 230px; position: absolute; left: 740px; top: 92px; font-family: verdana, sans-serif; } #leaguesNTeams label { display: none; } #leaguesNTeams select { border: 1px solid #ccc; font-size: 11px; width: 205px; } #leaguesNTeams option.teamjump-header { background-color: #ddd; font-weight: bold; } #leaguesNTeams li { padding-left: 17px; color: #fff; } #leaguesNTeams li.jumpTo { background: url('../Images/jumpTo.gif') 0px 2px no-repeat; text-indent: -9000px; height: 30px; } html > body #leaguesNTeams li.jumpTo { background: url('../Images/jumpTo.png') 0px 2px no-repeat; } #leaguesNTeams li.or { padding-left: 0px; } /* Google Search */ div#searchForm { position: absolute; top: 0px; width: 100%; z-index: 55; height: 1px; font-family: verdana, sans-serif; } form#cse-search-box { width: 1000px; height: 0.1em; margin: 0px auto; } form#cse-search-box div { margin-left: 745px; background: url('../Images/search_football-co-uk.gif') 5px 5px no-repeat; padding-top: 42px; position: relative; width: 220px; padding-left: 25px; } html > body form#cse-search-box div { margin-left: 745px; background: url('../Images/search_football-co-uk.png') 5px 5px no-repeat; } form#cse-search-box input { width: 145px; border: 1px solid #ccc; width: 145px; font-size: 11px; padding-left: 5px; } form#cse-search-box input.btn { width: 46px; background: url('../Images/Structure/Header/go_search_btnBg.gif') 0px 0px no-repeat; border: none; height: 18px; margin-left: 2px; text-align: center; font-style: italic; font-weight: bold; padding: 0px; } form#cse-search-box input.btn:hover { color: #0066FF; cursor: pointer; } form#cse-search-box input.radioBtn { width: auto; border: none; padding: 0px; } form#cse-search-box label { padding: 0px 2px; display: inline; text-align: left; padding-bottom: 0px; font-size: 10px; position: relative; color: #f1f1f1; top: -3px; } form#cse-search-box p { padding: 0px 0px 0px 0px; } /* Footer */ #footer { clear: both; background: url('../Images/headerBg.png') bottom repeat-x #336699; padding-top: 15px; height: 100px; } #footer #footer-left { float: left; width: 320px; height: 200px; background: url('../Images/Structure/footer/breaker.gif') repeat-y right; color: #fff; } #footer-centre { float: left; width: 650px; padding-left: 10px; padding-bottom: 5px; overflow: hidden; color: #ccc; } #footer-centre h3 { font-size: 1.6em; color: #f1f1f1; line-height: 1.1em; padding-bottom: 5px; } #footer-centre #big-quote { float: left; width: 300px; margin: 0 2px; font-size: 1.2em; margin-bottom: 20px; } #footer-centre #big-quote { float: left; width: 300px; margin: 0 2px; font-size: 1.2em; margin-bottom: 20px; } #footer-centre #big-quote #quoteCont { } #footer-centre #big-quote h4 { font-family: Georgia, "Times New Roman" , Times, serif; font-size: 1.8em; line-height: 1.3em; font-style: italic; font-weight: normal; line-height: 1.2em; padding-bottom: 15px; text-align: left; } #footer-centre #big-quote h4 a { text-decoration: underline; color: #fff; } #footer-centre #big-quote h4 a:hover { text-decoration: none; } #footer-centre #big-quote p a { color: #ccc; } #footer-centre #big-quote p a:hover { color: #fff; } #footer-centre ul { float: left; } #footer-centre ul li { background: url("../Images/Structure/footer/forum-list-bubble.gif") 0px 0px no-repeat; padding-left: 25px; font-size: 1.2em; padding-bottom: 6px; line-height: 1.3em; } #footer-centre ul li a { color: #f1f1f1; text-decoration: underline; } #footer-centre ul li a:hover { text-decoration: none; color: #fff; } #footer-base { clear: both; float: left; width: 980px; padding: 10px 0px 0px 10px; } #footer-base p.football { clear: both; background: url("../Images/worldcup_logo.gif") 0px 0px no-repeat; height: 44px; width: 253px; text-indent: -9000px; } #footer-base p.copyright { text-align: center; clear: both; } #footer-base a { color: #f1f1f1; } #footer-base ul { color: #fff; overflow: hidden; padding-bottom: 5px; } #footer-base ul li { display: inline; margin-right: 3px; } #footer-base ul li a { margin-right: 3px; } #footer-base div#footLinks { float: left; width: 310px; position: relative; top: 1px; z-index: 2; } #footer-base div#footContent { float: left; width: 630px; color: #fff; text-align: justify; padding: 0px 20px 0px 10px; } #footer-teaser { height: 215px; width: 318px; } #footer-facebook { width: 230px; height: 70px; background-image: url("../Images/Structure/facebook.png"); background-repeat: no-repeat; float: right; margin-top: -60px; position: absolute; right: 250px; } #footer-facebook a { display: block; width: 230px; height: 70px; text-decoration: none; } #footer-facebook a:hover { text-decoration: none; } #footer-twitter { width: 230px; height: 70px; background-image: url("../Images/Structure/follow-us-small.png"); background-repeat: no-repeat; float: right; margin-top:-60px; position: absolute; right: 10px;} #footer-twitter a { display: block; width: 230px; height: 70px; text-decoration: none; } #footer-twitter a:hover { text-decoration: none; } /* Footer Cut Down */ #footerCutDown { clear: both; background-color: #6699cc; height: 40px; text-align: center; padding-top: 10px; } #footerCutDown ul { padding-bottom: 5px; } #footerCutDown ul li { display: inline; padding-right: 10px; } #footerCutDown a { color: #f1f1f1; } /* Website Crumbtrail */ ul#crumbtrail { background-color: #f1f1f1; font-size: 0.8em; padding: 5px 5px 6px 5px; font-family: Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #ddd; } ul#crumbtrail li { display: inline; margin-right: 5px; color: #336699; } ul#crumbtrail li a { color: #336699; } ul#crumbtrail li a:hover { text-decoration: none; } ul#crumbtrail li span { padding-left: 2px; } /* Layouts */ #content { float: left; width: 100%; overflow: hidden; padding-bottom: 10px; } #colOne, #colOneA, #colOneB, #colTwo, #colTwoA, #colTwoB, #colThree { float: left; overflow: hidden; margin-top: 10px; margin-bottom: 10px; } #content.euroGetLive { margin-top: 0px; } /* Layout One - Homepage etc */ #wrapper .layoutOne { margin-top: 0px; } /* FFS IE6 */ #wrapper .teamPages { padding-top: 176px; } /* Column One */ #content.layoutOne #colOne { width: 650px; margin-right: 10px; } #content.layoutOne #colOneA { width: 309px; margin-right: 10px; } #content.layoutOne #colOneB { width: 320px; padding-left: 10px; border-left: 1px solid #ddd; } /* Column Two */ #content.layoutOne #colTwo { width: 320px; } #content.layoutOne #colTwoA { width: 155px; margin-right: 10px; } #content.layoutOne #colTwoB { width: 155px; } /* Column Three - Not used for Home Page */ #content.layoutOne #colThree { } /* Layout Two - Team page */ /* Column One */ #content.layoutTwo #colOne { width: 474px; margin-right: 10px; } #content.layoutTwo #colOneA { } #content.layoutTwo #colOneB { } /* Column Two */ #content.layoutTwo #colTwo { border-left: 1px solid #ddd; padding-left: 10px; width: 320px; margin-right: 10px; } #content.layoutTwo #colTwoA { width: 155px; margin-right: 10px; } #content.layoutTwo #colTwoB { width: 155px; } /* Column Three */ #content.layoutTwo #colThree { width: 155px; } /* Layout Three */ /* Column One */ #content.layoutThree #colOne { width: 815px; margin-right: 10px; } #content.layoutThree #colOneA { width: 397px; margin-right: 10px; } #content.layoutThree #colOneB { width: 397px; border-left: 1px solid #ddd; padding-left: 10px; } /* Column Two */ #content.layoutThree #colTwo { width: 155px; } #content.layoutThree #colTwoA { } #content.layoutThree #colTwoB { } /* Column Three */ #content.layoutThree #colThree { } /* Layout Four - Fixtures / Results */ /* Column One */ #content.layoutFour #colOne { width: 639px; margin-right: 10px; } #content.layoutFour #colOneA { } #content.layoutFour #colOneB { } /* Column Two */ #content.layoutFour #colTwo { width: 320px; border-left: 1px solid #ccc; padding-left: 10px; } #content.layoutFour #colTwoA { width: 155px; margin-right: 10px; } #content.layoutFour #colTwoB { width: 155px; } /* Layout Five - Forum */ #content.layoutFive #colOne { width: 810px; margin-right: 10px; } /* Layout Six - Squad list / video */ #content.layoutSix #colOne { width: 830px; margin-right: 10px; } #content.layoutSix #colTwo { width: 320px; border-left: 1px solid #ccc; padding-left: 10px; } /* Layout Seven */ #content.layoutSeven #colOne { width: 100%; } /* Elements that appear across website */ #headlineNews { background-color: #336699; overflow: hidden; padding-right: 10px; } #headlineNews img { width: 227px; height: 227px; float: left; margin-right: 10px; } #headlineNews h1 { border: none; margin-bottom: 0px; padding-bottom: 5px; font-size: 1.9em; line-height: 1.2em; padding-top: 10px; } #headlineNews h1 a { text-decoration: underline; } #headlineNews a { color: #fff; } #headlineNews h1 a:hover { text-decoration: none; } #headlineNews p { color: #ccc; } #headlineNews ul { } #headlineNews ul li { display: list-item; padding-bottom: 5px; } #headlineNewsBeach { background-color: #336699; overflow: hidden; padding-right: 10px; margin-bottom:5px; } #headlineNewsBeach img { width: 227px; height: 227px; float: left; margin-right: 10px; } #headlineNewsBeach h1 { border: none; margin-bottom: 0px; padding-bottom: 5px; font-size: 1.9em; line-height: 1.2em; padding-top: 10px; } #headlineNewsBeach h1 a { text-decoration: underline; } #headlineNewsBeach a { color: #fff; } #headlineNewsBeach h1 a:hover { text-decoration: none; } #headlineNewsBeach p { color: #ccc; } #headlineNewsBeach ul { } #headlineNewsBeach ul li { display: list-item; padding-bottom: 5px; } /* Headline link */ ul#headlineLinks { clear: both; background-color: #eee; margin-bottom: 15px; padding: 5px 0px 5px 5px; float: left; overflow: hidden; width: 650px; font-size: 1.1em; } ul#headlineLinks li { display: inline; } ul#headlineLinks li a { float: left; background: url('../Images/Icons/bullet_on_lightgrey.gif') 1px 4px no-repeat; padding: 2px 0px 2px 15px; color: #aa451d; } ul#headlineLinks li a.RSS { background: url('../Images/Icons/rss_on_lightGrey.gif') 0px 0px no-repeat; margin-right: 38px; padding: 2px 0px 2px 25px; } #teamNews { padding-bottom: 25px; } #teamNews dl { overflow: hidden; width: 100%; border-bottom: 1px dotted #ccc; padding-bottom: 5px; margin-bottom: 5px; } #teamNews dl dt { font-size: 1em; font-weight: bold; padding-bottom: 5px; } #teamNews dl dt.img { float: left; width: 60px; margin-right: 8px; padding-bottom: 0px; } #teamNews dl dt span.newsDate { float: left; margin-left: 5px; font-size: 0.9em; color: #777; overflow: visible; padding-bottom: 3px; display: block; } #teamNews dl dt span.sourceName { float: left; margin-left: 5px; font-size: 0.9em; color: #777; overflow: visible; padding-bottom: 3px; display: block; } #teamNews dl dt img.newsSource { float: right; } #teamNews dl dd { font-size: 1.1em; clear: both; } #teamNews p.overture { display: block; padding-bottom: 0px; margin-bottom: 15px; } #teamNews p.overture a { display: block; background-color: #f1f1f1; border: 1px solid #ddd; width: 95.9%; padding: 10px 8px 10px 8px; color: #333333; text-decoration: none; } #teamNews p.overture a:hover { background-color: #c2d1da; } #teamNews p.overture a strong { display: block; text-decoration: underline; font-size: 1.5em; padding-bottom: 8px; } #teamNews p.overture a em { display: block; color: #666; padding-bottom: 1px; } #teamNews p.overture a span { display: block; text-decoration: underline; } #teamNews p.overture a:hover strong, #teamNews p.overture a:hover span { text-decoration: none; } /* League table */ #leagueTable { margin-bottom: 15px; } #leagueTable h2 { } #leagueTable table td.left { font-size: 1.1em; } #leagueTable table col { width: 40px; } #leagueTable table col.pos { width: 40px; } #leagueTable table col.team { width: 198px; } /* Tabbed Content */ /* Customised tabbed elements*/ .tabs-hide { display: none; } ul.tabMenu:after { clear: both; content: "."; display: block; height: 0px !important; line-height: 0px; visibility: hidden; } .tabMenu li { background-color: #c8f48e; border: 1px solid #C0CCD3; float: left; margin: 0px 3px -1px 0px !important; padding: 5px 0px 6px 0px; position: relative; text-align: center; } .tabMenu li a { padding-bottom: 2px; text-decoration: none; } .tabMenu .tabs-selected { background-color: #fff; border-bottom: 1px solid white; } .tabMenu .tabs-selected a { color: #7dba41; } /* TabbedContent contains snippets of fixtures, results, league tables */ .miniTabbedContent { } .showNow { } .miniTabbedContent { margin-bottom: 10px; } .miniTabbedContent h3 { display: none; } .miniTabbedContent li a { text-decoration: none; padding: 5px 10px; font-size: 1.3em; text-transform: uppercase; font-weight: bold; } .miniTabbedContent div { border: 1px solid #ddd; padding: 10px; height: 180px; overflow: hidden; } .miniTabbedContent .on a { background: url('../Images/tabBG_Active.gif') repeat-x; } .miniTabbedContent .innerContent { height: 160px; overflow: hidden; overflow-y: scroll; padding: 0px 5px 0px 0px; border: none; border-bottom: 1px solid #ccc; border-top: 1px solid #ddd; } /* Adapating relatedLinkTwo Class to suit */ .miniTabbedContent ul.relatedLinkTwo { font-size: 0.85em; padding: 0px; background: url('../Images/tabBG_Active.gif') repeat-x; padding: 7px 0px 0px 5px; } .miniTabbedContent ul.relatedLinkTwo li { background: none; background: url('../Images/bullet_on_white.gif') 1px 4px no-repeat; padding-left: 5px; } .miniTabbedContent ul.relatedLinkTwo li a { background: none; border: none; text-transform: capitalize; font-weight: normal; text-decoration: underline; } .miniTabbedContent ul.relatedLinkTwo li a:hover { text-decoration: none; } /* Football Info */ #footballInfo.miniTabbedContent div { } /* Fixtures */ .miniTabbedContent #mt_results { clear: both; } .miniTabbedContent #mt_fixtures { clear: both; } .miniTabbedContent .fixtrsAndRslts { } .miniTabbedContent .fixtrsAndRslts h3 { text-transform: capitalize; line-height: 1.3em; } .miniTabbedContent .fixtrsAndRslts h3 a { padding: 2px 0px 2px 2px; color: #336699; display: block; text-decoration: none; } .miniTabbedContent .fixtrsAndRslts h3 a:hover { text-decoration: underline; } .miniTabbedContent .fixtrsAndRslts p { padding-bottom: 2px; font-size: 0.9em; background-color: #f1f1f1; display: block; padding-left: 5px; } .miniTabbedContent .fixtrsAndRslts strong { color: #09344f; } .miniTabbedContent .fixtrsAndRslts table { text-align: left; width: 277px; border-bottom: 1px dotted #ddd; } .miniTabbedContent .fixtrsAndRslts th, .miniTabbedContent .fixtrsAndRslts td { padding: 5px 2px 5px 2px; } .miniTabbedContent .fixtrsAndRslts th { padding-top: 6px; border-bottom: 1px solid #ddd; background-color: #f1f1f1; padding: 5px 2px 5px 2px; } .miniTabbedContent .fixtrsAndRslts th.leagueHeader { background-color: #fff; border: none; padding-bottom: 3px; padding-top: 5px; padding-left: 5px; text-align: left; } .miniTabbedContent .fixtrsAndRslts th.leagueHeader a { text-decoration: none; } .miniTabbedContent .fixtrsAndRslts th.leagueHeader a:hover { text-decoration: underline; } .miniTabbedContent .fixtrsAndRslts th.date { font-size: 0.9em; background-color: #f1f1f1; padding: 2px 0px 2px 5px; border: none; } .miniTabbedContent .fixtrsAndRslts td { border-bottom: 1px dotted #ddd; } .miniTabbedContent .fixtrsAndRslts td.time { width: 30px; } .miniTabbedContent .fixtrsAndRslts td.home { width: 105px; text-align: right; } .miniTabbedContent .fixtrsAndRslts td.vs { color: #aa451d; text-align: center; padding-right: 1px; width: 15px; } .miniTabbedContent .fixtrsAndRslts td.away { } .miniTabbedContent .fixtrsAndRslts td.result { padding-left: 10px; } .miniTabbedContent .fixtrsAndRslts tr.alt td { } .miniTabbedContent .fixtrsAndRslts tr.end td { border-bottom: none; padding-bottom: 7px; } /* League Table */ .miniTabbedContent #mt_leagueTable { } .miniTabbedContent #mt_leagueTable h3 { text-transform: capitalize; line-height: 1.3em; } .miniTabbedContent #mt_leagueTable h3 a { padding: 2px 0px 2px 5px; background-color: #eee; color: #336699; display: block; text-decoration: none; } .miniTabbedContent #mt_leagueTable h3 a:hover { text-decoration: underline; } .miniTabbedContent #mt_leagueTable p { padding-bottom: 5px; font-size: 0.9em; background-color: #f1f1f1; display: block; padding-left: 5px; line-height: 1.4em; } .miniTabbedContent #mt_leagueTable table { text-align: left; width: 277px; } .miniTabbedContent #mt_leagueTable th, .miniTabbedContent #mt_leagueTable td { padding: 5px 2px 5px 2px; text-align: center; } .miniTabbedContent #mt_leagueTable th { padding-top: 6px; border-bottom: 1px solid #ddd; background-color: #f1f1f1; padding: 5px 2px 5px 2px; } .miniTabbedContent #mt_leagueTable td { border-bottom: 1px dotted #ddd; } .miniTabbedContent #mt_leagueTable .leagueHeader { border: none; padding-bottom: 0px; padding-left: 5px; text-align: left; } .miniTabbedContent #mt_leagueTable .leagueHeader a { text-decoration: none; } .miniTabbedContent #mt_leagueTable .leagueHeader a:hover { text-decoration: underline; } .miniTabbedContent #mt_leagueTable .pos { width: 30px; } .miniTabbedContent #mt_leagueTable .teams { text-align: left; width: 150px; padding-left: 10px; } .miniTabbedContent #mt_leagueTable tr.end td { border-bottom: none; padding-bottom: 7px; } /* Date Selection */ .miniTabbedContent #singleDate { height: 245px; } .miniTabbedContent #singleDate div { padding: 0px; border: 0px; height: auto; overflow: visible; } .miniTabbedContent #singleDate div table { } .miniTabbedContent #dateRange { height: 550px; } .miniTabbedContent #dateRange div table { margin-bottom: 10px; } .miniTabbedContent #dateRange div { padding: 0px; border: 0px; height: auto; overflow: visible; } /* Media Tabs */ #media.miniTabbedContent div { padding: 10px 0px 0px 10px; } #media.miniTabbedContent div div { padding: 0px; border: 0px; height: auto; overflow: visible; } /* Gallery */ .miniTabbedContent #gallery { clear: both; height: 147px; } .miniTabbedContent #gallery h2 { background-color: #eee; margin-right: 10px; padding: 3px; margin-bottom: 5px; font-size: 0.9em; border-bottom: none; text-transform: capitalize; } .miniTabbedContent #gallery h3 { } .miniTabbedContent #gallery ul { } .miniTabbedContent #gallery ul li { float: left; width: 54px; height: 54px; padding: 0px; margin-right: 6px; margin-bottom: 2px; } html > body .miniTabbedContent #gallery ul li { margin: 0px 7px 7px 0px; } .miniTabbedContent #gallery ul li a { background: none; margin: 0px; padding: 0px; border: none; } .miniTabbedContent #gallery ul li img { border: 2px solid #ddd; height: 50px; width: 50px; } .miniTabbedContent #gallery ul li img:hover { border: 2px solid #999; } /* Video */ .miniTabbedContent #video { clear: both; height: 395px; } .miniTabbedContent #funnyClips { clear: both; height: 550px; } /* Tabbed Content Large - News */ .tabbedContent { margin-bottom: 15px; } .tabbedContent ul:after { clear: both; content: "."; display: block; height: 0px !important; line-height: 0px; visibility: hidden; } .tabbedContent h2 { display: none; } .tabbedContent li a { text-decoration: none; padding: 5px 10px; font-size: 1.3em; text-transform: uppercase; font-weight: bold; } .tabbedContent div { height: 240px; padding-top: 15px; padding-left: 10px; overflow: hidden; border: 1px solid #ddd; background: url('../Images/Structure/tabs/tabsBgRepeat.gif') repeat-x bottom; } .tabbedContent .on a { background: url('../Images/tabBG_Active.gif') repeat-x; } /* News Tab */ .tabbedContent #news { clear: both; } .tabbedContent #news dl { width: 217px; padding-right: 10px; float: left; float: left; overflow: hidden; } .tabbedContent #news dl dt { font-size: 1.1em; padding-bottom: 2px; } .tabbedContent #news dl dt img { width: 50px; height: 50px; clear: both; float: left; margin-right: 5px; } .tabbedContent #news dl dt a { } .tabbedContent #news dl dd { padding-bottom: 10px; } .tabbedContent #news ul { float: left; font-size: 1.1em; width: 217px; } .tabbedContent #news ul li { padding: 0px 0px 9px 15px; background: url('../Images/bullet_on_white.gif') 1px 2px no-repeat; } .tabbedContent #news ul li a { color: #333; background: none; font-size: 1em; text-transform: none; border: none; padding: 0px; font-weight: normal; text-decoration: underline; } .tabbedContent #news ul li a:hover { text-decoration: none; color: #336699; } /* Archived News */ .tabbedContent #archivedNews { clear: both; } .tabbedContent #archivedNews ul { float: left; width: 227px; } .tabbedContent #archivedNews ul li { padding: 0px 0px 9px 15px; background: url('../Images/bullet_on_white.gif') 1px 2px no-repeat; } .tabbedContent #archivedNews ul li a { color: #333; background: none; font-size: 1em; text-transform: none; border: none; padding: 0px; font-weight: normal; text-decoration: underline; } .tabbedContent #archivedNews ul li a:hover { text-decoration: none; color: #336699; } .tabbedContent #archivedNews ul.relatedLinkTwo { padding-top: 5px; } .tabbedContent #archivedNews ul.relatedLinkTwo li { background-position: 1px 5px; } .tabbedContent #archivedNews ul.relatedLinkTwo li a { color: #aa451d; } /* More News & Football Features */ div.moreNews { overflow: hidden; clear: both; padding-bottom: 5px; } div.moreNews img { width: 50px; height: 50px; margin-right: 5px; } div.moreNews dl { float: left; } div.moreNews dl dt { float: left; padding-bottom: 2px; font-size: 1.1em; line-height: 1.3em; font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; font-weight: bold; } div.moreNews dl dt.img { clear: both; } div.moreNews dl dd { float: left; width: 254px; padding-bottom: 10px; } div.moreNews dl.featured { float: left; width: 150px; } div.moreNews dl.featured dd { width: 150px; } div.moreNews dl.featured img { width: 150px; height: 150px; float: none; margin-right: 0px; margin-bottom: -4px; } div.moreNews dl.last { padding-left: 9px; } div.moreNews ul { } /* Featured Ad - defaults to blue */ .featureAd { background-color: #336699; clear: both; margin-bottom: 10px; float: left; width: 100%; font-family: "Trebuchet MS" , arial, sans-serif; } .featureAd img { float: right; height: 80px; width: 147px; } .featureAd p { float: left; width: 134px; padding: 7px 0px 0px 15px; font-style: italic; font-size: 1.6em; line-height: 1.2em; } .featureAd p a { color: #fff; } .featureAd p a:hover { text-decoration: none; } .bgRed { background-color: #660000; } .bgOrange { background-color: #993300; } /* Most Bookings - Generally to appear in 155px as per homepage */ #mostBookings { padding-bottom: 5px; overflow: hidden; } #mostBookings h2 { background: url('../Images/Icons/h2_most_bookings_redYellowCard.gif') top right no-repeat; padding-top: 5px; } #mostBookings ul { padding-bottom: 5px; overflow: hidden; } #mostBookings ul li { float: left; display: block; padding-bottom: 5px; width: 100%; line-height: 1.3em; } #mostBookings ul li a { display: block; float: left; width: 136px; } #mostBookings ul li a.team { width: 135px; } #mostBookings ul li span { float: left; display: block; width: 12px; padding-left: 10px; font-weight: bold; } #mostBookings ul li span.red { background: url('../Images/Icons/red_card.gif') 0px 0px no-repeat; margin-right: 5px; } #mostBookings ul li span.yellow { background: url('../Images/Icons/yellow_card.gif') 0px 0px no-repeat; } #colTwoA #mostBookings ul li a, #colThree #mostBookings ul li a { width: 105px; } #colTwoA #mostBookings ul li a.team, #colThree #mostBookings ul li a.team { display: none; } /* Adapating relatedLinkTwo Class to suit */ #mostBookings ul.relatedLinkTwo li { } #mostBookings ul.relatedLinkTwo li a { display: inline; float: none; } .snippet { clear: both; float: left; width: 133px; padding: 10px; overflow: hidden; border: 1px solid #ddd; margin-bottom: 15px; } .snippet img { width: 133px; margin-bottom: 5px; } .snippet h2 { border: none; margin: 0px; padding: 0px; line-height: 0.8em; margin-bottom: 10px; font-size: 0.8em; color: #666666; font-family: Verdana, Arial, Helvetica, sans-serif; } .snippet h3 { font-family: "Trebuchet MS" , arial, sans-serif; font-weight: normal; font-style: italic; font-size: 1.6em; line-height: 1.2em; margin-bottom: 5px; color: #003366; } .snippet h3 a { text-decoration: none; color: #003366; } .snippet h3 a:hover { text-decoration: underline; } .snippet ol { overflow: hidden; padding-bottom: 5px; width: 100%; } .snippet ol li { clear: both; float: left; display: block; padding-bottom: 5px; width: 100%; } .snippet ol li a { float: left; width: 72%; } .snippet ol li span { width: 16px; padding: 1px 0px; text-align: center; font-weight: bold; float: left; color: #fff; font-size: 0.8em; font-family: Verdana, Arial, Helvetica, sans-serif; } .snippet ol li span.red { background: url('../Images/Icons/red_card2a.gif') 0px 0px no-repeat; margin-right: 5px; } .snippet ol li span.yellow { background: url('../Images/Icons/yellow_card2a.gif') 0px 0px no-repeat; } /* List Link */ .linkList { clear: both; width: 100%; overflow: hidden; margin-bottom: 10px; } .linkList h2 { } .linkList ul { font-size: 1.1em; line-height: 1.3em; } .linkList ul li { background: url('../Images/bullet_on_white.gif') 1px 6px no-repeat; padding: 0px 0px 5px 15px; } .linkList ul li ul { padding-top: 5px; } .linkList ul li a { color: #333; } .linkList ul li a:hover { text-decoration: none; color: #336699; } /* Turns list into two column */ .linkListTwoCol li { width: 145px; float: left; } /* Generic table styling */ table.generic { table-layout: fixed; margin-bottom: 15px; border-bottom: 1px solid #999999; } table.generic caption { text-align: left; padding-bottom: 10px; } table.generic thead { } table.generic thead th { border-bottom: 1px solid #999; vertical-align: bottom; } table.generic tbody { } table.generic th, table.generic td { text-align: center; padding: 7px 0px; } table.generic th { vertical-align: top; border-bottom: 1px dotted #ddd; } table.generic td { vertical-align: top; border-bottom: 1px dotted #ddd; } table.generic .left { text-align: left; } table.generic .right { text-align: right; } table.generic .borderLeft { border-left: 1px solid #ddd; } table.generic .borderRight { border-right: 1px solid #ddd; } table.generic .hide { display: none; } table.generic .red { background: url('../Images/Icons/red_card2.gif') center no-repeat; display: block; text-indent: -9000px; } table.generic .yellow { background: url('../Images/Icons/yellow_card2.gif') center no-repeat; display: block; text-indent: -9000px; } table.generic tr.highlight td, tr.highlight th { background-color: #ffffcc; border-top: 1px solid #FFCC66; border-bottom: 1px solid #FFCC66; } table.generic tr.thTint th { background-color: #f1f1f1; } /*Top Goal Scorers */ #topScorers table col { width: 70px; } #topScorers table col.pos { width: 25px; } #topScorers table col.player { width: 165px; } #topScorers table col.team { width: 151px; } #topScorers table col.goals { width: 50px; } #topScorers table td.pos { padding-left: 7px; } #topScorers ul.relatedLinkTwo { padding-bottom: 25px; } #top5Scorers { padding-bottom: 15px; clear: both; width: 100%; } #top5Scorers td { font-family: "Trebuchet MS" , sans-serif; font-weight: bold; } #top5Scorers h3 { } #top5Scorers col { width: 43px; } #top5Scorers col.player { width: 215px; } html > body #top5Scorers col.player { width: 215px; } #top5Scorers table { background-color: #fff; } #top5Scorers .left { padding-left: 10px; } #top5Scorers td { vertical-align: middle; font-size: 1.1em; } #top5Scorers td.left { font-family: Arial, Helvetica, sans-serif; font-weight: normal; } #top5Scorers td.goals { color: #CC0000; } #top5Scorers td small { font-size: 0.8em; } #top5Scorers td small a { color: #666; } /* Forms */ div.form { clear: both; position: relative; font-size: 1.1em; } div.form h4 { clear: both; color: #0569a8; font-size: 1.3em; font-weight: bold; border-bottom: 1px solid #0569a8; padding: 2px 0px 5px 0px; margin: 5px 0px 20px 0px; } div.form h4.addComment { background: url('../Images/Icons/comment_add.gif') 135px 0px no-repeat; } div.form p sup { color: #0569a8; margin-left: 3px; position: relative; top: -4px; } div.form p sup.textarea { position: relative; top: -175px; } div.form p { color: #333; clear: both; overflow: hidden; padding-top: 2px; padding-right: 35px; } div.form p.requiredInfo { position: relative; top: -35px; width: 130px; padding: 0px; } div.form p em { color: #666; } div.form p em strong { color: #666; } div.form p input { border: 1px solid #ddd; padding: 2px; color: #333; width: 235px; position: relative; top: -2px; } div.form p input.checkbox { width: auto; border: none; float: left; margin-bottom: 20px; } div.form p input.furtherInfo { display: block; float: left; margin-right: 5px; } div.form p input.title { width: 30px; } div.form p input.submit { width: auto; cursor: pointer; padding: 1px 3px; color: #333; background-color: #eee; border: 1px solid #ccc; } div.form p input.submit:hover { background-color: #dfe7ef; border: 1px solid #4f81a7; color: #304c62; } div.form p textarea { width: 200px; height: 180px; position: relative; top: -2px; border: 1px solid #ddd; font-family: Arial, Helvetica, sans-serif; padding: 3px; font-size: 1.1em; } html > body div.form p textarea { width: 235px; height: 180px; position: relative; top: -2px; border: 1px solid #ddd; font-family: Arial, Helvetica, sans-serif; padding: 3px; font-size: 1.1em; } div.form p span.checkBox { float: left; display: block; width: 20px; } div.form p span.checkBox input { width: auto; border: none; float: left; position: static; } div.form p span.block { display: block; float: left; width: 250px; padding-right: 0px; font-size: 90%; } div.form p span.formError { clear: both; display: block; padding-left: 150px; } div.form label { clear: both; display: block; padding-right: 10px; padding-bottom: 10px; width: 140px; text-align: right; float: left; } div.form label.extraPad { padding-bottom: 30px; } div.form label.hide { display: none; background-color: #3300FF; } div.form label.invisible { visibility: hidden; } div.form #codeSnippet { border: 1px solid #ddd; width: 310px; background-color: #eee; padding: 5px; margin-left: 150px; } div.form #codeSnippet code { font-size: 1.1em; } /* News Lists and filter */ #newsLists { } #newsLists h1 { border-bottom: 0px; padding-bottom: 0px; font-size: 1.8em; line-height: 1.1em; background-color: #f1f1f1; color: #336699; padding: 5px; margin-bottom: 0px; } #newsLists h2 { } #newsLists h3 { background-color: #6699cc; color: #fff; padding: 5px; font-size: 1.5em; margin-bottom: 10px; clear: both; } #newsLists h3 span { font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; font-size: 0.6em; position: relative; bottom: 1px; } #newsLists p { } #newsLists ul { overflow: hidden; padding-bottom: 5px; } #newsLists ul li { padding: 0px 0px 10px 15px; width: 222px; float: left; background: url('../Images/bullet_on_white.gif') 1px 2px no-repeat; } #newsLists ul li a { color: #333; background: none; font-size: 0.9em; text-transform: none; border: none; padding: 0px; font-weight: normal; text-decoration: underline; } #newsLists ul li a:hover { text-decoration: none; color: #336699; } #newsLists ul li small { font-family: verdana, arial, san-serif; font-size: 70%; position: relative; top: -2px; } #newsListsPlayer h3 { background-color: #6699cc; color: #fff; padding: 2px; font-size: 1.3em; margin-bottom: 5px; clear: both; } #newsListsPlayer h3 span { font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; font-size: 0.6em; position: relative; bottom: 1px; } #newsListsPlayer ul li { padding: 0px 0px 10px 15px; width: 292px; float: left; background: url('../Images/bullet_on_white.gif') 1px 2px no-repeat; } #newsFilter { width: 320px; overflow: hidden; padding-bottom: 10px; } #newsFilter h2 { clear: both; } #newsFilter h3 { float: left; margin-right: 10px; } #newsFilter ul { float: left; height: 75px; border: 1px solid #ccc; padding: 2px; overflow: auto; width: 200px; background-color: #f1f1f1; } #newsFilter ul li { padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; height: 15px; font-size: 1em; } #newsFilter ul li a { display: block; height: 15px; } #newsFilter ul li a:hover { background-color: #333; color: #f1f1f1; } /* Page specific elements */ /* Home Page */ #homeHeadlinesCont { padding-bottom: 10px; width: 100%; padding-top: 10px; } #homeHeadlines { width: 320px; float: left; } #homeHeadlines img { width: 320px; height: 320px; } #homeHeadlines ul { width: 300px; position: relative; padding: 5px 10px 0px 10px; } #homeHeadlines ul li a { color: #999; text-decoration: none; font-size: 1.1em; line-height: 1.3em; } #homeHeadlines ul li a:hover { color: #ccc; } #homeHeadlines ul li h3 { font-family: "Trebuchet MS" , sans-serif; font-size: 1.8em; padding-bottom: 5px; } #homeHeadlines ul li h3 a { color: #c2d1da; text-decoration: underline; } #homeHeadlines ul li h3 a:hover { text-decoration: none; color: #f1f1f1; } ul#homeLeagueNews { background: url('../Images/bgPixel.gif') 165px 0px repeat-y; float: left; height: 320px; width: 330px; overflow: hidden; } ul#homeLeagueNews li { width: 147px; float: left; padding-left: 10px; height: 620px; } ul#homeLeagueNews li.vCol2 { padding-left: 20px; } ul#homeLeagueNews li li { width: auto; margin-left: 0px; padding-left: 0px; float: none; height: auto; } ul#homeLeagueNews li li a { font-size: 1.3em; font-weight: bold; text-decoration: none; font-family: "Trebuchet MS" , sans-serif; } ul#homeLeagueNews li li a:hover { color: #fa8d0d; } ul#homeLeagueNews li li a.rss { background: url('../Images/Icons/rss12x12.gif') no-repeat; width: 12px; height: 12px; display: inline-block; text-indent: -9000px; } html > body ul#homeLeagueNews li li a.rss { display: -moz-inline-stack; max-width: 12px; overflow: hidden; padding-left: 12px; } ul#homeLeagueNews li li ul { padding: 7px 0px; border-bottom: 1px dotted #ccc; margin-bottom: 7px; width: 145px; } ul#homeLeagueNews li li ul li { padding-bottom: 5px; } ul#homeLeagueNews li li ul li a { font-size: 0.9em; color: #666; font-weight: normal; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; } ul#homeLeagueNews li li ul li a:hover { text-decoration: none; color: #333; } a#homeRss { clear: both; background: url('../Images/Structure/footballRSSBackGround.gif') #d97a35; width: 285px; height: 19px; padding-top: 6px; padding-left: 35px; display: block; color: #fff; font-family: "Trebuchet MS" , sans-serif; font-size: 1.3em; font-weight: bold; } #homepageHeadlines #otherHeadlines { clear: both; padding-top: 10px; overflow: hidden; } #homepageHeadlines #otherHeadlines dl { float: left; font-size: 1.1em; width: 315px; } #homepageHeadlines #otherHeadlines dl.col2 { padding-left: 5px; width: 310px; } #homepageHeadlines #otherHeadlines dl img { width: 50px; height: 50px; border: none; } #homepageHeadlines #otherHeadlines dl dt { float: left; font-size: 1.1em; padding-bottom: 2px; font-size: 1.2em; } #homepageHeadlines #otherHeadlines dl dd { float: left; width: 245px; padding-bottom: 10px; } #homepageHeadlines #otherHeadlines dl a { font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; font-weight: bold; } #homepageHeadlines #otherHeadlines ul { } /* Team & Team sub page Page Elements */ #clubProfile { margin-top: 10px; } /* Strange fix */ #clubProfile h1, #clubProfile h2, #clubProfile h3 { border: none; margin: 0px; padding: 0px; } #clubProfile h1 { color: #336699; font-size: 2em; padding-bottom: 5px; } #clubProfile h2 { } #clubProfile dt { font-weight: bold; padding-bottom: 3px; color: #336699; } #clubProfile dd { line-height: 1.3em; } #clubProfile ul { font-size: 0.95em; } #clubProfile ul li { display: inline; } ul#clubLinks { background: url('../Images/Structure/clubNavBg.gif') repeat-x #333; width: 980px; padding: 4px 0px 6px 0px; border-bottom: 1px solid #ccc;clear:both; } ul#clubLinks li { display: inline; margin-left: 10px; color: #666; } ul#clubLinks li a { color: #fff; font-size: 1.0em; margin-right: 10px; } #clubProfile #teamLogo { float: left; width: 75px; height: 75px; padding: 5px; border: 10px solid #ccc; background-color: #fff; overflow: hidden; } #clubProfile #teamLogo img { width: 60px; height: 60px; padding: 10px; } #clubProfile #BeachLogo { float: left; width: 75px; height: 75px; padding: 5px; border: 10px solid #ccc; background-color: #fff; overflow: hidden; } #clubProfile #BeachLogo img { width: 75px; height: 75px; padding: 0px; } #clubProfile #clubOverview { float: left; position: relative; background: #eee; padding: 10px 0px 0px 10px; width: 345px; height: 93px; border-right: 1px solid #fff; border-top: 1px solid #ddd; border-bottom: 1px solid #ccc; } #clubProfile #clubOverview h2 { padding-bottom: 7px; } #clubProfile #clubOverview ul { float: left; width: 275px; padding-right: 3px; } #clubProfile #clubOverview ul li { display: list-item; clear: both; padding-bottom: 3px; } #clubProfile #clubOverview ul li span { display: block; float: left; width: 60px; font-weight: bold; color: #336699; padding-bottom:2px; } #clubProfile #clubOverview ul li a { color: #333; } #clubProfile #clubOverview dl { clear: both; } #clubProfile #clubOverview h3 { clear: both; color: #336699; padding-bottom: 2px; } #clubProfile #beachOverview { float: left; position: relative; background: #eee; padding: 10px 0px 0px 10px; width: 345px; height: 93px; border-right: 1px solid #fff; border-top: 1px solid #ddd; border-bottom: 1px solid #ccc; } #clubProfile #beachOverview h2 { padding-bottom: 7px; } #clubProfile #beachOverview ul { float: left; width: 275px; padding-right: 3px; } #clubProfile #beachOverview ul li { display: list-item; clear: both; padding-bottom: 3px; } #clubProfile #beachOverview ul li span { display: block; float: left; width: 120px; font-weight: bold; color: #336699; padding-bottom:2px; } #clubProfile #beachOverview ul li a { color: #333; } #clubProfile #beachOverview dl { clear: both; } #clubProfile #beachOverview h3 { clear: both; color: #336699; padding-bottom: 2px; } #clubProfile #gamesTrnmnts { float: left; position: relative; background: #eee; border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ccc; padding: 10px 0px 0px 10px; width: 508px; height: 93px; } #clubProfile #gamesTrnmnts h2 { } #clubProfile #gamesTrnmnts h3 { font-size: 1.3em; text-transform: uppercase; padding-bottom: 7px; } #clubProfile #gamesTrnmnts a { color: #333; } #clubProfile #gamesTrnmnts ul { padding-bottom: 10px; } #clubProfile #gamesTrnmnts ul li { display: list-item; padding-bottom: 5px; width: 135px; } #clubProfile #gamesTrnmnts ul li.link { display: inline; margin-right: 5px; } #clubProfile #eventsFeatures { float: left; position: relative; background: #eee; border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ccc; padding: 10px 0px 0px 10px; width: 508px; height: 93px; } #clubProfile #eventsFeatures h2 { } #clubProfile #eventsFeatures h3 { font-size: 1.3em; text-transform: uppercase; padding-bottom: 7px; } #clubProfile #eventsFeatures a { color: #333; } #clubProfile #eventsFeatures ul { padding-bottom: 10px; } #clubProfile #eventsFeatures ul li { display: list-item; padding-bottom: 5px; width: 135px; } #clubProfile #eventsFeatures ul li.link { display: inline; margin-right: 5px; } #clubProfile #strips { width: 140px; height: 66px; position: absolute; bottom: 10px; right: 10px; } html > body #clubProfile #strips div div { margin: 0px; padding: 0px; background: url('../Images/Structure/blankTeamStrip.gif') 0px 5px no-repeat; height: 68px; } #clubProfile #strips img { border: none; float: none; width: 67px; height: 62px; } #clubProfile #strips #home { width: 67px; float: left; padding-right: 2px; } #clubProfile #strips #away { width: 67px; float: left; padding-left: 2px; } #clubProfile dl.games { clear: none; float: left; border-right: 1px solid #ddd; height: 85px; position: relative; overflow: hidden; width: 180px; } #clubProfile dl.games#lastGame { padding-left: 10px; border-left: 1px solid #fff; } #clubProfile dl.games#lastGame span.score { position: absolute; right: 20px; font-weight: bold; color: #336699; } #clubProfile dl.games dt { float: left; padding-right: 10px; } #clubProfile dl.games dt span { font-weight: normal; color: #333; } #clubProfile dl.games dd { clear: both; padding: 2px 0px 6px 0px; } #clubProfile dl.games dd span.badge { width: 23px; height: 16px; float: left; } #clubProfile dl.games dd p.vs { clear: both; padding: 0px 23px; margin: 1px 0px; display: block; color: #336699; font-weight: bold; font-size: 0.85em; } #clubProfile dl.games dd img { height: 17px; width: auto; margin: 0px 5px -6px 0px; } #clubProfile dl.games dd a.matchRpt { clear: both; float: left; color: #336699; } #clubProfile dl#events { clear: none; float: left; padding-left: 10px; height: 85px; overflow: hidden; border-left: 1px solid #fff; width: 255px; } #clubProfile dl#comptetingIn { clear: none; float: left; padding-left: 10px; height: 85px; overflow: hidden; border-left: 1px solid #fff; width: 105px; } #clubProfile dl#comptetingIn ul { padding-top: 3px; } #clubProfile dl#comptetingIn ul li { padding-bottom: 0px; } #clubProfile p#clubID { display: none; } /* Squad list */ #squadList { } #squadList h1 { border-bottom: 0px; padding-bottom: 0px; font-size: 2em; line-height: 1.1em; background-color: #f1f1f1; color: #336699; padding: 5px; margin-bottom: 0px; margin-bottom: 10px; } #squadList h2 { } #squadList a { } #squadList ul { } #squadList ul li { clear: both; background-color: #f1f1f1; padding: 5px; float: left; width: 462px; overflow: hidden; font-weight: bold; font-size: 1.1em; margin-bottom: 10px; border: 1px solid #ddd; } #squadList ul li ul { float: left; overflow: hidden; margin: 5px 0px 10px 0px; } #squadList ul li ul li { display: block; clear: none; float: left; padding: 0px 0px 5px 0px; margin-right: 10px; width: 144px; margin-bottom: 0px; font-size: 0.9em; border: none; } #squadList ul li ul li span { display: block; float: left; width: 20px; text-align: left; } #squadList2 ul { padding-bottom: 10px; font-size: 1.1em; } #squadList2 ul li { display: inline; margin-left: 5px; } #squadList2 ul li a { margin-right: 5px; } #squadList2 ul li a.active { font-weight: bold; text-decoration: none; } #squadList2 table col { width: 36px; } #squadList2 table col.countryFlag { width: 20px; } #squadList2 table col.player { width: 190px; } #squadList2 table col.country { width: 163px; } #squadList2 table h2 { margin: 0px; padding: 0px; border: none; font-size: 1em; text-transform: capitalize; position: relative; right: 18px; } #teamInfo h1 { border-bottom: 0px; padding-bottom: 0px; font-size: 2em; line-height: 1.1em; background-color: #f1f1f1; color: #336699; padding: 5px; margin-bottom: 0px; margin-bottom: 10px; } #teamInfo p { font-size: 1.1em; } #teamInfo dl { font-size: 1.1em; border-top: 1px solid #ddd; padding-top: 10px; } #teamInfo dd { float: left; width: 412px; padding-bottom: 10px; position: relative; bottom: 2px; } #teamInfo dt { clear: both; float: left; width: 60px; font-weight: bold; } /* Match Header and Match sub navigation */ #matchBar { clear: both; width: 980px; background: url('../Images/Structure/matchBarBg.gif') 0px 57px repeat-x; padding-top: 20px; float: left; position: relative; } #matchBar ul { } #matchBar ul li { display: inline; } #matchBar ul#shield { height: 0.01em; } #matchBar ul#shield li a { } #matchBar ul#shield li a img { border: 5px solid #336699; width: 66px; height: 66px; } #matchBar ul#shield li#shieldHome { position: absolute; margin-left: 5px; margin-top: -10px; } #matchBar ul#shield li#shieldAway { position: absolute; margin-left: 900px; margin-top: -10px; } #matchBar ul#teamsPlaying { background: url('../Images/Structure/matchTeamsPlayingBg.gif') 135px 0px no-repeat; display: block; padding: 0px 0px 0px 175px; width: 800px; height: 40px; font-size: 2.2em; font-weight: bold; } #matchBar ul#teamsPlaying li { width: 290px; float: left; color: #fff; padding-top: 8px; } #matchBar ul#teamsPlaying li img { position: absolute; margin-bottom: 5px; } #matchBar ul#teamsPlaying li a { color: #fff; } #matchBar ul#teamsPlaying li.v { text-align: center; width: 40px; padding: 8px 10px 0px 10px; } #matchBar ul#teamsPlaying li.home { text-align: right; } #matchBar ul#teamsPlaying li.away { text-align: left; } #matchBar ul#teamsPlaying li.home img { margin-left: -295px; } #matchBar ul#teamsPlaying li.away img { margin-left: 260px; } #matchBar ul#matchInfo { text-align: center; font-size: 1.1em; padding: 10px 0px; } #matchBar ul#matchInfo li { margin-left: 5px; } #matchBar ul#matchInfo li a { margin-right: 8px; } #matchBar ul#matchInfo li span { margin-right: 8px; } ul#matchNav { clear: both; border-bottom: 1px solid #ccc; height: 20px; width: auto; text-align: center; font-size: 1.3em; padding-top: 15px; margin-bottom: 10px; background-color: #f1f1f1; } ul#matchNav li { display: inline; text-align: center; position: relative; padding: 5px 15px; border: 1px solid #ccc; border-bottom: none; background: url('../Images/Structure/matchTabBg.gif') repeat-x 0px 0px #c5c5c5; margin-left: 5px; } ul#matchNav li.active { position: relative; padding-bottom: 6px; background: none; background-color: #fff; border-top: 1px solid #336699; } ul#matchNav li a { text-transform: uppercase; font-weight: bold; text-decoration: none; } ul#matchNav li a:hover { color: #09344f; } ul#matchNav li.active a:hover { color: #336699; } /* Match Header v2 and Match sub navigation v2 */ #matchBar2 h1 { border-bottom: 0px; padding-bottom: 0px; font-size: 1.8em; line-height: 1.1em; background-color: #f1f1f1; color: #336699; padding: 5px; margin-bottom: 10px; clear: both; } #matchBar2 .vs { font-size: 14px; } #matchBar2 ul { } #matchBar2 ul li { } #matchBar2 ul#shield { height: 0.01em; } #matchBar2 ul#shield li a { } #matchBar2 ul#shield li a img { border: 5px solid #336699; width: 66px; height: 66px; } #matchBar2 ul#shield li#shieldHome { position: absolute; margin-left: 5px; margin-top: -10px; } #matchBar2 ul#shield li#shieldAway { position: absolute; margin-left: 900px; margin-top: -10px; } #matchBar2 ul#teamsPlaying { display: block; width: 639px; height: 40px; font-size: 1.6em; font-weight: bold; } #matchBar2 ul#teamsPlaying li { width: 195px; float: left; color: #336699; padding-top: 8px; } #matchBar2 ul#teamsPlaying li img { position: absolute; margin-bottom: 5px; } #matchBar2 ul#teamsPlaying li a { color: #336699; } #matchBar2 ul#teamsPlaying li.v { text-align: center; width: 182px; padding: 8px 0px 0px 0px; } #matchBar2 ul#teamsPlaying li.home { text-align: center; width: 195px; margin-left: 31px; } #matchBar2 ul#teamsPlaying li.away { text-align: center; width: 195px; } #matchBar2 ul#teamsPlaying li.home img { margin-left: -295px; } #matchBar2 ul#teamsPlaying li.away img { margin-left: 260px; } #matchBar2 #teamsPlayingLogos { background-image: url('../Images/Structure/team-logo-default.gif'); background-repeat: no-repeat; width: 195px; height: 195px; border: 1px solid #DEDEDE; background-color: #FFFFFF; height: 195px; float: left; color: #336699; padding-top: 8px; margin: 0px 31px 28px 31px; } #matchBar2 #matchInfo { float: left; text-align: center; font-size: 1.1em; padding: 0px; width: 117px; margin: 0px; } #matchBar2 #matchInfo ul { float: left; } #matchBar2 #matchInfo li { padding-bottom: 5px; width: 115px; } #matchBar2 #matchInfo li a { } #matchBar2 #matchInfo li span { line-height: 18px; width: 115px; } ul#matchNav2 { clear: both; border-bottom: 1px solid #ccc; height: 20px; width: auto; text-align: center; font-size: 1.3em; padding-top: 15px; margin-bottom: 10px; background-color: #f1f1f1; } ul#matchNav2 li { display: inline; text-align: center; position: relative; padding: 5px 15px; border: 1px solid #ccc; border-bottom: none; background: url('../Images/Structure/matchTabBg.gif') repeat-x 0px 0px #c5c5c5; margin-left: 5px; } ul#matchNav2 li.active { position: relative; padding-bottom: 6px; background: none; background-color: #fff; border-top: 1px solid #336699; } ul#matchNav2 li a { text-transform: uppercase; font-weight: bold; text-decoration: none; } ul#matchNav2 li a:hover { color: #09344f; } ul#matchNav2 li.active a:hover { color: #336699; } #matchBar2 div.anchorLinks { clear: both; border-bottom: 1px solid #ccc; height: 20px; width: auto; text-align: center; font-size: 1.3em; padding-top: 15px; margin-bottom: 10px; } #matchBar2 div.anchorLinks li { display: inline; text-align: center; position: relative; padding: 5px 10px; border: 1px solid #ccc; border-bottom: none; background: url('../Images/Structure/matchTabBg.gif') repeat-x 0px 0px #c5c5c5; margin-left: 2px; } #matchBar2 div.anchorLinks li.active { position: relative; padding-bottom: 6px; background: none; background-color: #fff; border-top: 1px solid #336699; } #matchBar2 div.anchorLinks li a { text-transform: uppercase; font-weight: bold; text-decoration: none; font-size: 60%; } #matchBar2 div.anchorLinks li a:hover { color: #09344f; } #matchBar2 div.anchorLinks li.active a:hover { color: #336699; } /* Live Commentary */ #liveCommentary h1 { border-bottom: 0px; padding-bottom: 0px; font-size: 2em; line-height: 1.1em; background-color: #f1f1f1; color: #336699; padding: 5px; margin-bottom: 0px; margin-bottom: 10px; } #liveCommentary h2 { border: none; color: #336699; } #liveCommentary p { font-size: 1.1em; text-align: justify; } #liveCommentary div.matchCommentary { border-bottom: 1px solid #ddd; clear: both; float: left; width: 100%; padding-bottom: 10px; padding-top: 5px; position: relative; overflow: hidden; } #liveCommentary div.matchCommentary h2 { width: 45px; text-align: center; height: 22px; position: absolute; padding-bottom: 1px; top: 50%; margin-top: -1em; border-bottom: none; text-transform: lowercase; } #liveCommentary div.matchCommentary h2 { *margin-left:-429px;}/* hack targets only ie 6 & 7 sorry!! */ #liveCommentary div.matchCommentary h2 span.time { display: block; } #liveCommentary div.matchCommentary h2 span.min { display: block; font-size: 0.7em; font-weight: normal; } #liveCommentary div.matchCommentary div.minuteReport { float: left; width: 369px; overflow: hidden; padding: 10px 15px 0px 45px; height: auto; } #liveCommentary div.half_time { background: url('../Images/Icons/liveCommentary/half-time.png') right no-repeat; } #liveCommentary div.full_time { background: url('../Images/Icons/liveCommentary/full-time.png') right no-repeat; } #liveCommentary div.yellow_card { background: url('../Images/Icons/liveCommentary/yellow-card.png') right no-repeat; } #liveCommentary div.red_card { background: url('../Images/Icons/liveCommentary/red-card.png') right no-repeat; } #liveCommentary div.substitution { background: url('../Images/Icons/liveCommentary/substitution.png') right no-repeat; } #liveCommentary div.kickoff, #liveCommentary div.second_half { background: url('../Images/Icons/liveCommentary/kickOff.png') right no-repeat; } #liveCommentary div.full_time { background: url('../Images/Icons/liveCommentary/full-time.png') right no-repeat; } #liveCommentary div.goal { background: url('../Images/Icons/liveCommentary/goal.png') right no-repeat; } #liveCommentary div#preMatch { clear: both; padding-top: 15px; float: left; width: 100%; } #liveCommentary div#preMatch p { padding-left: 45px; width: 377px; } #liveCommentary div.callTime { text-align: center; border-bottom: 1px solid #ddd; float: left; width: 100%; padding-top: 15px; } /* League and League Sub Page Elements */ #leagueHeader { background-color: #eee; border-top: 1px solid #ddd; margin-top: 10px; padding: 7px 0px 0px 0px; float: left; width: 100%; overflow: hidden; } #leagueHeader ul { } #leagueHeader ul li { display: inline; } #leagueHeader ul#leagueTeams { padding-bottom: 2px; } #leagueHeader ul#leagueTeams li { padding-left: 7px; position: relative; bottom: 8px; } #leagueHeader ul#leagueTeams li a { text-decoration: none; } #leagueHeader ul#leagueTeams li.leagueLogo { margin-right: 5px; bottom: 1px; } #leagueHeader ul#leagueLinks { background: url('../Images/Structure/clubNavBg.gif') repeat-x #333; float: left; width: 100%; padding: 5px 0px 7px 0px; border-bottom: 1px solid #ccc; } #leagueHeader ul#leagueLinks li { margin-left: 10px; color: #666; } #leagueHeader ul#leagueLinks li strong { color: #CCCCCC; } #leagueHeader ul#leagueLinks li a { color: #fff; font-size: 1.1em; margin-right: 10px; text-decoration: underline; } #leagueHeader ul#leagueLinks li a:hover { text-decoration: none; } #leagueHeader ul#leagueLinks li a.active { font-weight: bold; text-decoration: none; color: #6699cc; } /* League Top 5 - based on league table */ div.leagueTop5 { margin-bottom: 15px; } div.leagueTop5 h1 { border-bottom: 0px; padding-bottom: 0px; background-color: #f1f1f1; font-size: 2em; color: #336699; padding: 5px; } div.leagueTop5 h2 { border-bottom: 0px; padding-bottom: 0px; background-color: #336699; color: #f1f1f1; padding: 5px; } div.leagueTop5 a { } div.leagueTop5 p { line-height: 1.8em; padding-bottom: 0px; } div.leagueTop5 p a { padding: 0px 3px; } div.leagueTop5 p strong { padding-right: 5px; } div.leagueTop5 table col { width: 26px; } div.leagueTop5 table col.pos { width: 15px; } div.leagueTop5 table col.team { width: 147px; } div.leagueTop5 table .date { text-align: left; color: #336699; } /* Player Profile */ #playerProfile { padding-bottom: 5px; } #playerProfile h1 { border-bottom: 0px; padding-bottom: 0px; background-color: #336699; color: #f1f1f1; padding: 5px; } #playerProfile h2 { clear: both; } #playerProfile dl { float: left; width: 227px; margin: 0px 10px 0px 0px; padding-bottom: 10px; } #playerProfile dl dt { padding-bottom: 2px; } #playerProfile dl dt img { /* width:227px; height:227px; */ } #playerProfile dl dd { text-align: center; } #playerProfile p { font-size: 1.2em; } #playerProfile p strong { color: #336699; } #playerProfile table { float: left; width: 237px; font-size: 1.1em; margin-bottom: 10px; } #playerProfile table caption { text-align: left; text-transform: uppercase; font-size: 1.2em; font-weight: bold; padding-bottom: 10px; } #playerProfile table th, #playerProfile table td { padding: 5px; } #playerProfile table th { text-align: left; width: 65px; color: #336699; } #playerProfile table tr.alt td, #playerProfile table tr.alt th { background-color: #f1f1f1; } #playerStats h2 { clear: both; } #playerStats table { width: 474px; } #playerStats table td, #playerStats table th { padding: 6px 0px; } #playerStats table td { text-align: center; } #playerStats table th { } #playerStats table tr.alt th, #playerStats tr.alt td { background: #f1f1f1; } #playerStats table tr.topTh th { border-bottom: 2px solid #336699; } #playerStats table tr.total th, tr.total td { border-top: 1px solid #336699; background-color: #c2d1da; color: #000; } #playerStats table th.leagueTh { text-align: left; width: 150px; padding-left: 5px; } #playerStats table td.cards, #playerStats table th.cards { width: 40px; } #playerStats table abbr { display: block; border-bottom: none; cursor: help; text-indent: -9000px; } #playerStats table abbr.red { background: url('../Images/Icons/red_card.gif') center no-repeat; } #playerStats table abbr.yellow { background: url('../Images/Icons/yellow_card.gif') center no-repeat; } /* News Article */ #newsArticle { padding-bottom: 15px; } #newsArticle #articleHead { background-color: #f1f1f1; float: left; padding-left: 5px; width: 475px; height: 68px; overflow: hidden; } #newsArticle h1 { color: #66ae07; background-color: #f1f1f1; font-size: 2em; line-height: 1.1em; padding: 4px 0px 4px 5px; border-bottom: none; margin-bottom: 0px; } #newsArticle h2 { } #newsArticle p { font-size: 1.1em; } #newsArticle p.date { background-color: #66ae07; color: #fff; line-height: 1.1em; padding: 5px; font-size: 0.9em; font-weight: normal; margin-bottom: 10px; clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; } #newsArticle p strong { color: #336699; font-size: 1.2em; } #newsArticle #newsArticleLinks { float: right; margin: 0px 0px 5px 15px; } #newsArticle #newsArticleLinks dl { background-color: #f1f1f1; width: 200px; padding: 10px 10px 5px 10px; } #newsArticle #newsArticleLinks h2 { border: none; margin-bottom: 0px; background-color: #336699; color: #f1f1f1; padding: 5px; } #newsArticle #newsArticleLinks dl dd { text-align: center; } #newsArticle #newsArticleLinks img { width: 200px; } #newsArticle #newsArticleLinks ul { font-size: 1.1em; background-color: #f1f1f1; padding: 10px 5px 5px 5px; } #newsArticle #newsArticleLinks ul li { background: url('../Images/Icons/bullet_on_lightgrey.gif') 1px 2px no-repeat; padding: 0px 0px 10px 15px; } #newsArticle #newsArticleLinks ul li a { } #newsArticle #newsArticleLinks ul.embed { margin-bottom: 10px; padding: 5px; font-size: 1.0em; } #newsArticle #newsArticleLinks ul.embed strong { display: block; border-top: 1px solid #ddd; padding-top: 5px; } #newsArticle #newsArticleLinks ul.embed li { padding: 0px; background: none; padding-bottom: 4px; display: block; width: 200px; } #newsArticle #newsArticleLinks ul.embed li input { font-size: 0.8em; width: 200px; font-family: Verdana, sans-serif; } #newsArticle #newsArticleLinks ul.embed { padding: 0px; margin-bottom: 10px; padding: 5px; font-size: 1.0em; } #newsArticle #newsArticleLinks ul.embed strong { display: block; border-top: 1px solid #ddd; padding-top: 5px; } #newsArticle #newsArticleLinks ul.embed li { padding: 0px; background: none; padding-bottom: 4px; display: block; width: 200px; } #newsArticle #newsArticleLinks ul.embed li small.imgTermsLink { text-decoration: underline; color: #336699; cursor: pointer; } #newsArticle #newsArticleLinks ul.embed li small.imgTermsLink:hover { text-decoration: none; } #newsArticle #newsArticleLinks ul.embed li.imgTerms { display: none; } #newsArticle #newsArticleLinks ul.embed li input { font-size: 0.8em; width: 200px; font-family: Verdana, sans-serif; } ul#pageAction { clear: both; font-size: 1.1em; padding: 10px 0px 20px 0px; } ul#pageAction li { display: inline; margin-right: 15px; } ul#pageAction li a { padding: 0px 0px 10px 20px; } ul#pageAction li a.print { background: url('../Images/Icons/print.png') 0px 0px no-repeat; } ul#pageAction li a.email { background: url('../Images/Icons/email.png') 0px 0px no-repeat; } #readerComments { font-size: 1.1em; padding-bottom: 10px; } #readerComments h4 { font-size: 1.3em; color: #336699; padding-bottom: 5px; border-bottom: 1px solid #336699; margin-bottom: 20px; } #readerComments ul { } #readerComments ul li { clear: both; overflow: hidden; margin-bottom: 10px; } #readerComments ul li strong { display: block; width: 20px; float: left; } #readerComments ul li div { border: 1px solid #ddd; padding: 10px; float: left; width: 430px; overflow: hidden; } #readerComments ul li div.alt { background-color: #f1f1f1; } #readerComments ul li dt { padding-bottom: 5px; padding-left: 20px; padding-top: 2px; background: url('../Images/Icons/user_comment.gif') 0px 0px no-repeat; } #readerComments ul li dd { padding-bottom: 5px; color: #666; } #readerComments ul li dd.comment { padding-bottom: 0px; text-align: right; } #socialB { clear: both; font-size: 1.1em; padding: 5px; border: 1px solid #ddd; background-color: #f1f1f1; margin-bottom: 10px; } #socialB h3 { padding-bottom: 10px; } #socialB ul { text-align: center; padding-bottom: 10px; } #socialB ul li { display: inline; margin-right: 10px; } #socialB ul li.last { margin-right: 0px; } #socialB ul li a { padding: 0px 0px 0px 20px; } #socialB ul li a.delicious { background: url('../Images/Icons/delicious.gif') no-repeat 0 0; } #socialB ul li a.digg { background: url('../Images/Icons/digg.gif') no-repeat 0 0; } #socialB ul li a.reddit { background: url('../Images/Icons/reddit.gif') no-repeat 0 0; } #socialB ul li a.facebook { background: url('../Images/Icons/facebook.gif') no-repeat 0 0; } #socialB ul li a.stumbleupon { background: url('../Images/Icons/stumbleupon.gif') no-repeat 0 0; } #socialB ul li a.technorati { background: url('../Images/Icons/technorati.gif') no-repeat 0 0; } #socialB ul li a.google { background: url('../Images/Icons/google.gif') no-repeat 0 0; } #socialB ul li a.newsvine { background: url('../Images/Icons/newsvine.gif') no-repeat 0 0; } #socialB ul li a.magnolia { background: url('../Images/Icons/magnolia.gif') no-repeat 0 0; } /* Football Features */ #featureList { } #featureList dl { font-size: 1.1em; } #featureList dl dt { float: left; width: 413px; padding-bottom: 3px; font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; font-size: 1.1em; } #featureList dl dd { float: left; width: 413px; padding-bottom: 10px; } #featureList dl dt.pic { clear: both; width: 50px; margin-right: 10px; padding-bottom: 10px; } /* Transfer Gossip */ #transferNews { } #transferNews h1 { border-bottom: 0px; padding-bottom: 0px; font-size: 2em; line-height: 1.1em; background-color: #f1f1f1; color: #336699; padding: 5px; margin-bottom: 0px; } #transferNews h2 { background-color: #6699cc; color: #fff; padding: 5px; font-size: 1.5em; margin-bottom: 10px; clear: both; } #transferNews dl { font-size: 1.1em; border-bottom: 1px dotted #ddd; margin-bottom: 10px; } #transferNews dt { padding-bottom: 5px; font-weight: bold; } #transferNews dd { padding-bottom: 5px; } /* Generic Poll */ #poll { padding: 3px 7px 7px 7px; border: 2px solid #ddd; clear: both; margin-bottom: 15px; background-color: #f1f1f1; } #poll h2 { font-size: 1.3em; line-height: 1.3em; border: none; color: #FF6600; padding-bottom: 0px; } #poll ul { } #poll ul li { font-size: 1.1em; color: #000; line-height: normal; padding-bottom: 7px; } #poll ul li.no { padding-bottom: 14px; } #poll ul li label { cursor: pointer; } #poll ul li label.submit { display: none; } #poll ul li input { cursor: pointer; } #poll ul li input.radio { position: absolute; margin-top: -1px; } #poll ul li input.submit { background-color: #ccc; border: 1px solid #999; padding: 2px 3px; font-size: 1em; } #poll ul li input.submit:hover { background-color: #d5d5d5; } /* Fixtures / Results List Page */ #fixturesResults { } #fixturesResults h1 { border-bottom: 0px; padding-bottom: 0px; font-size: 2em; line-height: 1.1em; background-color: #f1f1f1; color: #336699; padding: 5px; margin-bottom: 0px; } #fixturesResults h2 { background-color: #6699cc; color: #fff; padding: 5px; font-size: 0.9em; font-weight: normal; margin-bottom: 10px; clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; } #fixturesResults h3 { background-color: #6699cc; color: #fff; padding: 5px; font-size: 1.5em; clear: both; } #fixturesResults h3.odds { /* background:url('../Images/Structure/find_the_best_odds.gif') right center no-repeat #6699cc; */ } #fixturesResults h3 span { font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; font-size: 0.6em; position: relative; bottom: 1px; } #fixturesResults .fixNav { font-size: 1.1em; overflow: hidden; float: left; width: 639px; margin-bottom: 20px; } #fixturesResults .fixNav p { float: right; font-weight: bold; padding-left: 5px; padding-bottom: 0px; } #fixturesResults .fixNav p select { font-size: 0.9em; font-weight: normal; margin-left: 10px; } #fixturesResults .fixNav ul { background-color: #fff; overflow: hidden; padding-left: 5px; float: left; } #fixturesResults .fixNav ul li { float: left; margin-right: 10px; text-align: center; } #fixturesResults .fixNav ul li a { display: block; width: 20px; height: 15px; padding-top: 5px; background-color: #f1f1f1; border: solid 1px #ddd; text-decoration: none; } #fixturesResults .fixNav ul li a:hover { background-color: #6699cc; border: 1px solid #333; color: #fff; } #fixturesResults .fixNav ul li span { display: block; width: 15px; height: 14px; padding-top: 6px; font-weight: bold; } #fixturesResults .fixNav ul li strong { display: block; height: 14px; padding-top: 6px; font-weight: bold; } #fixturesResults .fixNav ul li.prev, #fixturesResults .fixNav ul li.next, #fixturesResults .fixNav ul li.prev a, #fixturesResults .fixNav ul li.next a { width: 50px; } #fixturesResults table { clear: both; margin-bottom: 20px; border: 5px solid #ddd; table-layout: fixed; } #fixturesResults table col { } #fixturesResults table col.fixStartTime { width: 40px; } #fixturesResults table col.fixLeague { width: 147px; } #fixturesResults table col.fixDetails { width: 350px; } #fixturesResults table col.fixFurtherInfo { width: 90px; } #fixturesResults table thead { display: none; } #fixturesResults table tbody { /*border:10px solid #ddd; border-top:5px solid #ddd; border-bottom:5px solid #ddd;*/ border-left: 4px solid green; } #fixturesResults table tbody th { display: none; } #fixturesResults table td.date { display: none; } #fixturesResults table td.time { } #fixturesResults table td.league { } #fixturesResults table td.details { padding: 0px; width: 350px; } #fixturesResults table td a.live { background-color: #FF3300; padding: 2px; text-align: center; font-size: 0.9em; display: block; margin: 0px auto; font-weight: bold; text-decoration: none; text-transform: uppercase; color: #f1f1f1; } #fixturesResults table td a.live:hover { color: #ff3300; background-color: #eee; } #fixturesResults table td { border: 1px solid #ccc; padding: 7px 5px; vertical-align: top; } #fixturesResults table td.furtherInfo { border-right: none; } #fixturesResults table td.furtherInfo a { display: block; } #fixturesResults table td ul { text-align: center; float: left; padding-top: 7px; padding-bottom: 3px; height: 17px; margin: 0px; } #fixturesResults table td ul li { float: left; width: 159px; font-size: 1.1em; } html > body #fixturesResults table td ul li { } #fixturesResults table td ul li.home { text-align: right; } #fixturesResults table td ul li.away { text-align: left; } #fixturesResults table td ul li.v { width: 30px; } #fixturesResults table td ul li img { width: 12px; height: 12px; margin: 0px; padding: 0px; } #fixturesResults table td ul li.home a { float: right; } #fixturesResults table td ul li.away a { float: left; } #fixturesResults table td ul li.home img { float: right; margin-left: 3px; } #fixturesResults table td ul li.away img { float: left; margin-right: 3px; } #fixturesResults table td div.odds { clear: both; background-color: #f1f1f1; text-align: center; font-size: 0.9em; } #fixturesResults table td div.odds:hover { background-color: #FFFF66; } #fixturesResults table td div.odds strong { padding-left: 10px; color: #333; font-weight: normal; text-decoration: none; } #fixturesResults table td div.odds a { text-decoration: none; display: block; padding: 3px 0px 4px 0px; } #fixturesResults table td div.odds a:hover { background-color: #FFFF66; } #fixturesResults table td div.odds a span { color: #336699; text-decoration: underline; } /* Table - Fixtures / Results */ #fixturesResults2 .sectionOne {background-color:#EFEFEF; padding-bottom: 5px;} #fixturesResults2 .sectionTwo {background-color:#EFEFEF; padding-bottom: 5px;} #fixturesResults2 .sectionThree {background-color:#CCCCCC; font-weight: bold; padding-bottom: 5px;} #fixturesResults2 .sectionFour {background-color:#EFEFEF; padding-bottom: 5px;} #fixturesResults2 .sectionFive {background-color:#EFEFEF; padding-bottom: 5px;} #fixturesResults2 .sectionOneA {background-color:#DDDDDD; padding-bottom: 5px;} #fixturesResults2 .sectionTwoA {background-color:#DDDDDD; padding-bottom: 5px;} #fixturesResults2 .sectionThreeA {background-color:#CCCCCC; font-weight: bold; padding-bottom: 5px;} #fixturesResults2 .sectionFourA {background-color:#DDDDDD; padding-bottom: 5px;} #fixturesResults2 .sectionFiveA {background-color:#DDDDDD; padding-bottom: 5px;} #fixturesResults2 .sectionOneSub {background-color:#FFFFFF; padding-bottom: 5px;} #fixturesResults2 .sectionTwoSub {background-color:#FFFFFF; padding-bottom: 5px;} #fixturesResults2 .sectionThreeSub {background-color:#CCCCCC; padding-bottom: 5px;} #fixturesResults2 .sectionFourSub {background-color:#FFFFFF; padding-bottom: 5px;} #fixturesResults2 .sectionFiveSub {background-color:#FFFFFF; padding-bottom: 5px;} #fixturesResults2 table { border: 0px; } #fixturesResults2 .displayData { margin: 0px; padding: 0px; } // Fix for FF to look like IE /* Table - Fixtures / Results - Game Information */ #fixturesResults3 .sectionOne {background-color:#EFEFEF; border-bottom: 1px dashed #DDDDDD; padding-top: 5px; padding-bottom: 5px;} #fixturesResults3 .sectionTwo {background-color:#EFEFEF; border-bottom: 1px solid #DDDDDD; padding-top: 5px; padding-bottom: 5px;} #fixturesResults3 .sectionThree {background-color:#CCCCCC; font-weight: bold; padding-top: 5px; padding-bottom: 5px;} #fixturesResults3 .sectionFour {background-color:#EFEFEF; border-bottom: 1px dashed #DDDDDD; padding-top: 5px; padding-bottom: 5px;} #fixturesResults3 .sectionFive {background-color:#EFEFEF; border-bottom: 1px dashed #DDDDDD; padding-top: 5px; padding-bottom: 5px;} #fixturesResults3 .sectionOneA {background-color:#DDDDDD; border-bottom: 1px dashed #DDDDDD; padding-top: 5px; padding-bottom: 5px;} #fixturesResults3 .sectionTwoA {background-color:#DDDDDD; padding-top: 5px; padding-bottom: 5px;} #fixturesResults3 .sectionThreeA {background-color:#CCCCCC; font-weight: bold; border-bottom: 1px dashed #DDDDDD; padding-top: 5px; padding-bottom: 5px;} #fixturesResults3 .sectionFourA {background-color:#DDDDDD; border-bottom: 1px dashed #DDDDDD; padding-top: 5px; padding-bottom: 5px;} #fixturesResults3 .sectionFiveA {background-color:#DDDDDD; border-bottom: 1px dashed #DDDDDD; padding-top: 5px; padding-bottom: 5px;} #fixturesResults3 .sectionOneSub {background-color:#FFFFFF; border-bottom: 1px dashed #DDDDDD; padding-top: 5px; padding-bottom: 5px;} #fixturesResults3 .sectionTwoSub {background-color:#FFFFFF; border-bottom: 1px dashed #DDDDDD; padding-top: 5px; padding-bottom: 5px;} #fixturesResults3 .sectionThreeSub {background-color:#CCCCCC; padding-top: 5px; padding-bottom: 5px;} #fixturesResults3 .sectionFourSub {background-color:#FFFFFF; border-bottom: 1px dashed #DDDDDD; padding-top: 5px; padding-bottom: 5px;} #fixturesResults3 .sectionFiveSub {background-color:#FFFFFF; border-bottom: 1px dashed #DDDDDD; padding-top: 5px; padding-bottom: 5px;} #fixturesResults3 table { border: 0px; } #fixturesResults3 .displayData { margin: 0px; padding: 0px; } // Fix for FF to look like IE /* Full League Table Page */ #leagueTableFull { margin-bottom: 15px; table-layout: fixed; } #leagueTableFull h1 { border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px; background-color: #336699; color: #f1f1f1; padding: 5px; } #leagueTableFull h2 { background-color: #6699cc; color: #fff; padding: 5px; font-size: 1.5em; margin-bottom: 10px; clear: both; } #leagueTableFull h2 span { font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; font-size: 0.6em; position: relative; bottom: 1px; } #leagueTableFull a { } #leagueTableFull ul { } #leagueTableFull ul li { display: inline; margin-right: 10px; } #leagueTableFull ul li a { } #leagueTableFull table col { width: 30px; } #leagueTableFull table col.team { width: 170px; } #leagueTableFull table tr.green td { background-color: #a9d679; } #leagueTableFull table tr.lightpurple td { background-color: #e4d3d5; } #leagueTableFull table tr.lightgreen td { background-color: #dceec8; } #leagueTableFull table tr.lightblue td { background-color: #e8eef5; } #leagueTableFull table tr.lightpink td { background-color: #ffeeee; } /* Team List */ #teamLists h1 { border-bottom: 0px; padding-bottom: 0px; background-color: #f1f1f1; color: #336699; font-size: 2em; padding: 5px; margin-bottom: 0px; } #teamLists h3 { background-color: #6699cc; color: #fff; padding: 5px; font-size: 1.5em; margin-bottom: 10px; clear: both; } #teamLists h3 span { font-family: Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: normal; font-size: 0.6em; position: relative; bottom: 1px; } #teamLists ul { overflow: hidden; padding-bottom: 10px; clear: both; float: left; width: 100%; } #teamLists ul li { float: left; width: 160px; } #teamLists ul li a { color: #333; background: none; font-size: 1.1em; border: none; padding: 0px; font-weight: normal; text-decoration: underline; } #teamLists ul li a:hover { text-decoration: none; color: #336699; } #teamLists div.teamsListCont { padding-bottom: 10px; overflow: hidden; width: 100%; float: left; } #teamLists div.teamsListCont ul li.team { background: url('../Images/bullet_on_white.gif') 0px 2px no-repeat; padding-left: 15px; } #teamLists div.teamsListCont ul li.matchReport { text-align: right; width: 145px; } #teamLists div.teamsListCont ul li.info { text-align: right; width: 145px; } /* 404 page */ #fourOhfour { font-size: 1.1em; } #fourOhfour p { } #fourOhfour p#notFound { border-bottom: 0px; padding-bottom: 0px; font-size: 2em; line-height: 1.1em; background-color: #f1f1f1; color: #336699; padding: 5px; margin-bottom: 0px; font-weight: bold; text-transform: uppercase; } #fourOhfour p#sorry { background-color: #6699cc; color: #fff; padding: 5px; font-size: 1em; margin-bottom: 10px; clear: both; } #fourOhfour ul { line-height: 1.5em; list-style: disc; padding-left: 20px; padding-bottom: 10px; } #fourOhfour ul li { padding-bottom: 5px; } #fourOhfour form ul { list-style: none; } /* SiteMap */ #siteMap { } #siteMap h1 { border-bottom: 0px; font-size: 2em; line-height: 1.1em; background-color: #f1f1f1; color: #336699; padding: 5px; font-weight: bold; text-transform: uppercase; } #siteMap ul { padding: 0px 0px 0px 20px; list-style: inherit; } #siteMap ul li { padding-bottom: 5px; font-size: 12px; } #siteMap ul li ul { padding-top: 5px; } /* Contact Forms */ ul#form { border: 1px solid #ddd; background-color: #f1f1f1; padding: 10px; list-style: none; } ul#form li { clear: both; } ul#form li input { width: 250px; } ul#form li input.checkbox { width: auto; float: left; margin-bottom: 30px; } ul#form li textarea { width: 250px; height: 150px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; } ul#form li small { } ul#form li input.submit { } ul#form li label { display: block; float: left; width: 100px; text-align: right; padding-right: 10px; } ul#form li label.hide { text-indent: 9000px; } /* Directory */ #directory { } #directory h1 { border-bottom: 0px; padding-bottom: 0px; margin-bottom: 0px; background-color: #336699; color: #f1f1f1; padding: 5px; margin-bottom: 15px; } #directory h2 { } #directory p { font-size: 1.1em; padding-bottom: 15px; } #directory dl { font-size: 1.1em; } #directory dl dt { padding-bottom: 5px; font-weight: bold; } #directory dl dd { padding-bottom: 15px; } #directory.linkListTwoCol ul li { width: 140px; } /* Marketing / Advertising / Privacy Policy */ #marketing { } #marketing h1 { border-bottom: none; font-size: 2.5em; line-height: 1.2em; text-transform: capitalize; color: #336699; } #marketing h2 { border-bottom: none; font-size: 1.6em; color: #333; text-transform: capitalize; margin: 0px; padding: 10px 0px 5px 0px; font-family: "Trebuchet MS" , sans-serif; } #marketing p { font-size: 1.1em; } #marketing ul, #marketing ol { font-size: 1.1em; padding-bottom: 20px; } #marketing ol { list-style: lower-alpha; padding-left: 20px; } #marketing ol ol { font-size: 0.9em; list-style: lower-roman; } #marketing ol ul { padding-top: 5px; } #marketing ol ul ol { padding-top: 5px; padding-bottom: 10px; } #marketing ol ul li { padding-bottom: 5px; } #marketing li { line-height: 1.5em; } #marketing li span { display: inline-block; width: 50px; font-weight: bold; } #marketing a.pdf { padding-left: 40px; background: url('../Images/Icons/pdf.gif') 0px 0px no-repeat; display: block; padding-top: 7px; height: 25px; } /* Classes used in multiple elements */ ul.relatedLinks { } /* Related links to follow */ ul.relatedLinks li { display: inline; margin-right: 10px; } ul.relatedLinkTwo { font-size: 1.1em; } ul.relatedLinkTwo li { background: url('../Images/bullet_on_white.gif') 1px 5px no-repeat /*bg color needed for IE 6&7 */ #fff; padding-left: 15px; line-height: 1.4em; } ul.relatedLinkTwo li.rss { background: url('../Images/Icons/rss_on_white.gif') 0px 0px no-repeat; padding-left: 20px; } ul.relatedLinkTwo li a { color: #aa451d; } #euroGirls { } h1.headline { color: #336699; background-color: #f1f1f1; font-size: 2em; line-height: 1.1em; padding: 4px 0px 4px 5px; border-bottom: none; } #euroGirls #euroGirlPicCont { text-align: center; margin-bottom: 15px; } #euroGirls #euroGirlPicCont img { padding: 1px; background-color: #fff; border: 1px solid #CCCCCC; } #euroGirls ul.girlNav { width: 100%; padding-left: 37%; font-size: 1.1em; overflow: hidden; margin-bottom: 30px; } #euroGirls ul.girlNav li { margin-right: 10px; text-align: center; float: left; } #euroGirls ul.girlNav li a { display: block; width: 50px; height: 15px; padding-top: 5px; background-color: #f1f1f1; border: solid 1px #ddd; text-decoration: none; } #euroGirls ul.girlNav li a:hover { background-color: #6699cc; border: 1px solid #333; color: #fff; } ul.girlThumbs { padding-bottom: 15px; overflow: hidden; float: left; width: 100%; } ul.girlThumbs li { display: inline; } ul.girlThumbs li.heading { display: block; clear: both; } ul.girlThumbs li a { margin-right: 5px; margin-bottom: 5px; text-align: center; height: 56px; width: 56px; padding-top: 4px; padding-left: 3px; float: left; background-color: #ddd; } ul.girlThumbs li a:hover { background-color: #ddd; background-color: #6699cc; } ul.girlThumbs li.heading a { clear: both; display: block; width: 100%; text-align: left; height: 20px; background-color: Transparent; } ul.girlThumbs li img { border: 1px solid #fff; } a span.ratingStar { width: 16px; height: 16px; float: left; } a span.filledRatingStar { background: url('../Images/Icons/star_filled.gif') 0px 0px no-repeat; } a span.emptyRatingStar { background: url('../Images/Icons/star_empty.gif') 0px 0px no-repeat; } /* Legacy Gallery */ #preivew { margin-left: 10px; } #preivew h1 { font-size: 2.5em; text-transform: capitalize; border: 0px; padding: 0px; margin-left: 5px; } #preivew h2 { font-size: 1.5em; text-transform: capitalize; border: 0px; padding: 0px; margin: 0px 0px 0px 5px; } #preivew #panel { height: 190px; padding: 0px; margin-bottom: 15px; overflow: hidden; } #preivew #imgCont { text-align: center; margin-bottom: 10px; } #preivew #imgCont img { height: 70px; border: 5px solid #fff; margin: 0px auto; } #girl { } #girl h1 { font-size: 2.5em; text-transform: capitalize; border: 0px; padding-bottom: 0px; } #girl h2 { font-size: 2em; text-transform: capitalize; border: 0px; padding-bottom: 0px; } #girl #panel { padding: 10px; margin-bottom: 15px; } #girl #panel { background-color: #eee; padding: 10px; margin-bottom: 15px; } #girl #imgCont { text-align: center; overflow: hidden; margin-bottom: 10px; } #girl #imgCont img { border: 10px solid #fff; margin: 0px auto; } #girl p.girlThumb { text-align: center; padding: 10px 0px 0px 0px; } #girl p.girlThumb img { border: 5px solid #fff; margin: 0px 4px; } #girl ul.relatedLinkTwo { text-align: center; } #girl ul.relatedLinkTwo li { background: url('../Images/Icons/bullet_on_lightgrey.gif') 2px 4px no-repeat; display: inline; } #girlProfile { padding-bottom: 20px; } #rate { background: url('../Images/Structure/hotOrNotBg.gif') 0px 20px no-repeat #fff; padding: 3px 0px 10px 0px; margin-bottom: 10px; } #rate p { text-align: center; font-size: 1.4em; font-style: italic; padding-bottom: 5px; } #rate ul { background: url('../Images/Structure/rateBg.png') center no-repeat; overflow: hidden; height: 28px; padding-left: 65px; } #rate ul li { display: inline; } #rate ul li a { display: block; width: 28px; height: 28px; float: left; margin-left: 4px; text-indent: -9000px; } html > body #rate ul li a:hover { background: url('../Images/Structure/rateButtonRollOver.png') 0px 0px no-repeat; } #rateResult { border: 10px solid #eee; padding: 10px; margin-bottom: 15px; } #rateResult h3 { font-size: 1.3em; } #rateResult p { padding-bottom: 2px; } #rateResult p.rating { color: #CC0000; font: bold 3.8em "Trebuchet MS" , sans-serif; width: 70px; text-align: right; padding-bottom: 0px; position: absolute; text-align: right; margin-left: 212px; margin-top: -40px; } #rateResult div { text-align: center; padding: 10px 0px 0px 0px; } #rateResult.gallery { border: none; background-color: #FFF; padding-left: 100px; } #rateResult.gallery p.rating { margin-left: 180px; font-size: 5em; margin-top: -45px; } p.galleryNav { font-size: 1.1em; text-align: center; padding-bottom: 0px; } p.galleryNav a { text-align: center; padding: 2px 5px; background-color: #fff; border: solid 1px #ddd; text-decoration: none; } p.galleryNav a:hover { background-color: #6699cc; border: 1px solid #333; color: #fff; } p.galleryNav span { padding: 2px 5px; border: solid 1px #ddd; background-color: #fff; color: #999; } p.galleryNav span.imgOfimg { border: none; background: none; color: #336699; } p.galleryNav a.prev, p.galleryNav a.next { width: 50px; } #girlLeaderBoard { padding-bottom: 15px; } #girlLeaderBoard .generic { border-bottom: none; } #girlLeaderBoard col { width: 50px; } #girlLeaderBoard col.pic { width: 25px; } #girlLeaderBoard col.girl { width: 195px; } #girlLeaderBoard th span { position: relative; margin-left: -25px; } #girlLeaderBoard th.girl { text-align: left; } #girlLeaderBoard td { vertical-align: middle; font-size: 1.1em; } #girlLeaderBoard td.girl { text-align: left; padding-left: 10px; } #girlLeaderBoard td.rating { color: #990000; font-family: "Trebuchet MS" , sans-serif; font-weight: bold; } .countryList { float: left; width: 210px; padding-left: 10px; } .countryList li { margin: 5px 10px 5px 5px; } .countryList a { margin: 5px 10px 5px 5px; } /* Mobile Football */ img.mobile {margin-left:-25px;} img.mobileApp {margin-left:8px;} /* Most Commented Stories */ #mostCommentedContainer { width: 288px; border: 10px solid #CCCCCC; height: 325px; } #mostCommentedContainer h1 { font-family: Arial, Helvetica, sans-serif; font-size: 67.5%; color: #333; font-size: 1.2em; background-color: #DDDDDD; color: #336699; margin: 0px; padding: 5px 0px 5px 5px; } #mostCommentedItem { width: 288px; } #mostCommentedItem h2 { font-family: Arial, Helvetica, sans-serif; font-size: 67.5%; color: #333; font-size: 1.0em; background-color: #f1f1f1; color: #336699; margin: 0px; padding: 5px 0px 5px 5px; } #mostCommentedItem p { font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #333; padding: 0px 5px 5px 5px; margin-top: 3px; } #mostCommentedItem img { float: left; margin: 5px 5px 5px 5px; } .mostCommentedClear { clear: both; margin: 0px; padding: 0px; } /* Mobile Application */ #mobileAppSite { width: 980px; font-family: Arial, Helvetica, sans-serif; font-size: 100%; color: #333; line-height: 140%; } #mobileAppSite h3 { font-size: 2em; padding-bottom: 5px; margin-bottom: 10px; } #mobileAppSite h2 { text-transform: uppercase; font-size: 1.3em; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #dddddd; padding-bottom: 5px; padding-top: 5px; margin-bottom: 10px; } .mobileAppTitle { font-size: 1.6em; font-weight: bold; color: #336699; } .mobileAppImg { width: 178px; float: left; } .mobileAppFeatures { width: 542px; margin-left: 10px; float: left; } .mobileAppSupported { width: 730px; float: left; } .mobileAppFeatures li { font-size: 1.2em; margin: 5px 0px 10px 0px; font-weight: bold; } .mobileAppInfo { width: 218px; margin-left: 10px; float: left; border: 1px solid #336699; border-bottom: 10px solid #336699; padding: 0px 10px 5px 10px; } .mobileAppInfo .small { font-size: 0.8em; } .mobileAppScreenshots { width: 240px; height: 321px; float: left; margin: 35px; } .mobileAppClear { clear: both; } .mobileAppSiteTbHeader { background-color: #CCCCCC; } .mobileAppSiteTbContent { background-color: #f1f1f1; } /*** POLL-SPECIFIC STYLES ***/ .Poll_DisplayText { font-weight: bold; } .Poll_TotalVotes { font-style: italic; } .Poll_TakePoll, .Poll_PollResults { border: dashed 1px #666; padding: 5px; margin-top: 10px; margin-left: 15px; } /* begin styles for RSS Feed */ .rss_box { margin: 10px 5%; padding: 4px 4px; width: 310px; background-color: #ededed; border: 1px dashed #7485CA; } .rss_title, rss_title a { font-family: "American Typewriter", "Trebuchet MS", Trebuchet, Lucida, sans-serif; font-size: 18px; font-weight:bold; margin: 5px 0; padding: 0; letter-spacing: 1px; } .rss_items { } .rss_item { font-family: verdana, arial, sans-serif; font-size: 12px; font-weight : bold; margin: 5px 12px; } .rss_item a:link, .rss_item a:visited, .rss_item a:active { text-decoration : none; border-bottom: 1px solid #ededed; color: #88b; } .rss_item a:hover { text-decoration : none; color: #e0861e; border-bottom: 1px dotted #e0861e; } .rss_date { font-size: 10px; font-weight : normal; color: #F60; }