@charset "utf-8";
/* CSS Document :::::: global css styles  */
html, body, table, td, tr, th, h1, h2, h3, h4, h5, h6, p, ul, ol, li, input, select, div, iframe, hr, b, i, u{ margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6{line-height:normal; text-transform: capitalize;}
ul, ol, li{ list-style: none}
p{ margin: 8px 0 10px;}
h1{font-size:150%; color: #ec008c; font-weight: normal; border-bottom:2px solid #ec008c; padding: 3px 0; margin: 2px 0 10px;}
h2{font-size:110%; color: #626262;  padding: 3px 0; margin: 2px 0 3px;}
h3{font-size:100%;}
h4{font-size:90%}
.l{float: left}
.r{float:right}
.c{clear:both}
.themeColorInBG{ background-color:#ec008c;}
.themeColor{ color:#ec008c;}
.pink-border{border: 1px solid #ec008c;}
.block{ display: block;}
.white{color:#fff;}
h1 span { float: right; text-transform: lowercase; font-size: 70%; margin: 6px 0 0;}
body { margin:0 auto; background: #f0f4ef url('../images/body-bg.jpg') repeat-x left top; font-family: arial, helvetica, sans serif, tahoma; line-height: 130%; color: #333; font-size: 80%;}
a:link, a:visited, a:active{ color: #ec008c; text-decoration: none;}
a:hover, label:hover{ color: #ec008c; text-decoration: underline;}
label{vertical-align:baseline;}
.container{ background: url('../images/container-bg.jpg') repeat-x left bottom; margin: 0 auto; min-height: 100%; width: 100%;}
.bucket{ width: 980px; margin:0 auto; min-height:100%;}
.header{ min-height:202px; padding: 7px 0 0; background: #fff url('../images/header-bg.jpg') no-repeat top center; color:#fff;line-height: 140%;}
.header .logo{ background: url('../images/logo-bg.png') no-repeat center bottom; padding:0 16px 14px 15px;}
.small{ font-size: 18px;}
.normal{ font-size: 20px;}
.large{ font-size: 22px;}
.header .block{ width: 762px;}
small{ font-size: 11px;}
.header a:link, .header a:visited, .header a:active, .header a:hover{color: #fff; text-decoration: none; outline: none;}
.accessbility li { padding: 3px 5px; float: left; margin: 0 0 0 4px;}
.toplist{ background: url('../images/top-list-bg.jpg') repeat top left; margin: 4px 0 0; font-size: 100%; font-weight: bold; text-transform: capitalize;}
.toplist ul {padding: 0 4px;}
.toplist li { float: left; background: url('../images/top-list-separator.jpg') no-repeat right 13px; padding: 0 6px; color: #626262; text-align: center;}
.toplist li.last { background: none;}
.toplist li a:link, .toplist li a:visited, .toplist li a:active{ padding: 10px 0; color: #626262; display: block;}
.toplist li a:hover{color: #ec008c; background: url('../images/top-list-bull.png') no-repeat center 0px; display: block;}
.toplist li a.selected:link, .toplist li a.selected:visited, .toplist li a.selected:active{ color: #ec008c; background: url('../images/top-list-bull.png') no-repeat center 0px;}
.toplistII{ background: url('../images/top-listII-bg.jpg') repeat top left; font-size: 100%; text-transform: capitalize;}
.toplistII ul {padding: 0 4px;}
.toplistII li { float: left; background: url('../images/top-listII-separator.jpg') no-repeat right 12px; padding: 0 6px; color: #626262; text-align: center;}
.toplistII li.last { background: none;}
.toplistII li a:link, .toplistII li a:visited, .toplistII li a:active{ padding: 8px 0 5px; color: #000; display: block;}
.toplistII li a:hover{color: #ec008c;}

.content{ background: #fff; width: 952px; padding:14px;}
.lpanel{ width: 611px; padding: 0 14px 0 0;}
.rpanel{ width: 327px;}
.content-block{ clear: left; padding: 0 0 15px; float:left; width:100%;}
.news-block{ width: 193px; padding:0 13px 0 0; float: left;}

.news-block ul{ }

.news-block li{  }

.news-block-last{ padding:0;}
.news-block img{ margin: 10px 0;}
a.more:link, a.more:visited, a.more:hover, a.more:active{text-decoration: none; background: url('../images/more.png') no-repeat right 2px; padding: 0 15px 0 0; }
.partners-section{ /*background: #e5e5e5;*/ margin: 20px 0 30px; height:226px; overflow:hidden;}
a.join-now:link, a.join-now:visited, a.join-now:hover, a.join-now:active{text-decoration: none; display:block; border: 1px solid #ec008c; }
.fixture{ padding: 5px 10px; font-weight:bold; }
.fixture-01{ clear: both; background: #c2c2c2; color: #fff; width:214px; float:left;}
.fixture-02{ background: #a6a6a6; color: #fff; width:73px; float:left;}
.fixture-01 a:link, .fixture-01 a:visited, .fixture-01 a:active{ color: #fff; text-decoration: none;}
.fixture-01 a:hover{ color: #000; text-decoration: none;}
.fixture-alternate-01{ background: #d6d6d6; color: #4d4d4d;}
.fixture-alternate-02{ background: #bbb;}
.fixture-alternate-01 a:link, .fixture-alternate-01 a:visited, .fixture-alternate-01 a:active{ color: #4d4d4d; text-decoration: none;}
.fixture-alternate-01 a:hover{ color: #000; text-decoration: none;}
.see-all{ padding: 20px 0 5px;}
.listing-header{ padding: 4px; background: #f1f1f1; border: 1px solid #e3e3e3;}
.listing-content{ padding: 4px; border: 1px solid #e3e3e3; border-top: none; height:211px; overflow-y: scroll; overflow-x:hidden; color:#969595; font-size: 85%;}
.listing-content td { padding: 3px 0; border-bottom: 1px dashed #e3e3e3;}
.listing-content a { text-decoration: underline;}
.tabbed-more{ padding:7px 0 0;}

.defaultlist li { background: url('../images/default-bullet.png') no-repeat 0px 8px; padding: 3px 0 3px 14px; line-height: 140%;}
h2.five-yr{ font-size: 140%; text-align: center; color: #333;}
.club-st-listings{ width: 111px; padding: 10px 54px 0 0;}
.last-club-list{ padding: 10px 0px 0 0;}
.gray{ background: #eaeaea;}
.five-yr-block{ padding: 7px 15px 15px; line-height: 160%;}
.program-block{ border: 1px solid #e3e3e3; margin: 0 0 18px;}
.program-block-header, .league-block-header, .sleague-block-header { background: #333333; color: #fff; font-weight: bold; text-transform: uppercase;}
.program-block-header .panel1{ background:#ec008c url('../images/program-block-bullet.jpg') no-repeat right; padding: 7px 15px; width: 97px;}
.program-block-header .panel2{ padding: 7px 15px; width:452px;}
.league-block-header .panel1{ background:#ec008c url('../images/program-block-bullet.jpg') no-repeat right; padding: 7px 15px; width: 14px;}
.league-block-header .panel2{ padding: 7px 15px; width:535px;}
.sleague-block-header .panel1{ background:#ec008c url('../images/program-block-bullet.jpg') no-repeat right; padding: 7px; width: 0px;}
.sleague-block-header .panel2{ padding: 7px; width:299px;}
.sleague-block-listing-header{ border: 1px solid #e3e3e3; padding:12px 8px; background: #fff url('../images/program-block-bg.jpg') repeat-x top left;}
.league-list{ line-height: 140%; padding:0 0 2px;}
.league-list a:link, .league-list a:visited, .league-list a:active{ color: #000; text-decoration: none; background:url('../images/league-list.png') no-repeat 0 5px; padding-left:8px;}
.league-list a:hover{ color: #ec008c; text-decoration: none; background:url('../images/league-list-over.png') no-repeat 0 5px;}
.league-list a.nobg:link, .league-list a.nobg:visited, .league-list a.nobg:hover, .league-list a.nobg:active{ text-decoration: underline; background:none; padding-left:0; color: #ec008c;}
.league-list a.selected:link, .league-list a.selected:visited, .league-list a.selected:active, .league-list a.selected:hover{ padding-left:8px; color: #ec008c; text-decoration: none; background:url('../images/league-list-over.png') no-repeat 0 5px; font-weight: bold;}

.panel2 a:link, .panel2 a:visited, .panel2 a:active, .panel2 a:hover{ color: #fff; text-decoration: none;}

.league-container{ padding: 8px 0 10px;}

.program-block-listing-header{ border-right: 1px solid #e3e3e3; text-transform: uppercase; padding:12px 8px; font-size: 85%; background: #fff url('../images/program-block-bg.jpg') repeat-x top left; font-weight: bold;}
.program-block-listing{ background:#ddddde; font-size: 90%; border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 6px 8px;}
.no-border{ border: 0px;}
.no-r-border{ border-right:0px;}
.no-b-border{ border-bottom:0px;}

/* footer css */
.footer{ background: url('../images/pull-down-footer.png') no-repeat 12px top; color: #fff; padding: 9px 13px; width:954px;}
.footer h1{ border:none; padding: 8px 0 20px; color:#fff; margin:0; font-weight: bold;}
.footer ul{ width: 191px; padding: 0 0 5px; float: left;}
.footer li{ display: block; line-height: 180%;}
.footer a:link, .footer a:visited, .footer a:active{ color: #fff; text-decoration: none;}
.footer a:hover{ color: #fff; text-decoration: underline;}

.cricket{ color: #fff; /*text-align: center;*/ font-size: 120%; font-family: Helvetica; background: url('../images/newham-cc-footer-border.jpg') repeat-x; padding:20px 0; margin:14px 0 0; width:980px;}
.cricket a:link, .cricket a:visited, .cricket a:hover, .cricket a:active{ color: #fff; text-decoration: none;}
.cricket .r{ margin-top:1%;}

/*==tabs section==*/
ul.tabNavigation, ul.tabNavigationP { width:100%; overflow:hidden; border-bottom:1px solid #dfdfdf;}
ul.tabNavigation li, ul.tabNavigationP li {display: inline;}
ul.tabNavigation li a, ul.tabNavigationP li a { display:block; float:left; padding: 6px 11px; background-color: #e3e3e3; color: #939292; text-decoration: none; border:1px solid #dfdfdf; margin-right:3px; text-transform:uppercase; font-weight:bold; font-size:90%;}

ul.tabNavigation li a.selected,
ul.tabNavigation li a.selected:hover, ul.tabNavigationP li a.selected,
ul.tabNavigationP li a.selected:hover {background: #FFF; color: #ec008c; border-bottom:1px solid #fff;}
ul.tabNavigation li a:hover, ul.tabNavigationP li a:hover {background: #ccc; color: #000; border-bottom:1px solid #ccc;}

.box { border:1px solid #dfdfdf; border-top:none;}
.box .inner { padding:8px 10px;}
.tabs-container-fix {
    background: #fff url('../images/tabbed-container-bg.jpg') repeat-x bottom; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*==tabs section==*/
/*== featured box begin ==*/
#featured ul li img { border: 2px solid #fff;}
#featured {width:613px; position:relative; height:407px;}
#featured ul.ui-tabs-nav{ position:absolute; top:312px; left:0; list-style:none; padding:0; margin:0; width:615px; z-index:100;}
#featured ul.ui-tabs-nav li{ padding:1px 0; float:left; width:195px; height:88px; overflow:hidden; font-weight:bold; font-size:100%; line-height:130%; margin-right:2px; padding:7px 0 0 0;}

#featured ul.ui-tabs-nav li .inner { padding:7px; overflow:hidden; background:#b6b6b6;}
#featured ul.ui-tabs-nav li img { float:left; margin-right:7px;}
#featured ul.ui-tabs-nav li a { color:#fff; display:block;}
#featured ul.ui-tabs-nav li.last { padding-right:0;}
#featured ul.ui-tabs-nav li.ui-tabs-selected {background:url(../images/selected-item.png) no-repeat center top;}
#featured ul.ui-tabs-nav li.ui-tabs-selected div {background:#ec008c;}
#featured .ui-tabs-panel .info { width:588px; height:61px; background:url(../images/png-bg.png) left top; position:absolute; left:0; top:244px; color:#fff; line-height:1.5em; font-size:100%;}

#featured .info .inner { padding:10px 0 0 18px;}
#featured .info h2{ font-size:170%; color:#fff; line-height:.91em;}
#featured .info .button { background:url(../images/button.png) no-repeat left top; width:35px; height:35px; line-height:32px; font-size:100%; font-weight:bold; text-align:center; text-decoration:none; color:#ec008c; position:absolute; display:block; right:16px; top:14px;}
#featured .info .button:hover { background:url(../images/button-over.png) no-repeat left top; color:#ec008c;}
#featured .ui-tabs-hide {display:none; }

.error{ color: #f00; font-size: 13px;font-family: rockwell, verdana, arial; background:url(../images/warning.png) no-repeat left 6px; padding-left: 8px; }
/*== featured box end ==*/

.club-member-pic{ border: 1px solid #a6a6a6;}

/* poll section */
.poll-block{ background: #d94243; padding: 10px 15px; color: #000; line-height: 160%; font-size: 110%;}
.poll-block h2{ color: #ffff39; font-size: 160%; text-transform: none;}
.poll-block ul{ padding: 5px 0;}
.poll-block ul li { color: #fff; font-weight: bold; font-size:120%; background:url(../images/poll-ball.png) no-repeat 0 2px; padding: 0 0 8px 18px; line-height:120%;}
.poll-block a:link, .poll-block a:visited, .poll-block a:active{ color: #000; text-decoration: underline;}
.poll-block a:hover{ color: #000; text-decoration: none;}

/* drop down section */
ul { list-style: none; padding: 0; margin: 0;}
/* LEVEL ONE */
ul.dropdown { position: relative;}
ul.dropdown li { float: left; zoom: 1; outline:none;}
ul.dropdown a:hover	{ color: #ec008c; outline:none; }
ul.dropdown a:active { color: #626262; outline:none; }
ul.dropdown li a { display: block; text-decoration:none;}
ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; outline:none; background: url('../images/top-list-bull.png') no-repeat center 0px; }
ul.dropdown li.hover a { color: #ec008c; outline:none; background: transparent; }
/* LEVEL TWO */
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: -1px; border:1px solid #ebebeb; border-top:none; padding:0; }
ul.dropdown ul li { float: none; width: 220px; text-align: left; background: #fff; padding:0;}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a	{ padding:0; background: transparent; color:#626262; display: inline-block; }
ul.dropdown ul li a:hover { color:#ec008c; background: #fff;}
/* LEVEL THREE */
ul.dropdown ul ul { left: 100%; top: 0; }
ul.dropdown li:hover > ul { visibility: visible; }

ul.dropdown ul{ padding: 2px 0;}
ul.dropdown ul li a.innerDrops:link, ul.dropdown ul li a.innerDrops:visited, ul.dropdown ul li a.innerDrops:active{ color: #626262; text-decoration: none; padding: 2px 5px 2px 8px; font-size: 85%; font-weight: normal;}
ul.dropdown ul li a.innerDrops:hover{ color: #ec008c; text-decoration: none;}

/* breadcrubs */
#bread-crumb{ text-transform:uppercase; font-family: Helvetica, Arial; font-size:70%; background: url('../images/breadcrums_03.jpg') no-repeat top left; padding: 0 0 0 5px; margin: 0 0 12px;}
#bread-crumb .div1{ background: url('../images/breadcrums_09.jpg') no-repeat top right; padding: 0 5px 0 0;}
#bread-crumb .div1 .div2{ background: url('../images/breadcrums_07.jpg') 0 0; padding: 0px 12px; width: 577px;}
#bread-crumb .div1 .div2 .separator { background: url('../images/breadcrums_05.jpg') no-repeat top right; padding: 8px 25px 6px 0; margin: 0 15px 0 0;}
#bread-crumb .div1 .div2 .me { padding: 8px 25px 4px 0;}
#bread-crumb a { text-decoration:none;}

/* text boxes */
.txtbox{ padding: 2px; border-width: 1px; border-style: solid; border-color: #aaa #dcdcdc #dcdcdc #aaa; width:180px;}
.txtbox:hover, .txtbox:focus{ border-color: #ec008c;}
.txtbox-large{ width:400px; overflow:auto;}
.txtbox-captcha{ width:20px;}
.radio-class{vertical-align: middle;}

.submitbutton{ cursor: pointer; padding: 2px 5px; background: transparent; border-width: 1px; border-style: solid; border-color: #aaa #dcdcdc #dcdcdc #aaa;}
.submitbutton:hover, .submitbutton:focus{ border-color: #ec008c; color: #ec008c;}
.gallery-thumb{ padding: 8px; border:1px solid #ddd; background: #fff;}
.gallery-thumb-block{ padding:0 10px 10px 0; width:196px; float:left;}
.gallery-thumb-block-last{ padding:0 0 10px;}

a.download:link, a.download:visited, a.download:active, a.download:hover{color: #333; outline: none;}
a.download:hover{color: #ec008c; outline: none;}

.consentarea{ width:600px; height: 200px; overflow:auto; padding:0 8px;}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}