body {
    font-size: 12px;
    font-family: Georgia;
    letter-spacing: 1px;
    margin: 0;
    padding: 0;
    background: white;
    color: black;
    line-height: 13px;
    background-color: #ddd;
    background-image: url(/static/images/hrrbg.png);
    background-repeat: repeat-x;
    background-position: top left;
}
#site {
    margin: 0 auto 0 auto;
    padding: 0 0 100px 0;
    width: 990px;
    background: white;
    border-left: 1px solid #bbb;
    border-right: 1px solid #bbb;
    min-height: 500px;
}
form {
    clear: left;
}
.error {
    color: red;
    font-weight: bold;
}
input,
textarea {
    font-family: Courier;
    font-size: 12px;
    color: black;
    background-color: white;
}
input.disabled,
textarea.disabled {
    background-color: #ddd;
}
input.button {
    background: #22aa22 !important;
    color: white !important;
    padding: 3px 4px;
    border: 2px outset #22aa22;
    background-position: 5px center;
    background-repeat: no-repeat;
}
h1, h2, h3, h4 {
    font-size: 12px;
    margin: 0;
    padding: 0;
    display: inline;
}

h1 {
    display: block;
    padding: 0 0 0 15px;
    margin: 0 auto 0 auto;
    width: 950px;
}
h1 img {
    border: 0;
}
h2 {
    font-size: 14px;
    letter-spacing: 5px;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
    clear: left;
}
ul li {
    padding: 0;
    margin: 0;
    line-height: 16px;
}
ul li.current a {
    font-weight: bold;
    text-decoration: none;
    color: black;
}
pre {
    margin: 0;
    padding: 0;
}
.success {
    padding: 15px;
    background: #FFFFCC;
    border: 1px solid #cccc99;
    margin: 0 0 20px 0;
    font-style: italic;
}

.blog a.title {
    font-style: italic;
}
.blog div.title {
    font-weight: bold;
}
.blog .body {
    line-height: 14px;
}
.blog .blogitem {
    padding-bottom: 30px;
    border-bottom: 2px solid #999;
    margin-bottom: 30px;
}
.blogList li {

}
a.twitteraccount {
    text-decoration: none;
    color: black;
    font-weight: bold;
}
a:hover.twitteraccount  {
    color: green;
    text-decoration: underline;
}
table {
    border-spacing: 0;
}
table th {
    text-align: left;
    font-weight: normal;
    font-style: italic;
}
table td.column {
    padding: 10px;
    background-image: url(/static/images/fadev.png);
    background-repeat: repeat-x;
}
table td.left {
    background: white;
}
form table tbody tr td {
    padding: 0 10px 13px 0;
}
img.artist {
    border: 5px solid #ccc;
    padding: 5px;
}
a.home,
a:visited.home,
a:active.home {
    text-decoration: none;
    color: black;
}
a:visited,
a.active {
    color: blue;
}
a:hover {
    color: green !important;
}
#submenu {
    float: right;
    border-right:1px solid #ccc;
    border-top: 1px solid #ccc;
    margin: -28px -1px 0 0;
    padding: 3px 5px 7px 5px;
    -font-family: Tahoma;
    font-size: 10px;
    background: #eee;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -border-radius: 4px;
}
#submenu a {
    -color: white;
    padding: 3px 5px;
    background: #eee;
}
#menu {
    font-size: 13px;
    display: block;
    margin: 0;
    padding: 6px 0 6px 10px;
    background: #eee;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #fff;
}

#menu a.menuitem {
    padding: 3px 6px 5px 6px;
    margin: 0 0 0 5px;
    border-top: 2px solid transparent;
    border-bottom: 1px solid #fff;
}
#menu a:hover.menuitem {
    background-color: #ddd;
    border-top: 2px solid #c697b5;
    border-bottom: 2px solid #ddd;
}

#menu a.current,
#menu a:visited.current,
#menu a:active.current {
    color: black;
    text-decoration: none;
    font-style: italic;
    background-color: white !important;
    border-top: 2px solid #c63d95;
    border-bottom: 2px solid white !important;
}
a#basketLabel {
    padding-left: 26px !important;
    background-image: url(/static/images/icons/buy.gif);
    background-repeat: no-repeat;
    background-position: 7px 3px;
    background-color: #ddd;
}
a#basketLabel.basketEmpty {
    color: #333;
    background-color: transparent;
    text-decoration: none;
}
a#basketLabel.current {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding-bottom: 6px;
}
#basketContainer {
    display: inline;
    white-space: nowrap;
    position: relative;
}
#basket {
    left: 0px;
    position: absolute;
    background: white;
    padding: 10px;
    text-align: right;
    border: 1px solid #ccc;
    border-top: 0px;
    margin-top: 8px;
    left: 5px;
}
#basket .free,
#basket .free a {
    color: #888;
    text-decoration: none;
}
.hey {
    color: black;
    text-decoration: none !important;
}
#session {
    float: right;
}
#session .menuitem {
    margin-left: 0 !important;
    color: green;
}
#session.loggedin #login,
#session.loggedout #logout,
#session.loggedout #greeting {
    display: none;
}
#realname {
    font-style: italic;
}
#loginElements {
    float: right;
    z-index: 2;
}
#loginElements form {
    background: white;
}

