/**************************************************************
 * This is the default Member site stylesheet.                *
 * If you don't override a style in your custom stylesheet,   *
 * then the definition here will be used.                     *
 *                                                            *
 * Do not copy this entire stylesheet. Only copy the parts    *
 * you wish to change.                                        *
 **************************************************************/

/* Change the BODY tag to impact the colors/fonts for the entire page. */
body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 80%;
	color: white; 
	background-color: #718bbc;
	margin: 0;
}

/*****************
 * Miscellaneous *
 *****************/
.main_content img, .main_content .title img, .main_content .ajax_status img, .main_content .title .ajax_status img {
	border: 0px;
}

.main_content a {
	color: #ffdd11;
	text-decoration: none;
}

.main_content a:hover, .main_content a:active {
	text-decoration: underline;
}

.main_content #notices {
	text-align: center;
}

.main_content .notice {
	font-weight: bold;
}


/********
 * page *
 ********/
/* The page div contains everything on the page after the headbar. */
.main_content .page {
	position: relative; 
	top: 50px;
	width: 100%;
	height: 100%;
}

/* The title and subtitle for the page. */
.main_content #page_header .title {
	margin-top: 20pt; 
	margin-bottom: 10pt; 
	text-align: center;
}

.main_content #page_header .subtitle {
	text-align: center; 
	font-style: italic;
}

.main_content .page_header .title {
	margin-top: 20pt; 
	margin-bottom: 10pt; 
	text-align: center;
}

.main_content .page_header .subtitle {
	text-align: center; 
	font-style: italic;
}

/*********
 * boxes *
 *********/
/* A box is a colored div containing a title and items like "My Favorite Games." */
/* boxes is the class for areas of the page that contain multiple boxes. */
/* Those areas have a class of boxes, and a specific ID if you want to customize each. */
.main_content .boxes {
	width: 20%; 
	position: absolute; 
	top: 80pt;
}

.main_content .box, .main_content .big_box {
	text-align: center; 
	background-color: #2a4680;
	padding: 0px; 
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 15pt;
	color: white;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.main_content div.popout {
	border: 2px solid #111166;
}

.main_content .box .title, .main_content .big_box .title {
	text-align: center; 
	margin-top: 0px; 
	margin-bottom: 3pt; 
	padding-top: 2pt; 
	padding-bottom: 2pt;
}

.main_content a.big_tab_button {
	display: block;
	color: white;
	background: #718BBC;
	width: 8em;
	text-align: center;
	border: 2px solid white;
	margin: 0.5em;
	padding: 0.25em;
	text-decoration: none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.main_content a.big_tab_button.wide {
	width:10em;
}

.main_content a.big_tab_button:hover, .main_content a.big_tab_button:visited:hover {
	color: white;
	background: #3F69C0;
	text-decoration: none;
}

.main_content a.big_tab_button.active, .main_content a.big_tab_button.active:hover, .main_content a.big_tab_button.active:visited:hover {
	color: black;
	background: #B7C5DD;
	text-decoration: none;
}

/***************************
 * fan, guild member lists *
 ***************************/
.main_content #fans, .main_content #guild_members, .main_content #guilds {
	text-align: left;
	margin-left: 10%;
	margin-right: 10%;
	padding: 4pt;
}

.main_content li.fan, .main_content li.guild_member {
	list-style-image: url("/rsc/blueguy16.gif");
}

.main_content .recent_comments_list, .main_content .recent_posts_list, .main_content .forum_list, .main_content .keyword_list {
	margin-left: -10px;
	margin-right: 5px;
	text-align: left;
}

.main_content li.forum, .main_content li.recent_comments, .main_content li.recent_posts {
	list-style-position: outside;
}

.main_content #blog_calendar_box {
	align: center;
	text-align: center;
}

.main_content .blog_calendar_table td, .main_content .blog_calendar_table th {
	text-align: right;
}
.main_content #calendar_previous_month {
	text-align: left;
}
.main_content #calendar_next_month {
	text-align: right;
}
.main_content #calendar_spinner {
	text-align: center;
}

/***************
 * member_info *
 ***************/
/* This is a boxes div containing the member picture, member info, member games, etc. */
.main_content #member_info {
	left: 1%;
}

.main_content #member_large_icon img {
	height: 180px;
}

.main_content #member_large_icon {
	text-align: center;
}

/* Header is a label in the member info box, such as "Joined:". */
.main_content .header {
	font-weight: bold; 
	margin: 2pt 4pt 2pt 4pt;
}

/* Data in the member info box, such as "Nov 99". */
.main_content .info_text {
	font-weight: normal;
}

