/* Main */
html, body { padding: 0; margin: 0; background: #eee url(/images/lovesongs/bg_body.png) repeat-y;; 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; }
acronym { cursor: default; }
.box { border: 1px solid #D4D4D4; background-color: #F5F5F5; padding: 0 10px; }
.notice { margin-top: 30px; background: #FCFCE8 url(/images/mini/info.gif) 10px 12px no-repeat; padding: 10px 10px 10px 29px; border: 1px solid #D4D4D4; border-width: 1px 0; }
.warning { margin-top: 30px; background: #FDF6B7 url(/images/mini/warning.gif) 10px 11px no-repeat; border: 1px solid #FACD00; border-width: 1px 0; padding: 8px 8px 8px 30px; }
.error { margin-top: 30px; color: #c00; background: #FFE3E0 url(/images/mini/error.gif) 10px 10px no-repeat; border: 1px solid #c00; border-width: 1px 0; padding: 8px 8px 8px 30px; }
.error ul { margin: 10px 0 0 0; padding: 0 0 0 15px; }

/* Other */
.clearfix:after { content: "."; display: block; height: 0; clear: both;  visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


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

/* Header */
#header { float: left; margin: 0; padding-top: 72px; width: 126px; height: 40px; background: url(/images/lovesongs/bg_header.png) no-repeat; }
h1 { height: 70px; margin: 0 0 0 3px; text-indent: -999px; }
h1 a { display: block; background: url(/images/lovesongs/logo-main.png) no-repeat; width: 112px; height: 26px; text-decoration: none; }
h1 sup small { display: none; }

/* Main */
#main { margin: 0 0 0 150px; padding: 65px 0 0 0; min-height: 300px; border: 1px solid #eee; font-size: 0.9em; line-height: 1.4; }

/* Content */
#content { float: left; width: 552px; }
#content .text { max-width: 400px; }
h2 { margin: 4px 0; font: 2em georgia, times, times new roman, serif; font-style: italic; font-weight: normal; }
h3 { margin: 2px 0; font-size: 0.9em; }
dt { font-weight: bold; margin: 0; }
dt a { text-decoration: none; color: #5973AB !important; }
dt a:hover { color: #FF6598 !important; }
dd { margin: 0 0 13px 0; }
ul { margin-top: 0; margin-bottom: 0; list-style-type: square; }
#elsewhere { margin-top: 40px; }
.songartist { margin: -5px 0 30px 0; font-size: 1.1em; }
.songcontent { line-height: 1.6; padding-bottom: 100px; }
.list1 { float: left; width: 250px; }
.list2 { margin-left: 280px; width: 250px; }

/* Info */
#info { margin-left: 600px; padding: 79px 20px 0 0; }
#info ol { margin: 0; padding-left: 21px; }

/* Tables */
table.data { width: 100%; background-color: #F5F5F5; border-collapse: collapse; border-spacing: 0; }
table.data caption { font-size: 1.2em; text-align: left; color: #5973AB; padding: 0 0 5px 0; }
table.data caption small { font-weight: normal; }
table.data caption small a { font-weight: bold; text-decoration: none; }
table.data caption small a:hover { text-decoration: underline; }
table.data tr:hover td { background-color: #f2f2f2; }
table.data th { border-bottom: 1px solid #7F9DB9; color: #fff; background-color: #8CAEE6; font-size: 0.8em; padding: 5px; text-transform: uppercase; }
table.data th.selected td { background-color: #E5E9F1; }
table.data th.artist { width: 19em; text-align: left; padding-left: 10px; }
table.data td { border: 1px solid #E1E6EF; border-width: 1px 0 0 0; background-color: #F5F5F5; 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; }
table.data tr { border: 1px solid #7F9DB9; }

/* Images */
img.album { border: 2px solid #F5F5F5; padding: 1px; margin-bottom: 6px; }
a:hover img.album { border: 2px solid #FF6598; background-color: #fff; }
img.emoticon { width: 12px; height: 12px; vertical-align: middle; }

/* Albums */
#album { margin: 0 0 30px 0; }
#album .albumcover { text-align: center; float: right; margin: 30px 0 20px 8px; border: 2px solid #F5F5F5; padding: 1px; }
* html #album .albumcover { margin-top: 20px; }
#album table { margin-bottom: 20px; }
#album table caption { font-weight: bold; margin: 10px 0 0 2px; text-align: left; padding: 5px 0; text-transform: uppercase; font-size: 0.9em; }
#album table th { padding: 2px 15px 2px 1px; margin: 0; text-align: left; vertical-align: top; line-height: 1.2; }
#album table td { width: 100%; padding: 2px 8px 2px 10px; margin: 0; vertical-align: top; line-height: 1.2; }
#album table td p { margin: 0 0 10px 0; }
#album table .even { background-color: #f0f0f0; }

/* 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; font-weight: bold; text-transform: uppercase; font-size: 0.9em; }
form select { vertical-align: middle; }
form label.mandatory span { color: #FF73B2; padding-right: 1px; }

/* Footer */
#footer { clear: both; margin-left: 150px; width: 552px; font-size: 0.8em; line-height: 1.6;  padding-top: 100px;  }
#footer ul { margin: 0; padding: 0; }
#footer ul li { list-style: none; }
#footer a:link, #footer a:visited { color: #6486E1; text-decoration: none; }
#footer a:hover { color: #FF6598; text-decoration: underline; }
#processtime { color: #eee; }
#footer img { vertical-align: middle; }