/* Copyright 2007 (c) Tim Hull & Matthew Ainge */
	
	/* The sections in this css: */

	/* GENERIC CLASSES used throughout */
	/* STANDARD COLOURS */	
	/* STANDARD HTML markup */	
	/* BANNER CONFIGURATION */
	/* BANNER ADVERT */
	/* NAVIGATION BARS */
	/* SIDE FLOATY MENUS */
	/* IMAGE LINK STYLES FOR LEFTMENU AND MAIN ARTICLE SECTIONS */
	/* MAIN ARTICLE SECTION */
	/* ARTICLE DIVS */
	/* NEWS HEADINGS */
	/* GALLERY */
	/* SIBLING NAVIGATION */
	/* EVENTS DATA */
	/* FOOTERS */
	/* FORUM SPECIFIC */
	/* GOLEM NO NOT WOT DIS LOT DOES*/	
	/* EXPERIMENTAL */
	/* ADMIN PAGES STUFF */	
	/* ADMIN TABS */
	/* COUNTDOWN */
	/* FORUM SETTINGS */
	
/* ------------------------------------------------------- */	
/* GENERIC CLASSES used throughout */
	.nb
		{
		white-space: nowrap;
		}
	h3.admin
		{
		float:left;
		}
	hr
		{
		color:#9A9A8F;
		background-color:#9A9A8F;
		border:#9A9A8F;
		height:4px;
		width:50%;
		margin-top:20px;
		}

/* STANDARD COLOURS */
	/* TEXT COLOUR */
	body, .bannerad, .maintext, .adminTabs table, a.adminPages, #bigTeamSummary h1, #bigTeamSummary h2, .tournamentPlayer, .tournamentPlayerContainerNew .tournamentPlayer
		{
		color:black;
		}
		
	.navbarleft, .navbarright
		{
		display:none;
		}
			
	/* NAV BAR COLOURS */
	div#toplinks, div#breadcrumbs, div#topLinkContent, .tournamentPlayer, .scrollArrowLeft, .scrollArrowRight
		{
		border-color:#6FA6E1;
		background-color:#6FA6E1;
		background-image:none;
		}
	
	div#topLinkContent, div#breadcrumbs
		{
		background-image:url("../../../images/worksafe-banner.jpg");
		}
		
	/* BLOCK COLOUR 1 */
	.bannerad, .maintext h1, .maintext h2, .maintext h3, .maintext h4, .maintext h5, .maintext h6, 
	.maintext h7, div.newsHeader, div.navigation, div.upComingEvent, div.previousEvent, div.UserNameList,
	.tournamentPlayer, .ExtraData table td, .GreenTeam, .RedTeam, .BlueTeam, .YellowTeam, .Paid, .Unpaid, .Spectators,
	.seat-taken-yel, .seat-taken-blu, .seat-taken-red, .seat-taken-gre,
	.seat-taken-yel:hover, .seat-taken-blu:hover, .seat-taken-red:hover, .seat-taken-gre:hover
		{
		background-image:none;
		background-color:white;
		border-color:#999999;
		}
		
	/* BLOCK COLOUR 2 */
	div.newsHeader h3, div.article_info_left, #bigTeamSummary, .tournamentPlayerContainerNew .tournamentPlayer
		{
		background-color:#9DC2EB;
		background-image:none;
		}

	div.newsHeader img
		{
		display:none;
		border-color:#D4D4D4;
		}

	/* BLOCK COLOUR 3 */
	/* Borrowed from forabg */
	/* This is only slightly darker than BLOCK COLOUR 1 */
	.CommentUser, .CommentBody
		{		
		background-color:white;
		}
	.CommentUser
		{
		color:black;		
		}
		
	/* BLOCK COLOUR 4 (darker */
	.unloved, .floorplan, .FloorPlan, div.article_info_left a, div.siblingnavigation, div.gallery_image, 
	.detailsTable table, div.detailsTable div.label, div.adminTabPages, #UserDetails, #UserClans, #UserGames,
	.tournamentRound td, .tournament
		{
		background-color:white;
		border-color:#1D78D2;
		}
	
	/* Extra entry for the tournament filtering vertical lines */
	td.tournamentFiltering
		{
		background-color:#73A9DE;
		}		
		
/* STANDARD HTML markup */
	* html body
		{
		height:100%;
		}
	body
		{
		margin:0px;
		border:0px;
		padding:5px;
		background-color:white;
		font-family:verdana, arial, "sans serif";
		font-size:.8em;
		background-image:none;
		background-repeat:repeat-y;
		background-position:top left;
		}
	h1, h2, h3, h4, h5, h6, h7
		{
		margin-top:0px;
		margin-bottom:15px;
		}
	input, select
		{	
		font-size:0.8em;	
		}
	textarea
		{
		font-size:0.8em;
		}		
	ul
		{
		list-style-type:square;
		list-style-image:none;
		}
	input, select, textarea
		{
		border-style:solid;
		border-width:1px;
		border-color:#7F9DB9;
		background-color:#eeeeee;
		background-image:none;
		background-repeat:repeat-x;
		background-position:top left;
		font-family:verdana, arial, "sans serif";
		font-weight:normal;
		color:black;
		padding:2px;
		}		
	input:hover, select:hover, textarea:hover
		{
		background-color:#eeeeee;
		border-color:#7F9DB9;
		}
	input:active, select:active, textarea:active
		{
		background-color:#eeeeee;
		border-color:#7F9DB9;
		background-image:none;
		}		
