/* @override http://hrcstaging.relyonmedia.com/App_Themes/Hrc/Yaf.css */

/*	This StyleSheet is used in the yaf-forum part exclusively.
	Please don't put any other styles in here.
	For styling the forum-buttons, take a look at ~/yaf/themes/hrc */

/*  */
img {
	border: 0;
}

/* Header 1 - Main header */
tr.header1 {
	background-color: #332211;
	color: #ffffff;
	font-weight: bold;
	padding-left: 10px;
}

tr.header1 a { color: #ffffff;	text-decoration: none; }
tr.header1 a:hover { color: #eeffee; text-decoration: underline; }	

td.header1 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #321;
	color: #ffffff;
	font-weight: bold;
	padding-left: 10px;
}	

.header1Title
{
	/*background: url('bg_header5.png');*/
	color: #ffffff;
	font-weight: bold;
	padding-left: 10px;	
	background-color: #332211;
}

/* Header 2 - Sub header */
tr.header2 
{
	
	background-color: #ffe082;
	color: #321;
	font-weight: bold;
}

td.header2 {
	background-color: #ffe085;
	color: #321;
	font-weight: bold;
}

td.header2 a { color: #2D7979; text-decoration: none; }
td.header2 a:link { color: #2D7979; text-decoration: none; }
td.header2 a:visited { color: #7F7D6C; text-decoration: none; }
td.header2 a:active { color: #7F7D6C; text-decoration: none; }
td.header2 a:hover { color: #2D7979; text-decoration: underline; }

#DataPanel1_TitleLink:hover{text-decoration:underline !important;}
#DataPanel1_actionLink:hover{text-decoration:underline !important;}

td.infoTable {
	background-color: #FAFAFA;
	padding: 10px;
	border: 0px solid #F3F2F2;
}

/* Footer1 - Bottom of tables */
.footer1 {
	font-size: 7pt;
	height: 28px;
	background-color: #efe8d1;
}

.footer1 select, .footer1 td {
	font-size: 11px;
}

/* Header of posts */
.postheader {
	background-color: #DAE2DA;
}

/* User info and post/article */
.post
{
	background-color: #ffffff;
}

.postResource
{
	background-color: #D2E7E7;
}
.post_alt
{
	background-color: #ffffff;
}

tr.post:hover
{
	background-color: #ffffff;	
}

tr.post_alt:hover
{
	background-color: #ffffff;	
}

.postReply
{
	background-color: #e6e6e6;
}

.postOption
{
	background-color: #e6e6e6;
	cursor:pointer;
	}
	
.postOption:hover
{
	background-color: #ffffff;
	}

/* Footer of posts */
.postfooter
{
	visibility:visible;
	background-color: #ffffff;
	height:0px;
}

/* Area between posts */
.postsep {
	background-color: #555555;
	height: 1px;
	background: url('bg_header2.png');
}

/* most tables are class 'content' */
.content
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0px;
	background-color: #321;	
	margin: 0px;
	color: #000;
}

.postformheader
{
	background-color: #e6e6e6;
	font-weight:bold;
}

table.content td {
	padding: 5px;
}

/* links inside content table*/
.content a			{ color: #2D7979;text-decoration: none;}
.content a:hover	{ color: #2D7979; text-decoration: underline; }

/* used for quoting messages */
.quote {
	padding-left: 16px;
	margin: 5px;
}

.innerquote
{
	padding: 4px;
	background-color: #fefefe;
	border: 0px dashed #808080;
}

/* used for code */
.code
{
	padding-left: 16px;	
	margin: 5px;
}

.innercode
{
	padding: 4px;
	background-color: #efefef;
	border: solid 0px #808080;
	color: #000000;
	font-size:8pt;
	font-family:Courier New,Courier;
}

/* font sizes */
.smallfont	{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; }
.largefont	{ font-family: Arial, Helvetica, sans-serif;font-size: 12px; }

/* Image Links */
a.imagelink {
	font-weight: bold;
	color: #000000;
}
a:hover.imagelink {
	text-decoration: none;
	/*background-color: #D0D0D0;*/
}

/* Used for editor textarea */
.posteditor {
	width: 100%;
	height: 200px;
}


/* Table just above and below tables */
table.command {
	padding: 0px;
	background-color:#ffffff;
}

/* p-tag at the top of pages with navigation links */
.navlinks { font-weight: normal; font-size:14px;color:#737373;}
.navlinks a { color: #297070; text-decoration: none; padding-left:6px;}
.navlinks a:hover {color:#297070;
	text-decoration: underline;
}
.currentPage {color:#000000; font-weight:bold;}

/* for printing */
table.print {
	border: solid 0px #C0C0C0;
}
.printheader {
	background-color: #DDDDDD;
	color: #000000;
	padding: 4px;
}
.printbody {
	background-color: #FFFFFF;
	color: #000000;
	padding: 4px;
}

.pbutton {
	font-size: 11px;
	color: #FFFFFF;
	border: none;
	font-weight: bold;
}
 
.textfield {
	background-color: #FFFFFF;
	border: 0px solid #3B3E39;
	width: 100%;
}

.ButtonOut
{
	border: #669966 0px solid;
}
.ButtonOver
{
	border: #000000 0px solid;
	background-color: #ffffff;
}
.ButtonChecked
{
	border: #000000 0px solid;
}
.ButtonOff
{
	border: #669966 0px solid;
}

#bbcodeFeatures
{
	border: #eeffee 0px solid;
}

/*
Use this to setup overflow feature for your site.
On IE that would mean specifying a width so that the overflow will work properly.
This CSS already works on FireFox.
*/
div.postdiv
{
	width: 100%;
	min-height: 115px;
	overflow: auto;	
	font-size: 13px;
	color:Black;
	padding-top:3px;
}

/* Some ComRes-Specific styles */
.userLink
{
	font-size: 14px;
	font-weight:bold;
	color:#297070 !important;
	text-decoration:none !important;
	line-height:22px;
}

.userLink:hover
{
	font-size: 14px;
	font-weight:bold;
	color:#297070;
	text-decoration:underline !important;
}

.UserBox
{
	font-size: 13px;
	color:#4d5454;
}

.postActions
{
	float:right;
	position:relative;
	bottom:0px;
	padding-right:12px;
}

.postSignature
{
	font-style:italic;
	color:#4d5454;
}