/* CSS MAIN definition file */
/* ------------------------ */
@font-face{font-family:Outfit;src:url(../fonts/Outfit-Light.ttf);font-weight:normal}
@font-face{font-family:Outfit;src:url(../fonts/Outfit-Medium.ttf);font-weight:bold}
@font-face{font-family:Outfit;src:url(../fonts/Outfit-Bold.ttf);font-weight:900}
/* General */
*{font-family:Outfit,sans-serif;margin:0;padding:0;border:0;letter-spacing:normal;font-weight:normal}
b{font-weight:bold}
.FS8{font-size:8px !important}
.FS9{font-size:9px !important}
.FS10{font-size:10px !important}
.FS11{font-size:11px !important}
.FS12{font-size:12px !important}
.FS13{font-size:13px !important}
.FS14{font-size:14px !important}
.FS15{font-size:15px !important}
.FS16{font-size:16px !important}
.FS18{font-size:18px !important}
.FS20{font-size:20px !important}
.FS22{font-size:22px !important}
.FS23{font-size:23px !important}
.FS25{font-size:25px !important}
.FS26{font-size:26px !important}
.FWn{font-weight:normal !important}
.FWb{font-weight:bold !important}
.FSn{font-style:normal !important}
.FSn{font-style:italic !important}
.TDn{text-decoration:none !important}
.TDu{text-decoration:underline !important}
.LHnormal{line-height:normal !important}
.LH100{line-height:100% !important}
.LH130{line-height:130% !important}
.LH150{line-height:150% !important}
.Cdefault{cursor:default !important}
.Cpointer{cursor:pointer}
/*.Czoomin{cursor:zoom-in}*/
.Czoomin{cursor:url(../icons/zoom-in.cur),url(../icons/zoom-in.png),pointer}
.Bradius0{border-radius:0px !important}
.Bradius5{border-radius:5px}
.Bwidth0{border-width:0px !important}
.Fleft{float:left !important}
.Fright{float:right !important}
.Cboth{clear:both !important}
.Cnone{clear:none !important}
.Ohidden{overflow:hidden !important}
.Ovisible{overflow:visible !important}
.Opac05{opacity:0.5}
.Opac07{opacity:0.7}
.Finvert{filter:invert(100%)}
.Prel{position:relative}
.Pabs{position:absolute}
.Pfix{position:fixed}
.Zx1{z-index:1}
.M0{margin:0px !important}
.M3{margin:3px !important}
.M7{margin:7px !important}
.M17{margin:17px !important}
.Mtop-2{margin-top:-2px !important}
.Mtop-5{margin-top:-5px !important}
.Mtop-23{margin-top:-23px !important}
.Mtop0{margin-top:0px !important}
.Mbottom0{margin-bottom:0px !important}
.Mleft0{margin-left:0px !important}
.Mright0{margin-right:0px !important}
.Mtop1{margin-top:1px !important}
.Mbottom1{margin-bottom:1px !important}
.Mleft1{margin-left:1px !important}
.Mright1{margin-right:1px !important}
.Mtop2{margin-top:2px !important}
.Mbottom2{margin-bottom:2px !important}
.Mleft2{margin-left:2px !important}
.Mright2{margin-right:2px !important}
.Mtop3{margin-top:3px !important}
.Mbottom3{margin-bottom:3px !important}
.Mleft3{margin-left:3px !important}
.Mright3{margin-right:3px !important}
.Mtop4{margin-top:4px !important}
.Mbottom4{margin-bottom:4px !important}
.Mleft4{margin-left:4px !important}
.Mright4{margin-right:4px !important}
.Mtop5{margin-top:5px !important}
.Mbottom5{margin-bottom:5px !important}
.Mleft5{margin-left:5px !important}
.Mright5{margin-right:5px !important}
.Mtop6{margin-top:6px !important}
.Mbottom6{margin-bottom:6px !important}
.Mleft6{margin-left:6px !important}
.Mright6{margin-right:6px !important}
.Mtop7{margin-top:7px !important}
.Mbottom7{margin-bottom:7px !important}
.Mleft7{margin-left:7px !important}
.Mright7{margin-right:7px !important}
.Mtop8{margin-top:8px !important}
.Mbottom8{margin-bottom:8px !important}
.Mleft8{margin-left:8px !important}
.Mright8{margin-right:8px !important}
.Mtop9{margin-top:9px !important}
.Mbottom9{margin-bottom:9px !important}
.Mleft9{margin-left:9px !important}
.Mright9{margin-right:9px !important}
.Mbottom9-3{margin-bottom:9.3px !important}
.Mleft9-3{margin-left:9.3px !important}
.Mtop10{margin-top:10px !important}
.Mbottom10{margin-bottom:10px !important}
.Mleft10{margin-left:10px !important}
.Mright10{margin-right:10px !important}
.Mtop11{margin-top:11px !important}
.Mbottom11{margin-bottom:11px !important}
.Mleft11{margin-left:11px !important}
.Mright11{margin-right:11px !important}
.Mtop12{margin-top:12px !important}
.Mbottom12{margin-bottom:12px !important}
.Mleft12{margin-left:12px !important}
.Mright12{margin-right:12px !important}
.Mtop13{margin-top:13px !important}
.Mbottom13{margin-bottom:13px !important}
.Mleft13{margin-left:13px !important}
.Mright13{margin-right:13px !important}
.Mtop16{margin-top:16px !important}
.Mbottom16{margin-bottom:16px !important}
.Mleft16{margin-left:16px !important}
.Mright16{margin-right:16px !important}
.Mtop40{margin-top:40px !important}
.Ptop0{padding-top:0px !important}
.Pbottom0{padding-bottom:0px !important}
.Pleft0{padding-left:0px !important}
.Pright0{padding-right:0px !important}
.Pleft28{padding-left:28px !important}
.P0{padding:0px !important}
.P3{padding:3px}
.Ptop2{padding-top:2px !important}
.Pbottom2{padding-bottom:2px !important}
.Pleft2{padding-left:2px !important}
.Pright2{padding-right:2px !important}
.Ptop3{padding-top:3px !important}
.Pbottom3{padding-bottom:3px !important}
.Pleft3{padding-left:3px !important}
.Pright3{padding-right:3px !important}
.Ptop4{padding-top:4px !important}
.Pbottom4{padding-bottom:4px !important}
.Pleft4{padding-left:4px !important}
.Pright4{padding-right:4px !important}
.Ptop5{padding-top:5px !important}
.Pbottom5{padding-bottom:5px !important}
.Pleft5{padding-left:5px !important}
.Pright5{padding-right:5px !important}
.Pleft40{padding-left:40px !important}
.Vhidden{visibility:hidden}
.Dcell{display:table-cell !important}
.Dnone{display:none}
.DnoneI{display:none !important}
.Dblock{display:block}
.DblockI{display:block !important}
.Dinline{display:inline}
.Dinline-block{display:inline-block}
.Dinline-blockI{display:inline-block !important}
.Dflex{display:flex}
.DflexI{display:flex !important}
.FDrow{flex-direction:row}
.AIcenter{align-items:center}
.JCflexend{justify-content:flex-end}
.JCflexstart{justify-content:flex-start}
.JCcenter{justify-content:center}
.VAbottom{vertical-align:bottom}
.VAtbottom{vertical-align:text-bottom}
.VAmiddle{vertical-align:middle}
.VAtop{vertical-align:top}
.TAleft{text-align:left}
.TAcenter{text-align:center}
.TAright{text-align:right}
.ACcenter{align-content:center}
.WSnormal{white-space:normal !important}
.WSnowrap{white-space:nowrap !important}
.Hauto{height:auto !important}
.H100p{height:100% !important}
.H0{height:0px !important}
.H17{height:17px !important}
.H23{height:23px !important}
.H34{height:34px !important}
.H40{height:40px !important}
.H46{height:46px !important}
.H65{height:65px !important}
.H70{height:70px !important}
.H76{height:76px !important}
.H95{height:95px !important}
.H115{height:115px !important}
.H146{height:146px !important}
.H148{height:148px !important}
.H151{height:151px !important}
.H170{height:170px !important}
.H172{height:172px !important}
.H198{height:198px !important}
.H201{height:201px !important}
.H226{height:226px !important}
.H251{height:251px !important}
.H276{height:276px !important}
.H301{height:301px !important}
.H326{height:326px !important}
.H392{height:392px !important}
.H393{height:393px !important}
.H396{height:396px !important}
.Wauto{width:auto !important}
.W100p{width:100% !important}
.W17{width:17px !important}
.W20{width:20px !important}
.W23{width:23px !important}
.W26{width:26px !important}
.W32{width:32px !important}
.W38{width:38px !important}
.W40{width:40px !important}
.W42{width:42px !important}
.W43{width:43px !important}
.W44{width:44px !important}
.W46{width:46px !important}
.W47{width:47px !important}
.W48{width:48px !important}
.W50{width:50px !important}
.W52{width:52px !important}
.W54{width:54px !important}
.W56{width:56px !important}
.W59{width:59px !important}
.W59-5{width:59.5px !important}
.W60{width:60px !important}
.W65{width:65px !important}
.W68{width:68px !important}
.W69{width:69px !important}
.W73{width:73px !important}
.W74{width:74px !important}
.W76{width:76px !important}
.W80{width:80px !important}
.W81{width:81px !important}
.W82{width:82px !important}
.W83{width:83px !important}
.W85{width:85px !important}
.W87{width:87px !important}
.W88{width:88px !important}
.W89{width:89px !important}
.W94{width:94px !important}
.W100{width:100px !important}
.W102{width:102px !important}
.W103{width:103px !important}
.W105{width:105px !important}
.W106{width:106px !important}
.W109{width:109px !important}
.W112{width:112px !important}
.W114{width:114px !important}
.W120{width:120px !important}
.W128{width:128px !important}
.W130{width:130px !important}
.W131{width:131px !important}
.W132{width:132px !important}
.W134{width:134px !important}
.W140{width:140px !important}
.W146{width:146px !important}
.W148{width:148px !important}
.W154{width:154px !important}
.W158{width:158px !important}
.W159{width:159px !important}
.W160{width:160px !important}
.W163{width:163px !important}
.W164{width:164px !important}
.W166{width:166px !important}
.W170{width:170px !important}
.W171{width:171px !important}
.W174{width:174px !important}
.W176{width:176px !important}
.W178{width:178px !important}
.W180{width:180px !important}
.W182{width:182px !important}
.W188{width:188px !important}
.W190{width:190px !important}
.W200{width:200px !important}
.W202{width:202px !important}
.W204{width:204px !important}
.W207-5{width:207.5px !important}
.W220{width:220px !important}
.W224{width:224px !important}
.W232{width:232px !important}
.W236{width:236px !important}
.W239{width:239px !important}
.W243{width:243px !important}
.W250{width:250px !important}
.W251{width:251px !important}
.W254{width:254px !important}
.W256{width:256px !important}
.W260{width:260px !important}
.W262{width:262px !important}
.W264{width:264px !important}
.W266{width:266px !important}
.W288{width:288px !important}
.W289{width:289px !important}
.W292{width:292px !important}
.W294{width:294px !important}
.W295{width:295px !important}
.W298{width:298px !important}
.W301{width:301px !important}
.W302{width:302px !important}
.W307{width:307px !important}
.W317{width:317px !important}
.W320{width:320px !important}
.W323{width:323px !important}
.W326{width:326px !important}
.W350{width:350px !important}
.W356{width:356px !important}
.W360{width:360px !important}
.W364{width:364px !important}
.W367{width:367px !important}
.W370{width:370px !important}
.W378{width:378px !important}
.W380{width:380px !important}
.W386{width:386px !important}
.W392{width:392px !important}
.W393{width:393px !important}
.W396{width:396px !important}
.W409{width:409px !important}
.W414{width:414px !important}
.W421{width:421px !important}
.W444{width:444px !important}
.W459{width:459px !important}
.W476{width:476px !important}
.W482{width:482px !important}
.W488{width:488px !important}
.W508{width:508px !important}
.W532{width:532px !important}
.W566{width:566px !important}
.W578{width:578px !important}
.W594{width:594px !important}
.W606{width:606px !important}
.W614{width:614px !important}
/* Page Layout */
#PageWrapper{position:absolute;top:0;left:0;width:100%}
#HeaderWrapper{min-height:81px;width:100%}
#Header{position:fixed;top:0;height:81px;width:100%;z-index:9999}
#ContentWrapper{width:100%}
#Content{position:relative;top:0;width:100%}
#PageOverlay{position:fixed;top:0;left:0;z-index:10001;opacity:0.8;width:100%;height:100%;display:none}
#MessageBox{position:fixed;top:81px;left:0;width:100%;z-index:11002;display:none}
#MessageBoxPosition{margin:0 auto;width:440px;height:210;text-align:center;z-index:11002}
/* Header */
#HeaderBar{font-size:35px;margin-top:14px;margin-left:16px;float:left;cursor:pointer}
#BarWrapper{position:fixed;left:0px;top:81px;display:none}
.BarItem{cursor:pointer;margin-right:16px;height:30px;min-height:30px}
.BarItem i{margin-left:6px;margin-right:6px;float:left;font-size:25px}
.BarItem p{margin-right:6px;margin-top:5px;font-size:16px}
#HeaderLine{margin-top:14px;margin-left:16px;margin-right:30px;float:left}
#HeaderLogo{font-size:35px;font-weight:900;margin-right:30px;float:left}
#HeaderTitle{font-size:35px;float:left}
#HeaderNavigation{margin-top:16px;margin-left:16px;margin-right:16px;text-align:right;float:right}
.NavigationIcon{margin-left:10px}
.HeaderNavigationIcon{display:inline-block;height:34px;width:34px;text-align:center;margin-left:10px;font-size:20px;font-weight:bold;line-height:1.7;border-style:solid;border-width:0px;border-radius:0px;cursor:pointer}
.HeaderNavigationIconBack{margin-top:5px;margin-right:5px}
#HeaderNavigationSwitch{display:none}
#HeaderNavigationAside{display:none}
/* Content */
.PageUp{position:fixed;display:none;left:16px;bottom:5px;font-size:35px}
#SidePanel{position:absolute;top:0;left:0;width:216px}
.SideNavBackImage{margin-top:-5px;margin-right:-4px;height:30px;float:right}
#MainPanel{position:absolute;top:0;left:216px}
.BoxCommon,.BoxCommonColored{margin-bottom:16px;margin-left:16px;overflow:hidden;border-width:0px;border-style:solid;border-radius:0px}
.BoxOverlayButtons{position:absolute;display:none;text-align:center;height:100%;width:54px;right:0px;top:0px;z-index:9999;opacity:0.9}
.BoxOverlayButtonsTeaser{position:absolute;display:none;width:396px;height:34px;padding:10px;left:0px;top:44px;z-index:9999}
.BoxBody{width:auto;margin:10px}
.BoxCommonLeft{margin-left:16px}
.Box1x{width:200px}
.Box1x0y{width:200px;height:84px}
.Box1x1y{width:200px;height:200px}
.Box1x2y{width:200px;height:416px}
.Box1x3y{width:200px;height:632px}
.Box1x4y{width:200px;height:848px}
.Box2x{width:416px}
.Box2x0y{width:416px;height:84px}
.Box2x1y{width:416px;height:200px}
.Box2x2y{width:416px;height:416px}
.Box2x3y{width:416px;height:632px}
.Box2x4y{width:416px;height:848px}
.Box3x{width:632px}
.Box3x0y{width:632px;height:84px}
.Box3x1y{width:632px;height:200px}
.Box3x2y{width:632px;height:416px}
.Box3x3y{width:632px;height:632px}
.Box3x4y{width:632px;height:848px}
.Box4x{width:848px}
.Box4x0y{width:848px;height:84px}
.Box4x1y{width:848px;height:200px}
.Box4x2y{width:848px;height:416px}
.Box4x3y{width:848px;height:632px}
.Box4x4y{width:848px;height:848px}
.Box5x{width:1064px}
.Box6x2y{width:1276px;height:416px}
.Box1x1yLogo{height:157px}
.Box1x1yIcon{height:157px;text-align:center;font-size:128px;font-weight:bold}
.Box2x0yIcon{height:70px;text-align:left;font-size:60px;font-weight:bold;float:left;margin-right:40px}
.BoxImage3x2y{width:606px;height:392px;border-radius:5px}
.AttendeeBox{text-align:center;float:left;overflow:hidden}
.AttendeeBox>img,.AttendeeBox>a>img{height:85px}
.AttendeeBox>p>img{padding-top:3px}
.TeaserInfos{clear:both;height:55px;margin-bottom:10px}
.FotoInfos{clear:both;height:55px}
.FotoContainer{clear:both;margin-left:-10px;width:848px;height:566px;overflow:hidden}
.TeaserContainer{clear:both;margin-bottom:10px;margin-left:-10px;width:416px}
.TeaserContainer img{width:416px}
.FotoContainer,.TeaserContainer img{text-align:center}
.FotoPager,.TeaserPager{float:left;text-align:center}
.Box1x1yName{height:30px}
.Box2x0yName{height:70px;float:left}
.Box2x2yName{height:30px}
.Image128Box{width:128px;height:128px;margin-top:24px;margin-left:24px}
.BoxTextWelcome{width:100%;font-size:16px;margin-top:36px;padding-bottom:8px}
.Image368x{width:416px}
.Image368x218y{width:416px;height:218px}
.TeaserImage2x{width:416px}
.TeaserImage2x.Cpointer:hover{opacity:0.7}
.BoxTeaserEllipsis{float:right;margin-top:-3px;margin-right:-8px;font-size:22px}
.Image50y{height:50px}
.Image60y{height:60px}
.Image70y{height:70px}
.Image90y{height:90px}
.Image120y{height:120px}
.ImagePlayerListings{height:40px;vertical-align:middle;padding-right:5px}
.ImageRatingListings{float:right;margin-top:8px;height:23px;text-align:right}
.BoxImage368x218y{width:416px;height:218px;overflow:hidden}
.BoxTeaserImage2x{width:416px;height:246px;margin-left:-10px;overflow:hidden}
.BoxImageWrapper368x218y{position:relative;width:416px;height:218px;overflow:hidden}
.BoxTeaserImageWrapper2x{position:relative;width:416px;overflow:hidden}
.BoxGameAwardContainer{position:absolute;top:0px;right:0px;z-index:100;width:30px;height:auto;opacity:0.9;padding:3px;text-align:center;overflow:hidden}
.BoxAwardIcon{clear:both;width:24px}
.BoxTitleAwardIcon{float:right;margin-left:5px;height:23px}
.BoxTitleAwardIconLeft{float:left;margin-right:5px;height:23px}
.BoxGameInfo{width:100%;height:132px;overflow:hidden}
.BoxGameTitle{font-size:16px;margin-bottom:8px;width:359px;float:left;overflow:hidden;white-space:nowrap}
.BoxGameTitleRatingImage{float:right}
.BoxGameDetailsWrapper{position:relative;width:100%;height:122px;margin-top:10px;overflow:hidden}
.BoxGameDetails{position:absolute;top:0;left:0;height:122px;overflow:hidden}
.BoxGameItemsWrapper{height:23px;overflow:hidden;white-space:nowrap}
.GameLanguageIconLeft{float:left;margin-right:4px}
.GameLanguageIconRight{float:right;margin-left:4px}
.GameDetailsLines .BoxGameItemsWrapper{width:491px;width:392px}
.GameListDetailsLines{display:inline-block}
.GameListDetailsLines .BoxGameItemsWrapper{width:600px}
.BoxGameItems,.BoxGameItemsLabel{font-size:13px;height:23px;overflow:hidden;white-space:nowrap;padding-left:20px;padding-top:3px;padding-right:12px;background-repeat:no-repeat;z-index:200}
.BoxGameItemsLabelText,.BoxGameItemsText{font-size:13px;height:23px;overflow:hidden;white-space:nowrap;padding-top:3px;padding-right:3px;z-index:200}
.BoxGameItemsLabelIcon,.BoxGameItemsLabelIconColored{font-size:19px;width:23px;text-align:center;margin-right:5px}
.BoxGameItemsIconOnly{width:23px;padding:0}
.BoxGameItemsLabelText,.BoxGameItemsLabel{width:90px;font-weight:bold}
.BoxGameItems + .BoxGameItems,.BoxGameItemsText + .BoxGameItemsText{font-weight:normal}
.BoxGameBoxImage{position:absolute;bottom:0;right:0;height:122px;width:122px;overflow:hidden;z-index:100}
.SizedBoxImage{position:absolute;right:0;bottom:0}
.SizedBoxImage.Cpointer:hover{opacity:0.7}
.BoxListGameBoxImage{width:178px;height:178px;float:left;margin-right:10px;overflow:hidden}
.ListGameBoxImage.Cpointer:hover{opacity:0.7}
.BoxName{font-size:16px}
.BoxName2x0y{font-size:30px;font-weight:bold;margin-top:18px}
.BoxSubTitle{font-size:13px;font-weight:bold;margin-bottom:10px}
.BoxTitle{font-size:18px;margin-bottom:10px}
.BoxTitle i{margin-right:6px;float:left;font-size:21px;margin-top:-2px}
.BoxMainTitle{font-size:20px;margin-bottom:10px}
.BoxScheduleTitle{font-size:16px;margin-right:10px;margin-left:10px}
.BoxText{font-size:13px;line-height:150%}
.BoxInfoData .BoxInfoDataWrapper {clear:both;display:flex;height:23px;font-size:13px}
.BoxInfoData .BoxInfoDataLabel {clear:both;float:left;padding:3px}
.BoxInfoData .BoxInfoDataValue {float:right;padding:3px}
.BoxInfoData .BoxInfoDataValueIcon {float:right;padding:3px;padding-left:33px;background-position:3px 0px;background-size:23px 23px;background-repeat:no-repeat}
/* Input Data */
.BoxFormData div .ButtonSmall,.ButtonFileBrowseSmall,input[disabled="disabled"],select[disabled="disabled"]{font-weight:bold}
.BoxSearchOptions div,.BoxFormData div{clear:both;height:23px;font-size:13px;vertical-align:middle;border-radius:0px}
.BoxSearchOptions label,.BoxFormData label{font-size:13px;float:left;padding-top:3px;padding-left:3px}
.InputData[type="text"],.InputData[type="number"],.InputData[type="password"]{font-size:13px;height:23px;border-width:0px;border-style:solid;border-radius:0px;padding:0 3px}
.InputTextarea{font-size:13px;border-width:3px;border-style:solid;border-radius:0px;line-height:150%;padding:3px}
.InputSelect{font-size:13px;height:23px;border-width:0px;border-style:solid;border-radius:0px}
.InputSelect option{font-size:13px}
.InputData[type="number"]{text-align:right}
.InputCheckbox{height:23px;width:23px;border-radius:0px}
.InputCheckbox input[type="checkbox"]{margin-left:5px;margin-top:5px}
.InputSetting{font-weight:bold}
.BoxSearchOptions .Datepicker{padding:0 3px;height:23px;border:0px}
.ButtonFileBrowse{position:relative;text-align:center;width:170px;overflow:hidden;font-size:15px !important;font-weight:bold;height:28px !important;padding:3px 5px;cursor:pointer;border-width:0px;border-style:solid;border-radius:0px !important}
.ButtonFileBrowseSmall{clear:none !important;position:relative;text-align:center;width:23px !important;min-width:23px;overflow:hidden;font-size:15px !important;font-weight:bold;height:23px !important;padding:0px 0px;cursor:pointer;border-radius:0px}
.Box2x2y .ButtonFileBrowse{margin-left:106px}
.Box3x2y .ButtonFileBrowse{margin-left:80px}
.Box3x2y .ButtonFileBrowseSmall{margin-left:555px}
.ButtonFileBrowse input.FileBrowse,.ButtonFileBrowseSmall input.FileBrowse{position:absolute;text-align:center;top:0;right:0;margin:0;padding:0;cursor:pointer;opacity:0}
.BoxSearchOptions button,.BoxEventSelection button,.InputDataButton,.BoxFormData button,.ResultBottom button,select.Button{clear:both;min-width:180px}
button, select.Button{font-size:15px;font-weight:bold;height:34px;padding:3px 5px;cursor:pointer;border-width:0px;border-style:solid;border-radius:0px}
button.Button220{min-width:220px;max-width:220px;white-space:nowrap;overflow:hidden}
button.Button288{min-width:288px;max-width:288px;white-space:nowrap;overflow:hidden}
button.Button532{min-width:532px;max-width:532px;white-space:nowrap;overflow:hidden}
button.Button578{min-width:578px;max-width:578px;white-space:nowrap;overflow:hidden}
button.Button614{min-width:614px;max-width:614px;white-space:nowrap;overflow:hidden}
button.Button688{min-width:688px;max-width:688px;white-space:nowrap;overflow:hidden}
button.Button646{min-width:646px;max-width:646px;white-space:nowrap;overflow:hidden}
select.Button{padding:2px 7px}
button.ButtonIcon,.ButtonIconColored{width:34px;padding:0;font-size:20px}
.BoxFormData div .ButtonSmall,.BoxFormData div .ButtonSmallColored{font-size:16px;font-weight:normal;height:23px;width:23px;min-width:23px;padding:0 !important;text-align:center;vertical-align:middle;cursor:pointer;border:0 !important;border-radius:0px;clear:none}
.BoxGamePicText{font-size:13px;margin-top:10px;line-height:150%}
.BoxGamePicText div{width:100px;margin-right:10px;float:left;display:table-cell;vertical-align:bottom}
.BoxGamePicText img{margin-right:5px;float:left}
.BoxStatusText{font-size:13px;margin-left:10px;margin-right:10px;margin-top:5px}
.BoxLeft{float:left;margin-bottom:10px}
.BoxRight{text-align:right;margin-bottom:10px}
.RotatingInfo{font-size:13px}
.RotatingImage{width:393px}
.RotatingImages{display:none;width:392px;overflow:hidden;margin-bottom:10px}
.RotatingImage600{width:600px}
.RotatingImages600{display:none;width:600px;overflow:hidden;margin-bottom:10px;margin-top:8px}
.FixImages{height:349px}
.BoxHeader{height:30px;text-align:center;vertical-align:middle}
.BoxFooter{height:30px;text-align:center;vertical-align:middle}
.BoxIcon{margin-top:3px}
.BoxContent2x2y{height:308px}
.BoxContent2x3y{height:500px}
.BoxContent3x3y{height:500px}
.BoxScrollWrapper2x2y{position:relative;width:416px;height:308px;overflow:hidden}
.BoxScrollWrapper2x3y{position:relative;width:416px;height:500px;overflow:hidden}
.BoxScrollWrapper3x3y{position:relative;width:634px;height:500px;overflow:hidden}
.BoxScrollContainer2x2y{position:absolute;width:416px;left:0;top:0}
.BoxScrollContainer2x3y{position:absolute;width:416px;left:0;top:0}
.BoxScrollContainer3x3y{position:absolute;width:634px;left:0;top:0}
.BoxScrollContainerContent{width:auto;margin-bottom:10px}
.PlayerImageRounded26{width:28px;height:28px;margin-left:2px;border-radius:50%;object-fit:cover}
.PlayerImage60x{clear:both;width:60px;height:70px;float:left;margin-right:10px}
.MemberImage{width:60px;float:left;margin-right:6px}
.PlayerImage35y{clear:both;height:35px;float:left;margin:0 10px}
.PlayerResultListImage{clear:both;height:40px;float:left;margin-right:10px}
.SignalItemContainer{height:70px;margin-bottom:10px}
.SignalText{height:51px;line-height:130%;padding-top:3px;padding-right:3px;overflow:hidden}
.SignalSignature{height:21px;padding-top:3px}
.SignalWhoUser{font-weight:bold}
.SignalWhoUser a{font-weight:bold;text-decoration:none}
.SignalWhoUser a:hover{text-decoration:none}
.SignalObject{font-weight:bold}
.SignalObject a:link,.SignalObject a:visited,.SignalObject a:active{font-weight:bold;text-decoration:none}
.SignalObject a:hover{text-decoration:none}
.SignalIcon{float:right;margin-top:-3px;vertical-align:bottom}
.SignalIcon img{height:16px;border:0;vertical-align:bottom}
.SignalIconFont{float:right;margin:-3px 0 0 0;text-align:center;height:16px;width:16px;padding:0;font-size:13px}
.BlogHeaderContainer{height:80px;overflow:hidden;width:auto;margin-bottom:10px}
.Box3x3y .BlogTitle{font-size:16px;width:520px;float:left}
.Box2x2y .BlogTitle{font-size:16px;width:306px;float:left}
.Box3x3y.Blog .scrollable{height:520px}
.Box2x2y.Blog .scrollable{height:306px}
.BlogSignature{height:21px;padding-top:3px;float:left}
.BlogTextContainer{}
.MarketTextContainer{margin-bottom:10px}
.MarketHeaderContainer{margin-bottom:10px;height:70px}
.MarketTitle{font-size:16px;width:520px;float:left}
.MarketTextArea{width:602px;height:530px}
.TextArea3x2y{width:602px;height:314px}
.TextArea3x{width:602px}
.MailerTextArea{width:488px;height:396px}
.ResultItemContainer{height:40px;overflow:hidden;width:100%;margin-bottom:5px}
.ResultHeader{font-size:16px;overflow:hidden;width:100%;margin-top:10px;margin-bottom:10px}
.ResultItemPlayer{font-size:13px;width:188px;height:40px;display:table-cell;text-align:left;vertical-align:middle;overflow:hidden}
.ResultItemRank{font-size:13px;width:50px;height:40px;display:table-cell;text-align:center;vertical-align:middle}
.ResultItemPoints{font-size:13px;width:50px;height:40px;display:table-cell;text-align:center;vertical-align:middle}
.ResultItemGroup{font-size:13px;width:50px;height:40px;display:table-cell;text-align:center;vertical-align:middle}
.ResultItemColor{font-size:13px;width:50px;height:40px;display:table-cell;text-align:center;vertical-align:middle}
.ResultItemRole{font-size:13px;width:auto;height:40px;display:table-cell;text-align:left;vertical-align:middle;overflow:hidden}
.ResultHeaderText{font-size:16px;width:230px;float:left}
.ResultHeaderPoints{font-size:13px;width:50px;float:left;text-align:center;margin-top:4px}
.ResultHeaderRole{font-size:13px;width:auto;float:left;text-align:left;margin-top:4px}
.ResultBottom{font-size:13px;font-weight:normal;height:23px;padding:0}
.BoxEventSelection{height:150px}
.EventsFilter{margin-left:10px;margin-top:3px}
.EventsFilter label{font-size:10px;clear:both;float:left;line-height:150%;margin-right:10px;margin-top:4px}
.EventsFilter option{font-size:10px}
.EventsFilter select{font-size:10px;margin-top:5px}
.BoxButton{clear:both;float:none;width:100%;height:22px;font-weight:bold;margin-top:5px;padding:3px 5px;font-size:13px;cursor:pointer}
.BoxEventsStatus{padding-top:3px;padding-bottom:3px;margin-left:-10px;width:848px}
.PlayersColorIndicator{width:22px;height:22px;border-width:2px;border-style:solid;border-radius:5px;font-size:11px;line-height:2.1;text-align:center}
.EventStatusIndicator{float:right;width:22px;height:22px;border-width:2px;border-style:solid;border-radius:5px;font-size:11px;line-height:2.1;text-align:center}
.EventStatusIndicatorSmall{float:right;width:16px;height:16px;border-width:1px;border-style:solid;border-radius:9px}
.Logo32{float:right;width:32px;height:32px}
.Logo24{float:right;width:24px;height:24px}
.PlayerImage60xRight{width:60px;height:70px;float:right}
.GameDetails{position:relative}
.GameDetailsImage{width:416px;height:416px;text-align:right;vertical-align:bottom}
.GameDetailsLines{position:absolute;left:0px;top:0px}
.GameDetailsLine{clear:both;min-height:20px;margin-bottom:10px}
.GameDetailsLineLeft{font-size:13px;font-weight:bold;width:130px;float:left}
.GameDetailsLineRight{font-size:13px;font-weight:normal}
.PreviewPlayersImage,#PreviewPlayersImageContainer,#CurrentPlayersImageContainer{height:140px;width:120px}
.BoxFormData .PlayersImageUploadContainer{height:170px}
.BoxFormData .TeaserImageUploadContainer,.BoxFormData .TeaserBigImageUploadContainer,.BoxFormData .BoxImageUploadContainer,.BoxFormData .BoxBigImageUploadContainer{height:366px !important;width:393px;overflow:hidden}
.AttendeePics{margin-top:-2px}
#CropContainerWrapper,#CropContainerWrapperTeaser,#CropContainerWrapperTeaserBig,#CropContainerWrapperBox,#CropContainerWrapperBoxBig{position:fixed;top:81px;left:218px;z-index:10011}
#CropContainer,#CropContainerTeaser,#CropContainerTeaserBig,#CropContainerBox,#CropContainerBoxBig{width:614px;height:494px}
/*#MyGamesSettingsWrapper,#MyEventSettingsWrapper,#PlayDetailsWrapper,#MetaData,#HoverImageWrapper,#BlogEditingWrapper{position:fixed;display:none;top:81px;left:218px;z-index:10011}*/
#MyGamesSettingsWrapper,#MyEventSettingsWrapper,#PlayDetailsWrapper,#MetaData,#HoverImageWrapper,#BlogEditingWrapper{position:fixed;display:none;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10011}
.OverlayCloseButton{position:absolute;right:-11px;top:-11px}
#HoverImageWrapper img{position:absolute;margin:auto;top:0px;right:0px;bottom:16px;left:16px}
/* jScrollPane plugin css */
.BoxScroll3y{height:568px}
.jspScrollable{width:auto;height:auto;overflow:auto}
.jspVerticalBar{right:0px;width:5px}
.jspHorizontalBar{width:5px}
.jspDrag{background-color:#666}
/* jQuery enscroll-plugin css */
.scrollable{overflow:auto;width:100%;height:100%}
.vertical-track{width:5px}
.vertical-handle{width:5px;right:0}
/* Others */
.GameFunctionsWrapper{overflow:hidden;width:auto;margin:10px}
.GameFunctionsWrapper button{width:178px}
.GameFunctionsItemWrapper{height:23px;vertical-align:middle;overflow:hidden;width:100%;clear:both;float:left;white-space:nowrap}
.GameRatingAnker{position:relative;height:0px;width:0px}
.GameRatingWrapper{position:absolute;left:0px;top:0px;height:23px;width:200px}
.GameFunctionsItemWrapper .RatingDices{height:23px;width:23px;margin-left:5px;float:left}
.GameFunctionsItemWrapper .RatingDice0:hover,.GameFunctionsItemWrapper .RatingDice0.selected:hover{background-image:url("../icons/IconBewertungenHover0.gif")}
.GameFunctionsItemWrapper .RatingDice1:hover,.GameFunctionsItemWrapper .RatingDice1.selected:hover{background-image:url("../icons/IconBewertungenHover1.gif")}
.GameFunctionsItemWrapper .RatingDice2:hover,.GameFunctionsItemWrapper .RatingDice2.selected:hover{background-image:url("../icons/IconBewertungenHover2.gif")}
.GameFunctionsItemWrapper .RatingDice3:hover,.GameFunctionsItemWrapper .RatingDice3.selected:hover{background-image:url("../icons/IconBewertungenHover3.gif")}
.GameFunctionsItemWrapper .RatingDice4:hover,.GameFunctionsItemWrapper .RatingDice4.selected:hover{background-image:url("../icons/IconBewertungenHover4.gif")}
.GameFunctionsItemWrapper .RatingDice5:hover,.GameFunctionsItemWrapper .RatingDice5.selected:hover{background-image:url("../icons/IconBewertungenHover5.gif")}
.GameFunctionsItemWrapper .RatingDice6:hover,.GameFunctionsItemWrapper .RatingDice6.selected:hover{background-image:url("../icons/IconBewertungenHover6.gif")}
.GameFunctionsItemWrapper .RatingDice0{background-image:url("../icons/IconBewertungen0.gif")}
.GameFunctionsItemWrapper .RatingDice1{background-image:url("../icons/IconBewertungen1.gif")}
.GameFunctionsItemWrapper .RatingDice2{background-image:url("../icons/IconBewertungen2.gif")}
.GameFunctionsItemWrapper .RatingDice3{background-image:url("../icons/IconBewertungen3.gif")}
.GameFunctionsItemWrapper .RatingDice4{background-image:url("../icons/IconBewertungen4.gif")}
.GameFunctionsItemWrapper .RatingDice5{background-image:url("../icons/IconBewertungen5.gif")}
.GameFunctionsItemWrapper .RatingDice6{background-image:url("../icons/IconBewertungen6.gif")}
.BoxGameItemsWrapper .RatingDices{height:23px;width:23px}
.BoxGameItemsWrapper .RatingDice0{background-image:url("../icons/IconBewertungen0.gif")}
.BoxGameItemsWrapper .RatingDice1{background-image:url("../icons/IconBewertungen1.gif")}
.BoxGameItemsWrapper .RatingDice2{background-image:url("../icons/IconBewertungen2.gif")}
.BoxGameItemsWrapper .RatingDice3{background-image:url("../icons/IconBewertungen3.gif")}
.BoxGameItemsWrapper .RatingDice4{background-image:url("../icons/IconBewertungen4.gif")}
.BoxGameItemsWrapper .RatingDice5{background-image:url("../icons/IconBewertungen5.gif")}
.BoxGameItemsWrapper .RatingDice6{background-image:url("../icons/IconBewertungen6.gif")}
.GameFunctionsItemWrapper .RatingDice0.selected{background-image:url("../icons/IconBewertungenSelected0.gif")}
.GameFunctionsItemWrapper .RatingDice1.selected{background-image:url("../icons/IconBewertungenSelected1.gif")}
.GameFunctionsItemWrapper .RatingDice2.selected{background-image:url("../icons/IconBewertungenSelected2.gif")}
.GameFunctionsItemWrapper .RatingDice3.selected{background-image:url("../icons/IconBewertungenSelected3.gif")}
.GameFunctionsItemWrapper .RatingDice4.selected{background-image:url("../icons/IconBewertungenSelected4.gif")}
.GameFunctionsItemWrapper .RatingDice5.selected{background-image:url("../icons/IconBewertungenSelected5.gif")}
.GameFunctionsItemWrapper .RatingDice6.selected{background-image:url("../icons/IconBewertungenSelected6.gif")}
.GameFunctionsItemWrapper.MiniRezi{height:auto}
.GameFunctionsItemWrapper textarea{width:602px;height:120px;margin-top:-3px;padding-left:3px;padding-right:3px;font-size:13px;line-height:150%;border-width:3px;border-style:solid;border-bottom-right-radius:0px;border-bottom-left-radius:0px}
.ItemCounter{display:inline-block;font-size:13px;font-weight:bold;height:22px;min-width:16px;padding-left:3px;padding-right:3px;width:auto;line-height:1.8;text-align:center;margin-left:5px;margin-right:5px;border-width:2px;border-style:solid;border-radius:5px}
#SpinnerContainer{display:none;position:fixed;top:0;left:0;height:100%;width:100%;z-index:5555}
.GamesList{float:left;width:599px;margin-right:10px}
.GamesListMini{float:left;width:706px;margin-right:10px}
.AwardList img{height:16px;width:16px;margin-right:2px;float:left}
.ButtonIcon,.ButtonIcon{cursor:pointer}
.ButtonModify{background-image:url(../../buttons/modify_red.gif)}
.ButtonModify:hover{background-image:url(../../buttons/modify_black.gif)}
.ButtonCalendar{background-image:url(../../buttons/ics_red.gif)}
.ButtonCalendar:hover{background-image:url(../../buttons/ics_black.gif)}
.ButtonRules{background-image:url(../../buttons/rules_red.gif)}
.ButtonRules:hover{background-image:url(../../buttons/rules_black.gif)}
/* Calendar Styles */
.CalendarHeader{height:26px}
.CalendarDayHeader{width:110px;height:22px;padding-top:2px;font-size:14px;text-align:center;float:left}
.CalendarDayContainer{width:110px;height:82px;overflow:hidden}
.CalendarDay{width:100%;height:18px}
.CalendarDayOpacity{position:absolute;width:110px;height:18px;opacity:0.5;z-index:10}
.CalendarOpacity{opacity:0.8}
.CalendarDayItemOpacity{position:absolute;width:110px;height:18px;opacity:0.5;z-index:10}
.CalendarDayItem{padding-top:2px;padding-bottom:2px;padding-left:3px;padding-right:3px;min-height:29px;width:104px}
.CalendarDayItemBorderTop{border-top-width:1px;border-style:solid}
@media print{
.NoPrint{visibility:hidden}
.Pstatic{position:static !important}
.PageBreak{page-break-after:always}
}
@media screen and (max-width:1106px){
#HeaderLine{margin-right:0px}
#HeaderTitle{font-size:28px;margin-top:7px}
.HeaderNavigationIcon{height:22px;width:22px;text-align:center;margin-top:3px;margin-left:4px;font-size:16px;font-weight:bold;border-radius:16px}
#HeaderNavigationSwitch{display:none}
#HeaderNavigationAside{display:none}
}
@media screen and (max-width:904px){
.mH400{height:400px !important}
.mBox2x{width:416px;height:auto}
.mBox2x2y{width:416px;height:416px}
.mBox2x2y .BlogTitle{font-size:16px;width:306px;float:left}
.mBox2x2y.Blog .scrollable{height:306px}
.mBox3x{width:634px}
}
@media screen and (max-width:670px){
body{transform:scale(0.85);margin-left:-40px}
.mH400{height:400px !important}
#SidePanel{width:0px !important;height:0px !important;overflow:hidden !important}
#MainPanel{left:0px !important}
#BarWrapper{display:none}
#HeaderBar{font-size:54px;margin-top:0px}
#HeaderLine{margin-top:4px;margin-right:20px}
#HeaderLogo{font-size:22px;margin-right:0px}
#HeaderTitle{font-size:22px;margin-top:0px;clear:both}
#HeaderNavigation{margin:0 -40px 0 0}
#HeaderNavigationSwitch{display:block;font-size:54px;cursor:pointer}
.HeaderNavigationIcon{display:none}
.HeaderNavigationIconBack{margin-top:10px;margin-right:10px;display:block}
#HeaderNavigationAside{position:fixed;right:-40px;top:81px}
.HeaderNavigationAsideItem{cursor:pointer;height:30px;min-height:30px;margin-right:16px}
.HeaderNavigationAsideItem i{margin-left:6px;margin-right:6px;float:left;font-size:25px}
.HeaderNavigationAsideItem p{margin-right:6px;margin-top:5px;float:left;font-size: 16px}
.mRotatingImage{width:393px}
.mRotatingImages{display:none;width:392px;overflow:hidden;margin-bottom:10px}
.BoxTextWelcome{margin-top:0px;padding-bottom:0px}
.mBox2x{width:416px;height:auto}
.mBox2x2y{width:416px;height:416px}
.mBox2x2y .BlogTitle{font-size:16px;width:306px;float:left}
.mBox2x2y.Blog .scrollable{height:306px}
.mBox2x0y{width:416px;height:89px}
.mM10{margin:10px !important}
}