@charset "utf-8";

.discussContainer {
	border: 1px solid #EEF0F1;
	padding: 20px 25px 20px 25px;
	width: 390px; /* 440 - 25 - 25 */
}

.discussPost {

}

.discussPost .discussPostHeader {
	margin-bottom: 30px;
	font-weight: normal;
}

.textareaWrapper {
	border: 1px solid #EEF0F1;
	background-color: #EEF0F1;
	padding: 8px;
	margin-bottom: 10px;
}

.textareaWrapper textarea {
	width: 370px;
	height: 50px
}

.borderTopContainer {
	border-top: 1px solid #EEF0F1;
	padding-top: 15px;
	margin-top: 25px;
}

/* comments */
.discussBlock{
	position:relative;
}

.discussPaging{
	float:right;
	padding:0px 0px 0px 10px;
}

.discussPaging a{
	font-weight:bold;
	font-size:12px;
}

.discussButton{
	height:28px;
}



.discussThread,
.discussThreadLast{
	padding-top:10px;
}

.discussThread{

}

.imgContainer{
	float:left;
	width:70px;
}

.memberImg{
	height:45px;
	width:45px;
}

.discussTopic{
	float:left;
	width:320px; /* 390 - 70 */
}

* html .discussTopic {
  display: inline;
}

.discussTopicReplies{
	padding-bottom:1px;
}

.discussRepliesToggler{
	clear:both;
	width:200px;
	position:relative;
	top:-20px;

	/*background-color:#FFFFFF;*/
}

.discussReplyButton{
	float:right;
	padding-right:15px;
}

.replyThread{
	border-top:1px dotted #000000;
	border-bottom: 0px;
	padding-left:70px;
}

.discussReply{
	background-color:#edf5db;
	border-top:1px dotted #000000;
	clear:both;
	padding:15px 0 15px 0;
}

.discussUser{
	float:left;
	width:115px;
	white-space:nowrap;
}

.discussUserComment{
	float:left;
	width:310px;
}

.pagingTop{

}

.pagingBottom{
	padding: 10px 25px 15px 0px;
}

/*=======================================*/
/* Show posting
/*=======================================*/

.postSubmit {
	text-align: right;
	margin-right:-3px;
}

/* outer container */
.dropShadowTable{
	border-collapse:collapse;
}
.dropShadowRight{
	width:2px;
	background-image:url('/skins/default/imgs/common/comments_shadow/right_narrow.gif');
	background-repeat: repeat-y;
}
.dropShadowBottom{
	height:2px;
	background-image:url('/skins/default/imgs/common/comments_shadow/bottom_narrow.gif');
	background-position:right;
	background-repeat: no-repeat;
}
.dropShadowTopRight{

}

/* new comment styles */
.postInfo {
	margin-bottom: 15px;
}
.postActions {
	margin-top: 4px;
}

.discussComments {
	margin:0;
}
.discussThread {
	float: left; 
	padding: 0;
	width:390px;
}
.discussThread.first {
	padding: 0;
}
.postContainer {
	float:left;
	clear:left;
	margin:0 0 10px 0;
}
.postContainer .postDeleteLink {
	display:none;
}
.postContainer .imgContainer {
	width:45px;
}
.postContainer .imgContainer img {
	display:block;
}
.postContent {
	width:300px;
	padding-left:10px;
	float: left;
	margin-bottom:10px;
}
.postReplyForm {
	margin:5px 0 0 0;
}
.postReplyForm a {
	display:block;
}
.postReplyForm form {
	display: none;
}
.bttnPostComment {
	display:block;
}
.postReplies {
	margin:0 0 10px 60px;
	width:310px;
	padding:9px 9px 0 9px;
	border:1px solid #93c9f5;
	background-color:#f7fcff;
	float: left;
}
.postReplies .postContent {
	width:250px;
}

/** comments hhof **/


/******* css from stories_read.5.css *******/

@charset "utf-8";

#storiesForm {
	float:left;
	width:100px;
	margin:80px 0px 0px 25px;
}

#sumbitYourForm {
	position:relative;
	width:520px;
	height:507px;
	float:left;
	margin-top:80px;
	background-image:url(../../imgs/stories/compose/stories_textarea.jpg);
	background-repeat:no-repeat;
	background-position:0px 21px;
	border:1px solid #FF0000
}

#storiesOptions {
	float:left;
	width:170px;
	margin:80px 0px 0px 10px;
}

.storiesOptions {
	float:right;
	display:block;
	margin:10px 0px;
}

