/* Summary data */

div.summaryData
{
	margin-top: 5px;
	float: left;
}
	
.summaryData p
{
	font-size: 130%;
	margin-bottom: 12px;
}


.flag
{
	float: left;
	width: 150px;
}

.flag img
{
	width: 50px;
	border: black solid 1px;
	margin: 5px 50px 0px 50px;
}

.flag p
{
	text-align:center;
	margin: 0;
}

/********************
* Welcome 			*
********************/
/* Change the if showing the flash so it fits correctly*/
#siteAd.showFlash .hlPanelBody
{
	padding: 0;
	margin-top: -9px;
}

#siteAd.showFlash .hlPanelFooter
{
	margin-top: -7px;
}

.siteAd 
{
	background: url(../site-images/brand/boot_on_ball.jpg) no-repeat 0 0;
	height: 229px; 
	text-align: right;
	padding: 26px 26px 26px 250px;
	margin: -7px -9px -14px -9px;
	text-transform: uppercase;
	font-family: Georgia;
}
.siteAd.siteAdRight
{
	background: url(../site-images/brand/boot_on_ball_right.jpg) no-repeat 0 0;
	text-align: left;
	padding: 26px 250px 26px 26px;
}

.siteAd h1
{
	color: #F0C732;
	margin: 0 0 2px 0;
	font-size: 24px;
	font-family: Helvetica;
}

.siteAd p
{
	text-align: right;
	color: #F2E2AA;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 12px;
	margin-top: 0;
}

.siteAd h2
{
	color: white;
	font-size: 13px;
	font-weight: bold;
	margin: 0 0 15px 0;
}

.siteAd div.button
{
	margin-right: -5px;
	padding: 8px 0;
	float: right;
}
.siteAd .mBtnTxt
{
	color: white;
}

.siteAd.siteAdShort
{
	height: 116px;
	background-position: 0 -113px;
}

#welcome .screenshot
{
	float: left;
	margin: 10px 0 10px 29px;
	text-align: center;
}

/* Welcome page sound*/
a.soundBtn
{
	float: right;
	width: 29px;
	height: 29px; 
	margin-left: 0px;
	background: url(../site-images/icons/sound_icon.png) no-repeat;
	background-position: 0px 8px;
	text-decoration: none;
}

a.soundBtn.muted
{
	background-image: url(../site-images/icons/sound_icon_off.png);
}

.hlPanelFooter .buttons a.soundBtn
{
	margin-top: -8px;
	margin-right: 3px;
}

/************************
*           Register	*
************************/

#register div.terms
{
	height: 80px;
	overflow-y: scroll;
	border: 1px solid #777;
	background-color: #ccc;
	margin: 5px;
	padding: 2px;
	color: black;
}

#register input
{
	width: 200px;
}

#register div.acceptTerms
{
	margin: 10px;
}

#register div.acceptTerms input
{
	width: auto;
}

#register div.acceptTerms label
{
	clear: none;
	float: none;
}

#register #currentIcon
{
	padding: 0;
	width: 80px;
}


#register #iconMsg
{
	clear: none;
	float: left;
	width: 150px;
}

#register .userIcons
{
	float: left;
	width: 486px;
	padding: 0;
	clear: none;
}

#register .userIcon
{
	width: 25px;
	float: left;
	clear: none;
	padding-top: 0;
}

#register fieldset.personalDetails
{
	width: 420px;
	float: left;
}

#register .connectWithFB
{
	float: left;
	margin: 10px;
}


/* Login */

#loginForm #username,
#loginForm #password
{
	width: 120px;
}

/************************
*		Weather			*
*************************/


.weatherItem 
{
text-align:center;
width:90px;
float:left;
padding: 10px 0 10px 0;
}

#matchReportweather
{
float: left;
width: 150px;
}

/********************
* Help Dialog       *
********************/
#helpDlg ul
{
 list-style: circle outside;
 padding-left: 20px;
}
#helpDlg li
{
	border: none;
}

/********************
* Club Players 		*
********************/