/* ------------------------------------------------------------------------------------*/
/* BANNER CONFIGURATION */

	/* Hidden stuff */
	
	#switch, div#switchdisplay, div#title, div#banner, img#bannerleft, 
	img#bannerllama, img#bannerllama2, img#currentlanpic, .bannerad
		{
		display:none;
		position:absolute;
		top:0px;
		left:0px;
		}
	
	/* Llama Shadow Butt */	
	img#bannerright
		{
		width:2px;
		height:2px;
		position:absolute;
		top:5px;
		right:5px;
		z-index:4;
		padding:0px;
		margin:0px;
		border:3px solid #73A9DE;
		}


			

/* ------------------------------------------------------------------------------------*/
/* BANNER ADVERT */
/* hidden, see Banner config*/

/* ------------------------------------------------------------------------------------*/
/* NAVIGATION BARS */
	/* The toplinks division contains the main section link division, not the links themselves */
	div#toplinks
		{
		padding:0px;
		border-width:1px;
		border-style:solid;
		margin:0px 49px 2px 67px;
		position:relative;
		overflow:hidden;
		}
	/* The div inside the toplinks division holds links to each main section */		
	#topLinkContent
		{
		z-index:5;
		position:relative;
		letter-spacing:0px;
		text-transform:none;
		font-weight:500;
		font-family:verdana, arial, "sans serif";
		vertical-align:baseline;
		font-size:1.2em;
		padding:5px 5px 5px 50px;
		margin:0px;
		border:0px;
		}
	#topLinkContent a
		{
		margin-right:10px;
		text-decoration:none;
		color:#ffffff;
		}
	#topLinkContent a:hover
		{
		text-decoration:underline;
		color:#ffffff;
		}
	#topLinkContent a:active
		{
		text-decoration:underline;
		color:#ffffff;
		background-color:transparent;
		}
		
	/* The breadcrumbs division holds the breadcrumbscontent division*/
	div#breadcrumbs
		{
		border-style:solid;
		border-width:0px 1px 1px 1px;
		background-position:0px -32px;
		background-repeat:repeat-x;
		margin:0px 49px 2px 67px;
		padding:1px 0px 0px 0px;
		color:#ffffff;
		position:relative;
		overflow:hidden;
		}
	#breadcrumbs a
		{
		color:#ffffff;
		text-decoration:none;
		}
	#breadcrumbs a:hover
		{
		color:#ffffff;
		text-decoration:underline;
		}
	#breadcrumbs a:active
		{
		background-color:transparent;
		}
	
	/* breadcrumbsContent holds the text and links, spacing them properly from the edge of the backdrop */
	div#breadcrumbsContent
		{
		padding:0px 2px 0px 50px;
		}		

/* ------------------------------------------------------------------------------------*/
/* SIDE FLOATY MENUS */
	/* The leftmenu class floats all the menu windows off to the left of the main articles */
	div.leftmenu
		{
		margin:1px 3px 3px 0px;
		position:absolute;
		top:0px;
		left:67px;
		}
		
	/* Nasty IE ignore overflow:auto if the same element hasn't got a fixed width, regardless */
	/* of its parent's attributes.  So, fix the width of both menu containers and window1s here */
	/* window1 is 2px less than the containing left/rightmenu */
	
	div.leftmenu
		{
		width:180px;
		border-right:1px solid #999999;
		background-color:#F1F1F1;
		}
	div.leftmenu .window1
		{
		width:178px;
		}
	div.rightmenu
		{
		width:130px;
		border-left:1px solid #999999;
		background-color:#F1F1F1;
		}
	div.rightmenu .window1
		{
		width:128px;
		}
		
	div.leftmenu .windowcontent .window1 .window1text h5
		{
		padding:2px;
		}
	div.leftmenu .windowcontent .window1 .window1text h6
		{
		margin:5px;
		}
	div.rightmenu .windowcontent .window1 .window1text h5
		{
		padding:2px;
		}
	div.rightmenu .windowcontent .window1 .window1text h6
		{
		margin:5px;
		}		
	div.rightmenu
		{
		margin:1px 0px 3px 3px;
		position:absolute;
		top:0px;
		right:49px;
		}
	h6.data img, h6.data a img
		{
		border:none;
		max-width:90%;
		width:expression(this.width<95 ? "auto" : "95px");
		/* IE ONLY.  This reduces images to a set width if it is longer.  */
		/* NOTE: if the condition is <=, IE will take up 100% CPU and crash. */
		/*       this is cos it loops.  It would set the width to the max and that would meet the */
		/* 	   requirements to set its width to 'auto'. */
		}
		
	/* DAMN FREAKIN BLEEDIN INTERNET EXCRUCIATING EGG-SPLAT-WORTHY PIECE OF..!!!!! */
	* html div.rightmenu
		{
		right:54px;
		}

	/* Windowcontent holds each window and each window's neon tube */
	div.windowcontent
		{
		position:relative;
		z-index:0;
		margin:0px 0px 5px 0px;
		background-image:none;
		}
	/* The window1light class sorts out the neon tube positioning inside each windowcontent division */
	.window1light
		{
		display:none;
		position: absolute;
		top: 0px;
		left: -20px;
		z-index: 15;
		}
	/* The Window1 class styles each box in the leftmenu */
	div.window1
		{
		background-image:none;
		background-color:transparent;
		border-style:solid;
		border-width:0px 0px 1px 0px;
		border-color:#999999;
		overflow:auto;
		}
	/* Hovering over each box changes the background and lightens the border slightly */
	div.window1:hover
		{
		background-image:none;
		background-color:transparent;
		border-color:#999999;
		}
	div.windowcontent:hover, div.window1text:hover
		{
		background-image:none;
		}
	/* Window1text contains all content for each window. */		
	/* H5 is used as each box title */
	.window1text h5
		{
		font-family:verdana, arial, "sans serif";
		letter-spacing:0em;
		text-transform:none;
		font-size:0.9em;
		color:#000000;
		text-align:left;
		background-color:#9A9A8F;
		background-image:none;
		background-position:top left;
		background-repeat:no-repeat;
		border-width:0px;
		margin:0px 0px 0px 0px;
		}
	/* H6 is used as links etc inside each window on the leftmenu */
	.window1text h6
		{
		font-family:verdana, arial, "sans serif";
		font-size:7pt;
		color:black;
		font-weight:100;
		text-align:left;
		padding:1px;
		}
	/* leftmenu window anchors formatting */
	.windowcontent a
		{
		font-weight:900;
		color:black;
		padding:2px;
		border:1px solid #F1F1F1;
		margin:-3px 0px -5px 0px;
		display:block;
		width:100%;
		}
	.windowcontent a:hover
		{
		color:black;
		background-color:#CCCCCC;
		border:1px solid #999999;
		}
	.windowcontent a:active
		{
		background-color:#999999;
		}
	.moduleLightL, .moduleLightR
		{
		display:none;
		height:1px;
		z-index:0;
		filter: alpha(opacity=0);
		opacity:0;
		-moz-opacity: 0;		
		}
		
