/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   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-panel-tpl.php, comments-help.php
      Miscellaneous
*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Top level elements
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body {	
	background-color: #FFFFFF
	
	}

li {	
	margin-left: 1.5em;
	
}
h1{
	font-weight: normal;
	clear: both;
	padding: 0px 5px 5px 5px;
	font-size: 1.95em;
	text-align: center;
	margin: 0;
	
}
h2 {
	clear: both;
	padding: 20px 5px 0px 5px;
	font-size: .95em;
	text-align: left;
	margin: 0;
	font-weight: normal;	
}
	
h3{
	clear: both;
	padding: 0px 5px 5px 5px;
	font-size: .75em;
	margin: 0;
	font-weight: normal;
}
	
#main-wrapper {
	font-family: "lucida sans unicode", "lucida grande", verdana, helvetica, arial, sans-serif;
	margin-top: 1.5em;
	margin-left: auto;
	margin-right: auto;
	width: 700px;
	
}
.main-head {
	clear: both;
	padding: 20px 5px 0px 5px;
	font-size: .95em;
	text-align: left;
	overflow: auto;
	}
.main-text {
	clear: both;
	padding: 5px 5px 5px 5px;
	font-size: .75em;
	text-align: left;
	overflow: auto;
	}	
.main-headline {
	clear: both;
	padding: 0px 5px 5px 5px;
	font-size: 1.95em;
	text-align: center;
	overflow: auto;
	}
.main-subline {
	clear: both;
	padding: 0px 5px 5px 5px;
	font-size: .75em;
	text-align: center;
	overflow: auto;
	}
.main-quote {
	clear: both;
	background-color: #fffeed;	
	padding: 5px 5px 5px 5px;
	font-size: .75em;
	text-align: left;
	overflow: auto;
	}
	
#tb-wrapper {
	font-family: "lucida sans unicode", "lucida grande", verdana, helvetica, arial, sans-serif;
	width: 100%;
	margin-top: 1.5em;
	margin-left: auto;
	margin-right: auto;
	}
#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: #800;
	text-align: center;
	margin-top: 1em;
	}
.tb-closed-legend {
	color: #800;
	text-align: center;
	}
.tb-nocomments-legend {
	color: #800;
	text-align: center;
	}
.tb-leave-comment-legend {
	color: #800;
	text-align: center;
	margin-top: 15px;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Sort radio buttons and number of comments to show
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-sort {
	text-align: center;
	}
#tb-sort .tb-num-rows {
	font-size: .65em;
	width: 2em;
	text-align: center;
	border: 1px solid #A099DF;
	}
#tb-sort .tb-submit{
	background: #ddd;
	font-size: .65em;
	}
#tb-sort .tb-radio{
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Comment
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.tb-comment {
	margin-top: 2em;
	}
.tb-reply {
	margin-top: 2em;
	margin-left: 20px;
	}
.tb-reply-legend {
	color: #888;
	font-size: .65em;
	}
/* ++++++++++ The comment header +++++++++++ */
.tb-comment-header, .tb-comment-header-admin {
	font-size: .65em;
	height: 1.5em;
	background: #EEEEEE;
	padding: 5 5px 0 5px;
	border-bottom: 1px solid #bbb;
	
	}
.tb-date, .tb-id, .tb-date-admin, .tb-id-admin {
	float: right;
	color: #666;
	}
.tb-author, .tb-author-admin  {
	font-weight: bold;
	float: left;
	}
.tb-author-admin {
	color: #800;
	}
.tb-author a, .tb-author-admin a:visited  {
	color: #800;
	}
/* ++++++++++ The comment body ++++++++++ */
.tb-comment-text, .tb-comment-text-admin {
	clear: both;
	padding: 5px 5px 5px 5px;
	font-size: .8em;
	text-align: left;
	overflow: auto;
	}
.tb-comment-text-admin {
	}	
.tb-comment-text pre, .tb-comment-text-admin pre {
	margin: 0 0 0 1em;
	font-family: "courier new", courier, monospace;
	padding: 0 2px 0 2px;
	overflow: auto;
	}
