/****************************************************************************************************************
**
**	CSS FOR FORUMS
**
****************************************************************************************************************/


/* Responsive Table Layout */

.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.alignTop { vertical-align: top; }
.alignBottom { vertical-align: top; }
.alignMiddle { vertical-align: top; }

.divTable {
	width:				100%;
	display:			table;
	table-layout: 		fixed;
	border-spacing:		0px;
	border-collapse: 	separate;
}

.divTr {
	display: 			table-row;
	border-bottom:		1px solid #eaeaea;		
}

.divTdHead,
.divTd {
	display: 			table-cell;
	vertical-align:		middle;
	padding: 8px;
	border-bottom: 1px solid #eaeaea;
	box-sizing: border-box;
}


.divTr:hover {
	background:			#f8f8f8;
}

.divTdHead,
.divTdHead a,
.trMenuTitle {
	color: #464646;
	font-size:			16px;
	background: #e4e1e1;
	line-height: 30px;
}

.divTdHead.forumTd {
	width:				50%;	
}

a.forumTitle {
	text-decoration:	none;
	font-size:			15px;	
}

.trPointer {
	cursor:				pointer;
}

.mobileOnlyTdHeader {
	display:			none;	
}

.divTd img {
	display:			inline;
	padding:			0px 5px 0px 0px;
	margin-bottom:		-2px;	
}

.divTable > input,
.trMenuTitle {
	display: none;	
}


