/* common html elements */

body {
color: #333;
margin: 0;
padding: 0;
background: #82637F;
}

body.cron {
color: #000;
margin: 0;
padding: 20px;
background: #fff;
}

body, p, div, td, th, li {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 1.3;
}

img {
border: 0;
}

h1 {
font-family: Helvetica, Arial, sans-serif;
font-size: 28px;
font-weight: normal;
margin: 0px 0px 16px;
color: #94488D;
line-height: normal;
text-align: center;
}

h2 {
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: normal;
margin: 12px 0px 8px;
color: #94488D;
line-height: normal;
text-align: left;
}

p {
margin: 4px 0px 8px;
}

/* links */

a:link,
a:active,
a:visited {
color: #B992B6;
color: #94488D;
text-decoration: none;
}

a:hover {
color: #B992B6;
text-decoration: underline;
}

strong,
b {
font-weight: bold;
}

em,
i {
font-style: italic;
}


/* page */

#page {
background: #fff;
}

/* header */

#header {
height: 100px;
background: #E5D3E3 url(/images/header-bg-v1.png) bottom repeat-x; 
text-align: center;
color: #94488D;
}

#sitename {
padding: 20px 0 8px;
font-size: 36px;
font-weight: bold;
line-height:normal;
}

#tagline {
font-size: 16px;
line-height:normal;
}


/* main */

#main {
text-align: center;
margin: 0 auto;
width: 900px;
padding: 16px 0px;
}

#choosedate {
text-align: center;
}

#p3link {
text-align: center;
padding: 16px 0px 8px;
}

/* date navigation */

#datenav,
#datenav-bottom {
width: 900px;
}

#datenav-bottom {
height: 10px;
}

#datenav .prev,
#datenav-bottom .prev {
float: left;
}

#datenav .next,
#datenav-bottom .next {
float: right;
}

/* datepicker */

#datepicker {
margin: 8px 0;
}

.ui-datepicker {
margin:0 auto;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
border: 1px solid #94488D;
}

/* tracklist */

#tracklist {
width: 700px;
clear: both;
margin: 0 auto;
text-align: left;
}

ul.tracklist {
list-style: none;
margin: 0;
padding: 0;
}

ul.tracklist li {
list-style: none;
margin: 0 0 8px;
padding: 0 20px;
}

ul.tracklist li.newhour {
border-top: 1px solid #ddd;
margin-top: 8px;
padding-top: 8px;
}

.time {
color: #999;
width: 60px;
float: left;
font-size: 11px;
padding-left: 2px;
}

.message {
width: 400px;
margin: 40px auto;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.message,
.message p {
font-size: 15px;
}

/* footer */

#footer {
height: 120px;
background: #82637F url(/images/footer-bg-v1.png) 50% 0% repeat-x; 
text-align: center;
color: #E5D3E3;
}

#footer a:link,
#footer a:active,
#footer a:visited {
color: #E5D3E3;
text-decoration: none;
}

#footer a:hover {
color: #E5D3E3;
text-decoration: underline;
}

#madeby {
padding: 20px 0 8px;
font-size: 14px;
}

#credits {
font-size: 12px;
}

#spotifydisclaimer {
padding: 8px 0 8px;
font-size: 10px;
}

/* pages */

.page{
width: 460px;
margin: 12px auto;
}

.page p,
.page dt,
.page dl,
.page li {
font-size: 14px;
line-height: 1.3;
text-align: left;
}

.page ul {
}

.page li {
margin: 8px 0 8px;
padding: 0px;
}

dl.faq {
margin-top: 16px;
}

dl.faq dt {
font-weight: bold;
margin: 4px 0 4px;
color: #94488D;
}

dl.faq dd {
margin: 0 0 16px;
}

/* tracklisttable */

#tracklisttable {
border-collapse: collapse;
width: 700px;
}

#tracklisttable thead {
xpadding: 10px;
}

#tracklisttable thead tr {
xpadding: 10px;
}

#tracklisttable thead th {
padding-bottom: 6px;
padding-left: 16px;
border-bottom:1px solid #CCCCCC;
}

#tracklisttable tr {
xvertical-align: bottom;
}

#tracklisttable tbody tr.hover {
background: #E5D3E3;
background: #F8F2F7;
}

#tracklisttable tr.newhour {
xborder-top: 1px solid #ddd;
xmargin-top: 8px;
xpadding-top: 8px;
xheight: 30px;
}

#tracklisttable tr.beforenewhour td {
padding-bottom: 4px;
}

#tracklisttable tr.newhour td {
border-top: 1px solid #ddd;
padding-top: 4px;
}

#tracklisttable th.header {
background-image: url(/images/sorticon-both-v2.jpg); 

cursor: pointer; 
font-weight: normal; 
background-repeat: no-repeat; 
background-position: left top; 
xborder-right: 1px solid #dad9c7; 
xmargin-left: -1px; 

}

#tracklisttable th.headerSortUp { 
background-image: url(/images/sorticon-asc-v2.jpg); 
xbackground-color: #3399FF; 
font-weight: bold; 
} 

#tracklisttable th.headerSortDown { 
background-image: url(/images/sorticon-desc-v2.jpg); 
xbackground-color: #3399FF; 
font-weight: bold; 
} 

#tracklisttable td.time { 
float: none;
}

span.lyricsearch {
}

span.youtubesearch {
}

span.searchlink {
display: none;
xborder: 1px solid #fff;
float: right;
margin: 0 4px;
padding: 0 4px;
}

#tracklisttable span.searchlink a,
#tracklisttable span.searchlink a:link,
#tracklisttable span.searchlink a:visited {
}

#tracklisttable span.searchlink a:hover {

}

.spotifylink,
.nospotifylink {
xfloat: left;
width: 500px;
}


.spotifylink {
font-size: 15px;
padding-left: 2px;
}

.spotifylink a,
.spotifylink a:link {
color: #B992B6;
color: #94488D;
text-decoration: none;
}

.spotifylink a:hover {
color: #B992B6;
color: #94488D;
text-decoration: underline;
}

.nospotifylink {
color: #666;
font-size: 15px;
padding-left: 2px;
}