/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   TALKBACK STYLES 
	Last changed: March 14, 2008 version 2.3.0 beta 2
	MAKE A COPY OF THIS FILE and name it "my-styles.css"
	MAKE YOUR CHANGES to that file.
	If your TalkBack directory is not /your-html-root-directory/talkback, DO A REPLACE ALL:
	   /talkback/images   with   /your-talkback-directory-name/images
   Sections in this stylesheet:
	  ThickBox Images
	  Wrapper, links, legends and submit buttons
	  Sort radio buttons and number of comments to show
	  Comment 
	  	 header
		 subject
		 body
		 HTML tags
	  Comment footer
	  Previous/next page buttons
	  Comment entry form
	  Miscellaneous
	  Message panels
*/
  
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	ThickBox images
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#TB_next {
	background: url(/talkback/images/right-arrow.gif) right bottom no-repeat;
	padding-right: 10px;
}
#TB_prev {
	background: url(/talkback/images/left-arrow.gif) left bottom no-repeat;
	padding-left: 10px;
}
#TB_title{
	/* Title bar at top of the window, used for inline content and Iframe content */
	background: url(/talkback/images/TBbg.gif) ;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Wrapper, links, legends and submit buttons
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-wrapper {
	font-family: 'HelveticaNeue', 'Helvetica Neue', 'Arial', 'sans-serif';
	width: 750px;
	margin-top: 1.5em;
	margin-left: auto;
	margin-right: auto;
	}
.tb-inner-box {
	padding: 5px 5px 5px 5px;
	border: 1px solid #000;
	color: #000;
	position: relative;
	top: -5px;
	left: -10px;
	margin-right: -10px;
	margin-bottom: -5px;
	background: #fff;
	}
.tb-outer-box {
	clear: both;
	border-right: 10px solid #000;
	border-bottom: 5px solid #000;
	margin-left: 15px;
	position: relative;
	top: 4px;
	}
#tb-wrapper img {
	border: none;
	}
#tb-wrapper strong {
	font-size: .9em;
	}
#tb-comment-link {
	text-align: center;
	color: #333333
	}
#tb-wrapper a, #tb-wrapper a:visited {
	text-decoration: none;
	font-weight: bold;
	color: #ff0000;
	}
#tb-wrapper a:hover {
	text-decoration: underline;
	}
.tb-comment-legend {
	color: #333333;
	text-align: center;
	margin-top: 1em;
	}
.tb-closed-legend {
	color: #ff0000;
	text-align: center;
	}
.tb-leave-comment-legend {
	color: #333333;
	text-align: center;
	margin-top: 15px;
	}
.tb-submit, .tb-submit-hover {
/* These styles apply to all submit buttons. Style definitions by button 
   type (further down) will override/supplement these styles, search for 
	"tb-submit" */ 
	font-family: 'HelveticaNeue', 'Helvetica Neue', 'Arial', 'sans-serif';
	padding: 0;
	cursor: pointer;
	border-width: 2px;  
  	border-left-color: #5B5C5E;
	border-top-color: #5B5C5E;
	border-right-color: #333B46;
	border-bottom-color: #333B46;
	background: #888;
	color: #66666;
	font-size: 11px;
	}
.tb-submit-hover {
	color: yellow;
	background: #333B46;
  	border-left-color: #5B5C5E;
	border-top-color: #5B5C5E;
	border-right-color: #333B46;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Sort radio buttons and number of comments to show
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-sort {
	text-align: center;
	}
#tb-sort .tb-num-rows {
	font-size: .85em;
	width: 2em;
	text-align: center;
	border: 1px solid #A099DF;
	}
#tb-sort .tb-submit, #tb-sort .tb-submit-hover {
	}
#tb-sort .tb-submit-hover {
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Comment
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.tb-comment, .tb-reply {
	margin-top: 2em;
	width: 700px;
	}
.tb-reply {
	margin-left: 120px;
	width: 650px;
	}
.tb-reply-legend {
	color: #333333;
	font-size: .85em;
	padding-left: 10px;
	}
/* ++++++++++ The comment header +++++++++++ */
.tb-comment-header, .tb-comment-header-admin {
	font-size: .9em;
	background-image:url(../common/common-images/dark-silver.jpg);
	color: #333333;
	text-align: left;
	}
.tb-reply .tb-comment-header, .tb-reply .tb-comment-header-admin {
	}
.tb-author-loc, .tb-author-loc-admin  {
	}
.tb-author, .tb-author-admin  {
	font-weight: bold;
	font-size: 16px;
	padding-left: 5px;
	}
.tb-author a, .tb-author-admin a {
	}
.tb-author a:visited, .tb-author-admin a:visted  {
	}
.tb-author a:hover, .tb-author-admin a:hover  {
	}
.tb-location, .tb-location-admin {
	}
.tb-date, .tb-date-admin {
	text-align: left;
	padding-right: 10px;
	margin-top: 1em;
	font-size: .9em;
	}
.tb-id, .tb-id-admin {
	float: right;
	display: none;
	}
/* ++++++++++ The comment subject and body ++++++++++ */
.tb-comment-subject, .tb-comment-subject-admin{
	font-size: .9em;
	margin-top: 15px;
	margin-bottom: 15px;
	clear: both;
	text-align: left;
	font-family: 'HelveticaNeue', 'Helvetica Neue', 'Arial', 'sans-serif';
	font-weight: bold;
	}
.tb-subject-title, .tb-subject-title-admin {
	}
.tb-comment-text, .tb-comment-text-admin {
	font-size: .8em;
	overflow: auto;
	text-align: left;
	}	
