/* Main */
html, body { background-color: #eee; color: #5973AB; font-family: verdana, bitstream vera sans, arial, helvetica, sans-serif; }
body { font-size: 76%; }
.skiplinks { position: absolute; overflow: hidden; width: 0; height: 0; }
hr { display: none; }
img { border: 0; }

/* Links */
a:link { color: #6486E1; }
a:visited { color: #8CAEE6; }
a:hover {  color: #FF6598; }
a:active {  color: #fff; }

/* Header */
#header { border-bottom: 1px solid #fff; }
h1 { margin: 0; font: 2.5em arial, sans-serif; letter-spacing: -2px; }
h1 a:link { color: #8CAEE6; text-decoration: none; }
h1 a:visited { color: #8CAEE6; text-decoration: none; }
h1 a:hover { color: #FF6598; text-decoration: none; }
h1 a:active { color: #fff; text-decoration: none; }
h1 sup small { font-weight: normal; font-size: 0.4em; letter-spacing: 0px; }
h1 sup small a:hover { color: #8CAEE6; }
h2 { margin: 4px 0; font: 2em serif; font-style: italic; font-weight: normal; }
h3 { margin: 2px 0; font-size: 0.9em; }

/* Content */
#content { margin: 20px 0; line-height: 1.4; font-size: 0.9em; }
#content .text { max-width: 400px; }
dt { font-weight: bold; margin: 14px 0 0 0; }
dt a { text-decoration: none; color: #5973AB !important; }
dt a:hover { color: #FF6598 !important; }
dd { margin: 0 0 3px 0; }
ul { margin-top: 0; margin-bottom: 0; list-style-type: square; }
div.error { background-color: #FCFCE8; border: 1px solid #D4D4D4; border-width: 1px 0; padding: 8px; }
.error { color: #c00; }
.songartist { margin: -5px 0 30px 0; font-size: 1.1em; }
.songcontent { line-height: 1.6; }

/* Tables */
table.data { border: 1px solid #7F9DB9; background-color: #F5F5F5; }
table.data caption { font-size: 1.2em; text-align: left; background-color: #8CAEE6; color: #F5F5F5; border: 1px solid #7F9DB9; border-bottom-width: 0; padding: 3px 10px 2px 10px; }
table.data caption a { color: #fff; }
table.data caption a:hover {  color: #FF6598; }
table.data caption small { font-weight: normal; }
table.data caption small a { font-weight: bold; text-decoration: none; }
table.data caption small a:hover { color: #fff; text-decoration: underline; }
table.data tr:hover td { background-color: #E5E9F1; }
table.data th { font-size: 0.8em; letter-spacing: 1px; padding: 2px 5px 1px 5px; text-transform: uppercase; }
table.data th.artist { width: 19em; text-align: left; padding-left: 10px; }
table.data td { background-color: #E1E6EF; padding: 3px 10px 1px 10px; text-align: center; }
table.data td.artist { text-align: left; }
table.data td.artist a { font-weight: bold; text-decoration: none; }



/* Forms */
form table th { text-align: right; vertical-align: top; padding: 2px 5px 0 0; width: 7em; }
form table td { padding-bottom: 2px; }
form input { vertical-align: middle; }
form table td input[type=checkbox] { margin: -2px 0 0 0; }
form fieldset { background-color: #E1E6EF; margin-top: 30px; border-width: 0; }
form fieldset legend { margin-top: -10px; margin-bottom: 10px; margin-left: -9px; }

/* Footer */
#footer { font-size: 0.8em; line-height: 1.6; border-top: 1px solid #fff; padding-top: 10px; margin-top: 50px; }
#footer ul { margin: 0; padding: 0; }
#footer a:link { text-decoration: none; }
#footer a:visited { text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#processtime { color: #eee; }