html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {margin: 0; padding: 0; border: 0; vertical-align: baseline}
 table, caption, tbody, tfoot, thead, tr, th, td, img {margin: 0; padding: 0; border: 0}
table { border-collapse: separate; border-spacing: 0}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" ""}
img { display: inline}
caption, td, th { font-size: 100%}
 body {  font: 14px "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Helvetica, Arial, sans-serif}
.comments input[type=text], .comments textarea, code {font-family: Consolas, Monaco, "Courier New", Courier, monospace}
body, caption, td, th { line-height: 24px;  }
p, ul, ol, dl, pre, blockquote, label, fieldset, address, .para {margin: 16px 0}
.para {display: block}
h1, h2, h3, h4, h5, h6, .h {font-family: "Trebuchet MS",Geneva,Helvetica,Arial,sans-serif; font-weight: bold}
ul, ol, dl, .indent {margin-left: 36px}
ul ul, ol ol {margin: 0 24px}
ul.flat, ol.flat {margin-left:0; list-style-type: none}
form select option {padding: 0 0.5em 0 0}
table.padded tr td {padding: 0.2em}
  h1, h2, h3, h4, h5, h6 {margin: 16px 0 8px 0}
h1 {font-size: 30px; line-height: 30px}
h1.page-title, .user-page-title {margin: 15px 0}
h2 {font-size: 24px; line-height: 24px}
h3 {font-size: 19px; line-height: 19px}
h4 {font-size: 17px; line-height: 17px}
h5 {font-size: 15px; line-height: 15px}
h6 {font-size: 13px; line-height: 13px}
h2.section, h3.section, h4.section {border-bottom: solid 1px #999; margin-top: 32px}
h1.page-title, .user-page-title {margin-top: 15px}
    a:link {color: #03c}
a:visited {color: #03a}
a:hover {color: #09f; text-decoration: underline}
a:active {color: #09f; text-decoration: underline}
a.nevervisited:link {color: #03c}
a.nevervisited:visited {color: #03c}
a.nevervisited:hover {color: #09f}
a.nevervisited:active {color: #09f}
.nounderline a:link, a.nounderline:link {text-decoration: none}
.nounderline a:visited, a.nounderline:visited {text-decoration: none}
.nounderline a:hover, a.nounderline:hover {text-decoration: underline;}
.nounderline a:active, a.nounderline:active {text-decoration: underline;}
a.headercolor:link {color: #333}
a.headercolor:visited {color: #333}
a.headercolor:hover {color: #336}
a.headercolor:active {color: #336}
.gray {color: #666}
a.gray {color: #666}
a:hover.gray {color: #448}
.grayer {color: #aaa}
a.grayer {color: #aaa}
a:hover.grayer {color: #88b}
abbr, acronym, span.help {cursor: help; border-bottom: 1px dotted #000}
h2 a:hover, h2 span a:hover {color: #27d !important}
 .hidden {position: absolute !important; left: 0px; top: -500px !important; width: 1px; height: 1px; overflow: hidden}
a img {border: none}
img.noborder {border: none !important}
.alignleft {text-align: left}
.aligncenter, .center {text-align: center}
.alignright {text-align: right}
.aligntop {vertical-align: top}
.alignmiddle {vertical-align: middle}
.alignbottom {vertical-align: bottom}
.floatleft {float: left}
.floatright {float: right}
.padlb {margin-left: 1em; margin-bottom: .75em}
.padrb {margin-right: 1em; margin-bottom: .75em}
.entry-content .aligncenter, img.aligncenter, img.center, img[align="center"] {display: block; margin-left: auto; margin-right: auto}
.entry-content .alignright, img.alignright, table.alignright, img[align="right"] {float: right; display: block}
.entry-content .alignleft, img.alignleft, table.alignleft, img[align="left"] {float: left; display: block}
.entry-content .alignright {margin: 0 0 8px 12px}
.entry-content .alignleft {margin: 0 12px 8px 0}
a[rel~="attachment"] img, .gallery a img, .wp-caption {background-color: #F3F3F3; border: 1px solid #ddd; padding: 6px 3px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px}
a[rel~="attachment"] img:hover, .gallery a img:hover {padding: 2px; border: 2px solid #27d}
.wp-caption a img, .wp-caption a img:hover {padding: 4px 0px 0px; border: 0 none}
.wp-caption .wp-caption-text {margin: 1px 4px 4px; font-size: 92.5%; line-height: 150%}
big, .big {font-size: 108%}
small, .small {font-size: 92.5%; line-height: 1.5em}
small, strike {color: #777}
code {font-size: 1.1em}
.bold {font-weight: bold}
abbr, acronym, span.help {cursor: help; border-bottom: 1px dotted #000}
.nobr {white-space: nowrap}
.hide {display: none}
.clear {clear: both;}
blockquote {margin: 20px 0; padding: 0 20px 0 50px; color: #333; background: url('/wordpress/wp-content/themes/k2/images/quote.png') no-repeat 10px 0; border: none}
hr {margin: 0px 1px;  border: 0; color: #888;  background-color: #888;  height: 2px}
.k2 hr {display: none}
  input.compact, button.compact {font-size: 100%; width:auto; overflow:visible; padding:1px 8px 0px 5px;  margin-top: -1px}
button.compact[type], input.compact[type] {padding:2px 8px 2px 5px;  line-height:17px;  }
*:first-child+html button.compact[type], *:first-child+html input.compact[type]{ padding:1px 8px 0px 5px;  }
    .flash.notice {background: #5e5; border: solid 1px #0c0 !important; color: #000}
.flash.warning {background: #fd6; padding-left: 2.5em; border: solid 2px #fc0 !important; color: #000}
.flash.error {background: #d44; border: solid 3px #f66 !important; color: white}
.flash.error a {font-weight: bold; color: #00F}
.flash {margin: 1em; padding: 0.7em 1.3em; font-size: 110%}
#flash .flash {font-size: 120%}
   #cart_status a {font-size: 11px; margin-left: 8px; padding-left: 20px; background: url(/images/silk/cart-full.gif?1000) 0% 50% no-repeat}
#cart_status a.empty-cart {background: url(/images/silk/cart-empty.gif?1000) 0% 50% no-repeat}
   .pullquote {margin: 10px; padding: 0px; background: #D7E0F3 url(/images/pullquote-bg.png) 10px 8px no-repeat; font-family: "Times New Roman", Times, serif; text-align: left}
.pullquote p {margin: 5px 20px; text-indent: 18px; font-style: italic; font-size: 1.3em}
.pullquote div {margin: 5px 20px; font-size: 1.15em}
.pullquote i,.pullquote em {}
   .biglink {color: #000000}
.biglink a, a.biglink {font-family: Helvetica, Arial, sans-serif; font-size: 1.2em; text-decoration: none; padding: 3px 10px 3px 32px; background: #F4F7FB url(/images/link-arrow.gif?1000) 10px 50% no-repeat; border: solid 1px #abe}
.biglink a:hover, a.biglink:hover {border: solid 1px #79c}
.backlink {font-family: Helvetica, Arial, sans-serif; color: #000000; font-size: 1.12em; padding-left: 16px; background: url(/images/link-backarrow.gif?1000) 2px 50% no-repeat}
.backlink a {display: block; text-decoration: none; padding: 3px 6px 3px 6px}
.backlink a:hover {padding: 2px 5px 2px 5px; background-color: #F0F4FA; border: solid 1px #9ad}
   table.formbox {border: 1px solid #cda }
table.formbox tr.header td {background-color: #efc; color: #365; font-weight: bold; font-size: 1.2em; padding: 0.4em 0.75em}
table.formbox td {padding: 0.75em; background-color: #FCFFF6; border: 1px solid #cda}
.fancybox {margin-bottom: 1em; padding: 0 12px 0 12px; background-color: #fff; border: solid 2px #ccc}
.fancybox hr {margin: 0 -2px; border: 0; height: 2px}
.fancybox h2 {font-size: 1.4em}
.fancybox h3 {font-size: 1.25em}
.fancybox h4 {font-size: 1.1em}
.fancybox h5 {font-size: 1em}
.fancybox h2, .fancybox h3, .fancybox h4, .fancybox h5 {padding: 0.4em 0.75em; margin: 0 -12px 12px -12px}
 .fancybox {background-color: #ffe; border: solid 2px #cda}
.fancybox hr {color: #cda;  background-color: #cda;  }
.fancybox h2, .fancybox h3, .fancybox h4 {border-bottom: solid 2px #cda; background-color: #efc}
.fancybox .toprule {border-top: solid 1px #cda}
div.song-search {background-color: #E7F0FF; border: 1px solid #cdf; text-align: right; padding: 0.25em}
   a.feed {color: #e82; font-size: 90%; text-decoration: none}
a.feed img {vertical-align: middle; margin-right:5px}
#primary #breadcrumbs {font-size: 95%; margin: -4px 0 0 -4px}
#primary #breadcrumbs a {color:#468; text-decoration:none}
#primary #breadcrumbs a:hover {color:#00c; text-decoration:underline}
#quote-rotator {margin: 0 auto}
#quote-rotator .quote {text-align: center; font: 16px/24px Georgia,Utopia,Palatino,'Palatino Linotype',serif; margin: 0 0 30px 0}
#quote-rotator .quote em.highlight {background: #fffad3; font-style: normal; padding: 3px}
#quote-rotator .quote cite {font-style: normal; color: #654}
#quote-rotator .quote cite em {font-weight: bold; font-style: normal}
#quote-rotator .quote a.more-quotes {font-size: 15px; line-height: 20px; padding: 3px 1px}
#quote-rotator .quote a.more-quotes:hover {background: #fffad3}
 b.btop, b.btop b, b.bbot, b.bbot b{ display: block;height: 10px;font-size: 1px; background-image:url(/images/rc.gif); background-repeat: no-repeat}
b.btop b{background-position: 100% -10px}
b.bbot{background-position: 0 -20px}
b.bbot b{background-position: 100% -30px}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
 body {color: #000; background: #fff; text-align: center}
#page-wrapper {background: #666 url(/images/layout/page-shadow.png) 50% 50% repeat-y}
#page {text-align: left; margin: 0 auto; height: auto; clear: both; width: 960px; background: white}
.content {border: solid 1px #aaa; border-top: 0; position: relative}
#primary-wrapper {padding: 15px 19px 19px 19px;  }
  #masthead {background: #753 url(/images/layout/masthead.jpg) top left repeat-x; border-bottom: 1px solid #444; z-index: 1; width: 100%; height: 140px; position: relative}
#masthead .the-toneway-project {clear: left; padding: 30px 0 0 42px; margin: 0; float: left}
#masthead .mm4e a, #masthead .the-toneway-project a { color: white; text-decoration: none}
ul.masthead-links {text-align: right; position: absolute; bottom: 0px; right: 0px; background: none; width: auto; height: auto; margin: 0; list-style-type: none}
ul.masthead-links li {margin: 10px}
ul.masthead-links li a {background:#222425 none repeat scroll 0%; border:1px solid #555; color:white; font: bold 12px/16px Arial,sans-serif; padding:0.4em 0.7em; text-decoration:none}
ul.masthead-links li a:hover {background: #eee url(/images/layout/navbar-hover.png) top left repeat-x; color: #333}
ul.masthead-links li a.active {background: #b9e1ea url(/images/layout/navbar-hl-aqua.png?1001) bottom left repeat-x; border: solid 1px #fff; color: black}
  .upper-nav-links {float: right; background: #ffe2af; border-bottom: solid 1px #dfb161; color: black; padding: 1px 1px 2px; font-size: 13px; line-height: 1.5em; cursor: default}
.upper-nav-links a {padding: 3px 11px; text-decoration: none}
.upper-nav-links a:link {color: black}
.upper-nav-links a:visited {color: black}
.upper-nav-links a:hover {color: #df7800; border-bottom: solid 1px #fff4bf}
.upper-nav-links a:active {color: #df7800}
.upper-nav-links a.active, .upper-nav-links a.active:hover {font-weight: bold; font-size: 14px; line-height: 24px; border-bottom: solid 3px #efb34a}
  #navbar {background: #1e1e1e url(/images/layout/navbar-bg.jpg) top left repeat-x; z-index: 1; width: 100%; height: 40px;  overflow: auto; clear: both; position: relative;  }
#navbar div {width: 100%; height: 40px;  overflow: hidden}
#navbar ul {font-weight: normal; font-size: 18px; line-height: 24px; width: 1000px; height: 40px;  margin: 0; list-style-type: none; overflow: hidden}
#navbar li {display: block; float: left; border-right: solid 1px #333; height: 40px;  cursor: default}
#navbar li a, #navbar li span {display: block; padding: 7px 0 9px; text-decoration: none; color: #ddd; width: 137px; text-align: center}
#navbar li a:hover {background: #000 url(/images/layout/navbar-darkhover.png) top left repeat-x; color: #fff}
#navbar li a:active {outline: 0; color: #fff}
#navbar li a.active, #navbar li span.active {background: #b9e1ea url(/images/layout/navbar-hl-aqua.png?1001) top left repeat-x; color: #22484f; font: bold 20px/24px "Trebuchet MS", Arial, sans-serif}
#navbar li a.active:hover {color: #333; border-bottom: solid 2px #9bc6cf; padding-bottom: 7px}
#navbar li#navbar_home * {width: 105px}
#navbar li#navbar_learn * {width: 175px}
#navbar li#navbar_songs * {width: 110px}
#navbar li#navbar_jampool * {width: 205px}
#navbar li#navbar_products * {width: 105px}
#navbar li#navbar_articles * {width: 115px}
#navbar li#navbar_blog a, #navbar li#navbar_blog span {width: 140px}
#navbar li#navbar_blog img {vertical-align: top}
#navbar li#navbar_blog .and {font-family: Verdana; font-style: normal; font-weight: normal; font-size: 90%}
 #navbar li#navbar_home .active, #navbar li#navbar_about .active, #navbar li#navbar_articles .active {border-bottom: solid 1px #6b898f; padding-bottom: 8px}
  .empty-subnavbar {border: solid #aaa; border-width: 0 1px; border-color: #777 #aaa; height: 8px; background: white url(/images/layout/subnavbar-shadow.png?1002) top left repeat-x}
.subnavbar {border: solid #aaa; border-width: 0 1px; font-family: Arial, sans-serif; padding: 0 0 10px 0; height: 2.25em; background: #b9e1ea url(/images/layout/subnavbar-bg-aqua.png?1002) bottom left repeat-x}
.blog-sidebar .subnavbar {border: solid #aaa; border-width: 0 1px; font-family: Arial, sans-serif; padding: 0 0 4px 0; height: 2.25em; background: #b9e1ea url(/images/layout/subnavbar-bg-aqua-noshadow.png?1002) bottom left repeat-x}
.subnavbar h3 {margin: 0; padding: 8px; float: left; font-family: Arial, sans-serif; font-weight: bold; font-size: 20px; color: #63959F; cursor: default}
.subnavbar h3 a:link, .subnavbar h3 a:visited, .subnavbar h3 a:hover, .subnavbar h3 a:active {color: #63959F; text-decoration: none; cursor: pointer}
.subnavbar .navsection {color: #63959F; font-weight: bold; text-decoration: none; cursor: default; padding: 2px 0.5em 2px 16px}
#account-subnavbar {background: #f2e3bc url(/images/layout/subnavbar-bg-tan.png?1002) bottom left repeat-x}
#account-subnavbar h3 {color: #9f957b}
#account-subnavbar h3 a {color: #9f957b}
#jampool-subnavbar h3 {color: #9f957b; font-size: 16px}
#community-subnavbar h3 a, #resources-subnavbar h3 a {padding: 6px 20px 8px 6px}
#community-subnavbar h3 a:link, #resources-subnavbar h3 a:link {background: none}
#community-subnavbar h3 a:visited, #resources-subnavbar h3 a:visited {background: none}
#community-subnavbar h3 a:hover, #resources-subnavbar h3 a:hover {background: url(/images/clearbits/home.gif) 100% 50% no-repeat; color: #456f6f}
#community-subnavbar h3 a:active, #resources-subnavbar h3 a:active {background: url(/images/clearbits/home.gif) 100% 50% no-repeat; color: #456f6f}
.subnavbar ul {padding: .3em 1em 0 0; margin: 0; list-style-type: none; font-size: 1.1em; font-weight: normal; display: block}
.subnavbar li {display: block; float: left; padding: 0; height: 100%; white-space: nowrap}
.subnavbar li a, .subnavbar li span {display: block; padding: 2px 1em; text-decoration: none; color: black}
.subnavbar a:link {color: #000}
.subnavbar a:visited {color: #000}
.subnavbar a:hover {color: #07c; text-decoration: underline}
.subnavbar a:active {color: #09f; text-decoration: underline}
.subnavbar a.send-feedback {font-size: 14px; min-height: 16px; padding-left: 21px; background: transparent url(/images/silk/comment_add.png) 0px 50% no-repeat}
.subnavbar a.send-feedback:link {color: #039}
.subnavbar a.send-feedback:visited {color: #039}
.subnavbar a.send-feedback:hover {color: #27f; text-decoration: underline}
.subnavbar a.send-feedback:active {color: #27f; text-decoration: underline}
.subnavbar a.icon:link {padding: .5ex 1em 0}
.subnavbar a.icon:visited {padding: .5ex 1em 0}
.subnavbar a.icon:hover {padding: .3ex 1em 0}
.subnavbar a.icon:active {padding: .3ex 1em 0}
.subnavbar li .active {font-weight: bold}
.subnavbar li span.active {cursor: default; color: #444}
.subnavbar #breadcrumbs {padding: 7px 5px 0; font-size: 16px; color:#555; cursor: default}
.subnavbar #breadcrumbs span {color:#63959F; padding: 0 3px}
.subnavbar #breadcrumbs a:link {color: #000; border-bottom: dotted 1px #68a; text-decoration: none}
.subnavbar #breadcrumbs a:visited {color: #000; border-bottom: dotted 1px #68a; text-decoration: none}
.subnavbar #breadcrumbs a:hover {color: #27f; border-bottom: 0; text-decoration: underline}
.subnavbar #breadcrumbs a:active {color: #27f; border-bottom: 0; text-decoration: underline}
 .subsubnavbar {border: solid #aaa; border-width: 0 1px; padding: 0 5px}
.page-notice {border: dotted 2px #ed9; background: #ffc; padding: 8px; text-align: center}
 #footer-wrapper {background: #666 url(/images/layout/page-shadow-bottom.png) no-repeat 50% 0%; padding: 20px 0 10px 0; text-align: center}
#footer {margin: 0 auto; text-align: left; width: 960px; color: #ccc}
#footer .goal strong, #footer h4 {color: #eee; font-size: 16px; margin: 8px 0}
#footer h4 {border-bottom: solid 1px #999; font-family: inherit; display: inline}
#footer p {margin: 8px 0; line-height: 1.4}
#footer .boilerplate {clear: both; margin: 20px 0 0; color: #aaa; padding: 0 10px; border-top: solid 1px #888}
#footer .boilerplate p {padding: 10px}
#footer .boilerplate p.copyright {float: left; text-align: left}
#footer .boilerplate p.links {float: right; text-align: right}
#footer .boilerplate a:link {text-decoration: none; color: #abd}
#footer .boilerplate a:visited {text-decoration: none; color: #abd}
#footer a:link {text-decoration: none; color: #acf}
#footer a:visited {text-decoration: none; color: #acf}
#footer a:hover {color: #fec}
#footer a:active {color: #fec}
#footer a.more-about-us {text-decoration: none; font-weight: bold}
#footer a.more-about-us:hover {text-decoration: underline}
#footer a.social-feeds, #footer a.contact-email {display: block; padding-left: 48px; background: transparent url(/images/footer-social-icons.png) no-repeat; height: 38px; line-height: 38px; margin: 3px 0; font-size: 14px}
#footer a.social-feeds, #footer a.contact-email {color: #acf; text-decoration: none}
#footer a.social-feeds:hover, #footer a.contact-email:hover {color: #fec; font-weight: bold}
#footer a.social-feeds.twitter {background-position: 0 -64px}
#footer a.social-feeds.twitter:hover {background-position: 0 -192px}
#footer a.social-feeds.facebook {background-position: 0 0px}
#footer a.social-feeds.facebook:hover {background-position: 0 -128px}
#footer a.contact-email {background-position: 0 -256px}
#footer a.contact-email:hover {background-position: 0 -320px}
#footer .goal {text-align: center; font-size: 16px; padding: 15px 0; border-bottom: solid 1px #888; color: #ddd}
#footer .col {width: 280px; text-align: left; float: left; padding: 20px}
#footer .col1 {width: 290px; padding-right: 10px}
#footer .center-quote {padding: 80px 25px 0; text-align: center; font-size: 17px; color: #999}
#footer .address {margin-top: 24px; padding-top: 8px; width: 240px; border-top: solid 1px #888}
#footer form.newsletter-signup {margin-top: 8px; border-top: solid 1px #888}
#footer input.newsletter-email {width: 170px; color: #444; background: #ddd; border: solid 1px #333; font-size: 14px; padding: 3px 0 2px 2px; height: 18px}
#footer input.newsletter-email:hover, #footer input.newsletter-email:focus {background: #fff; color: #000}
    form .field {margin-top: 4px}
form .field label {display: block; margin: 0; font-weight: bold}
form input {font-family: inherit; font-size: 16px; width:auto; overflow:visible}
.signup-form {width: 30em; margin: 8px 0 0 12px}
.signup-form fieldset {border-top: solid 1px #ccc; padding: 4px 8px 0px 12px}
.signup-form .field {clear: left; padding-top: 4px}
.signup-form .field label {width: 90px; display: block; margin: 0; font-weight: bold}
.signup-form .opt-in label {display: inline; margin: 0; font-weight: normal; font-size: 13px}
.signup-form .first-name, .signup-form .last-name {float: left; clear: none; padding-right: 8px}
.signup-form #password {font-size: 16px; float: left; width: 120px}
.signup-form .field .forgot-password {display: block; float: left; padding: 3px 6px}
.signup-form .buttons {border-top: solid 1px #ccc; padding: 12px; background: #f4f4f4; text-align: center}
.signup-form {border: solid 1px #eee; border-color: #ddd #eee; border-top: 0; background: #fcfcfc}
form.friendly p {margin: 0.75em 0}
form.friendly label {font-weight: bold}
form.friendly label span {font-weight: normal}
form.friendly input {margin: 2px 0; padding: 2px 5px; font-size: 1.2em; vertical-align: middle}
form.friendly select {font-size: 1.2em}
form.friendly input.textbox {border: solid 1px gray; padding: 3px 6px; font: 1.25em Arial, Helvetica, sans-serif; color: black}
form.friendly .form-tip {font-size: 90%; color: #666}
form.friendly .button {font-size: 1.15em; padding: .2em .6em; font-weight: bold}
form.friendly .big {font-size: 1.25em}
input.wide5 {width: 5em}
input.wide8 {width: 8em}
input.wide10 {width: 10em}
input.wide12 {width: 12em}
input.wide14 {width: 14em}
.form-errors strong {color: #d00; font-size: 115%}
.form-errors {background-color: #fff3ec; border: solid 2px #fdb; margin-right: 2em; padding: 15px 20px}
 input.invalid, textarea.invalid {border: solid 2px #f66 !important}
input.invalid {background-color: #fff5f5}
label.invalid {color: #c00}
.valid {background-color: #bfb}
.long-form {border: solid 1px #eee; border-color: #ddd #eee; border-top: 0; background: #fcfcfc}
.long-form td {vertical-align: top; border-top: solid 1px #ccc; padding: 12px}
.long-form td.label {vertical-align: top; border-top: solid 1px #ccc; padding-top: 15px}
.long-form tr.shaded td {background: #f7f7f7}
.long-form .required, .long-form .optional {font-size: 90%; color: #666; font-weight: bold}
.long-form .form-tip {line-height: 130%}
.long-form table.option-field td {border: none; padding: 0px 4px; vertical-align: middle}
.long-form table.option-field .option-caption {font-size: 90%; color: #666; line-height: 140%; padding: 0 0 4px 4px}
.long-form table.option-field label {font-size: 100%; font-weight: normal; line-height: 140%; padding: 0 0 4px 0; color: black}
 .buttons a.button, .buttons button {display:inline-block; margin:0 7px 0 0; background-color: #3b5998; border:1px solid rgb(217, 223, 234); border-bottom:1px solid rgb(14, 31, 91); border-right:1px solid rgb(14, 31, 91); font-size: 14px; line-height: 130%; text-decoration:none; color:#fff; cursor:pointer; padding:3px 10px 4px 7px;  }
.buttons button{ width:auto; overflow:visible; padding:2px 10px 1px 7px;  }
.buttons button[type]{ padding:3px 10px 3px 7px;  line-height:17px;  }
*:first-child+html button[type]{ padding:2px 10px 1px 7px;  }
.buttons button img, .buttons a.button img{ margin:0 5px -3px 0 !important; padding:0; border:none; width:16px; height:16px}
.buttons button img.right, .buttons a.button img.right{ margin:0 0 -3px 3px !important}
.buttons button:hover, .buttons a.button:hover{ background-color:#5a82cf}
.buttons button:active, .buttons a.button:active {background-color:#27477f; border:1px solid rgb(217, 223, 234); border-top:1px solid rgb(14, 31, 91); border-left:1px solid rgb(14, 31, 91)}
.buttons a.button[disabled], .buttons button[disabled] {background-color: #666; border:1px solid #aaa; border-bottom:1px solid #333; border-right:1px solid #333; cursor:default}
.buttons a.button.gray, .buttons button.gray {background-color: #777; border:1px solid #ddd; border-bottom:1px solid #222; border-right:1px solid #222}
@media print {body {font-size: 10pt}
h1, h2, h3, h4, h5, h6, .h {color: black}
.headercolor {color: black}
a:link {color: #000099}
a:visited {color: #000099}
a.headercolor:link {color: #000000}
a.headercolor:visited {color: #000000}
hr {margin: 0px;  border: 0; color: black;  background-color: black;  height: 2px}
.hide, .noprint {display: none}
.footerlink {display: none}
#navbar, .upper-nav-links, .subnavbar {display: none}
#sidebar, .secondary {display: none}
table.formbox {border: 1px solid black }
table.formbox tr.header td {background-color: white; color: black; font-weight: bold; font-size: 1.2em; padding: 0.4em 0.75em }
table.formbox td {padding: 0.75em; background-color: white; border: 1px solid black }
div.fancybox {background: white; border: 2px solid #000; margin-bottom: 1em}
div.fancybox div {padding: 0.75em; border-top: 2px solid #000}
div.fancybox h2 {background: #fff; font-weight: bold; padding: 0.4em 0.75em; margin: 0}
div.fancybox h2 {font-size: 1.25em}
div.fancybox div div {padding: 0; border: 0}
}
#MB_overlay {position: absolute; margin: auto; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: #000!important}
#MB_overlay[id] {position: fixed}
#MB_window {position: absolute; top: 0; border: 0 solid; text-align: left; z-index: 10000}
#MB_window[id] {position: fixed!important}
#MB_frame {position: relative; background-color: #EFEFEF; height: 100%}
#MB_header {margin: 0; padding: 0}
#MB_content {padding: 6px .75em; overflow: auto}
#MB_caption {font: bold 100% "Lucida Grande", Arial, sans-serif; text-shadow: #FFF 0 1px 0; padding: .5em 2em .5em .75em; margin: 0; text-align: left}
#MB_close {display: block; position: absolute; right: 5px; top: 4px; padding: 2px 3px; font-weight: bold; text-decoration: none; font-size: 13px}
#MB_close:hover {background: transparent}
#MB_loading {padding: 1.5em; text-indent: -10000px; background: transparent url(/images/spinner.gif) 50% 0 no-repeat}
 #MB_frame {padding-bottom: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px}
#MB_window {background-color: #EFEFEF; color: #000; -webkit-box-shadow: 0 8px 64px #000; -moz-box-shadow: 0 0 64px #000; box-shadow: 0 0 64px #000; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px}
#MB_content {border-top: 1px solid #F9F9F9}
#MB_header {background-color: #DDD; border-bottom: 1px solid #CCC}
#MB_caption {color: #000 }
#MB_close {color: #777 }
#MB_close:hover {color: #000 }
 .MB_alert {margin: 10px 0; text-align: center}
body.sidebar-250 #primary-wrapper {margin-left: 277px; background: white url(/images/layout/subnavbar-shadow.png) 0px 0px repeat-x}
body.aqua-sidebar .content {background: #b9e1ea url(/images/layout/about-sidebar-bg.png) 0px 0px repeat-y; border-left: 0}
body.aqua-sidebar .page-sidebar {background: transparent url(/images/layout/about-sidebar-shadow.png) top left no-repeat}
body.sidebar-250 #primary {float: left; width: 640px}
body.blog-sidebar #primary-wrapper {background: white url(/images/layout/subnavbar-shadow.png?20091110) 0px 0px repeat-x; float: left; width: 623px}
body.blog-sidebar #primary {float: left; padding: 10px; width: 603px}
* html body.blog-sidebar #primary {float: none; position: static}
* html body.blog-sidebar .secondary {float: none;  position: static}
* html body.blog-sidebar .content {float: none; position: static}
body.blog-sidebar .content {background: white url(/images/layout/blog-sidebar-bg.png?20091110) top right repeat-y}
body.blog-sidebar .secondary {float: right; padding-left: 33px; padding-right: 19px; margin: 0; width: 245px; background: transparent url(/images/layout/blog-sidebar-shadow.png?20091110) top left no-repeat}
div.learn-sidebar {font-size: 13px; line-height: 21px; padding-top: 20px}
div.learn-sidebar p, div.learn-sidebar ul {margin: 10px 0; color: #444}
div.learn-sidebar h3 {margin-left: -9px; border-bottom: solid 1px #aaa; line-height: 21px}
div.learn-sidebar h4 {margin-left: -6px; border-bottom: solid 1px #ccc; font-size: 16px; line-height: 21px}
.page-sidebar {float: left; width: 277px}
.sidebar-contents {width: 240px; height: 100%}
.page-sidebar h3 {border: 0; font-family: Arial, sans-serif; font-size: 1.45em; margin: 12px 6px 1em 12px}
body.aqua-sidebar .page-sidebar h3 {color: #63959F}
.page-sidebar ul.nav {margin: 12px; margin-right: 0; padding: 0; list-style-type: none}
.page-sidebar ul.nav li.header {font-family: Arial, Helvetica, sans-serif; font-size: 1.25em; font-weight: bold; margin-bottom: 0.5em; margin-top: 1em}
body.aqua-sidebar .page-sidebar ul.nav li.header {color: #0f6c7f; border-bottom: solid 1px #74c0cf}
.page-sidebar ul.nav li {font-family: Arial, Helvetica, sans-serif; font-size: 1.0em; font-weight: bold; text-align: center; display: block}
.page-sidebar ul.nav li.divider-before {border-top: solid 1px #9bc6cf; margin-top: 1em}
.page-sidebar ul.nav li a, .page-sidebar ul.nav li span.active {display: block; border: solid 1px #fff; padding: 3px 6px; text-decoration: none; margin: 1em 0 0 0}
.page-sidebar ul.nav ul {margin: 0.75em 0.75em 0 1em}
.page-sidebar ul.nav ul li {margin: 0; padding: 0}
.page-sidebar ul.nav ul li a {text-align: left; font-size: 0.85em; font-weight: bold; padding-left: 1em}
body.aqua-sidebar .page-sidebar ul.nav li a:link {background: #d3ecf2; color: #000}
body.aqua-sidebar .page-sidebar ul.nav li a:visited {background: #d3ecf2; color: #444}
body.aqua-sidebar .page-sidebar ul.nav.no-visited li a:visited {color: #000}
body.aqua-sidebar .page-sidebar ul.nav li a:hover {background: #fff; color: #039}
body.aqua-sidebar .page-sidebar ul.nav li a:active {background: #fff; color: #039}
body.aqua-sidebar .page-sidebar ul.nav li .active, body.aqua-sidebar .page-sidebar ul.nav li .active:hover {color: #68c; border: solid 1px #d3ecf2; background: #CCEAF0 url(/images/silk/resultset_next.png) 98% 50% no-repeat; padding-left: 20px; padding-right: 20px; margin-right: -20px; text-decoration: none; cursor: default}
ul.registered-products {margin: 0; border: solid 1px #cda; height: 7em; overflow: auto}
ul.registered-products li {list-style-type: none; border: solid 1px gray; margin: 5px; padding: 5px; font-size: 90%}
ul.registered-products li img {float: left}
ul.resources li {list-style: none}
a.resource {font-weight: bold}
div.product-resources {margin-left: 25px}
div.product-resources h3 {margin-left: -25px}
div.product-resources h4 {margin-left: -10px}
 .song-list {border: 2px solid #cdf; padding: 2px; margin: 0 1em}
.song-list li {list-style-type: none; line-height: 1.25em; padding: 0; margin: 0}
.coresong {font-family: Arial, sans-serif; font-size: 13px; font-weight: bold; vertical-align: 1px; color: #000; font-variant: small-caps}
h2 .coresong {font-size: 16px; font-weight: bold; vertical-align: 3px; letter-spacing: 1px; margin-left: 10px; color: #444; cursor: help; border-bottom: dotted 1px #aaa}
.song-list li .coresong {margin-left: 5px; font-size: 11px}
.song-list li.header {background: #cdf; padding: 4px 12px; text-align: center; color: #59719f; margin-bottom: 6px}
.song-list li.header strong {font-weight: bold}
.song-list li.e {background: white}
.song-list li.o {background: #F5F8FE}
.song-list li a {padding: 4px 6px 4px 30px; border-top: solid 1px white; border-bottom: solid 1px #F5F8FE; line-height: 1.25em; margin: 0; background: url(/images/speaker-small-gray-icon.gif?1000) no-repeat 8px 0.5em; text-decoration: none; display: block}
.song-list li a.sc {background-image: url(/images/speaker-small-icon.gif?1000) !important}
.song-list li a:hover {background-color: #DFEAFF; text-decoration: none; color: #002B7F; font-weight: bold; padding: 4px 6px 4px 30px; border-top: solid 1px #BFD5FF; border-bottom: solid 1px #BFD5FF}
.song-index .song-sidebar-product {border-bottom: 1px solid #bbb; padding-bottom: 20px; margin-bottom: 20px}
.song-index .song-sidebar-product p {font-size: 13px; line-height: 22px}
.song-index .song-sidebar-product h4 {border: none; font-size: 1.4em; line-height: 1em; color: black; margin: 0; font-family: Helvetica, Arial, sans-serif}
.song-index .song-sidebar-product h4 a {text-decoration: none; color: black}
.song-index .song-sidebar-product h4 a:hover {color: #009}
a.dottedunderline:link {text-decoration: none; border-bottom: dashed 1px #03c}
a.dottedunderline:visited {text-decoration: none; border-bottom: dashed 1px #03a}
a.dottedunderline:hover {text-decoration: none; border-bottom: dashed 1px #09f}
a.dottedunderline:active {text-decoration: none; border-bottom: dashed 1px #09f}
.song .fancybox.products {background: white url(/images/song-options-box-bg.png) 50% 50% repeat-y; color: #444}
 h2.song-title {font: bold 185% Georgia, Times, serif; color: black; border: 0; margin: 15px 0 0 0}
#song {padding: 20px 0 30px 1em; float: left}
#song p {font: 1.3em Georgia, Times, serif; margin: 0 0 1em 0; line-height: 150%}
#song p.chorus {padding-left: 2em}
#song p.chorus strong.chorus {display: none}
#song p.refrain {margin-top: -0.75em}
#song p.extra {color: #666}
.save-mp3-info {font-size: 90%; color: #666}
.songclip-key {font-size: 140%}
.song-sidebar {width: 210px; float: right}
#songclip_player, #songclip_player object {margin: 0 0 12px 0}
div.song-options {background-color: #f0f7ff; border-color: #bdf; line-height: 24px; margin-bottom: 30px}
div.song-options * {line-height: 21px}
div.song-options h4 {background-color: #def; border-color: #bdf; color: #06b; font-size: 18px; text-align: center}
div.song-options h4 small {color: #048; font-size: 13px}
div.song-options hr {background-color: #bdf; border-color: #bdf; color: #bdf}
div.song-options a.to-products {color: #d20; white-space: nowrap}
.print-only {display: none}
body.song #primary-wrapper {padding: 0}
body.song div.song-page {padding: 15px 25px}
.below-song {background: #e0ecef; border-top: solid 1px #c3dadf; padding: 15px 25px; margin-top: 10px}
@media print {h1 {display: none}
#masthead {display: none}
img {display: none}
div.print-only {display: block}
span.print-only {display: inline}
div.song-options {display: none}
#footer {display: none}
#song {font-size: 14pt}
div.below-song {margin: 2em 3em 0}
}