]> div#manager { color:#fff; font-family: "Open Sans"; font-weight:300; box-sizing: border-box; } h1, h2, p { font-weight:300; overflow: hidden; } div.screens { border: 2px solid #333; position: absolute; z-index: 1; background-color: #222; border-radius: 10px; box-sizing: border-box; } div.screens h1 { position: absolute; left: -18px; padding: 4px; background-color: #222; } img.taskbars { position: absolute; z-index: 2; } div.apps { border: 1px solid rgba(43, 35, 97, 1); border-top-width: 2px; border-bottom-width: 2px; position: absolute; background: url(../images/gradient_bg_app.png); background-size: cover; border-radius: 10px; box-sizing: border-box; z-index: 10; } .resizable { background: transparent; width: 100px; height: 100px; position: absolute; top: 100px; left: 100px; border-radius: 10px; z-index:100; pointer-events:none; display:none; } .focus_resizer { background: transparent; width: 100px; height: 100px; position: absolute; top: 100px; left: 100px; border-radius: 10px; z-index:100; pointer-events:none; display:none; } .focus_resizer .resizers { border: 0; border-right: 3px solid #253e5c; } .focus_resizer.horizontal .resizers { border: 0; border-bottom: 3px solid #253e5c; } .resizers { width: 100%; height: 100%; border: 3px solid #253e5c; box-sizing: border-box; } .resizers .resizer{ width: 10px; height: 10px; border-radius: 50%; background: white; border: 3px solid #333; position: absolute; pointer-events:initial; } .resizers .resizer.top-left { left: -5px; top: -5px; cursor: nwse-resize; } .resizers .resizer.top-right { right: -5px; top: -5px; cursor: nesw-resize; } .resizers .resizer.bottom-left { left: -5px; bottom: -5px; cursor: nesw-resize; } .resizers .resizer.bottom-right { right: -5px; bottom: -5px; cursor: nwse-resize; } .resizers .resizer.middle { right: -5px; height: 24px; top: calc(50% - 12px); cursor: e-resize; border-width: 2px; } .horizontal .resizers .resizer.middle { width: 24px; height: 10px; left: calc(50% - 12px); right: auto; top: auto; bottom: -5px; cursor: n-resize; border-width: 2px; } .controls { width: 60px; height: 100%; position: absolute; top: 80px; left: 0px; font-family: "Open Sans"; font-weight:300; box-sizing: border-box; } .control { padding: 0px; width: 60px; height: 60px; margin: 6px; border-radius: 50%; background-color: #fff; float: left; cursor: pointer; text-align: center; padding-top: 16px; box-sizing: border-box; font-size: 14px; border-bottom: 4px #222 solid; border-top: 3px #222 solid; } .control:hover { background-color: #253e5c; color: #fff; } html { clear:both; padding:0px; } * { } html { background-size:cover; background-repeat:no-repeat; background-position:center; background-attachment:fixed; height:100%; } body { background-color:#000; background-size:cover; background-repeat:no-repeat; background-position:center; background-attachment:fixed; font-family:'Open Sans', sans-serif; height:100%; margin:0px; min-height:600px; overflow-x:hidden !important; overflow-y:auto !important; -webkit-tap-highlight-color:rgba(255,255,255,0); overscroll-behavior-y:contain; } body.resources { width:100%; } body.slim { background:inherit; height:98%; overflow:hidden; overflow-y:auto; } body.smaller { zoom:0.8; } body.smaller div.frameContainer iframe { transform:scale(0.75); transform-origin:0 0; } body.fat { height:98%; overflow:hidden; overflow-y:auto; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select:none; } a { color:#fff; cursor:pointer; } svg a { color:#fff; cursor:pointer; } body.stacks a { color:#222; } div#bg { background:url(../images/gradientBg_2.jpg); background-size:cover; background-repeat:no-repeat; background-attachment:fixed; opacity:0; position:fixed; left:0px; top:0px; height:100%; width:100%; z-index:182; -webkit-transition:opacity 0.4s linear; -moz-transition:opacity 0.4s linear; -o-transition:opacity 0.4s linear; transition:opacity 0.4s linear; } div#bg.paused { opacity:1; -webkit-transition:opacity 0s linear; -moz-transition:opacity 0s linear; -o-transition:opacity 0s linear; transition:opacity 0s linear; } h1.title { background:transparent; border:0; border-bottom:0; color:#fff; cursor:pointer; font-family:'Open Sans', sans-serif; font-size:0.9em; font-weight:300; text-align:center; position:fixed; top:-6px; width:76px; margin:0px; margin-bottom:0px; margin-top:18px; padding:10px; z-index:1600; } h1.title span { color:#fff; display:block; font-size:0.7em; width:64px; margin-top:0px; padding:0px; padding-left:6px; padding-top:2px; } h1.title.noTopMargin { color:#fff; font-size:0.7em; top:20px; width:70px; margin-top:0px; padding:0px; padding-top:22px; } h1 { background:transparent; color:#fff; font-family:'Open Sans', sans-serif; font-size:1.6em; font-weight:300; margin-bottom:12px; margin-top:8px; padding:8px; padding-left:16px; padding-right:16px; padding-top:12px; } h1 span { font-size:0.6em; } body.decks h1 { position:fixed; top:0px; padding-left:8px; } body.decks div#history_home h1 { top:auto; } body.decks div a.newsItem { top:80px; } body.decks div#home_news a.newsItem.n888 { top:0px; } body.decks div#searchResults a.newsItem { top:auto; } body.decks div#searchResults h1 { position:relative; } header, section, footer, aside, nav, main, article, figure { display:block; } span.checkId { display:none; -ms-transform-origin:test; } div.controlMusic { display:none; position:absolute; left:0px; right:auto; top:auto; bottom:0px; height:60px; width:150px; z-index:120; } svg.svgBg { position:absolute; left:0px; right:0px; top:0px; bottom:0px; height:100%; width:100%; z-index:-1; } img.background { position:absolute; left:0px; right:0px; top:0px; bottom:0px; height:100%; width:100%; z-index:0; } div.bG { position:absolute; left:0px; right:0px; top:0px; bottom:0px; z-index:1; } section { } section.main { position:relative; } header { display:none; text-align:center; position:relative; left:0px; right:0px; top:0px; height:70px; z-index:51; } div.logo { position:absolute; left:50%; height:70px; width:250px; margin-left:-105px; padding-top:32px; z-index:3; } div.banner { background-color:rgba(255,255,255,0.5); border:solid rgba(230,230,230,0.5) 2px; border-bottom:0; border-top:solid #eee 1px; -moz-border-radius:20px; -webkit-border-radius:20px; -khtml-border-radius:20px; border-radius:20px; display:none; text-align:center; position:relative; top:0px; width:610px; margin:0 auto; margin-top:0px; overflow:hidden; padding:20px; } div.banner div.banner_content h2 { color:#2b2b2b; font-family:'Open Sans', sans-serif; font-size:2em; font-weight:300; text-align:center; position:relative; } div.banner div.banner_content { color:#2b2b2b; font-family:'Open Sans', sans-serif; font-size:1.1em; font-weight:300; text-align:center; position:relative; } div.banner h2 { color:#2b2b2b; font-family:'Open Sans', sans-serif; font-size:2em; font-weight:300; text-align:center; position:relative; } div.banner h2.high { display:block; } div.slideContainer { display:none; width:620px; overflow:hidden; } div.svgGraph { background-color:rgba(255,255,255,0.4); border:solid rgba(230,230,230,0.4) 2px; border-bottom:0; border-top:solid #eee 1px; -moz-border-radius:20px 20px 0 0; -webkit-border-radius:20px 20px 0 0; -khtml-border-radius:20px 20px 0 0; border-radius:20px 20px 0 0; display:none; font-family:'Open Sans', sans-serif; font-size:0.9em; font-weight:300; text-align:center; position:relative; top:0px; height:180px; width:540px; margin:0 auto; margin-top:124px; overflow:hidden; padding-top:0px; z-index:2; } div.svgSub { font-family:'Open Sans', sans-serif; font-size:0.9em; font-weight:300; text-align:center; position:relative; left:0px; top:0px; height:40px; width:300px; margin:0 auto; margin-bottom:0px; margin-top:8px; overflow:hidden; padding-bottom:10px; padding-top:10px; z-index:2; } #searchResults { position:absolute; z-index:800; } div#svgLogo { background-color:rgba(255,255,255,0.3); border:solid rgba(230,230,230,0.3) 2px; border-bottom:0; border-top:solid #eee 1px; -moz-border-radius:20px 20px 0 0; -webkit-border-radius:20px 20px 0 0; -khtml-border-radius:20px 20px 0 0; border-radius:20px 20px 0 0; position:relative; width:380px; margin:0 auto; margin-top:0px; padding:20px; } div#svgBall { text-align:center; position:absolute; left:0px; right:0px; top:0px; bottom:0px; } div#svgLogo svg { pointer-events:none; } svg#news, svg#search { position:relative; z-index:50; } section#how, section#why { position:relative; margin-left:-20px; margin-top:-120px; z-index:4; } footer { display:none; font-family:'Open Sans', sans-serif; font-size:0.9em; font-weight:300; text-align:center; position:relative; width:610px; margin:0 auto; padding-top:20px; z-index:2; } p.intro { color:#2b2b2b; display:none; font-family:'Open Sans', sans-serif; font-size:0.9em; font-weight:300; font-style:Italic; text-align:center; position:relative; width:610px; margin:0 auto; } p.intro span.quote { font-family:'Open Sans', sans-serif; } p.intro span.author { font-family:'Open Sans', sans-serif; } div.groups { position:relative; top:200px; height:500px; width:610px; margin:0 auto; } div.group { background-image:url(//img.hupla.co.uk/hupla/images/round1.png); background-repeat:no-repeat; cursor:pointer; display:inline-block; position:relative; left:0px; top:100px; height:200px; width:200px; } div.group:hover { background-image:url(//img.hupla.co.uk/hupla/images/round-high.png); } div.group:hover h2 { color:#253e5b; font-weight:500; } div.group h2 { color:#2b2b2b; font-family:'Open Sans', sans-serif; font-size:1.1em; font-weight:300; text-align:center; position:absolute; top:66px; width:200px; } div.group1 { } div.group1:hover { background-image:url(//img.hupla.co.uk/hupla/images/round-high.png); } div.group2 { top:0px; bottom:auto; } div.group2:hover { background-image:url(//img.hupla.co.uk/hupla/images/round-high2.png); } div.group3 { } div.group3:hover { background-image:url(//img.hupla.co.uk/hupla/images/round-high3.png); } div.group4 { left:200px; top:0px; } div.group4:hover { background-image:url(//img.hupla.co.uk/hupla/images/round-high3.png); } div#svgData { position:relative; z-index:2; } div.svgDataBg { position:absolute; left:32px; top:16px; } div.svgDataText { position:absolute; left:-2000px; top:0px; } div.blockContainer { font-size:0; position:relative; height:400px; margin-bottom:32px; overflow:hidden; z-index:2; } div.blockContainer svg { position:absolute; left:66px; top:20px; z-index:3; } div.blockContainer img.curve { position:absolute; left:58px; bottom:-12px; height:32px; } div.blockContainer img.curve_top { position:absolute; left:58px; top:2px; height:32px; } div.blockData { display:inline-block; position:relative; height:250px; width:200px; overflow:hidden; padding:16px; } div.blockData.blockDataLeft { z-index:2; } div.blockData.blockDataCentre { background-color:#fff; border:0; width:40px; z-index:4; } div.blockData.blockDataRight { z-index:2; } div.blockData img { position:absolute; left:0px; top:0px; z-index:1; } div.blockData svg { position:relative; z-index:2; } div.blockData h2 { color:#2d63ad; font-family:'Open Sans', sans-serif; font-size:1.1em; font-weight:300; position:relative; top:50px; } div.contact { position:relative; } div.contact div.contact_us_wrapper { text-align:left; position:relative; min-height:60px; } div.contact div.contact_us_wrapper p { position:absolute; left:16px; top:32px; margin:0; z-index:4; } div.contact input { border:0; border-bottom:solid 1px #222; font-family:'Open Sans', sans-serif; font-size:1.1em; font-weight:300; position:relative; left:150px; top:32px; width:calc(100% - 188px); padding-bottom:6px; padding-top:6px; z-index:1; outline:none; } div.contact textarea { background-image:url(//img.hupla.co.uk/hupla/images/multiline.png); border:0; font-family:'Open Sans', sans-serif; font-size:1.1em; font-weight:300; position:relative; left:150px; height:130px; width:calc(100% - 192px); margin-top:32px; overflow:visible; z-index:1; outline:none; line-height:32px; resize:none; } div.contact .btn { border:solid 1px transparent; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; cursor:pointer; } div.contact .btn:hover { border:solid 1px #222; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; color:#2d63ad; cursor:pointer; } div.overlays { } input.search { background:#fff; border:solid 1px #333; -moz-border-radius:35px; -webkit-border-radius:35px; -khtml-border-radius:35px; border-radius:35px; color:#253e5c; font-family:'Open Sans', sans-serif; font-size:1.8em; font-weight:300; text-align:left; text-indent:16px; position:fixed; left:118px; top:8px; height:56px; width:310px; padding:0px; padding-left:8px; padding-right:160px; z-index:800; outline:none; pointer-events:initial; } input.search.low { background:rgba(0, 0, 0, 0.5); border:solid 1px #333; color:#fff; font-size:0.9em; } div.searchResults { color: ; display:none; position:absolute; left:0px; right:0px; top:70px; bottom:0px; height:auto; width:auto; z-index:800; } div.searchResults iframe { border-top:solid 2px #222; } div.tubePlayer { display:none; font-family:'Open Sans', sans-serif; font-size:1.1em; position:absolute; left:0px; top:0px; height:100%; width:100%; padding:0px; z-index:60; pointer-events:none; } div.tubePlayer.episode { display:block; right:0px; bottom:0px; pointer-events:initial; } div.tubePlayer.episode iframe { border:0; height:100%; width:100%; } div.episodes { display:none; font-family:'Open Sans', sans-serif; font-size:1.1em; position:absolute; left:0px; top:0px; height:100%; width:100%; padding:0px; z-index:60; pointer-events:none; } div.episodes div.episode { background:#fff; border:solid 1px #222; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; border-radius:3px; display:block; font-family:'Open Sans', sans-serif; font-size:1.1em; position:absolute; left:100px; top:250px; height:300px; width:232px; margin-left:4px; overflow-y:auto; padding:4px; pointer-events:initial; } div.episodes div { height:auto; width:auto; } div.episodes a { font-family:'Open Sans', sans-serif; font-size:1.1em; white-space:nowrap; } div.episodes a div { display:inline-block; position:relative; top:6px; } div.episodes h2 { font-family:'Open Sans', sans-serif; font-size:1.3em; } div.musicPlayer { display:none; font-family:'Open Sans', sans-serif; font-size:1.1em; position:absolute; left:20px; bottom:40px; height:152px; width:240px; overflow:visible; padding:0px; z-index:100; pointer-events:none; } div.musicPlayer div.music { background:#fff; border:solid 1px #222; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; display:block; font-family:'Open Sans', sans-serif; font-size:1.1em; position:relative; left:0px; top:0px; height:142px; width:232px; padding:4px; z-index:101; pointer-events:initial; } div.players { font-family:'Open Sans', sans-serif; font-size:1.1em; position:absolute; right:18px; top:8px; height:400px; width:630px; overflow:visible; padding:0px; z-index:100; pointer-events:none; } div.players:hover div.moveH { display:block; } div.players:hover div.resizeH { display:block; } div.players div.episode { border:solid 1px #222; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; display:block; font-family:'Open Sans', sans-serif; font-size:1.1em; position:relative; left:0px; top:0px; height:400px; width:630px; padding:4px; z-index:101; pointer-events:initial; } div.players div.tubePlayer { border:0; display:block; font-family:'Open Sans', sans-serif; font-size:1.1em; position:absolute; left:0px; right:0px; top:0px; bottom:0px; height:auto; width:auto; padding:4px; z-index:101; } div#tube { position:absolute; left:-80px; right:0px; top:-50px; bottom:0px; height:calc(100% + 100px); width:calc(100% + 160px); } div#tube.video-js.vjs-fullscreen { left:0px; } div#tube.video-js:-webkit-full-screen { left:0px; } div.tubeVideo { border:solid 1px #222; border-bottom:0px; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -khtml-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; position:absolute; left:auto; right:0px; top:0px; bottom:auto; height:303.75px; width:540px; overflow:hidden; } div.tubeVideo.slim { left:auto; right:0px; top:0px; bottom:auto; height:303.75px; width:540px; z-index:210; } div.tubeVideo.frost { border:0; -moz-border-radius:initial; -webkit-border-radius:initial; -khtml-border-radius:initial; border-radius:initial; left:0px; right:0px; top:0px; bottom:0px; height:auto; width:auto; z-index:205; } div.tubeVideo.miniLeft { height:112px; width:92px; } div.tubeVideo iframe { pointer-events:none; } div.tube-dimensions { border:0; height:100%; width:auto; overflow:hidden; } div.players video { height:auto; width:650px; } div.players div.tubeList { height:100%; margin-top:-4px; overflow:auto; z-index:201; } div.resizeBg { background:rgba(255,255,255,0.5); border:solid 1px #333; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; display:none; font-family:'Open Sans', sans-serif; font-size:0.9em; font-weight:300; text-align:center; position:absolute; left:0px; right:0px; top:0px; bottom:0px; height:auto; width:auto; margin:0px; z-index:102; } div.resize { background:#fff; border:solid 1px #333; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; display:none !important; font-family:'Open Sans', sans-serif; font-size:0.9em; font-weight:300; text-align:center; position:absolute; left:0px; top:0px; height:24px; width:80px; margin-left:-80px; margin-top:-12px; z-index:102; pointer-events:initial; } div.resizeH { background:#bbb; border:solid 2px #222; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; color:#bbb; cursor:nw-resize; display:none !important; position:absolute; left:auto; right:-2px; top:auto; bottom:-15px; height:30px; width:30px; z-index:100; pointer-events:initial; } div.moveH { background:#bbb; border:solid 2px #222; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; color:#bbb; cursor:move; display:none !important; position:absolute; left:0px; right:auto; top:0px; bottom:auto; height:30px; width:30px; margin-left:0px; margin-top:-15px; z-index:100; pointer-events:initial; } div.players div.episode iframe { border:solid 1px transparent; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; height:400px; width:630px; } div.players div.episode.high.fs { border:0; left:0px; right:0px; top:0px; bottom:0px; margin-top:0px; padding:0px; } div.players div.player iframe.playerFrame { border:0; height:450px; width:630px; } div.players div.fullScreen { background:#fff; cursor:pointer; display:none; position:absolute; right:20px; top:calc(50% + 162px); height:30px; width:30px; z-index:200; pointer-events:initial; } div.players div.fullScreen img { display:none; width:30px; } div.players div.fullScreen img.high { display:block; } div.players div.fullScreen.high { position:absolute; right:0px; top:auto; bottom:0px; } div.players div.fullScreen.high img { display:block; } div.players div.fullScreen.high img.high { display:none; } ul.searchRes { background:rgba(255, 255, 255, 0.1); -moz-border-radius:0 0 20px 20px; -webkit-border-radius:0 0 20px 20px; -khtml-border-radius:0 0 20px 20px; border-radius:0 0 20px 20px; display:none; list-style-type:none; position:relative; left:128px; top:40px; height:291px; width:460px; margin:0px; margin-left:118px; overflow:hidden; padding:0px; padding-top:32px; z-index:200; } ul.searchRes li { background:rgba(0, 0, 0, 0.6); border-bottom:solid 1px #333; color:#fff; cursor:pointer; font-family:'Open Sans', sans-serif; font-size:1.7em; font-weight:300; text-align:left; padding-bottom:10px; padding-left:20px; padding-top:10px; } ul.searchRes li:hover { background:rgba(255, 255, 255, 0.5); color:#222; } ul.searchRes li.high { background:rgba(255, 255, 255, 0.5); color:#222; } div.video-js { background:transparent; } .video-js.vjs-default-skin .vjs-big-play-button { display:none; } div.playerOverlay { background:transparent; border:solid 1px #222; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; cursor:pointer; position:absolute; left:auto; right:-8px; top:auto; bottom:40px; height:100px; width:100px; z-index:250; } div.playerOverlay img { height:auto; width:60px; margin-left:20px; margin-top:10px; } div.vars { display:none; } body.isMobile { } body.isMobile input.search { } body.isMobile ul.searchRes { } body.isMobile ul.searchRes li { font-weight:300; } body.isMobile iframe.musicPlaylist { left:-12px; width:calc(100% + 32px); } body.isMobile div.playerOverlay { right:-12px; width:100px; } div.playerOverlay.high { background:rgba(255,255,255,0.6); height:100px; } div.touchUp { display:none; } div.touchDown { display:none; } body.isMobile div.touchUp { background:rgba(255,255,255,0.6); border:solid 1px #222; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; position:absolute; left:auto; right:-16px; top:auto; bottom:550px; height:120px; width:40px; margin-top:-64px; z-index:300; } body.isMobile div.touchDown { background:rgba(255,255,255,0.6); border:solid 1px #222; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; position:absolute; left:auto; right:-16px; top:auto; bottom:550px; height:120px; width:40px; margin-top:64px; z-index:300; } body.isMobile div.touchUp:focus { background:rgba(192,84,62,0.6); } body.isMobile div.touchDown:focus { background:rgba(192,84,62,0.6); } iframe.containerPlaylist { border:0; display:none; left:auto; right:90px; top:0px; bottom:40px; height:calc(100% - 40px); width:650px; z-index:1; } iframe.containerPlaylist.right { right:550px; } body.isMobile iframe.containerPlaylist { left:0px; right:0px; width:100%; z-index:200; } body.isMobile iframe.containerPlaylist.right { right:0px; } div.containerOverlay { border:solid 1px transparent; -moz-border-radius:0 10px 10px 0; -webkit-border-radius:0 10px 10px 0; -khtml-border-radius:0 10px 10px 0; border-radius:0 10px 10px 0; cursor:pointer; display:none; position:fixed; left:766px; right:auto; top:81px; bottom:auto; height:40px; width:520px; z-index:721; } div.containerOverlay.hosted { background:transparent; position:fixed; left:778px; right:14px; top:81px; bottom:auto; height:60px; width:500px; } div.containerOverlay div.address { background:rgba(30, 30, 30, 0.8); border:solid 1px #333; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; margin:4px; margin-left:8px; padding:0px; } div.containerOverlay div.address h3 { color:#fff; font-family:'Open Sans', sans-serif; font-size:0.9em; font-weight:300; text-decoration:underline; margin:0px; overflow:hidden; padding:6px; white-space:nowrap; } body.isMobile iframe.musicPlaylist { left:-12px; width:calc(100% + 32px); } body.isMobile div.playerOverlay { right:-12px; width:100px; } div.newsOverlay { background:transparent; border:solid 1px #222; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; cursor:pointer; position:absolute; left:auto; right:-8px; top:auto; bottom:160px; height:100px; width:100px; z-index:250; } div.newsOverlay img { height:auto; width:60px; margin-left:20px; margin-top:10px; } body.isMobile div.newsOverlay { right:-12px; width:100px; } div.newsOverlay.high { background:rgba(255,255,255,0.6); height:100px; } div.overlays { position:absolute; left:12px; right:auto; top:232px; bottom:auto; height:600px; width:80px; z-index:700; pointer-events:none; } div.overlays.home { position:absolute; } div.overlay { -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; cursor:pointer; display:inline-block; position:absolute; left:4px; height:56px; width:70px; margin-right:4px; margin-top:8px; padding-top:0px; pointer-events:initial; } div.overlay.highlight { background:#fff; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } div.overlay h2 { color:#ccc; font-family:'Open Sans', sans-serif; font-size:0.9em; font-weight:300; text-align:center; margin-left:-1px; margin-top:18px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select:none; } div.overlay h1 { color:#ccc; } div.overlay.highlight h2 { color:#000; font-weight:500; } div.overlay.highlight h1 { } div.overlay img { height:60px; width:60px; margin-left:4px; margin-top:0px; } div.overlay.home { position:fixed; left:16px; top:-80px; } div.overlay.home.highlight { background:#222; } div.overlay.tv_info { position:absolute; left:auto; right:16px; z-index:250; } body.isMobile div.overlay { } div.overlay.music { top:394px; } div.overlay.stacks { } div.overlay.book { } div.overlay.tv { left:88px; } div.overlays.noMenu div.overlay { display:none; } div.overlays.noMenu div.overlay.home { display:block; } div.overlay.video_control { display:none; position:absolute; left:16px; bottom:132px; } div.video_controls { display:none; position:fixed; top:150px; bottom:70px; height:auto; width:670px; padding:10px; z-index:300; } div.video_controls_container { background:rgba(0, 0, 0, 0.5); border:solid 1px #333; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; position:relative; width:540px; } div.video_controls h1 { color:#ccc; font-family:'Open Sans', sans-serif; font-size:1.1em; font-weight:300; text-indent:6px; } p.quote { color:#fff; font-family:'Open Sans', sans-serif; font-size:0.8em; font-weight:300; text-align:center; padding:16px; } div.button_group { } div.overlay.play { display:inline-block; position:relative; height:130px; width:140px; overflow:hidden; } div.overlay.play h2 { font-size:1.3em; } div.overlay.pause { position:relative; overflow:hidden; } div.overlay.fullScreen { position:relative; height:130px; width:140px; overflow:hidden; } div.overlay.fullScreen h2 { font-size:1.3em; margin-top:28px; } div.overlay.info { position:relative; height:130px; width:140px; overflow:hidden; } div.overlay.info h2 { font-size:1.3em; margin-top:44px; } div.volume { display:table; position:relative; border-spacing:8px; } div.volume span { background:transparent; border:solid 1px #333; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; color:#ccc; cursor:pointer; display:table-cell; font-family:'Open Sans', sans-serif; font-size:1.3em; font-weight:300; text-align:center; height:130px; width:140px; margin:4px; vertical-align:middle; } div.volume span.highlight { background:#fff; color:#222; } div.tube_timer { position:fixed; left:0px; right:0px; bottom:16px; height:260px; width:550px; overflow:hidden; z-index:780; pointer-events:none; } div.tube_menu { background:rgba(0, 0, 0, 0.5); border:solid 1px #333; -moz-border-radius:35px 35px 10px 10px; -webkit-border-radius:35px 35px 10px 10px; -khtml-border-radius:35px 35px 10px 10px; border-radius:35px 35px 10px 10px; position:fixed; top:80px; width:550px; z-index:182; } div.tube_menu div.playlist_option { display:none; position:absolute; left:8px; top:16px; } div.tube_menu div.playlist_option img { } div.tube_menu div.playlist_option img.disable { display:none; } body.fat div.tube_menu { left:auto !important; right:16px; top:auto; bottom:calc(100% - 94px); z-index:780; } body.fat iframe#mP1 { left:auto !important; right:16px; top:auto !important; bottom:256px; height:calc(100% - 360px) !important; } body.fat div.tube_timer { left:auto !important; right:16px; bottom:22px; } body.fat div.mpBg { left:auto !important; right:16px; bottom:22px; } body.fat div.topBar { display:none; } body.fat:hover iframe#mP1 { top:auto !important; height:calc(100% - 360px); } body.fat:hover div.tube_menu { bottom:calc(100% - 94px); } body.fat:hover div.tube_timer { } body.fat:hover div.mpBg { } div.tube_menu h1 { text-align:center; } div.tube_menu h1 span { display:block; position:absolute; right:12px; top:42px; } div.nowPlaying { display:none; text-align:left; position:relative; right:0px; top:0px; height:calc(100% - 2px); width:calc(100% - 2px); z-index:181; } div.nowPlaying div.track { color:#fff; height:140px; } div.nowPlaying div.track div.track_image { border:solid 2px #333; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; cursor:pointer; float:left; font-family:musicControls; font-size:70px; position:absolute; left:178px; top:50px; height:120px; width:150px; margin:20px; margin-top:2%; overflow:hidden; z-index:10; } div.nowPlaying img { position:relative; left:-45px; top:-25px; height:180px; width:240px; } div.nowPlaying div.track_image:after { position:absolute; left:40px; top:22px; content:"\f103"; } div.nowPlaying img.paused { filter:grayscale(100%); } div.nowPlaying div.track_image.paused:after { position:absolute; left:40px; top:22px; content:"\f101"; } div.nowPlaying h3 { color:#fff; display:block; font-family:'Open Sans', sans-serif; font-size:1em; font-weight:300; margin:20px; } div.nowPlaying h2 { color:#fff; cursor:pointer; display:block; font-family:'Open Sans', sans-serif; font-size:1.5em; font-weight:300; text-align:center; margin:20px; margin-top:0px; padding:8px; padding-top:8px; } div.nowPlaying h2:hover { text-decoration:underline; } div.nowPlaying h1 { background:rgba(30, 30, 30, 1); border:solid 1px #333; border-top:0; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -khtml-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; color:#fff; display:inline-block; font-family:'Open Sans', sans-serif; font-size:1.1em; font-weight:300; position:relative; left:12px; top:-12px; } div.nowPlaying h1 span { display:none; float:right; font-family:'Open Sans', sans-serif; font-size:1em; font-weight:300; } div.nowPlaying h1:hover span { display:block; } div.nowPlaying h1 span.listen { } body.slim svg#news { display:none; } iframe.dock { border:0; display:none; position:relative; left:0px; top:80px; height:auto; width:500px; z-index:200; } .panel { border:0; position:absolute; left:626px; top:80px; bottom:0px; height:calc(100% - 100px); width:700px; } .panel.highlight { display:block; } iframe#dP1 { border:0; min-height:800px; z-index:185; } body.home iframe#dP1 { top:0px; width:520px !important; } body.home div.menu_overlay { position:relative; top:-80px; } iframe#sP1 { -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; display:none; position:fixed; width:676px; overflow-y:scroll; z-index:650; } iframe#sP1.highlight { display:block; } iframe#vP1 { background:rgba(0, 0, 0, 0.5); border:solid 1px #333; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; display:none; position:fixed; left:626px; width:676px; overflow-y:scroll; z-index:422; } iframe#vP1.highlight { display:block; } body.tv { overflow-y:auto; } body.tv iframe#vP1 { display:block; left:auto; right:8px; top:80px; bottom:50px; height:calc(100% - 130px); } iframe.panel.vP { position:absolute; left:0px; right:0px; top:0px; bottom:0px; height:100%; width:100%; } body.stacks { overflow-x:hidden; overflow-y:scroll; } body.chat iframe#cP1 { border:0; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; display:none; position:absolute; left:16px; right:16px; top:16px; bottom:100px; height:calc(100% - 32px); width:calc(100% - 32px); z-index:421; } iframe#cP1 { -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; display:none; position:fixed; left:-4px; right:auto; top:80px; bottom:16px; height:calc(100% - 100px); width:620px; min-height:800px; min-width:600px; z-index:620; } iframe#cP1.active { height:calc(100% - 100px); } iframe#chessP1 { display:none; position:relative; left:20px; top:0px; width:620px; min-height:800px; } div.chessContainer { display:none; position:absolute; left:650px; top:84px; bottom:40px; width:660px; z-index:421; } body.isMobile div.chessContainer { display:none; } div.place { position:absolute; left:650px; top:182px; bottom:40px; width:660px; } body.isMobile div.place { display:none; } iframe#cP1.highlight { width:620px; } div.mpBg { background:rgba(0, 0, 0, 0.5); border:solid 1px #333; -moz-border-radius:10px 10px 35px 35px; -webkit-border-radius:10px 10px 35px 35px; -khtml-border-radius:10px 10px 35px 35px; border-radius:10px 10px 35px 35px; position:fixed; left:2000px; bottom:22px; height:226px; width:550px; z-index:250; } iframe#mP1 { border:solid 1px #333; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; position:fixed; left:auto; right:14px; top:164px; bottom:auto; height:calc(100% - 424px); width:550px; z-index:421; } iframe#mP1.playing { height: calc(100% - 704px); } iframe #mP1.fat { margin-left:0px; } body.isMobile iframe#mP1 { left:1334px; right:auto; } iframe#mP1.frost.playing { top:164px; height:calc(100% - 704px); } iframe#mP1.highlight { left:1334px; right:auto; } iframe#mP1.highlight.right { display:block; left:1334px; right:auto; } iframe#mP1.frost { display:block; position:fixed; right:14px; top:164px; bottom:auto; height:calc(100% - 424px); width:550px; margin-bottom:0px; margin-right:0px; } iframe#mP1.frost.right { left:1334px; right:auto; } iframe#mP1.fattie { position:fixed; left:4px; right:auto; top:4px; bottom:0px; height:calc(100% - 8px); min-height:800px; } iframe#mvP1 { -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; display:none; position:fixed; left:auto; right:-240px; top:auto; bottom:48px; height:100px; width:120px; z-index:181; } iframe#mvP1 body { background:rgba(45, 99, 173, 0.2); } iframe#mvP1.highlight { display:block; position:fixed; left:auto; right:auto; top:auto; bottom:auto; height:100%; width:100%; z-index:181; } iframe#mvP1.frost { border:0; -moz-border-radius:initial; -webkit-border-radius:initial; -khtml-border-radius:initial; border-radius:initial; display:block; position:fixed; left:0px; right:auto; top:0px; bottom:0px; height:100%; width:100%; margin-bottom:0px; margin-left:0px; margin-right:0px; z-index:181; } iframe#mvP1.miniLeft { position:fixed; left:4px; right:auto; top:auto; bottom:8px; height:250px; width:92px; } iframe.panel.highlight.right { position:absolute; left:auto; right:24px; bottom:0px; } iframe.panel.right { position:absolute; left:auto; right:24px; bottom:0px; } iframe.panel.tv { position:absolute; top:100px; } div.tubeLoading { background:#222; border:0; text-align:center; position:absolute; left:0px; right:0px; top:0px; bottom:0px; height:auto; width:auto; z-index:500; } div.tubeLoading h1 { border:0; padding-top:100px; } div.tubeLoading.loaded { z-index:-1; } div.topBar { background:linear-gradient(rgba(0, 0, 0, 0.5) 20%, transparent); position:fixed; left:0px; right:0px; top:0px; height:72px; width:auto; overflow:hidden; z-index:750; pointer-events: none; } div.topBar.bGClone { width:100%; } div.topBar.frost { background:transparent; border-bottom:0; top:4px; height:68px; width:592px; z-index:180; } divtopBar.frost div.topBar.bGClone { width:592px; } foreignObject { } foreignObject span.status { display:block; font-size:0.8em; margin-top:4px; } svg h1 { border:0; color:#222; font-family:'Open Sans', sans-serif; font-size:1.8em; font-weight:300; text-align:center; margin-bottom:16px; margin-left:40px; } svg h2.queued { background:rgba(0,0,0,0.5); -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; color:#fff; font-family:'Open Sans', sans-serif; font-size:1.1em; font-weight:300; text-align:center; margin:6px; } svg p { font-family:'Open Sans', sans-serif; font-size:1em; text-align:justify; width:calc(100% - 32px); margin-left:8px; } svg .dragCard div { display:table; height:100%; width:100%; } svg .dragCard div p { display:table-cell; text-align:left; text-indent:16px; vertical-align:middle; } svg .dragCard.dragRight div p { text-align:right; margin-right:10px; } g.menu foreignObject { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select:none; } svg svg { height:50px; width:50px; } svg#stack a.newsItem { pointer-events:none; } svg img { border-bottom:solid 2px #ccc; border-left:solid 1px #222; border-right:solid 1px #222; border-top:solid 2px #ccc; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; cursor:pointer; float:left; width:calc(100% - 32px); margin-bottom:16px; margin-left:8px; } g.n2 svg img { width:20%; margin:16px; } svg img.small { float:initial; width:40%; } svg h1.small { float:right; text-align:left; width:55%; } svg div.se { float:right; width:55%; } svg div.se select { background:rgba(255,255,255,0.3); border:solid 1px #333; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; color:#222; cursor:pointer; font-family:'Open Sans', sans-serif; font-size:1em; font-weight:500; left:64px; height:45px; width:150px; padding-left:24px; outline:none; } svg div.se select option { color:#222; cursor:pointer; font-family:'Open Sans', sans-serif; font-size:1em; font-weight:300; } svg div.frameContainer { position:relative; width:540px; min-height:320px; } svg div.frameContainer div.frameContainer2 { position:relative; width:540px; min-height:320px; } svg div.frameContainer div.frameContainer2 iframe { border-bottom:solid 2px #ccc; border-left:solid 1px #222; border-right:solid 1px #222; border-top:solid 2px #ccc; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; } svg ul.se { float:block; text-align:left; margin:0; padding:0; } svg ul.se li { color:#222; display:inline-block; font-size:1em; font-weight:500; text-align:left; list-style-type:none; margin:0; padding:6px; } svg ul.se li.highlight { background:rgba(255,255,255,0.3); border:solid 1px #333; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; color:#222; } svg ul.ep { float:block; text-align:left; margin:0; margin-left:-6px; margin-top:6px; padding:0; } svg ul.ep li { color:#222; cursor:pointer; display:none; font-size:1em; font-weight:500; text-align:left; list-style-type:none; margin:0; padding:6px; min-width:40px; } svg ul.ep li.highlight { display:block; } svg ul.ep li.highlight ul li { background:transparent; display:inline-block; } svg ul.ep li.highlight ul li span { display:block; margin:0; margin-bottom:16px; margin-left:0px; margin-right:0px; margin-top:16px; } svg ul.ep li.highlight ul li.highlight { background:rgba(255,255,255,0.3); border:solid 1px #333; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; color:#222; } svg ul.ep li ul { margin:0; max-height:230px; overflow-y:auto; padding:0; } svg ul.ep li ul li { border-bottom:solid 1px #222; border-left:solid 1px #222; border-right:solid 1px #222; border-top:solid 1px #ccc; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; text-align:center; margin:1px; } svg ul.ep li ul li:hover { border-bottom:solid 1px #fff; border-left:solid 1px #fff; border-right:solid 1px #fff; border-top:solid 1px #fff; } svg div.epDs { top:10px; width:98%; overflow:hidden; } svg div.epDs h2 { color:#222; font-size:1.3em; font-weight:300; margin:0; } svg div.epDs p { color:#222; font-size:1em; font-weight:300; margin:0; } svg div.tbl { display:table; height:100%; width:calc(100% - 4px); padding:5px; padding-left:2px; padding-right:2px; } svg div.tbl p { background:#fff; border:solid 1px transparent; border-bottom:0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; -khtml-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; color:#222; display:table-cell; font-size:inherit; text-align:center; margin:0; padding:4px; vertical-align:middle; } svg div.tbl h1 { color:#fff; font-size:1.3em; font-weight:300; } svg div.tbl h2 { color:#fff; font-size:1em; font-weight:300; } svg .vc_control_name div.tbl { height:64px; width:90px; } svg .vc_control_name div.tbl p { background:transparent; color:#fff; } svg .name.discover div.tbl { display:none; text-align:center; } svg .name.discover.noImage div.tbl { display:table; } svg .name.discover.noImage div.tbl p { background:rgba(30, 30, 30, 1); border:solid 1px transparent; border-bottom:solid 1px transparent; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; color:#fff; margin:0 auto; } svg .name.discover div.tbl { display:none; text-align:center; } svg .name.discover div.tbl p { background:rgba(30, 30, 30, 1); border:solid 1px transparent; border-bottom:solid 1px transparent; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; color:#fff; display:inline-block; margin:auto auto; } a.hovercard .name.discover div.tbl { display:block; text-align:center; } a.hovercard .name.discover div.tbl p { background:rgba(30, 30, 30, 1); border:solid 1px transparent; border-bottom:solid 1px transparent; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px; color:#fff; display:inline-block; margin:auto auto; } a.hovercard .name.discover.noImage div.tbl { display:table; } a.hovercard .name.discover.noImage div.tbl p { background:rgba(30, 30, 30, 0.95); display:table-cell; } svg .name.noImage.nameCard div.tbl h1 { margin:0 auto; margin-top:32px; padding:0; } svg .low div.tbl { } svg .low div.tbl p { background:rgba(30, 30, 30, 0.5); color:#fff; } svg a.source { background-image:url(//img.hupla.co.uk/huplaC/images/sourceLink.png); position:absolute; left:10px; top:2px; height:40px; width:40px; } svg .tube.name div.tbl p { background:transparent; color:#fff; text-align:left; } svg .chat.name div.tbl p { background:transparent; color:#fff; display:block; text-align:left; min-height:28px; } a.newsItem.selected { border:solid 2px #2d63ad; } div.tubeVideo.frost .video-js .vjs-tech { } div.tubeVideo .video-js div.vjs-poster { color:#222; display:none; } div.tubeVideo .video-js div.vjs-control-bar { background:transparent; color:#222; display:none; opacity:1 !important; position:absolute; left:16px; right:16px; top:auto; bottom:16px; width:auto; z-index:260; } div.tubeVideo .video-js div.vjs-control-bar .vjs-play-control { color:#222; display:block; font-size:2em; position:absolute; left:0px; top:-60px; } div.tubeVideo .video-js div.vjs-control-bar .vjs-fullscreen-control { color:#222; font-size:2em; position:absolute; right:2px; top:-56px; } body.hosted div.tubeVideo .video-js div.vjs-control-bar { bottom:42px; } body.hosted div.tubeVideo .video-js div.vjs-control-bar .vjs-play-control { } body.hosted div.tubeVideo .video-js div.vjs-control-bar .vjs-fullscreen-control { } div.tubeVideo.slim .video-js div.vjs-control-bar { background:transparent; color:#222; opacity:1 !important; position:absolute; left:auto; right:8px; top:360px; bottom:auto; width:530px; } div.tubeVideo.slim .video-js div.vjs-control-bar .vjs-play-control { color:#222; display:block; font-size:2em; position:absolute; left:0px; top:-60px; } div.tubeVideo.slim .video-js div.vjs-control-bar .vjs-fullscreen-control { color:#222; font-size:2em; position:absolute; right:32px; top:-56px; } div.tubeVideo.frost .video-js div.vjs-control-bar { background:transparent; border:0; color:#222; opacity:1 !important; position:absolute; left:auto; right:8px; top:24px; bottom:auto; height:58px; width:560px; } div.tubeVideo.frost .video-js div.vjs-control-bar.highlight { } div.tubeVideo.frost .video-js div.vjs-control-bar .vjs-play-control { color:#222; display:none; font-size:2em; position:absolute; left:32px; top:-14px; width:40px; z-index:10; } div.tubeVideo.frost .video-js div.vjs-control-bar .vjs-fullscreen-control { color:#222; display:none; font-size:2em; position:absolute; right:72px; top:-10px; } div.tubeVideo.frost .video-js div.vjs-control-bar .vjs-progress-control { background:transparent; display:block; left:20px; top:34px; width:520px; } div.tubeVideo.frost .video-js div.vjs-control-bar .vjs-progress-control .vjs-progress-holder { background:rgba(0,0,0,0.5); border:solid 1px #333; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; height:12px; } div.tubeVideo.frost .video-js div.vjs-control-bar .vjs-progress-control .vjs-load-progress { background:rgba(225,225,225,0.75); border:solid 1px #333; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; } div.tubeVideo.frost .video-js div.vjs-control-bar .vjs-progress-control .vjs-play-progress:before { color:#222; font-size:2em; } div.tubeVideo.frost .video-js div.vjs-control-bar .vjs-remaining-time { color:#fff; position:relative; right:24px; top:58px; } div.tubeVideo.frost .video-js div.vjs-control-bar .vjs-volume-menu-button { display:none; top:10px; z-index:8; } div.tubeVideo.frost .video-js div.vjs-control-bar .vjs-menu-button-inline .vjs-menu { top:20px; } div.tubeVideo.frost .video-js div.vjs-control-bar { top:56px; } div.tubeVideo.frost .video-js div.vjs-control-bar .vjs-remaining-time { top:64px; } div.tubeVideo.miniLeft .video-js div.vjs-control-bar { color:#222; left:0px; right:0px; top:124px; bottom:auto; width:90px; } div.tubeVideo.miniLeft .video-js div.vjs-control-bar .vjs-play-control { color:#222; display:block; font-size:2em; position:absolute; left:0px; top:16px; height:50px; width:56px; } div.tubeVideo.miniLeft .video-js div.vjs-control-bar .vjs-fullscreen-control { color:#222; display:none; font-size:2em; position:absolute; right:2px; top:-2px; height:46px; width:56px; } div.tubeVideo.miniLeft .video-js div.vjs-control-bar .vjs-remaining-time { color:#222; position:absolute; left:42px; top:38px; } div.tubeVideo .video-js.vjs-fullscreen div.vjs-control-bar { background-color:rgba(30, 30, 30, 0.3); color:#fff; display:none; left:0px; right:0px; bottom:0px; height:60px; padding-left:56px; padding-right:56px; padding-top:12px; } div.tubeVideo .video-js.vjs-fullscreen div.vjs-control-bar .vjs-play-control { color:#fff; display:block; font-size:2em; position:absolute; left:0px; top:-6px; height:50px; width:56px; } div.tubeVideo .video-js.vjs-fullscreen div.vjs-control-bar .vjs-fullscreen-control { color:#fff; font-size:2em; position:absolute; right:2px; top:-2px; height:46px; width:56px; } div.tubeVideo .video-js .vjs-play-progress { border:solid 1px #222; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; } div.tubeVideo .video-js .vjs-volume-bar { border:solid 1px #222; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; } div.tubePlaying { display:none; position:absolute; left:auto; right:6px; top:auto; bottom:30px; height:60px; width:auto; z-index:765; } div.tubePlaying.frost { display:block; position:absolute; left:100px; right:6px; top:auto; bottom:16px; height:50px; } div.tubePlaying.big { position:absolute; left:0px; right:0px; top:auto; bottom:0px; } body.slim.music { min-height:initial; } body.hosted div.tubePlaying.big { bottom:26px; } div.tubePlaying h1 { border:0; color:#fff; font-size:1.1em; font-weight:300; overflow:hidden; padding-left:6px; padding-top:20px; white-space:nowrap; z-index:-1; } div.tube_playing_buttons div.tubeImg { border-bottom:solid 2px #333; border-left:solid 1px #222; border-right:solid 1px #222; border-top:solid 2px #333; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; cursor:pointer; position:absolute; left:auto; right:16px; top:-4px; height:60px; width:70px; overflow:hidden; z-index:2; } div.tube_playing_buttons div.tubeImg img { position:absolute; left:-10px; top:-4px; width:90px; z-index:-1; } div.tube_playing_buttons div.tubeImg:after { color:rgba(255,255,255,0.7); font-family:musicControls; font-size:4em; text-align:center; position:relative; left:3px; top:-6px; content:"\f108"; } div.tube_playing_buttons div.tubeFrost { background:rgba(255, 255, 255, 0.4); border-bottom:solid 2px #ccc; border-left:solid 1px #222; border-right:solid 1px #222; border-top:solid 2px #ccc; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; cursor:pointer; position:absolute; left:auto; right:108px; top:12px; height:30px; width:40px; overflow:hidden; } div.tube_playing_buttons div.tubeList { background:rgba(30,30,30,0.5); border-bottom:solid 2px #ccc; border-left:solid 1px #222; border-right:solid 1px #222; border-top:solid 2px #ccc; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; cursor:pointer; display:none; position:absolute; left:auto; right:94px; top:4px; height:48px; width:64px; overflow:hidden; z-index:2; } div.tube_playing_buttons div.tubeList.highlight { background:rgba(255, 255, 255, 0.7); } div.tubeImg { border-bottom:solid 2px #ccc; border-left:solid 1px #222; border-right:solid 1px #222; border-top:solid 2px #ccc; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; cursor:pointer; position:absolute; left:auto; right:16px; top:4px; height:48px; width:64px; overflow:hidden; z-index:2; } div.tubeImg img { position:absolute; left:-8px; top:-8px; width:80px; z-index:-1; } div.tubeImg:after { color:rgba(255,255,255,0.7); font-family:musicControls; font-size:4em; text-align:center; position:relative; top:-12px; content:"\f108"; } div.tubeFrost { background:rgba(255, 255, 255, 0.4); border-bottom:solid 2px #ccc; border-left:solid 1px #222; border-right:solid 1px #222; border-top:solid 2px #ccc; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; cursor:pointer; position:absolute; left:auto; right:108px; top:12px; height:30px; width:40px; overflow:hidden; } div.tubeList { background:rgba(30,30,30,0.5); border-bottom:solid 2px #ccc; border-left:solid 1px #222; border-right:solid 1px #222; border-top:solid 2px #ccc; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; cursor:pointer; position:absolute; left:auto; right:94px; top:4px; height:48px; width:64px; overflow:hidden; z-index:2; } div.tubeList.highlight { background:rgba(255, 255, 255, 0.7); } body.hosted div.tube_playing_buttons div.tubeList { right:16px; } body.hosted div.tube_playing_buttons div.tubeImg { display:none; } div.frameContainer { margin-left:16px; } div.tubeContainer.slim { position:relative; left:0px; right:4px; top:6px; bottom:20px; height:auto; width:auto; min-height:300px; overflow-x:hidden; overflow-y:auto; padding-bottom:120px; padding-right:16px; } div.tubeContainer { position:absolute; left:auto; right:8px; top:0px; bottom:0px; height:auto; width:550px; overflow-x:hidden; overflow-y:auto; padding-right:16px; z-index:250; } section.slideContainer { position:absolute; left:0px; top:0px; min-width:516px; padding-left:100px; } div.music_controls_background { background:linear-gradient(transparent, rgba(30,30,30,0.8) 50%); position:absolute; left:0px; right:0px; top:auto; bottom:0px; height:24px; z-index:400; } div.music_controls { display:none; font-family:musicControls; position:absolute; left:0px; right:0px; top:auto; bottom:0px; height:100px; z-index:725; } div.music_controls div.play { background:#222; border:solid 1px #333; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; cursor:pointer; display:inline-block; position:absolute; left:16px; top:auto; bottom:8px; height:60px; width:70px; } div.music_controls div.play:before { color:#fff; font-size:4em; position:relative; left:3px; top:-6px; content:"\f103"; } div.music_controls div.play.paused { } div.music_controls div.play.paused:before { content:"\f101"; } div.deckMenu { display:block; position:absolute; left:0px; top:0px; bottom:0px; width:100px; z-index:700; } div.login_background { background:#222; display:none; position:absolute; left:0px; right:0px; top:0px; bottom:0px; z-index:1000; } form.login { border:solid 2px #333; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; color:#fff; display:none; position:absolute; left:50%; top:10%; height:400px; width:380px; margin-left:-185px; z-index:1001; } form.login table { margin:0 auto; } form.login table td { display:block; } form.login table tr.login_pin { display:none; } form.login input { border:solid 1px #333; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px; font-family:'Open Sans', sans-serif; font-size:1.1em; font-weight:300; text-indent:16px; height:40px; width:350px; margin-bottom:16px; margin-top:8px; outline:none; } form.login h1 { color:#fff; text-align:center; } form.login p { text-align:center; margin-bottom:20px; margin-top:40px; } form.login div.overlay { left:auto; right:16px; } form.login div.overlay.highlight { background:#222; margin-bottom:20px; } form.login div.overlay.highlight h1 { margin-top:20px; } form.login fieldset { border:0; } form.login fieldset label { display:block; } body.chat div.profile { display:block; } textarea.chatbox.inactive { display:none; z-index:400; } textarea.chatbox { border:solid 1px #333; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; color:#222; font-family:'Open Sans', sans-serif; font-size:1.3em; font-weight:300; position:absolute; left:116px; right:auto; top:auto; bottom:6px; height:100px; width:calc(100% - 262px); padding:4px; z-index:505; outline:none; resize:none; } body.isMobile textarea.chatbox { font-size:1.5em; } textarea.chatbox.error { border:solid 2px #ff0000; } textarea.chatbox.high { color:#222; } div.sendMsg { background:#222; border:solid 1px #333; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; cursor:pointer; display:block; position:absolute; left:auto; right:32px; top:auto; bottom:6px; height:70px; width:80px; z-index:505; } div.sendMsg.inactive { display:none; z-index:400; } div.sendMsg:hover { background:#222; color:#222; } div.sendMsg:hover p { color:#222; } div.sendMsg.saved:hover { background:#333; color:#fff; } div.sendMsg p { color:#fff; font-family:'Open Sans', sans-serif; font-size:1.1em; font-weight:300; text-align:center; margin-top:22px; } div.button_chat_attach { background:#222; border:solid 1px #333; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; cursor:pointer; display:block; position:absolute; left:auto; right:32px; top:auto; bottom:82px; height:32px; width:80px; overflow:hidden; z-index:505; } div.button_chat_attach.inactive { display:none; z-index:400; } div.button_chat_attach:hover { background:#222; color:#222; cursor:pointer; } div.button_chat_attach div.button_overlay { } div.button_chat_attach p { background-color:#222; color:#fff; cursor:pointer; font-family:'Open Sans', sans-serif; font-size:1.1em; font-weight:300; text-align:center; position:relative; margin:0; margin-top:0px; padding:6px; padding-top:2px; z-index:2; pointer-events:none; } div.button_chat_attach input { cursor:pointer; position:absolute; top:0px; height:32px; z-index:1; } svg .name.chat p { display:block; text-align:left; } svg .name.chat p:first-child { margin-top:8px; padding-bottom:0px; } svg .desc p.time { font-family:'Open Sans', sans-serif; font-size:0.9em; font-weight:300; text-align:center; width:120px; margin-top:10px; } div.connNameBg { background:rgba(0, 0, 0, 0.5); border:solid 1px #333; -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -khtml-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; position:absolute; left:96px; right:0px; top:0px; bottom:auto; height:78px; } div.connNameBg.active { -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; -khtml-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; } h1.connName { border-bottom:0; -moz-border-radius:0 10px 0 0 ; -webkit-border-radius:0 10px 0 0 ; -khtml-border-radius:0 10px 0 0 ; border-radius:0 10px 0 0 ; color:#fff; cursor:pointer; position:absolute; left:96px; right:180px; top:0px; bottom:auto; z-index:700; } h1.connName.inactive { z-index:400; } div.menu { position:relative; left:200px; z-index:500; } div.button_add { border:solid 1px #333; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; cursor:pointer; height:70px; width:80px; } div.button_add:hover { background:#222; } div.button_add p { font-family:'Open Sans', sans-serif; font-size:1.1em; font-weight:300; text-align:center; } div.profile h2 { color:#fff; cursor:pointer; display:block; font-family:'Open Sans', sans-serif; font-size:1.1em; font-weight:300; margin:20px; margin-top:0px; padding-top:24px; } ul.left_menu { position:absolute; left:12px; top:106px; height:calc(100% - 270px); width:72px; margin:0px; overflow-x:hidden; overflow-y:auto; padding:0px; z-index:700; } ul.left_menu li { background:#222; border:solid 1px #333; border-left:0; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; color:#fff; cursor:pointer; font-family:'Open Sans', sans-serif; font-size:1em; font-weight:300; text-align:center; list-style-type:none; height:28px; width:62px; margin:0px; margin-bottom:8px; padding:16px; padding-left:4px; padding-right:4px; } ul.left_menu li.profile { display:none; margin-bottom:32px; } ul.left_menu li.profile.high { background:#222; } ul.left_menu li.add { font-size:2em; height:40px; padding-top:4px; } ul.left_menu li span { color:#ff0000; } ul.left_menu li.high { background:#fff; color:#222; } ul.left_menu li:hover { background:#222; color:#222; } ul.left_menu li.high:hover { background:#fff; color:#222; } div.main_panel { background:rgba(0, 0, 0, 0.5); border:solid 1px #333; border-top:0; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -khtml-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; position:absolute; left:96px; right:0px; top:80px; bottom:126px; overflow:auto; overflow-x:hidden; padding-top:0px; z-index:502; } div.main_panel.inactive { bottom:0px; } div.chat_bg { background:#222; -moz-border-radius:0 0 10px 0; -webkit-border-radius:0 0 10px 0; -khtml-border-radius:0 0 10px 0; border-radius:0 0 10px 0; display:none; position:absolute; left:108px; right:0px; top:auto; bottom:0px; height:126px; width:auto; z-index:503; } body.slim.chat div.profile_button { display:block; position:absolute; left:-6px; top:6px; } body.slim.chat div.tubeContainer.slim { top:16px; } textarea#base64 { display:none; } img.activeImage { display:none; position:absolute; left:240px; top:auto; bottom:100px; height:250px; width:250px; } div.attachments { background:#222; border-top:solid 1px #333; -moz-border-radius:0 0 0 10px; -webkit-border-radius:0 0 0 10px; -khtml-border-radius:0 0 0 10px; border-radius:0 0 0 10px; display:none; position:absolute; left:101px; right:20px; top:auto; bottom:127px; height:0px; overflow:hidden; z-index:503; } div.attachments p { color:#fff; font-size:0.9em; font-weight:700; text-indent:16px; } div.attachments div.options { display:none; text-align:center; position:absolute; left:1px; top:80px; height:140px; width:140px; overflow:hidden; z-index:5; } div.attachments div.options P { background:#222; border:solid 1px #333; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; cursor:pointer; text-align:center; text-indent:0px; width:100px; margin:0 auto; margin-bottom:6px; padding-bottom:6px; padding-top:6px; } div.attachments div.options P:hover { background:#222; color:#222; } div.attachments div.attached { background:#fff; border:solid 1px #333; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; display:inline-block; text-align:center; position:relative; height:140px; width:140px; margin-left:16px; overflow:hidden; z-index:1; } div.attachments div.attached img.attach { display:inline-block; position:relative; left:0px; right:0px; top:0px; bottom:0px; height:auto; width:100%; margin:0 auto; } div.attachments div.attached img.loading.attach { display:inline-block; position:relative; left:0px; right:0px; top:0px; bottom:0px; height:auto; width:40px; margin:0 auto; margin-top:32px; } div.attachments div.attached img.loading.error { border:solid 2px #ff0000; } div.fullScreenImage { background:rgba(30, 30, 30, 0.7); cursor:pointer; display:none; position:absolute; left:0px; right:0px; top:0px; bottom:0px; height:auto; width:auto; overflow-y:auto; z-index:1000; } div.fullScreenImage img { border:solid 1px #333; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; position:relative; left:5%; top:15px; margin:0 auto; max-width:90%; } div.fullScreenImage img.loading { -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; left:50%; height:56px; width:64px; margin-left:-30px; margin-top:32px; } div.fullScreenImage div.loading_img { background:#222; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; position:relative; left:50%; top:-60px; height:50px; width:60px; margin-left:-27px; } div.add_form_bg { background:rgba(30, 30, 30, 0.7); -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -khtml-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; display:none; position:absolute; left:0px; right:0px; top:0px; bottom:0px; z-index:500; } div.add_form_loading { background:#222; border:solid 1px #333; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; display:none; position:absolute; left:16px; right:16px; top:16px; bottom:auto; height:300px; width:auto; z-index:501; } div.add_form_loading h2 { color:#fff; font-size:1.3em; } div.add_form { background:#222; border:solid 1px #333; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; display:none; position:absolute; left:16px; right:16px; top:16px; bottom:auto; height:300px; width:auto; z-index:501; } div.add_form h2 { color:#fff; font-size:1.3em; } div.add_form table { color:#fff; position:relative; left:16px; top:16px; width:100%; margin:0 auto;; } div.add_form table input { border:solid 1px #333; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; color:#222; font-family:'Open Sans', sans-serif; font-size:1em; font-weight:300; text-indent:16px; position:relative; left:0px; right:auto; top:auto; height:40px; width:calc(100% - 48px); margin-bottom:32px; padding:4px; z-index:500; outline:none; resize:none; } div.button { border:solid 1px #333; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; color:#fff; cursor:pointer; display:inline-block; height:60px; width:70px; margin-right:8px; } div.button:hover { background:#222; color:#222; } div.button p { font-family:'Open Sans', sans-serif; font-size:1.1em; font-weight:300; text-align:center; } div.button_chat_logout { background:#222; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; position:absolute; right:16px; top:12px; height:60px; width:70px; z-index:600; } div.button_chat_logout p { color:#fff; font-family:'Open Sans', sans-serif; font-size:1.1em; font-weight:300; margin-top:8px; padding-top:8px; } div.button_chat_logout:hover p { color:#222; } div.button_chat_edit { background:#222; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; position:absolute; right:92px; top:12px; height:60px; width:70px; z-index:600; } div.button_chat_edit p { color:#fff; font-family:'Open Sans', sans-serif; font-size:1.1em; font-weight:300; margin-top:8px; padding-top:8px; } div.button_chat_edit:hover p { color:#222; } div.profile div.add_form_loading img { -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; position:relative; left:150px; top:24px; height:56px; width:64px; } div.profile div.add_form_loading div.loading_img { background:#222; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; position:relative; left:152px; top:-34px; height:50px; width:60px; } div.profile div.add_form_loading h2 { text-align:center; width:350px; margin-top:32px; } div.profile div.add_form_loading h2:hover { text-decoration:none; } textarea.chat_link { background:transparent; border:0; color:#fff; display:block; font-family:'Open Sans', sans-serif; font-size:1em; font-weight:300; width:400px; margin:10px; margin-left:0px; outline:none; resize:none; } div.profile_form { border:0; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; display:none; position:absolute; left:8px; right:0px; top:16px; bottom:126px; width:auto; z-index:400; } div.profile_form.edit { display:block; } div.profile_form h2 { color:#fff; font-size:1.3em; position:relative; z-index:1; } div.profile_form table { position:relative; left:16px; top:16px; width:100%; margin:0 auto;; } div.profile_form table input { border:solid 1px #333; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; color:#222; font-family:'Open Sans', sans-serif; font-size:1em; font-weight:300; text-indent:16px; position:relative; left:0px; right:auto; top:auto; height:40px; width:calc(100% - 48px); margin-bottom:32px; padding:4px; z-index:500; outline:none; resize:none; } div.profile { position:relative; right:0px; top:0px; height:calc(100% - 2px); width:100%; z-index:680; } div.profile div.profile_button { color:#fff; display:none; height:100px; z-index:600; } div.profile div.profile_button div.profile_button_image { border:solid 2px #333; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; cursor:pointer; float:left; font-family:musicControls; font-size:70px; position:relative; height:60px; width:70px; margin:20px; margin-bottom:2%; margin-top:2%; overflow:hidden; } div.profile img { position:absolute; left:-15px; top:auto; width:100px; } div.profile div.profile_button_image:after { position:absolute; left:40px; top:22px; content:"\f103"; } div.profile img.paused { filter:grayscale(100%); } div.profile div.profile_form table img { background:#222; display:block; left:0px; top:0px; height:auto; width:300px; z-index:200; pointer-events:none; } div.profile div.profile_form table div.edit_profile_image_bg { background:#222; display:block; position:absolute; left:0px; top:0px; height:150px; width:150px; z-index:180; pointer-events:none; } div.profile div.profile_form table td { color:#fff; } div.profile div.profile_form table td.image { display:block; position:relative; height:200px; width:300px; margin-bottom:16px; margin-top:16px; overflow:hidden; } div.profile div.profile_form table td.image div.edit_profile_container { border:solid 2px #333; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; display:block; position:relative; left:16px; top:16px; height:130px; width:150px; overflow:hidden; } div.profile div.profile_form table td.image div.edit_profile_container img { position:absolute; left:-45px; top:-25px; width:240px; } div.profile div.profile_form table p.link_update { background:rgba(30, 30, 30, 0.7); border:solid 1px #333; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; color:#fff; font-size:0.9em; text-decoration:underline; position:absolute; left:64px; top:32px; padding:6px; z-index:201; pointer-events:none; } div.profile div.profile_form table input#profileUpload { border:0; cursor:pointer; position:absolute; left:0px; top:0px; height:140px; width:150px; z-index:160; } div.profile div.profile_form table div.imageUpload { background:rgba(30, 30, 30, 0.7); display:none; position:absolute; left:0px; right:0px; top:0px; bottom:0px; height:auto; width:auto; z-index:202; } div.profile div.profile_form table div.imageUpload div.loading { background:#222; border:solid 1px #333; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; position:absolute; left:50px; top:24px; height:150px; width:200px; } div.profile div.profile_form table div.imageUpload div.loading p { cursor:#222; font-family:'Open Sans', sans-serif; font-size:1.1em; font-weight:300; text-align:center; } div.profile div.profile_form table div.imageUpload div.loading img { -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; position:relative; left:50%; top:-7px; height:56px; width:64px; margin-left:-29px; min-height:50px; z-index:1; } div.profile div.profile_form table div.imageUpload div.loading_img { background:#222; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; position:relative; left:50%; top:-60px; height:50px; width:60px; margin-left:-27px; z-index:2; } body.slim.chat { height:100%; } body.chat div.profile div.profile_button img { height:auto; } body.chat div.profile h2:hover { text-decoration:none; } div.button.button_chat_save { -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; margin-top:32px; } div.button.button_chat_save.saved { background:#333; border:solid 1px #222; color:#222; cursor:initial; } body.chat div.profile img.paused { filter:none; } body.chat div.profile div.profile_button_image.paused:after { content:""; } .name.chat img.screenShot { display:block; position:relative; left:0px; top:0px; height:auto; width:300px; margin:16px; } image.inactive { display:none; } body.slim.decks { overflow:hidden; overflow-y:hidden !important; } svg .n2 img { width:180px; margin:16px; } svg a.newsItem p { background:#222; color:#fff; font-family:'Open Sans', sans-serif; font-weight:300; } div.tube_bg { position:absolute; left:2000px; width:650px; } a.chatItem { position:relative; } a.chatItem span.viewBoard { background:#222; border:solid 1px #333; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; color:#fff; display:block; font-size:0.9em; text-align:center; position:absolute; left:auto; right:16px; top:8px; height:56px; width:70px; margin-left:32px; margin-top:0px; padding:0px; padding-top:4px; } a.chatItem span.viewBoard:hover { background:#333; } a.chatItem:hover span.viewBoard { } a.chessItem ~ .chessItem span.viewBoard { } a.chessItem:hover span.viewBoard { } body.slim.chess { overflow:hidden !important; } div#board { border:solid 1px #333; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; margin-top:16px; overflow:hidden; } div.chessMessage { } div.chessMessage h2 { color:#fff; text-indent:16px; } div.chessOptionsContainer { position:relative; top:16px; width:330px; } div.chessOptions { background:rgba(30, 30, 30, 1); border:solid 1px #333; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; color:#fff; cursor:pointer; text-align:center; position:absolute; right:8px; top:0px; height:60px; width:70px; z-index:500; } div.chessOptions:hover { background:#fff; color:#333; } div.chessOptions.chessViewboard { left:40px; right:auto; } div.chessOptions.chessViewboard div { position:relative; top:6px; } div.chessRestart { position:relative; top:0px; height:42px; padding-top:16px; } div.chessOptions.chessViewboard div.chessRestartCancel { position:relative; top:16px; } div.chessGameOver { background:rgba(30, 30, 30, 0.95); border:solid 1px #333; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; display:none; position:fixed; left:120px; top:200px; height:240px; width:360px; z-index:500; } div.chessGameOver h2 { color:#fff; text-align:center; } div.chessRestartGame { background:rgba(30, 30, 30, 0.95); border:solid 1px #333; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; display:none; position:fixed; left:120px; top:200px; height:240px; width:360px; z-index:500; } div.chessRestartGame p { color:#fff; text-align:center; margin-bottom:24px; margin-top:36px; } div.chessRestartGame h2 { color:#fff; text-align:center; } .highlight-white { -webkit-box-shadow:inset 0 0 8px 8px #ffffff; -moz-box-shadow:inset 0 0 8px 8px #ffffff; box-shadow:inset 0 0 8px 8px #ffffff; } .highlight-black { -webkit-box-shadow:inset 0 0 8px 8px #ffffff; -moz-box-shadow:inset 0 0 8px 8px #ffffff; box-shadow:inset 0 0 8px 8px #ffffff; } div.grid_bg { background:#222; border:solid 1px #333; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; } div.grid_img { -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -khtml-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; position:absolute; top:50%; overflow:hidden; z-index:5; } div.grid_img.discover { -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -khtml-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; position:absolute; top:-4px; width:100%; overflow:hidden; z-index:1; } div.grid_img img { position:relative; } div.play_count { background:rgba(30, 30, 30, 1); border:solid 1px #333; -moz-border-radius:0 10px 0 10px; -webkit-border-radius:0 10px 0 10px; -khtml-border-radius:0 10px 0 10px; border-radius:0 10px 0 10px; text-align:center; position:absolute; right:0px; top:0px; min-width:16px; padding:4px; padding-bottom:2px; } div a.newsItem { border:solid 3px #333; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; display:inline-block; text-decoration:none; position:relative; margin-bottom:4px; margin-right:8px; overflow:hidden; } div a.newsItem:hover { border:solid 6px rgba(255, 255, 255, 0.15); } div a.newsItem div.name { background:#222; font-family:'Open Sans', sans-serif; font-size:1.4em; font-weight:300; text-align:center; position:relative; top:-2px; height:100%; overflow:hidden; padding-left:6px; padding-right:6px; z-index:4; } div a.newsItem div.name.discover { background:rgba(30, 30, 30, 1); font-size:1.2em; position:absolute; left:0px; right:0px; top:176px; height:auto; } div a.newsItem.n888 div.name { font-size:1em; font-weight:300; top:0px !important; bottom:0px !important; height:100%; } div a.newsItem.n888:hover div.name { top:0px !important; bottom:0px !important; height:100%; } div a.newsItem.n888 div.name h1 { color:#fff; font-weight:300; text-align:center; } div a.newsItem.n888 div.name h2 { font-weight:300; } div a.newsItem:hover div.name.discover { top:auto !important; bottom:-2px; } div a.newsItem div.name.discover p { margin:0px; margin-bottom:8px; margin-top:4px; } div a.newsItem div.desc { display:none; text-align:center; position:absolute; top:-2px; height:42px; width:100%; z-index:6; } div a.newsItem div.desc h2 { background:rgba(30, 30, 30, 1); border:solid 2px #333; border-top:0; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; -khtml-border-radius:0 0 10px 10px; border-radius:0 0 10px 10px; display:inline-block; font-weight:300; margin:0px; margin-top:4px; padding-left:8px; padding-right:8px; } div a.newsItem:hover div.desc h2 { border:solid 2px rgba(255, 255, 255, 0.5); border-top:0; } div a.newsItem div.tbl { display:block; } div.sourceList { position:absolute; left:20px; top:100px; z-index:300; } div.sourceList a { display:block; text-align:center; text-decoration:none; margin-top:16px; } div.loadingGif { position:fixed; left:-80px; bottom:64px; height:100px; z-index:900; pointer-events:none; } div.loadingGif div { background:#000; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; height:200px; width:700px; } div.loadingGif div img { border:0; left:140px; top:0px; width:350px; } body.isMobile div.loadingGif { right:-150px; width:800px; } div#history_home { border-top:solid 2px #333; width:550px !important; margin-top:20px; } div#home_news { white-space:nowrap; } div#home_news a { display:block; height:80px !important; width:100% !important; white-space:initial; } div#home_news a div.name { clear:both; font-size:1.2em; font-weight:300; text-align:left; padding-left:126px; } div#home_news a div.name p { margin:0; } div#home_news a div.grid_img { top:0px; width:120px; } div#home_news a div.grid_img img { left:0px !important; height:80px !important; width:100% !important; } a.newsItem.n888 { background:transparent; border:0; display:block; height:56px !important; width:calc(100% - 24px) !important; } a.newsItem.n888:hover { border:0; } a.newsItem.n888 div.tbl { text-align:left; text-indent:6px; } a.newsItem.n888 h2 { display:inline-block; margin:0px; margin-right:6px; } a.newsItem.n888 p { font-size:0.8em; margin:0px; } a.newsItem.n888 div.name { background:transparent; padding-left:0px !important; } a.newsItem.n888 div.grid_img { display:none; } div#home_news a.n888 div.grid_img { display:none; } div#home_news a.n1 { position:absolute; top:80px; } div#home_news a.n2 { position:absolute; top:172px; } div#home_news a.n3 { position:absolute; top:264px; } div.loadingMain { background:url(../images/gradientBg_2.jpg); background-color:#3d485e; background-size:cover; background-repeat:no-repeat; background-attachment:fixed; position:fixed; left:0px; right:0px; top:0px; bottom:0px; z-index:999999; } div.loadingMain img { position:absolute; left:50%; top:200px; width:400px; margin-left:-200px; } div.left_side_bg_top { background:inherit; } div.left_side_bg { background:inherit; -moz-border-radius:35px; -webkit-border-radius:35px; -khtml-border-radius:35px; border-radius:35px; position:absolute; left:8px; top:76px; bottom:12px; width:78px; z-index:600; } div.left_side { background:rgba(225, 255, 255, 0.25); -moz-border-radius:35px; -webkit-border-radius:35px; -khtml-border-radius:35px; border-radius:35px; position:fixed; left:8px; top:76px; bottom:12px; width:78px; z-index:600; } div.mid_side { background:rgba(225, 255, 255, 0.25); -moz-border-radius:35px; -webkit-border-radius:35px; -khtml-border-radius:35px; border-radius:35px; display:none; position:fixed; left:8px; top:76px; bottom:12px; width:78px; z-index:600; } div.right_side { background:rgba(225, 255, 255, 0.25); -moz-border-radius:35px; -webkit-border-radius:35px; -khtml-border-radius:35px; border-radius:35px; display:none; position:fixed; left:8px; top:76px; bottom:12px; width:78px; z-index:600; } body.home div.mid_side { display:block; } body.stacks div.right_side { display:block; } div.hupla_name { cursor:pointer; position:absolute; left:120px; top:80px; height:64px; width:450px; padding-left:90px; z-index:700; } div.hupla_button { position:fixed; left:10px; top:80px; height:64px; width:70px; z-index:900; } div.hupla_button_image { border:solid 2px #333; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; cursor:pointer; float:left; position:relative; height:60px; width:70px; overflow:hidden; } div.hupla_button_image:hover { border:solid 2px rgba(255, 255, 255, 0.5); } div.hupla_button_image img { position:absolute; left:-15px; top:auto; width:100px; } div img.default_image { left:0px !important; top:-4px !important; width:70px !important; } div.search_buttons { display:none; position:fixed; left:436px; top:13px; width:200px; z-index:801; } div.search_buttons div.search_clear:hover h1 { color:#940c0c; font-weight:700; } div.search_buttons div.search_search:hover h1 { font-weight:700; } div.search_buttons div.search_clear { background:#fff; cursor:pointer; display:inline-block; position:relative; width:58px; padding-bottom:13px; padding-top:13px; } div.search_buttons div.search_clear h1 { width:58px; } div.search_buttons div.search_search { background:#253e5C; border:solid #222 2px; -moz-border-radius:0 35px 35px 0; -webkit-border-radius:0 35px 35px 0; -khtml-border-radius:0 35px 35px 0; border-radius:0 35px 35px 0; cursor:pointer; display:inline-block; position:relative; width:90px; margin-right:-4px; padding-bottom:13px; padding-top:13px; } div.search_buttons div.search_search h1 { color:#fff; } div.search_buttons h1 { background:transparent; border:0; border-bottom:0; color:#222; font-family:'Open Sans', sans-serif; font-size:0.9em; font-weight:300; text-align:center; position:relative; width:80px; margin:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; margin-top:0px; padding:0px; } svg.deck_sub_menu { position:fixed; left:250px; top:12px; } div.mpVBg { opacity:0; position:fixed; left:0px; right:0px; top:0px; bottom:0px; z-index:182; -webkit-transition:opacity 0.4s linear; -moz-transition:opacity 0.4s linear; -o-transition:opacity 0.4s linear; transition:opacity 0.4s linear; transition-delay:0.3s; } div.mpVBg.paused { background:url(../images/gradientBg_2.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; background-attachment:fixed; opacity:1; -webkit-transition:opacity 0s linear; -moz-transition:opacity 0s linear; -o-transition:opacity 0s linear; transition:opacity 0s linear; transition-delay:0s; } div.mpVBg img { height:100%; width:100%; } div.mpVBg_playBg { cursor:pointer; position:fixed; left:0px; right:0px; top:0px; bottom:0px; z-index:183; } div.mpVBg_play { -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; cursor:pointer; position:fixed; left:10px; bottom:16px; height:60px; width:70px; z-index:1745; } body.fat div.mpVBg_play { left:-2px; bottom:8px; } div.mpVBg_play.paused { display:block; } div.mpVBg_play img { position:relative; left:8px; top:0px; width:60px; } div.mpVBg_play img.play_button { display:none; } div.mpVBg_play.paused img.play_button { display:block; } div.mpVBg_play.paused img.pause_button { display:none; } body.fat:hover div.mpVBg_play { display:block; } div.layout_controls { display:none; width:550px; margin-left:116px; margin-top:124px; z-index:650; } div#manager { position:relative !important; left:0; top:0; height:380px; width:480px; } div.apps { background:rgba(30, 30, 30, 1); border:solid #333 2px; } body.home div.layout_controls { display:block; } :fullscreen iframe#mvP1 { display:block; position:fixed; left:auto; right:auto; top:auto; bottom:auto; height:100%; width:100%; z-index:1720; } :fullscreen div.tube_timer { display:block; z-index:1730; } :-webkit-full-screen iframe#mvP1 { display:block; position:fixed; left:auto; right:auto; top:auto; bottom:auto; height:100%; width:100%; z-index:1720; } :-webkit-full-screen div.tube_timer { z-index:1730; } :fullscreen div.mpVBg { z-index:1721; } :-webkit-full-screen div.mpVBg { z-index:1721; } :fullscreen div.mpVBg_playBg { z-index:1722; } :-webkit-full-screen div.mpVBg_playBg { z-index:1722; } :fullscreen body { } :-webkit-full-screen body { } body.fat.music { overflow:hidden !important; } body.no_controls div.mpVBg_play { display:none; visibility:hidden; } body.no_controls iframe#mP1 { display:none; visibility:hidden; } body.no_controls div.mpBg { display:none; visibility:hidden; } body.no_controls div.tube_menu { display:none; visibility:hidden; } body.no_controls div.tube_timer { display:none; visibility:hidden; } body.no_controls:hover div.mpVBg_play { display:block; visibility:visible; } body.no_controls:hover iframe#mP1 { display:block; visibility:visible; } body.no_controls:hover div.mpBg { display:block; visibility:visible; } body.no_controls:hover div.tube_menu { display:block; visibility:visible; } body.no_controls:hover div.tube_timer { display:block; visibility:visible; } body.music.timer div.tube_timer { background-color:#000; left:0px !important; top:0px; height:100% !important; width:100% !important; z-index:5000; } body.music.timer div.tube_timer svg { height:100%; width:100%; } @font-face { font-family: musicControls; src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,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FjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype"); font-weight: normal; font-style: normal; } div#bg, div.mpVBg.paused { background: none; } div.mpVBg img { display: none; } iframe#mP1 { border: solid 1px #222; } div#mvP1_container { display: block; bottom: auto; top: 10px; z-index: 900; left: auto; right: 14px; height: 148px; width: 200px; border-radius: 16px 0px 0px 10px; margin-left: 4px; position: fixed; overflow:hidden; border-right: solid 1px #222; } iframe#mvP1 { display: block; bottom: auto; top: 0px; left: auto; right: auto; height: 100%; width: 100%; position: absolute; border-radius: 16px 0px 0px 10px; z-index: 600; } div.tubeVideo iframe { pointer-events: initial; } div.tubeVideo.slim { width: 100%; height: 100%; } div.tubeVideo { width: 200px; height: 250px; } div.tube_item { background-color: rgba(30, 30, 30, 1); border: solid 1px #222 } div.tube.name { font-size: 0.9em; color: #fff; text-align: left; } div.tube.desc { font-size: 0.9em; color: #fff; text-align: left; overflow: hidden; } div.tube_menu h1 { height: 110px; margin-left: 200px; cursor: pointer; } div.tube_menu { top: 8px; right: 14px; border-radius: 16px 16px 10px 10px; background-color: rgba(30, 30, 30, 1); border: solid 1px #222; } div#tube { top: -50px; } div.tubeVideo { border: 0; border-radius: 16px; border-left: solid 1px #333; } div.tube_menu h1 span { position: relative; right: auto; top: auto; } div a.newsItem div.name { top: 2px; left: 132px; position: absolute; border: solid 1px #222; background-color: #222; height: 78px !important; } div.nowPlaying img { position: absolute; left: 2px; top: 2px; border-radius: 20px 0px 0px 20px; border-left: solid 2px #222; border-right: solid 2px #222; } div a.newsItem div.tbl { display: table-cell; height: 50px; padding-top: 4px; } div a.newsItem div.tbl p { display: table-cell; vertical-align: middle; font-size: 16px; text-align: left } div a.newsItem div.name.discover { top: auto !important; bottom: -2px; height: auto !important; } div.grid_img { text-align: center; } div.grid_img img { width: 236px !important; left: auto !important; top: -20px !important; margin: 0 auto; } div.loadingMain { background: none; background-color: rgba(30, 30, 30, 0.95); } input.search, div.search_buttons { position: absolute; } ul.searchRes { left: 10px; } body.decks h1 { font-size: 1.3em; width: calc(100% - 32px); text-align:center; } svg.deck_sub_menu { display: none !important; } div a.newsItem { border-width: 1px; box-sizing: border-box; border: solid 1px #222; border-radius: 20px; } div a.newsItem:hover { border-width: 2px; } div.mpBg { background-color: rgba(30, 30, 30, 1); border: 0; background: rgba(0, 0, 0, 0.5); -moz-border-radius: 10px 10px 35px 35px; -webkit-border-radius: 10px 10px 35px 35px; -khtml-border-radius: 10px 10px 35px 35px; border-radius: 8px; position: fixed; left: 2000px; bottom: 202px; height: 35px; width: 520px; z-index: 250; margin-left: 14px; } div.search_buttons { left: 440px; } div.search_buttons h1 { color: #fff; } input.search.low { border: solid 1px #222; border-left: 0; border-right: 0; } div.search_buttons div.search_clear { background-color: inherit; } div.search_buttons div.search_search { border-radius: 0 16px 16px 0; padding-bottom: 14px; padding-top: 14px; background-color: #253e5ca5; border: solid 1px #222; } input.search { border: 0; border-bottom: solid 1px #222; border-top: solid 1px #222; background-color: #000; color: #fff; font-size: 1.6em; border-radius: 16px 16px; } :fullscreen html { overflow: hidden; } :fullscreen body { overflow: hidden; } :fullscreen iframe#mvP1 { top: 0px; left: 0px !important; right: 0px; height: 100%; width: 100%; } div.tubeVideo.fullScreen { height: 100%; width: 100%; } body.slim.chat div.tubeContainer.slim { margin-bottom: 200px; overflow: visible; } body.hosted.listening div#mvP1_container { width: 100% !important; overflow: hidden !important; left: -10px !important; top: -10px; height: 100% !important; border: 0 !important; } div#mvP1_container.tvMode { width: 100% !important; margin-left: 0px !important; height: 100% !important; border-radius: 16px !important; border: solid 1px #222 !important; top: 0px !important; left: 0px !important; } div.message-display { background: #fff; border-radius: 15px; position: fixed; bottom: 16px; left: 16px; border: solid 1px #222; font-size: 36px; padding: 10px; z-index: 9999999999; } div.warning { background: #fff; border-radius: 15px; position: fixed; bottom: 100px; left: 116px; width: 500px; border: solid 1px #222; font-size: 36px; padding: 10px; z-index: 9999999999; text-align: center; } div.warning span { display: block; font-size: 16px; margin: 16px; } div.warning div { width: 100px; height: 50px; border-radius: 16px; display: inline-block; cursor: pointer; } div.warning div:hover { background: #253e5c; color: #fff; } body.listening { }