#content {
    padding: 15px 15px 15px 15px;
}
.album img,
img.artwork {
    border: 5px solid #ccc;
    padding: 5px;
}
table.album {
    margin-bottom: 12px;
}
table.album img {
    -padding: 3px;
    -border: 2px solid #ccc;
}
.album a:hover img,
.verticalReleases a:hover img {
    border-color: green;
}
div.releasemedium {
    clear: left;
    padding: 10px 0 0 0;
    -border-left: 5px solid #ccc;
}
.buyButtons {
    line-height: 26px;
    padding-bottom: 15px;
}
ol.tracks {
    padding: 0 auto;
    margin: 0;
}
ol.tracks li {
    padding: 0;
    margin: 0;
}
ol.tracks li.playing a {
    color: red;
}
ol.tracks li.playing a:hover {
    color: green;
}
ol.tracks li.paused a {
    color: #888;
}
ol.tracks li .artist,
ol.tracks li .artistTrackDivider {
    display: none;
}
ol.tracks li.various .artist,
ol.tracks li.various .artistTrackDivider {
    display: inline;
}
ol.tracks li {
    line-height: 16px;
    padding-bottom: 3px;
}
a.track,
a:visited.track,
a:active.track {
    display: block;
    text-decoration: none;
    color: black;
}
a.track:hover {
    color: green;
    text-decoration: underline;
}

a.track .play {
    font-style: italic;
    color: blue;
    text-decoration: underline;
}
a.track .buyrecording {
    float: right;
    padding: 0 3px 0 3px;
    font-size: 11px;
    margin-right: -75px;
    border: 1px outset #999;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #eee;
    font-family: Arial;
    background-repeat: repeat-x;
    background-position: top left;
    background-image: url(/static/images/buyrecording_bg.png);
    color: black !important;
}
a:hover.track .buyrecording {
    text-decoration: none;
    border-color: #22aa22;
    color: black !important;
}
.is_inbasket a.track .buyrecording,
.is_inbasket a:hover.track .buyrecording {
    border-style: inset;
    border-color: #999;
    color: black !important;
}
ol.tracks .is_free a.track .buyrecording {
    background-repeat: no-repeat;
    background-position: center center;
    color: white !important;
    background-image: none !important;
    -background-image: url(/static/images/icons/dl_white.gif) !important;
    border-color: black;
    background-color: #22aa22;
}
ol.tracks .is_owned a.track .buyrecording {
    padding: 0 9px 0 9px !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(/static/images/icons/dl_white.gif) !important;
    border-color: black;
    background-color: #22aa22;
}
a.track:hover .play {
}
a.track .artist {
    display: none;
}
a.track .title {
    
}
ol.tracks li .playbackCounter {
    display: none;
}
ol.tracks li.playing .play {
    display: inline;
    color: red;
    border-color: red;
}
ol.tracks li.paused .play {
    color: blue;
}
ol.tracks li a:hover .play,
ol.tracks li.paused a:hover .play {
    color: green;
    border-color: green;
    background-color: white;
}

a.buy,
a.owned,
a.inbasket {
    float: left;
    display: block;
    margin: 0 5px 5px 0;
    padding: 0 4px 0 8px;
    border-width: 2px;
    border-style: outset;
    text-decoration: none;
    background-position: 5px center;
    background-repeat: no-repeat;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #eee;
    border-color: #999;
    color: #000;
}

