/*--------------------------------------------------*/
/* General Setup                 					*/

	* {
		padding: 0;
		margin: 0;
	}

	body {
		font-family: arial, verdana, helvetica, sans-serif;
		font-size: 62.5%; /* resets fonts to 16px */
		color: #000;
		background: #fff url("/a/img/global/genBg.jpg") repeat-x top center;
	}

	/*--------------------------------------------------*/
	/* Text                                             */

		p {
			padding: 0 0 12px;
		}

		h1 {
			font-size: 2.1em;
			color: #fff;
			text-transform: uppercase;
			font-family: Arial Black, arial, verdana, helvetica, sans-serif;
			font-style: italic;
		}

		h2 {
			font-size: 1.63em;
		}
		
		h2.lockedArea {
			color: #fff;
			font-size: 1em;
			background: #000;
			border: 2px solid #fff;
			padding: 10px 20px;
		}
		
			h2.lockedArea a:link,
			h2.lockedArea a:visited {
				color: #ffe600;
				text-decoration: underline;
			}
			
			h2.lockedArea a:hover,
			h2.lockedArea a:active {
				color: #ffe600;
				text-decoration: none;
			}

		h3 {
			font-size: 1.6em;
			color: #7a003c;
			text-transform: uppercase;
			font-family: Arial Black, arial, verdana, helvetica, sans-serif;
			font-style: italic;
		}

		h4 {
			font-size: 1.4em;
		}

		h5 {
			font-size: 1.1em;
		}

	/*--------------------------------------------------*/
	/* Links                                            */

		a {
			text-decoration: none;
			color:#000;
		}

			a:hover,
			a:active,
			a:focus {
				text-decoration: underline;
			}

			a img {
				border: 0;
			}

	/*--------------------------------------------------*/
	/* Images                                           */

		img {
			display: block;
			border: none;
		}

		.helpIcon {
			display:inline;
		}


	/*--------------------------------------------------*/
	/* Form                                             */

			form fieldset {
				border: 0;
			}

				input,
				textarea,
				select,
				button {
					font-family: arial, verdana, helvetica, sans-serif;
					font-size: 1em;
					color: #000;
				}					

/*--------------------------------------------------*/
/* Generic Classes				                    */

	.offScreen {
		position: absolute;
		left: -5000px;
	}

	.clear:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	ul.error {
		color: #c1272d;
		list-style-type: none;
		background: #000;
		border: 2px solid #c1272d;
		padding: 10px 10px 5px 10px;
		font-size: 1.1em;
	}
	
	ul.error li {
		padding-bottom: 5px;
	}

	#content form fieldset div.error input {
		background: #c4daf1;
	}
	
	abbr,
	acronym {
		border: none;
	}

