* { margin: 0; padding: 0; border: 0; }
body { text-align: center; background-color: #333; font: 12px/24px Tahoma, verdana, sans-serif; color: #555; margin-bottom: 50px; }

/* Layout Styles */
#quick-links { margin: 0 auto; text-align: right; width: 960px; height: 40px; line-height: 40px; }
	#quick-links ul { float: right; list-style-type: none; text-align: right; margin-right: 18px; }
	#quick-links ul li { float: left; }
	#quick-links a { font-size: 10px; color: #fff; text-transform: uppercase; padding: 0px 6px; }
#wrapper { clear: both; margin: 0 auto; text-align: left; width: 960px; background-color: #fff; padding: 5px 0px; }

#inner { width: auto; margin: 24px 24px 0px 24px; }
#header-text { float: right; width: 510px; color: #7e7e7e; font-size: 15px; }
	#header-text strong { color: #555; font-weight: normal; }
#content { float: left; width: 590px; margin-top: 12px; margin-bottom: 12px; background: url(images/puzzle-bg.jpg) top left no-repeat #fff; }
#sidebar { float: right; width: 283px; margin-top: 12px; }
#footer { clear: both; border-top: 3px solid #f2f2f2; font-size: 10px; line-height: 16px; padding: 12px 0px; margin-top: 24px; }

/* Nav */
div.compass-nav-top { width: auto; height: 54px; background-color: #5e8258; margin: 0px 5px; }
div.compass-nav-top ul { list-style-type: none; margin: 0px; padding: 0px; }
div.compass-nav-top ul li { float: left; }
div.compass-nav-top ul li a, div.compass-nav-top ul li a:visited { font-size: 11px; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Trebuchet MS', Helvetica, Arial, Verdana, sans-serif;; display: block; float: left; color: #fff; padding: 0px 15px; line-height: 54px; text-transform: uppercase; }
div.compass-nav-top ul li a:hover { text-decoration: none; background-color: #7faa78; }
div.compass-nav-top ul li.active a { background-color: #e9e8dd; color: #000 !important; }

/* Text Styles */
h1, h2, h3, h4, h5, h6 { color: #000; font-weight: normal; }
h1 { font-size: 26px; margin: 0 0 10px 0; /*color: #277f18;*/ }
h2 { font-size: 18px; margin: 0 0 0.1em 0; }
#content p, #sidebar p { margin: 12px 0px; }
	h2 + p { margin: 4px 0px 8px 0px !important; }
a, a:link, a:visited, a:active { text-decoration: none; color: #448ccb;  }
a:hover { text-decoration: underline; }
.highlight { background-color: #fbfbb6; }
#content ul, #content ol, #sidebar ul, #sidebar ol { margin: 10px 30px; }
#content ul, #sidebar ul { list-style-type: disc; }
#content strong { color: #000; }

/* Utility Styles */
.left { display: block; float: left; }
.right { display: block; float: right; }
.clear { display: block; clear: both; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.soft { color: #999; }

/* Misc Styles */
img { border: 0px; }
img.border { border: 1px solid #101001; }

/* Form Styles */
#sidebar .form-table { width: 280px; }
#sidebar .form-table td.field { width: 70%; }
#sidebar .form-table input { width: 180px !important; }

input, textarea { border: 1px solid #ccc; width: 300px; }
input[type=image] { width: auto !important; }
#sidebar table.form-table input, #sidebar table.form-table textarea { width: 200px !important; }
#sidebar td.submit input { background-color: #9e0b0f; color: #fff; padding: 3px 8px; margin: 8px 0px; width: auto !important; }

.form-table td { padding: 5px 0px; }
.form-table input.submit, .button { width: auto !important; border-width: 0px; font-size: 11px; background-color: #4d4d4d !important; color: #fff !important; padding: 4px 12px; margin-top: 8px; }
.form-table .label { padding-right: 20px; }
.form-table input, .form-table textarea, .form-table select, input[type=text] { width: 300px; border: 1px solid #ccc; font: 11px Tahoma, Verdana, sans-serif; background-color: #f9f9f9; color: #37342f; padding: 4px; }
.form-table input:focus, .form-table textarea:focus { background-color: #fff; }
fieldset { width: auto; border: 1px solid #C9C9C9; padding: 6px; margin: 2px 0; }
.form-table fieldset input { width: 30px !important; border: 0px; }
legend { color: #444; }
input[type=submit], input.submit, #sidebar input[type=submit], #sidebar input.submit { width: auto !important; background-color: #405625 !important; color: #fff; padding: 3px 8px; margin: 8px 0px; }
.form-section { font-size: 14px; font-weight: bold; border-bottom: 1px solid #ccc; }

.invalid { color: #ad3110; font-weight: bold; }
.required-star { color: #ad3110; }
.below-textfield { font-size: 10px; color: #808080; }

/* Testimonials */
div.cps-testimonial-div { padding: 6px 12px; background-color: #e9e8dd; font-family: Georgia, Times, 'Times New Roman', serif; color: #666; margin-bottom: 18px; }
div.cps-testimonial-div p.cps-testimonial-main { font-size: 14px; margin: 0px !important; }
div.cps-testimonial-div span.cps-testimonial-credentials { display: block; font-size: 11px; line-height: 18px; text-align: right; margin-top: 4px; }
div.cps-testimonial-div span.cps-testimonial-credentials strong { font-weight: normal; }

/* Payseries: Order */
table#toolkitsOrder { margin: 0px; padding: 0px; border: 0px; border-collapse: collapse; }
table#toolkitsOrder th, table#toolkitsOrder td { line-height: 24px; border-bottom: 1px solid #e6e6e6; }
table#toolkitsOrder th { font-weight: bold; }
table#toolkitsOrder th.tCheck { width: 20px; }
table#toolkitsOrder th.tName { width: 450px;}
table#toolkitsOrder th.tTooltip { width: 20px; }
table#toolkitsOrder th.tPrice { width: 115px; }
table#toolkitsOrder tr.active { background-color: #f1f0e8; }

h2.steps { font-size: 18px; font-weight: bold; line-height: 24px; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #e6e6e6; }
div#toolkitOrderItems p.left { font-size: 14px; margin: 0px; }
	div#toolkitOrderItems p.left span { font-weight: bold; }
div#toolkitOrderItems p.right { font-size: 14px; margin: 0px; color: #000; }

.inputsTooltip { text-align: left; line-height: 16px; background: #f9ed9a; border: 1px solid #f0da4b; color: #333; padding: 4px; width: 175px; font-size: 11px; z-index: 20000; }

div.account { display: none; }

/* Search */
div.search-results a { font-size: 1.2em; }
span.searchURL { color: #999; }

/* Blog */
div.blog-category-cloud a { color: #ccc; line-height: 1.1em;}
div.blog-category-cloud a:hover { color: #2677c7; }

#sidebar ul.blog-popular-posts, #sidebar ul.blog-recent-posts { list-style-type: none; margin-left: 0px; padding-left: 0px; }
#sidebar ul.blog-popular-posts li, #sidebar ul.blog-recent-posts li { line-height: 20px; font-size: 11.5px; }
#sidebar ul.blog-popular-posts li span, #sidebar ul.blog-recent-posts li span { display: block; color: #999; }

p.blog-intro { font-size: 15px; line-height: 24px; }

a.more-link { background-color: #fbee99; color: #000; }
a.more-link:hover { text-decoration: underline; }

/* Post Headers */
p.post-info, p.post-info-category, .post-info-comments { font-size: 0.95em; }
p.post-info-category { float: left; margin: 0px !important; font-size: 0.95em; }
p.post-info-comments { float: right; margin-top: 0px !important; font-size: 0.95em; }
div.post-header { margin-left: -24px; background: url(images/h1-marker.gif) left top no-repeat; padding-left: 24px; }

/* Post Titles */
h1.post-title { margin-bottom: 0px; }
h1.post-title a { color: #000; }
h2.post-title { margin-bottom: 4px; }
h2.post-title a { color: #000; }
h1.category-title, h1.tag-title, h1.date-title { margin-bottom: 24px !important; }

/* Post Body */
div.post { margin-bottom: 24px; padding-bottom: 12px; border-bottom: 2px solid #ddd; }
div.post-body { margin-top: 6px; padding: 4px 0px; border-top: 1px solid #ddd; }
div.post-body p.blog-intro img { border: 4px solid #e6e6e6; margin: 0px 8px 8px 0px; }

/* Post Footer */
div.post-footer { padding: 8px 0px 0px 0px; border-top: 1px solid #ddd; }
div.post-list .related-posts { float: none; }
.related-posts { float: left; width: auto; }
div.post div.related-posts { width: 345px; }
div.post-list div.related-posts { width: auto !important; }
.related-posts h3 { color: #9e0b0f; }
.related-posts ul { list-style-type: none !important; margin: 0px !important; }
.related-posts ul li { font-size: 0.95em; }
p.subscribe-feed { margin: 12px 0px 0px 0px !important; font-size: 0.95em; }
p.subscribe-feed strong { color: #000; }
p.subscribe-feed img { width: 12px; }
a.subscribe-to-blog img { width: 14px; height: 14px; }
span.tags { font-weight: bold; color: #000; }

p.newer-entries { float: left; }
p.older-entries { float: right; }

h3.blog-next-steps, .related-posts h3, h3.blog-responses-title { font-size: 1.35em; margin-bottom: 0.2em;  }
h3.blog-responses-title { margin-top: 24px !important; }

.post-share { }
div.post-share a { font-size: 0.95em; }
p.post-info { margin: 0px !important; color: #999; }
p.blog-separator { margin: 4px 0px;  }


/* Comments */
h3.blog-comments-title { margin-top: 12px; font-size: 1.35em; }
h3.blog-comments-title img { width: 14px; height: 14px; }
div.post-responses { clear: both; margin-top: 40px !important; }
h3.blog-responses-title { }
div.comment { padding: 12px 10px; border-bottom: 1px solid #ddd; font-size: 0.9em; }
p.comment-author { float: left; width: 180px; line-height: 18px; margin: 0px !important; }
	p.comment-author span.date { display: block; color: #999; }
div.comment-entry { margin-left: 190px; }
div.comment-entry p { margin: 15px 0px; }
div.post-comments { margin-top: 25px; border-top: 1px dotted #ccc; }
img.gravatar { float: left; margin-right: 4px; margin-left: -5px; }

div.official-comment { background-color: #ecf2f7; border-color: #cddfef !important; }
div.official-comment-notice { background-color: #ecf2f7; border: 1px solid #cddfef; margin: 10px 0px; padding: 10px; color: #444; }
div.official-comment-notice h4 { font-size: 14px; color: #444; font-weight: bold; }

/* Comment Form */
#leave-a-reply h3 { font-size: 1.6em; margin: 12px 0px; }
#commentForm { padding-bottom:15px; }
#commentForm small { font-size: 95%; }
#commentForm p { margin: 0 0 5px 0px; }
input#CommentAuthor, input#CommentEmail, input#CommentUrl, textarea#CommentBody { color: #333; border: 1px solid #bbb; padding: 4px; margin: 0px 4px 0px 0px; }
#commentForm p.verifyEmail { display: none; }
textarea#CommentBody { width: 98%; overflow: auto; }
#leave-a-reply input#submit { background-color: #9e0b0f; color: #fff; padding: 3px 8px; margin: 8px 0px; }

.invalid { font-weight: bold; color: #cc3333; }

p.commentCaption { padding: 5px; margin: 0px !important; color: #555; font-size: 0.9em; }

/* Blog: Comment Links */
div.post-responses ul li { font-size: 0.95em; }
div.post-responses ul li span { display: block; color: #999; line-height: 16px; }
div.post-responses ul li span a.comlink,
 	div.comment p.comment-author span.date a.comlink { color: #999; text-decoration: none; font-weight: normal; }
div.post-responses ul li span a.comlink:hover, 
 	div.comment p.comment-author span.date a.comlink:hover { color: #999 !important; text-decoration: underline !important; background-color: transparent !important; }

/* Blog: Plugins */
ul.blog-popular-posts ul li span { display: block; color: #999; line-height: 16px; }

/* Blog: Archives */
p.archives-description { margin: 4px 0px 12px 0px; }
#archives-by-date span { font-size: 0.95em; }
#archives-by-date span.year { font-weight: bold; }
#archives-by-date span.empty-month { color: #999; }
#archives-by-category { margin-top: 12px; }
#archives-by-category ul li span { display: block; color: #999; line-height: 16px; margin-bottom: 8px; }
div.archives-category-container { float: left; width: 49%; padding-top: 12px; border-top: 1px solid #e6e6e6; }

div.archives-category-container ul { }

div.archives-category-container p, 
	div.archives-category-container ul li { font-size: 0.95em; }
div.archives-category-container a.category-title { font-size: 14px; color: #000; }
div.archives-category-container a.category-title:hover { text-decoration: underline; }
div.archives-category-container p.description { color: #666; margin: 4px 0px; }
div.cat-container-1, div.cat-container-3,
	div.cat-container-5, div.cat-container-7,
	div.cat-container-9, div.cat-container-11,
	div.cat-container-13, div.cat-container-15,
	div.cat-container-17, div.cat-container-19,
	div.cat-container-21
		{ clear: both; }
div.cat-container-1, div.cat-container-2 { margin: 12px 0px; }


/* Blog: Share Widget */
.post-share img { float: left; margin-right: 8px; margin-top: 2px; }
.post-share { float: left; width: 250px; }
div.share-container { position: relative; }
div.share-box { font-size: 10px; display: none; background-color: #fff; border: 10px solid #eee; padding: 5px; position: absolute; top: 10px; left: 10px; }
div.share-box a img { width: 14px; height: 14px; }
div.share-box a { display: block; width: 125px; }
div.share-box a:hover { background: transparent !important; color: #000 !important; }
div.share-box p.title { float: left; width: 115px; color: #999; margin: 0px; padding: 0px 0px 0px 4px; }
div.share-box p.close { float: right; width: 15px; padding: 0px; margin: 0px; }
div.share-box p.close img { width: 12px; height: 12px; }