/*** OLD ***/
a.forumTopic { text-decoration: none; }
a.forumTopic:hover { text-decoration: underline; }
a.forumTopic:visited { color: #b2b2b2; }

a.noLinkColor { color: #b2b2b2; }

.forumSearch {
	position:				relative;
	margin:					0;
	float: right;
}

.quotedPost {
	background: 			url("/images/skins/flirt4free/layout_03/content_bg.jpg") repeat-x scroll 0 0 #152033;
	color:					fff;
	padding: 				10px;
	-moz-border-radius: 	5px;
	-webkit-border-radius: 	5px;
	border-radius: 			5px;	
	border-bottom:			1px solid #0c3754;
	border-right:			1px solid #0c3754;
	border-top:				1px solid #08273b;
	border-left:			1px solid #08273b;
	font-size:				14px;
}

.forumThreadBtns { float: left; }

.forumThreadBtns .btnBlue, 
.forumThreadBtns .btnRed, 
.forumThreadBtns .btnGreen { 
	margin-left: 			0; 
	height:					22px;
	line-height:			1.5em;
	font-size:				14px;
	float:					left;
	margin-right:			5px;
}

.forumAvatar, .post_message { font-size: 13px; }

.forums .forumSearch {
	position: 				relative;
	float: 					right;
	margin: 				-10px 0 0 0;
}

.forumThreadOptions {
	display: inline-block;
	float: left;
}

.forumThreadOptionLinks {
	display: none;	
}

.forumThreadOptions:hover .forumThreadOptionLinks {
	display: block;
	background: #ccc;
	position: absolute;	
	z-index: 5;
	top: 30px;
	width: 119px;
}

.forumThreadOptionLinks a {
	display: block;
	color: #fff;
	padding: 4px 10px 4px 10px;
	text-decoration: none;
	border-bottom: 1px solid #e4e4e4;
	background: #cccccc;
}

.forumThreadOptionLinks a:hover,
.forumActions  a:hover {
	background: #e4e4e4;
}

.forumBtns {
	float: right;
	display: inline-block;	
}

.forumActionsWrap {
	float: right;	
	display: inline-block;	
	position: relative;
	margin-left: 5px;
}

.forumActions  {
	display: none;	
}

.forumActionsWrap:hover .forumActions {
	display: block;
	background: #ccc;
	position: absolute;	
	right: 0;
	top: 29px;
	z-index: 5;
	width: 100%;
}

.forumActions  a {
	display: block;
	padding: 4px 9px 4px 10px;
	text-decoration: none;
	border-bottom: 1px solid #b7b7b7;
	cursor: pointer;
}

.minWidthRes.forums .pageWidth.paging {
	width: 100%;	
}

.divTdHead.threadHeader,
.divTdHead.threadHeader a {
	font-size: 12px;	
}

.forumDate {
	display: inline-block;	
	float: left;
}

.forumDate span {
	color: #999;	
}

.thread .divTdHead.forumTd {
    width: 200px;
}

.vertTop {
	vertical-align: top;	
}

.divTd h3 {
	font-size: 16px;
	color: #fff;
	display: block;
	padding: 5px 0px 3px 0px;
	margin: 0;
	font-weight: normal;	
}

.forumAvatar {
	text-align: center;	
	margin: 10px;
}

.forumAvatar img {
	padding: 4px;
	background: #111;
}

.forumUserInfo {
	font-size: 12px;
	background: #f1f1f1;
}

.forumUserInfo span {
	display: block;
	margin: 5px 0px 5px 0px;	
}

.thread .divTd {
	border: 0;	
}

.moveRight {
	text-align: right;	
}

.quotedPost {
    background: #eaeaea;
    border: 1px dotted #9e9e9e;
    font-size: 14px;
    padding: 10px;
    border-radius: 0;
    margin: 0;
}

.forumBadge {
	width: 50px;
	height: 50px;	
}

.form textarea.width60 {
	width: 99%;
}

.fansSpeakOut {
	display:				block;
	-moz-border-radius: 	5px;
	-webkit-border-radius: 	5px;
	border-radius: 			5px;
	text-decoration:		none;
	color:					#999;
	font-size:				12px;
	font-size:				14px;
	padding:				5px;
	margin-bottom:			5px;
}

.startTopic {
	float: left;
	margin: 10px 0 10px 0;	
}

.forumPagingMenu {
	width: 100%;
	position: relative;
	margin: 10px 0;
}

.forumButtonLeft {
	position: absolute;
	top: 0;	
	left: 0;
}

.forumButtonRight {
	position: absolute;
	top: 0;	
	right: 0;	
}

.buttonCommunityForum {
	display: block;
	width: auto;
	padding: 8px 15px;
	background: #ccc;
	margin: 0 0 5px 0;
	border: 0;
	cursor: pointer;
}

.forumActions a,
.forumThreadOptionLinks {
	text-align: center;	
}

.buttonCommunityForum.moreActions {
	margin-left: 10px;		
}

a.buttonCommunityForum {
	text-decoration: none;
	text-align: center;
	margin-bottom: 0;
}

a.buttonCommunityForum.buttonNewTopic {
	width: 65px;
}

.buttonCommunityForum:hover {
	background: #d8d8d8;
}

.buttonForumSearch {
	width: auto;
	padding: 8px 15px;
	background: #ccc;
	border: none;
	cursor: pointer;
}

.buttonForumSearch:hover {
	background: #d8d8d8;
}

.forumSearch input[type=text] {
	margin: 10px 0;
	padding: 6px;
}

.siteBody .forumPagingMenu .pagingMiddle {
	padding: 0;	
}

#sort_form_links:checked ~ .trMenu:first-child,
#sort_form_links:checked ~ .trMenu .divTdHead:first-child {
	border-top: none;
}

.forums.topFourWrapper {
	width: 24.5%;
	margin-bottom: 20px;	
}

.forums .iconSettings {
	top: 0px;
	right: 0px;
}

.forums .titleMed, h3.titleMoreLine {
    background: none;
}

.commForum a.withArrowDown:after {
	border-top: 5px solid #777;
	margin: 6px 0px 0px 4px;
}

.navTree.linksMobile {
	margin-bottom: 10px;	
}

.form.forumSearch {
	margin-top: -10px;	
}

a.forumQuoteEdit {
	text-shadow: none;	
	border-radius: 0;
	display: inline-block;
    padding: 0px 10px 0px 10px;
    font-weight: normal;
    text-decoration: none;
    font-size: 13px;
    height: 29px;
	color: #fff;
    line-height: 2.3em;
    font-family: sans-serif;
    border: 0px;
}

a.link forumQuoteEdit {
	color: #fff;
}

.overlayBox.overlayAddToList a {
    color: #000;
}

.overlayBox.overlayAddToList textarea {
	width: 98%;
	height: 60px;
	margin: 5px 0 4px 0;
}

.overlayAddToList select {
	width: 100%;
	padding: 5px 0;	
}

.buttonCommunityForum.createVip {
	width: 150px;	
}

.buttonCommunityForum.createVip.vipLogin {
	width: 180px;
}

.forumSignup table td {
    background: #fff;
    border: 1px solid #eee;
	padding: 4px;
}

.forumActionsWrap .moreActionsSub {
	border-bottom: 1px solid #efefef;
}

.alertSelectList {
	width: 100%;
	height: 40px;
	background: #a20000;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 14px;
	margin-bottom: 5px;
}


@media all and (max-width: 1100px) {

	.forums .swipeMessageArea950 {
		width: 				98%;
		display: 			block;
		margin: 			5px 0 5px 0;
	}
	
	.forums .mobileTableScroll.tableWidth950 .tbl {
		width:				950px;
	}
	
	.trMenu .divTdHead,
	.trMenu .divTdHead a {
		font-size: 14px;	
	}
	
}

@media all and (max-width: 1000px) {

	.forumSignup .swipeMessageArea1000 {
        width: 96%;
    }
	
}

@media all and (max-width: 930px) {
	
	.forumDate {
		display: none;	
	}
	
	.forumDate.mobileOnly {
		display: inline-block;
		float: none;
		font-size: 10px;
		padding-right: 10px;	
	}
	
}

@media all and (max-width: 900px) {
	
	.overlayBox.overlayAddToList textarea {
		width: 94%;
	}
	
	.overlayAddToList select {
		width: 95%;
	}
	
	.overlayAddToList .buttonCommunityForum {
		cursor: pointer;
		width: 80px;	
	}
	
	.alertSelectList {
		width: 95%;
	}
	
}

@media all and (max-width: 850px) {
	
	.forumDate.mobileOnly {
		float: right;
	}
	
	.forums .linksMobile a {
		background: 		#222;
		padding: 			4px;
		border-top: 		1px solid #000;
		font-size: 			12px;
		display: 			block;
		text-decoration: 	none;
	}
	
	.forums .forumSearch {
		display: 			block;
		float: 				none;
		margin: 			10px 0 0 0;
		clear: 				both;
	}
	
	.forums .characterHide {
		display: 			none;
	}
	
	.forums .form input {
		width: 				96.5%;
		padding: 			5px 0 5px 15px;
		height: 			40px;
	}
	
	.forums .form input[type=submit],
	.form input[type=button] {
		width: 				99.5%;
		padding:		 	25px;
		line-height: 		0;
		text-align: center;
	}
	
	.forums linksMobile a {
		width: 				95%;
	}
	
	.forums.minWidthRes .pagingMiddle {
		margin: 			0px;
	}
	
	.divTdHead {
		display:				none;
	}
	
	.mobileOnly,
	.divTdHead.showMobile {
		display:				block;
	}
	
	.divTd,
	.divTr {
		display: 				block;	
	}
	
	.divTdHead.forumTd {
		width: 100%;
	}
	
	.textRight {
		text-align:				left;	
	}
	
	.mobileOnlyTdHeader {
		display:				inline-block;
		font-weight:			bold;
		padding-right:			5px;
		font-size:				10px;	
	}
	
	.divTdHead,
	.divTd {
		border-bottom:		0px solid #222;	
	}
	
	.divTr .divTd {
		padding:		0px 5px 5px 35px;	
	}
	
	.divTr .divTd:first-child {
		padding:		5px 5px 5px 5px;	
	}

	.trMenuTitle {
		display: block;
		padding: 0 0 0 25px;
		position: relative;
		cursor: pointer;
		background: #ccc;
	}
	
	.trMenuTitle:after {	
		content:			""; 
		width: 				0;
		height: 			0;
		border-top: 		5px solid #fff;
		border-right: 		5px solid transparent;
		border-left: 		5px solid transparent;
		position:			absolute;
		left:				6px;
		top:				17px;
	}
	
	.trMenu {
		display: none;	
	}
	
	.thread .trMenu {
		display: block;	
	}
	
	.thread .divTdHead.forumTd,
	.thread .divTdHead.forumTd a {
		width: 100%;
		font-size: 15px;
		padding: 5px 0px 5px 0px;
	}
	
	.thread .divTdHead {
		display: block;
		width: 100%;
		font-size: 10px;	
		padding: 5px 0px 5px 0px;
	}
	
	.thread .divTdHead a {
		font-size: 10px;	
	}

	#sort_form_links:checked ~ .trMenu,
	#sort_form_links:checked ~ .trMenu .divTdHead {
		display: block;
		border-top: 1px solid #c7c7c7;
	}
	
	#sort_form_links:checked ~ .trMenu .divTdHead a {
		display: block;
		text-decoration: none;
		padding-left: 25px;	
	}
	
	.minWidthRes.forums .pagingMiddle {
		position: static;
		left: auto;	
	}
	
	.minWidthRes.forums .pagingMiddle .formDrop {
		max-width: 100px;	
	}
	
	.thread .divTdHead, 
	.thread .divTdHead a, 
	.thread .trMenuTitle {
		height: 25px;
		line-height: 15px;	
	}
	
	
	.thread .divTdHead.textRight.threadHeader {
		text-align: right;	
	}
	
	.forumName {
		display: inline-block;
		position: absolute;
		margin: 26px 0px 0px 0px;	
		padding: 0 0 0 5px;
	}
	
	.thread .divTr .divTd {
		padding: 10px 5px 5px 5px;
	}
	
	.forumAvatar {
		float: left;
		width: 15%;	
	}
	
	.forumAvatar img {
		width: 100%;	
	}
	
	.forumUserInfoText {
		float: left;
		width: 70%;	
	}
	
	.forumUserInfoText.full {
		float: none;
		width: 100%;	
	}
	
	.forumUserInfoText .textCenter {
		text-align: left;	
	}
	
	.divTr:hover {
		background:			none;
	}
	
	.forumBadge {
		width: 25px;
		height: 25px;	
	}
	
	.forums .form input, 
	.forums .form select, 
	.forums .form textarea,
	.forums .form label,
	.width60 {
		display: block;
		float: none;
		width: 98.5%;
		text-align: left;
	}

	.forums .form input[type="checkbox"] {
		width: 15px;
		float: left;
		margin: -5px 10px 10px 0px;	
	}
	
	.forums.topFourWrapper {
		width: 33%;	
	}
	
	.thread .divTdHead.textRight.threadHeader {
		padding-bottom: 31px;
	}

}

