/*------------------------
		basics
--------------------------*/


html {
	margin: 0;
	padding: 0;
	background: #cacaca url(../graphics/page_background.png) top center repeat-y;
	}
	
body {
	margin: 0;
	padding: 0;
	font-size: 11px; 
	font-family: "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	/* color: #4167a7; */
	color: #5c7092;
	}

img { /* needed for firefox */
	border: 0px;
	}
	
a {
	color: #0085df;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
	

		


/*------------------------
	general forms
--------------------------*/

label {
	display: block;
	}
	
.segment div.error {
	margin: 10px 10px 20px 0px;
	padding: 10px 20px 10px 20px;
	border: 1px solid #000;
	background-color: #282828;
	font-weight: bold;
	color: #ff5700;
	}
	
.segment div.error p {
	margin: 0px;
	}



/*------------------------
	overall layout
--------------------------*/


.wrapper {
	width: 738px;
	padding: 0px 36px 0px 36px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: #e5e5e5 url(../graphics/wrapper_background.png) top center repeat-y;
	}
	
#navigation {
	width: 222px;
	float: right;
	margin-top: -55px;
	}
	
.maincontent {
	width: 510px;
	margin-top: 20px;
	}
	
h1 {
	margin: 0px;
	width: 738px;
	height: 105px;
	background: #e5e5e5 url(../graphics/header_background.png) top left no-repeat;
	}
	
	
/* macsanta promotion header - remove when promo and Christmas are over */	

/*
h1 {
	background: #e5e5e5 url(../graphics/header_background_macsanta.png) top left no-repeat;
	}
*/

/* end macsanta promotion header */


h1 a {
	display: block;
	width: 280px;
	height: 0px;
	padding: 100px 0px 0px 0px;
	margin: 0px 0px 0px 22px;
	overflow: hidden;
	}
	
h2 {
	display: none;
	}

#footer {
	width: 678px;
	height: 30px;
	padding: 23px 30px 0px 30px;
	clear: both;
	}
	
#footer p {
	width: 400px;
	height: 22px;
	padding: 7px 0px 0px 35px;
	margin: 0px;
	color: #484848;
	font-size: 10px;
	font-weight: bold;
	background: url(../graphics/footer_factorylogo.png) top left no-repeat;
	}


/*------------------------
		getnav
--------------------------*/

#getnav {
	height: 72px;
	margin: -35px 0px 0px -140px;
	padding: 0px;
	list-style-type: none;
	width: 355px;
	}
	
* html #getnav {
	margin-top: 0px;
	position: relative;
	top: -35px;
	}


#getnav li.buy_iphone {
	display: block;
	width: 126px;
	height: 64px;
	margin-left: 4px;
	float: left;
	background: url(../graphics/button_buy_iphone.png) top left no-repeat;
	}
	
* html #getnav li.buy_iphone {
	margin-left: 0px;
	}

#getnav li.buy_iphone a {
	display: block;
	width: 126px;
	height: 0px;
	padding: 64px 0px 0px 0px;
	background: url(../graphics/button_buy_iphone.png) top left no-repeat;
	overflow: hidden;
	}




#getnav li.buy_mac {
	display: block;
	width: 111px;
	height: 64px;
	margin-left: 4px;
	float: left;
	background: url(../graphics/button_buy_mac.png) top left no-repeat;
	}
	
* html #getnav li.buy_mac {
	margin-left: 0px;
	}

#getnav li.buy_mac a {
	display: block;
	width: 111px;
	height: 0px;
	padding: 64px 0px 0px 0px;
	background: url(../graphics/button_buy_mac.png) top left no-repeat;
	overflow: hidden;
	}



#getnav li.download {
	display: block;
	width: 103px;
	height: 64px;
	float: left;
	margin-top: 0px;
	background: url(../graphics/button_download.png) top left no-repeat;
	}
	
* html #getnav li.download {
	margin-top: 0px;
	}

#getnav li.download a {
	display: block;
	width: 103px;
	height: 0px;
	padding: 64px 0px 0px 0px;
	background: url(../graphics/button_download.png) top left no-repeat;
	overflow: hidden;
	}

#getnav li a:hover {
	background-position: 0px -64px;
	}


/*------------------------
		login
--------------------------*/

#login {
	width: 222px;
	padding-bottom: 19px;
	background: url(../graphics/login_bottom.png) bottom left no-repeat;
	float: left;
	}
	
* html #login {
	margin-top: -35px;
	}

#login p.status, #login p.status_loggedin {
	background: #333 url(../graphics/login_top.png) top left no-repeat;
	padding: 10px 0px 0px 20px;
	margin: 0px;
	color: #666;
	}
	
#login p.status_loggedin {
	color: #2aa9ff;
	}
	
#login p.loginlink {
	float: right;
	margin: -13px 20px 0px 0px;
	}
	
#login p.loginlink a {
	color: #fc0;
	text-decoration: none;
	}

#login p.loginlink a:hover {
	color: #ffc;
	}

#login_form {
	width: 210px;
	color: #666;
	margin: 10px 0px 0px 20px;
	font-size: 9px;
	float: left;
	}
	
* html #login_form {
	width: 200px;
	margin-left: 10px;
	}
	
#login_form div.fields {
	float: left;
	min-width: 146px;
	}
	
* html #login_form div.fields {
	min-width: 136px;
	}
	
#login_form div.username input, #login_form div.password input {
	width: 60px;
	margin-right: 3px;
	}
	
* html #login_form div.username input, #login_form div.password input {
	width: 65px;
	}

#login_form div.username {
	float: left;
	}
	
#login_form div.remember {
	margin-top: 3px;
	float: left;
	min-width: 110px;
	}
	
* html #login_form div.remember {
	width: 110px;
	}

#login_form div.remember input {
	float: left;
	margin-left: 0px;
	}

#login_form div.remember label {
	padding-top: 3px;
	}
	
#login_form div.forgot {
	margin-top: 6px;
	}
	
#login_form input.submitbutton {
	margin-top: 13px;
	}
	

/*------------------------
	main navigation
--------------------------*/


#mainnav {
	clear: both;
	}

#mainnav, #mainnav li, #mainnav li.selected ul, #mainnav li.selected ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 222px;
	}
	
#mainnav li {
	display: block;
	width: 222px;
	height: 29px;
	background: #fff url(../graphics/mainnav_unselected.png) top left no-repeat;
	}
	
#mainnav li.last {
	height: 32px;
	background: #fff url(../graphics/mainnav_unselected_last.png) top left no-repeat;
	}
	

#mainnav li a {
	display: block;
	width: 153px;
	height: 22px;
	margin: 0px;
	padding: 7px 0px 0px 37px;
	color: #272727;
	text-decoration: none;
	font-size: 13px;
	}
	
#mainnav #home_link a {
	background: url(../graphics/mainnav_home.png) 8px 0px no-repeat;
	}
	
#mainnav #scores_link a {
	background: url(../graphics/mainnav_scores.png) 8px 0px no-repeat;
	}

#mainnav #people_link a {
	background: url(../graphics/mainnav_people.png) 8px 0px no-repeat;
	}

#mainnav #settings_link a {
	background: url(../graphics/mainnav_settings.png) 8px 0px no-repeat;
	}

#mainnav #about_link a {
	background: url(../graphics/mainnav_about.png) 8px 0px no-repeat;
	}

