/* Copyright 2007 (c) Tim Hull & Matthew Ainge */
	
	/* GLOBAL CSS file for all themes */
	/* The sections in this css: */

	/* GENERAL */
	/* FLOOR PLAN AND SEAT CHOOSER */	
	/* MENU MODULES */
	/* ARTICLES */
	/* EVENT DETAILS */
	/* Login form*/
	/* AdminTabs */
	/* Tournament Tree */
	/* Teams Signups */
	/* Crucial Advert Banner */
	/* At LAN page */
	/* User Profile Pages*/	
		
/* ------------------------------------------------------- */	
/* GENERAL */
	/* When something floats left of an ordered list, list items and numbers fall off the left margin */
	/* This fixes it */
	ol, #maintext ul
		{
		padding-left:0;
		margin-top:0.5em;
		}
	ol li, #maintext ul li
		{
		position:relative;
		/*left:2em;*/
		margin-left:2.5em;
		margin-bottom:0.1em;
		line-height:1.4em;
		}
	#maintext .forabg ul li, .maintext .forabg ul li
		{
		list-style-type:none;
		list-style-image:none;
		}
		
/* ------------------------------------------------------- */	
/* FLOOR PLAN AND SEAT CHOOSER */
	/* The floorplan class contains the plan and exists only to center the thing asthetically */
	div.FloorPlan, table.FloorPlan
		{
		text-align:center;
		margin:auto;
		}
	td.floorPlanSpacer
		{
		width:25px;
		}
	.floorPlanKey
		{
		text-align:left;
		}

	/* The floorplan table forces the cursor so it doesn't flick from 'default' to 'text' */
	table.FloorPlan
		{
		border-spacing:1px;
		empty-cells:show;
		border-width:1px;
		border-style:solid;
		cursor:default;
		/*font-size:.7em;*/
		table-layout:fixed;
		}
	
	table.floorplan h3
		{
		color:#dddddd;
		}

	/* Apply some uniform formatting to the floor plan grid */
	td.seat-taken, td.seat-taken-alt, td.seat-reserved, td.seat-available, td.seat-highspeed,
	td.seat-taken-blu, td.seat-taken-red, td.seat-taken-gre, td.seat-taken-yel, td.seat-taken-adm
		{
		font-size:.8em;
		width:1em;
		}

	.FloorPlan td
		{
		padding:0px;
		height:3em;
		text-align:center;
		color:#000000;
		padding:2px;
		/* width:50px;  */
		}
		
	.floorplan td.row1
		{
		background-color:#777777;
		}
	/* Apply some uniform formatting to the floor plan anchors */
	/* Each vacant seat name displayed acts as an anchor */
	.FloorPlan a.bookPlaceLink:link, .FloorPlan a.bookPlaceLink:visited, .FloorPlan a.bookPlaceLink:hover, .FloorPlan a.bookPlaceLink:active
		{
		color:#000000;
		}
		
	/*show where the chairs are:*/
	/* Moved to after the .Floorplan td class so widths are overridden  */
	
	.floorPlanChairLeft, .floorPlanChairRight, .floorPlanChairTop ,.floorPlanChairBottom
		{
		/*background-color:#414241;*/
		background-repeat:no-repeat;
		}
	.floorPlanChairLeft
		{
		background-image:url("../../../images/chairLeft.gif");
		background-position:center right;
		background-repeat:no-repeat;
		width:21px;
		}
	.floorPlanChairRight
		{
		background-image:url("../../../images/chairRight.gif");
		background-position:center left;
		width:21px;
		}
	.floorPlanChairTop
		{
		background-image:url("../../../images/chairTop.gif");
		background-position:bottom center;
		height:21px;
		}
	.floorPlanChairBottom
		{
		background-image:url("../../../images/chairBottom.gif");
		background-position:top center;
		height:21px;
		}

	/* Unavailable Seats */
	/* The floorplan table forces the cursor so it doesn't flick from 'default' to 'text' */	
	/* when it passes over cell contents. */
	
		/* BLU!! */	
		/* seat-taken table cell class displays blue */
		td.seat-taken, td.seat-taken-blu
			{
			background-color:#24248A;
			border-width:1px;
			border-style:solid;
			border-color:#5F5FE0 #0F0F47 #0F0F47 #5F5FE0;
			color:#ffffff;
			}
		/* Hovering over a taken seat darkens the colour slightly - it is unselectable */		
		td.seat-taken:hover, td.seat-taken-blu:hover
			{
			background-color:#1D1D75;
			}

		/* RED!! */
		/* seat-taken-alt/red table cell class displays 'llamalan red' */
		td.seat-taken-alt, td.seat-taken-red
			{
			background-color:#C71E00;
			border-width:1px;
			border-style:solid;
			border-color:#F23D1D #781200 #781200 #F23D1D;
			color:#ffffff;
			}
		/* Hovering over a taken seat darkens the colour slightly - it is unselectable */				
		td.seat-taken-alt:hover, td.seat-taken-red:hover
			{
			background-color:#B01A00;
			}

		/* GREEN!! */
		/* seat-taken(-blu) table cell class displays green */
		td.seat-taken-gre
			{
			background-color:#008537;
			border-width:1px;
			border-style:solid;
			border-color:#15BD58 #005221 #005221 #15BD58;
			color:#ffffff;
			}
		/* Hovering over a taken seat darkens the colour slightly - it is unselectable */		
		td.seat-taken-gre:hover
			{
			background-color:#00732E;
			}
			
		/* YELLOW!! */
		/* seat-taken(-blu) table cell class displays yellow */
		td.seat-taken-yel
			{
			background-color:#F0C400;
			border-width:1px;
			border-style:solid;
			border-color:#FFDD47 #B09000 #B09000 #FFDD47;
			color:#000000;
			}
		/* Hovering over a taken seat darkens the colour slightly - it is unselectable */		
		td.seat-taken-yel:hover
			{
			background-color:#CCA700;
			}
			
		/* seat-reserved table cell class displays purple */		
		td.seat-reserved
			{
			background-color:#9B00E8;
			border:1px solid #68009C;
			cursor:default;
			color:#ffffff;
			}
		/* Hovering over a taken seat darkens the colour slightly - it is unselectable */
		td.seat-reserved:hover
			{
			background-color:#8600C9;
			}
		td.seat-taken-adm
			{
			border-width:1px;
			border-style:solid;
			border-color:#ffffff #eeeea6 #e2e295 #ffffed;
			background-color: #ffffcc;
			}
		td.seat-taken-adm:hover
			{
			background-color:#f1f1b5;
			}
			
		.AdminsTree
			{
			background-color: #ffffcc !important;
			}
		.BlueTeamTree
			{
			background-color:#24248A !important;		
			}
		.RedTeamTree
			{
			background-color:#C71E00 !important;
			}
		.GreenTeamTree
			{
			background-color:#008537 !important;
			}
		.YellowTeamTree
			{
			background-color:#F0C400 !important;
			}			
			
	/* Available seats (seat-available and seat-highspeed) */
		/* Available seating without a gig port, displays as a duller colour */
		td.seat-available
			{
			background-color:#88A6A3;
			border:1px solid #97B8B4;
			padding:4px;
			}
		/* seat-highspeed table cell class displays bright */
		td.seat-highspeed
			{
			background-color:#82D9CC;
			border:1px solid #6CBDB2;
			padding:4px;
			}	
		/* Seats light up when hovered on, and glow bright when selected */
		/* We also want them to remain the same colours even if the link has been used before */
		td.seat-available:hover, td.seat-highspeed:hover
			{
			background-color:#42FFEC;
			}
		td.seat-available:active, td.seat-highspeed:active
			{
			background-color:#ffffff;
			border-color:#42FFEC;
			}
		a.bookPlaceLink, a.bookPlaceLink
			{
			display:block;
			width:100%;
			height:100%;
			}
		td.seat-available:active a:visited, td.seat-highspeed:active a:visited
			{
			color:#289E90;
			}
		td.seat-available:active a:link, td.seat-highspeed:active a:link
			{
			color:#289E90;			
			} 
		td.seat-available a:link, td.seat-highspeed a:link
			{
			color:#000000;
			text-decoration:none;			
			}
		td.seat-available a:visited, td.seat-highspeed a:visited
			{
			color:#000000;
			text-decoration:none;			
			}
		td.seat-available a:hover, td.seat-highspeed a:hover
			{
			color:#000000;
			text-decoration:none;
			background-color:transparent;
			}
		td.seat-available a:active, td.seat-highspeed a:active
			{
			color:#FF6600;
			text-decoration:none;
			background-color:transparent;
			}
		a.reserveLink
			{
			display:block;
			width:100%;
			height:4px;
			}
	/* Team Banners */
	/* 
	Floorplan-Team class applied to boxes on the floorplans.
	The specific team colour is applied as a compounded class - ColourTeam_global.
	See the Teams section later on.
	
	The template will use an alternate team colour div name for specific themes
	where theme-specific team icons are preferred - ColourTeam_themed
	*/	
	
		td.Floorplan-Team
			{
			width:110px;
			height:61px;
			background-repeat:no-repeat;
			background-position:top center;			
			}
	
	/* Align cell elements for booked seats like trophy, seat name etc */
		td.seat-taken-gre img, td.seat-taken-blu img, td.seat-taken-red img, td.seat-taken-yel img,
		td.seat-taken-adm img
			{
			float:left;
			width:8px;
			}
		td.seat-taken-gre img.captainicon, td.seat-taken-blu img.captainicon,
		td.seat-taken-yel img.captainicon, td.seat-taken-red img.captainicon,
		td.seat-taken-adm img.captainicon
			{
			float:right;
			}			
		/* The trophy is yellow!  The team is yellow! So make it stand out. */
		td.seat-taken-yel img, td.seat-taken-adm img
			{
			background-color:#4355FF;
			border-color:#4355FF;
			border-style:solid;
			border-width:1px;
			}
		/* Recenter the seat name alongside the trophy */
		td.seat-taken-gre font, td.seat-taken-blu font, td.seat-taken-red font, td.seat-taken-yel font,
		td.seat-taken-adm font
			{
			margin-left:-8px;
			font-size:1em;	
			}
			
	/* unloved contains the spectators and any who are signed up yet to pay */
	/* undec's background image is styled in the Team Signups section alongside */
	/* the paid (undecided) div */
	.unloved, .unpaid
		{
		width:60%;
		overflow:auto;
		height:71px;
		margin:0.5em auto;
		padding-left:120px;
		/* Note that colours are set in the templates css */
		}

	/* Each name is contained inside an undec div */
	.undec
		{
		float:left;
		width:8em;
		display:list-item;
		margin-left:3em;
		text-align:left;
		}
		
