/*
=================================================================================
COMMENTS CSS
=================================================================================*/
#comments {position:relative; margin-bottom: 1em;}

/*comment summary*/
.comment-summary {overflow:hidden; height:1%; font-weight:bold; text-transform: uppercase; font-size: 1.43em; margin-top:1px; margin-bottom: 13px;  padding-top:1px;}
.comment-summary h4, .comment-summary h2 {border-top: 1px solid #dbdbdb; padding-top: 8px;}
.comment-summary strong{float:left; display:block; font-size:2.30em; margin-right: 8px; line-height:1}
.comment-summary ul {text-transform:none; font-weight: normal; overflow:hidden; height:1%; line-height:1.1; font-size: .6em; margin-top: -2px}
.comment-summary ul li {float:left; display:inline; margin-right: 10px; padding-right: 9px;}
#comments .comment-summary{border-bottom: 1px dashed #dbdbdb; padding-bottom: 15px;} 

/*sort comments form*/
.sort-comments {position:absolute; top:26px; right:0;}
.sort-comments h4 {display:inline; margin-right: 5px;}

/*comments*/
#commentList {height:1%;}
#commentList li {border-bottom: 1px solid #9e9e9e; margin-bottom:15px; height:1%;}
#commentList li.last {margin-bottom:0;}
#commentList .comment-author {line-height:1.2; margin-bottom: 15px; position:relative;}
#commentList .comment-author a.tn, #commentList .comment-author img.profile-image {position:absolute;}
#commentList .comment-author a.tn img, #commentList .comment-author img.profile-image {display:block;}
#commentList .comment-author .username {font-weight:bold; margin-left:63px; color: #898989;}
#commentList .comment-author h4 {font-size: 1.43em;}
#commentList .comment-author .time-date {font-size: .86em; color: #898989;}
#commentList .comment-body {margin-bottom:15px;}
#commentList .comment-tools {overflow:hidden; height: 1%; margin-bottom:15px; font-size: .86em;}
#commentList .comment-tools li {border:none; margin-bottom:0; display:inline; float:left; margin-right: 40px;}
#commentList .comment-tools li.report-abuse {margin-right:0; float:right;}
#commentList .comment-tools li a:link, #commentList .comment-tools li a:visited, #commentList .comment-tools li.recommended {padding-left:20px}
#commentList .comment-tools li a:hover, #commentList .comment-tools li a:focus {background-color: transparent}
#commentList .comment-tools li.recommend a:link, #commentList .comment-tools li.recommend a:visited {background-position: 0 -237px; }
#commentList .comment-tools li.recommend a:hover, #commentList .comment-tools li.recommend a:focus, #commentList .comment-tools li.recommended {background-position: 0 -279px; }
#commentList .comment-tools li.reply a:link, #commentList .comment-tools li.reply a:visited {background-position: 0 -320px; }
#commentList .comment-tools li.reply a:hover, #commentList .comment-tools li.reply a:focus {background-position: 0 -360px; }
#commentList .comment-tools li.report-abuse a:link, #commentList .comment-tools li.report-abuse a:visited {background-position: 0 -400px; }
#commentList .comment-tools li.report-abuse a:hover, #commentList .comment-tools li.report-abuse a:focus {background-position: 0 -440px; }
a.load-more:link, a.load-more {text-indent:-9999px; background:url(/design/global/more-comments.png) no-repeat 0 0; display:block; width:145px; height:25px; position:relative; margin:0 auto 1em;}
a.load-more:hover {background:url(/design/global/more-comments-hover.png);}
.comment-form label {clear: left; display: inline; float: left; font-size: 1.14em; font-weight: bold; margin-right: 10px; text-align: right; width: 100px;}
.comment-form input, .comment-form textarea {display: inline; float: left; font-size: 1.14em; width: 420px; margin-bottom:1em;}
.comment-form textarea {height:100px;}
.comment-form input.submit-button {float:none; display:block; clear:both; margin-left:110px; width:87px; height:31px; border:none; cursor: pointer; font-size:0; line-height:0; text-indent: -9999em; }


/*reporter*/
#commentList li.tbd-staff {background: url(/images/logos/tbd-tiny.gif) no-repeat right top}
#commentList li.tbd-staff ul li.tbd-staff {background-position: right 15px;}

/*threaded comments*/
#commentList li ul.threaded {border-bottom: 1px dashed #dbdbdb; margin-bottom:15px;margin-left:63px;}
#commentList li ul.threaded li {border-top: 1px dashed #dbdbdb;  border-bottom:none; padding-top: 15px}
#commentList li ul.threaded li ul.threaded {margin-top:15px}
#commentList li ul.threaded li .comment-tools {margin-bottom:0;}
#commentList li ul.threaded li .comment-tools li {border-top:none; padding-top:0;}


.view-all-bottom {display:inline-block; float:right; margin-bottom:15px;}

/*
=================================================================================
VIEW ALL COMMENTS PAGE
=================================================================================*/
#viewAllComments #mainContent h1 span {display:block; color: #666666; font-size: .35em; text-transform: uppercase;}
#viewAllComments #mainContent h1 {margin-bottom: 0px; }
#viewAllComments .toolbar {border-top:5px solid #9e9e9e;}
#viewAllComments .comment-summary ul li:first-child {border-right: none;}

/*
=================================================================================
POST YOUR COMMNENT
=================================================================================*/
#writeCommentArea {clear:both; margin-bottom:1em;}

.post-comment-box .comment-author {line-height:1.2;  position:relative; margin-bottom:10px; overflow:hidden; height:1%;}
.post-comment-box .comment-author a.tn, .post-comment-box .comment-author img.profile-image {float:left;}
.post-comment-box .comment-author a.tn img, .post-comment-box .comment-author img.profile-image {display:block;}
.post-comment-box .comment-author .username {font-weight:bold; margin-left:63px; color: #898989}
.post-comment-box .comment-author h4 {font-size: 1.43em;margin-left:63px}
.comment-form .terms {font-size: .86em; color: #9e9e9e; clear:both; margin-left:110px; margin-top:5px;}

.post-comment-box h2 {font-size:1.74em; line-height:1.1; padding-bottom:15px;}
.post-comment-box .note {font-size: .86em; color: #9e9e9e; margin-bottom:15px;}