body, div, span, object,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, tt, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:								0;
	padding:							0;
	border:								0;
	outline:							0;
	font-size:							100%;
	vertical-align:						baseline;
	background:							transparent;
	font-family:						Arial, Helvetica, sans-serif;
}

body {
	line-height: 						1;
}

ol, ul {
	list-style: 						none;
}

blockquote, q {
	quotes: 							none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: 							'';
}

/* remember to define focus styles! */
:focus {
	outline: 							0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: 					none;
}
del {
	text-decoration: 					line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: 					collapse;
	border-spacing: 					0;
}

/* correct way to clear floats without using extra markup.  zoom setting is in ie conditional comment.*/
.clearfix:after {
	content: 							".";
	display: 							block;
	height: 							0;
	clear: 								both;
	visibility: 						hidden;
}

/*
COLOUR SWATCH:
----------------

#666			- dark grey
#1f1c1d			- dark grey
#999			- grey
#ef5012			- orange
#077e37			- green
#ffd800			- yellow

*/

body {
	background:							#000;
}

p, input[type="text"], a, select {
	font-size:							1em;
	color:								#666;
}

input[type="text"], select {
	padding:							2px;
	font-size:							0.7em;
}

#content {
	border-top:							2px solid #fff;
	background:							#fff;
}

#ads-top {
	width:								978px;
	margin:								3px auto 0 auto;
}

#ads-top * {
	float:								left;
}

#ads-top *:first-child {
	margin-right:						5px;
}

#logo-sml {
	margin:								0 0 10px 25px;
}

#crumbs {
	margin:								0;
	font-size:							0.7em;
}

#crumbs a {
	color:								#ef5012;
	text-decoration:					underline;
	font-weight:						bold;
}

#crumbs a:hover {
	text-decoration:					none;
}

#icons-social {
	margin-top: 5px;
}

/*** TEMPLATES / HEADER.TPL *******************************************************************************/

#container {
	width:								980px;
	margin:								10px auto 0 auto;
}

#header {
	width:								976px;
	height:								85px;
	border-left:						2px solid #1f1c1d;
	border-right:						2px solid #1f1c1d;
}

#header img {
	margin:								5px 0 0 8px;
	float:								left;
}

#search {
	float:								right;
	margin:								25px 8px 0 0;
}

#search fieldset > * {
	float:								right;
	margin-left:						10px;
}

#search a {
	color:								#fff;
	font:								normal 1.10em Tahoma, Geneva, sans-serif;
	text-decoration:					none;
}

#search a:hover,
#search a.current {
	color:								#ffd800;
}

#menu {
	width:								980px;
	background:							#077e37;
}

#menu li {
	float:								left;
}

#menu li.end {
	float:								right;
	
	font-weight:						bold;
	font-size:							0.7em;
	line-height:						40px;
	color:								#fff;
}

#menu a,
#menu a:hover {
	line-height:						40px;
	padding:							0 15px;
	font-family:						Tahoma, Geneva, sans-serif;
	font-size:							1.10em;
	font-weight:						normal;
	color:								#fff;
	text-decoration:					none;
}

#menu a:hover,
#menu a.current {
	color:								#ffd800;
}

/*** TEMPLATES / MENU-RIGHT.TPL *******************************************************************************/

#menu-right {
	float:								right;
	margin:								5px 0 10px 0;
	width:								121px;
}

#icons-social a {
	float:								right;
	margin:								0 0 2px 2px;
	zoom:								1;
}

#icons-social a:first-child {
	margin-right:						2px;
}

#friends {
	border-top:							1px solid #5f5f5f;
	width:								121px;
	margin:								0 0 0 0;
}

#friends li,
#friends ul li {
	border-top:							1px solid #8e8e8e;
	border-bottom:						1px solid #303030;
	background:							#5f5f5f;
	color:								#fff;
	margin:								0;
	zoom:								1;
}

#friends li {
	font-size:							0.75em;
}

#friends ul li {
	line-height:						20px;
	padding:							0 0 0 8px;
	cursor:								pointer;
}

#friends li.drop-zone {
	border:								1px dotted #339933;
	background:							#d5f0d5;
	color:								#339933;
	font-weight:						bold;
	cursor:								auto;
	padding:							0 0 0 8px;
	line-height:						20px;
	font-size:							0.70em;
}

#friends li.drop-zone-over {
	border:								1px dashed #f16530;
	line-height:						20px;
	font-size:							0.70em;
}

#friends li.add {
	text-transform:						uppercase;
	font-weight:						bold;
	line-height:						25px;
	padding:							0 0 0 8px;
	border-bottom:						none;
}

#friends li.submit {
	border-top:							none;
	padding:							8px;
	background:							#434343;
}

#friends input[type="text"] {
	font-size:							0.9em;
	width:								96px;
}

#friends input[type="image"] {
	float:								right;
	margin:								8px 0 0 0;
}

#friends li a,
#friends li a:hover {
	line-height:						20px;
	display:							block;
	background:							inherit;
	color:								#fff;
	text-decoration:					none;
}

#friends li a:hover,
#friends li a.current {
	background:							#6a6a6a;
	color:								#ffd800;
}

#friends img {
	margin:								5px 0;
}

#friends .section {
	border-top:							none;
	line-height:						27px;
	background:							#212121 url(../../images/icons/arrow-white-right.gif) 8px 10px no-repeat;
	font-weight:						bold;
	padding:							0 0 0 18px;
}

#friends .friends-list {
	border-top:							none;
	border-bottom:						none;
}

#friends-sortable li {
	font-size:							0.95em;
}

