.foo { }
/****************************************************************************************************/
/* The contents of this file are subject to the nopCommerce Public License Version 1.0 ("License"); you may not use this file except in compliance with the License.
/* You may obtain a copy of the License at  http://www.nopCommerce.com/License.aspx. 
/* 
/* Software distributed under the License is distributed on an "AS IS" basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. 
/* See the License for the specific language governing rights and limitations under the License.
/* 
/* The Original Code is nopCommerce.
/* The Initial Developer of the Original Code is NopSolutions.
/* All Rights Reserved.
/* 
/* Contributor(s): RetroViz Design. 
/****************************************************************************************************/

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

	FORUM MAIN

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

.forumsmain { }

.forumsmain .forumsmainheader { 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 { }

.forumgroups .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: #7692B9; color: #FFF; border-right: solid 1px #6a6a6a; height: 20px; }

.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: #7692B9; color: #FFF; border-right: solid 1px #6a6a6a; height: 20px; }

.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; }

.topicstarter { font-size: 10px; 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: #7692B9; 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; }

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

	MOVE TOPIC

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

.moveforumtopic { }

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

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

.moveforumtopic table.movetopic { width: 100%; vertical-align: middle; border-collapse: collapse; }

.moveforumtopic table.movetopic td { padding: 4px 4px 4px 4px; }

.moveforumtopic table.movetopic td.fieldname { font-weight: bold; width: 30%; color: #555; white-space: nowrap; }

.moveforumtopic table.movetopic td.options { text-align: left; }

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

	VIEW FORUM TOPIC

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

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

.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 #F3F3F3; }

.postcontent .posttime { font-weight: bold; line-height: 20px; padding: 3px; background: #e3f3f3; }

.postcontent .posttime .statvalue { font-weight: normal; }

.postcontent .postbody { padding: 3px; }

.postcontent .postbody a { color: #3664A5; text-decoration: underline; }


.postcontent .postbody .posttext { }

.postcontent .signature { border-color: #DDDDDD; border-style: solid; border-width: 1px 0 0; font-size: 90%; margin: 1em 8px 8px; padding: 1em 0 20px; text-align: left; font-style: italic; }

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

	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: #7692B9; color: #FFF; border-right: solid 1px #6a6a6a; height: 20px; }

.forumsearch table.topics tr.forumheader td.topicname { width: 55%; text-align: left; padding-left: 3px; }
.topicname a{ text-decoration:underline;}
.topicname a:hover{ color:#E97400;}

.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.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: #e3f3f3; 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; 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; }



.activediscussionsheader td{ background-color:#eee; height:24px; line-height:24px; text-indent:2px; font-weight:bold;}