/* ++++++++++ HTML tags in the comment text ++++++++++ */
.tb-comment-text pre, .tb-comment-text-admin pre {
	margin: .5em 0 .5em 1.5em;
	font-family: 'HelveticaNeue', 'Helvetica Neue', 'Arial', 'sans-serif';
	background: #eee;
	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: 'HelveticaNeue', 'Helvetica Neue', 'Arial', 'sans-serif';
	background: #eee;
	font-size: .95em;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   The comment footer - reply/edit/spam/delete buttons
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.tb-comment-footer {
	text-align: center;
	margin-top: 2em;
	clear: both;
	}
.tb-comment-footer .tb-submit, tb-comment-footer .tb-submit-hover  {
	}
.tb-comment-footer .tb-submit-hover {
	}
.tb-replyto-link, .tb-edit-link, .tb-delete-link, .tb-spam-link {
	display: inline;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
   Previous/next page buttons
	++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-prev-next {
	text-align: right;
	margin-top: 2em;
	}
.tb-prev, .tb-prev-hover, .tb-next, .tb-next-hover, .tb-first, .tb-first-hover, .tb-last, .tb-last-hover {
	font-size: .85em;
	font-family: 'HelveticaNeue', 'Helvetica Neue', 'Arial', 'sans-serif';
	font-weight: bold;
	color: #003399;
	cursor: pointer;
	border: none;
	background-color: #fff;
	}
.tb-next, .tb-next-hover {
	background: url(/talkback/images/next-blue.gif) right no-repeat;
	padding: 0 5px 0 0;
	}
.tb-prev, .tb-prev-hover {
	background: url(/talkback/images/prev-blue.gif) left no-repeat;
	padding: 0 0 0 5px;
	}
.tb-first, .tb-first-hover {
	background: url(/talkback/images/first-blue.gif) left no-repeat;
	padding: 0 5px 0 0;
	}
.tb-last, .tb-last-hover {
	background: url(/talkback/images/last-blue.gif) right no-repeat;
	padding: 0 5px 0 0;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Comment entry form
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#tb-form-div {
	margin: auto;
	width: 700px;
	}
#tb-form-div .tb-outer-box {
	border-bottom: 10px solid #000;
	}
#tb-form-div .tb-inner-box {
	/*background: #efefef;*/
	}
#tb-form-div a.help, #tb-form-div a.help:visited {
	font-family: 'HelveticaNeue', 'Helvetica Neue', 'Arial', 'sans-serif';
	font-weight: normal;
	padding: 0 2px 0 2px;
	background: #8385BF;
	color: #fff;
	}
#tb-form-div .tb-help a:hover {
	background: #fff;
	color: #8385BF;
	border: 1px solid #8385BF;
	text-decoration: none;
	cursor: pointer;
	}
#tb_form, #tb-form-edit {
	font-size: .85em;
	padding: 5px 0 5px 10px;
	text-align: left;
	}
.tb-field {
	margin-top: 5px;
	font-size: 0.9em;
	border: 1px solid #A099DF;
	padding: 0 2px 0 2px;
	width: 150px;
	} 
.tb-subject-field {
	margin-top: 5px;
	font-size: 0.9em;
	padding: 0 2px 0 2px;
	width: 90%;
	border: 1px solid #A099DF;
	} 
.field-reply {
	width: 30px;
	border: 1px solid #A099DF;
	padding: 0 2px 0 2px;
	font-size: 0.9em;
	} 
#tb-subscribe-line {
	margin-bottom: 5px;
	}
#admin-reply_options {
	margin-bottom: 5px;
	}
#ed_toolbar {
	/* html quick tag buttons */
	margin-bottom: 5px;
	}
#tb-form-edit #ed_toolbar {
	margin-top: 5px;
	}
#ed_toolbar .ed-button, #ed_toolbar .ed-button-hover {
	font-family: 'HelveticaNeue', 'Helvetica Neue', 'Arial', 'sans-serif';
	font-size: 11px;
	color: #003399;
	padding: 0;
	margin-right: 2px;
	cursor: pointer;
	background: #F5F5F5;
	border: 1px solid #000;
	}
#ed_toolbar .ed-button-hover {
	background: #000;
	color: #fff;
	}
#tb-form-emoticons {
	margin-top: 5px;
	}
#tb-form-div textarea {
	font-family: 'HelveticaNeue', 'Helvetica Neue', 'Arial', 'sans-serif';
	margin-top: 5px;
	width: 99%;
	height: 10em;
	font-size: 1em;
	padding: 0 2px 0 2px;
	}
#tb-form-submit-line {
	}
#tb-form .tb-submit, #tb-form .tb-submit-hover {
	}
#tb-form .tb-submit-hover {
	}
#tb-link-target {
	display: none;
	}
#tb-error {
	color: #f00;
	}
.tb-error {
	color: #f00;
	}
.tb-required {
	color: #f00;
	font-size: 1.2em;
	}
.tb-label {
	font-size: .85em;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Miscellaneous
   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.tb-small {
	font-size: .85em;
	}
.tb-clear {
	clear: both;
	height: 1px;
	}
.tb-stress {
	color: #ff0000;
	text-align: center;
	}
.tb-credit {
	color: #666;
	text-align: center;
	font-size: .85em;
	padding-top: 5px;
	}
.tb-center {
	text-align: center;
	}
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	Message panels 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: 'HelveticaNeue', 'Helvetica Neue', 'Arial', 'sans-serif';
	font-size: 80%;
	background: #6F6F6F;
	}
#tb-panel-wrapper {
	width: 750px;
	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;
	}