#mainnav #admin_link a {
	background: url(../graphics/mainnav_admin.png) 8px 0px no-repeat;
	}

#navigation #mainnav li a:hover {
	background-position: 8px -29px;
	}

#navigation #mainnav li.selected a {
	background-position: 8px -58px;
	}


#mainnav li.selected {
	height: auto;
	background: #fff url(../graphics/mainnav_selected.png) top left no-repeat;
	}
	
#mainnav li.selected ul li {
	display: block;
	width: 222px;
	height: 29px;
	background: #1e1e1e url(../graphics/subnav_unselected.png) top left no-repeat;
	}
	
#mainnav li.selected ul li.first {
	background: #1e1e1e url(../graphics/subnav_unselected_first.png) top left no-repeat;
	}
	
#mainnav li.selected ul li.last {
	background: #1e1e1e url(../graphics/subnav_unselected_last.png) top left no-repeat;
	}
	
#mainnav li.last ul li.last {
	background: #1e1e1e url(../graphics/subnav_unselected_verylast.png) top left no-repeat;
	height: 40px;
	}
	
#navigation #mainnav li.selected ul li a {
	display: block;
	width: 150px;
	height: 20px;
	padding: 9px 0px 0px 30px;
	margin-left: 8px;
	color: #fc0;
	text-decoration: none;
	font-size: 10px;
	background: url(../graphics/subnav_hover.gif) top left no-repeat;
	}
	
#navigation #mainnav li.selected ul li a:hover {
	background-position: 0px -29px;
	}
	
#navigation #mainnav li.selected ul li.selected a {
	color: #9f3;
	background: #1e1e1e url(../graphics/subnav_selected.png) top left no-repeat;
	}
	
	
#navigation #mainnav li.notify_graphic {
	background: none;
	height: 105px;
	padding: 10px 0px 0px 0px;
	}
	
#navigation #mainnav li.notify_graphic a {
	width: auto;
	height: 105px;
	margin: 0px;
	padding: 0px;
	}



/*------------------------
		content
--------------------------*/

.segment {
	width: 479px;
	margin: 0px 0px 15px 13px;
	padding: 0px 0px 15px 0px;
	background: #e9e9e9 url(../graphics/segment_footer.png) bottom left no-repeat;
	float: left;
	}
	
.segment h3 {
	width: 464px;
	padding: 10px 0px 0px 15px;
	margin: 0px;
	background: #fff url(../graphics/segment_head.png) top left no-repeat;
	color: #f60;
	font-size: 14px;
	}


body#scores_page h3, body#globalscores_page h3, body#recentscores_page h3 {
	background: #fff url(../graphics/segment_body.png) top left repeat-y;
	clear: both;
	padding-top: 0px;
	}


.segment h4 {
	font-size: 12px;
	color: #6a3ba5;
	margin-bottom: 6px;
	margin-top: 20px;
	}
	
.segment .bodytext {
	width: 449px;
	padding: 10px 15px 0px 15px;
	margin: 0px;
	background: #fff url(../graphics/segment_body.png) top left repeat-y;
	float: left;
	}

.segment .bodytext p {
	margin-top: 0px;
	}
	
.segment .bodytext img.rightimage {
	padding: 0 0 0 10px;
	margin: 0px;
	float: right;
	}

/*----iPhone switcher------*/

#iphone.demo_banner {
	display: none; /* set this to "block" for testing what the iPhone looks like in a desktop browser */
	}

#desktop.demo_banner {
	display: block; /* set this to "none" for testing what the iPhone looks like in a desktop browser */
	}
	
	
#desktop.demo_banner {
	width: 479px;
	height: 94px;
	margin: -10px 0px 15px 13px;
	padding: 0px;
	float: left;
	background: url(../graphics/iphonebanner_desktop.png) left top no-repeat;
	}
	
#desktop.demo_banner p {
	width: 479px;
	height: 94px;
	margin: 0px;
	padding: 0px;
	}

#desktop.demo_banner a {
	display: block;
	width: 479px;
	height: 0px;
	padding: 94px 0px 0px 0px;
	overflow: hidden;
	}

#iphone.demo_banner {
	width: 479px;
	height: 247px;
	margin: 0px 0px 15px 13px;
	padding: 0px;
	float: left;
	background: url(../graphics/iphone_banner.png) left top no-repeat;
	}
	
#iphone.demo_banner p {
	width: 479px;
	height: 248px;
	margin: 0px;
	padding: 0px;
	}

#iphone.demo_banner a {
	display: block;
	width: 479px;
	height: 0px;
	padding: 248px 0px 0px 0px;
	overflow: hidden;
	}


/*----overview-------------*/


/*	old about promo

#index_page #about {
	background: #fff url(../graphics/segment_footer_overview_purple.png) bottom left no-repeat;
	margin-bottom: 5px;
	padding-bottom: 24px;
	}
	
#index_page #about h3 {
	background: #fff url(../graphics/segment_head_overview_purple.png) top left no-repeat;
	height: 25px;
	color: #fff;
	padding-left: 19px;
	width: 460px;
	font-size: 15px;
	}
	
#index_page #about .bodytext {
	background: #fff url(../graphics/segment_body_overview_purple.png) top left no-repeat;
	width: 460px;
	padding: 20px 0px 20px 19px;
	font-size: 12px;
	color: #9f90ff;
	min-height: 320px;
	}

#index_page #about .bodytext p {
	width: 180px;
	}
	
* html #index_page #about .bodytext p {
	width: 175px;
	}

* html #index_page #about img {
	margin-top: 10px;
	}

#index_page #about .bodytext ul {
	width: 165px;
	padding-left: 15px;
	margin-left: 0px;
	}
	
* html #index_page #about .bodytext ul {
	width: 160px;
	margin-left: 0px;
	}
	
#index_page #about .bodytext ul li {
	margin-bottom: 10px;
	}
	
*/

#index_page #about h3 {
	display: none;
	}

#index_page #about {
	background: #fff url(../graphics/segment_body_overview_main.png) top left no-repeat;
	margin: 0px 0px 5px 10px;
	height: 394px;
	width: 485px;
	padding: 0px;
	}
	
#index_page #about .bodytext {
	background: none;
	margin: 0px;
	padding: 0px;
	}

#index_page #about .bodytext p, #index_page #about .bodytext ul {
	display: none;
	}
	
#index_page #about .bodytext p#iphone_about_link {
	display: block;
	width: 485px;
	height: 71px;
	margin: 323px 0px 0px 0px;
	padding: 0px;
	background: #fff url(../graphics/segment_body_overview_main_bottom.png) top left no-repeat;
	}

#index_page #about .bodytext p#iphone_about_link a {
	display: block;
	width: 485px;
	height: 0px;
	padding: 71px 0px 0px 0px;
	overflow: hidden;
	}
	
	
	
	
	
#screenshot_overview {
	float: right;
	padding: 0px;
	margin: -35px 0px 0px 0px;
	}
	

	
#index_page div.segment.screenshots {
	background: none;
	margin: 20px 0px 30px 0px;
	padding: 0px;
	width: 237px;
	}
	
#index_page div.segment.screenshots h3 {
	background: none;
	margin: 0px;
	padding: 26px 0px 0px 0px;
	width: 237px;
	height: 0px;
	overflow: hidden;
	}
	
