/*---- STYLES APPLIED TO ALL HTML ----*/

@import 'common.css';

/*---- STYLES APPLIED TO DOWNLOADS.HTML ----*/

div.titlePic {
  background: transparent url(../images/downloads_sm.png) no-repeat center;
  top: 4em;
  width: 70%;
  margin: 0 15%;
  ;
}

div#intro {
  margin-top: 5em;
  ;
}
  div#intro p {
    font-size: 1.1em;
    text-align: justify;
    width: 70%;
    margin: 0 15% 1em;
    ;
  }
    div#intro p#last {
      margin-bottom: 0;
      ;
    }

/*---- COLUMNS ----*/

div.column#center {
  top: 0;
  width: 80%;
  margin: 0 10%;
  padding-top: 2em;
  ;
}
  div.column#center #placeHolder {
    font-size: 130%;
    font-weight: bold;
    text-align: center;
    color: red;
    width: 100%;
    margin: 0 0;
    ;
  }
    div.column#center #placeHolder p {
      margin: 0 0;
      ;
    }

/*---- STYLES APPLIED TO MCFTABLE ----*/

div.column#center table {
  background: #fbce59;
  table-layout: fixed;
  width: 100%;
  margin: 0 0;
  border-collapse: collapse;
  border-bottom: 1px solid #6699cc;
  border-left: 1px solid #6699cc;
  border-right: 1px solid #6699cc;
  ;
}

  caption#tCaption {
    background: transparent url('../images/mastHead_bg.png') repeat-y 0 0;
    width: 100%;
    height: 3em;
    font-size: large;
    font-weight: bold;
    margin-left: -1px;
    padding: 4px 0 0;
    border-top: 1px solid #6699cc;
    border-right: 1px solid #6699cc;
    border-left: 1px solid #6699cc;
    ;
  }
    table caption.noJS {
      color: #000;
      padding-top: 10px;
      ;
    }

  #prevPage, #nextPage {
    color: #000;
    font-size: small;
    font-weight: normal;
    cursor: pointer;
    ;
  }
  #prevPage {
    margin-right: 12px;
    ;
  }
  #nextPage {
    margin: -1.2em 0 0 12px;
    ;
  }
    #prevPage.firstPage, #nextPage.lastPage {
      color: #c0c0c0; /* Silver */
      ;
    }

  ul#category {
    float: left;
    margin: 6px 0 0 12px;
    padding: 0;
    ;
  }
    ul#category li {
      background: transparent;
      color: #c0c0c0; /* Silver */
      cursor: pointer;
      display: inline;
      font-size: 70%;
      list-style: none;
      margin: 0;
      padding: 0 12px 0 0;
      ;
    }
    ul#category li.current,
    ul#category li.current:hover {
      color: #000;
      ;
    }
    ul#category li:hover,
    ul#category li.selected:hover {
      font-size: 76%;
      color: #843280; /* Purple */
    }

  table th.rightAlign, table td.rightAlign {
     text-align: right;
     padding-right: 3px;
    ;
  }

  table th.leftAlign, table td.leftAlign {
     text-align: left;
     padding-left: 2px;
    ;
  }

  table th {
    background: #86b1ba;
    font-size: 92%;
    color: #000;
    height: 2em;
    ;
  }
  th.composer {
    width: 22%;
    ;
  }
  th.title {
    width: 48.5%;
    ;
  }
    th.title.s6 {
      width: 48.2%;
      ;
    }
    th.title.s5 {
      width: 47.2%;
      ;
    }
    th.title.s4 {
      width: 46.5%;
      ;
    }
    th.title.s3 {
      width: 45.7%;
      ;
    }
    th.title.s2 {
      width: 44.9%;
      ;
    }
    th.title.s1 {
      width: 44%;
      ;
    }
    th.title.s0 {
      width: 40.5%;
      ;
    }
  th.opus {
    width: 9%;
    ;
  }
  th.pages {
    width: 5%;
    ;
  }
  th.price {
    width: 5%;
    ;
  }
  th.cart.leftAlign {
    width: auto;
    padding-left: 12px;
    ;
  }

  table#MCFtable td {
    color: #222;
    font-size: 80%;
    height: 2em;
    padding: 0;
    border-top: 0;
    border-left: 0;
    ;
  }

  table#MCFtable tr {
    background: #fff5f6;
    ;
  }
    table#MCFtable tr.striped {
      background: #fff5c6;
      ;
    }

    table#MCFtable td input.addToCart, table#MCFtable td input.buyNow {
      background: #81b1ba; /* Teal */
      cursor: pointer;
      font: inherit;
      font-size: 92%;
      height: 18px;
      margin: 1pt 3px 2px 12px;
      ;
    }