@media all and (max-width: 550px) { 

	.forums .linksMobile a {
		width: 				auto;
	}
	
	.forums .form input {
		width: 				95.5%;
	}
	
	.forumAvatar img {
		padding: 0;	
	}
	
	.divTdHead, 
	.divTdHead a, 
	.trMenuTitle {
		font-size: 12px;	
	}
	
	.divTable {
		width: 100%;
	}

	.form.forumSearch {
		float: left;
		clear: both;
		width: 99%;
	}
	
	.startTopic {
		clear: both;
	}
	
	#sort_form_links:checked ~ .trMenu,
	#sort_form_links:checked ~ .trMenu .divTdHead {
		width: 100%;
		margin-top: -1px;
	}
	
	.trMenuTitle {
		width: 93%;
	}
	
	.forums.topFourWrapper {
		width: 49.5%;	
	}
	
	.forumSignup .swipeMessageArea1000 {
        width: 94%;
    }
	
}

@media all and (max-width: 450px) { 

	.forums .missingPageBtn {
		width: 				auto;
	}
	
	.forums .form input {
		width: 				90%;
	}
	
	.forumBtns {
		display: block;
		float: none;
		margin-bottom: 10px;	
	}
	
	.forumName {
		margin: 4px 0px 0px 0px;
		font-size: 14px;	
	}
	
	.forumUserInfoText {
		font-size: 10px;	
	}
	
	.thread .divTdHead, .thread .divTdHead a {
		height: 20px;	
	}

}

