/*  TalkBack styles 

    Sections in this stylesheet:
	  Comments wrapper, buttons, links, HTML tags
	  Panels
	  Sort, search & number of comments to show forms
	  Comment
	  Comment footer (reply, edit, delete buttons)
	  End of comments login/register
	  Comment entry form
	  Pagination menu
	  Captcha
	  Miscellaneous
	  Search results
	  
	  comment-help-tpl.php styles are in the script. It does not use style.css
*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	TalkBack wrapper, links, buttons
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-wrapper {		/* a div that encloses all TalkBack output */
	width: 550px;
	margin: 1.5em auto 1em auto;
	/* background-color: inherit; */
	}
#tb-wrapper a.help, a.help:visited,  a.help:hover { /* help links */
	text-decoration: none;
	cursor: pointer;
	font-weight: bold;
	padding: 0 2px 0 2px;
	background-color: #8385BF;
	color: #fff;
	}
.tb-submit, .tb-submit:hover { 
	font-size: 1em;
	padding: 0;
	cursor: pointer;
	background-color: #DDD;
	}
.tb-submit:hover {
	background-color: #9F9F9F;
	color: #FFF;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	panels -- reply, edit, preview, register, login, profile, error, message
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* used in all panels */
#tb-panel-title {
	text-align: center;
	font-weight: bold;
	background-color: #E5E5E5;
	padding: 5px 0 5px 0;
	}
#tb-panel-content {
	background-color: #F5F5F5;
	padding: 5px;
	}
#tb-return-link {
	text-align: center;
	}
	
/* +++++ register, profile, login panels +++++ */
#tb-reg-form, #tb-profile-form, #tb-profile-form-search, #tb-login-form {
	padding: 5px 10px 5px 10px;
	text-align: left;
	padding-bottom: 10px
	}

/* used in edit, reply, preview panels */
#tb-wrapper.edit, #tb-wrapper.preview, #tb-wrapper.reply {
	}
#tb-panel-content.edit, #tb-panel-content.preview, #tb-panel-content.reply {
	margin-bottom: 2em;
	}
#tb-panel-content .tb-comment {
	margin-bottom: 0;
	}

/* +++++ used in login panel +++++ */
.tb-panel-error-msg {
	color: #FF0000;
	}
#tb-login-form .tb-submit, #tb-login-form .tb-submit:hover {
	margin-top: 5px;
	}
#tb-wrapper.login {
	width: 320px;
}
.tb-cookie-msg {
	font-size: .85em;
	text-align: center;
	}
	
/* +++++ used in user-profile-admin-tpl.php +++++ */
.tb-panel-divider {
	background-color: #CCC;
	height: 3px;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Language select, sort drop down and search forms
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-language-form { 
 	text-align: center;
	margin: 1em 0 1em 0;
	}
 #tb-language-form .tb-lang-submit {  /* language flag buttons */
	cursor: pointer;
	border: none;
	background: none;
	padding: 0;
	}
#tb-sort-search {
	text-align: center;
	}
#tb-sort-form {   /* Newest first, Oldest first select form */
	font-size: .9em;
	}
#tb-search-form {
	display: inline;
	}
.tb-search-field {	
	width: 150px;
	}
.tb-search-highlight {
	background-color: #FFBE7F;
	}
#tb-search-form .tb-submit, #tb-form .tb-submit:hover {
	font-size: .9em;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Comment
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-expand_collapse_wrapper { /* a div that encloses all comments */
	background: inherit;
	}
.tb-closed-legend {  /* the "Comments are closed" line*/
	text-align: center;
	margin: 1em 0 1em 0;
	}
#tb-num-comments-legend1, #tb-num-comments-legend2 {  /* "there are n comments line" */
	text-align: center;
	margin: 1em 0 1em 0;
	}
.tb-form-link {   /* "Leave a comment" link */
	text-align: center;
	margin: 1em 0 1em 0;
	}
.tb-avg-rating {
	text-align: center;
	}
/* ++++++++++ Each comment +++++++++++ */
.tb-comment, .tb-comment-admin, .tb-sticky-comment, .tb-reply, .tb-reply-admin {
	margin: 0 0 2em 0;
	background: inherit;
	}