/*End Floor Plan*/


/* ------------------------------------------------------- */	
/* MENU MODULES */
	
	div.leftmenu .windowcontent .window1 .window1text h5
		{
		padding:2px 0px 0px 14px;
		}
	div.leftmenu .windowcontent .window1 .window1text h6, div.leftmenu .windowcontent .window1 .window1text div
		{
		margin:0px 2px 0px 18px;
		padding:0;
		}
	div.rightmenu .windowcontent .window1 .window1text h5
		{
		padding:2px 0px 0px 2px;
		}
	div.rightmenu .windowcontent .window1 .window1text h6, div.rightmenu .windowcontent .window1 .window1text div
		{
		margin:0px;
		padding:0;
		}
	.windowcontent ul
		{
		padding:0px;
		text-align:center;
		margin:0;
		}
	.windowcontent li
		{
		list-style-type:none;
		list-style-image:none;
		margin-bottom:0.5em;
		}
	.window1text div
		{
		font-size:0.8em;
		text-align:center;
		padding:1px;
		}
		
	/* Lights! (no camera or action) */
	.moduleLightL, .moduleLightR
		{
		width:30px; 
		position:absolute;
		top:1px;
		z-index:15;
		}
	.moduleLightL
		{
		left:-11px; 
		}
	.moduleLightR
		{
		right:-19px; 
		}
		
