/*	CSS Document for trct.co.uk (c) 2006 Tony Collings

	This document is split into various sections. Most of which is 
	hopefully fairly self explanatory.  
	
	A few brief notes : 
	MODIFIERS - Controls things like alignments, size and color
	
	LAYOUT - Controls page layout, pay close attention to the 
	INDIVIDUAL PAGE SYTLING section. 
	This contains additional sytling features for each page, 
	particularly for the .content_header on each page. 
	
	A min-height of 653 px has been set, this is to ensure the 
	full graphic on the left is displayed. 
	
	Biggest problem is with floating elements in IE5.0 and 6.0 
	for some reason IE5.x and 6.0 don't fully support "min-height"
	so you have to specify fixed "height" without effecting 
	"min-height" used by CSS2 compliant browsers. Pay attention 
	to (* html) and (voice-family:) hacks.  
	
	Last Modified : 21/01/2007



	 
	----------------------------------------------------------*/

/*	Common HTML TAG overides
	----------------------------------------------------------*/
	body {
	color: #4d4d4d; 
	/* font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; */ /* Apple Mac Typography */
	font: 75%/190% Arial, Helvetica, sans-serif; 
	margin: 0px 0px;
	background: #1b1b1b url("../img/shading/background.jpg") top left repeat-x; 
	} 	
	h1 {font-weight: bold; font-size: 240%; line-height: 100%; color: #000000; padding: 0px; margin: 10px 0px 10px 0px; line-height: 105%; }
	h2 { color: #fff; margin: 5px 0px 10px 0px; padding: 0px; } 
	h2 a:link, h2 a:visited {color: #fff; text-decoration: none; } 
	h2 a:active, h2 a:hover {color: #fff; text-decoration: underline; }
	acronym { cursor: help; text-decoration: underline;} 


	
/*	LAYOUT - HEADER & FOOTER 
	----------------------------------------------------------*/
	.breadcrumbs {float: left; margin-left: 10px; color: #949494;  }
	.breadcrumbs a:link, .breadcrumbs a:visited {color: #888; text-decoration: none; }
	.breadcrumbs a:hover, .breadcrumbs a:active {color: #888; text-decoration: underline;}
	
	/* MAIN WRAPPER */
	#wrapper {}
	
	/* No Javascript Warning 
	ONLY Displays if user doesn't have JavaScript enabled */
	.no_javascript { background-color:#FFFF00; color: #000; padding: 5px; font-size: 90%; line-height: 100%; }
	.no_javascript a:link, .no_javascript a:visited {color: #000; text-decoration: none; font-weight: bold;}
	.no_javascript a:hover, .no_javascript a:active {color: #000; text-decoration: underline; font-weight: bold;}
	
	/* HEADER 
	Controls the header banner, text and graphics */
	#header { background-color: #f44c01; margin: 0px; padding: 0px;}
	#header div#header_inner { margin: 0px; padding: 0px; margin-top: 20px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; text-align: center; } 
	#header div img { margin: 0px; padding: 0px; } 
	
	/* FOOTER 
	Controls the (c) and technical information (bottom right) */
	#footer {clear: both; 
	margin-top: -2px;
	voice-family: "\"}\""; 
 	voice-family:inherit;
	margin-top: 0px; 
	}
	
	
	#footer div#footer_inner  { margin: 0 30px;  padding: 0px; }
	
	#footer_left {float: right; color: #fff; margin: 0px; padding: 0px; margin-right: 30px; padding-top: 5px; }
	#footer_left ul { display: block; margin: 0px;  padding: 0px; color: #fff; } 
	#footer_left ul li { list-style-type: none; display: inline; padding: 0px 5px; } 
	#footer_left ul li.lastitem { border: 0px; }
	
	#footer_left a:link, #footer_left a:visited {color: #fff; text-decoration: none; font-weight: bold; }
	#footer_left a:active, #footer_left a:hover {color: #fff; text-decoration: underline; font-weight: bold;}
	#footer_right {float: right;  background: #808080 url("../img/footer_left.jpg") top left no-repeat; color: #c0c0c0; margin: 0px; 
	padding: 0px; padding-left: 50px;  }
	#footer_right ul { display: block; margin: 0px; padding: 0px; } 
	#footer_right ul li { color: #c0c0c0; list-style-type: none; display: inline; border-right: 1px solid #c0c0c0; padding: 0px 5px; } 
	#footer_right ul li.lastitem { border: 0px; }
	
	#footer_right a:link, #footer_right a:visited {color: #c0c0c0; text-decoration: none; font-weight: bold;  }
	#footer_right a:active, #footer_right a:hover {color: #c0c0c0; text-decoration: none; font-weight: bold; }
	
	div#techdata { clear: both; text-align: center; padding: 0px; } 
	#techdata ul { display: block; margin: 0px;  padding: 0px; color: #4d4d4d; } 
	#techdata ul li { list-style-type: none; display: inline; border-right: 1px solid #4d4d4d; padding: 0px 5px; } 
	#techdata ul li.lastitem { border: 0px; }
	
	div#legal_info { clear: both; text-align: center; padding: 30px 0px 5px 0px; } 
	#legal_info ul { display: block; margin: 0px;  padding: 0px; color: #828282; } 
	#legal_info ul li { list-style-type: none; display: inline; border-right: 1px solid #828282; padding: 0px 5px; } 
	#legal_info ul li.lastitem { border: 0px; }
	#legal_info a:link, #legal_info a:visited {color: #828282; font-weight: bold; text-decoration: none; }
	#legal_info a:active, #legal_info a:hover {color: #828282; font-weight: bold; text-decoration: underline;}
	
	
	
/*	Fluid 3 Column Layout courtesy of Petr Stanicek aka Pixy ( www.pixy.cz )
	http://www.pixy.cz/blogg/clanky/css-3col-layout/
	----------------------------------------------------------*/
	
	/* Main Content Wrapper */
	#contentwrapper {  margin: 0px 30px; text-align: center; background-color: #fff; }
	#main {
		margin:0px; 
		padding:0px;
		background: #000 url("../img/shading/middle.jpg") top left repeat-y; /* Spoofs grey in left column */
		border: 0px; 
	}


	
	/* Sets up minimum heights, mostly for IE5.5 because it sux ! */
	#left, #right{ 
		height: 653px;
		voice-family: "\"}\""; 
 		voice-family:inherit;
		height: 653px;
		min-height: 653px; 
	}
	
	/* LEFT COLUMN */
	
	#left {
		float:left;
		top: 0px; 
		margin:0px; 
		padding:0px;
		background: #585858 url("../img/leftcol.jpg") top center no-repeat;
		width: 180px;
		}
	#left .column-in { 
		text-align: center; 
		margin:0px; 
		padding: 5px; 
		height: 100%;
		
		}
	.useful_links { color: #fff; text-align: left; margin: 30px 10px 0px 10px; } 
	.useful_links a:link, .useful_links a:visited {color: #fff; text-decoration: none;}
	.useful_links a:hover, .useful_links  a:active {color: #fff; text-decoration: underline;}
	.useful_links form { margin: 0px; padding: 0px; } 
	
	/* RIGHT COLUMN */
	#right {
		float:right;
		width:150px;
		margin:0px; 
		padding:0px;
		background-color: #000;
		color: #fff;
		}
	#right .column-in { 
		margin:0px; 
		padding: 5px; 
		height: 100%;
		background-color: #000;
		}
		
	/* MIDDLE COLUMN */
	/* Alot of hacking to get the height correct because IE sux ! */
	#middle {
		margin:0px 150px 0px 180px;
		background-color: #fff; 
		color: #433f3f;
		text-align: left; 
		height: 653px; /* For IE5.5 */
		voice-family: "\"}\""; /* Overide for all browsers other than IE5.5 */
 		voice-family:inherit;
		height: 663px; /* Specifically for IE6.0 */
		min-height: 653px; /* Force a minimum to match height of left and right columns */ 
		}
	/* For IE7.0 +, & Firefox */
	html>body #middle { height: 100%; background-color: #fff;} 
	/* For Opera 9 + */
	html+body #middle { height: 100%; background-color: #fff;} 
	
		
	#middle .column-in { 
		padding: 0px; 
		margin: 0px; 
		/*background-color: #888888;*/ 
		background: #888888 url("../img/decoration/page_bg.jpg") bottom right no-repeat;
		height: 653px; /* For IE5.5 */
		voice-family: "\"}\""; /* Overide for all browsers other than IE5.5 */
 		voice-family:inherit;
		height: 663px; /* Specifically for IE6.0 */
		min-height: 653px; /* Force a minimum to match height of left and right columns */ 
	}
	/* For IE7.0 +, & Firefox */
	html>body #middle .column-in{ height: 100%; } 
	/* For Opera 9 + */
	html+body #middle .column-in{ height: 100%; } 
	
	
	/* LEFT COLUMN - Menu */
	ul#menu  { display: block; padding: 0px; margin: 0px;  }
	ul#menu li { 
	text-align: left;
	margin: 0px; 
	padding: 3px 0px 0px 5px; 
	margin-bottom: 2px; 
	list-style-type: none; 
	background: url("../img/menu/menu.gif") bottom right no-repeat; 
	width: 170px; /* For IE5.5 */
	voice-family: "\"}\""; /* Overide for all browsers other than IE5.5 */
 	voice-family:inherit;
	width: 165px;

	 
	} 
	ul#menu li.lastitem { background: url("../img/menu/menu_lastitem.gif") bottom right no-repeat; 	}

	
	/* MIDDLE COLUMN - Page Title */
	.titleblock { background-color: #fff; border-bottom: 2px solid #666666; text-align: left;   } 
	.titleblock img {float: left; background-color: #666666; display: block; padding: 3px;  } 
	.title, .title_empty  { 
		display: block; 
		height: 38px; 
		voice-family: "\"}\""; 
 		voice-family:inherit;
		height: 25px;  
		}
		 

	
	/* MIDDLE COLUMN - Intro Block at Top 
	  (See also page sections at the bottom of this file for additional styling */
	  
	.content_header { 
	background:#efefef url("../img/shading/content_header.jpg") bottom left repeat-x; border: 1px solid #ccc; 
	min-height: 130px;
	
	}



	 
	.content_header img { float: left; position: relative;  margin: 5px 10px 5px 5px; border: 1px solid #000; } 

	
	/* MIDDLE COLUMN - The main chunk of text */	
	#content_text {  
	padding: 5px;  
	margin: 5px;
	color: #fff;
	background: #474747 url("../img/shading/content_text.jpg") top left repeat-x;  
	border-width: 1px; 
	border-style: solid;
	border-color: #bbbbbb #474747 #474747 #bbbbbb;}
	
	
	
/*	LINKS
	----------------------------------------------------------*/
	.content_header a:link, .content_header a:visited {color: #000; text-decoration: none; font-weight: bold; }
	.content_header a:active, .content_header a:hover {color: #000; text-decoration: underline; font-weight: bold;}
	
	#content_text a:link, #content_text a:visited {color: #ff6600; font-weight: bold; text-decoration: none; }
	#content_text a:active, #content_text a:hover {color: #ff6600; font-weight: bold; text-decoration: underline;}
	
/* 	FORMS
	----------------------------------------------------------*/
	
	form select { color: #000; font: 1em verdana,arial,helvetica,sans-serif;} 

	form#contactus { line-height: 110%; background: none; margin: 0px; padding: 0px; } 
	form#contactus legend {visibility: hidden; display: none; }
	form#contactus fieldset { border: 1px solid #595757; margin: 20px 0px 0px 20px; } 
	form#contactus ul {list-style: none; margin: 0px; padding: 0px;   }
	form#contactus li {margin: 10px 0px; text-align: left;  }
	form#contactus label {width: 140px; text-align: right; margin-right: 0.5em; float: left; display: block;  }
	
	/* form elements */
	form#contactus input.textfield, form#contactus textarea
	{
		font: 1em verdana,arial,helvetica,sans-serif; 
	}
	form#contactus input.borderFX,
	form#contactus select,
	form#contactus textarea {background-color: #474747; border: 2px solid #595757; color: #fff; }

	
	/* Submit & Cancel Buttons */
	form#contactus li.submit {padding-left: 175px;  margin-top: 10px;  list-style: none; display: block;  }
	form#contactus li.submit input { float: left; padding: 3px; font: 1em verdana,arial,helvetica,sans-serif; margin-right: 3px; }
	
	div.labelerror {padding: 20px 10px; font-weight: bold; color: #FF0000;  }
	div.labelnormal {padding: 20px 10px; }
	
	
	
	form#contactus span.error { color: #f5a925;  margin-left: 5px; vertical-align: top; }
	form#contactus p.error {color: #f5a925;}
	form#contactus ul.error {margin: 5px 0px 15px 20px; color: #f5a925;}
	form#contactus li input.error, form#contactus li textarea.error, form#contactus textarea.error, form#contactus input.error { border: 2px solid #f5a925; }  
	form#contactus li label.error { color: #f5a925; border: 0px; font-weight: bold; }


	
/*	MODIFIERS 
	----------------------------------------------------------*/
	
	.left {text-align: left; }
	.right {text-align: right; }
	.center {text-align: center; }
	.clear {clear:both; 
	height:1px; 
	font-size:1px; 
	width: 1px; 
	border:none; 
	margin:0px; 
	padding:0px; 		
	background:transparent;
	}
	
	.size90 { font-size: 90%; } 
	.size120 { font-size: 120%; } 
	.size140 { font-size: 140%; } 
	.size160 { font-size: 160%; } 
	.size180 { font-size: 180%; } 
	.pad5 {padding: 5px;}
	.pad10 {padding: 10px;}
	.pad15 {padding: 15px;}
	.pad20 {padding: 20px;}
	.pad25 {padding: 25px;}
	
	.light_grey { 
	color: #808080; 
	background-color: #f0f0f0;
	border-width: 1px; 
	border-style: solid;
	border-color: #f0f0f0 #000000 #000000 #f0f0f0 ; }
	.orange { color: #ff6200; }  
	
	.image_credits {font-size: 80%; color: #888888; font-weight: normal; }
	.image_credits a:link, .image_credits a:visited{ color: #888888; font-weight: bold; text-decoration: none; }
	.image_credits a:hover, .image_credits a:active{ color: #888888; font-weight: bold; text-decoration: underline; }
	
	
/*	INDIVIDUAL PAGE STYLING 
	Mostly to control the headers on each page. 
	-----------------------------------------------------------
	Adjust .content_header accordingly for each image used in the headers. 
	i.e. Height = Image Height + Margin + Padding etc...  */

	.drop_shadow { background: #888888 url("../img/shading/drop_shadow.jpg") top left repeat-x; height: 17px;  } 
	
	/* RECOMMEND_US */
	#recommend_us #wrapper { 
	margin: 20px; 
	padding: 10px; 
	text-align: center; 
	background: #888888 url("../img/shading/fp_shadow.jpg") top left repeat-x; 
	color: #fff; 
	border-left: 1px solid #a4a4a4;
	border-bottom: 1px solid #a4a4a4;
	} 
	#recommend_us #inner {background: #efefef url("../img/shading/content_header.jpg") bottom left repeat-x; color: #000; text-align: left; padding: 10px; } 
	form#contactus legend { color: #999999; }  
	
	/* RERPORT PROBLEM */
	#report_problem {font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
	#report_problem #wrapper { 
	margin: 20px; 
	padding: 10px; 
	text-align: center; 
	background: #888888 url("../img/shading/fp_shadow.jpg") top left repeat-x; 
	color: #fff; 
	border-left: 1px solid #a4a4a4;
	border-bottom: 1px solid #a4a4a4;
	} 
	#report_problem #inner {background: #efefef url("../img/shading/content_header.jpg") bottom left repeat-x; color: #000; text-align: left; padding: 10px; } 
	form#report_problem_form legend { color: #999999; } 
	form#report_problem_form fieldset { border: 1px solid #595757; margin: 20px 0px 0px 20px; } 
	form#report_problem_form ul {list-style: none; margin: 0px; padding: 0px;   }
	form#report_problem_form li {margin: 10px 0px; text-align: left;  }
	form#report_problem_form label {width: 140px; text-align: right; margin-right: 0.5em; float: left; display: block;  }
	#report_problem a:link, #report_problem a:visited {color: #fff; text-decoration: none; font-weight: normal; }
	#report_problem a:active, #report_problem a:hover {color: #fff; text-decoration: underline; font-weight: normal;}
	#report_problem input,
	#report_problem select, 
	#report_problem textarea {font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; padding: 3px; }
	
	#report_problem input.borderFX,
	#report_problem select,
	#report_problem textarea {background-color: #efefef; border: 2px solid #b1b1b1; color: #000; }
	
	#report_problem span.error { color: #f5a925;  margin-left: 5px; vertical-align: top; }
	#report_problem p.error {color: #f5a925;}
	#report_problem ul.error {margin: 5px 0px 15px 20px; color: #f5a925;}
	#report_problem li input.error, #report_problem li textarea.error, #report_problem textarea.error, #report_problem input.error { border: 2px solid #f5a925; }  
	#report_problem li label.error { color: #f5a925; border: 0px; font-weight: bold; }
	
	/* Submit & Cancel Buttons */
	#report_problem li.submit {padding-left: 175px;  margin-top: 10px;  list-style: none; display: block;  }
	#report_problem li.submit input { float: left; margin-right: 3px; }

	.techinfo { color: #b1b1b1; padding: 10px 10px 0px 10px;} 

	/* BANNERS */
	#banners #wrapper { 
	margin: 20px; 
	padding: 10px; 
	text-align: center; 
	background: #888888 url("../img/shading/fp_shadow.jpg") top left repeat-x; 
	color: #fff; 
	border-left: 1px solid #a4a4a4;
	border-bottom: 1px solid #a4a4a4;
	} 
	#banners #inner {background: #efefef url("../img/shading/content_header.jpg") bottom left repeat-x; color: #000; text-align: left; padding: 10px; } 
	#banners textarea { background-color: #e2e2e2; border: 1px solid #c1c1c1; font: 0.8em verdana,arial,helvetica,sans-serif; padding: 5px; color: #5b5b5b; } 
	#banners h2 { display: block; line-height: 100%; margin: 10px 0px; color: #000;}
	#banners img { margin: 20px 0px; } 
	#banners a:link, #banners a:visited {color: #fff; text-decoration: none; font-weight: normal; }
	#banners a:active, #banners a:hover {color: #fff; text-decoration: underline; font-weight: normal;}

	

	 
	/* NEWS */
	body#news,
	body#shop_news,
	body#race_news {scrollbar-base-color: #888888; } /* IE Only */
	
	#news .content_header { 
	min-height: 165px;
	}
	/* For IE5.5 + 6.0, urrrgh! IE again !! */
	* html #news .content_header { 
	height: 165px;
	}
	
	#shop_news .content_header, 
	#race_news .content_header { 
	min-height: 140px;
	}
	* html #shop_news .content_header,
	* html #race_news .content_header { 
	height: 140px;
	}
	
	#news .article {float: left;  
	padding: 5px; 
	width: 204px;  
	margin: 5px;
	color: #fff;
	background-color: #474747;  
	border-width: 1px; 
	border-style: solid;
	border-color: #bbbbbb #474747 #474747 #bbbbbb;
	min-height: 380px;
	}
	* html #news .article{ 
	height: 380px;
	}
	#news .article img { 
	border-width: 1px; 
	border-style: solid;
	border-color: #303030 #919191 #919191 #303030 ;
	margin: 0px 0px 0px 0px; 
	padding: 5px; 
	background-color: #303030; 
	} 

	
	
	.news_item { 
	margin: 5px; 
	color: #fff;
	background: #474747 url("../img/shading/content_text.jpg") top left repeat-x; 
	border-width: 1px; 
	border-style: solid;
	border-color: #bbbbbb #474747 #474747 #bbbbbb;
	padding: 10px; 
	height: 200px; 
	overflow: auto;}
	
	
	.headline { font-size: 180%;  } 
	.date { color: #999999; font-weight: bold;  } 
	
	/* HOMEAGE */
	#homepage .content_header { 
	min-height: 198px;
	}
	* html #homepage .content_header{ 
	height: 198px;
	}
	#homepage #content_text { padding: 10px; } 
	#homepage #content_text img { float: left; } 
	#homepage #content_text h3 { font-size: 140%; line-height: 110%; } 
	#content_text h3 a:link, #content_text h3 a:visited {color: #bbb; }
	#content_text h3 a:active, #content_text h3 a:hover {color: #bbb;} 
	
	.fp_shadow { background: #888888 url("../img/shading/fp_shadow.jpg") top left repeat-x; height: 45px;  }
	.clustr_maps img { width: 1px; height: 1px; border: 0px; } 
	
	/* MEET THE TEAM */
	#meet_the_team .content_header { 
	min-height: 165px;
	}
	* html #meet_the_team .content_header{ 
	height: 165px;
	}
	
	#meet_the_team .article {
	float: left;  
	padding: 5px; 
	width: 246px;  
	margin: 5px;
	color: #fff;
	background-color: #474747;  
	border-width: 1px; 
	border-style: solid;
	border-color: #bbbbbb #474747 #474747 #bbbbbb;
	min-height: 380px;
	}
	* html #meet_the_team .article{ 
	height: 380px;
	}
	#meet_the_team .article img { 
	border-width: 1px; 
	border-style: solid;
	border-color: #303030 #919191 #919191 #303030 ;
	margin: 0px 0px 0px 0px; 
	padding: 5px; 
	background-color: #303030; 
	} 
	
	#race_team .content_header,
	#shop_team .content_header { 
	min-height: 168px;
	}
	* html #race_team .content_header,
	* html #shop_team .content_header{ 
	height: 168px;
	}
	
	#race_team #middle .column-in,
	#shop_team #middle .column-in{ 
	background-color: #888888; 
	}
		 	
	.team_member { 
	background: #474747 url("../img/shading/team_member.jpg") top left repeat-y;  
	margin: 5px; 
	border-width: 1px; 
	border-style: solid;
	border-color: #bbbbbb #474747 #474747 #bbbbbb;
	padding: 5px; 
	min-height: 160px; 
	color: #fff; 
	 } 
	* html .team_member{ 
	height: 160px;
	}
	.team_member img { 
	float: left; 
	position: relative; 
	border-width: 1px; 
	border-style: solid;
	border-color: #303030 #919191 #919191 #303030 ;
	margin: 0px 10px 10px 0px; 
	padding: 5px; 
	background-color: #303030; 
	} 
	.team_member img.orange_square { margin: 0px; margin-top: 5px; padding: 0px; border: 0px; } 
	.name { font-size: 140%; color: #cdcdcd; font-weight: bold; text-align: left; } 
	
	
	/* SPECIAL OFFERS */
	#special_offers .content_header { min-height: 165px; } 
	#kit_special_offers .content_header,
	#spare_special_offers .content_header { 
	min-height: 145px;
	}
	#spare_special_offers .title,
	#kit_special_offers .title
	{ width: 230px; }
	* html #special_offers .content_header { height: 165px;  } 
	* html #kit_special_offers .content_header,
	* html #spare_special_offers .content_header{ 
	height: 145px;
	}
	

	#special_offers .article {float: left;  
	padding: 5px; 
	width: 212px;  
	margin: 5px;
	color: #fff;
	background-color: #474747;  
	border-width: 1px; 
	border-style: solid;
	border-color: #bbbbbb #474747 #474747 #bbbbbb;
	min-height: 380px;
	}
	* html #special_offers .article{ 
	height: 380px;
	}
	#special_offers .article img { 
	border-width: 1px; 
	border-style: solid;
	border-color: #303030 #919191 #919191 #303030 ;
	margin: 0px 0px 0px 0px; 
	padding: 5px; 
	background-color: #303030; 
	} 
	
	.special_offer { 
	float: left; 
	background-color: #474747; 
	margin: 5px; 
	border-width: 1px; 
	border-style: solid;
	border-color: #bbbbbb #474747 #474747 #bbbbbb;
	padding: 5px; 
	width: 202px;
	color: #fff;  
	min-height: 240px;
	}
	* html .special_offer{ 
	height: 240px;
	} 
	.special_offer img  {
	border-width: 1px; 
	border-style: solid;
	border-color: #303030 #919191 #919191 #303030 ;
	margin-bottom: 3px; 
	padding: 5px; 
	background-color: #303030;  
	} 
 
	
	/* CATALOG */
	#catalog .content_header { min-height: 165px;}
	* html #catalog .content_header{ height: 165px;}
	
	/* CONTACT US */
	#contact_us .content_header { min-height: 210px;}
	* html #contact_us .content_header{ height: 210px;}
	/* Used to reveal / hide the Google Maps panel */
	
	/* Faded Overlay */
	#overlay{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 90;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	line-height: 0px; 
	}
	/* Content Overlay */
	#map_wrapper {	
	position: absolute;
	left: 0px;
	top: 30px; 
	z-index: 100;
	text-align: center; 
	} 
	#map_content { background-color: #000; width: 700px; color: #fff; border: 1px solid #fff;    }
	#map_content a:link, #map_content a:visited {color: #fff; text-decoration: none; font-weight: normal; }
	#map_content a:active, #map_content a:hover {color: #fff; text-decoration: underline; font-weight: normal;}

	/* MAPS */
	.pushpin,
	.google_info_window { background-color: #000; color: #fff; padding: 20px; } ,
	
	


	/* MODERATE BANNER LINKS */
	
	#moderate_links #wrapper { 
	margin: 20px;
	padding: 20px; 
	text-align: center; 
	background: #888888 url("../img/shading/fp_shadow.jpg") top left repeat-x; 
	color: #fff; 
	border-left: 1px solid #a4a4a4;
	border-bottom: 1px solid #a4a4a4;
	} 
	#moderate_links table {background: #efefef url("../img/shading/content_header.jpg") bottom left repeat-x; color: #000; text-align: left;  } 
	#moderate_links table th {background-color: #ded8d8;} 
	#moderate_links table th,td {padding: 5px; vertical-align: top;}
	#moderate_links table .spacer { background-color:#888888; height: 2px;  }  
	
	#moderate_links table a:link, #moderate_links table a:visited{color: #000; text-decoration: none; font-weight:bold;} 
	#moderate_links table a:hover, #moderate_links table a:active{color: #000; text-decoration: underline; font-weight:bold;} 
	#moderate_links a:link, #moderate_links a:visited{color: #fff; text-decoration: none; font-weight:bold;} 
	#moderate_links a:hover, #moderate_links a:active{color: #fff; text-decoration: underline; font-weight:bold;} 
	#moderate_links td.actions_green a:link, #moderate_links td.actions_green a:visited{color: #009900; text-decoration: none; font-weight:bold;}
	#moderate_links td.actions_green a:hover, #moderate_links td.actions_green a:active{color: #009900; text-decoration: underline; font-weight:bold;}
	#moderate_links td.actions_amber a:link, #moderate_links td.actions_amber a:visited{color: #FF9900; text-decoration: none; font-weight:bold;}
	#moderate_links td.actions_amber a:hover, #moderate_links td.actions_amber a:active{color: #FF9900; text-decoration: underline; font-weight:bold;}
	#moderate_links td.actions_red a:link, #moderate_links td.actions_red a:visited{color: #FF0000; text-decoration: none; font-weight:bold;}
	#moderate_links td.actions_red a:hover, #moderate_links td.actions_red a:active{color: #FF0000; text-decoration: underline; font-weight:bold;}
	
	/* LINKS PAGE */
	#links #banner_links, 
	.links_text 
	{margin-top: 0px; background: #efefef url("../img/shading/content_header.jpg") bottom left repeat-x; padding: 10px; } 
	#links #banner_links { margin: 5px; } 
	#links hr { border: 1px solid #fff; border-bottom: 1px solid #cecece;  } 
	#banner_links a:link, #banner_links a:visited {color: #000; text-decoration: none; font-weight: bold; }
	#banner_links a:active, #banner_links a:hover {color: #000; text-decoration: underline; font-weight: bold;}
	#banner_links h2 { line-height: 100%; margin: 0px; padding: 0px; margin-bottom: 5px;}
	.links_text a:link, .links_text a:visited {color: #000; text-decoration: none; font-weight: bold; }
	.links_text a:active, .links_text a:hover {color: #000; text-decoration: underline; font-weight: bold;}
	
	
	/* ADD & EDIT LINKS PAGE */
	#edit_links .form_instructions,
	#add_link .form_instructions { padding: 20px; margin: 20px 0px; } 
	#edit_links #edit_panel,
	#add_link #add_panel {margin: 10px; background: #efefef url("../img/shading/content_header.jpg") bottom left repeat-x; padding: 10px; text-align: left; color: #000;} 
	form#editlink,
	form#addlink 
	{ line-height: 110%; background: none; margin: 0px;   } 
	form#editlink legend,
	form#addlink legend 
	{font-size: 150%; font-weight: bold; margin: 0px; line-height: 120%; color: #000; }
	form#editlink fieldset,
	form#addlink fieldset 
	{ border: 1px solid #595757; margin: 20px 0px 0px 20px; } 
	form#addlink ul,
	form#editlink ul 
	{list-style: none; margin: 0px; padding: 0px;   }
	form#addlink li,
	form#editlink li 
	{margin: 5px 0px; text-align: left;  }
	form#addlink label,
	form#editlink label 
	{width: 140px; text-align: right; margin-right: 0.5em; float: left; display: block;  }
	
	/* form elements */
	form#editlink input.textfield, 
	form#editlink select, 
	form#editlink textarea,
	form#addlink input.textfield, 
	form#addlink select, 
	form#addlink textarea
	{
	font: 1em verdana,arial,helvetica,sans-serif; 
	border: 1px solid #ccc; 
	background: #fff url("../img/shading/formfield.jpg") top left repeat-x; 
	padding: 3px; 
	}
	/* Submit & Cancel Buttons */
	form#addlink li.buttons,
	form#editlink li.buttons 
	{padding-left: 175px;  margin-top: 10px;  list-style: none; display: block;  }
	form#addlink li.buttons input,
	form#editlink li.buttons input
	{ float: left; padding: 3px; font: 1em verdana,arial,helvetica,sans-serif; margin-right: 3px; }
	
	/* Errors */
	#error_page #errors{margin: 10px; background: #efefef url("../img/shading/content_header.jpg") bottom left repeat-x; padding: 30px; text-align: left; } 
	#error_page h2 { color: #333333; font-size: 120%; } 
	#error_page a:link, #error_page a:visited {color: #000; text-decoration: none; font-weight: bold; }
	#error_page a:active, #error_page a:hover {color: #000; text-decoration: underline; font-weight: bold;}
	
	
	
	
	
	.banned { padding: 50px; color: #fff; } 
	
	.banned a:link, .banned a:visited {color: #fff; text-decoration: underline; font-weight: bold; }
	.banned a:active, .banned a:hover {color: #fff; text-decoration: underline; font-weight: bold;}
	
	
	/*	Overlays */
	#page_overlay{
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #000;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	line-height: 0px; 
	}
	#visitors_wrapper {	
	position: absolute;
	left: 0px;
	top: 30px; 
	text-align: center; 
	} 
	#visitors_detail
	{
	background-color: #000000; 
	width: 750px; 
	margin: 0px auto;
	text-align: left; 
	padding: 20px; 
	border: 1px solid #f44c01; 
	}

	#visitors_detail table {background: #efefef url("../img/shading/content_header.jpg") bottom left repeat-x; color: #000; text-align: left;  } 
	#visitors_detail table th {background-color: #ded8d8;} 
	#visitors_detail table th,td {padding: 5px; vertical-align: top;} 
	#visitors_detail hr { border: 1px solid #fff; border-bottom: 1px solid #cecece;  } 
	#visitors_detail a:link, #visitor_statistics a:visited{color: #000; text-decoration: underline; font-weight:bold;} 
	#visitors_detail a:hover, #visitor_statistics a:active{color: #000; text-decoration: underline; font-weight:bold;} 
	#visitors_detail a.close { color: #fff; text-decoration: none; } 
	
/*	FORMS
	------------------------------------------------------------------ */
	.borderFX {border: 2px solid #fff;}
	input, select, textarea {padding: 3px; }
	.fixedWidth {width: 200px; }