body,html{margin:0;padding:0}html{height:100%}body{position:relative;min-height:100%;width:95%;margin:0 auto;font:108% "Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background-image:url(images/bg.jpg);color:#333}div#center{padding-bottom:100px}div#footer{position:absolute;width:100%;left:0;bottom:20px;font-size:.8em;text-align:center;color:#888}div#footer p{margin:0}div#footer a{color:#888}p#user-sign-in{margin:0;padding:10px 0 10px;text-align:right}div#header{position:relative;padding-bottom:25px;background:url(images/hr.png) no-repeat 50% 100%}a#logo{font-family:"Comic Sans MS",cursive,sans-serif;font-size:32px;line-height:45px;font-weight:500;color:#a5c100;text-shadow:1px 1px 0 #6d8901}ul#main-menu{text-align:right}ul#main-menu li{display:inline-block;margin-left:5px;margin-right:5px}ul#main-menu li a{display:inline-block;line-height:45px;height:45px}h2#video-title.hide,table#related-lists.hide,ul#prev-next-video.hide{display:none}a#show-hide-prev-next-video,a#show-hide-related-lists{display:block;line-height:50px;border-bottom:1px solid #669b02}a#show-hide-alternative-titles,a#show-hide-prev-next-video,a#show-hide-related-lists{padding-left:13px;background-repeat:no-repeat;background-position:0 50%}a#show-hide-alternative-titles.plus,a#show-hide-prev-next-video.plus,a#show-hide-related-lists.plus{background-image:url(images/plus.png)}a#show-hide-alternative-titles.minus,a#show-hide-prev-next-video.minus,a#show-hide-related-lists.minus{background-image:url(images/minus.png)}ul#prev-next-video{position:relative;margin:1em 0}ul#prev-next-video li{display:inline-block}ul#prev-next-video li a,ul#prev-next-video li em{display:inline-block;padding:14px 24px}ul#prev-next-video li a{padding-right:50px;background:#efefef url(images/next.png) no-repeat 100% 50%;border-bottom:2px solid #bbb;border-right:1px solid #bbb;font:1.14em "Trebuchet MS",sans-serif;color:#666;text-shadow:1px 1px 1px #fff}ul#prev-next-video li:first-child a{padding-right:24px;padding-left:52px;background:#efefef url(images/prev.png) no-repeat 22px 50%}ul#prev-next-video li a:hover{text-shadow:1px 1px 0 #fff;background-color:#eaffc4}ul#prev-next-video li em{color:#888}table#related-lists{margin:.4em 0}table#related-lists td{padding-right:10px}table#related-lists td.action{padding-right:0;min-width:110px}table#related-lists a{display:inline-block;padding:10px 10px 10px 26px;background:url(images/play-in-list.png) no-repeat 7px 15px}div#video-related-elements p.host{font-size:.8em}div#video-related-elements p.host [name=Afreeca]{padding-left:16px;background:url(images/AfreecaTV.png) no-repeat 0 2px}div#video-related-elements p.host [name=Youtube]{padding-left:23px;background:url(images/Youtube.png) no-repeat 0 2px}input[type=text],textarea{max-width:100%;background-color:#fff;color:#000;border:1px solid #ccc;padding:4px 6px;box-shadow:0 1px 1px rgba(0,0,0,.075) inset;transition:border .2s linear 0s,box-shadow .2s linear 0s;border-radius:3px}input[type=text]:focus,textarea:focus{border-color:rgba(165,193,0,.8);box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(165,193,0,.6)}input[type=text].invalid,input[type=text].invalid:focus,textarea.invalid,textarea.invalid:focus{border-color:#dc143c;box-shadow:0 1px 1px rgba(0,0,0,.075) inset,0 0 8px rgba(220,20,60,.6)}input[type=submit]{display:inline-block;padding:.4em 1.2em;border:none;border-bottom:2px solid #bbb;border-right:1px solid #bbb;font:1.14em "Trebuchet MS",sans-serif;background-color:#efefef;color:#666;text-shadow:1px 1px 1px #fff;border-radius:10px;text-transform:uppercase;cursor:pointer}input[type=submit]:hover{text-shadow:1px 1px 0 #fff;background-color:#eaffc4}form{margin:1em 0}button,input,select,textarea{font:1em "Helvetica Neue",Helvetica,Helvetica,Arial,sans-serif;vertical-align:top;margin:3px 5px 0 0}form p{margin:.5em 0}form p.input{margin-bottom:1em}form p.submit{margin:1em 0}form em{font-size:.8em}form em.desc{font-size:.75em;color:#888}div#alternative-titles.hide{display:none}div#alternative-titles label{display:inline-block;vertical-align:top;margin-top:5px;font-size:.9em}div#alternative-titles+p{margin-top:1em}.list{overflow:auto}.list table{text-align:left;border-collapse:separate;border-spacing:0;border:2px solid #a5c100;width:750px;margin:0 auto;border-radius:.25rem}.list table thead tr:first-child{background:#a5c100;color:#fff;border:none}.list table td,.list table th{padding:9px 5px}.list table td:first-child,.list table th:first-child{padding-left:20px;padding-right:15px}.list table th{font-weight:500}.list table thead tr:last-child th{border-bottom:3px solid #ddd}.list table tbody tr:hover{background-color:#f2f2f2}.list table tbody tr:last-child td{border:none}.list table tbody td{border-bottom:1px solid #ddd}.list table td:last-child{text-align:right;padding-right:10px}.list table a.delete-button,.list table a.edit-button{display:inline-block;width:24px;height:24px;vertical-align:text-bottom;background-repeat:no-repeat;color:#aaa}.list table a.delete-button:hover,.list table a.edit-button:hover{background-position:-24px 0}.list table a.edit-button{background-image:url(images/edit.png)}.list table a.delete-button{background-image:url(images/delete.png);margin-left:8px}.list table tbody td.empty{text-align:left}.list table tbody td.empty em{font-size:1em}p.add-action{text-align:right}a.add-button{display:inline-block;line-height:24px;padding-left:28px;background:url(images/add.png) no-repeat;color:#aaa}a.add-button:hover{background-position:0 -24px;color:#0a79df;text-decoration:none}div#preferences{position:absolute;right:0;top:100%;z-index:2;margin-top:-25px;width:92%;padding:10px 4%;background-image:url(images/bg.jpg);box-shadow:0 0 5px rgba(0,0,0,.2);border-radius:.25em .25em .4em .4em;transition:opacity .4s,visibility .4s}div#preferences.hide{opacity:0;visibility:hidden}div#preferences table,div#preferences table td,div#preferences table th{border:0}div#preferences table{width:100%}div#preferences table th{text-align:left}div#preferences table td{text-align:right}div#preferences input[type=radio]{vertical-align:baseline;margin:0 3px 0 8px}form#play-video-form label{color:#888}form#play-video-form input[type=text]::placeholder{color:#aaa}form#play-video-form input[type=text]{width:470px;padding:0 12px;line-height:40px;margin-bottom:8px}form#play-video-form input[type=submit]{padding:0 24px 0 52px;line-height:40px;background-image:url(images/play.png);background-repeat:no-repeat;background-position:24px 50%}form#contact-form input[type=text]{width:300px}div.validation-errors,p#ajax-error,p.success-message{padding:10px 0 10px 40px;background-repeat:no-repeat;background-position:0 50%}div.validation-errors,p#ajax-error{background-image:url(images/validation-errors.png);color:#c00}div.validation-errors p{margin-top:0}div.validation-errors ul{margin-bottom:0}p.success-message{background-image:url(images/success-message.png);color:#a5c100;margin-top:0;margin-bottom:0}p#ajax-error.hide{display:none}a{color:#669b02;text-decoration:none}a:active,input[type=submit]:active{position:relative;top:1px}a img{border:none}ul.nav,ul.nav li{padding:0;margin:0}ul.nav li{list-style-type:none}ul.nav a{text-decoration:none}table{border-collapse:collapse;margin:1em 0}h2{font-size:1.5em;margin:1.3em 0}h3{font-size:1.35em;margin:1.15em 0}h4{font-size:1.1em;margin:1.05em 0}hr{width:100%;height:26px;margin:31px 0;border:none;background-image:url(images/hr.png);background-repeat:no-repeat;background-position:50% 50%}@media (min-width:850px){body{width:850px}a#logo:hover{text-decoration:none}ul#main-menu{position:absolute;top:0;right:0;width:650px}ul#main-menu li a{border-bottom:1px solid transparent}ul#main-menu li a:hover{border-bottom:1px solid #669b02}div#video-related-elements{width:640px;margin:0 auto}ul#prev-next-video li:last-child{position:absolute;right:0;top:0}div#alternative-titles label{font-size:1em}div#alternative-titles input[type=text],form#video-list-form input[name=title]{width:600px}.list table{width:100%}div#preferences{width:52%;padding:10px 4%}form#play-video-form{display:table;margin:0 auto}form#play-video-form input[type=text]{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0;margin-bottom:0}form#play-video-form input[type=submit]{border-top-left-radius:0;border-bottom-left-radius:0}a:hover{text-decoration:underline}}#video-container{position:relative;width:100%;margin:1.2em auto;text-align:center}@media (min-width:640px){#video-container{width:640px}}#video{vertical-align:bottom;width:100%;height:auto}@media (min-width:640px){#video{width:640px;height:360px}}#video-container.fullscreen #video{height:100%;width:auto;max-width:100%}@media (orientation:portrait){#video-container.fullscreen #video{width:100%;height:auto;max-height:100%;vertical-align:middle}}#video-controls{position:absolute;bottom:0;left:0;width:100%;height:40px;line-height:40px;opacity:1;transition:opacity .4s;background-color:rgba(0,0,0,.7);color:#fff;text-align:right;cursor:default}#video-controls.hide{opacity:0}#video-controls.hide:hover{opacity:1}#video-controls.disabled{display:none}#video-controls span{display:inline-block;height:40px;vertical-align:bottom}#video-controls span[role=button]{width:30px;background:no-repeat 0 10px}#video-controls span[role=button]:hover{background-position:-30px 10px}#video-controls #play-button{position:absolute;left:10px;top:0;background-image:url(images/video/pause.png)}#video-controls #play-button.paused{background-image:url(images/video/play.png)}#video-controls #fullscreen-button{margin-right:10px;background-image:url(images/video/fullscreen.png)}#video-container.fullscreen #fullscreen-button{background-image:url(images/video/fullscreen-quit.png)}#video-controls #mute-button{margin-right:6px;background-image:url(images/video/mute.png)}#video-controls #mute-button.muted{background-image:url(images/video/unmute.png)}#video-controls #reload-button{margin-right:6px;background-image:url(images/video/reload.png)}#video-controls #timer-full{padding-right:8px;background:url(images/video/timer-sep.png) no-repeat right center;color:#929292}#video-controls #timer-full.hide{display:none}#video-controls #timer-current{margin:0 6px 0 7px}#video-controls #seek-button{margin-right:6px;background-image:url(images/video/seek.png)}#video-controls #seeker-placeholder{position:relative;top:-45px}#video-controls #seeking-form{position:absolute;right:0;bottom:0;display:block;width:150px;margin:0 -95px 0 0;padding:5px 0;line-height:normal;text-align:center;background-color:rgba(245,245,245,.7);border:1px solid rgba(0,0,0,.2);border-radius:.3rem;opacity:1;transition:opacity .4s}#video-controls #seeking-form.hide{opacity:0}#video-controls #seeking-form button,#video-controls #seeking-form input{display:inline-block;vertical-align:bottom;line-height:2rem;margin:0;border-radius:3px}#video-controls #seeking-form input{width:84px;padding:0 3px;margin-right:2px}#video-controls #seeking-form input.invalid{border-color:red}#video-controls #seeking-form button{width:46px;padding:0;border:1px solid #efefef;background-color:#efefef;color:#666;text-shadow:1px 1px 1px #fff}#video-controls #seeking-form button:hover{text-shadow:1px 1px 0 #fff;background-color:#eaffc4}#video-controls #play-on-platform-button{margin-right:6px;background-image:url(images/video/link.png)}#spinner{position:absolute;top:50%;left:50%;width:42px;height:42px;margin-left:-21px;margin-top:-21px;border:8px solid #ddd;border-top-color:#48a0f7;border-radius:50%;animation:loading-spinner 1s ease infinite;color:#fff;opacity:.5;transition:opacity .5s}#spinner.hide{opacity:0}@keyframes loading-spinner{to{transform:rotate(1turn)}}#timer{position:absolute;right:-70px;top:100px;text-align:left}.sr-only{display:none}