ul.stripes { font: normal 12px helvetica,sans-serif; background: #fff; }

.green { color: #009400; }
.blue, li.stripe a:hover { color: #2695e3; }
.grey { color: #bbb; }

li.hover { background: #f3f3f3; }
li.hilite { background: #eaeaea; }

li.stripe { padding: 1.5em; cursor: pointer; position: relative; /zoom: 1; }
li.stripe a { text-decoration: none; color: #000; }
li.stripe div.name { font-size: 36pt; line-height: 40pt; }
li.stripe div.info { font-size: 14pt; margin-left: 0.2em; line-height: 20pt; }
li.stripe div.info span.loaded { margin-left: 0.4em; color: #999; }
li.stripe div.info span.buy { font-size: 9pt; margin-left: 0.3em; }
li.stripe div.info span.buy a { color: #999; text-transform: uppercase; }
li.stripe div.info span.buy a:hover { color: #000; }
li.stripe div.clock { position: absolute; bottom: 0.15em; right: 0.2em; text-align: right; font-size: 62pt; }

li.strike { color: #999; }

.container { font: normal 12px helvetica,sans-serif; background: #fff; }

.clear { clear: both; }
strong { font-weight: bold; }
em { font-style: italic; }

div.banner { padding: 1.1em 1.5em 0.8em 1.5em; background: #25aaff; color: #fff; position: relative; /zoom: 1; }
div.banner a:hover { text-decoration: none; }
div.banner div.flag { font-size: 18pt; width: 60%; overflow: hidden; }
div.banner div.flag h1 { display: inline; font-weight: bold; }
div.banner div.flag h2 { display: inline; font-size: 9pt; margin-left: 0.4em; }
div.banner div.flag a { color: white; }
div.banner div.nav { position: absolute; right: 1.5em; top: 35%; text-align: right; vertical-align: bottom; }
div.banner div.nav a { color: #fff; font-weight: bold; }
div.banner div.nav a:hover { text-decoration: none; }
div.banner div.nav img { position: relative; top: 2px; right: 8px; }

ul.stripes { visibility: hidden; }

div.drawer { visibility: hidden; }
div.drawer div.drawer_contents { padding: 1em 1.5em 1.5em; background: #eaeaea; }
div.drawer div.drawer_contents h3 { margin-bottom: 5px; font-size: 14px; line-height: 21px; }
div.drawer div.drawer_handle { clear: both; color: #fff; text-align: center; cursor: pointer; }

li.featured { width: 160px; float: left; line-height: 21px; }
li.featured a { display: block; overflow: hidden; font-size: 12px; width: 148px; padding: 3px 6px; color: #000; text-decoration: none; }
li.featured a:hover { color: #fff; }

p.no_songs { padding: 1em; }
p.no_songs, p.no_songs a { color: #666; }

div.notice { font-size: 24px; padding: 24px; line-height: 38px; background: #ddd; }

div.canada { background: #333; padding: 10px 20px; color: #fff; }
div.canada a { color: #fff; }
div.canada a:hover { text-decoration: none; }
div.canada div.newfoundland { float: right; }