/**
 * Stylesheet for the club forum/discussions.
 */

/**
 * Element class selectors, i.e. "dl.info"
 */

form.newForumPost .avatar {

}

form.newForumPost .form {
	width: 460px;
}

/* Forum topics overview */

div.topics .title {
	float: left;
}

div.topics .header {
	border-bottom: 1px solid #e6e6e6;
	padding: 5px;
	height:auto;
}

div.topics .header span {
	font-style: italic;
	font-size: 12px;
}

div.topics .latestPost,
div.topics .nofReplies {
	float: right;
	width: 25%;
	text-align: right;
	font-size: 10px;
}

table.topics td,
table.topics th {
	height: 50px;
}

table.topics tr form {
	display: none;
}

table.topics tr th,
	table.topics tr td {
	padding: 5px;
}

table.topics tbody tr th {
	width: 60%;
}

/* Hide edit form by default */
table.topics tbody tr th form {
	display: none;
}

table.topics tbody tr th .postInfo a,
	table.topics tbody tr th .postInfo ul,
	table.topics tbody tr th .postInfo em {
	float: left;
}

table.topics tbody tr th .postInfo a.title {
	font-weight: bold;
}

table.topics tbody tr th .postInfo ul,
	table.topics tbody tr th .postInfo a.icon {
	margin-left: 5px;
}

table.topics tbody tr th .postInfo em {
	margin-right: 5px;
}

table.topics tr th .metadata {
	font-size: 10px;
	margin-top: 3px;
}

table.topics tr .nofReplies {
	width: 18%;
}

table.topics tr .latestPost {
	width: 22%;
}

table.topics tbody tr .nofReplies,
table.topics tbody tr .latestPost {
	font-size: 10px;
}

/* Show edit form in edit mode */
table.topics tbody tr.editMode form {
	display: block;
}

table.topics tbody tr.editMode .postInfo {
	display: none;
}

table.topics tbody tr.editMode td {
	display: none; 
}

table.topics tbody tr.editMode th {
	width: auto;
}

table.topics tbody tr.editMode dd.inline {
	padding-top: 5px;
	margin-right: 10px;
}

table.topics tbody tr.editMode dd.cancel {
	margin-left: 10px;
}

/* Posts in a topic */
ul.posts li.post {
	padding: 10px;
	position: relative;
	border-bottom:1px solid #ccc;
}
ul.posts li.last { border-bottom:none; }
ul.posts li.odd { background-color:transparent; }

ul.posts li.post div.fontSmall .error { margin-bottom:0; }

ul.posts li.post dd.visual { width:107px; }
ul.posts li.post div.avatar {
	background:transparent url('../../../i/avatar_bg.png?5739') no-repeat 0 0;
	width:106px;
	height:100px;
	padding-top:9px;
}

ul.posts li.post .metadata {
	font-size: 10px;
	/*background-color: #fff;*/
	padding-bottom: 3px;
}

ul.posts li.post dl.contentContainer {
	padding:0;
}

ul.posts li.post .author {
	margin-right: 20px;
}

ul.posts li.post .quote {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

ul.posts li.post .message {
	width: 80%;
}

ul.posts li.post dd.postContents {
	padding-bottom:10px;
}
	
ul.posts li.post dd.content {
	border: none;
	min-height: 0;
	width:455px;
}

ul.posts li.post dd.editPost {
	display: none;
}

/* edit mode */
ul.posts li.editMode dd.editPost {
	display: block;
	margin-bottom: 20px;
}

ul.posts li.editMode dd.postContents {
	display: none;
}

/* A quoted message */
ul.posts li.post fieldset {
	border: 1px solid #ddd;
	padding: 10px;
}

ul.posts li.post fieldset legend {
	
}

/* Available themes */
ul.posts li.theme1,
	textarea.theme1 {
	background: transparent url('../../../i/makeover/community/clubs/post_bg_hearts.gif?5739');
}

ul.posts li.theme2,
	textarea.theme2 {
	background: transparent url('../../../i/makeover/community/clubs/post_bg_horse.gif?5739');
}

ul.posts li.theme3,
	textarea.theme3 {
	background: transparent url('../../../i/makeover/community/clubs/post-bg-bling.gif?5739');
}

ul.posts li.theme4,
	textarea.theme4 {
	background: transparent url('../../../i/makeover/community/clubs/post-bg-elk.gif?5739');
}

ul.posts li.theme5,
	textarea.theme5 {
	background: transparent url('../../../i/makeover/community/clubs/post-bg-skulls.gif?5739');
}

ul.posts li.theme6,
	textarea.theme6 {
	background: transparent url('../../../i/makeover/community/clubs/post-bg-wildfashion.jpg?5739');
}

ul.posts li.theme7,
	textarea.theme7 {
	background: transparent url('../../../i/makeover/community/clubs/post-bg-lilac.jpg?5739');
}

ul.posts li.theme8,
	textarea.theme8 {
	background: transparent url('../../../i/makeover/community/clubs/post-bg-plainjane.jpg?5739');
}

/* Hide post thread stuff by default */
#postNewThread {
	display: none;	
}