body { font-family: "Helvetica Neue",Helvetica,Arial,Verdana,sans-serif; margin: 0px; color: #333333;}
h1 { font-size: 150%; margin:0; padding:0; padding-top: 4px; }
div.sub-h1 { padding: 10px 0px 3px 10px; }
h2 { font-size: 100%; margin:0; padding:0; }
div.sub-h2 { padding: 5px 0px 10px 12px; font-size: 99%; }
div.sub-h2 input { font-size: 80%; }
h3 { font-size: 100%; margin:0; padding:0; }
h4 { font-size: 100%; margin:0; padding:0; }
.h { font-weight: bold; color: black; }
img { border: 0px; }
a { color: #000099; }
a[href^="/artist/"] { color: #333333; text-decoration: none; }
a:hover { color: #993333; }
.login { font-size: 75%; }
.songEdit { width: 420px; text-align: center; }
.songEdit label { width: 60px; display: inline-block; padding: 3px 0px; text-align: left; }
.songEdit label.textarea { width: 368px; padding: 3px 0px; text-align: left; }
.songEdit input[type=text] { width: 300px; }
.songEdit textarea { width: 366px; height: 80px; }
.songEdit fieldset legend { font-weight: bold; text-transform: uppercase; letter-spacing: 2px; border: 1px solid #999999; padding: 0px 10px; }
.songEdit input[type=submit] { display: block; border: 1px solid #999999; margin: auto; }

#home-start { display: block; text-align: right; font-size: 200%; color: #006837; text-decoration: none; }
div.bar { float: left; width: 15em; }
div.item-detail { font-size: 80%; padding-left: 0px; padding-bottom: 4px; }
div.bar div.box .list-detail { font-size: 90%; padding-bottom: 4px; padding-left: 2em; margin: 0; }
div.bar div.box .list-detail span.list-item { display: block; }
div.top { border-bottom: 1px solid #666666; padding: 6px 10px; background: #990000; color: #cccccc; }
div.top a { color: white; font-weight: bold; text-decoration: none; }
div.ribbon { background: #eeeeee; border-bottom: 1px solid #666666; padding: 0px 10px; }
div.ribbon-membership { background: #eeeeee; border-bottom: 1px solid #666666; padding: 4px 10px; text-align: center; font-size: 75%; font-weight: bold; }
div.body { padding: 10px; }
div.ribbon select { font-family: verdana; width: 300px; }
.add { text-decoration: none; color: #009900; }
a.remove { color: #cc0000; text-decoration: none; }
div.ribbon td { padding: 4px 10px; }
div.main-with-bar { padding-left: 16em; }
table.adds td.title { padding-right: 4px; }
table.adds td.artist { padding-right: 4px; }
table.adds td.add-date { white-space: nowrap; text-align: right; }
div.playlistDescription { font-size: 75%; padding: 4px 4px 4px 15px; }
div.playlistItemDescription { font-size: 75%; padding: 4px 4px 4px 35px; }
a.play { background: url(/koaton/images/play.png) center right no-repeat; padding-right: 13px;	}
div.nav-links { float: right; padding-right: 10px; padding-top: 4px; }
div.user-status { float:right; font-size: 90%; padding-top: 5px;}
table.imports td { font-size: 70%; }
table.imports th { font-size: 70%; text-align: left; }
table.imports td.filename { font-size: 70%; color: #CCCCCC; }
table.imports td.filename a { color: #9999CC; }
table.imports td.filename a:visited { color: #CC99CC; }
table.imports td input { font-size: 100%; }
#importTableDescription { font-size: 75%; }
#importTableDescription div.fieldName { font-weight: bold; padding: 6px 0px 4px 0px; }
#importTableDescription div.fieldDescription { padding-left: 5px; }
table.importImages div.imageThingOptions { padding-left: 20px; padding-bottom: 5px; }
table.importImages span.imageThingOption { font-size: 70%; }
table.importImages select { width: 250px; }
span#editNotice { border: 1px solid #333300; padding: 3px 8px; color: #333300; background: #eeeecc; }
div#footer { padding-top: 30px; padding-bottom: 10px; font-size: small; color: #999999; text-align: center; }
div#footer a { padding: 0px 3px; }
div.performerInfo { padding-right: 15px; width: 425px; }
span.caption { font-size: 75%; }
div#successMessage { width: 100%; margin:.5em 0em; padding: 4px 8px; border: 1px solid #003300; color: #003300; background: #eeffee; font-weight: bold; }
div#warningMessage { padding-bottom: 1em; }
div#warningMessage div { padding: 4px 8px; border: 1px solid #999900; color: #333300; background: #ffff99; font-weight: bold; }
span.errorMessage { display: block; padding: 4px 8px; border: 1px solid #990000; color: #330000; background: #ff9999; font-weight: bold; margin-bottom: 1em; }
.songs div.releaseInfo { padding-left: 0px; font-size: 85%; font-style: italic; }
td.info div.releaseInfo { padding-right: 15px; width: 425px; }
div.releaseInfoDescription { padding: 8px 15px 10px 0px; font-size: 85%; width: 425px; text-align: justify; }
.songs div.releaseInfoDescription { padding: 8px 0px 10px 0px; width: 100%; }
.footnote { font-size: 80%; }
.releaseTag { background: #FFFFCC; border: 1px solid #999966; padding: 0px 3px; }
div#addSuccessMessage { position: absolute; }
span.free { color: #993366; }
div.faq .question { font-weight: bold; }
div.faq .answer { padding: 1em; text-align: justify; }
div.autocomplete { position: absolute; background-color: white; border: 1px solid #888; margin: 0px; padding: 0px; z-index: 5; }
div.autocomplete ul { list-style-type: none; margin: 0px; padding: 0px; }
div.autocomplete ul li.selected { background-color: #33b; color: white; }
div.autocomplete ul li { list-style-type: none; display: block; margin: 0; padding: 2px; cursor: pointer; font-size: 75%; }
div#memberPromo { padding: 5px; font-size: 75%; border: 1px solid darkgrey; background: #ffffee; }
a.xml { border: 1px solid; border-color: #FC9 #630 #330 #F96; padding: 0 3px; font: bold 10px verdana,sans-serif; color: #FFF; background: #F60; text-decoration: none; margin: 0; }