body {
	background:#00214f url(/images/bground.jpg) repeat-x;
	text-align:center;/* IE hack to center page contents */
	margin:0;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, san-serif;
	color:#333;
}

h1, h2, h3, p, a, span, ul, li {text-align:left;}

h1, h2, h3 {padding:0; margin:0;}
p.thanks {color:green;}
p.error {color:#fff; background-color:red;}
p.errorIcon {padding:2px 0 5px 20px !important; background:url(/cadmin/icons/warning.gif) 0 1px no-repeat; color:#de0000; margin:10px;}

hr {text-align:center; margin:10px auto; width:90%; height:1px; color:#ccc; border:none;}
html>body hr {background-color:#ccc;} /* For Gecko-based browsers */
html>body hr {border:0px solid #ccc;} /* For Opera */

img {border:0;}
.clearFloats {clear:both; line-height:0; height:0; font-size:1px;}


/* ---- links ----------------------------------------- */
a:link, a:visited {color:#005ebb; text-decoration:underline;}  
a:hover {color:#008D44; text-decoration:none;}
/*a:active {color:#d7a00e;}*/
a.upArrow {padding-left:10px; background:url(/images/icon_upArrow.gif) 0 1px no-repeat;}
	a.upArrow:hover {background:url(/images/icon_upArrow2.gif) 0 1px no-repeat;}

/* ---- ids & classes ----------------------------------------- */

#frame { /* this centers the page */
	 width:1000px; background:#fff; margin-top:10px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding:5px 0;}
	
/* This structure allows for possible future width expansion of center content area - in header & body content areas */
	
#header {width:990px; margin:0 auto 5px; background-image:url(/images/header_bg.png); position:relative;}
	#logo, #topInfo, #metaNav {height:140px;}
	
	#logo {width:252px; position:absolute; top:0; left:0; }
		#logo img {display:block;}
		
	
		
	#metaNav {width:150px; background:#d7a00e; position:absolute; top:0; right:0;}
		#metaNav ul {margin:10px 10px 10px 12px; padding:0; color:#fff;}
		#metaNav ul li {list-style:none; font-size:10px; line-height:18px;}
		#metaNav ul li a {color:#fff; padding-left:15px; background:url(/images/icon_metaNav.gif) 0 2px no-repeat; text-decoration:none;}
		#metaNav ul li a:hover {color:#00214f; background:url(/images/icon_metaNav2.gif) 0 2px no-repeat;}
	#playgame {width:198px; height:27px; position: absolute; bottom:5px; right:440px;}
	#pbebutton {width:198px; height:27px; position: absolute; bottom:5px; right:235px;}
			
	#newsbutton, #forumbutton, #faqbutton, #aboutbutton  {width:109px; height:28px}
	#newsbutton {position: absolute; bottom:5px; right:370px;}
	#forumbutton {position: absolute; bottom:5px; right:120px;}
	#faqbutton {position: absolute; bottom:5px; right:5px;}
	#aboutbutton {position: absolute; bottom:5px; right:10px;}
	#headerad {width:728px; height:90px; position: absolute; top:10px; right:5px;}
	
#body {width:990px; margin:0 auto; background:#fff;}
/* see: http://www.pixy.cz/blogg/clanky/css-3col-layout/ */
	#leftCol {width:130px; float:left;}
		#mainNav, #login {width:130px; margin-bottom:10px; padding:14px 0;}
		
		#mainNav {background:#00214f;}
			#mainNav ul {margin:0; padding:0; list-style:none; color:#B5D4EA;}
			#mainNav ul li {font-size:10px; margin:0; display:inline;} /* display:inline for IE5+ bug */
			#mainNav ul li div.on {font-weight:bold; color:#fff; background:#3368B2 url(/images/icon_mainNav.gif) 11px 5px no-repeat;  
				padding:3px 3px 3px 25px; margin:2px 0;}
			#mainNav ul li.join a {background-color:red;}
			#mainNav ul li.join a, #mainNav ul li.join a:hover {font-weight:bold; color:yellow;}
			#mainNav ul li a {display:block; color:#B5D4EA; padding:3px 3px 3px 25px; margin:2px 0; text-decoration:none;}
			#mainNav ul li a:hover {color:#fff; background:#3368B2;}
			
		#login {
			background:#3368b2;
			font-size:11px;
			color:white;
			text-align:left;
			}
			#login p {font-size:11px; color:white; padding:5px 0 0px 12px; margin:0;}
			#login a {text-decoration:underline; color:white;}
			#login a:hover {color:#00214f; text-decoration:none;}
			#login form {margin:0 0 0 12px;}
			#login label {color:#fff; text-align:left;}
			#login input {background-color:#eee; border:1px solid #333; width:100px; margin-bottom:5px; font-size:9px; 
				font-family:Verdana, Arial, Helvetica, san-serif;}
			#login input.button {background-color:#999; width:60px; font-size:9px;}
			#login ul {font-size:10px; color:white; margin:8px 12px; padding:0; list-style:none;}
			#login ul li {line-height:14px; color:white;}
			#login img {margin-right:2px; position:relative;top:3px;}
			
		
#loginBox {
 width: 120px;
 height: 90px;
 background: #3368b2;
 color:white;
 border-top: 0px solid black;
 border-left: 0px solid black;
 border-bottom: 0px solid black;
 padding-top: 0px;
 text-align:left;
}
#loginBox p {font-size:9px; padding:5px 0 5px 12px; margin:0;}
			#loginBox a {color:#fff; text-decoration:underline;}
			#loginBox a:hover {color:#00214f; text-decoration:none;}
			#loginBox form {margin:0 0 0 12px;}
			#loginBox label {color:#fff; text-align:left;}
			#loginBox input {background-color:#eee; border:1px solid #333; width:100px; margin-bottom:5px; font-size:9px; 
				font-family:Verdana, Arial, Helvetica, san-serif;}
			#loginBox input.button {background-color:#999; width:60px; font-size:9px;}
			#loginBox ul {font-size:11px; margin:8px 12px; padding:0; list-style:none;}
			#loginBox ul li {line-height:14px; color:white;}
			
		a#tChest, a#gPlace {display:block; width:130px; text-indent:-4000px; margin-bottom:10px; text-decoration:none;}
		a#tChest {height:130px; background:url(/images/tChest.gif) no-repeat;}
			a#tChest:hover {background:url(/images/tChest2.gif) no-repeat;}
		a#gPlace {height:90px; background:url(/images/gPlace_sm.gif) no-repeat;}
			a#gPlace:hover {background:url(/images/gPlace2_sm.gif) no-repeat;}
		
	#mainContent {text-align:left; margin:0 170px 0 140px;}
		#mainContent h1 {margin:0; font:normal 21px Georgia, sans-serif; color:#3368B2; padding:10px 0 15px 5px;}
			#mainContent h1 span {color:#333;}
		#mainContent h2 {font:bold 13px Georgia, serif; color:#333; padding:10px 0 10px 5px; margin:0;}
		#mainContent p {margin:0; padding:0 5px 12px 5px; line-height:15px; font-size:11px;}
		#mainContent ul {margin:0 10px 12px 30px; padding:0; font-size:11px;}
			#mainContent ul li {line-height:15px; padding-bottom:8px;}
		#mainContent ol {margin:0 10px 12px 30px; padding:0; font-size:11px;}
			#mainContent ol li {line-height:15px; padding-bottom:8px;}
		#mainContent table {}
			#mainContent table td {font-size:11px; padding:5px;}
	
	#wideContent {text-align:left; margin:0 10px 0 140px;}
		#wideContent h1 {margin:0; font:normal 21px Georgia, sans-serif; color:#3368B2; padding:10px 0 15px 5px;}
			#wideContent h1 span {color:#333;}
		#wideContent h2 {font:bold 13px Georgia, serif; color:#333; padding:10px 0 10px 5px; margin:0;}
		#wideContent p {margin:0; padding:0 5px 12px 5px; line-height:15px; font-size:11px;}
		#wideContent ul {margin:0 10px 12px 30px; padding:0; font-size:11px;}
			#wideContent ul li {line-height:15px; padding-bottom:8px;}
		#wideContent ol {margin:0 10px 12px 30px; padding:0; font-size:11px;}
			#wideContent ol li {line-height:15px; padding-bottom:8px;}
		#wideContent table {}
			#wideContent table td {font-size:11px; padding:5px;}		
			
		ul#faqList {list-style:none; margin:0; padding-left:5px;}
			ul#faqList li {line-height:12px;}
			ul#faqListSub {list-style:none; margin:0; padding:5px 0 6px 10px;}
		ul#tchestList {list-style:none; margin:0; padding-left:5px;}
			ul#tchestList li {line-height:12px;}
			
		table#formTable {margin:0 0 0 20px;}
			table#formTable td {vertical-align:top; padding:4px; font-size:11px;}
			table#formTable td.right {text-align:right; width:100px;}
			table#formTable td form {margin:0;}
			table#formTable td input {border:none; background-color:#eee; font-size:11px; width:270px; padding:2px;}
			table#formTable td textarea {border:none; background-color:#eee; font-size:11px; width:270px; 
				font-family:Verdana, Arial, Helvetica, san-serif; padding:2px;}
			table#formTable td textarea.sm {height:40px;}
			table#formTable td textarea.med {height:80px;}
			table#formTable td textarea.lg {height:150px;}
			table#formTable td select {border:none; background-color:#eee; font-size:11px;}
			table#formTable td input.button {background-color:#ccc; color:#333; font-weight:bold; width:140px; margin-bottom:20px; border:1px solid #666; padding:1px !important;}
			table#formTable td input.nostyle {background-color:#eee; width:20px;}/* use for radio buttons & checkboxes */
			
		table.dataTable {margin:0 auto; width:520px;}/*in page content areas */
			table.dataTable td {padding:3px; border:1px solid #ccc; vertical-align:top;}
		/*on gameinfo page: */
		table#gameInfo {width:460px; margin:0 0 5px 0;}
			table#gameInfo td {vertical-align:top;}
		#gameinfodiv {width:460px; margin-left:50px; padding:10px; border: solid thin rgb(0,33,79);}
		#gamedetails {margin-left:30px; margin-right:30px; padding:20px;}
		#gameinfoad {width:250px; height:250px; float:right; padding:10px; background-color:#CCCCCC;}	
		
	/* Home page styles ----------------------- */
	#homeContent {margin:0 170px 0 140px;}
		#homeContent h1 {margin:0; font:normal 21px Georgia, sans-serif; color:#3368B2; padding:10px 0 15px 5px;}
		#homeContent h2 {background-color:#69BF3D; border-left:6px solid #008D44; height:25px; font:bold 11px/25px Georgia, serif; 
			 color:#fff; padding:0 0 0 10px; margin-bottom:8px;}
		#homeContent p {margin:0; line-height:13px;}
			table.statTable {margin:0 auto; width:510px;}/*in page content areas */
				table.statTable td {padding:3px; border:1px solid #ccc; vertical-align:top;}
			#gPlace {width:402px; margin:0 auto 10px;} /* Gathering place graphic on Home page */
				#gPlace a {display:block; width:402px; height:60px; background:url(/images/gPlace.gif) no-repeat; text-indent:-4000px;
					text-decoration:none;}
				#gPlace a:hover {background-position:0 -60px;}
                                #Welcome {
                                    margin: 7px;
                                    padding: 10px;
                                    border: dotted thin #69BF3D;
                                    font-size: 1.2em;
                                    letter-spacing: normal;
                                    }
                                    #Welcome p { line-height: 18px}
                           #leaderboard {
                                    width:665px;
                                        }
                                        table#leaderboardtable {
                                             width: 665px;
                                        }
			#featuredGame {margin-bottom:10px;}
				table#featured {margin:0 auto; width:655px;}
				table#featured td {vertical-align:top; padding:0;}
				table#featured td.right p {margin:0; padding:0 5px 12px 10px;}
				table#featured td.left {}
					table#featured td.left img {display:block; margin-bottom:5px;}
					table#featured td a.more {background:url(/images/icon_newsArrow.gif) 100% 3px no-repeat; padding-right:12px;}
					table#featured td a:hover.more {background:url(/images/icon_newsArrow2.gif) 100% 3px no-repeat; color:#000;}
					#featuredGameStats {width:100px; float:left; margin-bottom:10px; margin-right:6px;}
					#featuredGameStats p {text-align:center;}
					#featuredGameBtns {float:left; width:96px; margin:0 auto;}
					
					#playGameBtn {background:url(/images/btn_play_lg.gif) no-repeat;} /* needed to stop IE flicker */
					#playGameBtn a {display:block; text-indent:-4000px; text-decoration:none; width:96px; height:25px;
						background:url(/images/btn_play_lg.gif) no-repeat;}
					#playGameBtn a:hover {background:url(/images/btn_play_lg2.gif) no-repeat;}
					#gameInfoBtn {background:url(/images/btn_info_lg.gif) no-repeat;} /* needed to stop IE flicker */
					#gameInfoBtn a {display:block; text-indent:-4000px; text-decoration:none; width:96px; height:25px;
						background:url(/images/btn_info_lg.gif) no-repeat;}
					#gameInfoBtn a:hover {background:url(/images/btn_info_lg2.gif) no-repeat;}

			#allGames {margin-bottom:10px;}
				table#homeGames {}
				table#homeGames td {width:330px; padding:0 0 15px 0; vertical-align:top;}
				table#homeGames td div.gameBox {width:100px; margin:0 auto; padding:3px;}
					div.gameBox img {display:block; margin-bottom:1px;}
                  div.gameBox h4 {color:#fff; background-color:#00214F; font:bold 11px/13px verdana, sans-serif;
                                               padding:3px 3px; margin:0; height:40px;}
