/* -------- Forum Skinning CSS -------- */

body 
{
	color: #000;
	margin: 0px;
	/*background: #fff;*/
	padding:0;
	background: #fff url("pageBgTile_v2.gif") repeat-x scroll left top;
}
body, td, p, li
{
	line-height:1.6em;
}
.main
{
	padding: 0;
	width:898px;
	margin: 0px auto;	
	position: relative;
	border:1px solid #ddd;
	background:#fff;
}

body, td, input, select
{
	font-family: arial, Verdana;
	font-size: 12px;
}
.siteFooter
{
	width:100%;
	text-align:center;
	margin: 0px auto;
}
.mainform 
{
	width: 898px;
}
#page
{
	background: transparent url("pageBgDropShadow.png") no-repeat scroll 50% top;
	_background-image:none;
	FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/themes/zazzle/pageBgDropShadow.png",sizingMethod='crop');
}

a
{
	color: #36c;
	text-decoration: none;
}
a:hover
{
	color: #69f;
	text-decoration: underline;
}
table
{
	border:0;
	border-collapse:collapse;
	table-layout:auto;
	empty-cells:show;
}

td, tr
{
	border:0;
	margin:0;
}

/* Header Area */
#imgBanner 
{
	display:none;
}

img 
{
	border: 0;
}

/* Zazzle | ... */
.headerNavigation 
{
	position: absolute;
	top: 10px;
	right: 10px;
	_right: 15px;
	width: 400px;
	text-align: right;
	z-index: 100;
}

/* p-tag at the top of pages with navigation links */
.pageheader
{
	background: url("forum_header.gif") no-repeat;
	width: 900px;
	height: 100px;
	text-align: left;
	padding: 0px;
	margin: 0px 0px 5px 0px;
	position:relative;
	top:-1px;
	left:-1px;
}

.pageheader .forumhome
{
	height: 60px;
}

.pageheader .zazzlehome 
{
	height: 35px;
	width: 200px;
	position: absolute;
	bottom: 20px;
	right: 0px;
}

/* Zazzle Test Forum */
p.navlinks
{
	left: 5px;
	color: #000;
	padding: 10px;
	margin: 0px;
	font-weight: bold; 
}


/* ------ Forum Application CSS ------- */

table.welcome td a 
{
	color: #FFF;
	text-decoration: none;
}


#forum__ctl0_Welcome 
{
	margin: 0px;
}

#divTimeNow 
{
	position:absolute;
	top: 10px;
	left: 15px;
	color: #CCC;
}
#divTimeLastVisit 
{
	/*position: absolute;
	top: 25px;
	right: 15px;	*/
	display:none;
}

/* Content Tables */
td.subject a, td.starter a 
{
	font-weight: bold;

}
td .subforumheading 
{
	color:#000;
}
td .smallfont 
{
	color:#000;
}
td.lastpost 
{
	color: #000;
}

/* For BBCode Post Buttons */
.ButtonOut
{
	/*filter: alpha(opacity=70);*/
	border: #7F9DB9 1px solid;
}
.ButtonOver
{
	background-color: #FFE1AC;
	border: #FFAD55 1px solid;
}
.ButtonChecked
{
	background-color: #FFCB7E;
	border: #FFAD55 1px solid;
}
.ButtonOff
{
	/*filter: gray() alpha(opacity=30);*/
	background-color: #C0C0C0;
	border: #7F9DB9 1px solid;
}

/* most tables are class 'content' */
table.content {
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #000;
	border-collapse: collapse;
}

/* blue border on all cells */
table.content td {
	padding: 1px 3px;
	border: #7d7d7d solid 1px; 
}

/* Header 2 - Sub header */
.header2 {
	background: #000 url('blackgrey_bg.gif') repeat-x top left;
	color: #fff;
	font-weight: bold;
	text-align:left;
}
td.header2 a 
{
	color: #fff;
	font-size: 12px;
	font-family: Arial, Sans-Serif;
	text-decoration: none;
}
td.header2 a:hover
{
	color: #fff;
	text-decoration: underline;
}
td.header2 input
{
	margin-top:2px;
}
th.header2
{
	padding: 5px;
}
tr.header2 td 
{
	height: 27px;
	padding-left: 5px;
}
th.header2.status 
{
	border-left: #7d7d7d solid 1px; 
}
th.header2.lastpost 
{
	border-right: #7d7d7d solid 1px;
}
tr.post_alt td 
{
	background: #F5F5F5;
}

