div#article { 
  background: #000 url(/arrow/images_talkback/article-top.jpg) top left no-repeat;
  border: solid 1px black;
  width: 402px;
}
div#article div#headline_box { 
  position: relative;
  font-weight: bold;
  height: 40px;
  width: 100%;
}
div#article h1.indexNewsHeader { 
  position: absolute;
  left: 10px; top: -2px;
}
div#article span#dateline {
  position: absolute;
  right: 10px; top: 17px;
}

div#below_headline { 
  width: 402px;
  height: 32px;
  position: relative; 
  margin-left: 3px;
}

div#below_headline div#comments_top {
  position: absolute;
  left: 10px; top: 8px;
}
div#below_headline div#thermometer { 
  position: absolute; 
  left: 115px; top: 4px;
}
div#below_headline div#strikeback_link { 
  position: absolute;
  right: 10px; top: 8px;
}
div#main_article {
  position: relative;
  width: 402px;
}

div#main_article div.container {
  margin-top: 10px;
  padding: 10px;
}

div#main_article div#byline { 
  position: absolute;
  right: 10px; top: -10px;
  color: #ccc;
}
div#main_article div#byline a, 
div#main_article div#byline a:visited { 
  color: #ccc;
}
div#main_article div#source { 
  position: absolute;
  left: 10px; top: -10px;
  color: #ccc;
}
div#main_article div#source a,
div#main_article div#source a:visited {
  color: #ccc;
}

div#thermometer { 
  width: 151px;
  height: 22px;
  position: relative;
  overflow: hidden;
}
div#tb_rating { 
  width: 151px;
  height: 22px;
  background: transparent url(/arrow/images_talkback/thermometer-arrow.png) top left no-repeat;
  text-align: right;
  position: relative;
  overflow: hidden;
  z-index: 20;
}
div#tb_rating span { 
  font-family: Geneva, serif;
  font-weight: bold;
  color: #fff;
  font-size: 12px;
  position: relative;
  right: 15px;
  top: 2px;
}

div#thermometer img#bar { 
  position: absolute;
  left: 50%;
  margin-left: -118px; /* puts it at 50% */
  top: 5px;
  z-index: 5;
}

div#bottom_bar { 
  width: 402px;
  border: solid 1px black;
  height: 66px;
  position: relative;
  background: #970e08 url(/arrow/images_talkback/article-bottom-bg.png) top left no-repeat;
  text-align: center;
  left: -1px;
  font-size: 12px;

}

div#bottom_bar div.container { 
  margin-top: 3px;
}

div#bottom_bar img {
  position: relative;
  top: 5px;
  border: none;
}

div#share_this { text-align: center; margin-top: 0px; display: inline; }


div#tb_form { 
  width: 402px;
  height: 176px;
  background: transparent url(/arrow/images_talkback/spitting-bullets.jpg) top left no-repeat;
  overflow: hidden;
  position: relative;
}
div#tb_form div.container {
  margin: 55px 10px 0px 10px;
  color: #000 !important;
  font-size: 14px !important;
  text-align: center;
}
div#tb_form div.container table { margin-left: 60px; }
div#tb_form div.container a { font-weight: bold; }
div#tb_form div.container table#post_comment { 
  margin-left: 5px;
  margin-top: -15px;
  background-color: transparent;
}
div#tb_form div.container table#post_comment td { 
  font-weight: bold;
}

div#tb_form div.container textarea { 
  width: 335px;
  height: 50px;
}

div#tb_form div.container img#btn {
  position: relative;
  top: 8px;
  left: 15px;
  cursor: pointer;
}

div#tb_form div.container table#post_comment img#btn { 
  position: static;
}


div#below_form { 
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 408px;
  height: 40px;
  border-top: solid 1px #7e7b69;
  background-color: #333;
  text-align: center;
}



div#above_comments {
  border-left: solid 1px black;
  border-right: solid 1px black;
  width: 402px;
}

div#above_comments div.container { 
  padding: 10px; 
}

a.hlt { font-weight: bold; text-decoration: none; }

div#above_comments h2 { 
  font-weight: bold;
  margin: 0;
  padding: 3px 0px;
  font-size: 14px;
}

div#above_comments p { 
  font-size: 10px !important;
  margin: 0;
  text-align: center;
}
div#above_comments p a { font-size: 10px; }

div.comment { 
  width: 402px;
  padding-top: 5px;
  display: none;
  background-color: #000;
  border-bottom: solid 1px #970102;
}