#index_page div#mobile_screenshots {
	background: url(/graphics/thumbnails_mobile_top.png) left top no-repeat;
	margin-left: 13px;
	}

#index_page div#desktop_screenshots {
	background: url(/graphics/thumbnails_desktop_top.png) left top no-repeat;
	margin-left: 5px;
	}

#index_page div.segment.screenshots .bodytext {
	background: none;
	margin: 0px;
	padding: 0px;
	width: 237px;
	}

#index_page div.segment.screenshots ul {
	width: 237px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

#index_page div.segment.screenshots li {
	padding: 0px;
	margin: 0px;
	width: 237px;
	}

#index_page div.segment.screenshots li.video {
	height: 43px;
	}
	
#index_page div.segment.screenshots li.video a {
	display: block;
	width: 237px;
	height: 0px;
	padding: 43px 0px 0px 0px;
	overflow: hidden;
	}

#index_page div.segment.screenshots li.screens {
	height: 56px;
	}
	
#index_page div.segment.screenshots li.screens a {
	display: block;
	width: 237px;
	height: 0px;
	padding: 56px 0px 0px 0px;
	overflow: hidden;
	}

#index_page div#mobile_screenshots li.video a {
	background: url(/graphics/thumbnails_mobile_gameplay.png) left top no-repeat;
	}

#index_page div#mobile_screenshots li.screens a {
	background: url(/graphics/thumbnails_mobile_screenshot.png) left top no-repeat;
	}

#index_page div#desktop_screenshots li.video a {
	background: url(/graphics/thumbnails_desktop_gameplay.png) left top no-repeat;
	}

#index_page div#desktop_screenshots li.screens a {
	background: url(/graphics/thumbnails_desktop_screenshot.png) left top no-repeat;
	}





/* -------- new leaderboards ----------- */

#leaderboard_area {
	background: none;
	width: 488px;
	margin-left: 10px;
	margin-bottom: 5px;
	}
	
div.leaderboard {
	width: 244px;
	overflow: hidden;
	}

div.leaderboard h3 {
	width: 244px;
	height: 0px;
	padding: 25px 0px 0px;
	overflow: hidden;
	}
	
#global_board {
	}

#global_board h3 {
	display: none;
	}
	
#todays_board h3 {
	background: url(../graphics/leaderboardnew_desktop_top.png) left top no-repeat;
	}
	
#iphoneglobal_board h3 {
	display: none;
	}
	
#iphonetodays_board h3 {
	background: url(../graphics/leaderboardnew_mobile_top.png) left top no-repeat;
	}

	
div.leaderboard ul {
	margin: 0px;
	padding: 11px 0px 0px 0px;
	width: 244px;
	height: 66px;
	list-style-type: none;
	}
	

div#iphonetodays_board ul {
	background: url(../graphics/leaderboardnew_mobile_today.png) left top no-repeat;
	}
	
div#iphoneglobal_board ul {
	height: 76px;
	padding-top: 12px;
	background: url(../graphics/leaderboardnew_mobile_global.png) left top no-repeat;
	}


div#todays_board {
	margin: -190px 0px 0px 244px;
	}

div#todays_board ul {
	background: url(../graphics/leaderboardnew_desktop_today.png) left top no-repeat;
	}


div#global_board {
	margin: 0px 0px 0px 244px;
	}
	
div#global_board ul {
	height: 76px;
	padding-top: 12px;
	background: url(../graphics/leaderboardnew_desktop_global.png) left top no-repeat;
	}

	
	
div.leaderboard ul li {
	margin: 0px;
	padding: 1px 12px 0px 12px;
	height: 19px;
	width: 213px;
	clear: both;
	}
		
div.leaderboard ul li span {
	display: block;
	float: left;
	}
	
div.leaderboard ul li span.avatar {
	margin: 4px 0px 0px 5px;
	width: 18px;
	}
	
* html div.leaderboard ul li span.avatar {
	margin: 4px 0px 0px 3px;
	}
	
div.leaderboard ul li span.avatar img {
	width: 16px;
	height: 16px;
	}
	
div.leaderboard ul li span.rank {
	width: 35px;
	margin: 6px 0px 0px 3px;
	}
	
div.leaderboard ul li span.name {
	width: 110px;
	margin: 6px 0px 0px 3px;
	}
	
* html div.leaderboard ul li span.name	{
	width: 105px;
	}
	
div.leaderboard ul li span.score {
	margin: 6px 0px 0px 3px;
	}
	
	
div.leaderboard ul li.devotion_1,
div.leaderboard ul li.devotion_1 a,
div.leaderboard ul li.devotion_1 a:visited {
	color: #999;
	}
	
div.leaderboard ul li.devotion_2,
div.leaderboard ul li.devotion_2 a,
div.leaderboard ul li.devotion_2 a:visited {
	color: #0085df;
	}
	
div.leaderboard ul li.devotion_3,
div.leaderboard ul li.devotion_3 a,
div.leaderboard ul li.devotion_3 a:visited {
	color: #c30;
	}
	
div.leaderboard ul li.devotion_4,
div.leaderboard ul li.devotion_4 a,
div.leaderboard ul li.devotion_4 a:visited {
	color: #f28a03;
	}
	
div.leaderboard ul li.devotion_5,
div.leaderboard ul li.devotion_5 a,
div.leaderboard ul li.devotion_5 a:visited {
	color: #fc0;
	}
	
div.leaderboard ul li.devotion_6,
div.leaderboard ul li.devotion_6 a,
div.leaderboard ul li.devotion_6 a:visited {
	color: #9f3;
	}
	
div.leaderboard ul li.devotion_7,
div.leaderboard ul li.devotion_7 a,
div.leaderboard ul li.devotion_7 a:visited {
	color: #96f;
	}
	
	
	
	
#index_page #teaser {
	float: left;		/* this float allows the teaser div to size properly to enclose all the news items */
	}

#index_page #teaser .bodytext {
	float: left;		/* this float allows the bodytext div to size properly to enclose all the news items */
	}

#index_page #teaser .news_recent {
	width: 220px;
	float: left;
	}

#index_page #teaser .news_recent .news {
	margin-bottom: 20px;
	padding-top: 3px;
	border-top: 1px dotted #ccc;
	}

#index_page #teaser .news_recent .news h4 {
	margin-top: 0px;
	margin-bottom: 5px;
	line-height: 14px;
	}

#index_page #teaser .news_recent .news h4 span.date {
	display: block;
	font-weight: normal;
	font-size: 11px;
	color: #ac4d4d;
	}
	
#index_page #teaser .quote_section {
	width: 205px;
	float: right;
	}

#index_page #teaser .quote_section .quote {
	letter-spacing: -.07em;
	line-height: 20px;
	color: #f60;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 20px;
	}
	
#index_page #teaser .quote_section .quote p {
	margin-bottom: 5px;
	}
	
#index_page #teaser .quote_section .quote p.credit, #index_page #teaser .quote_section .quote p.date {
	line-height: 14px;
	color: #93a7b8;
	font-size: 10px;
	text-align: right;
	font-weight: normal;
	margin-bottom: 0px;
	letter-spacing: normal;
	}



/*------------------------
	player card
--------------------------*/

.playercard {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 24px 0px;
	background: #f4f4f4 url(../graphics/player_bottom_desktop.png) bottom left no-repeat;
	}
	