#friends-sortable li.ph-active {
	height:								20px;
	border:								1px dotted #339933;
	background:							#d5f0d5;
	width:								111px;
	display:							block;
	padding:							0 0 0 8px;
}

#friends-sortable li.missing {
	border-top:							1px solid #b4b4b4;
	border-bottom:						1px solid #858585;
	background:							#f4f4f4;
	color:								#9b9b9b;
}

/*** TEMPLATES / FOOTER.TPL *******************************************************************************/

#footer {
	width:								940px;
	padding:							10px 20px;
	border-top:							5px solid #077e37;
	margin:								0 0 30px 0;
}

#footer li,
#footer li.last {
	float:								left;
	color:								#999;
	border-right:						1px solid #666;
	line-height:						12px;
	padding:							0 5px;
}

#footer li.last {
	border-right:						none;
}

#footer li.end {
	float:								right;
	font-size:							0.7em;
	border-right:						none;
}

#footer a,
#footer a:hover {
	font-size:							0.7em;
	color:								#999;
	text-decoration:					none;
	font-weight:						normal;
}

#footer a:hover,
#footer a.current {
	color:								#ffd800;
}

#changeFontSizeContainer {
	float: right;
	position: relative;
	top: 9px;
	margin-right: 5px;
}
#changeFontSizeContainer img {
	margin-right: 5px;
	width: 44px;
}
#changeFontSizeContainer a, #changeFontSizeContainer a:hover {
	padding: 0px;
}


/*** CSS FOR JQUERY VALIDATE ERRORS *******************************************************************************/

label.error {
	font-style:							italic;
	font-size:							0.75em;
	padding:							3px;
	background:							#faebe7;
	color:								#df280a;
    border:								1px solid #df280a;
    margin:								5px 0 0 0;
    display:							block;
    line-height:						12px;
}

/*** TEMPLATES / STATISTICS.TPL *******************************************************************************

COLOUR SWATCH:
----------------

#077e37			- green
#7c7c7c			- dark grey
#424242			- dark grey
#5e5e5e			- dark grey

*/

#stats {
	float:								left;
	width:								726px;
	margin:								5px 0 0 0;
}

#stats > tbody > tr > td {
	padding-bottom:						10px;
}

#stats thead {
	/*border-top:							2px solid #077e37;*/
}

#stats thead th {
	line-height:						30px;
	color:								#077e37;
	font-size:							0.75em;
	font-weight:						bold;
	padding:							0 10px;
}

#stats thead th[align="right"] {
	font-size:							0.7em;
}

#stats thead td {
	line-height:						30px;
	color:								#fff;
	background:							#077e37;
	font-size:							0.75em;
	font-weight:						bold;
	padding:							0 10px;
}

#stats thead td span {
	font-weight:						normal;
}
#stats table tbody th {
	border-top:							1px solid #424242;
	border-bottom:						2px solid #424242;
	border-left:						1px solid #7c7c7c;
	background:							#5e5e5e;
	color:								#fff;
	font-size:							0.7em;
	font-weight:						bold;
	line-height:						20px;
	padding:							0 10px;
}

#stats table tbody td {
	color:								#424242;
	font-size:							0.7em;
	line-height:						25px;
	border-left:						1px solid #cacaca;
	padding:							0 10px;
}

#stats table tbody td.header {
	font-weight:						bold;
	background:							#cacaca;
	text-transform:						uppercase;
}

#stats table tbody th:first-child,
#stats table tbody td:first-child {
	border-left:						none;
}

#stats-summary,
#stats-detailed,
#stats-league-performance,
#stats-detailed-stats,
#stats-scoring-minutes,
#stats-top-scorers {
	width:								726px;
	border-bottom:						1px solid #e4e4e4;
}

.ad {
	border:								1px solid #000;
}

.dark-row {
	background:							#eaeaea;
}

#back-to-top {
	background:							url(../../images/icons/back-to-top.gif) right no-repeat;
	padding:							0 10px 0 0;
	font-size:							0.75em;
	font-weight:						bold;
	margin:								20px 0 20px 0;
	display:							block;
	width:								75px;
}

/*** TEMPLATES / MENU-LEFT.TPL *******************************************************************************

COLOUR SWATCH:
----------------

#5f5f5f			- dark grey
#303030			- dark grey
#212121			- dark grey
#8e8e8e			- grey
#6a6a6a			- grey
#ffd800			- yellow

*/

#menu-left-refresh {
	float:								left;
	width:								121px;
	margin:								5px 6px 0 0;
}

#menu-left {
	border-top:							1px solid #5f5f5f;
}

/* IE7 fix.  Need to move this to a separate file so can validate. */
#menu-left li {
	zoom:								1;
}

#menu-left ul li {
	border-top:							1px solid #8e8e8e;
	border-bottom:						1px solid #303030;
	font-size:							0.7em;
	background:							#5f5f5f;
	line-height:						20px;
	color:								#fff;
	cursor:								pointer;
}

#menu-left ul li.section {
	border-top:							none;
	line-height:						27px;
	background:							#212121 url(../../images/icons/arrow-white-right.gif) 8px 10px no-repeat;
	font-weight:						bold;
	padding:							0 0 0 18px;
	position:							relative;
	display:							block;
	cursor:								auto;
	font-size:							0.75em;
}

#menu-left ul li a,
#menu-left ul li a:hover {
	line-height:						20px;
	display:							block;
	background:							inherit;
	color:								#fff;
	font-size:							0.95em;
	text-decoration:					none;
	padding:							0 0 0 8px;
}

#menu-left ul li a:hover,
#menu-left ul li a.current {
	background:							#6a6a6a;
	color:								#ffd800;
}

#menu-left img {
	margin:								5px 0;
}