﻿/* DEBUG */
td table
{
	width: 100%;
}

/* Common styles */
a img
{
	border: 0;
}

.forum
{
	font-family: verdana, helvetica, Arial, Sans-Serif;
	font-size: 1em;
}

.threadControl
{
	width: 100%;
}

.breadcrumbs ul, .breadcrumbs li
{
	list-style: none;
	display: inline;
}

.horizontal ul
{
	margin-left: 0;
	padding-left: 0;
}

.horizontal ul, .horizontal li
{
	display: inline;
	list-style: none;
}

.horizontal li a
{
	/*display: -moz-inline-stack;*/
	display: inline-block;
}

th { font-size: 12px; }

.forumThreadNotApproved { background-color: Gray; }

.noBullets
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.fleft
{
	float: left;
}

.fright
{
	float: right;
}

.tright
{
	text-align:right;
}

.clear
{
	clear: both;
}

.sectionSortingAndFiltering
{
	padding: 0 .5em;
}

.sectionSortingAndFiltering li
{
	padding-left: 1em;
}

.sectionSortingAndFiltering div
{
	padding: .5em 0 .5em 4em;
	display: block;
}

.moderationTools
{
	padding: .5em;
}

.messageContainer .moderationTools
{
	padding: .5em;
}

.messageContainer .forumMessage
{
	float: left;
	width: 100%;
}

.clear
{
	clear: both;
}

hr
{
	visibility: hidden;
}

/* User styles */
.breadcrumbs
{
	padding: 0;
	margin: 1em 0;
	font-size: .9em;
}

.breadcrumbs li
{
	margin-right: .5em;	
}

.breadcrumbs li:after
{
	content: "»";
	font-weight: bold;
	margin: 0 0 0 .5em;
}

/*
.breadcrumbs li:last-child:after
{
	content: "";
}
*/

.breadcrumbs a
{
	color: #00F;
	text-decoration: none;
	font-weight: normal;
}

.breadcrumbs .selected a
{
	font-weight: bold;
}

.groupContainer
{
	border: 1px solid #CCC;
	border-width: 1px 0 0 0;
}

.groupHeader
{
	background-color: #EEE;
	padding: .5em;
	border: 1px solid #CCC;
	margin-top: 1em;
}

.groupDescription
{
	margin: 0;
	padding: .5em;
	display: inline;
}

dl.groupStatistics
{
	margin: 0;
	border: 1px solid #CCC;
	font-weight: bold;
}

dl.groupStatistics dt, dl.groupStatistics dd
{
	display: inline;
	display: inline-block;
	padding: .5em;
	margin-left: 0;
}

dl.groupStatistics span
{
	/*display: -moz-inline-stack;*/
	display: inline-block;
}

dl.groupStatistics dd span
{
	margin: 0 .5em 0 .2em;
	font-weight: normal;
}

.groupList
{
	border: 1px solid #CCC;
	border-width: 0 1px;
}

.groupList table
{
	width: 100%;
	border: 0;
	border-spacing: 0;
}

.groupList th, .groupList td
{
	border: 0;
}

.groupList dt, .groupList dd
{
	display: inline;
	margin: 0;
	padding: 0;
}

.groupList dl
{
	margin: 0;
	padding: .5em;
}

.groupList dt span, .groupList dd span
{
	display: inline;
}

/* Todennäköisesti tarpeettomia */
/*.groupList dd.groupName:after
{
	content: ",";
}

.groupList dd.groupDescription:after
{
	content: ". ";
}*/

/*
.groupList dd:last-child:after
{
	content: "";
}
*/

.sectionChildGroups
{
	margin: 1em 0;
}

.sectionChildGroups .description
{
	margin: 0;
	padding: .5em;
	border: 1px solid #CCC;
	border-width: 0 1px 0 1px;
}

.sectionThreadList
{
	border: 1px solid #CCC;
	margin: 1em 0;
}

.sectionThreadList h3
{
	background-color: #888;
	margin: 0;
	padding: .5em;
	color: #FFF;
}

.threadList, .threadList th, .threadList td
{
	border: 0;
	border-spacing: 0;
	padding: 0;
	margin: 0;
}