/* ------------------------------------------------------------------------------------*/
/* IMAGE LINK STYLES FOR LEFTMENU AND MAIN ARTICLE SECTIONS */
	/* Image links inside the articles and the windows on the left side will use transparency effects */
	/* The transparency effects will only be applied to images inside anchor tags */
	#maintext a:link img, .window1 a:link img
		{
		filter: alpha(opacity=80);
		opacity:0.8;
		-moz-opacity: 0.8;
		border:0px;
		}
	#maintext a:visited img, .window1 a:visited img
		{
		filter: alpha(opacity=65);
		opacity:0.65;
		-moz-opacity: 0.65;
		border:0px;
		}	
	#maintext a:hover img, .window1 a:hover img
		{
		filter: alpha(opacity=90);
		opacity:.9;
		-moz-opacity: .9;
		border:0px;
		}
	#maintext a:active img, .window1 a:active img
		{
		filter: alpha(opacity=100);
		opacity:1.0;
		-moz-opacity: 1.0;
		border:0px;
		}


/* ------------------------------------------------------------------------------------*/
/* MAIN ARTICLE SECTION */
	
	/* The main division sits immediately beneath the breadcrumbs division */
	div#main
		{
		position:relative;
		}

	/* Hides from IE-mac \*/
	* html .maintext 
		{
		/* Stops the admin user boxes flying off the right-hand side */
		/* http://www.positioniseverything.net/explorer/escape-floats.html */		
		height: 1%; 
		}
	/* End hide from IE-mac */
	
	/* The maintext class of division is for the articles, galleries, homepage content, etc. */
	/* Headings configuration h1 - h7 */
	.maintext h1, .maintext h2, .maintext h3, .maintext h4, .maintext h5, .maintext h6, .maintext h7
		{
		padding:3px;
		letter-spacing:0em;
		text-transform:none;
		font-family:verdana, arial, "sans-serif";
		border-width:1px;
		border-style:solid;
		}
	.maintext h1
		{
		font-size:2em;
		}
	.maintext h2
		{
		font-size:1.5em;
		}
	.maintext h3
		{
		font-size:1.2em;
		}
	.maintext h4
		{
		font-size:1em;
		}
	.maintext h5
		{
		font-size:.8em;
		}
	.maintext h6
		{
		font-size:.6em;
		}
	/* maintext contains the 'article' division, providing the backdrop and spacing */
	div.maintext
		{
		font-family:verdana, arial, "sans serif";
		background-color:white;
		margin:0px 192px 15px 260px;
		padding:7px 14px;
		border-width:0px;
		border-style:none;
		position:relative;
		background-image:url("../../../images/worksafe-bg.gif");
		background-position:bottom right;
		background-repeat:no-repeat;		
		z-index:1;
		}
	div.maintext img
		{
		max-width:100%;
		width:expression(this.width<525 ? "auto" : "525px");
		/* IE ONLY.  This reduces images to a set width if it is longer.  */
		/* NOTE: if the condition is <=, IE will take up 100% CPU and crash. */
		/*       this is cos it loops.  It would set the width to the max and that would meet the */
		/* 	   requirements to set its width to 'auto'. */
    		}
    	td.bodyline img
    		{
    		max-width:none;
    		}    	
	div.maintext p
		{
		font-size:8pt;
		font-family:verdana, arial, "sans serif";
		}		
	/* Mostly, the styling of forms inside .maintext is to workaround a prob in IE where */
	/* floating elements disappear behind container divisions ('relative' position helps this)*/
	div.maintext form
		{
		position:relative;
		z-index:5;
		margin:0px;
		}	
	/* Maintext class anchor formatting */
	.maintext a:link, a:link
		{
		font-weight:100;
		color:#0033CC;
		}
	.maintext a:visited, a:visited
		{
		font-weight:100;
		color:#0033CC;
		}
	.maintext a:hover, a:hover
		{
		color:#FF6600;
		}
	.maintext a:active, a:active
		{
		background-color:transparent;
		}	
	.maintext div h3
		{
		margin:0px 0px;
		}
	
	
