/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   Styles for comment templates
   See the user guide, Adding Comments to Your Pages, for instructions on 
   including the stylesheets in your pages.
   --------------------------------------------------------------------------
   Scripts that also have override styles defined inside a <style> tag:
      message-panel-tpl.php (body, #tb-wrapper)
      comments-help.php (body, #tb-wrapper, styles unique to the script)
      
   TABLE OF CONTENTS:
      Top level elements
      Sort radio buttons and number of comments to show
      Comment: 
         wrapper
         header
         body
         footer (reply & edit links)
      Next/previous links
      Comment entry form
      Message panels: message-panel-tpl.php, comments-help.php
      Miscellaneous
*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Top level elements
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-wrapper {
	font-family: verdana, helvetica, arial, sans-serif;
	width: 100%;
	background: #FFFFFF;
	margin-top: 0em;
	margin-left: auto;
	margin-right: auto;
	font-size: .9em;
	border: 1px solid #FFFFFF;
	}
#tb-comment-link {
	text-align: center;
	}
#tb-wrapper a, #tb-wrapper a:visited {
	text-decoration: none;
	color: #00f;
	}
#tb-wrapper a:hover {
	text-decoration: underline;
	}
.tb-comment-legend {
	color: #00f;
	text-align: center;
	margin-top: 0em;
	}
.tb-closed-legend {
	color: #00f;
	text-align: center;
	}
.tb-nocomments-legend {
	color: #00f;
	text-align: center;
	}
.tb-leave-comment-legend {
	color: #000;
	text-align: Left;
	font-weight: bold;
	margin-top: 12px;
	}
.tb-submit{
	font-family: verdana, helvetica, arial, sans-serif;
	color: #003399;
	padding: 0;
	margin-right: 5px;
	cursor: pointer;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Sort radio buttons and number of comments to show
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-sort {
	text-align: center;
	}
#tb-sort .tb-num-rows {
	font-size: .7em;
	width: 2em;
	text-align: center;
	border: 1px solid #A099DF;
	}
#tb-sort .tb-submit{
	background: #ddd;
	font-size: 10px;
	}
#tb-sort .tb-radio{
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Comment
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.tb-comment {
	margin-top: 0em;
	background: #FFFFFF;
	font-size: .75em;
	margin-left: 5px;
	}
.tb-reply {
	margin-top: 0em;
	margin-left: 0px;
	}
.tb-reply-legend {
	color: #fff;
	font-size: .7em;
	}
/* ++++++++++ The comment header +++++++++++ */
.tb-comment-header, .tb-comment-header-admin {
	font-size: .8em;
	}
.tb-author-loc, .tb-author-loc-admin  {
	float: left;
	}
.tb-author, .tb-author-admin  {
	font-weight: bold;
	color: #ff0000;
	}
.tb-author a, .tb-author-admin a:visited  {
	}
.tb-location, .tb-location-admin {
	font-weight: ;
	color: #ff0000;
	}
.tb-date, .tb-id, .tb-date-admin, .tb-id-admin {
	float: right;
	color: #CCCCCC;
	}
/* ++++++++++ The comment subject and body ++++++++++ */
.tb-comment-subject {
	font-size: .7em;
	}
.tb-subject-title {
	}
.tb-comment-text, .tb-comment-text-admin {
	overflow: auto;
	}
.tb-comment-text pre, .tb-comment-text-admin pre {
	margin: .5em 0 .5em 1.5em;
	font-family: verdana, helvetica, arial, sans-serif;
	background: #ccc;
	padding: 0 2px 0 2px;
	overflow: auto;
	}
.tb-comment-text p, .tb-comment-text-admin p {
	margin: .5em 0 .5em 0;
	}
.tb-comment-text ol, .tb-comment-text-admin ol {
	margin: .5em 0 .5em -.3em;
	}
.tb-comment-text ul, .tb-comment-text-admin ul {
	margin: .5em 0 .5em -.3em;
	}
.tb-comment-text hr, .tb-comment-text-admin hr {
	}
.tb-comment-text blockquote, .tb-comment-text-admin blockquote {
	margin: .5em 0 .5em 1.5em;
	border-left: 3px solid #aaa;
	margin-left: 1.5em;
	padding-left: 5px;
	}
.tb-comment-text code, .tb-comment-text-admin code {
	font-family: verdana, helvetica, arial, sans-serif;
	background: #ccc;
	font-size: .7em;
	}
/* ++++++++++ The comment footer (reply, edit and delete links) ++++++++++ */
.tb-comment-footer {
	text-align: center;
	}
.tb-replyto-link, .tb-edit-link, .tb-delete-link, .tb-spam-link {
	display: inline;
	}