/* ------------------------------------------------------- */	
/* ARTICLES */

	.Article_Comments form textarea.post
		{
		width:100%;
		}


/* ------------------------------------------------------- */	
/* EVENT DETAILS */
	.PaidTeams ul
		{
		list-style-type:none;
		list-style-image:none;
		}
	

/* ------------------------------------------------------- */	
/* LOGIN FORM */
	.window1text #login #username, .window1text #login #password
		{
		width:90%;
		}
	.window1text #login label
		{
		float:left;
		}
	.window1text #login input
		{
		font-size:1em;
		}
	.window1text #login #autologin
		{
		margin-top:13px;
		}		
		


/* ------------------------------------------------------- */	
/* AdminTabs */

	div.adminTabPages
		{
		width:100%;
		/*overflow:auto;*/
		}
	div#tournamentList
		{

		}
	div#tournamentList .forabg
		{
		/*max-width:700px;*/
		margin:5px 20px;
		}
	div#tournamentList dt, ul#tournamentsAvailable dt
		{
		margin:0 5px 0 0;
		width:55%;
		text-align:justify;
		}
	div#tournamentList dt span
		{
		font-size:0.9em;
		}
	div#tournamentList dd, ul#tournamentsAvailable dd
		{
		margin-right:5px;
		width:200px;
		}
	div#tournamentList .forabg
		{
		margin-bottom:10px;
		}
	div#tournamentList dl
		{
		font-size:0.9em;
		}
	div#tournamentList dl span, ul#tournamentsAvailable dl span
		{
		display:block;
		margin-left:5px;
		}
	div#tournamentList li.header
		{
		font-variant:small-caps;
		}
	ul#tournamentsAvailable dt
		{
		font-size:15px;
		font-variant:small-caps;
		}
	ul#tournamentsAvailable dt span
		{
		font-size:11px;
		margin:5px 0px 10px 5px;
		font-variant:normal;
		}
	ul#tournamentsAvailable dd a
		{
		display:block;
		text-transform:uppercase;
		font-size:2.3em;
		margin-top:5px;
		text-decoration:underline;
		}
	#inviteList
		{
		margin:5px 5px 20px 5px;
		}
	#inviteList dt
		{
		width:50%;
		font-size:1.8em;
		font-variant:small-caps;
		margin:5px;
		}
	#inviteList .clanInfo ul
		{
		margin-left:10px;
		}
	#inviteList .clanInfo span
		{
		margin-bottom:5px;
		display:block;
		}
	#inviteList .clanInfo li:before
		{
		content:"- ";
		}
	#TournamentDetails
		{
		padding:10px;
		font-size:0.8em;
		}
	#TournamentDetails dt
		{
		width:150px;
		}
	#TournamentDetails dd
		{
		width:auto;
		margin:0 10px 0 150px;
		}
	#TournamentDetails .tournamentLinks
		{
		margin:auto;
		text-align:center;
		}
	#TournamentDetails .tournamentLinks a
		{
		font-size:20px;
		text-transform:capitalize;
		font-variant:small-caps;
		font-weight:bold;
		margin:0 10px;
		}
	#TournamentDetails #Rules
		{
		font-size:1.2em;
		}