.playercard.iphone_ {
	background: #f4f4f4 url(../graphics/player_bottom_mobile.png) bottom left no-repeat;
	}
	
.playercard .summary {
	width: 441px;
	height: 24px;
	margin: 0px;
	padding: 0px;
	background: #f4f4f4 url(../graphics/player_top.png) top left no-repeat;
	overflow: hidden;
	}
	
.playercard .summary h4 {
	width: 220px;
	height: 20px;
	margin: 4px 0px 0px 10px;
	padding: 0px;
	font-size: 14px;
	font-weight: bold;
	float: left;
	color: #1e1e1e;
	}
	
.playercard .summary h4 a,
.playercard .summary h4 a:visited {
	padding: 0px 15px 2px 0px;
	color: #1e1e1e;
	text-decoration: none;
	background: url(../graphics/player_goto_profile.png) right center no-repeat;
	}
	
.playercard .summary h4 a:hover {
	color: #666;
	text-decoration: none;
	}
	
.playercard .summary h4 a.toggle,
.playercard .summary h4 a.toggle:visited {
	display: block;
	float: left;
	width: 12px;
	height: 13px;
	margin: 2px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: none;
	}
	
.playercard .summary h4 a.toggle img {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

.playercard .summary ul {
	height: 24px;
	margin: 0px;
	padding: 0px;
	}
	
.playercard .summary li {
	display: block;
	float: left;
	height: 17px;
	margin: 6px 5px 0px 0px;
	padding: 0px 5px 0px 0px;
	font-size: 11px;
	color: #d75600;
	}
	
.playercard .summary li.first {
	width: 60px;
	height: 17px;
	margin: 4px 5px 0px 0px;
	font-size: 14px;
	color: #4167a7;
	border-right: 1px solid #4167a7;
	text-align: right;
	}
	
.playercard .summary li.buddy {
	width: 32px;
	height: 19px;
	margin: 3px 7px 0px 0px;
	padding: 0px;
	float: right;
	}

.playercard .summary li.buddy a {
	display: block;
	width: 32px;
	height: 0px;
	padding: 19px 0px 0px 0px;
	background: url(../graphics/buddy_add.png) top left no-repeat;
	overflow: hidden;
	}
	
.playercard .summary li.buddy a.remove {
	background: url(../graphics/buddy_remove.png) top left no-repeat;
	}
	
.playercard .detail {
	width: 431px;
	margin: 0px;
	padding: 10px 5px 10px 5px;
	background: #292929 url(../graphics/player_middle_desktop.png) top left no-repeat;
	}

	
.playercard.iphone_ .detail {
	background: #292929 url(../graphics/player_middle_mobile.png) top left no-repeat;
	}

.playercard .detail_fixed {
	width: 431px;
	margin: 0px;
	padding: 10px 5px 10px 5px;
	background: #292929 url(../graphics/player_middle.png) top left repeat-y;
	}

.playercard img.avatar {
	float: left;
	width: 64px;
	height: 64px;
	margin-right: 5px;
	}
	
.playercard .personal {
	width: 258px;
	margin-left: 8px;
	padding-bottom: 0px;
	}
	
* html .playercard .personal {
	padding-bottom: 0px;
	}
	
.playercard .profile p {
	color: #eee;
	padding-top: 5px;
	height: 62px;
	overflow: hidden;
	margin: 0px;
	}
	
.playercard .detail h5 {
	color: #efc001;
	margin: 0px;
	font-size: 10px;
	font-weight: normal;
	}

.playercard .detail div.rank {
	width: 70px;
	float: left;
	height: 50px;
	}

.playercard .detail div.rank p {
	color: #fff;
	font-size: 34px;
	}
	
.playercard .detail div.rank p.digits_3 {
	font-size: 30px;
	}
	
.playercard .detail div.rank p.digits_4 {
	font-size: 24px;
	}
	
.playercard .detail div.rank p.digits_5 {
	font-size: 20px;
	}

.playercard .detail .location {
	padding-top: 13px;
	height: 37px;
	}

.playercard .detail .location p {
	color: #fff;
	margin: 0px;
	}
	
.playercard .detail .location a, .playercard .detail .location a:visited {
	color: #9d9d9d;
	text-decoration: none;
	}
	
.playercard .detail .location a:hover {
	color: #fff;
	}
	

.playercard .detail .scores {
	clear: left;
	width: 121px;
	height: 104px;
	margin-left: 5px;
	padding-bottom: 7px;
	/*background: #1d1d1d url(../graphics/player_scores_bg_bottom.png) bottom left no-repeat;*/
	float: left;
	}
	
* html .playercard .detail .scores {
	margin-left: 3px;
	}

.playercard .detail .scores h5 {
	width: 114px;
	padding: 7px 0px 0px 7px;
	/*background: #1d1d1d url(../graphics/player_scores_bg_top.png) top left no-repeat;*/
	}

.playercard .detail .scores table {
	width: 120px;
	margin: 3px 0px 0px 3px;
	font-size: 10px;
	color: #7065c7;
	}
	
.playercard .detail .scores table tr.first {
	color: #c6bfff;
	}
	
	
.playercard .detail .friends {
	width: 140px;
	height: 104px;
	margin-left: 129px;
	padding-bottom: 7px;
	/*background: #1d1d1d url(../graphics/player_friends_bg_bottom.png) bottom left no-repeat;*/
	}
	
* html .playercard .detail .friends {
	margin-left: 127px;
	}

.playercard .detail .friends h5 {
	width: 133px;
	padding: 7px 0px 0px 7px;
	/*background: #1d1d1d url(../graphics/player_friends_bg_top.png) top left no-repeat;*/
	}

.playercard .detail .friends .friends_list {
	width: 137px;
	height: 85px;
	overflow: auto;
	}

.playercard .detail .friends table {
	width: 118px;
	margin: 3px 0px 0px 0px;
	font-size: 10px;
	color: #52a8f9;
	}
	
.playercard .detail .friends table td.rank {
	color: #fff;
	text-align: right;
	}
	
	
.playercard .detail .stats {
	width: 154px;
	height: 223px;
	margin: -230px 5px 0px 0px;
	padding-bottom: 7px;
	/*background: #1d1d1d url(../graphics/player_stats_bg_bottom.png) bottom left no-repeat;*/
	float: right;
	}
	
* html .playercard .detail .stats {
	margin-top: -233px;
	margin-right: 0px;
	}

.playercard .detail .stats h5 {
	width: 147px;
	padding: 7px 0px 0px 7px;
	/*background: #1d1d1d url(../graphics/player_stats_bg_top.png) top left no-repeat;*/
	}

.playercard .detail .stats h6 {
	padding: 5px 7px 0px 7px;
	margin: 0px;
	font-size: 10px;
	color: #52a8f9;
	font-weight: normal;
	}

.playercard .detail .stats ul {
	list-style-type: none;
	margin: 0px 0px 0px 7px;
	padding: 0px;
	}
	
.playercard .detail .stats img.piechart {
	float: left;
	}

.playercard .detail .stats ul.pies {
	margin: 0px;
	padding: 15px 0px 0px 0px;
	height: 45px;
	}
	
.playercard .detail .stats ul.pies li.first {
	color: #ffa800;
	}
	
.playercard .detail .stats ul.pies li.last {
	color: #c0fe33;
	margin-top: 2px;
	}

.playercard .detail .stats ul.powerups {
	padding: 5px 0px 0px 10px;
	}

.playercard .detail .stats ul.powerups li {
	height: 22px;
	padding: 6px 0px 0px 30px;
	background: url(../graphics/powerups_slow_desktop.png) top left no-repeat;
	color: #52a8f9;
	}
	
.playercard .detail .stats ul.powerups li.first {
	background: url(../graphics/powerups_double_desktop.png) top left no-repeat;
	color: #ffa800;
	}
	
.playercard .detail .stats ul.powerups li.last {
	background: url(../graphics/powerups_nuke_desktop.png) top left no-repeat;
	color: #ff5700
	}
	
.playercard.iphone_ .detail .stats ul.powerups li {
	background: url(../graphics/powerups_slow_mobile.png) top left no-repeat;
	}
	
.playercard.iphone_ .detail .stats ul.powerups li.first {
	background: url(../graphics/powerups_double_mobile.png) top left no-repeat;
	}
	
.playercard.iphone_ .detail .stats ul.powerups li.last {
	background: url(../graphics/powerups_nuke_mobile.png) top left no-repeat;
	}
	
.playercard .detail div.comments {
	width: 421px;
	height: 18px;
	padding: 4px 0px 0px 0px;
	margin: 5px 0px 0px 5px;
	background: url(../graphics/player_comments_desktop.png) left top no-repeat;
	}
	
.playercard.iphone_ .detail div.comments {
	background: url(../graphics/player_comments_mobile.png) left top no-repeat;
	}
	
.playercard .detail div.comments p {
	margin: 0px 0px 0px 7px;
	padding: 0px;
	}
	
	

/*------------------------
	scores list
--------------------------*/


ul.viewswitcher {
	list-style-type: none;
	margin: 0px;
	padding: 5px 0px 40px 0px;
	background: url(../graphics/segment_head_scores.gif) top left no-repeat;
	}
	
ul.viewswitcher li {
	width: 95px;
	height: 19px;
	overflow: hidden;
	float: left;
	padding: 0px;
	margin: 0px;
	}
	
ul.viewswitcher li a {
	display: block;
	width: 95px;
	height: 0px;
	padding: 19px 0px 0px 0px;
	}
	
ul.viewswitcher li.first {
	margin-left: 281px;
	background: url(../graphics/switcher_iphone.png) left top no-repeat;
	}
	
* html ul.viewswitcher li.first {
	margin-left: 140px;
	}

ul.viewswitcher li.last {
	margin-left: 3px;
	background: url(../graphics/switcher_desktop.png) left top no-repeat;
	}
	
ul.viewswitcher li.selected {
	background-position: 0px -19px;
	}
	

.scorecard {
	width: 441px;
	margin: 0px 0px 20px 3px;
	padding: 0px 0px 7px 0px;
	background: url(../graphics/scores_background_bottom.png) bottom left no-repeat;
	}

.scorecard .header {
	width: 441px;
	height: 33px;
	margin: 0px;
	background: url(../graphics/scores_background_top.png) top left no-repeat;
	}
	
div#scores_global div.header {
	background: url(../graphics/scores_top_global.png) top left no-repeat;
	}
	