.tb-comment-text blockquote, .tb-comment-text-admin blockquote {
	border-left: 3px solid #aaa;
	margin: 0 1.5em 0 1em;
	padding-left: 5px;
	}
.tb-comment-text code, .tb-comment-text-admin code {
	font-family: "courier new", courier, monospace;
	background: #ddd;
	}
/* ++++++++++ The comment footer (reply, edit and delete links) ++++++++++ */
.tb-comment-footer {
	text-align: center;
	}
.tb-replyto-link, .tb-edit-link, .tb-delete-link {
	display: inline;
	}
.tb-reply-submit {
	background: none;
	border: none;
	font-size: .65em;
	color: #003399;
	margin: 5px 0 0 0;
	padding: 0;
	cursor: pointer;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Next/Previous Links 
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-prev-next {
	text-align: center;
	margin-top: 2em;
	}
.tb-prev, .tb-next {
	font-size: .65em;
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	color: #003399;
	cursor: pointer;
	border: none;
	background-color: #fff;
	}
.tb-next {
	background: url(/tbdev/images/next-b.gif) right no-repeat;
	padding: 0 10px 0 0;
	}
.tb-prev {
	background: url(/tbdev/images/prev-b.gif) left no-repeat;
	padding: 0 0 0 10px;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Comment entry form
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-form-div {
	margin: auto;
	}
#tb-form {
	font-size: .65em;
	padding: 5px 10px 5px 10px;
	background: #ddd;
	border: 1px solid #bbb;
	text-align: left;
	}
#tb-form-div .tb-help a, #tb-form-div .tb-help a:visited {
	float: right;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	padding: 0 4px 0 4px;
	background: #8385BF;
	color: #fff;
	}
#tb-form-div .tb-help a:hover {
	background: #fff;
	color: #8385BF;
	border: 1px solid #8385BF;
	text-decoration: none;
	}
#tb-form-div .tb-field {
	margin-top: 5px;
	font-size: 1em;
	border: 1px solid #A099DF;
	padding: 0 2px 0 2px;
	width: 150px;
	} 
.tb-required {
	color: #f00;
	font-size: 1.2em;
	}
#tb-form-div .field-reply {
	width: 30px;
	border: 1px solid #A099DF;
	padding: 0 2px 0 2px;
	font-size: 1em;
	} 
#tb-subscribe-line {
	margin-bottom: 5px;
	}
#tb-qtbuttons {
	margin-bottom: 5px;
	}
#tb-qtbuttons input {
	font-family: helvetica, arial, sans-serif;
	color: #003399;
	padding: 0 2px 0 2px;
	margin-right: 2px;
	cursor: pointer;
	font-size: 1em;
	}
#tb-qtbuttons.tb-edit-form {
	margin-top: 5px;
	}
#tb-smiley-insert {
	}
#tb-form-div textarea {
	font-family: Verdana, Arial, Helvetica,sans-serif;
	margin-top: 5px;
	width: 99%;
	height: 10em;
	font-size: 1em;
	padding: 0 2px 0 2px;
	}
#tb-link-target {
	/* This holds the "open in new window" flag used by the quick tags script */
	display: none;
	}
#tb-error {
	color: #f00;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Miscellaneous
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
img {border: none;}
.tb-submit{
	font-family: helvetica, arial, sans-serif;
	color: #003399;
	padding: 0;
	margin-right: 5px;
	cursor: pointer;
	font-size: 1em;
	}
.tb-label {
	}
.tb-small {
	font-size: .65em;
	}
.tb-clear {
	clear: both;
	height: 1px;
	}
.tb-stress {
	color: #800;
	text-align: center;
	}
.tb-credit {
	color: #666;
	text-align: center;
	font-size: .65em;
	}
.tb-center {
	text-align: center;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	"Panel" styles: message-panel.php, comments-help.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 {
	text-align: center;
	font-size: .65em
}
#tb-panel-footer {
	font-size: .75em;
	color: #fff;
	}