﻿#contentTop
{
	clear:					both;
}

#contentTopLeft
{
	float:					left;
	height:					302px;
	margin-bottom:			20px;
	width:					654px;
}

#imageContainer
{
	border:					1px solid #AAA;	
	padding:				1px;
	height:					300px;
}

#contentTopRight
{
	float:					right;
	width:					315px;
}

#contentBottom
{
	clear:					both;
	margin-bottom:			20px;
}

#contentBottomLeft
{
	float:					left;
	width:					654px;	
}

#contentBottomRight
{
	float:					right;
	width:					315px;
}

#content h1, #popupContent h1
{
	background:				#F5F5F5;
	border-bottom:			1px dashed #899D52;
	border-top:				2px solid #899D52;
	color:					#899D52;
	font-family:			Trebuchet MS, Tahoma;
	font-size:				20px;
	margin-bottom:			16px;
	padding:				5px;
}

#contentTop h1, #contentBottom h1, #popupContent h1
{
	background-color:		#F5F5F5;
	border-color:			#CFD0D0;
	border-top-width:		1px;
	color:					#899D52;
	font-family:			Trebuchet MS, Tahoma;
	font-size:				12px;
	margin-bottom:			4px;
	margin-top:				30px;
	padding:				2px;
	padding-left:			5px;
}

#popupContent h1
{
	
}

#content h1:first-child
{
	margin-top:				0px;
}

#content h1:hover
{
	background-color:		#E2EDC3;
}

#content h1 a
{
	color:					#899D52;
}

#content h2
{
	background:				#F5F5F5;
	border-bottom:			1px dashed #CFD0D0;
	border-top:				1px solid #CFD0D0;
	color:					#899D52;
	font-family:			Trebuchet MS, Tahoma;
	font-size:				12px;
	margin-bottom:			12px;
	margin-top:				30px;
	padding:				3px;
	padding-left:			5px;
}

#content h1 + h2
{
	margin-top:				0px;
}

#contentTopRight div.wp, #contentBottomRight div.wp
{
	margin-top:				30px;
}

#contentTopRight div.wp:first-child, #contentBottomRight div.wp:first-child
{
	margin-top:				0px;
}

#contentTopRight ul
{
	list-style-type:		none;
	margin-left:			1px;
	padding:				2px;

	*margin-top:			-13px;
}

#contentTopRight>div.wp>ul
{
	padding:				0;
	
	*margin-top:			0px;
}

#contentTopRight span.timestamp
{
	font-weight:			bold;
}

#contentTopRight span.homeTeam
{
	font-weight:			bold;
}

#contentTopRight>div.wp>ul>li
{
	background:				url('Images/clockIcon.png') no-repeat left 2px;
	margin-top:				4px;
	margin-bottom:			0px;
	padding-left:			16px;
}

#contentTopRight ul li
{
	margin-bottom:			2px;
}

.matchWon,
.matchDraw,
.matchLost
{
}

.matchWon.matchResult
{
	color:					#195b0c;
}

.matchDraw.matchResult
{
	color:					#f28e00;
}

.matchLost.matchResult
{
	color:					#c20000;
}

.editPanel
{
	background:				#FFF url('Images/editPanel.png') repeat-y top left;
	border:					1px solid #BBB;
	padding:				1px;
	position:				relative;
}

.editPanel ul
{
	color:					#444;
	font-family:			Trebuchet MS, Tahoma;
	font-size:				12px;
	list-style-type:		none;
	padding:				0;
	text-align:				left;
}

.editPanel li
{
	cursor:					pointer;
	padding:				2px 5px 2px 30px;
}

.editPanel li:hover
{
	background-color:		#F5F5F5;
	border:					1px solid #BBB;
	padding:				1px 4px 1px 29px;
}

#content label
{
	background:				url('Images/arrow.png') no-repeat left 0px;
	display:				inline-block;
	font-style:				italic;
	margin-bottom:			16px;
	padding-left:			16px;
}