.storiesFormSection {
	margin:15px 0px;
}

.sectionTitle {
	font-size:12px;
	font-weight:800;
	color:#31748f;
}

.additionalComments {
	width:220px;
	font-size:9px;
}

#myStoriesLibrary {
	line-height:16px;
}

#textInputDiv {
	margin:0px 20px 0px 16px;
	padding-top:10px;
	width:380px;
	height:340px;
}

.submiitStoriesbttns {
	float:right;
	padding-right:4px;
}

#submitYourStoryOptions {
	text-align:right;
	margin:4px 0px 0px 0px;
}

.alertCheckboxLabel {
	width:13px;
}

.submitStoryTextarea {
	overflow: scroll;
	overflow-y: scroll;
	overflow:-moz-scrollbars-vertical
}

.worksInProgessTitle {
	font-weight:700;
	text-align:right;
	display:block;
	color:#66;
}

.lastUpdated {
	text-align:right;
	display:block;
}

.editText {
	color:#31748f;
}

.myStoriesSection {
	margin-top:8px;
}

.sectionHeading {
	text-align:right;
}

.commentsText {
	font-size:10px;
	float:right;
	color:#31748f;
}

#suggestedTopicsParagraph {
	color:#66;
	text-align:right;
}

#suggestedTopics div {
	float:right;
	text-align:right;
	margin-bottom:5px;
}

div.submitStoryBox {
	margin-top:38px;
}

.storyBrowseLink {
	margin: 0 0 12px 0;
}
.storyTitle {
	font-size: 12px;
	font-weight: bold;
	line-height: 120%;
	color: #0089db;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin: 0 0 5px 0;
}
.storyInfo {
	color: #222;
	font-size: 12px;
	margin: 0 15px 22px 15px;
	padding: 0;
	width: 395px;
	float: left;
}
.storyInfo .divider {
	padding: 0 0.4em;
}
.storyInfo a.commentsLink, .storyInfo a.commentsLink:visited {
	color: #edc553;	
}
.authorInfo {
	display: inline;
}
.authorInfo a img {
	vertical-align: middle;
	padding: 4px 0;
}
.authorInfo a img.authorImg {
	width: 50px;
	vertical-align: bottom;
	margin: 0 6px 0 0;
}
.storyContent {
	clear: left;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 0.010em;
	width: 485px;
	padding: 0 15px 0 0;
	margin: 15px 15px 25px 15px;
	height: 450px;
	overflow-y: auto;
}

#storyReadLayout {
	border: 1px solid #f9e8c6;
	border-top: none;
	padding: 2px 14px;
}

.storiesPaging {
	text-align:right;
	margin:5px 0 10px 0;
}

#storiesList .storyRow {
	cursor:pointer;
}
#storiesList .storyRow div {
	cursor:pointer;
}
#storiesList .storyImg {
	float: left;
}
#storiesList .storyStats {
	white-space:nowrap;
	margin: 0 0 5px 0;
}