div.comment_neutral { background-color: #333; }
div.comment div.comment_neutral { border: solid 2px #333; }
div.comment_positive { background-color: #009900; }
div.comment div.comment_positive { border: solid 2px #009900; }
div.comment_negative { background-color: #cc0000; }
div.comment div.comment_negative { border: solid 2px #cc0000; }

div.comment div.topbar { 
  height: 27px;
  width: 388px;
  margin-left: 5px;
  position: relative;
}

div.comment div.topbar div.num { 
  width: 34px;
  height: 20px;
  overflow: hidden;
  font-size: 12px;
  background: transparent url(/images_talkback/comment-num-box.png) top left no-repeat;
  position: absolute; 
  right: 53px;
  top: 4px;
}
div.comment div.topbar div.num span { 
  display: block;
  margin-top: 2px;
  text-align: center;
  color: black;
}

div.comment div.topbar div.thumbs {
  position: absolute;
  right: 2px; 
  top: 2px;
  cursor: pointer;
}
div.comment div.topbar div.thumbs a img { border: none; }




div.comment div.userinfo { 
  height: 102px;
  background-color: #171717;
  width: 388px;
  position: relative;
  margin-left: 5px;
  border-bottom: none;
}
div.comment div.avatar_pic { 
  position: absolute; 
  left: 5px;
  top: 5px;
  background-color: black;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid black;
  display: block;
  height: 90px;
  width: 90px;
}
div.comment div.no_avatar { 
  width: 90px;
  height: 90px;
  background-position: top-left;
  background-repeat: no-repeat;
  position: absolute;
  left: 10px;
  top: 5px;
  text-align: center;
  vertical-align: bottom;
}
div.comment div.rand1 { background-image: url(/images_talkback/grey_avatar.jpg); }
div.comment div.rand2 { background-image: url(/images_talkback/red_avatar.jpg); }
div.comment div.rand3 { background-image: url(/images_talkback/yellow_avatar.jpg); }

div.no_avatar a { 
  position: absolute;
  left: 5px;
  top: 73px;
}


div.comment div.userinfo div.controls { 
  position: absolute;
  right: 5px; top: 5px;
  color: #ccc;
}
div.comment div.userinfo div.controls a, 
div.comment div.userinfo div.controls a:visited {  
  color: #ccc;
}

div.comment div.userinfo div.comment_title { 
  position: absolute;
  left: 105px; top: 50px;
  font-weight: bold;
  font-size: 14px;
  color: #ccc;
  width: 220px;
}

div.comment div.userinfo div.comment_info { 
  position: absolute;
  left: 105px;
  top: 10px;
  width: 180px;
  color: #ccc;
}

div.comment div.comment_text { 
  position: relative;
  color: white !important;
  width: 388px;
  margin-left: 5px;
  margin-bottom: 5px;
  border-top: none;
  padding-bottom: 0px;
}
div.comment div.comment_text div.container {
  background-color: black;
}
div.comment div.comment_text div.container div.comment_excerpt,
div.comment div.comment_text div.container div.comment_full {
  padding: 5px;
}


div.comment_text div.container div.comment_full { display: none; }

div.comment div.comment_buttons { height: 25px; }

div.comment table.comment_buttons { 
  width: 380px;
  margin-left: 5px;
  margin-bottom: 5px;
}

div.comment img.show_full_comment { 
  cursor: pointer;
}

div.comment img.reply_to_post { 
  cursor: pointer;
  display: block;
}

div.comment div.reply_form { 
  position: relative;
  display: none;
}
div.comment div.reply_form textarea.comment_reply { width: 300px; }

div.comment div.reply_count { 
  border-top: solid 1px #970102;
  height: 30px;
  position: relative;
  color: #fff;
}
div.comment div.reply_count img { cursor: pointer; }
div.comment div.reply_count div.left { 
  width: 70px;
  position: absolute; 
  left: 10px;
  top: 5px;
  font-weight: bold;
}
div.reply_count img.arrow {
  position: relative;
  top: 4px;
}
div.comment div.reply_count div.right { 
  position: absolute;
  right: 10px;
  top: 6px;
}



/* --- comment replies --- */
div.comment div.comment_replies {
  display: none;
  /* background: black url(/arrow/images_talkback/comment-left-bg.png) top left repeat-y; */
}
div.comment div.comment_reply { 
  width: 397px;
  margin-left: 10px;
}
div.comment div.comment_replies div.comment div.comment_text {  
  background-color: transparent;
  background-image: none;
  
}
div.comment div.comment_reply div.reply_top { 
  width: 382px;
  height: 25px;
  background: #333 url(/arrow/images_talkback/reply-bar.png) top left repeat-x;
}
div.comment_reply div.userinfo { width: 382px; margin-left: 0px; }
div.comment_reply div.comment_text div.container { padding: 10px; }
div.comment_reply div.comment_text { width: 382px; }

div#below_comments {
  position: relative;
  text-align: center;
  width: 402px;
  height: 45px;
  line-height: 45px;
  background-color: black;
}
div#below_comments img#more {
  cursor: pointer;
  position: absolute; 
  right: 10px;
  top: 10px;
}
div#below_comments img#back { 
  cursor: pointer;
  position: absolute;
  left: 10px;
  top: 10px;
  display: none;
}