/* ------------------------------------------------------- */	
/* Tournament Tree */

	#tournamentHolder
		{
		position:relative;
		}
	.scrollArrowLeft, .scrollArrowRight
		{
		border-style:solid;
		border-width:1px;
		z-index:50;
		display:block; 
		width:30px; 
		height:100%; 
		display:none;
		position:absolute;
		top:0px; 
		opacity:0.50;
		text-decoration:none;
		background-repeat:repeat-y;
		}
	.scrollArrowLeft
		{
		background-image:url("../../../images/arrowLeft.png");
		left:0px;
		}
	.scrollArrowRight
		{
		background-image:url("../../../images/arrowRight.png");
		right:0px;
		}			
	.tournament table
		{
		border-collapse:collapse;
		border-width:0px;
		margin:0px;
		caption-side:bottom;
		}
	.tournament div
		{
		white-space:nowrap;
		}
	.tournament
		{
		/*border:2px solid #dddddd;
		margin:5px;
		padding:0px;*/
		border-width:0px;
		padding:0px;
		margin:0px;		
		font-size:10pt;
		overflow:auto;
		position:relative;
		padding:5px;
		}
	.tournamentGrouping
		{
		white-space:normal;
		padding:0px;
		margin:0px;
		border-width:0px;
		table-layout:auto;
		}
	.tournamentGroup
		{
		/*background-color:#09ffd9;*/
		position:relative;
		float:left;
		height:100%;
		padding:0px;
		margin:0px;
		border-width:0px;
		table-layout:auto;
		/*outline:red solid thin;*/
		}
	.tournamentGroup td
		{
		white-space:normal;
		padding:0px;
		margin:0px;
		border-width:0px;
		}
	.tournamentBracket
		{
		float:left;
		border-width:0px;
		margin:0px;
		height:100%;
		padding-top:0px;
		padding-bottom:0px;
		white-space:nowrap;
		/*######background-color:#ffff50;*/
		}
	.tournamentRound
		{
		border-collapse:collapse;
		float:left;
		/*width:100px;*/
		width:100%;
		height:100%;
		font-family:arial;
		/*######background-color:red;*/
		}
	.tournamentRound td
		{
		/*#######background-color:#efefef;*/
		padding:0px;
		/*border:1px solid #ffc5c5;*/
		vertical-align:middle;
		}
	.tournamentPlayer
		{
		border-width:1px;
		border-style:solid;
		margin-right:20px;
		margin-bottom:0px;
		margin-top:0px;
		font-size:8pt;
		padding-left:2px;
		padding-right:2px;
		overflow:hidden;
		min-width:80px;
		}
	.tournamentPlayerContainerRemaining .tournamentPlayer
		{
		margin-left:10px;
		}
	.tournamentPlayerContainerNew .tournamentPlayer
		{
		margin-left:0px;
		}		
	.tournamentPlayerContainerNew, .tournamentPlayerContainerRemaining
		{
		background-image:url("../images/tournamentLine1.gif");
		background-position:center right;
		margin:1px 0px;
		padding:0px;
		/*#######color:#000000; */
		}
	.unknown, .Unknown
		{
		filter: alpha(opacity=50);
		opacity:0.50;
		-moz-opacity: 0.50;		
		font-style:italic;
		}
	.tournamentPlayerContainerNew
		{
		background-repeat:no-repeat;
		margin-left:10px;
		}
	.tournamentPlayerContainerNew .tournamentPlayer
		{
		/*######background-color:#d4d4ff;*/
		/*######border-color:#9e9eff;*/
		}
	.tournamentPlayerContainerRemaining, .tournamentPlayerContainerWinner
		{
		background-repeat:repeat-x;
		}
	.tournamentPlayerContainerWinner .tournamentPlayer
		{
		margin-left:20px;
		margin-right:0px;
		border-width:1px;
		border-style:solid;
		font-size:1.0em;
		/*######border-color:#73A9DE;*/
		/*######background-color:#ffff00;*/
		}
	.tournamentPlayerContainerWinner
		{
		text-align:right;
		background-image:none;
		
		}
	td.tournamentFiltering, td.tournamentFilteringTop, td.tournamentFilteringBottom
		{
		padding:0px;
		min-width:5px;
		font-size:1px;
		}
	td.tournamentFiltering
		{
		/*#######background-color:#73A9DE;*/
		}
	td.tournamentFilteringTop, td.tournamentFilteringBottom
		{
		/*######background-color:#e1e1e1;*/
		background-repeat:no-repeat;
		}
	td.tournamentFilteringTop
		{
		background-image:url("../images/tournamentLineTop.gif");
		background-position:bottom center;
		}
	td.tournamentFilteringBottom
		{
		background-image:url("../images/tournamentLineBottom.gif");
		background-position:top center;
		}
	.tClear
		{
		clear:both;
		height:0;
		margin:0;
		visibility:hidden;
		}
	.tournamentLabel
		{	
		position:relative;
		border:1px solid black;
		}
	.roundLabel
		{
		/*######background-color:#ffffff;*/
		font-family:arial,sans-serif;
		text-transform:uppercase;
		text-align:center;
		/*color:transparent;*/
		height:30px;
		font-size:.7em;
		font-weight:bolder;
		overflow:hidden;
		padding:0px 5px;
		/*#######color:black;*/
		vertical-align:bottom;
		}
	.hfix
		{
		position:relative;
		height:1px;		
		}	