#clubPlayersChars table.tabData th.charValue
{
	font-size: 90%;
	overflow: hidden;
}

#clubPlayersStats th.stat
{
	padding: 0px;
	width: 40px;
}

.fixedCols th.personName 		{ width: 142px; }

#clubPlayers th.availability		{ text-align: right;  } 

/********************
*	Forum *
********************/
#createThread textarea,
#replyThread textarea
{
	width: 100%;
	height: 100px;
}

/*If user is allowed a long post*/
#createThread textarea.longPost,
#replyThread textarea.longPost
{
	height: 500px;
}

#createThread .hlPanelBody .subject
{
	height: 30px;
}
#createThread #subject
{
	margin-right: -5px;
	width: 830px;
	float: right;
}

/* 847px to use*/
#forums .tabData .forum
{
	width: 200px;
}

#forums .tabData .description
{
	width: 507px;
}

#forums .tabData .lastPost,
#threads .tabData .lastPost
#thread .tabData .date
{
	width: 100px;
}

#thread .tabData .delete
{
	width: 100px;
}
#forums .tabData .threads
{
	width: 20px;
}

#forums .tabData .posts,
#threads .tabData .posts
{
	width: 20px;
}

#threads .tabData th.username,
#thread .tabData th.username
{
	width: 150px;
}

#threads .tabData .subject
{
	width: 540px;
}

#thread .tabData .body
{
	width: 590px;
}

#forums .tabData th.iconCol,
#thread .tabData th.iconCol
{
	width: 12px;
}

#thread td .role
{
	font-weight: 700;
	color: #F1C832;
}

#thread td .clubName
{
	color: #aaa;
	clear: left;
}

#thread .hlPanelHeading span.shownDeletedThread, 
#threads .shownDeletedThread
{
	text-decoration: line-through;
	color: red;
}

#threads .shownDeletedThread a
{
	color: red;
}

#thread .shownDeletedPost
{
	text-decoration: line-through;
	color: gray;
}

#thread .hiddenDeletedPost
{
	color: red;
	font-weight: bold;
}
#thread .reportedPost
{
	color: #F1C832;
	font-weight: bold;
}

#thread .badWord
{
	font-weight: bold;
	font-style: italic;
	color: red;
}
/*User Info*/

#userInfo .username,
#userInfo .clubName
{
	font-weight: 700;
}

#userInfo .fbIcon
{
	background: url(http://www.facebook.com/images/connect_favicon.png) no-repeat 0 0;
	padding-left: 15px;
}

#userInfo .button
{
	float: right;
	margin: -3px -7px 0 3px;
}

#userInfo .hlFbButton
{
	float: right;
	margin: -2px 4px 0 3px;
}


div.hlPanel li
{
	float: left;
}

/********************
*	ProfileCreation *
********************/

#profileCreation td.char select
{
	width: 200px;
	float: right;
}

#totalPanel td
{
	width: 40px;
	text-align: right;
}
#totalPanel tr.total
{
	font-variant: small-caps;
	font-size: 140%;
	font-weight: bold;
}

#totalPanel #total
{
	color: green;
}

#totalPanel #total.overMax
{
	color: red;
}


/************************
* Payment 				*
************************/
#clubWaitlist tr.taken td
{
	color: grey;
	text-decoration: line-through; 
}

/************************
* Payment 				*
************************/
#paymentDetails fieldset
{
	float:left;
	width:600px;
}

#paymentDetails .payPalLogo
{
	float:right;
	background-color: white;
	margin-top: 9px;
}	

#tradingNameWarning
{
	float: left;
	margin-top: 13px;
	margin-left: 10px;
}	


/************************
*		Training		*
*************************/

#squads ul li
{
	border-left: 1px solid #333;
	width: 447px;
}


#playerTraining
{
float: left;
width: 180px;
}

#squadTraining table,
#playerTraining table
{
	table-layout: fixed;
}

/* Training */
#squadTraining
{
	float:left; 
	width: 700px;
}


#playerTraining table
{
	width: auto;
}

#allTraining th
{
	padding: 8px;
}


#squadTraining th.day
{
	width: 120px;
}
#squadTraining th .dayName
{
	float: left;
}
#squadTraining th .matchInfo
{
	float: right;
}

#training #playerDragProxy {
	border:none ;
	width:38px ;
	height:49px;
	background-image:url(../site-images/tactics/shirt_white_alpha8.png);
	background-position:3px 4px;
	background-repeat:no-repeat;
	position:absolute;
	bottom:0;
	left:0;
}