<!--  causes problems on some browsers
                    div.gameBox h4 {color:#fff; background-color:#00214F; font-family: verdana, sans-serif;
                        font-weight: bold; font-size: 10pt; 
						padding:3px 3px; margin:0; height:46px;}
-->
                    div.btns {margin-top:3px;}
						div.btns .playBtn {float:left; background:url(/images/btn_play_sm.gif) no-repeat;} /* needed to stop IE flicker */
						div.btns .playBtn a {display:block; text-indent:-4000px; text-decoration:none; width:49px; height:22px;
							background:url(/images/btn_play_sm.gif) no-repeat;}
						div.btns .playBtn a:hover {background:url(/images/btn_play_sm2.gif) no-repeat;}
						div.btns .infoBtn {float:left; background:url(/images/btn_info_sm.gif) no-repeat;} /* needed to stop IE flicker */
						div.btns .infoBtn a {display:block; text-indent:-4000px; text-decoration:none; width:49px; height:22px;
							background:url(/images/btn_info_sm.gif) no-repeat;}
						div.btns .infoBtn a:hover {background:url(/images/btn_info_sm2.gif) no-repeat;}
		#grayimage {
		    opacity : 0.4;
		    filter: alpha(opacity=40);
		}
				
	#newsCol {width:160px; float:right; background:#b5d4ea; color:#000; text-align:left;}
		#newsCol h2 {background-color:#3368B2; border-left:6px solid #7A9DCD; height:25px; font:bold 11px/25px Georgia, serif; 
			 color:#fff; padding:0 0 0 10px;}
		#newsCol .newsItem {margin:10px; padding-bottom:8px;}
		#newsCol p {margin:0; padding:0; line-height:13px;}
		#newsCol a {font-weight:bold; color:#3368B2;}
		#newsCol a.more {background:url(/images/icon_newsArrow.gif) 100% 3px no-repeat; padding-right:12px;}
		#newsCol a:hover.more {background:url(/images/icon_newsArrow2.gif) 100% 3px no-repeat;}
		#newsCol a:hover {color:#000;}
		
		#newnewsGoogle {
		    text-align:  center;
		}
		#newsGoogle {
		    text-align: center;
		}
		
	#rightCol {width:160px; float:right;}
			
