html {
  background: #ffffff none repeat scroll 0 0 !important; }

.jc {
  background-color: white;
  color: black;
  margin-top: 0; }
  .jc a {
    color: blue; }
    .jc a:visited {
      color: blue; }
    .jc a:hover {
      text-decoration: none; }
  .jc hr {
    border: none;
    height: 2px;
    background-color: #2c2c2c; }
  .jc .application {
    background-color: white;
    color: #333333;
    padding: 0; }
    .jc .application a {
      color: blue; }
  .jc #control-template {
    display: none; }
  .jc .secondary {
    font-weight: normal; }
  .jc h1, .jc h2, .jc h3, .jc h4, .jc h5, .jc h6 {
    margin: 1em 0; }
    .jc h1 .secondary, .jc h2 .secondary, .jc h3 .secondary, .jc h4 .secondary, .jc h5 .secondary, .jc h6 .secondary {
      font-weight: normal; }
  .jc h2, .jc h3 {
    font-size: 250%;
    font-weight: normal;
    margin: 0.25em 0; }
    .jc h2 em, .jc h3 em {
      color: white; }
  .jc h2 {
    margin-top: 0; }
  .jc h3 {
    color: #5fb6bf; }
  .jc h4 {
    font-size: 121.1%;
    font-weight: bold; }
  .jc p {
    margin-bottom: 1em; }
  .jc .clear {
    clear: both; }
  .jc .clear_left {
    clear: left; }
  .jc .clear_right {
    clear: right; }


.jc button {
  cursor: pointer; }
.jc a.btn, .jc input.btn, .jc button.btn {
  cursor: pointer;
  text-align: center;
  display: block;
  text-decoration: none;
  background-color: #411d6d;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 1.25em;
  color: white;
  background-image: url(/images/lighten_gradient.png);
  background-repeat: repeat-x;
  background-position: 0 -30px;
  letter-spacing: 1px;
  border-width: 1px;
  border-style: solid;
  border-color: #33125f; }
  .jc a.btn:hover, .jc input.btn:hover, .jc button.btn:hover {
    background-image: none; }
    .jc a.btn:hover span, .jc input.btn:hover span, .jc button.btn:hover span {
      color: white; }
  .jc a.btn span, .jc input.btn span, .jc button.btn span {
    padding: 9px 8px 10px 8px;
    text-align: center;
    position: relative;
    left: 1px;
    top: 1px;
    display: block;
    text-decoration: none;
    color: white; }
.jc a.btn.maroon_btn {
  background-color: #7f0f2e;
  color: white;
  background-image: url(/images/lighten_gradient.png);
  background-position: 0 -30px;
  background-repeat: repeat-x;
  border: none;
  padding: 0.25em 1em; }
  .jc a.btn.maroon_btn span {
    color: white;
    letter-spacing: 1px; }
  .jc a.btn.maroon_btn:hover {
    background-image: none;
    text-decoration: underline; }
.jc button.btn {
  padding: 0 20px; }




.jc .errors {
  color: red;
  font-style: bold; }


.jc form label {
  margin-top: 5px;
  display: block;
  font-weight: bold;
  margin-bottom: 0.75em;
  margin-left: 20px; }
.jc form .textfield, .jc form textarea {
  display: block;
  border: 1px solid #848B92;
  width: 90%;
  padding: 0.75em;
  background-color: #F7FCFF;
  margin-left: 20px;
  margin-bottom: 30px; }
.jc form .dropdown {
  margin-left: 20px;
  margin-bottom: 30px; }
  .jc form .dropdown label {
    margin-left: 0; }
.jc form .submit {
  cursor: pointer; }

.item {
  margin-bottom: 1em; }
  .item p {
    margin-left: 20px; }
  .item h3 {
    background: url(/images/header_tint.gif) repeat-x top;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-top: 10px;
    margin-top: -1px;
    color: black;
    font-size: 161.6%; }

.original_text, .tune_choice {
  padding: 20px;
  background-color: #FCFDF7;
  border: 1px solid #C1CBD5;
  margin-right: 1em;
  margin-left: 20px;
  width: 87%; }
  .original_text p, .tune_choice p {
    line-height: 1em;
    padding: 0;
    margin: 0; }

.status {
  margin-top: 20px;
  padding: 10px 20px;
  background-color: lightyellow;
  border: 1px solid #C1CBD5;
  margin-bottom: 30px; }
  .status strong {
    font-weight: bold; }


.jc #hd {
  margin-bottom: 1em;
  border-top: 1px solid white; }
  .jc #hd #croon_my_tune_logo {
    float: left;
    margin-top: 10px;
    *margin-top: 0;
    margin-left: 30px;
    width: 263px; }
  .jc #hd #nav {
    margin-top: 40px;
    *padding-top: 40px;
    *margin-top: 20px;
    background: #fff url(/images/nav_back.gif) top repeat-x; }
    .jc #hd #nav ol {
      float: right;
      padding-top: 43px;
      *padding-top: 0;
      *margin-top: 2px; }
      .jc #hd #nav ol li {
        list-style: none;
        display: block;
        float: left;
        border-left: 4px solid black; }
        .jc #hd #nav ol li a {
          font-size: 1.1em;
          text-decoration: none;
          color: #fff;
          padding: 13px 30px;
          margin-top: 0;
          display: block; }
        .jc #hd #nav ol li a:hover {
          background-color: #71182f; }