/* Number on shirt */
#training .postxt
{
font-size: 12px; 
font-weight: bold ; 
width: 25px; 
text-align: center; 
position: absolute; 
left: 8px; 
bottom: 22px;
color: #555;
}

/* Name above player */
#training .posname
{
	width: 80px;
	height: 1em; /* Show only one line of text */
	top: -8px;
	left: -20px;
	text-align: center;
	overflow: hidden;
	position: absolute;
	font-weight: 700;
	color: white;
	font-size: 11px;
	z-index: 3;
}

#training .ic
{
	cursor: move;
}

.dragHighlight
{

	border-color: #008800;
	border-style: solid;
}

.dropHighlight
{
	border-color: #00ff00;
	border-style: solid;
}

#squads .hlPanel.dragHighlight,
#squads .hlPanel.dropHighlight
{
	border-width: 3px;
	margin-left: -3px; 
	margin-top: 7px;	/*original was 10px*/
	margin-bottom: -3px; 
	margin-right: -3px;
}

#playerTraining.dragHighlight,
#playerTraining.dropHighlight
{
	border-width: 2px;
	margin: -2px; 
}


/* MATCH REPORT */
#matchReportStats table.tabData th,
#matchReportStats table.tabData td
{
	padding: 3px;
	font-size: 80%;
}

#matchReportStats #statName
{
	font-size: 160%;
	clear:left;
	float:left;
	margin-top: 155px;
	margin-left: 40px;
	width: 190px;
}

#matchReportStats #subscribeMessage
{
	position: relative;
	top: -130px;
	height: 0;
	text-align: center;
}

#matchReportStats #subscribeMessage a
{
	font-size: 160%;
	color: #F1C832;
}


#matchReportStats #pitchContainer
{
	float: left;
	width: 500px;
}

#matchReportTeam .leftColumn,
#matchReportTeam .rightColumn
{
	width: 460px;
}
	
#matchReportTeam #playerReplacementsContainer,
#matchReportTeam #offPitchContainer,
#matchReportStats #offPitchContainer
{
	float: left;
	text-align: center;
}

#matchReportStats .statsTable 
{
	clear: left;
}

#matchReportTeam #playerReplacementsContainer,
#matchReportTeam #offPitchContainer
{
	width: 200px;
}

#matchReportTeam #playerReplacementsContainer .title,
#matchReportTeam #offPitchContainer .title
{
	font-size:160%;
	left:-30px;
	position:relative;
}

#matchReportTeam #playerReplacements,
#matchReportTeam #offPitch,
#matchReportStats #offPitch
{
	vertical-align: middle;
	display: table-cell;	/* To allow centre vertically */
	height: 400px;
}

#matchReportTeam #playerReplacements .posimg,
#matchReportTeam #offPitch .posimg,
#matchReportStats #offPitch .posimg
{
	position: relative;
	margin-top: 10px;
}

#matchReportTeam #playerReplacements .posimg
{
	float:left; width: 36px;
}

#matchReportTeam #playerReplacements .repText
{
	float:left; 
	width: 50px; 
	margin-top:10px; 
	width: 50px; 
	text-align:center;
}


#matchReportComments p
{
	padding-top: 10px;
}

#matchReportTeam
{
	clear: left;
	margin-left: -15px;
	margin-right: -15px;
	margin-top: -6px;
}
#matchReportTeam .tabSelectPanel
{
	height: 24px;
	padding-top: 7px;	
	margin: 10px 15px -7px;
}