/* ------------------------------------------------------------------------------------*/
/* ARTICLE DIVS */
	/* ArticleText class contains each entire article.  */
	/* This could be the whole of the homepage contents or each entire news item */
	div.article
		{
		position:relative;
		/*... same as before.  IE does funny things to positioned or floated divs unless the */
		/* container has a position of relative. */
		}
	div.ArticleText
		{
		position:relative;
		/*... same as before.  IE does funny things to positioned or floated divs unless the */
		/* container has a position of relative. */
		
		text-align:justify;
		}
	div.ArticleText p
		{
		margin-top:0px;
		margin-bottom:0px;
		}
	/* HTML headings carry their own intrinsic formatting.  This is overridden.  */
	div.ArticleText h1,h2,h3
		{
		margin-bottom:2px;
		}
	

/* ------------------------------------------------------------------------------------*/
/* NEWS HEADINGS */
	/* Each news item is headed up with an icon and name of the speaker, the subject, and the date*/
	/* newsHeader class contains all of the above for each news item. */
	div.newsHeader 
		{
		background-color:#DFE6ED;
		padding:0px;
		border:0px;
		margin:0px 0px 10px 0px;
		letter-spacing:0em;
		font-family:verdana, arial, "sans serif";
		}
	/* H3 is applied to the news subject */
	div.newsHeader h3
		{
		border:none;
		padding:px;
		margin:0px 0px 5px 0px;
		}
div.newsHeader p
{
padding:0px 5px 5px 5px;
}
	/* The icon is floated to the left of the rest of the news item heading data */
	/* with a cool border thing going on */
	div.newsHeader img
		{
		float:left;
		position:relative;
		z-index:500;
		margin:0px 10px 0px 0px;
		border-width:5px;
		border-style:solid;
		/* Images should be uniform size - force it! */
		width:50px;
		height:50px;
		}

/* ------------------------------------------------------------------------------------*/
/* GALLERY */

	/* Hides from IE-mac \*/
	* html .gallery 
		{
		/* Stops the thumbs flying off the right-hand side */
		/* http://www.positioniseverything.net/explorer/escape-floats.html */		
		height: 1%; 
		}
	/* End hide from IE-mac */

	/* Contains the gallery thumbnails beneath the main heading and page navigation */
	.gallery
		{
		position:relative; 
		/* position:relative is used because I noticed that IE	*/
		/* had a habit of overlaying the gallery div up against	*/
		/* the left side of the window, popping it into the right*/
		/* place when the mouse moved over its contents.			*/
		/* The gallery would flick in and out of existance if the*/
		/* window height was adjusted also.  */
		/* Weird thing. -Matt */
		margin-top:10px;	
		}
	/* gallery_item classes hold the thumbnails and image title on gallery lists */
	div.gallery_item
		{
		float:left;
		/* position:relative;*/
		z-index:100;
		height:130px;
		margin-bottom:5px;
		margin-right:5px;	
		}
	/* Paragraphs are used in gallery_item classes for each thumbnail's title */
	/* They are also slightly transparent */
	div.gallery_item p
		{	
		z-index:105;
		position:relative;
		padding:4px;
		border:1px solid #B2B4BF;
		margin-top:-20px;
		margin-left:28px;
		font-family:verdana, arial, "sans-serif";
		font-size:7pt;
		text-align:center;
		width:100px;
		overflow:hidden;
		background-color:#ffffff;
		filter: alpha(opacity=90);
		opacity:.9;
		-moz-opacity: .9;	
		}
	div.gallery_item a
		{
		text-decoration:none;
		}
	div.gallery_item a:active
		{
		background-color:transparent;
		}	
	/* gallery_image classes hold the enlarged gallery images, generating scrollbars for wide images */
	div.gallery_image
		{
		margin:2px; 
		padding:6px;
		text-align:center;
		border-width:1px;
		border-style:none;
		overflow:auto;
		width:97%;
		/* That last one is a hack for... you guessed it, IE.  */
		/* Otherwise it won't render the overflow proper because */
		/* we don't set an exact width on the gallery image */		
		}
	/* gallery_thumb classes hold the thumbnails (which act as anchors) in gallery listings */
	div.gallery_thumb
		{
		margin:2px; 
		padding:6px;
		width:120px; 
		height:86px;
		background-color:#F1F1F1;
		text-align:center;
		border-width:1px;
		border-style:solid;
		border-color:#999999;
		overflow:hidden;
		position:relative;
		}
	div.gallery_thumb img
		{
		max-width:108px;
		width:auto;	
		width:expression(this.width<108 ? "auto" : "108px");
		/* IE ONLY.  This reduces images to a set width if it is longer.  */
		/* NOTE: if the condition is <=, IE will take up 100% CPU and crash. */
		/*       this is cos it loops.  It would set the width to the max and that would meet the */
		/* 	   requirements to set its width to 'auto'. */
		}

	/* Standard styles on llamalan place red behind a tags when clicked. */
	/* This is disabled in the gallery. */
	div.gallery_thumb img:active
		{
		background-color:transparent;
		}
	div.subarticles
		{
		float:left;
		position:relative;
		z-index:100;
		padding:0px 2px 20px 2px;
		margin-right:8px;
		border-style:none;
		}
	div.ll_video
		{
		margin:2px; 
		padding:6px;
		background-color:#55A0E5;
		text-align:center;
		border:1px solid #006894;
		overflow:auto;	
		}

		
		
