* {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  text-decoration: none;
}

.clr:after {
  content:".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

.clear {
  clear: both;
}

div, ul, li {
  position: relative;
}

button {
  cursor: pointer;
}

.content p {
  clear: both;
  color: #FFFFFF;
  display: block;
  font-size: 10px;
  padding: 0 3px 10px;
}

.content p em, .content p strong {
  color:#EFC52E;
  font-weight:bold;
}

.content p em.big {
  padding: 0 2px;
  color: #000;
  text-transform: uppercase;
  background: #EFC52E;
  font-style: normal;
}

.content p a, .commonContent a {
  color: #EFC52E;
}

.content blockquote {
  clear: both;
  color: #f2944a;
  display: block;
  font-size: 11px;
  padding: 0 3px 10px;
  font-style: italic;
}

.content ul {
  clear: both;
  color: #FFFFFF;
  display: block;
  font-size: 11px;
  margin: 0 0 0 13px;
  padding: 0 3px 10px;
  line-height: 13px;
}

.content ul li {
  list-style-type: disc;
}

.content ol {
  clear: both;
  color: #FFFFFF;
  display: block;
  font-size: 11px;
  margin: 0 0 0 17px;
  padding: 0 3px 10px;
  line-height: 13px;
}

body:nth-of-type(1) .content ol { /* Chrome hack */
   margin: 0 0 0 14px;
}

.content ol li {
  list-style-type: decimal;
}

body, html {
  height: 100%;
  min-height: 100%;
  font-family: Arial, sans-serif;
}

/* h2 titles */

h2#met2010 {
  position: absolute;
  width: 14px;
  height: 160px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-met-2010.jpg') no-repeat;
}

h2#heyJune2010 {
  position: absolute;
  width: 14px;
  height: 160px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-hey-june-2010.jpg') no-repeat;
}

h2#titleAdatvedelem {
  position: absolute;
  width: 14px;
  height: 79px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-adatvedelem.jpg') no-repeat;
}

h2#titleAHazEgyebTermei {
  position: absolute;
  width: 14px;
  height: 107px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-a-haz-egyeb-termei.jpg') no-repeat;
}

h2#titleAMupaOrgonaja {
  position: absolute;
  width: 14px;
  height: 99px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-a-mupa-orgonaja.jpg') no-repeat;
}

h2#titleBartokBelaNemzetiHangversenyterem {
  position: absolute;
  width: 14px;
  height: 220px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-bartok-bela-nemzeti-hangversenyterem.jpg') no-repeat;
}

h2#titleBerlesRegisztracio {
  position: absolute;
  width: 14px;
  height: 121px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-berles-regisztracio.jpg') no-repeat;
}

h2#titleBerletek2010 {
  position: absolute;
  width: 14px;
  height: 84px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-berletek-2010.jpg') no-repeat;
}

h2#titleCeginformaciok {
  position: absolute;
  width: 14px;
  height: 96px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-ceginformaciok.jpg') no-repeat;
}

h2#titleCsaladiEsIfjusagiProgramok {
  position: absolute;
  width: 14px;
  height: 171px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-csaladi-es-ifjusagi-programok.jpg') no-repeat;
}

h2#titleDiakjegy {
  position: absolute;
  width: 14px;
  height: 58px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-diakjegy.jpg') no-repeat;
}

h2#titleEgyebKiadvanyok {
  position: absolute;
  width: 14px;
  height: 105px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-egyeb-kiadvanyok.jpg') no-repeat;
}

h2#titleEpuletlatogatasiLehetoseg {
  position: absolute;
  width: 14px;
  height: 161px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-epuletlatogatasi-lehetoseg.jpg') no-repeat;
}

h2#titleFesztivalSzinhaz {
  position: absolute;
  width: 14px;
  height: 102px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-fesztival-szinhaz.jpg') no-repeat;
}

h2#titleFontosTudnivalok {
  position: absolute;
  width: 14px;
  height: 110px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-fontos-tudnivalok.jpg') no-repeat;
}

h2#titleHangfurtCdBolt {
  position: absolute;
  width: 14px;
  height: 103px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-hangfurt-cd-bolt.jpg') no-repeat;
}

h2#titleHirek {
  position: absolute;
  width: 14px;
  height: 43px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-hirek.jpg') no-repeat;
}

h2#titleJegyterkep {
  position: absolute;
  width: 14px;
  height: 73px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-jegyterkep.jpg') no-repeat;
}

h2#titleJegyvasarlasiLehetosegek {
  position: absolute;
  width: 14px;
  height: 156px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-jegyvasarlasi-lehetosegek.jpg') no-repeat;
}

h2#titleKapcsolat {
  position: absolute;
  width: 14px;
  height: 67px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-kapcsolat.jpg') no-repeat;
}



h2#titleKomolyzeneOperaSzinhaz {
  position: absolute;
  width: 14px;
  height: 167px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-komolyzene-opera-szinhaz.jpg') no-repeat;
}

h2#titleVilagzene {
  position: absolute;
  width: 14px;
  height: 167px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-vilagzene.jpg') no-repeat;
}

h2#titleTanc {
  position: absolute;
  width: 14px;
  height: 58px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-tanc.jpg') no-repeat;
}

h2#titleCsaladi {
  position: absolute;
  width: 14px;
  height: 167px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-csaladi.jpg') no-repeat;
}

h2#titleKiallitas {
  position: absolute;
  width: 14px;
  height: 58px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-kiallitas.jpg') no-repeat;
}




h2#titleKozbeszerzesek {
  position: absolute;
  width: 14px;
  height: 97px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-kozbeszerzesek.jpg') no-repeat;
}

h2#titleLudwigMuzeum {
  position: absolute;
  width: 14px;
  height: 91px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-ludwig-muzeum.jpg') no-repeat;
}

h2#titleMegkozelithetoseg {
  position: absolute;
  width: 14px;
  height: 115px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-megkozelithetoseg.jpg') no-repeat;
}

h2#titleMultimedia {
  position: absolute;
  width: 14px;
  height: 75px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-multimedia.jpg') no-repeat;
}

h2#titleMupaElerhetosegei {
  position: absolute;
  width: 14px;
  height: 116px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-mupa-elerhetosegei.jpg') no-repeat;
}

h2#titleMupa {
  position: absolute;
  width: 14px;
  height: 38px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-mupa.jpg') no-repeat;
}

h2#titleMupakartya {
  position: absolute;
  width: 14px;
  height: 74px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-mupakartya.jpg') no-repeat;
}

h2#titleMupamagazin {
  position: absolute;
  width: 14px;
  height: 79px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-mupamagazin.jpg') no-repeat;
}

h2#titleMusorfuzet {
  position: absolute;
  width: 14px;
  height: 75px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-musorfuzet.jpg') no-repeat;
}

h2#titleMusorkalauz {
  position: absolute;
  width: 14px;
  height: 81px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-musorkalauz.jpg') no-repeat;
}

h2#titleOldalterkep {
  position: absolute;
  width: 14px;
  height: 78px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-oldalterkep.jpg') no-repeat;
}

h2#titleOrgonavezetes {
  position: absolute;
  width: 14px;
  height: 93px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-orgonavezetes.jpg') no-repeat;
}

h2#titlePartnereink {
  position: absolute;
  width: 14px;
  height: 76px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-partnereink.jpg') no-repeat;
}

h2#titleTanc {
  position: absolute;
  width: 14px;
  height: 37px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-tanc.jpg') no-repeat;
}

h2#titleVendeglatas {
  position: absolute;
  width: 14px;
  height: 81px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-vendeglatas.jpg') no-repeat;
}

h2#titleVilagzeneJazzKonnyuzene {
  position: absolute;
  width: 14px;
  height: 153px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-vilagzene-jazz-konnyuzene.jpg') no-repeat;
}

h2#titleVinceKonyvesbolt {
  position: absolute;
  width: 14px;
  height: 109px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-vince-konyvesbolt.jpg') no-repeat;
}

h2#titleVirtualisTura {
  position: absolute;
  width: 14px;
  height: 86px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-virtualis-tura.jpg') no-repeat;
}

h2#titleWifi {
  position: absolute;
  width: 14px;
  height: 32px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-wifi.jpg') no-repeat;
}

h2#titleWagner {
  position: absolute;
  width: 14px;
  height: 210px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-wagner.jpg') no-repeat;
}

h2#titleOtcsillagosElmenyJatek {
  position: absolute;
  width: 14px;
  height: 210px;
  text-indent: -999em;
  left: -37px;
  top: 36px;
  background: url('images/title-otcsillagos.jpg') no-repeat;
}

/* layout */
body {
  background: #7a787d url('images/bg-body.jpg') repeat-x top;
}

#layout {
  width: 1000px;
  margin: 0 auto;
  background: #373538 url('images/bg-layout.jpg') repeat-x top;
}

#header {
  width: 1000px;
  height: 119px;
  z-index: 9;
  background: #373538 url('images/bg-header.jpg') no-repeat left top;
}

#header .inner {
  width: 902px;
  margin: 0 auto;
}

#header h1 {
  position: absolute;
  display: block;
  width: 188px;
  height: 50px;
  left: 0;
  top: 21px;
  background: url('images/bg-mainlogo.jpg') no-repeat;
  text-indent: -999em;
}

#header h1 a {
  display: block;
  width: 188px;
  height: 50px;
  overflow: hidden;
}

#login {
  position: absolute;
  width: 290px;
  left: 259px;
  top: 41px;
}

#login div, #search div {
  width: 117px;
  float: left;
  line-height: 12px;
}

#login input {
  display: block;
  width: 110px;
  height: 15px;
  background: #fff;
  color: #000;
  font-size: 11px;
  padding: 0 2px;
  border: 1px solid #7b7b7d;
}

#login .error input {
  background: #ff0000;
  color: #fff;
}

#login label {
  display: block;
  font-size: 11px;
  color: #000;
  line-height: 14px;
  text-transform: uppercase;
}

#login label.lower {
  text-transform: none;
}

#login em {
  color: #000;
  font-style: normal;
}

#login a {
  font-size: 11px;
  color: #fff;
  text-transform: uppercase;
}

