*/
.statsPage .filter { height:auto; }
.statsPage .filter fieldset,
.statsPage .filter select,
.statsPage .filter input,
.statsPage .filter label { float:left; }
.statsPage .filter input.left,
.statsPage .filter fieldset.left { float:left; clear:left; }
.statsPage .filter input.right,
.statsPage .filter fieldset.right { float:right; clear:right; }
.statsPage .filter select { margin-top:2px; }
.statsPage .filter input { margin-left:1em; }
.statsPage .filter input.nopadding { margin:0; }
.statsPage .filter input[type=submit] { cursor:pointer; }
.statsPage .logo { float:right; margin-bottom:9px; }
.statsPage .ealogo { float:right; margin-top:10px; }
.statsPage form { clear:both; }
.statsPage ul.filterTabs {
height: auto;
width: auto;
float: left;
}
.statsPage ul.filterTabs li {
display: inline-block;
height: auto;
width: auto;
border-left: 1px solid #D1D1DD;
border-right: 1px solid #D1D1DD;
border-top: 1px solid #D1D1DD;
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
text-transform: uppercase;
}
.statsPage ul.filterTabs li,
.statsPage ul.filterTabs li a {
color: #1F1F3F;
background-color: #FFFFFF;
}
.statsPage ul.filterTabs li.ui-state-active {
border-left: 1px solid #1F1F3F;
border-right: 1px solid #1F1F3F;
border-top: 1px solid #1F1F3F;
}
.statsPage ul.filterTabs li a,
.statsPage ul.filterTabs li.ui-state-active {
color: #FFFFFF;
background-color: #1F1F3F;
}
.statsPage ul.filterTabs li a {
display: inline-block;
padding: 8px;
/* background: inherit; /* Inherit unsupported in IE7 */
/* color: inherit; /* Inherit unsupported in IE7 */
}
.statsPage .data-tables td, .statsPage .data-tables th { border: 1px solid; padding: 8px 10px; }
.statsPage .data-tables td, .statsPage .data-tables th { vertical-align: middle; text-align: center; line-height: 1; font-weight: bold; }
.statsPage .data-tables td { border-color: #d6dce2; color: #666666; }
.statsPage table.data-tables { width: 100%; clear: both; }
.statsPage table.data-tables th { text-align: center; }
.statsPage table.data-tables td { text-align: center; }
.statsPage table tr.nopadding td,
.statsPage table tr.nopadding th,
.statsPage table th.nopadding,
.statsPage table td.nopadding {
text-indent: 0;
padding: 0;
vertical-align: top;
}
.statsPage .left { text-align: left; }
.statsPage .center { text-align: center; }
.statsPage .right { text-align: right; }
.statsPage table th.left,
.statsPage table td.left,
.statsPage table .left th,
.statsPage table .left td { text-align: left; }
.statsPage table th.center,
.statsPage table td.center,
.statsPage table .center th,
.statsPage table .center td { text-align: center; }
.statsPage table th.right,
.statsPage table td.right,
.statsPage table .right th,
.statsPage table .right td { text-align: right; }
.statsPage .left .svg-wrapper { margin-left: 0; margin-right: auto }
.statsPage .svg-wrapper,
.statsPage .center .svg-wrapper { margin-left: auto; margin-right: auto; }
.statsPage .right .svg-wrapper { margin-left: auto; margin-right: 0; }
.statsPage table.data-tables th { background: #dfecf5; color: #669fca; }
.statsPage table.data-tables th { border: none; border-left: 1px solid #fff; }
.statsPage table.data-tables th:first-child { border-left: 1px solid #DFEBF3; }
.statsPage table.data-tables th:last-child { border-right: 1px solid #DFEBF3; }
.statsPage table.data-tables td { border: 1px solid #DFEBF3; }
.statsPage .stats-data-template > ul.data-list {
border: 1px solid #DFEBF3;
}
.statsPage ul.data-list li {
text-align: left;
padding: 6px 12px;
}
.statsPage ul.data-list li.title {
background: #dfecf5;
color: #639ec8;
font-weight: bold;
}
.statsPage ul.data-list li.odd { background: white; }
.statsPage ul.data-list li.even { background: #f3f8fb; }
.statsPage ul.data-list li .value {
float: right;
}
/*** .match-info ***/
/**
*
*
*
* -
*
Goals Conceded Per Match
* 0
*
*
*
*/
.statsPage .match-info-header {
background: #639ec8;
color: #fff;
padding:10px 15px;
font-weight: bold;
clear: both;
}
.statsPage .match-info {
border: 1px solid #DFEBF3;
padding:10px 0;
background-color:white;
}
.statsPage .match-info ul {
display: block;
margin: 0 0 0 15px;
overflow: hidden;
}
.statsPage .match-info li {
display: table-cell;
border-left:5px solid #c8ddec;
min-height: 30px;
padding: 0 25px 0 10px;
text-align:left;
vertical-align: bottom;
font-weight: bold;
}
.statsPage .match-info.size4 li { min-width: 100px; } /* Leave a little bit of leaway here */
.statsPage .match-info.size5 li { min-width: 80px; }
.statsPage .match-info.size6 li { min-width: 60px; }
.statsPage .match-info li p {
margin: 0 0 5px 0;
padding: 0;
color: #4486b4;
font-size: 10px;
line-height: 1;
text-transform: uppercase;
height: 30px;
}
.statsPage .match-info li span {
color: #162b48;
font-size: 16px;
display: table-cell;
vertical-align: bottom;
}
/****** .statsPage .data-list *****/
.statsPage .data-list dl {
}
.statsPage .data-list dt {
float: left;
}
.statsPage .data-list dd {
float: right;
}
/****** .statsPage Panels *****/
.statsPage .statsTopPanel {
clear: both;
width: 100%;
}
.statsPage .ui-tabs-hide {
display: none;
}
.statsPage .templates {
display: none;
}
/***** .statsTopTabs *****/
.statsPage .statsTopTabs {
clear: both;
display: block;
padding: 10px 0;
height: 25px;
background-image: url("/etc/designs/premierleague/images/powered_by_ea_sports-alt.png");
background-position: 523px 12px;
background-repeat: no-repeat;
}
.statsPage .statsTopTabs li {
display: block;
float: left;
margin: 0;
margin-right: 2px;
height: 25px; /* .statsPage .statsTopTabs { height: inherit } */
}
.statsPage .statsTopTabs li a {
padding: 0 8px;
border: 1px solid #deebf3;
background: white;
color: #639ec8;
display: block;
line-height: 23px;
font-weight: bold;
vertical-align: middle;
text-align: center;
text-decoration: none;
text-transform: uppercase;
}
.statsPage .statsTopTabs li a:hover {
text-decoration: none;
}
.statsPage .statsTopTabs li.ui-tabs-selected a {
background: #639ec8;
border-color: #639ec8;
color: #ffffff;
}
/****** .statsPage .statsTopPanel *****/
.statsPage .statsTopPanel,
.statsPage .statsTopPanel.ui-tabs-panel {
display: block;
}
.statsPage .statsTopPanel,
.statsPage .statsTopPanel.ui-tabs-panel.ui-tabs-hide {
display: none;
}
/****** .statsPage FatTabs *****/
ul.statsFatTabs {
clear: both;
margin-right: -2px;
vertical-align: bottom;
}
ul.statsFatTabs li {
float: left;
min-width: 120px;
padding: 10px 10px;
border-right: 2px solid white;
background: #deebf3;
color: #333452;
}
ul.statsFatTabs li.clickable {
background-image:url('images/iconsprite.png');
background-position:-457px -40px;
}
ul.statsFatTabs li.selected-cell,
ul.statsFatTabs li.ui-tabs-selected {
background: #639ec8;
color: #ffffff;
}
ul.statsFatTabs li .label {
font-weight: bold;
text-transform: uppercase;
font-size: 11px;
height: 2em;
}
ul.statsFatTabs li .data {
font-weight: bold;
font-size: 25px;
}
ul.statsFatTabs.size5 li { min-width: 120px; width: 120px; }
ul.statsFatTabs.size6 li { min-width: 96px; width: 96px; }
ul.statsFatTabs.size7 li { min-width: 79px; width: 79px; }
ul.statsFatTabs.size6 li,
ul.statsFatTabs.size7 li { /*height:3.5em;*/ vertical-align: inherit; overflow: hidden; }
ul.statsFatTabs.size5 li.clickable { background-position:-457px -40px; }
ul.statsFatTabs.size6 li.clickable { background-position:-480px -40px; }
ul.statsFatTabs.size7 li.clickable { background-position:-498px -40px; }
ul.statsFatTabs li:last-child { border-right: 0px solid transparent; }
ul.statsFatTabs.size5 li:last-child { border-right: 2px solid transparent; }
ul.statsFatTabs.size6 li:last-child { border-right: 4px solid transparent; }
ul.statsFatTabs.size7 li:last-child { border-right: 5px solid transparent; }
.titleSponsorPromo { border:4px solid #dbe9f2; }
.titleSponsorPromo .image,
.titleSponsorPromo .text { text-align:center; }
.titleSponsorPromo .text { text-transform:uppercase; color:#639ec8; padding:10px 0; font-weight:bold; background-color:#dbe9f2; }
.titleSponsorPromo .image { padding:20px 0; }
.titleSponsorPromo h3 { border-bottom:none; font-size:14px; margin-bottom:0; padding-bottom:5px; }
.titlesponsor h2 { border-bottom:none; padding-bottom:0px; }
.items { display:block; overflow:visible; width:335px; float:left; padding:10px 0; margin-right:20px; min-height:75px; height:75px; }
.items .border { border-bottom:1px dotted #999; }
.items .commItem p { padding:0 0 20px 0; }
.items .desc { width:260px; float:left; }
.items .image { width:50px; float:left; margin-right:20px; }
.items { margin-top:10px; margin-bottom:10px; }
.items h4 { border-bottom:none; color:#050528; margin-bottom:0; }
div.content div.items.section { margin-bottom:15px; clear:none; }
.partners { margin: 20px 0; }
.partners .image { float: left; margin-right: 20px; }
.partners .image.logo4 { float: left; margin-right: 0; }
.promobannerleft{
clear:both;
width: 345px;
display: block;
overflow: hidden;
float:left;
margin-right: 20px;
margin-bottom: 20px;
}
.promobannerright{
width: 345px;
display: block;
overflow: hidden;
margin-bottom: 20px;
}
/* ====================================================================================
* SECTION: FAQ
* HTTP_PATH: http://localhost:4502/content/premierleague/en-gb/footer/fans/faqs.html
* PROJECT_PATH: /etc/designs/premierleague/clientlibs/css/fans/faq.css
*==================================================================================== */
/*=== GENERAL... probably should be in a shared CSS ====*/
.faqindex .button,
#faq-item .button {
background: none repeat scroll 0 0 #050528;
border: medium none;
clear: none;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
float: left;
font-size: 10px;
margin-bottom: 0;
margin-top: 0;
padding: 5px;
position: relative;
text-transform: uppercase;
text-align: center;
text-decoration: none !important;
}
/*=== FAQ LIST ====*/
.faqindex { }
.faqindex h2 { }
#faq-category-filter { clear:left; float:left; }
#faq-sort { float:left; }
#faq-list { clear:left; }
#faq-category-filter .filter,
#faq-sort .sort { padding: 0 10px 20px 10px; }
#faq-category-filter .filter label,
#faq-sort .sort label { display: block; line-height: 21px; margin: 2px 0; vertical-align: top; }
#faq-list .faq-item { padding-bottom: 10px; border-bottom: 1px solid #CCC; margin-bottom: 15px; }
#faq-list .faq-item b { font-weight: normal; }
#faq-list .faq-item a { font-weight: 700; }
#faq-list .faq-item span a { color:#639EC8; }
#faq-list .faq-item span { font-weight: 700; font-size:11px; }
#faq-list .faq-item span.tag-association { text-transform:uppercase; color:#999999 }
#faq-list .faq-item p { padding: 3px 0; }
/*==== FAQ DETAIL ====*/
.faqitem {}
.faqitem h2 {}
.faqitem h3 {}
.faqitem {}
.faqitem ul,
.faqitem li { list-style:decimal inside; }
.faqitem li { border-bottom: 1px dotted #999999; padding: 0 0 10px 0; margin: 0 0 10px 0; }
.faqitem .tag-list { margin-bottom:35px; }
.faqitem .tag-list span { color:#999; font-size: 11px; text-transform: uppercase; font-weight:700; }
.faqitem .tag-list a,
.faqitem .tag-list a span.tag-name { color:#639EC8; }
.faqitem .description {}
.faqitem .indexllink {}
.faqitem .related { padding-top:15px; }
.faqitem .popular {}
.faqitem .text a,
.faqitem .text a span { color:#666666; font-weight:bold; }
.faqsselector select
{
margin-left:20px;
width:185px;
}
.faqsselector h4
{
border-bottom:none;
text-transform:uppercase;
color:#fff;
font-size:10px;
margin-left:20px;
padding-bottom:0;
margin-bottom:0;
}
.faqsselector option
{
color:333333;
font-size:10px;
}
.faqsselector .description .label
{
color:#ffffff;
display:block;
padding:8px 0 2px 20px;
text-transform:uppercase;
}
.faqsselector .description form select
{
height:21px;
}
.glossary .text{
padding:10px 0;
color:#050528;
font-weight:bold;
border-bottom: 1px dotted #999999;
font-size: 12px;
}
.glossary .masthead{
background-image:none;
}
.glossary{
clear:left;
margin-top:20px;
}
.glossary h2{
margin-bottom:0;
}
.newspromo {
margin-top:10px;
background: #353551; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f4f67', endColorstr='#171737'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#4f4f67), to(#171737)); /* for webkit browsers */
background: -moz-linear-gradient(top, #4f4f67, #171737); /* for firefox 3.6+ */
}
.newspromo img { float:left; border-right:1px solid #fff; }
.newspromo .text { max-width:320px; float:right; padding:15px; }
.newspromo .text * { color: #fff; }
.newspromo .text .date { padding-right: 13px; font-size: 11px; font-weight: bold; color: #639ec8; }
.newspromo .text h2 { margin-bottom:0; padding-bottom:7px; font-size: 16px; font-weight: bold; color: #639EC8; }
.newspromo .text h3 { margin:8px 0 0; font-size:14px; padding:0 0 8px; }
.newspromo .text p { padding:5px 0; border-bottom: 1px dotted #999; }
.newspromo .text a {
background:url('/etc/designs/premierleague/images/iconsprite.png') -630px -0px no-repeat;
padding-left:10px;
display:inline-block;
font-weight:bold;
font-size:10px;
line-height:12px;
}
.relatednews{
width: 100%;
margin-top: 20px;
}
.relatednews a{
font-weight:bold;
}
.relatednews ul li{
border-bottom:1px dotted #999999;
padding-bottom: 10px;
padding-top: 10px;
}
.relatednews p{
padding-bottom:0;
}
.latestnewfeatures div { padding:5px 0; border-bottom:1px dotted #999; clear:both; overflow:hidden; }
.latestnewfeatures h2 { margin-bottom:8px; }
.latestnewfeatures h3,
.latestnewfeatures h4 { border-bottom:none; margin-bottom:0; padding-bottom:0; }
.latestnewfeatures h4 { padding:5px 0; display:inline-block; }
.latestnewfeatures .first { padding:0; }
.latestnewfeatures .first img.thumb { float:left; margin-right:15px; }
.latestnewfeatures .first p { display:inline-block; }
.latestnewfeatures .newslogo { float:right; }
.latestnews .newsfeatureimg { position:relative; display:block; margin-bottom:10px; overflow:hidden; min-height:35px; max-height:200px; }
.latestnews .newsfeatureimg img { border-right:1px solid #fff; float:left; width:347px; }
.latestnews .newsfeatureimg div { border-bottom:1px dotted #999; height:99%; padding:0; width:340px; display:block; position:absolute; top:0; right:0; }
.latestnews .newsfeatureimg .date { font-size:14px; font-weight:bold; }
.latestnews .newsfeatureimg h4 { color:#050528; font-size:18px; font-weight:bold; border-bottom:medium none; margin-bottom:0px; }
.latestnews .newsfeatureimg p { color:#666; font-size:14px; font-weight:normal; }
.latestnews .sub { width:340px; float:left; border-bottom:1px dotted #999; padding-bottom:10px; }
.latestnews .sub.first { margin-right:30px; }
.latestnews .sub h5 { border-bottom:none; margin-bottom:0; padding-bottom:0; }
.latestnews .sub .thumb { float:left; margin-right:15px; }
.latestnews .sub p { display:inline-block; }
.latestnews p { clear:both; }
.newsarticleimage .caption {background-color:#639ec8; padding:10px 12px 12px; width:466px;}
.newsarticleimage .caption p {color:#ffffff; font-size:11px; line-height:14px; padding:0; width:450px;}
.newsarticleimage .gallery-wrapper {margin:0 0 -1px;}
.tagssearch { color:#999; margin-top:25px; text-transform:uppercase; font-size:10px; font-weight:bold; line-height:13px; }
.tagssearch a { color:#639EC8; font-weight:bold; }
.externalrelatedlinks a.ctalink { font-size:11px; line-height:14px; }
.externalrelatedlinks li { margin:5px 0; }
.eventinformation span { display:inline-block; min-width:60px; font-weight:normal; }
.eventinformation p { font-weight:bold; }
.keypoints { color:#666; border:4px solid #DFEBF1; }
.keypoints h4 { padding:7px 20px 10px 10px; margin:0; background-color:#DFEBF1; border-bottom:none; }
.keypoints li { list-style:disc outside; margin:8px 10px 8px 24px; font-size:12px; line-height:15px; }
/* NEWS/TITLE component (name is a bit generic I know) */
.title p.published { font-size:12px; font-weight:bold; color:#666; padding-bottom:5px; display:block; }
.title h2.article-title { color:#050528; font-size:20px; line-height:24px; padding:3px 0 8px; margin-bottom:0; }
.title h3.article-subtitle { padding-bottom:0; margin:9px 0 0; line-height:18px; border-bottom:0; }
.linkbutton p { clear:both; }
.linkbutton a { display:inline-block; margin-top:7px; padding:2px 7px 4px 6px; background:#000; color:#fff; font-size:12px; font-weight:bold; }
.linkbutton a:hover { text-decoration:none; }
div.text blockquote {
background-color:#050528;
color:#ffffff;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
line-height:17px;
width:165px;
padding:1.5em;
margin:0.75em 0 1em 1.5em;
text-indent:-0.5em;
}
div.text blockquote b {
color:#8ab6d6;
font-size:12px;
}
/* Activity Pods */
.activityPods { height:99px; width:100%; margin-bottom:14px; }
.activityPods a:hover { text-decoration:none; }
.activityPods-activities { float:left; width:100%; margin-left:1px; }
.activityPods-activity { float:left; height:99px; margin-right:1px; overflow:hidden; position:relative; }
.activityPods-activity .activityPreview { position:relative; }
.activityPods-activity .activityTitle { background-color:#050528; bottom:0; height:30px; left:0; position:absolute; width:100%; z-index:6000; }
.activityPods-activity .activityTitle p { color:#fff; font-size:11px; line-height:12px; margin:8px 14px 0 10px; }
.activityPods-activity .activityTitle p.twoline { margin-top:2px; }
.countdownpromo {
width:100%; position:relative;
background: #2e2e4b; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e4e66', endColorstr='#191a39'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#4e4e66), to(#191a39)); /* for webkit browsers */
background: -moz-linear-gradient(top, #4e4e66, #191a39); /* for firefox 3.6+ */
}
.countdownpromo h2 {
color:#fff; text-transform: uppercase; font-weight:normal; font-size:20px;
font-family:'PremierLeagueRegular','Lucida Grande','Lucida Sans Unicode';
margin:15px 0 0; padding:0 0 10px; border:none;
}
.countdownpromo p { color:#fff; }
.countdownpromo .content1 { display:block; position:absolute; top:30px; left:15px; }
.countdownpromo .content1 .sponsor { display:block; }
.countdownpromo .content2 { display:block; position:absolute; top:30px; right:15px; }
.countdownpromo .content2 label.upper { color:#fff; text-transform:uppercase; font-size:11px; vertical-align:top; display:inline-block; clear:both; }
.countdownpromo .content2 p.description { color:#639ec8; font-size:15px; font-weight:bold; padding:0; max-height:65px; overflow:hidden; }
.countdownpromo a.ctabutton { background-color:#ed223f; color:#fff; float:left; font-size:11px; font-weight:bold; padding:5px 7px 7px; margin-top:15px; }
.countdownpromo a.ctabutton:hover { text-decoration:none; }
.countdownpromo .hasCountdown { margin:10px 0; }
.countdownpromo .hasCountdown p {
position:relative; float:left; margin-bottom:4px; padding:2px 6px;
color:#fff; text-align:center; line-height:auto; font-size:28px; font-weight:normal;
font-family:'PremierLeagueRegular','Lucida Grande','Lucida Sans Unicode';
}
.countdownpromo .hasCountdown p span {
position:absolute; bottom:-15px; left:0px; width:100%;
color:#fff; font-size:10px; font-weight:bold; text-transform:uppercase; text-align:center;
font-family:Arial,Helvetica,sans-serif;
}
.fantasytop5 .gamingHeader {
background: #191a39; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e4e66', endColorstr='#191a39'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#4e4e66), to(#191a39)); /* for webkit browsers */
background: -moz-linear-gradient(top, #4e4e66, #191a39); /* for firefox 3.6+ */
color:#fff; padding:15px; }
.fantasytop5 .gamingHeader h2 {
color:#fff; font-weight:normal; text-transform:uppercase; font-size:16px;
font-family:'PremierLeagueRegular','Lucida Grande','Lucida Sans Unicode';
float:left; margin:0; padding:0; border:0 none; }
.fantasytop5 .gamingHeader p a.ctalink { color:#fff; font-size:11px; text-decoration:none; }
.fantasytop5 .gamingHeader p { float:right; padding:0; }
.fantasytop5 table.topInfo td { vertical-align:top; }
.fantasytop5 table.topInfo a { font-weight:bold; }
.fantasytop5 table.topInfo img { float:left; margin: 0 10px 0 0; max-width:40px; }
.fantasytop5 table.topInfo p { padding:0; }
.fantasytop5 table.topInfo p.open { background:#639ec8; color:#fff; font-weight:bold; font-size:11px; text-transform:uppercase; float:left; margin:10px 0 0 0; padding:4px 6px; }
.fantasytop5 table.topInfo p.closed { background:#c93434; color:#fff; font-weight:bold; font-size:11px; text-transform:uppercase; float:left; margin:10px 0 0 0; padding:4px 6px; }
.fantasytop5 table.topInfo p.market-move { color:#fff; float:left; font-size:11px; font-weight:bold; text-transform:uppercase; margin:10px 0 0 0; padding:4px 26px 4px 6px; background-image: url('images/league/bg_position-indicator-white.png'); background-repeat: no-repeat;}
.fantasytop5 table.topInfo p.market-move.up { background-color:#006600; background-position: 0 0; }
.fantasytop5 table.topInfo p.market-move.down { background-color:#cc0000; background-position: 0 -32px; }
.fantasytop5 .tabs { background:#FFFFFF; display:block; float:left;}
.fantasytop5 .tabs ul { width:100%; }
.fantasytop5 .tabs ul li {
background:#999;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aaaaaa', endColorstr='#919191');
background: -webkit-gradient(linear, left top, left bottom, from(#aaaaaa), to(#919191));
background: -moz-linear-gradient(top, #aaaaaa, #919191);
border-right:1px solid #fff; border-bottom:1px solid #fff; display:block; float:left; font-size:11px; height:40px; width:176px; margin:0;
}
.fantasytop5 .tabs ul li:last-child { border-right:0 none; }
.fantasytop5 .tabs ul li:hover,
.fantasytop5 .tabs ul li.ui-state-active { background:#639ec8; border-bottom:1px solid #639ec8; }
.fantasytop5 .tabs ul li a { border:0 none; color:#FFFFFF; display:block; float:left; font-weight:bold; height:26px; padding:14px 0 0 10px; text-align:left; text-decoration:none; text-transform:uppercase; }
/* .Tab styles */
.fantasytop5 .tableTitle { padding:10px 15px; border-bottom:1px solid #fff; background-color: #639ec8; }
.fantasytop5 .tableTitle h3 { color:#fff; float:left; margin:0; padding:0; border:0 none; }
.fantasytop5 .tableTitle a.ctalink { color:#fff; text-decoration:none; }
.fantasytop5 .tableTitle p { float:right; margin:0; padding:0; }
.fantasytop5 .tabs table.contentTable th { width:8.5% }
.fantasytop5 .tabs table.contentTable th.img { width:5% }
.fantasytop5 .tabs table.contentTable th.player,
.fantasytop5 .tabs table.contentTable th.club { width:30% }
.fantasytop5 .tabs table.contentTable th,
.fantasytop5 .tabs table.contentTable td { text-align:center; font-weight:bold; font-size:13px;}
.fantasytop5 .tabs table.contentTable .player,
.fantasytop5 .tabs table.contentTable .club { text-align:left; }
/* position arrow status styles */
.fantasytop5 .pos { color:#006600; }
.fantasytop5 .neg { color:#cc0000; }
.fantasytop5 .pos_indicator { display:block; width:16px; height:16px; background-image: url('images/league/bg_position-indicator-redgreen.png'); background-repeat: no-repeat; }
.fantasytop5 .pos_rise { background-position: 0 0; }
.fantasytop5 .pos_drop { background-position: 0 -32px; }
.gamespod{
position: relative;
width: 710px;
}
.gamespod a{
position: relative;
display: block;
height: 99px;
width: 140px;
color: #fff;
}
.gamespod a img{
display: block;
}
.gamespod ul{
left: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
position: relative;
top: 0;
}
.gamespod ul li{
float: left;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-right: 2px;
width: 140px;
display: block;
height: 99px;
}
.gamespod span.overlay{
color: #fff;
}
.gamespod a:hover, .gamespod a:hover span {
text-decoration: none;
}
.rgba .gamespod span.overlay{
background-color: rgba(0,0,0,0.4);
}
.rgba .gamespod a:hover span.overlay{
background-color: rgba(0,0,0,0.6);
}
.no-rgba .gamespod span.overlay{
background: transparent none;
background-color: transparent;
opacity:1;
zoom:1;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#77000000, endColorstr=#77000000)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#77000000, endColorstr=#77000000); /* IE5.5-7 */
}
.no-rgba .gamespod a:hover span.overlay{
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* IE5.5-7 */
}
.gamespod .overlay{
display: block;
font-size: 11px;
font-weight: bold;
height: 30px;
line-height: 30px;
position: absolute;
text-indent: 10px;
left: 0;
top: auto;
bottom: 0;
width: 140px;
}
/* overrides */
.creatingChances #creatingChances { width:900px; margin: 0 auto; position:relative; }
.creatingChances { overflow: hidden; }
/* logo */
.creatingChances .chancesLogo {
/*position:relative;
top:5px;*/
float:left;
padding-bottom:20px;
}
/* Google map content bubble */
#contentBubble { overflow:hidden; }
#contentBubble img { float:left; margin-right: 10px; }
#contentBubble h4 { padding-bottom: 0; border: none; font-weight:bold;font-size:14px;color:black;margin:auto;margin-bottom:10px; }
#contentBubble p { padding-bottom: 0; border: none; font-weight:normal;font-size:12px;color:black;margin:auto; margin-bottom:5px; }
#contentBubble a { padding-bottom: 0; border: none; font-weight:bold;font-size:10px;color:black;margin:auto;margin-bottom:2px; }
.creatingChances div.bodypsys
{
background:none;
padding:none;
}
.creatingChances #masthead
{
background:url("images/chances/creating_chances_masthead.jpg") no-repeat center bottom transparent;
}
.creatingChances
{
background:url("images/chances/creating_chances_body.jpg") no-repeat center top #90a74c;
}
body#creatingChances #header
{
background-color:#90a74c;
}
.creatingChances .chances-page { }
/* this is where you would adjust the field background to fit navigation precisely, for example: "background-position: 50% 175px;" could be background-position: 50% 170px; for a better fit. */
/*.creatingChances .green-field { width:100%; height:100%; background: url("images/chances/field.jpg") #92a84b no-repeat !important; background-position: 50% 175px; float:left; }*/
.creatingChances .white-field { width:100%; height:auto; background-color:#fff; float:left; }
.creatingChances .chances-top { width:100%; height:auto; margin-top:0px; margin-bottom:23px; }
.creatingChances .chances-field { height:auto; width:100%; }
.creatingChances .chances-select { height:34px; float:right; padding-top:20px; }
.creatingChances .chances-boxes { clear:left; position:relative; height:380px; margin-bottom: 19px; overflow:hidden; }
.creatingChances .chances-boxes ul { position: absolute; top:0; left:0; width:896px; }
.creatingChances .chances-boxes.grid { height:453px; margin-bottom: 19px; overflow:hidden; }
.creatingChances .chance-box { height:190px; width:224px; float:left; cursor:pointer; }
.creatingChances .chance-lite-blue { background-color:#639ec8; }
.creatingChances .chance-dark-blue { background-color:#000033; }
.creatingChances .chances-about { height:22px; width:100%; margin-bottom:68px; position:relative; top:0; left:0; float:left; }
.creatingChances .chances-about a { font-weight:bold; }
.creatingChances .chance-lite-blue h2, .creatingChances .chance-dark-blue h2,
.creatingChances .chance-lite-blue p, .creatingChances .chance-dark-blue p { color: #FFFFFF;
font-family: 'PremierLeagueRegular','Lucida Grande','Lucida Sans Unicode'; font-weight: normal;
text-transform: uppercase;
}
.creatingChances .chance-lite-blue h2, .chance-dark-blue h2 { font-size: 60px; line-height: 1; margin:14px 0 5px 14px; }
.creatingChances .chance-lite-blue p, .chance-dark-blue p { font-size: 14px; line-height: 1; margin:0 0 0 14px; }
.creatingChances .overlay { position:absolute; width:224px; height:190px; background: url('images/chances/bg_playing-for-sucess.png') no-repeat 0 0; z-index:2;}
.creatingChances .overlay h4, .overlay p { color:#fff;}
.creatingChances .overlay h4 { font-size: 16px; line-height:19px; margin:25px 15px 0 15px; margin-bottom:0px !important; border-bottom:0px !important; color:#ffffff !important;font-weight:bold;font-size:16px }
.creatingChances .overlay p { line-height:16px; font-size: 14px; margin:0px 15px 0 15px !important; }
.creatingChances .overlay .logo { position:absolute;bottom:0px;right:0px;}
.creatingChances a.footerLink { color:#000000; font-weight:bold; display:block; padding-top:5px; }
/* filtering navigation */
.creatingChances li.season label { color:#050528; font-size:14px; }
.creatingChances li.season { width:210px; height:25px; padding:7px 15px 0 0}
.creatingChances select.chance-seasons-selector { float:right; margin:0; margin-left:3px; width:140px; }
.creatingChances li.season label { font-weight:bold; text-transform: uppercase; }
.creatingChances .menuHoriz li { float:left; }
.creatingChances .menuHoriz li a { display: block; padding:10px 10px 12px 35px; text-transform: uppercase; background: url('images/chances/bg_chances-menu.png') no-repeat 9px 0; }
.creatingChances .menuHoriz li a:hover { padding:10px 10px 12px 35px; background-color: #fff; text-decoration: none; }
.creatingChances ul#chance-main-menu.menuHoriz li.category a { width:130px; }
.creatingChances ul#chance-main-menu.menuHoriz li.topic a { width:110px; }
.creatingChances ul#chance-main-menu.menuHoriz li.view a { width:70px; text-align:right; padding-right:5px; padding-left: 30px; }
.creatingChances ul#chance-main-menu.menuHoriz li.view.map a { background-position: 9px -69px;}
.creatingChances ul#chance-main-menu.menuHoriz li.view.grid a { background-position: 9px -102px; }
.creatingChances ul#chance-main-menu.menuHoriz li a.selected { background-color: #fff;}
.creatingChances .chances-dropdown { position: absolute; top:33px; padding:15px; background-color: #fff; z-index:3; }
.creatingChances .chances-dropdown li { padding:0 0 13px 0; }
.creatingChances ul#category-filter { left:425px; top:55px; width:185px; }
.creatingChances ul#topic-filter { left:580px; top:55px; width:185px; }
.creatingChances ul.chances-dropdown label span { font-weight: bold; padding:0 0 0 10px; color:#050528; }
.creatingChances ul.chances-dropdown li.button-bin { padding-bottom:0; }
.creatingChances ul.chances-dropdown li.button-bin button { border:none medium; padding:5px; color:#fff; text-transform: uppercase; background-color: #050528; }
.creatingChances ul.chances-dropdown li.button-bin span { float:right; }
.creatingChances ul.chances-dropdown li.button-bin a.close-filter { display:block; width:16px; height:16px; background: url('images/chances/bg_chances-menu.png') no-repeat 0 -43px;}
/* paging navigation */
.creatingChances .chances-about a:link, .chances-about a:visited { color:#050528; }
.creatingChances .paging-links { float:right; }
.creatingChances .paging-links.grid { display:none; }
.creatingChances .paging-links li { float:left; padding:0 5px; }
.creatingChances .menuHoriz li a , .creatingChances .paging-links li a:link, .creatingChances .paging-links li a:visited { font-weight:bold; color:#050528; }
.creatingChances .paging-links li a:hover, .creatingChances .paging-links li a.current { color:#fff; text-decoration:none; }
/* Chances Map */
.creatingChances #map_overlay { }
.creatingChances .chances-map { float:left; position:absolute; left:-9999px; height:420px; width:900px; display:block; background:#FFF; }
.creatingChances .map_footer { float:left; margin-bottom:10px; background-color:#000033; height:35px; width:890px; line-height:35px; padding-left:10px; display:none; }
.creatingChances .map_footer h4 { font-family:Arial; color:#639ec8; font-size:14px; font-weight:700; float:left; }
.creatingChances .map_footer ul { list-style:none; margin:0; padding:0; }
.creatingChances .map_footer li { float:left; margin-left:35px; color:#FFF; font-family:Arial; font-weight:700; font-size:12px; padding-left:20px; background:url('images/chances/mapmarker_pink.png') 0 11px no-repeat; }
.creatingChances .map_footer li.prince { background:url('images/chances/mapmarker_pink.png') 0 11px no-repeat; }
.creatingChances .map_footer li.kickz { background:url('images/chances/mapmarker_yellow.png') 0 11px no-repeat; }
.creatingChances .map_footer li.sports { background:url('images/chances/mapmarker_red.png') 0 11px no-repeat; }
.creatingChances .map_footer li.magic { background:url('images/chances/mapmarker_orange.png') 0 11px no-repeat; }
.creatingChances .map_footer li.playing { background:url('images/chances/mapmarker_blue.png') 0 11px no-repeat; }
.creatingChances .map_footer li.other { background:url('images/chances/mapmarker_green.png') 0 11px no-repeat; }
#creatingChances .sharebar h2 { border-bottom-color: #999999; border-bottom-style:dotted; border-bottom-width:1px; color:#639EC8; font-weight:bold; margin-bottom:15px; padding-bottom:15px; font-size:16px; }
#creatingChances .sharebar { margin:20px auto; width:910px; }
.plus-sign { cursor:pointer;background:url("images/clubs/h2h_plus-sign.png") no-repeat 3px 7px;}
.minus-sign { cursor:pointer;background:url("images/clubs/h2h_minus-sign.png") no-repeat 3px 7px;}
#right-club p{
margin-right:5px;
}
.rhsPlayerInfo{
float:right;
width:145px;
}
.compareButtonDiv{
border: 0;
font-size:14px;
text-align:center;
display:none;
padding:10px;
padding-top:15px;
width:100px;
height:20px;
margin-left:385px;
background-color:#2A2948;
position:relative;
top:-160px;
z-index:999;
}
.compareButtonDiv a{
color:white;
}
#left-club, #right-club{
font-size:14px;
}
#left-club p.playerName, #right-club p.playerName{
font-size:16px;
font-weight:bold;
}
/* players table */
td.player-add { height:16px; width:16px; padding: 0; }
td.player-add a { height:100%; width:100%; display:block; background:url('/etc/designs/premierleague/images/players/add-icon.gif') no-repeat 0 0; }
tr.player-selected { background-color:#e0ecf4; }
tr.player-selected td.player-add a { background-image:none; }
td.selected-nation img { position:relative; top:2px; left:0; margin-right:4px; }
/*
.table_tabs.bpl_brand { background:url('/etc/designs/premierleague/images/bpl_longlogo_15.png') no-repeat 520px 6px; }
.table_tabs {float:left; height:28px; width:710px; background:#fff;}
.table_tabs ul {float:left; left:0; position:relative; top:1px;}
.table_tabs ul li {float:left; margin-right:2px;}
.table_tabs ul li a {-moz-border-bottom-colors:none; -moz-border-image:none; -moz-border-left-colors: none; -moz-border-right-colors:none; -moz-border-top-colors: none; border-color: #D1D1DD #D1D1DD -moz-use-text-color; border-style:solid solid none; border-width:1px 1px 0; color:#050528; display:block; font-size:12px; font-weight:bold; height: auto; padding:7px 12px; text-transform:uppercase; width:auto;}
.table_tabs ul li a.current { -moz-border-bottom-colors:none; -moz-border-image:none; -moz-border-left-colors:none; -moz-border-right-colors:none; -moz-border-top-colors:none; background-color:#20203F; border-color:#20203F; -moz-use-text-color:#20203F; border-style:solid solid none; border-width:1px 1px 0; color:#FFFFFF;}
*/
/* players search */
.eaplayertable .player fieldset div.player_quick_search li.search{width:200px;}
/* head-to-head */
.head-to-head { height:270px; width:100%; margin-bottom:29px; }
.first-choice { background: url("images/players/head-to-head-flash-placeholder-01.jpg") no-repeat; }
.second-choice { background: url("images/players/head-to-head-flash-placeholder-02.jpg") no-repeat; }
.results { background: url("images/players/head-to-head-flash-placeholder-03.jpg") no-repeat; }
/* player stats */
.view-stats {background-color:#20203F; height:auto; left:0; margin-bottom:9px; padding:0 0 0 12px; position:relative; top:9px; width:698px; color:white;}
.for-against > ul li label {color:#FFFFFF; float:left; font-size:10px; font-weight:bold; height:auto; left:0; margin-right:11px; position:relative; text-align:right; text-transform:uppercase; top:3px; width:80px;}
.tabs-bpl-logo {background:url("images/global/bpl_logo_1line.png") no-repeat 0 0; height:14px; left:524px; position:absolute; top:0; width:185px;}
.playerprofileoverview .narrow {font-weight:bold;}
.playerprofileoverview tr.center td { font-weight:bold; color:#666666; }
.playerprofileoverview span.hg { float:left; background-color:#547097; }
.playerprofileoverview span.loan { background-color:#ff9933; }
.playerprofileoverview span.status {
color: #fff;
font-size: 9px;
font-weight: bold;
line-height: 11px;
padding-bottom: 2px;
padding-left: 3px;
padding-right: 3px;
padding-top: 2px;
}
.playerprofileoverview a.view-more {
margin-top:10px;
}
/* player head to head stats */
.playerHeadToHead_leaguePerformance {
margin-top:20px;
font-size: 14px;
font-weight: bold;
height:30px;
border-bottom: #8B8B8B dotted;
margin-bottom:20px;
}
.playerHeadToHead_leaguePerformance #lhsPlayerName{
width: 348px;
float: left;
height: 30px;
text-align: right
}
.playerHeadToHead_leaguePerformance #rhsPlayerName{
width: 348px;
float: left;
height: 30px;
text-align: left;
}
.playerHeadToHead_leaguePerformance .centerDiv{
float:left;
width: 200px;
text-align:center;
}
#playerStatsTabs{
background-color:white;
}
#playerStatsTabs .ui-state-default{
background-color:#8B8B8B;
border:0;
margin:0;
}
#playerStatsTabs .ui-state-default a{
color:white;
border:0;
border-right:1px solid white;
}
#playerStatsTabs .ui-state-active{
background-color:white;
}
#playerStatsTabs .ui-state-active a{
color:black;
}
#playerStatsTabs .svg-wrapper{
margin-bottom:30px;
}
/* Player Index Tabs */
.playertable .table_tabs { float:left; height:28px; width:710px; background:#fff; }
.playertable .table_tabs ul { float:left; left:0; position:relative; top:1px; }
.playertable .table_tabs ul li { float:left; margin-right:2px; }
.playertable .table_tabs ul li a {
border-color: #D1D1DD #D1D1DD -moz-use-text-color;
border-style: solid solid none;
border-width: 1px 1px 0;
color:#050528; font-size:12px; font-weight:bold; text-transform:uppercase;
display:block; padding:7px 15px; height:auto; width:auto;
}
.playertable .table_tabs ul li a.current { background-color:#20203F; border-color:#20203F; color:#fff; }
/* Player Index Search */
.playertable input,
.playertable select { font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.playertable .search {
background: #1e1f3e; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e1f3e', endColorstr='#06062a'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#1e1f3e), to(#06062a)); /* for webkit browsers */
background: -moz-linear-gradient(top, #1e1f3e, #06062a); /* for firefox 3.6+ */
color:#fff; float:left; min-height:52px; width:710px;
}
.playertable .search ul { padding-top:18px; }
.playertable .search ul li { float:left; margin-right:13px; }
.playertable .search ul li input[type="submit"] { margin:0; background-color:#fff; color:#050528; border:none; font-size:10px; height:21px; }
.playertable .search label { margin:22px 15px 18px 17px; color:#fff; float:left; font-size:11px; text-transform:uppercase; font-weight:bold; }
/* Player Index Filter */
.playertable .filter { background-color:#f3f4f6; min-height:40px; width:710px; padding:0 0 9px; clear:both; }
.playertable .filter select { color:#000033; float:left; font-size:12px; height:20px; }
.playertable .filter label { color:#666; float:left; font-size:11px; font-weight:bold; text-transform:uppercase; }
.playertable .filter ul { left:13px; margin-bottom:9px; position:relative; top:15px; width:685px; }
.playertable .filter ul li { float:left; padding:0px; }
.playertable .filter ul li input[type="reset"] { margin:0 0 0 5px; background-color:#1f1f3e; color:#fff; border:none; font-size:10px; height:19px; }
.playertable .filter ul.alpha_sort input { display:none; }
.playertable .filter ul.alpha_sort li.filter-all { margin-left:25px; }
.playertable .filter ul.alpha_sort li label { cursor:pointer; margin:0 15px 0 0; color:#050528; float:none; font-size:12px; }
.playertable .filter ul.alpha_sort li label:hover { color:#639ec8; text-decoration:none; }
.playertable .filter ul.alpha_sort li label.active { color:#639ec8; }
/* Player Index Pagination */
.playertable .results_per_page { display:block; position:relative; overflow:hidden; padding:10px; width:690px; margin-bottom:1px; background:#D0E2EE; }
.playertable .results_per_page label { font-size:11px; color:#666; }
.playertable .results_per_page ul { float:left; height:auto; width:auto; }
.playertable .results_per_page ul.pagination { float:right; line-height:20px; margin:0; }
.playertable .results_per_page ul.pagination input { display:none; }
.playertable .results_per_page ul li { float:left; margin:0 6px; }
.playertable .results_per_page ul li a { color:#050528; font-size:11px; font-weight:bold; }
.playertable .results_per_page ul li a.selected { color:#639ec8; }
.playertable .results_per_page ul.pagination li label { color:#050528; float:none; }
.playertable .results_per_page ul.pagination li label[for]:hover { cursor:pointer; color:#639ec8; text-decoration:none; }
.playertable .results_per_page ul.pagination li label.active { color:#639ec8; }
/* Player Index Table */
.playertable .players-table { position:relative; clear:both; /* fix for left border */ width:709px; left:1px; }
.playertable .players-table tr { height:30px; }
.playertable .players-table tr:hover { background: #E0ECF4; }
.playertable .players-table th { background-color:#639EC8; color:#fff; font-size:10px; font-weight:bold; text-align:left; text-transform:uppercase; padding:10px; border-right:1px solid #fff; }
.playertable .players-table td { padding:0 10px; text-align:left; font-size:small; color:#777; border:1px solid #e2eaed; }
.playertable .players-table .players-photo { width:22px; margin:0; padding:0; }
/*ea player index styles*/
.eaplayertable .table_tabs ul li.ui-tabs-selected { background-color:#8B8B8C; }
.eaplayertable .table_tabs ul li.ui-tabs-selected a { color:#fff; border:1px solid #8B8B8C; }
.eaplayertable .table_tabs ul li a { color: #8B8B8C; }
.eaplayertable .players-table td,
.eaplayertable .players-table th { padding:10px 5px; text-align:center; }
.eaplayertable .filter { background:#8b8b8c; border-top:2px solid #fff; min-height:50px; padding:0; }
.eaplayertable .filter ul { overflow:hidden; position:relative; margin:0 15px; left:0; top:0; padding:0; width:680px; }
.eaplayertable .filter ul li { padding: 15px 14px 15px 0; }
.eaplayertable .filter ul li.reset { float:right; border-left:1px solid #fff; margin-right:0; }
.eaplayertable .filter #resetButton { margin-left:24px; }
.eaplayertable .filter label { margin:0; color:#fff; }
.eaplayertable #paramClubId { width:180px; }
.eaplayertable #paramSeason { width:90px; }
.eaplayertable .player_filters p {
margin-bottom: 22px;
margin-left: 13px;
margin-top: 22px;
color:#fff;
font-size:11px;
font-weight:bold;
float:left;
width:95px;
}
.eaplayertable .results_per_page {
display: inline-block;
position: relative;
overflow: hidden;
padding: 10px;
width: 690px;
background: #F3F3F3;
margin: 20px 0 1px;
}
.eaplayertable .results_per_page.footer { margin:0px; }
.eaplayertable .results_per_page ul li a.selected { color:#DF3625; }
.eaplayertable .results_per_page ul li a,
.eaplayertable .results_per_page label { color: #8B8B8C; }
.eaplayertable .results_per_page ul.pagination li label { color:#8B8B8C; float:none; }
.eaplayertable .results_per_page ul.pagination li label[for]:hover { cursor:pointer; color:#DF3625; text-decoration:none; }
.eaplayertable .results_per_page ul.pagination li label.active { color:#DF3625; }
.eaplayertable .players-table th,
.eaplayertable .player fieldset,
.eaplayertable .player_filters { background-color:#8b8b8c; }
.eaplayertable .player_filters { border-top:2px solid #fff; float:left; width:100%; }
.eaplayertable .player_filters ul li { float:left; margin-right:5px; }
.eaplayertable .player fieldset { padding-left:0; }
.eaplayertable .search label { padding:0; }
.eaplayertable .player_filters label { color:#fff; margin-top:10px; font-size:10px; }
.eaplayertable .table_footer_page_number label { color: #fff; }
.eaplayertable .player fieldset ul li input[type="submit"],
.eaplayertable .filter ul li input[type="reset"] {
margin-top:0;
height:26px;
width: 60px;
height: 22px;
border: none;
background-color: #fff;
font-family: Arial, sans-serif;
font-size: 11px;
color: #1f1f3f;
font-weight:bold;
margin-left:5px;
}
.eaplayertable .players-table tr:hover { background:#eee; }
.eaplayertable .players-table th.index,
.eaplayertable .players-table th.squad { background-color: #df3625; }
.eaplayertable .players-table td.index,
.eaplayertable .players-table td.squad { color:#df3625; font-weight:bold; }
.eaplayertable td.relpos { width:24px; background-image:url("/etc/designs/premierleague/images/iconsprite.png"); background-repeat:no-repeat; }
.eaplayertable td.movedup { background-position: -569px -115px; }
.eaplayertable td.nochange { background-position: -608px -234px; }
.eaplayertable td.moveddown { background-position: -568px -173px; }
.eaplayertable td.norelpos { background:none; }
.eaplayertable .players-table .player,
.eaplayertable .players-table td.club { text-align:left; }
.eaplayertable .players-table td a { color:#999999; }
/* EA SPORTS Club Ranking Tab Styles */
.eaplayertableClub td { text-align:center; }
.eaplayertableClub td.club { font-weight:bold; text-align:left; }
/* EA SPORTS Team of the Week Tab Styles */
.eaPlayerTableTOW #EaTOW { clear:both; padding-top:50px; background:#8B8B8C; position:relative; }
.eaPlayerTableTOW .teamofweek form { position:absolute; top:4px; background:none; }
.eaPlayerTableTOW .teamofweek .target { padding-top:30px; background:#eee; }
.eaPlayerTableTOW .teamofweek label { margin:0; color:#fff; text-transform:uppercase; }
.eaplayertable .ealogo { float:right; }
#contact-us label {
color: #050529;
display: block;
float: left;
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
font-weight: 700;
padding-top: 6px;
text-transform: uppercase;
width: 110px;
padding-left:20px;
padding-top:0;
}
#contact-us #filter-faq-select {
margin-left:0;
}
.ticker {
display: block;
position: absolute;
top: 30px; /* align with bottom of 80px #masthead .fixtures */
/*height: 50px;*//* Design Height */
height: 62px;
font-size: 10px;
line-height: 11px;
color: white;
background: #2a2a47;
vertical-align: middle;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.ticker,
.ticker .ticker-tape,
.ticker .ticker-tape ul,
.ticker .ticker-tape ul li,
.ticker .ticker-tape ul li a {
height: 62px; /* inherit is broken in IE6/7 */
}
.ticker .ticker {
position: static;
top: 0; /* Avoid Nesting */
}
.ticker .template {
display: none;
}
.no-js .ticker .ticker-arrow { display: none; }
.ticker .ticker-arrow {
position: absolute;
top: 0;
display: block;
width: 21px;
height: 62px;
line-height: 62px;
vertical-align: middle;
text-align: center;
font-weight: bold;
cursor: pointer;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.ticker .ticker-arrow.disabled {
cursor: auto;
}
.ticker .ticker-arrow-prev {
left: 0px;
padding-right: 1px; /* Background underlap */
}
.ticker .ticker-arrow-next {
right: 0px;
}
.ticker .disabled { background-color: #2A2A44; }
.ticker .ticker-arrow { background-image: url(images/iconsprite.png); background-repeat:no-repeat; background-color:#2A2A44; }
/* .ticker height: 50px *//*
.ticker .ticker-arrow-prev { background-position: 0px 10px; }
.ticker .ticker-arrow-prev.disabled { background-position: 0px -65px; }
.ticker .ticker-arrow-next { background-position: -29px 10px; }
.ticker .ticker-arrow-next.disabled { background-position: -29px -65px; }
*/
/* .ticker height: 66px *//*
.ticker .ticker-arrow-prev { background-position: 0px 16px; }
.ticker .ticker-arrow-prev.disabled { background-position: 0px -59px; }
.ticker .ticker-arrow-next { background-position: -29px 16px; }
.ticker .ticker-arrow-next.disabled { background-position: -29px -59px; }
*/
/* .ticker height: 62px */
.ticker .ticker-arrow-prev { background-position: -56px -404px; }
.ticker .ticker-arrow-prev.disabled { background-position: -82px -404px; }
.ticker .ticker-arrow-next { background-position: -56px -346px; }
.ticker .ticker-arrow-next.disabled { background-position: -82px -346px; }
.ticker .ticker-arrow-prev.disabled,
.ticker .ticker-arrow-next.disabled { background-image: none; background-color: #2A2A44; } /* Remove arrow but retain image background color */
.ticker .ticker-tape {
position: absolute;
top: 0;
left: 22px;
height: inherit;
overflow: hidden;
}
.ticker .ticker-tape ul {
display: block;
position: relative;
margin-left: -2px;
height: inherit;
}
.ticker .ticker-tape ul li {
vertical-align: top;
float: left;
display: block;
border-left: 2px dotted #8dacc6;
width: 79px;
height: inherit;
padding: 7px;
}
.ticker ul li a {
text-decoration: none;
color: white;
display: block;
height: inherit;
}
.ticker li div,
.ticker li div span {
height: 12px;
line-height: 12px;
vertical-align: middle;
}
.ticker ul li .ticker-box,
.ticker ul li .ticker-date {
height: 14px;
line-height: 14px;
}
.ticker ul li .ticker-box {
float: right;
}
.ticker ul li .ticker-box span {
padding: 1px 4px;
}
.ticker ul li .ticker-matchName {
font-weight: bold;
}
.ticker ul li.ticker-match.SAME_MATCH_DAY, /* PL-2857 - Once the FT flag comes in, the light grey box should go dark grey. Only 'LIVE' matches get the light grey boxes. */
.ticker ul li.ticker-match.POST_MATCH { background: #34343c; border-color: #45454c; }
.ticker ul li.ticker-match.LIVE { background: #8e8e96; border-color: #9a9aa2; }
.ticker ul li.ticker-match.PRE_MATCH { background: #32324e; border-color: #494962; }
.ticker ul li.ticker-match.POST_MATCH .ticker-box span { background: #5c6b7f; }
.ticker ul li.ticker-match.SAME_MATCH_DAY .ticker-box span, /* FT time box stays red after match has finished */
.ticker ul li.ticker-match.LIVE .ticker-box span { background: #df0034; }
.ticker ul li.ticker-match.PRE_MATCH .ticker-box span { background: #639ec8; }
.ticker ul li.ticker-match.POST_MATCH { display: none; } /* Default setting on pageload and for noscript clients */
.ticker ul li.ticker-match.SAME_MATCH_DAY { display: block; } /* Do display SAME_MATCH_DAY */
.no-js .ticker ul.ONLY_POST_MATCH li.ticker-match.POST_MATCH { display: block; } /* Dummy data only has POST_MATCH results, they don't show by default */
.no-js .ticker ul.ticker-filter { display: none; }
.ticker ul.ticker-filter {
position: absolute;
height: 23px;
line-height: 23px;
top: -23px;
left: 178px;
}
.ticker ul.ticker-filter li {
display: block;
float: left;
padding: 0 8px;
margin-right: 1px;
background: #494962;
height: inherit;
font-weight: bold;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
}
.ticker ul.ticker-filter li.selected {
background: #2a2a44;
}
.ticker .ticker-icons {
padding-bottom: 2px;
}
.ticker .icon,
.ticker .icontext {
display: inline-block;
font-weight: bold;
}
.ticker .icontext {
padding-left: 0.5em;
margin-top: -2px;
}
.ticker .ticker-broadcaster {
/* Assumed max size of broadcaster image - its whats currently max in DAM as of 09-09-2011 */
display: block;
width: 80px;
overflow: hidden;
}
.ticker .ticker-broadcaster img {
height: 10px;
}
.meganav {
/* Rule identical to .topnav in topnav.css */
width: 896px;
height: auto;
margin: 0 auto;
top: 0;
left: 0;
font-size: 12px;
position: relative;
z-index: 1000;
clear: both;
}
.meganav-inner {
/*top: 3px; /* TODO: Add shadow image at top */
clear: both;
background: white;
border-bottom: 6px solid #e60837;
width: 896px; /* .meganav: inherit; */
position: absolute;
display: none;
min-height: 42px; /* .close-icon:height */
}
.boxshadow .meganav-inner {
box-shadow:0 3px 3px rgb(0,0,0);
box-shadow:0 3px 3px rgba(0,0,0,0.5);
}
.no-boxshadow .meganav-inner {
border-left: 1px solid #ccc; /* non-CSS3 fallback */
border-right: 1px solid #ccc;
}
.no-js .meganav-inner,
.meganav.inline .meganav-inner,
.cq-wcm-edit .meganav-initial,
.cq-wcm-design .meganav-initial {
/* meganav is inline for noscript/edit-mode, overlay otherwise */
position: relative;
display: block;
}
/*** Rows / Columns ***/
.meganav .column {
display: table-cell;
vertical-align: top;
padding: 10px;
height: 100%;
border-left: 1px solid #e2e2e2;
}
.meganav .second .column:first-child {
border-left: 1px solid #e2e2e2;
}
.meganav .column:first-child {
border-left: none;
}
.meganav .column-n1,
.meganav .column-n2,
.meganav .column-n3,
.meganav .column-n4,
.club-profiles.column {
display: table-cell;
}
.browser-msie6 .meganav .column,
.browser-msie7 .meganav .column,
.browser-msie6 .meganav .column-n4,
.browser-msie7 .meganav .column-n4 {
float: left;
display: block;
}
.meganav .clublogos .column {
padding-top: 0;
}
.meganav .column { width: 200px; }
.meganav .column-x2 .column { width: 400px; }
.meganav .column-x3 .column { width: 266px; }
.meganav .column-x4 .column { width: 200px; }
.meganav .column-x5 .column { width: 155px; }
.meganav .column-x6 .column { width: 133px; }
.meganav .column-x5 .column-n4 { width: 715px; } /* Column Padding 10px */
.meganav .column-x4.wide-x1 .column { width: 180px; }
.meganav .column-x4.wide-x1 .column.wide { width: 260px; }
.meganav .column-x6.wide-x1 .column { width: 120px; }
.meganav .column-x6.wide-x1 .column.wide { width: 200px; }
/* CQ Edit "Design of" buttons are too wide for a 6 column layout */
.cq-editbar[class*=meganav][class*=nav-co-col] .x-toolbar-cell:first-child { display: none; }
.meganav .row {
display: block;
clear: both;
vertical-align: top;
padding: 10px;
border-top: 1px solid #e2e2e2;
}
.meganav .column .row {
width: inherit;
display: block;
border-top: none;
}
.meganav .meganav-games .row:first-child {
width: inherit;
border-top: none;
}
.meganav .title {
padding: 10px; /* Outside column */
}
.meganav .column .title {
padding-left: 0;
padding-right: 0;
}
.meganav .row .title,
.meganav .column .title:first-child {
padding-top: 0px;
}
.meganav .column .list li {
padding-bottom: 8px;
}
.meganav .row.horizontal .title,
.meganav .row.horizontal .list li {
display: inline;
float: left;
padding-right: 16px;
font-size:11px;
}
.meganav .moreitem {
white-space: nowrap;
margin-top: 10px;
}
.meganav .row.horizontal .title,
.meganav .row.horizontal .title {
padding-top: 0;
padding-bottom: 0;
}
.browser-msie6 .cq-wcm-preview .meganav .new.section,
.browser-msie7 .cq-wcm-preview .meganav .new.section {
display: none;
}
/*** Positioning ***/
/*** Layout Children ***/
/*** Elements ***/
.meganav {
line-height: 1.2em;
}
.meganav a {
color: #000;
font-weight: 300;
}
.meganav a:hover {
color: #000;
text-decoration: underline;
}
.meganav .title {
color: #e90535;
text-transform: uppercase;
font-size:12px;
font-family:'PremierLeagueRegular','Lucida Grande','Lucida Sans Unicode';
}
.meganav .title h2 {
margin-top: 0;
}
.meganav .list,
.meganav .list_href {
clear:none;
}
.meganav .list li a {
padding-left: 12px;
display: inline-block;
background: url('images/iconsprite.png') no-repeat -630px -0px;
}
.meganav .list .story li,
.meganav .list .tickets li {
background: none;
padding: 0;
margin-bottom: 5px;
}
.meganav .list .story li a,
.meganav .list .tickets li a {
background: none;
padding-left: 0;
}
.meganav .list .tickets li .highlight {
color: #666;
background: #e9e9e9;
padding: 2px 3px;
margin-bottom: 5px;
font-weight: bold;
}
.meganav .list .tickets li .highlight a {
font-weight: 700;
color: #666;
}
.meganav .list .tickets li .matchName,
.meganav .list .tickets li .matchName a {
font-weight:700;
}
.meganav .list .tickets li p {
padding: 0 2px;
font-size: 11px;
}
.meganav .list .tickets li .highlight:first-child {
margin-top: 0;
}
.meganav .list .tickets li .venue {
font-weight: normal;
}
.meganav .list .story li {
display: block;
margin-bottom: 15px;
}
.meganav .list .story img {
float: left;
width: 48px;
height: 48px;
display: block;
padding-right: 10px;
}
.meganav .list .story span {
display: table-cell;
padding-right: 10px;
}
.meganav .list .story .hasImage span {
display: block;
}
.meganav .list .story .date {
color: #666;
font-weight: normal;
}
.meganav .clublogos li {
display: block;
padding: 5px 0;
margin: 0;
float: none;
background: none;
height: auto;
width: auto;
text-align: left;
}
.meganav .clublogos li * {
line-height: 25px;
vertical-align: middle;
}
.meganav .clublogos li a {
height: auto;
padding: 0;
}
.meganav .clublogos li a:hover {
text-decoration: none;
}
.meganav .clublogos li span.logo {
display: block;
width: 25px;
float: left;
margin-right: 5px;
text-align: center;
}
.meganav .clublogos li span.logo img {
display: inline-block;
margin: 0 auto;
}
.meganav .clublogos a.ctalink {
display:none;
}
.meganav .close-icon {
background: url(images/close-button.png);
position: absolute;
height: 42px;
width: 42px;
top: 0;
right: 0;
z-index: 200;
display: none;
}
/*** Page Specific Elements ***/
/** News Section **/
.meganav .meganavnews {
color:#050528;
}
.meganav .meganavnews .newsfeature {
margin-bottom: 0.6em;
min-height:35px;
}
.meganav .meganavnews .newsfeature .imageWrapper {
display: block;
float: left;
height: 34px;
width: 30px;
overflow: hidden;
margin-right: 0.6em;
background-color: transparent;
}
.meganav .meganavnews .newsfeature .imageWrapper img {
width: auto;
height: 34px;
}
.meganav .meganavnews .newsfeatureevents span,
.meganav .meganavnews .newsfeatureimg span {
display: block;
}
.meganav .meganavnews .newsfeature .newsfeaturetitle {
font-weight:700;
}
.meganav .meganavnews .newsfeature .newsfeaturedate {
font-weight: 300;
color: #515151;
}
.meganav .meganavnews .newsfeature a {
text-decoration: none;
}
.meganav .meganavnews .newsfeature a span.newsfeaturetitle:hover {
text-decoration: underline;
}
.slideshow {
overflow: hidden;
width: 100%;
height: 365px;
margin-bottom:0px;
}
.slideshow .image-wrapper {
width: 458px;
height: 335px;
float: left;
background: #ccc;
position: relative;
overflow: hidden;
color: #fff;
}
/*** Text ***/
.slideshow h1 {
text-indent: -9999px;
overflow: hidden;
margin: 0;
padding: 0;
border: 0;
display: none;
}
.slideshow .main {
background: #f0f0f0;
}
.connect_widget_interactive_area {
display:none;
}
.slideshow .image h2 {
font-size: 2em;
font-weight: normal;
margin: 0 0 5px;
padding: 10px 20px;
text-transform: uppercase;
}
/*** Images ***/
.slideshow .image-wrapper .image {
width: 458px;
height: 334px;
border-right: 1px solid #fff;
}
.slideshow .image {
display:none;
}
.slideshow .image:first-child {
display:block;
}
.rgba .slideshow .image p {
background-color: rgba(32,28,56,0.8);
}
.no-rgba .slideshow .image p {
background-color: rgb(32,28,56);
background: transparent none;
background-color: transparent;
opacity:1;
zoom:1;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99201C38, endColorstr=#99201C38)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99201C38, endColorstr=#99201C38); /* IE5.5-7 */
}
.slideshow .image p {
background-color:rgb(32, 28, 56 );/* No JS fallback/default */
font-family: 'PremierLeagueRegular', 'Lucida Grande', 'Lucida Sans Unicode';
position: absolute;
left: 0;
top: 130px;
width: 200px;
line-height: 1.1em;
font-size: 1.6em;
padding: 15px;
margin: 0;
text-transform: uppercase;
color: #fff;/**filter:alpha(opacity=80);
opacity:.80;**/
}
.slideshow .image .desc {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
display: none;
}
/*** Sidebar ***/
.slideshow .sidebar {
float: left;
width: 199px;
background: #f0f0f0;
height: 334px;
}
.slideshow .sidebar ul {
margin: 0;
padding: 0;
list-style: none;
width: 199px;
}
.slideshow .sidebar ul li {
float: left;
width: 199px;
margin: 0;
background: #f0f0f0; /* for non-css3 browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cbcbcb)); /* for webkit browsers */
background: -moz-linear-gradient(top, #eeeeee, #cbcbcb); /* for firefox 3.6+ */
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#eeeeee, endColorstr=#cbcbcb)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cbcbcb'); /* for IE */
zoom:1;
color: black;
font-size: 0.9em;
text-decoration: none;
font-weight:bold;
height: 67px;
}
.slideshow .sidebar ul li a {
display:block;
color:#201C38;
padding:20px 10px 0 10px;
line-height:14px;
}
.slideshow a.block {
display:block;
width:100%;
height:100%;
}
.slideshow a.block:hover {
text-decoration:none;
}
.slideshow .sidebar li:hover,
.slideshow .sidebar li.selected {
color:#fff; cursor:pointer;
background: #353551; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f4f67', endColorstr='#171737'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#4f4f67), to(#171737)); /* for webkit browsers */
background: -moz-linear-gradient(top, #4f4f67, #171737); /* for firefox 3.6+ */
}
.slideshow .sidebar ul li:hover a,
.slideshow .sidebar ul li a:hover,
.slideshow .sidebar ul li.selected a {
color: #ffffff;
text-decoration: none;
}
/*** Slides ***/
.slideshow .login {
background: #353551; /* for non-css3 browsers */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f4f67', endColorstr='#171737'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#4f4f67), to(#171737)); /* for webkit browsers */
background: -moz-linear-gradient(top, #4f4f67, #171737); /* for firefox 3.6+ */
width: 220px;
height: 175px;
float:left;
margin-left:19px;
}
.slideshow .login h2 {
border:none;
color: #fff;
padding:10px 5px 10px 15px;
margin:0;
text-transform: uppercase;
font-family:'PremierLeagueRegular', 'Lucida Grande', 'Lucida Sans Unicode';
font-weight:normal;
}
.slideshow .login p {
font-size:11px;
color:#666666;
margin-bottom:20px;
padding-bottom:10px;
}
.slideshow .login label {
color: #FFFFFF;
font-size: 10px;
font-weight: bold;
line-height: 10px;
padding-left: 10px;
padding-bottom: 7px;
text-transform: uppercase;
width: 61px;
display: inline-block;
}
.slideshow .login p.memberName {
color: #FFFFFF;
font-size: 10px;
font-weight: bold;
line-height: 10px;
padding-left: 15px;
padding-top: 5px;
margin-bottom:15px;
text-transform: uppercase;
}
.slideshow .login input {
font-size:12px;
border:solid 1px #aacfe4;
width:120px;
margin:2px 0 10px 10px;
}
.slideshow .login button {
clear:both;
width:60px;
height:25px;
background-color:#ed223f;
line-height:21px;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
float:right;
margin-right:14px;
border:none;
cursor:pointer;
padding-bottom:2px;
}
.slideshow .login-links {
display:block;
padding-left:8px;
}
.slideshow .login-links a {
color:#fff;
font-size: 10px;
width: 115px;
white-space: nowrap;
}
.slideshow .loggedin .login-links {
display:block;
padding-left:15px;
padding-bottom:5px;
}
.slideshow .login img {
display:block;
clear:both;
padding-top:18px;
padding-right:10px;
padding-left: 20px;
padding-bottom:10px;
}
/*social link styles*/
.slideshow .social-links {
float:left;
width:219px;
margin-left:19px;
margin-top:12px;
}
.slideshow .social-links .col1 {
float:left;
width:45px;
margin-right:10px;
}
.slideshow .social-links .col2 {
width:120px;
float:left;
}
.slideshow .social-links .facebook, .slideshow .social-links .twitter {
width:198px;
border: 1px solid #b8c1d4;
background-color: #ebeff5;
float:left;
}
.slideshow .social-links .facebook {
padding:12px 10px 5px;
height:50px;
}
.slideshow .social-links .twitter {
border: 1px solid #95cbe0;
background-color: #e5f7ff;
margin-top:11px;
padding:10px 10px 4px;
height:52px;
}
.slideshow .social-links h3 {
color:#405e9b;
border:none;
padding:0;
}
.slideshow .social-links .facebook h3 {
margin:0 0 6px;
}
.slideshow .social-links .twitter h3 {
margin:0 0 10px;
}
.slideshow .social-links .twitter h3 {
color:#0099cc;
}
.slideshow iframe {
float:left;
z-index:10;
}
.slideshow .masthead {
background-image: url("/etc/designs/premierleague/images/logosprite.png");
background-position: -166px -435px;
background-repeat: no-repeat;
margin-left: 11px;
padding-bottom: 20px;
padding-left: 190px;
padding-right: 0;
padding-top: 0px;
width: 300px;
}
.socialnetwork { display:block; overflow:hidden; }
.socialnetwork .twtr-widget h2 { border:0 none; }
.socialnetwork .twtr-widget h3 { border:0 none; }
.socialnetwork .twtr-widget h4 { border:0 none; }
div.tooltip {
background-color:#EEEEEE;
border:1px solid #111111;
padding:5px;
position:absolute;
z-index:3000;
}
div.tooltip.index {
background:url('/etc/designs/premierleague/images/backgrounds/tooltip_teams.png') top center no-repeat;
border:0 none; color:#FFFFFF;
font-size:12px; font-weight:bold;
height:40px; max-width:120px; padding:5px 5px 10px; text-align:center;
}
div.tooltip.index.fpl { font-family:'PremierLeagueRegular','Lucida Grande','Lucida Sans Unicode'; text-transform:uppercase; font-weight:normal; }
div.tooltip.index.eappi { max-width:130px; }
div.tooltip.index.bfr { /* background:url('images/logosprite.png')*/ max-width:115px; }
div.tooltip.index.card { width:45px; } /* Yellow / Red cards */
div.tooltip.player {
background:url('/etc/designs/premierleague/images/backgrounds/tooltip_player.png') top center no-repeat;
border:0 none;
color:#666666;
font-size:12px;
font-weight:bold;
padding:8px;
height:100px;
width:175px;
position:absolute;
top:-1000px;
left:-10000px;
}
div.tooltip.player img {
float:left;
height:80px;
padding:4px;
width:65px;
}
div.tooltip.player .name {
display: block;
padding: 5px;
}
div.tooltip.player span {
display:block;
}
div.tooltip.player span span {
display:inline;
}
div.tooltip.player span span.goal {background:url('/etc/designs/premierleague/images/icon_ball.png') no-repeat;margin:0 3px 0 0;padding:0 0 0 12px;}
div.tooltip.player span span.yellow {color:#ffd800;background-color:#ffd800;font-size:10px;letter-spacing:3px;}
div.tooltip.player span span.red {color:#c00;background-color:#c00;font-size:10px;letter-spacing:3px;}
div.tooltip.player span span.sub {color:#999;}
div.tooltip.player table td {color:#666; padding-right:5px; font-size:11px;}
div.tooltip.player table td.bfr {color:#00b8f1;}
div.tooltip.goalcount {
position:absolute;top:-1000px;left:-10000px;
background:url('/etc/designs/premierleague/images/backgrounds/tooltip_goalcount.png') top center no-repeat;
border:0 none;
color:#666666;
font-size:12px;
font-weight:bold;
height:35px;
width:85px;
padding:5px;
text-align: center;
}
div.tooltip.goalcount span {
display: block
}
div.tooltip.goalcount span.num {
background: url("/etc/designs/premierleague/images/icon_ball.png") right center no-repeat;
font-weight: normal;
padding-right: 16px;
display:inline;
white-space: nowrap;
}
/*NEW SLIDER STYLES FOR SCALE, ETC*/
/* slider widget */
.ui-slider {
text-decoration: none !important;
}
.ui-slider .ui-slider-handle {
overflow: visible !important;
}
.ui-slider .ui-slider-tooltip {
display: none;
}
.ui-slider .screenReaderContext {
position: absolute;
width: 0;
height: 0;
overflow: hidden;
left: -999999999px;
}
.ui-slider .ui-state-active .ui-slider-tooltip, .ui-slider .ui-state-focus .ui-slider-tooltip, .ui-slider .ui-state-hover .ui-slider-tooltip {
display: block;
position: absolute;
bottom: 2.5em;
text-align: center;
padding: .3em .2em .4em;
font-size: .9em;
width: 8em;
margin-left: -3.7em;
}
.ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down, .ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down-inner {
position: absolute;
display: block;
width:0;
height:0;
border-bottom-width: 0;
background: none;
}
.ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down {
border-left: 7px dashed transparent;
border-right: 7px dashed transparent;
border-top-width: 8px;
bottom: -8px;
right: auto;
left: 50%;
margin-left: -7px;
}
.ui-slider .ui-slider-tooltip .ui-tooltip-pointer-down-inner {
border-left: 6px dashed transparent;
border-right: 6px dashed transparent;
border-top: 7px solid #fff;
bottom: auto;
top: -9px;
left: -6px;
}
.ui-slider a {
text-decoration: none;
}
.ui-slider ol, .ui-slider li, .ui-slider dl, .ui-slider dd, .ui-slider dt {
list-style: none;
margin: 0;
padding: 0;
}
.ui-slider ol, .ui-slider dl {
position: relative;
top: 1.3em;
width: 100%;
}
.ui-slider dt {
top: 1.5em;
position: absolute;
padding-top: .2em;
text-align: center;
border-bottom: 1px dotted #ddd;
height: .7em;
color: #999;
}
.ui-slider dt span {
background: #fff;
padding: 0 .5em;
}
.ui-slider li, .ui-slider dd {
position: absolute;
overflow: visible;
color: #666;
}
.ui-slider span.ui-slider-label {
position: absolute;
}
.ui-slider li span.ui-slider-label, .ui-slider dd span.ui-slider-label {
/*display: none;*/
}
.ui-slider li span.ui-slider-label-show, .ui-slider dd span.ui-slider-label-show {
display: block;
width:60px;
font-size:12px;
}
.ui-slider span.ui-slider-tic {
position: absolute;
left: 0;
height: .8em;
top: -1.3em;
}
.ui-slider li span.ui-widget-content, .ui-slider dd span.ui-widget-content {
border-right: 0;
border-left-width: 1px;
border-left-style: solid;
border-top: 0;
border-bottom: 0;
}
.ui-slider .first .ui-slider-tic, .ui-slider .last .ui-slider-tic {
display: none;
}
.selectToSliderWrapper {
height: 38px;
margin: 0 10px;
left: 0; top: 0;
z-index: 50;
position: relative;
}
.selectToSliderIndent {
padding-left: 30px;
padding-right: 30px;
}
.selectToSliderIndent .selectToSliderWrapper {
margin: 0;
}
.selectToSliderWrapper .ui-slider-label {
color:#050528;
font-weight: bold;
text-align: center;
display: none;
}
.selectToSliderWrapper .ui-slider-label-show {
display: inline-block;
}
.selectToSliderWrapper .ui-slider-optgroup-label {
display: none;
}
.selectToSliderWrapper .optgroup-fixtures .ui-slider-label {
color: #999;
}
body .selectToSliderWrapper .ui-slider-horizontal {
z-index:100;
}
body .selectToSliderWrapper .ui-slider-tic {
color: #ccc;
border-color: #ccc;
opacity: 0.5; filter: alpha(opacity=50);
height: 10px;
}
.selectToSliderWrapper .CUMMULATIVELY .ui-slider-range {
/* do nothing */
}
.selectToSliderWrapper .BY_SEASON .ui-slider-range {
background: none;
}
.ui-slider .ui-state-focus .ui-slider-tooltip {
display: none;
}
.ui-slider .ui-state-active .ui-slider-tooltip,
.ui-slider .ui-state-hover .ui-slider-tooltip {
display: block;
position: absolute;
top: -1.75em;
text-align: center;
padding: 0.3em 0.5em;
font-size: .9em;
margin-right: -50%;
background: #fff;
height: 1.25em;
width: auto;
border: 1px solid #050528;
border-radius: 2px; -moz-border-radius: 2px;
color: #050528;
font-weight: bold;
}
/* ====================================================================================
* SECTION:JS MODULE FOR MEDIAMODAL
* PROJECT_PATH:/etc/designs/premierleague/clientlibs/css/general/modal.css
*==================================================================================== */
/*=== GENERAL MODAL STYLES ===*/
#DOMWindow { padding:0; border:0 none; overflow:visible;
-moz-box-shadow:rgba(0, 0, 0, 0.50) 0 0 10px;
-webkit-box-shadow:rgba(0, 0, 0, 0.50) 0 0 10px;
-o-box-shadow:rgba(0, 0, 0, 0.50) 0 0 10px;
box-shadow:rgba(0, 0, 0, 0.50) 0 0 10px; }
#defaultDOMWindowClose {
background:transparent url("images/close-button.png") no-repeat 0 0;
font-size:1px; line-height:1px; text-indent:-9999px; display:block;
width:42px; height:42px; overflow:hidden; position:absolute; top:-10px; right:-10px;
z-index:99999;
}
/*=== LOGIN MODAL ===*/
#DOMWindow.login { background:#fff; }
#DOMWindow.login #defaultDOMWindowClose { background:transparent url("images/close-button2.png") no-repeat 0 0; top:12px; right:12px; width:14px; height:14px; }
#DOMWindow.login .spinner { position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background-color:rgba( 255,255,255, 0.5 ); }
.no-rgba #DOMWindow.login .spinner { background-color:transparent; opacity:1; zoom:1;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#88FFFFFF, endColorstr=#88FFFFFF)"; /* IE8 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88FFFFFF, endColorstr=#88FFFFFF); /* IE5.5-7 */
}
#DOMWindow.login .titlebar { background:#639EC8; }
#DOMWindow.login .titlebar h4 { color:#fff; font-size:16px; font-weight:bold; padding:10px 12px; }
#DOMWindow.login .content { padding:10px; }
#DOMWindow.login .row { clear:both; padding-top:10px; }
#DOMWindow.login .button { display:inline-block; cursor:pointer; padding:2px 6px 6px; background:#050528 none;
color:#fff; font-weight:700; font-size:12px; border-width:0; border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
-o-border-radius:0;
-ms-border-radius:0;
-khtml-border-radius:0;
}
#DOMWindow.login .disabled { cursor:default; background:#A2A0A1 none;
background-image:-webkit-gradient( linear, 50% 0%, 50% 100%, color-stop( 0%, #DF0000 ), color-stop( 100%, #A2A0A1 ) );
background-image:-webkit-linear-gradient(top, #B6B6B6, #A2A0A1);
background-image:-moz-linear-gradient(top, #B6B6B6, #A2A0A1);
background-image:-o-linear-gradient(top, #B6B6B6, #A2A0A1);
background-image:-ms-linear-gradient(top, #B6B6B6, #A2A0A1);
background-image:linear-gradient(top, #B6B6B6, #A2A0A1);
}
.no-rgba #DOMWindow.login .disabled { background-image:none; zoom:1;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#B6B6B6, endColorstr=#A2A0A1)"; /* IE8 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B6B6B6, endColorstr=#A2A0A1); /* IE5.5-7 */
}
#DOMWindow.login label { display:inline-block; width:100px; font-size:11px; text-transform:uppercase; font-weight:700; line-height:20px; }
#DOMWindow.login label em { display:none; }
#DOMWindow.login input[type=text],
#DOMWindow.login input[type=password] { display:inline-block; width:240px;
border-color:#CCC #666 #666 #CCC; border-style:inset; border-width:1px; padding:3px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px; -ms-border-radius:2px; -khtml-border-radius:2px; }
#DOMWindow.login .actions .row { padding-left:100px; }
#DOMWindow.login .actions a { color:#050528; font-weight:700; font-size:10px; }
#DOMWindow.login .seperator { color:#050528; padding:0 5px; }
#DOMWindow.login .persist label { display:inline; width:auto; color:#666; font-size:10px; text-transform:none; padding-left:5px; }
/* Validation styles */
#DOMWindow.login .errormsg {
display:none; padding:10px; color:#fff; background:#cc0000;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DF0000', endColorstr='#BE0000'); /* for IE */
background:-webkit-gradient( linear, 50% 0%, 50% 100%, color-stop( 0%, #DF0000 ), color-stop( 100%, #BE0000 ) );
background:-webkit-linear-gradient(top, #DF0000, #BE0000);
background:-moz-linear-gradient(top, #DF0000, #BE0000);
background:-o-linear-gradient(top, #DF0000, #BE0000);
background:linear-gradient(top, #DF0000, #BE0000);
}
.no-rgba #DOMWindow.login .errormsg {
background:transparent none; background-color:transparent; opacity:1; zoom:1;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#DF0000, endColorstr=#BE0000)"; /* IE8 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DF0000, endColorstr=#BE0000); /* IE5.5-7 */
}
.no-rgba #DOMWindow.login .disabled {
background:transparent none; background-color:transparent; opacity:1; zoom:1;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#DF0000, endColorstr=#BE0000)"; /* IE8 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DF0000, endColorstr=#A2A0A1); /* IE5.5-7 */
}
#DOMWindow.login .error label { color:red; }
#DOMWindow.login .error label em { display:inline; }
#DOMWindow.login .errormsg h5 { font-size:14px; font-weight:bold; }
#DOMWindow.login .errormsg p { color:#fff; font-weight:bold; padding-bottom:0; }
#DOMWindow.login .errormsg p.msg { font-weight:normal; }
/*=== GAME MEDIA TYPE ===*/
#DOMWindow.modal_game { }
/*=== VIDEO MEDIA TYPE ===*/
#DOMWindow.modal_video { }
.video-container,
.epl_top_container,
.spon_left,
.spon_right,
.epl_clear { display:block; margin:0; padding:0; min-height:0; font-size:0; }
.video-container { display:block; opacity:1; }
.epl_top_container { background:transparent url("http://l.yimg.com/i/i/uk/any/e/bkg.jpg") repeat-x scroll top; }
.spon_left { width:140px; float:left; height:60px; overflow:hidden; background:transparent url("http://l.yimg.com/i/i/uk/any/e/ylogo.jpg") no-repeat; }
.spon_right { width:160px; float:right; height:60px; overflow:hidden; background:transparent url("http://l.yimg.com/i/i/uk/any/e/right.jpg") no-repeat; }
.epl_clear { clear:both; }
/* ALSO SEE /clientlibs/css/general/_filterComponents.css */
.leaguetablefilter input[type=submit] {float:right;}
.leaguetablefilter .filter.type1 option {text-transform:capitalize;}
.leaguetablefilter .filter {
position: relative;
}
.leaguetablefilter .filter.MATCH_DATE .inner {
padding: 0 1em;
position: relative;
}
div.center div.leaguetablefilter.section {margin-bottom:10px;}
/* Carousel styles - basic */
.carousel .caption,
.gallery .overlay,
.galleryCarousel .overlay,
.imageandvideocarousel .overlay,
.jcarousel-item .overlay {
display: block;
}
.beforeDocumentReady .carousel,
.beforeDocumentReady .gallery,
.beforeDocumentReady .galleryCarousel,
.beforeDocumentReady .imageandvideocarousel {
display: none;
}
.carousel .caption .inner,
.gallery .overlay .inner,
.galleryCarousel .overlay .inner,
.imageandvideocarousel .overlay .inner,
.jcarousel-item .overlay .inner {
display: block;
color: #ffffff;
background-color: rgb(79, 79, 104); /* rgba(5, 5, 40, 0.7) on white via color picker */
background-color: rgba(5, 5, 40, 0.7); /* color on out leads to rendering bug on galleryCarousel.onHover */
}
.no-rgba .jcarousel-item .overlay .inner {
background-color: rgb(32,28,56);
background: transparent none;
background-color: transparent;
opacity:1;
zoom:1;
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99201C38, endColorstr=#99201C38)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99201C38, endColorstr=#99201C38); /* IE5.5-7 */
}
.carousel,
.jcarousel-container,
.jcarousel-clip {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.jcarousel-clip {
overflow:hidden;
}
/* Arrow controls on left and right */
.jcarousel-prev-horizontal,
.jcarousel-next-horizontal {
width: 18px;
height: 92px;
position:absolute; top:0;
cursor:pointer;
background-color:#a3afbb;
background-image:url(images/iconsprite.png);
background-repeat:no-repeat;
}
.jcarousel-prev-disabled,
.jcarousel-next-disabled {
cursor: default;
}
.jcarousel-prev-horizontal { background-position: -124px -404px; left: 0; }
.jcarousel-next-horizontal { background-position: -169px -404px; right:0; }
.jcarousel-prev-horizontal:hover,
.jcarousel-next-horizontal:hover { background-color: #5c6b7f; }
.jcarousel-next-disabled,
.jcarousel-prev-disabled { background-color: #5c6b7f; background-image: none; }
#kids .jcarousel-prev-horizontal { background-position: -125px -404px; background-color:#2f9589; }
#kids .jcarousel-next-horizontal { background-position: -170px -404px; background-color:#2f9589; }
#kids .jcarousel-prev-horizontal:hover,
#kids .jcarousel-next-horizontal:hover {
background-color:#244333;
}
#kids .imageandvideocarousel h2 {
font-family:'PL-Kids','Lucida Grande','Lucida Sans Unicode';
font-size:26px;
color:#007165;
}
.galleryView .jcarousel-item-selected img {
opacity: 1;
}
.jcarousel-item-selected img {
opacity: 0.6;
}
/* 710px total = 133px*5 items + 2px*4 gaps + 18px*2 buttons + 1px wasted */
.jcarousel-clip { width: 674px; }
.jcarousel-container { margin-right: -1px; } /* 1px wasted */
.jcarousel-prev-horizontal,
.jcarousel-next-horizontal { width: 17px; }
.jcarousel-container-horizontal { padding: 0px 18px; }
.jcarousel-item-horizontal { margin: 0px 1px; }
/* 702px total = 133px*5 items + 1px*4 inner gaps + 15px*2 buttons + 1px*2 outer gaps + 1px gained */
#kids .imageandvideocarousel .jcarousel-clip { width:669px; }
#kids .imageandvideocarousel .jcarousel-container { margin-right: 0px; } /* 1px gained */
#kids .imageandvideocarousel .jcarousel-prev-horizontal,
#kids .imageandvideocarousel .jcarousel-next-horizontal { width: 15px; }
#kids .imageandvideocarousel .jcarousel-container-horizontal { padding: 0px 16px; }
#kids .imageandvideocarousel .jcarousel-item-horizontal { margin-right: 1px; }
/* 702px total = 223px*3 items + 1px*2 gaps + 16px*2 buttons + 1px wasted */
#kids .imageandvideocarousel .featured .jcarousel-clip { width:671px; } /* 223px*3 items + 2*1px inner gaps */
#kids .imageandvideocarousel .featured .jcarousel-container { margin-right: -1px; } /* 1px wasted */
#kids .imageandvideocarousel .featured .jcarousel-prev-horizontal,
#kids .imageandvideocarousel .featured .jcarousel-next-horizontal { width: 14px; }
#kids .imageandvideocarousel .featured .jcarousel-container-horizontal { padding-left: 15px; padding-right: 15px; }
#kids .imageandvideocarousel .featured .jcarousel-item-horizontal { margin-right: 1px; }
img.heroimg_carousel{ height:80px; }
.heroimg_carousel_large{ max-height:300px; }
#smallCarousel .jcarousel-next-horizontal,
#smallCarousel .jcarousel-prev-horizontal { top:0px; height:80px; }
.jcarousel ul.gallery-next { background-position: right 0; }
.jcarousel ul.gallery-wrapper { margin: 10px 0; }
.jcarousel ul.gallery { }
.jcarousel ul.gallery li { position:relative; float:left; margin-right:1px; }
.jcarousel ul.gallery li a { width:133px; height:99px; display:block; }
.jcarousel ul.gallery a { position:relative; display:block; }
.jcarousel ul.gallery a:hover { text-decoration:none; }
.jcarousel ul.gallery a img { display:block; width:133px; }
.jcarousel ul.gallery .overlay { display:block; width:100%; position:absolute; left:0; bottom:0px; }
.jcarousel ul.gallery .overlay span { font-weight:bold; font-size:11px; line-height:11px; padding:5px 5px 8px; display:inline-block; }
/* ### Skin for Hero (3 visible) carousel === */
.hero-carousel .jcarousel-prev-horizontal { background-position: 0px -325px; height:154px; }
.hero-carousel .jcarousel-next-horizontal { background-position: 0px -172px; height:154px; }
.hero-carousel .jcarousel-next-horizontal:hover { background-position: -36px -172px; }
.hero-carousel .jcarousel-prev-horizontal:hover { background-position: -36px -325px; }
#smallCarousel .jcarousel-next-horizontal { background-position: 0px -208px; }
#smallCarousel .jcarousel-next-horizontal:hover { background-position: -36px -208px; }
#smallCarousel .jcarousel-prev-horizontal { background-position: 0px -362px; }
#smallCarousel .jcarousel-prev-horizontal:hover { background-position: -36px -362px; }
/* ### Skin for photo slideshow (1 visible) === */
.galleryCarousel h2,
.imageandvideocarousel h2 { border-bottom:none; padding-bottom:0; }
/* ### Skin for Clubs/Players/Manager Hero slideshow (1 visible) === */
.herosection.jcarousel-container { width:729px; height:504px; padding:0; }
.herosection.jcarousel-container .carousel { width:729px; }
.herosection.jcarousel-container .carousel li { position:relative; }
.herosection.jcarousel-container .carousel li a { width:729px; height:504px; display:block; }
.herosection.jcarousel-container .jcarousel-clip { width:729px; height:504px; }
.herosection.jcarousel-container .jcarousel-container-horizontal { padding:0px 18px; width:729px; }
/**
* TODO: Add rules for .jcarousel-next-disabled, .jcarousel-next-disabled - jmcguigan
*/
.jcarousel-skin-showcase .jcarousel-clip {width:490px;}
.jcarousel-skin-showcase .jcarousel-container-horizontal {
padding: 0 0;
width: 490px;
height:339px; /* without caption (remove height for the win) */
}
.jcarousel-skin-showcase .jcarousel-next-horizontal {
background: url(images/iconsprite.png) no-repeat -25px -147px #333;
cursor: pointer;
height: 25px;
position: absolute;
right:45px;
top: 294px;
width:25px;
z-index:8100;
}
.rgba .jcarousel-skin-showcase .jcarousel-next-horizontal,
.rgba .jcarousel-skin-showcase .jcarousel-prev-horizontal {
background-color:rgba(51,51,51,0.6)
}
.jcarousel-skin-showcase .jcarousel-next-horizontal:hover {
background-color:#fc9;
}
.jcarousel-skin-showcase .jcarousel-prev-horizontal {
position: absolute;
left:394px;
top: 294px;
width:25px;
height:25px;
z-index:8100;
cursor: pointer;
background: url(images/iconsprite.png) no-repeat 0 -147px #333;
}
.jcarousel-skin-showcase .jcarousel-prev-horizontal:hover {
background-color:#fc9;
}
.rgba .jcarousel-skin-showcase .jcarousel-next-horizontal:hover,
.rgba .jcarousel-skin-showcase .jcarousel-prev-horizontal:hover {
background-color:rgba(204,51,51,0.6)
}
/* TODO: Merge with galleryCarousel.css and defaults.css */
.imageandvideocarousel li {
position: relative;
cursor: pointer;
}
.imageandvideocarousel li a:hover {
text-decoration: none;
}
.imageandvideocarousel ul li,
.imageandvideocarousel ul li .image {
display: block;
width: 133px;
height: 92px;
overflow: hidden;
position: relative;
}
.imageandvideocarousel .overlay
.imageandvideocarousel .overlay .inner,
.imageandvideocarousel .overlay .inner .inner1 {
width: 133px;
}
.imageandvideocarousel li .overlay {
position: absolute;
left: 0;
bottom: 0;
display: block;
display: table-cell;
vertical-align: middle;
overflow: hidden;
font-size: 11px;
line-height: 1em;
}
.imageandvideocarousel .overlay .inner {
display: block;
display: table-cell;
vertical-align: middle;
height: 3em;
}
.imageandvideocarousel .overlay .inner .inner1 {
display: block;
overflow: hidden;
padding-top: 0.5em;
margin-bottom: 0.5em; /* needed to crop to exactly lines of text */
max-height: 2em;
}
.imageandvideocarousel .overlay .inner .inner2 {
display: block;
margin: 0 0.5em;
}
.no-js .imageandvideocarousel ul li,
.no-js .imageandvideocarousel ul li .overlay
{
position: static !important;
height: auto !important;
overflow: visible !important;
margin-bottom: 1em;
}
.imageandvideocarousel ul li img {
margin: auto;
display: block;
}
/****** .imageandvideocarousel .featured ******/
.imageandvideocarousel .featured ul li,
.imageandvideocarousel .featured ul li .image
{
width: 223px;
height: 154px;
}
.imageandvideocarousel .featured ul li .overlay,
.imageandvideocarousel .featured ul li .overlay .inner,
.imageandvideocarousel .featured ul li .overlay .inner .innerText
{
width: 223px;
}
.imageandvideocarousel .featured .jcarousel-container-horizontal,
.imageandvideocarousel .featured .jcarousel-clip {
width: 672px;
}
.imageandvideocarousel .featured .jcarousel-container-horizontal,
.imageandvideocarousel .featured .jcarousel-prev-horizontal,
.imageandvideocarousel .featured .jcarousel-next-horizontal {
height: 154px;
}
.imageandvideocarousel .featured .jcarousel-container-horizontal {
padding: 0 18px;
height: 161px;
}
.imageandvideocarousel .featured .jcarousel-prev-horizontal {
background: url(images/iconsprite.png) no-repeat -124px -375px #a3afbb;
}
.imageandvideocarousel .featured .jcarousel-next-horizontal {
background: url(images/iconsprite.png) no-repeat -169px -375px #a3afbb;
}
.imageandvideocarousel .featured .jcarousel-prev-horizontal:hover {
background-color: #5c6b7f;
}
.imageandvideocarousel .featured .jcarousel-next-horizontal:hover {
background-color: #5c6b7f;
}
.imageandvideocarousel .featured .jcarousel-prev-disabled {
background: #5c6b7f;
background-image: none;
}
.imageandvideocarousel .featured .jcarousel-next-disabled {
background: #5c6b7f;
background-image: none;
}
#kids .imageandvideocarousel .featured .jcarousel-prev-horizontal {
background: url(images/iconsprite.png) no-repeat -126px -375px #2f9589;
}
#kids .imageandvideocarousel .featured .jcarousel-next-horizontal {
background: url(images/iconsprite.png) no-repeat -170px -375px #2f9589;
}
#kids .imageandvideocarousel .featured .jcarousel-prev-disabled {
background-color: #244333;
}
#kids .imageandvideocarousel .featured .jcarousel-next-disabled {
background-color: #244333;
}
#kids .imageandvideocarousel .featured .jcarousel-prev-horizontal:hover
{
background-color: #244333;
}
#kids .imageandvideocarousel .featured .jcarousel-next-horizontal:hover
{
background-color: #244333;
}
/****** .imageandvideocarousel .videoOverlay ******/
.imageandvideocarousel .videoOverlay {
position: absolute;
display: block;
top: 7px;
right: 7px;
height: 24px;
width: 24px;
background: url(images/videos/bgrd_videoPreview.png);
}
.imageandvideocarousel .videoOverlay .inner {
position: relative;
display: block;
top: 0;
right: 0;
height: 24px;
width: 24px;
background: url(images/videos/btn-playvideos.png) 8px -31px no-repeat;
}
.imageandvideocarousel .featured .videoOverlay {
height: 34px;
width: 34px;
background: url(images/videos/bgrd_videoPreview.png);
}
.imageandvideocarousel .featured .videoOverlay .inner {
height: 34px;
width: 34px;
background: url(images/videos/btn-playvideos.png) 12px 6px no-repeat;
}
/**
* Main Image: 490x338
* Thumbnails: 74x51 x6
*/
.no-js .galleryThumbnail { display: none; }
.no-js .galleryView li { margin-bottom: 1em; }
.galleryCarousel,
.galleryCarousel .jcarousel-container,
.galleryCarousel .jcarousel-clip,
.galleryCarousel .galleryView,
.galleryCarousel .galleryThumbnail {
width: 490px;
position: relative;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.galleryCarousel li {
overflow: hidden;
position: relative;
margin: 0;
padding: 0;
}
.galleryCarousel .galleryView li { width: 490px; height: 338px; }
.galleryCarousel .galleryThumbnail li { width: 74px; height: 51px; cursor: pointer; }
.galleryCarousel .galleryView li .overlay { width: 490px; }
.galleryCarousel .galleryThumbnail li .overlay { width: 78px; cursor: pointer; }
.no-js .galleryCarousel li {
height: auto;
}
.no-js .galleryCarousel .overlay {
display: block;
position: relative;
width: 100%;
}
.galleryCarousel .overlay {
display: none; /* Made visible via javascript onHover */
position: absolute;
width: 100%;
left: 0;
bottom: 0;
color: white;
}
.galleryCarousel .overlay .inner {
display: block;
padding: 0.5em;
}
.galleryCarousel div.jcarousel-container-horizontal,
.galleryCarousel li.jcarousel-item-horizontal {
padding: 0;
margin: 0;
margin-right: 0;
}
.galleryCarousel .jcarousel-item-horizontal {
margin-right: 0;
}
.galleryCarousel img {
margin: 0;
padding: 0;
}
.galleryCarousel .galleryThumbnail { margin-top: 1px; }
/* Arrows */
.galleryCarousel .galleryView .jcarousel-prev,
#kids .galleryCarousel .galleryView .jcarousel-prev { left: 0; background:url("images/overview-prev-arrow.png") no-repeat 0 0; }
.galleryCarousel .galleryView .jcarousel-next,
#kids .galleryCarousel .galleryView .jcarousel-next { right: 0; background:url("images/overview-next-arrow.png") no-repeat 0 0; }
.galleryCarousel .galleryView .jcarousel-prev,
.galleryCarousel .galleryView .jcarousel-next {
height: 30px;
width: 30px;
top: 50%;
margin-top: -15px;
cursor: pointer;
position: absolute;
}
.galleryCarousel .galleryView .jcarousel-prev:hover,
.galleryCarousel .galleryView .jcarousel-next:hover,
#kids .galleryCarousel .galleryView .jcarousel-prev:hover,
#kids .galleryCarousel .galleryView .jcarousel-next:hover {
background-position: 0 100%;
}
.galleryCarousel .galleryView .jcarousel-prev-disabled,
.galleryCarousel .galleryView .jcarousel-next-disabled,
#kids .galleryCarousel .galleryView .jcarousel-prev-disabled,
#kids .galleryCarousel .galleryView .jcarousel-next-disabled {
display: none;
visibility: hidden; /* jCarousel adds display:block */
}
.galleryCarousel .galleryThumbnail .jcarousel-prev,
.galleryCarousel .galleryThumbnail .jcarousel-next {
height: 51px;
width: 18px;
cursor: pointer;
position: absolute;
}
.galleryCarousel .galleryThumbnail .jcarousel-prev { left: 0; background: url(images/iconsprite.png) no-repeat -125px -424px #a3afbb; }
.galleryCarousel .galleryThumbnail .jcarousel-next { right: 0; background: url(images/iconsprite.png) no-repeat -169px -424px #a3afbb; }
.galleryCarousel .galleryThumbnail .jcarousel-prev:hover,
.galleryCarousel .galleryThumbnail .jcarousel-next:hover { background-color:#5c6b7f; }
.galleryCarousel .galleryThumbnail .jcarousel-prev-disabled,
.galleryCarousel .galleryThumbnail .jcarousel-next-disabled { background: #5c6b7f; cursor: default; }
#kids .galleryCarousel .galleryThumbnail .jcarousel-prev { left: 0; background: url(images/iconsprite.png) no-repeat -124px -424px #2f9589; }
#kids .galleryCarousel .galleryThumbnail .jcarousel-next { right: 0; background: url(images/iconsprite.png) no-repeat -168px -424px #2f9589; }
#kids .galleryCarousel .galleryThumbnail .jcarousel-prev:hover,
#kids .galleryCarousel .galleryThumbnail .jcarousel-next:hover { background-color:#244333; }
#kids .galleryCarousel .galleryThumbnail .jcarousel-prev-disabled,
#kids .galleryCarousel .galleryThumbnail .jcarousel-next-disabled { background: #244333; background-image: none; }
.galleryCarousel .galleryThumbnail .jcarousel-clip { margin-left: 19px; margin-right: 19px; width: 452px; }