/* $Id$
Sitewide standard aspects of fonts, buttons, layout and positioning

Version history:
0.1 2007-05-29 Initial version
*/
/*@import "/styles/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-image: url('/styles/ssBg31.jpg');
	background-repeat: repeat-x;
	color: #FFF;
	line-height: 1.15em;
	background-color: #FFFFFF;
}

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(/styles/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;
	overflow: hidden;
}
.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: #CCCCCC;
	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(/styles/iepngfix.htc);
	left: 0px;
	top: 0px;
	width: 5px;
	height: 110px;
	float: left;
}
.quickLoginContainerR
{
	behavior: url(/styles/iepngfix.htc);
	top: 0px;
	right: 0px;
	width: 5px;
	height: 110px;
	float: right;
}

#quickLogin
{
	behavior: url(/styles/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;
	width: 190px;
}

#quickLogin .qloginPass
{
	padding: 2px;
	background-color: #FFFFFF;
	border: 1px solid #333333;
	font-size: 1.1em;
	width: 60px;
}

#quickLogin h1
{
	font-size: 1.3em;
	margin-bottom: 3px;
	
	font-weight: bold;
}

#quickloginContainer #quickLogin a
{
	color: #FF3300;
	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;
	
}
#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: url(/images/layout-cb/footer-bg.png) 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: #CCCCCC;
	text-decoration: none;
}
#footer ul li a:visited { color: #CCCCCC; text-decoration: none; }
#footer ul li a:hover
{
	color: #FFFFFF;
	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: 3px;
	padding-left: 3px;
}

#rhsAdverts
{
	padding-top: 5px;
}

#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(/styles/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(/styles/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(/styles/tab-line.jpg) repeat-x 50% bottom;
	padding-bottom: 13px;
	_padding-bottom: 0;

}
.hpRss .ajax__tab_outer
{
	background: url(/styles/tab-right.jpg) no-repeat right;
	height: 32px;
	
}
.hpRss .ajax__tab_inner						{ background:url(/styles/tab-left.jpg) no-repeat; }
.hpRss .ajax__tab_tab
{
	background-position: url(/styles/tab.jpg) repeat-x;
	background: url(/styles/tab.jpg) repeat-x;
	color: gray;
	height: 19px;
	position: relative;
	text-align: left;
	
	
}
.hpRss .ajax__tab_hover .ajax__tab_outer	{ background:url(/styles/tab-hover-right.jpg) no-repeat right; }
.hpRss .ajax__tab_hover .ajax__tab_inner	{ background:url(/styles/tab-hover-left.jpg) no-repeat; }
.hpRss .ajax__tab_hover .ajax__tab_tab
{
	background: url(/styles/tab-hover.jpg) repeat-x;
	color: black;
	height: 19px;
	text-align: left;
	
}
.hpRss .ajax__tab_active .ajax__tab_outer	{ background:url(/styles/tab-active-right.jpg) no-repeat right; }
.hpRss .ajax__tab_active .ajax__tab_inner	{ background:url(/styles/tab-active-left.jpg) no-repeat; }
.hpRss .ajax__tab_active .ajax__tab_tab
{
	background: url(/styles/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(/styles/tab-line.jpg) repeat-x 50% bottom;
	padding-bottom: 13px;
	_padding-bottom: 0;

}
.rhsRss .ajax__tab_outer
{
	background: url(/styles/tab-right.jpg) no-repeat right;
	height: 32px;
	
}
.rhsRss .ajax__tab_inner						{ background:url(/styles/tab-left.jpg) no-repeat; }
.rhsRss .ajax__tab_tab
{
	background-position: url(/styles/tab.jpg) repeat-x;
	background: url(/styles/tab.jpg) repeat-x;
	color: gray;
	height: 19px;
	position: relative;
	text-align: left;
	
	
}
.rhsRss .ajax__tab_hover .ajax__tab_outer	{ background:url(/styles/tab-hover-right.jpg) no-repeat right; }
.rhsRss .ajax__tab_hover .ajax__tab_inner	{ background:url(/styles/tab-hover-left.jpg) no-repeat; }
.rhsRss .ajax__tab_hover .ajax__tab_tab
{
	background: url(/styles/tab-hover.jpg) repeat-x;
	color: black;
	height: 19px;
	text-align: left;
	
}
.rhsRss .ajax__tab_active .ajax__tab_outer	{ background:url(/styles/tab-active-right.jpg) no-repeat right; }
.rhsRss .ajax__tab_active .ajax__tab_inner	{ background:url(/styles/tab-active-left.jpg) no-repeat; }
.rhsRss .ajax__tab_active .ajax__tab_tab
{
	background: url(/styles/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: .7em;
	font-family: Arial;
	line-height: 15px;
	text-align: left;
	text-decoration: none;
	letter-spacing: -.15px;
	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:186px;
}
.rhsbbcrss
{
	
	background-position: right bottom;
	background-image: url(/images/bbcrssicon.gif);
	background-repeat: no-repeat;
	width: 230px;
	height: 186px;
}

.rhsRss .rhsfixPNGHS
{
	behavior: url(/styles/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(/styles/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(/styles/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(/styles/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(/styles/tab-line.jpg) repeat-x bottom; }
.SSTabStyle .ajax__tab_outer
{
	background: url(/styles/tab-right.jpg) no-repeat right;
	
}
.SSTabStyle .ajax__tab_inner						{ background:url(/styles/tab-left.jpg) no-repeat; }
.SSTabStyle .ajax__tab_tab
{
	background: url(/styles/tab.jpg) repeat-x;
	color: gray;
}
.SSTabStyle .ajax__tab_hover .ajax__tab_outer	{ background:url(/styles/tab-hover-right.jpg) no-repeat right; }
.SSTabStyle .ajax__tab_hover .ajax__tab_inner	{ background:url(/styles/tab-hover-left.jpg) no-repeat; }
.SSTabStyle .ajax__tab_hover .ajax__tab_tab
{
	background: url(/styles/tab-hover.jpg) repeat-x;
	color: black;
}
.SSTabStyle .ajax__tab_active .ajax__tab_outer	{ background:url(/styles/tab-active-right.jpg) no-repeat right; }
.SSTabStyle .ajax__tab_active .ajax__tab_inner	{ background:url(/styles/tab-active-left.jpg) no-repeat; }
.SSTabStyle .ajax__tab_active .ajax__tab_tab
{
	background: url(/styles/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(/styles/tab-line.png) repeat-x 50% bottom;
}
.SSLeague .ajax__tab_outer
{
	background: url(/styles/tab-right.png) no-repeat right;
	height: 32px;
	
}
.SSLeague .ajax__tab_inner						{ background:url(/styles/tab-left.png) no-repeat; }
.SSLeague .ajax__tab_tab
{
	background: url(/styles/tab.png) repeat-x;
	color: gray;
	position:relative;
	height: 19px;
}
.SSLeague .ajax__tab_hover .ajax__tab_outer	{ background:url(/styles/tab-hover-right.png) no-repeat right; }
.SSLeague .ajax__tab_hover .ajax__tab_inner	{ background:url(/styles/tab-hover-left.png) no-repeat; }
.SSLeague .ajax__tab_hover .ajax__tab_tab
{
	background: url(/styles/tab-hover.png) repeat-x;
	color: black;
		height: 19px;
	
}
.SSLeague .ajax__tab_active .ajax__tab_outer	{ background:url(/styles/tab-active-right.png) no-repeat right; }
.SSLeague .ajax__tab_active .ajax__tab_inner	{ background:url(/styles/tab-active-left.png) no-repeat; }
.SSLeague .ajax__tab_active .ajax__tab_tab
{
	background: url(/styles/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(/styles/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(/styles/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(/styles/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(/styles/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(/styles/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(/styles/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(/styles/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(/styles/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(/styles/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(/styles/formTFBg.jpg) repeat;
	border: 1px solid #333333;
	padding: 1px 2px 1px 2px;
	margin: 0px 0px 0px 2px;
	background: #FFFFFF url(/styles/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('/styles/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(/styles/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(/styles/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(/styles/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(/styles/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(/styles/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(/styles/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
{
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-left-color: #000000;
}

#ticketTable th {}

#ticketTable td
{
	padding-bottom: 3px;
	padding-top: 2px;
}

#ticketTable a
{
	text-decoration: none;
	font-size: .8em;
}

#ticketTable a:hover {color: #666666; }

.dgTicket
{
	font-size: 1em;
}

.dgTicketItem
{
	font-size: small;
	color: #666666;
}


.dgTicketItem a
{
	color: #FF0000;
	text-decoration: none;
	font-weight: bold;
}

.dgTicketItem a:hover
{
	color: #333333;
}

.dgTicketHeader
{
	padding: 5px 15px 5px 15px;
	font-size: medium;
	font-weight: bold;
}

.dgTicketItemHome
{
	text-align: right;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.dgTicketItemAway
{
	text-align: left;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.dgTicketFG
{
	background-color: #333333;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
}

.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(/styles/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(/styles/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(/styles/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(/styles/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;
}

.loading_alert
{
	color: #FF0000;
	font-size: large;
	font-weight: bold;
}


#twitterWrapper
{
	width: 140px;
	height: 30px;
	float: left;
	margin-left: 100px;
	margin-top: 5px;
}

#twitterWrapper2
{
	
	width: 140px;
	right: 0px;
	top: 15px;
	float: right;
	
}

#twitterFooterWrapper
{
	width: 140px;
	margin-right: auto;
	margin-left: auto;
}

#twitterDetailWrapper
{
	float: right;
	
}


#rhsTwitterWrapper
{
	margin-bottom: 4px;
}