/*--------------------------------------------------*/
/* Wrapper						                    */

	#wrapper {
		font-size: 1.1em; /* sets all fonts to 12px */
		width: 87.3em; /*960px*/
		margin: 20px auto 0 auto;
		text-align: left;
	}
	
	/*--------------------------------------------------*/
	/* Header						                    */
	
		#header {
			background: url("/a/img/global/headerBg.gif") no-repeat bottom left;
		}
		
			/*--------------------------------------------------*/
			/* JV Life Logo					                    */
		
			#header h1 {
				float: left;
				display: inline;
				padding-bottom: 8px;
				position: relative;
				z-index: 999;
			}
			
			#leagueTable {
				float: left;
				background: url("/a/img/global/leagueTable/leagueTableBg.gif") no-repeat top left;
				height: 125px;
				width: 538px;
				border-bottom: 3px solid #fff;
				position: relative;
				z-index: 5000;
				margin: 14px 0 0 -15px;
				text-transform: uppercase;
				color: #fff;
				font-weight: bold;
			}
			
			#leagueTable .errorList {
				position: absolute;
				left: 40px;
				top: 15px;
				width: 200px;
				text-transform: none !important;
				font-weight: normal !important;
			}

				#leagueTable .errorList ul li strong {
					white-space: nowrap;
					clear: both;
					display: block;
				}
			
				#leagueTable #collapsed {
					margin: 20px 15px 5px 40px;
				}	
						
				#leagueTable .profileLeague {
					float: left;
				}
				
					#leagueTable .profileLeague p.signOut {
						float: right;
						font-weight: normal;
						text-transform: none;
						margin: 10px 0 0 0 !important;
						padding: 0;
					}
					
					#leagueTable .profileLeague p.signOut a:link,
					#leagueTable .profileLeague p.signOut a:visited {
						font-weight: bold;
						text-transform: uppercase;
						color: #fff;
						text-decoration: none;
					}
					
					#leagueTable .profileLeague p.signOut a:hover,
					#leagueTable .profileLeague p.signOut a:active {
						font-weight: bold;
						text-transform: uppercase;
						color: #bbee09;
						text-decoration: none;
					}
				
				#leagueTable .profileLeague form {
					text-align: left;
					margin: 0 0 0 25px;
					padding: 0;
				}

				#leagueTable .profileLeague form a:link,
			 	#leagueTable .profileLeague form a:visited{
					color: #fff;
				}
				
				#leagueTable .profileLeague form h2 {
					color: #97c0e6;
					text-transform: uppercase;
					font-family: Arial Black, arial, verdana, helvetica, sans-serif;
					font-style: italic;
					font-size: 1.4em;
					margin: -5px 0 0 0;
					padding: 0;
				}
				
				#leagueTable .profileLeague form label {
					background: #7a003c; 
					width: 100px !important;
					padding: 3px 5px;
					float: left;
					margin-right: 2px;
					display: block;
					height: 15px;
					line-height: 15px;
				}
				
				#leagueTable .profileLeague form input {
					float: left;
					border: none;
					padding: 3px 5px;
					display: block;
					height: 15px;
					line-height: 15px;
					width: 147px;
				}
				
				#leagueTable .profileLeague form input.submit {
					width: auto !important;
					color: #fff;
					text-transform: uppercase;
					font-family: Arial Black, arial, verdana, helvetica, sans-serif;
					font-style: italic;
					font-size: 1.6em;
					background: none;
					height: auto !important;
					margin: 0 10px 0 -3px;
					padding: 0 20px 0 0;
					text-align: left;
					background: url("/a/img/global/leagueTable/signInBullet.gif") no-repeat center right;
					cursor: pointer;
				}
				
				#leagueTable .profileLeague form input.submit:hover {
					color: #97c0e6;
				}
				
				#leagueTable .profileLeague form a:link.forgottenLink,
			 	#leagueTable .profileLeague form a:visited.forgottenLink  {
					color: #fff;
					font-size: 0.8em;
					text-decoration: none;
					margin-top: 10px;
					float: right;
				}
				
				#leagueTable .profileLeague form a:hover.forgottenLink,
			 	#leagueTable .profileLeague form a:active.forgottenLink  {
					text-decoration: underline;
				}
				
				#leagueTable .profileLeague form div {
					margin-top: 5px;
				}
				
				#leagueTable .info {
					width: 8.4em;
					font-size: 0.9em;
					margin: 0 3px 0 0;
				}
				
				#leagueTable .table {
					float: right;
					text-align: right;
					margin: 0 0 0 3px;
					width: 295px;
				}
				
				#leagueTable .table img {
					margin-bottom: 10px;
					float: right;
				}
				
				#leagueTable ul#superLeagueCarousel {
					clear: both;
					overflow: hidden;
					height: 42px;
				}
				
				#leagueTable ul#superLeagueCarousel li {
					font-family: arial Narrow, arial, verdana, helvetica, sans-serif;
					color: #fff;
					font-size: 1.1em;
					list-style-type: none;
				}
				
				#leagueTable ul#superLeagueCarousel li a:link,
				#leagueTable ul#superLeagueCarousel li a:visited {
					color: #bbee09;
					text-decoration: none;
				}
				
				#leagueTable ul#superLeagueCarousel li a:hover,
				#leagueTable ul#superLeagueCarousel li a:active {
					color: #bbee09;
					text-decoration: underline;
				}
				
				#leagueTable #collapsed {
					height: 100px;
				}
				
				#leagueTable #collapsed p {
					margin: 0;
					padding: 0;
				}
				
				#leagueTable .info p.signedOutTotal {
					color: #bbee09;
					margin: 5px 0 0 0 !important;
					border-bottom: 1px dotted #808080;
					padding: 0 0 1px 0;
					display: block;
				}
				
				#leagueTable #collapsed a#teamName:link,
				#leagueTable #collapsed a#teamName:visited {
					color: #bbee09;
					margin: 3px 0 0 0;
					display: block;
					text-decoration: none;
				}
				
				#leagueTable #collapsed a#teamName:hover,
				#leagueTable #collapsed a#teamName:active {
					color: #bbee09;
					text-decoration: underline;
				}
			
				#leagueTable #collapsed a#myProfileLink:link,
				#leagueTable #collapsed a#myProfileLink:visited,
				#leagueTable #collapsed p#moreLink {
					color: #fff;
					background: url("/a/img/global/leagueTable/arrowRight.gif") no-repeat center right;
					padding: 0 8px 1px 0;
					text-decoration: none;
					border-bottom: 1px dotted #808080;
					display: block;
					margin: 0 0 5px 0;
					cursor: pointer;
				}
				
				#leagueTable #collapsed a#myProfileLink:hover,
				#leagueTable #collapsed a#myProfileLink:active,
				#leagueTable #collapsed p#moreLink:hover {
					color: #bbee09;
					text-decoration: none;
					border-bottom: 1px dotted #bbee09;
				}
				
				#leagueTable #collapsed p#moreLink {
					border-bottom: none;
					border-top: 1px dotted #808080;
					padding: 1px 8px 0 0;
					background: url("/a/img/global/leagueTable/arrowDown.gif") no-repeat center right;
					margin: 5px 0 0 0;
				}
				
				#leagueTable #collapsed p#moreLink:hover {
					border-bottom: none;
					border-top: 1px dotted #bbee09;
				}
			
			#leagueTable #expanded {
				clear: left;
				color: #fff;
				border: 3px solid #fff;
				border-top: none;
				background: #000;
				display: none;
				padding: 15px 0 5px 0;
			}
			
			.pointsAbilities {
				float: left;
			}
			
			#leagueTable #expanded .permanent {
				width: 200px;
				margin: 0 0 0 20px;
				border-right: 1px dotted #808080;
			}
			
			#leagueTable #expanded h3,
			#leagueTable #expanded div,
			#leagueTable #expanded div img {
				float: left;
			}
			
			#leagueTable #expanded .permanent div {
				width: 190px;
			}
			
			#leagueTable #expanded .permanent div img,
			#leagueTable #expanded .spendable div img {
				margin: 0 0 5px 7px;
			}
			
			#leagueTable #expanded .spendable {
				width: 135px;
				margin: 0 12px;
			}
			
			#leagueTable #expanded .spendable div {
				width: 127px;
			}
			
			.abilities {
				width: 136px;
			}		
			
			.abilities h3 {
				float: none;
				display: block;
				border-bottom: 1px dotted #808080;
				font-size: 1em;
				color: #fff;
				font-style: normal;
				font-family: arial, verdana, helvetica, sans-serif;
				margin-bottom: 3px;
			}

			.abilities p {
				font-weight:normal;
				text-transform:none;
				padding-bottom: 2px;
				clear:both;
			}
			
			.abilities ul.abilitiesBar {
				margin-bottom: 9px;
				list-style-type: none;
				clear: both;
			}
			
			.abilities ul.abilitiesBar li {
				font-family: arial, verdana, helvetica, sans-serif;
				color: #fff;
				background: url("/a/img/global/healthBarSmall.jpg") no-repeat right 0;
				margin-bottom: 3px;
				font-weight: normal;
				text-transform: uppercase;
				font-size: 0.9em;
			}
			
			.abilities ul.abilitiesBar li.one {
				background-position: right -14px;
			}
			
			.abilities ul.abilitiesBar li.two {
				background-position: right -28px;
			}
			
			.abilities ul.abilitiesBar li.three {
				background-position: right -42px;
			}
			
			.abilities ul.abilitiesBar li.four {
				background-position: right -56px;
			}
			
			.abilities ul.abilitiesBar li.five {
				background-position: right -70px;
			}
			
			.abilities ul.abilitiesBar li.six {
				background-position: right -84px;
			}
			
			.abilities ul.abilitiesBar li.seven {
				background-position: right -98px;
			}
			
			.abilities ul.abilitiesBar li.eight {
				background-position: right -112px;
			}
			
			.abilities ul.abilitiesBar li.nine {
				background-position: right -126px;
			}
			
			.abilities ul.abilitiesBar li.ten {
				background-position: right bottom;
			}
			
			
			
			
			
			
			.abilitiesBarLarge {
				clear: both;
				margin: 0 0 8px 0;
			}
			
				.abilitiesBarLarge {
					margin: 0 0 3px 0 ;
					height: 42px;
					clear: both;
					padding: 0;
				}
				
				.abilitiesBarLarge {
					height: 42px;
				}
				
				.abilitiesBarLarge .addButton {
					float: left;
					width: 150px;
					margin: 0 0 0 10px;
					height: 42px;
				}
			
				.abilitiesBarLarge .abilitiesPoints {
					background: url("/a/img/global/healthBarLarge.jpg") no-repeat left 0;
					height: 34px;
					width: 151px;
					float: left;
					margin: 4px 0 0 0;
				}
			
				.abilitiesBarLarge span  {
					background: url("/a/img/mySuperhero/addPointsBg.gif") no-repeat top left;
					float: left;
					height: 22px;
					width: 77px;
					font-family: Arial Black, arial, verdana, helvetica, sans-serif;
					text-transform: uppercase;
					font-size: 1em;
					font-style: italic;
					color: #000;
					padding: 0 0 0 15px;
					margin: 10px 0 0 0;
					line-height: 22px;
				}
				
				.abilitiesBarLarge input {
					float: left;
					padding: 0;
				}
			
			.abilitiesBarLarge .one {
				background-position: left -34px;
			}
			
			.abilitiesBarLarge .two {
				background-position: left -68px;
			}
			
			.abilitiesBarLarge .three {
				background-position: left -102px;
			}
			
			.abilitiesBarLarge .four {
				background-position: left -136px;
			}
			
			.abilitiesBarLarge .five {
				background-position: left -170px;
			}
			
			.abilitiesBarLarge .six {
				background-position: left -204px;
			}
			
			.abilitiesBarLarge .seven {
				background-position: left -238px;
			}
			
			.abilitiesBarLarge .eight {
				background-position: left -272px;
			}
			
			.abilitiesBarLarge .nine {
				background-position: left -306px;
			}
			
			.abilitiesBarLarge .ten {
				background-position: left -340px;
			}

			.abilities ul.superPoints {
				width:135px;
				background: #464646;
				height:12px;
				color: #fff;
			}

			.abilities ul.superPoints li {
				font-family: arial, verdana, helvetica, sans-serif;
				display: block;
				margin: 0;
				font-size: 0.9em;
				font-weight: normal;
				float: left;
				text-align: right;
				height:12px;
			}

			.abilities ul.superPoints li .percent{
				padding: 0 2px;
			}
			
			.abilities ul.superPoints li.yourPoints {
				background: #7a003c;
				text-align: left;
				width: 0px;
			}

			.abilities ul.superPoints li.pointsNeeded {
				width: 135px;
			}
			
			#leagueTable #expanded #close {
				clear: both;
				margin: 10px 20px 0 37px;
				width: 485px;
			}
			
			#leagueTable #expanded #close p#closeLink {
				padding: 0 10px 0 0;
				background: url("/a/img/global/leagueTable/arrowUp.gif") no-repeat center right;
				font-size: 0.9em;
				display: inline;
				float: left;
				text-transform: uppercase;
				font-weight: bold;
				cursor: pointer;
			}
			
			#leagueTable #expanded #close p#closeLink:hover {
				color: #bbee09;
				text-decoration: none;
			}
			
			#leagueTable #expanded #close p {
				float: right;
				text-transform: capitalize;
				font-weight: normal;
			}
			
			#leagueTable #expanded #close p a:link,
			#leagueTable #expanded #close p a:visited {
				text-transform: uppercase;
				color: #fff;
				text-decoration: none;
				font-weight: bold;
			}
			
			#leagueTable #expanded #close p a:hover,
			#leagueTable #expanded #close p a:active {
				text-decoration: underline;
			}
			
			/*--------------------------------------------------*/
			/* Signup Box - Montage Pages	                    */
		
			#header #signup {
				float: right;
				background: url("/a/img/global/signup/signupBg.png") no-repeat bottom left;
				width: 510px;
				height: 228px;
				margin: 10px 22px 0 0;
			}
			
				#header #signup div#registerYourChild {
					float: right;
					width: 270px;		
					margin: 0 15px 0 0;		
					height: 260px;
				}
				
					#header #signup div#registerYourChild a:link,
 					#header #signup div#registerYourChild a:visited {
						width: 249px;
						height: 67px;
						background: url("/a/img/global/signup/registerButton.gif") no-repeat center left;
						display: block;
						line-height: 70px;
						text-decoration: none;
						color: #000;
						font-style: italic;
						font-size: 1.3em;
						padding: 0 0 0 20px;
						margin: 150px 0 0 0;
					}
					
					#header #signup div#registerYourChild a:hover,
 					#header #signup div#registerYourChild a:active {
						text-decoration: underline;
						color: #000;
					}
			
			#benefits {
				float: right;
				width: 305px;
				height: 23px;
				margin-top: -44px;
			}

				#benefits p#openButton {
					background: url("/a/img/global/montageBenefits/openClose2.png") no-repeat top left;
					width: 305px;
					height: 26px;
					font-size: 0.9em;
					padding: 0 0 0 15px;
					line-height: 19px;
					cursor: pointer;
					font-weight: bold;
				}

				#benefits p#openButton span.open {
					background: url("/a/img/global/montageBenefits/openArrow.gif") no-repeat center right;
					display: block;
					width: 120px;
				}

				#benefits p#openButton span.close {
					background: url("/a/img/global/montageBenefits/closeArrow.gif") no-repeat center right;
					display: block;
					width: 120px;
				}

				#benefits #benefitsList {
					background: url("/a/img/global/montageBenefits/benefits2.png") no-repeat top left;
					width: 305px;
					height: 89px;
				}

					#benefits #benefitsList p.intro {
						padding: 10px 15px;
					}

					#benefits #benefitsList ul {
						padding: 0 15px;
						height: 45px;
					}

						#benefits #benefitsList ul li {
							list-style-type: disc;
							color: #7a003c;
							float: left;
							font-weight: bold;
							text-transform: uppercase;
							margin-bottom: 5px;
						}

						#benefits #benefitsList ul li.left {
							margin-left: 15px;
							width: 130px;
						}

						#benefits #benefitsList ul li.right {
							margin-left: 25px;
							width: 100px;
						}

						#benefits #benefitsList ul li span {
							color: #000;
							margin-left: -5px;
						}			
	/*--------------------------------------------------*/
	/* Content						                    */
	
		#content {
			background: url("/a/img/global/contentBg.jpg") repeat-y top left;
		}
		
			#content img.genderEntry {
				float: left;
				margin-top: -58px;
			}
		
		/*--------------------------------------------------*/
		/* Navigation					                    */

		#navigation {
		  width: 901px;
			height: 67px; 
			background: url("/a/img/global/navigation/navigationOff.png") no-repeat 0 top;
			margin: 0 auto;
			position: relative;
		}
			
			#navigation #navItems {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2999;
			}
		
			#navigation #onState {
				width: 901px;
				height: 67px;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2998;
			}
		
			area {
				/*cursor: pointer;*/
			}
		
			.navItem1,
			.whereHeroesAreMade {
				background: url("/a/img/global/navigation/navItems.gif") no-repeat 0 -67px;
				cursor: pointer;
			}
			
			.navItem2,
			.villaHeroes {
				background: url("/a/img/global/navigation/navItems.gif") no-repeat 0 -134px;
				cursor: pointer;
			}
			
			.navItem3,
			.mySuperhero {
				background: url("/a/img/global/navigation/navItems.gif") no-repeat 0 -201px;
				cursor: pointer;
			}
			
			.navItem4,
			.gamesArea {
				background: url("/a/img/global/navigation/navItems.gif") no-repeat 0 -268px;
				cursor: pointer;
			}
			
			.navItem5,
			.skills {
				background: url("/a/img/global/navigation/navItems.gif") no-repeat 0 -335px;
				cursor: default;
			}
			
			.navItem6,
			.league {
				background: url("/a/img/global/navigation/navItems.gif") no-repeat 0 -402px;
				cursor: pointer;
			}
			
			.navItem7,
			.fanZone {
				background: url("/a/img/global/navigation/navItems.gif") no-repeat 0 -469px;
				cursor: pointer;
			}
		
			.navItem8,
			.history {
				background: url("/a/img/global/navigation/navItems.gif") no-repeat 0 bottom;
				cursor: pointer;
			}	
		
		/*--------------------------------------------------*/
		/* Hero							                    */
		
		#hero {
			margin: 0 auto 30px auto;
			width: 81.4em;
			border: 3px solid #fff;
			background: #7a003d url("/a/img/global/heroBgPink.jpg") repeat-x top left;
		}
		
			#heroBot {
				background: url("/a/img/global/heroBotBg.gif") repeat-x bottom left;
				height: 9px;
				width: 100%;
				clear: both;
			}
		
			#hero h2, 
			#hero h3 {
				margin: 25px 0 0 15px;
			}
			
			#hero h3 {
				margin: 0 0 0 15px;
			}
			
			#hero p {
				width: 565px;
				margin: 0 0 0 15px;
			}
			
			/*--------------------------------------------------*/
			/* Tabs							                    */
			
			#tabbedContainer {
				margin: 30px;
				float: left;
			}
			
				#tabbedContainer ul.tabs li {
					float: left;
					margin-right: 3px;
					list-style-type: none;
				}

				#tabbedContainer ul.tabs li a:link,
				#tabbedContainer ul.tabs li a:visited {
					text-decoration: none;
					color: #7a003c;
					text-transform: uppercase;
					font-family: Arial Black, arial, verdana, helvetica, sans-serif;
					font-style: italic;
					padding: 0 10px;
					line-height: 25px;
					background: url("/a/img/global/tabsBg.jpg") repeat-x top left;
					display: block;
					height: 25px;
					white-space: nowrap;
				}
				
				#tabbedContainer ul.tabs li a:hover,
				#tabbedContainer ul.tabs li a:active,
				#tabbedContainer ul.tabs li a.active { 
					text-decoration: none;
					color: #000;
					background: #fff;
				}

				#tabbedContainer #tabbedContent {
					border: 3px solid #fff;
				}
			
			
		/*--------------------------------------------------*/
		/* Promo Panels - Consistent	                    */

		#promoPanels {
			margin: 0 0 20px 30px;
			clear: both;
		}
		
			#loginPanelPromo {
				margin-left: 12px;
			}
		
			.promo {
				float: left;
				width: 304px;
			}
			
			.promo p {
				background: url("/a/img/global/promoPanels/panelBg.gif") no-repeat top left;
				position: relative;
				z-index: 300;
			}
			
			.promo p img {
				float: left;
				margin: -17px -5px 0 0;
			}
			
			.promo p span {
				float: left;
				line-height: 19px;
			}
			
				.promo div.panel {
					border: 3px solid #fff;
					width: 287px;
					background: #92bce2 url("/a/img/global/promoPanels/blueBg.gif") repeat-x top left;
				}
				
				.promo #academyPromo h2 {
					margin: -7px 0 0 12px;
				}
				
				.promo #gamesArea h2 {
					position: relative;
					z-index: 200;
				}
				
				.promo #fanzonePromo h2 {
					margin: -13px 0 0 12px;
				}
				
				.promo div ul {
					margin: 5px 5px 8px 8px;
				}
				
				.promo div ul li {
					list-style-type: none;
					display: inline;
					margin-left: 3px;
				}
				
				.promo div ul li a:link,
				.promo div ul li a:visited {
					color: #000;
					text-decoration: none;
				}
				
				.promo div ul li a:hover,
				.promo div ul li a:active {
					color: #000;
					text-decoration: underline;
				}
		
		/*--------------------------------------------------*/
		/* Homepage Boxes - Panels		                    */

		#homepageBoxes {
			margin: 0 0 0 30px;
			clear: both;
		}
		
			.promo #meetHeroes {
				margin: 18px 0 0 0;
			}

			.promo #meetHeroes h2 {
				position: relative;
				z-index: 200;
			}

			.promo #leagueTop5 {
				background: #7a003c url("/a/img/home/checkedBg.jpg") repeat-x top left;
				padding: 10px 0;
				margin: 18px 0 0 0;
			}

			.promo #leagueTop5 h2 {
				margin: 5px 15px;
			}

			.promo #leagueTop5 p {
				background: none;
				color: #fff;
				margin: 0 15px;
				height: auto !important;
				padding: 0;
			}

			.promo #leagueTop5 ul#top5table {
				margin: 8px 5px;
				clear: both;
			}

			.promo #leagueTop5 ul li {
				display: block;
				clear: both;
				margin: 2px 0;
				padding: 0 10px;
			}
		
				.promo #leagueTop5 ul#top5table li.striped {
					background: #450024;
				}

				.promo #leagueTop5 ul#top5table li span,
				.promo #leagueTop5 ul#top5table li img {
					float: left;
					line-height: 23px;
				}

				.promo #leagueTop5 ul#top5table li span.teamName {
					color: #97c0e6;
					text-transform: uppercase;
					font-family: Arial Black, arial, verdana, helvetica, sans-serif;
					font-style: italic;
				}
				
					.promo #leagueTop5 ul#top5table li span.teamName a:link,
					.promo #leagueTop5 ul#top5table li span.teamName a:visited {
						color: #97c0e6;
						text-decoration: none;
					}
					
					.promo #leagueTop5 ul#top5table li span.teamName a:hover,
					.promo #leagueTop5 ul#top5table li span.teamName a:active {
						color: #97c0e6;
						text-decoration: underline;
					}

				.promo #leagueTop5 ul#top5table li span.pts {
					float: right;
					color: #fff;
				}

				.promo #leagueTop5 p a:link,
				.promo #leagueTop5 p a:visited {
					color: #fff;
					text-transform: uppercase;
					font-family: Arial Black, arial, verdana, helvetica, sans-serif;
					font-style: italic;
					text-align: right;
					display: block;
					text-decoration: none;
					font-size: 0.9em;
				}

				.promo #leagueTop5 p a:hover,
				.promo #leagueTop5 p a:active {
					color: #fff;
					text-decoration: underline;
				}
				
			/*--------------------------------------------------*/
			/* Signup Box - Promo Panel		                    */

			.promo #leagueTop5 form {
				margin: -3px auto 0 auto;
				width: 268px;
				height: 192px;
			}
			
				.promo #leagueTop5 form img {
					margin-bottom: 3px;
				}

					.promo #leagueTop5 form .errorList {
						position: absolute;
						width: 265px;
						z-index: 99999;
					}
					
						.promo #leagueTop5 form .errorList ul li {
							padding: 0 0 5px 0;
						}

					.promo #leagueTop5 form fieldset {
						font-size: 0.95em;
					}

						.promo #leagueTop5 form fieldset label {
							color: #fff;
							clear: both;
							display: block;
						}

						.promo #leagueTop5 form fieldset input {
							border: 2px solid #fff;
							padding: 2px 0;
						}

						.promo #leagueTop5 form fieldset .col {
							float: left;
						}

						.promo #leagueTop5 form fieldset .row {
							clear: both;
							padding-top: 9px;
						}

						.promo #leagueTop5 form fieldset .row input {
							width: 185px;
						}

						.promo #leagueTop5 form fieldset .formFields {
							float: left;
						}

						.promo #leagueTop5 form fieldset .submit {
							float: left;
							width: 60px;
						}

							.promo #leagueTop5 form fieldset .submit input {
								font-family: Arial Black, arial, verdana, helvetica, sans-serif;
								color: #ffe600;
								text-align: center;
								border: none;
								background: url("/a/img/global/promoPanels/goButton.gif") no-repeat top center;
								display: block;
								height: 130px;
								width: 75px;
								font-style: italic;
								margin: 0 0 -55px 3px;
								cursor: pointer;
							}

							.promo #leagueTop5 form fieldset .submit input:hover {
								color: #fff;
							}

							.promo #leagueTop5 form fieldset .yourName {
								margin-right: 3px;
							}

							.promo #leagueTop5 form fieldset .yourName input {
								width: 64px;
							}

							.promo #leagueTop5 form fieldset .parentsName input {
								width: 117px;
							}

			
			#newsFlash {
				float: left;
				width: 317px;
				height: 185px;
				background: url("/a/img/home/newsFlash.gif") no-repeat top left;
				margin: 0 -1px 0 0;
				color: #fff;
				font-weight: bold;
				text-transform: uppercase;
				padding-top: 60px;
			}
			
			#newsFlash ul li img,
			#newsFlash ul li div {
				float: left;
			}
			
			#newsFlash ul li div {
				display: block;
				width: 130px;
				margin-left: 5px;
			}
			
			#newsFlash ul li div h2 {
				font-size: 1em;
				padding: 0 0 4px 0;
			}
			
			#newsFlash ul li div p {
				font-size: 0.9em;
				padding: 0 0 4px 0;
			}
						
			#newsFlash ul li div p a:link,
			#newsFlash ul li div p a:visited {
				text-decoration: none;
				color: #fff;
			}
			
			#newsFlash ul li div p a:hover,
			#newsFlash ul li div p a:active {
				color: #bbee09;
				text-decoration: underline;
			}
			
