/* 
    Document   : forum.css
    Created on : 2009-mar-01, 13:03:36
    Author     : Patrik Högberg
    Description: Contains styles for the forum
*/

/*******************************************************
* Forum list of threads
********************************************************/
#forum_threadlist_header {
	width:512px;
	height:53px;
	background:url(../images/backgrounds/forum-top.png);
}
#forum_threadlist_header .headcol {
	margin-top:24px;
    font-weight: bold;
    color: gray;
}
.forum_threadlist_col1 {
	clear:both;
	padding-left:10px;
	float:left;
	width:255px;
}
.forum_threadlist_col1 a {
	display:block;
}
.forum_threadlist_col1 input {
	float:left;
	margin-left:-5px;
	padding-left:0px;
}
.forum_threadlist_col2 {
	float:left;
	width:100px;
}
.forum_threadlist_col2 img {
	margin-left:-14px;
	vertical-align:middle;
}
.forum_threadlist_col3 {
	float:left;
	width:25px;
	text-align:center;
}
.forum_threadlist_col4 {
	float:left;
	width:113px;
	text-align:center;
}
.forum_threadlist_row {
	clear:both;
	width:505px;
	margin-left:1px;
	margin-top:2px;
	margin-bottom:2px;
	border-bottom:dashed 1px #DADADA;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10pt;
}
.forum_threadlist_row:hover {
	background-color:#F2F2F2;
}
.forum_threadlist_row a:visited {
	/* color:#993366; */
	color:#336699;
	text-decoration:none;
}
.forum_threadlist_row .read a {
	color:black;
}
.forum_threadlist_row .unread a {
	font-weight:bold;
}
.forum_threadlist_row .smalltext {
	font-size:8pt;
}
.forum_threadlist_row .private {
	font-weight:bold;
	color:maroon;
}
#forum_threadlist_content {
	width:512px;
	background:url(../images/cm/cm-article-middle.png);
}
#forum_threadlist_content .updated {
	font-weight:bold;
}
#forum_threadlist_content .deleted {
	color:#996666;
	background:#FFF2F2;
}
#forum_threadlist_paginator {
	clear:both;
	width:100%;
	text-align:center;
	padding-top:20px;
	padding-bottom:10px;
}
#forum_threadlist_bottom {
	width:512px;
	height:7px;
	background:url(../images/cm/cm-article-bottom.png) no-repeat;
}
#forum_remove_favourites {
	width:100%;
	margin-top:5px;
}
/*******************************************************
* Forum thread author
********************************************************/
#forum_thread_owner_top {
	width:512px;
	height:23px;
	line-height:23px;
	background:url(../images/frames/forum-thread-top.png);
	color:white;;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}
#forum_thread_owner_top #col1 {
	float:left;
	padding-left:10px;
}
#forum_thread_owner_top #col2 {
	float:right;
	text-align:right;
	margin-right:15px;
}

#forum_thread_owner_middle_right {
	width:512px;
	background:url(../images/frames/forum-thread-middle-right.png) right repeat-y;
}
#forum_thread_owner_middle {
	position:relative;
	width:504px;
	border-left:1px solid #CCCCCC;
	background:url(../images/frames/forum-thread-middle-2.png);
    font-family: Verdana,Arial,Helvetica,sans-serif;
	z-index:15;
}
#forum_thread_owner_middle #col1 {
	float:left;
	text-align:center;
	width:88px;
	margin-top:10px;
	margin-bottom:10px;
}
#forum_thread_owner_middle #col2 {
	overflow:hidden;
	float:left;
	margin:10px;
	margin-left:3px;
	margin-right:2px;
	width:400px;
	margin-bottom:10px;
}
#forum_thread_owner_middle #col2 .user {
	clear:both;
	margin-top:0px;
}
#forum_thread_replies_middle .col2 .user {
	line-height: 23px;
	margin-bottom:10px;
}
#forum_thread_owner_middle #col2 .user a, #forum_thread_replies_middle .col2 .user a {
	width:370px;
    font-weight: bold;
}