/* ------------------------------------------------------------------------------------*/
/* SIBLING NAVIGATION */
/* e.g. gallery images, staff entries - essentially to easily move from a subarticle to */
/* others with the same parent */
	/* At the top of some articles, like galleries and gallery images, we have some navigation */
	/* article_info_left may have links to each page in the gallery */
	div.article_info_left
		{
		display:block;
		position:relative;
		margin:8px 5px 0px 5px;
		padding:3px;
		}
	div.article_info_left a
		{
		text-decoration:none;
		padding:2px;
		border-width:1px;
		border-style:solid;
		}
	/* article_info_right may display the current page of the gallery */
	div.article_info_right
		{
		position:relative;
		float:right;
		margin:30px 5px 0px 15px;
		}
	/* The navigation class holds all these links */
	div.navigation
		{
		display:block;
		margin:8px 0px 0px 0px;
		padding:3px;
		position:relative;
		clear:both;
		font-size:8pt;
		font-family:verdana, arial, "sans serif";
		}
	/* There now follows a way to make the backdrop to the navigation display properly */
	.navigation:after 
		{
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}				
	/* Hides from IE-mac \*/
	/* IE hack to do the same as above - cos it doesn't recognise :after pseudo-class */
	* html .navigation {height: 1%;}
	/* End hide from IE-mac */		

	/* For the link to the first sub-article - position:relative so IE doesn't turn link invisible */
	div.navigation a.navigation_first
		{
		position:relative;
		z-index:999;
		float:left;
		margin-top:8px;
		margin-left:5px;
		margin-right:5px;
		}
	/* For the link to the previous sub-article - position:relative so IE doesn't turn link invisible */
	div.navigation a.navigation_previous
		{
		position:relative;
		z-index:999;
		float:left;
		margin-top:8px;
		margin-left:5px;
		margin-right:5px;
		}
	/* For the link to the next sub-article - position:relative so IE doesn't turn link invisible */
	div.navigation a.navigation_next
		{
		position:relative;
		z-index:999;
		float:right;
		margin-left:5px;
		margin-right:5px;
		margin-top:8px;
		}
	/* For the link to the last sub-article (spotted a pattern yet?) */
	div.navigation a.navigation_last
		{
		position:relative;
		z-index:999;
		float:right;
		margin-left:5px;
		margin-right:5px;
		margin-top:8px;
		}
	/* A handy feature, lists subarticles on the same 'page' of the parent */
	div.siblingnavigation
		{
		text-align:justify;
		line-height:1.5em;
		clear:both;
		font-size:7pt;
		font-family:verdana, arial, "sans-serif";
		padding:5px;
		border-width:1px;
		border-style:solid;
		margin:0px 0px 5px 0px;
		}
	/* Each subarticle in the siblingnavigation div is a link, except for the current one */
	div.siblingnavigation a, div.siblingnavigation span
		{
		margin-right:0px;
		white-space:nowrap;
		}
	div.siblingnavigation a
		{
		padding:0px 5px;
		}
	div.siblingnavigation a:link
		{
		color:#6085CF;
		}
	div.siblingnavigation a:visited
		{
		color:#6085CF;
		}
	div.siblingnavigation a:hover
		{
		color:#FF6600;
		}
	/* The current subarticle in the siblingnavigation div is highlighted in white, and unclickable */
	.navigationLinks span
		{
		color:black;
		border-width:1px;
		border-style:solid;
		padding:0px 5px;
		}
		
	
	
