/* login toggling rules */
.comments .not-logged-in form fieldset.addcomment,
.comments .comments-head .login,
.comments .login-panel,
.comments #userform p.error,
.comments .comments-panel img.overlay,
.comments .spinner
{
  display:none;
}

.comments .not-logged-in .comments-head .login,
.comments .show-login .login-panel,
.comments .login-error #userform p.error,
.comments .loading .comments-panel img.overlay,
.comments .loading .spinner
{
  display:block;
}

.comments .show-login .comments-panel
{
  visibility:hidden;
}

/* no comments toggling rules */
.comments .no-comments .title,
.comments .no-comments .pagination
{
  display:none;
}
.comments .no-comments .comments-body
{
  border-bottom:none;
}


/* all comments filtered toggling rules */
.comments .all-filtered .pagination
{
  display:none;
}
.comments .all-filtered .comments-body
{
  border-bottom:none;
}

/* ajax loading toggling rules */
.comments .loading .comments-panel
{
  filter:alpha(opacity=40);
  -webkit-opacity:.4;
  -moz-opacity:.4;
  position:relative;
}




/* login panel layout */
.comments .login-panel
{
  position:absolute;
}

.comments .login-panel legend
{
  font:bold 12pt arial;
  margin-bottom:8px;
}

.comments .login-panel img.close
{
  float:right;
  cursor:pointer;
  margin:5px 5px 0 0;
}

#userform
{
  display:block;
  height:380px;
  width:300px;
  padding:5px;
  font:9pt arial;
}

#userform h1
{
  font:bold 12pt arial;
}

#userform p.error
{
  padding:10px 2px 5px;
  color:red;
  font-weight:bold;
}

#userform div
{
  padding:5px 3px;
}

#userform .label-value label
{
  display:inline;
  float:left;
  width:70px;
}

#userform input
{
  font:9pt arial;
  vertical-align:middle;
}

#userform .noleftcol
{
  margin-left:70px;
}

#username,
#password
{
  width:140px;
}

#userform a,
#userform a:visited
{
  color:#00c;
  text-decoration:none;
  font:9pt arial;
}

#userform a:hover,
#userform a:visited:hover
{
  text-decoration:underline;
}


/* comments panel layout */

.comments .spinner
{
  position:absolute;
  margin-top:-250px;
  Xmargin-left:105px;
  width:100px;
  background:#fff url('/img/spinner1.gif') 50% 10px no-repeat;
  padding:50px 0 10px;
  text-align:center;
  font:8pt arial;
}

.comments .comments-panel img.overlay
{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
}

.comments .comments-head
{
  padding:5px;
}

.comments .comments-head h3
{
  font:bold 12pt arial;
}

.comments .comments-panel form textarea
{
  font-size:8pt;
  width:99%;
  height:40px;
  margin:2px 0;
}

.comments .comments-panel form .remaining
{
  float:left;
}

.comments .comments-panel form input
{
  float:right;
  font-size:8pt;
}

.comments .comments-panel form div.login
{
  padding-top:10px;
  font:10pt arial;
}

.comments .comments-panel form div.login a,
.comments .comments-panel form div.login a:visited
{
  color:#00c;
}

.comments .comments-panel form div.login a:hover,
.comments .comments-panel form div.login a:hover:visited
{
  color:#f00;
}

.comments .comments-head .title
{
  clear:both;
  overflow:auto;
  margin-top:10px;
}

.comments .comments-head .title h4
{
  display:block;
  float:left;
  font:bold 9pt arial;
  padding-top:2px;
}

.comments .comments-head .title .filter
{
  display:block;
  float:right;
  font:8pt arial;
}

.comments .comments-head .title .filter select
{
  font-size:8pt;
}

.comments .no-comments-msg,
.comments .all-filtered-msg
{
  font:8pt arial;
}

.comments .comments-body
{
  padding:5px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  height:265px;
  overflow:auto;
}

.comments .comments-body ul li
{
  font:8pt arial;
  clear:both;
  margin-bottom:5px;
  padding-top:5px;
  border-top:1px dotted #ccc;
  list-style-type:none;
}