.tb-reply-submit {
	background: #ccc;
	border: none;
	font-size: .7em;
	color: #003399;
	margin: 0px 0 0 0;
	padding: 0;
	cursor: pointer;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Next/Previous Links 
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-prev-next {
	text-align: center;
	margin-top: 0em;
	}
.tb-prev, .tb-next, .tb-first, .tb-last {
	font-size: .7em;
	font-family: verdana, helvetica, arial, sans-serif;
	font-weight: bold;
	color: #003399;
	cursor: pointer;
	border: none;
	background-color: #ccc;
	}
.tb-next {
	background: url(/talkback/images/next-b.gif) right no-repeat;
	padding: 0 10px 0 0;
	}
.tb-prev {
	background: url(/talkback/images/prev-b.gif) left no-repeat;
	padding: 0 0 0 10px;
	}
.tb-first {
	background: url(/talkback/images/first-b.gif) left no-repeat;
	padding: 0 13px 0 0;
	}
.tb-last {
	background: url(/talkback/images/last-b.gif) right no-repeat;
	padding: 0 0 0 13px;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Comment entry form
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-form-div {
	margin: auto;
	}
#tb-form-div a.help, #tb-form-div a.help:visited {
	font-family: verdana, helvetica, arial, sans-serif;
	font-weight: bold;
	padding: 0 2px 0 2px;
	background: #8385BF;
	color: #ccc;
	}
#tb-form-div .tb-help a:hover {
	background: #ccc;
	color: #8385BF;
	border: 1px solid #8385BF;
	text-decoration: none;
	cursor: pointer;
	}
#tb_form, #tb-form-edit {
	font-size: .7em;
	padding: 5px 10px 5px 10px;
	background: #CCCCCC;
	border: 1px solid #bbb;
	text-align: left;
	}
#tb-form-div .tb-field {
	margin-top: 5px;
	font-size: 1em;
	border: 1px solid #CCCCCC;
	padding: 0 2px 0 2px;
	width: 100px;
	} 
#tb-form-div .tb-subject-field {
	margin-top: 5px;
	font-size: 1em;
	padding: 0 2px 0 2px;
	width: 85%;
	border: 1px solid #CCCCCC;
	} 
.tb-required {
	color: #f00;
	font-size: 1.2em;
	}
#tb-form-div .field-reply {
	width: 30px;
	border: 1px solid #FF0000;
	padding: 0 2px 0 2px;
	font-size: 1em;
	} 
#tb-subscribe-line {
	margin-bottom: 5px;
	}
#admin-reply_options {
	margin-bottom: 5px;
	}
#ed_toolbar {
	margin-bottom: 5px;
	}
#tb-form-edit #ed_toolbar {
	margin-top: 5px;
	}
#ed_toolbar input {
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 11px;
	color: #003399;
	padding: 0;
	margin-right: 2px;
	cursor: pointer;
	}
#tb-form-emoticons {
	margin-top: 5px;
}
#tb-form-div textarea {
	font-family: verdana, helvetica, arial, sans-serif;
	margin-top: 5px;
	width: 99%;
	height: 10em;
	font-size: 1em;
	padding: 0 2px 0 2px;
	}
#tb-form-submit-line {
	font-size: 11px;
	}
#tb-link-target {
	/* This holds the "open in new window" flag used by the quick tags script */
	display: none;
	}
#tb-error {
	color: #f00;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Miscellaneous
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-wrapper img {border: none;}
#tb-form-div img {border: none;}
#tb-wrapper strong {font-size: .9em;}
.tb-label {
	}
.tb-small {
	font-size: .7em;
	}
.tb-clear {
	clear: both;
	height: 1px;
	}
.tb-stress {
	color: #800;
	text-align: center;
	}
.tb-credit {
	color: #666;
	text-align: center;
	font-size: .85em;
	}
.tb-center {
	text-align: center;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	"Panel" styles: message-panel.php, comments-preview.php, 
	commments-reply-tpl.php, comments-edit-tpl.php, comments-edit-tpl.php
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-panel {
	margin: 20px 0 0 0;
	padding: 0;	
	font-family: verdana, helvetica, arial, sans-serif;
	font-size: 80%;
	/* background: #6F6F6F; */
	}
#tb-panel-wrapper {
	width: 500px;
	margin: auto;
	/* background: #fff; */
	}
#tb-panel-header, #tb-panel-footer {
	/* background: #FEAB2B; */
	text-align: center;
	padding: 5px 10px 5px 10px;
	}
#tb-panel-content {
	border: 1px solid #FEAB2B;
	margin: 0;
	padding-bottom: 10px;
	}
#tb-panel-message {
	margin: 0 0 10px 0;
	padding: 0 10px 0 10px;
	}
.tb-panel-link {
	font-size: .85em;
	text-align: center;
	}
#tb-panel-footer {
	font-size: .75em;
	color: #fff;
	}