/* ------------------------------------------------------------------------------------*/
/* EVENTS DATA */
	/* Spectators are just yellow llamas, they are */
	li.spectator
		{
		list-style-image:url("../images/bullet_spec.gif");
		}
	/* The eventList class holds both the upcoming events div and the past events div */
	div.eventList
		{
		position:relative;
		/* Again, position:relative has been used because backgrounds and stuff go mental in IE */
		/* if used on divs that are positioned or have floats */

		/* Sheesh */		
		text-align:center;
		}
	div.eventList p
		{
		margin-top:3px;
		margin-bottom:25px;
		}
	/* Contains the banner for the upcoming event along with some key data and link to details */
	div.upComingEvent
		{
		text-align:center;
		border-width:1px;
		border-style:solid;
		padding:3px;
		margin:3px;
		overflow:hidden;
		}
	/* Contains the banners for the previous events */
	div.previousEvent
		{
		border-width:1px;
		border-style:solid;
		padding:3px;
		margin:3px;
		overflow:hidden;
		}
	/* The detailstable class holds all data when an event is selected, including */
	/* the banner, the summary of the user's participation (or lack of), and all */
	/* details */
	div.detailsTable h2
		{
		display:none;
		}
	/* The label hangs on the left all nicely lined up */
	div.detailsTable div.label
		{
		letter-spacing:0em;
		text-transform:none;
		font-weight:bold;
		border-width:1px;
		border-style:none;	
		float:left;
		width:200px;
		text-align:right;
		margin-right:10px;
		}
	div.detailsTable p
		{
		clear:both;
		margin:0px 0px 5px 0px;
		vertical-align:middle;
		text-align:right;
		}
	div.detailsTable a
		{
		margin-right:25px;
		}
	div.detailsTable div#eventLinks
		{
		text-align:center;
		margin-bottom:10px;
		}

	div#eventLinks p
		{
		text-align:center;
		margin-top:0px;
		}
		
 	div#eventLinks ul li
 		{
 		text-align:justify;
 		}

	div.siblingListItem
		{
		background-color:#6B0C00;
		color:#FFCDBA;
		border:1px solid #8F1100;
		float:left;
		padding:2px;
		width:20%;
		overflow:hidden;
		white-space: nowrap;
		height:20px;
		}
	/* The Events Super-Button */
	
	#eventLinks h4
		{
	/*	height:61px;
		border:0px;
		background-color:transparent;*/
		text-align:center;
		font-family:arial, helvetica, "sans-serif";
		letter-spacing:0px;
		}
	div#eventLinks .superButton
		{
		text-align:center;
		background-image: url("../images/event-actionbutton-m.gif");
		font-family:arial, helvetica, "sans-serif";
		font-size:1.5em;
		height:61px;
		background-position:top center;
		background-repeat:repeat-x; 
		margin:2px 5px;
		padding:0px;
		width:450px;
		}
	#eventLinks .superButtonL
		{
		float:left;
		position:relative;
		width:61px;
		height:61px;
		background-image: url("../images/event-actionbutton-l.gif");
		background-position:top center;
		background-repeat:repeat-x; 
		}
	#eventLinks .superButtonR
		{
		float:right;
		position:relative;
		width:61px;
		height:61px;
		background-image: url("../images/event-actionbutton-r.gif");
		background-position:top center;
		background-repeat:repeat-x; 		
		}
	#eventLinks #payUpIncentive
		{		
		font-size:1.5em;
		}
	#eventLinks form, .window1text form
		{		
		padding:0px;
		margin:0px;
		}		
	.window1text .superButtonR, .window1text .superButtonL, .window1text #payUpIncentive
		{
		display:none;
		}
	div#eventLinks .superButton a
		{	
	/*	color:#FFCC00;*/
		text-decoration:none;
		font-weight:300;
		display:block;
		overflow:hidden;
		padding:25px 0px 0px 0px;
		}
	div#eventLinks .superButton a:hover
		{	
	/*	color:#FFFF33; */
		text-decoration:none;
		display:block;
		}	
	div#eventLinks .superButton a:active
		{	
		background-color:transparent;
		}			
/* ------------------------------------------------------------------------------------*/
/* FOOTERS */

	
	/* Placed right at the end of the page's contents; disclaimers and a llamalan icon silhouette */
	div.site_footer
		{
		padding-top:30px;
		color:black;
		clear:both;
		background-color:transparent;
		margin-left:252px;
		margin-right:202px;
		text-align:center;
		font-size:8pt;
		}
	div.site_footer a
		{
		text-decoration:none;
		color:#cc0900;
		}
	div.site_footer img
		{
		display:none;
		}
		
	/* Placed after articles, helpful to expand the gallery backdrop */
	/* Contains author name and other links for admins */
	div.articlefoot
		{
		color:black;
		font-variant:normal;
		clear:both;
		padding-top:30px;
		padding-bottom:15px;
		font-size:8pt;	
		font-style:normal;
		font-weight:normal;
		font-family:verdana, arial, "sans serif";
		position:relative;
		z-index:5;	
		}
		
/* ------------------------------------------------------------------------------------*/
/* FORUM SPECIFIC */
	/* .liteoption and .mainoption Added for forum button effects */
	input.button, .liteoption, .mainoption
		{
		}
	input.button:active, .liteoption:active, .mainoption:active
		{
		}