#login button {
  margin: 15px 0 0 0;
  width: 49px;
  height: 16px;
  line-height: 14px;
  background: #000;
  color: #fff;
  font-size: 9px;
  text-transform: uppercase;
}

#login span {
  display: none;
}

#login span.error {
  display: block;
  float: left;
  color: #000;
  font-size: 10px;
  padding: 1px 2px;
}

#login span.error a {
  color: #000;
  font-size: 10px;
  padding-left: 5px;
  text-transform: none;
}

#search {
  position: absolute;
  width: 170px;
  left: 572px;
  top: 55px;
}

#search input {
  display: block;
  width: 108px;
  background: #fff;
  color: #000;
  font-size: 10px;
  padding: 1px 2px;
  border: 1px solid #797979;
}

#search button {
  float: left;
  margin: 1px 0 0 0;
  width: 49px;
  height: 16px;
  line-height: 16px;
  background: #000;
  color: #fff;
  font-size: 9px;
  text-transform: uppercase;
}

#hLinks {
  position: absolute;
  right: 0;
  top: 20px;
  width: 155px;
  text-align: right;
  color: #000;
  font-size: 20px;
  letter-spacing: -2px;
  font-weight: bold;
  line-height: 10px;
}

#hLinks a {
  color: #000;
  font-size: 10px;
  line-height: 10px;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0;
}

#hLinks a.last {
  padding: 0 20px 0 0;
}

#hLinks .rss {
  position: absolute;
  right: 0;
  top: 0;
  width: 16px;
  height: 16px;
}

#hLinks .rss a {
  display: block;
  width: 16px;
  height: 16px;
  background: url('images/ico-headerrss.jpg') no-repeat;
}

#header ul {
  left: 0;
  top: 88px;
  width: 902px;
  height: 31px;
  z-index: 10;
}

#header ul li {
  width: 128px;
  height: 31px;
  float: left;
  padding-right: 1px;
}

#header ul li.last {
  padding: 0;
}

#header ul li a {
  display: block;
  width: 128px;
  height: 31px;
  background: url('images/bg-mainmenu.jpg') no-repeat;
  font-size: 9px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  line-height: 36px;
  overflow: hidden;
}

#header ul li a:hover, #header ul li a.act {
  background: url('images/bg-mainmenu-act.jpg') no-repeat;
}

#header ul li ul {
  position: absolute;
  display: none;
  left: 0;
  top: 31px;
  width: 128px;
  height: auto;
  padding: 2px 0 6px 0;
  background: #3e3e40 url('images/bg-submenu.jpg') repeat-x top;
  z-index: 10;
}

#header ul li ul li {
  width: 118px;
  height: auto;
  float: none;
  padding: 7px 5px 3px 5px;
  line-height: 7px;
}

#header ul li ul li a {
  display: inline;
  width: auto;
  height: auto;
  line-height: 11px;
  float: none;
  background: none;
  text-align: left;
  overflow: visible;
}

#header ul li ul li a:hover {
  background: #FFC702;
  color: #000;
}

#header ul li ul li a._bc8e6d:hover { /*opera*/
  background: #bc8e6d;
  color: #FFF;
}

#header ul li ul li a._ab0080:hover { /*vilagzene*/
  background: #ab0080;
  color: #FFF;
}

#header ul li ul li a._01a8d4:hover { /*tanc*/
  background: #01a8d4;
  color: #FFF;
}

#header ul li ul li a._7FB61C:hover { /*csaladi*/
  background: #7FB61C;
  color: #FFF;
}

#header ul li ul li a._F2944A:hover { /*kiallitas*/
  background: #F2944A;
  color: #FFF;
}

#mainContent {
  width: 902px;
  margin: 27px auto 0 auto;
  z-index: 1;
  font-family: Verdana, Tahoma, Arial, sans-serif;
}

#subContent {
  width: 902px;
  min-height: 500px;
  margin: 0 auto;
  padding: 12px 0 0 0;
  z-index: 1;
  font-family: Verdana, Tahoma, Arial, sans-serif;
}

#mainFlash {
  padding: 0 0 14px 0;
  z-index: 1;
  font-size: 0;
  line-height: 0;
}

#mainContent .left {
  display: inline;
  float: left;
  width: 178px;
  padding-right: 2px;
  z-index: 10;
}

#mainContent .right {
  display: inline;
  float: left;
  width: 722px;
}

#mainContent .left h3 {
  font-weight: normal;
}

#mainContent .left a.programCalendar, #programPage .calendar a.programCalendar {
  display: block;
  width: 178px;
  height: 31px;
  font-size: 9px;
  margin: 0 0 2px 0;
  color: #fff;
  text-align: center;
  line-height: 33px;
  text-transform: uppercase;
  overflow: hidden;
  background: url('images/bg-calendar.gif') no-repeat;
}

#programPage h5 {
  width: 200px;
  height: 23px;
  padding: 4px 0 0 2px;
  font-size: 10px;
  line-height: 9px;
  color: #9f9f9f;
  font-weight: normal;
  text-transform: uppercase;
}

#playerList {
  width: 202px;
  position: relative;
  margin: 0;
  padding: 0;
  background: url('images/player-bg.png') no-repeat left top;
}

#playerList .bottom {
  width: 202px;
  height: 5px;
  position: absolute;
  bottom: 0px;
  margin: 0;
  padding: 0;
  background: url('images/player-bottom.png') no-repeat left top;
}




#yearSelector {
  float: left;
  width: 62px;
  height: 31px;
  margin: 0 2px 0 0;
}

#yearSelector .topYear {
  position: absolute;
  left: 0;
  bottom: 33px;
  padding: 3px 0;
}

#yearSelector .bottomYear {
  position: absolute;
  left: 0;
  top: 33px;
  padding: 3px 0;
}

#yearSelector .topYear .top, #yearSelector .bottomYear .top {
  position: absolute;
  width: 62px;
  height: 3px;
  left: 0;
  top: 0;
  background: url('images/bg-calendar-year-top.gif') no-repeat left top;
}

#yearSelector .topYear .bottom, #yearSelector .bottomYear .bottom {
  position: absolute;
  width: 62px;
  height: 3px;
  left: 0;
  bottom: 0;
  background: url('images/bg-calendar-year-bottom.gif') no-repeat left bottom;
}

#yearSelector .topYear .center, #yearSelector .bottomYear .center {
  background: #555557;
  z-index: 11;
  line-height: 12px;
}

#yearSelector .topYear .center a, #yearSelector .bottomYear .center a {
  display: block;
  width: 62px;
  font-size: 9px;
  color: #000;
  text-align: center;
}

#yearSelector .topYear .center a:hover, #yearSelector .bottomYear .center a:hover {
  color: #fff;
}

#mainContent .left a.year {
  display: block;
  width: 62px;
  height: 31px;
  font-size: 9px;
  color: #000;
  text-align: center;
  line-height: 33px;
  text-transform: uppercase;
  overflow: hidden;
  background: url('images/bg-calendar-year.gif') no-repeat 0 0;
}

#mainContent .left a.year:hover {
  background: url('images/bg-calendar-year.gif') no-repeat 0 -31px;
}

#programPage .calendar a.year, #programFilter .calendar a.year {
  display: block;
  width: 62px;
  height: 31px;
  font-size: 9px;
  color: #000;
  text-align: center;
  line-height: 33px;
  text-transform: uppercase;
  overflow: hidden;
  background: url('images/bg-calendar-year.gif') no-repeat 0 0;
}

#programPage .calendar a.year:hover, #programFilter .calendar a.year:hover {
  background: url('images/bg-calendar-year.gif') no-repeat 0 -31px;
}


#monthSelector {
  float: left;
  width: 114px;
  height: 31px;
}

#monthSelector .topMonth {
  position: absolute;
  left: 0;
  bottom: 33px;
  padding: 3px 0;
}

#monthSelector .bottomMonth {
  position: absolute;
  left: 0;
  top: 33px;
  padding: 3px 0;
}

#monthSelector .topMonth .top, #monthSelector .bottomMonth .top {
  position: absolute;
  width: 114px;
  height: 3px;
  left: 0;
  top: 0;
  background: url('images/bg-calendar-month-top.gif') no-repeat left top;
}

#monthSelector .topMonth .bottom, #monthSelector .bottomMonth .bottom {
  position: absolute;
  width: 114px;
  height: 3px;
  left: 0;
  bottom: 0;
  background: url('images/bg-calendar-month-bottom.gif') no-repeat left bottom;
}

#monthSelector .topMonth .center, #monthSelector .bottomMonth .center {
  background: #555557;
  z-index: 11;
  line-height: 12px;
}

#monthSelector .topMonth .center a, #monthSelector .bottomMonth .center a {
  display: block;
  width: 88px;
  padding: 0 0 0 26px;
  font-size: 9px;
  color: #000;
  text-align: left;
  text-transform: uppercase;
}

#monthSelector .topMonth .center a:hover, #monthSelector .bottomMonth .center a:hover {
  color: #fff;
}

#daySelector {
  width: 30px;
  height: 31px;
}

#daySelector .topDay {
  position: absolute;
  left: 0;
  bottom: 33px;
  padding: 3px 0;
}

#daySelector .bottomDay {
  position: absolute;
  left: 0;
  top: 33px;
  padding: 3px 0;
}

#daySelector .topDay .top, #daySelector .bottomDay .top {
  position: absolute;
  width: 30px;
  height: 3px;
  left: 0;
  top: 0;
  background: url('images/bg-calendar-day-top.gif') no-repeat left top;
}

#daySelector .topDay .bottom, #daySelector .bottomDay .bottom {
  position: absolute;
  width: 31px;
  height: 3px;
  left: 0;
  bottom: 0;
  background: url('images/bg-calendar-day-bottom.gif') no-repeat left top;
}

#daySelector .topDay .center, #daySelector .bottomDay .center {
  background: #555557;
  z-index: 11;
  line-height: 12px;
}

#daySelector .topDay .center a, #daySelector .bottomDay .center a {
  display: block;
  width: 20px;
  padding: 0 0 0 10px;
  font-size: 9px;
  color: #000;
  text-align: left;
  text-transform: uppercase;
}

#daySelector .topDay .center a:hover, #daySelector .bottomDay .center a:hover {
  color: #fff;
}