/*  table#MCFtable td input.addToCart:hover, table#MCFtable td input.buyNow:hover {
        background-color: #843280; /* Purple */
        /*color: #fff;*/
        /*;*/
      /*}*/

  table#MCFtable #tFoot {
    width: 100%;
    height: 2.75em;
    ;
  }
    table#MCFtable #tFootRow {
      background: #fbce59;
      height: 2.75em;
      ;
    }
    /* Style if there's a checkout button */
    table#MCFtable p.yesCkOut {
      font-size: 1.2em;
      font-weight: bold;
      width: 50%;
      margin: 16px 0 0 3px;
      white-space: nowrap;
      ;
    }

    /* Style if there's no checkout button */
    table#MCFtable p.noCkOut {
      font-size: 1.2em;
      font-weight: bold;
      width: 50%;
      margin: 0px 0 0 3px;
      white-space: nowrap;
      ;
    }
      table#MCFtable td input.yesCkOut {
        float: right;
        background: #81b1ba; /* Teal */
        cursor: pointer;
        font: inherit;
        font-size: 1.3em;
        margin: -20px 3px 10px 0;
        ;
      }
      table#MCFtable td button.yesCkOut:hover {
        background-color: #843280; /* Purple */
        color: #fff;
        ;
      }

/*---- END STYLES APPLIED TO MCFTABLE ----*/

div.footer {
  margin-top: 3em;
  ;
}

div.noJSfooter {
  margin: 16% 15% 0;
  ;
}

/*---- STYLES APPLIED TO LOGIN POPUP ----*/

div.login {
  z-index: 1;
  ;
}
div.login div.login_header {
  /*border: 1px solid black;
  border-bottom: none;*/
  width: 338px;
  height: 22px;
  line-height: 19px;
  vertical-align: middle;
  /*background: url(../images/login/header-sh.png) no-repeat;*/
  text-decoration: none;
  font-weight: 900;
  font-size: 13px;
  color: #fff;
  cursor: default;
  position: absolute;
  z-index: 1;
  ;
}
  div.login div.login_header #header_text {
    margin: 0 0 0 4px;
    ;
  }
div.login div.popup_body {
  background: url(../images/login/form-sh.png) no-repeat left top !important;
  position: absolute;
  width: 352px;
  height: 306px;
  /*border: 1px groove black;*/
  ;
}
div.login img.login_exit {
  position: absolute;
  float: right;
  margin: 3px 8px 0 314px;
  cursor: pointer;
  ;
}
div.login table {
  width: 100%;
  border-collapse: collapse;
  ;
}
div.login th {
  background: transparent;
  width: 1%;
  padding: 0px 5px 1px 20px;
  text-align: right;
  font-weight: 900;
  font-size: 13px;
  color: #004060;
  ;
}
div.login td {
  width: 99%;
  padding: 0px 0px 1px 0px;
  ;
}
div.login form {
  margin: 0;
  padding: 8px 0;
  ;
}
div.login tr {
  float: left;
  margin: 10px 0 0 0;
  ;
}
  div.login tr.username {
    margin: 0 0 0 16px;
    ;
  }
  div.login tr.password {
    margin: 0 0 0 20px;
    ;
  }

div.login input.field {
  width: 75%;
  border: 1px solid #808080;
  font-size: 12px;
  ;
}
div.login input.button {
  margin: 2px 0 0;
  border: 1px solid #808080;
  background-color: #86b1ba;
  font-size: 11px;
  ;
}
div.login input.continue {
  margin: 0 0 0 100px;
  ;
}
div.login input.register {
  margin: 0 0 0 10px;
  ;
}
p.popup-copy {
  margin: 0px 12px 0 30px;
  padding: 50px 0 0 0;
  ;
}

/*---- END STYLES APPLIED TO LOGIN POPUP ----*/

  width: 75%;
  border: 1px solid #808080;
  font-size: 12px;
  ;
}
/*
div.login input.button {
  margin: 2px 0 0;
  border: 1px solid #808080;
  background-color: #86b1ba;
  font-size: 11px;
  ;
}
*/

div.login input.continue {
  margin: 0 0 0 100px;
  ;
}
div.login input.register {
  margin: 0 0 0 16px;
  ;
}
p.popup-copy {
  margin: 0px 12px 0 30px;
  padding: 50px 0 0 0;
  ;
}

/*---- END STYLES APPLIED TO LOGIN POPUP ----*/

div.footer {
  margin-top: 3em;
  ;
}

div#footer.noJS {
  clear: both;
  height: 3em;
  padding-top: 40px;
  ;
}