/* ------------------------------------------------------- */
/* Team Signups */
	/* 
	Overview-Team class applied to boxes on the event overview page.
	The specific team colour is applied as a compounded class.
	The template will use an alternate team colour div name for specific themes
	where theme-specific team icons are preferred. 
	*/
	.detailsTable table
		{
		font-size:0.9em;
		}
	.PaidTeams
		{
		float:left;
		}
	.YellowTeam-global
		{
		background-image:url("../../../images/teamIcon-yellow.gif");
		}			
	.RedTeam-global
		{
		background-image:url("../../../images/teamIcon-red.gif");
		}
	.BlueTeam-global
		{
		background-image:url("../../../images/teamIcon-blue.gif");
		}
	.GreenTeam-global
		{
		background-image:url("../../../images/teamIcon-green.gif");
		}
	.Admins-global
		{
		background-image:url("../../../images/teamIcon-admin.gif");
		}		
	.Paid, .unloved
		{
		background-image:url("../../../images/teamIcon-undecided.gif");
		}
	.unpaid
		{
		background-image:url("../../../images/teamIcon-unpaid.gif");
		}
	.Spectators
		{
		background-image:url("../../../images/teamIcon-spectators.gif");
		}		

	/* Overview-Team is styling applied to all team blocks on the event overview page. */
	/* 'Paid' is the block as on the overview.  'unloved' is the block on the floor plan */
	/* Unpaid is the block on the overview.  'unpaid' is the block on the floor plan.  */
	/* NOTE THE CASE! */
	.Overview-Team, .Paid, .Unpaid, .unpaid, .Spectators, .unloved
		{
		border-color:#0F0F0F;
		border-width:1px;
		border-style:solid;
		padding-bottom:5px;
		padding-top:0px;
		padding-right:5px;
		margin-bottom:10px;
		min-height:65px;
		}
	.Overview-Team, .Paid, .Spectators, .unloved, .unpaid
		{
		/* This places the team icon in the top left corner */
		background-repeat:no-repeat;
		background-position:1px 5px;   
		}
	.Overview-Team, .Paid, .Spectators
		{
		/* This sets the width of the boxes on the overview.   */
		/* The Unpaid list is not in this column of teams so is not set in size */
		padding-left:100px;
                width:150px;             
		}
	.Overview-Team h2, .Paid h2, .Spectators h2
		{
		display:none;
		}
	.ExtraData
		{
		margin-left:263px;
		}
	.ExtraData table
		{
		width:100%;
		margin-bottom:10px;
		}
	.ExtraData table td
		{
		padding:2px;
		}
		