.main_content .info_link {
	display:block;
	margin-left: 4pt;
	margin-right: 4pt;
	margin-bottom: 2pt;
}

.main_content #description {
	font-style: italic;
	margin-left: 4pt;
	margin-right: 4pt;
}

/* The text below an image, usually a game icon. */
.main_content .image_text {
	display: block; 
	margin-bottom: 5pt;
}

.main_content #gender_image {
	text-align: center;
	margin: 1pt;
}

/**********
 * center *
 **********/
/* Where the blog posts and owner notifications go. */
/* The comment formatting is for a post's comments page. */
.main_content .center, .main_content #center {
	width: 56%; 
	position: absolute; 
	top: 80pt; 
	left: 22%;
}

.main_content .posts {
}

.main_content .post, .main_content .comment {
	background-color: #2a4680; 
	color: white;
	padding: 0pt; 
	margin-top: 1px;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 15pt;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.main_content .post .title, .main_content .comment .title {
	margin-top: 0px; 
	margin-right: 0px; 
	margin-left: 0px; 
	padding-top: 2pt; 
	padding-bottom: 2pt; 
	padding-left: 5pt; 
	padding-right: 5pt; 
	border-bottom: thin solid #cccccc;
	color: white;
}

.main_content .comment .title a, .main_content .big_box .title a, .main_content .box .title a {
	color: white;
}

.main_content .post .text, .main_content .comment .text {
	margin: 5pt;
}

.main_content .poll_question, .main_content .poll_options, .main_content .poll_results, .main_content .poll_tagline, .main_content .poll_links {
	/* color: #000010; */
}

.main_content .poll_form {
	margin-left: 12pt;
}

.main_content .poll_vote_button {
	margin-top: 8pt;
}

.main_content .poll_question {
	font-weight: bold;
}

.main_content .poll_options, .main_content .poll_results {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.main_content .poll_tagline {
	font-style: italic;
	margin-bottom: 3pt;
}

.main_content .poll_links {
	font-size: 85%;
	margin-bottom: 3pt;
}

.main_content .poll_dot {
	font-size: 150%;
	font-weight: bold;
}

.main_content .poll {
	text-align: center;
	border-bottom: thin solid #cccccc;
	margin-bottom: 10pt;
	margin-left: 5pt;
	margin-right: 5pt;
	padding-left: 20pt;
	padding-bottom: 5pt;
}

.main_content .slugline {
	border-top: thin solid #cccccc;
	font-size: 80%;
	color: #cccccc;
	margin-left: 5pt;
	margin-right: 5pt;
	margin-bottom: 1pt;
	clear: both;
}

.main_content .comment .text {
	overflow: hidden;
}

.main_content .post_header_bottom, .main_content .comment_header_bottom {
	clear: both;
}

.main_content .post_footer, .main_content .comment_footer {
	clear: both;
}

.main_content .submit_to_web {
	margin-top: 3px;
	vertical-align: middle;
}

.main_content .edit_post, .main_content .aggregate_link {
	float: right;
}

.main_content div.post_icons {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

.main_content div.review {
	border-bottom: thin solid #cccccc;
	margin: 0 10px 5px 10px;
	margin-bottom: 5px;
	clear: both;
}

.main_content div.review > div {
	overflow: auto;
	margin-bottom: 5px;
}

.main_content table.review_summary {
	margin: 0 0 10px 10px;
	float: right;
}

div.new_post_text {
	border: 1px solid #999999;
	background: #ced8dd;
	color: black;
	font-size: 9pt;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px 10px;
	text-align: left;
}

/* Container div holds the "previous" and "next" divs */
.main_content #previous_next {
	padding: 5pt 10pt 5pt 10pt;
}

.main_content #previous {
	float: left;
	margin: 0pt; 
}

.main_content #next {
	float: right;
	margin: 0pt; 
}

.main_content #website_link {
	text-align: center;
}

.main_content #blog_search_form {
	text-align: center;
}

.main_content #search_results_header {
	text-align: center;
}

.main_content div.search_pages {
	text-align: center;
}

.main_content .file_size {
	font-size: 75%;
	margin-bottom: 4pt;
	margin-right: 8pt;
	padding-top: 2pt;
	text-align: right;
	right: 0pt;
	top: 0pt;
}

.main_content .file_link {
	float: left;
	margin-left: 8pt;
	text-align: left;
}

/********************
 * Member favorites *
 ********************/
.main_content #member_favorites {
	right: 1%;
}

.main_content #forum_posts, .main_content #blog_posts {
	text-align: left;
}

.main_content #forum_posts {
	margin: 8pt;
}

.main_content #forum_posts td {
	vertical-align: top;
}

.main_content td.data_list {
}