/* ------------------------------------------------------------------------------------*/
/* ADMIN PAGES STUFF */
		
	/* The adminPages table class is used to organise links on screen throughout the admin panels */
	.adminPages
		{
		font-size:8pt;
		}

	div.UserFilter
		{
		margin-bottom:5px;
		padding:1px 1px 1px 1px;
		font-size:12px;
		}
	/* UserNameList class holds the floating divs containing user names, links to their details */
	div.UserNameList
		{
		text-align:center;
		position:relative;
		float:left;
		font-size:7pt;
		border-style:none;
		margin:2px;
		}
	div.UserNameList a
		{		
		display:block;
		height:2.5em;
		width:10em;
		padding:5px;
		}
	div.articleAdminContainer
		{
		border-color:A81600;
		border-width:1px;
		border-style:solid;
		padding:1px;
		margin:5px;
		clear:both;
		}
	div.articleadmintitle
		{
		float:left;
		width:30%;
		padding:1px 1px 1px 1px;
		}	
	div.articleadmindata
		{
		float:left;
		width:60%;
		padding:1px 1px 1px 1px;
		}
	div.articleadmin
		{
		overflow:auto;
		padding:1px 1px 1px 1px;
		border-width:1px 1px 1px 1px;
		border-style:solid;
		border-color:#ffffff;
		}		

	/* Appears when users make mistakes and need a warning! */
	div.message
		{
		text-align:center;
		background-color:#F1F1F1;
		border-style:solid;
		border-width:1px 1px 1px 1px;
		border-color:#F1F1F1;
		}
	div.Errormessage
		{
		text-align:center;
		background-color:#F1F1F1;
		border-style:solid;
		border-width:1px 1px 1px 1px;
		border-color:#ff0000;
		}

	/* ADMIN TABS */
	.adminTabs
		{
		padding:0px 15px;
		}
	.adminTabs table
		{
		background-color:white;
		border-spacing:0px;
		border-collapse:collapse;
		border:0px;
		padding:0px;
		margin:0px;
		}

	.adminTabs .tabSeparateL, .currenttabSeparateL
		{
		width:3px;
		background-image:none;
		background-repeat:no-repeat;
		background-position:top right;
		padding:0px;
		border:0px;
		margin:0px;
		}

	.adminTabs .tabSeparateR, .currenttabSeparateR
		{
		width:3px;
		background-image:none;
		background-repeat:no-repeat;
		background-position:top left;
		padding:0px;
		border:0px;
		margin:0px;		
		}

	.adminTabs .adminPages th
		{
		padding:0px;
		border:0px;
		margin:0px;
		height:1px;
		background-image:none;
		background-color:#5C8AB8;
		background-position:top left;	
		font-size:10pt;
		font-family:verdana, arial, "sans serif";
		}

	.adminTabs a
		{
		display:block;
		height:auto;
		overflow:hidden;
		}	
	.adminTabs .adminPages th a:visited, .adminTabs .adminPages th a:link
		{
		color:#ffffff;
		background-color:transparent;
		}	
	.adminTabs .adminPages th a:hover
		{
		color:#ffffff;
		}
	.adminTabs .adminPages th a:active
		{
		color:#ffffff;
		background-color:transparent;
		}
	.currenttabSeparateL, .currenttabSeparateR
		{
		background-position:0px -26px;
		}
	.adminTabs .adminPages th.currenttab
		{
		background-position:0px -27px;
		background-color:#73A9DE;
		}
	.adminTabs .adminPages th.currenttab a
		{
		color:white;
		}
		
	.adminPages td.row1, .adminPages td.row2 
		{
		text-align:left;
		padding-left:5px;
		}
	
	div.adminTabPages, #UserDetails, #UserClans, #UserGames
		{
		border-width:1px;
		border-style:solid;
		background-color:#73A9DE;
		}

	/* Formatting cells in the tournament details when looking at the list under Clan Details */		
	span.TournamentName
		{
		font-weight:900;
		}

	span.TournamentDesc
		{
		font-size:0.9em;
		font-style:oblique;
		color:#000000;
		}		
	/* The helpful line describes the buttons used to plop BB tags in Articles */
	.helpline 
		{ 
		background-color:white; 
		border-style: none; 
		background-image:none;
		color:#888888;
		}
/* ------------------------------------------------------------------------------------*/
/* GOLEM NO NOT WOT DIS LOT DOES*/	

	div.GroupListContainer
		{
		float:left;
		width:30%;
		height:146px;	
		border:1px;
		border-style:solid;
		border-color:#A81600;
		padding:3px;
		}
	div.userListContainer
		{
		float:left;
		width:30%;
		height:196px;	
		border:1px;
		border-style:solid;
		border-color:#A81600;
		padding:3px;
		}
	div.userList
		{
		float:left;
		width:100%;
		overflow:auto;
		height:180;
		}
	div.groupList
		{
		float:left;
		width:100%;
		overflow:auto;
		height:120;
		}

	div.mailDetails
		{
		float:left;
		overflow:auto;
		width:65%;
		height:350px;
		border:1px;
		border-style:solid;
		border-color:#A81600;
		padding:3px;

		}
	div.mailList
		{
		border:1px;
		border-style:solid;
		border-color:#A81600;
		margin:2px 0px 2px 0px;
		}
	div.filelistitem
		{
		float:left;
		border:1px;
		border-style:solid;
		border-color:#A81600;
		margin:2px;
		padding:1px;
		}
	div.filelistitem p
		{
		font-weight:bold;
		font-size:1em;
		}
	div.filelistitem a
		{
		text-align:center;
		}

	div.EventImage
		{
		padding:5px;
		float:left;
		}
	div.EventDetails
		{
		padding:5px;
		float:left;
		}

/* ADMIN SECTION IMPORTED FROM ADMIN.CSS */
/* Main table cell colours and backgrounds */

td.row1
	{
	/* row1 is First Column/First in list and subsequent odd numbered entries/posts */
	background-color:white;	
	}
td.row2
	{
	/* row2 is Topics/Posts/Last Post columns - also 2nd col/2nd entry in lists and subsequent odd numbered entries/posts */
	background-color:#ebebeb;
	}
td.row3
	{
	/* Seems to only be used on the Author column */
	background-color:#cccccc;
	}
	
td.row1 p, td.row2 p
	{
	margin-top:1px;
	margin-bottom:1px;
	padding-top:0px;
	padding-bottom:0px;
	}
	
div.AdminOverflow
	{
	overflow:auto;
	}
div.AdminContent
	{
	font-family:verdana, arial, "sans serif";
	background-color:#9A9A8F;
	margin:0px 49px 15px 250px;
	color:#FFCDBA;
	padding:7px;
	border:1px solid #4B6F41;
	text-align:center;
	position:relative;
	background-image:none;
	background-position:bottom right;
	background-repeat:no-repeat;
	}
	