#mainContent .left a.month {
  display: block;
  width: 114px;
  height: 31px;
  font-size: 9px;
  color: #000;
  text-align: center;
  line-height: 33px;
  text-transform: uppercase;
  overflow: hidden;
  background: url('images/bg-calendar-month.gif') no-repeat 0 0;
}

#mainContent .left a.month:hover {
  background: url('images/bg-calendar-month.gif') no-repeat 0 -31px;
}

#programPage .calendar a.month, #programFilter .calendar a.month {
  display: block;
  float: left;
  width: 114px;
  height: 31px;
  font-size: 9px;
  color: #000;
  text-align: center;
  line-height: 33px;
  text-transform: uppercase;
  overflow: hidden;
  background: url('images/bg-calendar-month.gif') no-repeat 0 0;
}

#programPage .calendar a.month:hover, #programFilter .calendar a.month:hover {
  background: url('images/bg-calendar-month.gif') no-repeat 0 -31px;
}

#programPage .calendar a.day, #programFilter .calendar a.day {
  display: block;
  float: left;
  width: 30px;
  height: 31px;
  font-size: 9px;
  color: #000;
  text-align: center;
  line-height: 33px;
  text-transform: uppercase;
  overflow: hidden;
  background: url('images/bg-calendar-one-day-button.gif') no-repeat 0 0;
}

#programPage .calendar a.day:hover, #programFilter .calendar a.day:hover {
  background: url('images/bg-calendar-one-day-button.gif') no-repeat 0 -31px;
}

#mainContent .left a.news {
  display: block;
  width: 178px;
  height: 31px;
  font-size: 9px;
  margin: 6px 0;
  color: #fff;
  text-align: center;
  line-height: 33px;
  text-transform: uppercase;
  overflow: hidden;
  background: url('images/bg-calendar.gif') no-repeat;
}

#mainContent .left a.mm {
  display: block;
  width: 178px;
  height: 31px;
  margin: 0 0 4px 0;
  font-size: 9px;
  color: #fff;
  text-align: center;
  line-height: 33px;
  text-transform: uppercase;
  overflow: hidden;
  background: url('images/bg-calendar.gif') no-repeat;
}

#mainContent .left a.voice {
  display: block;
  float: left;
  width: 57px;
  height: 57px;
  margin: 0 3px 0 0;
  font-size: 1px;
  text-indent: -999em;
  line-height: 0;
  overflow: hidden;
  background: url('images/bg-mm-voice.jpg') no-repeat;
}

#mainContent .left a.video {
  display: block;
  float: left;
  width: 58px;
  height: 57px;
  margin: 0 3px 0 0;
  font-size: 1px;
  text-indent: -999em;
  line-height: 0;
  overflow: hidden;
  background: url('images/bg-mm-video.jpg') no-repeat;
}

#mainContent .left a.image {
  display: block;
  float: left;
  width: 57px;
  height: 57px;
  font-size: 1px;
  text-indent: -999em;
  line-height: 0;
  overflow: hidden;
  background: url('images/bg-mm-image.jpg') no-repeat;
}

#calendarDays {
  width: 722px;
  height: 64px;
  background: url('images/bg-calendar-day.gif') no-repeat;
}

#calendarDays ul {
  width: 720px;
  padding: 15px 0 5px 2px;
}

#calendarDays ul li {
  float: left;
  display: inline;
  width: 15px;
  height: 15px;
  margin: 0 4px;
  font-size: 9px;
  color: #000;
  text-transform: uppercase;
  text-align: center;
  font-weight: bold;
  overflow: hidden;
  letter-spacing: -2px;
}

#calendarDays ul li a {
  display: block;
  width: 15px;
  height: 15px;
  text-align: center;
  color: #fff;
  line-height: 15px;
}

#calendarDays ul li a:hover, #calendarDays ul li a.act {
  color: #000;
  background: #efc52e;
}

#newsScroll {
  width: 722px;
  height: 31px;
  margin: 6px 0;
  background: url('images/bg-newsscroll.gif') no-repeat;
}

#newsScroll .prev {
  display: block;
  position: absolute;
  left: 7px;
  top: 12px;
  width: 7px;
  height: 7px;
  text-indent: -999em;
  overflow: hidden;
  background: url('images/bg-grey-prev.jpg') no-repeat;
}

#newsScroll .next {
  display: block;
  position: absolute;
  right: 7px;
  top: 12px;
  width: 7px;
  height: 7px;
  text-indent: -999em;
  overflow: hidden;
  background: url('images/bg-grey-next.jpg') no-repeat;
}

#newsTicker {
  position: absolute;
  left: 22px;
  top: -1px;
  width: 680px;
  height: 10px;
  overflow: hidden;
}

#newsTicker li {
  float: left;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  /*color: #e2017b;*/
}

#newsTicker li a {
  padding: 0 3px;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
}

#newsTicker li a.brown {
  color: #ac8b74;
}

#newsTicker li a.purple {
  color: #c00077;
}

#newsTicker li a.blue {
  color: #5ea6d0;
}

#newsTicker li a.green {
  color: #7DB841;
}

#newsTicker li a.orange {
  color: #F39549;
}

#newsTicker li a.black {
  color: #000;
}

/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
  position: absolute;
  left: 22px;
  top: 11px;
  width: 680px;
  height: 10px;
  overflow: hidden;
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
  position: relative;
  width: 680px;
  height: 10px;
  overflow: hidden;
}

ul.newsticker { /* that's your list */
  position: relative;
  left: 680px;
  height: 10px;
}

ul.newsticker li {
  float: left; /* important: display inline gives incorrect results when you check for elem's width */
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  /*color: #e2017b;*/
}

ul.newsticker a {
  padding: 0 3px;
  font-size: 10px;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
}

#mupaCardBox {
  float: left;
  width: 413px;
  height: 92px;
  margin: 0 6px 0 0;
  background: url('images/bg-mupacard.gif') no-repeat;
}

#mupaCardBoxLoggedIn a {
  display: block;
  width: 413px;
  height: 92px;
  overflow: hidden;
  text-indent: -999em;
}

#mupaCardBoxLoggedIn {
  float: left;
  width: 413px;
  height: 92px;
  margin: 0 6px 0 0;
  background: url('images/bg-mupacardloggedin.jpg') no-repeat;
}


#mupaCardBoxElmeny a {
  display: block;
  width: 413px;
  height: 92px;
  overflow: hidden;
  text-indent: -999em;
}

#mupaCardBoxElmeny {
  float: left;
  width: 413px;
  height: 92px;
  margin: 0 6px 0 0;
  background: url('images/bg-mupacard-elmeny.jpg') no-repeat;
}

#mupaCardBoxInyenc a {
  display: block;
  width: 413px;
  height: 92px;
  overflow: hidden;
  text-indent: -999em;
}

#mupaCardBoxInyenc {
  float: left;
  width: 413px;
  height: 92px;
  margin: 0 6px 0 0;
  background: url('images/bg-mupacard-inyenc.jpg') no-repeat;
}


#mupaCardBox a {
  display: block;
  width: 413px;
  height: 92px;
  overflow: hidden;
  text-indent: -999em;
}

#hangArBox {
  float: left;
  width: 194px;
  height: 92px;
  margin: 0 6px 0 0;
  background: url('images/bg-hangar.gif') no-repeat;
}

#hangArBox a {
  display: block;
  width: 194px;
  height: 92px;
  overflow: hidden;
  text-indent: -999em;
}

#photoCompBox {
  float: left;
  width: 103px;
  height: 92px;
  background: url('images/bg-photocomp.gif') no-repeat;
}

/*#photoCompBox a {
  display: block;
  width: 103px;
  height: 92px;
  overflow: hidden;
  text-indent: -999em;
}   */

#footer {
  width: 902px;
  margin: 0 auto;
  padding: 16px 0 40px 0;
  height: 17px;
  font-family: Arial, sans-serif;
}

#footer .links {
  float: left;
  width: 290px;
  height: 10px;
}

#footer .links li {
  float: left;
  padding: 0 1px;
  font-size: 8px;
  color: #838184;
  font-weight: bold;
  line-height: 26px;
  text-transform: uppercase;
}

#footer .links li a {
  font-size: 8px;
  color: #838184;
}

#footer .sponsors {
  float: right;
  width: 569px;
  height: 21px;
}

#footer .sponsors li {
  float: left;
  height: 21px;
  padding: 2px 0 0 8px;
  border-right: 1px solid #545456;
}

#footer .sponsors li.last {
  border-right: none;
}

#footer .sponsors li a, #footer .sponsors li span {
  display: block;
  text-indent: -999em;
  float: left;
  padding: 0 12px 0 0;
  overflow: hidden;
}

#footer .sponsors li a {
  display: block;
  text-indent: -999em;
  float: left;
  padding: 0 8px 0 0;
  margin: 2px 0 0 0;
}

#footer .sponsors li.last a {
  padding: 0;
  margin: 0;
}

#footer .sponsors li a#logoOKM {
  width: 21px;
  height: 16px;
  background: url('images/logo-nem.jpg') no-repeat;
}

#footer .sponsors li #startPartners {
  width: 74px;
  height: 20px;
  background: url('images/t-strategiai-partnereink.jpg') no-repeat;
}

#footer .sponsors li a#logoErste {
  width: 41px;
  height: 15px;
  margin: 3px 0 0 0;
  background: url('images/logo-erste.jpg') no-repeat;
}

#footer .sponsors li a#logoTonline {
  width: 39px;
  height: 15px;
  margin: 3px 0 0 0;
  background: url('images/logo-tonline.jpg') no-repeat;
}

#footer .sponsors li #startMediaPartners {
  width: 74px;
  height: 20px;
  background: url('images/t-strategiai-mediapartnereink.jpg') no-repeat;
}

#footer .sponsors li a#logoMetropol {
  width: 63px;
  height: 17px;
  background: url('images/logo-metropol.jpg') no-repeat;
}

#footer .sponsors li a#logoMTV {
  width: 25px;
  height: 17px;
  background: url('images/logo-mtv.jpg') no-repeat;
}

#footer .sponsors li a#logoPorthu {
  width: 35px;
  height: 17px;
  background: url('images/logo-porthu.jpg') no-repeat;
}