.main_content .data_list_header {
	margin-left: 8pt;
	margin-right: 8pt;
	padding-bottom: 1pt;
	margin-bottom: 1pt;
}

.main_content .data_list_title {
	font-weight: bold;
	font-size: 110%;
}

.main_content .data_excerpt {
	padding-left: 24pt;
	margin-left: 8pt;
	margin-right: 32pt;
	margin-top: 1pt;
}

.main_content .data_list_item {
	padding-bottom: 8pt;
}

.main_content .post_list_comments {
	margin-left: 8pt;
}

.main_content #join_guild, .main_content #leave_guild {
	padding-top: 4pt;
}

.main_content #guild_forum_link {
	margin-bottom: 10pt;
}

/*************
 * Comments  *
 *************/
.main_content #subscribe_button {
	text-align: center;
	margin: 5px;
}

.main_content #add_comment_box {
}

.main_content .comment_editor {
	padding: 4px;
}
 
/* The link to view post in the page header */
.main_content #allowed_html {
	font-size: 90%;
}

.main_content .title_cmd {
	font-size: 75%;
}

.main_content #add_site_comment_box {
	border: 0;
	background: transparent;
}

.main_content #blog_comments_box #add_site_comment_box .comment_edit_box {
	font-size: 85%;
}

.main_content #blog_comments_box .comment_edit_box textarea {
	font-size: 125%;
}

.main_content #blog_comments_box .comment {
	font-size: 85%;
	border: 0;
	margin: 0 0 1em 0;
}

.main_content #blog_comments_box .comment .title {
	border: 0;
	margin-top: 0;
	margin-bottom: 0;
	text-align: left;
	padding-top: 0;
	padding-bottom: 0;
}

/**********
 * Medals *
 **********/

.main_content .medal {
	margin: 1em 0;
}


.main_content #favorite_games_content {
	margin-left: 5%;
	margin-right: 5%;
}

.main_content #favorite_games_full {
	width: 98%;
}

/* "No matching games found" message. */
.main_content #favorite_games_no_match {
	text-align: center;
	margin: 10px;
}

/* Related content / Visit this guild links */
.main_content #favorite_games_site_link {
	text-align: center;
	margin-bottom: 1em;
}

/* "Total games found:" text. */
.main_content #favorite_games_count, .main_content .favorite_games_pages, .main_content #favorite_games_filter {
	text-align: center;
	margin: 10px;
}

.main_content .favorite_games_pages a {
	color: yellow;
}

.main_content .favorite_game {
	width: 100%;
	clear: both;
	min-height: 64px;
	color: #000010;
	background: #bababa;
	margin: 5px;
	padding: 1px;
	text-align: left;
}

.main_content .favorite_game_special_icons {
	/* float: right; */
	font-size: 75%;
	margin: 0 0 5px 5px;
}

.main_content .favorite_game_icon {
	float: left;
	margin-right: 5px;
}

.main_content .favorite_game_description {
	margin-top: 2pt;
}

.main_content .favorite_game_status {
	float: right;
	text-align: right;
	margin-right: 5px;
	margin-left: 8px;
}

.main_content .favorite_game_live_status, .main_content .favorite_game_release_status {
	color: #cc0011;
}

.main_content .favorite_game_join_link {
	color: #cc0011;
}

.main_content #favorite_games_table, .main_content #favorite_resources_table {
	width: 100%;
	border: 0px;
	table-layout: fixed;
}

.main_content #favorite_games_table td > div, .main_content #favorite_resources_table td > div {
	padding: 0 5px;
	overflow: hidden;
	word-wrap: break-word;
}

.main_content #favorite_games_box_more, .main_content #favorite_resources_box_more {
	text-align: center;
}

.main_content #games_search, .main_content #favorite_games_sort {
	text-align: center;
}

.main_content #more_favorite_games {
	margin-top: 8pt;
	margin-bottom: 4pt;
	font-size: 110%;
	text-align: center;
}

.main_content .live_game_text {
	font-size: 85%;
	color: #cc0011;
	position: relative;
	top: -4px;
	padding-top: 0px;
}


.main_content div#fan_content .main_content .big_box {
	text-align: center;
}


/* Forum Stuff */
.main_content #forum_content {
	text-align: left;
	margin-left: 5%;
	margin-right: 5%;
	padding: 4pt;
}
.main_content #forum_data {
	padding: 3px;
	margin: 3px;
}
/* admin color (closed threads, admin posts) */
.main_content .admin, .main_content .admin_lite {
	color: #55FF55;
}
.main_content .admin {
	font-weight: bold;
}

/* colors to distinguish unread messages */
.main_content a.unread, .main_content a.unknown, .main_content .invisible a.unread, .main_content .invisible a.unknown {
	color: #55FF55;
}

