/* moved from /blogs/includes/css/blog.css */

/*
	concept: comments_pagination
	description: structure for the pagging that appears above and below comments
*/
.comments_pagination {
	float:left;
	width:100%;
	margin:9px 0 0 0;
}

.comments_pagination ul {
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

.comments_pagination ul ul {
	float:right;
	width:auto;
	display:inline;
	margin:0;
	padding:0;
}

.comments_pagination li {
	float:left;
	display:inline;
	margin:0;
	padding:0 5px 0 5px;
	border-width:0 1px 0 0;
	border-style:solid;
	border-color:#ABABAB;
}

.comments_pagination ul ul li {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	border:none;
}

.comments_pagination li.last {
	border-width:0;
}

.comments_pagination li span.active {
	font-weight:bold;
}
.comments_pagination li.abuse {}

.comments_pagination li.underline_none a {
	text-decoration:none;
}

.comments_pagination li a.active {
	font-weight:bold;
	color:#000;
}

/*
	concept: blog_comments_list
	description: the collection of comments associated with a particular blog entry.
				 located on the blog detail page.
*/

.blog_comments_list {
	float:left;
	width:100%;
	margin:0 0 10px 0;
}

.blog_comments_list dl {
	margin:10px 0 0 0;
}

.blog_comments_list dt {
	margin:10px 0 0 0;
	padding:0 0 2px 0;
	color:#6C6C6C;

}

.blog_comments_list dt strong {
	color:#CE6D8C;
}

.blog_comments_list dt strong a {
	color:#D91964 !important;
}

.blog_comments_list dt strong.member {
	background: url(http://images.mystyle.com/mystyle/images/user.gif) left no-repeat;
	padding-left: 12px;
}

.blog_comments_list dd {
	height:100%;
	width:566px;
	margin:0;
	padding:2px 0 5px 0;

	color:#575757;
	overflow:hidden;
	line-height: 1.4em;
}

.blog_comments_list dd span {
	margin:-15px 0 0 5px;
	color:#000;
	overflow:hidden;
}

.abuselink a {
	display:none;
}
body.blog .abuseon a {
	display:inline;
	margin-left:5px;
	color:red;
}
body.blog .abuseon a:hover {
	background:red;
	color:white;
	text-decoration:none;
}

/*
	concept: blog_comments
	description: style rules for the comments form located on the blog detail page
*/

.blog_comments .comments_segement {
	float:left;
	width:100%;
	margin:8px 0;
}

.blog_comments .comments_segement form, .blog_comments .comments_segement fieldset {
	border:0;
	margin:0;
	padding:0;
}

.blog_comments .comments_segement form label strong {
	font-weight:bold;
}

.blog_comments .comments_segement form textarea {
	width:582px;
	margin:0 0 2px 0;
	padding:3px;
	border-width:1px;
	border-style:solid;
	border-color:#999;
	font-size:12px;
	font-family:arial;
}

.blog_comments .comments_segement .nonmembers,
.blog_comments .comments_segement .memebers {
	float:left;
	width:210px;
}
.blog_comments .comments_segement .nonmembers label,
.blog_comments .comments_segement .memebers label {
	padding-top:3px;
}

.blog_comments .comments_segement .comments {
	width:420px;
	clear:both;
}

.blog_comments .comments_segement .nonmembers {
	padding:0 5px 0 0;
}

.blog_comments .comments_segement .memebers {
	padding:0 0 0 12px;
	border-width:0 0 0 1px;
	border-style:solid;
	border-color:#969696;
}

.blog_comments .comments_segement label {
	display:block;
	font-size:11px;
}

.blog_comments .comments_segement label.checkbox {
	display:inline;
}

.blog_comments .comments_segement input {
	display:block;
	width:280px;
	margin:0 0 8px 0;
	border-width:1px;
	border-style:solid;
	border-color:#666666;
	font-size:12px;
	font-family:arial;
	padding:2px;
}

.blog_comments .comments_segement input.hidden {
	display:none;
}

.blog_comments .comments_segement input.checkbox {
	display:inline;
	width:20px;
	vertical-align:middle;
	margin:0 0 0 -3px;
	border-width:0;
}

.blog_comments .comments_segement form label.comment {
	display:block;
	margin:0 0 -1px 0;
	padding:0 0 0 17.9px;
	background:url(http://images.mystyle.com/mystyle/images/comment_corner.jpg) no-repeat bottom left;
	line-height:20px;
	font-size:12px;
}

.blog_comments .comments_segement form label.username {
	display:block;
	margin:0 0 5px 0;
	padding:0;
	line-height:20px;
	font-size:12px;
}

.blog_comments .comments_segement form label.username a {
	text-decoration:none;
	color:#0B88B8;
}

.blog_comments .comments_segement form.form_margin {
	margin:10px 0 0 0;
}

.blog_comments .comments_segement .comments_segement_header {
	float:left;
	width:100%;
	padding:10px 0 8px 0;
}

.blog_comments .comments_segement .comments_segement_header ul {
	float:left;
	width:100%;
	margin:0;
	padding:0;
}

.blog_comments .comments_segement .comments_segement_header li {
  	display:inline;
  	float:left;
	margin-top:5px;
	padding:0 5px 0 5px;
	border-right:1px solid #969696;
}

.blog_comments .comments_segement .comments_segement_header li.border_none {
	border-width:0;
}

.blog_comments .comments_segement .comments_segement_header h4 {
	margin:0;
	padding:0;
	font-size:18px;
	color:#ac0f08;
	letter-spacing:-0.07em;}

.blog_comments .comments_segement .comments_segement_header li.header {
	width:58%;
	padding:0;
	border-width:0;
	margin-top:0;
}

.blog_error_message {
	float:left;
	width:100%;
	margin:0 0 8px 0;
	line-height:18px;
	background:#990000;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	padding:5px 0;
}

.blog_comments .comments_segement .signup {}

.blog_comments .comments_segement .signup input.password {
	display:inline;
	width:138px;
}

.blog_comments .comments_segement form .signup div.corner {
	display:block;
	margin:0 0 -1px 0;
	padding:0 0 0 17.9px;
	background:url(http://images.mystyle.com/mystyle/images/comment_corner.jpg) no-repeat bottom left;
	line-height:6px;
}

.blog_comments .comments_segement .signup label.password {
	float:left;
	display:inline;
	margin:3px 0 0 0;
	padding:0 3px 0 10px;
	font-weight:bold;
	background: url(http://images.mystyle.com/mystyle/images/user.gif) left no-repeat;
}

/*
	concept: signup
	description: styles and rules for the signup section of comments
*/

.blog_comments .comments_segement .signup .signup_tools {
	clear: none;
	display:inline;
	position: relative;
	top: 4px;
	left: 5px;
	font-size: 11px;
}

.blog_comments .comments_segement .signup .signup_tools a {
	margin:0 0 0 5px;
	vertical-align:top;
}

.blog_comments .comments_segement .signup .signup_tools a.border_right {
	padding:0 8px 0 0;
	border-width:0 1px 0 0;
	border-style:solid;
	border-color:#333;
}

.blog_comments .comments_segement .signup h4 {
	font-size:11px;
	margin:10px 0 0 0;
	padding:0;
}

.blog_comments .comments_segement h3 {
	margin:0 0 8px 0;
	padding:0;
	font-size:18px;
	color:#ac0f08;
	letter-spacing:-0.07em;
}

/* overrides for new comments design */
.blog_comments .comments_segement form div {display: block; clear: both;}
.blog_comments .comments_segement form label {float: left; margin: 4px 0 0 5px; font-style: italic; color: #666;}
.blog_comments .comments_segement form input {float: left; width: 350px; color: #666; border: 1px solid #999;}
.blog_comments .comments_segement form input#uword {width: 286px;}
.blog_comments .comments_segement form label.password {font-style: normal;}
.blog_comments .comments_segement form .challenge label {width: 130px;}
.blog_comments .comments_segement form img {float: left; margin-bottom: 8px; border: 1px solid #999;}
.blog_button {float: right;}
.blog_comments .comment_bar_wrapper h4 {display: block; width: 590px; height: 24px; text-indent: -10000px; background: url(http://images.mystyle.com/mystyle/images/h3_comments.png) no-repeat; border-bottom: none !important;}
* html .blog_comments .comment_bar_wrapper h4 {
	background: url(http://images.mystyle.com/mystyle/images/spacer.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/mystyle/images/h3_comments.png",sizingMethod=crop);
}
.blog_comments .comments_segement h3 {display: block; width: 590px; height: 24px; text-indent: -10000px; background: url(http://images.mystyle.com/mystyle/images/h3_addcomment.png) no-repeat; border-bottom: none !important;}
* html .blog_comments .comments_segement h3 {
	background: url(http://images.mystyle.com/mystyle/images/spacer.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/mystyle/images/h3_addcomment.png",sizingMethod=crop);
}
.blog_comments .button_link {display: block; width: 102px; height: 23px; text-indent: -10000px; background: url(http://images.mystyle.com/mystyle/images/button_postcomment.png) no-repeat;}