.tb-comment-header {
	}
.tb-author-loc{
	float: left;
	overflow: hidden;
	}
.tb-date {
	float: right;
	/* margin-top: 28px; add margin if you are using gravatars (ammount depends on size of gravatar */
	}
.tb-comment-subject {
	background-color: #FAFAFA;
	border-top: 1px solid #8F8F8F;
	padding: 0 5px 0 5px;
	}
.tb-comment-text {
	background-color: #FAFAFA;
	padding: 1px 5px 5px 5px;
	overflow: auto;
	}
/* ++++++++++ Comment text tags +++++++++++ */
.tb-comment-text .tb-edited-by {
	font-style: italic;
	font-size: .85em;
	}
.tb-comment-text a, .tb-comment-text a:visited, .tb-comment-text a:hover {
	color: #00f;
	text-decoration: none;
	}
.tb-comment-text p {
	margin: .5em 0 .5em 0;
}
.tb-comment-text pre {
	margin: .5em 0 .5em 0;
	font-family: "Consolas", "Bitstream Vera Sans Mono", "Andale Mono", monospace;
	background-color: #DDD;
	padding: 0 2px 0 2px;
	}
.tb-comment-text ol {
	margin: .5em 0 .5em -.3em;
	}
.tb-comment-text ul {
	margin: .5em 0 .5em -.3em;
	}
.tb-comment-text hr {
	}
.tb-comment-text blockquote {
	margin: .5em 0 .5em 1.5em;
	border-left: 3px solid #AAA;
	padding-left: 5px;
	}
.tb-comment-text code {
	font-family: "Consolas", "Bitstream Vera Sans Mono", "Andale Mono", monospace;
	background-color: #DDD;
	font-size: .95em;
	}	
/* ++++++++++ Comment Footer +++++++++++ */
.tb-comment-footer {
	padding: 0 5px 0 0;
	font-size: .9em;
	}
.tb-comment-footer input {
	float: right;
	}
.tb-thread-locked {
	float: right;
	padding-right: 10px;
	color: #800;
	}
.tb-comment-footer .tb-submit, .tb-comment-footer .tb-submit:hover {
	color: #003399;
	cursor: pointer;
	background-color: #fff;
	border: none;
	}
.tb-comment-footer .tb-submit:hover {
	color: #fff;
	background-color: #8385BF;
	}
.tb-reply-legend {	/* view replies link div */
	float: left;
	}
a.tb-reply-link, a:visited.tb-reply-link, a:hover.tb-reply-link {	/* view replies link */
	color: #003399;
	cursor: pointer;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	End of comments login/register
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-login-register-links {
 	margin: 1em 0 1em 0;
	clear: both;
	text-align: center;
	}
#tb-login-register-links input {
	padding: 0;
	border: none;
	background: none;
	color: #00F;
	}
#tb-login-register-links form {
	display: inline;
	}
.tb-profile-logout {
	text-align: center;
	font-size: .85em;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Comment entry form
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-form-legend {
	text-align: center;
	}
#tb-form-div {
	font-size: .85em;
	margin: 1em 0 1em 0;
	background: inherit;
	}
#tb_form {
	padding: 10px;
	text-align: left;
	margin-top: 0;
	background-color: #F5F5F5;
	}
#tb_form option {
	padding-left: 5px;
	}
.tb-field {
	margin-top: 5px;
	font-size: 1em;
	padding: 0 2px 0 2px;
	width: 150px;
	background-color: #FFF;
	} 
.field-reply {
	width: 30px;
	border: 1px solid #A099DF;
	padding: 0 2px 0 2px;
	font-size: 1em;
	} 
#tb-subscribe-line {
	margin: 5px 0 5px 0;
	}
#tb-admin-reply-options {
	margin-top: 5px;
	font-size: .85em;
	}
