/* GLOBAL
-------------------------------------------------------------------------------- */
html { color: inherit; background-color: transparent; font-family: inherit; font-size: inherit; } /* resetting strange CSS from common.css */
body { background: #f2f8fb url(../images/spore/main_bg.jpg) 50% 0 no-repeat; color:#000; }

/* COMMON
-------------------------------------------------------------------------------- */
.selfClear:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.selfClear {
	display: inline-block;
}

/* Hide from IE-mac \*/
* html .selfClear {
	height: 1%;
}

.selfClear {
	display: block;
}
/* End hide from IE-mac */


h1 { margin: 0; padding: 0 }

/* gradient bars */
.grdarkbar	{ background: url(../images/spore/gr_row_dark.gif) repeat-x; height: 33px; }
.grlightbar	{ background: url(../images/spore/gr_row_light.gif) repeat-x; height: 25px; line-height: 25px; padding: 0; }
.grhdrdark	{ background: #373737 url(../images/spore/gr_tbheader_dark.gif) repeat-x; }
.grhdrdark a	{ color: #fff; }

/* MAIN LAYOUT
-------------------------------------------------------------------------------- */
#container { position:relative; width: 990px; margin: 0 auto; padding-top: 32px; }
.Common { width: 990px; margin: 0; }

#CommonHeader {
	background:none;
	border:0;
	margin:0;
	padding:0;
}

#CommonContent { border: 1px solid #ccc; border-width: 0 1px 1px; }
#CommonContentInner { background: #fff url(../images/spore/content_bg.jpg) 0 100% repeat-y; }
.CommonContentArea { margin: 0px; padding: 7px; }
.mainContentBottom { background: url(../images/spore/content_footer.gif) 0 100% no-repeat; text-align: center; }
#footerCharacters { margin: 15px auto 0; display: block; }

.CommonFeedArea { margin-right: 3px; }

#loginBox { padding: 20px; }

#CommonFooter { color: #000; }

	/* NAVIGATION
	----------------------------------------------------------------------------------------------------- */
	.nav { margin-top: 1px; padding: 10px; height: 13px; /* resetting height from .grdarkbar*/ }
	
	#mainNavigation li { display:inline; }
	#mainNavigation .sep { color: #fff; margin: 0 4px 0 1px; }
	#mainNavigation { list-style-type: none; margin:0; padding:0; }
	#mainNavigation a { color: #fff; }

	/* FORUM
	----------------------------------------------------------------------------------------------------- */
		/* COMMON */
		.CommonPaneTabSet, .CommonPane { margin: 0 2px; }
		
		.CommonDescription { font-size:100%; padding:10px; color: #fff; }
		
		.CommonSearchResultName { font-size: 100%; font-weight: bold; }
		
		
		.CommonRateControlReadOnly { background: url(../images/common/star_bg.gif) no-repeat; width: 70px; height: 17px; display: block; padding: 5px 8px 0 0; border: none; }
		
		
		#CommonHeaderUserWelcome #customHeader { padding: 0 0 0 20px; }
		
		#CommonHeaderUserWelcome { height: 60px; padding: 10px 0; position:relative; }
		#CommonHeaderUserWelcome .welcome {
			float: left;
			width: 300px;
			position: absolute;
			top: 0; right: 5px;
			padding: 15px 3px;
			text-align: right;
			
		}

		#CommonHeaderUserWelcome .searchForm {
			background-color:#5297C0;
			font-size: 100%;
			float:right;
			color:#fff;
			border:1px solid #326C8F;
			padding:2px;
			text-align:left;
		}
		#CommonHeaderUserWelcome .CommonTextButton,
		#CommonHeaderUserWelcome input	{
			font-size: 100%;
			font-family: verdana, tahoma;
		}
		#CommonHeaderUserWelcome .welcome a:link,
		#CommonHeaderUserWelcome .welcome a:visited { text-decoration:none; }

		
		
				
		.ForumTitle { background-color: #326c8f; color: #e2eaeb; margin:0 0; padding:0 0 0 11px; text-transform:uppercase; font-weight: bold; }
		
		.ForumPostTitle { float: left; }
		
		.ForumGroupTotalPostsHeader { border-right:0px !important; }
		
		.CommonFormArea { margin: 3px; }
		.CommonPagingArea {
			font-size:0.9em;
			font-weight:bold;
			padding-left:15px;
			margin: 0;
		}
		.CommonPagingArea { padding: 0; }
		.CommonPagingArea a:link, .CommonPagingArea a:visited { color: #000; }
		.CommonFormArea .LeftCol { float: left; }
		.CommonFormArea .RightCol { float: right; }
		.CommonFormArea .GraphicButton { margin-right: 5px; }
		
		.CommonInlineMessageTitle { background-color:#326c8f; color:#f6fafc; padding-left: 15px; }
		.CommonInlineMessageTitle a { color:#e2eaeb; text-decoration:none; }
		
		.CommonInlineMessageArea { margin:4px 3px; background-position:none; background-repeat:no-repeat; border:0; }
		.CommonInlineMessageContent { font-size: 100%; }
		
		.ForumPostContentArea,
		.ForumPostFooterArea { background-color: #fff; }
		
		/* BUTTON */
		#searchFormOpener { display:inline; cursor:hand; cursor:pointer; }
		.CommonTextButton:link,
		.CommonTextButton:active,
		.CommonTextButton:visited { background-color: #075696; border: 1px solid #144b78; padding: 3px 15px; color: #fff; text-decoration: none; }
		/*.CommonPostButton2 { background-image: url(../images/common/newpost.gif); }*/
		.CommonImageTextButton2 { border-top-color: #ccc; border-left-color: #ccc; background-repeat: no-repeat; }
		.CommonNextButton,
		.CommonPreviousButton { background:none; }
		
		/* LIST STYLES */
		.CommonListArea { /*padding: 0 3px 0 3px;*/ }
		
		.CommonListTitle { background-color: #326c8f; color: #f6fafc; font-size: 11px; font-weight: bold; padding-left: 15px; }
		.CommonListTitle a, .CommonListTitle a:visited { color: #fff; }
		
		.CommonListCellLeftMost,
		.CommonListCell { background-color: #fff; }
		
		.ForumGroupImageColumn { width: 50px; height: 50px; }
		
		.CommonListArea .ForumListCell { border: 1px solid #fff; }
		.CommonListArea .ForumListCellLeftMostImageOnly { border-width: 1px 1px 1px 0; border-style:solid; border-color:#fff; }
		.CommonListArea .ForumListHeaderLeftMost { border-width: 2px 1px 1px 0; border-style:solid; border-color:#fff; }
		.CommonListArea .ForumListHeader  { border-width: 2px 1px 1px 1px; border-style:solid; border-color:#fff; }		
		
		
		.ForumGroupToggleCollapsed { background: url(../images/forum/plus.png) 50% 0 no-repeat; width: 11px; padding: 0 7px; cursor: pointer; text-decoration: none; }
		.ForumGroupToggleCollapsed:link,
		.ForumGroupToggleCollapsed:visited,
		.ForumGroupToggleCollapsed:active,
		.ForumGroupToggleCollapsed:hover { text-decoration: none; }

		.ForumGroupToggleExpanded { background: url(../images/forum/minus.png) 50% 0 no-repeat; width: 11px; padding: 0 7px; cursor: pointer; text-decoration: none; }

		.ForumGroupToggleExpanded:link,
		.ForumGroupToggleExpanded:visited,
		.ForumGroupToggleExpanded:active,
		.ForumGroupToggleExpanded:hover { text-decoration: none; }
		
		.ForumGroupNameUnRead,
		.ForumGroupNameUnRead:link, 
		.ForumGroupNameUnRead:visited,
		.ForumNameUnRead,
		.ForumNameUnRead:link,
		.ForumNameUnRead:visited { text-decoration:none; color: #199ad6; font-weight: bold; }		
		
		
		.ForumListHeaderLeftMost,
		.ForumListHeader { background-color:#5297c0; color:#e2eaeb; text-transform:uppercase; }
		
		.ForumListCellLeftMostImageOnly { width: 50px; height: 50px; }

		.ForumListRowAlt .ForumListCellLeftMostImageOnly,
		.ForumListRowAlt .ForumListCell,
		.ForumListRow .ForumListCellLeftMostImageOnly,
		.ForumListRow .ForumListCell { background-color: #cedee9; padding:2px; }
		
		.ForumListCellLeftMostImageOnly  { width:50px; text-align:center; }
		.ForumGroupTotalPostsColumn { border-right: 0px !important; }
		
		
		.ForumGroupNameRead,
		.ForumGroupNameRead:link,
		.ForumGroupNameRead:visited,
		.ForumNameRead,
		.ForumNameRead:link,
		.ForumNameRead:visited { text-decoration:none; color: #5297c0; }
		
		.ForumGroupLastPostColumn { font-size: 100%; }
		.ForumLastPost a:link,
		.ForumLastPost a:visited { color:#5297c0; text-decoration: none; font-size:100%; }

		.ForumGroupLastPostColumn div a,
		.ForumGroupLastPostColumn div a:visited { color:#199ad6; text-decoration: none; font-weight:bold; }

		.ForumGroupLastPostColumn span a:link,
		.ForumGroupLastPostColumn span a:visited { color:#0ea5d7; text-decoration: none; }

		.ForumLastPost a:hover { text-decoration: underline; }

		.ForumGroupNameColumn,
		.ForumGroupLastPostColumn,
		.ForumMyNameColumn { padding: 2px 0 0 10px !important; }
		.ForumGroupNameColumn,
		.ForumMyNameColumn { color: #06293a; font-weight: bold; }
		
		/* HEADERS */
		.ForumPostHeader { background-color:#5297C0; border:0; color:#fff; padding-left: 15px; }
		.ForumPostHeader a { color:#fff; margin-right: 15px; }
		.CommonTitle { font-size: 2.2em; margin: 15px 0 10px 0; }
		

		/* BREAD CRUMB */
		.CommonBreadCrumbArea { background:none; color:#999; font-size:100%; padding: 0; }
		.CommonBreadCrumbArea a:link, .CommonBreadCrumbArea a:visited { text-decoration: none; color:#999; }
		.CommonBreadCrumbArea a:hover { text-decoration: underline; }

/* MISC OVERRIDES (last in document to override previous stated rules)
--------------------------------------------------------------------------- */
.fltl { float: left; }
.fltr { float: right; }