/** General IE Styling Fixes * * Any css value (not selector) preceded with '*' applies the style to IE6 and 7 only. * Any css value preceded with '_' applies only to ie6. * EG: margin:0 -2px 0 0; *margin-bottom:-3px; _margin: 0 0 -3px 0; * **** Do not delete these values! **** */ html { background:#f7f7f7 url(../images/bg.gif) repeat-y center; } body { font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size:13px; color:#333; background:url(../images/header-top.gif) no-repeat top center; } /** ** Float classes **/ .clear, br.cl { clear:both; } .left { float:left; } .right { float:right; } /** ** Typography **/ /* Typography > Headers */ h1 { font-weight:bold; padding:0 0 10px; color:#333; } h2 { font-size:13px; font-weight:bold; margin:0 0 5px; } h3 { font-size:13px; font-weight:bold; margin:0 0 5px; padding:0 1px 3px; color:#666; } h4 { font-size:15px; font-weight:bold; color:#0BA245; margin:0 0 5px; } h5 { font-size:13px; font-weight:bold; text-align:left; padding:5px 10px 0; color:#3B87C5; } h6 { font-size:11px; padding:0 0 5px 5px; } h6 img { margin:0 5px 0 0; } h3.sub-heading { clear:both; float:left; border-bottom:3px solid #0aa245; width:100%; color:#0aa245; padding:0 0 3px; font-size:18px; font-weight:700; margin:15px 0; } .content h1.page-heading { clear:both; float:left; color:#333; border:0; padding:0; font-size:34px; font-weight:700; letter-spacing:-1px; margin:15px 0 25px } /* Typography > Links */ a { text-decoration:none; color:#333; outline:none; cursor:pointer; } a:hover { text-decoration:underline; } a.cur { background:#eee; } a.info { margin:-4px 0 0 0 !important; } a.green { font-size:11px; color:#40911B !important; padding:1px 3px; font-weight:normal; } a.red { font-size:11px; color:#FF0000 !important; padding:1px 3px; font-weight:normal; } a.green:hover { background:#40911B; color:#fff !important; text-decoration:none; } a.red:hover { background:#FF0000; color:#fff !important; text-decoration:none; } span.new { color:#ff0000; font-size:11px; position:relative; margin:0 5px; font-weight:bold; } span.green { color:#40911B; } span.red { color:#FF0000; } /* Buttons */ a.button { background:url(../images/buttons.png) no-repeat right -150px; border-bottom:0 none !important; color:#333333; font-size:11px; line-height:normal; margin:2px 0 0 0; padding:0 14px 0 0; } a.button div { background:url(../images/buttons.png) no-repeat left -150px; padding:4px 0 5px 20px; } a.button:hover div { text-decoration:underline; } a.button-lge { background:url(../images/buttons.png) no-repeat right -25px; display:block; color:#fff !important; line-height:normal; font-size:13px; padding:0 10px 0 0; } a.button-lge div { background:url(../images/buttons.png) no-repeat left -25px; padding:4px 0 5px 20px; } a.button-lge:hover { background:url(../images/buttons.png) no-repeat right 0 !important; color:#fff; text-decoration:none; } a.button-lge:hover div { background:url(../images/buttons.png) no-repeat left 0 !important; color:#fff; } a.button-lge-red { background:url(../images/buttons.png) no-repeat right -125px; display:block; color:#fff !important; line-height:normal; font-size:13px; padding:0 10px 0 0; } a.button-lge-red div { background:url(../images/buttons.png) no-repeat left -125px; padding:4px 0 5px 20px; } a.button-lge-red:hover { background:url(../images/buttons.png) no-repeat right -75px !important; color:#fff; text-decoration:none; } a.button-lge-red:hover div { background:url(../images/buttons.png) no-repeat left -75px !important; color:#fff; } a.button-lge-green { background:url(../images/buttons.png) no-repeat right -100px; display:block; color:#fff !important; line-height:normal; font-size:13px; padding:0 10px 0 0; } a.button-lge-green div { background:url(../images/buttons.png) no-repeat left -100px; padding:4px 0 5px 20px; } a.button-lge-green:hover { background:url(../images/buttons.png) no-repeat right -50px !important; color:#fff; text-decoration:none; } a.button-lge-green:hover div{ background:url(../images/buttons.png) no-repeat left -50px !important; color:#fff; } a.button.left { margin-right:5px; } a.button.right { margin-left:5px; } a.button-lge.left, a.button-lge-red.left, a.button-lge-green.left { margin-right:5px; } a.button-lge.right, a.button-lge-red.right, a.button-lge-green.right { margin-left:5px; } /* Typography > Other */ input, textarea { font-family: "lucida grande", tahoma, verdana, arial, sans-serif; padding:2px; font-size:11px; } input:focus, textarea:focus { background:#fff; border:1px solid #ccc; padding:3px; } strong, p.strong, em { font-weight:bold; } sup { font-size:9px; color:#666; vertical-align:top; } cite { color:#9E9E9E; font-size:13px; font-weight:bold; line-height:5px; position:relative; top:1px; } img.fl { margin:0 3px -3px 0; } p.on { border:1px solid #efefef; border-width:1px 0; background:#f1f1f1; } ul.list { list-style-position:inside; list-style-type:disc; margin:5px 0 15px; clear:both; } ol { list-style-position:inside; list-style-type:decimal; margin:5px 0 15px; clear:both; } /* Typography > Tabs */ ul.tabs { height:18px; position:relative; padding-left:3px; } ul.tabs li { float:left; background:url(../images/sprite.gif) no-repeat right -70px; padding-right:6px; } ul.tabs li.tab-cur { background:url(../images/sprite.gif) no-repeat right -49px; } ul.tabs li a.tab { background:url(../images/sprite.gif) no-repeat left -70px; display:inline-block; font-size:11px; font-weight:bold; height:18px; line-height:19px; padding:0px 3px 0px 9px; } ul.tabs li a.cur, ul.tabs li.tab-cur a { background:url(../images/sprite.gif) no-repeat left -49px; color:#fff !important; } ul.tabs li a.tab.off { color:#bbb;} ul.tabs li a.tab.off:hover, ul.tabs li a.tab:hover { text-decoration:none; } /* Rounded Images */ /* todo: Scale image up */ .rounded-image { position:relative; display:block; width:155px; height:124px; overflow:hidden; margin:0 15px 0 0; } .rounded-image img { position:absolute; left:0; top:0; overflow:hidden; vertical-align:middle; display:block; width:155px; height:124px; } .rounded-avatar { position:relative; display:block; width:46px; height:46px; overflow:hidden; margin:0 10px 0 0; } .rounded-avatar img { position:absolute; left:0; top:0; overflow:hidden; vertical-align:middle; display:block; width:46px; height:46px; } .rounded-avatar-small { position:absolute; top:0; left:0; display:block; width:24px; height:24px; overflow:hidden; margin:0 5px 0 0; } .rounded-avatar-small img { position:absolute; left:0; top:0; overflow:hidden; vertical-align:middle; display:block; width:24px; height:24px; } .rounded-image-large { position:relative; display:block; width:545px; height:204px; overflow:hidden; margin:25px 15px 25px 0; } .rounded-image-large img { position:absolute; left:0; top:0; overflow:hidden; vertical-align:middle; display:block; width:545px; height:204px; } /* IE6 PNG Fix */ /*.pngfix { _behavior:url(iepngfix.htc); } */ /** ** Tables **/ /* General */ table { clear:both; } table.general { width:100%; border-bottom:1px solid #0ba245; border-collapse:separate; *border-collapse:collapse; } table.general td, table.general th { padding:5px 2px; font-size:12px; vertical-align:top; } table.general th { padding:8px 2px 6px; background:url(../images/sprite.gif) no-repeat right -88px; font-weight:bold; } table.general th a { padding:1px; } table.general tr.lighter { background:#fff; } table.general tr.lighter th { background:url(../images/sprite.gif) no-repeat right -121px; padding:5px 2px;} table.general tr.subheader { background:#fff; border-top:1px dotted #135e99; } table.general tr.subheader th { background:#fff; padding:5px; } table.general td { background:#fff; } table.general td.insert { border-top:0; padding:0; } table.general tr.even td, table.general tr.on td { background:#f4f4f4; } table.general tr td.highlight { background:#fafafa; font-weight:bold; } table.general tr.on td.highlight { background:#efefef; font-weight:bold; } table.general tr.odd { background:#fff; } table.general tr.on.disabled, table.general tr.on.disabled a { color:#999; } table.general tr.selected td { border-color:#ddd; border-top:1px solid #ccc; background:#e6e6e6; } table.general td.highlight { font-weight:bold; } table.general th.text-right, table.general td.text-right { text-align:right; } table.general th.text-center, table.general td.text-center { text-align:center; } table.general td img { margin:0 5px 0 0; } table.general td a.list-name { background:url(../images/icons/add.png) left no-repeat; padding-left:20px; } table.general td.strong { font-weight:bold; } table.general tr.selected a.list-name { background-image:url(../images/icons/remove.png); } table.general th.header { background:#F3F3F3 url(../images/tabs_back.jpg) repeat-x bottom; cursor:pointer; } table.general th.headerSortUp { background:#dedede url(../images/icons/asc.gif) right center no-repeat; } table.general th.headerSortDown { background:#dedede url(../images/icons/desc.gif) right center no-repeat; } table.general tfoot td { background:#ecf3f9; font-weight:bold; } table.general tfoot tr.coupon td { background:#f4f8fb; } table.general td.gained { background:#f2f9f3; } table.general tr.on td.gained { background:#e9f3e9; } table.general td.lost { background:#f9f2f2; } table.general tr.on td.lost { background:#f3e9e9; } table.inset { border-bottom:1px solid #135e99; border-collapse:separate; *border-collapse:collapse; } /* Sub Table*/ table.general table.insert-data { width:100%; } table.general table.insert-data td { background:#eee; border:1px dashed #ddd; border-width:1px 0; padding:5px 3px; } table.general table.insert-data td a{ font-weight:normal; } table.general table.sub-table { width:100%; float:left; border:1px solid #ddd; } table.general table.sub-table th, table.general table.sub-table td { background:#f3f3f3; padding:0 5px; height:20px; } table.general table.sub-table th { background:#f9f9f9; font-size:11px; } .sub-table { width:100%; float:left; border:1px solid #ddd; } .sub-table th, .sub-table td { background:#fff; padding:0 5px; height:20px; border:1px solid #ddd; } .sub-table th { background:#f9f9f9; font-size:11px; } .sub-table tr.highlight td { background:#ededed; font-weight:bold; } .sub-table td.highlight, .sub-table th.highlight { background:#ededed; font-weight:bold; } /* Player Position Icons */ table.general .pos { background:url(../images/icons/Positions_14x14.gif) no-repeat left top; width:14px; height:14px; margin:1px 1px 0 3px; } table.general .pos.pos0 { visibility:hidden; } table.general .pos.pos1 { background-position:0 0; } table.general .pos.pos2 { background-position:-28px 0; } table.general .pos.pos3 { background-position:-14px 0; } table.general .pos.pos4 { background-position:-42px 0; } table.general .pos.pos6 { background-position:-56px 0; } table.general .pos.pos10 { background-position:-70px 0; } table.general tr.on .pos.pos1 { background-position:0 -14px; } table.general tr.on .pos.pos2 { background-position:-28px -14px; } table.general tr.on .pos.pos3 { background-position:-14px -14px; } table.general tr.on .pos.pos4 { background-position:-42px -14px; } table.general tr.on .pos.pos6 { background-position:-56px -14px; } table.general tr.on .pos.pos10 { background-position:-70px -14px; } table.general .pos.yes { background:url(../images/icons/cross_small.gif) no-repeat left top; background-position:-16px -16px; width:16px; height:16px; } table.general .pos.no { background:url(../images/icons/cross_small.gif) no-repeat left top; background-position:-16px 0; width:16px; height:16px; } /* Player Icons */ .playerstatus { background:url(../images/icons/InjuryIcons_16x16.gif) no-repeat 0 0; width: 16px; height: 16px; display: block; } .playerstatus.latefitnesstest { background-position:0 -16px; } .playerstatus.international { background-position:-16px -16px; } .playerstatus.injured { background-position:-32px -16px; } .playerstatus.suspended { background-position:-48px -16px; } .playerstatus.doubtful { background-position:-64px -16px; } tr.on .playerstatus.latefitnesstest { background-position:0 0; } tr.on .playerstatus.international { background-position:-16px 0; } tr.on .playerstatus.injured { background-position:-32px 0; } tr.on .playerstatus.suspended { background-position:-48px 0; } tr.on .playerstatus.doubtful { background-position:-64px 0; } .matchevent { background:url(../images/icons/GameIcons_14x14.gif) no-repeat 0 0; margin-top:2px; width: 14px; height: 14px; display: block; } .matchevent.playedhalf { background-position:0 0; } .matchevent.playedfull { background-position:-14px 0; } .matchevent.assist { background-position:-28px 0; } .matchevent.goal { background-position:-42px 0; } .matchevent.yellowcard { background-position:-56px 0; } .matchevent.redcard { background-position:-70px 0; } .matchevent.notpicked { background-position:-84px 0; } .matchevent.cameoff { background-position:-98px 0; } .matchevent.cameon { background-position:-112px 0; } tr.on .matchevent.playedhalf { background-position:0 -14px; } tr.on .matchevent.playedfull { background-position:-14px -14px; } tr.on .matchevent.assist { background-position:-28px -14px; } tr.on .matchevent.goal { background-position:-42px -14px; } tr.on .matchevent.yellowcard { background-position:-56px -14px; } tr.on .matchevent.redcard { background-position:-70px -14px; } tr.on .matchevent.notpicked { background-position:-84px -14px; } tr.on .matchevent.cameoff { background-position:-98px -14px; } tr.on .matchevent.cameon { background-position:-112px -14px; } /** ** Template **/ /* Template > Wrappers */ #content, #header, #footer, #menu { clear:both; } #wrapper { width:960px; margin:0 auto; } #content { width:960px; margin:15px -330px 30px auto; float:left; } #header { width:960px; } #header #logo { float:left; position:relative; margin:16px -8px 2px; *margin:16px -8px 5px; } div.homepage-flash { margin:-10px 0 15px -12px; } /* Template > Menu */ #menu { width:960px; height:26px; margin:0 auto; } #menu ul.nav1 { height:26px; margin:0 10px 0 -7px; width:643px; } #menu ul.nav1 li { float:left; position:relative; z-index:1000; } #menu ul.nav1 li a, #menu ul.nav1 li span { position:relative; text-indent:-9999px; z-index:6000; display:block; height:26px; background:url(../images/sprite.gif) no-repeat left -384px; } #menu ul.nav1 li a.global, #menu ul.nav1 li span.global { width:42px; background-position: left -175px; } #menu ul.nav1 li a.fl_pl, #menu ul.nav1 li span.fl_pl { width:123px; background-position: -42px -175px; } #menu ul.nav1 li a.fl_of, #menu ul.nav1 li span.fl_of { width:128px; background-position: -165px -175px; } #menu ul.nav1 li a.fl_os, #menu ul.nav1 li span.fl_os { width:109px; background-position: -293px -175px; } #menu ul.nav1 li a.global:hover, #menu ul.nav1 li span.global:hover { background-position: left -201px; } #menu ul.nav1 li a.fl_pl:hover, #menu ul.nav1 li span.fl_pl:hover { background-position: -42px -201px; } #menu ul.nav1 li a.fl_of:hover, #menu ul.nav1 li span.fl_of:hover { background-position: -165px -201px; } #menu ul.nav1 li a.fl_os:hover, #menu ul.nav1 li span.fl_os:hover { background-position: -293px -201px; } #menu ul.nav1 li a.current.global, #menu ul.nav1 li span.current.global { background-position: left -201px; } #menu ul.nav1 li a.current.fl_pl, #menu ul.nav1 li span.current.fl_pl { background-position: -42px -201px; } #menu ul.nav1 li a.current.fl_of, #menu ul.nav1 li span.current.fl_of { background-position: -165px -201px; } #menu ul.nav1 li a.current.fl_os, #menu ul.nav1 li span.current.fl_os { background-position: -293px -201px; } #menu ul.nav1 li.selected a.global, #menu ul.nav1 li.selected span.global { background-position: left -227px; } #menu ul.nav1 li.selected a.fl_pl, #menu ul.nav1 li.selected span.fl_pl { background-position: -42px -227px; } #menu ul.nav1 li.selected a.fl_of, #menu ul.nav1 li.selected span.fl_of { background-position: -165px -227px; } #menu ul.nav1 li.selected a.fl_os, #menu ul.nav1 li.selected span.fl_os { background-position: -293px -227px; } #menu ul.nav2 { background:url(../images/shadow_btm.png) repeat-x bottom; display:none; padding:0 0 3px; top:26px; left:0; position:absolute; width:224px; z-index:10000; } #menu ul.nav2 li { float:none; background:url(../images/shadow_rt.png) right repeat-y !important; color:#333; _margin: 0 0 -1px 0; padding-right:3px; } #menu ul.nav2 li a { border:1px solid #f1f1f1; text-indent:0; width:190px; border-width:0 0 1px 1px; letter-spacing:0; background:#fff !important; text-transform:none; padding:5px 15px !important; color:#666 !important; font-size:12px; *margin:0 0 -1px; height:14px; font-weight:bold; } #menu ul.nav2 li a:hover { background:#fcfcfc !important; color:#333 !important; text-decoration:none; } #menu ul.nav2 li span { border:1px solid #f1f1f1; text-indent:0; width:190px; border-width:0 0 1px 1px; letter-spacing:0; background:#fff !important; text-transform:none; padding:5px 15px !important; color:#999 !important; font-size:12px; height:auto; font-weight:bold; } #menu ul.nav3 { margin:0; width:300px; } #menu ul.nav3 li { float:left; } #menu ul.nav3 li a { background:url(../images/sprite.gif) no-repeat left -384px; text-indent:-9999px; position:relative; z-index:6000; display:block; height:26px; } #menu ul.nav3 li a.fl_g { width:65px; background-position: -665px -175px; } #menu ul.nav3 li a.fl_t { width:59px; background-position: -729px -175px; } #menu ul.nav3 li a.fl_b { width:77px; background-position: -786px -175px; } #menu ul.nav3 li a.fl_c { width:99px; background-position: -862px -175px; } #menu ul.nav3 li a.fl_g:hover { background-position: -665px -201px; } #menu ul.nav3 li a.fl_t:hover { background-position: -729px -201px; } #menu ul.nav3 li a.fl_b:hover { background-position: -786px -201px; } #menu ul.nav3 li a.fl_c:hover { background-position: -862px -201px; } #menu ul.nav3 li.selected a.fl_g { background-position: -665px -227px; } #menu ul.nav3 li.selected a.fl_t { background-position: -729px -227px; } #menu ul.nav3 li.selected a.fl_b { background-position: -786px -227px; } #menu ul.nav3 li.selected a.fl_c { background-position: -862px -227px; } .current { color:#fff; text-decoration:none; } .current a { background:#f8f8f8; } #menu ul li.end { background:0 !important; } #menu ul.nav1 li.split ul { background:#fff !important; padding:0; width:234px; *width:254px; border:1px solid #CCCCCC; border-width:0 1px 1px 0; } #menu ul.nav1 li.split ul li { background:#fff !important; width:100px; float:left; } #menu ul.nav1 li.split ul li a { width:100px; } /** ** Main **/ #main { display:inline; float:left; } #mainContent { height:100%; float:left; padding:0 0 10px 0; width:630px; } .login { float:left; clear:both; width:343px; margin:0 0 10px; padding:10px; background:#F1F1F1; } .login label { width:177px; clear:both; float:left; margin:2px; padding:3px 0; font-weight:bold; } .login input { float:left; margin:2px; } .login input.text { width:150px; } /* Main > Intro *** IMPROVE *** */ #mainContent .inset-flash { margin:-14px 0 15px; } #newsItems { margin:0 0 15px; border-top:0; } #newsItems .articles-list { border-bottom:1px solid #efefef; float:left; } #newsItems .main-newsItem { clear:both; float:left; width:630px; padding:10px 0; } #newsItems .main-newsItem h4 { font-weight:700; color:#0ba245; margin:0; margin:0 0 5px; width:465px; } #newsItems .main-newsItem h4 a { color:#0ba245; } #newsItems .main-newsItem span.item-content { line-height:16px; width:465px; padding:5px 0; } #newsItems .main-newsItem .item-date { padding:0 0 5px; color:#999; width:465px; } #moreNewsItems { margin:0 0 15px; float:right; width:300px; } #moreNewsItems h4 { font-weight:700; font-size:14px; margin:0 0 5px; width:300px; } #moreNewsItems h4 a { color:#0ba245; } #moreNewsItems .more-newsItem { clear:both; float:left; padding:5px 0 10px; border-bottom:1px solid #efefef; width:300px; } #moreNewsItems .item-date { padding:0 0 5px; color:#999; } #moreNewsItems span.item-content { line-height:16px; clear:both; width:300px; } #mainFixRes { margin:0 30px 15px 0; float:left; width:300px; } #mainFixRes ul.tabs { margin:7px 0 0 5px; } #mainFixRes div.module-content { border-top:0; } table#mainFixturesTable { display:table; } table#mainResultsTable { display:none; } table#mainStandingsTable { display:none; } img.virgin-video { clear:left; float:left; } /* Main > General Page */ .content { float:left; width:100%; } .content div.page-icon { float:left; height:16px; margin:0 10px 0 5px; width:16px; display:none; } .content-page { float:left; width:100%; } .content-page p, .content-page form { clear:both; margin:0 0 15px 0; line-height:19px; color:#333; } .content-page p { width:90%; } .content-page label { padding:3px 5px 0 0; font-weight:normal; width:120px; float:left; text-align:right; clear:both; } .content-page div.form { margin:15px 0; } .content-page div.form strong { margin:3px 3px 0; float:left; } .content-page .form-text { background:#f8f8f8; width:250px; border:1px solid #ccc; padding:1px; font-size:13px; } .content-page .sub-header { padding:4px 10px; font-size:24px; color:#666; font-weight:bold; letter-spacing:-1px; border-left:1px solid #DDDDDD; } .content-page img.main-image { position:relative; float:right; padding:4px; border:1px solid #ccc; width:150px; background:#fff; margin-top:-69px; margin-left:10px; } .content-page-inset { background:#f1f1f1; padding:10px; width:610px; margin:15px 0; } .content-page-inset-blank { margin:15px 0; } .content .grey { color:#ccc; padding:0 3px; } .content #related { margin:0 0 0 15px; width:300px; } .content #related .module-header { background:url(../images/light/header.gif) no-repeat left top; } .content #related .module-header h3 { width:276px; } .content #articleInfo { margin:0 0 20px 0; clear:both; } .content #articleInfo h3 { border-bottom:1px solid #ddd; padding:0 2px 5px; } .content #articleInfo div { margin:0 0 15px; float:left; } .content #articleInfo div a { float:left; } .content p.subheading { font-size:16px; margin:0; line-height:20px; font-weight:500; } .content p.bold { font-weight:bold; } .content p.last { width:50%; float:left; } .content .bookmarks { float:right; padding:0 0 25px; } span.grey { float:left; padding-right:3px; color:#ccc; } /* Article Create */ #createArticle .content-page form { background:#F1F1F1; padding:15px; } #createArticle .content-page form span { padding:2px; margin:2px; width:250px; float:left; } #createArticle .content-page input.text { margin:2px; width:205px; float:left; } #createArticle .content-page input.check { margin:2px; } #createArticle .content-page select { margin:2px; float:left; } #createArticle .content-page label { width:143px; font-weight:bold; clear:both; } #createArticle .content-page small { float:left; padding-left:155px; width:250px; clear:both; } /* Article Edit */ #articleEdit div.edit-content { padding:10px; background:#efefef; float:left; } #articleEdit label { width:170px; padding:5px 10px 5px 0; } #articleEdit textarea { float:left; width:400px; height:45px; margin:5px 2px 15px; } #articleEdit .checkbox input { float:left; margin:5px; } #articleEdit div.text { margin:2px; padding:2px; float:left; width:410px; } #articleEdit span.black { float:left; } #articleEdit small { padding-left:184px; margin:0 0 15px; } #articleEdit #previewWrapper { margin:0 0 15px; padding-top:15px; border-top:3px solid #0aa245; } #articleEdit #htmlWrapper { padding:0 0 15px; clear:both; float:left; border-top:3px solid #0aa245; } #articleEdit h2 { margin:15px 0 10px; float:left; } /* Comments */ /* Main */ a.replies-toggle { font-size:11px; margin:0 0 10px 5px; } div.replyBox { background:url(../images/icons/reply.gif) -5px 9px no-repeat; float:left; } div.replyBox h3 { margin:20px 0 0 14px; } div.replyBox .reply-container { float:left; padding:10px; background:#efefef; margin:5px 0 0 4px; color:#333; } div.replyBox .reply-container input.text { margin:0 0 0 14px; width:305px; } div.replyBox .reply-container textarea { width:100%; height:70px; margin:5px 0; } #main #mainComments { float:left; width:100%; clear:both; } #main #mainComments ul { float:left; border-bottom:1px solid #ddd; } #mainComments li.user-comment { clear:both; position:relative; padding:10px; float:left; margin-left:80px; width:440px; border-top:1px solid #ddd; } #mainComments li div.comment { width:440px; } #mainComments li div b { line-height:16px; } #mainComments li div p { padding:0 0 5px; line-height:17px; } #mainComments li div span { font-size:11px; } #mainComments li span.comment_time { font-weight:normal; font-size:11px; clear:left; color:#999; } #mainComments li div.comment_by { position:absolute; width:100px; font-size:11px; overflow:hidden; font-weight:bold; float:left; padding-left:30px; min-height:30px; } #mainComments div.your-comment { padding:2px 7px; font-size:12px; margin:0 0 10px; border:1px solid #ddd; border-top:0; } #mainComments div.your-comment textarea { margin:5px 0; width:606px; font-size:13px; height:70px; } #mainComments div.comment-subject { padding:5px 0 2px 5px; } #mainComments div.comment-subject input { margin:0 10px 0 5px; font-size:13px; width:50%; } .reply-Level_0 { margin-left:0px !important; width:610px !important; background:#fdfdfd; } .reply-Level_1 { margin-left:20px !important; width:580px !important; _width:560px !important; } .reply-Level_2 { margin-left:40px !important; width:560px !important; _width:540px !important; } .reply-Level_3 { margin-left:60px !important; width:540px !important; _width:520px !important; } .reply-Level_4 { margin-left:80px !important; width:520px !important; _width:500px !important; } .reply-Level_5 { margin-left:100px !important; width:500px !important; _width:480px !important; } .reply-Level_6 { margin-left:120px !important; width:480px !important; _width:460px !important; } .reply-Level_7 { margin-left:140px !important; width:460px !important; _width:440px !important; } .reply-Level_1, .reply-Level_2, .reply-Level_3, .reply-Level_4, .reply-Level_5, .reply-Level_6, .reply-Level_7 { border-top:1px solid #efefef !important; padding-left:20px !important; background:url(../images/icons/reply.gif) top left no-repeat; } .reply-Level_0 .comment { width:470px !important; } .reply-Level_1 .comment { width:440px !important; } .reply-Level_2 .comment { width:410px !important; } .reply-Level_3 .comment { width:390px !important; } .reply-Level_4 .comment { width:360px !important; } .reply-Level_5 .comment { width:330px !important; } .reply-Level_6 .comment { width:310px !important; } .reply-Level_7 .comment { width:280px !important; } .reply-Level_0 textarea { width:450px !important; } .reply-Level_1 textarea { width:420px !important; } .reply-Level_2 textarea { width:390px !important; } .reply-Level_3 textarea { width:370px !important; } .reply-Level_4 textarea { width:340px !important; } .reply-Level_5 textarea { width:310px !important; } .reply-Level_6 textarea { width:290px !important; } .reply-Level_7 textarea { width:260px !important; } .reply-Level_4 input { width:276px !important; } .reply-Level_5 input { width:246px !important; } .reply-Level_6 input { width:226px !important; } .reply-Level_7 input { width:196px !important; } div.user-actions { padding:5px; height:14px; position:relative; background:#F5F5F5; display:none; margin:3px -10px -10px 0; *margin:1px -10px -10px 0; } div.user-actions a { color:#999999; display:inline; height:13px; float:left; font-size:11px; font-weight:normal; padding:0 10px; } div.user-actions span { margin:2px; background:url(../images/icons/icons.gif) top left no-repeat; float:left; width:10px; height:10px; } div.user-actions span.user-actions-delete { background-position:left -700px; } div.user-actions span.user-actions-reply { background-position:left -680px; } div.user-actions span.user-actions-report { background-position:left -690px; } div.vote-actions { float:left; clear:left; margin:2px -3px; } div.vote-actions a { color:#999; } div.vote-actions a:hover { color:#333; } span.user-actions-voteup { margin:2px 4px 0 0; background:url(../images/icons/icons.gif) left -668px no-repeat; float:left; width:14px; height:10px; } span.user-actions-votedown { margin:2px 4px 0 0; background:url(../images/icons/icons.gif) left -642px no-repeat; float:left; width:14px; height:10px; } span.user-actions-voteup:hover { background-position:left -655px; } span.user-actions-votedown:hover { background-position:left -628px; } span.comments-votesup, span.comments-votesdown { float:left; margin-right:5px; } /* Article*/ #main #articleComments { float:left; } .content .article { border-bottom:1px solid #ddd; float:left; *padding-bottom:10px; } .content h2.article-heading { float:left; width:90%; color:#555; font-size:34px; font-weight:700; letter-spacing:-1px; line-height:32px; margin:35px 0 25px; *margin:25px 0 25px; } /* Articles */ .articles-search { float:right; width:100%; padding:0 0 10px 0; margin:0 0 10px; border-bottom:1px solid #0aa245; } .articles-search div { padding:5px 0; } .articles-search div a, .articles-search div span { float:left; margin:0 3px 0 0; } .articles-search input { float:right; margin:2px; } .articles-item { display:block; float:left; } .articles-list { float:left; } .articles-list li { clear:both; float:left; padding:10px 0; width:630px; } .articles-list li h3 { font-size:19px; padding:0; color:#0ba245; width:90%; font-weight:normal; } .articles-list .item-footer { float:left; width:455px; } .articles-list .item-footer a { font-size:11px; text-decoration:underline; margin-right:3px; float:left; } .articles-list .item-footer a:hover { text-decoration:underline; } .articles-list .item-content { width:455px; float:left; } .articles-list .item-content a:hover { text-decoration:none; } .articles-list .item-content p { margin:0 0 5px; padding:0; line-height:16px; color:#333; } .articles-list .item-actions { font-size:11px; float:left; } .articles-list .item-actions a { float:left; padding:0 17px 0 0; font-size:11px; margin-right:15px; } .articles-list .item-actions span { color:#999; margin-right:15px; } .articles-filter { float:left; margin:0 0 10px; padding:0 0 10px; border-bottom:3px solid #0aa245; } .articles-filter select { float:left; margin-right:5px; } .articles-filter span { float:left; margin:0 5px 0 2px; } .articles-filter a { margin-top:-1px; } /* Main > Rating */ #rating { padding:5px 0 3px; width:390px; float:left; } #rating em { margin:0 15px 0 3px; font-weight:bold; font-size:13px; float:left; } #rating a.ball { float:left; height:16px; padding:4px 15px; margin-top:-3px; background:url(../images/icons/football_off.png) no-repeat left bottom; } #rating a.ball img { border:0; width:22px; margin:0; cursor:pointer; } #rating a#ratingReset { display:none; margin:-3px 35px; } /* Main > Player List */ #playerListTabs { margin:15px 0 0; } .club-filter { float:right; margin-top:-4px; } .table-filter { float:left; clear:both; width:100%; } .table-filter span { color:#ccc; margin:4px 4px 0 0; display:block; padding:2px 10px 2px 0; float:left; cursor:help; width:70px; } .table-filter span.enabled { color:#333; } .table-filter input { position:relative; top:2px; margin-right:2px; } /** Prem table **/ #leaguetable table tr.winners td { background-color:#e1f2e2; } #leaguetable table tr.winners td.highlight { background-color:#e1ebe2; } #leaguetable table tr.relegated td { background-color:#f3dede; } #leaguetable table tr.relegated td.highlight{ background-color:#e8d6d6; } /* Main > Club */ .content h2.club-heading { border:0; color:#333333; float:left; font-size:34px; font-weight:700; letter-spacing:-1px; margin:10px 25px 0 10px; padding:0; } #club .club-info { margin:0 0 5px; float:left; } #club .club-shirt-large { float:left; margin:7px 6px 0 0; background:url(../images/shirts/large/default.jpg); width:110px; height:110px; } #club .club-shirt-large img { font-size:0; } #club .club-details-actions { width:504px; padding:10px 0; margin:10px 0 10px 10px; border-top:1px solid #efefef; } #club .club-details-actions a { font-size:11px; color:#4b4b4b; margin-right:15px; padding:2px 21px 1px 0; } #club .club-league-position { font-size:18px; float:left; width:200px; margin:-5px 0; } #club .club-league-position em { font-size:18px; color:#ccc; position:relative; bottom:-1px; margin:0 5px 0 0; font-weight:bold; } #club #clubClubs { float:right; margin-top:30px; } #club .club-profile { margin:15px 0 0 0; } /** Club Shirt Images **/ .club-medium { width:64px; height:66px; display:block; background:url(http://imageseasynet.fantasyleague.com/classic0910/images/shirts/medium/shirts-medium.png) left -1141px no-repeat; } .club-medium.club-arsenal { background-position:0 0; } .club-medium.club-aston-villa { background-position:0 -67px; } .club-medium.club-blackburn { background-position:0 -134px; } .club-medium.club-bolton { background-position:0 -201px; } .club-medium.club-chelsea { background-position:0 -268px; } .club-medium.club-west-ham { background-position:0 -1208px; } .club-medium.club-everton { background-position:0 -335px; } .club-medium.club-fulham { background-position:0 -402px; } .club-medium.club-liverpool { background-position:0 -536px; } .club-medium.club-man-city { background-position:0 -606px; } .club-medium.club-man-utd { background-position:0 -672px; } .club-medium.club-sunderland { background-position:0 -1008px; } .club-medium.club-portsmouth { background-position:0 -872px; } .club-medium.club-wigan { background-position:0 -1273px; } .club-medium.club-tottenham { background-position:0 -1072px; } .club-medium.club-hull { background-position:0 -472px; } .club-medium.club-stoke { background-position:0 -940px; } .club-medium.club-wolves { background-position:0 -1343px; } .club-medium.club-birmingham { background-position:0 -1409px; } .club-medium.club-burnley { background-position:0 -1477px; } .club-medium.club-arsenal.gk { background-position:0 0; } .club-medium.club-aston-villa.gk { background-position:-64px -67px; } .club-medium.club-blackburn.gk { background-position:-64px -134px; } .club-medium.club-bolton.gk { background-position:-64px -201px; } .club-medium.club-chelsea.gk { background-position:-64px -268px; } .club-medium.club-west-ham.gk { background-position:-64px -1208px; } .club-medium.club-everton.gk { background-position:-64px -335px; } .club-medium.club-fulham.gk { background-position:-64px -402px; } .club-medium.club-liverpool.gk { background-position:-64px -536px; } .club-medium.club-man-city.gk { background-position:-64px -606px; } .club-medium.club-man-utd.gk { background-position:-64px -672px; } .club-medium.club-sunderland.gk { background-position:-64px -1008px; } .club-medium.club-portsmouth.gk { background-position:-64px -872px; } .club-medium.club-wigan.gk { background-position:-64px -1273px; } .club-medium.club-tottenham.gk { background-position:-64px -1072px; } .club-medium.club-hull.gk { background-position:-64px -472px; } .club-medium.club-stoke.gk { background-position:-64px -940px; } .club-medium.club-wolves.gk { background-position:-64px -1343px; } .club-medium.club-birmingham.gk { background-position:-64px -1409px; } .club-medium.club-burnley.gk { background-position:-64px -1477px; } .club-small { width:31px; height:33px; display:block; background:url(http://imageseasynet.fantasyleague.com/classic0910/images/shirts/small/shirts-small.png) left -571px no-repeat; } .club-small.club-arsenal { background-position:0 0; } .club-small.club-aston-villa { background-position:0 -34px; } .club-small.club-blackburn { background-position:0 -68px; } .club-small.club-bolton { background-position:0 -102px; } .club-small.club-chelsea { background-position:0 -135px; } .club-small.club-west-ham { background-position:0 -604px; } .club-small.club-everton { background-position:0 -168px; } .club-small.club-fulham { background-position:0 -202px; } .club-small.club-liverpool { background-position:0 -269px; } .club-small.club-man-city { background-position:0 -303px; } .club-small.club-man-utd { background-position:0 -336px; } .club-small.club-sunderland { background-position:0 -503px; } .club-small.club-portsmouth { background-position:0 -437px; } .club-small.club-wigan { background-position:0 -638px; } .club-small.club-tottenham { background-position:0 -537px; } .club-small.club-hull { background-position:0 -236px; } .club-small.club-stoke { background-position:0 -471px; } .club-small.club-wolves { background-position:0 -672px; } .club-small.club-birmingham { background-position:0 -705px; } .club-small.club-burnley { background-position:0 -739px; } .club-small.club-arsenal.gk { background-position:-31px 0; } .club-small.club-aston-villa.gk { background-position:-31px -34px; } .club-small.club-blackburn.gk { background-position:-31px -68px; } .club-small.club-bolton.gk { background-position:-31px -102px; } .club-small.club-chelsea.gk { background-position:-31px -135px; } .club-small.club-west-ham.gk { background-position:-31px -604px; } .club-small.club-everton.gk { background-position:-31px -168px; } .club-small.club-fulham.gk { background-position:-31px -202px; } .club-small.club-liverpool.gk { background-position:-31px -269px; } .club-small.club-man-city.gk { background-position:-31px -303px; } .club-small.club-man-utd.gk { background-position:-31px -336px; } .club-small.club-sunderland.gk { background-position:-31px -503px; } .club-small.club-portsmouth.gk { background-position:-31px -437px; } .club-small.club-wigan.gk { background-position:-31px -638px; } .club-small.club-tottenham.gk { background-position:-31px -537px; } .club-small.club-hull.gk { background-position:-31px -236px; } .club-small.club-stoke.gk { background-position:-31px -471px; } .club-small.club-wolves.gk { background-position:-31px -672px; } .club-small.club-birmingham.gk { background-position:-31px -705px; } .club-small.club-burnley.gk { background-position:-31px -739px; } .club-tiny { width:16px; height:17px; display:block; background:url(http://imageseasynet.fantasyleague.com/classic0910/images/shirts/tiny/shirts-tiny.png) left -290px no-repeat; } .club-tiny.club-arsenal { background-position:0 0; } .club-tiny.club-aston-villa { background-position:0 -17px; } .club-tiny.club-blackburn { background-position:0 -34px; } .club-tiny.club-bolton { background-position:0 -51px; } .club-tiny.club-chelsea { background-position:0 -68px; } .club-tiny.club-west-ham { background-position:0 -306px; } .club-tiny.club-everton { background-position:0 -85px; } .club-tiny.club-fulham { background-position:0 -102px; } .club-tiny.club-liverpool { background-position:0 -137px; } .club-tiny.club-man-city { background-position:0 -154px; } .club-tiny.club-man-utd { background-position:0 -171px; } .club-tiny.club-sunderland { background-position:0 -255px; } .club-tiny.club-portsmouth { background-position:0 -222px; } .club-tiny.club-wigan { background-position:0 -324px; } .club-tiny.club-tottenham { background-position:0 -272px; } .club-tiny.club-hull { background-position:0 -119px; } .club-tiny.club-stoke { background-position:0 -239px; } .club-tiny.club-wolves { background-position:0 -341px; } .club-tiny.club-birmingham { background-position:0 -358px; } .club-tiny.club-burnley { background-position:0 -374px; } /* Main > Private League */ #plActions { padding:10px; display:none; } span.your-leagues { padding:5px; } .pl-slider-join, .pl-slider-create { display:none; background:#F1F1F1; margin:10px 0 0; padding:10px; width:615px; } .pl-slider-join { height:75px; } .pl-slider-create { height:100px; } .pl-slider-join input { width:100px; margin:5px; } .pl-slider-join input.submit { width:45px; } #privateLeague { margin:10px 0 0 0; } #privateLeague #plButtons { margin-top:0; } #privateLeague #plButtons span { font-size:10px; font-weight:normal; color:#333; } #privateLeague #plButtons li.tab-cur span { color:#fff; } #privateLeague #plScreen { width:630px; margin:0 0 15px; } #privateLeague .pl-month { float:right; margin:5px 0px -16px 0; } #privateLeague .pl-join { margin-right:4px; } /* Main > Results & Fixtures */ table.results-container { clear:both; margin:0 0 30px; } table.results-container tr.ttop td { vertical-align:middle; font-weight:bold; font-size:14px; } table.results-container tr td.tright, table.results-container tr th.tright { text-align:right; } table.results-container tr td.shirt { vertical-align:top; border-bottom:0; text-align:center; } table.results-container tr td.shirt img { margin:2px 6px 0; } table.results-container tr td h2 { font-size:13px; margin:0 10px; } table.results-container td.match-link { text-align:center; letter-spacing:20px; } table.results-container td.match-link a { padding-left:20px; *padding-right:5px; } table.results-container td.match-link a:hover { text-decoration:none; } table.results-container div.goalassist { margin:0 0 5px; } table.results-container div.player_goal.left, table.results-container div.player_assist.left { margin:0 10px 0 0; } table.results-container div.player_goal.right { float:right; text-indent:-7000px; margin:0 0 0 10px; } table.results-container div.player_assist.right { float:right; text-indent:-7000px; margin:0 0 0 10px; } div.results-container { margin:0 0 30px; float:left; } div.results-container img.match-card { margin:0 0 0 5px; } table.results-home { width:300px; float:left; margin-right:30px; } table.results-away { width:300px; float:left; clear:none; } /** Gameweek scroller **/ div.gameweek-scroller { margin:0 0 15px; } ul.gameweeks li { text-align:center; float:left; margin:0 2px; } ul.gameweeks li a { width:16px; background:#F4F4F4; padding:5px 7px; display:block; text-align:center; } ul.gameweeks li.highlight a { background:#666; color:#fff; font-weight:bold; } .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; height:26px; overflow: hidden; position: relative; width:578px; _width:572px; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; height:26px; } .jcarousel-skin-tango .jcarousel-item { height: 26px; } .jcarousel-skin-tango .jcarousel-clip-horizontal { height: 26px; } .jcarousel-prev { float:left; color:#fff; background:#1B75BB; display:block; padding:5px; text-align:center; width:16px; } .jcarousel-next { float:right; color:#fff; background:#1B75BB; display:block; padding:5px; text-align:center; width:16px; } .jcarousel-prev div { background:url(../images/icons/icons.gif) no-repeat 3px -775px; height:16px; } .jcarousel-next div { background:url(../images/icons/icons.gif) no-repeat 3px -786px; height:16px; } .jcarousel-prev:active, .jcarousel-next:active, .jcarousel-item a:active { background:#3399cc; color:#fff; } /* Main > Profile */ .welcome { width:610px; padding:5px 10px; font-weight: bold; font-size: 13px; border: 1px solid #bbb; background: #f7fff3; } .welcome h3 { margin:2px 0 5px; } h4.subheading { font-size:19px; font-weight:500; margin:-4px 3px 5px; } #profile img#userImage { height:46px; width:46px; margin:0 10px 20px 0; float:left; } #myFriends { margin:0 30px 30px 0; } .profile-details-actions { border-top:1px solid #ddd; padding:5px 0 15px !important; width:574px !important; } .profile-details-actions.module-footer a { margin:0 15px 0 -5px !important; } #supportedClubs { border-top:1px solid #efefef; float:left; width:300px; margin-top:5px; } #supportedClubs li div { float:left; } .profile-support { margin:15px 0 30px 0; } .profile-support li { clear:both; position:relative; background:#fcfcfc; float:left; padding:5px 10px; width:280px; border-bottom:1px solid #efefef; } .profile-support li.end { padding:5px 0; width:300px; background:#fff !important; border-bottom:0; } .profile-support li h3 { margin:0 0 5px; width:207px; } .profile-support li div.team-info { line-height:18px; width:203px; text-align:left; margin-left:12px; } .profile-support li a { font-size:11px; line-height:normal; } .profile-support li h3 a.stop { width:16px; height:16px; padding-left:0; } .profile-support li.small { margin-bottom:0; } .profile-support li.small h3 { width:100%; margin:0; padding:0; } #addTeamBox .report-form { height:300px; overflow:auto; margin:10px 0 15px; float:left; width:100%; border:1px solid #ccc; } #addTeamBox .report-form ul { } #addTeamBox .report-form ul li { border-bottom:1px solid #efefef; clear:both; overflow:hidden; float:left; width:100%; } #addTeamBox .report-form ul li a { display:block; float:left; padding:5px 10px; width:100%; background:#fcfcfc; } #addTeamBox .report-form ul li a:hover { background:#fff; } #addTeamBox .report-form ul li img { float:left; } #addTeamBox .report-form ul li h3 { float:left; padding:5px; } #addTeamBox em { float:left; padding:5px; } #addTeamBox textarea#clubName { width:250px; float:right; margin:0 0 15px; } .profile-teams { margin:-15px 0 30px; width:100%; } .profile-text { clear:both; margin:15px 30px 30px 0; width:300px; } .profile-text p.profile { width:288px; padding:5px; margin:10px 0; height:175px; font-size:12px; border:1px solid #efefef; } .profile-text p.success { width:auto !important; } .profile-text textarea { width:296px; margin:5px 0 10px; height:175px; font-size:12px; } .profile-friends { width:300px; float:left; margin:0 30px 30px 0; } .profile-friends ul { margin:0 0 5px; float:left; } .profile-friends li { clear:both; padding:5px; margin-bottom:-1px; float:left; width:290px; border:1px solid #efefef; border-width:1px 0; cursor:pointer; } .profile-friends li a.name { float:left; display:block; margin:5px 10px 0 0; font-weight:bold; width:70%; } .profile-friends li img { height:46px; width:46px; float:left; margin:0 10px 0 0; } .profile-followers { width:300px; float:left; } .profile-followers ul { margin:0 0 5px; float:left; } .profile-followers li { clear:both; padding:5px; margin-bottom:-1px; float:left; width:290px; border:1px solid #efefef; border-width:1px 0; cursor:pointer; } .profile-followers li a.name { float:left; display:block; margin:5px 10px 0 0; font-weight:bold; } .profile-followers li img { height:46px; width:46px; float:left; margin:0 10px 0 0; } .profile-search { clear:both; float:left; width:100%; margin:0 0 10px; } .profile-search input { float:left; width:217px; padding:4px; margin-right:5px; } .profile-search input:focus { padding:5px; } .profile-search p.message { margin-top:10px; } .profile-search-results { margin:10px 0 15px; float:left; width:70%; border-bottom:1px solid #efefef; } .profile-search-results li { border-top:1px solid #efefef; padding:10px 0; clear:both; float:left; width:100%; } .profile-search-results li a.name { padding:5px 10px; font-weight:bold; } .profile-search-results li a.right { margin:10px 0 0; } .profile-search-results li span.username { float:left; padding:5px 10px; font-size:11px; } .profile-search-results li img { float:left; } /* Main > Change Profile Image */ #editProfileImage { float:left; margin:25px 0; } #editProfileImage .current-image, #editProfileImage .preview-image { float:left; padding:15px 15px 15px 0; border-right:1px solid #efefef; margin:0 15px 0 0; } #editProfileImage .current-image img, #editProfileImage .preview-image img { margin:-15px 0 -15px 10px; } #editProfileImage .upload-image { float:left; margin:0 0 15px; } #editProfileImage .upload-image input { float:left; margin:0 10px 0 0; } #editProfileImage .preview-image { margin:15px 0 0; float:left; } #editProfileImage .image-actions { margin:24px 0 0 15px; float:left; } #editProfileImage #croppedImage { margin:0 0 15px; } div.avatars { margin:25px 0; float:left; } table#profileAvatars td { padding:10px 5px; } /* Main > User Options */ #userOptions h3 { background:url(../images/sprite.gif) 0 -88px no-repeat; border:0; color:#0aa245; padding:7px 5px; } #userOptions input.text { margin:2px; width:250px; } #userOptions select, #userOptions textarea { margin:2px; } #userOptions ul.tabs { margin-top:30px; } #userOptions div.form { margin-bottom:30px; } .large-label { margin:5px 0; float:left; } .large-label label { clear:none; width:auto; text-align:left; padding-top:0; } .large-label input { clear:both; float:left; margin:2px 5px 5px 0; } .communication input { margin:0 5px 0 0; } /** Player Profile ******IMPROVE********/ img.profile-image { width:122px; height:158px; background:url(../images/playerEmpty.gif); float:left; margin:0 15px 0 0; } div.player-links { float:left; padding:40px 15px 0; } div.profile-stats { float:left; width:493px; } div.profile-stats h3, table#playerInfo h3 { margin:5px 0; } div.profile-stats table { margin-bottom:10px; } #playerProfile h4 { border-top:1px solid #EFEFEF; position:relative; margin-top:-18px; padding:5px 0 10px; } /** Company Info Pages **/ .company-info #flash { width:630px; margin:0 0 25px; height:300px; border-top:3px solid #0aa245; } .company-info #frontpage .tag { margin-bottom:25px; } .company-info #games-container { width:630px; margin:0 0 25px; border-top:3px solid #0aa245; } /** Game Guide **/ .mini-menu li h3 { background:#fafafa; margin:0; border-top:1px solid #ddd; border-bottom:1px solid #ddd; font-size:13px; padding:5px 10px; } .mini-menu { margin:0; } .mini-menu li { padding:5px 10px; border-bottom:1px solid #ddd; } .mini-menu li.tab-cur a { font-weight:bold; } #gameguide ol.list { margin:0 0 15px 20px; list-style-position:outside; } #gameguide ol.list li { padding:5px 0; width:90%; } #gg-Form, #gg-Trans, #gg-Subs { display:none; } #sc-Goals, #sc-DPP, #sc-Ass, #sc-ET { display:none; } #cl-PL, #cl-OC { display:none; } /** Packages **/ #packages h3 { border-bottom:0; margin-bottom:0; } #packages table th.std { color:#00b1da; } #packages table td.std { background:#f6fbfe; } #packages table tr.on td.std { background:#d3f2f7; } #packages table th.slv { color:#999999; } #packages table td.slv { background:#fafafa; } #packages table tr.on td.slv { background:#e6e6e6; } #packages table th.gld { color:#fdaf42; } #packages table td.gld { background:#fffcf9; } #packages table tr.on td.gld { background:#fef1de; } #packages table td.std, #packages table td.slv, #packages table td.gld { text-align:center; } #siteTour h4 { border-bottom:1px dotted #333; padding-bottom:5px; margin-bottom:10px; } #siteTour ul.menu { bottom:-35px; float:right; position:relative; margin-top:-22px; } #siteTour ul.menu li { float:right; } #siteTour ul.menu li a { color:#0BA245; padding:5px 8px; } #siteTour ul.menu li.tab-cur a { font-weight:bold; border:1px solid #0BA245; } #siteTour img { margin:0 0 25px 0; } #siteTour p img { margin:0 25px 25px 0; } #siteTour #st-2, #siteTour #st-3, #siteTour #st-4, #siteTour #st-5 { display:none; } .games .game a { font-weight:bold; } #contactus .contact-box { float:left; width:50%; } /** Ins and Outs **/ #transfernews table.general td { padding:5px 2px; vertical-align:middle; } /** ** Module **/ .module-container { float:left; width:100%; } /* Module > Header */ .module-container a.item_minus { padding:5px 7px 3px; background:0; background:url(../images/tabs_button_back_border.jpg) no-repeat left; } .module-header { height:25px; position:relative; background:url(../images/sprite.gif) no-repeat 0 0; } .module-header h3 { color:#333; padding:5px 10px 4px; margin:0; display:block; font-size:13px; font-weight:bold; } .module-header a.heading-button-small { float:right; padding:6px 10px; font-size:11px; color:#666; } .module-header span { } .module-buttons { float:right; width:29px; background:url(../images/sprite.gif) no-repeat right 0px; display:inline-block; } .module-buttons a { display:block; line-height:15px; background:url(../images/module-actions-border.png) left no-repeat; font-size:11px; font-weight:normal; height:16px; letter-spacing:0; padding:5px 0px; } .module-buttons a.item-minus { padding:5px 7px 4px; float:right; } /* Module > Header > Tabs */ .module-header ul.tabs li { background-position:right -27px; } .module-header ul.tabs li a { background-position:left -27px; } .module-header ul.tabs li.tab-cur { background:url(../images/sprite.gif) no-repeat right -49px; } .module-header ul.tabs li a.cur, .module-header ul.tabs li.tab-cur a { background:url(../images/sprite.gif) no-repeat left -49px; color:#FFFFFF !important; } /* Module > Content */ .module-content { font-size:12px; clear:both; border-top:1px solid #cccccc; } .module-content p { padding:10px; } .module-content form { padding:10px 15px; } .module-content p.editorial { clear:both; line-height:18px; float:left; background:url(../images/gradient.gif) bottom repeat-x; } .module-content p img { padding:4px; background:#fff; border:1px solid #ccc; } .module-content img.left { margin:0 10px 0 0; } .module-content img.right { margin:0 0 0 10px; } .module-content ul.links { } .module-content ul.links li { padding:10px; border-bottom:1px solid #efefef; } /* Module > Footer */ .module-footer { font-size:11px; float:left; width:100%; padding:3px 0 5px; } .module-footer span { color:#777; margin:0 7px; } .module-footer a { padding:2px 21px 1px 7px !important; font-size:11px; margin-left:5px; color:#777; font-weight:normal; } .module-footer a#teamsAdd { padding-left:20px; } /* Module > Footer > Links */ a.more { background:url(../images/icons/icons.gif) no-repeat right 0px; padding-right:21px; } a.txt { background:url(../images/icons/icons.gif) no-repeat right -16px; padding-right:21px; } a.stop { background:url(../images/icons/icons.gif) no-repeat right -32px; padding-right:21px; } a.user-options { background:url(../images/icons/icons.gif) no-repeat right -48px; padding-right:21px; } a.change { background:url(../images/icons/icons.gif) no-repeat right -48px; padding-right:21px; } a.new { background:url(../images/icons/icons.gif) no-repeat right -64px; padding-right:21px; } a.calendar { background:url(../images/icons/icons.gif) no-repeat right -80px; padding-right:21px; } a.news { background:url(../images/icons/icons.gif) no-repeat right -144px; padding-right:21px; } a.register { background:url(../images/icons/icons.gif) no-repeat right -160px; padding-right:21px; } a.delete { background:url(../images/icons/icons.gif) no-repeat right -304px; text-indent:-9999px; height:16px; width:16px; } a.add { background:url(../images/icons/icons.gif) no-repeat right -176px; padding-right:21px; } a.addteam { background:url(../images/icons/icons.gif) no-repeat right -447px; padding-right:21px; } a.plus { background:url(../images/icons/icons.gif) no-repeat right -176px; height:16px; width:16px; } a.lost { background:url(../images/icons/icons.gif) no-repeat right -208px; padding-right:21px; } a.help { background:url(../images/icons/icons.gif) no-repeat right -208px; padding-right:21px !important; } a.question { background:url(../images/icons/icons.gif) no-repeat right -208px; height:16px; width:16px; } a.squad { background:url(../images/icons/icons.gif) no-repeat right -431px; padding-right:21px; } a.history { background:url(../images/icons/icons.gif) no-repeat right -479px; padding-right:21px; } a.report { background:url(../images/icons/icons.gif) no-repeat right -224px; padding-right:21px; } a.fan { background:url(../images/icons/icons.gif) no-repeat right -240px; padding-right:21px; } a.your-profile { background:url(../images/icons/icons.gif) no-repeat right -256px; padding-right:21px; } a.pic { background:url(../images/icons/icons.gif) no-repeat right -272px; padding-right:21px; } a.comments { background:url(../images/icons/icons.gif) no-repeat right -288px; padding-right:21px; } a.logout { background:url(../images/icons/icons.gif) no-repeat right -320px; padding-right:21px; } a.remove { background:url(../images/icons/icons.gif) no-repeat right -320px; padding-right:21px; } a.up { background:url(../images/icons/icons.gif) no-repeat right -368px; padding-right:21px; } a.down { background:url(../images/icons/icons.gif) no-repeat right -384px; padding-right:21px; } a.addfriend { background:url(../images/icons/icons.gif) no-repeat right -399px; padding-right:21px; } a.friends { background:url(../images/icons/icons.gif) no-repeat right -415px; padding-right:21px; } a.item-comments { background:url(../images/icons/icons.gif) no-repeat right -708px; } .accept { background:url(../images/icons/icons.gif) no-repeat right -730px; padding-right:21px; } a.inline { display:inline-block; border:0 !important; margin:0 0 -4px; } a.inline:hover { background-color:transparent; } /** ** User **/ /* ******MAKE GENERALISED****** */ #user { float:right; padding-bottom:10px; width:300px; } #user a { color:#4b4b4b; } #user a:hover { color:#000; } #user #userContent { width:300px; } #user #userImage { float:right; margin:0; } #user #userImage img { height:46px; width:46px; } #user #userActions { height:46px; position:relative; width:100%; } #user #userActions a { display:block; float:left; font-size:11px; margin:2px 7px 0 5px; padding:2px 21px 1px 0; } #user #userActions h2 { font-size:13px; color:#4b4b4b; margin-right:57px; padding:4px 6px 5px; border-bottom:1px solid #efefef; } #user #userTeams { clear:both; float:left; width:100%; } #user #userFriends { border-width:1px; clear:both; float:left; width:300px; } #user h2 { color:#333; } #user #userActions .change-profile-image { clear:right; display:none; line-height:18px; float:right; position:absolute; right:-46px; text-align:center; width:46px; } #user #userActions .change-profile-image a { padding:5px; margin:0; background:#eee; } /* User Modules > Login */ #loginBox { float:left; margin-top:10px; padding-bottom:10px; background:url(../images/light/bottom.gif) no-repeat bottom left; } #loginBox .module-header { background:url(../images/light/header.gif) top left no-repeat; height:26px; } #loginBox .module-header h3 { width:280px; } #loginBox .module-content { border-top:0; } #loginBox input.text { width:125px; font-size:11px; } #loginBox .checkbox { float:right; margin:5px 0; } #loginBox .checkbox input { margin:2px 2px 0 5px; *margin:-2px 0 0 2px; float:right; } #loginBox .checkbox label { margin:0 1px 0 0; float:right; } #loginBox .top { padding:10px; width:278px; float:left; border:1px solid #ddd; border-width:0 1px; background:url(../images/light/rhs-Friends.gif) no-repeat -1px bottom; } #loginBox .bottom { float:left; width:280px; background:url(../images/light/yellow.gif) repeat-y; padding:10px 10px 0; } #loginBox div.error-sm { width:255px; } /* User Modules > Light User Prompts */ .light { margin: 0 0 30px; width:300px; padding-bottom:10px; background:url(../images/light/bottom.gif) no-repeat bottom left; } .light .module-header { background:url(../images/light/header.gif) top left no-repeat; height:26px; } .light .module-header h3 { padding:5px 10px; } .light .module-content { background:#fff; border-top:0; float:left; } .light div a { text-decoration:underline; } .light div a.button-lge { text-decoration:none; } .light div.top { padding:10px 12px; line-height:18px; width:274px; float:left; border:1px solid #ddd; border-width:0 1px; } .light div.bottom { float:left; width:276px; background:url(../images/light/yellow.gif) repeat-y; padding:10px 12px 0; } .light input.text { width:205px; float:left; padding:4px; } .light input.text:focus { color:#333; padding:5px; } .light img.inset-img { padding:0; border:0; background:0; position:relative; } #completeProfile.light img.inset-img { margin:-21px -12px -58px; } #addFriends.light img.inset-img { margin:-2px -12px -9px; } #clubPages img.inset-img, #transferSummary img.inset-img { margin:-81px -11px -9px 0; } #addFriends.light div.top { background:url(../images/light/rhs-Friends.gif) no-repeat -1px bottom; } #completeProfile { margin-top:30px; } #twitter.light div.top, #completeProfile.light div.top, #gameNews.light div.top { background:url(../images/light/rhs-CompleteProfile.gif) no-repeat -1px bottom; } #registerNow.light div.top { background:url(../images/light/rhs-SignUp.gif) no-repeat -1px bottom; } #twitter.light { background:url(../images/light/bottom-pale-blue.gif) no-repeat left bottom } #twitter.light div.bottom { background:url(../images/light/pale-blue.gif) repeat-y; } #twitter.light img.inset-img { margin-top:0; margin-right:-5px; } #twitter ul#twitter_update_list li { padding:5px 0; border-bottom:1px solid #efefef; } #clubPages.light { margin-right:30px; } #clubPages.light div.bottom { border-top:1px solid #ddd; } #transferSummary.light { width:300px; float:left; } #transferSummary.light h4 { font-size:16px; font-weight:bold; margin:5px; } #transferSummary.light div.bottom { border-top:1px solid #ddd; } #selectionSoon.light { padding-bottom:0; margin-top:25px; } #selectionSoon.light img { margin-top:-41px; } #selectionSoon.light div.bottom { background:url(../images/light/rhs-Friends.gif) no-repeat -1px bottom; } #selectionSoon.light div.bottom span { color:#ff9000; font-weight:bold; } #selectionSoon.light div.bottom ul { float:left; clear:none; color:#FF9000; margin:10px 0; } #selectionSoon.light div.bottom ul li { padding:5px 0; } #selectionSoon.light div.bottom ul a { font-weight:bold; color:#FF9000; } #gotoLobby.light { padding-bottom:0; margin-top:25px; } #gotoLobby.light img { margin-top:-41px; } #gotoLobby.light div.bottom { background:url(../images/light/ShirtsPanel_brnd.gif) no-repeat -1px bottom; } #gotoLobby.light div.bottom span { color:#ff9000; font-weight:bold; } #gotoLobby.light div.bottom ul { float:left; clear:none; color:#FF9000; margin:10px 0; } #gotoLobby.light div.bottom ul li { padding:5px 0; } #gotoLobby.light div.bottom ul a { font-weight:bold; color:#FF9000; } #gameNews p.top { border:1px solid #ddd; border-width:0 1px; background:url(../images/light/rhs-CompleteProfile.gif) no-repeat -1px bottom; } #gameNews p.top img { margin:-43px -10px -10px; } #gameNews .bottom-short p.bottom { height:33px; padding-bottom:0; background:url(../images/light/yellow.gif) repeat-y; } /** Terms & Conditions **/ #tcs ul ul { text-indent:20px; padding:10px 0; } #tcs ul li { margin:10px 0; } #privacy ul { margin:0 0 15px; } /* User Modules > Teams List */ table.myTeams { color:#333; border-bottom:1px solid #efefef; } table.myTeams h2 { margin:0; } table.myTeams th { background:0; } table.myTeams tr.team-cur td { background-color:#f8f8f8; } table.myTeams td { border-top:1px solid #efefef; background:#fdfdfd; } table.myTeams td a { padding:0; background:0; font-weight:bold; font-size:12px; } table.myTeams span { width:14px; height:14px; float:left; margin:0 0 0 3px; background-image:url(../images/icons/gameicons.gif); background-repeat:no-repeat; } table.myTeams span.ico-pro { background-position:left top; } table.myTeams span.ico-classic { background-position:left -14px; } table.myTeams span.ico-f1 { background-position:left -28px; } table.myTeams span.ico-golf { background-position:left -42px; } table.myTeams span.notin-league { background-position:left -72px; } table.myTeams span.in-league { background-position:left -57px; } table.myTeams tr.team-cur span.ico-pro { background-position:right top; } table.myTeams tr.team-cur span.ico-classic { background-position:right -14px; } table.myTeams tr.team-cur span.ico-f1 { background-position:right -28px; } table.myTeams tr.team-cur span.ico-golf { background-position:right -42px; } table.myTeams tr.team-cur span.notin-league { background-position:right -72px; } table.myTeams tr.team-cur span.in-league { background-position:right -57px; } /* User Modules > Updates */ .module-content ul.updates li { clear:both; position:relative; padding:0 4px 6px 2px; background:#f8f8f8; border-bottom:1px solid #efefef; float:left; width:294px; } .module-content ul.updates li img.avatar { background:#FFFFFF; border:1px solid #ccc; float:left; margin:6px 5px 0 3px; padding:1px; width:16px; } .module-content ul.updates li a.reply { float:right; display:none; width:10px; height:10px; background:url(../images/icons/icons.gif) no-repeat top -681px; margin:6px 2px 0 0; } .module-content ul.updates li a.reply:hover { background:url(../images/icons/comment_actions_sprite.gif) no-repeat top right; } .module-content ul.updates li div.update { float:left; width:240px; padding:5px 0 0 35px; line-height:16px; } .module-content ul.updates li div.left { margin:7px 10px 0 6px; } .module-content ul.updates li.user-update a { color:#777; text-decoration:underline; } .module-content ul.updates li.user-update a:hover { text-decoration:none; } .module-content ul.updates li.user-update a.username { color:#333; font-weight:bold; text-decoration:none; } .module-content ul.updates .update-time { color:#888; font-size:11px; } a.userIcon-dev { padding-left:33px; background:url(../images/icons/dev.gif) left 2px no-repeat; } /* User Modules > Status */ .module-content #status { background:#f8f8f8; border-bottom:1px solid #EFEFEF; clear:both; float:left; padding:10px; } .module-content #status span { font-size:11px; color:#666; float:left; padding:0 2px 5px; } .module-content #statusPost { width:193px; font-size:11px; padding:4px; float:left; } .module-content #statusPost:focus { padding:5px; } .module-content #statusUsername { float:left; padding:3px 8px 3px 2px; font-size:13px; } .module-content #statusInput { display:none; width:272px; float:left; } .module-content #statusUsernameInput { width:155px; } .module-content #statusSubmit { margin:0 0 0 5px; } /** ** Footer **/ #footer { background:#0ba245 url(../images/footer-top.gif) no-repeat top; width:959px; margin:0 -19px; position:relative; padding:35px 19px; } #footer ul { margin-right:25px; float:left; } #footer ul li { padding:0 10px 0 0; float:left; } #footer ul.copyright { text-align:right; color:#999; float:right; width:auto; } #footer a { color:#fff; text-decoration:underline; font-weight:bold; } #footer div.footer-content { clear:both; color:#fff; line-height:25px; margin-top:10px; float:left; width:100%; } /** ** Popups & Adverts **/ /** Popups **/ .mini-popup { position:relative; cursor:pointer; float:right; width:29px; } .mini-popup ul { background:#fff; width:175px; padding:3px 8px; -moz-border-radius:3px; border:1px solid #000; } .mini-popup ul li { float:none; } .mini-popup ul li a { padding:2px 0px; display:block; border-top:1px solid #efefef; font-size:11px; color:#3975AD; } .mini-popup ul li a:hover { color:#000; } .mini-popup a.rss-icon { padding:5px 7px 2px; height:18px; cursor:default; } .mini-popup a.rss-icon img { border:0; } .mini-popup-popup { position: absolute; display: none; z-index:4000; width:213px; } .mini-popup-popup b { font-size:11px; padding:3px 0; display:block; } /** Adverts **/ #user .advert { background:url(../images/advert.gif) top left no-repeat; float:left; padding-top:9px; } #top-banner { float:right; padding-top:26px; } .houseAd { width:298px; clear:both; float:left; } /** Admin **/ #admin { background:#fafafa; border:1px solid #ddd; width:280px; padding:10px; float:left; } #admin h4 { font-size:13px; font-weight:bold; margin-right:5px; } /** ** Error Messages **/ .error { color: #ff0000; font-weight: bold; font-size: 11px; border: 1px solid #bbb; background: #fff9f9 url(../images/icons/cross.png) 8px 6px no-repeat; padding: 5px 10px; margin:0; float: left; } .error-sm { clear: both; color: #ff0000; font-weight: bold; display:block; font-size: 13px; border: 1px solid #bbb; background: #fff9f9 url(../images/icons/cross.png) 8px 6px no-repeat; padding: 5px 10px; margin: 10px 0 0; float: left; } .error ul { font-weight: normal; margin: 0; } input.input-error { border: 1px solid #ff0000 !important; background: #fff9f9 !important; color: #ff0000 !important; } input.input-error:focus { border: 1px solid #ff0000 !important; background: #fff9f9 !important; color: #ff0000 !important; } /** ** Success Messages **/ .message { width: 400px !important; color: #ff0000; font-weight: bold; font-size: 11px; border: 1px solid #bbb; background: #fff9f9; padding: 5px 10px; margin:0; float: left; } .message.warning { width:auto !important; } .success { clear: both; width: 400px !important; text-align:center; color: #40901d; font-weight: bold; font-size: 11px; border: 1px solid #bbb; background: #f7fff3; padding: 5px 10px; margin: 15px 0; } /* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */ .jcrop-holder { text-align: left; margin:0 0 15px; } .jcrop-vline, .jcrop-hline { font-size: 0; position: absolute; background: white url(../images/jcrop.gif) top left repeat; /* opacity: .5; *filter:alpha(opacity=50); */ } .jcrop-vline { height: 100%; width: 1px !important; } .jcrop-hline { width: 100%; height: 1px !important; } .jcrop-handle { font-size: 1px; width: 7px !important; height: 7px !important; border: 1px #eee solid; background-color: #333; *width:9px; *height:9px; } .jcrop-tracker { *background-color:gray;width:100%;height:100%; } .custom .jcrop-vline, .custom .jcrop-hline { background: yellow; } .custom .jcrop-handle { border-color: black; background-color: #C7BB00; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* ColorBox Core Style The following rules are the styles that are consistant between all ColorBox themes */ #reportBox h3 { margin-top:0; } #reportBox input, #reportBox label { font-size:13px; margin:3px; } #reportBox .report-form, #reportBox em { clear:both; float:left; margin:0 0 10px; font-weight:normal; } #reportBox textarea { width:100%; clear:both; height:70px; float:left; margin:0 0 10px; } #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} #cboxTopLeft { width:21px; height:21px; background:url(../images/popup/borderTopLeft.png) 0 0 no-repeat;} #cboxTopCenter { height:21px; background:url(../images/popup/borderTopCenter.png) 0 0 repeat-x;} #cboxTopRight { width:21px; height:21px; background:url(../images/popup/borderTopRight.png) 0 0 no-repeat;} #cboxBottomLeft { width:21px; height:21px; background:url(../images/popup/borderBottomLeft.png) 0 0 no-repeat;} #cboxBottomCenter { height:21px; background:url(../images/popup/borderBottomCenter.png) 0 0 repeat-x;} #cboxBottomRight { width:21px; height:21px; background:url(../images/popup/borderBottomRight.png) 0 0 no-repeat;} #cboxMiddleLeft { width:21px; background:url(../images/popup/borderMiddleLeft.png) 0 0 repeat-y;} #cboxMiddleRight { width:21px; background:url(../images/popup/borderMiddleRight.png) 0 0 repeat-y;} #cboxContent { background:#fff;} #cboxLoadedContent { margin-bottom:5px;} #cboxClose { position:absolute; cursor:pointer; top:0; right:0; background:url(../images/icons/icons.gif) left -304px no-repeat; width:16px; height:16px; text-indent:-9999px;} /** Comments Pager **/ .commentsPages { float:left; margin:5px 0; width:100%; } .commentsPages ul { border-bottom:0 !important; } .commentsPages li { float:left; margin:0 3px; padding:1px 4px; border:0; background:0; width:auto; clear:none; } .commentsPages li a { margin:0; color:#333; clear:none !important; padding:0 !important; font-weight:bold; text-decoration:underline; } .commentsPages li.prev, .commentsPages li.next { background:url(../images/sprite.gif) no-repeat right -279px !important; padding:0 3px 0 0 !important; } .commentsPages li.dots { padding:2px 5px !important; margin:0 5px !important; } .commentsPages li.next a, .commentsPages li.prev a, .commentsPages li span { font-weight:normal; text-decoration:none; background:url(../images/sprite.gif) no-repeat left -279px !important; padding:2px 3px 2px 7px !important; font-size:10px; display:block; margin:0 0 0 -1px !important; } .commentsPages li.tab-cur a { color:#0BA245 !important; text-decoration:none; }