#footer .sponsors li #morePartners {
  width: 75px;
  height: 20px;
  background: url('images/t-tovabbi-partnereink.jpg') no-repeat;
}

/* multimedia */
#subMenu {
  width: 902px;
  height: 14px;
  background: url('images/bg-submenu-line.gif') no-repeat center;
}

#subMenu li {
  width: 179px;
  float: left;
  margin-right: 2px;
}

#subMenu li.first {
  width: 178px;
}

#subMenu li.last {
  margin-right: 0;
}

#subMenu li a {
  display: block;
  width: 179px;
  height: 14px;
  font-size: 9px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  text-indent: -999em;
  line-height: 14px;
  overflow: hidden;
}

#subMenu li.first a {
  width: 178px;

}

#subMenu li a.brown:hover {
  background: url('images/bg-submenu-brown.gif') no-repeat;
  text-indent: 0;
}

#subMenu li a.purple:hover {
  background: url('images/bg-submenu-purple.gif') no-repeat;
  text-indent: 0;
}

#subMenu li a.blue:hover {
  background: url('images/bg-submenu-blue.gif') no-repeat;
  text-indent: 0;
}

#subMenu li a.green:hover {
  background: url('images/bg-submenu-green.gif') no-repeat;
  text-indent: 0;
}
#subMenu li a.orange:hover {
  background: url('images/bg-submenu-orange.gif') no-repeat;
  text-indent: 0;
}

#searchBox {
  width: 899px;
  height: 29px;
  margin: 10px 0;
  padding: 4px 0 0 0;
  background: url('images/bg-searchbox.gif') no-repeat right;
}

#searchBox h3 {
  font-size: 10px;
  color: #9f9f9f;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 28px;
}

#searchBox li {
  float: left;
  padding: 0 8px;
  height: 25px;
  border-right: 1px solid #525254;
}

#searchBox li.first {
  padding: 0 0 0 0;
  border: none;
}

#searchBox li.last {
  padding: 0 0 0 8px;
  border: none;
}

#searchBox label {
  float: left;
  font-size: 10px;
  margin: 7px 8px 0 0;
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
}

#searchBox span {
  font-size: 10px;
  margin: 7px 2px 0 2px;
  color: #fff;
  font-weight: normal;
  text-transform: uppercase;
}

#searchBox select, #searchBox input {
  margin: 3px 0 0 0;
  font-size: 10px;
  color: #000000;
  font-weight: normal;
  text-transform: uppercase;
  height: 16px;
  border: 1px solid #000;
}
#searchBox input.composer {
  float: left;
  margin: 4px 0 0 0;
  font-size: 10px;
  color: #000000;
  font-weight: normal;
  text-transform: uppercase;
  width: 300px !important;
  height: 16px;
  border: 1px solid #000;
}

#searchBox select option {
  font-size: 10px;
  color: #000000;
  font-weight: normal;
  text-transform: uppercase;
  word-wrap: break-word;
  width: 200px !important;
  overflow: hidden;
}

#searchBox select#sDate1, #searchBox select#sDate2 {
  width: 60px;
  margin-right: 10px;
}

#searchBox #sVideo, #searchBox #sSound, #searchBox #sImage {
  display: block;
  float: left;
  margin: 5px 4px 0 0;
  width: 15px;
  height: 15px;
}

#searchBox button {
  margin: 6px 0 0 0;
  font-size: 9px;
  color: #000;
  font-weight: normal;
  text-transform: uppercase;
  border: 1px solid #000;
  background: #efc52e;
  width: 55px;
  height: 14px;
  line-height: 12px;
}

#searchBox select.year {
  font-size: 10px;
  width: 52px !important;
  margin: 6px 0 0 0 !important;
}

#searchBox select.month, #searchBox select.day {
  font-size: 10px;
  width: 40px !important;
  margin: 6px 0 0 0 !important;
}

#actualBox {
  float: left;
  width: 276px;
  height: 500px;
  background: url('images/bg-actualbox.gif') no-repeat left 27px;
}

#actualBoxScroller {
  width: 266px;
  height: 471px;
  margin: 10px 0 0 10px !important;
  overflow: hidden !important;
}

#actualBox h3 {
  height: 15px;
  padding: 12px 0 0 2px;
  font-size: 10px;
  color: #9f9f9f;
  font-weight: normal;
  text-transform: uppercase;
}

#actualBox ul {
  width: 246px;
  height: 453px;
/*
  margin: 10px 0 0 10px;
  overflow: hidden;
*/
}

#actualBox ul li {
  padding: 12px 0 9px 0;
  line-height: 11px;
  background: url('images/sep-actualbox.gif') no-repeat center bottom;
}

#actualBox ul li.first {
  padding: 0 0 9px 0;
}

#actualBox ul li img {
  float: left;
}

#actualBox .content {
  float: left;
  display: inline;
  width: 139px;
  margin: 0 0 0 10px;
}

#actualBox h4 {
  display: inline;
  font-size: 10px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 9px;
  padding: 0 0 0 8px;
  /*background: url('images/ico-actualbox.gif') no-repeat 0 4px;*/
}

#actualBox span {
  display: block;
  padding: 8px 0 3px 0;
  font-size: 10px;
  color: #fff;
  line-height: 10px;
}

a.bWhite {
  display: block;
  float: left;
  padding: 2px 4px 0 4px;
  background: #fff;
  border: 1px solid #000;
  color: #000;
  font-family: Arial, sans-serif;
  font-size: 9px;
  text-transform: uppercase;
}

a.bYellow {
  display: block;
  float: left;
  margin: 0 2px 2px 0;
  padding: 2px 4px 0 4px;
  background: #efc52e;
  border: 1px solid #000;
  color: #000;
  font-family: Arial, sans-serif;
  font-size: 9px;
  text-transform: uppercase;
}

#actualBox .up {
  position: absolute;
  left: 254px;
  top: 30px;
  width: 7px;
  height: 8px;
  text-indent: -999em;
  overflow: hidden;
  cursor: pointer;
  background: url('images/a-up.gif') no-repeat;
}

#actualBox .down {
  position: absolute;
  left: 254px;
  bottom: 3px;
  width: 7px;
  height: 8px;
  text-indent: -999em;
  overflow: hidden;
  cursor: pointer;
  background: url('images/a-down.gif') no-repeat;
}

#videoBox {
  float: left;
  width: 284px;
  height: 500px;
  overflow: hidden;
  background: url('images/bg-videobox.gif') no-repeat left 27px;
}

#videoBox h3 {
  width: 74px;
  height: 23px;
  padding: 4px 0 0 2px;
  font-size: 10px;
  line-height: 9px;
  color: #9f9f9f;
  font-weight: normal;
  text-transform: uppercase;
}

#videoBox .flash {
  margin: 0 0 10px 0;
}

#videoBox .content {
  width: 254px;
  margin: 10px 0 0 10px;
}

#videoBox .flash a {
  position: absolute;
  width: 256px;
  height: 210px;
  display: block;
  z-index: 2;
}

#videoBox .flash .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 256px;
  height: 210px;
  z-index: 1;
  background: url('images/ico-play-256x210.png') no-repeat;
}

#videoBox h4 {
  display: inline;
  font-size: 10px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 9px;
  padding: 0 0 0 8px;
  /*background: url('images/ico-actualbox.gif') no-repeat 0 4px;*/
}

#videoBox span {
  display: block;
  padding: 8px 0 3px 2px;
  font-size: 10px;
  color: #fff;
  line-height: 10px;
}

#videoBox .videoAdvise {
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
  border-top: 1px solid #636363;
}

#videoBox .videoAdvise h3 {
  width: 254px;
  height: 17px;
  padding: 0;
  line-height: 12px;
}

#videoBox .videoAdvise .videos {
  height: 147px;
  overflow: hidden;
  margin: 0 0 3px 0;
}

#videoBox .videoAdvise img {
  float: left;
  margin: 0 10px 0 0;
}

#videoBox .videoAdvise div {
  float: left;
  margin: 0 0 9px 0;
}

#videoBox .videoAdvise div.last {
  margin: 0 0 9px 0;
}

#videoBox .videoAdvise div.data {
  padding: 0 0 0 72px;
  margin: 0;
  float: none;
}

#videoBox .videoAdvise div a {
  position: absolute;
  width: 62px;
  height: 42px;
  display: block;
  z-index: 2;
  left: 0;
  top: 0;
}

#videoBox .videoAdvise div .bg {
  position: absolute;
  left: 0;
  top: 0;
  float: none;
  margin: 0;
  width: 62px;
  height: 42px;
  z-index: 1;
  background: url('images/ico-play-62x42.png') no-repeat;
}

#videoBox .up {
  position: absolute;
  right: -5px;
  top: 25px;
  width: 7px;
  height: 8px;
  text-indent: -999em;
  overflow: hidden;
  cursor: pointer;
  background: url('images/a-up.gif') no-repeat;
}

#videoBox .down {
  position: absolute;
  right: -5px;
  bottom: 3px;
  width: 7px;
  height: 8px;
  text-indent: -999em;
  overflow: hidden;
  cursor: pointer;
  background: url('images/a-down.gif') no-repeat;
}




#imageBox {
  float: left;
  width: 212px;
  height: 500px;
  /*  overflow: hidden; */
  background: url('images/bg-imagegallerybox.gif') no-repeat left 27px;
}

#pictureScroll {
	overflow: scroll;
	width: 182px;
	height: 195px;
}

#pictureScroll ul {
	height: 200px !important;
}

#pictureScroll li, #pictureScroll div {
    float: left;
    cursor: pointer;
	width: 182px;
	height: 195px;
}


div.scrollable {
    overflow: hidden;
	width: 182px;
	height: 195px;
}
div.scrollable img {
    height: 195px; width: 182px; top:0; left:0
}
div.scrollable div.items {
    /* this cannot be too large */
    /*width:20000em; */
    position: absolute;
    height: 195px;
}
div.scrollable div.nav {
    position: absolute;
    top: 195px;
}
div.scrollable div.items div {
}
div.items div.active {
    border: 1px inset #ccc;
    background-color: #fff;
}