#forum_thread_owner_middle #col2 .content, #forum_thread_replies_middle #col2 .content {
	clear:both;
	padding-top:10px;
}
#forum_thread_owner_bottom {
	width:512px;
	height:8px;
	background:url(../images/frames/forum-thread-bottom.png);
	font-size:1px;
}

.cloud {
	clear:both;
	margin-top:10px;
	position: relative;
	width:400px;
}

.cloud .topleft {
	margin:0;
	padding:0;
	float:left;
	width:10px;
	height:10px;
	background:url(../images/frames/forum-thread-cloud-lefttop.png) top left no-repeat;
	font-size:1px;
}
.cloud .topmiddle {
	margin:0;
	padding:0;
	float:left;
	width:80%;
	width:380px;
	height:10px;
	background-color:white;
	font-size:1px;
}
.cloud .topright {
	margin:0;
	padding:0;
	float:left;
	width:10px;
	height:10px;
	background:url(../images/frames/forum-thread-cloud-righttop.png) top right no-repeat;
	font-size:1px;
}
.cloud .middleright {
	margin:0;
	margin-top:-3px;
	padding:0;
	clear:both;
	background:url(../images/frames/forum-thread-cloud-rightmid.png) right repeat-y;
}
.cloud .cloudcontent {
	margin:0;
	padding:0;
	margin-right:10px;
	background-color:white;
	padding-left:8px;
	color:#555555;
    font-weight: bold;
    font-size: 12px;
}
.cloud .bottomleft {
	margin:0;
	padding:0;
	float:left;
	width:10px;
	height:10px;
	background:url(../images/frames/forum-thread-cloud-leftbot.png) bottom left no-repeat;
}
.cloud .bottommiddle {
	margin:0;
	padding:0;
	float:left;
	width:380px;
	height:10px;
	background:url(../images/frames/forum-thread-cloud-mid-bot.png) bottom repeat-x;
}
.cloud .bottomright {
	margin:0;
	padding:0;
	float:left;
	width:10px;
	height:10px;
	background:url(../images/frames/forum-thread-cloud-rightbot.png) bottom right no-repeat;
}
.cloud .cloudpointer {
	position:absolute;
	width:14px;
	height:9px;
	left:-14px;
	top:18px;
	background:url(../images/frames/forum-thread-cloud-pointer.png) no-repeat;
}
#forum_thread_owner_middle .info, #forum_thread_replies_middle .info {
	line-height: 23px;
	float:right;
	text-align:right;
	color:#666666;
    font-weight: normal;
    font-size: 11px;
	z-index:10;
}
#forum_thread_owner_middle .info .updated, #forum_thread_replies_middle .info .updated {
	color:#996666;
}
#forum_thread_owner_middle .info .info_symbol, #forum_thread_replies_middle .info .info_symbol {
	margin-left:10px;
	float:right;
}
/*******************************************************
* Forum thread replies
********************************************************/
#forum_thread_replies_top {
	width:512px;
	height:5px;
	font-size:1px;
	background:url(../images/cm/cm-article-top.png);
}
#forum_thread_replies_middle {
	position:relative;
	width:512px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	background:url(../images/cm/cm-article-middle.png);
}
#forum_thread_replies_bottom {
	width:512px;
	height:7px;
	background:url(../images/cm/cm-article-bottom.png);
}
#forum_thread_replies_middle .col1 {
	float:left;
	text-align:center;
	width:88px;
	margin-top:10px;
}
#forum_thread_replies_middle .col2 {
	overflow:hidden;
	float:left;
	margin:10px;
	margin-left:3px;
	width:400px;
	margin-bottom:10px;
}
#forum_thread_replies_middle .message_frame {
	position:relative;
	clear:both;
}
#forum_thread_replies_middle .divider {
	clear:both;
	border-top:1px solid #D2D0CE;
	border-bottom:1px solid #E7E5E3;
	width:507px;
	height:1px;
	font-size:1px;
}
#forum_thread_replies_middle .reply {
	margin-top:-20px;
	/* position:relative; */
	/*clear:both;*/
	/*height:1px;*/
	/*width:100px;*/
	float:right;
	text-align:right;
	color:#DDDDDD;
	/*left:395px;
	top:-40px;*/
    font-family: Georgia,'Times New Roman',times,serif;
    font-size: 24px;
	/*z-index:10;*/
}
#forum_thread_replies_middle .comment {
	margin-left:1px;
	margin-right:6px;
	padding:3px;
	padding-left:8px;
	border-bottom:1px dashed #AAAAAA;
}
#forum_thread_replies_middle .section_divider {
	margin-left:1px;
	margin-right:6px;
	background:#EEEEEE;
	padding:3px;
	padding-left:8px;
}
/*******************************************************
* Form to reply to thread
********************************************************/
#forum_thread_reply_form {
	margin-top:20px;
}
#forum_thread_reply_form #nick {
	padding-top:5px;
	margin-left:15px;
}
#forum_thread_reply_form #nick label {
	font-weight:normal;
}
#forum_thread_reply_form #nick label.required {
	font-weight:bold;
}
#forum_thread_reply_form #nicknewthread {
	padding-top:5px;
}
#forum_thread_reply_form #nicknewthread label {
	font-weight:normal;
}
#forum_thread_reply_form #nicknewthread label.required {
	font-weight:bold;
}
#forum_thread_reply_form h3 {
	color:#666666;
}
#forum_thread_reply_form #col1 {
	width:86px;
	float:left;
	text-align:center;
}
#forum_thread_reply_form #col2 {
	width:410px;
	margin-left:0;
	float:left;
}
#forum_thread_add_favourite {
	width:495px;
	margin-right:20px;
	text-align:right;
}
/*******************************************************
* Form to reply to thread
********************************************************/
#viewcontent #newthread {
	width:410px;
}
/*******************************************************
* Message info box
********************************************************/
.message_info_box {
	display:none;
	position:absolute;
	top:28px;
	left:278px;
	width:238px;
	height:202px;
	text-align:left;
	background:url(../images/frames/forum-info-box-right.png) no-repeat;
	z-index:20;
	color:#666666;
	font-size:11px;
	font-weight:normal;
	opacity: 0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}