/* Rate real player */
#rateRealPlayer textarea
{
	width: 428px;
	height: 100px;
}


/* REALLOCATE BUDGETS */
#reallocationControls table th
{
	color: white;
	background-color: black;
}
	
#reallocationControls
{
	margin-top: 10px;
}

#reallocateBudgets h2
{
	margin-left: 10px;
}

#reallocationControls div.account
{
	float: left;
	width: 245px;
}

#sliderContainer
{
	float: left;
}


#slider
{
	width:367px;	/*width+17*/
}

#sliderBar
{

	position: absolute;
	top: 10px;
    left: 8px;
	width:351px;			/*width+1*/
	border-top: 1px solid black;
}

#sliderTicks
{

	position: absolute;
	top: -5px;
    left: 8px;
}


#sliderTickKeys
{

	position: absolute;
	top: 25px;
    left: -12px;		/*element by 2 + 10px*/
    text-align: center;
    font-size: 80%;
}

#sliderTickKeys .tickKey
{
	width: 50px;		/*element*/
	float: left;
}

#sliderTicks .tick
{
	width: 49px;		/*element-1*/
	height: 30px;
	border-left: 1px dotted black;
	float: left;
}

#sliderTicks .last
{
	border-right: 1px dotted black;
}

#sliderContainer
{
	position: relative;
	width: 400px;		/*element x 8*/
	margin-left: 25px;	/*element by 2 */
}

#sliderthumb
{
	left:200px;		/*element x 4*/
	width:21px;
	position:relative;
	z-index: 1;
}

#reallocationControls
{
	margin-bottom: 20px;
}

/* REALLOCATE BUDGETS END */



/* PLAYER DETAILS */
li.playerDetails
{
	padding: 4px;
	margin-right: 4px;
	display: block;
}

.tabData td.playerDetails
{
	padding-right: 0;
}


/* This is used in tactics/training */
.playerDetails.playerNotAvailable {
	color: #800;
}


.playerDetails .info
{
	float: right;
	width: 12px;
	height: 12px; 
	margin: 2px 3px;
	background: url(../site-images/icons/info_icon.png) no-repeat;
	background-position: 0 0;
	text-decoration: none;
}

.playerDetails .ic
{
	background-image: url('../site-images/icons/shirt_white_small.png');
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 14px;
	height: 17px;
	padding-right: 4px;
	float: left;
}

/* Layout of player info*/
.playerDetails .pl
{
	float: left;
}

.playerDetails .posList
{
	float: right;
}

.posList span
{
	font-size: 12px;	/*Need absolute as blocks as on coloured blocks*/
	background-position: 0 0;
	background-repeat: repeat-x;
	padding: 0 2px 0 3px;
	font-weight: bold;
	color: black;
	margin: 0 0 0 4px;
}

.posList span.GK 
{ 
	background-image: url('../site-images/player_status_icons/position_yellow.gif');
}

.posList span.D,
.posList span.DC,
.posList span.DM,
.posList span.WB,
.posList span.SW
{
	background-image: url('../site-images/player_status_icons/position_blue.gif');
}

.posList span.M,
.posList span.AM,
.posList span.MC,
.posList span.W
{ 
	background-image: url('../site-images/player_status_icons/position_green.gif');
}

.posList span.SC 
{ 
	background-image: url('../site-images/player_status_icons/position_red.gif');
}


.playerDetails span.status
{
	cursor: default;
	float:right;
	width: 14px;
    background-repeat: no-repeat;
}

.playerDetails span.status.injured_serious
{
	background-image: url('../site-images/player_status_icons/injured_serious.gif');
}

.playerDetails span.status.injured_minor
{
	background-image: url('../site-images/player_status_icons/injured_minor.gif');
}

.playerDetails span.status.cup_tied
{
	background-image: url('../site-images/player_status_icons/cup_tied.gif');
}

.playerDetails span.status.suspended
{
	background-image: url('../site-images/player_status_icons/red_card.png');
}