#imageBox h3 {
  width: 74px;
  height: 23px;
  padding: 4px 0 0 2px;
  font-size: 10px;
  line-height: 9px;
  color: #9f9f9f;
  font-weight: normal;
  text-transform: uppercase;
}

#imageBox .image {
  width: 182px;
  height: 215px;
  overflow: hidden;
}

#imageBox #pictures {
  clear: both;
  width: 10000px;
  height: 215px;
}


#imageBox .pic {
  float: left;
  width: 182px;
  height: 215px;
}


#imageBox ul {
  width: auto;
  height: 195px;
  margin: 0;
  padding: 0;
  /*overflow: hidden;*/
}

#imageBox li {
  display: inline;

}

#imageBox a.prev {
  position: absolute;
  top: 200px;
  left: 0;
  display: block;
  width: 8px;
  height: 8px;
  text-indent: -999em;
  overflow: hidden;
  background: url('images/a-imggallery-prev.gif') no-repeat;
}

#imageBox a.next {
  position: absolute;
  top: 200px;
  right: 0;
  display: block;
  width: 8px;
  height: 8px;
  text-indent: -999em;
  overflow: hidden;
  background: url('images/a-imggallery-next.gif') no-repeat;
}

#imageBox .content {
  width: 182px;
  margin: 10px 0 0 10px;
}

#imageBox h4 {
  display: inline;
  font-size: 10px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 9px;
  padding: 0 0 0 8px;
  /*background: url('images/ico-actualbox.gif') no-repeat 0 4px;*/
}

#imageBox span {
  display: block;
  padding: 8px 0 3px 2px;
  font-size: 10px;
  color: #fff;
  line-height: 10px;
}

#imageBox .imageAdvise {
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
  border-top: 1px solid #636363;
}


#imageBox .imageAdvise img {
  float: left;
  margin: 0 10px 0 0;
}

#imageBox .imageAdvise h3 {
  width: 182px;
  height: 17px;
  padding: 0;
  line-height: 12px;
}

#imageBox .imageAdvise .images {
  height: 102px;
  overflow: hidden;
  margin: 0 0 9px 0;
}

#imageBox .imageAdvise .images div {
  margin: 0 0 9px 0;
}

#imageBox .imageAdvise div.data {
  padding: 0 0 0 72px;
  margin: 0;
  float: none;
}

/* #imageBox .imageAdvise img.last {
  margin: 0 0 9px 0;
} */

#imageBox .up {
  position: absolute;
  right: -5px;
  top: 25px;
  width: 7px;
  height: 8px;
  text-indent: -999em;
  overflow: hidden;
  cursor: pointer;
  background: url('images/a-up.gif') no-repeat;
}

#imageBox .down {
  position: absolute;
  right: -5px;
  bottom: 3px;
  width: 7px;
  height: 8px;
  text-indent: -999em;
  overflow: hidden;
  cursor: pointer;
  background: url('images/a-down.gif') no-repeat;
}


#soundBox {
  float: left;
  width: 127px;
  height: 500px;
  overflow: hidden;
  background: url('images/bg-soundbox.gif') no-repeat left 27px;
}

#soundBox h3 {
  width: 74px;
  height: 23px;
  padding: 4px 0 0 2px;
  font-size: 10px;
  line-height: 9px;
  color: #9f9f9f;
  font-weight: normal;
  text-transform: uppercase;
}

#soundBox .soundPlayer {
    margin: 5px auto 5px 10px !important;
}

#soundBox .sound {
  width: 107px;
}

#soundBox .content {
  width: 107px;
  margin: 10px 0 0 10px;
}

#soundBox h4 {
  display: inline;
  font-size: 9px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 9px;
  margin: 10px 0 0 0 !important;
  padding: 0 0 0 8px;
  /*background: url('images/ico-actualbox.gif') no-repeat 0 4px;*/
}

#soundBox span {
  display: block;
  padding: 8px 0 3px 2px;
  font-size: 10px;
  color: #fff;
  line-height: 10px;
}

#soundBox .soundAdvise {
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
  border-top: 1px solid #636363;
}

#soundBox .soundAdvise h3 {
  width: 107px;
  height: 17px;
  padding: 0;
  font-size: 9px;
  line-height: 12px;
  letter-spacing: -1px;
}

#soundBox .soundAdvise .images {
  height: 80px;
  overflow: hidden;
  margin: 0 0 9px 0;
}

#soundBox .soundAdvise img {
  float: left;
  margin: 0 5px 9px 0;
}

#soundBox .soundAdvise img.last {
  margin: 0 0 9px 0;
}

#soundBox .soundAdvise h3 {
  padding: 4px 0 9px 2px;
  font-size: 10px;
  line-height: 9px;
  color: #9f9f9f;
  font-weight: normal;
  text-transform: uppercase;
}

/* a haz egyeb termei */
#mupaMorePlaces {
  margin: 11px 0 0 0;
}

#mupaMorePlaces .place {
  float: left;
  width: 224px;
  margin: 0 2px 0 0;
}

#mupaMorePlaces .placeLast {
  float: left;
  width: 224px;
  margin: 0;
}

#mupaMorePlaces .place h3, #mupaMorePlaces .placeLast h3 {
  width: 207px;
  height: 30px;
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
  line-height: 30px;
  padding: 0 0 0 17px;
  background: url('images/bg-placetitle.gif') no-repeat;
}

#mupaMorePlaces .place img, #mupaMorePlaces .placeLast img {
  width: 224px;
  height: 224px;
  margin: 2px 0 0 0;
}

#mupaMorePlaces .place p, #mupaMorePlaces .placeLast p {
  width: 198px;
  height: 200px;
  font-size: 10px;
  color: #fff;
  font-weight: normal;
  line-height: 11px;
  padding: 10px 13px 10px 13px;
  overflow: hidden;
  background: url('images/bg-place224.gif') no-repeat;
}

/* hireklista */
#newsPager {
  width: 888px;
  height: 66px;
  margin: 0 auto;
  padding: 11px 0 0 0;
}

#newsPager a.prev {
  position: absolute;
  display: block;
  left: 0;
  top: 26px;
  width: 11px;
  height: 5px;
  text-indent: -999em;
  overflow: hidden;
  background: url('images/a-news-left.jpg') no-repeat;
}

#newsPager a.next {
  position: absolute;
  display: block;
  right: 0;
  top: 26px;
  width: 11px;
  height: 5px;
  text-indent: -999em;
  overflow: hidden;
  background: url('images/a-news-right.jpg') no-repeat;
}

.turner {
  width: 810px;
  height: 33px;
  margin: 0 auto;
  padding: 0 20px;
	text-align: center;
  background: url('images/bg-newspager.gif') no-repeat;
}

.turner ins {
	display: inherit !important;
	display: inline-block;
	text-align: center;
}

.turner ul {
  display: table;
  margin: 0 auto;
	white-space: nowrap;
}

.turner ul.noMarg {
  margin: 0 auto;
}

.turner ul li {
  display: table-cell;
  float: left;
  height: 22px;
  padding: 11px 2px 0 2px;
  line-height: 9px;
}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
  .turner ul li {
    display: table-cell;
    float: left;
    height: 20px;
    padding: 13px 2px 0 2px;
    line-height: 9px;
  }
}

#newsPager .turner ul li a {
  font-size: 10px;
  color: #8d8d8f;
}

#newsPager .turner ul li a:hover, #newsPager .turner ul li a.act {
  color: #fff;
}

#newsList {
  /* width: 856px;
  padding: 20px 23px;
  background: url('images/bg-newslist.gif') no-repeat; */
}

#newsList .up {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 7px;
  height: 8px;
  text-indent: -999em;
  overflow: hidden;
  background: url('images/a-up.gif') no-repeat;
}

#newsList .down {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 7px;
  height: 8px;
  text-indent: -999em;
  overflow: hidden;
  background: url('images/a-down.gif') no-repeat;
}

#newsList ul {
  /* height: 432px;
  overflow: hidden;  */
  margin: 0;
}

#newsList ul li {
  padding: 5px 150px 6px 0;
  border-bottom: 1px solid #545454;
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
  color: #fff;
  list-style: none;
}

#newsList ul li h3 {
  font-size: 10px;
  color: #efc52e;
  text-transform: uppercase;
}

#newsList ul li h3 a {
  color: #efc52e;
}

#newsList ul li p {
  padding: 1px 0 0 0;
  font-size: 11px;
  color: #fff;
}

#newsList ul li p a, #newsList ul li a.more-link {
  color: #A7A8AA;
}

#newsList ul li span {
  display: block;
  position: absolute;
  right: 24px;
  bottom: 6px;
  font-size: 10px;
  color: #8d8d8f;
}

/* greyBox */
.greyBox {
  padding: 24px;
  background: #3e3e40;
}

.greyBox .lt {
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 2px;
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  background: url('images/bg-greybox-lt.gif') no-repeat left top;
}

.greyBox .rt {
  position: absolute;
  right: 0;
  top: 0;
  width: 2px;
  height: 2px;
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  background: url('images/bg-greybox-rt.gif') no-repeat right top;
}

.greyBox .rb {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 2px;
  height: 2px;
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  background: url('images/bg-greybox-rb.gif') no-repeat right bottom;
}

.greyBox .lb {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 2px;
  height: 2px;
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
  background: url('images/bg-greybox-lb.gif') no-repeat left bottom;
}

.m300 {
  float: left;
  width: 252px;
}

.m454 {
  float: left;
  width: 406px;
}

.m520 {
  float: left;
  width: 472px;
}

.m527 {
  width: 479px;
}

.m604 {
  float: left;
  width: 556px;
}

.m720 {
  float: left;
  width: 672px;
}

.greyBox .content {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 11px;
  color: #fff;
  line-height: 16px;
}

.greyBox .content img {
  margin: 5px 0 5px 0;
}

.greyBox .content img.alignright {
  float: right;
  margin: 5px 0 0 10px;
}

/* berletek 2010 */
#seasonTicket {
  padding: 11px 0 0 0;
}

/* .box604x541 .content {
  width: 556px;
  height: 493px;
  overflow: hidden;
}

.box604x541 .up {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 7px;
  height: 8px;
  text-indent: -999em;
  overflow: hidden;
  background: url('images/a-up.gif') no-repeat;
}

.box604x541 .down {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 7px;
  height: 8px;
  text-indent: -999em;
  overflow: hidden;
  background: url('images/a-down.gif') no-repeat;
} */