/*--------------------------------------------------*/
/* CHART                                            */

#graph {
	/*
	background: url("/a/img/skills/chartBack.gif") no-repeat;
	*/

}	
				
/*--------------------------------------------------*/
/* Footer						                    */
	
	#footer {
		font-size: 1.1em; /* sets all fonts to 12px */
		width: 87.3em; /*960px*/
		margin: 0 auto;
		text-align: left;
		background: url("/a/img/global/footers/footerBg.png") repeat-x top left;
		padding-top: 28px;
		margin-top: -18px;
	}
	
		#footer ul {
			list-style-type: none;
			display: block;
		}
		
		#footer ul li {
			display: inline;
		}
	
		#footer ul#ourSitesLine {
			background: #7a003c;
			padding: 15px 30px;
			font-family: Arial Rounded MT Bold, arial, verdana, helvetica, sans-serif;
			font-size: 1.15em;
		}
		
			#footer ul#ourSitesLine li.right {
				float: right;
				margin-left: 20px;
			}
		
			#footer ul#ourSitesLine li img {
				float: left;
				margin-right: 5px;
			}
		
			#footer ul#ourSitesLine li a:link,
			#footer ul#ourSitesLine li a:visited {
				color: #000;
				text-decoration: none;
				float: left;
			}
			
			#footer ul#ourSitesLine li a:hover,
			#footer ul#ourSitesLine li a:active {
				color: #000;
				text-decoration: underline;
			}
			
		#footer #copyrightExtras {
			background: #fff;
			padding: 10px 30px;
			color: #000;
			font-size: 0.9em;
		}
	
		#footer ul#copyrightLine {
			float: left;
		}
		
		#footer ul#extraLinks {
			float: right;
		}

		#footer .addthis_toolbox {
			margin-top: 0;
			float: left;
		}
		
			#footer .addthis_toolbox img {