/* Announcement styles */
	#announcementBox {width:655px;}
	#announcementBox img {float:left; padding-right: 10px;}
	#announcementBox p {margin-top:10px; padding-bottom:10px; font-size:12px; line-height:18px;}
	
/* Featured Player styles */		
	#featuredbox {width:655px; height:150px;}
		#featuredbox img {float:left; padding-right: 10px;}
		#featuredbox p {line-height:24px; font-size: 12px;}
	#featuredplayer {width:315px; height:100px; padding:5px;float:left;}
	#featuredkudos {width:315px; height:100px; padding:5px; float:right;}
	#winner {font-weight:bold; color:red;}
	#gametitle {font-weight:bold; font-style:italic;}
/* footer styles */
#footer {width:1000px; margin-top:0px; margin-right:auto; margin-left:auto; margin-bottom:10px; text-align:center; padding-bottom:10px;background-color: #FFFFFF;}
	#footer p {font-size:9px; color:black; text-align:center;}
	
	
/* admin panel styles */
#adminmenu {font-size:10px; margin:10px auto 10px;}
	#adminmenu table {text-align:left; background-color:#f5f5f5; margin:0 auto;}
	#adminmenu table td {padding:3px;}
	#adminmenu img {margin-left:6px;}
	#adminmenu a, #adminmenu a:visited, #adminmenu a:active {margin-right:6px; text-decoration:none;}
	#adminmenu a:hover {color:red;}