div#scores_week div.header {
	background: url(../graphics/scores_top_week.png) top left no-repeat;
	}
	
div#scores_day div.header {
	background: url(../graphics/scores_top_today.png) top left no-repeat;
	}
	
div#scores_friends div.header, div#scores_friends_empty div.header {
	background: url(../graphics/scores_top_friends.png) top left no-repeat;
	}
	
div#scores_my div.header {
	background: url(../graphics/scores_top_my.png) top left no-repeat;
	}
	
div#scores_my div.header {
	background: url(../graphics/scores_top_my.png) top left no-repeat;
	}
	
div#scores_grandmaster div.header {
	background: url(../graphics/scores_top_grandmaster.png) top left no-repeat;
	}
	
div#scores_master div.header {
	background: url(../graphics/scores_top_masters.png) top left no-repeat;
	}
	
div#scores_guru div.header {
	background: url(../graphics/scores_top_gurus.png) top left no-repeat;
	}
	
div#scores_artisan div.header {
	background: url(../graphics/scores_top_artisans.png) top left no-repeat;
	}
	
div#scores_apprentice div.header {
	background: url(../graphics/scores_top_apprentices.png) top left no-repeat;
	}

div#scores_rookie div.header {
	background: url(../graphics/scores_top_rookies.png) top left no-repeat;
	}
	
div#scores_newbie div.header {
	background: url(../graphics/scores_top_newbies.png) top left no-repeat;
	}
	
	
.scorecard .header h4 {
	display: none;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
	color: #666;
	float: left;
	}
	
.scorecard .scores {
	width: 441px;
	margin: 0px 0px 12px 0px;
	background: url(../graphics/scores_background_middle.png) top left repeat-y;
	}
	
#scores_grandmaster .scores {
	margin: 0px 0px 6px 0px;
	}
	
#scores_friends_empty {
	padding-bottom: 3px;
	}

.scorecard table {
	width: 421px;
	margin: 0px 0px 0px 10px;
	border-collapse: collapse;
	font-size: 10px;
	text-align: left;
	color: #9568ac;
	}
	
.scorecard table th {
	background-color: #e8e8e8;
	color: #0085df;
	margin: 0px;
	padding: 0px;
	height: 17px;
	font-weight: normal
	}

.scorecard table th.rank {
	background: transparent url(../graphics/scores_tablehead_left.png) top left no-repeat;
	}
	
.scorecard table th.devotion {
	background: transparent url(../graphics/scores_tablehead_right.png) top right no-repeat;
	}
	
.scorecard table td {
	height: 15px;
	}
	
.scorecard table .rank {
	padding-left: 3px;
	width: 40px;
	}
	
.scorecard table .name {
	width: 130px;
	padding-right: 5px;
	}
	
.scorecard table .location {
	width: 121px;
	padding-right: 5px;
	}
	
.scorecard table .score {
	width: 40px;
	}
	
.scorecard table .devotion {
	width: 80px;
	}
	
.scorecard table .name a {
	color: #9568ac;
	}
		
.scorecard table tr.top_ten, .scorecard table tr.top_ten a {
	color: #4f6cc0;
	}

.scorecard table tr.top_one, .scorecard table tr.top_one a {
	color: #cb3500;
	font-weight: bold;
	}
	
.scorecard table .sort {
	font-weight: bold;
	}
	
.scorecard table td.sort {
	color: #598b14;
	}

.scorecard p {
	margin: 0px 0px 11px 15px;
	}
	
.scorecard img.link {
	margin-left: 2px;
	}

.scorecard ul.switcher {
	list-style-type: none;
	margin: 5px 10px 0px 0px;
	padding: 0px;
	width: 156px;
	float: right;
	}
	
.scorecard ul.switcher li.first {
	margin: 0px;
	padding: 0px;
	width: 72px;
	height: 20px;
	float: left;
	}
	
.scorecard ul.switcher li.last {
	margin: 0px;
	padding: 0px;
	width: 80px;
	height: 20px;
	float: right;
	}
	
.scorecard ul.switcher li.first a {
	display: block;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	width: 72px;
	height: 0px;
	background: url(../graphics/switcher_byplayer.png) top left no-repeat;
	overflow: hidden;
	}
	