/* usually should be same as above color */
.main_content td.unread {
	background-color: #55FF55;
}

/* set this to the same value above */
.main_content td.unread {
	background-color: #55FF55;
}

/* Index items at the top of the page */
.main_content .forum_index {
	font-size: 80%;
}
.main_content .forum_index_active {
	font-size: 100%;
	font-weight: bold;
}

/* Thread list when viewing a post */
.main_content .forum_post_active {
	font-size: 125%;
	font-weight: bold;
}

/* default message header color */
.main_content .style1
  {color: white; background-color: #718BBC;}

/* in topic view, alternating message header color */
.main_content .style2
  {color: white; background-color: #35589F;}

/* message header link color */
.main_content .style1 a, .main_content .style2 a
  {color: #ffdd11;}

/* default message body color */
.main_content .style3
  {color: white; background-color: #2A4680;}

/* message body link color */
.main_content .style3 a
  {color: #ffdd11;}


/* <dm> tags in blog/forum */
.main_content .dmcode, .main_content .dmcomment, .main_content .dmpreprocessor,
.main_content .dmkeyword, .main_content .dmstring, .main_content .dmbrace  {
	background-color: #ffffff;
}
.main_content div.dmcode {
	overflow: auto;
	border: 2px solid #888888;
	padding: 5px;
	color: #000010;
}
.main_content div.dmcode table {
	table-layout: fixed;
}
.main_content pre.dmcode {
	color: #000000;
}
.main_content .dmcomment {
	color: #808080;
}
.main_content .dmpreprocessor {
	color: #008000;
}
.main_content .dmkeyword {
	color: #0000ff;
}
.main_content .dmstring  {
	color: #0096b4;
}
.main_content .dmbrace   {
	color: #005064;
}

/********
 * Tabs *
 ********/
.main_content #tab_menu {
        float: left;
	width: 100%;
	margin: 12px 0px 0px 0px;
	padding: 0px;
	z-index: 2;
	padding-left: 10px
	line-height: normal;
}

.main_content #tab_menu ul {
        margin: 0px 0px 0px 10px;
	padding: 10px 10px 0px 0px;
	list-style: none;
}

.main_content #tab_menu li {
        float: left;
	background: url(/rsc/tab_left_fav.gif) top left no-repeat;
	font-weight: bold;
	font-size: 140%;
	color: #000000;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 5px;
	text-decoration: none;
}

.main_content #tab_menu a {
        display: block;
	float: left;
	color: black;
	text-decoration: none;
	overflow: hidden;
	margin: 0px;
	padding: 5px 10px 1px 0px;
	background: url(/rsc/tab_right_fav.gif) top right no-repeat;
}

.main_content #tab_menu #active {
        color: #f0f0f0;
	background: url(/rsc/tab_left_fav_sel.gif) top left no-repeat;
}

.main_content #tab_menu #active a {
        color: #f0f0f0;
	background: url(/rsc/tab_right_fav_sel.gif) top right no-repeat;
}

.main_content #tab_menu a:hover {
        color: #f0f0f0;
}

.main_content #tab_menu #active a:hover {
        color: #f0f0f0;
}

/* Hide from IE5-Mac \*/
.main_content #tab_menu a {
        float: none;
}
/* End hide from IE5-Mac \*/

.main_content #tab_content {
        clear: both;
        text-align: justify;
        background: #111166;
	color: #f0f0f0;
        padding: 5px;
	margin-bottom: 10px;
}

/**********************
 * Fancy image viewer *
 **********************/
.main_content #thumbBox { /*Outermost DIV for thumbnail viewer*/
	position: fixed;
	left: 0;
	top: 0;
	width: auto;
	padding: 10px;
	padding-bottom: 0;
	background: #313131;
	visibility: hidden;
	z-index: 10;
	cursor: hand;
	cursor: pointer;
}

.main_content #thumbBox .footerbar { /*Footer DIV of thumbbox that contains "close" link */
	font: bold 10px Tahoma,Verdana,Arial,sans-serif;
	letter-spacing: 5px;
	line-height: 1.1em;
	color: white;
	padding: 5px 0;
	text-align: right;
}


.main_content #thumbBox #thumbImage { /*DIV within thumbbox that holds the enlarged image */
	//background-color: white;
	font: bold 10pt Tahoma,Verdana,Arial,sans-serif;
	color:white
}

.main_content #thumbLoading { /*DIV for showing "loading" status while thumbbox is being generated*/
	position: fixed;
	visibility: hidden;
	border: 1px solid black;
	background-color: #EFEFEF;
	color: #000010;
	padding: 5px;
	z-index: 5;
}