/* BIDS */
.bidDetails table.tabData th
{
	text-align: right;
}

/* Common Field widths */ 

th.personName 		{ width: 110px; }
th.personType		{ width: 50px; }
th.playerPositions 	{ width: 160px; }
th.clubName 		{ width: 130px; }
th.age				{ width: 20px;  }
th.date				{ width: 110px; }
th.transferFee		{ width: 100px; }
th.contractLength	{ width: 100px; }
th.actions			{ width: 100px; }
th.charValue		{ width: 165px; }
th.stat				{ width: 30px;	}


/* START - Advanced Search */

#advancedSearch #pitch,
.playerProfile #pitch
{
	height: 323px;
}

#advancedSearch #pitch img,
.playerProfile #pitch img
{
	left: 22px;
	top: 0;
	width: 400px;
}

#pitch .allPositions
{
	clear: none;
	float: left;
	padding-top: 0;
	position: absolute;
	left: 22px;
	top: 0;
}

/*The container for the positions*/
#pitch .posList div
{
position: absolute;
padding: 0;
margin: 0;
width: 35px;
height: 36px;
display: block;
text-align: center;
}

/*As a span will centre using parent text-align*/
#pitch .posList span
{
	margin: 0;
}



/* Positions for player abilities*/
#pitch .N_SC {left: 184px; top: 6px;}

#pitch .L_AM {left: 124px; top: 50px;}
#pitch .C_AM {left: 184px; top: 50px;}
#pitch .R_AM {left: 243px; top: 50px;}

#pitch .L_W {left: 92px; top: 79px;}
#pitch .R_W {left: 275px; top: 79px;}

#pitch .L_M {left: 136px; top: 92px;}
#pitch .C_M {left: 184px; top: 92px;}
#pitch .R_M {left: 231px; top: 92px;}

#pitch .N_DM {left: 184px; top: 136px;}

#pitch .L_WB {left: 67px; top: 169px;}
#pitch .R_WB {left: 301px; top: 169px;}

#pitch .L_D {left: 126px; top: 183px;}
#pitch .C_D {left: 184px; top: 183px;}
#pitch .R_D {left: 243px; top: 183px;}

#pitch .N_SW {left: 184px; top: 216px;}
#pitch .N_GK {left: 184px; top: 252px;}

/*Needed for IE6/7 */
#advancedSearch input
{
	background-color: transparent;
}

#advancedSearch .leftColumn,
#advancedSearch .rightColumn
{
width: 457px;
}

/* If a block element need to use margin-auto*/
#advancedSearch #pitch input
{
	margin: auto;
	display: block;
}




#advancedSearch .sliderBg
{
	width: 209px;
	clear: none;
	float: left;
	padding: 0;
	position: relative;
	height: 25px;
	background: url(../site-images/misc/slider-bg-horiz.gif) no-repeat 0 -4px;
}

#advancedSearch .sliderThumb
{
	left:0px;		/*element x 4*/
	padding: 0;
	position:absolute;
	z-index: 1;
}

#advancedSearch .sliderMinValue,
#advancedSearch .sliderMaxValue
{
	float: left;
	clear: none;
	width: 105px;
}
/* END - Advanced Search */

/* START - Pitch info*/
#pitch
{
	position: relative;
	padding: 0;
}

#pitch img
{
	position: absolute;
}

#pitchContainer
{
	position: relative; 
	height: 354px;
    margin: 88px 6px 12px 6px;
}

/* Shirt image parent container*/
.posimg
{
	position: absolute; 
	left: 0px; 
	bottom: 0px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 38px;
	height: 49px;
}	

.posimg.player
{
	background-image: url(../../site-images/tactics/shirt_white_alpha8.png);
	background-position: 3px 4px;
}

/* Name above player */
.posname
{
	width: 80px;
	height: 1em; /* Show only one line of text */
	top: -8px;
	left: -20px;
	text-align: center;
	overflow: hidden;
	position: absolute;
	font-weight: 700;
	color: white;
	font-size: 11px;
	z-index: 3;
}

