/* ---------------------------------------- */
/* Name: page.css
/* ---------------------------------------- */
/* Producer: Matt Latzke
/* Production Date: 02-28-08
/* ---------------------------------------- */
/* Description: page styles for Gamer
/*				Coliseum
/* ---------------------------------------- */
/* Revisions:
/* ---------------------------------------- */
/* Top Floor Technologies
/* http://www.topfloortech.com
/* ---------------------------------------- */

@import url(scaffold.css);
@import url(pageStyles.css);
	/* --- Header --- */
		#header h2 a{display:block; height:99px; width:250px; background:url(images/logo.gif) no-repeat top left; float:left; clear:left; margin:-7px 0 0 174px;}
			html>body #header h2 a{margin-left:348px;}
	/* --- Content Layout --- */
		#contentBuffer{float:left; width:642px; margin:0 6px 6px 0;  background:#f8fcff url(images/contentBufferBg.gif) repeat-y top left;}
		#bufferTop{background:transparent url(images/bufferTop.gif) no-repeat top left;}		
		#bufferBottom{padding:20px; background:transparent url(images/bufferBottom.gif) no-repeat bottom left; height:357px;}
			html>body #bufferBottom{height:auto; min-height:357px;}
	/* --- Content Styles --- */
		#contentBuffer h1{font-size:20px; margin-bottom:10px; border-bottom:1px solid #ccc; color:#0076c5; background-image:url(images/defaultTitle.gif); background-repeat:no-repeat; background-position:top left; padding:19px 0 3px 20px; line-height:20px;}		#contentBuffer h2{font-size:16px; margin:16px 0 8px 0;}
		#contentBuffer h3{font-size:14px; margin:14px 0 7px 0;}
		#contentBuffer h4{font-size:12px; margin:12px 0 6px 0;}
		#contentBuffer p, #contentBuffer table{margin-bottom:1em; line-height:16px;}
		#contentBuffer ul, #contentBuffer ol{margin-bottom:1em; line-height:16px;}
		#contentBuffer ul{margin-left:20px; margin-bottom:1em; line-height:16px;}
		#contentBuffer ol{margin-left:30px;}
		#contentBuffer ul{list-style-image:url(images/bullet.gif)}
		#contentBuffer a{color:#0076c5; text-decoration:none;}
		#contentBuffer a:hover{text-decoration:underline; color:#008eec;}
		#contentBuffer a:visited{color:#0076c5;}
		#contentBuffer a:visited:hover{text-decoration:underline; color:#008eec;}
	/* --- Balance --- */
		#rNav{float:left; width:312px;}
		#rNav #balance{background:url(images/balanceBg.gif) no-repeat top left; margin-bottom:6px;}
		#rNav #balance #fundsButton{height:29px; width:96px; display:block; text-align:center; line-height:24px; padding-top:1px; background:url(images/balanceButton.gif) no-repeat top left; text-decoration:none; font-weight:bold; color:#000; margin:8px; float:left;}
		#rNav #balance #fundsButton:hover{background-position:bottom left;}
		#rNav #balance #fundsHolder{height:42px;}
		#rNav #balance p{color:#fff; font-size:9px; text-align:right; float:right; width:80px; margin:8px 5px 0 0;}
		#rNav #balance h4{height:25px; line-height:25px; background: url(images/fundsRight.gif) no-repeat bottom right; float:right;font-size:12px; margin:8px 5px 0 0;} 
			html>body #rNav #balance h4{margin-right:11px;}
		#rNav #balance h4 span{display:block; background:url(images/fundsLeft.gif) no-repeat bottom left; padding:0 5px;}
		#rNav #balance #options{float:right; clear:both; color:#000; font-size:10px; background:url(images/optionsBg.gif) no-repeat left center; padding-left:15px; font-weight:bold; text-decoration:none; margin-right:11px; width:74px;}
			*html #rNav #balance #options{line-height:20px;}
			*+html #rNav #balance #options{line-height:20px;}
	/* --- ShoutBox --- */
		#rNav #shoutbox{height:200px; background:url(images/shoutBoxBg.gif) no-repeat top left; clear:both; margin-bottom:6px; padding:12px; position:relative; color:#fff;}
		#rNav #shoutbox a{font-weight:bold; text-decoration:none;}
		#rNav #shoutbox .shoutOdd{color:#ffd500;}
		#rNav #shoutbox .shoutEven{color:#00b9f1;}
		#rNav #shoutbox form {position:absolute; bottom:12px;}
		#rNav #shoutbox form fieldset{border:none;}
		#rNav #shoutbox form legend{display:none;}
		#rNav #shoutbox form input{height:20px; width:180px; float:left; padding:5px 5px 0 5px;}
			html>body #rNav #shoutbox form textarea{width:185px;}
			#rNav #shoutbox form textarea{height:25px; width:180px; float:left; padding:5px 5px 0 5px; clear:both}
			html>body #rNav #shoutbox form input{width:185px;}
		#rNav #shoutbox form #shoutButton{display:block; height:30px; width:92px; background:url(images/shoutButton.gif) no-repeat top left; float:left; margin-left:1px; border:none;}
		#rNav #shoutbox form #shoutButton:hover{background-position:bottom left;}
	/* --- Online --- */
		#online ul{list-style:none;}
		#online ul li{height:24px; line-height:24px;}
		#online ul li a{text-decoration:none; color:#000; padding-left:5px; line-height:24px; display:block; height:24px; font-size:11px;}
		#online img{border:0; margin:0; padding:0 5px 0 0;}
		#online .clear3{height:10px;}
	/* --- Online Box --- */
		#whoswho h2{height:32px; background:url(images/whosOnlineTop.gif) no-repeat top left; line-height:32px; font-size:14px; color:#fff; padding-left:12px;}
		#whoswho{background:url(images/whosOnlineBg.gif) no-repeat bottom left;}
		#whoswho ul{list-style:none;}
		#whoswho ul li{height:24px; line-height:24px; padding-left:10px;}
		#whoswho span {margin: 5px; }
