/* show scrollbar in all windows to deny jumps */ html { overflow-y: scroll; } body { font-family: 'Verdana', sans-serif; font-size: 11px; line-height: 15px; margin: 0; padding: 0; color: #1a2f44; background: #1A2F44; font-size: 11px; line-height: 1.3636; } .cc_banner-wrapper { position: fixed!important; bottom: 0!important; width: 100%!important; z-index: 9999999!important; } .cc_container { background-color: rgba(0, 0, 0, 0.8)!important; position: relative!important; max-width: 940px!important; margin: 0 auto!important; } .cc_container .cc_btn, .cc_container .cc_btn:visited { color: #fff!important; background-color: #666!important; border: 2px solid!important; } .cc_container .cc_message { font-family: 'Arial'!important; line-height: 1.25em!important; } @media screen and (min-width: 500px) { .cc_container .cc_message { font-size: 0.7em!important; } } @media screen and (min-width: 768px) { .cc_container .cc_message { font-size: 0.7em!important; } } @media screen and (min-width: 992px) { .cc_container .cc_message {font-size: 0.8em!important; } } h1,h2,h3 { color: #1a2f44; } table.minAll { position: relative; width: 100%; border-collapse: collapse; } #adTop { text-align: center; } #adContentTop { position: relative; width: 980px; text-align: center; background: #e6eaed; } #adContentTop.active { margin-top: -1px; padding-top: 10px; background: #eeeeee url('../images/bodyBg.png') 0 0 repeat-x; } div.adContent { position: relative; /*padding-left: 10px; text-align: center;margin-top: -42px; */} #adRight { position: absolute; left: 980px; top: 90px; } #all { padding: 0; width: 980px; } #haze { display: none; position: fixed; width: 100%; height: 100%; background: #000000; opacity: 0.7; z-index: 1000; top: 0; left: 0; filter: alpha(opacity = 70); } #imageZoom { background: white; padding: 10px; text-align: right; display: none; position: absolute; top: 0; left: 15px; width: 960px; z-index: 1001; } #imageZoom button { margin: 10px 0 10px 0; } #imageZoom img { max-width: 960px; max-height: 960px; cursor: pointer; display: block; margin: auto; } #head { position: relative; z-index: 10; overflow: visible; } #head table.min { position: relative; width: 100%; } #head table.min td.left { position: relative; width: 265px; padding: 0; } #head table.min td.right { background: url('../images/headerBg.png') 0px 0px repeat-x; z-index: 33; width: 100%; height: 109px; padding: 0; text-align: center; } #head table.min td.border { width: auto; } #head table.min td.right div.bttns { margin: 0; padding: 33px 10px 0 300px; width: 280px; } #head table.min td.right div.bttns a { box-shadow: 2px 3px 1px #7a7e7f; display: block; float: left; /*border: 1px solid red;*/ width: 105px; height: 10px; overflow: hidden; font-size: 13px; line-height: 10px; text-align: center; padding: 10px 0 11px 0; margin: 3px 3px; font-weight: bold; color: #ffffff; /*background: url('../images/quickBttn.png') 4px 2px no-repeat;*/ background-color: #889bac; } #head table.min td.right div.bttns a.bttnHighlight { background-color: #d20059; /*background: url('../images/quickBttnHighlight.png') 4px 2px no-repeat;*/ } #head table.min td.right div.bttns a.bttnHighlight:hover { background-color: #d20059; /*background: url('../images/quickBttnHighlightZoom.png') 0px 0px no-repeat;*/ } #head table.min td.right div.bttns a:hover { font-size: 14px; /*background: url('../images/quickBttnZoom.png') 0px 0px no-repeat;*/ background-color: #889bac;} #head table.min td.right div.bttns a.bttn2Lines { padding: 5px 0 5px 0; height: 30px; } #head table.min td.right div.bttns a span { display: block; } #head table.min td.right div.bttns a span.small { font-size: 10px; line-height: 13px; } #head table.min td.right div.bttns a:hover span.small { font-size: 11px; } #logo { width: auto; height: 109px; } #logo a { position: absolute; z-index: 30; top: 0; left: 14px; } #myKlackDisable { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/whiteTransparent.png') 0 0 repeat; z-index: 10; } #myKlack { /*background-color: #1a2f44*/ /*background: url('../images/loginBoxBg.png') 0 0 no-repeat;*/ background: url('../images/myKlackBg.png') 1px 1px repeat; color: #ffffff; /*border-radius: 6px;*/ float: right; padding: 1px 1px; margin: 10px 11px 11px 11px; width: 225px; height:96px; position: relative; } #myKlack h3 { margin: 0 0 1px 0; padding: 0; text-align: left; font-size: 12px; line-height: 1.5; font-weight: bold; width: 100%; color:#ffffff;} #myKlack a.fbLogin { display: block; float: right; background: #5F78AB url('../images/fbIcon22x22.png') 0 0 no-repeat; color: #ffffff; font-family: 'Lucida Grande','Tahoma','Verdana','Arial',sans-serif; font-weight: bold; font-size: 9px; line-height: 14px; padding: 0 0 0 22px; } #myKlack a.fbLogin span { display: block; border-bottom: 1px solid #1a356e; border-right: 1px solid #29447e; border-top: 1px solid #29447e; } #myKlack a.fbLogin span span { display: block; border: none; border-top: 1px solid #879AC0; padding: 2px 6px 3px 6px; color: #ffffff; } #myKlack form { clear: right; } #myKlack form button { float: right; } #myKlack form .row { float: left; clear: left; margin-top: 5px; margin-left: 4px; } #myKlack form .row label { width: 60px; display: block; float: left; padding: 5px 0; text-align: left; font-size: 10px; } #myKlack form .row input { height: 9px; width: 172px; border: 0; color: #ffffff; margin: 0; padding: 6px 6px; background: #a5afb8; } #myKlack form .row a { margin-left: 6px; text-decoration: underline; font-size: 11px; } #myKlack form button { border-radius: 0; margin: 14px 3px -6px 0px; cursor: pointer; border: none; outline: none; background: url('../images/loginButton.png') 0 0 no-repeat; width: 22px; height: 38px; } #myKlack form button span { display: none; } #myKlack a { color: #ffffff; } #myKlack a:hover { color: #d20059; } #myKlack ul { list-style-type: none; padding: 0; margin: 0; float: right; text-align: left;} #myKlack ul.loggedIn { margin: 10px 5px 10px 5px; float: left; /*position: absolute; bottom:4px;*/} #myKlack div.name { /*float: left;*/ padding-left: 7px; padding-bottom: 3px; font-size: 10px; height: 10px; text-align: left; } #myKlack div.name span { font-weight: bold; font-size: 12px; text-align: left; } #myKlack a.logout { position: absolute; top: 4px; right: 11px; /*text-transform: uppercase;*/ text-decoration: underline; } #myKlack ul li a { background: url('../images/myKlackItem.png') right 3px no-repeat; font-weight: bold; padding-right: 10px; } #myKlack ul.loggedIn li { margin: 1px 0; color: black; } #myKlackInnerDiv { height: 75px; width: 221px; margin-left: 2px; background-color: white;} #myKlack .loginWhiteBackground { background: white; height: 58px; margin: 4px 2px; } #myKlack .loginWhiteBackground > ul li a { background: url('../images/myKlackItemButton.png') left 0px no-repeat ; font-size: 10px; color: #20344a; padding-left: 10px; } #myKlack .loginWhiteBackground > ul { margin: 4px 0px 0px 5px; } #coop { float: right; margin: 10px 11px 11px 0; width: 61px; height: 109px; overflow: hidden; } #coop .feedback { padding-left: 2px; } #coop .feedback a.socialAddButtonsButton { cursor: pointer; display: block; background: url('../images/socialMedia.png') left top no-repeat; width: 55px; height: 51px; } #coop .feedback a.socialAddButtonsButton span { display: none; } #coop .feedback a.socialAddButtonsButton.active { background: url('../images/socialMedia.png') left top no-repeat; } #coop .feedback div.socialAddButtons { text-align: left; padding: 15px 0 0 11px; display: none; width: 125px; height: 115px; line-height: 115px; position: absolute; z-index: 1000; right: 0; top: 27px; background-color: white; /*background: url('../images/socialAddButtonsBg.png') 0 0 no-repeat;*/ } #coop .feedback div.socialAddButtons div.item { margin: 10px 0 0 0; padding-top: 2px } #coop .coop a { margin: -10px 0 0 5px; display: block; width: 50px; height: 59px; background: url('../images/tvDirektIcon.png') 0 0 no-repeat; } #coop .coop a span { display: none; } #magazine, #magazine a { display: block; width: 158px; height: 106px; } #magazine a span { display: none; } #magazine { background: url('../images/tvdirektMagazineHeader.png') 0 0 no-repeat; position: absolute; top: 24px; left: 508px; z-index: 10; } #searchModule { position: relative; /*background: url('../images/klack_search_fon.png') 0 0 no-repeat;*/ font-size: 10px; line-height: 13px; font-weight: bold; color: #ffffff; padding: 0 0px 8px 0px; float: right; width: 245px; height: 26px; } #searchModule input { display: block; float: left; color: #0a3257; background: white; border-radius: 0; margin: 6px 0 0 0px; font-size: 10px; line-height: 13px; padding: 3px 24px 4px 6px; width: 109px; height: 14px; } #searchModule div { float: left; background: url("../images/klack_select_arrow.png") no-repeat; margin: 3px 0 0 0; font-size: 10px; line-height: 13px; padding: 5px 1px 4px 6px;} #searchModule div span { font-size: 10px; line-height: 13px; background: transparent; } #searchModule div span.selectSmall { width: 98px; overflow: hidden; white-space: nowrap; padding: 0; } #searchModule div span.selectSmall span.selectValue { padding: 1px 0 0 5px; width: 95px; } /* #searchModule div select { width: 126px; padding: 0; margin: 0; height: 20px; } */ #searchModule button { position: absolute; z-index: 1; top: 8px; left: 113px; width: 22px; height: 17px; padding: 0; margin: 0; background: url("../images/klack_suche_icon.png") 0 0 no-repeat; } #searchModule button span { display: none; } #searchModule a { display: block; cursor: pointer; text-align: center; width: 100px; height: 17px; float: right; margin: 6px 0px 0 0; padding: 4px 6px 0 0;} #searchModule a:hover { color: #ffffff; } #searchModule a span { display: block; float: right; line-height: 14px; height: 14px; padding-right: 12px; background: url('../images/klack_search_icon.png') right top no-repeat; } #searchModule a:hover span { background-image: url('../images/klack_search_icon_hover.png'); } /*#searchModule a img { vertical-align: middle; margin: -2px 0 0 3px; } #searchModule a img.hover { display: none; } #searchModule a:hover img { display: none; } #searchModule a:hover img.hover { display: inline; }*/ #searchModule select { border: 0; font-size: 10px; line-height: 12px; padding: 0; margin: 0; border-radius: 0; background: #2d496e; width: 126px; height: 20px;} #searchModule select option { border: 0; font-size: 10px; line-height: 14px; background: #2d496e; } #welcomeMessage, #errorMessage { padding: 20px 0 0 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url('../images/transparentBgDark.png') 0 0 repeat; z-index: 1000; text-align: center; } #welcomeMessage table.dynBox, #errorMessage table.dynBox { position: relative; top: 33%; width: 600px; z-index: 1001; } #errorMessage dl dt { display: none; } #errorMessage dl dd.error { color: #cc0000; } #breadcrumbs { white-space: nowrap; padding: 0 0 7px 0; } #breadcrumbs div { display: inline; font-weight: normal; } #breadcrumbs div .last { font-weight: bold; } #breadcrumbs div a { color: #1A2F44; } #breadcrumbs div a:hover { color: #d20059; } #componentHeader { float: right; padding: 0; } #mainLayout { position: relative; z-index: 2; padding: 10px; margin: 0; background: #e6eaed url('../images/bodyBgNew.png') 0 0 repeat-x; } #mainContent { padding: 0px 160px 0 0; width: 980px; margin: auto; position: relative; } table#content { width: 960px; border-collapse: collapse; } table#content > tbody > tr > td, table#content > tr > td { padding: 0; vertical-align: top; } table#content #component { padding: 0; min-width: 650px; } table#content #modules { padding: 0 0 0 10px; width: 300px; } table#content #modules div.module { margin: 10px 0; } table#content #modules div.module:first-of-type { margin-top: 0; } h2.componentHeadline, h3.componentHeadline { text-align: center; font-weight: normal; font-size: 12px; } #foot { clear: both; /*background: #768290*/ background: url('../images/footerbg.png') 0 0 repeat-x; padding: 8px 0 8px 254px; width: 726px; } #foot a { color: #ffffff; } #foot a:hover { color: #d20059; } #foot #allSites { float: right; } #foot #allSites a { display: block; font-weight: bold; } #foot #allSites td { text-align: left; padding: 0 16px; } #foot #serverAddr { color: #ffffff; } #foot #copyright { position: absolute; left: 10px; } #galleryItem { /*width: 555px;*/ margin: auto; clear: both; } #galleryItem .galleryItem { margin: 10px auto; } #galleryItem .backLink { float: left; margin-left: 30px; } #galleryItem .counter { float: right; margin-right: 30px; } #galleryItem td.prev, #galleryItem td.next { vertical-align: top; padding-top:100px;} #galleryItem .image { padding: 1px 0; text-align: center; padding-bottom: 10px; } #galleryItem .image img { margin: auto; max-width: 495px; } #galleryItem .prev a, #galleryItem .next a { display: block; width: 30px; height: 64px; overflow: hidden; } #galleryItem .prev span, #galleryItem .next span { display: none; } #galleryItem .prev a { background: url('../images/galleryPrev.png') 9px 17px no-repeat; } #galleryItem .next a { background: url('../images/galleryNext.png') right 17px no-repeat; } #FBComments { width: 500px; margin: 20px auto 0; } #plistaDetails {padding-left: 0px;} table.dynBox { border-collapse: collapse; /*margin: 10px;*/ margin: 0 auto 10px auto; background: #c8d0d4 url('../images/dynBoxBg_new.png') 0 0 repeat-x; width: 100%; } table.dynBox > tr > td { padding: 0!important; } table.dynBox .dynBoxHeader { padding: 0; background: #999999; color: #ffffff; font-weight: bold; height: 24px; height: 34px; /*overflow: hidden;*/ background: url('../images/dynBoxHeaderBg_new.png') 0 0 repeat; } table.dynBox .dynBoxHeader h3, table.dynBox .dynBoxHeader h1 { float: left; color: #ffffff; font-size: 15px; font-weight: bold; margin: 0; height: 20px; line-height: 20px; padding: 7px; } table.dynBox .dynBoxHeader div.titleContent { } table.dynBox .dynBoxHeader a { font-size: 15px; font-weight: bold; color: #ffffff; } table.dynBox .dynBoxHeader a.active, table.dynBox .dynBoxHeader a:hover { color: #d20059; } table.dynBox .dynBoxHeader a { margin-right: 16px; } table.dynBox .dynBoxContent { /*padding: 11px;*/ padding: 0 0 11px 0px; } /*table.dynBox .dynBoxContent td { padding-left: 11px; padding-right: 11px; }*/ table.dynBox .dynBoxContentPlain { padding: 0; } table.dynBox .dynBoxFooter { height: 13px; } #top10Module { padding-top: 5px } table#top10 { border-collapse: collapse; width: 100%; } table#top10 > tr > td, table > tbody > tr > td { vertical-align: top; padding: 0; } table#top10 td.broadcasts div.active { background: #ffffff!important; } table#top10 td.fbComments { position: relative; width: 330px; padding: 29px 0 0 2px; } table#top10 td #FBComments { background: #ffffff; padding: 5px 0 5px 5px; box-shadow: 3px 3px 3px #000000; border: 1px solid lightgray; width: 330px; margin: 0; max-height: 600px; overflow: auto; min-height: 199px; } table#top10 td.fbComments .arrow { position: absolute; z-index: 1; width: 6px; height: 11px; margin-top: 17px; margin-left: -5px; /*left: -6px; top: 10px; z-index: 11;*/ background: url('../images/fbBoxLeftArrow.png') 0px 0px no-repeat; } table#top10 td #FBComments .fb-comments { } table#top10 .row { height: 92px; overflow: hidden; } table#top10 .row .num { height: 84px; width: 26px; text-align: right; overflow: hidden; padding: 4px 8px; font-size: 14px; font-weight: bold; float: left; } table#top10 .row .content { margin-left: 42px; padding: 4px 8px; position: relative; } table#top10 .row .title { font-size: 14px; font-weight: bold; } table#top10 .row .date { float: left; margin-right: .5em; } table#top10 .row .time { color: #d20059; } table#top10 .row .station { position: absolute; top: 57px; } table#top10 .row .station img { max-height: 30px; max-width: 200px; } table#top10 .evenRow .num { background: #c9cdd0; } table#top10 .oddRow .num { background: #d2d5da; } table#top10 .active .num { background: #eeeeee; } div.tabs > ul { list-style-type: none; padding: 0 10px; margin: 10px 0 0 0; height: 24px; overflow: hidden; background: url('../images/tabBg.png') left bottom repeat-x; } div.tabs > ul li { float: left; margin: 0 10px 0 0; padding: 4px 8px; background: url("../images/dynBoxHeaderBg_new.png") 0 0 repeat; color: #ffffff; } div.tabs > ul li a { color: #ffffff; font-weight: bold; font-size: 12px; } /*div.tabs > div { clear: left; display: none; } div.tabs > div:first-of-type { display: block; }*/ div.wrap { float: none; clear: both; height: 1px; } hr { color: transparent; background: transparent; border: 1px solid #666666; border-width: 1px 0 0 0; } a:link, a:visited { color: #164F7C; text-decoration: none; } a:hover, a:active { color: #d20059; text-decoration: none; } table.min { border: 0; margin: 0; padding: 0; border-collapse: collapse; } table.min td { padding: 0; vertical-align: top; } a.bttnMyStations, a.bttnMyStationsInactive, a.bttnRefresh, a.bttnRefreshInactive { margin: 0 2px 0 0; float: right; background: #1b3045; color: #ffffff; font-size: 10px; font-weight: bold; line-height: 11px; padding: 3px 6px; text-align: center; } a.bttnRefresh, a.bttnMyStations { background: #d20059; } img.typeIcon { margin-right: 5px; /* padding: 2px 4px; border-radius: 7px; background: #164f7c;*/ } img.stationIcon { display: block; max-height: 25px; max-width: 110px; } img.stationIconDetails { display: block; /* width: 30px; */ /* height: 41px; */ display: block; /* margin-left: auto; margin-right: auto; margin-bottom: 37px;*/ } span.stationName { display: block; padding: 0; text-align: left; } img.epgImage { float: right; } a.bttnEmail, a.bttnAddToPlaner, a.bttnRemoveFromPlaner, a.bttnRebroadcasts, /* a.bttnRefresh, */ /* a.bttnRefreshInactive, */ a.bttnClose, a.bttnPrint, a.bttnPrintSmall, a.bttnHelp /*, a.bttnMyStations, a.bttnMyStationsInactive*/ { display: block; float: left; height: 21px; color: transparent; overflow: hidden; margin-right: 4px; } a.bttnEmail span, a.bttnAddToPlaner span, a.bttnRemoveFromPlaner span, a.bttnRebroadcasts span, /* a.bttnRefreshInactive span, */ /* a.bttnRefresh span, */ a.bttnClose span, a.bttnPrint span, a.bttnPrintSmall span, a.bttnHelp span /*, a.bttnMyStations span, */ /* a.bttnMyStationsInactive span */ { visibility: hidden; } a.bttnEmail { width: 21px; background: url('../images/bttnMail.png') 0 0 no-repeat; } a.bttnAddToPlaner { width: 158px; background: url('../images/bttnTxtInPlanerEinfuegen.png') 0 0 no-repeat; } a.bttnRemoveFromPlaner { width: 175px; background: url('../images/bttnTxtAusPlanerEntfernen.png') 0 0 no-repeat; } a.bttnRebroadcasts { width: 189px; background: url('../images/bttnTxtWiederholungen.png') 0 0 no-repeat; } a.bttnClose { width: 76px; background: url('../images/bttnTxtSchliessen.png') 0 0 no-repeat; } a.bttnPrint { width: 76px; background: url('../images/bttnTxtDrucken.png') 0 0 no-repeat; } a.bttnPrintSmall { width: 21px; background: url('../images/bttnPrint.png') 0 0 no-repeat; } a.bttnHelp { width: 22px; background: url('../images/bttnQuestion.png') 0 0 no-repeat; } .topCol { border-bottom: 1px solid #e3100e; } .leftCol, .midCol { border-right: 1px solid #e3100e; } a span.innerBlock { /* display: block; text-align: right;*/ } div.right, span.right { display: block; float: right; } a.bttnMore { background: url('../images/bttnMore.png') 0 3px no-repeat; padding: 0 0 0 11px; } a.menuLike, a.menuLikeCurrent { font-weight: bold; padding-left: 13px; } a.menuLike { /* background: url('../images/menuIcon.png') 0 2px no-repeat;*/ } a.menuLike:hover, a.menuLikeCurrent { text-decoration: none; color: #d20059; background: url('../images/menuIconHover.png') 0 2px no-repeat; } span.xmlIcon { margin-top: 3px; display: block; color: #ffffff; background: #d20059; float: left; padding: 0 5px 1px 5px; font-weight: bold; } span.xmlValue { margin-left: 12px; } img.broadcast { width: 150px; } td.evenColumn, .evenRow { background: #dadee1; } td.oddColumn, .oddRow { background: #fff; } tr.oddRow td:first-child, tr.evenRow td:first-child { padding-left: 11px!important; } tr.oddRow td:last-child, tr.evenRow td:last-child { padding-right: 11px!important; } /* details table layout */ table.broadcasts { border-collapse: collapse; width: 100%; } table.broadcasts tr th:first-child { padding-left: 11px; } table.broadcasts tr th:last-child { padding-right: 11px; } table.broadcasts td { padding: 4px; vertical-align: top; } table.broadcasts td.station { /* vertical-align: middle; */ } table.broadcasts td.details { } table.broadcasts td.details div.content a table.broadcasts td.details a { font-weight: bold; } table.broadcasts td.time { font-weight: bold; width: 38px; } table.broadcasts td.date { width: 20px; } table.broadcasts td.details div.content { max-width: 600px; } table.broadcasts td.details a { font-weight: bold; } table.broadcasts td.image { width: 150px; } /* end details table layout */ /* list table layout */ table.broadcasts td.smallNumber, table.broadcasts td.smallDay, table.broadcasts td.smallDate, table.broadcasts td.smallStation, table.broadcasts td.smallTime, table.broadcasts td.smallTitle { /* padding: 2px!important; */ padding: 4px 2px; } table.broadcasts th { text-align: left; padding: 2px; } table.broadcasts td.smallNumber { text-align: right; } table.broadcasts td.smallStation { padding-right: 4px!important; /*width: 80px;*/ } table.broadcasts td.smallTime { padding-right: 4px!important; color: #d20059; width: 36px; } table.broadcasts td.smallDay { width: 20px; } table.broadcasts td.smallDate { width: 36px; } table.highlightsPics span.smallTime, table.broadcasts td.smallTime a { color: #d20059; } table.broadcasts td.smallTitle { } #modules table.broadcasts td.smallStation { max-width: 70px; overflow: hidden; text-overflow: ellipsis; } #modules table.broadcasts td.smallTitle { max-width: 110px; overflow: hidden; text-overflow: ellipsis; } table.broadcasts td.smallCounter a { color: #708296; } /*table.broadcasts tr:nth-child(2) { background: #e2e5ea; } table.broadcasts tr:nth-child(4) { background: #d8dbe0; } table.broadcasts tr:nth-child(6) { background: #ccd3d9; } table.broadcasts tr:nth-child(8) { background: #bfc8cf; } table.broadcasts tr:nth-child(10) { background: #b9c2c9; }*/ table.broadcasts tr.dateRow td.date { padding: 0; line-height: 2; text-align: center; } table.broadcasts tr.dateRow td.date div.content { background: #a5afb8 none repeat scroll 0 0; color: #ffffff; font-weight: bold; } /* end list table layout */ table.selectBox { border-collapse: collapse; width: 100%; /* border-color: #a2a2a2; border-style: solid; border-width: 0; border-left-width: 1px; border-right-width: 1px; border-bottom-width: 1px;*/ } table.selectBox td { padding: 4px; text-align: center; border-right: 1px dotted #164f7c; border-bottom: 1px dotted #164f7c; } table.selectBox tr.bottom td { border-bottom: none; } table.selectBox td.right { border-right: none; } .marked { border: 1px solid #ff0000!important; background: #dddddd!important; } .clearer { clear: both; } a.button { background: #1b3045; color: #ffffff!important; font-size: 12px; font-weight: bold; line-height: 15px; padding: 3px 6px; text-align: center; } a.txtButton, button.txtButton { font-size: 12px!important; line-height: 15px!important; cursor: pointer; display: inline-block; padding: 0; margin-right: 11px; outline: none; height: 24px; background: transparent; } a.txtButton span.div, button.txtButton div { display: block; background: #1a2f44 url('../images/bttnIconClose.png') 7px 0 no-repeat; padding-left: 31px; } a.txtButton span.div span, button.txtButton span { display: block; font-weight: bold; padding: 0 4px; margin: 0; height: 24px; line-height: 24px; font-size: 12px!important; color: #1a2f44; background: #d1d4d9; /*margin-right: -2px;*/ } button.txtClose div { background-image: url('../images/bttnIconClose.png'); } button.txtSave div { background-image: url('../images/bttnIconSave.png'); } button.txtPrint div { background-image: url('../images/bttnIconPrint.png'); } a.txtAddToPlaner span.div { background-image: url('../images/bttnIconAdd.png'); } a.txtRemoveFromPlaner span.div { background-image: url('../images/bttnIconRemove.png'); } #planerForm table.broadcast td.left a.button { display: block; } a.txtRebroadcasts span.div { background-image: url('../images/bttnIconRebroadcasts.png'); padding-left: 51px; } .componentheading { font-size: 15px; font-weight: bold; } /*div.select { float: left; font-size: 10px; padding: 3px 6px 2px 10px; position: relative; z-index: 11; margin: 0 0 0 6px; background: url('../images/selectBg.png') 0 0 repeat-x; border-radius: 4px; box-shadow: 3px 3px 3px #666666; } div.select div.info { font-weight: bold; } div.select div.title { color: #0a3257; cursor: pointer; padding: 0 20px 0 0; background: url('../images/selectArrowDown.png') right 4px no-repeat; } div.selectActive div.title { background-image: url('../images/selectArrowUp.png'); } div.select div.values { position: absolute; z-index: 11; left: 4px; top: 0; display: none; min-width: 100%; } div.select div.values .items { overflow: auto; max-height: 450px; padding: 4px; margin-top: 22px; background: #a5afb8; border: 1px solid black; border-width: 0 1px 1px 0; } div.select div.values .items .separator, div.select div.values .items .item { white-space: nowrap; } div.select div.values .items a { cursor: pointer; font-size: 11px; } div.select div.values .items .separator { font-style: italic; margin: 10px 0 10px 0; } div.select div.values div.active a { color: #d20059; } div.select div.values a:hover { color: #d20059; }*/ div.flipSwitch * { -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; /* Introduced in IE 10. See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/ */ -ms-user-select: none; user-select: none; cursor: default; } /* flipswitch original div.flipSwitch { float: left; margin-left: 10px; color: #ffffff; box-shadow: 3px 3px 3px #666666; background: url('../images/selectBg.png') 0 0 repeat-x; border-radius: 4px; padding: 0 4px; } div.flipSwitch .wrapper { position: relative; overflow: hidden; } div.flipSwitch .wrapper .switch { overflow: hidden; white-space: nowrap; background: url('../images/flipSwitchBg.png') 0 0 repeat-x; padding: 5px 0 4px 0; } div.flipSwitch .wrapper .switch div { text-align: center; padding: 0 4px; float: left; height: 10px; line-height: 10px; font-size: 10px;} div.flipSwitch .wrapper .switch .handle { cursor: pointer; width: 20px; height: 10px; border-radius: 2px; background: #0a3257; padding: 0; } div.flipSwitch.off .wrapper .switch .handle { background: #d20059; } #componentHeader > div.flipSwitch { margin-top: -2px; } */ /*div.flipSwitch { float: left; margin-left: 10px; color: #ffffff; box-shadow: 3px 3px 3px #666666; background: url('../images/selectBg.png') 0 0 repeat-x; border-radius: 4px; padding: 0 4px; } div.flipSwitch .wrapper { position: relative; overflow: hidden; } div.flipSwitch .wrapper .switch { overflow: hidden; white-space: nowrap; background: url('../images/flipSwitchBg.png') 0 0 repeat-x; padding: 5px 0 4px 0; } div.flipSwitch .wrapper .switch div { text-align: center; padding: 0 4px; float: left; line-height: 10px; font-size: 10px;} div.flipSwitch .wrapper .switch .handle { cursor: pointer; width: 20px; height: 10px; border-radius: 2px; background: url('../images/slider_button.png'); padding: 0; } div.flipSwitch.off .wrapper .switch .handle { background: #d20059; }*/ /* #componentHeader > div.flipSwitch { margin-top: -10px; } */ div.flipSwitch { width: 92px; float: right; position: relative; margin-left: 10px; height: 15px; overflow: hidden; } div.flipSwitch .wrapper { height: 15px; } div.flipSwitch .wrapper .switch { height: 15px; } div.flipSwitch .wrapper .switch div { /*text-align: center;*/ font-size: 10px; line-height: 10px; white-space: nowrap; /*text-align: center;*/ position: absolute; top: 0; left: 0; height: 15px; overflow: hidden; } div.flipSwitch .wrapper .switch div.handle { cursor: pointer; width: 15px; background: url('../images/switcherButton.png') 0 0 no-repeat; z-index: 10; } div.flipSwitch .wrapper .switch div.on { width: 100%; z-index: 2; color: #ffffff; } div.flipSwitch .wrapper .switch div.on div { position: static; padding: 0 7.5px; background: url('../images/switcherRedLeftBg.png') left top no-repeat; } div.flipSwitch .wrapper .switch div.on div div { font-size: 9px; line-height: 13px; height: 13px; padding: 2px 9px 0px 0; background: url('../images/switcherRedBg.png') 0 0 repeat-x; } div.flipSwitch .wrapper .switch div.off { width: 100%; z-index: 1; color: #999999; } div.flipSwitch .wrapper .switch div.off div { position: static; padding: 0 7.5px; background: url('../images/switcherWhiteRightBg.png') right top no-repeat; } div.flipSwitch .wrapper .switch div.off div div { font-size: 9px; line-height: 13px; height: 13px; padding: 2px 0 0px 9px; background: url('../images/switcherWhiteBg.png') 0 0 repeat-x; } .dynBoxHeader div.flipSwitch { margin: 10px; } .dynBoxHeader .form { float: left; height: 34px; /*background: url('../images/headerFormLightLeftBg.png') 0 0 no-repeat;*/ padding: 0 0 0 16px; } .dynBoxHeader .form > div { height: 34px; /*background: url('../images/headerFormLightRightBg.png') right top no-repeat;*/ padding: 0 16px 0 0; } .dynBoxHeader .form > div > div { height: 34px; /*background: url('../images/headerFormLightBg.png') 0 0 repeat-x; */} .dynBoxHeader .form > div > div > div { margin: 0 -13px; padding: 1px 0 0 0;} .dynBoxHeader .form .select { height: 28px; font-size: 10px; line-height: 12px; /*border: 1px solid green; */} /* .dynBoxHeader .form .select > span.selectButton { display: block; position: absolute; top: 13px; right: 10px; width: 13px; height: 7px; background: url('../images/selectArrowDown.png') 0 0 no-repeat; } */ .dynBoxHeader .form .select > span.selectValue { font-size: 10px; line-height: 12px; margin: 2px 0; width: auto; height: 28px; background: url('../images/selectLightLeftBg.png') 0 0 no-repeat; padding: 0 0 0 12px; } .dynBoxHeader .form .select > span.selectValue > span { display: block; height: 28px; background: url('../images/selectLightRightBg.png') right top no-repeat; padding: 0 31px 0 0; } .dynBoxHeader .form .select > span.selectValue > span > span { font-size: 10px; line-height: 12px; display: block; height: 12px; background: url('../images/selectLightBg.png') 0 0 repeat-x; padding: 8px 0 8px 0; color: #0a3257; overflow: hidden;} .dynBoxHeader .form select { width: auto; padding: 0; border: 0; top: 4px; font-size: 10px; line-height: 28px; height: 22px; margin: 0; border-radius: 0; background: #eeeeee; color: #0a3257; } .dynBoxHeader .form select option { border: 0; font-size: 10px; line-height: 14px; background: #eeeeee; color: #0a3257; } /*.dynBoxHeader .form select.selectSmall, .dynBoxHeader .form .selectSmall { width: 110px; } .dynBoxHeader .form select.selectNormal, .dynBoxHeader .form .selectNormal { width: 150px; } .dynBoxHeader .form select.selectLarge, .dynBoxHeader .form .selectLarge { width: 220px; }*/ /*.dynBoxHeader .form .select, .dynBoxHeader .form .selectSmall, .dynBoxHeader .form .selectNormal, .dynBoxHeader .form .selectLarge { width: auto; }*/ .dynBoxHeader .form span.selectButton { display:none; } /*klack_menu*/ .hidden { display:none; } .clear { clear:left; } .bulletCheck { font-weight: bold; line-height: 1.5; font-size: 12px; padding: 3px 0 3px 25px; background: url('../images/redCheck.png') 0 0 no-repeat; height: 50px; } #seoSettings > table { border-collapse: collapse; } #seoSettings > table td, #seoSettings > table th { padding: 2px 4px; border: 1px solid #333333; white-space: nowrap; font-size: 11px; } #seoSettings > table th { cursor: pointer; } #seoSettings > form > div, #seoQuickSettings > form > div { padding: 4px 0; } #seoSettings > form label, #seoQuickSettings > form label { font-weight: bold; display: inline-block; width: 200px; vertical-align: top; } #seoSettings > form textarea, #seoQuickSettings > form textarea { width: 345px; height: 80px; } #seoQuickSettings { position: fixed; right: 20px; bottom: 20px; z-index: 10000; background: #ffffff; border: 1px solid #333333; box-shadow: 10px 10px 10px #000000; padding: 10px; } #seoQuickSettings > a { font-weight: bold; cursor: pointer; } #seoQuickSettings > form { display: none; } #seoQuickSettings > form label { width: 100px; } #seoQuickSettings > form button { margin: 10px 0 0 110px; } ::-webkit-input-placeholder { color: #626669; font-size: 10px; } :-moz-placeholder { /* Firefox 18- */ color: #626669; font-size: 10px; } ::-moz-placeholder { /* Firefox 19+ */ color: #626669; font-size: 10px; } :-ms-input-placeholder { color: #626669; font-size: 10px; } .bcViewDisplay .progressBar { margin: 8px 0; width:90px;} div.progressBar { border:1px solid #999999!important; background: #fff!important; border-radius: 0px; height: 4px; position: relative; z-index: 1; margin: 0px 20px 0px -3px } div.progressBar > div { background: #d20059!important; border-radius: 0px; height: 4px; position: relative; z-index: 2; } .bcViewDisplay td.progress .progressBar { width: 90px; } div.progressBarText {float:left; margin:4px 4px 4px 8px; font-weight: bold; color: #d20059;} .bcViewDisplay td.progress { width: 96px; vertical-align: middle; } .bcViewDisplay td.progress .progressBar { width: 90px; } .bcViewTips .progressBar { margin: 8px 0; width:90px;} .modCurrent {overflow:auto; height:310px; background: #d2d5da } .modCurrent .item:nth-child(2n + 1) { background: #fff; } .modCurrent .item { height: 56px; overflow: hidden; margin: 5px 0; font-size: 12px; font-weight: bold; } .modCurrent .item .image { width: 100px; float: left; height: 56px; overflow: hidden; } .modCurrent .item .image img { width: 100px; } .modCurrent .item .content { margin-left: 110px; height: 48px; padding: 4px 8px 0 0; overflow: hidden; } .modCurrent .item .content div * { white-space: nowrap; line-height: 16px; } .modCurrent .item .content .date { float: left; } .modCurrent .item .content .date .time { color: #d20059; } .modCurrent .item .content .title { clear: both; position: relative; width: 182px; overflow: hidden; } .modCurrent .item .content .title div.gradient { width: 70px; position: absolute; top:0px; right:0px; height: 100%; z-index: 1; background: url('../images/gradient_klack.png') 0 0 repeat-y; } .modCurrent .item:nth-child(2n + 1) .content .title div.gradient { background: url('../images/gradient_white.png') 0 0 repeat-y; } .modCurrent .item .content .station a { color: #000000; } .modCurrent .item .content .station .genre { color: #666666; font-size: 11px; font-weight: normal; } .modCurrent .progressBar { float: left; width: 75px; margin: 4px 0 0 10px; } #stationEditor { /*position: relative;*/ } #stationEditor > div.headline { height: 34px; line-height: 34px; background: url('../images/dynBoxHeaderBg_new.png') 0 0 repeat; font-weight: bold; font-size: 15px; color: #ffffff; padding-left: 19px; margin-bottom: 30px; } #stationEditor.wait * { cursor: wait!important; } /* #stationEditor input {-moz-box-sizing: content-box;} */ #stationEditor input::-moz-focus-inner { padding: 0; border: 0; } #stationEditor #userStations, #stationEditor #stations { float: left; width: 440px; min-height: 100px; position: relative; } #stationEditor #stations { float: right; } #stationEditor #userStations > div.header, #stationEditor #stations > div.header { background: #ebecf0; padding: 0 0 0 19px; width: 201px; height: 34px; font-size: 15px; line-height: 34px; font-weight: bold; } #stationEditor #userStations > div.content, #stationEditor #stations > div.content { background: #ffffff; border: 1px solid #ebecf0; width: 400px; padding: 19px; } #stationEditor #stations input[type=text] { background: #ffffff; border: 1px solid #000000; width: 367px; line-height: 14px; height: 14px; padding: 6px 25px 6px 6px; margin: 0 auto; background: url('/templates/klack/images/stationeditor/search.png') 375px 5px no-repeat; } #stationEditor #userStations > div.delete, #stationEditor #userStations > div.load, #stationEditor #userStations > div.defaults { position: absolute; top: 0; right: 0; width: 200px; height: 25px; background: #ebecf0; border: 1px solid #d5d6d8; } #stationEditor #userStations > div.delete, #stationEditor #userStations > div.load { background: #D21664; color: #ffffff; display: none; } #stationEditor #userStations > div.delete div.label, #stationEditor #userStations > div.load div.label, #stationEditor #userStations > div.defaults div.label { font-size: 11px; height: 25px; line-height: 25px; text-align: center; font-weight: bold; padding: 0 4px; white-space: nowrap; } #stationEditor #userStations > div.delete button, #stationEditor #userStations > div.load button, #stationEditor #userStations > div.defaults button { float: right; height: 25px; line-height: 25px; margin: 0; padding: 0 4px; font-size: 11px; border-left: 1px solid #d5d6d8; display: inline; background: transparent; color: #1a2f44; font-weight: normal; } #stationEditor #userStations > div.defaults button:hover span { color: #d20059; } #stationEditor #userStations > div.defaults button { width: 98px; font-weight: bold; } #stationEditor #userStations > div.defaults button:last-of-type { border: none; } #stationEditor #userStations > div.delete button, #stationEditor #userStations > div.load button { color: #ffffff; } #stationEditor #userStations > div.delete button:last-of-type, #stationEditor #userStations > div.load button:last-of-type { border: none; font-weight: bold; font-size: 12px; } #stationEditor #userStations > div.defaults button:last-of-type { margin-left: 4px; } #stationEditor #userStations > div.delete button:first-of-type, #stationEditor #userStations > div.load button:first-of-type { font-size: 18px; font-weight: normal; } #stationEditor ul { overflow: auto; min-height: 25px; /*position: relative;*/ list-style-type: none; padding: 0; margin: 0 auto; width: 402px; } #stationEditor ul li { position: relative; background: #ebecf0; cursor: move; width: 398px; height: 25px; overflow: hidden; margin: 9px 0; border: 1px solid #d5d6d8 } #stationEditor ul li img { max-height: 25px; max-width: 80px; } #stationEditor ul li div { float: left; } #stationEditor ul li div.logo { padding: 0 10px; width: 80px; min-height: 25px; } #stationEditor ul li div.name { font-weight: bold; line-height: 25px; } #stationEditor ul li div.add, #stationEditor ul li div.remove { cursor: pointer; display: block; width: 19px; height: 19px; padding: 3px; background: #ffffff url('../images/stationeditor/add.png') 3px 4px no-repeat;} #stationEditor ul li div.add span, #stationEditor ul li div.remove span { display: none; } #stationEditor ul li div.remove { background-image: url('../images/stationeditor/remove.png'); } #stationEditor ul li div.handle { float: right; cursor: move; background: url('../images/stationeditor/move.png') left 1px no-repeat; height: 25px; width: 25px; } #stationEditor ul li div.handle > span { display: none; } #stationEditor ul li div.haze { display: none; position: absolute; top: 0; left: 0; height: 25px; width: 400px; background: #ffffff; opacity: 0.8; z-index: 2; } #stationEditor #stations li.dragged div.haze { display: block; } #stationEditor #stations li.addedToGroup div.add, #stationEditor #stations li div.addDisabled { cursor: default; background-image: url('../images/stationeditor/addDisabled.png'); } #stationEditor #stations li.addedToGroup { cursor: default; } #stationEditor #stations div.handle { display: none; } #stationEditor #stations li div.remove, #stationEditor #dummyList li div.add, #stationEditor #userStations li div.add { display: none; } #stationEditor #userStations li.placeholder { background: #ffffff; border-style: dotted; } #stationEditor #userStations li.forbidden { background: #ffcccc!important; } #stationEditor #userStations div.group { margin: 0 0 19px 0; } #stationEditor #userStations div.group div.content { padding: 0; } #stationEditor #dummyList div.haze { background: #ffcccc; } #stationEditor #dummyList div.remove { visibility: hidden; } #stationEditor #userStations div.group > div.emptyMessage { display: none; background: #ebecf0; margin: 10px 0 0 0; padding: 10px; } #stationEditor #userStations div.group > div.header { height: 28px; background: #263f5d; color: #ffffff; font-weight: bold; } #stationEditor #userStations div.group > div.header > div.move { float: right; position: relative; height: 28px; width: 14px; border-left: 1px solid #ffffff; } #stationEditor #userStations div.group > div.header > div.move > div { position: absolute; top: 0; left: 0; height: 14px; width: 14px; cursor: pointer; background: url('../images/stationeditor/moveGroupUp.png') 2px 5px no-repeat; } #stationEditor #userStations div.group > div.header > div.move > div span { display: none; } #stationEditor #userStations div.group > div.header > div.move > div.down { top: auto; bottom: 0; background: url('../images/stationeditor/moveGroupDown.png') 2px 3px no-repeat; } #stationEditor #userStations div.group > div.header > div.move > div.up:hover { background-image: url('../images/stationeditor/moveGroupUpActive.png'); } #stationEditor #userStations div.group > div.header > div.move > div.down:hover { background-image: url('../images/stationeditor/moveGroupDownActive.png'); } #stationEditor #userStations div.group:first-of-type > div.header > div.move > div.up, #stationEditor #userStations div.group:last-of-type > div.header > div.move > div.down { display: none; } #stationEditor #userStations div.group > div.header > div.edit { display: none; } #stationEditor #userStations div.group > div.header > div > div { float: left; } #stationEditor #userStations div.group > div.header > div > div.collapse, #stationEditor #userStations div.group > div.header > div > div.edit, #stationEditor #userStations div.group > div.header > div > div.save, #stationEditor #userStations div.group > div.header > div > div.delete { cursor: pointer; width: 28px; height: 28px; line-height: 28px; font-size: 14px; background: #d82c71; text-align: center; } #stationEditor #userStations div.group > div.header > div > div.edit, #stationEditor #userStations div.group > div.header > div > div.save { float: right; background: #263f5d; } #stationEditor #userStations div.group > div.header > div > div.name { font-size: 14px; line-height: 28px; font-weight: bold; } #stationEditor #userStations div.group > div.header > div.normal > div.name { margin: 0 0 0 6px; width: 240px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } #stationEditor #userStations div.group > div.header > div > div.name > input { background: #96a2b0; color: #ffffff; height: 20px; width: 240px; font-size: 14px; font-weight: bold; line-height: 20px; margin: 2px; padding: 2px 4px; font-family: 'Verdana',sans-serif; } #stationEditor #userStations div.group > div.header > div > div.collapse span, #stationEditor #userStations div.group > div.header > div > div.edit span, #stationEditor #userStations div.group > div.header > div > div.delete span { display: none; } #stationEditor #userStations div.group > div.header > div > div.collapse { background:#d82c71 url('../images/stationeditor/group.png') 8px 11px no-repeat; } #stationEditor #userStations div.group > div.header > div > div.delete { background: #d82c71 url('../images/stationeditor/delete.png') 8px 6px no-repeat; } #stationEditor #userStations div.group > div.header > div > div.edit { background: url('../images/stationeditor/edit.png') 5px 5px no-repeat; } #stationEditor #userStations div.group.collapsed > div.header > div > div.collapse { cursor: pointer; background: #263f5d url('../images/stationeditor/groupCollapsed.png') 11px 8px no-repeat;} #stationEditor #userStations div.group.empty > div.emptyMessage { display: block; } #stationEditor #userStations div.group.collapsed > div.emptyMessage { display: none!important; } #stationEditor #userStations div.group > div.content { display: none; } #stationEditor #userStations div.group.collapsed > div.content { overflow: hidden; } #stationEditor #userStations div.addGroup { background: url('../images/stationeditor/groupAddBg.png') 0 0 no-repeat;} #stationEditor #userStations div.addGroup * { background: transparent!important; color: #ffffff!important; cursor: pointer; border: none!important; } #stationEditor span.add, #stationEditor span.arrows { display: inline-block; margin: 0 0 -1px 0; height: 11px; width: 11px; background: url('../images/stationeditor/addText.png') 0 0 no-repeat; } #stationEditor span.arrows { background-image: url('../images/stationeditor/moveText.png'); width: 10px; } #stationEditor span.add span, #stationEditor span.arrows span { display: none; } #stationEditor .ajaxLoading { display: none; position: fixed; top: 30%; left: 30%; z-index: 1001; width: 32px; height: 32px; background: url('../images/ajax-loader.gif') 0 0 no-repeat; } #modGameBox { } #modGameBox div.header { position: relative; background: url('../images/modGameBoxHeaderBg.png') 0 0 no-repeat; width: 300px; height: 103px; } #modGameBox div.header div.clickArea { position: absolute; z-index: 2; height: 68px; width: 300px; cursor: pointer; } #modGameBox div.header div.form, #modGameBox div.header div.select { margin: 0; padding: 0; height: auto; } #modGameBox div.header div.select { float: right; } #modGameBox div.header div.form { float: none; position: absolute; right: 0; bottom: 0; width: 292px; color: #ffffff; padding: 0 2px 2px 6px;} #modGameBox div.header div.form span.label { font-size: 14px; line-height: 30px; } #modGameBox span.selectSmall, #modGameBox select.selectSmall { width: 62px; } #modGameBox table { border-collapse: collapse; } #modGameBox td { padding: 0; margin: 0; } #modGameBox .rows { height: 300px; overflow-y: auto; overflow-x: hidden; width: 300px; padding: 5px 0 0 0; background: #ffffff; } #modGameBox .row { cursor: pointer; height: 56px; overflow: hidden; padding: 2px 0;background: #ffffff; line-height: 19px; } #modGameBox .clear { clear: both; height: 0; } #modGameBox .row:nth-child(2n) { background: #dadee1; } #modGameBox .row a { color: #1a2f44; } #modGameBox .row .image { width: 100px; height: 56px; overflow: hidden; float: left; position: relative; } #modGameBox .row .image img { width: 104px; min-height: 60px; margin: -2px auto auto -2px; } #modGameBox .row .text { padding-top: 9px; } #modGameBox .row .title { font-weight: bold; position: relative;} #modGameBox .row .userName, #modGameBox .row .gameName { max-width: 200px; overflow: hidden; white-space: nowrap; position: relative; padding: 0 5px 0 10px; } #modGameBox .row .gameName div.gradient { position: absolute; height: 100%; right: 0; width: 30px; background: url('../images/gradient_white_wide.png') 0 0 repeat-y;} #modGameBox .row:nth-child(2n) .gameName div.gradient { background-image: url('../images/gradient_klack_wide.png'); } #modGameBox .row .title .points { position: absolute; right: 0; z-index: 2; color: #d20059; background: url('../images/gradient_white_wide.png') 0 0 repeat-y; padding: 0 5px 0 40px; } #modGameBox .row:nth-child(2n) .title .points { background-image: url('../images/gradient_klack_wide.png'); } /* #modGameBox .gameBoxUserPic { vertical-align: middle; } #modGameBox .gameBoxUserPic img { max-height: 42px; margin-top: 4px;} #modGameBox .gameBoxInfo { padding-left: 10px; width: 100%; vertical-align: middle;} #modGameBox .gameBoxInfo .gameBoxUserName { font-size: 12px !important; font-weight: bold; } #modGameBox .gameBoxInfo .gameBoxGameName { font-size: 10px !important; margin-top: 2px; } #modGameBox .gameBoxPoints { vertical-align: middle; text-align: right; color: #d20059; font-weight: bold; } #modGameBox .gameBoxPoints span { font-size: 12px; margin-right: 20px;}*/