/* Number on shirt */
.postxt
{
font-size: 12px; 
font-weight: bold ; 
width: 25px; 
text-align: center; 
position: absolute; 
left: 8px; 
bottom: 22px;
color: #555;
}

#matchReportStats .statsTable td.highlight
{
	font-weight: inherit;
	background-color: #333;
}

#matchReportStats .statsTable th.highlight
{
	color:#f1c832;
	background-color: #333;
}

.posvalue
{
	position: absolute;
	font-size:11px;
	color: white;
	font-weight: 700;
	right: 40px;
	bottom: 3px;
}
.posgraph
{
	position: absolute;
	bottom: 5px;
	left: -1px;
	background-image: url(../../site-images/misc/histogram_bars.png);
	width: 12px;
	background-position: -12px 0;	/* default to central image*/
	background-repeat: no-repeat;
}

/* Positions to display the graph - if left, middle or centre perspective on image*/
/* Far left*/
#pos_AML .posgraph,
#pos_FBL .posgraph,
#pos_WL .posgraph
{
	background-position: -24px 0;
}

/*Centre left*/
#pos_SCL .posgraph,
#pos_DCL .posgraph,
#pos_MCL .posgraph,
#pos_DML .posgraph
{
	background-position: -12px 0;
}


/*Center right*/
#pos_SCR .posgraph,
#pos_DCR .posgraph,
#pos_MCR .posgraph,
#pos_DMR .posgraph
{
	background-position: -12px 0;
}

/* Far right */
#pos_AMR .posgraph,
#pos_FBR .posgraph,
#pos_WR .posgraph
{
	background-position: 0 0;
}




#pos_GK.posimg.player
{
	background-image: url(../../site-images/tactics/shirt_yellow_alpha8.png);
	background-position: 3px 4px;
}

/* Positions for match */
#pos_AMC { left:216px; bottom: -73px;}
#pos_AML { left:144px; bottom: -73px;}
#pos_AMR { left:286px; bottom: -73px;}

#pos_DCC { left:216px; bottom: -231px;}
#pos_DCL { left:147px; bottom: -231px;}
#pos_DCR { left:284px; bottom: -231px;}

#pos_DMC { left:216px; bottom: -177px;}
#pos_DML { left:152px; bottom: -177px;}
#pos_DMR { left:279px; bottom: -177px;}

#pos_FBL { left:77px; bottom: -216px;}
#pos_FBR { left:355px; bottom: -216px;}

#pos_GK  { left:216px; bottom: -315px;}

#pos_MCC { left:216px; bottom: -125px;}
#pos_MCL { left:159px; bottom: -125px;}
#pos_MCR { left:273px; bottom: -125px;}

#pos_SCC { left:216px; bottom: -22px;}
#pos_SCL { left:171px; bottom: -22px;}
#pos_SCR { left:258px; bottom: -22px;}

#pos_SW  { left:216px; bottom: -275px;}

#pos_WL  { left:106px; bottom: -107px;}
#pos_WR  { left:326px; bottom: -107px;}


#pos_SW {z-index: 1;} /*So name appears above DCC */
#pos_GK {z-index: 2;} /*So name appears above SW */


/* was .formation before */
.posimg .pospt
{
	background-position: 0 0;
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	position: absolute;
}

#pos_FBL.posimg .FBAttackDefence_Attacking
{
	background-image: url(../../site-images/tactics/arrow_small_forward_left.png);
	left: 16px;
	bottom: 42px;
}

#pos_FBR.posimg .FBAttackDefence_Attacking
{
	background-image: url(../../site-images/tactics/arrow_small_forward_right.png);
	left: 5px;
	bottom: 42px;
}

#pos_FBL.posimg .FBAttackDefence_VeryAttacking
{
	background-image: url(../../site-images/tactics/arrow_big_forward_left.png);
	left: 16px;
	bottom: 52px;
}

