/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   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: 95%;
	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: #303030;
	}
#tb-wrapper a:hover {
	text-decoration: underline;
	color:  #1B64AD;
	}
.tb-comment-legend {
	text-align: left;
	margin-top: .5em;
	padding-bottom: .2em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	}
.tb-closed-legend {
	text-align: left;
	}
.tb-nocomments-legend {
	text-align: left;
	}
.tb-leave-comment-legend {
	text-align: left;
	margin-top: 35px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size: .9em;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Sort radio buttons and number of comments to show tb-sort .tb-submit - Apply button
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-sort {
	text-align: center;
	}
#tb-sort .tb-num-rows {
	font-size: 1em;
	width: 2em;
	text-align: center;
	border: 1px solid #CCCCCC;
	}
#tb-sort .tb-submit{

	font-size: 1em;
	color: #303030;
	}
#tb-sort .tb-radio{
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Comment
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.tb-comment {
	margin-top: 2.2em;
	
	}
.tb-reply {
	margin-top: 1em;
	margin-left: 20px;
	
	}
.tb-reply-legend {
	color: #7A7A7A;
	font-size: 0.9em;
	font-style: italic;
	margin-bottom: .3em;
	margin-left: -4px;
	
	
	}
/* ++++++++++ The comment header +++++++++++ */
.tb-comment-header, .tb-comment-header-admin {
	font-size: .9em;
	}
.tb-author-loc, .tb-author-loc-admin  {
	float: left;
	}
.tb-author, .tb-author-admin  {
	font-weight: bold;
	color: #666;
	}
.tb-author a, .tb-author-admin a:visited  {
	}
.tb-location, .tb-location-admin {
	}
.tb-date, .tb-id, .tb-date-admin, .tb-id-admin {
	float: right;
	}
/* ++++++++++ The comment subject and body ++++++++++ */

.tb-comment-subject {
	
	border-top: 1px solid #bbb;
	font-size: .9em;
	margin-bottom: 1em;
	
	}
.tb-subject-title {

	}
.tb-comment-text {
	font-size: .9em;
	overflow: auto;
	
	
	}
.tb-comment-text pre, .tb-comment-text-admin pre {
	margin: 0 0 0 1em;

	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 {

	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, .tb-replyto-link a:visited, .tb-edit-link a:visited, .tb-delete-link a:visited {
	display: inline;
	}
.tb-reply-submit, .tb-reply-submit a:visited{
	background: none;
	border: none;
	font-size: 0.9em;
	color: #1B64AD;
	margin: 12px 0 10px 0;
	padding: 0;
	cursor: pointer;
	
	}
	.tb-replyto-link a:hover, .tb-edit-link a:hover, .tb-delete-link a:hover{
	text-decoration: underline;
	}
	
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Next/Previous Links 
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-prev-next {
	text-align: center;
	margin-top: 2em;
	}
.tb-prev, .tb-next, .tb-first, .tb-last {
	font-size: .9em;
	color:  #1B64AD;
	cursor: pointer;
	border: none;
	background-color: #fff;
	}
.tb-next {
	background: url(/guestbook/images/next-g.gif) right no-repeat;
	padding: 0 10px 0 0;
	}
.tb-prev {
	background: url(/guestbook/images/prev-g.gif) left no-repeat;
	padding: 0 0 0 10px;
	}
.tb-first {
	background: url(/guestbook/images/first-g.gif) left no-repeat;
	padding: 0 8px 0 0;
	}
.tb-last {
	background: url(/guestbook/images/last-g.gif) right no-repeat;
	padding: 0 0 0 8px;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Comment entry form
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-form-div {
	margin: auto;
	}
#tb-form {
	font-size: .9em;
	padding: 10px 10px 10px 10px;
	border: 1px solid #bbb;
	text-align: left;
	}
#tb-form-div .tb-help a, #tb-form-div .tb-help a:visited {
	float: right;
	font-size: 1.5em;
	font-weight: bold;
	padding: 0 4px 0 4px;
	background: #1B64AD;
	color: #fff;
	}
#tb-form-div .tb-help a:hover {
	background: #fff;
	color: #1B64AD;
	border: 1px solid #1B64AD;
	text-decoration: none;
	}
#tb-form-div .tb-field {
	margin-top: 5px;
	font-size: 1em;
	border: 1px solid #CCCCCC;
	padding: 2px 2px 2px 2px;
	width: 150px;
	} 
#tb-form-div .tb-subject-field {
	margin-top: 5px;
	font-size: 1em;
	padding: 2px 2px 2px 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 #CCCCCC;
	padding: 0 2px 0 2px;
	font-size: 1em;
	} 
#tb-subscribe-line {
	margin-bottom: 5px;
	}
#admin-reply_options {
	margin-bottom: 5px;
	}
#tb-qtbuttons {
	margin-bottom: 5px;
	}
#tb-qtbuttons input {


	padding: 0 2px 0 2px;
	margin-right: 2px;
	cursor: pointer;
	font-size: 1em;
	}
#tb-qtbuttons.tb-edit-form {
	margin-top: 5px;
	}

#tb-form-submit-line {
	margin-top: 5px;
}
#tb-form-div textarea {
	font-family: verdana, helvetica, arial, sans-serif;
	margin-top: 5px;
	width: 95%;
	height: 12em;
	font-size: 1.05em;
	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{
	color:#505050;	
	padding: 2px;
	margin-right: 5px;
	cursor: pointer;
	font-size: 1em;
	}
.tb-label {
	}
.tb-small {
	font-size: .85em;
	}
.tb-clear {
	clear: both;
	height: 1px;
	}
.tb-stress {
	color: #1B64AD;
	text-align: center;
	margin-top: 15px;

	}
.tb-credit {
	color: #666;
	text-align: center;
	font-size: .85em;
	}
.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;	
	}
#tb-panel-wrapper {
	width: 500px;
	margin: auto;
	background: #fff;
	}
#tb-panel-header, #tb-panel-footer {
	font-weight: bold;
	text-align: center;
	padding: 5px 4px 0px 4px;
	}
#tb-panel-content {
	border: 1px solid #FEAB2B;
	margin: 0;
	padding-bottom: 5px;

	}
#tb-panel-message {
	margin: 0 0 10px 0;
	padding: 0 10px 0 10px;
	}
.tb-panel-link {
	text-align: center;
	font-size: .85em
}
#tb-panel-footer {
	font-size: .75em;
	color: #fff;
	}