#content ul, .popup ul
{
	list-style-type:		none;
}

#content ul.form label, .popup ul.form label
{
	background-image:		none;
	display:				inline-block;
	font-style:				normal;
	margin-bottom:			0px;
	padding-left:			0px;
	width:					100px;
}

#content ul.form.firstrun label
{
	width:					150px;
}

#content ul.form span.checkbox label, .popup ul.form span.checkbox label
{
	padding-left:			10px;
	width:					200px;
}

#content ul.form input[type="password"],
#content ul.form input[type="text"]
#popupContent ul.form input[type="password"],
#popupContent ul.form input[type="text"],
#content ul.form textarea,
#popupContent ul.form textarea
{
	font-family:			Trebuchet MS, Tahoma;
	font-size:				12px;
}

#content ul.form input[type="password"],
#content ul.form input[type="text"],
#popupContent ul.form input[type="password"],
#popupContent ul.form input[type="text"]
{
	height:					14px;
	width:					175px;
}

#content ul.form textarea,
#popupContent ul.form textarea
{
	width:					450px;
}

#content ul.form li
{
	margin-bottom:			4px;
}

#content a.button, #popupContent a.button
{
	background:				url('Images/button.png') no-repeat;
	color:					#FFF;
	display:				inline-block;
	height:					26px;
	margin-top:				16px;
	padding-top:			4px;
	text-align:				center;
	width:					107px;
}

#content ul.form.firstrun a.button
{
	margin-top:				8px;
}

#content ul.form span.error, #popupContent ul.form span.error
{
	font-size:				16px;
	font-weight:			bold;
}

#content label.error
{
	background-image:		none;
	color:					#FF0000;
	font-style:				normal;
	font-weight:			bold;
	padding-left:			0px;
}

#content label>a
{
	border-bottom:			1px none #899D52;
	color:					#899D52;
	display:				inline-block;
	font-weight:			bold;
	padding-bottom:			2px;
}

#content h3
{
	font-family:			Trebuchet MS, Tahoma;
	font-size:				14px;
}

#content ul.guestbook li h3
{
	border-top:				1px solid #899D52;
	padding-top:			20px;
}

#content ul.guestbook li:first-child h3
{
	border-top:				none;
	padding-top:			0px;
}

#content ul.guestbook li h3 + p
{
	color:					#999;
	margin-bottom:			10px;
}

#content li
{
	margin-bottom:			20px;
}

span.readMore
{
	display:				inline-block;
	float:					right;
	padding-left:			50px;
}

.gridAlternating
{
	background-color:		#EEE;
}

.gridHeader
{
	background-color:		#EEE;
	border-bottom:			1px solid #DDD;
}

.gridHighlight
{
	background-color:		#C9DE90;
}

.gridHeader th
{
	padding:				4px;
	text-align:				left;
}

.rankingsGrid .gridHeader th
{
	text-align:				center;
}

#contentTop .gridHeader th, #contentBottom .gridHeader th
{
	padding:				2px;
}

.rankingsGrid .gridHeader th:first-child+th
{
	text-align:				left;
}

.gridHighlight
{
	font-weight:			bold;
}

.grid td
{
	padding:				3px 4px;
}

#contentTop .grid td, #contentBottom .grid td
{
	padding:				2px;
}

.grid div.matchNameColumn,
.grid div.playerNameColumn
{
	padding:				2px !important;
}

.assistsGrid th:first-child, .assistsGrid td:first-child,
.goalsGrid th:first-child, .goalsGrid td:first-child,
.playersGrid th:first-child, .playersGrid td:first-child
.sponsorsGrid th:first-child, .sponsorsGrid td:first-child
{
	padding:				0px !important;
	width:					1px !important;
}

.assistsGrid td:first-child img,
.playersGrid td:first-child img,
.goalsGrid td:first-child img,
.sponsorsGrid td:first-child img
{
	padding:				4px 12px;
	width:					32px;
}