#pos_FBR.posimg .FBAttackDefence_VeryAttacking
{
	background-image: url(../../site-images/tactics/arrow_big_forward_right.png);
	left: 5px;
	bottom: 52px;
}


#pos_FBL.posimg .FBAttackDefence_VeryDefensive
{
	background-image: url(../../site-images/tactics/arrow_small_backward_left.png);
	left: 6px;
	bottom: -25px;
}

#pos_FBR.posimg .FBAttackDefence_VeryDefensive
{
	background-image: url(../../site-images/tactics/arrow_small_backward_right.png);
	left: 19px;
	bottom: -25px;
}

.posimg .MidfielderPlaymaker
{
	background-image: url(../../site-images/tactics/playmaker.png);
	bottom: 0;
	left: 12px;
}

.posimg .StrikerTargetMan
{
	background-image: url(../../site-images/tactics/targetman.png);
	bottom: -1px;
	left: 14px;
}

.posimg .StrikerWithdrawn
{
	background-image: url(../../site-images/tactics/arrow_backward.png);
	bottom: -24px;
	left: 12px;
}

#pos_WL.posimg .WingerWide
{
	background-image: url(../../site-images/tactics/arrow_big_forward_left.png);
	bottom: 47px;
	left: 17px;
}

#pos_WR.posimg .WingerWide
{
	background-image: url(../../site-images/tactics/arrow_big_forward_right.png);
	bottom: 47px;
	left: 3px;
}




/* END - Pitch info */

/* Captcha */

#captcha .captchaImg
{
	width: 250px;
	height: 75px;
}

.captchaImg img
{
	background-color: white;
}

/* START - Active threads */

.hlPanelHalfWidth div.stories div.listDataItem
{
padding:6px 6px 16px 6px;
}

.stories .story
{
	min-height: 52px;
}

.stories .story .user
{
	float: left;
	margin-right: 5px;
}

.stories .comments .user
{
	float: left;
	margin-right: 3px;
}


.stories .title
{
	font-weight: bold;
	color: #F1C832;
}
.stories .comments
{
	padding-left: 0px;
}

.stories .comment
{
	margin: 0 0 2px 0;
	background-color: #181818;
	min-height: 33px;
}

.stories .moreComments
{
	margin: 0 0 2px 0;
	background-color: #181818;
}


.stories .newComment
{
	margin: 0 0 2px 0;
	background-color: #181818;
}

.stories .dateInfo
{
	font-size: 80%;
}

.stories .username
{
	font-weight: bold;
	margin-right: 2px;
}


.stories .commentBox
{
	width: 443px;
}

.stories .storyContainer .commentBox
{
	line-height: 14px; /*Must explicitly set, else IE6, Chrome doesn't work and shows collapsed boxes*/
}

.stories .newStory .commentBox
{
	font-size: 18px;
	line-height: 18px; /*Must explicitly set, else IE6, Chrome doesn't work and shows collapsed boxes*/
}


.stories .button
{
	float: right;
	margin-right: -3px;
	margin-top: 11px;
}

.stories .story .storyIcon
{
	float: left;
	width: 52px;
}

.stories .story .storyIcon img
{
	height: 47px;
}

.stories .story .clubName
{
	float: left;
	padding-right: 3px;
}
.stories .story .shield,
.stories .comments .shield
{
	float: left;
	padding: 2px 2px 0 3px;
	font-size: 0;
	margin-left: -3px;
}
.stories .story .storyIcon img.shieldImg
{
	height: auto;
}

.stories .story .dateInfo
{
	float: right;
	padding-left: 2px;
}
.stories .comments .userIcon
{
	float: left;
	width: 36px;
	height: 32px;
}

.stories .comments .clubName
{
	float: left;
}
.stories .comments .content
{
	float: left;
	width: 411px;
}

.stories .comments .contentBody
{
	clear: both;
}

.stories .comments .dateInfo
{
	float: right;
}

.bannerPanelBodyLeft .homeShield
{
	float:left;
}

.bannerPanelBodyLeft .fixtureDetails
{
	float:left;
	width: 292px;
}