/* .m604 h3 {
  float: left;
  font-size: 10px;
  color: #000;
  text-transform: uppercase;
  background: #efc52e;
  margin: 0 0 11px 0;
  padding: 0 2px;
}

.m604 h4 {
  float: left;
  font-size: 11px;
  color: #fff;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  padding: 0 2px;
} */

.m604 .brown {
  background: #ac8b74;
}

.m604 .purple {
  background: #8f007a;
}

.m604 .green {
  background: #7FB61C;
}

.m604 .blue {
  background: #01A8D4;
}

.m604 h5 {
  display: inline;
  font-size: 11px;
  color: #fff;
}

.m604 .content a {
  font-size: 11px;
  color: #efc52e;
  /* text-transform: uppercase; */
}

.m604 .content a.bYellow {
  font-size: 11px;
  color: #000;
}

.m604 h5 a {
  display: inline;
}

.m604 p {
  display: block;
  clear: both;
  font-size: 11px;
  color: #fff;
  padding: 0 3px 10px 3px;
}

#seasonTicket img {
  float: left;
  margin: 0 0 7px 7px;
}

/* programoldal */
#programPage {
  padding: 11px 0 0 0;
}

#programPage .left {
  width: 375px;
  float: left;
}

#programPage .left .sound {
  float: left;
  width: 213px;
  margin: 15px 23px 0 0;
}

#programPage .left .video {
  float: left;
  /* width: 132px; */
  margin: 15px 0 5px 0;
}

#programPage .left .video a {
  position: absolute;
  width: 132px;
  height: 100px;
  display: block;
  z-index: 2;
}

#programPage .left .video .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 132px;
  height: 100px;
  z-index: 1;
  background: url('images/ico-play-132x100.png') no-repeat;
}

#programPage .right {
  float: left;
}

/* .box527x427 .up {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 7px;
  height: 8px;
  text-indent: -999em;
  overflow: hidden;
  background: url('images/a-up.gif') no-repeat;
}

.box527x427 .down {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 7px;
  height: 8px;
  text-indent: -999em;
  overflow: hidden;
  background: url('images/a-down.gif') no-repeat;
} */

.m527 h3 {
  font-size: 11px;
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 10px 0;
  padding: 0 2px;
}

.m527 h3 .brown {
  color: #ac8b74;
}

.m527 h3 .blue {
  color: #0CA7D3;
}

.m527 h3 .purple {
  color: #A7227E;
}

.m527 h3 .green {
  color: #7DB841;
}

.m527 h3 .orange {
  color: #F39549;
}

.m527 p {
  display: block;
  clear: both;
  font-size: 11px;
  color: #fff;
  padding: 0 3px 10px 3px;
}

#programPage .right .buttons {
  float: left;
  width: 83px;
  margin: 15px 0 0 0;
}

#programPage .right .buttons a {
  display: block;
  width: 73px;
  margin: 0 0 3px 0;
  padding: 3px 5px 1px 5px;
  font-size: 9px;
  color: #000;
  text-transform: uppercase;
  font-weight: bold;
  background: #efc52e;
  font-family: Arial;
}

#programPage .calendar, #programFilter .calendar {
  float: right;
  width: 211px;
  height: 64px;
  margin: 50px 0 50px 0;
}

/*#programPage .calendar a.programCalendar {
  position: absolute;
  left: 0;
  top: 0;
}

#programPage .calendar a.year {
  float: none;
  position: absolute;
  left: 0;
  top: 33px;
}

#programPage .calendar a.month {
  float: none;
  position: absolute;
  left: 64px;
  top: 33px;
}*/

#programPage .calendar #leftCont, #programFilter .calendar #leftCont {
  float: left;
  width: 178px;
}

#programPage .calendar #theDaySelector, #programFilter .calendar #theDaySelector {
  /*position: absolute;
  left: 181px;
  top: 0;*/
  display: block;
  width: 30px;
  height: 64px;
  font-size: 9px;
  color: #000;
  text-align: center;
  /*overflow: hidden;*/
  float: left;
  margin-left: 2px;
}

#programFilter .calendar .day span {
  display: block;
  width: 25px;
  height: 31px;
  text-align: center;
  line-height: 31px;
  color: #fff;
  background: url('images/bg-calendar-one-day-button.gif') no-repeat;
}


#programPage .calendar .day span {
  display: block;
  width: 30px;
  height: 31px;
  text-align: center;
  line-height: 31px;
  color: #fff;
  background: url('images/bg-calendar-one-day-button.gif') no-repeat;
}

#programFilter .calendar #theDaySelector a.bYellow {
  width: 25px;
  height: 31px;
  margin: 0 0 2px 0;
  padding: 0;
  text-align: center;
  line-height: 31px;
  color: #fff;
  float: none;
  border: none;
  background: url('images/bg-calendar-one-day-button.gif') no-repeat;
}

#programPage .calendar #theDaySelector a.bYellow {
  width: 30px;
  height: 31px;
  margin: 0 0 2px 0;
  padding: 0;
  text-align: center;
  line-height: 31px;
  color: #fff;
  float: none;
  border: none;
  background: url('images/bg-calendar-one-day-button.gif') no-repeat;
}

/* vendeglatas */
#hospitality {
  margin: 11px 0 0 0;
}

#hospitality .place {
  float: left;
  width: 298px;
  margin: 0 4px 0 0;
}

#hospitality .placeLast {
  float: left;
  width: 298px;
  margin: 0;
}

#hospitality .place h3, #hospitality .placeLast h3 {
  width: 281px;
  height: 30px;
  font-size: 10px;
  color: #fff;
  text-transform: uppercase;
  line-height: 30px;
  padding: 0 0 0 17px;
  background: url('images/bg-hospitalitytitle.gif') no-repeat;
}

#hospitality .place img, #hospitality .placeLast img {
  width: 298px;
  height: 298px;
  margin: 4px 0 0 0;
}

#hospitality .place p, #hospitality .placeLast p {
  width: 272px;
  /*height: 189px;*/
  font-size: 10px;
  color: #fff;
  font-weight: normal;
  line-height: 11px;
  padding: 10px 13px 10px 13px;
  overflow: hidden;
  background: url('images/bg-place298.gif') no-repeat bottom;
}

#hospitality .place p strong, #hospitality .placeLast p strong {
  text-transform: uppercase;
  font-weight: bold;
}

#hospitality .place p a, #hospitality .placeLast p a {
  color: #fff;
  background: #000;
  padding: 0 2px;
}

#hospitality .linkRight {
  display: block;
  width: 7px;
  height: 7px;
  position: absolute;
  right: 15px;
  bottom: 10px;
  text-indent: -999em;
  overflow: hidden;
  background: url('images/a-black-right.gif') no-repeat;
}

.picBox {
  float: left;
}

.picBox img {
  margin: 0 0 7px 7px;
}

.w291 {
  width: 298px;
}

.w448 {
  width: 448px;
}

.pictureBox {
  float: left;
  width: 602px;
}

.pictureBox .bigPic {
  width: 595px;
  height: 408px;
  text-align: center;
}

#seasonTicket .pictureBox .bigPic img {
  /*height: 395px;*/
  float: none;
}

.pictureBox ul li {
  float: left;
  display: inline;
  /*height: 53px;*/
  font-size: 0;
  line-height: 0;
  margin: 0 0 7px 7px;
}

#seasonTicket .pictureBox ul li img {
  width: 53px;
  margin: 0;
}

/* commonContent */
.commonContent {
  padding: 11px 0 0 0;
}

.commonContent img {
  float: left;
  margin: 0 0 7px 7px;
}

.commonContent .greyBox .content img {
  float: left;
  margin: 3px 10px 0 0;
}

.commonContent h3 {
  display: block;
  margin: 0 0 15px 0;
  color: #EFC52E;
  font-size: 12px;
  text-transform: uppercase;
}

.commonContent strong {
  color: #EFC52E;
  text-transform: uppercase;
}

.commonContent strong.full {
  background: #EFC52E;
  color: #000;
  padding: 0 2px;
  text-transform: uppercase;
}

.commonContent strong.brown {
  color: #fff;
  padding: 0 2px;
  text-transform: uppercase;
}

.commonContent strong.purple, .commonContent strong.green, .commonContent strong.blue {
  color: #fff;
  padding: 0 2px;
  text-transform: uppercase;
}

.commonContent em, #newsBox strong {
  color: #EFC52E;
  font-style: normal;
  text-transform: none;
  font-weight: normal;
}

.commonContent a.arrow {
  padding: 0 13px 0 0;
  color: #EFC52E;
  background: url('images/a-yellow.gif') no-repeat right 5px;
}

.commonContent .sitemap a.arrow {
  color:#fff;
}

.commonContent table th {
  font-weight: bold;
  text-align: left;
}

.commonContent table th, .commonContent table td {
  padding: 0 5px 0 0;
  vertical-align: top;
}

.commonContent h4 {
  margin: 0 0 10px 0;
  font-size: 11px;
  color: #fff;
  text-transform: uppercase;
}

.commonContent ul.list {
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #555;
}

.commonContent ul.list li {
  list-style: none;
  line-height: 20px;
  padding: 3px 0;
}

.commonContent ul.list li .pic {
  float: left;
  width: 100px;
}

.commonContent ul.list li strong {
  display: block;
  width: 450px;
  padding: 0 10px 0 0;
  float: left;
  font-size: 11px;
  font-weight: normal;
  color: #fff;
  text-transform: uppercase;
}

.commonContent ul.list li a {
  display: block;
  float: left;
  font-size: 10px;
  font-weight: normal;
  color: #fff;
  background: #000;
  text-transform: uppercase;
}


#googleMap {
  display: block;
  width: 81px;
  height: 17px;
  text-indent: -999em;
  overflow: hidden;
  float: right;
  background: url('images/b-google-map.jpg') no-repeat;
}

/* tooltip */
#tooltip {
	position: absolute;
	z-index: 3000;
	background: #fdc600;
	padding: 1px 2px;
  text-transform: uppercase;
  color: #000;
  font-size: 8px;
}

#tooltip * {
  font-size: 10px;
}

