/* pink: #ff2f87; inaktivszurke: #111111; sotetszurke: #272727; vilagosszurke: #303030 */
body, ul, li, small, h1, h2, h3, body td, th, form, label, input { margin: 0px; padding: 0px; font-family: Arial, Verdana; font-size: 11px; font-weight: normal; list-style-type: none }
body { background-color: #303030; color: white }
a { color: #FF2F87 }
a:hover { text-decoration: none }
img { border: 0px }
h1, h2 { margin-left: -5px; margin-top: 5px; padding-top: 0px; margin-bottom: 0px }
h1 { margin-bottom: 45px; margin-top: 30px }
h1 b, h2 b { background-color: #ff2f87; color: white; padding: 5px; text-transform: uppercase; font-size: 18px; font-weight: normal }
h2 { font-size: 14px; font-weight: bold; margin-bottom: 15px }
h2 b { font-size: 14px; font-weight: bold }
h2 a { text-decoration: none }
h3 b { background-color: #35adfa; padding: 5px; text-transform: none; font-size: 10px; font-weight: bold }
h3 a { text-decoration: underline; color: white; }
table { border-collapse: collapse }
small { font-size: 10px; color: #AAAAAA }
.clear { clear: both; height: 1px }
a.external, a.externalBlue { background: transparent url("../img/merged.png") no-repeat scroll; background-position: -38px -57px; padding-left: 20px !important }
a.externalBlue { background-position: -38px -93px }

/* global */
div.center { width: 950px; margin-left: auto; margin-right: auto; clear: both }

/* header */
#header { width: 960px }
#header img.Logo { float: left; padding-right: 20px; margin-top: 5px; padding-left: 5px }
#menu { padding-top: 5px }
#menu li { display: inline }
#menu li a { float: left; display: block; text-decoration: none; margin: 0; padding: 7px 10px; border-left: 3px solid #303030; color: white; background: #414141; font-weight: bold; margin-top: 15px }
#menu li a:hover { background-color: #272727 }
#menu li a.active { color: #ff2f87; background-color: #272727 }
#menu li.submenu { font-size: 10px; }
#menu li.submenu a { margin-top: 21px; padding: 5px 10px; border-left: 1px solid #303030; }
#usermenu { margin-left: auto; text-align: right }
#usermenu a { padding-left: 5px; font-weight: bold }
.settingsButton { margin-top: 30px; margin-right: 8px; float: right }
.settingsButton a { color: #888888; text-decoration: none }
.settingsButton a:hover span { text-decoration: underline }
a.feedbackLink { background-color: #35ADFA; padding: 5px; color: white; margin-left: 10px; background-position: -38px -88px }
#searchform { float: left; padding: 3px 5px; border-left: 13px solid #303030; color: white; background: #414141; font-weight: bold; margin-top: 15px }
#searchforminput { background-color: #222222; border: 1px solid #555555; padding: 3px; font-size: 11px; width: 120px; color: white }
#searchforminput.inactive { color: #555555 }

/* content */
#content { padding-bottom: 50px }
.content { background-color: #272727; padding: 5px }
.message { background-color: #000000; padding: 5px; border-bottom: 1px solid #303030; padding-top: 5px; margin-top: -5px; color: #EFEFEF }
.message-error { background-color: #000000; padding: 5px; border: 1px solid #CC0000; padding-top: 5px; margin-top: -5px; color: #EFEFEF }

/* footer */
#footer { border-left: 5px solid #ff2f87; width: 945px; padding-top: 10px; padding-bottom: 10px }

/* Paging */
.paging .paging-left { width: 50%; text-align: left; float: left }
.paging .paging-left h3 { margin-left: -5px }
.paging .paging-right { width: 50%; text-align: right; float: left }
.paging .paging-right h3 { margin-right: -5px }

/* DateTable */
.DateTable { margin: 3px; clear: both; table-layout: fixed; margin-bottom: 35px }
.DateTable td, .DateTable th { color: white; font-size: 11px; text-align: center; vertical-align: top }
.DateTable .film { text-align: left; width: 260px }
.DateTable .film a { color: white; text-decoration: none }
.DateTable .film a:hover { text-decoration: underline }
.DateTable tr td.film { padding-top: 5px }
.DateTable th { border-bottom: 3px solid #CCCCCC; padding-bottom: 2px; color: #CCCCCC; padding-left: 5px; padding-right: 5px }
.DateTable th.mikor { width: 30px; white-space: nowrap }
.DateTable th.hol { width: 37px }
.DateTable th.tipus { width: 50px }
.DateTable th.imdb { width: 28px }
.DateTable td { border-top: 1px solid #303030; padding-top: 4px; padding-bottom: 2px; padding-left: 3px; padding-right: 3px }
.DateTable tr.first td { padding-top: 6px; border-top: none }
.DateTable tr.first td.film { padding-top: 7px; border-top: none }
.DateTable td.imdb a { color: white; padding: 3px 4px }
.DateTable td.mikor { width: 30px; font-weight: bold; padding-left: 5px; padding-right: 5px; white-space: nowrap }
.DateTable td.mikor sup { padding-left: 2px }
.DateTable td.empty { color: #CCCCCC }

/* TV */
.TvDay { width: 475px; float: left }
.TvDayRight h2, .TvDayCenter h2 { margin-left: 0px }
.TvTable { width: 465px }
.TvTable tr.aired td { color: #888888; background-color: #111111; border-top: 1px solid #252525 }
.TvTable tr.airBar td { padding: 0px; text-align: left; border-top: 0px }
.TvTable tr.airBar td div { background-color: #FF2F87; height: 2px; }
.TvTable tr .channelPremier { color: #FFBB00 }
.TvTable tr.aired .channelPremier { color: #998900 }
.TvTable tr .globalPremier { color: #FFBB00 }
.TvTable tr.aired .globalPremier { color: #998900 }

/* Series */
.TvSeriesDay { width: 315px; float: left }
.TvSeriesTable { width: 310px }
.TvSeriesTable .film { width: 210px }

/* Movie */
.MovieTable { width: 100% }
.MovieTable tr th.mikor { width: 40px }
.MovieTable .film { text-align: left; width: 300px }

/* Dvd */
.DvdTable { width: 100% }
.DvdTable tr th.mikor { width: 40px }
.DvdTable .film { text-align: left; width: 330px }

/* InfoBox */
#InfoBoxDiv { display: none; background-color: white; padding: 7px; position: absolute; width: 350px; color: black; z-index:500; }
#InfoBoxDiv table th { text-align: left; padding-right: 3px }
#InfoBoxDiv table td, #InfoBoxDiv table th { padding-top: 1px }
#InfoBoxDiv .hunTitle { font-size: 14px; font-weight: bold; border-bottom: 3px solid #36B0FF; padding-bottom: 3px; margin-bottom: 3px }
#InfoBoxDiv .year { color: #999999 }
#InfoBoxDiv .engTitle { font-size: 11px; }
#InfoBoxDiv .genres { font-size: 11px }
#InfoBoxDiv .imdb div { font-size: 11px; float: left; margin-top: 1px; white-space: nowrap }
#InfoBoxDiv .imdb .imdbText .rating { font-weight: bold }
#InfoBoxDiv .plot { font-size: 11px; text-align: justify; line-height: 16px; font-family: Tahoma; margin-top: 10px; display: block }
#InfoBoxDiv .poster img { background: white url("../img/imggrid.png") repeat scroll 0 0 }
#InfoBoxDiv .poster { float: left; padding: 0px 10px 5px 0px; background-color: white }
#InfoBoxDiv .poster span { font-size: 9px; color: #999999; display: block; width: 100px; padding-top: 3px }
#InfoBoxDiv .DateTable { width: 100%; background-color: #272727; margin: 0px; border-top: 5px solid #272727; border-bottom: 5px solid #272727; margin-top: 8px }
#InfoBoxDiv .DateTable td { vertical-align: middle }
#InfoBoxDiv .DateTable td.tvChannelLogo { width: 40px; height: 18px }
#InfoBoxDiv .DateTable td.airDay { width: 55px }

/* SettingsBox */
#SettingsBoxDiv { display: none; background-color: #111111; padding: 5px; position: absolute; width: 350px }
#SettingsBoxInnerDiv { background-color: #272727; border: 1px solid #303030; padding-bottom: 10px }
#SettingsBoxInnerDiv h2 { margin: 0px; margin-bottom: 5px; padding: 0px }
#SettingsClose a { display: block; margin: 0px 1px 1px 0px }
#SettingsClose a:active { display: block; margin: 1px 0px 0px 1px }

/* SettingTab */
.SettingsTab { width: 100%; background-color: #111111; margin-top: 10px; padding-top: 5px; border-top: 1px solid black; border-bottom: 1px solid #303030; height: 30px }
.SettingsTab li { float: left; text-align: center }
.SettingsTab li a { height: 21px; color: #AAAAAA; font-size: 11px; text-decoration: none; display: block; background-color: #111111; padding: 8px 20px 0px 20px; width: 50%; margin-left: auto; margin-right: auto; border: 1px solid #303030 }
.SettingsTab li.active a, .SettingsTab li a:hover { background-color: #272727; border-bottom: none; height: 22px; color: white }

/* FilterList */
.FilterList { float: left }
.FilterListMask { height: 305px; overflow-y: scroll; overflow-x: hidden; margin-bottom: 5px; width: 240px; border: 1px inset #303030; float: none }
.FilterListTable { clear: left; margin-bottom: 5px; width: 210px }
.Form .list .FilterListTable tr td label { font-weight: normal; padding: 3px }
.FilterListTable tr td { background-color: #111111; vertical-align: middle }
.FilterListTable tr td.logo { width: 37px }
.FilterListTable tr td.name label { width: 150px; text-align: left }
.FilterListTable tr td.checkbox { width: 20px; height: 15px }
.FilterListSerie .FilterListTable { width: 350px }
.FilterListSerie .FilterListMask { width: 380px; height: 360px }
.FilterListSearch { background-color: #111111; width: 380px; border: 1px solid #111111; vertical-align: middle }
.Form .FilterList .FilterListSearch input { background-color: #111111; border: 1px solid #555555; padding: 5px; font-size: 11px; width: 340px; margin: 5px; background: #111111 url("../img/search-icon.png") no-repeat 4px 4px; padding-left: 22px; color: white }
.Form .FilterList .FilterListSearch input.inactive { color: #555555 }
#FilterListSearchDisplay { color: #555555; position: relative; top: 28px; float: right; margin-top: -17px; margin-right: 13px; display:none }
.ChanSettingsForm select { width: 380px !important } /* ChanSettingsForm fix */
.ChanSettingsForm .FilterListChannel .FilterListMask { width: 380px; height: 360px } /* ChanSettingsForm fix */
.ChanSettingsForm .FilterListChannel .FilterListTable tr td.name { width: 275px } /* ChanSettingsForm fix */

/* Form */
.Form { padding-top: 10px }
.Form a { font-weight: bold }
.Form .simple { padding-bottom: 3px; clear: both }
.Form .simple label, .Form .list label, .Form .dropdown label, .Form .simpleAction label { width: 90px; display: block; float: left; text-align: right; padding-right: 10px; font-size: 11px; font-weight: bold; padding-top: 7px }
/*.Form .simple label.error { color: #C00 }*/
.Form .simpleAction input { padding: 4px }
.Form .simple input { background-color: #111111; border: 1px solid #555555; padding: 5px; font-size: 11px; width: 200px; color: white }
.Form .simple input.error { border-color: #C00 }
.Form .simple span { padding-left: 5px }
.Form .action { padding-left: 100px; padding-top: 5px; clear: both }
.Form .action input { color: black; display: block; float: left }
.Form .action input.checkbox { height: 15px; width: 20px }
.Form .action label { display: block; float: left; padding-left: 3px }
.Form .submit input { padding: 2px 4px }
.Form .errorSummary { border: 2px solid #C00; padding: 7px 7px 12px 7px; margin: 0 0 20px 0; background: #FEE; color: black }
.Form .dropdown { clear: both }
.Form .dropdown select { background-color: #111111; font-size: 11px; width: 240px; color: white; margin-top: 10px }
.longlabels .simple label, .longlabels .list label, .longlabels .dropdown label { width: 130px }
.longlabels .action { padding-left: 140px }
.Form .formseparator { padding-top: 30px }

.Form ul { padding-left: 25px; margin-top: 5px }
.Form ul li { padding-bottom: 5px }
.Form .FormFoot { background-color: #161616; padding: 5px; border-top: 1px solid #000000; padding-top: 5px; margin-top: 5px; color: #EFEFEF }
.OpenidForm .simple label { font-weight: normal }
.Form .simple input.OpenidIdent { background: #111111 url("../img/openid-icon.png") no-repeat 5px 5px; padding-left: 27px }

/* RPX */
.RpxLogin { margin: 10px 28px }
.RpxLogin iframe { background-color: #FFFFFF; padding: 4px 10px }

/* Text */
p { margin-top: 3px; margin-bottom: 2px }
p.large { font-size: 18px }
p.small { font-size: 11px; font-weight: bold }

/* Sprites */
.spr {  background: transparent url("../img/merged.png") no-repeat scroll}
.m1 { background-position: 0px 0px }
.m2 { background-position: 0px -15px }
.tv2 { background-position: 0px -30px }
.RTLKlub { background-position: 0px -45px }
.Duna_TV { background-position: 0px -60px }
.Viasat3 { background-position: 0px -75px }
.Halozat { background-position: 0px -90px }
.Duna_II { background-position: 0px -105px }
.Cool { background-position: 0px -120px }
.Viasat6 { background-position: 0px -135px }
.Filmmuzeum { background-position: 0px -150px }
.Zone_Europa { background-position: 0px -165px }
.FilmPlusz { background-position: 0px -180px }
.AXN { background-position: 0px -194px }
.MTV { background-position: 0px -210px }
.Comedy_Central { background-position: 0px -225px }
.AXN_Crime { background-position: 0px -240px }
.AXN_Sci-Fi { background-position: 0px -255px }
.Movies24 { background-position: 0px -270px }
.Filmbox_HD { background-position: 0px -285px }
.FilmPlusz_2 { background-position: 0px -300px }
.Hallmark { background-position: 0px -315px }
.HBO { background-position: 0px -330px }
.HBO_2 { background-position: 0px -345px }
.HBO_Comedy { background-position: 0px -360px }
.Cinemax { background-position: 0px -375px }
.Cinemax_2 { background-position: 0px -390px }
.Filmbox_Extra { background-position: 0px -405px }

.MovieI img, .SerieI img, .TvSerieI img { background-position: -37px 0px; vertical-align: top; padding-right: 2px }
.SettingsIcon { background-position: -33px -13px; vertical-align: top; padding: 0px 4px; margin-top: 1px }
.LoginIcon { background-position: -37px -24px; vertical-align: bottom; padding: 0px 1px }
.CloseIcon { background-position: -37px -37px; vertical-align: middle }
.FeedbackIcon { background-position: -38px -55px; vertical-align: middle }
.RssIcon { background-position: -38px -113px; vertical-align: top; padding: 0px 4px; margin-top: 1px }
.SearchIcon { background-position: -38px -160px; vertical-align: middle; margin-left: 3px; padding-right: 5px; margin-top: 1px }
.MovieM { background-position: -43px -191px; vertical-align: top }
.IStar { background-position: -43px -179px !important }
.IStarA { background-position: -43px -196px !important }

.sprw {  background-image: url("../img/merged_white.png"); background-repeat: no-repeat; }
.smallStars { width: 113px; background-position: -3px -53px }
.smallStars img { background-position: -3px -41px }
.bigStars { width: 183px; background-position: 0px -20px }
.RpxRoundBorderUp { background-position: 0px -66px }
.RpxRoundBorderDown { background-position: 0px -72px }

/* YiiLOG */
pre { white-space: normal; margin: 0px; padding: 5px; padding-left: 25px }