.sponsorsGrid td:first-child img
{
	width:					100px;
}

.assistsGrid .emptyData td,
.goalsGrid .emptyData td,
.playersGrid .emptyData td
.sponsorsGrid .emptyData td
{
	width:					100% !important;
}

.inlineWrapper
{
	display:				inline-block;
}

.handCursor
{
	cursor:					pointer;
}

.modalBackground {
	background-color:		Gray;
	filter:					alpha(opacity=50);
	opacity:				0.5;
}

.popup
{
	color:					#444;
	font-family:			Tahoma;
	font-size:				11px;
}

.popupTitle
{
	cursor:					move;
}

#popupTitleRight
{
	background:				url('Images/popupTitleRightBorder.png') no-repeat top right;
	height:					39px;
	margin:					0px auto 0px;
	width:					750px;
}
#popupTitleLeft
{
	background:				url('Images/popupTitleLeftBorder.png') no-repeat top left;
	margin-right:			7px;
	height:					39px;
	width:					100%;
}

#popupTitleContainer
{
	background:				url('Images/popupTitleCenter.png') repeat-x;
	color:					#FFF;
	font-family:			Trebuchet MS, Tahoma;
	font-size:				20px;
	font-weight:			bold;
	height:					39px;
	margin-left:			7px;
	margin-right:			7px;
	padding-left:			4px;
	padding-top:			5px;
	text-align:				left;
}

.popupCloser
{
	background:				url('Images/closeButton.png') no-repeat;
	cursor:					pointer;
	display:				inline-block;
	float:					right;
	height:					13px;
	margin-top:				8px;
	margin-right:			3px;
	width:					13px;
	
	*margin-top:			-18px;
}

#popupTitleContainer>div + span.popupCloser
{
	margin-top:				-18px;
}

#popupContent
{
	background:				#E6E6E6;
	border:					3px solid #cad3b1;
	border-bottom-width:	0px;
	border-top-width:		0px;
	max-height:				600px;
	overflow-x:				hidden;
	overflow-y:				auto;
	padding:				10px;
	text-align:				left;
	width:					724px;
}

#popupFooterRight
{
	background:				url('Images/popupFooterRightBorder.png') no-repeat top right;
	height:					6px;
	margin:					0px auto 0px;
	width:					750px;
}
#popupFooterLeft
{
	background:				url('Images/popupFooterLeftBorder.png') no-repeat top left;
	margin-right:			6px;
	height:					6px;
	width:					100%;
}

#popupFooterContainer
{
	background:				#E6E6E6;
	border-bottom:			3px solid #cad3b1;
	height:					3px;
	margin-left:			6px;
	margin-right:			6px;
}

div.playerImageContainer
{
	background-color:		#FFF;
	float:					left;
	height:					100%;
	margin-right:			30px;
	width:					150px;
}

#popupContent ul.form, #content ul.gbform
{
	margin-right:			10px;
	min-width:				500px;
}

#popupContent ul.form>li, #content ul.gbform>li
{
	padding:				5px 0px;
	border-top:				1px solid #CCC;
}
#popupContent ul.form>li:first-child, #content ul.gbform>li:first-child
{
	border-top:				none;
}

#popupContent ul.form>li label:first-child, #content ul.gbform>li label:first-child
{
	font-weight:			bold;
}

#popupContent ul.form label, #content ul.gbform label
{
	width:					120px;
}

#popupContent div.playerImageContainer + ul.form
{
	float:					right;
}

.popupEditPanel
{
	z-index:				100000 !important;
}

.paging
{
	margin-bottom:			30px;
	text-align:				center;
}

.paging span
{
	display:				inline-block;
	margin:					0;
	padding:				5px;
	width:					500px;
}

.paging span.back, .paging span.next
{
	width:					150px;
}

.paging span > a
{
	display:				inline-block;
	width:					20px;
}

.paging span > a.current
{
	font-weight:			bold;
}