/* form */
.contentForm {
  margin: 0 0 20px 0;
}

.contentForm p {
  font-size: 11px;
}

.contentForm strong {
  font-weight: bold;
  font-size: 10px;
  color: #EFC52E;
  text-transform: uppercase;
  margin: 0 0 10px 3px;
}

.contentForm div {
  line-height: 10px;
  margin: 3px 0 0 0;
}

.contentForm .cr {
  line-height: 18px;
}

.contentForm .cr div {
  float: left;
  line-height: 20px;
}

.contentForm label, .contentForm span {
  float: left;
  width: 175px;
  font-size: 11px;
  line-height: 12px;
  color: #fff;
  /*text-transform: uppercase;*/
  padding: 0 10px 10px 3px;
}

.contentForm span.error {
  color: #f2944a;
  padding: 0 10px 0 10px;
  line-height: 15px;
}

/* .contentForm div.cr label {
  width: auto;
  margin: 0 5px 0 2px;
  line-height: 13px;
} */

.contentForm input {
  width: 200px;
  float: left;
  font-size: 11px;
  padding: 2px;
}

.contentForm .cr input {
  float: none;
  width: auto;
  height: 14px;
  margin: 0 4px 0 0;
}

.contentForm textarea {
  width: 200px;
  height: 80px;
  float: left;
  font-size: 11px;
  padding: 2px;
}

.contentForm select {
  width: 204px;
  float: left;
  font-size: 11px;
  padding: 1px 2px;
}

.contentForm .error input, .contentForm .error textarea, .contentForm .error select {
  background: #ff0000;
  color: #fff;
}

.contentForm button {
  background: #EFC52E;
  border: 1px solid #000;
  color: #000;
  display: block;
  font-size: 9px;
  margin: 0 auto;
  padding: 2px 4px 0 4px;
  text-transform: uppercase;
}

#pageContentBox .contentForm img {
  margin: 0 10px 0 0;
}

/* programList */

#programList, #programTopImageList {
  margin: 11px 0 0 0;
}

#programTopImageList .programPicture{
    width: 178px;
    margin-right: 3px;
    float: left;
    position: relative;
}
#programTopImageList .last {
    width:  178px;
    margin-right: 0 !important;
    float: left;
    position: relative;
}

#programList h3 {
  height: 15px;
  padding: 32px 0 12px 2px;
  font-size: 12px;
  color: #EEEEEE;
  font-weight: normal;
  text-transform: uppercase;
}


#programList, #programCategoryList {
  margin: 11px 0 0 0;
}

.greyBox .up {
  position: absolute;
  right: 5px;
  top: 5px;
  width: 7px;
  height: 8px;
  text-indent: -999em;
  overflow: hidden;
  background: url('images/a-up.gif') no-repeat;
}

.greyBox .down {
  position: absolute;
  right: 5px;
  bottom: 5px;
  width: 7px;
  height: 8px;
  text-indent: -999em;
  overflow: hidden;
  background: url('images/a-down.gif') no-repeat;
}

#programList ul li{
  padding: 3px 0;
}

#programCategoryList ul li {
  padding: 5px 0;
  min-height: 30px;
}

#programList ul li img {
  float: left;
  /*width: 80px;*/
  margin: 0 15px 0 0;
}

#programList ul li .title {
  float: left;
  width: 237px;
  margin: 0 10px 0 0;
}

#programCategoryList ul li .title {
  float: left;
  width: 237px;
  margin: 0 10px 0 0;
}

#programList ul li .title h4, #programCategoryList ul li .title h4 {
  padding: 0 0 0 7px;
  color: #FFF;
  display: inline;
  font-size: 10px;
  font-weight: bold;
  line-height: 11px;
  text-transform: uppercase;
}

#programList ul li .title h4.brown, #programCategoryList ul li .title h4.brown {
  background: url('images/color-brown.gif') no-repeat 0 6px;
}

#programList ul li .title h4.blue, #programCategoryList ul li .title h4.blue {
  background: url('images/color-blue.gif') no-repeat 0 6px;
}

#programList ul li .title h4.purple, #programCategoryList ul li .title h4.purple {
  background: url('images/color-purple.gif') no-repeat 0 6px;
}

#programList ul li .title h4.green, #programCategoryList ul li .title h4.green {
  background: url('images/color-green.gif') no-repeat 0 6px;
}

#programList ul li .title h4.orange, #programCategoryList ul li .title h4.orange {
  background: url('images/color-orange.gif') no-repeat 0 6px;
}

#programList ul li .subTitle, #programCategoryList ul li .subTitle {
  float: left;
  width: 225px;
  margin: 0 10px 0 0;
  color: #FFFFFF;
  display: inline;
  font-size: 10px;
  font-weight: normal;
  line-height: 11px;
  text-transform: uppercase;
}

#programList ul li .subTitle2, #programCategoryList ul li .subTitle2 {
  float: left;
  width: 425px;
  margin: 0 10px 0 0;
  color: #FFFFFF;
  display: inline;
  font-size: 10px;
  font-weight: normal;
  line-height: 11px;
  text-transform: uppercase;
}

#programList ul li .picture, #programCategoryList ul li .picture {
  width: 60px;
  height: 61px;
  display: block;
  float: left;
}

#programList ul li .ticketPurchase, #programCategoryList ul li .ticketPurchase {
  width: 95px;
  display: inline;
  float: left;
  line-height: 11px;
}

#programList ul li .ticketPurchase a, #programCategoryList ul li .ticketPurchase a  {
  display: block;
  color: #EFC52E;
  font-size: 10px;
  /*font-weight: bold;*/
  line-height: 11px;
  text-transform: uppercase;
}

#programList ul li .title a, #programCategoryList ul li .title a {
  display: inline;
  color: #FFFFFF;
  font-size: 10px;
  font-weight: bold;
  line-height: 11px;
  text-transform: uppercase;
}

#programFilter {
  width: 163px;
  float: left;
  margin: 11px 0 0 7px;
  padding: 6px 0 6px 12px;
  color: #9b9c9e;
  font-size: 10px;
}

#programFilter div.clr {
  margin: 0 0 8px 0;
}

#programFilter div.lm {
  margin: 0 0 3px 0;
}

#programFilter label {
  float: left;
  display: block;
  width: 49px;
  margin: 0 0 1px 0;
  font-size: 10px;
  color: #969799;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
}

#programFilter span {
  float: left;
  display: block;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 16px;
  margin: 0 0 0 2px;
}

#programFilter span.hidden {
  color: #3e3e40;
}

#programFilter input{
  width: 143px;
  border: 1px solid #000;
  color: #000000;
  font-size: 10px;
  text-transform: uppercase;
  padding: 1px 4px;
}

#programFilter select {
  width: 151px;
  border: 1px solid #000;
  color: #000000;
  font-size: 10px;
  text-transform: uppercase;
  padding: 1px 4px;
}

#pfLocation {
  width: 151px;
  border: 1px solid #000;
  color: #000000;
  font-size: 10px;
  text-transform: uppercase !important;
  padding: 1px 4px;
}

#programFilter select option {
  text-transform: uppercase;

}

#programFilter input.year {
  width: 28px;
  float: left;
  margin: 0 0 0 2px;
}

#programFilter input.fullDate {
  width: 68px;
  float: right;
  margin: 0 12px 0 2px;
}

#programFilter input.month, #programFilter input.day {
  width: 15px;
  float: left;
  margin: 0 0 0 2px;
}

#programFilter button {
  background: #EFC52E;
  border: 1px solid #000000;
  color: #000;
  display: block;
  float: left;
  font-size: 9px;
  margin: 5px 0 0 0;
  padding: 2px 4px 0 4px;
  text-transform:uppercase;
}

/* warning */
#warningLine {
  position: absolute;
  top: 541px;
  left: 0px;
  bottom: 100px;
  z-index: 100;
  height: 82px;
  padding: 0 26px 0 80px;
  float: left;
}

#warningLine .left {
  padding: 21px 0 0 0;
  height: 82px;
  background: url('images/bg-warning-left.png') no-repeat left top;
}

#warningLine .right {
  position: absolute;
  right: 0;
  top: 8px;
  width: 26px;
  height: 82px;
  background: url('images/bg-warning-right.png') no-repeat;
}

#warningLineFlash {
  position: absolute;
  width: 80px;
  height: 80px;
  left: 0;
  top: 1px;
  z-index: 100;
}

#warningLine a.close {
  display: block;
  position: absolute;
  right: 0;
  top: 8px;
  width: 26px;
  height: 26px;
  text-indent: -999em;
  overflow: hidden;
}

#warningLine p {
  display: block;
  float: left;
  width: 200px;
  height: 30px;
  padding: 5px 26px 5px 0;
  font-size: 10px;
  color: #000;
  line-height: 10px;
  text-transform: uppercase;
  overflow: hidden;
  background: url('images/bg-warning-item.png') no-repeat right;
}

#warningLine p.last {
  background: none;
  padding: 5px 0 5px 0;
}

#warningLine a {
  font-size: 10px;
  color: #000;
  text-transform: uppercase;
}

#warningLine p strong {
  font-size: 10px;
  font-weight: bold;
  color: #000;
}




/**
 *
 * Multimedia page itembrowser
 *
 */
#browseBox {
  float: left;
  width: 484px;
  height: 500px;
  background: url('images/bg-browsebox.gif') no-repeat left bottom;
}

#browseBoxScroller {
  overflow: hidden;
  width: 484px;
  height: 471px;
}

#browseBox h3 {
  height: 15px;
  padding: 12px 0 0 2px;
  font-size: 10px;
  color: #9f9f9f;
  font-weight: normal;
  text-transform: uppercase;
}

#browseBox ul {
  margin: 10px 0 0 10px;
}

#browseBox ul li {
  padding: 12px 0 9px 0;
  line-height: 11px;
  background: url('images/sep-browsebox.gif') no-repeat center bottom;
}

#browseBox ul li.first {
  padding: 0 0 9px 0;
}

#browseBox ul li .imgContainer {
  float: left;
  width: 100px;
}

#browseBox ul li .imgContainer img {
    cursor: pointer;
}