.message_info_box .close {
	position:absolute;
	top:13px;
	left:203px;
}
.message_info_box .title {
	position:absolute;
	top:13px;
	left:30px;
	font-weight:bold;
}
.message_info_box .content {
	position:absolute;
	top:33px;
	left:20px;
	width:205px;
	height:145px;
	overflow:auto;
}
.message_info_box .row {
	clear:both;
	height:24px;
	line-height:24px;
}
.message_info_box .row img {
	float:left;
	margin-right:3px;
}
/*******************************************************
* Forum thread likes
********************************************************/
.thread_like {
	margin-top:-8px;
	margin-right:10px;
	float:right;
	text-align: right;
	vertical-align:bottom;
	color:#777777;
	font-size:10px;
}
/*******************************************************
* Styles for quotes
********************************************************/
.quote {
	background:#F5F5F5;
	border:dashed 1px #BBBBBB;
	border-left:3px silver solid;
	padding-left:5px;
}
.quote .quote_title {
	color:#777777;
	font-size:11px;
	font-weight:bold;
	margin-bottom:0.5em;
}
.quote .quote_message {
	color:#777777;
	font-size:10px;
	line-height:1.4em;
	padding-bottom:3px;
}
/*******************************************************
* Styles for message footers
********************************************************/
.forum_message_footer {
	margin-top:10px;
	color:gray;
	border-top:1px dashed #dadada;
	font-style: italic;
}
.forum_message_footer_edit {
	border-top:none;
}
/*******************************************************
* Styles for revisions
********************************************************/
del {
	color:#000000;
	background:#EE9999;
}
ins {
	color:#000000;
	text-decoration:none;
	background:#99EE99;
}
/*******************************************************
* Styles for fancy editor
********************************************************/
.mceContentBody {
	margin:4px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
}
/*******************************************************
* New thread styles
********************************************************/
#widget_pollbegin, #widget_pollend {
	width:90px;
	background:url("../images/icons/list-view-normal-act.gif") no-repeat transparent 66px -1px;
}
#widget_pollbegintime, #widget_pollendtime {
	width:70px;
	background:url("../images/icons/list-view-normal-act.gif") no-repeat transparent 46px -1px;
}