.owned, .inbasket {
    display: none !important;
}
.is_owned .owned,
.is_inbasket .inbasket {
    display: block !important;
}
.is_owned .buy,
.is_inbasket .buy {
    display: none !important;
}
a.buy span {
    -background: #DD0000;
    -border-color: #DD0000;
    background-color: #eee;
    border-color: #999;
    color: #000;
    background-image: url(/static/images/icons/buy.gif);
}
a.inbasket {
    border-style: inset;
}
a.owned {
    border-style: solid;
}
a:hover.inbasket,
a:hover.buy {
    border-color: #22aa22;
    background-color: #22aa22;
}
a.owned {
    background-color: #ddd;
    border-color: green;
    color: green;
}
.buy span {
    padding-left: 21px !important;
    background-repeat: no-repeat;
    background-color: transparent !important;
    background-image: url(/static/images/icons/buy.gif) !important;
}
.buydl span {
    padding-left: 21px !important;
    background-repeat: no-repeat !important;
    background-color: transparent !important;
    background-image: url(/static/images/icons/dl.gif) !important;
}
input.buydl {
    padding-left: 21px !important;
    background-repeat: no-repeat !important;
    background-position: 5px center !important;
    background-image: url(/static/images/icons/dl_white.gif) !important;
}
.buycd span {
    padding-left: 21px !important;
    background-repeat: no-repeat;
    background-color: transparent !important;
    -background-image: url(/static/images/icons/cd.gif) !important;
}
.buyvinyl span {
    padding-left: 21px !important;
    background-repeat: no-repeat;
    background-color: transparent !important;
    background-image: url(/static/images/icons/vinyl.gif) !important;
}
.buydl, .buycd, .buyvinyl, .buy, .inbasket {
    background-repeat: repeat-x !important;
    background-position: top left !important;
    background-image: url(/static/images/buy_bg.png) !important;
}

.about {
    line-height: 14px;
}


#playTicker {
    float: right;
    background: transparent;
    padding: 5px 10px 5px 5px;
    font-size: 10px;
}
#playTicker.paused a {
    color: #ddd;
}
#playTicker a .play {
    font-style: italic;
    text-decoration: underline;
}
#playTicker.paused a .play {
    -color: blue;
}
#playTicker a {
    color: white;
    text-decoration: none;
}
#playTicker a:hover,
#playTicker a:hover .play {
    color: green;
    text-decoration: underline;
}

div.autocomplete {
  margin:0px;  
  padding:0px;  
  width:250px;
  background:#fff;
  border:1px solid #888;
  position:absolute;
}

div.autocomplete ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
}

div.autocomplete ul li.selected { 
  background-color:#ffb;
}

div.autocomplete ul li {
  margin:0;
  padding:2px;
  display:block;
  list-style-type:none;
  cursor:pointer;
}

.progress {
    margin-top: -13px;
    position: absolute;
}

a.rss {
    padding-left: 20px;
    line-height: 20px;
    background-image: url(/static/images/icons/badge_rss.png);
    background-position: center left;
    background-repeat: no-repeat;
}

ul.boxes li {
    float: left;
    display: block;
    width: 170px;
    height: 190px;
    margin: 10px 10px 0 0;
    padding: 10px 10px 0 0;
}
ul.boxes li a img,
ul.smallBoxes li a img {
    border: 5px solid #ccc;
    padding: 5px;
}
ul.boxes li a:hover img,
ul.smallBoxes li a:hover img {
    border-color: green;
}

ul.smallBoxes li {
    float: left;
    display: block;
    width: 120px;
    height: 130px;
    margin: 10px 10px 0 0;
    padding: 10px 10px 0 0;
}

ul.products li {
    float: left;
    display: block;
    width: 140px;
    height: 200px;
    margin: 0;
    padding: 0;
}
ul.products li a img {
    border: 5px solid white;
}
ul.products li a:hover img {
    border-color: green;
}
ul.offers li {
    display: block;
    padding: 0 0 8px 0;
    margin: 0 0 8px 0;
    border-bottom: 1px solid #ddd;
}
ul.offers img {
    border: 0;
}
ul.offers .buyButtons {
    margin-bottom: 10px;
}

/** ADMIN **/
table.editRecordingList td,
table.editRecordingList th {
    padding: 3px;
}
table.selectRecording td {
    border-bottom: 20px solid white !important;
}

.overlay {
    background: #eee;
    border: 2px groove #eee;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 30px;
}
.overlayContainer {
    position: absolute;
    z-index: 99;
    background: white;
    border: 1px solid #ddd;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px;
}

#mainBasket {
    font-size: 16px;
}
#mainBasket tr td {
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #bbb;
}
#mainBasket tr {
    background: #ddd;
}
#mainBasket tr.odd {
}
#mainBasket tr.submit,
#mainBasket tr.total {
    background: white;
}
#mainBasket tr.total {
    font-weight: bold;
}
#mainBasket tr.submit td {
    text-align: center;
}
#mainBasket tr.submit td,
#mainBasket tr.total td {
    border-bottom: 0;
}
#mainBasket tr.total td {
    border-top: 1px solid #777;
}
#mainBasket a {
    color: black;
    text-decoration: none;
}
#mainBasket tr.free {
    background: #eee;
}
#mainBasket tr.free a,
#mainBasket tr.free td {
    color: #555;
    border-bottom: 0;
}