/* styles for story detail page */
#storyDetail {
	border: 1px solid #f9e8c6;
	border-top: none;
	background: url('../../imgs/stories/read/bg_story_sidebar.png') repeat-y 14px 0px;
}
#sidebar {
	width:162px;
	float: left;
	padding: 0 0 0 15px;
}
#storyImg {
	padding: 15px 15px 15px 0;
	background-color: #fff;
}
#storyImg img {
	width:147px;
	display:block;
}
#sidebar .text {
	padding: 0 8px 0 22px;
	margin: 0 16px 0 0;
	text-align:right;
}
#sidebar h4, #sidebar a.sidelink {
	font-size:12px;
	line-height:18px;
	color:#333;
	display: block;
	font-weight:bold;
}
#sidebar a.sidelink {
	margin: 0 0 8px 0;
}
#sidebar p {
	margin: 0 0 8px 0;
}
#storyMain {
	width: 332px;
	float: left;
	padding: 15px 12px 0 0;
}
#storyInfo {
	margin: 0 0 15px 0;
	color: #919191;
	line-height: 20px;
}
#storyInfo h3 {
	font-size: 24px;
	line-height: 30px;
	font-weight: normal;
	color: #484848;
}
#storyInfo .sep {
	padding: 0 0.4em;
}
#storyInfo .commentsLink {
	color:#FFBA00;
}
#storyText {
	min-height:352px;
	margin: 0 0 14px 0;
	color: #333;
	font-size:13px;
	line-height:16px;
}
.storyTextPaged {
	height: 352px;
	overflow: hidden;
	position: relative;
}
.storyTextPaged .storyText_wrapper {
	position: absolute;
	top:0px;
	left:0px;
}
#storyPaging {
	margin:0;
	text-align:right;
	font-size: 10px;
	line-height:12px;
	color:#333;
	text-transform:uppercase;
}
.pagingLinks {
	color:#999;
}
.pagingLinks a {
	color:#0072cf;
}
.pagingLinks .pagingTitle, .pagingLinks .currentPage {
	color:#ffba00;
}
.pagingLinks .prevPage {
	display:none;
}
#comments {
	padding: 30px 0 15px 0;
	background-color: #fff;
	margin-right:18px;
	float:left;
	border:1px solid #EEF0F1; 
	width:465px;
}
#commentsHeader {
	color:#333;
	font-size:13px;
	line-height:120%;
	margin: 0 0 26px 0;
	position: relative;
}
#commentsHeader .authorImg {
	margin: 7px 11px 0 14px;
	float: left;
	width: 44px;
	overflow:visible;
	position: absolute;
}
#commentsHeader .authorImg img {
	width: 44px;
	display: block;
}
#commentsHeader h3 {
	font-size:22px;
	font-weight:bold;
	line-height:30px;
	color:#fff;
	background-color:#99c5ec;
	padding: 0 0 0 70px;
}
#commentsHeader p {
	margin: 12px 0 0 70px;
}
#commentsHeader .addFriendBttn {
	float: right;
	margin: 12px 16px 0 18px;
}
#commentsHeader .addFriendBttn img { display: block; }
#comments .discussContainer {
	padding: 0 18px 0 14px;
	width: 390px;
	border:none;
}
#comments .discussPost .discussPostHeader {
	font-size:15px;
	line-height:18px;
	font-weight:bold;
	color:#333;
	margin: 0 0 35px 0;
}
#comments .textareaWrapper {
	background-color:transparent;
	border:none;
	margin:0 0 8px 14px;
	padding:0;
}
#comments textarea {
	outline:10px solid #EEF0F1;
	width:370px;
	/*height:15px;*/
	font-size: 12px;
	line-height: 14px;
	font-family: Arial,Helvetica,sans-serif;
	color: #333;
	padding: 5px;
	margin-bottom:13px;
}

/* overrides for widths in comments section */
#comments .discussComments .first {
	padding: 0;
	margin: 0;
	border-top: none;
}
#comments .discussThread {
	width:390px;
	padding: 9px 0 0 0;
	border-top: 1px solid #EEF0F1;
	margin: 17px 0 0 0;
}
#comments .postContainer {
	margin: 0;
}
#comments .postContent {
	float:left;
	width:305px;
}
#comments .postReplies {
	width:410px;
	margin:10px 0 0 45px;
	background-color:transparent;
	border:none;
	padding: 0;
}
#comments .postReplies .postContainer {
	margin: 0 0 2px 0;
	padding: 12px 9px;
	background-color:#f0f4f8;
	width: 340px;
}
#comments .postReplies .imgContainer {
	width: 45px;
}
#comments .postReplies .postContent {
	float:left;
	width:275px;
}

#t_and_c {
	border-color: #9cf;
}
#comments .postReplyForm {
	display: none;
	float: left;
	margin:0 0 2px 45px;
	padding: 16px 13px 7px 4px;
	width: 341px;
	background-color:#f0f4f8;
}
#comments .postReplyForm div.memberImg {
	float: left;
	margin: 0 11px 0 4px;
}
#comments .postReplyForm form {
	display: block;
	float: left;
	width:331px;
}
#comments .postReplyForm textarea {
	width: 264px;
	height: 34px;
	border: 1px solid #ccc;
	padding: 4px;
	margin: -43px 61px 12px;
	outline:none;
}
#comments .postReplyForm .bttnPostComment {
	float: right;
}
#comments .placeholderReplyForm {
	float: left;
	margin:0 0 2px 45px;
	padding: 12px 13px 12px 9px;
	width: 336px;
	background-color:#f0f4f8;
	cursor: pointer;
}
#comments .placeholderReplyText {
	width: 320px;
	height: 23px;
	border: 1px solid #ccc;
	padding: 4px 4px 4px 8px;
	margin: 0;
	background-color: #fff;
	line-height: 23px;
	color:#333;
}
#comments .discussComments {
	float: left;
}
.postReplyLink
{
	display:inline-block;
}

/** IE6 **/

 html #comments{
	margin-right:5px;
}

* html #comments .discussContainer{
	width: 390px;
	margin-right:-23px;
}