#adminbody img { width: 16px; height: 16px; vertical-align: middle; }
/* -- debug div -- */
div#debug {font-size:10px; padding:10px; margin:9px; background:#eee; border:1px solid #999; text-align:left;}
div#debug p {margin:0; padding:0 0 12px 0;}


/* ---- popups ----------------------------------------- */
#popFrame {margin:10px; padding:10px; text-align:left; background:#fff;}
	#popFrame h1 {margin:0; font:normal 21px Georgia, sans-serif; color:#3368B2; padding:3px 0 10px 5px;}
		#popFrame h1 span {color:#333;}
	#popFrame h2 {font:bold 13px Georgia, serif; color:#333; padding:10px 0 10px 5px; margin:0;}
	#popFrame p {margin:0; padding:0 5px 12px 5px; font:normal 11px/13px Verdana, Arial, Helvetica, sans-serif;}
	#popFrame ul {margin:0 10px 12px 30px; padding:0; font-size:11px;}
	#popFrame ul li {line-height:13px; padding-bottom:8px;}
	#popFrame ol {margin:0 10px 12px 35px; padding:0; font-size:11px;}
		#popFrame ol li {line-height:15px; padding-bottom:8px;}
	#popFrame img {display:block; margin:0 auto;}
	#popFrame hr {margin:0 auto 5px;}
	html>body #popFrame hr {margin:5px auto 10px;} /* For Gecko-based browsers */
	#popFrame form {margin:0 0 15px 15px;}
	#popFrame p.error {padding:2px 0 5px 20px !important; background:url(/cadmin/icons/warning.gif) 0 1px no-repeat; color:#de0000; margin:10px 0 10px 0;}
