/* $Id$
Sitewide standard aspects of fonts, buttons, layout and positioning

Version history:
0.1 2007-05-29 Initial version
*/
/*@import "nav.css"; /* reset the css*/

/* 
1.5em = 24px;
1.126em = 18px;
1.063em = 17px;
0.877em = 14px
0.813em = 13px
0.75em = 12px 
0.689em = 11px
*/

.content #secondary-nav ul li { margin: 0; }

body
{
	background-position: #FFF;
	font: 1em arial,helvetica,sans-serif;
	padding: 0;
	margin: 0 auto;
	text-align: center;
	background: #FFF;
	color: #000;
	line-height: 1.15em;
	background-image: url('../images/layout-cb/grassedge_tile.jpg');
	background-repeat: repeat-x;
}

a:link, a:active, a:visited { color: #DC291E; text-decoration: underline; }
a:hover { text-decoration: none; }
h2 a.fourteen-bold {font-weight: bold; font-size:1.270em;}

strong { font-weight: bold; }

.fixPNG {
	behavior: url(iepngfix.htc)
}



.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}

.hspace
{
	padding-left: 5px;
	padding-right: 5px;
}

#container
{
	
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 968px;
}

/* setup base elements */
#container .content ul { margin-top: 14px; }
#container .content #secondary-nav ul { margin-top: 0; }

.home { padding: 0; display: inline-block; }
.custom { padding: 20px 0; display: inline-block; }
.landing {  }
.content {  }
.no-nav #right-panel, .no-nav #main-content { margin-top: 6px; }
.tab-nav #right-panel, .tab-nav #main-content { margin-top: 0; }

#hero-panel ul, #main-content ul, #tool-panel ul, .tool-panel ul { 
	margin: 6px 0; 
	list-style-image: none; 
	font-size: 0.75em;
}

#hero-panel ul li, #main-content ul li {
	list-style-type: none; background: url(../images/layout-cb/bullet.gif) 0 7px no-repeat; padding-left: 12px; margin: 6px 0;
}
#tool-panel ul li, .tool-panel ul li { 
	list-style-type: none; background: url(../images/layout-cb/arrow-tiny-bullet.gif) 0 center no-repeat; padding-left: 12px; margin: 6px 0; 
}