/*				margin-top: -3px;*/
			}

			#footer ul#extraLinks li {
				float: left;
			}
			
			#footer ul#extraLinks li.extraLinkLast a:link,
			#footer ul#extraLinks li.extraLinkLast a:visited {
				background: none;
				padding-left: 2px;
				margin-left: 1px;
			}

		
			#footer #copyrightExtras ul li a:link,
			#footer #copyrightExtras ul li a:visited {
				color: #000;
				text-decoration: none;
				background: url("/a/img/global/footers/footerBorder.gif") no-repeat center right;
				padding-right: 5px;
				margin-right: 1px;
				line-height: 16px;
			}
			
			#addThisShare {
				background: url("/a/img/global/footers/footerBorder.gif") no-repeat center right;
				padding-right: 5px;
				margin-right: 5px;
			}
			
			#footer #copyrightExtras ul li a.first {
				background: none;
				padding: 0;
				margin: 0;
			} 
			
			#footer #copyrightExtras ul li a:hover,
			#footer #copyrightExtras ul li a:active {
				color: #000;
				text-decoration: underline;
			}


			/*--------------------------------------------------*/
			/* Rating						                    */

				#rating  ul {
					background: url("/a/img/theFanZone/star.gif") repeat-x 0 0;
					list-style-type: none;
					padding: 0;
					width: 80px;
					height: 16px;
					position: relative;
					margin: 0 0 6px;
				}

					#rating ul li {
						position: absolute;
						left: 0;
						top: 0;
						height: 16px;
					}

						#rating ul li a {
							display: block;
							height: 16px;
						}

							#rating ul li a:hover {
								background: url("/a/img/theFanZone/star.gif") repeat-x 0 100%;
							}

						#rating ul li span {
							display: block;
							width: 80px;
							margin: -18px 0 0 86px;
						}

					#rating ul li.one {
						width: 16px;
						z-index: 5;
					}

					#rating ul li.two {
						width: 32px;
						z-index: 4;
					}

					#rating ul li.three {
						width: 48px;
						z-index: 3;
					}

					#rating ul li.four {
						width: 64px;
						z-index: 2;
					}

					#rating ul li.five {
						width: 80px;
						z-index: 1;
					}
			
			/*--------------------------------------------------*/
			/* Rated 						                    */
			
			.rated {
				float: right;
				padding: 0;
				margin: 0;
			}
			
				.rated p {
					padding: 0;
					margin: 0;
					font-weight: bold;
					width: 80px !important;
				}
				
					p.ratingCopy {
						width: auto !important;
					}
					
					span.ratingKey {
						
					}

					.hearts {
						background: url("/a/img/theFanZone/star.gif") repeat-x 0 0;
						padding: 0;
						height: 16px;
						width: 80px;
					}

					.rated p.thankYou {
						padding-bottom: 5px;
						font-weight: normal;
					}

						.hearts span {
							background: url("/a/img/theFanZone/star.gif") repeat-x 0 100%;
							display: block;
							height: 16px;
						}

							.hearts span.zero {
								width: 0;
							}

							.hearts span.one {
								width: 16px;
							}

							.hearts span.two {
								width: 32px;
							}

							.hearts span.three {
								width: 48px;
							}

							.hearts span.four {
								width: 64px;
							}

							.hearts span.five {
								width: 80px;
							}	



							#howToPlayLightBox {
								background: #000;
								color: #898989;
								padding: 15px 10px;
							}

							#howToPlayLightBox p {
								color: #898989;
								margin: 0;
								width: 100%;
								width: 550px;
								font-size: 1.1em;
							}

							#howToPlayLightBox p strong {
								margin: 0 0 10px 0;
								clear:both;
								color:#FFFFFF;
								display:block;
								text-transform:uppercase;
							}

								#howToPlayLightBox p img {
									float: left;
									padding: 10px;
									margin: 0 10px 10px 0;
									border: 1px solid #898989;
								}


								#tabbedContainer #tabbedContent #content2.recipes .recipe a.back {
									margin:-15px 0 0 -54px;
								}