/* css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, ul, ol, li {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
ul { list-style: none; }
ul, ol {padding:0 0 1.25em 2.5em;}
body {line-height: 1.4; font-size: 62.5%; font-family: Georgia, "New York CE", utopia, sans-serif; text-align: center;}
input, textarea { font-family: Georgia, "New York CE", utopia, sans-serif; font-size: 100% }
.check { width: auto !important; border: 0 !important; }
.radio { width: auto !important; border: 0 !important; }
h4 { clear: left; padding: 1em 0 0.2em 0 }


.error { color: #fff }

/* IE stretched buttons fix */
input.submit {width: 0;overflow:visible;}
input.submit[class] {width: auto;}

a{color:#000}
a:hover{color:#69665f}

/* common classes */
.r { text-align: right; }
.c { text-align: center; }
.price { text-align: right; color: #000; }
.submit { float: right; font-weight: bold; background: transparent url(../img/submit.gif) no-repeat left; border: 0; padding: 0 10px 0 30px }
.imp, .b { color: #000 }
.test { border: 1px solid yellow }
.banner { padding: 40px 0 }

/* layout */
#center { width: 1000px; margin: 0 auto; text-align: left;position:relative; }

#share { position: absolute; left: 566px; top: 600px; height: 34px; overflow: hidden; width: 34px }
#share ul, #share li { margin: 0; padding: 0; list-style: none }
#share ul { padding: 0 0 0 34px; overflow: hidden; background: url(../img/share.gif) no-repeat; height: 34px; }
#share img { display: block; }
#share li { float: left; }
#radiopopup { margin: 0; padding: 20px 10px; background: url(../img/radiopopup.gif) no-repeat; text-align:left }
#radiopopup #sidebar { float: none; margin: 0; }

/* header */
#header { width: 1000px; float: left;}
#logo { font-family: sans-serif; font-size: 200%; text-decoration: none; color: #000; float: left; }
#logo, #logo span { display: block; width: 250px; height: 65px; position: relative; overflow: hidden; left: 0; top: 0; cursor: pointer; }
#logo span { position: absolute; background: url(../img/logo.gif); }
.en #logo span { position: absolute; background: url(../img/logo-en.gif); }

#menu { width: 720px; float: right; padding: 12px 0 0 0; margin: 0; position: relative; z-index: 999 }
#menu ul, #menu li { padding: 0; margin: 0; }
#menu li { padding: 0 0 1px 0 }
#menu a { font-size: 110%; text-decoration: none; color: #000; display: block; padding: 0 10px 0 0; }
#menu a:hover { text-decoration: underline;}
#menu li ul { position: absolute; top: -1000px; padding: 13px;}
#menu li ul a { padding: 0 }
#menu .m3 li ul a { color: #FFDDF8;z-index:999 !important}
#menu .m4 li ul a { color: #FFDDF8;z-index:999  }
#menu .m4 a { color: #FFDDF8 }

.m1, .m2, .m3, .m4, .m5, .m6, .m7 { float: left;}
.m1 { padding: 0 15px 0 0; }
.m2 { padding: 0 15px 0 0;  }
.m3 { padding: 0 15px 0 0;  position: relative;z-index:999 !important}
.m3 li ul { background: #57014C url(../img/m3-sub.png) no-repeat; left: 60px;z-index:999 !important;width:110px}
.m4 li ul { background: #57014C url(../img/m3-sub.png) no-repeat; left: 70px;z-index:999}
.m4 { padding: 10px 20px 0 5px; position: relative; background:url(../img/vstup.gif) no-repeat;width:54px;height:33px;color:white;margin-right:10px;z-index:1 !important;top:-12px	}
.m5 { padding: 0 15px 0 0; }
.m6 { padding: 0 10px 0 0; }
.m7 { padding: 0; }
#menu .m4 a.ab { color: #000;z-index:999;margin-top:20px;display;block  }

#menu li:hover ul, #menu li.hover ul { top: 0 }
#menu li { _display: expression(isNaN(this.js)?(this.js=1,this.onmouseover=new Function("this.className+=' hover';"),this.onmouseout=new Function("this.className=this.className.replace(' hover','');")):false););}

#login { background: url(../img/login.gif) no-repeat bottom right; position: absolute; top: -1000px; ; width: 160px; font-size: 110%}
#login a { color: #fff; display: inline; padding: 0; font-size: 100% }
#login form { padding: 10px }
#login input { background: transparent; border: 0; border-bottom: 1px solid #FFB35B; color: #fff; width: 140px; margin: 0; padding: 0;}
#login dd { padding-bottom: 10px }
#login .submit { font-weight: normal; padding: 0; border: 0; width: auto; }
#login ul, #login li { list-style: none; padding: 0; margin: 0; }
#login p { padding: 10px; line-height: 1.6 }
#login .close { position: absolute; right: 5px; top: 5px; cursor: pointer; }

/* footer */
#footer { background: #F0F0F0 url(../img/footer.gif) no-repeat; clear: both; padding:12px 0 10px 0; color: #666; border-top: 10px solid #fff; line-height: 1.9; width: 1000px; overflow: hidden; }
.social, .social li { list-style: none; margin: 0; padding: 0; }
#footer .social { float: right; padding: 0 15px 0 0; }
#footer .social li { float: left; }
#footer .social img { display: block; }
#footer span { padding: 0 0 0 10px; }
#footer a { color: #666; text-decoration: none; }

#footer .bmedia a { 
 text-decoration: none;
 background: url(../img/vcela.gif) no-repeat right; 
 padding: 20px 35px 25px 0;  
}

/* content */
#content { clear: left; width: 600px; float: left; font-size: 110% }
#program { width: 600px; height: 530px; }
#radio { width: 450px; height: 150px; margin: 0; padding: 0;  }

#news { width: 100%; overflow: hidden; }
#news li { width: 185px; float: left; background: url(../img/news-li.gif) no-repeat; padding: 20px 0 0 0; text-align:left; }
#news h2 { padding: 0 15px; }
#news h2 a { text-decoration: none; color: #000 }
#news h2 a:hover { text-decoration: underline;}
#news .date { color: #6B6B6B; font-weight: normal; display: block; padding: 0 0 1em 15px }
#news .text { padding: 0 15px }
#news .text ul{ margin:0;padding:0;width:auto; }
#news .text ul li{ background: url(../img/news-li.gif) no-repeat; padding: 5px 0 0 20px ; }

/* postits */
#comments { width: 565px; float: right; padding: 40px 0 0 0}
#comments textarea { width: 160px; height: 80px; background: transparent; margin: 5px 0 10px 0; padding: 0; text-align: left; border: 1px solid #FFB35B; color: #FFee99}
#comments form { margin: 0 0 10px 0;}
#comments .submit { font-weight: normal; }
.advert { float: left; width: 240px; text-align: left; }
.advert img{ padding:15px 0 0 0;  }
.postit { width: 320px; float: right; }
.postit li { position: relative; margin-bottom: -5px }
.postit .comment { background: url(../img/postit1.gif) no-repeat; width: 190px; }
.postit .article { background: url(../img/postit2.gif) no-repeat; width: 100% }
.pos1 { left: 110px;  }
.pos2 { left: 20px;  }
.pos3 { left: -30px;  }
.pos4 { left: 100px;  }
.postit .text, .postit blockquote { padding: 15px }

/* sidebar */
#sidebar { width: 400px; float: right; margin: 35px 0 0 0; font-size: 110%; }
#sidebar h2, #sidebar .block h3 { font-family: Consolas, "Courier New", monospace; font-size: 220%; padding: 0 0 1em 0; font-weight: normal; *letter-spacing: -1px }
#sidebar .block h3 { font-size: 200% }
#sidebar h3 { font-size: 120%; padding: 0.2em 0 0.4em 0}
#sidebar .article,#sidebar .reklionas { padding:15px 15px 30px 15px; margin-bottom: -15px; clear: both; overflow: hidden;  height: 100%;z-index:1}
#sidebar p { padding: 0.2em 0 0.6em 0 }
#sidebar form { padding: 0 0 15px 0; width: 100%; overflow: hidden;  }
#sidebar address { font-style: normal; color: #fff }
#sidebar h2.black {color:#000}
#sidebar address a { color: #fff }

.home #sidebar {  overflow: hidden;  }

.home #sidebar .article { background: url(../img/postit3.gif) no-repeat; position:relative;}
.home .cz #sidebar .gala { background: url(../img/postit-gala.jpg) no-repeat; }
.home .en #sidebar .gala { background: url(../img/postit-gala_en.jpg) no-repeat;}
#sidebar .gala p { padding: 126px 0 0 120px; position: relative; }
#sidebar .gala a, #sidebar .gala a span { display: block; width:265px; height: 65px;  position: relative;}
.cz #sidebar .gala a span { position: absolute; left: 0; top: 0; background: url(../img/gala-button.png) no-repeat top;}
.en #sidebar .gala a span { position: absolute; left: 0; top: 0; background: url(../img/gala-button_en.jpg) no-repeat top;}
#sidebar .gala a:hover span { background-position: bottom; }

#sidebar .gala {position:relative;top:-53px;z-index:100}

.home .cz #sidebar .bobby { background: url(../img/postit-bobby.jpg) no-repeat;}
.home .en #sidebar .bobby { background: url(../img/postit-bobby_en.jpg) no-repeat;}
#sidebar .bobby p { padding: 123px 0 0 121px; position: relative; }
#sidebar .bobby a, #sidebar .bobby a span { display: block; width:265px; height: 65px; overflow: hidden; position: relative;}
#sidebar .bobby a span { position: absolute; left: 0; top: 0; background: url(../img/bobby-button.png) no-repeat top;}
#sidebar .bobby a:hover span { background-position: bottom; }

#sidebar .article { background: url(../img/postit4.gif) no-repeat;  }
#sidebar .reklionas { background: url(../img/postit5.gif) no-repeat;  }
#sidebar .info { background: url(../img/postit1.gif) no-repeat;  }
#sidebar .img h2 { color: #fff }
#sidebar .img h2.black { color: #000 }
#sidebar .img { min-height: 190px; _height: 190px }
#sidebar .gallery, #sidebar .radio, #sidebar .video { background: url(../img/postit3.gif) no-repeat; overflow:hidden; }
.video object { float:left; }


.choco{background: #780020 url(../img/chocomusicbg.jpg) no-repeat !important; color:#000;}
.choco a{color:#000;}
.chocomusic{background-image: url(../img/chocomusic.jpg) !important; height:258px !important}
.chocomusicen{background-image: url(../img/chocomusicen.jpg) !important; height:258px !important}
.chocomusicbottom{background-image: url(../img/chocomusic-bottom.jpg) !important; height:243px !important;}


.detem{background: #780020 url(../img/detembg.jpg) no-repeat !important; color:#000;}
.detemen{background: #780020 url(../img/detembgen.jpg) no-repeat !important; color:#000;}
.detem a{color:#000;}
.detemstruny{background-image: url(../img/detem.jpg) !important; height:258px !important}
.detemstrunyen{background-image: url(../img/detemen.jpg) !important; height:258px !important}
.detemstrunybottom{background-image: url(../img/detem-bottom.jpg) !important; height:243px !important;}
#sidebar .detem1   { /* position:relative; */ background: url(../img/detem1bg.png)  !important;  z-index:1 !important;}
#sidebar .detem2   { /* position:relative; */ background: url(../img/detem2bg.png)  !important;  ;z-index:1 !important;}
#sidebar .detem3   { /* position:relative; */ background: url(../img/detem3bg.png)  !important;  ;z-index:1 !important;}


#sidebar .detem1 h1,#sidebar .detem2 h1,#sidebar .detem3 h1 {color:#ffffff;font-size:28px;font-weight:bold}
#sidebar .detem1 h2,#sidebar .detem2 h2,#sidebar .detem3 h2 {color:#000000 !important;font-size:14px;font-weight:bold;margin-bottom:0px !important;;padding-bottom:0px !important}
#sidebar .detem1 h2 img,#sidebar .detem2 h2 img,#sidebar .detem3 h2 img {vertical-align:bottom}

#sidebar .detem1 .bl, #sidebar .detem3 .bl, #sidebar .detem2 .bl {color:#fff}
#sidebar .detem1 h4,#sidebar .detem2 h4,#sidebar .detem3 h4 {color:#000000;font-size:16px;font-weight:bold;margin:5px 0px 0px 0px; padding:0px;}

#sidebar .detem1 h4 a,#sidebar .detem2 h4 a,#sidebar .detem3 h4 a {text-decoration:none}

#sidebar .detem1 .buben , #sidebar .detem2 .buben,#sidebar .detem3 .buben  {margin:-80px 20px 0 150px; position:absolute; right:0; z-index:9999 !important;}
#sidebar .detem3 .buben { margin:-130px 20px 0 150px; }
/*position:absolute;top:-50px;left:300px; z-index:999 !important;*/


#sidebar .detem1 .block {margin:0px}

#sidebar .detem1  .small, #sidebar .detem2  .small,#sidebar .detem3  .small{position:relative;left:-15px; top:5px;margin:0px;background-color:#e8c193}
#sidebar .detem1 .textik, #sidebar .detem2 .textik,#sidebar .detem3 .textik {background: url(../img/postit4.gif) no-repeat !important; color:#000000 !important}


.kalhor{background-image: url(../img/kalhor.jpg) !important;}
.brad{background-image: url(../img/brad.jpg) !important;}
.braden{background-image: url(../img/braden.jpg) !important;}
.garbarek{background-image: url(../img/garbarek.jpg) !important;}
.garbareken{background-image: url(../img/garbareken.jpg) !important;}
.orlowsky{background-image: url(../img/orlowsky.jpg) !important;}
.julia{background-image: url(../img/fisher.jpg) !important;}
.dianne{background-image: url(../img/dianne.jpg) !important;}
.alash{background-image: url(../img/alash.jpg) !important;}
.vijay{background-image: url(../img/vijay.jpg) !important;}
.download-project{background-image: url(../img/download.jpg) !important;}
.reflexe{background-image: url(../img/reflexe.jpg) !important;}
.reflexeen{background-image: url(../img/reflexeen.jpg) !important;}

.rada-inspirace{background-image: url(../img/rada-inspirace.png) !important;}
.rada-inspiraceen{background-image: url(../img/rada-inspiraceen.png) !important;}
.rada-osobnosti{background-image: url(../img/rada-osobnosti.png) !important;}
.rada-crossover{background-image: url(../img/rada-crossover.png) !important;}
.rada-spotlight{background-image: url(../img/rada-spotlight.png) !important;}
.ticketlink{font-size: 120%; background: transparent url(../img/submit.gif) no-repeat left; border: 0; padding: 0 10px 0 30px }

.ceske-muzum-hudby{ background-image: url(../img/sal-muzeum.jpg) !important; }
.lafabrika{ background-image: url(../img/sal-fabrika.jpg) !important; }
.prazska-krizovatka{ background-image: url(../img/sal-anna.jpg) !important; }
.stavovske-divadlo{ background-image: url(../img/sal-stavovske.jpg) !important; }
.rudolfinum{ background-image: url(../img/sal-rudolfinum.jpg) !important; }
.veletrzni-palac{ background-image: url(../img/sal-veletrzni.jpg) !important; }
.lucerna{ background-image: url(../img/lucerna.jpg) !important; }
.vitkov{ background-image: url(../img/vitkov.jpg) !important; }
.kolowrat{ background-image: url(../img/kolowrat.jpg) !important; }
.spsynagoga{ background-image: url(../img/spsynagoga.jpg) !important; }
.obecnak{ background-image: url(../img/obecnak.jpg) !important; }
.matka{ background-image: url(../img/matka.jpg) !important; }
.kongres{ background-image: url(../img/kongres.jpg) !important; }


#sidebar .visual1cz, #sidebar .visual2cz, #sidebar .visual3cz, #sidebar .visual1en, #sidebar .visual2en, #sidebar .visual3en, #sidebar .visualbobby 
{ padding: 0; background: #fff; font-size: 200%; margin: 0;}

#sidebar .visual1cz, #sidebar .visual1cz span, #sidebar .visual2cz, #sidebar .visual2cz span, #sidebar .visual3cz, #sidebar .visual3cz span, 
#sidebar .visual1en, #sidebar .visual1en span, #sidebar .visual2en, #sidebar .visual2en span, #sidebar .visual3en, #sidebar .visual3en span 
{ display: block; width: 400px; height: 274px; overflow: hidden; position: relative; left: 0; top: 0;  }
#sidebar .visual1cz, #sidebar .visual1cz span ,#sidebar .visual1en, #sidebar .visual1en span  {height:390px}
#sidebar .visual1en span {height:408px}/*height:274px*/
#sidebar .visual1en {height:408px}     /*height:274px*/
#sidebar .visualbobby, #sidebar .visualbobby span { display: block; width: 400px; height: 300px;  position: relative; left: 0; top: 0;  }
#sidebar .visual1cz span { position: absolute; background: url(../img/vizual1_cz.jpg) }
#sidebar .visual2cz span { position: absolute; background: url(../img/vizual2_cz.jpg) }
#sidebar .visual3cz span { position: absolute; background: url(../img/vizual3_cz.jpg) }
#sidebar .visual1en span { position: absolute; background: url(../img/vizual1_en.jpg) }
#sidebar .visual2en span { position: absolute; background: url(../img/vizual2_en.jpg) }
#sidebar .visual3en span { position: absolute; background: url(../img/vizual3_en.jpg) } 

#sidebar .visual1cz {z-index:1}
                            
.cz #sidebar .visualbobby, .en #sidebar .visualbobby {z-index:100;position:relative}
.cz #sidebar .visualbobby span { position: absolute; background: url(../img/vizual_bobby.png);top:-54px;z-index:100}
.en #sidebar .visualbobby span { position: absolute; background: url(../img/vizual_bobby_en.png);top:-54px;z-index:100}


.map { float: right; margin: -50px 0 0 0}
.link { font-size: 200%; color: #000; text-decoration: none; float: right; background: transparent url(../img/submit.gif) no-repeat left; padding: 0 10px 0 30px;}
.gallery img { display: block;}
.gallery ul, .gallery li { list-style: none; margin: 0; padding: 0; }
.gallery ul { padding: 0 0 1em 0; float: left;}
.gallery li { float: left; }
.gallery p { clear: both; }

/* sidebar blocks */
.tickets, .inspirace, .osobnosti, .crossover, .spotlight, .profile { margin-bottom: -15px; height: 100%; position: relative; width: 324px; }
.vyastruny { margin-bottom: -15px; height: 100%; position: relative; width: 360px; }
.tickets { background: url(../img/vstupenky.jpg) no-repeat }
.vyastruny { background: url(../img/postit6.gif) no-repeat;  }
.inspirace { background: url(../img/postit6.gif) no-repeat;  }
.osobnosti { background: url(../img/postit6.gif) no-repeat; }
.crossover { background: url(../img/postit6.gif) no-repeat; }
.spotlight { background: url(../img/postit1.gif) no-repeat; }
.ticketblock{ background: url(../img/postit4.gif) no-repeat;
  margin-bottom: -15px; height: 100%; position: relative; width: 294px;
 padding:15px 15px 30px 15px; margin-bottom: -15px; clear: both; overflow: hidden;  height: 100%}
.actor { position: absolute; z-index: 1; left: 324px; top: -5px;}

/* violet blocks */
#sidebar .block { background: url(../img/postit1.gif); padding: 10px 10px 30px 10px; zoom:1;}

/* orange blocks */
#sidebar .block { color: #fff; margin-bottom: -15px; position: relative;}
#sidebar .block table { width: 100%; margin-bottom: 1em }
#sidebar .block th, #sidebar .block td { padding: 3px; font-weight: normal; }
#sidebar .block th { text-align: left; }
#sidebar .block input { border: 0; border-bottom: 1px solid #FFB35B; background: transparent; padding: 0;margin: 0; padding: 0; }
#sidebar .block input.pcs { width: 50px;  }
#sidebar .block input.pcs2 { width: 20px;  }
#sidebar .block .check { border: 1px solid #FFB35B; margin: 0; padding: 0;}
#sidebar .block .submit { background: transparent url(../img/submit.gif) no-repeat left; border: 0; padding: 0 10px 0 30px  }

#sidebar .block input.recalc, #sidebar .block input.del { border: none }
#sidebar .name { font-size: 95% }

#sidebar .profile h2 { color: #000 }
#sidebar .profile .block { color: #000 }

#sidebar .tip { background: url(../img/postit4.gif) }

#sidebar .write { margin: 0 0 15px 0; padding-bottom: 10px; }
#sidebar label { color: #000 }
#sidebar .write textarea { width: 380px; height: 60px; background: transparent; margin: 5px 0 10px 0; padding: 0; text-align: left; border: 1px solid #FFB35B; color: #FFee99;}

/* light orange block */
#sidebar .block .text { background: url(../img/postit4.gif) no-repeat; margin: 10px -10px -30px -10px; padding: 10px 10px 15px 10px;  }

/* headings */
.js #sidebar .bubnovani h2,.js #sidebar .pohled h2,.js #sidebar .workshop1 h2,.js #sidebar .workshop2 h2,.js #sidebar .bubnovani2 h2,.js #sidebar .hlasohratky h2,.js #sidebar .rytmy h2, .js #sidebar .tickets h2, .js #sidebar .inspirace h2, .js #sidebar .osobnosti h2, .js #sidebar .crossover h2, .js #sidebar .spotlight h2, .js #sidebar .block h3 { cursor: pointer;  }
#sidebar .tickets h2, #sidebar .inspirace h2, #sidebar .osobnosti h2, #sidebar .crossover h2{ padding: 10px 0 40px 36px; color: #fff; background: url(../img/block-h2.gif) no-repeat 10px 15px }
#sidebar .bubnovani h2,#sidebar .pohled h2,#sidebar .workshop1 h2,#sidebar .workshop2 h2,#sidebar .bubnovani2 h2, #sidebar .hlasohratky h2, #sidebar .rytmy h2 { padding: 10px 0 40px 36px; color: #fff; background: url(../img/arr.png) no-repeat 5px 15px }

#sidebar .vyastruny h2 { padding: 10px 0 40px 10px; color: #fff;}
 #sidebar .spotlight h2{ padding: 10px 0 60px 36px; color: #fff; background: url(../img/block-h3.gif) no-repeat 10px 15px }
#sidebar .tickets h2 { background: none; color: #000; padding: 10px 0 40px 10px; cursor: default;}
#sidebar .block h3 { color: #000; padding: 0 0 0 26px; background: url(../img/block-h3.gif) no-repeat 0 4px  }
#sidebar h2.clicked { background-image: url(../img/block-h2-click.gif); }
#sidebar .spotlight h2.clicked { background-image: url(../img/block-h3-click.gif); }
#sidebar h3.clicked { background-image: url(../img/block-h3-click.gif); }

#sidebar .detem1 h2.clicked, #sidebar .detem2 h2.clicked, #sidebar .detem3 h2.clicked  { background-image: url(../img/arr2.png); }


/* forms */
.form { padding: 0.2em 0 0.8em 0 }
.form dt { float: left;}
#sidebar .form dt label {  margin: 0 0 1.5em 0; padding: 0;float: left;}
#sidebar .form dd input { border: 0; border-bottom: 1px solid #fff; background: transparent; margin: 0 0 1.5em 0; padding: 0; width: 250px}
.form dd textarea {border: 0; border-bottom: 1px solid #fff;border-left: 1px solid #fff;border-top: 1px solid #fff; background: transparent; margin: 0 0 1.5em 0; padding: 0; width: 250px}
#senddirectmail, #sendsms, #souhlas { width: auto; }
.form #note { border: 1px solid #fff; width:180px }


/*table shop*/
.form dt { width: 10em; clear: left; }
.orderform input{ width: 180px !important;}
#sidebar .shop th{ color: #000; text-align: center;}
.shop,.shop form,.shop td{margin:0 !important;padding:0 !important;}
.shop input{border:none;margin:0 !important;padding:0 !important;}
#transcpost,#transperson,#transprepay{width:30px !important;margin:0 !important;padding:0 !important;}

#sidebar .block .price { padding-right: 2em}


/*strankovani*/
.page{text-align:right;padding:10px 10px 10px 0 ;background:#e7c395;}
.page a{font-size:120%;text-decoration:none;}
.page .curr{font-weight:bold;}

/* scrollpane */
.scrollpane {width: 200px; float: left;}

.jScrollPaneContainer {position: relative;overflow: hidden;z-index: 1;}
.jScrollPaneTrack {position: absolute;cursor: pointer;left: 0;bottom: 0;width: 100%;background: url(../img/scrolltrack.gif) no-repeat;}
.jScrollPaneDrag {position: absolute;cursor: pointer;overflow: hidden;background: url(../img/scrolldrag.gif) no-repeat;}

.scrollGallery {height: 125px;width: 370px;padding: 0;display: block; overflow: auto;}
.js .gallery { overflow: hidden; }
.scrollGallery ul, .scrollGallery li { margin: 0; padding: 0; list-style: none; float: left; }
.scrollGallery img { display: block; margin: 0 1px 0 0;}
.scrollGallery ul { width: 100% }

#channel { width: 800px; overflow: hidden; text-align: left; float: left; overflow: hidden; }
#channel .playlist { width: 340px; float: left; height: 340px; font-size: 110%; overflow: auto;}
#channel .js .playlist { overflow: hidden; }
#channel .playlist ul { padding: 0 0 0 15px }
#channel .playlist li { width: 280px; overflow: hidden; padding: 7px 0;}
#channel .playlist img { float: left; }
#channel .playlist p { float: right; width: 150px }
#channel .movie { width: 460px; height: 340px; float: right; background: transparent url(../img/radiopopup.gif) no-repeat scroll 0 0; }
#channel .movie div { padding: 15px 0 10px 15px; text-align: center; }
#channel .movie p { padding: 5px 0 }
#channel .playlist li.selected { background: #eee }
#channel .jScrollPaneContainer { float: left; }
#channel .jScrollPaneTrack {position: absolute;cursor: pointer;top: 0; left: 310px;height: 100%;background: transparent url(../img/scrolltrack2.gif);}
#channel .jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
#channel .jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
#channel .jScrollPaneDrag {position: absolute;background: transparent url(../img/scrolldrag2.gif);cursor: pointer;overflow: hidden;}

/* nyroModal */
div#nyroModalFull {font-size: 12px;color: #fff; font-family: Georgia, "New York CE", utopia, sans-serif;}
div#nyroModalFull div#nyroModalLoading {border: 2px solid #fff;width: 150px;height: 150px;text-indent: -9999em;background: #fff url(../img/nyroloader.gif) no-repeat;background-position: center;}
div#nyroModalFull div#nyroModalWrapper {background: #fff;border: 10px solid #fff;}
div#nyroModalFull div#nyroModalWrapper a#closeBut {position: absolute;display: block;width: 66px;height: 22px;text-indent: -9999em;background: url(../img/nyroclose.gif) no-repeat;outline: 0;z-index:9999; bottom: -5px; right: 0px;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalPrev:hover {background: url(../img/nyroprev.gif) left 20% no-repeat;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalNext:hover {background: url(../img/nyronext.gif) right 20% no-repeat;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalPrev {left: 0;width: 40%; /*background: url(../img/nyroprev.gif) left 20% no-repeat;*/}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a.nyroModalNext {right: 0;width: 40%; /*background: url(../img/nyronext.gif) right 20% no-repeat;*/}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {margin: 0;padding: 0;	position: absolute;	bottom: 0;	left: 0; padding: 10px 0 0 0; font-size: 11px;color: #000; font-weight: normal; z-index:9999; width: 100%; background: #fff; text-align: left;}

/* nyroModal - nothing to edit here */
div#nyroModalFull div#nyroModalLoading.error {border: 4px solid #f66;line-height: 20px;padding: 20px;width: 300px;height: 100px;text-indent: 0;background: #fff;}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {padding: 5px;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {position: relative;overflow: hidden;text-align: center;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {vertical-align: baseline;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {position: absolute;bottom: 0;left: 0;background: black;padding: 10px;margin: 10px;border: 1px white dotted;overflow: hidden;opacity: 0.2;filter: alpha(opacity=20); display: none;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {opacity: 0.5;filter: alpha(opacity=50);cursor: help;}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent a {outline: none;position: absolute;top: 0;height: 100%;cursor: pointer;text-indent: -9999em;background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */}