/* Footieflux website CSS */

/* ---------------------------------- * /

/* @BASE */

html, body { height: 100%; width: 100%; }
body, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td { margin: 0; padding: 0; }
a { outline: none; text-decoration: none; }
ul, li { list-style: none; }
img { border: none; display: block; }
input[type=hidden] { height: 0; line-height: 0; padding: 0; visibility: hidden; }

/* @HTML5 */

section, article, header, footer, nav, aside, hgroup { display: block; }

/* --------------------------------------- */

/* @FONTS */

/* FONT - SAX MONO */
@font-face {
	font-family: 'PrintBoldRegular';
	src: url('../fonts/printclearly/PrintBold-webfont.eot');
	src: local('☺'), url('../fonts/printclearly/PrintBold-webfont.woff') format('woff'), url('../fonts/printclearly/PrintBold-webfont.ttf') format('truetype'), url('../fonts/printclearly/PrintBold-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* --------------------------------------- */

/* --- @GLOBALS ---  */
body	{ background: #333 url('../img/gen/bg-main-football.png') no-repeat; font: 12px/18px Arial, Helvetica, sans-serif; }
input	{ outline: none; }

/*
--- GLOBALS: COLORS ---

red 		#ff2642
blue 		#1ab3f0
orange		#f5750d
green		#21bf1f
purple		#4a12ba
dark-grey 	#333
mid-grey	#949494
light-grey	#ddd

*/

/* --- GLOBALS: ROUNDED CORNERS ---*/
.rounded-corners,
.ui-autocomplete,
.tickercontainer {
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	border-radius: 5px; /* CSS3 */
}
.rounded-corners-top {
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px; /* Firefox */
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px; /* Safari, Chrome */
	border-top-right-radius: 5px;
	border-top-left-radius: 5px; /* CSS3 */
}
.rounded-corners-bottom {
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px; /* Firefox */
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px; /* Safari, Chrome */
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; /* CSS3 */
}
.rounded-corners-large {
	-moz-border-radius: 20px; /* Firefox */
	-webkit-border-radius: 20px; /* Safari, Chrome */
	border-radius: 20px; /* CSS3 */
}
.rounded-corners-small-button {
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari, Chrome */
	border-radius: 10px; /* CSS3 */
}

/* --- GLOBALS: BUTTONS --- */
a.rounded-corners-small-button		{ font-size: 12px; line-height: 12px; padding: 2px 5px; }
a.rounded-corners-small-button:link,
a.rounded-corners-small-button:visited	{ background-color: #ddd; color: #333; }
a.rounded-corners-small-button:hover	{ background-color: #333; color: #fff; }
a.rounded-corners-small-button:active	{ background-color: #333; color: #ddd; }

/* --- GLOBALS: SHADOWS --- */
.drop-shadow {
	-webkit-box-shadow: 2px 2px 5px #000; /* Saf3.0+, Chrome */
	-moz-box-shadow: 2px 2px 5px #000; /* FF3.5+ */
	box-shadow: 2px 2px 5px #000; /* Opera 10.5, IE 9.0 */
}
.drop-shadow-light,
.ui-autocomplete {
	-webkit-box-shadow: 2px 2px 5px #666; /* Saf3.0+, Chrome */
	-moz-box-shadow: 2px 2px 5px #666; /* FF3.5+ */
	box-shadow: 2px 2px 5px #666; /* Opera 10.5, IE 9.0 */
}
.inner-shadow {
	-webkit-box-shadow: inset 2px 2px 5px #666; /* Saf3.0+, Chrome */
	-moz-box-shadow: inset 2px 2px 5px #666; /* FF3.5+ */
	box-shadow: inset 2px 2px 5px #666; /* Opera 10.5, IE 9.0 */
}

/* --- GLOBALS: CHANGE UP OR DOWN --- */
td.change-up	{ color: #21bf1f; }
td.change-none	{ color: #333; }
td.change-down	{ color: #ff2642; }

div#user-boxes-wrapper td.change-up,
div#user-boxes-wrapper td.change-none,
div#user-boxes-wrapper td.change-down,
div#overlays-wrapper td.change-up,
div#overlays-wrapper td.change-none,
div#overlays-wrapper td.change-down,
body.iphone td.change-up,
body.iphone td.change-none,
body.iphone td.change-down	{ color: #333; }

div#user-boxes-wrapper td.change-up span,
div#user-boxes-wrapper td.change-none span,
div#user-boxes-wrapper td.change-down span,
div#overlays-wrapper td.change-up span,
div#overlays-wrapper td.change-none span,
div#overlays-wrapper td.change-down span,
body.iphone td.change-up span,
body.iphone td.change-none span,
body.iphone td.change-down span		{ background-image: url('../img/gen/arrows-position.png'); background-repeat: no-repeat; }

div#user-boxes-wrapper section#leaderboard-box td.change-up span,
div#overlays-wrapper section#leaderboard-overlay td.change-up span,
div#overlays-wrapper div#leagues-overlay-league td.change-up span,
body.iphone td.change-up span	{ background-position: 0 4px; padding-left: 12px; }
div#user-boxes-wrapper section#leaderboard-box td.change-none span,
div#overlays-wrapper section#leaderboard-overlay td.change-none span,
div#overlays-wrapper div#leagues-overlay-league td.change-none span,
body.iphone td.change-none span	{ background-position: 0 -10px; padding-left: 12px; }
div#user-boxes-wrapper section#leaderboard-box td.change-down span,
div#overlays-wrapper section#leaderboard-overlay td.change-down span,
div#overlays-wrapper div#leagues-overlay-league td.change-down span,
body.iphone td.change-down span	{ background-position: 0 -25px; padding-left: 12px; }

div#user-boxes-wrapper section#leagues-box td.change-up span		{ background-position: 12px 4px; padding-right: 12px; }
div#user-boxes-wrapper section#leagues-box td.change-none span		{ background-position: 12px -10px; padding-right: 12px; }
div#user-boxes-wrapper section#leagues-box td.change-down span		{ background-position: 12px -25px; padding-right: 12px; }

/* --------------------------------------- */

/* --- @LAYOUT --- */

/* --- WRAPPERS --- */
	div#wrapper						{ overflow: hidden; position: relative; }
	div#slide-wrapper					{ position: relative; left: -660px; }
	div#content-wrapper					{ position: relative; }
	
	div#wrapper div#slide-wrapper div#main-wrapper		{ float: right; padding: 20px 24px 30px 24px; }
	div#wrapper div#slide-wrapper div#main-wrapper.narrow	{ width: 920px; }
	div#wrapper div#slide-wrapper div#main-wrapper.wide	{ width: 1153px; }

	div#wrapper div#slide-wrapper div#player-wrapper	{ float: left; width: 660px; }

/* --- HEADER --- */
	header#header, div#header			{ border-bottom: 1px solid #949494; color: #fff; height: 21px; margin-bottom: 30px; position: relative; }
	header#header h1, div#header h1		{ background-image: url('../img/gen/ff-10-11-logo.png'); background-repeat: no-repeat; height: 191px; position: absolute; top: 48px; left: -4px; text-indent: -9999px; width: 129px;}
	header#header h2, div#header h2 		{ float: left; font-size: 16px; }
	header#header h1, div#header h1,
	header#header h2, div#header h2		{ font-family: PrintBoldRegular, Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase; }
	header#header ul, div#header ul		{ float: right; font-family: PrintBoldRegular, Arial, Helvetica, sans-serif; font-size: 16px; text-transform: uppercase; }
	header#header li, div#header li		{ display: inline; margin-left: 8px; }
	
	header#header a:link,
	header#header a:visited		{ color: #fff; }
	header#header a:hover,
	header#header a:active		{ color: #949494; }
	
/* --- FOOTER ---*/
	footer				{ clear: both; padding-top: 24px;}
	footer ul			{ font-size: 14px; }
	footer li			{ display: inline; margin-right: 8px; }
	
	footer a:link,
	footer a:visited		{ color: #fff; }
	footer a:hover,
	footer a:active			{ color: #949494; }

/* --------------------------------------- */

/* --- PREV/NEXT LINKS --- */
	div.prev-next-links							{ color: #ddd; padding-top: 7px; width: 100%; }
	
	div#player-wrapper div.prev-next-links a#toggle-player-info		{ background-repeat: no-repeat; padding-right: 10px; }
	div#player-wrapper div.prev-next-links a#toggle-player-info.more	{ background-image: url('../img/gen/arrow-down.png'); }
	div#player-wrapper div.prev-next-links a#toggle-player-info.less	{ background-image: url('../img/gen/arrow-up.png'); }
	
	div#player-wrapper div.prev-next-links a#toggle-player-info:link,
	div#player-wrapper div.prev-next-links a#toggle-player-info:visited 	{ background-position: right 6px; }
	div#player-wrapper div.prev-next-links a#toggle-player-info:hover,
	div#player-wrapper div.prev-next-links a#toggle-player-info:active 	{ background-position: right -8px; }
	
	body#players-page section#players-box div.prev-next-links		{ width: 674px; }
	body#players-page div.prev-next-links a:link,
	body#players-page div.prev-next-links a:visited				{ color: #949494; }
	body#players-page div.prev-next-links a:hover,
	body#players-page div.prev-next-links a:active				{ color: #333; }
	
	div.prev-next-links a+a,
	div.prev-next-links span+a,
	div.prev-next-links a+span,
	div.prev-next-links span+span,
	a#toggle-player-info							{ float: right; }

	div.prev-next-links a.remove-button					{ display: none; float: left; font-weight: bold; margin-right: 170px; }
	body#players-page div.prev-next-links a.remove-button:link,
	body#players-page div.prev-next-links a.remove-button:visited		{ color: #f5750d; }
	body#players-page div.prev-next-links a.remove-button:hover,
	body#players-page div.prev-next-links a.remove-button:active		{ color: #333; }
	div.prev-next-links a.remove-button+span				{ float: left; }
	
/* --------------------------------------- */

/* PLAYERS/USER STATISTICS */
	div.statistics 			{ margin-top: 20px; }
	div.statistics h2		{ background-color: #ddd; font-size: 12px; font-weight: normal; line-height: 24px; margin-bottom: 8px; padding: 0 8px; text-transform: uppercase; }
	
	div.statistics table		{ border-collapse: collapse; width: 100%; }
	div.statistics table th,
	div.statistics table td		{ border-bottom: 1px solid #ddd; }
	div.statistics table th		{ font-weight: normal; text-align: left; text-transform: uppercase; }

/* previous transactions */
	div.player-previous-transactions table col.date		{ text-align: left; width: 100px; }
	div.player-previous-transactions table col.trade	{ text-align: left; width: 270px; }
	div.player-previous-transactions table col.total	{ text-align: right; width: 80px; }
	div.player-previous-transactions table col.balance	{ text-align: right; width: 80px; }
	
	div.player-previous-transactions table th+th+th,
	div.player-previous-transactions table td+td+td		{ text-align: right; }

/* player on-pitch performance */
	div.player-onpitch-performance table col.date		{ text-align: left; width: 40px; }
	div.player-onpitch-performance table col.gameweek	{ text-align: center; width: 40px; }
	div.player-onpitch-performance table col.match		{ text-align: left; width: 119px; }
	div.player-onpitch-performance table col.minutes	{ text-align: center; width: 40px; }
	div.player-onpitch-performance table col.goals		{ text-align: center; width: 22px; }
	div.player-onpitch-performance table col.assists	{ text-align: center; width: 22px; }
	div.player-onpitch-performance table col.conceded	{ text-align: center; width: 22px; }
	div.player-onpitch-performance table col.yellow-cards	{ text-align: center; width: 22px; }
	div.player-onpitch-performance table col.red-cards	{ text-align: center; width: 22px; }
	div.player-onpitch-performance table col.traded		{ text-align: right; width: 58px; }
	div.player-onpitch-performance table col.price		{ text-align: right; width: 58px; }
	div.player-onpitch-performance table col.change		{ text-align: right; width: 65px; }
	
	div.player-onpitch-performance table th+th,
	div.player-onpitch-performance table td+td				{ text-align: center; }
	div.player-onpitch-performance table th+th+th,
	div.player-onpitch-performance table td+td+td				{ text-align: left; }
	div.player-onpitch-performance table th+th+th+th,
	div.player-onpitch-performance table td+td+td+td			{ text-align: center; }
	div.player-onpitch-performance table th+th+th+th+th+th+th+th+th+th,
	div.player-onpitch-performance table td+td+td+td+td+td+td+td+td+td	{ text-align: right; }

/* players */
	div.other-users-current-players table thead			{ line-height: 14px; }
	div.other-users-current-players table thead th			{ padding-bottom: 5px; vertical-align: top; }
	
	div.other-users-current-players table col.player		{ text-align: left; width: 170px; }
	div.other-users-current-players table col.team			{ text-align: left; width: 90px; }
	div.other-users-current-players table col.position		{ text-align: center; width: 40px; }
	div.other-users-current-players table col.price			{ text-align: right; width: 80px; }
	div.other-users-current-players table col.change		{ text-align: right; width: 80px; }
	div.other-users-current-players table col.shares-owned		{ text-align: center; width: 80px; }
	
	div.other-users-current-players table th+th+th,
	div.other-users-current-players table td+td+td			{ text-align: center; }
	div.other-users-current-players table th+th+th+th,
	div.other-users-current-players table td+td+td+td		{ text-align: right; }
	div.other-users-current-players table th+th+th+th+th+th,
	div.other-users-current-players table td+td+td+td+td+td		{ text-align: center; }

/* --------------------------------------- */

/* --- WHITE BOXES: GENERAL ---*/

/* general formatting of white boxes */
	section, div.section { background: #fff; color: #333; margin-bottom: 12px; }
	section.small-box, div.small-box	{ width: 221px; }

/* box padding */
	section div.box-content-wrapper, div.box-content-wrapper 	{ padding: 7px 7px 5px 7px; }
	div#user-boxes-wrapper section div.box-content-wrapper 		{ padding: 0 7px 5px 7px; }
	div#game-info-boxes-wrapper section#announcements-box div.box-content-wrapper 	{ padding: 0 7px; }
	div#help-overlay-wrapper div.box-content-wrapper			{ padding: 10px 10px 7px 10px; }


/* box links */	
	section.red a:link,
	section.red a:visited		{ color: #ff2642; }
	section.red a:hover,
	section.red a:active		{ color: #333; }
		section.red table a:link,
		section.red table a:visited		{ color: #333; }
		section.red table a:hover,
		section.red table a:active		{ color: #ff2642; }
	
	section.blue a:link,
	section.blue a:visited		{ color: #1ab3f0; }
	section.blue a:hover,
	section.blue a:active		{ color: #333; }
		section.blue table a:link,
		section.blue table a:visited		{ color: #333; }
		section.blue table a:hover,
		section.blue table a:active		{ color: #1ab3f0; }
	
	section.orange a:link,
	section.orange a:visited	{ color: #f5750d; }
	section.orange a:hover,
	section.orange a:active		{ color: #333; }
		section.orange table a:link,
		section.orange table a:visited		{ color: #333; }
		section.orange table a:hover,
		section.orange table a:active		{ color: #f5750d; }
		
	section.green a:link,
	section.green a:visited		{ color: #21bf1f; }
	section.green a:hover,
	section.green a:active		{ color: #333; }
		section.green table a:link,
		section.green table a:visited		{ color: #333; }
		section.green table a:hover,
		section.green table a:active		{ color: #21bf1f; }
		
	section.purple a:link,
	section.purple a:visited	{ color: #4a12ba; }
	section.purple a:hover,
	section.purple a:active		{ color: #333; }
		section.purple table a:link,
		section.purple table a:visited		{ color: #333; }
		section.purple table a:hover,
		section.purple table a:active		{ color: #4a12ba; }
		
	section.mid-grey a:link,
	section.mid-grey a:visited	{ color: #949494; }
	section.mid-grey a:hover,
	section.mid-grey a:active	{ color: #333; }
		section.mid-grey table a:link,
		section.mid-grey table a:visited	{ color: #333; }
		section.mid-grey table a:hover,
		section.mid-grey table a:active		{ color: #949494; }
	
/* box headers */	
	section header			{ background-image: url('../img/gen/bg-small-box-football.png'); background-repeat: no-repeat; height: 40px; }
	section#players-box header	{ background-image: url('../img/gen/bg-players-box-football.png'); background-repeat: no-repeat; height: 97px; padding: 10px 10px 5px 10px; }
	section#home-box header		{ background-image: url('../img/gen/bg-home-box-football.png'); background-repeat: no-repeat; height: 162px; padding: 10px 10px 5px 10px; }
	
	.header {
		background-image: url('../img/gen/bg-small-box-football.png'); 
		background-repeat: no-repeat; 
		height: 40px;
	}
	
	#leaderboard_overlay.header {
		background-image: url('../img/gen/bg-leagues-box-football.png'); background-repeat: no-repeat; height: 85px; padding: 10px 10px 5px 10px; position: relative;
	}
	
	#leaderboard_overlay.header h1 {
		color: #fff; font-family: PrintBoldRegular, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; text-transform: uppercase; line-height: 18px; margin-bottom: 28px; text-align: left;
	}
	
	.header h1 { color: #fff; font-family: PrintBoldRegular, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; text-transform: uppercase; line-height: 43px; text-align: center; }
	.header h2 { color: #fff; font-family: PrintBoldRegular, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; line-height: 20px; text-transform: uppercase; }
	.header h3 { color: #fff; font-size: 12px; font-weight: normal; }
	
	section.red header, .header-red				{ background-color: #ff2642; }
	section.blue header, .header-blue			{ background-color: #1ab3f0; }
	section.orange header, .header-orange		{ background-color: #f5750d; }
	section.green header, .header-green			{ background-color: #21bf1f; }
	section.purple header, .header-purple		{ background-color: #4a12ba; }
	section.mid-grey header, .header-mid-grey	{ background-color: #949494; }

	section header h1		{ color: #fff; font-family: PrintBoldRegular, Arial, Helvetica, sans-serif; font-weight: normal; text-transform: uppercase; }
	section.small-box header h1	{ font-size: 20px; line-height: 43px; text-align: center; }
	
	section#players-box header h1	{ font-size: 30px; line-height: 30px; text-align: left; }
	section#home-box header h1	{ font-size: 36px; line-height: 40px; text-align: left; width: 480px; }

/* positioning of boxes */
	div#user-boxes-wrapper								{ float: right; height: 210px; display: block;}
	div#user-boxes-wrapper section							{ float: left; }
	div#user-boxes-wrapper section#user-box						{ margin-right: 12px; }
	body#players-page div#user-boxes-wrapper section#leaderboard-box		{ margin-right: 12px; }

	div#game-info-boxes-wrapper 							{ float: right; }
	div#main-wrapper.narrow div#game-info-boxes-wrapper				{ width: 221px; }
	div#main-wrapper.wide div#game-info-boxes-wrapper				{ width: 454px; }
	div#game-info-boxes-wrapper div#announcements-and-fixtures-boxes-wrapper	{ float: left; }
	div#game-info-boxes-wrapper section#news-box					{ float: right; }

/* --- TOP USER BOXES --- */	
	div#user-boxes-wrapper section table			{ border-collapse: collapse; margin-bottom: 5px; width: 100%; }
	div#user-boxes-wrapper section table td			{ border-bottom: 1px solid #ddd; line-height: 28px; }
	
	section#user-box table col.labels			{ text-align: left; width: 127px; }
	section#user-box table col.values			{ text-align: right; width: 80px; } /* Set text-align for IE */
	section#user-box table td+td				{ text-align: right; } /* Set text-align for modern browsers */
	section#user-box table tr+tr+tr				{ font-weight: bold; }
	
	section#leaderboard-box table col.leaderboard-position	{ text-align: left; width: 45px; }
	section#leaderboard-box table col.username		{ text-align: left; width: 95px; }
	section#leaderboard-box table col.balance-change	{ text-align: right; width: 67px; }
	section#leaderboard-box table td:first-child		{ font-weight: bold; }
	section#leaderboard-box table td+td+td			{ text-align: right; }
	section#leaderboard-box table tr.user			{ font-weight: bold; }
	
	section#leagues-box table col.league-name		{ text-align: left; width: 167px; }
	section#leagues-box table col.league-position		{ text-align: right; width: 40px; }
	section#leagues-box table td+td				{ font-weight: bold; text-align: right; }

/* --- HOME PAGE--- */
	section#home-box						{ clear: right; float: left; min-height: 800px; width: 687px; }
	section#home-box header					{ position: relative; }
	
	section#home-box div.three-column				{ border-left: 1px solid #ddd; float: left; height: 340px; margin-bottom: 10px; padding: 20px 10px 10px 10px; width: 204px; }
	section#home-box div.three-column:first-child			{ border-left: none; }
	section#home-box div.three-column:first-child+div.three-column	{ width: 203px; }
	section#home-box div.three-column h2				{ font-size: 14px; color: #ff2642; text-align: center; }
	section#home-box div.three-column img				{ margin: 20px 0; }
	section#home-box div.three-column div				{ padding: 0 7px; text-align: center; }
	
	section#home-box div.full-column				{ border-top: 1px solid #ddd; clear: left; padding: 20px 10px; position: relative; }
	section#home-box div.full-column h2				{ font-size: 14px; color: #ff2642; }
	section#home-box div.full-column div				{ width: 420px; }
	section#home-box div.full-column div li				{ list-style-image: url('../img/gen/list-bullet.png'); margin-left: 1.5em; }
	
	section#home-box div#register-for-the-season h2			{ color: #333; font: 20px/23px PrintBoldRegular, Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase; }
	section#home-box div#register-for-the-season div		{ margin: 20px auto 25px auto; text-align: center; }
	
	body#home-page a.sign-up-now-link				{ display: block; font-family: PrintBoldRegular, Arial, Helvetica, sans-serif; font-size: 20px; height:28px; line-height: 30px; margin: 0 auto; text-align: center; text-transform: uppercase; width: 125px; }
	body#home-page a.sign-up-now-link:link,
	body#home-page a.sign-up-now-link:visited			{ background-color: #ff2642; color: #fff; }
	body#home-page a.sign-up-now-link:hover				{ background-color: #949494; color: #fff; }
	body#home-page a.sign-up-now-link:active			{ background-color: #949494; color: #ddd; }
	
	body#home-page a.take-a-look-link				{ background-image: url('../img/gen/home-takealook-arrow.png'); background-position: 147px 68px; background-repeat: no-repeat; display: block; font-family: PrintBoldRegular, Arial, Helvetica, sans-serif; font-size: 20px; height:78px; line-height: 23px; padding: 7px; position: absolute; text-transform: uppercase; width: 155px; }
	
	body#home-page header a.take-a-look-link			{ top: 10px; right: 10px; }	
	body#home-page div.full-column a.take-a-look-link		{ top: 25px; right: 26px; }
	body#home-page a.take-a-look-link:link,
	body#home-page a.take-a-look-link:visited			{ background-color: #333; color: #fff; }
	body#home-page a.take-a-look-link:hover				{ background-color: #949494; color: #fff; }
	body#home-page a.take-a-look-link:active			{ background-color: #949494; color: #ddd; }

	div#home-register					{ border-right: 1px solid #ddd; border-left: 1px solid #ddd; color: #fff; padding: 10px 20px; position: absolute; top: -3px; left: 148px; text-align: center; width: 250px;  }
	div#home-register h2				{ font: 18px/22px PrintBoldRegular, Arial, Helvetica, sans-serif; text-transform: uppercase; }
	div#home-register div				{ padding: 14px 10px 18px 10px; }

/* Homepage news ticker */
	div#news-ticker-wrapper		{ clear: right; float: left; margin-bottom: 10px; position: relative; }
	
	.tickercontainer { /* the outer div with the black border */
	width: 687px; 
	height: 26px; 
	margin: 0; 
	padding: 0;
	overflow: hidden;
	color: yellow;
	background-color: #444; 
	}
	.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
	position: relative;
	left: 7px;
	top: 4px;
	width: 673px;
	overflow: hidden;
	}
	ul.newsticker { /* that's your list */
	position: relative;
	left: 750px;
	margin: 0;
	padding: 0;
	
	}
	ul.newsticker li {
	float: left; /* important: display inline gives incorrect results when you check for elem's width */
	margin-right: 150px;
	padding: 0;
	}
	
/* --- PLAYERS BOX --- */
	section#players-box	{ clear: right; float: left; min-height: 800px; width: 687px; }

/* header */
	section#players-box header						{ position: relative; }
	section#players-box header div						{ position: absolute; }
	section#players-box header div#toggle-view-wrapper			{ color: #fff; bottom: 10px; left: 10px; }
	section#players-box header div#toggle-view-wrapper span.toggle-title	{ line-height: 28px; font-weight: bold; }
	section#players-box header div#toggle-view-wrapper a			{ font: 14px/14px PrintBoldRegular, Arial, Helvetica, sans-serif; margin-right: 10px; padding: 3px 8px 2px 8px; text-transform: uppercase; }
	section#players-box header div#toggle-view-wrapper a:link,	
	section#players-box header div#toggle-view-wrapper a:visited		{ background-color: #ddd; color: #333 }
	section#players-box header div#toggle-view-wrapper a:hover		{ background-color: #333; color: #fff }
	section#players-box header div#toggle-view-wrapper a:active		{ background-color: #333; color: #ddd }
			
	section#players-box header div#toggle-view-wrapper a.selected:link,	
	section#players-box header div#toggle-view-wrapper a.selected:visited,	
	section#players-box header div#toggle-view-wrapper a.selected:hover	{ background-color: #333; color: #fff }
	section#players-box header div#toggle-view-wrapper a.selected:active	{ background-color: #333; color: #ddd }
			
	section#players-box header div#search-field-wrapper			{ top: 10px; right: 10px; width: 304px; }
	section#players-box header div#search-field-wrapper input		{ border: none; color: #333; font: 14px/14px Arial, Helvetica, sans-serif; margin-right: 5px; padding: 5px 10px; width: 220px; }
	section#players-box header div#search-field-wrapper label		{ visibility: hidden; }
	
	section#players-box header div#search-field-wrapper a			{ font: 16px/16px PrintBoldRegular, Arial, Helvetica, sans-serif; padding: 4px 8px 2px 8px; text-transform: uppercase; }
	section#players-box header div#search-field-wrapper a:link,	
	section#players-box header div#search-field-wrapper a:visited		{ background-color: #ddd; color: #333 }
	section#players-box header div#search-field-wrapper a:hover		{ background-color: #333; color: #fff }
	section#players-box header div#search-field-wrapper a:active		{ background-color: #333; color: #ddd }	
		
		/* jquery ui autocomplete */
		.ui-autocomplete 			{ background-color: #ddd; cursor: pointer; position: relative; width: 304px; }
		.ui-autocomplete li			{ border-top: 1px solid #fff; font-size: 14px; line-height: 28px; padding: 0 10px; }
		.ui-autocomplete > li:first-child	{ border-top: none; }
		.ui-autocomplete li a 			{ display: block; }
		.ui-state-default			{ color: #333; }
		.ui-state-hover,
		.ui-state-focus,
		.ui-state-active			{ color: #1ab3f0; }
		/* workarounds */
		* html .ui-autocomplete 		{ width: 1px; } /* without this, the menu expands to 100% in IE6 */
		
	section#players-box header div#filters-wrapper				{ height: 42px; right: 10px; top: 60px; width: 304px; }
	section#players-box header div#filters-wrapper h2			{ float: left; font-size: 12px; font-weight: normal; margin-right: 10px; }
		
	section#players-box header div#filters-wrapper ul 			{ position: relative; width: 100%; z-index: 1; }
	section#players-box header div#filters-wrapper ul ul 			{ background-color: #ddd; display: none; padding: 5px 0 5px 0; position: absolute; width: 147px; }
	section#players-box header div#filters-wrapper ul li 			{ float: left; margin-right: 15px; }
	section#players-box header div#filters-wrapper ul li li			{ line-height: 21px; margin-right: 0; padding: 0 10px; width: 127px; }
		
	section#players-box header div#filters-wrapper ul li a			{ background: url('../img/gen/arrow-down-filter.png') no-repeat right; padding-right: 10px; }
	section#players-box header div#filters-wrapper ul li a:link,
	section#players-box header div#filters-wrapper ul li a:visited		{ color: #fff; }
	section#players-box header div#filters-wrapper ul li a:hover,
	section#players-box header div#filters-wrapper ul li a:active		{ color: #ddd; }
		
	section#players-box header div#filters-wrapper ul li li a		{ background: none; display: block; }
	section#players-box header div#filters-wrapper ul li li a:link,
	section#players-box header div#filters-wrapper ul li li a:visited	{ color: #333; }
	section#players-box header div#filters-wrapper ul li li a:hover,
	section#players-box header div#filters-wrapper ul li li a:active	{ color: #1ab3f0; }
		
	section#players-box header div#filters-wrapper div#filtered		{ position: absolute; bottom: 0; }
	section#players-box header div#filters-wrapper div#filtered a		{ background-image: url('../img/gen/x-filter.png'); background-repeat: no-repeat; margin-right: 5px;padding-right: 18px; }
	section#players-box header div#filters-wrapper div#filtered a:link,	
	section#players-box header div#filters-wrapper div#filtered a:visited	{ background-color: #ddd; background-position: right 4px; color: #333; }
	section#players-box header div#filters-wrapper div#filtered a:hover,	
	section#players-box header div#filters-wrapper div#filtered a:active	{ background-color: #ddd; background-position: right -14px; color: #333; }

/* number of players info */
	div#my-portfolio-number-of-players			{ border-bottom: 1px solid #ddd; font-size: 14px; line-height: 20px; margin-bottom: 7px; padding-bottom: 7px; }
	div#my-portfolio-number-of-players span.players-ok	{ color: #949494; }
	div#my-portfolio-number-of-players span.players-warning	{ color: #ff2642; }

/* table formatting */
	section#players-box table				{ border-collapse: collapse; width: 100%; }
	section#players-box table tbody				{ font-size: 14px; line-height: 28px; }
	section#players-box table thead				{ line-height: 14px; text-transform: uppercase; }
	section#players-box table thead th			{ font-weight: normal; padding-bottom: 5px; text-align: left; vertical-align: top; }
	section#players-box table td,
	section#players-box table th				{ border-bottom: 1px solid #ddd; }
	
	section#players-box table thead th.selected-up a	{ background: url('../img/gen/arrow-sort.png') no-repeat right 3px; margin-right: -12px; padding-right: 11px; }
	section#players-box table thead th.selected-down a	{ background: url('../img/gen/arrow-sort.png') no-repeat right -32px; margin-right: -12px; padding-right: 11px; }
	
/*column width and alignment */	
	section#players-box table col.player			{ font-weight: bold; text-align: left; width: 215px; }
	section#players-box table col.team			{ text-align: left; width: 80px; }
	section#players-box table col.position			{ text-align: center; width: 50px; }
	section#players-box table col.price			{ text-align: right; width: 82px; }
	section#players-box table col.change			{ text-align: right; width: 80px; }
	section#players-box table col.shares-traded		{ text-align: center; width: 79px; }
	section#players-box table col.buy-sell-link		{ text-align: right; width: 58px; }
	section#players-box table tbody td+td+td,
	section#players-box table thead th+th+th		{ text-align: center; }
	section#players-box table tbody td+td+td+td		{ padding-right: 14px; text-align: right; }
	section#players-box table tbody td+td+td+td+td		{ padding-right: 16px; }
	section#players-box table tbody td+td+td+td+td+td	{ padding-right: 0; text-align: center; }
	section#players-box table tbody td+td+td+td+td+td+td,
	section#players-box table thead th+th+th+td+th+th+th	{ text-align: right; }

/* players column */
	section#players-box table tbody tr > td:first-child		{ font-weight: bold; }

/* buy/sell column */
	section#players-box table thead th+th+th+th+th+th+th		{ visibility: hidden; }
	section#players-box table tbody td+td+td+td+td+td+td a:link,
	section#players-box table tbody td+td+td+td+td+td+td a:visited 	{ color: #1ab3f0; }
	section#players-box table tbody td+td+td+td+td+td+td a:hover,
	section#players-box table tbody td+td+td+td+td+td+td a:active 	{ color: #333; }

/* --- RIGHT GAME INFO BOXES --- */
	section#announcements-box div.box-content-wrapper div			{ border-top: 1px solid #ddd; padding: 7px 0 5px 0; }
	section#announcements-box div.box-content-wrapper > div:first-child	{ border-top: none; }
	
	section#fixtures-box h2							{ color: #949494; padding-bottom: 2px; }
	section#fixtures-box h3							{ border-top: 1px solid #ddd; line-height: 21px; margin-top: 21px; }
	section#fixtures-box h3:first-child					{ border-top: none; margin-top: 0; }
	section#fixtures-box h2, section#fixtures-box h3			{ border-bottom: 1px solid #ddd; font-size: 12px; text-align: center; }
	section#fixtures-box li							{ border-bottom: 1px solid #ddd; line-height: 21px; text-align: center; }
	/* section#fixtures-box li span						{ display: inline-block; }
	section#fixtures-box li > span:first-child				{ text-align: right; width: 92px; }
	section#fixtures-box li span+span					{ text-align: center; width: 16px; }
	section#fixtures-box li span+span+span					{ text-align: left; width: 92px; } */
	section#fixtures-box li span+span+span+span				{ color: #949494; }
	
	section#news-box div.box-content-wrapper div				{ padding-top: 12px; }
	section#news-box div.box-content-wrapper > div:first-child		{ padding-top: 0; }
	section#fixtures-box li a:link,	
	section#fixtures-box li a:visited { color: #333 }
	section#fixtures-box li a:hover	  {  color: #949494 }
	section#fixtures-box li a:active  {  color: #ddd }

/* --------------------------------------- */

/* --- INDIVIDUAL PLAYER SLIDING SECTION --- */

/* header / player shirt */
	div#player {  }
	div#player-wrapper { display: block; }
	div#player-wrapper div#player	{ margin: 282px auto 0 auto; padding: 10px 10px 5px 10px; width: 530px; }
	div#player .header				{ background-image: none; color: #fff; height: 251px; padding-top: 25px; text-align: center; }
	div#player .header h1			{ font-size: 36px; line-height: 36px; padding-top: 15px; }
	div#player .header h2			{ font-family: PrintBoldRegular, Arial, Helvetica, sans-serif; font-size: 144px; font-weight: normal; line-height: 130px; padding-top: 20px; }
	div#player .header h1,
	div#player .header h2			{ margin: 0 auto; width: 180px; }
	div#player .header.long-name h1,
	div#player .header.long-name h2	{ margin: 0 auto; width: 350px; }
	div#player .header div			{ border-top: 1px solid #fff; font-size: 14px; margin-top: 20px; padding: 5px 0 6px 0; }
	div#player .header div span		{ margin: 0 5px; }
	
	div#player.arsenal .header			{ background: #e40015; }
	div#player.arsenal .header h1,
	div#player.arsenal .header h2		{ color: #fff; }
	div#player.arsenal .header div		{ background-color: #e40015; }
	div.header-arsenal { background-color: #e40015; }
	
	div#player.aston-villa .header			{ background: #990012; }
	div#player.aston-villa .header h1,
	div#player.aston-villa .header h2		{ color: #fff; }
	div#player.aston-villa .header div		{ background-color: #63bef8; }
	div.header-aston-villa	{ background-color: #990012; }
	
	div#player.birmingham .header		{ background: #000099; }
	div#player.birmingham .header h1,
	div#player.birmingham .header h2		{ color: #fff; }
	div#player.birmingham .header div		{ background-color: #000099; }
	div.header-birmingham	{ background-color: #000099; }
	
	div#player.blackpool .header			{ background: #f28500; }
	div#player.blackpool .header h1,
	div#player.blackpool .header h2		{ color: #fff; }
	div#player.blackpool .header div		{ background-color: #f28500; }
	div.header-blackpool	{ background-color: #f28500; }
	
	div#player.blackburn .header			{ background: #0000cc url('../img/clubs/blackburn.png') no-repeat 5px 5px; }
	div#player.blackburn .header h1,
	div#player.blackburn .header h2		{ color: #ff2642; }
	div#player.blackburn .header div		{ background-color: #0000cc; }
	div.header-blackburn	{ background-color: #0000cc; }
	
	div#player.bolton .header			{ background: #000033 url('../img/clubs/bolton.png') no-repeat 5px 5px; }
	div#player.bolton .header h1,
	div#player.bolton .header h2			{ color: #000033; }
	div#player.bolton .header div		{ background-color: #000033; }
	div.header-bolton		{ background-color: #000033; }
	
	div#player.chelsea .header			{ background: #0254db; }
	div#player.chelsea .header h1,
	div#player.chelsea .header h2		{ color: #fff; }
	div#player.chelsea .header div,
	div.header-chelsea		{ background-color: #0254db; }
	
	div#player.everton .header			{ background: #2a3bb1; }
	div#player.everton .header h1,
	div#player.everton .header h2		{ color: #fff; }
	div#player.everton .header div		{ background-color: #2a3bb1; }
	div.header-everton		{ background-color: #2a3bb1; }

	div#player.fulham .header			{ background: #000 url('../img/clubs/fulham.png') no-repeat 5px 5px; }
	div#player.fulham .header h1,
	div#player.fulham .header h2			{ color: #000; }
	div#player.fulham .header div		{ background-color: #000; }
	div.header-fulham		{ background-color: #000; }
	
	div#player.liverpool .header			{ background: #e40015; }
	div#player.liverpool .header h1,
	div#player.liverpool .header h2		{ color: #fff; }
	div#player.liverpool .header div		{ background-color: #e40015; }
	div.header-liverpool	{ background-color: #e40015; }
	
	div#player.manchester-city .header		{ background: #79bef2; }
	div#player.manchester-city .header h1,
	div#player.manchester-city .header h2	{ color: #fff; }
	div#player.manchester-city .header div	{ background-color: #79bef2; }
	div.header-manchester-city	{ background-color: #79bef2; }
	
	div#player.manchester-utd .header		{ background: #e20e0e; }
	div#player.manchester-utd .header h1,
	div#player.manchester-utd .header h2		{ color: #fff; }
	div#player.manchester-utd .header div	{ background-color: #000; }
	div.header-manchester-utd	{ background-color: #e20e0e; }
	
	div#player.newcastle .header			{ background: #000 url('../img/clubs/newcastle.png') no-repeat 5px 5px; }
	div#player.newcastle .header h1,
	div#player.newcastle .header h2		{ background-color: #000; color: #fff; }
	div#player.newcastle .header div		{ background-color: #000; }
	div.header-newcastle	{ background-color: #000; }
	
	div#player.stoke .header			{ background: #ee0000 url('../img/clubs/stoke.png') no-repeat 5px 5px; }
	div#player.stoke .header h1,
	div#player.stoke .header h2			{ background-color: #ee0000; color: #fff; }
	div#player.stoke .header div			{ background-color: #ee0000; }
	div.header-stoke		{ background-color: #ee0000; }
	
	div#player.sunderland .header		{ background: #ee0000 url('../img/clubs/sunderland.png') no-repeat 5px 5px; }
	div#player.sunderland .header h1,
	div#player.sunderland .header h2		{ background-color: #ee0000; color: #fff; }
	div#player.sunderland .header div		{ background-color: #ee0000; }
	div.header-sunderland	{ background-color: #ee0000; }
	
	div#player.tottenham .header			{ background: #000040 url('../img/clubs/tottenham.png') no-repeat 5px 5px; }
	div#player.tottenham .header h1,
	div#player.tottenham .header h2		{ color: #000040; }
	div#player.tottenham .header div		{ background-color: #000040; }
	div.header-tottenham	{ background-color: #000040; }
	
	div#player.west-brom .header			{ background: #000084 url('../img/clubs/west-brom.png') no-repeat 5px 5px; }
	div#player.west-brom .header h1,
	div#player.west-brom .header h2		{ background-color: #000084; color: #fff; }
	div#player.west-brom .header div		{ background-color: #000084; }
	div.header-west-brom	{ background-color: #000084; }
	
	div#player.west-ham .header			{ background: #990012; }
	div#player.west-ham .header h1,
	div#player.west-ham .header h2		{ color: #fff; }
	div#player.west-ham .header div		{ background-color: #63bef8; }
	div.header-west-ham	{ background-color: #990012; }
	
	div#player.wigan .header			{ background: #0254db url('../img/clubs/wigan.png') no-repeat 5px 5px; }
	div#player.wigan .header h1,
	div#player.wigan .header h2			{ background-color: #0254db; color: #fff; }
	div#player.wigan .header div			{ background-color: #0254db; }
	div.header-wigan		{ background-color: #0254db; }
	
	div#player.wolves .header			{ background: #ff9900; }
	div#player.wolves .header h1,
	div#player.wolves .header h2			{ color: #000; }
	div#player.wolves .header div		{ background-color: #000; }
	div.header-wolves		{ background-color: #ff9900; }
	
/* share info */
	div.player-share-info								{ font-size: 14px; margin-top: 10px; overflow: hidden; }	
	div.player-share-info table,
	div.player-share-info div.trade-info-wrapper					{ float: left; width: 260px; }
	div.player-share-info div.price-tables-wrapper					{ float: left; margin-top: 20px; }
	
	div.player-share-info table							{ border-collapse: collapse; }
	div.player-share-info table.rounded-corners 					{ background-color: #ddd; margin-right: 10px; }
	div.player-share-info table.rounded-corners td					{ border-top: 1px solid #fff; line-height: 28px; }
	div.player-share-info table.rounded-corners tr:first-child > td			{ border-top: none; }
	
	div.player-share-info table.rounded-corners col.labels				{ text-align: left; width: 160px; }
	div.player-share-info table.rounded-corners col.values				{ text-align: right; width: 100px; } 
	div.player-share-info table.rounded-corners td					{ padding-left: 10px; } 
	div.player-share-info table.rounded-corners td+td				{ padding-right: 10px; padding-left: 0; text-align: right; } 

	div.player-share-info div.trade-info-wrapper div.trade-price			{ background-color: #ddd; float: left; line-height: 28px; margin-bottom: 2px; text-align: center; width: 125px; }
	div.player-share-info div.trade-info-wrapper > div.trade-price:first-child	{ margin-right: 10px; }
	
	div.trade-offer-time								{ color: #949494; font-size: 12px; line-height: 28px; text-align: center; }
	
	div.player-share-info div.trade-info-wrapper a.trade-button			{ display: block; font-family: PrintBoldRegular, Arial, Helvetica, sans-serif; font-size: 18px; height:28px; line-height: 28px; text-align: center; text-transform: uppercase; width: 260px; }
	div.player-share-info div.trade-info-wrapper a.trade-button:link,
	div.player-share-info div.trade-info-wrapper a.trade-button:visited		{ background-color: #333; color: #fff; }
	div.player-share-info div.trade-info-wrapper a.trade-button:hover		{ background-color: #1ab3f0; color: #fff; }
	div.player-share-info div.trade-info-wrapper a.trade-button:active		{ background-color: #1ab3f0; color: #333; }

	div.player-share-info div.price-tables-wrapper > table:first-child		{ margin-right: 10px; }
	
	div.player-share-info div.price-tables-wrapper table td				{ border-bottom: 1px solid #ddd; line-height: 22px; }
	div.player-share-info div.price-tables-wrapper table tr:first-child > td	{ border-top: 1px solid #ddd; }
	
	div.player-share-info div.price-tables-wrapper table col.labels			{ text-align: left; width: 140px; }
	div.player-share-info div.price-tables-wrapper table col.values			{ text-align: right; width: 120px; }
	div.player-share-info div.price-tables-wrapper > table:first-child col.labels	{ text-align: left; width: 120px; }
	div.player-share-info div.price-tables-wrapper > table:first-child col.values	{ text-align: left; width: 140px; } 
	div.player-share-info div.price-tables-wrapper table td+td			{ text-align: right; }

/* --------------------------------------- */

/* --- OVERLAYS --- */

/* grey translucent layer */
	div#grey-overlay 							{ background-color: #333; display: none; height: 1200px; position: fixed; top: 0; left: 0; width: 100%; z-index: 10; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); opacity: 0.4; }

/* overlays - general */
	div#overlays-wrapper							{ display: none; top: 0; left: 0; width: 100%; z-index: 20; }
	div#overlays-wrapper.absolute						{ position: absolute; }
	div#overlays-wrapper.fixed						{ position: fixed; }
	div#overlays-wrapper section, div#overlays-wrapper .section	{ margin: 60px auto; position: relative; }
	div#overlays-wrapper div.statistics:first-child				{ margin-top: 3px; }
		
/* portfolio history overlay */
	section#portfolio-history-overlay					{ display: none; width: 550px; }
	section#portfolio-history-overlay div.box-content-wrapper		{ padding: 7px 10px 5px 10px; }

/* other users' portfolio overlay */
	section#other-users-portfolio-overlay					{ display: none; width: 550px; }
	section#other-users-portfolio-overlay div.box-content-wrapper		{ padding: 7px 10px 5px 10px; }

/* buy/sell overlay */
	section#buy-sell-overlay						{ display: none; width: 550px; height: 450px; }
	section#buy-sell-overlay div.box-content-wrapper			{ padding: 7px 10px 5px 10px; }
	section#buy-sell-overlay div.box-content-wrapper > div			{ border-top: 1px solid #ddd; padding: 10px 0; }
	section#buy-sell-overlay div.box-content-wrapper > div:first-child	{ border-top: none; padding: 0 0 20px 0; }
	
	section#buy-sell-overlay div.table-wrapper				{ float: left; width: 260px; }
	section#buy-sell-overlay div.table-wrapper:first-child			{ margin-right: 10px; }
	section#buy-sell-overlay div.table-wrapper h2				{ font-size: 14px; margin-bottom: 5px; }
	
	section#buy-sell-overlay div.buy-or-sell-buttons			{ margin: 0 auto; padding: 10px 0 0 0; width: 280px; }
	section#buy-sell-overlay div.buy-or-sell-buttons a,
	section#buy-sell-overlay div.buy-or-sell-buttons span.rounded-corners	{ float: left; font-size: 14px; height: 28px; line-height: 28px; margin: 0 5px; text-align: center; width: 130px; }
	
	section#buy-sell-overlay div.buy-or-sell-buttons span.rounded-corners	{ background-color: #ddd; color: #fff; }
	
	section#buy-sell-overlay div.buy-or-sell-buttons a:link,
	section#buy-sell-overlay div.buy-or-sell-buttons a:visited		{ background-color: #ddd; color: #333; }
	section#buy-sell-overlay div.buy-or-sell-buttons a:hover,	
	section#buy-sell-overlay div.buy-or-sell-buttons a:active		{ background-color: #21bf1f; color: #fff; }
	
	section#buy-sell-overlay div.buy-or-sell-buttons a.selected:link,
	section#buy-sell-overlay div.buy-or-sell-buttons a.selected:visited,	
	section#buy-sell-overlay div.buy-or-sell-buttons a.selected:hover,	
	section#buy-sell-overlay div.buy-or-sell-buttons a.selected:active	{ background-color: #21bf1f; color: #fff; }
	
	section#buy-sell-overlay div.trade-offer-time	{ clear: both; }
	
	div.number-of-shares > div			{ float: left; font-size: 18px; padding: 10px 0 7px 0; }
	div.number-of-shares div.or			{ line-height: 54px; text-align: center; width: 70px; }
	div.number-of-shares div.number			{ width: 230px; }
	div.number-of-shares div.number > div		{ float: right; }
	div.number-of-shares div.amount			{ width: 230px; }
	div.number-of-shares div.amount > div		{ float: left; }
	div.number-of-shares div.label			{ line-height: 54px; }
	div.number-of-shares div div.input-wrapper	{ display: inline-block; margin-left: 10px; text-align: center; width: 92px; }
	div.number-of-shares input			{ border: 1px solid #ddd; font: 24px/28px Arial, Helvetica, sans-serif; height: 28px; margin-bottom: 5px; padding: 10px; width: 70px; }
	
	div.trade-button a#make-trade			{ display: block; font-family: PrintBoldRegular, Arial, Helvetica, sans-serif; font-size: 18px; height:28px; line-height: 28px; margin: 10px auto 7px auto; text-align: center; text-transform: uppercase; width: 400px; }
	div.trade-button a#make-trade:link,
	div.trade-button a#make-trade:visited		{ background-color: #333; color: #fff; }
	div.trade-button a#make-trade:hover		{ background-color: #1ab3f0; color: #fff; }
	div.trade-button a#make-trade:active		{ background-color: #1ab3f0; color: #333; }
			
	div.trade-button input#make-trade		{ background-color: #333; color: #fff; border: none; display: block; font-family: PrintBoldRegular, Arial, Helvetica, sans-serif; font-size: 18px; height:28px; line-height: 28px; margin: 10px auto 7px auto; text-align: center; text-transform: uppercase; width: 400px; }
	div.trade-button input#make-trade:hover		{ background-color: #1ab3f0; cursor: pointer; }
	div.trade-button input#make-trade:active	{ background-color: #1ab3f0; color: #333;}

/* general text overlay */
	section#text-overlay				{ display: none; width: 345px; }
	section#text-overlay div.box-content-wrapper	{ max-height: 503px; overflow-y: scroll; padding: 7px 10px 5px 10px; }
	section#text-overlay h2				{ font-size: 12px; margin-bottom: 18px; text-transform: uppercase; }
	section#text-overlay a:link,
	section#text-overlay a:visited			{ color: #333; }
	section#text-overlay a:hover,	
	section#text-overlay a:active			{ color: #949494; }

/* info text overlay - with list */
	div#info-overlay-wrapper							{ display: none; margin: 0 auto; width: 578px; }
	div#info-overlay-wrapper div#info-overlay-list				{ float: left; width: 221px; }
	div#info-overlay-wrapper div#info-overlay-list div.box-content-wrapper	{ padding: 7px 10px 5px 10px; }
	div#info-overlay-wrapper div#info-overlay-list li			{ border-top: none; margin-top: 0; padding-top: 0; text-transform: none; }
	div#info-overlay-wrapper a:link,
	div#info-overlay-wrapper a:visited			{ color: #333; }
	div#info-overlay-wrapper a:hover,	
	div#info-overlay-wrapper a:active			{ color: #949494; }
	div#info-overlay-wrapper div#info-overlay-text				{ float: right; width: 345px; }
	div#info-overlay-wrapper div#info-overlay-text div.box-content-wrapper	{ height: 450px; overflow-y: scroll; padding: 7px 10px 5px 10px; }
	div#info-overlay-wrapper div#info-overlay-text h2				{ font-size: 12px; margin-bottom: 18px; text-transform: uppercase; }
	div#info-overlay-wrapper div#info-overlay-text .small				{ font-size: 10px;  }

/* @leaderboard overlay */
/* dd menus */
	div.table-filters-wrapper				{ height: 42px; position: absolute; right: 10px; top: 10px; width: 147px; }
		
	div.table-filters-wrapper ul 				{ position: relative; width: 100%; z-index: 1; }
	div.table-filters-wrapper ul ul 			{ background-color: #ddd; display: none; padding: 5px 0 5px 0; position: absolute; width: 147px; }
	div.table-filters-wrapper ul li 			{ float: left; margin-right: 15px; }
	div.table-filters-wrapper ul li li			{ line-height: 21px; margin-right: 0; padding: 0 10px; width: 127px; }
		
	div.table-filters-wrapper ul li a			{ background: url('../img/gen/arrow-down-filter.png') no-repeat right; padding-right: 10px; }
	#iphone-league div.table-filters-wrapper ul li a	{ background: url('../img/gen/arrow-down-leagues.png') no-repeat right; padding-right: 10px; }
	div.table-filters-wrapper ul li a:link,
	div.table-filters-wrapper ul li a:visited		{ color: #fff; }
	div.table-filters-wrapper ul li a:hover,
	div.table-filters-wrapper ul li a:active		{ color: #ddd; }
		
	div.table-filters-wrapper ul li li a,
	#iphone-league div.table-filters-wrapper ul li li a { background: none; display: block; }
	div.table-filters-wrapper ul li li a:link,
	div.table-filters-wrapper ul li li a:visited	{ color: #333; }
	div.table-filters-wrapper ul li li a:hover,
	div.table-filters-wrapper ul li li a:active	{ color: #1ab3f0; }
	
/* */
	section#leaderboard-overlay						{ display: none; width: 345px; }
	section#leaderboard-overlay header					{ background-image: url('../img/gen/bg-leagues-box-football.png'); background-repeat: no-repeat; height: 85px; padding: 10px 10px 5px 10px; position: relative; }
	section#leaderboard-overlay header h1					{ line-height: 18px; margin-bottom: 28px; text-align: left; }
	section#leaderboard-overlay header h2					{ color: #fff; font-family: PrintBoldRegular, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; line-height: 20px; text-transform: uppercase; }
	section#leaderboard-overlay header h3					{ color: #fff; font-size: 12px; font-weight: normal; }
	
	section#leaderboard-overlay table					{ border-collapse: collapse; width: 100%; }
	section#leaderboard-overlay table tbody					{ line-height: 28px; }
	section#leaderboard-overlay table thead					{ line-height: 14px; text-transform: uppercase; }
	section#leaderboard-overlay table thead th				{ font-weight: normal; padding-bottom: 5px; text-align: left; vertical-align: top; }
	section#leaderboard-overlay table td,		
	section#leaderboard-overlay table th					{ border-bottom: 1px solid #ddd; }	
	
	section#leaderboard-overlay table col.leaderboard-position		{ text-align: left; width: 45px; }
	section#leaderboard-overlay table col.username				{ text-align: left; width: 122px; }
	section#leaderboard-overlay table col.balance-total			{ color: #949494; text-align: right; width: 82px; }
	section#leaderboard-overlay table col.balance-change			{ text-align: right; width: 82px; }
	
	section#leaderboard-overlay table th					{ visibility: hidden; }
	section#leaderboard-overlay table th+th+th				{ visibility: visible; }
	section#leaderboard-overlay table td:first-child			{ font-weight: bold; }
	section#leaderboard-overlay table th+th+th,
	section#leaderboard-overlay table td+td+td				{ color: #949494; text-align: right; }
	section#leaderboard-overlay table th+th+th+th,
	section#leaderboard-overlay table td+td+td+td				{ color: #333; font-weight: bold; }
	
	section#leaderboard-overlay table tr.user td+td+td+td			{ color: #ff2642; font-weight: bold; }
	
	section#leaderboard-overlay table tr.user a				{ font-weight: bold; }
	section#leaderboard-overlay table tr.user a:link,
	section#leaderboard-overlay table tr.user a:visited			{ color: #ff2642; }
	section#leaderboard-overlay table tr.user a:hover,
	section#leaderboard-overlay table tr.user a:active			{ color: #333; }

/* @leagues overlay */
	div#leagues-overlay-wrapper						{ display: none; margin: 0 auto; width: 578px; }

	div#leagues-overlay-league						{ float: left; margin: 60px auto 12px auto; width: 345px; }
	div#leagues-overlay-league .header					{ background-image: url('../img/gen/bg-leagues-box-football.png'); background-repeat: no-repeat; height: 85px; padding: 10px 10px 5px 10px; position: relative; }
	div#leagues-overlay-league .header h1				{ line-height: 18px; margin-bottom: 28px; text-align: left; }
	div#leagues-overlay-league .header h2				{ color: #fff; font-family: PrintBoldRegular, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; line-height: 18px; text-transform: uppercase; }
	div#leagues-overlay-league .header h3				{ color: #fff; font-size: 12px; font-weight: normal; }
	
	div#leagues-overlay-league table					{ border-collapse: collapse; width: 100%; }
	div#leagues-overlay-league table tbody				{ line-height: 28px; }
	div#leagues-overlay-league table thead				{ line-height: 14px; text-transform: uppercase; }
	div#leagues-overlay-league table thead th				{ font-weight: normal; padding-bottom: 5px; text-align: left; vertical-align: top; }
	div#leagues-overlay-league table td,
	div#leagues-overlay-league table th					{ border-bottom: 1px solid #ddd; }	
	
	div#leagues-overlay-league table.wide col.checkboxes		{ display: none; text-align: left; width: 27px; } 
	div#leagues-overlay-league table.wide col.league-position		{ text-align: left; width: 45px; }
	div#leagues-overlay-league table.wide col.username			{ text-align: left; width: 122px; }
	div#leagues-overlay-league table.wide col.week			{ color: #949494; text-align: right; width: 82px; }
	div#leagues-overlay-league table.wide col.total			{ text-align: right; width: 82px; }

	div#leagues-overlay-league table.narrow col.checkboxes		{ display: table-column; text-align: left; width: 27px; } 
	div#leagues-overlay-league table.narrow col.league-position		{ text-align: left; width: 45px; }
	div#leagues-overlay-league table.narrow col.username		{ text-align: left; width: 95px; }
	div#leagues-overlay-league table.narrow col.week			{ color: #949494; text-align: right; width: 82px; }
	div#leagues-overlay-league table.narrow col.total			{ text-align: right; width: 82px; }
	
	div#leagues-overlay-league table tr > th:first-child,
	div#leagues-overlay-league table tr > td:first-child		{ display: none; } /* hide checkboxes */
	
	div#leagues-overlay-league table th					{ text-indent: -999px; visibility: hidden; }
	div#leagues-overlay-league table th+th+th+th			{ text-indent: 0; visibility: visible; }
	div#leagues-overlay-league table td+td				{ font-weight: bold; }
	div#leagues-overlay-league table td+td+td				{ font-weight: normal; }
	div#leagues-overlay-league table th+th+th+th,
	div#leagues-overlay-league table td+td+td+td			{ color: #949494; text-align: right; }
	div#leagues-overlay-league table th+th+th+th+th,	
	div#leagues-overlay-league table td+td+td+td+td			{ color: #333; }
	
	div#leagues-overlay-league table tr.user td+td+td+td+td		{ color: #f5750d; font-weight: bold; }
	
	div#leagues-overlay-league table tr.user a				{ font-weight: bold; }
	div#leagues-overlay-league table tr.user a:link,	
	div#leagues-overlay-league table tr.user a:visited			{ color: #f5750d; }
	div#leagues-overlay-league table tr.user a:hover,	
	div#leagues-overlay-league table tr.user a:active			{ color: #333; }

/* manage leagues box */	
	div#overlays-wrapper div#leagues-overlay-list				{ float: right; margin: 60px auto 12px auto; width: 221px; }
	div#leagues-overlay-list div.box-content-wrapper				{ padding: 7px 10px 5px 10px; }
	div#leagues-overlay-list li							{ border-top: 1px solid #ddd; font-weight: bold; margin-top: 5px; padding-top: 5px; position: relative; }
	div#leagues-overlay-list li:first-child					{ border-top: none; margin-top: 0; padding-top: 0; }
	div#leagues-overlay-list li a:link,
	div#leagues-overlay-list li a:visited					{ color: #333; }
	div#leagues-overlay-list li a:hover,
	div#leagues-overlay-list li a:active					{ color: #949494; }
	div#leagues-overlay-list li li						{ border-top: none; font-style: italic; font-weight: normal; margin-top: 0; padding-top: 0; }
	
	div#leagues-overlay-list div#manage-leagues-buttons				{ border-top: 1px solid #ddd; margin-top: 5px; padding: 12px 0 7px 0; text-align: center; }
	div#leagues-overlay-list div#manage-leagues-buttons a			{ margin: 0 4px; white-space: nowrap; }
	div#leagues-overlay-list div#manage-leagues-buttons a:link,
	div#leagues-overlay-list div#manage-leagues-buttons a:visited		{ background-color: #ddd; color: #333; }
	div#leagues-overlay-list div#manage-leagues-buttons a:hover			{ background-color: #333; color: #fff; }
	div#leagues-overlay-list div#manage-leagues-buttons a:active		{ background-color: #333; color: #ddd; }
	div#leagues-overlay-list div#manage-leagues-buttons a.selected:link,
	div#leagues-overlay-list div#manage-leagues-buttons a.selected:visited,
	div#leagues-overlay-list div#manage-leagues-buttons a.selected:hover	{ background-color: #333; color: #fff; }
	div#leagues-overlay-list div#manage-leagues-buttons a.selected:active	{ background-color: #333; color: #ddd; }
	
	div#leagues-overlay-list a.whats-this-link					{ font-size: 11px; font-style: normal; }
	div#leagues-overlay-list a.whats-this-link:link,
	div#leagues-overlay-list a.whats-this-link:visited				{ color: #949494; }
	div#leagues-overlay-list a.whats-this-link:hover,
	div#leagues-overlay-list a.whats-this-link:active				{ color: #333; }
	
	div#leagues-overlay-list div.whats-this-hover				{ background: #ddd; display: none; font-size: 11px; font-style: italic; line-height: 15px; padding: 7px; position: absolute; top: 20px; right: -120px; width: 140px; z-index: 10; }
	
	div#leagues-overlay-list div#manage-leagues-slide				{ }
	div#leagues-overlay-list div#manage-leagues-slide div.instructions,
	div#leagues-invite-friends div.instructions					{ font-size: 11px; line-height: 15px; font-style: italic; margin: 5px 0 10px 0; }
	div#leagues-overlay-list div#manage-leagues-slide input[type=text],
	div#leagues-invite-friends input[type=text]					{ background-color: #fff; border: 1px solid #ddd; color: #333; font: 12px/18px Arial, Helvetica, sans-serif; height: 18px; margin-bottom: 7px; padding: 2px 3px; width: 193px; }
	div#leagues-overlay-list div#manage-leagues-slide input[type=submit],
	div#leagues-invite-friends input[type=submit]				{ background-color: #fff; border: 0; color: #949494; font: 12px/18px Arial, Helvetica, sans-serif;  }
	div#leagues-overlay-list div#manage-leagues-slide input[type=submit]:hover,
	div#leagues-invite-friends input[type=submit]:hover				{ color: #333; cursor: pointer; }
	
	div#overlays-wrapper div#leagues-invite-friends				{ display: none; float: right; margin: 0 auto; width: 221px; }
	div#leagues-invite-friends div.box-content-wrapper				{ padding: 7px 10px 5px 10px; }
	
/* Help overlay */
	div#help-overlay-wrapper				{ display: none; margin: 0 auto; position: absolute; }
	div#help-overlay-wrapper h2				{ font-size: 11px; }
	
	div#help-overlay-wrapper div#help-intro		{ background-color: #fff; margin: 0; position: absolute; top: 150px ; left: 212px; }
	div#help-overlay-wrapper div#help-intro h2		{ font-size: 12px; }
	div#help-overlay-wrapper div#help-intro div+div	{ margin-top: 18px; }
	div#help-overlay-wrapper div#help-intro input	{ margin-right: 10px; }
	
	div#help-overlay-wrapper div.help-arrow-up		{ background-image: url('../img/gen/help-arrows-up.png'); padding: 80px 27px 25px 27px; }
	div#help-overlay-wrapper div.help-arrow-down		{ background-image: url('../img/gen/help-arrows-down.png'); padding: 25px 27px 80px 27px; }
	div#help-overlay-wrapper div.help-arrow-up,
	div#help-overlay-wrapper div.help-arrow-down		{ background-repeat: no-repeat; color: #fff; font-size: 11px; line-height: 15px; height: 107px; position: absolute; width: 137px; }
	
	div#help-overlay-wrapper div.arrow-inner-wrapper	{ height: 107px; overflow: hidden; }
	
	div#help-overlay-wrapper div#up-arrows-wrapper		{ position: absolute; top: 137px; }
	
	div#help-overlay-wrapper div#help-portfolio		{ right: 480px; }
	div#help-overlay-wrapper div#help-portfolio:hover	{ background-position: -400px 0; }
	
	div#help-overlay-wrapper div#help-leaderboard		{ right: 247px; }
	div#help-overlay-wrapper div#help-leaderboard:hover	{ background-position: -200px 0; }
	
	div#help-overlay-wrapper div#help-leagues		{ right: 14px; }
	div#help-overlay-wrapper div#help-leagues:hover		{ background-position: -600px 0; }
	
	div#help-overlay-wrapper div#help-players		{ top: 365px; left: 507px; }
	div#help-overlay-wrapper div#help-players:hover		{ background-position: -200px 0; }
	
	div#help-overlay-wrapper div#help-news			{ top: 365px; left: 740px; }
	div#help-overlay-wrapper div#help-news:hover		{ background-position: -800px 0; }
	
/* Welcome Back overlay */
	div#welcome-back-overlay-wrapper					{ display: none; margin: 100px auto; width: 894px; }
	div#welcome-back-overlay-wrapper section				{ color: #fff; margin: 0 6px 12px 6px; padding: 10px; }
	div#welcome-back-overlay-wrapper section.welcome-narrow			{ float: left; height: 294px; width: 411px; }
	div#welcome-back-overlay-wrapper section.welcome-wide			{ clear: left; height: 84px; width: 862px; }
	
	div#welcome-back-overlay-wrapper section div.welcome-inner-wrapper		{ background-color: #333; height: 100%; padding: 0 20px; }
	div#welcome-back-overlay-wrapper section.change-up div.welcome-inner-wrapper	{ background-color: #21bf1f; }
	div#welcome-back-overlay-wrapper section.change-none div.welcome-inner-wrapper	{ background-color: #949494; }
	div#welcome-back-overlay-wrapper section.change-down div.welcome-inner-wrapper	{ background-color: #ff2642; }
	
	div#welcome-back-overlay-wrapper section h2		{ font: 36px/88px PrintBoldRegular, Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase; }
	div#welcome-back-overlay-wrapper section h3		{ font: 36px/72px PrintBoldRegular, Arial, Helvetica, sans-serif; height: 72px; padding: 27px 10px 40px 10px; text-align: center; text-transform: uppercase; vertical-align: middle; }
	div#welcome-back-overlay-wrapper section h3 span	{ display: inline-block; line-height: 36px; }
	div#welcome-back-overlay-wrapper section h4		{ float: left; font: 36px/88px PrintBoldRegular, Arial, Helvetica, sans-serif; text-transform: uppercase; }
	div#welcome-back-overlay-wrapper section h4+h4		{ float: right; }
	
	div#welcome-back-overlay-wrapper section div.welcome-position			{ background-image: url('../img/gen/welcome-arrows.png'); background-repeat: no-repeat; font-size: 100px; line-height: 100px; padding: 0 0 0 154px; text-align: center; width: 221px; }
	div#welcome-back-overlay-wrapper section div.welcome-position span.suffix	{ font-size: 50px; }
	
	div#welcome-back-overlay-wrapper section.change-up div.welcome-position		{ background-position: 21px 0; }
	div#welcome-back-overlay-wrapper section.change-none div.welcome-position	{ background-position: 21px -200px; }
	div#welcome-back-overlay-wrapper section.change-down div.welcome-position	{ background-position: 21px -400px; }
	
/* Sign Up overlay */
	#login span { display: block; font-style: italic; color: red; font-weight: normal; line-height: 15px; }
	section#signup-overlay						{ display: none; width: 345px; }
	section#signup-overlay.bottom					{ margin-top: 650px; }
	section#signup-overlay div.box-content-wrapper			{ padding: 7px 10px 5px 10px; }
	
	section#signup-overlay div.box-content-wrapper div		{ border-top: 1px solid #ddd; padding: 20px 0 7px 0; }
	section#signup-overlay div.box-content-wrapper div:first-child	{ border-top: none; }
	
	section#signup-overlay label					{ clear: left; float: left; font-weight: bold; margin: 0 10px 10px 0; padding-top: 4px; width: 108px; }
	section#signup-overlay label span				{ display: block; font-style: italic; font-weight: normal; line-height: 15px; }
	section#signup-overlay input[type=text],
	section#signup-overlay input[type=password]			{ background-color: #fff; border: 1px solid #ddd; color: #333; float: left; font: 12px/18px Arial, Helvetica, sans-serif; height: 18px; margin-bottom: 10px; padding: 2px 3px; width: 199px; }
	section#signup-overlay select					{ color: #333; float: left; font: 12px/18px Arial, Helvetica, sans-serif; margin-bottom: 10px; width: 207px; }
	
	section#signup-overlay div.checkboxes				{ font-size: 11px; line-height: 15px; }
	section#signup-overlay div.checkboxes label			{ clear: none; font-weight: normal; padding-top: 0; width: 290px; }

	section#signup-overlay div.radiobuttons label		{ clear: none; font-weight: bold; padding-top: 0; width: 290px; }
	section#signup-overlay div.radiobuttons span		{ font-style: italic; font-weight: normal; }
	section#signup-overlay div.error label				{ clear: none; font-weight: bold; color: red; padding-top: 0; width: 315px; }
	section#signup-overlay div.checkboxes input[type=checkbox],
	section#signup-overlay div.radiobuttons input[type=radio]	{ clear: left; float: left; font: 12px/18px Arial, Helvetica, sans-serif; margin-right: 10px; }
	section#signup-overlay input[type=submit]			{ background-color: #fff; border: 0; color: #ff2642; font: 12px/18px Arial, Helvetica, sans-serif; height: 18px; }
	section#signup-overlay input[type=submit]:hover			{ color: #333; cursor: pointer; }

	section#user-box div.form-wrapper				{ margin-top: 4px; }
	section#user-box input[type=text],
	section#user-box input[type=password]				{ background-color: #fff; border: 1px solid #ddd; color: #333; font: 12px/18px Arial, Helvetica, sans-serif; font-weight: bold; height: 18px; margin-bottom: 2px; padding: 2px 3px; width: 199px; }
	section#user-box input[type=submit]				{ background-color: #fff; border: 0; color: #1ab3f0; font: 12px/18px Arial, Helvetica, sans-serif;  }
	section#user-box input[type=submit]:hover			{ color: #333; cursor: pointer; }
	
/* --------------------------------------- */

	div#secpay-wrapper, div#browser-page-wrapper					{ padding: 20px 24px 30px 24px; width: 920px; }
	div#secpay-wrapper section, div#browser-page-wrapper .section			{ margin-top: 239px; height: 200px; padding: 10px; }
	div#secpay-wrapper td								{ padding: 3px 0; }
	div#secpay-wrapper input[type=text]						{ background-color: #fff; border: 1px solid #ddd; color: #333; font: 12px/18px Arial, Helvetica, sans-serif; height: 18px; margin-bottom: 2px; padding: 2px 3px; width: 199px; }
	div#secpay-wrapper input[type=submit]						{ margin-bottom: 10px; }
	div#secpay-wrapper select							{ color: #333; float: left; font: 12px/18px Arial, Helvetica, sans-serif; margin-bottom: 5px; width: 207px;}
	div#secpay-wrapper a:link,
	div#secpay-wrapper a:visited,
	div#browser-page-wrapper a:link,
	div#browser-page-wrapper a:visited						{ color: #ff2642; }
	div#secpay-wrapper a:hover,
	div#secpay-wrapper a:active,
	div#browser-page-wrapper a:hover,
	div#browser-page-wrapper a:active						{ color: #333; }
	
	div#browser-page-wrapper section	{ font-size: 14px; line-height: 18px; }
	
/* --------------------------------------- */

/* --- @CLEARFIX --- */

	.clearfix:after 	{ content: "."; display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
	.clearfix 		{ display: inline-block; }
	html[xmlns] .clearfix 	{ display: block; }
	* html .clearfix	{ height: 1%; }

/* --------------------------------------- */

/* --- @IPHONE --- */
	
	body.iphone 				{ background-image: none; -webkit-text-size-adjust: none; width: 480px; }
	.iphone div#iphone-wrapper		{ padding: 10px; }
	.iphone section#ff-box			{ float: left; font-weight: bold; height: 125px; width: 224px; }
	.iphone section#user-box		{ float: right; height: 125px; width: 224px; }
	.iphone.sign-in section#user-box	{ float: none; height: 200px; width: 100%; }
	.iphone section#players-box		{ min-height: 0; width: 100%; }
	
/* --- HEADER --- */
	.iphone header#header		{ border-bottom: none; height: 200px; margin-bottom: 30px; position: relative; }
	.iphone header#header h1	{ top: 0; left: 0; }
	.iphone header#header div	{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 5px 115px 5px 5px; position: absolute; top: 10px; left: 140px; width: 200px; }
	
/* user box */
	.iphone section#user-box table				{ border-collapse: collapse; width: 100%; }
	.iphone section#user-box table td			{ border-top: 1px solid #ddd; line-height: 24px; }
	.iphone section#user-box table tr:first-child td	{ border-top: none; }
	.iphone section#user-box table col.labels		{ text-align: left; width: 50%; }
	.iphone section#user-box table col.values		{ text-align: right; width: 50%; } /* Set text-align for IE */
	.iphone section#user-box table td+td			{ text-align: right; } /* Set text-align for modern browsers */
	.iphone section#user-box table tr+tr+tr			{ font-weight: bold; }
	
	.iphone section#user-box label	{ display: inline-block; margin-bottom: 20px; width: 130px; }
	.iphone section#user-box input[type=text],
	.iphone section#user-box input[type=password]				{ width: 308px; }
	.iphone section#user-box input[type=submit]				{ background-color: #fff; border: 0; color: #1ab3f0; font: 12px/18px Arial, Helvetica, sans-serif;  }
	.iphone section#user-box input[type=submit]:hover			{ color: #333; cursor: pointer; }
	
	.iphone section#leaderboard-box table col.leaderboard-position	{ text-align: left; width: 45px; }
	.iphone section#leaderboard-box table col.username		{ text-align: left; width: 95px; }
	.iphone section#leaderboard-box table col.balance-change	{ text-align: right; width: 67px; }
	.iphone section#leaderboard-box table td:first-child		{ font-weight: bold; }
	.iphone section#leaderboard-box table td+td+td			{ text-align: right; }
	.iphone section#leaderboard-box table tr+tr+tr			{ font-weight: bold; }
	
	.iphone section#leagues-box table col.league-name		{ text-align: left; width: 167px; }
	.iphone section#leagues-box table col.league-position		{ text-align: right; width: 40px; }
	.iphone section#leagues-box table td+td				{ font-weight: bold; text-align: right; }

/* players box */
	.iphone section#players-box table tbody	{ font-size: 12px; line-height: 24px; }
	.iphone section#players-box div.prev-next-links	{ width: 100% !important; }
	/* number of players info */
	div#my-portfolio-number-of-players	{ font-size: 12px; line-height: 18px; }
	/* column width and alignment */	
	.iphone section#players-box table col.player			{ font-weight: bold; text-align: left; width: 32%; }
	.iphone section#players-box table col.team			{ text-align: left; width: 20%; }
	.iphone section#players-box table col.price			{ text-align: right; width: 15%; }
	.iphone section#players-box table col.change			{ text-align: right; width: 15%; }
	.iphone section#players-box table col.buy-sell-link		{ text-align: right; width: 12%; }
	.iphone section#players-box table thead th+th+th,
	.iphone section#players-box table tbody td+td+td		{ padding: 0; text-align: right; }
	/* buy/sell column */
	.iphone section#players-box table thead th+th+th+th+th			{ visibility: hidden; }
	.iphone section#players-box table tbody td+td+td+td+td a:link,
	.iphone section#players-box table tbody td+td+td+td+td a:visited 	{ color: #1ab3f0; }
	.iphone section#players-box table tbody td+td+td+td+td a:hover,
	.iphone section#players-box table tbody td+td+td+td+td a:active 	{ color: #333; }

/* search and filters */
	.iphone .ui-autocomplete 			{ width: 171px; }
	.iphone .ui-autocomplete li			{ font-size: 12px; line-height: 24px; }
	.iphone section#players-box header div#search-field-wrapper			{ width: 190px; }
	.iphone section#players-box header div#search-field-wrapper input		{ width: 171px; }
	.iphone section#players-box header div#filters-wrapper				{ width: 190px; }
	
/* buy/sell overlay */
	.iphone section#buy-sell-overlay					{ clear: both; display: block !important; height: auto; width: 100%; }
	.iphone section#buy-sell-overlay div.table-wrapper			{ float: left; width: 214px; }
	.iphone section#buy-sell-overlay div.table-wrapper:first-child		{ margin-right: 12px; }
	.iphone section#buy-sell-overlay div.table-wrapper h2			{ font-size: 12px; }
	.iphone section#buy-sell-overlay div.table-wrapper table		{ font-size: 12px; width: 100%; }
	.iphone div.number-of-shares > div			{ font-size: 16px; }
	.iphone div.number-of-shares div.or			{ width: 60px; }
	.iphone div.number-of-shares div.number			{ width: 190px; }
	.iphone div.number-of-shares div.amount			{ width: 190px; }
	
/* @leaderboard overlay */
	.iphone section#leaderboard-overlay					{ clear: both; display: block !important; width: 100%; }
	
	.iphone section#leaderboard-overlay table col.leaderboard-position		{ text-align: left; width: 40px; }
	.iphone section#leaderboard-overlay table col.username				{ text-align: left; width: 122px; }
	.iphone section#leaderboard-overlay table col.balance-total			{ color: #949494; text-align: right; width: 100px; }
	.iphone section#leaderboard-overlay table col.balance-change			{ text-align: right; width: 100px; }

/* @leagues overlay */
	.iphone div#leagues-overlay-league					{ clear: both; float: none; width: 100%; }

	.iphone div#leagues-overlay-league table col.checkboxes		{ display: table-column; text-align: left; width: 50px; } 
	.iphone div#leagues-overlay-league table col.league-position	{ text-align: left; width: 45px; }
	.iphone div#leagues-overlay-league table col.username		{ text-align: left; width: 95px; }
	.iphone div#leagues-overlay-league table col.week			{ color: #949494; text-align: right; width: 82px; }
	.iphone div#leagues-overlay-league table col.total			{ text-align: right; width: 82px; }
	