div.AdminContent h2
	{
	margin-top:0px;
	margin-bottom:0px;
	}

div.FormButtons
	{
	position:absolute;
	top:4px;
	right:4px;
	/* margin-top:7px; */
	margin-right:7px;
	}
	
div.FormButtons input
	{
	border:none;
	background-color:transparent;
	}
	
div.articleListItem
	{
	float:left;
	margin:3px;
	}
	
	
.adminPages
	{
	width:100%;
	text-align:center;
	}

th /*copy of window1 h5 */
	{
	font-family:verdana, arial, "sans serif";
	letter-spacing:-0.05em;
	text-transform:none;
	text-align:left;
	font-size:8pt;
	color:black;
	background-color:white;
	background-image:none;
	background-position:top right;
	background-repeat:no-repeat;
	border-style:solid;
	border-color:#E6E6E6;
	border-width:1px 0px 0px 0px;
	padding:15px 3px 3px 0px;
	margin:4px;
	}	

.adminPages H3
	{
	text-align:left;
	background-color:white;
	color:#000000;
	border:1px;
	margin:0px;
	}

.adminPages th a, .adminPages th a:link, .adminPages th a:visited
	{
	color:#000000;
	text-decoration:none;
	}

.adminPages th a:hover,	.adminPages th a:active
	{
	color:#000000;
	text-decoration:underline;
	}

.adminPages th a:active
	{
	background-color:white;
	}	
	
.adminPages tr.Adminrow1
	{
	background-color:#f3f3f3;
	}
	
.adminPages tr.Adminrow2
	{
	background-color:#e2e2e2;
	}

td.data
	{
	text-align:left;
	}

td.title
	{
	text-align:left;
	vertical-align:top;
	}

/* Tournament data */
.MatchTableLeft
	{
	float:left;
	padding:4px;
	margin-top:0px;
	margin-right:5px;
	padding-bottom:15px;
	width:200px;	
	}
.MatchTableRight
	{
	margin-left:213px;
	height:100%;
	}
	
.MatchTableLeft span
	{
	display:block;
	}
.MatchTableLeft span input, .MatchTableLeft span select
	{
	width:90%;
	}
.MatchTableLeft, .MatchTableRight
	{
	background-color:#e3e3e3;
	}

table.MatchDetails
	{
	width:100%;
	font-size:1em;
	}
table.MatchDetails td.row1
	{
	width:50%;
	}	
table.MatchDetails td.row1 input
	{
	width:100%;
	}
table#NewMatch
	{
	width:100%;
	font-size:1em;
	}

/* ------------------------------------------------------------------------------------*/
/* COUNTDOWN */
	
#countdown
	{
	display:none;
	}


/* ------------------------------------------------------- */
/* TEAM SIGNUPS */

.RedTeam, td.RedTeam_logo
	{
	background-image:url("../../../images/worksafe-red.gif");
	}
.BlueTeam, td.BlueTeam_logo
	{
	background-image:url("../../../images/worksafe-blue.gif");
	}
.YellowTeam, td.YellowTeam_logo
	{
	background-image:url("../../../images/worksafe-yellow.gif");
	}
.GreenTeam, td.GreenTeam_logo
	{
	background-image:url("../../../images/worksafe-green.gif");
	}
.Paid
	{
	background-image:url("../../../images/worksafe-undecided.gif");
	}
.Spectators
	{
	background-image:url("../../../images/worksafe-spectators.gif");
	}



/* ------------------------------------------------------------------------------------*/
/* FORUM SETTINGS */
#wrap, #wrap *, #page-footer, .navbar
	{
	background-color:transparent;
	background-image:none;
	color:black;
	border-style:none;
	}

/* Maintext class anchor formatting */
#wrap a:link, a:link, a:link span
	{
	font-weight:100;
	color:#0033CC;
	}
#wrap a:visited, a:visited, , a:visited span
	{
	font-weight:100;
	color:#0033CC;
	}
#wrap a:hover, a:hover, a:hover span
	{
	color:#FF6600;
	}
#wrap a:active, a:active, a:active span
	{
	background-color:transparent;
	}
.corners-top, .corners-bottom
	{
	display:none;
	}
#wrap *	input, #wrap * select, #wrap * textarea
	{
	border-style:solid;
	border-width:1px;
	border-color:#7F9DB9;
	background-color:#eeeeee;
	background-image:none;
	background-repeat:repeat-x;
	background-position:top left;
	font-family:verdana, arial, "sans serif";
	font-weight:normal;
	color:black;
	padding:2px;
	}		
#wrap * input:hover, #wrap * select:hover, #wrap * textarea:hover
	{
	background-color:#eeeeee;
	border-color:#7F9DB9;
	}
#wrap * input:active, #wrap * select:active, #wrap * textarea:active
	{
	background-color:#eeeeee;
	border-color:#7F9DB9;
	background-image:none;
	}
.signature
	{
	display:none;
	}
.postprofile img
	{
	display:none;
	}
.postbody img
	{
	max-height:40px;
	max-width:40px;
	}
.buttons div span, .profile-icons li a span
	{
	display:inline;
	font-size:1em;
	}
.profile-icons li a
	{
	display:block;
	float:left;
	width:15px;
	height:10px;
	background-color:#666666;
	border-color:#7F9DB9;
	border-width:1px;
	border-style:solid;
	overflow:hidden;
	}