/* Main Divs for Topics and Posts Pages in Discussion Forums
================================== */

/* Div includes all individual posts/topics with user details on Topics and Posts pages enclosed by maincontentwrapper */
.layout_users_and_topics {
	width: 558px;
	margin-bottom: 40px;
}

/*Div which holds a complete post-comprised of user_details ul and posts div-
width changed for new layout and min-height changed from 9em to 14em for new avatar size*/
.usersandposts {	
	margin-top: 21px;
	width: 558px;
	min-height: 14em; /* Provide enough vertical space for userdetails even on short post-ie6 hack below */
	_height: 14em;
}

/* Replaces many divs in previous version, also negate ie6 double margin error by 
putting margin/padding on li elements */
ul.user_details   {
	width: 92px;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 1.1em;
	line-height: 1.1em;
	overflow:hidden;
}

.user_details li {
	width: 100%;
	margin-bottom: 1px;
	padding-left: 10px;
	overflow: hidden;
}

/*Posts div encloses entire post and comes after user_details- Encloses postbubble and postcontent */
/* From width of userdetails ul (92 +1 leaves one pixel horiz margin between posts sharkfin and user_details) */
.posts {
	margin-left: 93px;	
}

/* -- Robert's bubble stylesheet --*/
/* User_Details is 92px so 558-92-1=465-18px for sharkfin- total=447px for bubble-1px margin between 2 divs */
.postbubble {
	position: relative;
	margin: 0px auto;
	min-width: 8em;
	width: 447px;
	_width: 444px; /*ie 6 hack because ie6 thinks width is at max at 447 */
	color:#000;
	z-index: 1;
	margin-left: 18px;	/* width of left corner - spacing between bubble and whatever is to the left of it */
	margin-bottom:0.5em; /* spacing under postbubble */
}

.postbubble .postcontent,
.postbubble .t,
.postbubble .b,
.postbubble .b div {
	background: transparent url(/images/discbubble2a.png) no-repeat top right;
  /* If our PNG has transparency, make a GIF version for IE6 */
}

.postbubble .postcontent {
	position: relative;
	zoom: 1;
	_overflow-y: hidden;
	padding: 0px 20px 0px 10px;
}

/* top+left vertical slice */
.postbubble .t {
	position:absolute;
	left: 0px;
	top: 0px;
	width: 18px;		/* top slice width */
	margin-left:-18px;
	height: 100%;
	_height: 1600px;	/* arbitrary long height, IE 6 */
	background-position:top left;
}

/* bottom */
.postbubble .b {
	position:relative;
	width: 100%;
}

.postbubble .b,
.postbubble .b div {
	height: 10px;		/* space between end of text and bottom of bubble */
	font-size:1px;
}

.postbubble .b {
	background-position: bottom right;
}

.postbubble .b div {
	position: relative;
	width: 18px;		/* bottom corner width */
 	margin-left:-18px;
	background-position: bottom left;
}

.postbubble .hd,
.postbubble .bd,
.postbubble .ft {
	position: relative;
}

/* extra content protector - preventing vertical overflow (past background) */
.postbubble .wrapper {
	position:static;
	max-height: 1600px;
	overflow: auto;	/* Word is overflow:auto causes a rather annoying redraw "lag" in Firefox 2,
                   and may degrade performance.  May want to try without this. */
}

.postbubble h3,
.postbubble p {
	margin: 0px;	/* margins will hide backgrounds, leaving whitespace. */
	padding:0.5em 0px 0.5em 0px;
}

.postbubble h1 {
	padding-bottom: 0px;
}

/* Posts Page Main Elements
================================== */

.post_wrapper {
	padding-top:11px;
	font-size: 1.3em;
	line-height: 1.4em;
	min-height: 26px;
}

/* Added by DB-nlmaster sets p to 1.2em and all other text to 10px so need this */
.post_wrapper p {
	font-size: 1.0em;
	line-height: 1.3em;
}

/*Post tile on posts page only occurs once */
.post_title {
	font-size: 12pt;
	font-size: 1.6em;
	font-size: 1.2em;
	padding: 4px 0 10px 0;
}

/* Only on posts page and only on first post of thread */
.post_tags {
	padding-top: 15px;
	font-size: 1.1em;
}

/* Used in post page */
.post_html_content {
	overflow: auto;		/* See comments elsewhere on overflow:auto and Firefox; test on Windows/FF2 */
}