#container .red-banner { font-size: 1.126em; line-height: 1.126em;  }
.home-page .red-banner { color: #dc291e; }
.business-page .red-banner { color: #555; }

h2.red-banner
{
	margin-top: 20px;
	clear: both;
}


.one-third-promo .promo-body, .two-thirds-promo .promo-body, .three-thirds-promo .promo-body, .one-half-promo .promo-body { padding: 6px; }
#container .promo-body h2 { margin: 0; }
.two-thirds-promo ul li { background-position: 0 3px; }
.three-thirds-promo { 
	float: left; 
	width: 706px; 
	margin: 6px 0 6px 6px;
	color: #000;
}
.one-half-promo { 
	float: left; 
	width: 351px; 
	margin: 6px 0 6px 6px;
	color: #000;
	display: inline;
}
.two-thirds-promo { 
	float: left; 
	width: 468px; 
	margin: 6px 0 6px 6px; 
	color: #000; 
	display: inline;
}
.one-third-promo
{
	float: left;
	width: 230px;
	margin: 6px 0 6px 6px;
	color: #000;
	height: 200px;
	display: inline;
}
.sub-content .one-third-promo { width: 178px; margin-left: 0; margin-right: 6px; }
.sub-content .one-half-promo { width: 271px; margin-left: 0; margin-right: 6px; }
.sub-content .two-thirds-promo { width: 364px; margin-left: 0; margin-right: 6px; }
.sub-content .three-thirds-promo { width: 551px; margin-left: 0; margin-right: 6px; }

#main-content ol { list-style-type: decimal; font-size: 0.75em; margin:
15px 0 15px 30px;  }
#main-content ol li { margin: 4px 0; }
#main-content ol ol { font-size: 1em; margin-top: 6px; margin-bottom: 6px; }

/* business specific styles */
.business-page .home, .business-page .landing, .business-page .content { background: #fff; }
.business-page .home { border: 1px solid #3f3f3f; }

.business-page .product-promo { border: 1px solid #A8CBE1; }

.business-page .promo-panel { width: 100%; }

.business-page .promo-panel .promo-content { padding: 14px 6px; }
.business-page .promo-panel .promo-content ul { margin: 12px; width: 300px; }
.business-page #main-content .promo-panel p { color:#000; margin:10px; margin-right:10px; font-size:0.813em;}
.business-page .promo-panel li { color:#000; margin:10px; margin-right:10px; font-size:0.813em;}

.private-page .one-third-promo { border: 1px solid #ccc; }
.home-page .home .one-half-promo
{
	background-color: #fff;
}
.home-page .home .three-thirds-promo {	border: 1px solid #cccccc; background-color: #fff; }
.home-page .home .one-third-promo {	border: 1px solid #cccccc;	background-color: #fff; }
.home-page .home .two-thirds-promo { border: 1px solid #cccccc;	background-color: #fff; }
.home-page .custom .one-half-promo { border: 1px solid #cccccc;	background-color: #fff; }
.home-page .custom .three-thirds-promo { border: 1px solid #cccccc; background-color: #fff; }
.home-page .custom .one-third-promo { border: 1px solid #cccccc; background-color: #fff; }
.home-page .custom .two-thirds-promo { border: 1px solid #cccccc; background-color: #fff; }
.home-page .sub-content .one-third-promo { border: 1px solid #cccccc; background-color: #fff; }
.home-page .sub-content .one-half-promo { border: 1px solid #cccccc; background-color: #fff; }
.home-page .sub-content .two-thirds-promo { border: 1px solid #cccccc; background-color: #fff; }
.home-page .sub-content .three-thirds-promo { border: 1px solid #cccccc; background-color: #fff; }



.business-page .one-third-promo { border: 1px solid #cfcfcf; background-color: #fff;  }
.business-page .two-thirds-promo { border: 1px solid #cfcfcf; background-color: #fff;  }
.business-page .three-thirds-promo { border: 1px solid #cfcfcf; background-color: #fff;  }
.business-page .one-half-promo { border: 1px solid #cfcfcf; background-color: #fff;  }
.business-page .sub-content .one-third-promo { border: 1px solid #cfcfcf; background-color: #fff;  }
.business-page .sub-content .one-half-promo { border: 1px solid #cfcfcf; background-color: #fff;  }
.business-page .sub-content .two-thirds-promo { border: 1px solid #cfcfcf; background-color: #fff;  }
.business-page .sub-content .three-thirds-promo { border: 1px solid #cfcfcf; background-color: #fff;  }

#container .business-over1m {background:#fff url(../images/layout-cb/landing-page-bus-over1m.jpg) top right no-repeat;}
.business-page .business-under1m {background:#fff url(../images/layout-cb/landing-page-bus-under1m.jpg) 100% 0% no-repeat;}

.business-page .business-agri {background:#fff url(../images/layout-cb/landing-page-bus-agri.jpg) 100% 0% no-repeat;}
.business-page .content .promo-body { height: auto; padding-bottom: 14px; }

.business-page .content .promo-body h2 { margin: 8px 0 0 0; }
.business-page .content .promo-body p { margin: 14px 0 0 0; }
.business-page .content .promo-body ul { font-size: 0.75em; }

.business-page .title-holder { background: url(../images/layout-cb/business-tools-title-bg.png) top left no-repeat; margin-left: -13px; padding: 3px 0 3px 24px; }

.business-page .tool-panel { 
	background: #D3DAD2 url(../images/layout-cb/personal-right-tools-bg.jpg) top left repeat-x; 
	width: 239px; 
	margin-left: 3px; 
	border-bottom: 1px solid #eee; 
	padding: 3px 0; 
}

.business-page .tool-panel h3 { color: #000; font-size: 0.877em; margin: 6px 0 0 12px; display: block; }
.business-page .tool-panel ul.pdf-list { margin: 6px 0 6px 12px; font-size: 0.75em; }
.business-page #right-panel .last, .business-page .right-panel-lower .last { border-bottom: none; padding-bottom: 4px; }
.business-page .tool-panel label { color: #000; font-size: 0.877em; margin: 6px 0 0 12px; display: block; }
.business-page .tool-panel select { width: 168px; margin: 6px 0 6px 12px; }
.business-page .tool-panel p { margin: 6px 0 6px 12px; font-size: 0.75em; }
/* end business specific styles */

/* homepage promos */
#container .business-over1m .two-thirds-promo, #container .business-agri .two-thirds-promo, #container .landing-private .two-thirds-promo { border: none; background: none; }
#container .landing-private .two-thirds-promo { color: #cccccc; }
#container .landing-private a { color: #fff; }
#container .business-over1m .one-third-promo, #container .business-agri .one-third-promo, #container .landing-private .one-third-promo  { border: none; background: #707070; color: #fff; margin-top: -14px; }
#container .business-over1m .one-third-promo a, #container .business-agri .one-third-promo a, #container .landing-private .one-third-promo { color: #fff; }
#container .business-over1m .one-third-promo ul.small-arrows li, #container .business-agri .one-third-promo ul.small-arrows li, #container .landing-private .one-third-promo ul.small-arrows li, #container .landing-private .two-thirds-promo ul.small-arrows li { background: transparent url(../images/layout-cb/arrow-tiny-bullet-white.gif) left 7px no-repeat; }
/* end homepage promos */

/* business routing specific styles */
#container .business-routing { width: 962px; background: #000 url(../images/layout-cb/landing-page-bus-routing.jpg) top left no-repeat; }
#container .business-routing .home { width: 962px; padding-top: 30px; background: none; }
#container .business-routing .home h1 { color: #fff; text-align: center; margin-bottom: 10px; }

.business-routing .three-col { float: left; color: #fff; width: 320px; padding-bottom: 190px; padding-top: 20px; }
.business-routing #col-agri:hover { background: #111 url(../images/layout-cb/bg-business-routing-rollover-agr.jpg) top left no-repeat; }
.business-routing #col-over:hover { background: #111 url(../images/layout-cb/bg-business-routing-rollover-u1m.jpg) top left no-repeat; }
.business-routing #col-less:hover { background: #111 url(../images/layout-cb/bg-business-routing-rollover-o1m.jpg) top left no-repeat; }
.business-routing .three-col .panel-content { margin: 0 20px 0 24px; }
#container .business-routing .three-col p { font-size: 0.75em; line-height: 1.4em; margin: 0 0 14px 0; color: #cccccc }
#container .business-routing .three-col h2 { margin-bottom: 14px; line-height: 1.6em; margin-bottom: 20px; }
#container .three-col h2 a { color: #fff; text-decoration: underline; font-weight: bold; }
/* end business routing */

/* personal specific styles */

/* different background styles for the main content sections */
.home-page .home { background: #fff url(../images/layout-cb/landing-page-personal-home.jpg) top left no-repeat; }
.home-page .landing { background: #fff; }
.home-page .content { background: #fff; }

.home-page .content #secondary-nav-holder .sub-content ul
{
	padding-left: 30px;
}

.home-page .content h2
{
	margin: 8px 0 0 0;
	padding-left: 14px;
	display: block;
}
.home-page .content p
{
	font-size: 0.75em;
	margin-right: 0;
	margin-bottom: 10;
	padding-left: 14px;
	padding-right: 14px;
	margin-top: 10px;
	padding-bottom: 10px;
}

.home-page .content ul
{
	margin-top: 50px;
	margin-bottom: 50px;
}


/* tool panel styles */
.title-holder
{
	padding: 3px 0 6px 5px;
	background-color: #000000;
	
}

.title-holder h2
{
	padding: 2px 5px 20px 5px;
	color: #fff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 14px;
	letter-spacing: -.05em;
	display: inline-block;
}

.leagueTablePanel
{
	
	
	width: 240px;

	background-color: #000000;

}


.tool-panel h3 { font-size: 0.877em; margin: 6px 0 0 12px; display: block; }
.tool-panel ul.pdf-list { margin: 6px 0 6px 12px; font-size: 0.75em; }
.tool-panel label { font-size: 0.877em; font-weight: bold; margin: 6px 0 0 12px; display: block; }
.tool-panel select { width: 168px; margin: 6px 0 6px 12px; }
.tool-panel p { margin: 6px 0 6px 12px; font-size: 0.75em; }
.tool-panel ul { 
	margin-left: 12px; 
}

#right-panel .last, .right-panel-lower .last { border-bottom: none; padding-bottom: 4px; }

.home-page .title-holder
{
	background-position: left top;
	background: url(../images/layout-cb/personal-tools-title-bg.png) top left no-repeat;
	background-color: #000000;
}
.private-page .title-holder { background: url(../images/layout-cb/private-tools-title-bg.png) top left no-repeat; }
.private-page .tool-panel { 
	background: #D3DAD2 url(../images/layout-cb/personal-right-tools-bg.jpg) top left repeat-x; 
	border-bottom: 1px solid #eee; 
}

.private-page .tool-panel a:link, .private-page .tool-panel a:active, .private-page .tool-panel a:visited { color: #333333; text-decoration: underline; }
.private-page .tool-panel a:hover { color: #333333; text-decoration: none; }

.private-page #right-panel .last, .private-page .right-panel-lower .last { border-bottom: 1px solid #555; }
.private-page #promo-right { width: 239px; background: #fff; margin-right: 2px; float: right; margin-top: 6px; display: inline; color: #000; }
.private-page #promo-right a { color: #fff; }
.private-page #promo-right { background: #000; color: #fff; }
.private-page #promo-right h2 { margin: 6px 12px 0 12px; font-size: 1.126em; padding: 4px 0 2px 0; }
.private-page #promo-right p { margin: 12px; font-size: 0.75em; }
/* end personal specific styles */

/* private specific styles */
.private-page .home { background: #000 url(../images/layout-cb/private-landing-page-bg.jpg) left top no-repeat; border: 1px solid #696969; color: #000; }
.private-page .content { background: #fff; }

#container .landing-private { }
#container .car-couple { background: transparent url(../images/layout-cb/landing-pages-carcouple.jpg) bottom right no-repeat; padding-bottom: 160px; }
/* end private specific styles */

/* top bradcrumbs */
#bread-crumb { float: left; padding: 5px 0 2px 0; font-size: 0.689em }
#bread-crumb span { font-weight: bold; margin-right: 10px; }
#bread-crumb span.arrow { color: #777; margin: 0 3px; }
#bread-crumb a:link, #bread-crumb a:active, #bread-crumb a:visited
{
	color: #999999;
	text-decoration: none;
	margin: 0 3px;
}
#bread-crumb a:hover
{
	text-decoration: underline;
	color: #666666;
	margin: 0 3px;
}
/* end breadcrumb */

/* header */
#header
{
	background-position: #FFF;
	border-top: 1px solid #333;
	padding-top: 6px;
	font-size: 0.689em;
	margin-right: 0px;
	border-top-color: #CCCCCC;
}

#header a:link, #header a:active, #text-size a:link, #text-size a:active { color: #ddd; text-decoration: underline; }
#header a:visited, #text-size a:visited { color: #aaa; text-decoration:underline; }
#header a:hover, #text-size a:hover { text-decoration: none; }

#header .panel-nav a:link, .panel-nav a:active { color: #000; text-decoration: underline; }
#header .panel-nav a:visited { color: #000; text-decoration: underline; }
#header .panel-nav a:hover { text-decoration: none; }

#container #header .panel-nav p.last a { color:#aaa; }

.empty-header { padding-bottom: 0px; }

#logo
{
	float: left;
	padding: 12px 13px 12px 0;
}

#text-size { float: right; font-size: 0.689em }
#text-size li { float: left; padding: 5px 3px 0px 3px; }
#text-size li img { margin-top: 0px; }
#text-size li.text-label { padding-left: 6px; }
#text-size #view-only { padding-right: 12px; background: #000 url(../images/layout-cb/divider.gif) 100% 65% no-repeat; }
#text-size #view-all { display: none; }
/* end header */

/* login / search panel */
#search-login
{
	background-position: left bottom;
	float: right;
	background: #666666 url(../images/layout-cb/login-search-bg.jpg) no-repeat left bottom;
	width: 520px;
	margin-right: 0;
	display: inline;
	padding-bottom: 6px;
}

#quickloginContainer
{
	width: 520px;
	height: 110px;
	float: right;
}

#quickloginContainer
{
	
	width: 520px;
	height: 110px;
	float: right;
}
.quickLoginContainerL
{
	behavior: url(iepngfix.htc);
	left: 0px;
	top: 0px;
	width: 5px;
	height: 110px;
	float: left;
}
.quickLoginContainerR
{
	behavior: url(iepngfix.htc);
	top: 0px;
	right: 0px;
	width: 5px;
	height: 110px;
	float: right;
}

#quickLogin
{
	behavior: url(iepngfix.htc);
	padding: 5px;
	background-image: url('../images/layout-cb/quickloginBg.png');
	width: 500px;
	height: 100px;
	background-repeat: repeat;
	margin-left: 5px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

#quickLogin .qloginTF
{
	padding: 2px;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	font-size: 1.1em;
}

#quickLogin h1
{
	font-size: 1.3em;
	margin-bottom: 3px;
	
	font-weight: bold;
}


#search-box, #login-box { float: left; width: 240px; color: #fff; background: #000 url(../images/layout-cb/login-search-bg.jpg) top left no-repeat; padding: 6px 0 0 0; margin-bottom: -1px; }
#login-box { background-position: 2px top; padding-bottom: 18px; }
#search-box label { display: block; margin-bottom: 6px; padding-bottom: 0; }

#login-box { margin-left: 5px; }
#login-box form *, #search-box form input { margin-left: 12px; float: left; margin-right: 2px; }

.panel-nav {position:relative; color:#000000;}
#container .panel-nav p.last { margin: 0 0 6px 12px; clear: both; padding-top: 3px; }
.panel-nav div { float: left; }
.panel-nav div div, .panel-nav div ul {display:none; margin:0; padding:0; position:absolute; top: 6px; left: 0; z-index:9999; }
.panel-nav div ul { width: 220px; border-bottom: solid 1px #aaada9; padding: 10px 0; }
.panel-nav div div span { display: none; }
.panel-nav div ul li {margin:0; padding:0px 10px; display:block; color: #333333}

.panel-nav div#block_login_title {  
	width: 100px;
	height: 24px;
	z-index: 999;
	background: url(../images/layout-cb/login-panel.gif) no-repeat top left;
	margin-left: 12px;
}

.panel-nav div div#block_register_title {
	width: 100px; 
	margin-left: 132px; 
	height: 28px;
	z-index:999; 
	background: url(../images/layout-cb/register-panel.gif) -120px top no-repeat;
}

.panel-nav ul#block_login_content {  background: url(../images/layout-cb/login-panel.gif) no-repeat left -24px; top: 30px; margin-left: 12px; }
.panel-nav ul#block_register_content {  background: url(../images/layout-cb/register-panel.gif) no-repeat left -24px; top: 30px; margin-left: 12px; }

.panel-nav #bar_login { padding-left: 12px; padding-top: 6px; padding-right: 10px; }
.panel-nav #bar_register { padding-left: 10px; padding-top: 6px; }

.panel-nav div:hover ul, .panel-nav div:hover div {display:block;}

#search-box #searchfield { width: 148px; padding: 2px 0; color: #fff; }
#container #search-box form { margin: 0; padding: 0; clear: both; }
#search-box form input.image-button { margin-left: 6px; float: left; margin-top: 1px; color: #fff }
#container #search-box ul { clear: both; margin: 0 0 6px 12px; padding-top: 3px; font-size: 1em; }
#container #search-box li { float: left; padding-right: 14px; padding-top: 0; margin-top: 0; }
#container #search-box li.last { padding-right: 0; }
#login-box form { margin-top: 12px; }
#search-login ul.small-arrows li { background: url(../images/layout-cb/arrow-tiny-bullet-white.gif) left center no-repeat; padding-left: 12px }
/* end login / search panel */

/* nav SEE main-nav.css */

/* main content */
#main-content
{
	width: 720px;
	margin-top: 10px;
	float: left;
	min-height: 350px;
	display: inline;
	background-color: #FFFFFF;
}
#main-content h1
{
	font-size: 1.5em;
	color: #666666;
	font-weight: bold;
	padding: 8px 0 8px 0;
	margin-top: -8px;
	margin-left: 6px;
	margin-bottom: 6px;
	font-weight: normal;
	
}


.sub-content { float: left; padding: 14px 6px 20px 6px; padding-right: 0; color: #000; width: 558px; min-height: 458px;}

#main-content .sub-content h1
{
	padding: 8px 0 8px 0;
	margin: 0 20px 20 14px;
	color: #666666;
	font-weight: bold;
	
	line-height: 18px;
	font-size: 1.5em;
	letter-spacing: -.06em;
}
.sub-content h2
{
	font-size: 0.877em;
	font-weight: bold;
	padding-top: 10px;
	display:inline;
}
.sub-content h3
{
	font-weight: bold;
	margin-top: 12px;
	font-size: 0.877em;
	margin-left: 2px;
}

.sub-content h2.red-banner {font-size: 0.877em;}

.sub-content h2.news-sectionhome
{
	
	font-size: 0.877em;
	width: 220px;
	display: inline;
}

.sub-content .hero-promo .promo-content h2.sectionhome
{
	font-size: 1.5em;
	width: 320px;
	display: inline;
}

.business-page .sub-content {width:559px;}

.sub-content .main-page { width: 525px; margin: 0 14px; }
.private-page .sub-content .main-page { width: 525px; margin: 0 14px; padding-bottom: 20px; }
.sub-content .main-page ul { margin: 14px 0; font-size: 0.75em; }
#container .sub-content .main-page ul li ul { font-size: 1em; margin-left: 0; margin-top: 0; margin-bottom: 0; }

.sub-content .main-page p { margin: 14px 0 0 0; font-size: 0.75em; line-height: 1.5em; }
.sub-content .main-page h2 { margin: 14px 0 0 0; font-size: 1.126em; line-height: 1.126em; font-weight: normal; }




.home-page .sub-content .main-page h2 { color: #dc291e; }
.business-page .sub-content .main-page h2 { color: #555; }
/* end main content */

/* secondary nav */
#secondary-nav { width: 153px; float: left; font-size: 0.9175em; }
#container #secondary-nav ul { font-size: 0.749em; list-style-type: none; margin: 0; padding: 0; }
#container #secondary-nav ul li ul { list-style-type: none; font-size: 1em; }
#container #secondary-nav ul li { margin: 0; padding: 0; background-image: none; }
#container #secondary-nav ul li a { padding: 8px 14px; display: block; text-decoration: none; }
#container #secondary-nav ul li a:hover { text-decoration: underline; }
#container #secondary-nav ul li ul li a { padding: 8px 14px 8px 22px; background-position: 10px center; }
#container #secondary-nav ul li ul li ul li a { padding: 8px 14px 8px 30px; background-position: 18px center; }
#container #secondary-nav ul li ul li ul li ul li a { padding: 8px 14px 8px 38px;  background-position: 26px center; }
#container #secondary-nav ul.second-sub-nav li a { border-bottom: none; }

.home-page #secondary-nav-holder { background: url(../images/layout-cb/secondary-nav-bg-personal.gif) top left repeat-y; }
.home-page #secondary-nav ul li a { background-color: #d5d5d5; border-bottom: 1px solid #f5f5f5; color: #000; }
.home-page #secondary-nav ul li.active a { background-color: #282828; color: #fff; }
.home-page #secondary-nav ul li ul li a { background: #f5f5f5 url(../images/layout-cb/subnav-arrow-black.gif) 10px center no-repeat; border-bottom: 1px solid #fff; }
.home-page #secondary-nav ul li ul li.active a { color: #525252; background: #f5f5f5 url(../images/layout-cb/subnav-arrow-mgrey.gif) 10px center no-repeat; }

.business-page #secondary-nav-holder { background: url(../images/layout-cb/secondary-nav-bg-business.gif) top left repeat-y; }
.business-page #secondary-nav ul li a {  background-color: #e5e5e5; border-bottom: 1px solid #fbfbfb; color: #666666; }
.business-page #secondary-nav ul li.active a { background-color: #666666; color: #fff; }
.business-page #secondary-nav ul li ul li a { color: #717171; background: #ccc url(../images/layout-cb/subnav-arrow-mgrey.gif) 10px center no-repeat; border-bottom: 1px solid #fbfbfb; }
.business-page #secondary-nav ul li ul li.active a { color: #000000; background: #ccc url(../images/layout-cb/subnav-arrow-black.gif) 10px center no-repeat; }

.private-page #secondary-nav-holder { background: url(../images/layout-cb/secondary-nav-bg-private.gif) top left repeat-y; }
.private-page #secondary-nav ul li a { background-color: #e5e5e5; border-bottom: 1px solid #fbfbfb; color: #666666; }
.private-page #secondary-nav ul li.active a { background-color: #666666; color: #fff; }
.private-page #secondary-nav ul li ul li a { color: #717171; background: #ccc url(../images/layout-cb/subnav-arrow-mgrey.gif) 10px center no-repeat; border-bottom: 1px solid #fbfbfb; }
.private-page #secondary-nav ul li ul li.active a { color: #000000; background: #ccc url(../images/layout-cb/subnav-arrow-black.gif) 10px center no-repeat; }
/* end secondary nav */


/* promo panels */
.hero-promo { width: 551px; padding: 14px 0; }
.hero-promo .promo-content { padding: 0 14px; }
.home .hero-promo .promo-content
{
	padding: 0 0 0 14;
}
.hero-promo h2
{
	margin: 0 0 14px 0;
	color: #000;
}
#main-content .hero-promo .promo-content h2.homepage
{
	
	padding: 10px 0px 0px 0px;
	display: block;
}

.hero-promo .promo-content h2
{
	margin: 0px;
	padding: 10px 0px 0px 0px;
	color: #000;
	font-size: 1.4em;
	width: 350px;
	letter-spacing: -.075em;
	font-weight: bold;
	display: inline;
}
.hero-promo .promo-content h3
{
	color: #000;
	padding-left: 10px;
	font-size: .7em;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
}

.hero-promo .promo-content p
{
	color: #000;
	padding-left: 0px;
	font-size: .8em;
	padding-right: 5px;
}

.hero-promo .promo-content h2 a
{
	color: #FF0000;
	text-decoration: none;
}

.hero-promo .promo-content h2 a:hover
{
	color: #666666;
}


.hero-promo .promo-content-image
{
	padding: 0px;
	border: 2px solid #FFFFFF;
	width: 330px;
	max-height: 240px;
	float: right;
	margin-top: 10px;
	margin-right: 0px;
	text-align: center;
	overflow: hidden;
	display: inline;
	margin-left: 5px;
	background-color: #FFFFFF;
}

* html .hero-promo .promo-content-image
 { 
   height: expression( this.scrollHeight > 239 ? "240px" : "auto" ); /* sets max-height for IE */

}



//*.hero-promo table { margin-left: -13px; margin-right: -13px; width: 550px; position: relative; left: -13px; } *//

.ss-promo table
{
	color: #333333;
}

.text-w300 p, .text-w300 ul { width: 300px; }
.text-w330 p, .text-w330 ul { width: 330px; }
.text-w400 p, .text-w400 ul { width: 400px; }

.business-page .hero-promo { border: 1px solid #cfcfcf; color: #000; }
.business-page .home .hero-promo { border: none; }
.home-page .hero-promo { border: 1px solid #d2d2d2; }
.private-page .hero-promo { border: none; }
.template-page .hero-promo { border: none; }

.home .hero-promo { border: none; background: none; width: 720px; padding: 0; height: 492px; float: left; z-index: 1; }
.private-page .home .hero-promo { border: none; background: none; width: 720px; padding: 0; height: 392px; float: left; }
.custom .hero-promo { border: none; background: none; width: 708px; margin-left: 6px; padding: 0 0 14px 0; height: 200px; }
.home #business-hero { height: auto; }
#container .no-border { border: none; }

.home-page .home .small-promo-panels { margin-top: -210px; float: left; position: relative; }
.business-page .home .small-promo-panels { margin-top: -240px; float: left; }
.private-page .home .small-promo-panels { margin-top: -140px; float: left; }



.promo-content p, .promo-content ul { font-size: 0.75em; margin-top: 14px; }

.insurance-promo { background: #fff url(../images/layout-cb/personal-insurance.jpg) bottom right no-repeat; }
.current-promo { height: 195px; background: #fff; }
.finance-promo { background: #fff url(../images/layout-cb/landing-page-finance.jpg) bottom right no-repeat;  }
.day-to-day-promo { background: #fff url(../images/layout-cb/business-day-to-day.jpg) bottom right no-repeat; }
.loans-promo { background: #fff url(../images/layout-cb/personal-loans.jpg) bottom right no-repeat; }
.mortgages-promo { background: #fff url(../images/layout-cb/personal-mortgages.jpg) bottom right no-repeat; }
.product-promo { background: #fff; }
.current-account-promo { background: #fff url(../images/layout-cb/business-current-acct.jpg) bottom right no-repeat; }
.insurance-promo-two { background: #fff url(../images/layout-cb/landing-page-personal-insurance.jpg) bottom right no-repeat; }
/* end promos */

/* small promo panels */
.one-third-promo ul li, .two-thirds-promo ul li, .three-thirds-promo ul li { margin-bottom: 6px; }

.one-third-promo h2, .two-thirds-promo h2, .three-thirds-promo h2, .one-half-promo h2
{
	font-size: 0.875em;
	font-weight: bold;
	letter-spacing: -.05em;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
}
.one-third-promo h2 a
{
	text-decoration: none;
}

.one-third-promo h2 a:hover
{
	color: #666666;
}

.one-third-promo h4, .two-thirds-promo h4, .three-thirds-promo h4, .one-half-promo h4
{
	font-size: 0.775em;
	font-weight: bold;
	letter-spacing: -.05em;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	
}

.one-third-promo h4 a
{
	text-decoration: none;
}

.one-third-promo h4 a:hover
{
	color: #666666;
}

.one-third-promo p, .two-thirds-promo p, .three-thirds-promo p, .one-half-promo p
{
	font-size: 0.75em;
	margin-top: 8px;
	margin-right: 5px;
	margin-left: 5px;
}

.small-promo-panels .one-third-promo p
{
	
	padding-left: 0px;
	padding-right: 5px;
}

.one-third-promo img, .two-thirds-promo img, .three-thirds-promo img, .one-half-promo img
{
	float: right;
	
}
.one-third-promo .promo-body img, .two-thirds-promo .promo-body img, .three-thirds-promo .promo-body img, .one-half-promo .promo-body img { margin: 8px 0; }

#container .light-grey { color: #666; margin-top: 0; margin-bottom: 8px; }
/* end small promo panels */

/* Score Selector panels */
.ss-promo { width: 700px; padding: 14px 0; }
.ss-promo .promo-content { padding: 0 14px; }
.home .ss-promo .promo-content { padding: 0; }
.ss-promo h2
{
	margin: 0 0 14px 0;
	color: #000;
}


.ss-promo .promo-content h2
{
	margin: 0px;
	padding: 10px 0px 0px 10px;
	color: #000;
	font-size: 1.4em;
	letter-spacing: -.075em;
	
	font-weight: bold;
}

.ss-promo .promo-content h2 em
{
	color: #FF0000;
	font-weight: bold;
	font-style: normal;
}

.ss-promo .promo-content h3
{
	color: #000;
	padding-left: 10px;
	font-size: 1.1em;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
}

.ss-promo .promo-content h3.standings
{
	padding-left: 0px;
	margin-left: 0px;
	color: #FF0000;
	font-size: 1em;
	margin-bottom: 8px;
}

.ss-promo .promo-content h3 em
{
	color: #FF0000;
	font-weight: bold;
	font-style: normal;
}


.ss-promo .promo-content h4
{
	color: #000;
	padding-left: 10px;
	font-size: .8em;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
}

.ss-promo .promo-content h4 em
{
	color: #FF0000;
	font-weight: bold;
	font-style: normal;
}


.ss-promo .promo-content p
{
	color: #000;
	padding-left: 10px;
	font-size: .8em;
	padding-right: 5px;
}

.ss-promo .promo-content p em
{
	color: #FF0000;
	font-weight: bold;
	font-style: normal;
}


.ss-promo .promo-content h2 a
{
	color: #FF0000;
	text-decoration: none;
}

.ss-promo .promo-content h2 a:hover
{
	color: #666666;
}

.ss-promo .promo-content ol
{
	padding-left: 14px;
	padding-right: 14px;
}

.ss-promo .promo-content ol li
{
	color: #333333;
	
}

.ss-promo .promo-content table
{
	color: #000000;

}


/* right-hand-panel */
#right-panel
{
	float: right;
	width: 240px;
	margin-top: 10px;
	color: #000;
	position: relative;
	display: inline;
	background-color: #FFFFFF;
}
#right-panel .help { margin-left: 0; }
#container .top-panel { margin-right: 0; margin-top: 40px; }

.right-panel-lower { float: right; width: 245px; color: #000; margin-top: 6px; clear: right; }
.right-panel-lower .title-holder { margin-bottom: 1px; }

input.rhs-textfield {margin: 6px 0 6px 12px; }

#promo-right
{
	width: 240px;
	background: #fff;
	float: right;
	margin-top: 6px;
	display: inline;
	color: #000;
	clear: right;
}

#promo-right h2 { margin: 6px 12px 0 12px; font-size: 1.126em; padding: 4px 0 2px 0; }
#promo-right p { margin: 12px; font-size: 0.75em; }

#latest-news { background: #d3dad2;width:239px; margin-left:3px; height:95px;}
#latest-news h3 {font-size:0.9em;margin :3px 12px}
#latest-news ul {margin-top:8px;}
#latest-news li {background: url(../images/layout-cb/arrow-tiny-bullet.gif) 0px 4px no-repeat; padding-left: 12px; font-size:0.75em; margin: 2px 8px 2px 12px }

/* end right-hand-panel */

/* footer */
#footer
{
	clear: both;
	background: #FFF url(../images/layout-cb/footer-bg.jpg) top left repeat-x;
	text-align: center;
	padding: 12px 0;
	width: 968px;
	margin: 6px auto 6px auto;
	float: right;
	color: #333333;
	font-size: 0.689em;
}
#footer ul { list-style-type: none; margin:0; padding: 0; text-align:center; margin-bottom: 12px; }
#footer ul li
{
	display: inline;
	background: url(../images/layout-cb/footer-divider.jpg) top right repeat-y;
	padding: 0 7px 0 2px;
}
#footer ul li.last { background: none; }
#footer ul li a:link, #footer ul li a:active
{
	color: #666666;
	text-decoration: none;
}
#footer ul li a:visited { color: #999; text-decoration: none; }
#footer ul li a:hover
{
	color: #000000;
	text-decoration: none;
}
/* end footer */

/* forms */
.promo-form { padding: 0 0 0 0; width: 551px; }
.promo-form form { margin: 14px 0 0 0; }
.promo-form legend { font-size: 1.126em; margin-bottom: 0; padding-bottom: 0; padding-left: 14px; margin-left: -8px; font-weight: normal; }
.promo-form .promo-form-left { display: block; float: left; width: 59%; padding: 6px 0 1px;  margin-left: 14px; position: relative; display: inline; font-size: 0.75em; }
.promo-form .promo-form-right { display: block; float: left; width: 29%; padding: 6px 0; text-align: right; font-size: 0.75em; }
.promo-form .clear { border-bottom: 1px solid #E5E5E5; }
.promo-form .medium-box { width: 100px; }
.promo-form .small-box { width: 30px; }
#container .promo-form p { margin: 14px 14px 0 14px; font-size: 0.75em; }

.form { font-size: 0.75em; margin: 12px 0; width: 553px; }
.form .form-left, .form .form-right { display: block; float: left; width: 47%; padding: 6px 0 6px 0; }
.form .form-full { display: block; width: 96%; margin-left: 2%; padding: 6px 0 6px 0; }
.form .form-left { margin-right: 4%; }
.form legend { font-size: 1.5em; font-weight: normal; color: #dc291e; padding: 5px 0 12px 12px; margin-left: -6px; }
.form .form-left label, .form .form-left .label { padding-left: 12px; display: block; float: left; }
.form .form-left label span, .form .form-left .label span, .legend { color: #DC291E; }
#container p.legend { margin-left: 14px; }
.form input, .form select { width: 182px; }
.form input.check { width: auto; }
.form input.two-chars { width: 20px; }
.form input.four-chars { width: 40px; }
.form a.help, .form a.help-two-lines, .help, a.help { color: #fff; text-decoration: none; background-color: #000; margin-left: 3px; font-weight: bold; padding: 0 2px; }
.form a.help-two-lines { display: block; float: left; margin-top: 14px; }
#container .form-action-button { float: right; clear: none; display: inline; width: auto; margin: 14px; } 

.home-page legend { color: #dc291e; }
.business-page legend { color: #555555; }
.private-page legend { color: #000000; }
/* end forms */

/* table styles */
.spl-league
{
	color: #CCCCCC;
	width: 240px;
	margin-top: 0px;
	font-size: 0.689em;
	line-height: 1.5em;
	padding-top: 4px;
}
.spl-league th, .spl-league span
{
	color: #FFFFFF;
	vertical-align: top;
}

.spl-league thead
{
	padding: 3px 0 3px 3px;
	border-bottom: 2px solid #E5E5E5;
	vertical-align: top;
	text-align: left;
	
}

.spl-league td, .spl-league th
{
	padding: 3px 0 3px 3px;
	vertical-align: top;
	text-align: left;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #E5E5E5;
	
}
.spl-league th .team-name
{
	width: 50%;
}

.spl-league tr
{
	background-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #E5E5E5;
}

.spl-league tr.default 
{
	background-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #E5E5E5;
	}

.spl-league tr.champions
{
	
	background-color: #FFFF00;
	color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;

}
.spl-league tr.champions td 
{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	}

.spl-league tr.relegated
{
	background-color: #990000;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #E5E5E5;
	color: #FFFFFF;
	
}

.spl-league tr.relegated td 
{
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #E5E5E5;
	}
	
.spl-league tr.cl
{
	
	background-color: #FFFF66;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	color: #000000;
	
}

.spl-league tr.cl td
{
	
	
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;

	
}
.spl-league tr.uc
{
	
	color: #333333;
	
	
	background-color: #FFFF99;
}

.spl-league tr.uc td
{
	
	color: #333333;
	
	
	background-color: #FFFF99;
}

.spl-league .icon
{
	float: right;
	margin-right: 10px;
}

.spl-league tr.relegdiv
{
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #E5E5E5;
}

.spl-league tr.relegdiv td
{
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #E5E5E5;
}

.spl-league tr.divider
{
	padding: 0px;
	margin: 0px;
	background-color: #E5E5E5;
	height: 3px;
}

.spl-league tr.divider td
{
height: 3px;
padding: 0px;
	margin: 0px;
}


.spl-league td.included
{
	text-align: left;
	padding: 3px 0;
}

/* end table styles */

/* list styles */
#hero-panel ul, #main-content ul { margin-left: 0; padding-left: 0; margin-bottom: 12px; }
#main-content ul li { list-style-type: none; background: url(../images/layout-cb/bullet.gif) 0 7px no-repeat; padding-left: 16px; }
#container ul li.no-arrow, #main-content ul li.no-arrow { list-style-image: none; background: none; padding-left: 0; }

.sub-content ul.med-arrows { margin-left: 0; padding-left: 0; }
.sub-content ul.med-arrows li { list-style-type: none; background: url(../images/layout-cb/arrow-tiny-bullet.gif) 0 4px no-repeat; padding-left: 12px; margin-bottom: 24px; }
.sub-content ul.med-arrows strong { font-size: 120%; }

.home-page ul.pdf-list li, .business-page ul.pdf-list li { list-style-image: none; background: url(../images/layout-cb/pdf-bullet.gif) 0 1px no-repeat; padding-left: 18px; }
.private-page ul.pdf-list li { list-style-image: none; background: url(../images/layout-cb/pdf-bullet-black.gif) 0 1px no-repeat; padding-left: 18px; }

#container .sub-content ul.link-list { margin: 0; padding: 0; margin-bottom: 12px; font-size: 0.689em; line-height: 1.5em; }
#container .sub-content ul.link-list li { margin-left: 0; padding-left: 0; clear: both; background: none; }
#container .sub-content ul.link-list span { float: right; clear: right; }
#container .sub-content ul.link-list span.list-left { float: left; clear: left; }

#container .sub-content ul.contents-list { margin: 0; padding: 0; margin-bottom: 20px; font-size: 0.689em; }
#container .sub-content ul.contents-list li { line-height: 1em; }
/* end list styles */

/* tertiary nav */
#container ul.tertiary-nav { margin: 0; padding: 0; clear: both; display: block; margin-right: -14px; float: left; width: 553px; border-bottom: 1px solid #D2D2D2; }
#container ul.tertiary-nav li { float: left; background: none; margin: 0; padding: 0; padding-bottom: 2px; border-bottom: none; margin-bottom: -3px; }
.home-page ul.tertiary-nav li a, .business-page ul.tertiary-nav li a, .private-page ul.tertiary-nav li a { padding: 5px 7px 8px 8px; display: block; background-color: #d5d5d5; color: #000; text-decoration: none; border-right: 1px solid #fff; }
#container ul.tertiary-nav li.active-tab a { background-color: #fff; border: 1px solid #D2D2D2; border-bottom: 1px solid #fff; padding: 4px 7px 9px 7px; margin-right: 1px; }
.tertiary .hero-promo {clear: both; border-top: none; }
.visible { display: block; }
.invisible { display: none; }
/* end tertiary nav */

/* results page */
#container ul.page-list { padding: 4px; background: none; width: 100%; background: #D5D5D5; }
#container ul.page-list li { padding: 0; display: inline; background: none; }
#container ul.page-list li a { text-decoration: none; }
#container ul.page-list li a.active { background: #fff; }
#container ul.page-list li a { margin: 0 3px; padding: 2px; border: 1px solid #aaa; }
#container ul.page-list li a:hover { background: #000; }

/* misc styles */
#container .phone { font-size: 1.169em; font-weight: bold; }

p.announce { font-size: 130%; font-weight: bold; color: #666666; }

#login-label, #search-label { margin-left: 12px; line-height: 1.4em; }
#search-label { margin-bottom: 12px; }
#login-label { padding: 0; margin-bottom: 0; }

#container .no-top { margin-top: 0; }

.clear { width: 100%; clear: both; height: 1px; display: block; }

.button-right { float: right; margin: 6px 0 6px 6px; }
.button-left { float: left; margin: 6px 6px 6px 0; }

#skip, .hidden { display: none; }

#step1 { display:block; width: 304px; height: 34px; background: #fff url(../images/layout-cb/step-1.gif) top left no-repeat; margin: 24px 0 36px 14px; }
#step1 span { display: none; }

.right { float: right; }



#quickloginContainer .highlight
{
	color: #FF3300;
	font-weight: bold;
}

#container .small-text p { font-size: 0.625em; }

//* #container .main-page .hero-promo, #container .sub-content .main-page table { margin-left: -14px; } *//
#container .sub-content .main-page table { display:block; }
p.to-top { width: 100%; text-align: right; }
#container #faqs { margin-bottom: 30px; }
.small-heading { font-size: 0.625em; line-height:0.625em;}

#container span.apr { font-size: 150%; }

#hero-right-box { float: right; margin-top: -12px; margin-right: -12px; width: 242px; background: url(../images/layout-cb/hero-right-box-bg.png) top left repeat; }
#hero-right-box-content { padding: 8px 14px; color: #000; }
#hero-right-box .large-text { font-size: 0.9em; line-height: 1.3em; margin-top: -25px; }
#hero-right-box strong {color: #bc1328; }
#container #hero-right-box-content h2 { font-size: 1.498em; line-height: 1.2em; color: #000; }



#home-grows { width: 350px; }

/* FORM ERRORS */
.form .form-left label.formError { font-weight: bold; }
span.formError { margin-top: 10px; font-size: 0.75em; display:block; color: #DC291E; }
span.formError img, .form .form-left label.formError img, .form .form-left label.formError img { margin-right: 5px; vertical-align:top; }

#clubHeader
{
	background-image: url('../images/layout-cb/theclubsBg.png');
	height: 42px;
	width: 720px;
	float: left;
}

#clubHeader h2
{
	color: #FFFFFF;
	font-size: 1.1em;
	font-weight: bold;
	margin-left: 14px;
	margin-top: 6px;
	display:block;
}

#ClubLogosMid {
	background-color: #FFFFFF;
	float: left;
	text-align: center;
	width: 720px;
	padding-top: 2px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	
}

#ClubLogosMid .clublogo
{
	padding-right: 4px;
	padding-left: 3px;
}

#rhsAdverts
{
	padding-top: 10px;
}

#rhsAdverts .adspace
{
	margin-bottom: 6px;
}



#btmAdverts
{
	margin: 0px;
	padding: 10px 0px 10px 0px;
	float: left;
	width: 720px;
	background-color: #FFFFFF;
}

#fansPoll {
	width: 364px;
	background-image: url(../images/layout-cb/fanspollBg3.jpg);
	background-repeat: repeat-y;
	height: 200px;
	position: relative;
}
#fansPollTitle
{
	margin: 0px;
	padding: 0px;
	height: 42px;
	width: 364px;
}

#fansPollCopy
{
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	width: 344px;
	font-size: 11px;
	font-weight: bold;
	height: 34px;
	padding: 2px 1px;
	text-align: center;
	line-height: 15px;
	behavior: url(iepngfix.htc);
	background-repeat: repeat;
	vertical-align: 40%;
	background-image: url(../images/layout-cb/fanspollTile.png);
	margin: 4px auto;
	border: 1px solid #FFFFFF;
	position: relative;
}
#fansPollForm
{
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	width: 344px;
	text-align: right;
	font-weight: bold;
	vertical-align: bottom;
	font-size: 10px;
	background-image: url(../images/layout-cb/fanspollTile.png);
	behavior: url(iepngfix.htc);
	background-repeat: repeat;
	margin: 4px auto;
	border: 1px solid #FFFFFF;
	padding: 2px;
	height: 100px;
	letter-spacing: -0.1px;
}

#fansPollForm p
{
	font-size: 10px;
}

#fansPollForm .pollChck
{
	
	color: #000000;
	font-weight: bold;
	text-indent: 0px;
}

#fansPollForm .pollChck input
{
	
	float: left;
}

#fansPollForm .pollChck label
{
	
	margin-left: 2px;
	text-align: left;
	
}

#fansPollForm .pollChck td
{
	width: 50%;
	line-height: 12px;
	vertical-align:top;
}

/* Home page RSS TAB Styles */
.hpRss .ajax__tab_header
{
	height: 19px;
	background: url(tab-line.jpg) repeat-x 50% bottom;
	padding-bottom: 13px;
	_padding-bottom: 0;

}
.hpRss .ajax__tab_outer
{
	background: url(tab-right.jpg) no-repeat right;
	height: 32px;
	
}
.hpRss .ajax__tab_inner						{ background:url(tab-left.jpg) no-repeat; }
.hpRss .ajax__tab_tab
{
	background-position: url(tab.jpg) repeat-x;
	background: url(tab.jpg) repeat-x;
	color: gray;
	height: 19px;
	position: relative;
	text-align: left;
	
	
}
.hpRss .ajax__tab_hover .ajax__tab_outer	{ background:url(tab-hover-right.jpg) no-repeat right; }
.hpRss .ajax__tab_hover .ajax__tab_inner	{ background:url(tab-hover-left.jpg) no-repeat; }
.hpRss .ajax__tab_hover .ajax__tab_tab
{
	background: url(tab-hover.jpg) repeat-x;
	color: black;
	height: 19px;
	text-align: left;
	
}
.hpRss .ajax__tab_active .ajax__tab_outer	{ background:url(tab-active-right.jpg) no-repeat right; }
.hpRss .ajax__tab_active .ajax__tab_inner	{ background:url(tab-active-left.jpg) no-repeat; }
.hpRss .ajax__tab_active .ajax__tab_tab
{
	background: url(tab-active.jpg) repeat-x;
	color: black;
	height: 19px;
	text-align: left;

	
}



/* Score Selector league theme - Other Styles */
.hpRss .ajax__tab_header
{
	height: 19px;
	text-align: left;
}
.hpRss .ajax__tab_outer
{
	height: 32px;
	
}

.hpRss .ajax__tab_inner						{ padding-left:4px; }
.hpRss .ajax__tab_tab
{
	padding: 7px 30px 6px 2px;
	font-size: 14px;
	font-family: Arial;
	letter-spacing: -1px;
	font-weight: bold;
	text-align: left;
}

.hpRss .ajax__tab_body
{
	
	background-repeat: repeat-y;
	border-right: gray 1px solid;
	border-left: gray 1px solid;
	background-color: white;
	border-bottom: gray 1px solid;
	padding-bottom: 5px;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
}

.hpRss .ajax__tab_body a
{
	position: relative;
	font-family: Arial;
	line-height: 19px;
	text-align: left;
}

/* RHS RSS TAB Styles */
.rhsRss .ajax__tab_header
{
	height: 19px;
	background: url(tab-line.jpg) repeat-x 50% bottom;
	padding-bottom: 13px;
	_padding-bottom: 0;

}
.rhsRss .ajax__tab_outer
{
	background: url(tab-right.jpg) no-repeat right;
	height: 32px;
	
}
.rhsRss .ajax__tab_inner						{ background:url(tab-left.jpg) no-repeat; }
.rhsRss .ajax__tab_tab
{
	background-position: url(tab.jpg) repeat-x;
	background: url(tab.jpg) repeat-x;
	color: gray;
	height: 19px;
	position: relative;
	text-align: left;
	
	
}
.rhsRss .ajax__tab_hover .ajax__tab_outer	{ background:url(tab-hover-right.jpg) no-repeat right; }
.rhsRss .ajax__tab_hover .ajax__tab_inner	{ background:url(tab-hover-left.jpg) no-repeat; }
.rhsRss .ajax__tab_hover .ajax__tab_tab
{
	background: url(tab-hover.jpg) repeat-x;
	color: black;
	height: 19px;
	text-align: left;
	
}
.rhsRss .ajax__tab_active .ajax__tab_outer	{ background:url(tab-active-right.jpg) no-repeat right; }
.rhsRss .ajax__tab_active .ajax__tab_inner	{ background:url(tab-active-left.jpg) no-repeat; }
.rhsRss .ajax__tab_active .ajax__tab_tab
{
	background: url(tab-active.jpg) repeat-x;
	color: black;
	height: 19px;
	text-align: left;

	
}

/* RHS RSS TAB Styles - Other Styles */

.rhsRss .ajax__tab_header
{
	height: 19px;
	text-align: left;
}
.rhsRss .ajax__tab_outer
{
	height: 32px;
	
}

.rhsRss .ajax__tab_inner						{ padding-left:4px; }
.rhsRss .ajax__tab_tab
{
	padding: 7px 30px 6px 2px;
	font-size: 12px;
	font-family: Arial;
	letter-spacing: -1px;
	font-weight: bold;
	text-align: left;
}

.rhsRss .ajax__tab_body
{
	padding: 10px 4px 5px 4px;
	background-repeat: repeat-y;
	border-right: gray 1px solid;
	border-left: gray 1px solid;
	background-color: white;
	border-bottom: gray 1px solid;
}

.rhsRss .ajax__tab_body a
{
	position: relative;
	font-size: .72em;
	font-family: Arial;
	line-height: 19px;
	text-align: left;
	text-decoration: none;
	letter-spacing: -.25px;
	margin-bottom: 5px;
	margin-top: 5px;
}

.rhsRss .ajax__tab_body a:hover
{
	color: #333333;
	text-decoration: underline;
}

.rhssplrss
{
	
	background-position: right bottom;
	background-image: url(../images/spl_rsslogo.gif);
	background-repeat: no-repeat;
	width: 230px;
	height: 210px;
}
.rhsbbcrss
{
	
	background-position: right bottom;
	background-image: url(../images/bbcrssicon.gif);
	background-repeat: no-repeat;
	width: 230px;
	height: 210px;
}

.rhsRss .rhsfixPNGHS
{
	behavior: url(iepngfix.htc);
	float: right;
	position: absolute;
	right: 3px;
	top: 8px;
	padding-right: 0px;
	padding-left: 0px;
}

/* RHS RSS TAB Styles END */

.splrss
{
	
	background-position: right bottom;
	background-image: url(../images/spl_rsslogo.gif);
	background-repeat: no-repeat;
	width: 330px;
	height: 210px;
}
.bbcrss
{
	
	background-position: right bottom;
	background-image: url(../images/bbcrssicon.gif);
	background-repeat: no-repeat;
	width: 330px;
	height: 210px;
}

.hpRss .fixPNGHS
{
	behavior: url(iepngfix.htc);
	float: right;
	position: absolute;
	right: 3px;
	top: 8px;
	padding-right: 0px;
	padding-left: 0px;
}

.newsDetailImage
{
	padding: 3px;
	float: right;
	
	margin-top: 5x;
	background-color: #CCCCCC;
	margin-left: 5px;
}

.newsSectionImage
{
	padding: 3px;
	float: right;
	width: 200px;
	margin-top: 0px;
	background-color: #CCCCCC;
	margin-left: 7px;
}

.newsSectionImageSml img
{
	padding: 2px;
	float: right;
	background-color: #CCCCCC;
	margin-left: 4px;
}

.SectionHomeImageSml
{
	padding: 2px;
	float: right;
	background-color: #CCCCCC;
	margin-left: 4px;
}

/************* Accordian Charity styles ****************/

.accCharity .logo, .accContent .logo  {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
}

.accContent
{
	width: 530px;
	padding-bottom: 10px;
	margin-right: 0px;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
}



.accContent p
{
	
	font-size: .77em;
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 14px;
}

.accHeader
{
	background-image: url(accCharityBg.jpg);
	width: 540px;
	background-repeat: no-repeat;
	margin-left: 14px;
	line-height: 16px;
}

.accHeader p
{
	
}

.accHeader a
{
	color: black;
}
.accHeader a:hover
{
	color: red;
}



.accHeader h3
{
	padding: 1px 0px 0px 7px;
	font-weight: bold;
	font-size: 14px;
	color: black;
	margin: 0px;
}

.accSelHeader
{
	background-image: url(accCharityBgSelected.jpg);
	width: 540px;
	background-repeat: no-repeat;
	margin-left: 14px;
}

.accSelHeader a
{
	color: white;
}


.accSelHeader a:hover
{
	color: black;
}


.accSelHeader h3 
{
	
	font-size: 14px;
	color: white;
	padding-right: 0px;
	padding-left: 7px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 1px;
}

.accContent .eventImage, .eventImage
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	border-bottom: lightgrey 1px solid;
	float: left;
	margin-right: 0px;
	vertical-align: middle;
	text-align: center;
	margin-bottom: 5px;
	margin-left: 7px;
}

.accContent .eventImageInner, .eventImageInner 
{
	width: 160px;
	background-color: white;
	overflow: hidden;
	height: 115px;
	}

/* Score Selector theme - Backgrounds */

/* Score Selector theme - Backgrounds */
.SSTabStyle .ajax__tab_header
{ background:url(tab-line.jpg) repeat-x bottom; }
.SSTabStyle .ajax__tab_outer
{
	background: url(tab-right.jpg) no-repeat right;
	
}
.SSTabStyle .ajax__tab_inner						{ background:url(tab-left.jpg) no-repeat; }
.SSTabStyle .ajax__tab_tab
{
	background: url(tab.jpg) repeat-x;
	color: gray;
}
.SSTabStyle .ajax__tab_hover .ajax__tab_outer	{ background:url(tab-hover-right.jpg) no-repeat right; }
.SSTabStyle .ajax__tab_hover .ajax__tab_inner	{ background:url(tab-hover-left.jpg) no-repeat; }
.SSTabStyle .ajax__tab_hover .ajax__tab_tab
{
	background: url(tab-hover.jpg) repeat-x;
	color: black;
}
.SSTabStyle .ajax__tab_active .ajax__tab_outer	{ background:url(tab-active-right.jpg) no-repeat right; }
.SSTabStyle .ajax__tab_active .ajax__tab_inner	{ background:url(tab-active-left.jpg) no-repeat; }
.SSTabStyle .ajax__tab_active .ajax__tab_tab
{
	background: url(tab-active.jpg) repeat-x;
	color: black;
}

/* Score Selector theme - Other Styles */
.SSTabStyle .ajax__tab_header
{
	height: 19px;
	width: 303px;
	
}
.SSTabStyle .ajax__tab_outer
{
	height: 32px;
	
}

.SSTabStyle .ajax__tab_inner						{ padding-left:4px; }
.SSTabStyle .ajax__tab_tab
{
	margin: 0;
	padding-right: 5px;
	padding-left: 2px;
	padding-bottom: 6px;
	padding-top: 7px;
	font-size: 14px;
	font-family: Arial;
	letter-spacing: -1px;
	font-weight: bold;
}

.SSTabStyle .ajax__tab_body
{
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 15px;
	padding-top: 15px;
	background-repeat: repeat-y;
	border-right: gray 1px solid;
	border-left: gray 1px solid;
	width: 271px;
	background-color: white;
}

/* Score Selector league theme */


.SSLeague .ajax__tab_header
{
	height: 19px;
	background: url(tab-line.png) repeat-x 50% bottom;
}
.SSLeague .ajax__tab_outer
{
	background: url(tab-right.png) no-repeat right;
	height: 32px;
	
}
.SSLeague .ajax__tab_inner						{ background:url(tab-left.png) no-repeat; }
.SSLeague .ajax__tab_tab
{
	background: url(tab.png) repeat-x;
	color: gray;
	position:relative;
	height: 19px;
}
.SSLeague .ajax__tab_hover .ajax__tab_outer	{ background:url(tab-hover-right.png) no-repeat right; }
.SSLeague .ajax__tab_hover .ajax__tab_inner	{ background:url(tab-hover-left.png) no-repeat; }
.SSLeague .ajax__tab_hover .ajax__tab_tab
{
	background: url(tab-hover.png) repeat-x;
	color: black;
		height: 19px;
	
}
.SSLeague .ajax__tab_active .ajax__tab_outer	{ background:url(tab-active-right.png) no-repeat right; }
.SSLeague .ajax__tab_active .ajax__tab_inner	{ background:url(tab-active-left.png) no-repeat; }
.SSLeague .ajax__tab_active .ajax__tab_tab
{
	background: url(tab-active.png) repeat-x;
	color: black;
	height: 19px;
}

/* Score Selector league theme - Other Styles */
.SSLeague .ajax__tab_header
{

	padding-bottom: 13px;
	_padding-bottom: 0;
	
	
}
.SSLeague .ajax__tab_outer
{
	height: 32px;
	
}

.SSLeague .ajax__tab_inner						{ padding-left:4px; }
.SSLeague .ajax__tab_tab
{
	margin: 0;
	padding-right: 5px;
	padding-left: 2px;
	padding-bottom: 6px;
	padding-top: 7px;
	font-size: 14px;
	font-family: Arial;
	letter-spacing: -1px;
	font-weight: bold;
}

.SSLeague .ajax__tab_body
{
	padding-right: 10px;
	padding-left: 5px;
	padding-bottom: 15px;
	padding-top: 15px;
	background-repeat: repeat-y;
	border-right: gray 1px solid;
	border-left: gray 1px solid;
	background-color: white;
	border-bottom: gray 1px solid;
}

.SSLeague .ajax__tab_body a
{
	text-decoration: none;
	color: #333333;
}

.SSLeague .ajax__tab_body a:hover
{
	color: #FF0000;
	text-decoration: underline;
}

#ssMyLeaguesWrapper
{
	float: right;
	
}

.ssImageLeft
{
	padding-right: 10px;
}
.ssImageRight
{
	padding-left: 10px;
}

#main-content .LeaguePager
{
	font-size: 11px;
	color: black;
	padding-top: 2px;
	padding-bottom: 2px;
}


#main-content .LeaguePager ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	float: right;
	background-image: none;
}




#main-content .LeaguePager li
{
	padding: 0px;
	margin: 0px;
	float: left;
	list-style: none;
	font-size: 10px;
	color: black;
	background-image: none;
}

#main-content .LeaguePager a
{
	padding-right: 1px;
	padding-left: 1px;
	color: white;
	font-size: 10px;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	background-color: red;
	margin-left: 1px;
	margin-right: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
	text-decoration: none;
}



#main-content .LeaguePager a:hover
{
	color: black;
	text-decoration: underline;
	background-color: #CCCCCC;
}


.LeaguePager2 ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;

}
.LeaguePager2 li
{
	float: left;
	list-style: none;
	font-size: 10px;
	color: black;
}

.LeaguePager2 a:link, .LeaguePager2 a:active, .LeaguePager2 a:visited
{
	padding-right: 1px;
	padding-left: 1px;
	color: white;
	font-size: 10px;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
	background-color: red;
	margin-left: 1px;
	margin-right: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
}



.LeaguePager2 a:hover
{
	color: black;
}

#ssLeagueWrapper
{
	width: 380px;
	float: right;
	background-position-y: top;
	background-repeat: repeat-x;
	margin-top: 10px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-left-color: gray;
	border-bottom-width: 1px;
	border-bottom-color: gray;
	border-top-color: gray;
	border-right-width: 1px;
	border-right-color: gray;
	
}
#ssLeagueWrapper h1
{
	color: white;
	text-decoration: none;
	padding-left: 6px;
	padding-top: 2px;
	letter-spacing: -1px;
}

#ssFixturesWrapper
{
	float: left;
	width: 311px;
	margin-top: 10px;
	margin-left: 0px;
	
}
#ssFixturesWrapper h1
{
	font-weight: bold;
	font-size: 12px;
	color: darkolivegreen;
	font-family: Arial;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-bottom: 1px;
	padding-top: 1px;
}
#ssFixturesWrapper h2
{
	font-size: 11px;
	padding-bottom: 5px;
	color: olivedrab;
	border-bottom: gainsboro 1px dashed;
	margin-left: 0px;
	letter-spacing: -.25px;
	padding-left: 5px;
	padding-right: 5px;
}

#ssPrizesWrapper
{
	float: left;
	font-size: 11px;
	position: static;
	border-top-width: 1px;
	border-left-width: 1px;
	border-left-color: silver;
	border-bottom-width: 1px;
	border-bottom-color: silver;
	border-top-color: silver;
	border-right-width: 1px;
	border-right-color: silver;
	
}

/***********************************************/
/* CSS Form						                  */
/***********************************************/


.cssform p
{
	width: 520px;
	clear: left;
	margin: 0;
	padding: 5px 0 4px 160px; /*width of left column containing the label elements*/
	height: 1%;
}

.cssform label
{
	
	font-weight: bold;
	float: left;
	text-align: right;
	margin-left: -10px; /*width of left column*/
	width: 150px;
	margin-right: 6px;
}

.cssform input[type="text"]
{
	/*width of text boxes. IE6 does not understand this attribute*/
	border-right: dimgray 1px solid;
	border-top: #dddddd 1px solid;
	border-left: #dddddd 1px solid;
	border-bottom: #dddddd 1px solid;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 3px;
	padding-top: 3px;
	background-image: url(formTFBg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border-right: #dddddd 1px solid;
	border-color: #666666;
}



.cssform input[type="password"]
{
	/*width of text boxes. IE6 does not understand this attribute*/
	border-right: dimgray 1px solid;
	border-top: #dddddd 1px solid;
	border-left: #dddddd 1px solid;
	border-bottom: #dddddd 1px solid;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 3px;
	padding-top: 3px;
	background-image: url(formTFBg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border-right: #333333 1px solid;
	border-color: #666666;
}

.cssform input[type="checkbox"]
{
	/*width of text boxes. IE6 does not understand this attribute*/
	border-right: dimgray 1px solid;
	border-top: #dddddd 1px solid;
	border-left: #dddddd 1px solid;
	border-bottom: #dddddd 1px solid;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 3px;
	padding-top: 3px;
	background-image: url(formTFBg.jpg);
	background-repeat: repeat-x;
	background-color: #dddddd;
	border-right: #333333 1px solid;
}



.cssform .radio
{
	border: 1px solid #CCCCCC;
	float: left;
	text-align: left;
	width: 150px;
}

.cssform .radio label
{
	font-weight: bold;
	color: #666666;
	position: absolute;
}


.cssform select
{
	/*width of text boxes. IE6 does not understand this attribute*/
	border-right: dimgray 1px solid;
	border-top: #dddddd 1px solid;
	border-left: #dddddd 1px solid;
	border-bottom: #dddddd 1px solid;
	background-image: url(formTFBg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	border-right: #333333 1px solid;
	border-color: #666666;
}

.cssform textarea
{
	height: 150px;
	border-right: #dddddd 1px solid;
	border-top: #dddddd 1px solid;
	border-left: #dddddd 1px solid;
	border-bottom: #dddddd 1px solid;
	background-image: url(formTFBg.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 3px;
	padding-top: 3px;
	border-color: #999999;
}

.required
{
	color: #FF0000;
}

.cssform .small
{
	font-size: x-small;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

/***********************************************/
/* Score Selecor CSS Table                  */
/***********************************************/

#sstable
{
	margin: 5px;
	width: 98%;
	padding: 0;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #999999;
	position: relative;
	left: 10px;
}

#sstable caption
{
	padding: 0 0 5px 0;
	width: 660px;
	font: italic 11px Arial, Helvetica, sans-serif;
	
}

#sstable th
{
	background-position: #333333 url(bg_header.jpg) no-repeat;
	font: bold .9em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 0px;
	text-transform: uppercase;
	
	padding: 6px 3px 6px 3px;
	background: #333333 url(bg_header.jpg) no-repeat;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
}

#sstable th.nobg
{
	background-position: none;
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
	border-top-color: inherit;
	border-right-color: #999999;
	border-left-color: inherit;
}

#sstable tr.date
{
	background-position: none;
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #660066;
	border-top-color: inherit;
	border-right-color: #999999;
	border-left-color: inherit;
}

#sstable tr
{
	background-color: #FFFFFF;
}

#sstable tr.alt
{
	background-position: #99CCFF;
	background: #CCCCCC;
	color: #FF0000;
	font-weight: bold;
}

#sstable td
{
	
	font: bold .85em 'Trebuchet MS' , Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	padding: 4px 3px 4px 3px;
	color: #000000;
	border-right-color: #999999;
	border-bottom-color: #999999;
}

#sstable td.home
{
	text-align: right;
	
}

#sstable td.away
{
	text-align: left;
}


#sstable td.alt {
	background: #F5FAFA;
	color: #797268;
}

#sstable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#sstable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

.ErrorText{
    color:#FF0000;
}

#sstable .sstf
{
	padding: 2px;
	border: 1px solid #FF0000;
	background-color: #CCCCCC;
	width: 26px;
	color: #FF0000;
	font-weight: bold;
	font-size: large;
	font-family: Arial, Helvetica, sans-serif;
}

.ssTabWrapper
{
	margin-left: 14px;
	margin-top: 14px;
}

.ssTabWrapperLeft
{
	float: left;
	margin-left: 14px;
	margin-top: 14px;
}

.ss-promo .promo-content .ssTabWrapperLeft h2
{
	font-size: large;
 	font-weight: bold;
	margin-bottom: 5px;
}

.ss-promo .promo-content .ssTabWrapperLeft h3
{
	font-size: 1.1em;
	color: #000000;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 15px;
}

.ss-promo .promo-content .ssTabWrapperLeft h4
{
	
	font-size: .75em;
	color: #333333;
	margin-top: 5px;
	margin-bottom: 5px;
	display: block;
}


.ssTabWrapperRight
{
	float: right;
	
	margin-top: 14px;
}

.ssTabWrapperRight .ssSearch
{
	font-size: 0.9em;
	font-weight: bold;
	
	color: #333333;
}

/* AutoComplete highlighted item */
.ACFocusMask
{
	background-color: #FFFF66;
	color: black;
}    
/* AutoComplete item */
.ACInvalidMask
{
	background-color: black;
	color: white;
}  
/*AutoComplete flyout */

.ACSearch
{
	background-position: #FFFFFF url(formTFBg.jpg) repeat;
	border: 1px solid #333333;
	padding: 1px 2px 1px 2px;
	margin: 0px 0px 0px 2px;
	background: #FFFFFF url(formTFBg.jpg) repeat;
	color: #000000;
	width: 176px;
}

.ACSearchResults
{
    border-right: gainsboro 1px solid;
    border-top: gainsboro 1px solid;
    border-left: gainsboro 1px solid;
    border-bottom: gainsboro 1px solid;
    background-color: #000000;
    margin-top: 0px;
    list-style-type: none;
    padding-right: 1px;
    padding-left: 1px;
    padding-bottom: 1px;
    margin-left: 0px;
    padding-top: 1px;
    overflow: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 300px;
    visibility: hidden;
    margin: 0px !important;
    position: relative;
    z-index: 100;
    cursor: 'default';
    color: #FFFFFF;
    font-size: 10px;
    font-family: Arial;
}

.ACFocusMask
{
    color: #FF0000;
    cursor: pointer;
}




/* for Internet Explorer */
/*\*/
* 

.ss-promo .formTF
{
	border: 1px solid gray;
	background-color: white;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-weight: normal;
		color: #000000;
		font-size: small;
		height: 16px;
	background-image: url('ssFormBg.jpg');
		background-repeat: repeat-x;
		padding-right: 2px;
		padding-left: 2px;
		position: relative;
		margin-top: 2px;
		margin-bottom: 2px;
	top: 0px;
	left: -2px;
}
elector/searchBg.jpg);
	background-repeat: repeat-x;
	height: 16px;
	padding-right: 1px;
	position:relative;
} 



.PlayerHandle  
{
	position:relative;
	}

.tablemargin
{
	margin-left: 20px;
}

.formcbo {

	background-color: #FFFFFF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
	font-size: x-small;
	border: 1px solid #C91727;
}

.ss-promo .formTF
{
	background-color: white;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: small;
	height: 16px;
	background-image: url(ssFormBg.jpg);
	background-repeat: repeat-x;
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
	padding-right: 2px;
	padding-left: 2px;
	position: relative;
	margin-top: 2px;
	margin-bottom: 2px;
}
.ss-promo .formTA
{
	background-color: white;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: small;
	height: 16px;
	background-image: url(ssFormBg.jpg);
	background-repeat: repeat-x;
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
}
.ss-promo .formcbo
{
	background-color: whitesmoke;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	font-size: small;
	background-image: url(ssFormBg.jpg);
	background-repeat: repeat-x;
	border-right: gray 1px solid;
	border-top: gray 1px solid;
	border-left: gray 1px solid;
	border-bottom: gray 1px solid;
}

.ss-promo .highlight
{
	color: #FF0000;
	font-weight: bold;
}

.ssCopyright
{
	margin: 10px 14px 10px 14px;
	color: #666666;
	font-size: .6em;
	line-height: 12px;
}

#imgFrameRight
{
	padding: 3px;
	float: right;
	margin-top: 0px;
	background-color: #CCCCCC;
	margin-left: 5px;
}
	
.imgFrameRight h2
{
	padding: 0px;
	margin: 0px;
	color: #333333;
	font-size: .8em;
}

#imgFrameRight p
{
	padding: 0px;
	margin: 0px;
	color: #333333;
	font-size: .6em;
}


/************* Image Holders ****************/

.ImageWrapperLeft {
	background-image: url(ImageWrapperBg.jpg);
	background-repeat: repeat-x;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	height: 130px;
	width: 150px;
	padding: 0px;
	border: 1px solid #666666;
}

.ImageWrapperLeftFreeWidth
{
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	padding: 2px;
	background-color: #CCCCCC;
	height: 80px;
	overflow: hidden;
}

.ImageWrapperCommunity
{
	float: left;
	margin-right: 5px;
	margin-left: 15px;
	
	height:160px;
	overflow: hidden;
}

.ImageWrapperCommunity img
{
	padding: 2px;
	
	width: 230px;
	background-color: #CCCCCC;
}

.ImageWrapperClubActivity
{
	padding: 2px;
	background-color: #CCCCCC;
	float: right;
	margin-right: 5px;
	margin-left: 5px;
}

.ImageWrapperRightFreeWidth
{
	float: Right;
	margin-right: 5px;
	margin-left: 5px;
	padding: 2px;
	background-color: #CCCCCC;
}

.ImageWrapperRight {
background-image: url(ImageWrapperBg.jpg);
	background-repeat: repeat-x;
	float: Right;
	margin-right: 5px;
	margin-left: 5px;
	height: 130px;
	width: 150px;
	padding: 0px;
	border: 1px solid #666666;
}

.ImageWrapper {
	height: 90px;
	width: 150px;
	overflow: hidden;
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	border-bottom: 1px solid #333333;
}
.ImageWrapper2
{
	height: 90px;
	width: 150px;
	overflow: hidden;
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	border: 1px solid #333333;
	margin-bottom: 5px;
}


.ImageDesc {
	color: #FFFFFF;
	text-align: left;
	font-size: 9px;
	height: 30px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	font-weight: normal;
}
.ImageMagnify {
	behavior: url(iepngfix.htc);
	position: relative;
	float: right;
}

.imgMonthlyAwards
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 0px;
	padding-top: 2px;
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	border-bottom: lightgrey 1px solid;
	float: left;
	margin-right: 0px;
	vertical-align: middle;
	text-align: center;
	margin-left: 6px;
}

.imgMonthlyAwards h4
{
	font-weight: bold;
	font-size: 12px;
	letter-spacing: -.25px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	padding-top: 0px;
}

.imgMonthlyAwardsInner 
{
	width: 170px;
	background-color: white;
	overflow: hidden;
	height: 110px;
	}


#imgMonthlyAwards
{
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-top: 2px;
	width: 175px;
	background-color: white;
	overflow: hidden;
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	border-bottom: lightgrey 1px solid;
}

.awardsFlash
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}


.hpawards
{
	width: 562px;
	
	margin-top: 0px;
	margin-bottom: 0px;
	
}

.hpAwardsVideo
{
    
    z-index: -1;
    margin-right: auto;
    margin-left: 15px;
}


.hpAwardsCopy
{
	float: right;
	width: 230px;
	margin-top: 5px;
	margin-right: 5px;
}

.hpAwardsCopy h1
{
	line-height: 14px;
}

.hpAwardsCopy p {}

.awards h4
{
	font-size: small;
	font-weight: bold;
}

.ticketsTitle
{
	color: #FFFFFF;
	font-size: .9em;
	font-weight: bold;
	line-height: 12px;
}

#ticketTable
{
	
}

#ticketTable td
{
	
}

#ticketTable a
{
	text-decoration: none;
	font-size: .8em;
}

#ticketTable a:hover {color: #666666; }

.ImageBorder
{
	padding: 2px;
	background-color: #CCCCCC;
}


.ImageBorderCenter
{
	padding: 2px;
	background-color: #CCCCCC;
	margin-right: auto;
	margin-left: auto;
}

.ImageBorderFixCenter
{
	padding: 2px;
	background-color: #CCCCCC;
	margin-left: 15px;
}

#galleryHolder {
	height: 80px;
	width: 120px;
	overflow: hidden;
	border: 1px solid #333333;
}
.galleryHolder {
	height: 80px;
	width: 120px;
	overflow: hidden;
	border: 1px solid #333333;
}

.manageLeague
{
	border: 1px solid #333333;
	padding: 10px;
	margin-left: 15px;
	margin-top: 10px;
	background-color: #000000;
	color: #FFFFFF;
	font-size: 1.1em;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 15px;
}

.manageLeague p {}

.manageLeague a
{
	padding: 2px;
	background-color: #FFFFFF;
	color: #FF0000;
	text-decoration: none;
	border: 2px solid #FF0000;
	font-weight: bold;
}

.manageLeague a:hover
{
	color: #333333;
}

/***********************************************/
/* cb standard CSS table			          */
/***********************************************/

#cb_standardTable
{
	padding: 2px 5px 2px 5px;
	margin-left: 15px;
	margin-right: 10px;
	width: 90%;
	
}

#cb_standardTable th
{
	padding: 2px;
	color: #333333;
	font-size: 1.0em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	border-bottom-color: #666666;
}

#cb_standardTable td
{
	padding: 2px;
	font-size: .9em;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #666666;
}

#cb_standardTable tbody tr:hover td
{
	color: #333333;
}




/***********************************************/
/* Score Selecor Small CSS Table         */
/***********************************************/

#ssSmlTable
{
	margin: 5px;
	padding: 0;
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #999999;
	position: relative;
	float: left;
	color: #333333;
	width: 98%;
}

#ssSmlTable.half
{
	float: right;
	width: 320px;
	right: 0px;
	top: 14px;
}

#ssSmlTable.half2
{
	float: left;
	width: 320px;
	left: 5px;

}

#ssSmlTable caption
{
	padding: 3px;
	font: italic .7em Arial, Helvetica, sans-serif;
	color: #333333;
	font-weight: bold;
	width: 320px;
}

#ssSmlTable th
{
	background-position: #333333 url(bg_header.jpg) no-repeat;
	font: bold .7em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 0px;
	text-transform: uppercase;
	padding: 3px;
	background: #333333 url(bg_header.jpg) no-repeat;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
}

#ssSmlTable th.nobg
{
	background-position: none;
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
	border-top-color: inherit;
	border-right-color: #999999;
	border-left-color: inherit;
}


#ssSmlTable td
{
	background-position: #fff;
	font: bold .69em 'Trebuchet MS' , Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	padding: 4px 3px 4px 3px;
	
	border-right-color: #999999;
	border-bottom-color: #999999;
}

#ssSmlTable td.home
{
	text-align: right;
	
}

#ssSmlTable td.away
{
	text-align: left;
}


#ssSmlTable td.alt
{
	background-position: #99CCFF;
	background: #99CCFF;
	color: #800000;
	font-weight: bold;
}

#ssSmlTable tr.alt
{
	background-position: #99CCFF;
	background: #CCCCCC;
	color: #FF0000;
	font-weight: bold;
}



#ssSmlTable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#ssSmlTable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}

.ssRegTable
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
}

.ssRegTable td
{
	padding-left: 5px;
}

.tabSmlPanel
{
	
	padding: 5px;
	font-size: .8em;
	color: #333333;
	margin-left: 0px;
	margin-right: 10px;
	display: inline-block;
	background-color: #FFFFFF;
}

.tabSuperScoreBoard
{
	border: 1px solid #CCCCCC;
	padding: 5px;
	font-size: .8em;
	color: #333333;
	margin-left: 14px;
	margin-right: 0px;
	display: block;
	background-color: #FFFFFF;
	
}

#holding
{
    padding: 20px;
    border: 1px solid #CCCCCC;
    width: 720px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 250px;
}


#holding h1
{
    font-size: 1.2em;
    font-weight: bold;
    line-height: 30px;
}

.timeTF 
{
    padding: 2px;
	border: 1px solid #FF0000;
	background-color: #CCCCCC;
	width: 40px;
	color: #FF0000;
	font-weight: bold;
	font-size: large;
	font-family: Arial, Helvetica, sans-serif;
    }
    
.olQuiz ol
{
    list-style-type: upper-alpha;
    left: 30px;
    padding-left: 30px;
    margin-left: 30px;
}

.olQuiz li
{
    list-style-type: upper-alpha;

}

.quizAnswer
{
    width: 220px;
    display: block;
    float: left;
}

.quizRadio
{
    margin-left: 10px;
}

.gvQuiz
{
	margin-left: 20px;
	margin-top: 20px;
}
.gvQuiz th
{
    padding: 5px;
    background-color: #333333;
    color: #FFFFFF;
    font-weight: bold;
}

.gvQuiz td 
{
    padding: 5px;
    }
    
    
/* Checkbox styles */

.chkreview
{
	color: #FFFFFF;
	background-color: #FF0000;
	border: 1px solid #FF0000;
}

.fixCopyright
{
    padding: 5px 15px 0px 15px;
    font-size: .6em;
    color: #333333;
    display: block;
    line-height: 12px;
}

#splashFrame
{
    margin: 20px auto 20px auto;
    
    height: 450px;
    width: 640px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: small;
    font-weight: bold;
    text-align: center;
}
#splashEnterBtn {
	height: 44px;
	width: 194px;
	text-align: center;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	position: relative;
	left: 209px;
	top: 219px;
}
#splashskip {

	height: 350px;
	width: 620px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
}

.ss_clubleague_largebadge
{
	padding: 2px;
	background-color: #333333;
	float: right;
	width: 110px;
	
}

#tbl_history
{
	padding: 4px;
	background-color: #333333;
	width: 420px;
}

#tbl_history tr
{
	background-color: #FFFFFF;
}

#sstable .FormGuide
{
	background-color: #333333;
	color: #FFFFFF;
}

.hometext
{
	
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	
}

.FixturesHomeBage
{
	float: right;
	margin-left: 5px;
}

.FixturesAwayBage
{
	float: left;
	margin-right: 5px;
}

.ss_homeform
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #999999;
	letter-spacing: .5em;
	cursor: pointer;
}

.ss_homeform a
{
	padding-right: 2px;
}

.ss_awayform
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	cursor: pointer;
	color: #999999;
	letter-spacing: .5em;
}
.btn_history 
{
	cursor: pointer;
	}

.ss_awayform a
{
	padding-right: 2px;
}

.scores_loading
{
	margin-top: 250px;
}


/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/

@media screen {

  .sIFR-active .homepage h2, .sIFR-active .hero-promo .promo-content h2
	{
		padding: 0px;
		visibility: hidden;
		font-family: Arial, Helvetica, sans-serif;
		margin-bottom: -5px;
	}
	.sIFR-active #clubHeader h2
	{
		padding: 0px;
		visibility: hidden;
		font-family: Arial, Helvetica, sans-serif;
		
	}
	
	
	
	sIFR-active .content .sub-content h1
	{
		padding: 0px;
		margin: 0px;
		visibility: hidden;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.sIFR-active .one-third-promo h2
  {
		visibility: hidden;
		font-family: Arial, Helvetica, sans-serif;
		
		
	}
	
	.sIFR-active .one-third-promo h4
	{
		padding: 0px;
		visibility: hidden;
		font-family: Arial, Helvetica, sans-serif;
		width: 106px;
		margin-top: -2px;
		margin-bottom: -2px;
	}
	
	
	

}



/***********************************************/
/* sIFR text replacement End                   */
/***********************************************/