.jc #ft {
  border-top: 3px solid #333;
  padding: 2em 0 4em 30px;
  margin-top: 1em;
  margin-bottom: 30px;
  background-color: #666;
  color: #999; }
  .jc #ft a {
    margin-left: 2em;
    text-decoration: none;
    color: #999; }
  .jc #ft a:hover {
    text-decoration: underline; }


.jc.welcome .more_details, .jc.welcome .get_started {
  margin-top: 0.5em;
  width: 80%; }
.jc.welcome h2 {
  color: white; }
.jc.welcome h2.subhead_dark {
  color: #71182f; }
.jc.welcome h4 {
  font-size: 146.5%;
  font-weight: normal;
  color: white; }
.jc.welcome h4.subhead_minor {
  color: #7ea5bf;
  margin-bottom: 5px; }
.jc.welcome ol.indented_list {
  margin-left: 20px; }
  .jc.welcome ol.indented_list li {
    padding-bottom: 10px; }
.jc.welcome em {
  font-weight: bold; }
.jc.welcome .call_to_action {
  padding-top: 0;
  background-color: white; }
  .jc.welcome .call_to_action .yui-u h2 {
    color: black;
    padding-top: 30px;
    padding-right: 60px; }
  .jc.welcome .call_to_action .yui-u h3 {
    color: #71182f;
    padding-right: 80px; }
  .jc.welcome .call_to_action .yui-u h4 {
    color: black;
    margin-right: 70px;
    line-height: 1.4em;
    padding-bottom: 0px; }
.jc.welcome .simple_button {
  color: #6493b2; }
.jc.welcome .information_callouts {
  color: white;
  margin-top: 1em;
  background-color: #6493b2;
  border-color: #6493b2; }
  .jc.welcome .information_callouts .yui-u {
    padding: 1em 0 0 0;
    border-left: 1px solid #fff; }
    .jc.welcome .information_callouts .yui-u p {
      margin-left: 15px;
      margin-right: 15px;
      font-size: 108%;
      font-weight: normal; }
  .jc.welcome .information_callouts .yui-u.last_col {
    background-color: #000; }
    .jc.welcome .information_callouts .yui-u.last_col em {
      color: #c02cad; }
  .jc.welcome .information_callouts .yui-g.first .yui-u.first {
    border: 0; }
  .jc.welcome .information_callouts .steps {
    height: 2em;
    padding: 10px;
    border-right: 1px solid #ffffff;
    background-color: #5fb6bf; }
    .jc.welcome .information_callouts .steps h5, .jc.welcome .information_callouts .steps ol {
      margin-top: 0.15em; }
    .jc.welcome .information_callouts .steps h5 {
      font-size: 150%;
      float: left;
      margin-bottom: 0; }
    .jc.welcome .information_callouts .steps ol {
      margin-left: 1em;
      float: left;
      display: block;
      list-style-type: decimal;
      list-style-position: inside; }
      .jc.welcome .information_callouts .steps ol li {
        list-style-type: decimal;
        float: left;
        margin-right: 1.5em;
        margin-left: 2em;
        margin-top: 0.4em; }
  .jc.welcome .information_callouts .price {
    color: white;
    background-color: #4f6f7f;
    font-weight: normal; }
    .jc.welcome .information_callouts .price .croon_price_callout {
      font-size: 150%; }
.jc.welcome .multicolumn {
  border-top: 1px solid;
  border-color: #5fb6bf;
  margin-top: 10px;
  padding: 20px 0; }
  .jc.welcome .multicolumn h2 {
    font-size: 182%;
    color: black;
    padding-bottom: 0; }
  .jc.welcome .multicolumn .subhead {
    font-style: all caps;
    font-size: 95%;
    font-weight: bold;
    color: #999999;
    padding-bottom: 18px; }
  .jc.welcome .multicolumn p {
    line-height: 1.4em;
    margin-right: 10px;
    margin-top: 0;
    padding-top: 0; }
.jc.welcome .example_container p {
  padding-bottom: 10px;
  padding-top: 0px; }
.jc.welcome .example_container h4 {
  padding-bottom: 0px;
  padding-top: 10px;
  line-height: 0.8em; }
.jc.welcome .double_links {
  list-style: none;
  float: left;
  width: 430px; }
  .jc.welcome .double_links li {
    float: left;
    margin-right: 20px; }


.jc .instructions {
  margin: 0; }
  .jc .instructions h5 {
    font-weight: normal; }
  .jc .instructions ol {
    background-color: #c2cbd5;
    font-size: 161.6%;
    line-height: 0.8em;
    padding-left: 5px;
    margin-bottom: 20px; }
    .jc .instructions ol li {
      padding-bottom: 30px;
      padding-left: 40px;
      padding-top: 20px; }
      .jc .instructions ol li.current {
        background: url(/images/active_instructions.png) no-repeat left; }
  .jc .instructions .extra_tip {
    padding: 0.5em 1em;
    color: white;
    background-color: #5fb6bf; }
    .jc .instructions .extra_tip h5 {
      margin-top: 0.5em;
      font-weight: bold; }


.jc .marketing_style {
  margin-top: 1em;
  padding: 0 1em; }
.jc .marketing_sidebar {
  margin-top: 1em;
  padding: 10px 20px;
  background-color: lightyellow; }
  .jc .marketing_sidebar strong {
    font-weight: bold;
    color: #92BDCD; }


.instructions {
  margin-top: 20px;
  padding-top: 20px; }

.form_style {
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #E7F2FD;
  border: 1px solid #C1CBD5;
  padding: 0 0 20px 0; }
  .form_style .submit {
    float: right;
    margin-right: 1.5em; }


.jc .page_marketing {
  margin-top: 0;
  padding: 3em 2em;
  background: url(/images/illustration4.gif) top left no-repeat;
  color: white; }


.jc.promotional_codes table th, .jc.promotional_codes table td {
  padding: 0.25em;
  border: 1px solid lightgrey; }


.jc.songs_index a {
  color: blue; }
.jc.songs_index th, .jc.songs_index td {
  padding: 0.5em; }


.jc.songs_show .status {
  margin-top: 20px;
  padding: 10px 20px;
  background-color: lightyellow;
  border: 1px solid #C1CBD5;
  margin-bottom: 30px; }
  .jc.songs_show .status strong {
    font-weight: bold; }
.jc.songs_show a.accept_link {
  font-weight: bold;
  font-size: 121.3%; }
.jc.songs_show .facebook_share {
  margin-bottom: 1em; }
.jc.songs_show .edit_song_link {
  margin-left: 20px;
  margin-bottom: 30px; }
  .jc.songs_show .edit_song_link a {
    color: #92BDCD;
    text-decoration: none; }
  .jc.songs_show .edit_song_link a:hover {
    color: #92BDCD;
    text-decoration: underline; }
.jc.songs_show ul.playlist {
  margin-left: 1em;
  margin-bottom: 2em; }

.original_text, .tune_choice {
  padding: 20px;
  background-color: #FCFDF7;
  border: 1px solid #C1CBD5;
  margin-right: 1em;
  margin-left: 20px;
  width: 87%; }
  .original_text p, .tune_choice p {
    line-height: 1em;
    padding: 0;
    margin: 0; }

.status_form {
  margin-top: 0;
  padding: 10px 20px;
  background-color: lightyellow; }
  .status_form strong {
    font-weight: bold;
    color: #92BDCD; }


.tour_1 {
  background: url(/images/tour_1.jpg) no-repeat top left;
  min-height: 650px; }

.tour_call_1 {
  width: 160px;
  position: relative;
  top: 36px;
  left: 0px; }
  .tour_call_1 h2.tourhead {
    color: #7ea5bf;
    font-size: 146.5%;
    padding-bottom: 10px; }
  .tour_call_1 strong {
    color: #7ea5bf;
    font-weight: bold; }
  .tour_call_1 p {
    padding-bottom: 15px;
    padding-top: 0; }
  .tour_call_1 span.sub {
    font-weight: bold;
    color: #333; }


.top_border {
  border-top: 1px dotted #999; }

.tour_2 {
  background: url(/images/tour_2.jpg) no-repeat top left;
  min-height: 422px; }

.tour_3 {
  background: url(/images/tour_3.jpg) no-repeat top left;
  min-height: 527px; }


.jc.welcome_examples h5 {
  font-size: 123.1%; }