.scorecard ul.switcher li.last a {
	display: block;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	width: 80px;
	height: 0px;
	background: url(../graphics/switcher_allscore.png) top left no-repeat;
	overflow: hidden;
	}
	
.scorecard ul.switcher li.selected a {
	background-position: 0px -20px;
	}
		
.resultslinkbar {
	width: 410px;
	height: 15px;
	margin: 0px 0px 11px 44px;
	color: #6da4c0;
	background: url(../graphics/lightgraybar.png) left top no-repeat;
	padding: 0px 9px 3px 2px;
	}
	
.scorecard .resultslinkbar {
	background: none;
	padding: 0px;
	margin-left: 10px;
	}
	
.resultslinkbar ul {
	width: 410px;
	font-weight: bold;
	margin: 0;
	padding: 0px 4px 0px 0px;
	}

.resultslinkbar li.linkbarinfo {
	float: right;
	font-weight: bold;
	margin-right: 0px;
	padding-left: 10px;
	padding: 2px 0 0 10px;
	color: #777;
	}
	
.resultslinkbar li {
	float: left;
	list-style-type: none;
	}

.pagelink {
	padding: 2px 5px 0 0px;
	color: #036;
	}
	
.prev {
	padding: 2px 5px 0 8px;
	}
	
.resultslinkbar li em {
	font-style: normal;
	}
	
.next {
	padding: 2px 8px 0 5px;
	}

.resultslinkbar ul a {
	text-decoration: none !important;
	}
	
.resultslinkbar ul a:hover {
	text-decoration: underline;
	}
	
.resultslist li {
	text-align: left;
	float: left;
	list-style-type: none;
	}
	
	
	
/*------------------------
	forms
--------------------------*/

div.form_section {
	width: 440px;
	margin: 10px 0px 15px 0px;
	padding: 0px 0px 10px 0px;
	background: #dbdbdb url(../graphics/graybox_bottom.png) bottom left no-repeat;
	}
	
div.form_section h4 {
	font-size: 14px;
	color: #2d4f8b;
	margin: 0px;
	padding: 3px 0px 0px 10px;
	width: 440px;
	height: 20px;
	background: url(../graphics/graybox_top.png) top left no-repeat;
	}
	
div.form_section h4 a {
	color: #2d4f8b;
	}
	
div.form_section div.detail {
	width: 420px;
	padding: 0px 10px 10px 10px;
	}

div.form_section div.detail label span.note {
	color: #666;
	font-size: 9px;
	}
	
.required {
	color: #f30;
	}

div.form_section div.detail label {
	padding: 7px 0px 0px 3px;
	}

div.form_section div.error {
	margin: 10px 10px 10px 10px;
	padding: 10px 20px 10px 20px;
	border: 1px solid #000;
	background-color: #282828;
	}
	
div.form_section div.error p {
	margin: 0px;
	font-weight: bold;
	color: #ff5700;
	}
	

/*------------------------
	settings
--------------------------*/

#edit_profile .player_info {
	width: 195px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	float: left;
	}

#edit_profile .location_info {
	margin: 0px 0px 105px 200px;
	}

#edit_profile .location_info p.note {
	margin-top: 15px;
	}
	

#edit_avatar {
	float: left;
	}

#edit_avatar div.avatars {
	margin: 5px 0px 0px 0px;
	padding-top: 10px;
	width: 420px;
	background: #242424 url(../graphics/avatar_background_top.png) top left no-repeat;
	float: left;
	}
	
#edit_avatar div.avatars ul {
	width: 410px;
	background: url(../graphics/avatar_background_bottom.png) bottom left no-repeat;
	list-style-type: none;
	padding: 0px 0px 0px 10px;
	margin: 0px;
	float: left;
	}
	
#edit_avatar div.avatars ul li {
	display: block;
	width: 84px;
	height: 84px;
	padding: 0px;
	margin: 8px;
	float: left;
	}
	
#edit_avatar div.avatars ul li a {
	display: block;
	width: 64px;
	height: 64px;
	padding: 10px;
	background: #292929 url(../graphics/avatar_well.png) top left no-repeat;
	}
	
#edit_avatar div.avatars ul li a:hover {
	background-position: 0px -84px;
	}
	
#edit_avatar #avatar_detail label {
	margin-bottom: 5px;
	}

#edit_avatar #avatar_detail p {
	font-size: 14px;
	margin: 10px 0px 5px 10px;
	}
	
#edit_avatar #avatar_detail p.note {
	font-size: 11px;
	margin: 5px 0px 0px 2px;
	}
	
	

#preferences_page .segment form {
	padding-bottom: 40px;
	}
	
#preferences_page .segment form input.submitbutton {
	clear: both;
	float: left;
	margin-top: 20px;
	}
	
#preferences_page .segment form label {
	margin-top: 10px;
	}
	
#preferences_page .segment form #length_prefs {
	padding-bottom: 5px;
	}

#preferences_page .segment form #card_prefs input {
	float: left;
	margin-top: 1px;
	margin-right: 7px;
	}

	

/*------------------------
		buy page
--------------------------*/


#buy_page img#lowprices {
	float: right;
	}

#buy_page .form_section {
	margin-bottom: 30px;
	}
	
#buy_page #choose_product {
	margin-top: 20px;
	}

#buy_page #purchase form h4 {
	color: #6a3ba5;
	}	

#choose_product #product_detail .product {
	background: url(../graphics/product_bg.png) top left no-repeat;
	clear: left;
	min-height: 20px;
	margin: 5px 0px 5px 0px;
	padding-top: 7px;
	}

#choose_product #product_detail .product input {
	float: left;
	margin-top: 7px;
	margin-left: 45px;
	}

#choose_product #product_detail .product label {
	float: left;
	font-weight: bold;
	font-size: 12px;
	}
		
#choose_product #product_detail #bundle label {
	color: #901d53;
	}

#choose_product #product_detail #limited label {
	color: #901d53;
	}

#choose_product #product_detail #bundle {
	background: url(../graphics/product_bg_bestvalue.png) top left no-repeat;
	padding-bottom: 5px;
	}

#choose_product #product_detail #limited {
	background: url(../graphics/product_bg_limitedtime.png) top left no-repeat;
	margin-top: 10px;
	}
	
#choose_product #product_detail #website6 {
	border-top: 1px dotted #999;
	padding-top: 15px;
	background-position: 0px 8px;
	color: #333;
	}

#choose_product #product_detail .product span.price {
	float: right;
	margin-top: 6px;
	margin-right: 10px;
	color: #266400;
	font-weight: bold;
	font-size: 9px;
	}
	
#choose_product #product_detail .product span.price em {
	font-style: normal;
	font-size: 15px;
	vertical-align: text-top;
	position: relative;
	top: -1px;
	}
	
#choose_product #product_detail .product .description {
	clear: both;
	margin: 0px 0px 10px 63px;
	padding-top: 3px;
	width: 300px;
	}
	
#choose_product #product_detail #bundle .description {
	color: #901d53;
	}

#choose_product #product_detail #limited .description {
	color: #901d53;
	}
		
#choose_product #product_detail .product .description p {
	margin: 3px 0px 5px 0px;
	font-weight: bold;
	}
	
#choose_product #product_detail #website6 .description p {
	font-weight: normal;
	}
	