/*Only on posts page at the end of each post with date and options to report, reply or delete */
.post_footer {
	/*font-size: 8pt;*/
	font-size: 1.1em;
	color: #6666cc;
	margin-left: 18px;
}

.post_footer span {
  	padding: 0 15px 0 10px;
}

/* Topics Page Only Stuff
================================== */
/* Only on topics page within topic_title div whose font size is 1.6em*/
.repliesviews {
	float: right;
	text-align: right;
	font-size: .7em;
}

/* Topic tile on topics page only-Line-height added and color commented out by DB */
.topic_title {
	padding-top:11px;
	font-size: 1.6em;
	height: 26px;
	line-height: 1.1em;
}

.topic_text {
	float: left;
	overflow: hidden;
}

/* Only on topics page */
.layout_topic_tags {
	font-size: 1.1em;
	padding-bottom: 4px;
}

/*Only on topics page-changed color to match new layout*/
.layout_topic_stats {
	font-size: 1.1em;
	color: #6666cc;
	padding-left: 28px;
}

.layout_topic_stats .topic_started {
	margin-right: 10px;
}

.layout_topic_stats .topic_lastreply {
	margin-left: 10px;
}

/*Sticky header */
.layout_topic_sticky {
	position: absolute;
	top: 0px;
	float: left;
	font-size: 1.1em;
	color: #66CCCC;
}


/* Main Styling elements and Repeated items
================================== */

/*Changed by DB for new placement of Breadcrumb and indentation  */

h2.disc {
	margin-top: 15px;
	margin-bottom: 15px;
}

h3.disc  {
	margin-bottom:  15px;

}

/*Originally had 23px left margin, change to zero */
.breadcrumb_menu {
	margin: 0px 0px 10px 0px;
	font-size: 1.3em;
}

.blue_hr {
	border-top: solid #96b8fc 1px;
}

/*Used at top and bottom of all pages */
.layout_center_paginate {
	width: 558px;
	margin-top: 10px;
	text-align: center;
	background: #f2f6fa;
	padding: 2px 0 2px 0;
	font-size: 1.1em;
}

.layout_center_paginate .previous {
	float:left;
	padding-left: 10px;
}

.layout_center_paginate .next {	
	float:right;
	padding-right: 10px;
	text-align:right;
}

/*Small leaderboard ad at bottom of page */
.leaderboard_small {
	width: 465px;
	margin: 0 0 60px 93px;
}

/* Admin Styling
================================== */
/* When text is removed, we use this to style our comments */
.moderation_msg {
	font-style: italic;
}

/* Used in Admin Popdown */
.layout_topic_admin {
	font-size: 1.1em;
	padding-left: 28px;
}

.layout_topic_admin ul {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
}

.layout_topic_admin ul li {
	padding: 0;
	margin: 0;
	font-size: 1.1em;
}

.arrow_image {
  vertical-align: middle;
}

/* Used in Admin Popdown */
.inline_title_red {
	clear: left;
	margin-top: 10px;
	text-align: center;
	background: #F8807B;
	color: #000000;
}

/* Used in Admin Popdown */
.notice_text {
	font-size: 1.3em;
	overflow: hidden;
}

.topic_admin_links {
	margin-left: 20px;
}

/* New Topic and Topic Reply Styling
================================== */

h1.newtopic_reply {
margin-bottom: 10px;		
}

.topicand_reply {
	font-size: 1.2em;
}

.topicand_reply p {
	margin-top: 10px;
}

.topicand_reply label {
	font-weight: bold;
}

.topicand_reply textarea {
	width: 558px;
	height: 300px;
}

.topicand_reply input {
	width: 300px;
	font-size: 1.0em;
	vertical-align: middle;
}
.topicand_reply input:focus, textarea:focus {
 	background: #ecf2fe;
}

.topicand_reply input.post_it {
	width: 60px;
	margin-top: 20px;
}
#topic_scope label {
	font-weight: normal;
	padding-left: 5px;
	vertical-align: middle;
}

#topic_scope input {
	width: auto;
}

#original_post_content {
	
}

.quoted_post {
	font-style: italic;
	color: #222233;
	background: #FFFFFF;
}

.quoted_post p{
	font-size: 1.1em;
	line-height: 1.1em;
}

/* Ad Div */
.bubble_ad {
	margin: 0 0 40px 0;
}

.bubble_ad .posts {
	margin-left: 73px;
}


.bubble_ad .postbubble {
	width: 483px;
}