/* ------------------------------------------------------- */
/* Crucial Advert Banner */		
	.crucialBanner
		{	
		/*width:100%;*/
		background-color:black;
		text-align:center;
		margin-left:190px;
		margin-right:139px;
	/*	position:fixed;
		bottom:0px;
		right:0px;
		z-index:900000000;
		border:1px solid red;*/
		}	
		
/* ------------------------------------------------------- */
/* At LAN page */
	.WeekendSchedule
		{
		width:23em;
		padding:0.5em;
		clear:both;
		float:left;
		position:relative;
		z-index:5;
		}

	/* Player updates / Shout box */
	.shoutBox
		{
		position:fixed;
		bottom:0;
		left:0;
		z-index:99;
		margin:0;
		padding:0;
		opacity:0.90;
		/* IE version of opacity */
		filter:alpha(opacity=90);
		width:auto;
		}
	
	.shoutBoxTop
		{
		height:14px;
		padding:0;
		margin:0;
		color:transparent;
		background-color:transparent;
		cursor:pointer;
		}
	
	#shoutBox-Content
		{
		width:14.5em;
		margin:0;
		padding:0.2em;
		overflow:auto;
		max-height:500px;
		}		

	.shoutBox p
		{
		font-size:0.85em;
		padding:0.2em 0.4em;
		margin:0;
		border-width:1px 0px;
		border-style:solid none;
		}
		
	.shoutBox input
		{
		width:85%;
		font-size:80%;
		margin:2px;
		}
	.shoutBox #newShout
		{
		cursor:text;
		}

	.deleteShout
		{
		background-image:url("../../../images/tinyDelete.gif");
		background-color:transparent;
		width:8px;
		height:8px;
		margin:3px;
		float:right;
		}

	/* If we want, colour the shouts based on Big Team */
	/* these are also used on Tournament Matches tabs on 1v1s, colouring player names */
	span.BlueTeam, span.GreenTeam, span.YellowTeam, span.RedTeam
		{
		display:block;
		}
	.shoutBox p.green, span.GreenTeam
		{
		background-color:#17592d;
		border-top-color:#1c8f4f;
		border-bottom-color:#003e1b;
		color:#99ff99;
		}
	.shoutBox p.red, span.RedTeam
		{
		background-color:#6c0800;
		border-top-color:#871e16;
		border-bottom-color:#490500;
		color:#ffd3a9;
		}
	.shoutBox p.blue, span.BlueTeam
		{
		background-color:#053452;
		border-top-color:#185881;
		border-bottom-color:#021e30;
		color:#bbd5e5;
		}
	.shoutBox p.yellow,  span.YellowTeam
		{
		background-color:#5a3d00;
		border-top-color:#7c5d1a;
		border-bottom-color:#3d2a00;
		color:#ffed59;
		}
	.shoutBox p.green, span.GreenTeam
		{
		background-color:#17592d;
		border-top-color:#1c8f4f;
		border-bottom-color:#003e1b;
		color:#99ff99;
		}
	.shoutBox p.red, span.RedTeam
		{
		background-color:#6c0800;
		border-top-color:#871e16;
		border-bottom-color:#490500;
		color:#ffd3a9;
		}
	.shoutBox p.blue, span.BlueTeam
		{
		background-color:#053452;
		border-top-color:#185881;
		border-bottom-color:#021e30;
		color:#bbd5e5;
		}
	.shoutBox p.yellow,  span.YellowTeam
		{
		background-color:#5a3d00;
		border-top-color:#7c5d1a;
		border-bottom-color:#3d2a00;
		color:#ffed59;
		}
	.shoutBox p.admins, span.admins
		{
		background-color:#f2efdb;
		border-top-color:#ffffff;
		border-bottom-color:#d4d0b6;
		color:black;
		}		
	
	/* Tournaments List */
	div.col1
		{
		clear:none;
		position:relative;
		margin-left:26em;
		}

	div.col1 a
		{
		white-space:nowrap;
		padding:2px;
		}

	.tournamentIcon-clan, .tournamentIcon-1v1, .tournamentIcon-Big
		{
		background-position:top left;
		background-repeat:no-repeat;
		margin:0px;
		padding:3px 3px 3px 40px;
		}		
	.tournamentIcon-clan
		{
		background-image:url("../../../images/hubIcon-clan.png");
		}
	.tournamentIcon-1v1
		{
		background-image:url("../../../images/hubIcon-1v1.png");
		}	
	.tournamentIcon-Big
		{
		background-image:url("../../../images/hubIcon-BigGame.png");
		}
	.hubMatch
		{
		text-align:center;
		}
		
	div.matchInfo, .serverInfo
		{
		float:left;
		padding:0.5em;
		margin:0px 5px 0px 5px;
		background-color: transparent;
		border:1px solid #440505;
		}
		
	/* Adjusting layout on matches info  */
	.matchInfo .adminPages ul
		{
		margin:3px;
		padding-left:2.5em;
		}	
	.matchInfo .adminPages li
		{
		list-style-image:none;
		}
	.matchInfo .adminPages span
		{
		white-space:nowrap;
		}		
		
	.overdue
		{
		background-image:url("../../../images/overdue.png");
		background-position:top right;
		background-repeat:no-repeat;
		font-style:italic;
		}
	/*Match results*/
	.matchResults
		{
		width:400px;
		margin-right:auto;
		margin-left:auto;
		}
		