@media all and (max-width: 430px) { 

	.buttonForumSearch {
		width: 100%;
		padding: 8px 2%;
		margin-bottom: 5px;
	}
	
	.forumSearch input[type=text] {
		width: 95%;
		padding: 6px 2%;
	}
	
	.buttonCommunityForum {
		width: 95%;
		padding: 8px 2%;
		float: left;
	}
	
	.forumActionsWrap {
		width: 96%;
		float: left;
		margin-left: 0;
		padding-left: 0;
	}
	
	.forumAddReply.buttonCommunityForum {
		margin-left: 0;
		text-align: center;
	}
	
	.forumThreadOptions {
		width: 96%;
	}
	
	.forumThreadOptions:hover .forumThreadOptionLinks {
		width: 100%;
	}

	.forumActions:hover .forumActions {
		width: 105%;	
	}
	
	a.withArrowDown {
		padding-right: 6%;
	} 
	
	.forumThreadOptions select {
		width: 95%;
	}
	
	.buttonCommunityForum.createVip {
		width: 96%;	
	}
	
	.buttonCommunityForum.createVip.vipLogin {
		width: 100%;
	}
	
	a.buttonCommunityForum {
		border-bottom: 1px solid #b7b7b7;
	}
	
	a.buttonCommunityForum.buttonNewTopic {
		width: 95%;
		margin-top: 5px;
	}

}