/* Footer1 - Bottom of tables */
.footer1 {
	background-image: url('bg_footer1.png');
	font-size: 7pt;
	height: 28px;
}

.footer1 select, .footer1 td
{
	font-size: 7pt;
}


/* Header of posts */
.postheader 
{
	color: #fff;
	background: url('blackgrey_bg.gif') repeat-x;
	height:22px;
}
.postheader td 
{
	border: 0px;
}
.postheader a
{
	color: #fff;
	text-decoration: none;
}
.postheader a:hover
{
	text-decoration: underline;
}

/* User info and post/article */
.post 
{
	background: #FFF;
}

.post_alt
{
	background-color: #f3f3f3;
}


/* Footer of posts */
.postfooter 
{
	background: white;
}

.postfooter table td 
{
	border: white solid 0px;
}

/* Area between posts */
.postsep 
{
	display:none;
}



/* used for quoting messages */
div.quote 
{
	padding: 5px;
	margin-top: 5px;
	background: #EEE;
	border: #CCC dashed 1px;
	color: #666;
}
.innerquote
{
	margin-left: 10px;
	padding-left: 5px;
	border-left: #CCC solid 1px;
	color: #666;
}

/* font sizes */
.smallfont	{ font-size: 11px; }
.largefont	{ font-size: 12px; }

/* Image Links */
a.imagelink 
{
	font-family: Trebuchet MS;
	font-size: 9pt;
	font-weight: bold;
	color: #000;
}
a:hover.imagelink
{
	text-decoration: none;
}

/* Used for editor textarea */
.posteditor 
{
	width: 100%;
	height: 200px;
	font-family: arial, Verdana;
	font-size: 12px;
}

/* Table just above and below tables */
table.command 
{
	padding: 0;
	margin: 0;
}
table.command .imagelink
{
	margin-right:10px;
}

/*
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: 770px;
	min-height: 100px;
	overflow: auto;	
	
}

#divUnreadMsgs 
{
	position: absolute;
	top: 0px;
	left: 0px;
}

table.information, table.activediscussions 
{
	display:none;
}

/* Welcome Guest */
table.welcome 
{
	position:absolute;
	left: 30px;
	top: 75px;
	border: 0px;
}
table.welcome td 
{
	background-color:Transparent;
	border: 0px;
	color: #FFF;
	text-align: left;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight:lighter;
}
table.welcome td a 
{
	color:#FFF;
	padding: 5px;
	font-weight:bold;
}
table.welcome td a:hover 
{
	color: #FFF;
}

th.header1, td.header1, td.header2links
{
	border: #7d7d7d solid 1px;
	background: #7d7d7d;
	padding: 3px;
	color:#FFF;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
}
th.header1 a, td.header1 a, td.header2links a,
th.header1 a:hover, td.header1 a:hover, td.header2links a:hover 
{
	color: #FFF;
}

/* Getting rid of borders */
table.content table td
{
	border: 0px;
}

.lastpost 
{
	width: 220px;
}

.iconlegend 
{
	display:none;
}
table.topic tr.post_alt td 
{
	background: #FFF;
}
table.header1 td,
table.topic td.UserBox, table.topic td.message,
table.topic td.small, table.topic td.postfooter
{
	border: 0px!important;
}
td.UserBox 
{
	font-size: 11px;
}

.topic.button 
{
	padding:10px 0;
}

/* Context Menu */

.contextMenu 
{
	display:none;
}

/* Orange Text Headers on Individual Posts */
td.header1Title 
{
	color: #000;
	font-weight: bold;
	font-size: 14px;
}
#postHeader 
{
	color: #000;
	border: white solid 0px;
}

/* for printing */
table.print 
{
	border: solid 1px #C0C0C0;
}
.printheader 
{
	background-color: #EEE;
	color: #000;
	padding: 4px;
}
.printbody 
{
	background-color: #FFF;
	color: #000;
	padding: 4px;
}
.printbody div 
{
	background: #FFF!important;
	color: #000!important;
}

tr.post_official td.UserBox,
tr.post_alt.post_official td.UserBox
{
	background-image: url(/images/zazzlepost_v2.png);
	background-repeat: repeat;
}

tr.post_official
{
	background-color: #d4e5fa !important;
}

tr.post_official td
{
	background-color: #d4e5fa !important;
}

tr.post_proseller td
{
	/*background-color: #f9edb8 !important;*/
}

tr.post_proseller
{
	/*background-color: #f9edb8 !important;*/
}