#choose_product #product_detail .product .description ul {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	}

#choose_product #product_detail .product .description ul li {
	margin-bottom: 3px;
	}


	
#account_info #screenname_area {
	width: 220px;
	float: left;
	}
	
#buy_page #terms_area {
	padding-bottom: 20px;
	}

#buy_page #terms_area input {
	float: left;
	margin-top: 1px;
	}
	
#contact_info #name_area {
	float: left;
	width: 220px;
	padding-bottom: 80px;
	}
	
#contact_info #name_area input, #contact_info #address_area input {
	width: 190px;
	}
	
#contact_info #address_area #state_area {
	float: left;
	width: 100px;
	}
	
#contact_info #address_area #state_area input, #contact_info #address_area #zip_area input {
	width: 90px;
	}
	
#payment_info #card_area {
	float: left;
	width: 220px;
	padding-bottom: 40px;
	}

#payment_info #card_area img.cardtype {
	margin-right: 8px;
	position: relative;
	top: 7px;
	}
	
#payment_info #number_area {
	padding-top: 5px;
	}
	
#payment_info #number_area input {
	width: 190px;
	}
	
#payment_info #number_area input#securitycode {
	width: 50px;
	}
	
#buy_page .maincontent input.submitbutton {
	clear: both;
	}
	
#buy_page #account_name {
	margin: 20px 140px 0px 63px;
	}
	
#buy_page #account_name p {
	margin-bottom: 5px;
	}
	
	
#buy_page #payment_choices input {
	margin-top: 10px;
	margin-left: 20px;
	}
	
#buy_page #paypal_info .detail {
	padding-top: 12px;
	}
	
#buy_page #paypal_info .detail p {
	padding-left: 20px;
	padding-right: 20px;
	}






#buy_page div#alert h3 {
	color: #fc0;
	font-size: 17px;
	padding-top: 15px;
	background: #2e2e2e url(../graphics/sysreqs_top.png) top left no-repeat;
	}
	


/*------------------------
	  confirm page
--------------------------*/

#confirm_page #product {
	font-weight: bold;
	font-size: 12px;
	margin-top: 30px;
	margin-bottom: 30px;
	}

#confirm_page #product p {
	margin-left: 10px;
	}

#confirm_page #customer_billing {
	margin-bottom: 30px;
	}

#confirm_page #customer_billing p {
	margin-left: 10px;
	}
	
#confirm_page #customer_billing p strong {
	display: block;
	width: 120px;
	float: left;
	margin-bottom: 10px;
	}


/*------------------------
	  receipt page
--------------------------*/


#receipt_page #purchase div.instructions {
	padding-left: 60px;
	padding-top: 18px;
	color: #333;
	}

#receipt_page #purchase div.instructions h4 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	color: #333;
	}


#receipt_page #purchase div#registration_instructions {
	background: url(../graphics/step1.png) left top no-repeat;
	}

#receipt_page #purchase div#login_instructions {
	background: url(../graphics/step2.png) left top no-repeat;
	margin-bottom: 20px;
	}
	
#receipt_page #purchase div.instructions div.info {
	margin: 20px 0px 20px 0px;
	}

#receipt_page #purchase div.instructions div.info p {
	font-size: 18px;
	margin: 0px 0px 5px 0px;
	color: #666;
	}

#receipt_page #purchase div.instructions div.info p strong {
	color: #333;
	display: block;
	min-width: 150px;
	float: left;
	text-align: right;
	padding-right: 10px;
	}


/*------------------------
	  terms page
--------------------------*/

body#terms_page {
	background: none;
	background-color: #e5e5e5;
	}
	
body#terms_page .wrapper {
	background: none;
	width: 500px !important;
	}
	
body#terms_page .maincontent {
	width: 500px;
	}
	
body#terms_page #footer {
	padding-left: 40px;
	width: 460px !important;
	background: #e5e5e5 url(../graphics/footer_terms.png) top left no-repeat;
	}
	
body#terms_page h1 {
	width: 500px;
	padding: 105px 0px 0px 0px;
	height: 0px;
	background: #e5e5e5 url(../graphics/header_terms.png) top left no-repeat;
	overflow: hidden;
	}


/*------------------------
	  news page
--------------------------*/

#news_page .news .bodytext {
	padding-top: 10px;
	}

#news_page .news h3 {
	line-height: 14px;
	font-size: 12px;
	color: #6a3ba5;
	}

#news_page .news h3 span.date {
	display: block;
	font-weight: normal;
	font-size: 11px;
	color: #ac4d4d;
	}
	
	
/*------------------------
	version history page
--------------------------*/

#abouthistory_page .version .bodytext {
	padding-top: 0px;
	}

#abouthistory_page .version p.date {
	color: #ac4d4d;
	}




/*------------------------
	  about page
--------------------------*/

ul#powerups_list {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	list-style-type: none;
	width: 280px;
	font-size: 9px;
	}
	

ul#powerups_list li {
	width: 240px;
	padding: 10px 5px 0px 35px;
	margin: 0px;
	min-height: 30px;
	background: url(../graphics/about_powerups_timer.png) top left no-repeat;
	}
	
* html ul#powerups_list li {
	padding-bottom: 10px;
	}

ul#powerups_list li.first {
	padding-top: 10px;
	background: url(../graphics/about_powerups_2x.png) top left no-repeat;
	}

ul#powerups_list li.last {
	padding-top: 5px;
	background: url(../graphics/about_powerups_nuke.png) top left no-repeat;
	}

#about_page div.screenshot {
	width: 152px;
	margin-top: -3px;
	margin-left: 15px;
	float: right;
	}
	
#about_page div.screenshot p {
	text-align: center;
	}
	
#about_page div.movie p {
	padding-left: 10px;
	background: url(../graphics/movie_badge.png) 20px 3px no-repeat;
	}
	
#about_page div.movie p.scoring {
	padding-left: 20px;
	}

	
#about_page #sysreq {
	background: #2e2e2e url(../graphics/sysreqs_bottom.png) bottom left no-repeat;
	}
	
#about_page #sysreq h3 {
	color: #ffca01;
	font-size: 12px;
	background: #2e2e2e url(../graphics/sysreqs_top.png) top left no-repeat;
	}

#about_page #sysreq .bodytext {
	background: #2e2e2e url(../graphics/sysreqs_middle.png) top left repeat-y;
	color: #609bff;
	}

#about_page #sysreq .bodytext  ul {
	margin-top: 0px;
	}


/*------------------------
	  strategy page
--------------------------*/

#aboutstrategy_page div.section {
	padding-left: 70px;
	}

#aboutstrategy_page div.section h4 {
	margin-bottom: 8px;
	}

#aboutstrategy_page #strategy_start {
	background: url(../graphics/strategy_starting.png) 0px 25px no-repeat;
	}

#aboutstrategy_page #strategy_powerups {
	background: url(../graphics/strategy_powerups.png) 0px 25px no-repeat;
	}

#aboutstrategy_page #strategy_timer {
	background: url(../graphics/strategy_beating.png) 0px 25px no-repeat;
	}

#aboutstrategy_page #strategy_zone {
	background: url(../graphics/strategy_zone.png) 0px 25px no-repeat;
	}
	
