.foo{}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FORUM MAIN
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.forumsmain{}
.forumsmain .forumsmainheader{border-bottom: solid 1px #f3f3f3;	height: 20px;}
.forumsmain .forumsmainheader .currenttime{font-size: 0.9em;color: #555;float: left;}
.forumsmain .forumsmainheader .forumsearchbox{float: right;text-align: right;}
.forumsmain .forumgroups{margin-top: 10px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FORUM GROUP
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.forumgrouppage .forumsearchbox{text-align: right;}
.forumgroup{}
.forumgroup .forumgroup .grouptitle{font-size: 1.1em;}
.forumgroup .grouptitle a{font-weight: bold;}
.forumgroup table.groups{margin-top: 10px;width: 100%;border-collapse: collapse;text-align: center;vertical-align: middle;margin-bottom: 15px;}
.forumgroup table.groups td{padding: 3px 0 3px 0;}
.forumgroup tr.groupheader{font-weight: bold;}
.forumgroup tr.groupheader td{background: #000;color: #FFF;border-right: solid 1px #6a6a6a;height: 20px; background:url('images/bg_menubar.gif') repeat-x;}
.forumgroup tr.groupheader td.forumname{width: 55%;text-align: left;padding-left: 3px;}

.forumgroup tr.groupheader td.topics{width: 10%;}
.forumgroup tr.groupheader td.posts{width: 10%;}
.forumgroup tr.groupheader td.lastpost{width: 25%;}

.forumgroup tr.forum td.image div{text-align: left;width: 36px;height: 36px;background: url('images/ico-forum.gif') no-repeat 40% 40%;}
.forumgroup tr.forum td{border-bottom: 1px solid #c5c5c5;vertical-align: middle;padding-left: 3px;}
.forumgroup tr.forum td.forumname{text-align: left;width: 55%;}
.forumgroup tr.forum td.forumname .forumtitle{font-weight: bold;font-size: 1.1em;line-height: 18px;}
.forumgroup tr.forum td.forumname .forumdescription{font-size: 0.9em;color: #555;}
.forumgroup tr.forum td.lastpost{font-size: 0.8em;color: #555;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FORUM PAGE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.forum{}
.forum .forumheader{}
.forum .top .foruminfo{float: left;}
.forum .top .foruminfo .forumname{font-weight: bold;font-size: 1.2em;	line-height: 25px;}
.forum .top .foruminfo .forumdescription{color: #555;}
.forum .top .actions{float: right;text-align: right;}
.forum .top .actions .newtopic{background: url('images/ico-forum-post-add.gif') no-repeat;	padding: 0 10px 3px 20px;}
.forum .top .actions .watchforum{background: url('images/ico-forum-watch.gif') no-repeat;padding-left: 20px;}
.forum .top .actions .forumsearchbox{padding-top: 5px;}
.forum .topicsgroup{}

.forum table.topics{width: 100%;border-collapse: collapse;vertical-align: middle;text-align: center;}
.forum table.topics td{padding: 3px 0 3px 0;}
.forum table.topics tr.forumheader{font-weight: bold;}
.forum table.topics tr.forumheader td{background: #000;color: #FFF; border-right: solid 1px #6a6a6a;height: 20px; background:url('images/bg_menubar.gif') repeat-x;}
.forum table.topics tr.forumheader td.topicname{width: 55%;text-align: left;padding-left: 3px;}
.forum table.topics tr.forumheader td.replies{width: 10%;}
.forum table.topics tr.forumheader td.views{width: 10%;}
.forum table.topics tr.forumheader td.lastpost{width: 25%;}
.forum table.topics tr.topic td{border-bottom: 1px solid #c5c5c5;vertical-align: middle;padding-left: 3px;}

.forum table.topics tr.topic td.image div{text-align: left;width: 36px;height: 36px;	background: url('images/ico-forum.gif') no-repeat 40% 40%;}
.forum table.topics tr.topic td.topicname{text-align: left;	width: 55%;}
.forum table.topics tr.topic td.topicname .topictype{font-size: 0.9em;line-height: 18px;}
.forum table.topics tr.topic td.topicname .topictitle{font-weight: bold;font-size: 1.1em;line-height: 18px;}
.forum table.topics tr.topic td.topicname .topicstarter{font-size: 0.9em;color: #555;}
.forum table.topics tr.topic td.lastpost{font-size: 0.8em;color: #555;}
.forum table.topics tr.topic .post{text-align: left;width: 36px;height: 36px;background: url('images/ico-forum-post.gif') no-repeat 40% 40%;}
.forum table.topics tr.topic .postannoucement{text-align: left;width: 36px;height: 36px;background: url('images/ico-forum-post-high.gif') no-repeat 40% 40%;}
.forum .pager{text-align: right;padding: 5px 3px 5px 0;}
.forum .pager a:link{color: #555;}
.forum .pager span{color: #3664A5;font-size: 1.2em;	font-weight: bold;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FORUM TOPIC EDIT
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.postedit{}
.postedit .title
{
	background: #000;
	background:url('images/bg_menubar.gif') repeat-x;
	color: #FFF;
	border: solid 1px #6a6a6a;
	height: 28px;
	line-height: 28px;
	font-weight: bold;
	padding-left: 3px;
}

.postedit .wrapper
{
	padding: 5px 5px 5px 5px;
}

.postedit table.posttopic
{
	width: 100%;
	vertical-align: middle;
	border-collapse: collapse;
}

.postedit table.posttopic td{padding: 4px 4px 4px 4px;}
.postedit table.posttopic td.fieldname{font-weight: bold;width: 20%;color: #555;}
.postedit table.posttopic td.options{text-align: right;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	VIEW FORUM TOPIC
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.forumtopic{}
.forumtopic .title{background: #000;color: #FFF;border: solid 1px #6a6a6a;height: 28px;line-height: 28px;font-weight: bold;padding-left: 3px;background:url('images/bg_menubar.gif') repeat-x;}
.forumtopic .title .topicname{float: left;}
.forumtopic .title .manage{float: right;text-align: right;}
.forumtopic .title .manage a{color: #F3F3F3;}
.forumtopic .topicheader{padding: 5px 5px 5px 5px;background: #F3F3F3;border-bottom: solid 1px #6a6a6a;height: 16px;}
.forumtopic .topicheader .topicoptions, .topicfooter .topicoptions{float: right;text-align: right;}
.forumtopic .topicheader .topicoptions a, .topicfooter .topicoptions a{font-weight: bold;}
.forumtopic .posts{}
.topicfooter{padding: 5px 5px 5px 5px;background: #F3F3F3;border-top: solid 1px #6a6a6a;	height: 16px;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FORUM POST
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.forumpost{border-bottom: solid 1px #E3E3E3;}
.postinfo{width: 170px;float: left;padding: 5px;height: 100%;border-right: solid 1px #F3F3F3;}
.postinfo .manage{line-height: 20px;}
.postinfo .manage a{font-weight: bold;color: #555;}
.postinfo .userinfo{padding-top: 5px;}
.postinfo .userinfo a.username{font-weight: bold;margin-bottom: 5px;}
.postinfo .userinfo span.username{font-weight: bold;margin-bottom: 5px;}
.postinfo .userinfo .avatar{margin: 5px 0 5px 0;}
.postinfo .userinfo .userstats{font-size: 0.9em;text-align: left;font-weight: bold;color: #555;}
.postinfo .userinfo .userstats .statvalue{font-weight: normal;}
.postcontent{margin-left: 180px;	border-left: solid 1px #e3e2e2;}
.postcontent .posttime{font-weight: bold;line-height: 20px;padding: 3px;background: #e3e2e2;}
.postcontent .posttime .statvalue{font-weight: normal;}
.postcontent .postbody{padding: 3px;}
.postcontent .postbody a{color: #3664A5;	text-decoration: underline;}
.postcontent .postbody .posttext{}
.postcontent .postbody .signature{}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FORUM SEARCH BOX
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.forumsearchbox{}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	FORUM SEARCH PAGE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.forumsearch{}
.forumsearch .forumSearchPanel{}
.forumsearch .forumSearchPanel .title{font-size: 1.2em;padding: 0 0 5px 0;font-weight: bold;clear: both;}
.forumsearch .forumSearchPanel .searchInput{}
.forumsearch .forumSearchPanel .searchError{color: Red;}
.forumsearch .forumSearchPanel .searchResults{}
.forumsearch .topicsgroup{}
.forumsearch table.topics{width: 100%;border-collapse: collapse;vertical-align: middle;	text-align: center;}
.forumsearch table.topics td{padding: 3px 0 3px 0;}
.forumsearch table.topics tr.forumheader{font-weight: bold;}
.forumsearch table.topics tr.forumheader td{background: #000; background:url('images/bg_menubar.gif') repeat-x;color: #FFF;border-right: solid 1px #6a6a6a;height: 20px;}

.forumsearch table.topics tr.forumheader td.topicname{width: 55%;text-align: left;padding-left: 3px;}

.forumsearch table.topics tr.forumheader td.replies
{
	width: 10%;
}

.forumsearch table.topics tr.forumheader td.views
{
	width: 10%;
}

.forumsearch table.topics tr.forumheader td.lastpost
{
	width: 25%;
}

.forumsearch table.topics tr.topic td
{
	border-bottom: 1px solid #c5c5c5;
	vertical-align: middle;
	padding-left: 3px;
}

.forumsearch table.topics tr.topic td.image div{text-align: left;width: 36px;height: 36px;background: url('images/ico-forum.gif') no-repeat 40% 40%;}

.forumsearch table.topics tr.topic td.topicname
{
	text-align: left;
	width: 55%;
}

.forumsearch table.topics tr.topic td.topicname .topictype
{
	font-size: 0.9em;
	line-height: 18px;
}

.forumsearch table.topics tr.topic td.topicname .topictitle
{
	font-weight: bold;
	font-size: 1.1em;
	line-height: 18px;
}

.forumsearch table.topics tr.topic td.topicname .topicstarter
{
	font-size: 0.9em;
	color: #555;
}

.forumsearch table.topics tr.topic td.lastpost
{
	font-size: 0.8em;
	color: #555;
}

.forumsearch table.topics tr.topic .post
{
	text-align: left;
	width: 36px;
	height: 36px;
	background: url('images/ico-forum-post.gif') no-repeat 40% 40%;
}

.forumsearch table.topics tr.topic .postannoucement
{
	text-align: left;
	width: 36px;
	height: 36px;
	background: url('images/ico-forum-post-high.gif') no-repeat 40% 40%;
}

.forumsearch .pager
{
	text-align: right;
	padding: 5px 3px 5px 0;
}

.forumsearch .pager a:link
{
	color: #555;
}

.forumsearch .pager span
{
	color: #ff9933;
	font-size: 1.2em;
	font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	PROFILE PAGE
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.profilepage
{
}

.profilepage .title
{
	background: #7692B9;
	color: #FFF;
	border: solid 1px #6a6a6a;
	height: 28px;
	line-height: 28px;
	font-weight: bold;
	padding-left: 3px;
}

.profilepage .body
{
}

.profilepage .body .profileInfoBox
{
	border-bottom: solid 1px #e3e3e3;
	margin-bottom: 15px;
}

.profilepage .body .profileInfoBox .title
{
}

.profilepage .body .profileInfoBox .profileStat
{
	font-weight: bold;
	padding: 2px;
}

.profilepage .body .profileInfoBox .profileStat .profileStatValue
{
	font-weight: normal;
	color: #555;
}

.profilepage .body .profileInfoBox .userDetails
{
	width: 180px;
	float: left;
	padding: 10px;
	height: 100%;
	border-right: solid 1px #F3F3F3;
	text-align: center;
}

.profilepage .body .profileInfoBox .userDetails .avatar
{
	margin-bottom: 5px;
}

.profilepage .body .profileInfoBox .userStats
{
	margin-left: 200px;
	border-left: solid 1px #F3F3F3;
	padding: 10px;
}

.profilepage .body .profileInfoBox .userStats .sectionTitle
{
	text-transform: uppercase;
	margin-bottom: 10px;
}

.profilepage .body .userLastPosts
{
	
}

.profilepage .body .userLastPosts .sectionTitle
{
	margin-bottom: 10px;
	font-weight: bold;
}

.profilepage .body .userLastPosts .topic
{
	border: solid 1px #F3F3F3;
	margin-bottom: 10px;
}

.profilepage .body .userLastPosts .topicTitle
{
	font-weight: bold;
	line-height: 20px;
	background: #e3e2e2;
	padding: 3px;
}

.profilepage .body .userLastPosts .topicBody
{
	padding: 10px;
}	

.profilepage .body .userLastPosts .topicData
{
	background: #f3f3f3;
	padding: 3px;
	color: #555;
	font-size: 0.9em;
}	

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*
	BREADCRUMB
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.forumbreadcrumb
{
	padding: 0px;
	margin-bottom: 10px;
	font-weight: bold;
	text-transform: capitalize;
	font-size: 1.1em;
}

.forumbreadcrumb a
{
	text-decoration: none;
	color: #3a3a3a;
}

.forumbreadcrumb a:hover
{
	color: #3664A5;
	text-decoration: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	BB CODE EDITOR

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.toolbar
{
	padding: 2px;
	display: inline;
}

.toolbar .button
{
	background: url('images/bbeditor-button-bg.gif') repeat-x;
	padding: 2px;
	margin-right: 2px;
	border: #cec6b5 1px solid;
}

.toolbar .button:hover
{
	border: #333 1px solid;
}