/* 
#weblobby {
	background-image: url("/images/weblobby.png");
	background-repeat:no-repeat;
	height: 500px;
	width: 520px;
	margin-left: 25px;
    
}
#weblobbyusers {
	position:relative;top:35px;left:25px;
	height:104px;
	width:208px;
	overflow:auto;
}
#weblobbytables {
	position:relative;top:-70px;left:287px;
	height:104px;
	width:208px;
	overflow:auto;
}
#weblobbychat {
	position:relative;top:15px;left:35px;
	height:220px;
	width:452px;
	overflow:auto;
}
#chatform {
	Position:relative;top:55px;left:7px;
}
---- Web Lobby ----------------------------------------- */

/* ---- Google Ads ----------------------------------------- */
.googleads p{
         text-align: center;
}
/*---- Leaderboards ---------------------------------------- */

.leader tr{
         border-style: dotted;
         border-color:#69BF3D;
         border-collapse: collapse;
}
/*---- Help Pages ---------------------------------------- */

#help {
	background-color:#FFFFFF;
	text-align:center;/* IE hack to center page contents */
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, san-serif;color:#333;
	line-height: 1.5em;
	width: 760px;
	height: 100%;
	margin-top: 0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	padding:20px
		}
#help li{margin-left: 35px; margin-right:35px;}
#help a:link {color:#0000FF;}
#help a:visited {color:#0066FF;}
#help h3 {margin-top:10px;}
#helpheader {
	width: 800px;
	height: 110px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
	margin-bottom:0px;
	background-color: #69BF3D;
	background-image:url(/help/images/logo.gif);
	background-repeat:no-repeat;
}
#helpheader h1 { 
	text-align:right;
	padding-top: 40px;
	padding-right:40px;
	font-size:18px
}
#helpfooter {
	width: 800px;
	height: 55px;
	background-color: #69BF3D;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:-10px;
}
#helpfooter p {text-align:center;
	padding-top:20px;
	color:#FFFFFF;
}
div#sysreq { 	width: 180px; 
				background-color:#3368B2; 
				padding: 10px;
				border: dotted; color:white;
				font-size:12px; color:white;
				float:right;
				margin:10px 10px 10px 10px;
																	
				}
#sysreq h3 {font-size:12px; text-align:center}
#sysreq p {font-size:10px; line-height:normal; padding-right:5px;}
#sysreq li {margin: auto;}
#sysreq a:link {color:white; text-decoration:underline;}  
#sysreq a:hover {color:#008D44; text-decoration:none;}
.picleft {float:left; margin-right:20px;}
.picright {float:right; margin-left:20px;}
.piccenter{
	margin-top: 20px;
	text-align:center;
	}
.piccenter img{border-color: #000066;
	border-width:thin;
	border-style:solid;}
	
.activtionsection h2 {background-color:#69BF3D; border-left:6px solid #008D44; height:1px; font:bold 11px/25px Georgia, serif; 
		 color:#fff; padding:0 0 0 10px; margin-bottom:8px;}
		 
/*---- Welcome Page ---------------------------------------- */

#WelcomeContent {
background-image: url(/images/welcome/welcome_background.jpg);
background-repeat: no-repeat;
height: 100%;
width: 836px;
float: right;
}

#welcometext {
height: 450px;
width: 100%;
font-size:13px;
padding-left:10px;
font-family: Verdana,Arial,Helvetica,san-serif;
line-height: 125%;

}

#welcometext p {
margin-left: 10px;
}
#welcometext p img {
margin:0px;
padding:0px
}
#welcomegames {
width: 100%;

}
#graph1 {
width: 540px;
text-align:left;
}

#graph2 {
width: 595px;
text-align:left;
}

#graph3 {
width: 615px;
text-align:left;
}