.threadList
{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC
}

.threadList th, .threadList td
{
	padding: .5em;
}


.threadList
{
	width: 100%;
}

.threadList tr.alternating
{
	background-color: #EEE;
}

.threadList tr.sticky, .threadList tr.alternating.sticky
{
	background-color: #E0CCE0;
}

.sectionThreadList .paging
{
	padding: .5em;
	background-color: #EEE;
	color: #555;
	font-size: .9em;
}

.threadControl .paging
{
	margin-bottom: 1em;
}

.sectionThreadList .paging .separator
{
	margin: 0 .5em;
}

.paging a
{
	text-decoration: none;
	font-weight: bold;
}

.paging .selectedPageNumber
{
	background-color: #CCC;
	color: #FFF;
	padding: .2em .4em;
	border: 1px solid #999;
}

.paging .pageNumber
{
	background-color: #FFF;
	color: #00F;
	padding: .2em .4em;
	border: 1px solid #999;
}

.paging .pageNumber:hover
{
	background-color: #Fa0;
}

/* Message view */

.messageContainer
{
	width: 100%;
	overflow: hidden;
	border: 1px solid #CCC;
}

.forumMessageNotApproved { background-color: #DDD; }

.messageAside
{
	background-color: #EEE;
	border: 1px solid #CCC;
	border-width: 0 1px 0 0;
	width: 15em;
	float: left;
	padding-bottom: 5000px;
	margin-bottom: -5000px;
}

.messageDetails
{
	list-style: none;
	margin: 0;
	padding: 1em 0;
	background-color: #EEE;
	font-size: .9em;
}

.messageDetails li
{
	padding: .2em .5em;
}

.messageDetails li span
{
	padding: 0 2em 0 .5em;
}

.messageDetails .messageViewCountLabel
{
	padding-right: .2em;
}

.quoteLinkContainer
{
	text-align: right;
	padding: 1em 0;
	display: inline;
	float: right;
}

.quoteLinkContainer span
{
	display: inline-block;
	padding: .5em;
}

.threadStatistics dd, .threadStatistics dt
{
	display: inline;
	margin: 0;
	padding: 0 .5em 0 0;
}

.threadStatistics dd span, .threadStatistics dt span
{
	/*display: -moz-inline-stack;*/
	display: inline-block;
	
}

.messageBody
{
	padding: 1em 2em;
	margin-left: 15em;
	color: #252525;
	padding-bottom: 5000px;
	margin-bottom: -5000px;
	
}

.messageBody blockquote, .iframePreview blockquote, .comment blockquote
{
	padding: 1em;
	margin: 1.5em;
	background-color: #E0E0E0;
	border: 1px solid #CCC;
}

.messageBody blockquote cite, .iframePreview  blockquote cite, .comment blockquote cite
{
	font-weight: bold;
	display: block;
	margin: 0 .5em .5em 0;
	color: #000;
	border-bottom: 1px solid #666;
}

.messageBody blockquote cite:after, .iframePreview blockquote cite:after, .comment blockquote cite:after
{
	content: " kirjoitti:";
}

pre, .iframePreview pre
{
	border: 1px solid #CCC;
	background-color: #F0F0F0;
	padding: 1em;
}


/* Buttons */
.buttonContainer
{
	text-align: right;
}

.buttonContainer input
{
	background-color: #DDD;
	border: 1px solid;
	border-color: #AAA #000 #000 #AAA;
	color: #333;
	/*
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	*/
	line-height: 100%;
	height: auto;
	padding: 4px;
}

.buttonContainer input:hover
{
	background-color: #DFEEFF;
	/*cursor: hand;*/
	cursor: pointer;
}

/* Headings */
h2.groupName
{
	font-size: 1.4em;
	margin-bottom: 0;
	display: inline;
	margin-right: 2em;
}

h3
{
	font-size: 1.1em;
	margin: 0;
	padding: .5em 0;
}

.sectionChildGroups h3
{
	background-color: #FFF;
	margin: 0;
	padding: .5em;
	color: #777;
	font-size: 1em;
}

h4
{
	font-size: 1em;
}

.sectionChildGroups h4
{
	background-color: #FFF;
	margin: 0;
	border: 1px solid #CCC;
	border-width: 0 1px;
	color: #777;
}

.sectionChildGroups h4 a
{
	display: block;
	background-color: #EEE;
	padding: .5em;
	font-size: 1.2em;
	color: blue;
	text-decoration: none;
}

.sectionChildGroups h4 a:hover
{
	color: #FFF;
	background-color: #AAA;
}

.forumMessage h3, .forumMessageNotApproved h3
{
	background-color: #CCC;
	border: 1px solid #CCC;
	border-bottom-width: 0;
	margin: 0;
	padding: .3em 1em;
	color: #000;
	font-size: .9em;
}

.threadControl h2
{
	font-size: 1.3em;
}

/* ThreadInsert, MessageInsert */
.sectionThreadInsert, .sectionMessageInsert, .sectionEditMode
{
	border: 1px solid #CCC;
}

.sectionThreadInsert h3
{
	padding: .5em;
	margin: 0;
	background-color: #EEE;
	border-bottom: 1px solid #CCC;
}

.sectionThreadInsert .formContainer, .sectionMessageInsert .formContainer, .sectionEditMode .formContainer
{
	padding: .5em;
}

.sectionThreadInsert .threadTitleEditor label,
.sectionThreadInsert .threadBodyEditor label,
.sectionMessageInsert .threadTitleEditor label,
.sectionMessageInsert .threadBodyEditor label,
.sectionEditMode .threadTitleEditor label,
.sectionEditMode .threadBodyEditor label
{
	font-weight: bold;
}

.required
{
	color: #F00;
	font-weight: bold;
}

.sectionThreadInsert .threadTitleEditor, .sectionThreadInsert .threadBodyEditor,
.sectionMessageInsert .threadTitleEditor, .sectionMessageInsert .threadBodyEditor,
.sectionEditMode .threadTitleEditor, .sectionEditMode .threadBodyEditor
{
	padding: .5em 0;
}

.sectionThreadInsert input[type=text], .sectionMessageInsert input[type=text], .sectionEditMode input[type=text]
{
	width: 700px;
	display: block;
}

.sectionThreadInsert textarea, .sectionMessageInsert textarea, .sectionEditMode textarea
{
	width: 100% !important;
}

.sectionThreadInsert .threadTypeSelection
{
	margin: 1em 0;
}


/* Rating */
.meteorRatingContainer
{
	padding: .5em;
}

.positiveTitle
{
	display: inline;
}

.negativeTitle
{
	display: inline;
}

.positiveValue
{
	display: inline;
	color: Green;
	margin: 0;
}

.negativeValue
{
	display: inline;
	color: Red;
	margin: 0;
}

/* Blog */
.blog .post
{
	border: 1px solid #CCC;
	padding: 1em;
	border-top-width: 0;
}

.blog .post:first-child
{
	border-top-width: 1px;
}

.blog .title h2
{
	font-size: 1.3em;	
}

.blog .post .title h2
{
	font-size: 1.1em;
	margin-bottom: 0;
}

.blog .title h2 a
{
	text-decoration: none;
	color: Olive;
}

.blog .title .published
{
	font-size: .9em;
	color: #999;
	font-style: italic;
	margin: 0;
}

/* Comments */
.commentingCommentNotApproved { background-color: Gray; }

.comment
{
	border-top: 1px solid #CCC;
	padding: .5em 0;
	margin: .5em 0;
}

.commentMeta
{
	font-style: italic;
	margin-bottom: 0;
	padding-bottom: .5em;
}

.commentatorDetails
{
	border-top: 1px solid #CCC;
	padding: 1em 0;
}

/* Feed */
.sectionFeedLink
{
	padding: .5em 0;
}

/* Wiki */
.wiki .functions
{
	margin: .5em 0;
}

.wiki .content label, 
.wiki .content input.text,
.wiki .content textarea
{
	display: block;
	margin: .5em 0;
}

.wikiArticleListing
{
	margin: 1em 0;
}

.wikiRecentChanges
{
	margin: 1em 0;
}