/* ------------------------------------------------------------------------------------*/		
/* User Profile Pages*/		

	.edituserlist li
		{
		list-style-type:none;
		list-style-image:none;
		}
   /* Uploads List */
	.uploadlist dt
		{
		float:left;
		width:140px;
		overflow:hidden;
		padding:3px;
		}
	.uploadlist dt img
		{
		border-width:1px;
		border-style:solid;
		}
	.uploadlist dt a
		{
		display:block;
	/* Delete link image and margin sorted by theme */
		}
	.uploadlist .row
		{
		clear:both;
		}
	.uploadlist .row dd
		{
		margin-left:150px;
		padding:3px;
		border-left:1px solid black;
		}
	.uploadlist label
		{
		padding-bottom:2px;
		width:8em;
		display:block;
		float:left;
		margin-right:2px;
		}
	.uploadlist li
		{
		padding-bottom:2px;
		}
	.uploadlist input, .uploadlist textarea
		{
		width:70%;
		}
   /* Uploads List Done */

   /* Games List */
	#GamesList
		{
		width:300px;
		margin:auto;
		}
	#GamesList dt
		{
		width:auto;
		}
	/* Keeps all links on the Games List in one row */
	dd.gameslist
		{
		white-space:nowrap;
		line-height: 100%;
		width:auto;
		margin:0 1em;
		}
		
   /*Games list done */

	div.editUserOptions
		{
		float:left;
		width:15%;
		}
	div.editUserBody
		{
		float:left;
		width:80%;
		}
	ul.editUserMenu
		{
		list-style-type:none;	
		display:inline;
		}
	ul.editUserMenu li
		{
		display:block;
		width:15%;
		}
	ul.editUserMenu li a
		{

		}	
	.userProfileExplain
		{
		float:left;
		width:20%;
		}
	.userProfileDetails
		{
		float:left;
		width:70%;
		}		

	div.uploadList
		{
		width:60%;
		float:left;
		}
	div.uploadApplet
		{
		width:35%;
		float:left;
		}

a img#currentlanpic
	{
	border:0px;
	}
	
table.serverList
	{
	width:100%;
	}
	
div.orderedGamesList
	{
	background-color:#ff0000;
	width:40%;
	height:200px;
	float:left;
	}
.albumName
	{
	margin-left:5px;
	}
.TwitterFeed
	{
	z-index:999;
	width:250px;
	height:300px;
	position:absolute;
	right:0px;
	top:150px;
	}