/* html quick tag buttons */
#ed_toolbar .ed-button, #ed_toolbar .ed-button:hover {
	font-family: georgia, "times new roman", serif;
	font-size: 11px;
	color: #003399;
	padding: 0;
	margin-top: 5px;
	margin-right: 2px;
	cursor: pointer;
	background-color: #F5F5F5;
	border: 1px solid #A099DF;
	}
#ed_toolbar .ed-button:hover {
	background-color: #8385BF;
	color: #FFF;
	}
#tb-form-emoticons {
	margin-top: 5px;
	}
.tb-subject-field {
	margin-top: 5px;
	font-size: 1em;
	padding: 0 2px 0 2px;
	width: 85%;
	} 
#tbcanvas {  /* form textarea */
	font-family: verdana, arial, sans-serif;
	margin-top: 5px;
	width: 99%;
	height: 10em;
	font-size: 1em;
	padding: 0 2px 0 2px;
	overflow: auto;
	}
#admin-reply_options {
	margin-top: 5px;
	}
#tb-form-submit-line {
	margin-top: 5px;
	}
#tb-submit-left {
	float: left;
	}
#tb-resize-link { /* the textarea resize link */
	float: right;
	background: none;
	}
.tb-required {
	color: #f00;
	font-size: 1.2em;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Pagination menu
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.paginate.top {    /* the enclosing div - top or bottom of comments */
 	text-align: center;
	margin: 1em auto 2em auto;
	font-weight: normal;
	}
.paginate.bottom { 
	margin: 1em auto 1em auto;
	text-align: center;
	font-weight: normal;
	}
.paginate a, .paginate a:visited, .paginate a:hover {
	padding: 0 3px 0 3px;
	font-size: 1em;
	font-weight: bold;
	}
.paginate a.show-all {
	font-weight: normal
	}
.paginate .current {  /* the current page */
	margin: 0 2px 0 2px;
	color: #000;
	font-weight: bold;
	}
.show-all.a, .show_all.a:visited, .show_alla:hover {
	font-weight: normal;
	}
.paginate .ipp-form {
	display: inline;
	}
.paginate .ipp-submit { /* items per bage input tag */
	text-align: center;
	width: 30px;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Captcha styles
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* this is used for all captcha themes */
 #tb-captcha-div {
 	margin-top: 5px;
	}
	
/* These are for the reCAPTCHA custom theme 
   There are other id's and classes you can style
   see the html in captcha-tpl.php
*/
.recaptcha_widget {
	background-color: #DFDFDF;
	margin: 5px  0 5px 0;
	padding: 5px;
	width: 335px;
	}
.recaptcha_image {
	margin: 2px 0 5px 0;
	float: left;
	}
.captcha_actions {
	float: right;
	margin: 2px 0 0 5px;
	padding-right: 5px;
	}
.response_line {
	margin-bottom: 5px;
	}
.recaptcha_response_field {
	width: 188px;
	}
	
/* if you want to use a standard reCAPTCHA theme and restyle it
	set reCAPTCHA theme to "clean" in the admin config panel
	and uncomment and change these styles

.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#FF0000 !important; //reCaptcha widget background color
 }
 
 #recaptcha_table {
   border-color: #FF0000 !important; //reCaptcha widget border color
 }
 
 #recaptcha_response_field {
   border-color: #FF0000 !important; //Text input field border color
   background-color:#FF0000 !important; //Text input field background color
 }
*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Miscellaneous
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-wrapper img {
	border: none;
	}
.tb-noscript {
	color: #800;
	text-align: center;
	margin: 1em 0 1em 0;
	}
#tb-powered-by {
	color: #666;
	text-align: center;
	font-size: .85em;
	margin-bottom: 1em;
	}
.tb-center {
	text-align: center;
	}
.tb-error {
	color: #FF0000;
	clear: both;
	}
.tb-clear {
	clear: both;
	visibility: hidden;
	height: 1px;
	}
.tb-rss-feed {
	font-size: .85em;
	text-align: center;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Search results
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
 .tb-search-legend {
 	}
.tb-top {
	border-top: 1px solid #000;
	padding-top: 1em;
	}
.tb-field-title {
	width: 70px;
	}
.tb-search-text {
	padding: 1em 0 1em 0;
	}