#aboutstrategy_page .segment .quote {
	letter-spacing: -.07em;
	line-height: 20px;
	color: #74bc0d;
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding: 15px 0px 5px 70px;
	}
	
#aboutstrategy_page #strategy_intro {
	padding-left: 185px;
	padding-top: 10px;
	padding-right: 8px;
	min-height: 250px;
	background: url(../graphics/frenzinator.png) 0px 0px no-repeat;
	}

* html #aboutstrategy_page #strategy_intro {
	padding-bottom: 20px;
	}


/*------------------------
	  contact page
--------------------------*/

#aboutcontact_page #contact_form form {
	margin: 20px 0px 0px 0px;
	}

#aboutcontact_page #contact_form label {
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 2px;
	}

#aboutcontact_page #contact_form input {
	width: 200px;
	}
	
#aboutcontact_page #contact_form textarea {
	width: 350px;
	height: 120px;
	}
	
#aboutcontact_page #contact_form input.submitbutton {
	display: block;
	width: auto;
	margin-top: 20px;
	}


	
	
	
div#alert {
	color: #fc0;
	background: #2e2e2e url(../graphics/sysreqs_bottom.png) bottom left no-repeat;
	}

div#alert h3 {
	color: #fc0;
	font-size: 12px;
	background: #2e2e2e url(../graphics/sysreqs_top.png) top left no-repeat;
	}
	
div#alert .bodytext {
	background: #2e2e2e url(../graphics/sysreqs_middle.png) top left repeat-y;
	}

div#alert a {
	color: #fff;
	}
	
	
	
	
div.uglyalert {
	color: #fc0;
	background: #2e2e2e url(../graphics/uglyalert_bottom.png) bottom left no-repeat;
	}
	
div.uglyalert .bodytext {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	background: #2e2e2e url(../graphics/uglyalert_top.png) top left no-repeat;
	}
	
div.uglyalert .bodytext p {
	margin: 0px;
	padding: 10px;
	text-align: center;
	}

div.uglyalert a {
	color: #fff;
	}
	
	

div#in_progress {
	width: 440px;
	margin: 10px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	background: #dbdbdb url(../graphics/graybox_top.png) top left no-repeat;
	}
	
div#in_progress h4 {
	font-size: 14px;
	color: #2d4f8b;
	margin: 0px;
	padding: 3px 0px 0px 10px;
	width: 440px;
	height: 20px;
	background: none;
	}
	
div#in_progress div.detail {
	background: #dbdbdb url(../graphics/graybox_bottom.png) bottom left no-repeat;
	margin-bottom: 0px;
	}
	
div#in_progress div.detail img.spinner {
	float: left;
	}
	
div#in_progress div.detail p {
	padding: 3px 0px 0px 10px;
	margin: 0px;
	}
	
	
/*------------------------
	invite page
------------------------*/

#peopleinvite_page label {
	margin-bottom: 3px;
	}

#peopleinvite_page label span.note {
	color: #666;
	font-size: 9px;
	}

#peopleinvite_page textarea {
	margin-bottom: 20px;
	width: 380px;
	height: 70px;
	}
	
#peopleinvite_page blockquote.preview {
	background-color: #dbdbdb;
	color: #666;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	width: 360px;
	}
	
#peopleinvite_page div.error, #peopleinvite_page div.notification {
	margin: 10px 69px 20px 0px;
	padding: 10px 20px 10px 20px;
	border: 1px solid #000;
	background-color: #282828;
	font-weight: bold;
	color: #ff5700;
	}
	
#peopleinvite_page div.error p, #peopleinvite_page div.notification p {
	margin: 0px;
	}
	
#peopleinvite_page div.notification {
	color: #9f3;
	}
	
	
/*---------------------------------
	open-close all playercards
-----------------------------------*/

div.openclose_all {
	float: right;
	margin-top: -25px;
	}
	
* html div.openclose_all {
	margin-top: 0px;
	position: relative;
	top: -25px;
	}
	
div.openclose_all a {
	display: block;
	float: left;
	}
	
div.openclose_all a.open {
	padding-right: 3px;
	margin-right: 3px;
	border-right: 1px solid #0085df;
	}
	
	
	
/*---------------------------------
	propaganda
-----------------------------------*/
	
div.samplebadge {
	float: left;
	margin-right: 20px;
	margin-left: 10px;
	padding-top: 10px;
	}
	
* html div.samplebadge {
	margin-right: 10px;
	}
	
div.samplebadge p {
	text-align: center;
	padding-top: 5px;
	}
	
div#static_badges {
	text-align: center;
	}
	
div#static_badges div.samplebadge {
	float: none;
	margin: 0px 30px 0px 30px;
	display: inline;
	}
	
div.badgecode {
	clear: both;
	padding: 0px 0px 0px 0px;
	background-color: #dbdbdb;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
	}
	
div.badgecode form {
    padding: 10px;
	margin: 0;
	}
	
div.badgecode p {
	padding: 0px 0px 7px 12px;
	margin: 0px;
	}

div.badgecode pre {
	overflow: auto;
	padding: 10px;
	margin: 0px;
	background-color: #ebebeb;
	}
	
div.badgecode label {
    display: inline;
    }
    
#propaganda_page .segment img.banner {
	float: right;
	margin: -20px 0px 0px 20px;
	}
	
#propaganda_page .segment ul.banner_list li {
	margin-bottom: 5px;
	}
	
	

/*---------------------------------
	video pages
-----------------------------------*/

#mobilevideo_page div#mobile_video {
	background: url(/graphics/mobilevideo_background.png) 60px 0px no-repeat;
	width: 479px;
	height: 555px;
	margin: 0px 0px 50px 0px;
	padding: 0px;
	}


#mobilevideo_page div#mobile_video h3 {
	background: none;
	display: none;
	}

#mobilevideo_page div#mobile_video .bodytext {
	background: none;
	}

#mobilevideo_page div#mobile_video object {
	position: relative;
	top: 84px;
	left: 116px;
	}

#mobilevideo_page a.buybadge img {
	margin: 0px 0px 50px 145px;
	}
	
	


#desktopvideo_page div#desktop_video {
	background: url(/graphics/desktopvideo_background.png) 0px 0px no-repeat;
	width: 479px;
	height: 470px;
	margin: 0px 0px 20px 15px;
	padding: 0px;
	}

#desktopvideo_page div#desktop_video h3 {
	background: none;
	display: none;
	}

#desktopvideo_page div#desktop_video .bodytext {
	background: none;
	}

#desktopvideo_page div#desktop_video object {
	position: relative;
	top: 15px;
	left: 9px;
	}

#desktopvideo_page a.buybadge img {
	margin: 0px 0px 50px 150px;
	}



	
/*---------------------------------
	admin pages
-----------------------------------*/
	
table.data {
	border-spacing: 0;
	border-collapse: collapse;
}

table.data th {
	border: 1px dotted #b2b2b2;
	background-color: #cacaca;
	padding: 3px;
}

table.data td {
	border: 1px dotted #cacaca;
	padding: 3px;
}


#comments_admin h4.date_seperator {
	padding: 3px;
	margin-top: 20px;
	background-color: #999;
	color: #fff;
	}
	
#comments_admin div.comment {
	padding: 0px 10px 15px 10px;
	margin-top: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #bbb;
	}

#comments_admin div.resultslinkbar {
	margin-top: 20px;
	margin-left: 10px;
	}