.comments .comments-body ul li.first
{
  border-top:none;
  padding-top:0;
}

.comments .comments-body .head
{
  overflow:auto;
}

.comments .comments-body .row .thumb
{
  float:left;
  padding-right:5px;
}

.comments .comments-body .reply
{
  margin-left:32px;
}

.comments .comments-body li .thumb img
{
  float:left;
  width:25px;
  height:25px;
  padding:1px;
  border:1px solid #ccc;
}

.comments .comments-body .title
{
  display:block;
}

.comments .comments-body a.profile
{
  font-size:10pt;
  font-weight:bold;
  color:#00f;
}

.comments .comments-body li.profile-hover .thumb img
{
  border:1px solid #090;
}

.comments .comments-body li.profile-hover a.profile
{
  text-decoration:underline;
  color:#090;
}

.comments .comments-body .rate
{
  display:block;
  float:right;
}

.comments .comments-body .rate .score
{
  font:bold 9pt georgia;
  margin-right:5px;
  display:block;
  float:left;
}

.comments .comments-body .rate .score
{
  color:#555;
}

.comments .comments-body .rate .score.pos
{
  color:#090;
}

.comments .comments-body .rate .score.neg
{
  color:#c00;
}

.comments .comments-body .rate a.thumbs,
.comments .comments-body .rate a.thumbs:visited
{
  color:transparent;
  line-height:0!important;
  text-decoration:none;
  display:block;
  float:left;
  width:16px;
  height:16px;
}

.comments .comments-body .rate a.dn
{
  background: transparent url('/img/thumbs-down-up.gif') 0 0 no-repeat;
}

.comments .comments-body .rate a.up
{
  background: transparent url('/img/thumbs-down-up.gif') 0 -16px no-repeat;
}

.comments .comments-body .rate a.dn.sel,
.comments .comments-body .rate a.dn:hover
{
  background: transparent url('/img/thumbs-down-up.gif') 0 -32px no-repeat;
}

.comments .comments-body .rate a.up.sel,
.comments .comments-body .rate a.up:hover
{
  background: transparent url('/img/thumbs-down-up.gif') 0 -48px no-repeat;
}

.comments .comments-body .post
{
  padding:3px 0;
  clear:both;
  display:block;
}

.comments .comments-body .date
{
  display:block;
  float:left;
  color:#999;
}

.comments .comments-body .foot
{
  clear:both;
  overflow:auto;
}

.comments .comments-body .foot span
{
  float:left;
  font-size:9pt;
  color:#000;
}

.comments .comments-body .foot a,
.comments .comments-body .foot a:visited
{
  font-size:8pt;
  float:left;
  margin:0 5px;
  text-decoration:none;
  color:#00c;
  border-bottom:1px dotted #00c;
}

.comments .comments-body .foot a:hover,
.comments .comments-body .foot a:hover:visited
{
  color:#f00;
  border-bottom:1px dotted #f00;
}

.comments .pagination
{
  padding:5px;
  font:bold 8pt arial;
  overflow:auto;
}

.comments .pagination .bypage
{
  float:left;
}

.comments .pagination .prevnext
{
  float:right;
}

.comments .pagination .pgs a,
.comments .pagination .pgs a:visited
{
  color:#00c;
  padding:0 5px;
}

.comments .pagination .pgs a.sel,
.comments .pagination .pgs a.sel:visited
{
  color:#00c;
  background-color:#ccc;
}

.comments .pagination a,
.comments .pagination a:visited
{
  color:#00c;
  text-decoration:none;
}

.comments .pagination a:hover,
.comments .pagination a:hover:visited
{
  text-decoration:underline;
}

.comments a.add-friend,
.comments a.add-friend:visited
{
  margin-left:5px;
  background:transparent url('/img/add_friend.gif') no-repeat;
  padding-left:20px;
  color:#00c;
  text-decoration:none;
}

.comments a.add-friend:hover,
.comments a.add-friend:hover:visited
{
  text-decoration:underline;
  color:#090;
}