body { margin: 0; padding: 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; background: white url(/sites/all/themes/classical/images/headerbg1.jpg) repeat-x; min-width: 1024px; }
h1 { font-family: Times New Roman, Garamond, serif; font-size: 16px; margin: 8px 0; }
h2 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin: 8px 0; }
h3 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin: 8px 0; }
h4 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; margin: 5px 0; }
p { margin: 8px 0; }
img { margin: 0; padding: 0; border: 0; }
input { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
label { color: #05294c; font-weight: bold; }

.fixedwidth { width: 1024px; padding: 0; margin: 0 auto; }

.header { position: relative; height: 111px; width: 1024px; }
#logo { position: absolute; left: 0; top: 0; }

.cmpsearch { margin: 3px; }

.lcolumn { float: left; width: 170px; border: 0; margin: 0; padding: 0; }

.btnorange { height: 22px; font-weight: bold; background: #e4b640 url(/sites/all/themes/classical/images/OrangeGrad.jpg); }
/* Set proper background color to mask a bug in IE where it bleeds 1 pixel of background between background image and border.  If border is set to none, the bleeding goes away.  */
.btngrey { height: 22px; font-weight: bold; background: #909ba5 url(/sites/all/themes/classical/images/GreyGrad.jpg); }
.btngreen { height: 22px; font-weight: bold; background: #a7bc5b url(/sites/all/themes/classical/images/GreenGrad.jpg); }
.btnimage { cursor: pointer; vertical-align: middle; }

.lister { text-align: right; background-color: #ffffff; }
.lister a { margin-right: 5px; }

#ccolumn { float: left; width: 672px; padding: 0; margin: 5px 0 0 0; border: 0; }

.workarea { background-color: #8ab1cf; color: white; margin: 5px 0; padding: 1px; }
.workarea1 { background-color: #8ab1cf; color: white; margin: 5px 0; padding: 0; }
.workarea a:link, .workarea a:visited { text-decoration: none; font-weight: bold; color: #084077; }
.workarea h1 { display: block; background-color: #8ab1cf; color: white; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; padding: 5px; margin: 0; }
.workarea table { background-color: #ffffff; color: black; }
.workarea thead th { text-align:left; padding: 0 3px; height: 27px; font-weight: bold; border: 1px solid white; background: gray url(/sites/all/themes/classical/images/GreyGrad.jpg); }
.workarea thead th.views-field-fid { background: green url(/sites/all/themes/classical/images/GreenGrad.jpg); }
.workarea tbody tr.even { background-color: white; }
.workarea tbody tr.here { background-color: #99DB9D; }
.workarea tfoot td { border-top: 1px solid #05294c; }
.workarea a:link, .workarea a:visited { color: #084077; /*0066cc; 094786;*/ }

.performer { font-weight: bold; }

.expsearch { background-color: white; padding: 5px 3px; }
.expsearch ul { list-style: none; margin: 0; padding: 0; }
.expsearch li { display: inline; margin-left: 10px; }

.comments { background-color: #ffffff; color: #05294c; margin: 0; padding: 2px; }
.comments_content { background-color: #ffffff; padding: 1px; }
.comments_submit { background-color: #eeeeff; }
.recorded_uploaded { font-size: 10px; }

.download { font-weight: bold; }
.rcolumn { float: right; width: 172px; padding: 0; margin: 5px 0 0 0; border: 0; }
/*
.playlist { height: 17px; padding: 5px; color: white; text-align: center; font-weight: bold; background: gray url(/sites/all/themes/classical/images/GreyGrad.jpg); }
*/
.footer { clear: both; padding-top: 10px; text-align: center; background-color: #05294c; }
.footmenu { padding: 10px; background-color: white; color: #05294c; }
.footmenu a { text-decoration: none; }

.abuse { margin-left: 50px; }

.popup { padding: 5px; background-color: #eeeeff; border: 1px solid #05294c; z-index: 10; position: absolute !important; display: none; }

/* Suggestion list */
#autocomplete { background: #fff; position: absolute; border: 1px solid #000; overflow: hidden; z-index: 100; }
#autocomplete ul { margin: 0; padding: 0; list-style: none; }
#autocomplete li { background: #fff; color: #000; white-space: pre; cursor: default; padding: 0; margin: 0; display: block; }
#autocomplete li.selected { background: #0072b9; color: #fff; }

#addtoplaylist { background: #fff; position: absolute; border: 1px solid #000; z-index: 100; margin-left: -120px; }
#addtoplaylist input { display: block; }
#embed.popup1 { background: #fff; position: absolute; border: 1px solid #8ab1cf; z-index: 100; margin-left: -460px; margin-top: 20px; width: 665px; }

html.js input.form-autocomplete { background: url(/misc/throbber.gif) no-repeat 100% 2px; }
html.js input.throbbing { background-position: 100% -18px; }

.error { color: #e55; }
div.error { border: 1px solid #b55; }
div.error, tr.error { background: #ffc; color: #200; padding: 2px; }
.warning { color: #e09010; }
div.warning { border: 1px solid #f0c020; }
div.warning, tr.warning { background: #ffd; color: #220; padding: 2px; }
.ok { color: #008000; }
div.ok { border: 1px solid #00aa00; }
div.ok, tr.ok { background: #dfd; color: #020; padding: 2px; }
.messages, .preview { margin: 0; padding: .5em 1em; }
.messages ul { margin: 0; }

.container-inline .form-item { display: inline; width: auto; }

.pnlclose { display: block; float: right; }
/*span.pnlclose { color: #ffffff; font-size: 12pt; font-weight: bold; border: 1px solid #ffffff; margin: 1px; padding: 1px; cursor: pointer; }*/
span.pnlclose { width: 16px; height: 16px; background: url(/sites/all/themes/classical/images/PnlClose.png); cursor: pointer; }

.notify { visibility: hidden; padding: 3px 24px; font-weight: bold; background-image: url(/misc/throbber.gif); background-repeat: no-repeat; background-position: 100% -18px; }

.avatar { float: right; }

.amahoo { border: 1px solid #2366AF; margin: 0; padding: 0; }
.amahoo h2 { background-color: #2366AF; color: white; margin: 0; padding: 3px 0; text-align: center; }
.amahoo div { border-top: 1px solid #2366AF; padding: 4px; margin: 0; }
.amahoo img { display: block; margin: 0 auto; }
.amahoo a:link, .amahoo a:visited { font-size: 10px; color: #2366AF; }

div.more { display: none; }
span.more, span.less { color: #0066CC; font-weight: bold; text-decoration: underline; cursor: pointer; }

.feature { font-family: Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 10pt; }

#pnlforum, #pnlinterview, #pnlhelp, .widecolumn { float: left; margin: 5px 0 0; padding: 0; width: 842px; }
.widecolumn { position: relative; }
.delayed { position: absolute; left: 0; top: 5px; width: 170px; border: 0; margin: 0; padding: 0; max-height: 1200px; overflow: hidden; }
#pnlforum .workareahead a:link, #pnlforum .workareahead a:visited { color: white; font-weight: bold; text-decoration: none; }
#pnlforum .workareahead a:hover { text-decoration: underline; }
ul.links li { display: inline; }
#forum .forum-topics th a, #forum .forum-topics th a:link, #forum .forum-topics th a:hover, #forum .forum-topics th a:visited { background-color: transparent; color: #ffffff; } 
#forum .forum-table th a, #forum .forum-table th a:link, #forum .forum-table th a:hover, #forum .forum-table th a:visited { background-color: transparent; color: #ffffff; } 
#forum th { background: gray url(/sites/all/themes/classical/images/GreyGrad.jpg) repeat scroll 0 0; border: 1px solid white; color: black; font-weight: bold; height: 27px; padding: 0 3px; }
#forum th.forum-name { padding-left: 0px; text-align: center; }
.author-pane-icon { display: inline; padding: 10px 2px 2px 0; }

#pnlhelp div.comments h1 { font-family: Times New Roman, Garamond, serif; font-size: 14pt; margin: 15px 0 8px 0; font-weight: bold; background: transparent; color: #000000; }
#pnlhelp div.comments h2 { font-family: Times New Roman, Garamond, serif; font-size: 13pt; margin: 15px 0 5px 0; font-weight: bold; background: transparent; color: #000000; }

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

.forum-post-panel-main { min-height: 0; }
.post-info { background: gray url(/sites/all/themes/classical/images/GreyGrad.jpg) repeat scroll 0 0; }
.posted-on { padding: 2px 5px; }
.reply-to { float: left; padding: 2px 25px; font-size: 0.8em; }

.aligner { clear: both; }
.picture img { width: 108px; }

div.same { width: 158px; padding: 0; margin: 5px 0 0 0; border: 1px solid #2366AF; background-color: #eeeeff; }
div.same h2 { font-size: 12px; margin: 0; background-color: #2366AF; color: white; padding: 5px; }
div.same div { border-top: 1px solid #2366AF; color: #05294c; padding: 5px 3px; }
div.same a { color: #2366AF; font-size: 11px; text-decoration: none; font-weight: bold; }

div.rss { width: 158px; padding: 0; margin: 5px 0 0 0; border: 1px solid #3323AF; background-color: #eeeeff; }
div.rss h2 { font-size: 12px; margin: 0; background-color: #3323AF; color: white; padding: 5px; }
div.rss div { border-top: 1px solid #3323AF; color: #05294c; padding: 5px 3px; }
div.rss a { color: #3323AF; font-size: 11px; text-decoration: none; font-weight: bold; }

span.leadchar { font-weight: bold; color: #a04; }

.aggregator { float: left; width: 318px; margin: 0; padding: 5px; }
.aggregator h2 { margin: 1.5em 0 0 0; }
.aggregator > a { display: block; margin: 0.7em 0; }
span.new { color: #900; font-style: italic; margin-right: 1em; }
span.inplace { text-decoration: underline; cursor: pointer; color: #0066CC; }

div.widemenu { background-color: #5a6b7d; margin: 0; padding: 0; text-align: center; height: 28px;}
div.widemenu form { display: inline-block; padding: 0; margin: 0; }
div.widemenu ul { display: inline-block; list-style: none; padding: 0; margin: 0; }
div.widemenu li { display: inline; }
div.widemenu a { display: inline-block; padding: 0.5em 1em; margin: 0; text-decoration: none; color: #ffc500; font-size: 13px; text-shadow: #05294c 1px 1px 1px; font-weight: bold; }
div.widemenu span.label { color: #ffc500; font-size: 13px; font-weight: bold; text-shadow: #05294c 1px 1px 1px; }
div.widemenu input { margin: 3px 5px; }
div.widemenu img { margin: 0 5px; vertical-align: middle; }
div.widemenu a.join { display: inline-block; width: 170px; height: 25px; background: #5a6b7d url(images/join2.png) no-repeat 0 0; padding: 0; margin: 0 5px; border: none; vertical-align: middle; }
div.widemenu span.blockhead { color: #ffffff; font-size: 13px; font-weight: bold; text-shadow: #05294c 1px 1px 1px; }

div.bigbuttons { margin: 5px 0; padding: 0; }
div.bigbuttons a { margin: 0; padding: 0; }
div.bigbuttons img { margin: 2px; padding: 0; border: none; }


.fluffy { width: 160px; margin: 5px 0 25px 0; padding: 0; border: 0; }
.fluffy ul { list-style: none; margin: 0; padding: 0; border: 0; }
.fluffy li { margin: 0; padding: 0; border-bottom: 1px dotted #05294c; }
.fluffy li a { display: block; padding: 5px 0; color: #05294c; font-weight: bold; text-decoration: none; }
.fluffy form { background-color: #eeeeff; padding: 8px; }
.fluffy span.label { font-size: 11px; display: inline-block; padding: 0; margin: 0; width: 140px; }
.fluffy input { display: inline-block; margin: 0 10px 0 0; width: 100px; }
.fluffy img { display: inline-block; margin: 15px 64px; }
.fluffy a.join { display: block; height: 85px; background: #eeeeff url(images/join1.png) no-repeat scroll center center; }
.fluffy input[type=submit] { border: 1px solid #aaaaaa; font-weight: bold; cursor: pointer; color: #05294c; width: 55px; }
.fluffy span.blockhead { display: block; background: gray url(images/GreyGrad1.png); color: white; font-weight: bold; height: 33px; padding: 4px 10px 2px; text-align: left; }
.fluffy a.menu { display: block; padding: 5px 0; color: #05294c; font-weight: bold; text-decoration: none; border-bottom: 1px dotted #05294c; }
span.blank { display: block; width: 160px; margin: 0; padding: 0; border: 0; }

#search { position: absolute; right: 20px; bottom: 10px; margin: 0; padding: 0; }
#search input.edtsearch { border: 0; padding: 0 4px; margin: 0 10px; width: 118px; height: 24px; background: url(images/look.png) no-repeat 0 0; }
#search form { margin: 0; border: 0; padding: 0; }
#search img { vertical-align: middle; }

/* Simple tabbed panels */
#tabs { margin: 0; padding: 0; border: 1px solid #8ab1cf; color: black; }
ul.tabheads { margin: 0; padding: 0; list-style: none; width: 100%; height: 32px; color: white; background: #cddfec url(images/tabsbg.png) repeat-x 0 0; }
ul.tabheads li { float: left; margin: 0; padding: 0; position: relative; height: 30px; border: none; font-weight: bold; }
ul.tabheads li a { text-decoration: none; color: #eeeeee; display: block; padding: 10px 15px; outline: none; }
ul.tabheads li a:hover, ul.tabheads li.active a { background: #ffffff; color: #05294c; }
div.tabpanel { padding: 2px; margin: 0; background: #ffffff; color: #05294C; line-height: 1.4em; font-family: Times New Roman, Garamond, serif; font-size: 14px; clear: both; }
div.tabpanel h2 { margin: 10px 15px 0 15px; font-family: Times New Roman, Garamond, serif; font-size: 15pt; }
div.tabpanel h3 { margin: 8px 0; font-family: Times New Roman, Garamond, serif; font-size: 12pt; font-weight: bold; }
div.tabpanel table { padding: 0; border: 0; margin: 10px 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 9pt; line-height: normal; }
div.tabpanel thead th { text-align: left; padding: 0 3px; height: 27px; font-weight: bold; border: 1px solid white; background: gray url(/sites/all/themes/classical/images/GreyGrad.jpg); }
div.tabpanel thead th.views-field-fid { background: green url(/sites/all/themes/classical/images/GreenGrad.jpg); }
div.tabpanel tbody tr.even { background-color: #eeeeff; }
div.tabpanel tbody tr.here { background-color: #99DB9D; }
div.tabpanel tfoot td { border-top: 1px solid #05294c; }
div.tabpanel a:link, div.tabpanel a:visited { text-decoration: none; color: #084077; /*0066cc; 094786;*/ font-weight: bold; }
div.tabpanel td a:link, div.tabpanel td a:visited { color: #2b6fac; font-weight: bold; font-size: 9pt; font-family: Times New Roman, Garamond, serif; }
div.tabpanel td h4 a:link, div.tabpanel td h4 a:visited { font-size: 12pt; }
div.column { float: left; width: 303px; margin: 10px 5px 10px 15px; } 
div.column p { text-align: justify; margin: 0 0 8px 0; }
td.action { width: 40px; text-align: center; }
td.action1 { width: 70px; text-align: center; }
/* .comments { background-color: #eeeeff; color: #05294c; margin: 0; padding: 2px; } */
#copycclink1, #copyembed1 { width: 222px; }
.transparent { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }

/* Tag cloud. */
ul.tagcloud { line-height: 175%; list-style: none; margin: 25px 0; padding: 0; }
ul.tagcloud li { display: inline; margin: 0; padding: 0; }
ul.tagcloud li a:link, ul.tagcloud li a:visited { margin-right: 6px; text-decoration: none; color: #3289e7; }
ul.tagcloud li a:hover { background-color: #3289e7; color: #ffffff; }
ul.tagcloud li.rank1 a { font-size: 175%; font-weight: 900; }
ul.tagcloud li.rank2 a { font-size: 150%; font-weight: 800; }
ul.tagcloud li.rank3 a { font-size: 120%; font-weight: 600; }
ul.tagcloud li.rank4 a { font-size: 110%; font-weight: 500; }
ul.tagcloud li.rank5 a { font-size: 100%; font-weight: 300; }
ul.tagcloud li.rank6 a { font-size: 90%; font-weight: 200; }

div.slogan { font-size: 9pt; font-weight: bold; color: #05294c; }
div.tabpanel h2.calnav { margin: 0; }
h2.calnav { position: relative; text-align: center; }
h2.calnav img { vertical-align: middle; margin: 0 10px; }
h2.calnav a.prev { position: absolute; left: 200px; top: 0; }
h2.calnav a.next { position: absolute; right: 200px; top: 0; }
#concerts { border-collapse: collapse; }
#concerts thead th { height: 20px; } 
#concerts td { height: 32px; }
#concerts td, #concerts th { width: 88px; border: 1px solid #8AB1CF; vertical-align: top; }
span.concert p.address { font-size: 9pt; color: #888888; }
div.calbusy { background: #bbbbdd; }
div.calday { font-weight: bold; text-align: right; }
span.calday { font-weight: bold; position: absolute; top: 1px; right: 1px; }
div.calev { position: relative; text-align: center; padding: 4px 0 0 0; }
div.calev a { color: #3289E7; font-weight: bold; }
#concerts_popup { background: #eeeeff; position: absolute; left: 0; top: 1.3em; width: 200px; border: 1px solid #000; z-index: 100; text-align: left; }
div.evtitle { position: relative; background: #2366af; color: #ffffff; margin: 0; }
div.evtitle h4 { font-weight: normal; font-size: 8pt; margin: 0 5px; text-align: center; }
div.evtitle h4 a:link, div.evtitle h4 a:visited { color: #ffffff; margin: 0 15px; }
div.evtitle span.evdata { position: absolute; right: 2px; top: 2px; }
div.evdata { float: left; width: 250px; }

div.hint { font-size: 0.85em; color: #898989; }
.grippie { height: 9px; overflow: hidden; background: #eee url(images/grippie.png) no-repeat center 2px; border: 1px solid #ddd; border-top-width: 0; cursor: s-resize; }

td input.country { height: 1px; width: 1px; border: none; } 

/* DADA Mail */
.header div.title { position: absolute; top: 30px; right: 60px; color: #ffc500; font-size: 20px; text-shadow: #05294c 1px 1px 1px; font-weight: bold; }
.dada form hr { display: none; }
div.description { font-size: 0.85em; color: #898989; }
div.boat { float: left; margin: 5px 20px; padding: 5px; border: 1px solid #ffffff; text-align: center; font-weight: bold; }
.workarea div.selected { border: 1px solid #05294c; } /* #8ab1cf */
.footmenu a.freesite { font-style: italic; font-size: 11px; }

div.moreless, div.toggle { border: none; margin: 0; padding: 0; }
div.toggle { text-align: right; }
div.toggle span.toggle { cursor: pointer; background-color: #8AB1CF; color: #FFFFFF; padding: 3px; }

#teamup { background: url(images/adbg.png); width: 320px; height: 60px; position: absolute; top: 3px; right: 20px; margin: 0; padding: 0; }
#teamup p { color: #05294c; margin: 7px 20px; font-size: 12px; }

div.admin { border: 2px solid #258825; padding: 3px 20px; }
div.admin a { color: #258825; font-weight: bold; text-decoration: none; margin: 3px 20px; } 

dl.interesting dt.a:link, dl.interesting dt.a:visited { text-decoration: none; color: #084077; font-weight: bold; }
dl.interesting dd { margin-bottom: 10px; }

.jqmWindow { display: none; position: fixed; top: 17%; left: 50%; margin-left: -300px; width: 642px; background-color: #8ab1cf; color: #333; border: 1px solid black; padding: 0; }
.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow { position: absolute; top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px'); }

/* Action icons as backgrounds */
.cc { width: 24px; height: 24px; display: inline-block; border: 0; cursor: pointer; font-size: 0; vertical-align: middle; margin-right: 5px; }
.cc-add { background: transparent url(images/actions.png) no-repeat 0 0; }
.cc-addlist { background: transparent url(images/actions.png) no-repeat 0 0; }
.cc-comment { background: transparent url(images/actions.png) no-repeat 0 -30px; }
.cc-compare { background: transparent url(images/actions.png) no-repeat 0 -60px; }
.cc-edit { background: transparent url(images/actions.png) no-repeat 0 -90px; }
.cc-find { background: transparent url(images/actions.png) no-repeat 0 -120px; }
.cc-trash { background: transparent url(images/actions.png) no-repeat 0 -150px; }
.cc-delete { background: transparent url(images/actions.png) no-repeat 0 -180px; }
.cc-share { background: transparent url(images/actions.png) no-repeat 0 -210px; }
.cc-lock { background: transparent url(images/actions.png) no-repeat 0 -240px; }
.cc-home { background: transparent url(images/actions.png) no-repeat 0 -270px; }
.cc-play { background: transparent url(images/actions.png) no-repeat 0 -300px; }
.cc-embed { background: transparent url(images/actions.png) no-repeat 0 -330px; }
.cc-video { background: transparent url(images/actions.png) no-repeat 0 -360px; }
.cc-pause { background: transparent url(images/actions.png) no-repeat 0 -390px; }
.cc-unmute { background: transparent url(images/actions.png) no-repeat 0 -420px; }
.cc-mute { background: transparent url(images/actions.png) no-repeat 0 -450px; }
.cc-vote { background: transparent url(images/actions.png) no-repeat 0 -480px; }
.cc-close { background: transparent url(images/actions.png) no-repeat 0 -508px; }
.cc-dismiss { background: transparent url(images/actions.png) no-repeat 0 -538px; }
.cc-ring { background: transparent url(images/actions.png) no-repeat 0 -570px; }

.ccsm2 { position: relative; background: #FFF; width: 100%; }
.ccsm2 > div { margin: 4px; }
.ctrl button { margin: 0 4px 0 0; background: #EEE; color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 0 13px; height: 30px; border: none; cursor: pointer; }
.ccsm2 .sm2-ui { padding: 4px; border: 1px solid #BBB; }
.ccsm2 .hud { background: #000; color: #FFF; position: relative; padding: 0 26px; min-height: 33px; }
.play .hud { height: 100px; }
.ccsm2 .seek { position: relative; padding: 0; height: 6px; width: 420px; display: inline-block; background: #BBB; }
.ccsm2 .seek-bar { display: block; height: 6px; position: absolute; background: #7B7; margin: 0; }
.ccsm2 .seek-ball { display: block; position: absolute; height: 9px; width: 5px; background: #070; margin: -3px; border: 2px solid #030; }
.ccsm2 .vol-bar { display: inline-block; height: 6px; position: relative; background: #030; margin: 0; width: 80px; }
.ccsm2 .volume { display: block; position: absolute; height: 6px; width: 6px; background: #7B7; }
.ccsm2 .cc-play, .ccsm2 .cc-pause { position: absolute; left: 10px; }
.ccsm2 h3.playlist { line-height: 21px; padding: 0; margin: 0; text-align: center; }
.ccsm2 .hud h3, .ccsm2 .hud div { margin: 0; padding: 5px 15px; font-size: 14px; }
.hud a { color: #FFF; }
.time, .duration { display: inline-block; width: 3em; }
.time { text-align: right; margin-left: 30px; }
.duration { text-align: left; }
.ccsm2 .prev { display: block; width: 26px; height: 100px; position: absolute; top: 25px; left: 4px; background: #333 url(images/jbtnprev.png) no-repeat center center; cursor: pointer; }
.ccsm2 .next { display: block; width: 26px; height: 100px; position: absolute; top: 25px; right: 4px; background: #333 url(images/jbtnnext.png) no-repeat center center; cursor: pointer; }
#player.hide, .ccsm2.hide { display: none; }
.dlog { position: relative; }
.hud .cc-dismiss, .dlog .cc-close { position: absolute; top: 2px; right: 0; cursor: pointer; z-index: 1000; }
.dlog .warn { background: #FFF; color: #770; min-height: 20px; }
.dlog .info { background: #FFF; color: #00F; min-height: 20px; }
.dlog .err { background: #FFF; color: #F00; min-height: 20px; }
.dlog .list, .dlog .vote { overflow-y: auto; border: #CCC 1px solid; }
.dlog .list a { float: left; display: block; padding: 5px 10px; text-decoration: none; color: #333; font-weight: bold; }
.dlog .vote a { float: left; display: block; padding: 6px 8px 6px 16px; background: url(images/Note.png) no-repeat right center; text-decoration: none; color: #333; font-weight: bold; font-size: 14px; }
.hud .vote { padding: 0 16px; background: url(images/notey.png) no-repeat right center; color: #C80; }
.list .workarea { margin: 0; }
.dlog .pnlclose { display: none; }

ul.tabheads { display: none; }

.ccmini { position: relative; background: #FFF; width: 100%; }
.ccmini h3.playlist { line-height: 21px; padding: 0; margin: 0; text-align: center; }
.ccmini > div { margin: 4px; }
.ccmini .composer, .ccmini .musicians { display: none; }
.ccmini .play .hud { height: 45px; overflow: hidden; }
.ccmini .play { border: 1px solid #000; }
.ccmini .hud { background-color: #000; margin-bottom: 20px; }
.ccmini .hud h3 { margin: 0; padding: 5px 15px; font-size: 14px; }
.ccmini .ctrl { display: none; }
.ccmini .time { margin-left: 4px; }
.ccmini .seek { position: relative; padding: 0; height: 6px; width: auto; display: block; background: #BBB; margin: -10px 20px 20px 90px; }
.ccmini .seek-bar { display: block; height: 6px; position: absolute; background: #7B7; margin: 0; }
.ccmini .seek-ball { display: block; position: absolute; height: 9px; width: 5px; background: #070; margin: -3px; border: 2px solid #030; }
.ccmini .vol-bar { display: inline-block; height: 6px; position: relative; background: #030; margin: 0; width: 80px; }
.ccmini .volume { display: block; position: absolute; height: 6px; width: 6px; background: #7B7; }
.ccmini .prev, .ccmini .next, .ccmini .cc-play, .ccmini .cc-pause { display: inline-block; width: 36px; height: 28px; vertical-align: middle; cursor: pointer; }
.ccmini .prev { background: #333 url(images/prevm.png) no-repeat center center; margin: 5px; }
.ccmini .next { background: #333 url(images/nextm.png) no-repeat center center; margin: 5px 45px 5px 5px; }
.ccmini .cc-play { background: #333 url(images/playm.png) no-repeat center center; margin: 5px; }
.ccmini .cc-pause { background: #333 url(images/pausem.png) no-repeat center center; margin: 5px; }
body.ccembed { background: none; }
#ccembed { margin: 0 4px; background: #EEE; color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: bold; padding: 0 13px; height: 30px; border: none; cursor: pointer; }