#browseBox ul li .imgContainer a {
  position: absolute;
  width: 89px;
  height: 65px;
  display: block;
  z-index: 2;
}

#browseBox ul li .imgContainer .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 89px;
  height: 65px;
  z-index: 1;
  background: url('images/ico-play-89x65.png') no-repeat;
}

#browseBox .content {
  float: left;
  display: inline;
  width: 339px;
  margin: 0 0 0 10px;
}

#browseBox h4 {
  display: inline;
  font-size: 10px;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 9px;
  padding: 0 0 0 8px;
  /*background: url('images/ico-actualbox.gif') no-repeat 0 4px;*/
}

#browseBox h4 a {
  font-size: 10px;
  color: #ffffff;
  font-weight: bold;
  text-transform: uppercase;
}

#browseBox h5 {
  display: block;
  font-size: 10px;
  color: #ffffff;
  font-weight: normal;
  text-transform: uppercase;
  line-height: 15px;
  padding: 0 0 0 10px;
}

#browseBox span {
  display: block;
  padding: 8px 0 3px 0;
  font-size: 10px;
  color: #ffffff;
  line-height: 10px;
}

a.bWhite {
  display: block;
  float: left;
  padding: 2px 4px 0 4px;
  background: #fff;
  border: 1px solid #000;
  color: #000;
  font-family: Arial, sans-serif;
  font-size: 9px;
  text-transform: uppercase;
}

a.bYellow, .content p a.bYellow {
  display: block;
  float: left;
  margin: 0 2px 2px 0;
  padding: 2px 4px 0 4px;
  background: #efc52e;
  border: 1px solid #000;
  color: #000;
  font-family: Arial, sans-serif;
  font-size: 9px;
  text-transform: uppercase;
}

#browseBox .up {
  position: absolute;
  left: 472px;
  top: 30px;
  width: 7px;
  height: 8px;
  text-indent: -999em;
  overflow: hidden;
  cursor: pointer;
  background: url('images/a-up.gif') no-repeat;
}

#browseBox .down {
  position: absolute;
  left: 472px;
  bottom: 3px;
  width: 7px;
  height: 8px;
  text-indent: -999em;
  overflow: hidden;
  cursor: pointer;
  background: url('images/a-down.gif') no-repeat;
}



#videoViewer {
  float: left;
  width: 408px;
  height: 500px;
  margin-left: 10px;
  overflow: hidden;
  background: url('images/bg-contentbox.gif') no-repeat left bottom;
}

#videoViewer h3 {
  width: 74px;
  height: 23px;
  padding: 4px 0 0 2px;
  font-size: 10px;
  line-height: 9px;
  color: #9f9f9f;
  font-weight: normal;
  text-transform: uppercase;
}

#videoViewer .flash {
  margin: 0 0 10px 0;
}

#videoViewer .content {
  width: 390px;
  margin: 33px 0 0 10px;
}

#videoViewer .title {
    margin: 10px;
}

#videoViewer h4 {
  display: inline;
  font-size: 10px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 9px;
  padding: 0 0 0 8px;
  /*background: url('images/ico-actualbox.gif') no-repeat 0 4px;*/
}

#videoViewer h5 {
  width: 200px;
  height: 23px;
  padding: 4px 0 0 2px;
  font-size: 10px;
  line-height: 9px;
  color: #9f9f9f;
  font-weight: normal;
  text-transform: uppercase;
}

#videoViewer span {
  display: block;
  padding: 8px 0 3px 2px;
  font-size: 10px;
  color: #fff;
  line-height: 10px;
}

#videoViewer .videoAdvise {
  margin: 10px 0 0 0;
  padding: 10px 0 0 0;
  border-top: 1px solid #636363;
}

#videoViewer .videoAdvise h3 {
  width: 390px;
  height: 17px;
  padding: 0;
  line-height: 12px;
}

#videoViewer .videoAdvise .videos {
  height: 95px;
  overflow: hidden;
  margin: 0 0 9px 0;
}

#videoViewer .videoAdvise img {
  float: left;
  margin: 0 34px 9px 0;
}

#videoViewer .videoAdvise img.last {
  margin: 0 0 9px 0;
}

.place, .placeLast {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color: #FFF;
	font-size: 11px;
}
.place a, .placeLast a {
  color: #a7a8aa;
}
#videoViewer .trackTitle {
    float: left;
    width: 200px;
}




/**
 *
 */
#audioPlayer {
  float: left;
  width: 408px;
  height: 500px;
  margin-left: 10px;
  overflow: hidden;
  background: url('images/bg-contentbox.gif') no-repeat left bottom;
}

#audioPlayer .flash {
  margin: 0 0 10px 0;
}

#audioPlayer .content {
  width: 254px;
  margin: 37px 0 0 10px;
}

#audioPlayer h4 {
  display: inline;
  font-size: 10px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 9px;
  padding: 0 0 0 8px;
  /*background: url('images/ico-actualbox.gif') no-repeat 0 4px;*/
}

#audioPlayer .trackLine {
    float: left;
    width: 200px;
}

#audioPlayer .trackTitle {
    float: left;
    width: 200px;
}
#audioPlayer .trackPlayer {
    float: left;
    width: 200px;
}

#audioPlayer h5 {
  width: 200px;
  height: 23px;
  padding: 4px 0 0 2px;
  font-size: 10px;
  line-height: 9px;
  color: #9f9f9f;
  font-weight: normal;
  text-transform: uppercase;
}

#audioPlayer span {
  display: block;
  padding: 8px 0 3px 2px;
  font-size: 10px;
  color: #fff;
  line-height: 10px;
}

#audioPlayer .imgContainer {
    margin: 20px 0 10px 0 !important;
}




/**
 *
 */
#galeryBox {
  float: left;
  width: 408px;
  height: 500px;
  margin-left: 10px;
  overflow: hidden;
  background: url('images/bg-contentbox.gif') no-repeat left bottom;
}

#galeryBox .flash {
  margin: 0 0 10px 0;
}

#galeryBox .content {
  width: 254px;
  margin: 33px 0 0 10px;
}

#galeryBox h4 {
  display: inline;
  font-size: 10px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 9px;
  padding: 0 0 0 8px;
  /*background: url('images/ico-actualbox.gif') no-repeat 0 4px;*/
}

#galeryBox .trackLine {
    float: left;
    width: 200px;
}

#galeryBox .trackTitle {
    float: left;
    width: 200px;
}
#galeryBox .trackPlayer {
    float: left;
    width: 200px;
}

#galeryBox h5 {
  width: 200px;
  height: 23px;
  padding: 4px 0 0 2px;
  font-size: 10px;
  line-height: 9px;
  color: #9f9f9f;
  font-weight: normal;
  text-transform: uppercase;
}

#galeryBox span {
  display: block;
  padding: 8px 0 3px 2px;
  font-size: 10px;
  color: #fff;
  line-height: 10px;
}

#galeryBox .imgContainer {
    margin: 30px 0 10px 0 !important;
}

#galeryBox .iconLine {
    width: 386px;
    height: 35px;
}

#galeryBox .iconContainer {
    float: left;
    width: 35px;
    height: 35px;
    margin: 4px !important;
}

#galeryBox .icon {
    cursor: pointer;
}



h4.brown {
  background: url('images/color-brown.gif') no-repeat 0 6px;
}

h4.blue {
  background: url('images/color-blue.gif') no-repeat 0 6px;
}

h4.purple {
  background: url('images/color-purple.gif') no-repeat 0 6px;
}

h4.green {
  background: url('images/color-green.gif') no-repeat 0 6px;
}

h4.orange {
  background: url('images/color-orange.gif') no-repeat 0 6px;
}


#pressRoom {
  margin: 0;
  padding: 0;
}

#pressRoom li {
  list-style: none;
  margin: 0 0 15px 0;
}

#pressRoom li h2 {
  font-size: 11px;
  text-transform: uppercase;
}

#pressRoom p {
  padding: 0 0 2px 0;
}

/* #pressRoom li a.bYellow {
  float: none;
} */

#writeUs {
  margin: 0;
  padding: 0;
}

#writeUs li {
  list-style: none;
  margin: 0 0 15px 0;
  text-transform: uppercase;
  padding: 0 60px 0 0;
}

#writeUs li div {
  padding: 0 50px 0 0;
}

#writeUs li p {
  padding: 0;
}

#writeUs li p.date, #writeUs li h2 {
  font-weight: bold;
}

#writeUs li h2 a {
  font-size: 11px;
  color:#EFC52E;
}

#writeUs li a.bYellow {
  position: absolute;
  right: 0;
  bottom: 0;
}


.searchList {
  margin: 0;
  padding: 0;
  list-style: none !important;
}

.searchList li {
  list-style: none !important;
  margin: 0 0 15px 0;
  text-transform: uppercase;
  padding: 0 60px 0 0;
}

.searchList li div {
  padding: 0 50px 0 0;
}

.searchList li p {
  padding: 0;
}

.searchList li p.date, .searchList li h2 {
  font-weight: bold;
}

.searchList li h2 a {
  font-size: 11px;
  color:#EFC52E;
}

.searchList li a.bYellow {
  position: absolute;
  right: 0;
  bottom: 0;
}


#boardBox {
  float: left;
}

#boardBox ul {
  margin: 0;
}

#boardBox li {
  width: 400px;
  margin: 0 15px 10px 0;
  list-style: none;
}

#boardBox li strong {
  color: #fff;
  text-transform: none;
}

#boardBox li a {
  color: #EFC52E;
}

#boardBox li a:hover {
  text-decoration: underline;
}

.contentForm label.yellow {
    color: #EFC52E;
    font-weight: bold;
}

.contentForm div#regfooter {
    line-height: 13px;
}

form.gotoBuyCard input#accept_terms {
    margin-right: 5px;
}

form.gotoBuyCard button {
  background: #EFC52E;
  border: 1px solid #000;
  color: #000;
  display: block;
  font-size: 9px;
  margin: 0 auto;
  padding: 2px 4px 0 4px;
  text-transform: uppercase;
}


#bannerRotator {
	position: relative;
	height: 92px;
	width: 103px;
	margin: 0 auto;
	overflow: hidden;
	background: #000;
}

#bannerRotator .slideshow {
	z-index: 1;
	background-color: #000000;
}