.bannerPanelBodyLeft .awayShield
{
	float:right;
}


#leagueTable table.tabData td.shield
{
	padding: 0 4px 0 0;
}

#leagueTable table.tabData .username
{
	width: 100px;
	overflow-x: hidden;
}

#availableClubs table.tabData td.shield
{
	padding: 0 0 0 4px;
}


#clubSummary .shield
{
	padding-left: 22px;
	float: left;
}

#userSummary .userIcon
{
	padding: 5px 0 0 22px;
	float: left;
	width: 80px;
}

#createPrivateMessage textarea
{
	width: 100%;
	height: 100px;
}

#createPrivateMessage .hlPanelBody .subject
{
	height: 30px;
}
#createPrivateMessage #subject
{
	margin-right: -5px;
	width: 350px;
	float: right;
}

.cms ul
{
	list-style-type: square;
	padding-left: 30px;
}

.cms ul li
{
	margin: 8px;
	float: none;
}

.cms p
{
	margin-bottom: 8px;
}

.cms .updateInfo
{
	padding-right: 10px;
}


/*Ground maps*/
#map_canvas
{
	margin-left: 30px;
	float: left; 
	width: 370px; 
	height: 200px;
}

#panoramaContainer
{
	float: left;
	margin-left: 30px;
	width: 480px;
	text-align: center;
}

#panoramioInfo
{
	width: 275px;
	margin: auto;
	text-align: left;
}
#panoramioInfo img
{
	float: left;
	margin: 3px 3px 0 0;
}


/* Countdown */
#worldCupCountdown .hlPanelBannerOverlay
{
height: 73px;
margin-top: -61px;
}

#worldCupCountdown tr.values td
{
	font-size: 28px;
	text-align: center;
	width: 25%;
}

#worldCupCountdown tr.units td
{
	font-size: 12px;
	font-weight:bold;
	text-align: center;
	width: 25%;
}

#paymentsPanel table,
#recurringPaymentsPanel table
{
	font-size: 90%;
}

#worldPanel table
{
	font-size: 90%;
}

#subscriptionPanel .tableContainer
{
	max-height: 200px;
	overflow-y: scroll;
	font-size: 90%;
	border: solid 1px;
}

#subscriptionPanel .tableContainer th
{
	background: gray;
	padding-top: 1px;
	padding-bottom: 1px;
}


.showEmoticons
{
	width: 20px;
	height: 20px;
	float: right;
	position: relative;
}

.stories .showEmoticons,
.hlPanelFooter .showEmoticons
{
	margin-top: 11px;
}

.emoticonsPopup
{
	background: grey;
	opacity: 0.8;
	width: 92px;
	z-index: 1000;
	bottom: 20px;
	left: -27px;
	position: absolute;
	border: solid 1px white;
}

.emoticon
{
	width: 20px;
}

#inbox .tableContainer
{
	max-height: 300px;
	overflow-y: scroll;
}

.articleSummaryPanel ul
{
	list-style-type: square;
	padding-left: 10px;
}

.articleSummaryPanel ul li
{
	margin: 4px;
	float: none;
}

#tutorialPanel .hlPanelBody
{
	color: #F1C832;
}

#tutorialPanel .hlPanelBody .title
{
	font-size: 180%;
	font-weight: bold;
}

#tutorialPanel .item
{
	display: list-item;
	margin: 3px 0 0 20px;
	font-weight: bold;
	color: white;
	list-style-type: decimal;
	text-transform: none;
}

#tutorialPanel .item.complete span
{
	text-decoration: line-through;
}

#tutorialPanel .item.complete img
{
	margin-left: 4px;
}


#tutorialPanel .siteAd
{
	background: url(../site-images/brand/manager_shoe_on_ball_right.jpg) no-repeat 0 0;
	text-align: left;
	padding: 9px 217px 26px 26px;
	margin-top: -13px;
	height: inherit;
}

#tutorialPanel a
{
	color: #F0C732;
}
#tutorialPanel li
{
	float: none;
}