/*		#whoswho ul li a{text-decoration:none; color:#000; background:url(images/defaultIcon.gif) no-repeat left center; padding-left:25px; line-height:24px; display:block; height:24px; font-size:10px;}
*/

		#whoswho ul li a{text-decoration:none; color:#000; padding-left:5px; line-height:24px; display:block; height:24px; font-size:11px;}
		#whoswho img{border:0; margin:0; padding:0 5px 0 0;}
		#whoswho #more{font-size:9px; font-weight:bold; background:url(images/grayArrow.gif) no-repeat left center; margin-left:16px; margin-top:4px; padding-left:12px;}
		/* #whoswho .clear3{height:10px;} */
		#whoswho .clear3{margin-bottom: 10px;} 
		
		#whoswho .scroll {height: 338px;overflow: auto; padding-bottom: 24px;}
		/* Whos who2 */
		#whoswho2 h2{height:32px; background:url(images/whosOnlineTop.gif) no-repeat top left; line-height:32px; font-size:14px; color:#fff; padding-left:12px;}
		#whoswho2 {background:url(images/whosOnlineBg.gif) no-repeat bottom left;}
		#whoswho2 ul{list-style:none;}
		#whoswho2 ul li{height:24px; line-height:24px; padding-left:10px;}
/*		#whoswho2 ul li a{text-decoration:none; color:#000; background:url(images/defaultIcon.gif) no-repeat left center; padding-left:25px; line-height:24px; display:block; height:24px; font-size:10px;}
*/

		#whoswho2 ul li a{text-decoration:none; color:#000; padding-left:5px; line-height:24px; display:block; height:24px; font-size:11px;}
		#whoswho2 img{border:0; margin:0; padding:0 5px 0 0;}
		#whoswho2 #more{font-size:9px; font-weight:bold; background:url(images/grayArrow.gif) no-repeat left center; margin-left:16px; margin-top:4px; padding-left:12px;}
		#whoswho2 .clear3{margin-bottom: 10px;} 
		
		#whoswho2 .scroll {height: 338px;overflow: auto; padding-bottom: 24px;}
		/* Whos who2 */
	/* --- Footer --- */
		#bottomInfo #paypal{background:#fff url(images/payPal2.gif) no-repeat bottom left; height:90px; width:230px; float:left;}
		#bottomInfo #paypal a{display:block; height:40px; width:156px; background:url(images/payPal.gif) no-repeat top left; margin:25px 5px 0 10px;}
		#bottomInfo #paypal p{font-size:9px; margin-top:5px;}
		html>body #bottomInfo #paypal a{margin-left:2px;}
		#bottomInfo #thawte{float:right; text-align:left; width:60px; height:60px; margin-right:7px;}
		#bottomInfo #thawte a{margin-top:20px; margin-right:2px; background:none; display:block;}
		#bigAd{display:block; background:#808080; float:left; height:90px; width:728px; margin-bottom:6px;}
		#bigAd img{border:0;}
		
#createMatch{display:block; height:80px; width:100%; background:url(images/createMatch.gif) no-repeat top left; margin-top:1em;}
#createMatch:active{background-position:bottom left;}
#teamMatch{display:block; height:80px; width:100%; background:url(images/createTeamMatch.gif) no-repeat top left; margin-top:1em;}
#teamMatch:active{background-position:bottom left;}

#shoutbox_inner {
	overflow: scroll;
	height: 185px;
	scrollbar-3dlight-color:#000000;
	scrollbar-arrow-color:#999999;
	scrollbar-base-color:#999999;
	scrollbar-darkshadow-color:#999999;
	scrollbar-face-color:#666666;
	scrollbar-highlight-color:#000000;
	scrollbar-shadow-color:#999999
	} 
	
	.littlered {
	font-size: 8pt;
	color: #FF0000;	
	}