/*! commons-myspace - v2.0.3 - 2021-10-06 */
/* surrounding tag container */
.tag-editor {
    list-style-type: none; padding: 0 5px 0 0; margin: 0; overflow: hidden; border: 1px solid #eee; cursor: text;
    font: normal 14px sans-serif; color: #555; background: #fff; line-height: 20px;
}

/* core styles usually need no change */
.tag-editor li { display: block; float: left; overflow: hidden; margin: 3px 0; }
.tag-editor div { float: left; padding: 0 4px; }
.tag-editor .placeholder { padding: 0 8px; color: #bbb; }
.tag-editor .tag-editor-spacer { padding: 0; width: 8px; overflow: hidden; color: transparent; background: none; }
.tag-editor input {
    vertical-align: inherit; border: 0; outline: none; padding: 0; margin: 0; cursor: text;
    font-family: inherit; font-weight: inherit; font-size: inherit; font-style: inherit;
    box-shadow: none; background: none; color: #444;
}
/* hide original input field or textarea visually to allow tab navigation */
.tag-editor-hidden-src { position: absolute !important; left: -99999px; }
/* hide IE10 "clear field" X */
.tag-editor ::-ms-clear { display: none; }

/* tag style */
.tag-editor .tag-editor-tag {
    padding-left: 5px; color: #46799b; background: #e0eaf1; white-space: nowrap;
    overflow: hidden; cursor: pointer; border-radius: 2px 0 0 2px;
}

/* delete icon */
.tag-editor .tag-editor-delete { background: #e0eaf1; cursor: pointer; border-radius: 0 2px 2px 0; padding-left: 3px; padding-right: 4px; }
.tag-editor .tag-editor-delete i { line-height: 18px; display: inline-block; }
.tag-editor .tag-editor-delete i:before { font-size: 16px; color: #8ba7ba; content: "×"; font-style: normal; }
.tag-editor .tag-editor-delete:hover i:before { color: #d65454; }
.tag-editor .tag-editor-tag.active+.tag-editor-delete, .tag-editor .tag-editor-tag.active+.tag-editor-delete i { visibility: hidden; cursor: text; }

.tag-editor .tag-editor-tag.active { background: none !important; }

/* jQuery UI autocomplete - code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css */
.ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; font-size: 14px; }
.ui-front { z-index: 9999; }
.ui-menu { list-style: none; padding: 1px; margin: 0; display: block; outline: none; }
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px .4em; line-height: 1.4; min-height: 0; /* support: IE7 */ }
.ui-widget-content { border: 1px solid #bbb; background: #fff; color: #555; }
.ui-widget-content a { color: #46799b; }
.ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background: #e0eaf1; }
.ui-helper-hidden-accessible { display: none; }

/*
 * Note that this is toastr v2.1.3, the "latest" version in url has no more maintenance,
 * please go to https://cdnjs.com/libraries/toastr.js and pick a certain version you want to use,
 * make sure you copy the url from the website since the url may change between versions.
 * */
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51A351}.toast-error{background-color:#BD362F}.toast-info{background-color:#2F96B4}.toast-warning{background-color:#F89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}

/*!
 * jquery-confirm v3.3.2 (http://craftpip.github.io/jquery-confirm/)
 * Author: boniface pereira
 * Website: www.craftpip.com
 * Contact: hey@craftpip.com
 *
 * Copyright 2013-2017 jquery-confirm
 * Licensed under MIT (https://github.com/craftpip/jquery-confirm/blob/master/LICENSE)
 */@-webkit-keyframes jconfirm-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes jconfirm-spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}body[class*=jconfirm-no-scroll-]{overflow:hidden!important}.jconfirm{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999999;font-family:inherit;overflow:hidden}.jconfirm .jconfirm-bg{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-transition:opacity .4s;transition:opacity .4s}.jconfirm .jconfirm-bg.jconfirm-bg-h{opacity:0!important}.jconfirm .jconfirm-scrollpane{-webkit-perspective:500px;perspective:500px;-webkit-perspective-origin:center;perspective-origin:center;display:table;width:100%;height:100%}.jconfirm .jconfirm-row{display:table-row;width:100%}.jconfirm .jconfirm-cell{display:table-cell;vertical-align:middle}.jconfirm .jconfirm-holder{max-height:100%;padding:50px 0}.jconfirm .jconfirm-box-container{-webkit-transition:-webkit-transform;transition:-webkit-transform;transition:transform;transition:transform,-webkit-transform}.jconfirm .jconfirm-box-container.jconfirm-no-transition{-webkit-transition:none!important;transition:none!important}.jconfirm .jconfirm-box{background:white;border-radius:4px;position:relative;outline:0;padding:15px 15px 0;overflow:hidden;margin-left:auto;margin-right:auto}@-webkit-keyframes type-blue{1%,100%{border-color:#3498db}50%{border-color:#5faee3}}@keyframes type-blue{1%,100%{border-color:#3498db}50%{border-color:#5faee3}}@-webkit-keyframes type-green{1%,100%{border-color:#2ecc71}50%{border-color:#54d98c}}@keyframes type-green{1%,100%{border-color:#2ecc71}50%{border-color:#54d98c}}@-webkit-keyframes type-red{1%,100%{border-color:#e74c3c}50%{border-color:#ed7669}}@keyframes type-red{1%,100%{border-color:#e74c3c}50%{border-color:#ed7669}}@-webkit-keyframes type-orange{1%,100%{border-color:#f1c40f}50%{border-color:#f4d03f}}@keyframes type-orange{1%,100%{border-color:#f1c40f}50%{border-color:#f4d03f}}@-webkit-keyframes type-purple{1%,100%{border-color:#9b59b6}50%{border-color:#b07cc6}}@keyframes type-purple{1%,100%{border-color:#9b59b6}50%{border-color:#b07cc6}}@-webkit-keyframes type-dark{1%,100%{border-color:#34495e}50%{border-color:#46627f}}@keyframes type-dark{1%,100%{border-color:#34495e}50%{border-color:#46627f}}.jconfirm .jconfirm-box.jconfirm-type-animated{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.jconfirm .jconfirm-box.jconfirm-type-blue{border-top:solid 7px #3498db;-webkit-animation-name:type-blue;animation-name:type-blue}.jconfirm .jconfirm-box.jconfirm-type-green{border-top:solid 7px #2ecc71;-webkit-animation-name:type-green;animation-name:type-green}.jconfirm .jconfirm-box.jconfirm-type-red{border-top:solid 7px #e74c3c;-webkit-animation-name:type-red;animation-name:type-red}.jconfirm .jconfirm-box.jconfirm-type-orange{border-top:solid 7px #f1c40f;-webkit-animation-name:type-orange;animation-name:type-orange}.jconfirm .jconfirm-box.jconfirm-type-purple{border-top:solid 7px #9b59b6;-webkit-animation-name:type-purple;animation-name:type-purple}.jconfirm .jconfirm-box.jconfirm-type-dark{border-top:solid 7px #34495e;-webkit-animation-name:type-dark;animation-name:type-dark}.jconfirm .jconfirm-box.loading{height:120px}.jconfirm .jconfirm-box.loading:before{content:'';position:absolute;left:0;background:white;right:0;top:0;bottom:0;border-radius:10px;z-index:1}.jconfirm .jconfirm-box.loading:after{opacity:.6;content:'';height:30px;width:30px;border:solid 3px transparent;position:absolute;left:50%;margin-left:-15px;border-radius:50%;-webkit-animation:jconfirm-spin 1s infinite linear;animation:jconfirm-spin 1s infinite linear;border-bottom-color:dodgerblue;top:50%;margin-top:-15px;z-index:2}.jconfirm .jconfirm-box div.jconfirm-closeIcon{height:20px;width:20px;position:absolute;top:10px;right:10px;cursor:pointer;opacity:.6;text-align:center;font-size:27px!important;line-height:14px!important;display:none;z-index:1}.jconfirm .jconfirm-box div.jconfirm-closeIcon:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-closeIcon .fa{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon .glyphicon{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon .zmdi{font-size:16px}.jconfirm .jconfirm-box div.jconfirm-closeIcon:hover{opacity:1}.jconfirm .jconfirm-box div.jconfirm-title-c{display:block;font-size:22px;line-height:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;padding-bottom:15px}.jconfirm .jconfirm-box div.jconfirm-title-c.jconfirm-hand{cursor:move}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{font-size:inherit;display:inline-block;vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c i{vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:inherit;font-family:inherit;display:inline-block;vertical-align:middle}.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title:empty{display:none}.jconfirm .jconfirm-box div.jconfirm-content-pane{margin-bottom:15px;height:auto;-webkit-transition:height .4s ease-in;transition:height .4s ease-in;display:inline-block;width:100%;position:relative;overflow-x:hidden;overflow-y:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll{overflow-y:hidden}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar{width:3px}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-track{background:rgba(0,0,0,0.1)}.jconfirm .jconfirm-box div.jconfirm-content-pane::-webkit-scrollbar-thumb{background:#666;border-radius:3px}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content{overflow:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content img{max-width:100%;height:auto}.jconfirm .jconfirm-box div.jconfirm-content-pane .jconfirm-content:empty{display:none}.jconfirm .jconfirm-box .jconfirm-buttons{padding-bottom:11px}.jconfirm .jconfirm-box .jconfirm-buttons>button{margin-bottom:4px;margin-left:2px;margin-right:2px}.jconfirm .jconfirm-box .jconfirm-buttons button{display:inline-block;padding:6px 12px;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:4px;min-height:1em;-webkit-transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,background .1s ease,-webkit-box-shadow .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease;transition:opacity .1s ease,background-color .1s ease,color .1s ease,box-shadow .1s ease,background .1s ease,-webkit-box-shadow .1s ease;-webkit-tap-highlight-color:transparent;border:0;background-image:none}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue{background-color:#3498db;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue:hover{background-color:#2980b9;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green{background-color:#2ecc71;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-green:hover{background-color:#27ae60;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red{background-color:#e74c3c;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-red:hover{background-color:#c0392b;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange{background-color:#f1c40f;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-orange:hover{background-color:#f39c12;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default{background-color:#ecf0f1;color:#000;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-default:hover{background-color:#bdc3c7;color:#000}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple{background-color:#9b59b6;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-purple:hover{background-color:#8e44ad;color:#FFF}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark{background-color:#34495e;color:#FFF;text-shadow:none;-webkit-transition:background .2s;transition:background .2s}.jconfirm .jconfirm-box .jconfirm-buttons button.btn-dark:hover{background-color:#2c3e50;color:#FFF}.jconfirm .jconfirm-box.jconfirm-type-red .jconfirm-title-c .jconfirm-icon-c{color:#e74c3c!important}.jconfirm .jconfirm-box.jconfirm-type-blue .jconfirm-title-c .jconfirm-icon-c{color:#3498db!important}.jconfirm .jconfirm-box.jconfirm-type-green .jconfirm-title-c .jconfirm-icon-c{color:#2ecc71!important}.jconfirm .jconfirm-box.jconfirm-type-purple .jconfirm-title-c .jconfirm-icon-c{color:#9b59b6!important}.jconfirm .jconfirm-box.jconfirm-type-orange .jconfirm-title-c .jconfirm-icon-c{color:#f1c40f!important}.jconfirm .jconfirm-box.jconfirm-type-dark .jconfirm-title-c .jconfirm-icon-c{color:#34495e!important}.jconfirm .jconfirm-clear{clear:both}.jconfirm.jconfirm-rtl{direction:rtl}.jconfirm.jconfirm-rtl div.jconfirm-closeIcon{left:5px;right:auto}.jconfirm.jconfirm-white .jconfirm-bg,.jconfirm.jconfirm-light .jconfirm-bg{background-color:#444;opacity:.2}.jconfirm.jconfirm-white .jconfirm-box,.jconfirm.jconfirm-light .jconfirm-box{-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);box-shadow:0 2px 6px rgba(0,0,0,0.2);border-radius:5px}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons{float:right}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button{text-transform:uppercase;font-size:14px;font-weight:bold;text-shadow:none}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default{-webkit-box-shadow:none;box-shadow:none;color:#333}.jconfirm.jconfirm-white .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button.btn-default:hover{background:#ddd}.jconfirm.jconfirm-white.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-light.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-black .jconfirm-bg,.jconfirm.jconfirm-dark .jconfirm-bg{background-color:darkslategray;opacity:.4}.jconfirm.jconfirm-black .jconfirm-box,.jconfirm.jconfirm-dark .jconfirm-box{-webkit-box-shadow:0 2px 6px rgba(0,0,0,0.2);box-shadow:0 2px 6px rgba(0,0,0,0.2);background:#444;border-radius:5px;color:white}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons{float:right}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button{border:0;background-image:none;text-transform:uppercase;font-size:14px;font-weight:bold;text-shadow:none;-webkit-transition:background .1s;transition:background .1s;color:white}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default{-webkit-box-shadow:none;box-shadow:none;color:#fff;background:0}.jconfirm.jconfirm-black .jconfirm-box .jconfirm-buttons button.btn-default:hover,.jconfirm.jconfirm-dark .jconfirm-box .jconfirm-buttons button.btn-default:hover{background:#666}.jconfirm.jconfirm-black.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c,.jconfirm.jconfirm-dark.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm .jconfirm-box.hilight.jconfirm-hilight-shake{-webkit-animation:shake .82s cubic-bezier(0.36,0.07,0.19,0.97) both;animation:shake .82s cubic-bezier(0.36,0.07,0.19,0.97) both;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.jconfirm .jconfirm-box.hilight.jconfirm-hilight-glow{-webkit-animation:glow .82s cubic-bezier(0.36,0.07,0.19,0.97) both;animation:glow .82s cubic-bezier(0.36,0.07,0.19,0.97) both;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}20%,80%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}40%,60%{-webkit-transform:translate3d(8px,0,0);transform:translate3d(8px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-2px,0,0);transform:translate3d(-2px,0,0)}20%,80%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-8px,0,0);transform:translate3d(-8px,0,0)}40%,60%{-webkit-transform:translate3d(8px,0,0);transform:translate3d(8px,0,0)}}@-webkit-keyframes glow{0%,100%{-webkit-box-shadow:0 0 0 red;box-shadow:0 0 0 red}50%{-webkit-box-shadow:0 0 30px red;box-shadow:0 0 30px red}}@keyframes glow{0%,100%{-webkit-box-shadow:0 0 0 red;box-shadow:0 0 0 red}50%{-webkit-box-shadow:0 0 30px red;box-shadow:0 0 30px red}}.jconfirm{-webkit-perspective:400px;perspective:400px}.jconfirm .jconfirm-box{opacity:1;-webkit-transition-property:all;transition-property:all}.jconfirm .jconfirm-box.jconfirm-animation-top,.jconfirm .jconfirm-box.jconfirm-animation-left,.jconfirm .jconfirm-box.jconfirm-animation-right,.jconfirm .jconfirm-box.jconfirm-animation-bottom,.jconfirm .jconfirm-box.jconfirm-animation-opacity,.jconfirm .jconfirm-box.jconfirm-animation-zoom,.jconfirm .jconfirm-box.jconfirm-animation-scale,.jconfirm .jconfirm-box.jconfirm-animation-none,.jconfirm .jconfirm-box.jconfirm-animation-rotate,.jconfirm .jconfirm-box.jconfirm-animation-rotatex,.jconfirm .jconfirm-box.jconfirm-animation-rotatey,.jconfirm .jconfirm-box.jconfirm-animation-scaley,.jconfirm .jconfirm-box.jconfirm-animation-scalex{opacity:0}.jconfirm .jconfirm-box.jconfirm-animation-rotate{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.jconfirm .jconfirm-box.jconfirm-animation-rotatex{-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotatexr{-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotatey{-webkit-transform:rotatey(90deg);transform:rotatey(90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-rotateyr{-webkit-transform:rotatey(-90deg);transform:rotatey(-90deg);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-scaley{-webkit-transform:scaley(1.5);transform:scaley(1.5);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-scalex{-webkit-transform:scalex(1.5);transform:scalex(1.5);-webkit-transform-origin:center;transform-origin:center}.jconfirm .jconfirm-box.jconfirm-animation-top{-webkit-transform:translate(0px,-100px);transform:translate(0px,-100px)}.jconfirm .jconfirm-box.jconfirm-animation-left{-webkit-transform:translate(-100px,0px);transform:translate(-100px,0px)}.jconfirm .jconfirm-box.jconfirm-animation-right{-webkit-transform:translate(100px,0px);transform:translate(100px,0px)}.jconfirm .jconfirm-box.jconfirm-animation-bottom{-webkit-transform:translate(0px,100px);transform:translate(0px,100px)}.jconfirm .jconfirm-box.jconfirm-animation-zoom{-webkit-transform:scale(1.2);transform:scale(1.2)}.jconfirm .jconfirm-box.jconfirm-animation-scale{-webkit-transform:scale(0.5);transform:scale(0.5)}.jconfirm .jconfirm-box.jconfirm-animation-none{visibility:hidden}.jconfirm.jconfirm-supervan .jconfirm-bg{background-color:rgba(54,70,93,0.95)}.jconfirm.jconfirm-supervan .jconfirm-box{background-color:transparent}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-blue{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-green{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-red{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-orange{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-purple{border:0}.jconfirm.jconfirm-supervan .jconfirm-box.jconfirm-type-dark{border:0}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-closeIcon{color:white}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c{text-align:center;color:white;font-size:28px;font-weight:normal}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c>*{padding-bottom:25px}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content-pane{margin-bottom:25px}.jconfirm.jconfirm-supervan .jconfirm-box div.jconfirm-content{text-align:center;color:white}.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons{text-align:center}.jconfirm.jconfirm-supervan .jconfirm-box .jconfirm-buttons button{font-size:16px;border-radius:2px;background:#303f53;text-shadow:none;border:0;color:white;padding:10px;min-width:100px}.jconfirm.jconfirm-supervan.jconfirm-rtl .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-material .jconfirm-bg{background-color:rgba(0,0,0,0.67)}.jconfirm.jconfirm-material .jconfirm-box{background-color:white;-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);padding:30px 25px 10px 25px}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:22px;font-weight:bold}.jconfirm.jconfirm-material .jconfirm-box div.jconfirm-content{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons{text-align:right}.jconfirm.jconfirm-material .jconfirm-box .jconfirm-buttons button{text-transform:uppercase;font-weight:500}.jconfirm.jconfirm-material.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-bootstrap .jconfirm-bg{background-color:rgba(0,0,0,0.21)}.jconfirm.jconfirm-bootstrap .jconfirm-box{background-color:white;-webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,0.2);box-shadow:0 3px 8px 0 rgba(0,0,0,0.2);border:solid 1px rgba(0,0,0,0.4);padding:15px 0 0}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{margin-right:8px;margin-left:0}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87)}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:22px;font-weight:bold;padding-left:15px;padding-right:15px}.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content{color:rgba(0,0,0,0.87);padding:0 15px}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons{text-align:right;padding:10px;margin:-5px 0 0;border-top:solid 1px #ddd;overflow:hidden;border-radius:0 0 4px 4px}.jconfirm.jconfirm-bootstrap .jconfirm-box .jconfirm-buttons button{font-weight:500}.jconfirm.jconfirm-bootstrap.jconfirm-rtl .jconfirm-title-c .jconfirm-icon-c{margin-left:8px;margin-right:0}.jconfirm.jconfirm-modern .jconfirm-bg{background-color:slategray;opacity:.6}.jconfirm.jconfirm-modern .jconfirm-box{background-color:white;-webkit-box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);box-shadow:0 7px 8px -4px rgba(0,0,0,0.2),0 13px 19px 2px rgba(0,0,0,0.14),0 5px 24px 4px rgba(0,0,0,0.12);padding:30px 30px 15px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-closeIcon{color:rgba(0,0,0,0.87);top:15px;right:15px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c{color:rgba(0,0,0,0.87);font-size:24px;font-weight:bold;text-align:center;margin-bottom:10px}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-title-c .jconfirm-icon-c{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform:scale(0);transform:scale(0);display:block;margin-right:0;margin-left:0;margin-bottom:10px;font-size:69px;color:#aaa}.jconfirm.jconfirm-modern .jconfirm-box div.jconfirm-content{text-align:center;font-size:15px;color:#777;margin-bottom:25px}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons{text-align:center}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button{font-weight:bold;text-transform:uppercase;-webkit-transition:background .1s;transition:background .1s;padding:10px 20px}.jconfirm.jconfirm-modern .jconfirm-box .jconfirm-buttons button+button{margin-left:4px}.jconfirm.jconfirm-modern.jconfirm-open .jconfirm-box .jconfirm-title-c .jconfirm-icon-c{-webkit-transform:scale(1);transform:scale(1)}
/**
 * Table of Contents
 *
 * 0.0 - Reset
 * 1.0 - Common
 * 2.0 - Categories
 * 3.0 - Content List
 * 4.0 - Preview
 * 5.0 - Popup
 * 5.1 - Popup Share
 * 6.0 - Media Queries & Mobile
 */

/*
  0.0 - Reset
*//**
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video
{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
}


/**
 * 1.0 - Common
 */


/*IE8 css hack*/
button {
	width: auto;
	overflow: visible;
}

#xn-myspace-contents-categories-container{
	background: #f7f7f7;
}

#xn-myspace-contents-horizontal-container,
#xn-myspace-contents-vertical-container {
	border: 0;	
}

/* Splitter */
.k-splitbar {
  background-color: #e9e9e9;
}
.k-restricted-size-vertical,
.k-restricted-size-horizontal{
  background-color: #ededed;
  border-color: #d5d5d5;
}
.k-state-selected,
.k-state-selected:link,
.k-state-selected:visited,
.k-list > .k-state-selected,
.k-list > .k-state-highlight
.k-panel > .k-state-selected,
.k-ghost-splitbar-vertical,
.k-ghost-splitbar-horizontal,
.k-draghandle.k-state-selected:hover,
.k-scheduler .k-scheduler-toolbar .k-state-selected,
.k-scheduler .k-today.k-state-selected {
  color: #fff;
  background-color: #e5f3ff;
  border-color: #99d1ff;
}

.k-marquee-color{
	background-color: #99d1ff;	
}

.clearfix:before,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1; /* IE < 8 */
}

#xn-myspace-contents-vertical-container .k-widget{
	border-style: none;
}

#page i.icon {
    background: url("images/icons.png?v=2.0.3") 0px 0px;
    display: block;
    width: 28px;
    height: 28px;
    vertical-align: middle;
}

/**
 * 2.0 - Categories
 */

#xn-myspace-tab-content-myfolder, .xn-myspace-contenttype-item, 
#xn-myspace-lecture-contents-tab-folder, 
#xn-myspace-lecture-categories-myfolder-treeview,
#xn-myspace-tab-lecture-content-myfolder{
	float: left;
	width: 100%;
	padding: 0px 0px 0px 0px;
}

#xn-myspace-accordion,
#xn-myspace-lecture-contents-accordion{
	border-bottom: 1px solid #e6e6e6;
	width: 100%;
	float: left;
}

#xn-myspace-tab-content-myfolder, #xn-myspace-tab-lecture-content-myfolder{padding-bottom: 5px;}

.xn-myspace-contenttype-item, #xn-myspace-lecture-contents-accordion{
	border-top: 1px solid #fff;
}

#xn-myspace-contents-top-container.k-pane {
    overflow: visible !important;
}

#xn-myspace-contents-categories-container .k-item.xn-myfolder-item{
	display: block;
	padding: 5px 0px 5px 1px;
	cursor: pointer;
}

#xn-myspace-contents-categories-container .xn-myfolder-item.selected {
    color: #0168dc;
    background: #e4e5e6;
	font-weight: bold;
}

#xn-myspace-contents-categories-container i.icon.icon-all{
	display: inline-block;
	background: url("images/icons.png?v=2.0.3") no-repeat;
	background-position: -62px -5px;
	width: 18px;
	height: 18px;
}

#xn-myspace-lecture-contents-accordion i.icon.icon-all{
	background-position: -90px -6px;
}

#xn-myspace-contents-categories-container .panel-title{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 100%;
	position: relative;
}

#xn-myspace-contents-categories-container a{
	float: left;
	margin-left: 0px;
	padding-top: 7px;
	color: #333;
}

#page #xn-myspace-contents-categories-container a i{
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-right: 2px;
}

#page #xn-myspace-contents-categories-container a i.icon-collapse{
	background-position: -33px -35px;
}

#page #xn-myspace-contents-categories-container a.collapsed i.icon-collapse {
	background-position: -3px -34px;
}

#xn-myspace-contents-myfolder-container button{
	float: right;
	margin-right: 6px;
}
 
#xn-myspace-contents-myfolder-container .files h3 {
    color: #787878;
    border-bottom: 1px solid #ccc;
    padding-bottom: .4em;
    margin-bottom: .4em;
}

#xn-myspace-contents-myfolder-container .files .k-treeview {
    height: 300px;
}

#xn-myspace-contents-myfolder-container .xn-treeview .k-group.k-treeview-lines{
	background: #f7f7f7;
}

#xn-myspace-contents-myfolder-container .files .k-sprite{
    background-image: url("images/coloricons-sprite.png?v=2.0.3");
	margin-right: 3px;
}

#xn-myspace-lecture-contents-myfolder-container .files .k-sprite{
	background: url("images/icons.png?v=2.0.3") no-repeat -116px -5px;
	margin-right: 3px;
	height: 17px;
}

#xn-myspace-contents-myfolder-container .k-minus ~ .k-in > span.folder{ background-position: 0 -79px;}
#xn-myspace-lecture-contents-myfolder-container .k-minus ~ .k-in > span.folder{ background-position: 0 -79px;}

#xn-myspace-contents-myfolder-container .rootfolder { background-position: 0 0; }
#xn-myspace-lecture-contents-myfolder-container .rootfolder { background-position: 0 0; }

#xn-myspace-contents-myfolder-container .folder { background-position: 0 -15px; }
#xn-myspace-lecture-contents-myfolder-container .folder { background-position: 0 -15px; }

#xn-myspace-contents-myfolder-container .pdf { background-position: 0 -32px; }
#xn-myspace-lecture-contents-myfolder-container .pdf { background-position: 0 -32px; }

#xn-myspace-contents-myfolder-container .html { background-position: 0 -48px; }
#xn-myspace-lecture-contents-myfolder-container .html { background-position: 0 -48px; }

#xn-myspace-contents-myfolder-container .image { background-position: 0 -64px; }
#xn-myspace-lecture-contents-myfolder-container .image { background-position: 0 -64px; }

#xn-myspace-contents-myfolder-container .folder-mycontents { background-position: 0 0px; }
#xn-myspace-lecture-contents-myfolder-container .folder-mycontents { background-position: 0 0px; }

#xn-myspace-lecture-contents-myfolder-container .xn-treeview .k-in,
#xn-myspace-contents-myfolder-container .xn-treeview .k-in {
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
    line-height: 1.3333em;
    border-style: solid;
    border-width: 1px;
}

#xn-myspace-categories-myfolder-treeview .k-in, #xn-myspace-lecture-categories-myfolder-treeview .k-in {
    width: 100%;
    height: 18px;
	padding: 1px 0px;
	margin: 0px;
}

#xn-myspace-lecture-categories-myfolder-treeview .k-in {
	height: 19px;
}

#xn-myspace-categories-myfolder-treeview .k-in .category-background, #xn-myspace-lecture-categories-myfolder-treeview .k-in .category-background {
    position: absolute;
    width: 100%;
    height: 18px;
    left: 0;
}

#xn-myspace-lecture-categories-myfolder-treeview .k-in.k-state-hover .category-background,
#xn-myspace-lecture-categories-myfolder-treeview .k-in.k-state-selected .category-background,
#xn-myspace-lecture-categories-myfolder-treeview .k-in.k-state-focused .category-background {
	background: #e4e5e6;
}



#xn-myspace-categories-myfolder-treeview .k-in.k-state-hover .category-background,
#xn-myspace-categories-myfolder-treeview .k-in.k-state-selected .category-background,
#xn-myspace-categories-myfolder-treeview .k-in.k-state-focused .category-background,
.xn-myspace-contenttype-item ul .xn-myspace-contents-content-type-item:hover {
    background: #e4e5e6;
}

#xn-myspace-categories-myfolder-treeview .k-in.k-state-selected .category-title,
#xn-myspace-lecture-categories-myfolder-treeview .k-in.k-state-selected .category-title {
    color: #0168dc;
	font-weight: bold;
}

#xn-myspace-categories-myfolder-treeview .k-in .k-sprite,
#xn-myspace-lecture-categories-myfolder-treeview .k-in .k-sprite {
    position: absolute;
    z-index: 1;
}

#xn-myspace-categories-myfolder-treeview .k-in .category-title,
#xn-myspace-lecture-categories-myfolder-treeview .k-in .category-title {

    position: absolute;
    margin-left: 22px;
	padding-top: 2px;
}

#xn-myspace-categories-myfolder-treeview .k-in input,
#xn-myspace-lecture-categories-myfolder-treeview .k-in input {
    color: black;
}

#xn-myspace-contents-myfolder-container .xn-treeview .k-item {
    display: block;
    border-width: 0;
    margin: 0px;
	padding: 4px 0px 4px 15px;	
}

#xn-myspace-contents-myfolder-container .xn-treeview .k-group {
	margin: 0;
	padding: 0px;
}

#xn-myspace-contents-categories-container .storage-status {
	bottom:30px;
	float: left;
	display: block;
	padding: 10px 0px;
	width: 100%;
	border-top: 1px solid #e6e6e6;
	background: #f7f7f7;
}

.xn-myspace-contents-folder-and-categories-container {
	overflow: hidden;
    overflow-y: auto;
}
.xn-myspace-contents-folder-and-categories-container span {
	font-size: 14px;
	line-height: 17px;
	vertical-align: middle;
}

/* UI를 유동적으로 변경하는 javascript에 영향을 줄 수 있으므로 아래 CSS변경 금지 */
#xn-myspace-categories-container #xn-myspace-accordion, #xn-myspace-tab-folder, #xn-myspace-accordion{
	overflow:hidden;
}

#xn-myspace-contents-categories-container .storage-status h3{
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-weight: normal;
	font-size: 12px;
}

#xn-myspace-contents-categories-container .storage-status h3 i{
	display: inline-block;
	width: 28px;
	height: 28px;
	vertical-align: middle;
	background: url("images/icons.png?v=2.0.3") -224px -56px;
}

#xn-myspace-contents-categories-container .storage-status div{
	padding: 4px 0px 5px 15px;
}

#xn-myspace-categories-myfolder-treeview, #xn-myspace-lecture-categories-myfolder-treeview {
    overflow: hidden;
}

.k-treeview .k-first,
.k-treeview .k-first > .k-item {
    padding: 0 0 0 0px;
}

.k-treeview .k-in {
    border-style: none;
}

.k-treeview .k-state-hover,
.k-treeview .k-state-selected,
.k-treeview .k-state-focused {
    background: none !important;
    border: none !important;
    box-shadow: none;
}

.k-treeview .k-icon.k-minus,
.k-treeview .k-icon.k-plus {
    position: absolute;
    z-index: 1;
    margin-top: 2px;
	width: 14px;
}

.k-treeview .k-icon.k-minus{
	background-position: 2px -224px;
}

.k-treeview .k-icon.k-plus{
	background-position: 2px -192px;
}

.xn-myspace-contenttype-item .xn-myspace-contenttype-items-title{
	display: block;
	margin-left: 16px;
	padding: 5px 0px 5px 1px;
	font-weight: bold;
}

.xn-myspace-contenttype-item ul{
	margin: 0px;
	list-style: none;
	-webkit-padding-start: 0px;
	padding: 0px;
}

.xn-myspace-contenttype-item ul .xn-myspace-contents-content-type-item {
	float: left;
	width: 100%;
	cursor: pointer;
	letter-spacing: -1px;
}

body.ja .xn-myspace-contenttype-item ul .xn-myspace-contents-content-type-item {
	letter-spacing: -1px;
}

.xn-myspace-contenttype-item ul .xn-myspace-contents-content-type-item i{
	background: url("images/icons.png?v=2.0.3") 0px 0px;
    display: inline-block;
    vertical-align: middle;
	width: 28px;
	height: 28px;
	margin-left: 11px;
	margin-right: 1px;
}

.xn-myspace-contenttype-item ul .xn-myspace-contents-content-type-item[type=group_movie] i {
	background-position: -56px -56px;
}

.xn-myspace-contenttype-item ul .xn-myspace-contents-content-type-item[type=group_audio] i {
	background-position: -280px -56px;
}

.xn-myspace-contenttype-item ul .xn-myspace-contents-content-type-item[type=group_document] i {
	background-position: -84px -56px;
}

.xn-myspace-contenttype-item ul .xn-myspace-contents-content-type-item[type=group_pdf] i {
	background-position: -280px -56px;
}

body.ja .xn-myspace-contenttype-item ul .xn-myspace-contents-content-type-item[type=group_pdf] i {
	background-position: -308px -56px;
}

.xn-myspace-contenttype-item ul .xn-myspace-contents-content-type-item[type=group_image] i {
	background-position: -112px -56px;
}

.xn-myspace-contenttype-item ul .xn-myspace-contents-content-type-item[type=group_social] i {
	background-position: -140px -56px;
}

.xn-myspace-contenttype-item ul .xn-myspace-contents-content-type-item[type=group_xinics_content] i {
	background-position: -168px -56px;
}

.xn-myspace-contenttype-item ul .xn-myspace-contents-content-type-item[type=group_xinics_lecture_content] i {
	background-position: -196px -56px;
}

.xn-myspace-contenttype-item ul .xn-myspace-contents-content-type-item[type=recent_uploaded] i {
	background-position: 0px -56px;
}

.xn-myspace-contenttype-item ul .xn-myspace-contents-content-type-item[type=recent_modified] i {
	background-position: -28px -56px;
}

.xn-myspace-contenttype-item ul .xn-myspace-contents-content-type-item[type=wbtzip] i {
	background-position: -252px -56px;
}

.xn-myspace-contenttype-item ul .xn-myspace-contents-content-type-item.selected {
    color: #0168dc;
	font-weight: bold;
	background: #e4e5e6;
}

/*ie8 bugfix*/
.xn-myspace-contents-top-container-left{
	width:550px\9;
	min-width:550px\9;
}

.xn-myspace-contents-top-container-left > #xn-myspace-contents-type-button-wrapper{
	width:150px\9;
	min-width: 150px\9;
}

.xn-myspace-contents-top-container-left > #xn-myspace-contents-move-and-delete-button-wrapper{
	width:120px\9;
	min-width: 120px\9;
}

.xn-myspace-contents-move-and-delete-button-wrapper{
	width:275px\9;
	min-width:275px\9;
}

.xn-myspace-contents-top-container .btn-chekbox,.xn-myspace-contents-top-container  .btn-preview{
	width:30px !important\9;
	min-width:30px !important\9;
}

#xn-myspace-dropdown-profile{
	min-width:150px\9;
	width:150px\9;
}

#xn-myspace-dropdown-profile > .user-name{
	display:block;
	float:left;
}

.xn-myspace-contents-top-container .btn-icon, .xn-myspace-contents-top-container .btn-normal{
	width:30px !important\9;
	min-width:30px !important\9;
}
/**
 * 3.0 - Contents List
*/

#xn-myspace-contents-top-container {
	padding: 12px 0px;
	width: 100%;
	height: 72px;
	border-bottom: 1px solid #e5e5e5;
	position: relative;
}

#xn-myspace-contents-top-container .xn-myspace-contents-title{
	margin-bottom: 10px;
	width: 100%;
	float: left;
}

#xn-myspace-contents-breadscrumbs-dropdown-container {
	display: none;
}

.xn-myspace-contents-top-container-breadcrumbs{
	padding: 3px 0px 0px 12px;
}

.xn-myspace-contents-top-container-breadcrumbs.search-title{
	padding: 3px 0px 0px 0px;
}

.xn-myspace-contents-top-container-searchbar{
	padding-right:12px;
}

#xn-myspace-contents-top-container .bullet{
	display: inline-block;
	background: url("images/icons.png?v=2.0.3") -6px -118px;
	width: 20px;
	height: 18px;
	vertical-align: middle;
}

#page .xn-myspace-contents-top-container-searchbar{
	position: relative;
}

#page .xn-myspace-contents-top-container-searchbar .btn-normal {
	position: absolute;
	top: 1px;
	right: 13px;
	margin-right: 0px;
	border-style: none;
	background: #fff;
}

#xn-myspace-contents-search-result-container {
	display: none;
}

#xn-myspace-contents-top-container-searchbar-input {
	border: #cbcbcb solid 1px;
	width: 250px;
	min-width: 250px;
	padding:7px 10px;
	border-radius: 0;
	-webkit-appearance: none;
}

#xn-myspace-contents-top-container-searchbar-input:focus {
	font-weight: 700;
	outline: none;
	border-color: #1e75d6;
}

/**
 * 3.2 - Contents List Controll btns
*/

#xn-myspace-contents-top-container .xn-myspace-contents-top-container-left{
	float:left;
	padding-left: 12px;
	position: relative;
}

#xn-myspace-contents-top-container .btn-normal{
	margin-right: 10px;
}

#xn-myspace-contents-top-container .xn-myspace-contents-top-container-right{
	position: absolute;
	right: 2px;
	bottom: 14px;
}

#page .btn-normal.btn-icon.btn-chekbox{
	text-indent: 0px;
	text-align: center;
}

#page .btn-normal.btn-icon.btn-chekbox input{
	margin-top: 6px;
	width: 17px;
	height: 17px;
}

#xn-myspace-contents-paging-status {
	padding: 10px 5px 0px 0px;
	font-weight: bold;
}

#xn-myspace-conetens-paging {
	padding-top: 5px;
}

#xn-myspace-conetens-paging .btn-normal.btn-icon, #xn-myspace-conetens-paging .btn-normal.btn-icon i{
	width: 20px;
	min-width: 20px;
	height: 20px;
}

#page .btn-normal.btn-icon.btn-plus{
	background: none;
	border-style: none;
	width: 22px;
	height: 22px;
	position: absolute;
	top: 3px;
	right: 3px;
}

#page .btn-normal.btn-icon.btn-plus:hover{
	background: #efefef;
	border-color: #cbcbcb;
}

#page #xn-myspace-contents-container .icon-plus{
	background-position: 0px -84px;
}

#page #xn-myspace-content-foldermove-modal .icon-plus {
	background-position: -5px -84px;
}

#page #xn-myspace-contents-container .btn-normal.btn-icon.btn-plus[disabled] .icon-plus{
	background-position: -28px -84px;
}

#page #xn-myspace-content-foldermove-modal .btn-normal.btn-icon.btn-plus[disabled] .icon-plus {
	background-position: -33px -84px;
}

#page #xn-myspace-tab-folder .icon-plus{width: 20px; height: 20px;background-position: -3px -88px;}
#page #xn-myspace-tab-folder .btn-normal.btn-icon.btn-plus[disabled]{background:none;border-color: #f7f7f7;}
#page #xn-myspace-tab-folder .btn-normal.btn-icon.btn-plus[disabled] .icon-plus{width: 20px; height: 20px;background-position: -31px -88px;}

#page #xn-myspace-contents-container .icon-refresh{
	background-position: 0px -140px;
}

#page #xn-myspace-contents-container .icon-search{
	background-position: 0px -196px;
}

#page #xn-myspace-contents-container .icon-search:hover{
	background-position: -28px -196px;
}

#xn-myspace-contents-top-container .btn-normal.btn-icon.btn-listview,
#xn-myspace-contents-top-container .btn-normal.btn-icon.btn-prev,
#xn-myspace-contents-top-container .btn-normal.btn-move{
	border-right: none;
	margin-right: 0px;
	float:left;
}

#page #xn-myspace-contents-container .icon-listview{
	background-position: 0px -252px;
}

#page #xn-myspace-contents-container .btn-normal.selected .icon-listview{
	background-position: -56px -252px;
}

#page #xn-myspace-contents-container .icon-thumbnaillistview{
	background-position: 0px -280px;
}

#page #xn-myspace-contents-container .btn-normal.selected .icon-thumbnaillistview{
	background-position: -56px -280px;
}

#page #xn-myspace-contents-container .icon-preview{
	background-position: -112px -252px;
}

#page #xn-myspace-contents-container .btn-normal.selected .icon-preview{
	background-position: -168px -252px;
}

#page #xn-myspace-contents-container .icon-prev{
	background-position: -4px -228px;
}

#page #xn-myspace-contents-container .btn-normal[disabled] .icon-prev{
	background-position: -60px -228px;
}

#page #xn-myspace-contents-container .icon-next{
	background-position: -88px -228px;
}

#page #xn-myspace-contents-container .btn-normal[disabled] .icon-next{
	background-position: -144px -228px;
}

#page #xn-myspace-contents-container .icon-menu{
	background-position: 1px -364px;
}

#page #xn-myspace-contents-container .btn-menu{
	padding: 0px;
}

#page #xn-myspace-contents-container .icon-publish{
	background-position: -313px -369px;
	text-indent: -9999px;
}

#page #xn-myspace-contents-container .publish-private .icon-publish{
	background-position: -342px -369px;
	text-indent: -9999px;
}

#page #xn-myspace-contents-container .publish-private > span, #page #xn-myspace-contents-container .publish-public > span{
	color : #888 !important;
}

#xn-myspace-contents-top-container .xn-myspace-contents-top-container-left.open #xn-myspace-contents-dropdown-button {
	background: #e9e9e9;
    border-color: #b0b0b0;
	box-shadow: inset 1px 1px 1px #888;
	color: #000;
}

#xn-myspace-contents-top-container .xn-myspace-contents-top-container-left .caret{
	margin-left: 20px;	
}

#xn-myspace-contents-type-button-wrapper,
#xn-myspace-contents-sort-button-wrapper{position: relative;}

#xn-myspace-contents-top-container .dropdown-menu.dropdown-contents {
	min-width: 170px;
	border-radius: 0px;
	padding: 4px 0px 0px 0px;
	margin: 0px;
	position: absolute;
	left: 0px;
	top: 30px;
}

#xn-myspace-contents-top-container .dropdown-menu.dropdown-contents ul {
	list-style: none;
}

#xn-myspace-contents-top-container .dropdown-menu.dropdown-sort{
	border-radius: 0px;
	padding: 4px 0px;
	margin: 0px;	
	min-width: 100px !important;
	position: absolute;
	left: 0px !important;
	top: 30px;
}

.k-animation-container .k-widget.k-popup{
	padding: 4px 0px;
	margin: 0px;
	background: #fff;
	min-width: 160px;
}

#xn-myspace-contents-top-container .dropdown-menu li{
	font-size: 12px;
	cursor:pointer;
}

#xn-myspace-contents-top-container .dropdown-menu li label{
	padding-left: 10px;
	cursor:inherit;
}

#xn-myspace-contents-top-container .dropdown-menu input[type=checkbox]{
	vertical-align: text-top;
	margin-right: 3px;
}

#xn-myspace-contents-top-container .dropdown-menu li:hover,
.k-animation-container .k-widget.k-popup li:hover,
.k-animation-container .k-widget.k-popup li span:hover{
	background: #e5e5e5;
}

.k-mobile #xn-myspace-contents-dropdown-menu-type-list{
	height: 190px;
	overflow-y: scroll;
}

#xn-myspace-contents-dropdown-menu-type-list > li > label{
	padding-left: 10px;
	height: 28px;
	width: 160px;
	line-height: 28px;

	display: inline-block;
	cursor: inherit;
}

#xn-myspace-contents-dropdown-menu-sort-list > li > label{
	height: 28px;
	width: 100px;
	line-height: 28px;
	display: inline-block;
	cursor: inherit;
}

#xn-myspace-contents-dropdown-menu-sort-list li.selected {
	font-weight: bold;
	color: #0168dc;
}

#xn-myspace-contents-top-container .dropdown-menu-btns{
	border-top: 1px solid #d9d9d9;
    background: #f2f2f2;
    text-align: center;
    padding: 10px 0px;
	margin-top: 5px;
}

#xn-myspace-contents-top-container #xn-myspace-contents-breadscrumbs ul {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
}

#xn-myspace-contents-top-container #xn-myspace-contents-breadscrumbs ul li {
    float: left;
}

#xn-myspace-contents-top-container #xn-myspace-contents-breadscrumbs ul li span{
	cursor: pointer;
}

#xn-myspace-contents-top-container #xn-myspace-contents-breadscrumbs ul li span:hover {
	cursor: pointer;
    text-decoration: underline;
}

/**
 * 3.3 - Contents List Table
*/

#xn-myspace-contents-list-container {
    width: 100%;
    height: 100%;
    overflow: hidden
}

#xn-myspace-contents-list-container .k-grid-header{
	border-color: #e5e5e5;	
}

.k-mobile #xn-myspace-contents-list table{
	min-width:0 !important;
	width:100%;
}

#xn-myspace-contents-list table {
	min-width: 1100px;
}


#xn-myspace-contents-list table.min-width-780 {
	min-width: 780px !important;
}

#xn-myspace-contents-list table.min-width-780.is-modal {
	min-width: auto !important;
}

#xn-myspace-contents-list table .previewItemTitle{
	color:#0c74f0
}

#xn-myspace-contents-list .td-align-center input[type="checkbox"]{
	width: 17px;
	height: 17px;
	margin-left: 4px;
}

#xn-myspace-contents-list .xn-myspace-contents-list-item-thumb.no-thumbnail {
	display: none;
	width: 90px;
	height: 50px;
	background-size: 90px 50px;
}

#xn-myspace-contents-list .xn-myspace-contents-list-item-title {
	width: 100%;
	height: 16px;
	line-height: 13px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 14px;
    margin-bottom: 5px;
}

#xn-myspace-contents-list .k-state-selected .xn-myspace-contents-list-item-title {
	font-weight: 700;
}

#xn-myspace-contents-list-empty {
    display: none;
}

#xn-myspace-contents-list-outer-container .k-header{
	background: #eceded;
	background-image: none;
	line-height: 18px;
    padding: .5em .6em;
	margin: 0px;
}

#xn-myspace-contents-list-outer-container .k-grid-header th{
	border-color: #eceded;
}

#xn-myspace-contents-list-outer-container .k-grid-header th.k-header>.k-link{
	color: #0c74f0;
	margin: 0px;
	padding: 0px;
}

#xn-myspace-contents-list-outer-container .k-grid-header th .k-i-arrow-s{
	background: url("images/icons.png?v=2.0.3") -370px -371px;
}

#xn-myspace-contents-list-outer-container .k-grid-header th .k-i-arrow-n{
	background: url("images/icons.png?v=2.0.3") -398px -371px;
}

#xn-myspace-contents-list-outer-container .k-selectable td{
	border-style: none;
	border-bottom: 1px solid #e6e6e6;
	line-height: 12px;
	padding: 4px;
}

#xn-myspace-contents-list-outer-container .k-selectable td.td-align-center{
	text-align: center;
}

#xn-myspace-contents-list-outer-container .k-selectable td.xn-myspace-contents-thumb-metadata{
	padding-left: 14px;
}

#xn-myspace-contents-list-outer-container .k-selectable td.td-caption-icon {
    padding: .5em .6em;
}

#xn-myspace-contents-list-outer-container .k-selectable td.td-script-icon {
	padding: .5em 1.6em;
}

#xn-myspace-contents-list-outer-container .k-selectable tr:hover{
	background: #e5f3ff;
}

#xn-myspace-contents-list-outer-container .k-selectable .k-state-selected{
	background: #f2f2f2;
	color: #333;
}

#xn-myspace-contents-list-outer-container .k-selectable .k-state-selected.last-selected{
	color: #0168dc;
}

.k-animation-container .k-widget.k-popup li{
	padding: 6px 0px;
	width: 100%;
	float: left;
}

.k-animation-container .k-widget.k-popup .k-link{
	padding:0px;
	width: 100%;
	float: left;
}

#xn-myspace-category-context-menu .k-link{
	text-indent: 15px;
	font-size: 12px;
}

.k-animation-container .k-widget.k-popup .k-link span{
	line-height: 24px;
}

#xn-myspace-content-list-context-menu .icon-normal {
	background: url("images/icons.png?v=2.0.3") 0px 0px;
	display: inline-block;
	vertical-align: middle;
    width: 26px;
    height: 26px;
	margin: 0px 5px;
	padding: 0px;
}

#xn-myspace-content-list-context-menu .icon-normal.icon-share{
	background-position: -29px -365px;
}

#xn-myspace-content-list-context-menu .icon-normal.icon-move{
	background-position: -57px -365px;
}

#xn-myspace-content-list-context-menu .icon-normal.icon-presencast{
	background-position: -85px -365px;
}

#xn-myspace-content-list-context-menu .icon-normal.icon-download{
	background-position: -113px -365px;
}

#xn-myspace-content-list-context-menu .icon-normal.icon-modify{
	background-position: -141px -365px;
}

#xn-myspace-content-list-context-menu .icon-normal.icon-delete{
	background-position: -169px -365px;
}

#xn-myspace-content-list-context-menu .icon-normal.icon-cloudeditor{
	background-position: -337px -393px;
}

#xn-myspace-contents-list-container .contents-type-icon{
	background: url("images/icons.png?v=2.0.3") -62px -62px;
	width: 15px;
    height: 15px;
	display: inline-block;
	vertical-align: middle;
}

#xn-myspace-contents-list-container .contents-type-icon.type-readystream{
	background-position: 0px -740px;
}

#xn-myspace-contents-list-container .contents-type-icon.type-everlec{
	background-position: -25px -740px;
}

#xn-myspace-contents-list-container .contents-type-icon.type-screenlecture,
#xn-myspace-contents-list-container .contents-type-icon.type-oncast,
#xn-myspace-contents-list-container .contents-type-icon.type-xenoglobal{
	background-position: -50px -740px;
}

#xn-myspace-contents-list-container .contents-type-icon.type-zoom{
	background-position: -75px -740px;
}

#xn-myspace-contents-list-container .contents-type-icon.type-youtube{
	background-position: -100px -740px;
}

#xn-myspace-contents-list-container .contents-type-icon.type-mp4{
	background-position: -125px -740px;
}

#xn-myspace-contents-list-container .contents-type-icon.type-movie,
#xn-myspace-contents-list-container .contents-type-icon.type-movie360{
	background-position: -150px -740px;
}

#xn-myspace-contents-list-container .contents-type-icon.type-audio{
	background-position: -175px -740px;
}

#xn-myspace-contents-list-container .contents-type-icon.type-pdf{
	background-position: -200px -740px;
}

#xn-myspace-contents-list-container .contents-type-icon.type-file,
#xn-myspace-contents-list-container .contents-type-icon.type-etc{
	background-position: -225px -740px;
}

#xn-myspace-contents-list-container .contents-type-icon.type-website{
	background-position: -250px -740px;
}

#xn-myspace-contents-list-container .contents-type-icon.type-embed{
	background-position: -275px -740px;
}

#xn-myspace-contents-list-container .contents-type-icon.type-zip {
	background-position: -300px -740px;
}

#xn-myspace-contents-list-container .contents-type-icon.type-xenoglobalembed{
	background-position: -650px -740px;
}

#xn-myspace-contents-list-container .contents-type-icon.type-ppt, #xn-myspace-contents-list-container .contents-type-icon.type-pptx{
	background-position: -325px -740px;
}

#xn-myspace-contents-list-container .contents-type-icon.type-doc, #xn-myspace-contents-list-container .contents-type-icon.type-docx{
	background-position: -350px -740px;
}

#xn-myspace-contents-list-container .contents-type-icon.type-xls, #xn-myspace-contents-list-container .contents-type-icon.type-xlsx{
	background-position: -375px -740px;
}

#xn-myspace-contents-list-container .contents-type-icon.type-hwp{
	background-position: -400px -740px;
}

#xn-myspace-contents-list-container .contents-type-icon.type-txt{
	background-position: -425px -740px;
}

#xn-myspace-contents-list-container .contents-type-icon.type-syncthink{
	background-position: -450px -740px;
}

#xn-myspace-contents-list-container .contents-type-icon.type-webstudio{
	background-position: -475px -740px;
}

#xn-myspace-contents-list-container .contents-type-icon.type-lecturecam{
	background-position: -525px -740px;
}

#xn-myspace-contents-list-container .contents-type-icon.type-ssz,
#xn-myspace-contents-list-container .contents-type-icon.type-ssslide{
	background-position: -550px -740px;
}

#xn-myspace-contents-list-container .contents-type-icon.type-syncslide{
	background-position: -600px -740px;
}

#xn-myspace-contents-list-container .contents-type-icon.type-photoset{
	background-position: -625px -740px;
}

#xn-myspace-contents-list-container .contents-type-icon.type-wbtzip{
	background-position: -650px -740px;
}

#xn-myspace-contents-list .xn-myspace-contents-list-item-thumb{
	cursor:pointer;
	width: auto;
	max-width: 90px;
	height: 50px;
	background: #e6e6e6;
	border: 1px solid #dfdfdf;
	vertical-align: middle;
}

#xn-myspace-contents-list .xn-myspace-contents-list-item-title {
    width: 100%;
    height: 16px;
	line-height: 13px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;	
	margin-bottom: 5px;
}

#xn-myspace-contents-list .xn-myspace-contents-thumb-metadata span {
	display: block;
    padding-right: 8px;
    float: left;
	padding-top: 2px;
}

#xn-myspace-contents-list .xn-myspace-contents-thumb-metadata span.contents-type-icon {
	padding-top: 0px;
}

#xn-myspace-contents-list .xn-myspace-contents-thumb-metadata span.contents-duration{
	padding-left: 10px;
	background: url("images/icons.png?v=2.0.3") -14px -510px;
}

#xn-myspace-contents-list .xn-myspace-contents-thumb-metadata span.contents-caption{
	padding-left: 10px;
	background: url("images/icons.png?v=2.0.3") -14px -510px;
}

#xn-myspace-contents-list .xn-myspace-contents-thumb-metadata span.contents-script{
	padding-left: 10px;
	background: url("images/icons.png?v=2.0.3") -14px -510px;
}

#xn-myspace-contents-list .xn-myspace-contents-thumb-metadata span.contents-duration i.contents-type-icon{
	background-position: -203px -371px;
	padding: 1px 0px 0px 18px;
	width: auto;
}

#xn-myspace-contents-list .xn-myspace-contents-thumb-metadata span.contents-duration i{
	font-style: normal;
}

#xn-myspace-contents-list .xn-myspace-contents-thumb-metadata span.contents-caption > .caption-icon{
	cursor: default !important;
}

#xn-myspace-contents-list .xn-myspace-contents-thumb-metadata span.contents-script > .script-icon{
	cursor: default !important;
}

#xn-myspace-contents-list td.td-caption-icon > span.caption-icon{
	cursor: default !important;
}

#xn-myspace-contents-list td.td-script-icon > span.script-icon{
	cursor: default !important;
}


/**
 * 4.0 - Preview
 */
 
#xn-myspace-content-preview {
	background: #f2f2f2;
	float: left;
	width:100%;
}

#xn-myspace-content-preview .contents-preview-player-title{
	background: #fff;
    float: left;
    width: 100%;	
}

#xn-myspace-content-preview .bar-conversion-status{
	background-color: #d1d1d1;
	padding: 4px 0px;
}



#xn-myspace-content-preview .content-info-area .content-btns button{
	background: none;
	padding: 0px;
	border-style: none;
	color: #666;
	outline: none;
}

#xn-myspace-content-preview .content-info-area .content-btns button:hover{color: #333;}
#xn-myspace-content-preview .content-info-area .content-btns button:active{transform: translateY(1px);}

#xn-myspace-content-preview .content-info-area .content-btns button i,
#xn-myspace-content-preview .conversion-container button i,
#xn-myspace-content-preview .contents-preview-player-title button i,
#xn-myspace-contents-vertical-container .btn-select-embed button i{
	display: inline-block;
	vertical-align: middle;
	width: 18px;
    height: 18px;
	margin-right: 7px;
}

#xn-myspace-contents-vertical-container .btn-select-embed button {
	padding: 4px 8px;
}

#page #xn-myspace-contents-container .icon-select-embeded {
	background-position: -118px -400px;
}

#page #xn-myspace-contents-container .icon-presencast{
	background-position: -230px -341px;
}

#page #xn-myspace-contents-container .icon-share {
	background-position: -6px -397px;
}

#page #xn-myspace-contents-container .btn-share:hover i,
#page #xn-myspace-contents-container .icon-share:hover{
	background-position: -146px -397px;
}

#page #xn-myspace-contents-container .icon-download{
	background-position: -33px -397px;
}

#page #xn-myspace-contents-container .btn-download:hover i,
#page #xn-myspace-contents-container .icon-download:hover{
	background-position: -173px -397px;
}

#page #xn-myspace-contents-container .icon-convert{
	background-position: -395px -397px;
}

#page #xn-myspace-contents-container .btn-convert:hover i,
#page #xn-myspace-contents-container .icon-convert:hover{
	background-position: -424px -397px;
}

#page #xn-myspace-contents-container .mp4_convert_ready {
	border-radius: 15px;
	color:#fff;
	padding: 5px 10px;
	background: #FF9D3D;
}

#page #xn-myspace-contents-container .mp4_convert_start {
	border-radius: 15px;
	color:#fff;
	padding: 5px 10px;
	background: #85C842;
}

#page #xn-myspace-contents-container .mp4_convert_fail {
	border-radius: 15px;
	color:#fff;
	padding: 5px 10px;
	background: #d22b1e;
}

#page #xn-myspace-contents-container .icon-move{
	background-position: -63px -371px;
	width: 15px;
	height: 17px;
}

#page #xn-myspace-contents-container .btn-move:hover i,
#page #xn-myspace-contents-container .icon-move:hover{
	background-position: -259px -400px;
}

#page #xn-myspace-contents-container .icon-modify{
	background-position: -62px -398px;
	width: 17px;
	height: 17px;
}

#page #xn-myspace-contents-container .btn-modify:hover i,
#page #xn-myspace-contents-container .icon-modify:hover{
	background-position: -201px -398px;
}

#page #xn-myspace-contents-container .icon-delete{
	background-position: -93px -398px;
	width: 12px;
	height: 17px;
}

#page #xn-myspace-contents-container .btn-delete:hover i,
#page #xn-myspace-contents-container .icon-delete:hover{
	background-position: -232px -398px;
}

#page #xn-myspace-contents-container .caption-icon,
#page .content-summary .caption-icon{
	background: url("images/icons.png?v=2.0.3") -287px -400px;
	display: inline-block;
	width: 18px;
	height: 16px;
	text-indent: -99999px;
	cursor: pointer;
}

#page #xn-myspace-contents-container .script-icon,
#page .content-summary .script-icon{
	background: url("images/icons.png?v=2.0.3") -370px -400px;
	display: inline-block;
	width: 18px;
	height: 16px;
	text-indent: -99999px;
	cursor: pointer;
}

#page #xn-myspace-contents-container .icon-cloudeditor{
	background-position: -315px -397px;
	width: 19px;
}

/*IE8 bugfix*/
#xn-myspace-content-preview button{
	min-width:60px\9;
}

#xn-myspace-content-preview .player-area{
	margin: 20px 20px 15px 20px;
	background-color: black;
	position: relative;
	border: 1px solid #e5e5e5;
}

#xn-myspace-content-preview .player-area > iframe{
	  display: block;
	  width: 100%;
	  min-width: 100%;
	  height: 400px;
	  margin: 0 auto;
}

#xn-myspace-content-preview .content-info-area{
	float: left;
    width: 100%;
	position: relative;
}

#xn-myspace-content-preview .content-info-area h2.content-title,
#xn-myspace-content-preview .content-info-area .content-btns{
	margin: 5px 0px 10px 0px;
    padding: 0px;
    display: block;
    float: left;
    width: 97.6%;
	min-height: 24px;
    overflow: hidden;
}

#xn-myspace-content-preview .content-info-area .content-selected-btn{
	position: absolute;
	top: 0px;
	right: 20px;
	background: #fff;
	padding-left: 5px;
}

#xn-myspace-content-preview .content-info-area .content-selected-btn button{
	margin-left: 5px;
}

#xn-myspace-content-preview .content-info-area h2.content-title span,
#xn-myspace-content-preview .content-info-area .content-btns .btn-group.pull-left{
	margin: 10px 0px 10px 20px;
	word-break: break-all;
}

#xn-myspace-content-preview .content-info-area h2.content-title span{
	height: 23px;
	overflow: hidden;
	display: block;
	margin: 0px 20px;
	line-height: 24px;
}

#xn-myspace-content-preview .content-info-area .content-btns .btn-group.pull-right{
	margin: 10px 10px 10px 0px;
}

#xn-myspace-content-preview .content-info-area .content-btns .btn-group.pull-left button{
	margin-right: 14px;
}

#xn-myspace-content-preview .content-info-area .content-btns .btn-group.pull-right button{
	margin-left: 14px;
}

#xn-myspace-content-preview .content-info-area h2.content-title .btn-group{
	margin-right: 20px;
}

#xn-myspace-content-preview .content-info{
	float: left;
    width: 100%;
    background: #f2f2f2;
}

#xn-myspace-content-preview .content-info .nav-tabs{margin: 0px 20px;}

#xn-myspace-content-preview .content-info .nav-tabs>li{margin: 10px 0px -2px 0px;}

#xn-myspace-content-preview .content-info .nav-tabs>li>a{
    padding: 10px 0px 10px 0px;
    color: #888;
	border-style: none;
    border-bottom: 1px solid #dedede;
    line-height: 12px;
    margin: 0px 20px 0px 0px;
	background: none;
}

#xn-myspace-content-preview .content-info .nav-tabs>li.active>a,
#xn-myspace-content-preview .content-info .nav-tabs>li.active>a:hover,
#xn-myspace-content-preview .content-info .nav-tabs>li.active>a:focus {
    border-bottom: 2px solid #4a8fe8;
    color: #333;
}

#xn-myspace-content-preview .content-summary{
	margin: 12px 20px;
}

#xn-myspace-content-preview .content-summary table{
	width: 100%;
}

#xn-myspace-content-preview .content-summary table td{
	padding: 5px 0px;
	vertical-align: top;
}

#xn-myspace-content-preview .content-summary table td.content-title{
	width: 70px;
	min-width: 70px;
	color: #888;
}

body.en #xn-myspace-content-preview .content-summary table td.content-title{
	letter-spacing: -1px;
}

body.en #xn-myspace-content-preview #xn-myspace-contents-gallery-info-container .content-summary table td.content-title{
	width: 100px;
}

#xn-myspace-content-preview .content-summary table td span,
#xn-myspace-content-preview .content-content{
	white-space: pre-wrap;
	word-break:break-all;
}

#xn-myspace-content-preview .content-summary table td div.content-tags{
	width: 100%;
	float: left;
	vertical-align: top;
	white-space: pre-wrap;
	word-break:break-all;
}

#xn-myspace-content-preview .content-content{
	border-top: 1px solid #dedede;
	padding: 15px 0px;
	margin: 0px 20px;
	line-height: 18px;
}

#xn-myspace-content-preview ul#xn-myspace-preview-breadscrumbs-container {
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
}

#xn-myspace-content-preview ul#xn-myspace-preview-breadscrumbs-container li {
    float: left;
}

#xn-myspace-content-preview ul#xn-myspace-preview-breadscrumbs-container .bullet {
    display: inline-block;
    background: url("images/icons.png?v=2.0.3") -5px -118px;
    width: 16px;
    height: 18px;
    vertical-align: middle;
}

#xn-myspace-content-preview .content-summary table td .xn-myspace-preview-breadscrumbs-text{
	display: inline-block;
	padding-top: 1px;
}

/**
 * 4.1 - Preview Empty
*/

#xn-myspace-contents-list-outer-container{
	width: 100%;		
	background: #f2f2f2;
	height: 100%;
}

#xn-myspace-contents-list-no-result .xn-myspace-content-list-no-result-container,
#xn-myspace-contents-list-empty .xn-myspace-content-list-empty-container,
#xn-myspace-content-preview-empty .xn-myspace-content-preview-empty-container{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.175);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
	padding: 50px 0px 50px 0px;
	margin-top: 50px;
}
#xn-myspace-contents-list-no-result .xn-myspace-content-list-no-result-container i,
#xn-myspace-contents-list-empty .xn-myspace-content-list-empty-container i,
#xn-myspace-content-preview-empty .xn-myspace-content-preview-empty-container i{
	background: url("images/message_icons.png?v=2.0.3") no-repeat 0px 0px;
	width: 79px;
	height: 64px;
	display: block;
	margin: 0px auto;
	margin-bottom: 25px;
	font-weight: normal;
}

#xn-myspace-contents-list-empty .xn-myspace-content-list-empty-container i{
	background-position: 0px -64px;
}

#xn-myspace-contents-list-no-result .xn-myspace-content-list-no-result-container i{
	background-position: 0px -131px; 
}
/**
 * 4.2 - Preview Conversion
*/
.conversion-container{
	margin: 20px;
	height: 100%;
	background: #f2f2f2;
	text-align: center;
	position: relative;
}

.conversion-container .conversion-loading-circle{
	background: url("images/loading_circle.gif") no-repeat top center;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 48px;
	margin-bottom: 10px;
}

.conversion-container .conversion-loading-circle.conversion-warning{
	background: url("images/conversion-warning.png?v=2.0.3") no-repeat top center;
}

.conversion-container .conversion-loading-circle.conversion-warning-yellow{
	background: url("images/conversion-warning-yellow.png?v=2.0.3") no-repeat top center;
}

.conversion-container p{
	width: 100%;
	margin: 20px 0px;
	line-height: 20px;
}

.conversion-container img {
	width: 100%;
	height: 100%;
}

#page #xn-myspace-contents-container .conversion-container .icon-refresh{
	background-position: -5px -145px;
}

.conversion-container #xn-myspace-conv-failed-message-container {
	width: 100%;
	height: 136px;
    position: absolute;
    top: 50%;
    margin-top: -68px;
}

.conversion-container #xn-myspace-converting-message-container,
.conversion-container #xn-myspace-wating-message-container {
	width: 100%;
	height: 186px;
    position: absolute;
    top: 50%;
    margin-top: -93px;
}

.presencast-conversion{
	position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
	background: url("images/black_transparent_bg_60.png?v=2.0.3");
}

.presencast-conversion p.font-normal span{
	width: 100%;
	display: block;
	text-align: center;
	margin: 0px 0px 10px 0px;
}

.presencast-conversion #xn-myspace-presencast-conv-message-container {
	width: 90%;
	height: 90px;
    position: absolute;
	left: 5%;
    top: 50%;
    margin-top: -50px;
}

/** 
 * 4.3 - Preview Modal
 */
#xn-myspace-content-preview-mobile-modal .modal-body {
	padding: 0 !important;
}

/**
 *5.0 Popup
*/

div.k-window{
	border-color: #326ab6;
	border-radius: 0px;
}

.modal-content, .k-window-titlebar{
	border-radius: 0px;
	width: auto;
}

.modal-header, .k-window-titlebar {
    padding: 10px 15px;
    border-bottom: 1px solid #326ab6;
	border-color: #326ab6;
	background-color: #3e84e3;
	background-image: none;
	position: relative;	
}

.modal-header h4{
	color: #fff;
	font-size: 14px;
	font-weight: normal;
}

.k-window-title{
	color: #fff;
	font-size: 14px;
	left: 15px;
	top: 13px;
}

.k-window-actions .k-window-action.k-link{
	display:inline-block;
	width: 27px;
	height: 27px;
	background: #3e84e3;
	border: 0px solid #fff;
	opacity: inherit;
	padding: 0px;
}

.k-window-actions .k-window-action.k-link:hover{
	background: none;
}

.modal-header button,
.k-window-actions .k-icon.k-i-close{
	display:inline-block;
	position: absolute;
	width: 27px;
	height: 27px;
	background: #3e84e3 url("images/icons.png?v=2.0.3") -1px -421px;
	border: 0px solid #fff;
	padding: 0px;
	position: absolute;
	right: 7px;
	top: 8px;
	opacity: inherit;
}

.modal-header button:hover,
.k-window-actions .k-icon.k-i-close:hover{
	background: #326ab6 url("images/icons.png?v=2.0.3") -1px -421px;
}

.k-window-actions .k-icon.k-i-close{
	right: 0px;
}

.modal-footer{
	text-align: center;
	background: #f2f2f2;
	border-top: 1px solid #d9d9d9;
}

#page .modal-footer button{
	margin: 0px;
	padding: 8px 25px;
}

/**
 * 5.1 Popup Share
*/

.modal-body .nav>li>a,
.modal-body .nav>li>a:hover,
.modal-body .nav-tabs>li.active>a,
.modal-body .nav-tabs>li.active>a:hover{
	border: 1px solid #fff;
}

.modal-body .nav>li>a{
	padding: 10px;
	color: #999;
	border-radius: 0px;
	line-height: 12px;
	margin: 0px;
}

.modal-body .nav>li>a:hover{
	border-bottom: 2px solid #cdcdcd;
	background: none;
}

.modal-body .nav-tabs>li.active>a{
	border-bottom: 2px solid #4a8fe8;
	color: #333;
}

.modal-body .nav-tabs>li.active>a:hover{
	border-bottom: 2px solid #4a8fe8;
}

.modal-body #xn-myspace-content-preview .content-info-area .content-selected-btn button {
	padding: 4px 10px 4px 8px;
}

#xn-myspace-content-share-tab p{
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

#urlcopy #xn-myspace-content-share-input,
#codecopy #xn-myspace-content-share-textarea,
#codecopy #xn-myspace-content-share-select{
	width: 85%;
	padding: 9px;
	border-radius: 3px;
	border: 1px solid #dedede;
	color: #999;
	background: #f2f2f2;
	margin-bottom: 10px;
	resize: vertical;
}

#urlcopy #xn-myspace-content-share-input-mobile{
	width: 100%;
	height: 32px;
	border: 1px solid #ddd;
	display: block;
	line-height: 32px;
	padding-left: 15px;
	text-decoration: none;
	background: #eee;
	border-radius: 4px;
	color: #4b4b4b;
	margin-bottom:10px
}

#codecopy #xn-myspace-content-share-textarea{
	padding: 2px 5px;
	height: 57px;
	line-height: 1.4;
}

#codecopy #xn-myspace-content-share-textarea-mobile{
	width: 100%;
	height: 75px;
	border: 1px solid #ddd;
	display: block;
	line-height: 1.2;
	padding: 10px;
	text-decoration: none;
	background: #eee;
	border-radius: 4px;
	color: #4b4b4b;
	margin-bottom: 10px;
	overflow-y:scroll;
	overflow-x:hidden;
}

#codecopy #xn-myspace-content-share-select{
	padding: 5px;
	width: 25%;
	background: #fff;
	margin-bottom: 5px;
}

#urlcopy .btn-share-icon{
	display:inline-block;
	width: 28px;
	height: 28px;
	margin-right: 5px;
	background: url("images/icons.png?v=2.0.3") 0px -448px;
}

#urlcopy .btn-share-icon.btn-share-fcb{
	background-position: -28px -448px;
}

#xn-myspace-content-screenlecture-download-iframe{width:100%; height:230px;}

/**
 * 5.2 Popup Folder move
*/

#xn-myspace-content-foldermove-modal .modal-dialog {
	width: 300px;
	height: 393px;
}

#xn-myspace-content-foldermove-modal .modal-body .xn-myspace-contents-content-folder-treeview-title{
	width: 100%;
	margin-bottom: 8px;
	position: relative;
	float: left;
}

#xn-myspace-content-foldermove-modal .modal-body .xn-myspace-contents-content-folder-treeview-title span{
	width: 90%;
	margin: 0px;
	float: left;
}

#page #xn-myspace-content-foldermove-modal .modal-body .btn-normal.btn-icon.btn-plus{
	background: none;
	border: 1px solid #fff;
	margin: 0px;
	float: right;
	right: -4px;
    top: -8px;
	position: absolute;
}

#xn-myspace-content-foldermove-modal .modal-body #xn-myspace-content-foldermove-modal-treeview {
	height: 100px;
	border: 1px solid #c4c4c4;
	width: 265px;
	height: 290px;
	padding: 5px 0px;
	overflow-x: hidden;
}

#xn-myspace-content-foldermove-modal .modal-body .xn-treeview .k-in {
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
    padding: 0px;
    line-height: 1.3333em;
    border-style: solid;
    border-width: 1px;
}

#xn-myspace-content-foldermove-modal .modal-body .k-in {
    width: 100%;
    height: 18px;
	padding: 1px 0px;
}

#xn-myspace-content-foldermove-modal .modal-body .k-in .category-background {
    position: absolute;
    width: 100%;
    height: 18px;
    left: 0;
}

#xn-myspace-content-foldermove-modal-treeview .k-in .folder-background {
    position: absolute;
    width: 100%;
    height: 18px;
    left: 0;
}

#xn-myspace-content-foldermove-modal-treeview .k-sprite {
    background-image: url("images/coloricons-sprite.png?v=2.0.3");
	background-position:  0px 2px; 
}

#xn-myspace-content-foldermove-modal-treeview .folder {
    background-position: 0 -15px;
}


#xn-myspace-content-foldermove-modal-treeview .cat-all {
    background-position: 0 -96px;
}


#xn-myspace-content-foldermove-modal-treeview .k-minus ~ .k-in > span.folder{background-position: 0 -79px;}

#xn-myspace-content-foldermove-modal-treeview .k-in.k-state-hover .folder-background,
#xn-myspace-content-foldermove-modal-treeview .k-in.k-state-selected .folder-background,
#xn-myspace-content-foldermove-modal-treeview .k-in.k-state-focused .category-background {
    background: #e4e5e6;
}

#xn-myspace-content-foldermove-modal-treeview .k-in.k-state-selected .folder-title {
    color: #0168dc;
	font-weight: bold;
}

#xn-myspace-content-foldermove-modal-treeview .k-in .k-sprite {
    position: absolute;
    z-index: 1;	
}

#xn-myspace-content-foldermove-modal-treeview .k-in .folder-title {
    position: absolute;
    margin-left: 20px;
	padding-top: 2px;
}

#xn-myspace-content-foldermove-modal-treeview .k-in input {
    color: black;
}

#xn-myspace-content-foldermove-modal-treeview.k-treeview .k-first,
#xn-myspace-content-foldermove-modal-treeview.k-treeview .k-first > .k-item {
    padding: 0 0 0 16px;
}

/**
 * 6.0 - Media Queries & Mobile
 */

/* Bootstrap Modal Issue Fix */
.k-mobile .modal#xn-myspace-content-preview-mobile-modal {
    overflow-y: scroll;
}

.k-mobile #xn-myspace-contents-breadscrumbs,
.k-mobile #xn-myspace-contents-move-and-delete-button-wrapper,
.k-mobile #xn-myspace-contents-top-container .btn-listview,
.k-mobile #xn-myspace-contents-top-container .btn-thumbnaillistview,
.k-mobile #xn-myspace-contents-top-container .btn-preview,
.k-mobile #xn-myspace-contents-sort-button,
.k-mobile #page .btn-normal.btn-icon.btn-chekbox,
.k-mobile .k-splitter .k-splitbar-horizontal {
	display: none;
}

.k-mobile #xn-myspace-content-preview .content-info-area .content-btns button.btn-download,
.k-mobile #xn-myspace-content-preview .content-info-area .content-btns button.btn-convert,
.k-mobile #xn-myspace-content-preview .content-info-area .content-btns button.btn-modify {
	display: none;
}

.k-mobile #xn-myspace-content-preview .content-info-area .content-btns button.btn-download.btn-mp4-donwload,
.k-mobile #xn-myspace-content-preview .content-info-area .content-btns button.btn-convert.btn-mp4-convert {
    display: inline-block;
}

.k-mobile #xn-myspace-contents-breadscrumbs-dropdown-container {
	display: inline-block;
}

.k-mobile #xn-myspace-contents-breadscrumbs-dropdown-container .dropdown-menu {
	max-height: 300px;
	overflow-y: auto;	
}

.k-mobile #xn-myspace-contents-myfolder-container .xn-treeview .k-group.k-treeview-lines {
    background: white;
}

.k-mobile #xn-myspace-contents-top-container .dropdown-menu li:hover,
.k-mobile .k-animation-container .k-widget.k-popup li:hover,
.k-mobile .k-animation-container .k-widget.k-popup li span:hover{
    background: white;
}

.k-mobile #xn-myspace-contents-list .xn-myspace-contents-list-item-thumb.no-thumbnail {
	display: none;
	width: 83px;
	height: 56px;
	margin: 0 auto;
	background-size: 83px 56px;
}

.k-mobile #xn-myspace-content-preview-mobile-modal .modal-body {
    padding: 0;
    display: inline-block;
}

.k-mobile #xn-myspace-content-preview .player-area {
    margin: 0;
    margin-bottom: 10px;
    border-width: 0px;
    border-bottom-width: 1px;
}

@media screen and (max-width: 750px) {
	.k-mobile #xn-myspace-contents-breadscrumbs-dropdown {
		margin-right: 0px !important;
		width: 110px;
	}
	
	.k-mobile #xn-myspace-contents-top-container #xn-myspace-contents-type-button {
		margin-right: 0px;
	}

	.k-mobile #xn-myspace-contents-list table {
		min-width: 0px !important;
	}

	.k-mobile #xn-myspace-contents-list-outer-container .k-selectable tr:hover {
		background: white;
	}

	.k-mobile #xn-myspace-contents-list-outer-container .k-selectable .k-state-selected.last-selected:hover {
	    background: #f2f2f2;
	}

	.k-mobile #xn-myspace-contents-top-container {
		padding: 8px 0px 8px 0px;
	}

	.k-mobile #xn-myspace-contents-top-container .xn-myspace-contents-title {
		margin-bottom: 6px;
	}

	.k-mobile .xn-myspace-contents-top-container-searchbar {
		padding-right: 8px;
	}

	.k-mobile #xn-myspace-contents-top-container-searchbar-input {
		width: 200px;
	}

	.k-mobile #xn-myspace-contents-top-container .xn-myspace-contents-top-container-left{
		padding-left: 8px;
	}

	.k-mobile #xn-myspace-contents-top-container .xn-myspace-contents-top-container-left {
		padding-left: 8px;
	}

	.k-mobile #xn-myspace-contents-top-container .btn-normal{
		margin-right: 6px;
	}

	.k-mobile .xn-myspace-contents-top-container-breadcrumbs {
	    padding: 0px 0px 0px 8px;
	}
}

@media screen and (max-width: 480px) {
	.k-mobile #xn-myspace-contents-breadscrumbs-dropdown {
		margin-right: 0px !important;
		width: 110px;
		text-align: left;
		position: relative;
	}

	.k-mobile #xn-myspace-contents-breadscrumbs-dropdown span {
		display: inline-block;
	    max-width: 114px;
	    white-space: nowrap;
	    overflow: hidden !important;
	    text-overflow: ellipsis;		
	}
	
	.k-mobile #xn-myspace-contents-breadscrumbs-dropdown span.caret,
	.k-mobile #xn-myspace-contents-top-container .xn-myspace-contents-top-container-left .caret{
		position: absolute;
		right: 8px;
		top: 13px;
	}

	.k-mobile #xn-myspace-contents-top-container-searchbar-input {
		max-width: 190px;
		min-width: 90px;
        width: initial;
		padding: 7px 28px 7px 4px;
	}
	
	.k-mobile #xn-myspace-contents-top-container #xn-myspace-contents-type-button{width: 75px; position:relative;text-align:left;}
	
	.k-mobile #xn-myspace-contents-top-container #xn-myspace-contents-top-container-search-button{
		margin-right: 0px;
		right: 9px;
	}
	
	.k-mobile #xn-myspace-contents-list-outer-container td{padding:3px 0px;}
	
	.k-mobile #xn-myspace-contents-list-outer-container td.xn-myspace-contents-thumb-metadata{padding-left: 5px;}
	
	.k-mobile #xn-myspace-contents-list .xn-myspace-contents-thumb-metadata span{height: 16px;}

	.k-mobile #xn-myspace-contents-list .xn-myspace-contents-thumb-metadata span.contents-duration.cotents-update{background:none;padding-left:0px;}

	.k-mobile #xn-myspace-contents-list .xn-myspace-contents-list-item-title{margin-bottom:5px;margin-top:3px;}
	
	.k-mobile #xn-myspace-content-preview .content-info-area h2.content-title, #xn-myspace-content-preview .content-info-area .content-btns{margin: 0px 0px 3px 0px;}
	#xn-myspace-content-preview .content-info-area h2.content-title span{font-size: 16px;}
	
	.k-mobile #xn-myspace-content-preview .content-summary table td{display: block;float:left;width:65%;line-height:14px;}
	.k-mobile #xn-myspace-content-preview .content-summary table td.content-title{display: block;float:left;width:35%;}	
	
}

@media screen and (max-width: 320px) {
    .k-mobile #xn-myspace-contents-top-container-searchbar-input {
        width: 130px;
    }
}

@media screen and (max-height: 480px) {
	.k-mobile #xn-myspace-contents-breadscrumbs-dropdown-container .dropdown-menu {
		max-height: 200px !important;
	}

	.k-mobile #xn-myspace-contents-top-container .dropdown-menu.dropdown-contents ul {
		max-height: 210px;
		overflow-y: auto;
	}
}
/**
 * Table of Contents
 *
 * 1.0 - Common
 * 1.2 - Common Left Menu
 * 2.0 - Upload
 * 3.0 - Social
 * 4.0 - Apps & Contents all list
 * 5.0 - PresenCast PDF
 * 6.0 - Media Queries
*/

/**
 * 1.0 - Common 
 */

#xn-myspace-create-horizontal-container {
	border: 0;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container{
	background: url("images/left_menu_bg2.png?v=2.0.3") repeat-y top right;
	overflow: hidden;
}

#xn-myspace-create-horizontal-container .k-pane.k-scrollable {
	background: #f5f5f5;
}

#xn-myspace-create-container .k-splitter .k-splitbar-horizontal {
	display: none;
}

/**
 * 1.2 - Common Left Menu
*/

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container ul{
	margin: 0px;
	padding: 0px;
	width: 200px;
	height: calc(100% - 72px);
	overflow-y: auto;
	overflow-x: hidden;
}

@media (min-width: 360px) and (max-width: 767.98px) {
	#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container ul {
		height: 100%;
	}
}


#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li>a{
	border-radius: 0px;
	color: #333;	
	line-height: 14px;
	font-size: 14px;
	cursor: pointer;
	padding: 0px 11px;
	float: left;
    width: 178px;
	height: 29px;
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
}

#xn-myspace-create-container #xn-myspace-create-horizontal-container .k-pane.k-scrollable.disabled .nav-pills li a{
	color: #b1b1b1;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-stacked>li+li{margin: 0px;}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills>li>a:hover{
	background: #fafafa url("images/left_menu_bg.png?v=2.0.3") repeat-y right top;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills>li.active>a, 
#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills>li.active>a:focus{
	background: #f5f5f5;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding: 0px 11px;
	height: 29px;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a i,
#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a span{display:block;}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a i{
	float: left;
	background: url("images/icons.png?v=2.0.3") 0px 0px;
	width: 15px;
	height: 15px;
	margin-top: 6px;
	margin-right: 9px;
	vertical-align: middle;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a span{margin-top: 4px; margin-bottom: 1px; line-height: 18px;}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=appsquare]{
	background: url("images/left_menu_app_bg.png?v=2.0.3") 0px 0px;
	color: #fff !important;
	padding: 5px 7px;
	margin: 15px 15px;
	border-radius: 2px;
	border: 1px solid #1862ba;
	font-size: 14px;
	line-height: 14px;
	width: 150px;
	height: 28px;
}
#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li.active a[mode=appsquare]{
	margin: 14px 15px 15px 15px;
}
#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=appsquare]:hover,
#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills>li.active>a[mode=appsquare], 
#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills>li.active>a[mode=appsquare]:focus{
	background-position: 0px -40px;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=appsquare] i,
#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li.active a[mode=appsquare] i{
	background-position: -140px -532px;
	margin-top: 0px;
	margin-right: 1px;
	width: 28px;
	height: 28px;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=all]{
	padding: 0px 11px;
	height: 29px;
}
#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li.active a[mode=all]{
	padding: 0px 11px;
	height: 29px;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=desktoptool]{
	padding: 1px 11px;
	width: 178px;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=desktoptool] i{
	width: 28px;
	height: 28px;
	margin-top: 0px;
	margin-right: 9px;
	background-position: -196px -532px !important;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li.active a[mode=desktoptool]{
	border-top: none;
	background-position: -196px -560px !important;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=all] i{
	background-position: 0px -715px;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li.active a[mode=all] i{
	background-position: 0px -715px;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=videoupload_zoom] i{
	background-position: -100px -715px;
}
#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li.active a[mode=videoupload_zoom] i{
	background-position: -100px -715px;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=videoupload_mp4] i{
	background-position: -150px -715px;
}
#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li.active a[mode=videoupload_mp4] i{
	background-position: -150px -715px;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=videoupload] i{
	background-position: -175px -715px;
}
#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li.active a[mode=videoupload] i{
	background-position: -175px -715px;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=audioupload] i{
	background-position: -200px -715px;
}
#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li.active a[mode=audioupload] i{
	background-position: -200px -715px;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=documentupload] i{
	background-position: -250px -715px;
}
#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li.active a[mode=documentupload] i{
	background-position: -250px -715px;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=pdfupload] i {
	background-position: -225px -715px;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li.active a[mode=pdfupload] i {
	background-position: -225px -715px;
}

body.ja #xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=pdfupload] i{
	background-position: -225px -715px;
}
body.ja #xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li.active a[mode=pdfupload] i{
	background-position: -225px -715px;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=youtube] i{
	background-position: -125px -715px;
}
#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li.active a[mode=youtube] i{
	background-position: -125px -715px;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=website] i{
	background-position: -275px -715px;
}
#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li.active a[mode=website] i{
	background-position: -275px -715px;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=social] i{
	background-position: -300px -715px;
}
#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li.active a[mode=social] i{
	background-position: -300px -715px;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=webtool] i{
	background-position: -25px -715px;
}
#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li.active a[mode=webtool] i{
	background-position: -25px -715px;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=desktoptool] i{
	background-position: -25px -715px;
}
#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li.active a[mode=desktoptool] i{
	background-position: -25px -715px;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=contentupload] i {
	background-position: -25px -715px;
}
#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li.active a[mode=contentupload] i {
	background-position: -25px -715px;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=contentupload_everlec] i {
	background-position: -50px -715px;
}
#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li.active a[mode=contentupload_everlec] i {
	background-position: -50px -715px;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=contentupload_lecture] i {
	background-position: -75px -715px;
}
#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li.active a[mode=contentupload_lecture] i {
	background-position: -75px -715px;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=wbtzip] i {
	background-position: -325px -715px;
}
#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li.active a[mode=wbtzip] i {
	background-position: -325px -715px;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=lecturecam] i{
	background-position: -150px -715px;
}
#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li.active a[mode=lecturecam] i{
	background-position: -150px -715px;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[disabled]{
	color: #bebebe;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[disabled] i{
	opacity: .5;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .storage-status{
	position: absolute;
	bottom: 0px;
	padding: 10px 0px;
	width: 100%;
	border-top: 1px solid #e6e6e6;
	background: #fff url("images/left_menu_bg2.png?v=2.0.3") repeat-y top right;	
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .storage-status h3{
	margin: 0px;
	padding: 0px 0px 0px 15px;
	font-weight: normal;
	font-size: 12px;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .storage-status h3 i{
	display: inline-block;
	width: 28px;
	height: 28px;
	margin-right: 10px;
	vertical-align: middle;
	background: url("images/icons.png?v=2.0.3") -336px -532px;
}

#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .storage-status div{
	padding: 4px 0px 5px 18px;
}

/*
 * 2.0 - Upload
*/

#xn-myspace-content-edit-iframe {
	border: 0;
    width: 100%;
    height: 100%;
}

#xn-myspace-create-inputbox-form,
#xn-myspace-create-webtool-container .xn-myspace-webtool-wrapper,
.xn-myspace-create-social-content{
	max-width: 720px;
    width: 83%;
    margin: 0 auto;
    margin-top: 50px;
	min-height: 200px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.175);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
    text-align: center;
    padding: 10px 0px 50px 0px;
    position: relative;
    border-bottom: 1px solid #ededed;
}

#xn-myspace-create-videoupload-container #xn-myspace-create-inputbox-form,
#xn-myspace-create-contentupload-container #xn-myspace-create-inputbox-form {
	margin-top: 0px;
	padding-top: 0px;
	border: 0px;
	border-radius: 0px;
	width: 100%;
	box-shadow: 0 0px 0px rgba(0,0,0,0.175);
    -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.175);
	min-height: auto;
}

.xn-myspace-create-social-content{
	padding-top: 10px;
	padding-bottom: 50px;
	margin-bottom: 20px;
}

#xn-myspace-create-inputbox-form:hover, #xn-myspace-create-webtool-container .xn-myspace-webtool-wrapper:hover{
	box-shadow: 0 1px 2px rgba(0,0,0,0.375);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.375);
}

#xn-myspace-create-videoupload-container,
#xn-myspace-create-documentupload-container,
#xn-myspace-create-contentupload-container,
#xn-myspace-create-social-container,
#xn-myspace-create-webtool-container,
#xn-myspace-create-desktoptool-container,
#xn-myspace-create-presencastpdf-container,
#xn-myspace-create-audioupload-container,
#xn-myspace-create-appsquare-container {
	height: 100%;
	display: none;
	float: left;
	width: 100%;
}

#xn-myspace-create-videoupload-container .contenttype-des {
	width: 80% !important;
}

#xn-myspace-create-videoupload-container .contenttype-des span {
	font-size: 13px !important;
}

#xn-myspace-create-videoupload-container .contenttype-des.warn{
	font-size: 13px !important;
	color: #f13606;
}

#xn-myspace-create-videoupload-container .contenttype-des.info{
	font-size: 13px !important;
	color: #969696;
}

#xn-myspace-create-audioupload-container .contenttype-des span,
#xn-myspace-create-documentupload-container .contenttype-des span,
#xn-myspace-create-contentupload-container .contenttype-des span {
	font-size: 13px !important;
}

#xn-myspace-create-audioupload-container #xn-myspace-create-inputbox-container,
#xn-myspace-create-documentupload-container #xn-myspace-create-inputbox-container{
	overflow-y: hidden;
}

#xn-myspace-create-content-container ul.fileupload{
	margin: 0px auto;
	margin-top: 28px;
	margin-bottom: 14px;
	padding: 0px;
	list-style: none;
	text-align: center;
	width: 90%;
}

#xn-myspace-create-content-container ul.fileupload li{
	display: inline-block;
	margin: 8px 5px;
	background: url("images/content_type.png?v=2.0.3") no-repeat 0px 0px;
	width: 44px;
	height:71px;
}

#xn-myspace-create-documentupload-container ul.fileupload li.pdf{
	background-position: 0px -81px;
}


#xn-myspace-create-documentupload-container ul.fileupload li.ppt{
	background-position: -61px -81px;
}

#xn-myspace-create-documentupload-container ul.fileupload li.doc{
	background-position: -120px -81px;
}

#xn-myspace-create-documentupload-container ul.fileupload li.xls{
	background-position: -181px -81px;
}

#xn-myspace-create-documentupload-container ul.fileupload li.hwp{
	background-position: -240px -81px;
}

#xn-myspace-create-external-contentupload-container ul.fileupload li.zip{
	background-position: -300px -81px;
}

#xn-myspace-create-documentupload-container ul.fileupload li.zip{
	background-position: -300px -81px;
}

#xn-myspace-create-documentupload-container ul.fileupload li.etc{
	background-position: -360px -81px;
}

#xn-myspace-create-documentupload-container ul.fileupload li.txt{
	background-position: -420px -81px;
}

#xn-myspace-create-videoupload-container ul.fileupload li.zoom{
	background-position: -138px -490px;
	width: 48px;
	height: 64px;
}

#xn-myspace-create-videoupload-container ul.fileupload li.mp4{
	background-position: 0px 0px;
}

#xn-myspace-create-videoupload-container ul.fileupload li.wmv{
	background-position: -60px 0px;
}

#xn-myspace-create-videoupload-container ul.fileupload li.avi{
	background-position: -120px 0px;
}

#xn-myspace-create-videoupload-container ul.fileupload li.mov{
	background-position: -180px 0px;
}

#xn-myspace-create-videoupload-container ul.fileupload li.m4v {
    background-position: -480px 0px;
}

#xn-myspace-create-videoupload-container ul.fileupload li.mpg{
	background-position: -240px 0px;
}

#xn-myspace-create-videoupload-container ul.fileupload li.mpeg{
	background-position: -300px 0px;
}

#xn-myspace-create-videoupload-container ul.fileupload li.flv{
	background-position: -360px 0px;
}

#xn-myspace-create-videoupload-container ul.fileupload li.asf{
	background-position: -420px 0px;
}

#xn-myspace-create-videoupload-container ul.fileupload li.vr360{
	background-position: -480px -81px;
}

#xn-myspace-create-contentupload-container ul.fileupload li.rsz{
	background-position: 0px -236px;
}

#xn-myspace-create-contentupload-container ul.fileupload li.ssz{
	background-position: -66px -236px;
	width: 46px;
}

#xn-myspace-create-contentupload-container ul.fileupload li.everlec{
	background-position: 0px -490px;
	width: 48px;
	height: 64px;
}

#xn-myspace-create-audioupload-container ul.fileupload li.mp3{
	background-position: 0px -406px;
}

#xn-myspace-create-audioupload-container ul.fileupload li.m4a{
	background-position: -60px -406px;
}

#xn-myspace-create-audioupload-container ul.fileupload li.wav{
	background-position: -120px -406px;
}

#xn-myspace-create-contentupload-container #xn-myspace-create-inputbox-container[mode=sszupload] ul.fileupload li.rsz,
#xn-myspace-create-contentupload-container #xn-myspace-create-inputbox-container[mode=rszupload] ul.fileupload li.ssz,
#xn-myspace-create-contentupload-container #xn-myspace-create-inputbox-container[mode=contentupload] .contenttype-des span.rsz,
#xn-myspace-create-contentupload-container #xn-myspace-create-inputbox-container[mode=contentupload] .contenttype-des span.ssz,
#xn-myspace-create-contentupload-container #xn-myspace-create-inputbox-container[mode=sszupload] .contenttype-des span.rsz,
#xn-myspace-create-contentupload-container #xn-myspace-create-inputbox-container[mode=sszupload] .contenttype-des span.content,
#xn-myspace-create-contentupload-container #xn-myspace-create-inputbox-container[mode=rszupload] .contenttype-des span.rsz,
#xn-myspace-create-contentupload-container #xn-myspace-create-inputbox-container[mode=rszupload] .contenttype-des span.ssz {
	display: none;
}

#xn-myspace-create-contentupload-container #xn-myspace-create-inputbox-container[mode=contentupload] .contenttype-des,
#xn-myspace-create-contentupload-container #xn-myspace-create-inputbox-container[mode=rszupload] .contenttype-des {
	width: 80%;
}

#xn-myspace-create-contentupload-container #xn-myspace-create-inputbox-container[mode=contentupload] .contenttype-des span.readystream,
#xn-myspace-create-contentupload-container #xn-myspace-create-inputbox-container[mode=rszupload] .contenttype-des span.readystream{
	display: inline-block;
	font-size: 13px;
}

#xn-myspace-create-contentupload-container #xn-myspace-create-inputbox-container[mode=contentupload] .contenttype-des span.readystream.mt-17,
#xn-myspace-create-contentupload-container #xn-myspace-create-inputbox-container[mode=rszupload] .contenttype-des span.readystream.mt-17{
	margin-top: 17px;
}


#xn-myspace-create-contentupload-container #xn-myspace-create-inputbox-container[mode=contentupload_everlec],
#xn-myspace-create-contentupload-container #xn-myspace-create-inputbox-container[mode=contentupload_lecture] {
	margin-top: 33px;
}

#xn-myspace-create-social-container ul.fileupload li{
	width: 76px;
	height: 64px;
	margin: 5px 0px;
}

#xn-myspace-create-social-container ul.fileupload li.youtube{
	background-position: 14px -162px;
}

#xn-myspace-create-social-container ul.fileupload li.website{
	background-position: -196px -490px;
	width: 52px;
	height: 64px;
}

#xn-myspace-create-social-container ul.fileupload li.sildeshare{
	background-position: -62px -162px;
}

#xn-myspace-create-social-container ul.fileupload li.ted{
	background-position: -138px -162px;
}

#xn-myspace-create-social-container ul.fileupload li.vimeo{
	background-position: -214px -162px;
}

#xn-myspace-create-social-container ul.fileupload li.daum{
	background-position: -366px -162px;
}

body.ja #xn-myspace-create-social-container ul.fileupload li.daum{
	display: none;
}

#xn-myspace-create-webtool-container ul.fileupload li.presencast{
	background-position: 0px -312px;
	width: 91px;
	height: 71px;
}

#xn-myspace-create-documentupload-container ul.fileupload li.asf,
#xn-myspace-create-pdfupload-container ul.fileupload li.wmv,
#xn-myspace-create-pdfupload-container ul.fileupload li.avi,
#xn-myspace-create-pdfupload-container ul.fileupload li.mov,
#xn-myspace-create-pdfupload-container ul.fileupload li.m4v,
#xn-myspace-create-pdfupload-container ul.fileupload li.mpg,
#xn-myspace-create-pdfupload-container ul.fileupload li.mpeg,
#xn-myspace-create-pdfupload-container ul.fileupload li.flv,
#xn-myspace-create-pdfupload-container ul.fileupload li.asf,
#xn-myspace-create-contentupload-container ul.fileupload li.avi,
#xn-myspace-create-contentupload-container ul.fileupload li.mov,
#xn-myspace-create-contentupload-container ul.fileupload li.m4v,
#xn-myspace-create-contentupload-container ul.fileupload li.mpg,
#xn-myspace-create-contentupload-container ul.fileupload li.mpeg,
#xn-myspace-create-contentupload-container ul.fileupload li.flv,
#xn-myspace-create-contentupload-container ul.fileupload li.asf{
	display: none;
}

#xn-myspace-create-videoupload-container .nav.nav-tabs{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	border-color: #ededed;
}

#xn-myspace-create-videoupload-container .nav-tabs>li{
	float: none;
	width: 28%;
	display: inline-block;
}

#xn-myspace-create-videoupload-container .nav-tabs>li>a{
	border-radius: 1px;
	border: 1px solid #eee;
	border-bottom: 1px solid transparent;
	color: #999;
	margin: 0px 0px 0px -1px;
}

#xn-myspace-create-videoupload-container .nav-tabs>li>a:hover{
	background: #eee;
}

#xn-myspace-create-videoupload-container .nav-tabs>li.active>a, 
#xn-myspace-create-videoupload-container .nav-tabs>li.active>a:hover, 
#xn-myspace-create-videoupload-container .nav-tabs>li.active>a:focus{
	color: #1e75d6;
	border-top: 3px solid #1e75d6;
	font-weight: bold;
	background: #fff;
}

/**
 * 3.0 Social
*/

.xn-myspace-create-social-content .nav.nav-tabs{
	width: 80%;
	margin: 0 auto;
	margin-bottom: 15px;
}

.xn-myspace-create-social-content .nav>li>a,
.xn-myspace-create-social-content .nav>li>a:hover,
.xn-myspace-create-social-content .nav-tabs>li.active>a,
.xn-myspace-create-social-content .nav-tabs>li.active>a:hover{
	border: 1px solid #fff;
}

.xn-myspace-create-social-content .nav>li>a{
	padding: 10px;
	color: #999;
	border-radius: 0px;
	line-height: 12px;
	margin: 0px;
}

.xn-myspace-create-social-content .nav>li>a:hover{
	border-bottom: 2px solid #cdcdcd;
	background: none;
}

.xn-myspace-create-social-content .nav-tabs>li.active>a{
	border-bottom: 2px solid #4a8fe8;
	color: #333;
}

.xn-myspace-create-social-content .nav-tabs>li.active>a:hover{
	border-bottom: 2px solid #4a8fe8;
}

#xn-myspace-create-social-link-tab-container{
	width: 80%;
	margin: 0 auto;
	text-align: left;	
}

#xn-myspace-create-social-link-tab-container .xn-myspace-social-desc{
	margin: 5px 0px;
}

#xn-myspace-create-social-link-tab-container .xn-myspace-social-desc.desc-top{
	text-align: left;
	font-size: 12px;
	margin-bottom: 7px;
}

#xn-myspace-create-social-link-tab-container #xn-myspace-sociallink-input,
#xn-myspace-create-social-link-tab-container #xn-myspace-htmlcode-input{
	width: 82%;
	padding: 9px;
	border-radius: 3px;
	border: 1px solid #dedede;
	color: #999;
	line-height: 12px;
}

#xn-myspace-create-social-link-tab-container .xn-myspace-social-textbox{
	width: 100%;
	position: relative;
}

#xn-myspace-create-social-link-tab-container #xn-myspace-htmlcode-input{
	padding: 2px 9px;
	height: 42px;
	resize: vertical;
}

#page #xn-myspace-create-social-link-tab-container .btn-normal{
	padding: 9px 25px;
	position: absolute;
	top: 0px;
	right: 0px;
}

#page #xn-myspace-create-social-code-container .btn-normal{
	padding: 16px 25px;
}

/**
 * 3.0 Contents Upload
*/


.xn-myspace-create-contentupload-content {
	max-width: 720px;
	width: 83%;
	min-height: 215px;
	margin: 0 auto;
	margin-top: 50px;
	background: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.175);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
	text-align: center;
	padding: 10px 0px 0px 0px;
	position: relative;
	border-bottom: 1px solid #ededed;
}

#xn-myspace-create-contentupload-container .nav.nav-tabs{
	width: 100%;
	margin: 0 auto;
	text-align: center;
	border-color: #ededed;
}

#xn-myspace-create-contentupload-container .nav-tabs>li{
	float: none;
	width: 28%;
	display: inline-block;
}

#xn-myspace-create-contentupload-container .nav-tabs>li>a{
	border-radius: 1px;
	border: 1px solid #eee;
	border-bottom: 1px solid transparent;
	color: #999;
	margin: 0px 0px 0px -1px;
}

#xn-myspace-create-contentupload-container .nav-tabs>li>a:hover{
	background: #eee;
}

#xn-myspace-create-contentupload-container .nav-tabs>li.active>a, 
#xn-myspace-create-contentupload-container .nav-tabs>li.active>a:hover, 
#xn-myspace-create-contentupload-container .nav-tabs>li.active>a:focus{
	color: #1e75d6;
	border-top: 3px solid #1e75d6;
	font-weight: bold;
	background: #fff;
}

#xn-myspace-create-contentupload-container .nav-tabs>li.lecturedeck-tab {
	margin-top: 41px;
}

#xn-myspace-create-inputbox-container .xn-myspace-create-inputbox-content-type{
	background: #f5f5f5;
	border: 1px solid #e5e5e5;
	text-align: left;
	padding: 10px 0px;
	margin: 20px auto;
	width: 500px;
	height: 17px;
}

#xn-myspace-create-inputbox-container .xn-myspace-create-inputbox-content-type div{
	float:left;
}

#xn-myspace-create-inputbox-container .xn-myspace-create-inputbox-content-type-title {
	width: 100px;
	margin-left: 63px;
}

#xn-myspace-create-inputbox-container .xn-myspace-create-inputbox-content-type label{
	margin: 0px 7px;
}

#xn-myspace-create-inputbox-container .xn-myspace-create-inputbox-content-type input[type="radio"]{
	margin-right: 5px;
}

#xn-myspace-create-inputbox-container .xn-myspace-create-inputbox-content-upload{
	margin: 0 auto;
	margin-bottom: 20px;
	width: 445px;
}

#xn-myspace-create-inputbox-container .xn-myspace-create-inputbox-content-upload-title{
	border-bottom: 1px solid #ededed;
	padding-bottom: 10px;
	text-align: left;
	margin-bottom: 10px;
	padding-left: 0px;
	width: 99%;
}

#xn-myspace-create-inputbox-container .xn-myspace-create-inputbox-content-upload-title span{display: block;}

#xn-myspace-create-inputbox-container .xn-myspace-create-inputbox-content-upload-title .font-normal.font-bold{
	width: 80px;
	float: left;
	margin-right: 8px;
}

#xn-myspace-create-inputbox-container .xn-myspace-create-inputbox-content-upload-form {
	text-align: left;
	margin: 5px 0px 0px 89px;
}
#xn-myspace-create-inputbox-container .xn-myspace-create-inputbox-content-type span,
#xn-myspace-create-inputbox-container .xn-myspace-create-inputbox-content-upload-form span{
	display: inline-block;	
}

#xn-myspace-create-inputbox-container .xn-myspace-create-inputbox-content-upload-form .xn-myspace-create-inputbox-content-upload-form-title {
	width: 25%;
}

#xn-myspace-create-inputbox-container .xn-myspace-create-inputbox-content-upload-form input[type="file"] {
	padding: 2px;
    border: 1px solid #c4c4c4;
    width: 99%;
}

#xn-myspace-create-inputbox-container .xn-myspace-create-inputbox-content-upload-form input[type="file"]~span {
	font-size: 10px;
	color: #b4aea2;
	display: block;
	padding: 2px;
	width: 99%;
	max-width: 250px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

#xn-myspace-create-inputbox-container .xn-myspace-create-inputbox-content-upload-btns{
	padding: 10px 0px 50px 0px;
}

#xn-myspace-create-filebox-container label {
	display: inline-block;
	padding: .5em .75em;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #2e6da4;
	border-bottom-color: #e2e2e2;
	border-radius: .25em;
	color: #fff;
	background-color: #337ab7;
}

#xn-myspace-create-filebox-container input[type="file"]{  /* 파일 필드 숨기기 */
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}

#page #xn-myspace-create-filebox-container .btn-normal.btn-upload,
#page #xn-myspace-create-webtool-container .btn-normal.btn-upload,
#page #xn-myspace-create-inputbox-container .btn-normal.btn-upload {
	max-width: 340px;
	width: 80%;
}

@media (min-width: 360px) and (max-width: 767px) {
	#page #xn-myspace-create-filebox-container .btn-normal.btn-upload,
	#page #xn-myspace-create-inputbox-container .btn-normal.btn-upload {
		line-height: 25px;
	}
}

#page #xn-myspace-create-webtool-container .btn-guide{
	display: none;
}

#xn-myspace-create-content-container .contenttype-des{
	width: 60%;
	margin: 0 auto;
	margin-top: 25px;
}

#xn-myspace-create-inputbox-container .contenttype-des div{
	margin-top: 5px;
}

/**
 * 4.0 - Apps & Contents all list
*/
#xn-myspace-create-desktoptool-container .xn-myspace-desktoptool-container,
#xn-myspace-create-appsquare-container .xn-myspace-appsquare-container {
	max-width: 720px;
	width: 90%;
	margin: 0px auto;
	margin-top: 50px;
}
#xn-myspace-create-all-container {
	width: 90%;
	margin: 0px auto;
	margin-top: 25px;
	text-align: center;
}

#xn-myspace-create-appsquare-container .xn-myspace-appsquare-container{
	margin-top: 30px;
}

#xn-myspace-create-all-container h3{
	margin: 30px 0px;
	padding: 0px;
	text-align: center;
	font-weight: normal;
}

#xn-myspace-create-desktoptool-container .xn-myspace-desktoptool-readystream-producer,
#xn-myspace-create-desktoptool-container .xn-myspace-desktoptool-readystream-studio,
#xn-myspace-create-desktoptool-container .xn-myspace-desktoptool-silverstream-producer {
	width: 100%;
    float: left;
}

#xn-myspace-create-content-container .create-item-list-title{
	width: 100%;
    float: left;
	margin-bottom: 10px;
}

#xn-myspace-create-content-container .create-item-list-title div,
#xn-myspace-create-content-container .create-item-list-title span.create-item-list-title-toolname{
	float: left;
	display: block;
}

#xn-myspace-create-content-container .create-item-list-title div.create-item-list-btn-link{float: right;}

#xn-myspace-create-content-container .create-item-list-title span.create-item-list-title-execution-alert{
	padding-left: 10px;
}


#xn-myspace-create-content-container .create-item-list-title button{
	float: right;
}

#xn-myspace-create-content-container .create-item-list-title button.btn-link {
	border-style: none;
	background: none;
	padding: 0px;
}

#xn-myspace-create-content-container .create-item-list-title button.btn-link i{
	background: url("images/icons.png?v=2.0.3") -63px -483px;
	width: 14px;
	height: 14px;
	vertical-align: middle;
	display: inline-block;
	margin-right: 5px;
}

#xn-myspace-create-content-container .create-item-list {	
	width: 100%;
    float: left;
	margin: 0px;
	padding: 0px 0px 35px 0px;
	position: relative;	
	list-style: none;
}

#xn-myspace-create-content-container #xn-myspace-create-all-container .create-item-list {
	width: 1304px;
	display: inline-block;
	float: none;
	text-align: left;
}

@media screen and (max-width: 1649.98px) {
	#xn-myspace-create-content-container #xn-myspace-create-all-container .create-item-list {
		width: 978px;
	}
}

@media screen and (max-width: 1279.98px) {
	#xn-myspace-create-content-container #xn-myspace-create-all-container .create-item-list {
		width: 652px;
	}
}

@media screen and (max-width: 909.98px) {
	#xn-myspace-create-content-container #xn-myspace-create-all-container .create-item-list {
		width: 326px;
	}
}

@media screen and (max-width: 374.98px) {
	#xn-myspace-create-content-container #xn-myspace-create-all-container {
		width: 100%;
	}
}

#xn-myspace-create-appsquare-container .create-item-list{padding-bottom:0px !important; }

#xn-myspace-create-content-container .create-item {
	border-bottom: 1px solid #ededed;
	width: 308px;
	height: 117px;
	padding: 0px 0px;
	margin: 5px 8px 6px 7px;
    display: inline-block;
	position: relative;	
	background: #fff;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
}


#xn-myspace-create-content-container #xn-myspace-create-desktoptool-container .create-item,
#xn-myspace-create-content-container #xn-myspace-create-appsquare-container .create-item {
	width: 100%;
	height: initial;
	padding: 20px 0px;
	margin: initial;
	display: initial;
    float: left;
	position: relative;	
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.175);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
	border: initial;
	border-bottom: 1px solid #ededed;
	border-radius: initial;
}
#xn-myspace-create-content-container #xn-myspace-create-appsquare-container .create-item {
	padding: 25px 0px 0px 0px;
}

#xn-myspace-create-content-container .create-item:hover {
	box-shadow: 1px 4px 6px rgb(0, 0, 0, 0.1)
}

#xn-myspace-create-content-container #xn-myspace-create-desktoptool-container .create-item:hover,
#xn-myspace-create-content-container #xn-myspace-create-appsquare-container .create-item:hover {
	background: #f2f8ff;
}

#xn-myspace-create-content-container .create-item a{
	width: 100%;
    float: left;
	cursor: pointer;
}

#xn-myspace-create-content-container .create-item[mode=appsquare] {	
	background: #092342 url("images/create-item-appsquare.png?v=2.0.3") no-repeat;
	box-shadow: 0 0px 0px rgba(0,0,0,0.175);
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.175);
	margin-top: 20px;
	border-radius: 3px;
	border: 1px solid #1862ba;
}

#xn-myspace-create-content-container .create-item[mode=appsquare]:hover{
	background-position: 0px -350px;
}

#xn-myspace-create-content-container .create-item[mode=appsquare] a span{
	color: #fff;
}

#xn-myspace-create-content-container .create-title {
	width: 100%;
	height: 38px;
}

#xn-myspace-create-content-container .create-title .create-desc-title {
	display: inline-block;
	width: 248px;
	margin-top: 13px;
	margin-left: 10px;
	font-size: 17px;
	text-align: left;
}

#xn-myspace-create-content-container .create-icon {
	width: 23px;
	height: 23px;	
	float: left;
	margin: 15px 0px 0px 15px;
	background: url("images/icons.png?v=2.0.3") no-repeat;
}

#xn-myspace-create-content-container #xn-myspace-create-desktoptool-container .create-icon {
	width: 89px;
	height: 94px;
	float: left;
	margin: 0px 14px 0px 34px;
	background: url("images/create-item.png?v=2.0.3") no-repeat;
}

#xn-myspace-create-content-container .create-icon.readystream-producer-run-rapid-icon {
	background-position: -89px 0px !important;
}

#xn-myspace-create-content-container .create-icon.readystream-producer-run-rich-icon {
	background-position: -89px -94px !important;
}

#xn-myspace-create-content-container .create-icon.readystream-producer-install-icon {
	background-position: -89px -188px !important;
}

#xn-myspace-create-content-container #xn-myspace-create-desktoptool-container .create-icon.readystream-studio-icon {
	background-position: -89px -282px !important;
}

#xn-myspace-create-content-container #xn-myspace-create-desktoptool-container .create-icon.silverstream-producer-icon {
	background-position: -89px -376px !important;
}

#xn-myspace-create-content-container .create-item-list li[mode=videoupload_zoom] .create-icon{
	background-position: -99px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=videoupload_zoom]:hover .create-icon{
	background-position: -99px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=videoupload_mp4] .create-icon{
	background-position: -165px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=videoupload_mp4]:hover .create-icon{
	background-position: -165px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=videoupload] .create-icon{
	background-position: -198px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=videoupload]:hover .create-icon{
	background-position: -198px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=audioupload] .create-icon{
	background-position: -231px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=audioupload]:hover .create-icon{
	background-position: -231px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=documentupload] .create-icon{
	background-position: -297px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=documentupload]:hover .create-icon{
	background-position: -297px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=pdfupload] .create-icon {
	background-position: -264px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=pdfupload]:hover .create-icon {
	background-position: -264px -670px;
}

body.ja #xn-myspace-create-content-container .create-item-list li[mode=pdfupload] .create-icon{
	background-position: -264px -670px;
}

body.ja #xn-myspace-create-content-container .create-item-list li[mode=pdfupload]:hover .create-icon{
	background-position: -264px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=youtube] .create-icon{
	background-position: -132px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=youtube]:hover .create-icon{
	background-position: -132px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=website] .create-icon{
	background-position: -330px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=website]:hover .create-icon{
	background-position: -330px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=social] .create-icon{
	background-position: -363px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=social]:hover .create-icon{
	background-position: -363px -670x;
}

#xn-myspace-create-content-container .create-item-list li[mode=webtool] .create-icon{
	background-position: 0px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=webtool]:hover .create-icon{
	background-position: 0px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=desktoptool] .create-icon{
	background-position: 0px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=desktoptool]:hover .create-icon{
	background-position: 0px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=contentupload] .create-icon {
	background-position: 0px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=contentupload]:hover .create-icon {
	background-position: 0px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=contentupload_everlec] .create-icon {
	background-position: -33px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=contentupload_everlec]:hover .create-icon {
	background-position: -33px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=contentupload_lecture] .create-icon {
	background-position: -66px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=contentupload_lecture]:hover .create-icon {
	background-position: -66px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=wbtzip] .create-icon {
	background-position: -396px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=wbtzip]:hover .create-icon {
	background-position: -396px -670px;
}

#xn-myspace-create-content-container .create-item-list li[mode=appsquare] .create-icon{
	background-position: 0px -376px;
}
#xn-myspace-create-content-container .create-item-list li[mode=appsquare]:hover .create-icon{
	background-position: -178px -376px;
}

#xn-myspace-create-content-container .create-desc {
	width: 56%;
    float: left;
	margin-top: 22px;	
}

#xn-myspace-create-content-container #xn-myspace-create-desktoptool-container .create-desc {
	margin-top: 12px;
}

#xn-myspace-create-content-container #xn-myspace-create-all-container .create-desc {
	width: 278px;
	height: 58px;
	margin: 6px 15px 15px 15px;
}

#xn-myspace-create-content-container #xn-myspace-create-all-container .create-desc .create-desc-title,
#xn-myspace-create-content-container #xn-myspace-create-all-container .create-desc .create-desc-content{
	width: 100%;
    float: left;
	text-align: left;
	font-size: 14px;
	line-height: 20px;
}

#xn-myspace-create-content-container #xn-myspace-create-desktoptool-container .create-desc .create-desc-title,
#xn-myspace-create-content-container #xn-myspace-create-desktoptool-container .create-desc .create-desc-content{
	text-align: inherit;
	margin-bottom: 17px;
	line-height: 18px;
}

#xn-myspace-create-content-container #xn-myspace-create-desktoptool-container .create-desc .create-desc-title {
	font-size: 18px;
}
#xn-myspace-create-content-container #xn-myspace-create-desktoptool-container .create-desc .create-desc-content{
	font-size: 12px;
}

#xn-myspace-create-content-container .create-btns {	
    position: absolute;
	right:34px;
	top: 45px;	
}

#xn-myspace-create-content-container .create-btns .btn-normal{
	padding: 10px 30px;
	width: auto;
	border-radius: 3px;
}

#xn-myspace-create-content-container .create-btns .btn-normal:disabled{
	color: #ddd;
}
#xn-myspace-create-content-container .create-download-btns .btn-normal{
	padding: 10px 30px;
	border-radius: 3px;
	display: block;
	width: 80px;
	font-size: 10px;
}

#xn-myspace-create-content-container .create-btns span{
	display: block;
	width: 20px;
	height: 38px;
	background: url("images/create-item.png?v=2.0.3") no-repeat -34px -590px;
}

#xn-myspace-create-content-container li:hover .create-btns span{
	background-position: -212px -590px;
}

#xn-myspace-create-content-container .create-item[mode=appsquare] .create-btns span{
	display: none;
}

#xn-myspace-create-all-container li[mode=all] {
	display: none;
}

/**
 * 4.1 - Upload Appsquare
*/

#page .xn-myspace-appsquare-container i.icon,
#page .xn-myspace-appsquare-detail-container i.icon,
#page .xn-myspace-appsquare-container h1{
	display: inline-block;
}

#page .xn-myspace-appsquare-container i.icon.icon-appsquare,
#page .xn-myspace-appsquare-container i.icon.icon-appsquare-prev {
	background-position: 0px -588px;
	width: 28px;
	height: 32px;
	margin: 0px 10px 9px 15px;
}

#page .xn-myspace-appsquare-container i.icon.icon-appsquare-prev{
	background-position: -476px -586px;
	margin-left: 0px;
	width: 22px;	
}

#page .xn-myspace-appsquare-container h1{
	font-size: 18px;
	line-height: 22px;
}

#xn-myspace-create-appsquare-details-container h1{color:#6f6f6f;}

#xn-myspace-create-appsquare-list-container .create-desc .create-desc-title, 
#xn-myspace-create-appsquare-list-container .create-desc .create-desc-content,
#xn-myspace-create-appsquare-details-container .create-desc .create-desc-title,
#xn-myspace-create-appsquare-details-container .create-desc .create-desc-content{
	margin-bottom: 5px;
	line-height: 16px;
}

#xn-myspace-create-appsquare-list-container .create-item,
#xn-myspace-create-appsquare-details-container .create-item{
	padding: 25px 0px 0px 0px;
}

#xn-myspace-create-appsquare-details-container .create-item{
	padding: 25px 0px;
	margin-bottom: 35px;
}

#xn-myspace-create-appsquare-list-container .create-desc{
	margin: 0px 5px 0px 0px;	
}

#xn-myspace-create-appsquare-list-container .create-icon,
#xn-myspace-create-appsquare-details-container .create-icon  {
    width: 90px;
    height: 90px;
    float: left;
    margin: 0px 25px 25px 25px;
    background: url("images/appsquare-icons.png?v=2.0.3") no-repeat;
}

#xn-myspace-create-appsquare-list-container .create-icon.syncthink-for-windows-icon ,
#xn-myspace-create-appsquare-details-container .create-icon.syncthink_for_windows-icon {
	background-position: 0px -90px;
}

#xn-myspace-create-appsquare-list-container .create-icon.syncthink-icon,
#xn-myspace-create-appsquare-details-container .create-icon.syncthink-icon {
	background-position: 0px -180px;
}

#xn-myspace-create-appsquare-list-container .create-icon.readystream-producer-icon,
#xn-myspace-create-appsquare-details-container .create-icon.readystream-producer-icon {
	background-position: 0px -270px;
}

#xn-myspace-create-appsquare-list-container .create-icon.readystream-studio-icon,
#xn-myspace-create-appsquare-details-container .create-icon.readystream_studio-icon {
	background-position: 0px -360px;
}

#xn-myspace-create-appsquare-list-container .create-icon.silverstream-producer-icon,
#xn-myspace-create-appsquare-details-container .create-icon.silverstream_producer-icon {
	background-position: 0px -450px;
}

#xn-myspace-create-appsquare-list-container .create-icon.presencast-icon,
#xn-myspace-create-appsquare-details-container .create-icon.presencast-icon {
	background-position: 0px -540px;
}

#xn-myspace-create-appsquare-list-container .create-download-btns,
#xn-myspace-create-appsquare-details-container .create-download-btns{
	margin-top: 4px;
	float: left;
}

#xn-myspace-create-appsquare-list-container .xn-myspace-appsquare-syncthink-for-windows .create-download-btns,
#xn-myspace-create-appsquare-list-container .xn-myspace-appsquare-readystream-producer .create-download-btns,
#xn-myspace-create-appsquare-list-container .xn-myspace-appsquare-readystream-studio .create-download-btns,
#xn-myspace-create-appsquare-list-container .xn-myspace-appsquare-silverStreamProducer-studio .create-download-btns,
#xn-myspace-create-appsquare-details-container #xn-myspace-appsquare-syncthink_for_windows .create-download-btns,
#xn-myspace-create-appsquare-details-container #xn-myspace-appsquare-readystream_producer .create-download-btns,
#xn-myspace-create-appsquare-details-container #xn-myspace-appsquare-readystream_studio .create-download-btns,
#xn-myspace-create-appsquare-details-container #xn-myspace-appsquare-silverstream_producer .create-download-btns {
	padding-top: 23px;
}

#xn-myspace-create-appsquare-list-container .create-download-btns .btn-normal,
#xn-myspace-create-appsquare-details-container .create-download-btns .btn-normal{
	margin-bottom: 10px;
	font-size: 12px;
	padding: 8px 0px;
	width: 148px;
	text-align: left;
}

#xn-myspace-create-appsquare-list-container .create-download-btns .btn-normal i,
#xn-myspace-create-appsquare-details-container .create-download-btns .btn-normal i,
#xn-myspace-create-appsquare-list-container .create-download-btns .btn-normal span,
#xn-myspace-create-appsquare-details-container .create-download-btns .btn-normal span{display:block;}

#xn-myspace-create-appsquare-list-container .create-download-btns .btn-normal span,
#xn-myspace-create-appsquare-details-container .create-download-btns .btn-normal span{line-height: 16px; margin-top:1px;margin-right:5px;}

#page #xn-myspace-create-appsquare-list-container i.icon.icon-windows,
#page #xn-myspace-create-appsquare-details-container i.icon.icon-windows{
	background-position: -33px -593px;
	width: 18px;
	height: 18px;
	margin: 0px 8px 0px 10px;
	float: left;
}

#xn-myspace-create-appsquare-list-container .create-download-btns .btn-mac-appsquare,
#xn-myspace-create-appsquare-list-container .create-download-btns .btn-appstore,
#xn-myspace-create-appsquare-list-container .create-download-btns .btn-googleplay,
#xn-myspace-create-appsquare-details-container .create-download-btns .btn-mac-appsquare,
#xn-myspace-create-appsquare-details-container .create-download-btns .btn-appstore,
#xn-myspace-create-appsquare-details-container .create-download-btns .btn-googleplay{
	padding: 1px 0px;
}

#xn-myspace-create-appsquare-list-container .create-download-btns .btn-mac-appsquare span,
#xn-myspace-create-appsquare-list-container .create-download-btns .btn-appstore span,
#xn-myspace-create-appsquare-list-container .create-download-btns .btn-googleplay span,
#xn-myspace-create-appsquare-details-container .create-download-btns .btn-mac-appsquare span,
#xn-myspace-create-appsquare-details-container .create-download-btns .btn-appstore span,
#xn-myspace-create-appsquare-details-container .create-download-btns .btn-googleplay span{
	background: url("images/icons.png?v=2.0.3") no-repeat -55px -587px;
	display: block;
	width: 135px;
	height: 32px;
	margin: 0px 0px 0px 4px;
}

#xn-myspace-create-appsquare-list-container .create-download-btns .btn-googleplay span,
#xn-myspace-create-appsquare-details-container .create-download-btns .btn-googleplay span{
	background-position: -194px -588px; 
	width: 112px;
}
#xn-myspace-create-appsquare-list-container .create-download-btns .btn-appstore span,
#xn-myspace-create-appsquare-details-container .create-download-btns .btn-appstore span{
	background-position: -139px -620px; 
}

/**
 * 4.2 - Upload Appsquare Details
*/
#xn-myspace-create-appsquare-details-container .btn-alink{
	width:auto !important;
}

#xn-myspace-create-appsquare-details-container .clearfix{
	clear:both;
}

#xn-myspace-create-appsquare-details-container .create-item:hover {
	background: #fff;
}

#xn-myspace-create-appsquare-details-container .create-desc{
	margin: 7px 5px 0px 0px;	
}

#xn-myspace-create-appsquare-details-container .create-environment-guide,
#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container{
	width: 95%;
	margin: 0 auto;
}

#xn-myspace-create-appsquare-details-container .create-environment-guide{
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	height: 44px;
}

#xn-myspace-create-appsquare-details-container .create-environment-guide div{
	float: left;
	padding-top: 8px;
}

#xn-myspace-create-appsquare-details-container .create-environment-guide div.create-userguide{
	float: right;
}

#xn-myspace-create-appsquare-details-container .create-environment span{
	margin: 0px 10px;
}

#xn-myspace-create-appsquare-details-container .icon.icon-windows-s{
	background-position: -308px -588px;
}

#xn-myspace-create-appsquare-details-container .icon.icon-ios{
	background-position: -336px -588px;
}

#xn-myspace-create-appsquare-details-container .icon.icon-android{
	background-position: -392px -588px;
	margin-left: 5px;
}

#xn-myspace-create-appsquare-details-container .icon.icon-firefox-s{
	background-position: -532px -588px;
	margin-left: 5px;
}

#xn-myspace-create-appsquare-details-container .icon.icon-chrome-s{
	background-position: -560px -588px;
	margin-left: 5px;
}

#xn-myspace-create-appsquare-details-container .icon.icon-ie-s{
	background-position: -588px -588px;
	margin-left: 5px;
}

#xn-myspace-create-appsquare-details-container .icon.icon-safari-s{
	background-position: -616px -588px;
	margin-left: 5px;
}

#xn-myspace-create-appsquare-details-container .icon.icon-opera-s{
	background-position: -644px -588px;
	margin-left: 5px;
}

#xn-myspace-create-appsquare-details-container .icon.icon-guide-download,
#xn-myspace-create-appsquare-details-container .icon.icon-guide-next,
#xn-myspace-create-appsquare-details-container .icon.icon-guide-android,
#xn-myspace-create-appsquare-details-container .icon.icon-guide-mac{
	width: 15px;
	height: 15px;
	background-position: -371px -595px;
	margin: 0px 0px 0px 7px;
}

#xn-myspace-create-appsquare-details-container .icon.icon-guide-next{
	width: 14px;
	background-position: -510px -595px;
}

#xn-myspace-create-appsquare-details-container .icon.icon-guide-android{
	width: 16px;
	height: 18px;
	background-position: -426px -593px;
}

#xn-myspace-create-appsquare-details-container .icon.icon-guide-mac{
	width: 15px;
	height: 18px;
	background-position: -455px -594px;
}

#xn-myspace-create-appsquare-details-container .create-userguide .btn-normal,
#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-desc .btn-normal{
	border-radius: 15px;
	padding: 6px 15px 5px 15px;
	margin: 0px 10px;
	text-decoration: none;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-desc .btn-normal{margin: 0px;}

#xn-myspace-create-appsquare-details-container .syncthink-run .create-environment-guide .btn-normal{padding: 4px 15px 3px 15px;margin: 0px 5px 0px 0px;}
#xn-myspace-create-appsquare-details-container .syncthink-run .create-environment-guide .font-normal.font-gray{margin: 0px 15px 0px 0px;}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container{
	padding: 20px 0px;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .xn-myspace-appsquare-contents-summary{
	text-align: center;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .xn-myspace-appsquare-contents-summary div{
	margin: 10px 0px;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .xn-myspace-appsquare-contents-summary ul{
	list-style: none;
	margin: 45px 0px 45px 0px;
	padding: 0px;
	text-align: center;
	line-height: 18px;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .xn-myspace-appsquare-contents-summary ul.xn-myspace-appsquare-contents-summary-text{
	margin: 0px;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .xn-myspace-appsquare-contents-summary ul li{
	display: inline-block;
	margin: 0px 0px 10px 0px;
	vertical-align: text-top;
	text-align: center;
	width: 15%;
	font-weight: bold;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .xn-myspace-appsquare-contents-summary ul li.xn-myspace-appsquare-contents-summary-icon-arrow{
	width: 7%;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .xn-myspace-appsquare-contents-summary ul li img{	
    width: 100%;
	max-width: 100px;
	margin-bottom: 5px;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .xn-myspace-appsquare-contents-summary ul li img.appsquare-details-icons-arrow{
	max-width: 18px;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide,
#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-container{
	width: 100%;
	float: left;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-container{
	margin-bottom: 45px;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-container div.xn-myspace-appsquare-contents-guide-img,
#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-container div.xn-myspace-appsquare-contents-guide-desc{
	float: left;
	width: 50%;
	text-align: center;	
	position: relative;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-container div.xn-myspace-appsquare-contents-guide-img img{
	width: 100%;
	max-width: 300px;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-container div.xn-myspace-appsquare-contents-guide-desc{
	text-align: left;
	margin-top: 5px;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-container div.xn-myspace-appsquare-contents-guide-desc .font-normal.font-24{
	font-size: 140%;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-container div.xn-myspace-appsquare-contents-guide-desc .font-normal.font-24 .font-normal{
	font-size: 120%;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-container div.xn-myspace-appsquare-contents-guide-desc div{
	margin: 5px 0px;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-container div.xn-myspace-appsquare-contents-guide-desc div.margninbottom15,
#xn-myspace-create-appsquare-details-container div.margninbottom15{
	margin-bottom: 15px;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-container div.xn-myspace-appsquare-contents-guide-desc div.marginleft20{
	margin-left: 20px;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-desc-boxline{
	border: 1px solid #ededed;
	padding: 10px 20px;
	margin: 0px 20px;
	line-height: 18px;
	position: relative;
	text-align: left;
	min-height: 75px;
}

#xn-myspace-appsquare-silverstream_producer .xn-myspace-appsquare-contents-guide-desc-boxline{
	margin-bottom: 40px;
}

#xn-myspace-create-appsquare-details-container .title-selfPresentation,
#xn-myspace-create-appsquare-details-container .title-synthinkPresentation{
	background: url("images/appsquare-details-guide-syncthink-btns.png?v=2.0.3") no-repeat;
	width: 163px;
	height: 30px;
	display: block;
	margin: -25px auto 10px auto;
}

#xn-myspace-create-appsquare-details-container .title-sss{
	background: #1f8fe9;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	padding: 7px 15px;
	display: block;
	margin: -25px 20px 10px 20px;
	border-radius: 3px;
	text-align: center;
}

#xn-myspace-create-appsquare-details-container .title-synthinkPresentation{
	background-position: 0px -30px;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-img span.link-position{
	position: absolute;
	bottom: 13px;
	right: 225px;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .xn-myspace-appsquare-contents-summary div.box-sky,
#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .xn-myspace-appsquare-contents-summary div.box-orange,
#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .xn-myspace-appsquare-contents-summary div.box-gray{
	background: #f0f7ff;
	padding: 15px 30px;
	width: 45%;
	margin: 20px auto 40px auto;
	text-align: left;
	line-height: 18px;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .xn-myspace-appsquare-contents-summary div.box-orange{
	background: #fff8e6;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .xn-myspace-appsquare-contents-summary div.box-gray{
	background: #f5f5f5;
	text-align: center;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .icon.icon-system-info{
	background-position: -7px -624px;
	width: 14px;
	height: 20px;
}

#xn-myspace-create-appsquare-details-container div.xn-myspace-appsquare-contents-guide-desc.width95{
	width: 96%;
	margin: 0 auto;
	float: none;
}

#xn-myspace-create-appsquare-details-container div.xn-myspace-appsquare-contents-guide-desc.width95 .btn-normal,
#xn-myspace-create-appsquare-details-container .btn-normal.btn-sampleplay{
	margin-top: 10px;
	margin-right: 10px;
}

#xn-myspace-create-appsquare-details-container .btn-normal.btn-sampleplay{
	margin-bottom: 20px;
}

#page .btn-alink.btn-normal.font-normal.font-green.btn-sampleplay,
#page .font-normal.font-green:hover {
    color: #02b261;
}

#xn-myspace-create-appsquare-details-container .btn-normal.btn-sampleplay i.icon-green-play,
#xn-myspace-create-appsquare-details-container .btn-normal.btn-sampleplay i.icon-blue-play{
	background-position: -36px -628px;
	width: 13px;
	height: 14px;
	margin: 0px 0px 0px 5px;
}

#xn-myspace-create-appsquare-details-container .btn-normal.btn-sampleplay i.icon-blue-play{
	background-position: -64px -628px;
}

#xn-myspace-create-appsquare-details-container #xn-myspace-appsquare-readystream_producer div.xn-myspace-appsquare-contents-guide-img{width: 55%;}
#xn-myspace-create-appsquare-details-container #xn-myspace-appsquare-readystream_producer div.xn-myspace-appsquare-contents-guide-desc.widt45{width: 45%;}

#xn-myspace-create-appsquare-details-container #xn-myspace-appsquare-readystream_producer div.xn-myspace-appsquare-contents-guide-img img{
	max-width: 342px;
}

#xn-myspace-create-appsquare-details-container i.icon-number_1,
#xn-myspace-create-appsquare-details-container i.icon-number_2{
	background-position: -89px -625px;
	width: 23px;
	height: 18px;
}

#xn-myspace-create-appsquare-details-container i.icon-number_2{
	background-position: -117px -625px;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-desc-boxline-img,
#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-desc-boxline-desc{
	float: left;
	width: 65%;
	margin-top: 3px;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-desc-boxline-img{
	width: 90px;
}

#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-container div.xn-myspace-appsquare-contents-guide-desc-boxline-img img{
	width: 100%;
	max-width: 81px;
}

/**
 * 5.0 - PresenCast PDF
*/

#xn-myspace-create-presencastpdf-template-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: #fff;
	border-radius: 0px 0px 5px 5px;
}

#xn-myspace-create-presencastpdf-inputbox-container {
	background: #fff;
	padding: 0px;
}

#xn-myspace-create-presencastpdf-list-container {
	height: 100%;
	background: #f5f5f5;
	border-top: 1px solid #e1e1e1;
}

#xn-myspace-create-presencastpdf-filebox-container label {
	display: inline-block;
	padding: .5em .75em;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #2e6da4;
	border-bottom-color: #e2e2e2;
	border-radius: .25em;
	color: #fff;
	background-color: #337ab7;
}

#xn-myspace-create-presencastpdf-inputbox-form {
	max-width: 720px;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
	border: 2px dashed #c5c5c5;
	border-radius: 10px;
	background: #fff;
	text-align: center;
	padding: 30px 0px;
	position: relative;
}

#xn-myspace-create-presencastpdf-inputbox-form ul.fileupload{
	display: none;
}

#xn-myspace-create-presencastpdf-inputbox-form .contenttype-des{
	margin-top: 15px;
}

#xn-myspace-create-presencastpdf-inputbox-form:hover {
	border-color: #888;
}

#xn-myspace-create-presencastpdf-filebox-container input[type="file"] {  /* 파일 필드 숨기기 */
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}

#page #xn-myspace-create-presencastpdf-filebox-container .btn-normal.btn-upload{
	min-width: 230px;
}

#xn-myspace-create-presencastpdf-list-empty {
	text-align: center;
	padding-top: 120px;
}

.xn-myspace-create-presencastpdf-list-title,
#xn-myspace-create-presencastpdf-list{
	max-width: 720px;
	margin: 0 auto;
	position: relative;
}

.xn-myspace-create-presencastpdf-list-title h2{
	margin: 18px 0px;
	padding: 0px;
}

.xn-myspace-create-presencastpdf-list-title .xn-myspace-create-presencastpdf-list-paging{
	position: absolute;
	top: -2px;
	right: 0px;
}

#page .xn-myspace-create-presencastpdf-list-title .xn-myspace-create-presencastpdf-list-paging .btn-normal.btn-icon,
#page .xn-myspace-create-presencastpdf-list-title .xn-myspace-create-presencastpdf-list-paging .btn-normal.btn-icon i {
    width: 20px;
    height: 20px;
	margin: 0px;
}

#page .xn-myspace-create-presencastpdf-list-title .xn-myspace-create-presencastpdf-list-paging .btn-normal.btn-icon i {
	background-position: -4px -228px;
}

#page .xn-myspace-create-presencastpdf-list-title .xn-myspace-create-presencastpdf-list-paging .btn-normal.btn-icon[disabled] i {
	background-position: -60px -228px;
}

#page .xn-myspace-create-presencastpdf-list-title .xn-myspace-create-presencastpdf-list-paging .btn-normal.btn-icon.btn-next {
	border-left: 0px;
}

#page .xn-myspace-create-presencastpdf-list-title .xn-myspace-create-presencastpdf-list-paging .btn-normal.btn-icon.btn-next i {
	background-position: -88px -228px;	
}

#page .xn-myspace-create-presencastpdf-list-title .xn-myspace-create-presencastpdf-list-paging .btn-normal.btn-icon.btn-next[disabled] i {
	background-position: -143px -228px;
}

#xn-myspace-create-presencastpdf-list{
	max-width: 744px;	
}

#xn-myspace-create-presencastpdf-list .xn-myspace-create-presencastpdf-list-item {
 	width: 160px;
 	height: 143px;
 	float: left;
	margin: 0px 13px;
}

#xn-myspace-create-presencastpdf-list .xn-myspace-create-presencastpdf-list-item-thumb-frame{
	background: #e2e2e2;
	text-align: center;
	width: 160px;
 	height: 90px;
	margin-bottom: 5px;
	position: relative;
}

#xn-myspace-create-presencastpdf-list .xn-myspace-create-presencastpdf-list-item-thumb {
	max-width: 160px;
	max-height: 90px;	
}

#xn-myspace-create-presencastpdf-list .xn-myspace-create-presencastpdf-list-item-thumb.no-thumbnail {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 160px;
	height: 90px;
	background-position: 32px 16px;
}

#xn-myspace-create-presencastpdf-list span{
	display: block;
	width: 160px;
	height: 30px;
	overflow: hidden;
}

/**
 * 6.0 - Media Queries
 */

.k-mobile #xn-myspace-create-social-link-tab-container #xn-myspace-sociallink-input,
.k-mobile #xn-myspace-create-social-link-tab-container #xn-myspace-htmlcode-input{
	width: 51%;
	padding: 9px;
	border-radius: 3px;
	border: 1px solid #dedede;
	color: #999;
	line-height: 12px;
}

@media screen and (max-width: 1010px) {
	#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-desc-boxline-img {
		width: 32%;margin-right: 5px;
	}
	
	#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-desc-boxline{padding: 10px 10px;}
	#xn-myspace-create-appsquare-details-container .title-sss{margin: -25px 0px 10px 0px;}
}
@media screen and (max-width: 950px) {
	#xn-myspace-create-appsquare-details-container .create-environment span{margin: 0px 5px;}
	
	
	#xn-myspace-create-appsquare-list-container .create-download-btns {width: 67%;margin-right:15px;padding: 10px 0px !important;}
	
	#xn-myspace-create-appsquare-details-container .create-desc,
	#xn-myspace-create-appsquare-details-container .create-download-btns {
		width: 70%;float: right;margin-bottom: 10px;margin-right:15px;padding-top:0px !important;
	}
	
	#xn-myspace-create-appsquare-list-container .create-download-btns .btn-normal,
	#xn-myspace-create-appsquare-details-container .create-download-btns .btn-normal{
		float: left; margin: 0px 7px 10px 0px;
	}
	body.en #xn-myspace-create-appsquare-list-container .create-download-btns .btn-normal.btn-window-install,
	body.en #xn-myspace-create-appsquare-details-container .create-download-btns .btn-normal.btn-window-install,
	body.ja #xn-myspace-create-appsquare-list-container .create-download-btns .btn-normal.btn-window-install,
	body.ja #xn-myspace-create-appsquare-details-container .create-download-btns .btn-normal.btn-window-install{width:190px;vertical-align:bottom;}
	
	#xn-myspace-create-appsquare-details-container .btn-normal.btn-sampleplay{margin: 0px 0px 10px 0px;}
}

@media screen and (max-width: 865px) {
	#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .xn-myspace-appsquare-contents-summary ul{
		margin-top: 20px;
	}
	
	#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .xn-myspace-appsquare-contents-summary ul li{
		width: 18%;
		font-size: 12px;
	}
	
	#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .xn-myspace-appsquare-contents-summary ul li.xn-myspace-appsquare-contents-summary-icon-arrow, 
	#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .xn-myspace-appsquare-contents-summary ul li.xn-myspace-appsquare-contents-summary-icon-arrow-2{
		width: 6%;
	}
	
	#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .xn-myspace-appsquare-contents-summary ul li img.appsquare-details-icons-arrow{
		margin: 0px;
		display: inline-block;
	}
	
	#page #xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .xn-myspace-appsquare-contents-summary div.font-normal.font-24{
		font-size: 110%;
	}
	
	#xn-myspace-create-contentupload-container .nav-tabs>li{width: 31%;}
	#xn-myspace-create-inputbox-container .xn-myspace-create-inputbox-content-type label{margin:0px 10px 0px 0px;}
	#xn-myspace-create-inputbox-container .xn-myspace-create-inputbox-content-type-title{width:75px; margin: 0px 0px 0px 10px;}
	#xn-myspace-create-inputbox-container .xn-myspace-create-inputbox-content-type,
	#xn-myspace-create-inputbox-container .xn-myspace-create-inputbox-content-upload{width:90%;}
	
	
	#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-desc-boxline{padding: 10px 20px;}
	#xn-myspace-appsquare-silverstream_producer .xn-myspace-appsquare-contents-guide-container div.xn-myspace-appsquare-contents-guide-img{
		width: 100%;
		float: none;
		margin: 0px auto 20px auto;
		text-align: left;
	}
	
	#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-desc-boxline-img{width: 25%;}
	
}

@media screen and (max-width: 750px) {
	
	#xn-myspace-create-all-container, 
	#xn-myspace-create-desktoptool-container .xn-myspace-desktoptool-container, 
	#xn-myspace-create-appsquare-container .xn-myspace-appsquare-container{
		margin-top: 20px;
	}
	
	#xn-myspace-create-content-container #xn-myspace-create-desktoptool-container .create-item,
	#xn-myspace-create-appsquare-list-container .create-item{
		width: 100%;
		text-align: center;
	}
	
	#xn-myspace-create-content-container #xn-myspace-create-desktoptool-container .create-icon,
	#xn-myspace-create-appsquare-list-container .create-item .create-icon,
	#xn-myspace-create-content-container .create-btns,
	#xn-myspace-create-appsquare-list-container .create-download-btns,
	#xn-myspace-create-appsquare-details-container .create-download-btns{
		display: inline-block;
		margin: 0px;
		float: none;
		position: relative;
		top: 0px;
		left: 0px;
		text-align: center;
		padding: 0px !important;
	}
	
	#xn-myspace-create-content-container #xn-myspace-create-desktoptool-container .create-desc,
	#xn-myspace-create-appsquare-list-container .create-desc{
		width: 90%;
		margin: 0 auto;
		margin-top: 30px;
		float: none;
	}
	
	#xn-myspace-create-appsquare-list-container .create-download-btns,
	#xn-myspace-create-appsquare-details-container .create-download-btns{
		margin-bottom: 25px;
		width: 100%;
	}
	
	#xn-myspace-create-appsquare-details-container .create-download-btns{
		margin-top: 10px;	
	}
	
	#xn-myspace-create-appsquare-list-container .create-download-btns .btn-normal,
	#xn-myspace-create-appsquare-details-container .create-download-btns .btn-normal{
		float: none; margin: 0px 5px;display: inline-block;
	}
	
	#xn-myspace-create-appsquare-details-container .create-environment span.create-stile{
		display: none;
	}
	
	#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .xn-myspace-appsquare-contents-summary ul li{
		width: 18%;
	}
	
	#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .xn-myspace-appsquare-contents-summary ul li.xn-myspace-appsquare-contents-summary-icon-arrow, 
	#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .xn-myspace-appsquare-contents-summary ul li.xn-myspace-appsquare-contents-summary-icon-arrow-2{
		width: 6%;
	}
	
	#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .xn-myspace-appsquare-contents-summary ul li img.appsquare-details-icons-arrow{
		width: 54%;
	}
	
	.xn-myspace-create-social-content .nav.nav-tabs,
	#xn-myspace-create-social-link-tab-container{
		width: 90%;
	}
	
	#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills>li.active>a,
	#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li>a {
		padding: 10px;
	}

	#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a span {
		display: none;
	}

	#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .storage-status {
		display: none;
	}
	
	#xn-myspace-create-all-container .create-btns{display:none;}
	
	#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a{padding: 5px 10px 5px 10px !important;}
	
	#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=appsquare], 
	#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills>li.active>a[mode=appsquare], 
	#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills>li.active>a[mode=appsquare]:focus{
		margin: 6px; padding: 4px 5px !important;
		width: 25px;
	} 
	
	#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=appsquare] i, 
	#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li.active a[mode=appsquare] i{
		background-position: -141px -532px;
	}
	
	#xn-myspace-create-contentupload-container .xn-myspace-create-contentupload-content{padding-top:30px;}
	#xn-myspace-create-contentupload-container .nav-tabs>li>a{padding: 10px 5px;}		
	
}

@media screen and (max-width: 590px) {
	#xn-myspace-create-inputbox-container .xn-myspace-create-inputbox-content-upload-form{margin-left:5px;}
	#xn-myspace-create-inputbox-container .xn-myspace-create-inputbox-content-upload-title .font-normal.font-bold,
	#xn-myspace-create-inputbox-container .xn-myspace-create-inputbox-content-upload-form span,
	#xn-myspace-create-inputbox-container .xn-myspace-create-inputbox-content-upload-form .xn-myspace-create-inputbox-content-upload-form-title{
		width:100%;
		margin-bottom:3px;
	}
}
@media screen and (max-width: 480px) {
	#xn-myspace-create-all-container .create-desc{
		height: 74px;
		margin-top: 10px !important;
	}
	
	#xn-myspace-create-appsquare-list-container .create-download-btns, 
	#xn-myspace-create-appsquare-details-container .create-download-btns{
		text-align: center;
	}
	
	#xn-myspace-create-appsquare-list-container .create-download-btns .btn-normal, 
	#xn-myspace-create-appsquare-details-container .create-download-btns .btn-normal{
		float: none;
		margin-bottom: 5px;
		display: inline-block;
	}	
	
	#xn-myspace-create-appsquare-details-container .create-environment-guide div{
		width: 100%;
		border-top: 1px solid #ededed;
		border-bottom: 1px solid #ededed;
		padding: 5px 0px;
	}
	
	#xn-myspace-create-appsquare-details-container .create-environment-guide{
		border-style: none;
		height: auto;
	}
	
	#xn-myspace-create-appsquare-details-container .create-environment-guide div.create-userguide{
		border-top-style: none;
	}
	
	#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container{
		float: left;
		padding: 20px 10px;
	}
	
	#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-container div.xn-myspace-appsquare-contents-guide-img, 
	#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-container div.xn-myspace-appsquare-contents-guide-desc,
	#xn-myspace-create-appsquare-details-container #xn-myspace-appsquare-readystream_producer div.xn-myspace-appsquare-contents-guide-img,
	#xn-myspace-create-appsquare-details-container #xn-myspace-appsquare-readystream_producer div.xn-myspace-appsquare-contents-guide-desc.widt45{
		width: 90%;
		margin-left: 5%;
		margin-bottom: 10px;
	}
	
	#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-container div.xn-myspace-appsquare-contents-guide-desc{
		margin-bottom: 25px;
		padding-bottom: 25px;
		border-bottom: 1px solid #ededed;
		float: left;
	}
	
	#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-container{
		margin-bottom: 10px;
	}
	
	#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-desc-boxline{
		margin: 0px 0px 20px 0px;
	}
	
	#xn-myspace-create-appsquare-details-container .title-sss{
		margin: -25px 15px 10px 15px;
	}
	
	#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-guide-desc-boxline-desc{width: 59%;}
	
	#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .xn-myspace-appsquare-contents-summary div.box-sky, 
	#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .xn-myspace-appsquare-contents-summary div.box-orange,
	#xn-myspace-create-appsquare-details-container .xn-myspace-appsquare-contents-container .xn-myspace-appsquare-contents-summary div.box-gray{
		width: 85%;
		padding: 10px 15px;
		margin: 0px auto 20px auto;
	}
	
	#xn-myspace-create-appsquare-details-container .btn-normal.btn-sampleplay{margin-top: 0px;margin-bottom:10px;}
	
	#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a{padding: 5px 10px 5px 10px !important;}
	
	#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=appsquare], 
	#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills>li.active>a[mode=appsquare], 
	#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills>li.active>a[mode=appsquare]:focus{
		margin: 6px; padding: 4px 5px !important;;
	} 
	
	#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li.active a[mode=appsquare] {
		margin: 5px 6px 6px 6px;
	}
	#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li a[mode=appsquare] i, 
	#xn-myspace-create-horizontal-container #xn-myspace-create-menu-container .nav-pills li.active a[mode=appsquare] i{
		background-position: -141px -532px;
	}
	
}
/**
 * Table of Contents
 *
 * 1.0 - Common
 * 2.0 - Contents Upload Status
 * 2.1 - Contents Info
 * 3.0 - Contents NewEditInfo
 * 4.0 - Contents Folder
 * 5.0 - Caption
 * 6.0 - Buttons
 * 7.0 - Contents Edit
 * 8.0 - Oncast Edit
 * 9.0 - 갤러리 게시
 * 10.0 - 외부 콘텐츠
 */

/**
 * 1.0 - Common
 */

#xn-myspace-new-edit-main-container {
	display: none;
	height: 100%
}

#xn-myspace-new-edit-top-container,
#xn-myspace-new-edit-content-container,
.xn-myspace-new-edit-upload-fail-container,
#xn-myspace-new-edit-container .xn-myspace-create-social-content,
#xn-myspace-lecture-replace-container,
#xn-myspace-new-edit-wbtzip-container{
	max-width: 720px;
	width: 94%;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
	min-height: auto;
	background: #fff;
	box-shadow: 0 1px 2px rgba(0,0,0,0.175);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.175);
	word-break: break-all;	
}

#xn-myspace-new-edit-loading-container #xn-myspace-new-edit-loading-progress {
	width: 48px;
	height: 48px;
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 60px;
	background: url("images/loading_circle.gif") no-repeat;
}

#xn-myspace-new-edit-save-container {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

#xn-myspace-new-edit-save-loading-background-container {
	width: 100%;
	height: 100%;
	background-color: white; 
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

#xn-myspace-new-edit-save-container #xn-myspace-new-edit-loading-container {
	position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -24px;
    margin-top: -24px;
}

#xn-myspace-new-edit-save-container #xn-myspace-new-edit-loading-container #xn-myspace-new-edit-loading-progress {
	margin: 0;
}

.clearfix {
	clear: both;
}

/**
 * 2.0 - Contents Upload Status
*/
#xn-myspace-new-edit-upload-progress-container {
	width: 100%;
	text-align: center;
	position: relative;
	margin: 47px 0px;
}

#xn-myspace-new-edit-upload-progress-container .font-normal{
	margin-bottom: 5px;
	display: block;
}

#xn-myspace-new-edit-upload-progress-container .font-normal.font-red{
	margin-bottom: 23px;
}

#xn-myspace-new-edit-upload-progress-container h3.font-normal{
	width: 100%;
	margin: 0px 0px 8px 0px;
	padding: 0px;
	font-weight: normal;
}

#xn-myspace-new-edit-upload-progress-container .icon.icon-uploadalrim{
	background-position: -89px -481px;
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 3px;
}

#xn-myspace-new-edit-upload-progress-container .progress{
	background-color: #e6e6e6;
	margin: 0px 0px 10px 0px;
}

#xn-myspace-new-edit-upload-progress-container .progress-bar{
	background-color: #1e75d6;
}

#page .xn-myspace-new-edit-upload-container .btn-normal{
	position: absolute;
	right: 0px;
	bottom: -4px;
	background: none;
	border: 0px solid #fff;
}

#page .xn-myspace-new-edit-upload-container .btn-normal.btn-icon i.icon-cancel{
	background-position: -117px -481px;
	display: block;
	width: 18px;
	height: 18px;
}

#page .xn-myspace-new-edit-upload-container .btn-normal:hover{
	background: none;
}

.xn-myspace-new-edit-upload-fail-container #xn-myspace-new-edit-upload-progress-container{
	margin-top: 27px;
}

.xn-myspace-new-edit-upload-fail-container i{
	width: 100%;
	height: 20px;
	display: block;
	background: #e5c1c1;
	border-radius: 4px;
}

.xn-myspace-new-edit-upload-fail-container .xn-myspace-new-edit-upload-progress-btns{
	margin: 15px 0px 0px 0px;
	padding-top: 15px;
	border-top: 1px solid #e2e2e2;
}

/**
 * 2.1 - Contents Info
*/

#xn-myspace-new-edit-content-info-container .xn-myspace-new-edit-content-info-title{
	border-bottom: 1px solid #e2e2e2;
	height: 27px;
	position: relative;
	margin-bottom: 15px;
}

#xn-myspace-new-edit-content-info-container .xn-myspace-new-edit-content-info-title span{
	height: 19px;
	overflow: hidden;
	width: 83%;
	float: left;
	line-height: 22px;
}

#page #xn-myspace-new-edit-file-container .btn-normal,
#page #xn-myspace-new-edit-youtube-container .btn-normal,
#page #xn-myspace-new-edit-embed-container .btn-normal,
#page #xn-myspace-new-edit-lecture-container .btn-normal{
	position: absolute;
	top: 0px;
	right: 0px;
}

#xn-myspace-new-edit-content-info-container .xn-myspace-new-edit-content-info-des{
	min-height: 113px;
	height: 132px;
	position: relative;
}

#xn-myspace-new-edit-content-info-container .xn-myspace-new-edit-content-info-des table{
	max-width: 100%;
	min-width: 50%;
}

#xn-myspace-new-edit-file-container label,
#xn-myspace-new-edit-thumbnail-container label {
	display: inline-block;
	padding: .5em .75em;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid #2e6da4;
	border-bottom-color: #e2e2e2;
	border-radius: .25em;
	color: #fff;
	background-color: #337ab7;
}

#xn-myspace-new-edit-file-container input[type="file"],
#xn-myspace-new-edit-thumbnail-container input[type="file"] {  /* 파일 필드 숨기기 */
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}

.xn-myspace-new-edit-thumbnail{
	width: 197px;
	max-height: 131px;
	margin-right: 20px;	
	float: left;
	text-align: center;
}

.xn-myspace-new-edit-thumbnail-img-frame{
	width: 197px;
	background: #e6e6e6;
	height: 112px;
	border: 1px solid #cdcdcd;
}

.xn-myspace-new-edit-thumbnail img {
	width: auto;
	max-width: 195px;
	height: 110px;
	background: #e6e6e6;
}

.xn-myspace-new-edit-thumbnail .thumbnail_block {
	width: auto;
	max-width: 195px;
	height: 110px;
	background: #000000;
}

.xn-myspace-new-edit-thumbnail .thumbnail_block p {
	width: auto;
	max-width: 195px;
	height: 110px;
	color: #e6e6e6;
	line-height:1.5;
	font-size: 11px;
	text-align:center;
	padding:25px;
}

#xn-myspace-new-edit-thumbnail-container .btn-normal{
	width: 197px;
	position: absolute;
	left: 0px;
	bottom: 1px;	
}

#xn-myspace-new-edit-content-info-container .xn-myspace-new-edit-content-info-des table td{
	padding: 5px 0px;	
}

#xn-myspace-new-edit-content-info-container .xn-myspace-new-edit-content-info-des .xn-myspace-new-edit-content-des-title{
	width:  90px;
	color: #666;
}

#xn-myspace-new-edit-content-info-container .xn-myspace-new-edit-content-info-des table td a{
	color: #1e75d6;
}

#xn-myspace-new-edit-content-info-container .xn-myspace-new-edit-content-info-des .completed-message{
	background-color: #dff3ed;
	text-align: center;
	padding: 2px 0px;
	width: 100%;
	display: block;
}

#xn-myspace-new-edit-content-info-container .xn-myspace-new-edit-content-info-des .completed-message i{
	display: inline-block;
	background-position: -146px -481px;
	width: 18px;
	height: 18px;
	margin-right: 5px;
}

/**
 * 3.0 - Contents NewEditInfo
*/

#xn-myspace-new-edit-content-container{
	padding: 10px 20px 20px 20px;
	margin-bottom: 20px;
}

#xn-myspace-new-edit-content-container .nav.nav-tabs{
	margin: 0px 0px 15px 0px;
	border-color: #e2e2e2;
}

#xn-myspace-new-edit-content-container .nav>li>a{
	padding: 10px 0px 10px 0px;
	color: #999;
	border-style: none;
	line-height: 12px;
	margin: 0px 20px 0px 0px;
	font-size: 14px;
}

#xn-myspace-new-edit-content-container .nav>li>a:hover{
	background: none;
	color: #333;
}

#xn-myspace-new-edit-content-container .nav-tabs>li.active>a{
	border-bottom: 2px solid #4a8fe8;
	color: #333;
}

#xn-myspace-new-edit-content-tab-content-container,
#xn-myspace-new-edit-content-metadata-container{
	width: 100%;
}

#page #xn-myspace-new-edit-content-tab-content-container .icon-plus {
	background-position: -5px -84px;
}

#page #xn-myspace-new-edit-content-tab-content-container .btn-normal.btn-icon.btn-plus[disabled] .icon-plus {
	background-position: -33px -84px;
}

#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content-tab-content-left,
#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content-tab-content-right{
	width: 49%;
	display: inline-block;
}

#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content-tab-content-right{
	float: right;
	position: relative;
}


#xn-myspace-new-edit-content-metadata-container input[type=text],
#xn-myspace-new-edit-content-metadata-container input[type=number],
#xn-myspace-new-edit-content-metadata-container .btn-folder,
#xn-myspace-new-edit-content-metadata-container textarea,
#xn-myspace-new-edit-content-metadata-container .tag-editor,
#xn-myspace-new-edit-content-metadata-index-popup-width,
#xn-myspace-new-edit-content-metadata-index-popup-height{
	width: 99%;
	margin-bottom: 10px; 
	padding: 5px 9px;
	border: 1px solid #c4c4c4;
	color: #333;
}

#xn-myspace-new-edit-content-metadata-index-popup-width:focus,
#xn-myspace-new-edit-content-metadata-index-popup-height:focus,
#xn-myspace-new-edit-wbtzip-container .xn-myspace-new-edit-content-metadata-inputbox input[type=text]:focus,
#xn-myspace-new-edit-content-metadata-container input[type=text]:focus,
#xn-myspace-new-edit-content-metadata-container input[type=number]:focus,
#xn-myspace-new-edit-content-metadata-container .btn-folder:focus,
#xn-myspace-new-edit-content-metadata-container textarea:focus,
#xn-myspace-new-edit-content-metadata-container .tag-editor:focus,
#xn-myspace-new-edit-content-metadata-container input[type=file]:focus,
#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content .btn-folder:focus{
    outline: none !important;
    border:1px solid #52a7ff;
    box-shadow: 0 0 0px #719ECE;
}

#xn-myspace-new-edit-content-metadata-container .tag-editor{
	margin-bottom: 0px;
}

#xn-myspace-new-edit-content-metadata-container input[type=file]{
	padding: 2px;
	border: 1px solid #c4c4c4;
	width: 99%;
}

#xn-myspace-new-edit-content-metadata-container textarea{
	resize:vertical;
	height: 39px;
}

/* placeholder only style */ 
#xn-myspace-new-edit-content-metadata-container input[type=text]:-ms-input-placeholder , 
#xn-myspace-new-edit-content-metadata-container textarea:-ms-input-placeholder {
color: #bbb;
}

#xn-myspace-new-edit-content-metadata-container .tag-editor{
	padding: 0px;
	font-size: 12px;
}

#xn-myspace-new-edit-content-metadata-container .tag-editor input[type=text]{
	border: 0px solid #fff;
	padding: 0px;
	margin: 0px;
}

#xn-myspace-new-edit-content-metadata-container .tag-editor .tag-editor-spacer{
	width: 3px;
}

#xn-myspace-new-edit-content-metadata-container .tag-editor div{padding:0px;}

#xn-myspace-new-edit-content-metadata-container .tag-editor .tag-editor-tag, 
#xn-myspace-new-edit-content-metadata-container .tag-editor .tag-editor-delete{
	background: #e5e5e5;
}

body.ja #xn-myspace-new-edit-content-metadata-container .tag-editor .tag-editor-tag{
	font-family: "Meiryo", "Dotum", "Arial";
}

#xn-myspace-new-edit-content-metadata-container .btn-folder{
	margin: 0px;
	text-align: left;
	background: #fff;
}

#xn-myspace-new-edit-content-metadata-container .btn-folder i{
	background: url("images/icons.png?v=2.0.3") -6px -8px;
	width: 16px;
	height: 13px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

#xn-myspace-new-edit-content-metadata-container .btn-folder.btn-lecture-folder i{
	background-position: -90px -6px;
    width: 18px;
    height: 18px;
}

#xn-myspace-new-edit-content-metadata-container .btn-folder.btn-lecture-folder{
	padding: 3px 9px;
}

#xn-myspace-new-edit-content-metadata-container .btn-folder .caret{
	position: absolute;
	right: 13px;
	top: 12px;
}

#xn-myspace-new-edit-content-metadata-container input[type=radio]{
	margin-right: 5px;
	vertical-align: middle;
}

#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content-tab-content-right label,
#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content-tab-content-left label{
	margin: 0px 0px 5px 0px;
	float: left;
	width: 50%;
}

#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content-tab-content-left .xn-myspace-new-edit-content,
#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content-tab-content-right .xn-myspace-new-edit-content{
	margin-bottom: 13px;
	width: 100%;
	float: left;
}

#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content-tab-content-left .xn-myspace-new-edit-content{
	margin-bottom: 12px;
}

#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content-tab-content-right .xn-myspace-new-edit-content-metadata-title{
	width: 26%;
	float: left;
}

#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content-tab-content-right .xn-myspace-new-edit-content-metadata-title.metadata-title-folder,
#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content-tab-content-right .xn-myspace-new-edit-content-metadata-title.metadata-title-author{
	padding-top: 5px;
}

#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content-tab-content-right .xn-myspace-new-edit-content-metadata-content{
	width: 74%;
	float: left;
	position: relative;
}

#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content-tab-content-left .xn-myspace-new-edit-content-metadata-title{
	width: 26%;
	float: left;
}

#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content-tab-content-left .xn-myspace-new-edit-content-metadata-title.metadata-title-folder,
#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content-tab-content-left .xn-myspace-new-edit-content-metadata-title.metadata-title-author{
	padding-top: 5px;
}

#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content-tab-content-left .xn-myspace-new-edit-content-metadata-content{
	width: 74%;
	float: left;
	position: relative;
}

#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content-tab-content-right .xn-myspace-new-edit-content-message,
#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content-tab-content-right .xn-myspace-new-edit-content-caption-message,
#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content-tab-content-left .xn-myspace-new-edit-content-message,
#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content-tab-content-left .xn-myspace-new-edit-content-caption-message{
	width: 100%;
	float: left;
	margin-top: 5px;
	font-size: 11px;
	color: #878787;
}

#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content-tab-content-right .xn-myspace-new-edit-content-caption-message,
#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content-tab-content-left .xn-myspace-new-edit-content-caption-message{
	margin-top: 2px;
}

#xn-myspace-new-edit-content-metadata-container #xn-myspace-new-edit-content-title-author{
	margin-bottom: 15px !important;
}

/**
 * 4.0 - Contents Folder
 */
#xn-myspace-new-edit-content-folder-treeview-container {
	height: 200px;
	display: none;
	position: absolute;
	top: 26px;
    left: 0px;
	width: 257px;
	height: 193px;
	background: #fff;
	border: 1px solid #c4c4c4;
	box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	z-index: 1000;
}

#xn-myspace-new-edit-content-folder-treeview-container .xn-myspace-new-edit-content-folder-treeview-title{
	width: 100%;
	margin-bottom: 8px;
	position: relative;
	float: left;
}

#xn-myspace-new-edit-content-folder-treeview-container .xn-myspace-new-edit-content-folder-treeview-title span{
	width: 90%;
	margin: 9px 0px 0px 10px;
	float: left;
}

#page #xn-myspace-new-edit-content-folder-treeview-container .btn-normal.btn-icon.btn-plus {
	background: none;
	border: 1px solid #fff;
	margin: 0px;
	float: right;
	right: 6px;
	top: 0px;
	position: absolute;
}

#xn-myspace-new-edit-content-folder-treeview {
	height: 105px;
	border: 1px solid #c4c4c4;
	margin: 10px;
	overflow-x: hidden;
}

#page #xn-myspace-new-edit-content-folder-treeview-container .xn-myspace-new-edit-content-folder-treeview-btns{
	border-top: 1px solid #d9d9d9;
	background: #f2f2f2;
	text-align: center;
	padding: 10px 0px;
}

#page #xn-myspace-new-edit-content-folder-treeview-container .xn-myspace-new-edit-content-folder-treeview-btns .btn-normal{
	padding: 4px 24px;
	margin: 0px 3px;
}

#xn-myspace-new-edit-content-folder-treeview .k-in .folder-background {
    position: absolute;
    width: 100%;
    height: 18px;
    left: 0;
}

#xn-myspace-new-edit-content-folder-treeview .k-sprite {
    background-image: url("images/coloricons-sprite.png?v=2.0.3");
	background-position: 0 2px;
}

#xn-myspace-new-edit-content-folder-treeview .k-sprite.folder {
    background-position: 0 -15px;
}

#xn-myspace-new-edit-content-folder-treeview .k-sprite.cat-all {
	background-position: 0 -96px;
}

#xn-myspace-new-edit-content-folder-treeview .xn-treeview .k-in {
    display: inline-block;
    vertical-align: middle;
    margin: 1px 0 1px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 1.3333em;
    border-style: solid;
    border-width: 1px;
}

#xn-myspace-new-edit-content-folder-treeview .k-in {
    width: 100%;
    height: 18px;
	padding: 1px 0px;
}

#xn-myspace-new-edit-content-folder-treeview .k-in .category-background {
    position: absolute;
    width: 100%;
    height: 18px;
    left: 0;
}

#xn-myspace-new-edit-content-folder-treeview .k-in.k-state-hover .folder-background,
#xn-myspace-new-edit-content-folder-treeview .k-in.k-state-selected .folder-background,
#xn-myspace-new-edit-content-folder-treeview .k-in.k-state-focused .category-background {
    background: #e4e5e6;
}

#xn-myspace-new-edit-content-folder-treeview .k-in.k-state-selected .folder-title {
    color: #0168dc;
	font-weight: bold;
}

#xn-myspace-new-edit-content-folder-treeview .k-in .k-sprite {
    position: absolute;
    z-index: 1;
}

#xn-myspace-new-edit-content-folder-treeview .k-in .folder-title {
    position: absolute;
    margin-left: 22px;
	padding-top: 2px;
}

#xn-myspace-new-edit-content-folder-treeview .k-in input {
    color: black;
}

#xn-myspace-new-edit-content-folder-treeview.k-treeview .k-first,
#xn-myspace-new-edit-content-folder-treeview.k-treeview .k-first > .k-item {
    padding: 0 0 0 16px;
}

#xn-myspace-new-edit-content-folder-treeview .k-minus ~ .k-in > span.folder {
	background-position: 0 -79px;
}

.xn-myspace-new-edit-content-metadata-intro-label {
	padding-top: 5px;
}

.xn-myspace-new-edit-content-metadata-intro-select {
	border: 1px solid #c4c4c4;
	width: 220px;
	height: 26px;
	line-height: 26px;
}

/**
 * 4.1 -  Contents Folder
 */
#xn-myspace-new-edit-lecture-content-folder-treeview-container {
	display: none;
	position: absolute;
	top: 26px;
    left: 0px;
	width: 257px;
	background: #fff;
	border: 1px solid #c4c4c4;
	box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	z-index: 1000;
}

#xn-myspace-new-edit-lecture-content-folder-treeview {
	min-height: 80px;
	overflow-x: hidden;
	padding: 5px 0px;
}

#xn-myspace-new-edit-lecture-content-folder-treeview .k-in .folder-background {
    position: absolute;
    width: 100%;
    height: 18px;
    left: 0;
}

#xn-myspace-new-edit-lecture-content-folder-treeview .k-sprite.folder {
    background: url("images/icons.png?v=2.0.3") no-repeat -116px -5px;
    margin-right: 3px;
    height: 17px;
}

#xn-myspace-new-edit-lecture-content-folder-treeview .k-sprite.cat-lecture-all {
	background: url("images/icons.png?v=2.0.3") no-repeat -90px -6px;
	width: 18px;
    height: 18px;
}

#xn-myspace-new-edit-lecture-content-folder-treeview .xn-treeview .k-in {
    display: inline-block;
    vertical-align: middle;
    margin: 1px 0 1px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 1.3333em;
    border-style: solid;
    border-width: 1px;
}

#xn-myspace-new-edit-lecture-content-folder-treeview .k-in {
    width: 100%;
    height: 18px;
	padding: 1px 0px;
}

#xn-myspace-new-edit-lecture-content-folder-treeview .k-in .category-background {
    position: absolute;
    width: 100%;
    height: 18px;
    left: 0;
}

#xn-myspace-new-edit-lecture-content-folder-treeview .k-in.k-state-hover .folder-background,
#xn-myspace-new-edit-lecture-content-folder-treeview .k-in.k-state-selected .folder-background,
#xn-myspace-new-edit-lecture-content-folder-treeview .k-in.k-state-focused .category-background {
    background: #e4e5e6;
}

#xn-myspace-new-edit-lecture-content-folder-treeview .k-in.k-state-selected .folder-title {
    color: #0168dc;
	font-weight: bold;
}

#xn-myspace-new-edit-lecture-content-folder-treeview .k-in .k-sprite {
    position: absolute;
    z-index: 1;
}

#xn-myspace-new-edit-lecture-content-folder-treeview .k-in .folder-title {
    position: absolute;
    margin-left: 22px;
	padding-top: 2px;
}

#xn-myspace-new-edit-lecture-content-folder-treeview .k-in input {
    color: black;
}

#xn-myspace-new-edit-lecture-content-folder-treeview.k-treeview .k-first,
#xn-myspace-new-edit-lecture-content-folder-treeview.k-treeview .k-first > .k-item {
    padding: 0 0 0 16px;
}

#xn-myspace-new-edit-lecture-content-folder-treeview .k-minus ~ .k-in > span.folder {
	background-position: 0 -79px;
}

/**
 * 5.0 Caption
 */

#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content .xn-myspace-new-edit-caption-label-container {
    white-space: nowrap;
    float: left;
    width: 207px;
    text-overflow: ellipsis;
    overflow: hidden;
	height:26px;
	line-height: 22px;
	cursor: pointer;
	position: relative;
}

#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content .xn-myspace-new-edit-caption-label-container i{
	background-position: -33px -395px;
	float: left;
	width: 24px;
}

#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content .xn-myspace-new-edit-caption-label-container span:hover{
	color: #0168dc;
	text-decoration: underline;
}


#page .btn-normal.btn-small.btn-caption{
	width: 21px;
	height: 21px;
	padding: 0px;
	float: right;
	position: absolute;
	right: 0px;
	top: 2px;
}

#page .btn-normal.btn-small.btn-caption .icon-delete {
	background-position: -117px -481px;
	width: 20px;
	height: 20px;
	margin-left: 0px;
}

/**
 * 6.0 Buttons
*/
#xn-myspace-new-edit-bottom-container{
	width: 100%;
	border-top: 1px solid #e2e2e2;
	padding-top: 20px;
	text-align: center;
	margin-top: 15px;
}

#xn-myspace-new-edit-bottom-container .btn-normal{
	padding: 7px 24px;
	margin: 0px 5px;
}

/**
 * 7.0 Contents Edit
*/

#xn-myspace-content-edit-window #xn-myspace-new-edit-top-container{
	margin-top: 20px !important;
}


/**
 * 8.0 Social Edit
 */

#xn-myspace-new-edit-container {
	min-height: 100%;
	height: 100%;
}

#xn-myspace-new-edit-container #xn-myspace-social-replace-container {
	display: none;
	padding: 20px;
}

#xn-myspace-new-edit-container .xn-myspace-create-social-content .nav.nav-tabs, 
#xn-myspace-new-edit-container #xn-myspace-create-social-link-tab-container{
	width: 100%;	
}

#xn-myspace-new-edit-container .xn-myspace-create-social-content .tab-pane{
	height: 76px;
}

#xn-myspace-new-edit-container .xn-myspace-create-social-content #xn-myspace-sociallink-input, 
#xn-myspace-new-edit-container .xn-myspace-create-social-content #xn-myspace-htmlcode-input{
	width: 86.5%;
}

#page #xn-myspace-new-edit-container .xn-myspace-create-social-content #xn-myspace-create-social-code-container .btn-normal {
    padding: 13px 25px;
}

#page #xn-myspace-social-replace-container .btn-normal.btn-min-width.btn-upload{
	padding: 9px 25px;
}
#page .xn-myspace-lecture-replace-container-info-btns .btn-normal{
	padding: 6px 10px 4px 10px;
}

#page #xn-myspace-social-replace-container .icon.icon-return,
#page #xn-myspace-lecture-replace-container .icon.icon-return{
	float: none;
	display: inline-block;
	width: 18px;
	height: 18px;
	background-position: -118px -147px;
	margin-right: 5px;
}

/**
 * 8.0 Oncast Edit
*/
#xn-myspace-create-inputbox-container{text-align: center; height: 100%;}
#xn-myspace-lecture-replace-container .xn-myspace-lecture-replace-container-info,
#xn-myspace-social-replace-container .xn-myspace-social-replace-container-info{
	background: #fff7f7;
	padding: 9px;
	position: relative;
	margin-bottom: 20px;
	float: left;
}

#xn-myspace-social-replace-container .xn-myspace-social-replace-container-info{margin-bottom: 10px;}

#xn-myspace-lecture-replace-container .xn-myspace-lecture-replace-container-info div,
#xn-myspace-social-replace-container .xn-myspace-social-replace-container-info div{
	display: block;
	float: left;
	width: 502px;
	text-align:left;
}

#xn-myspace-lecture-replace-container .xn-myspace-lecture-replace-container-info .xn-myspace-lecture-replace-container-info-btns,
#xn-myspace-social-replace-container .xn-myspace-social-replace-container-info .xn-myspace-social-replace-container-info-btns{
	width: 100px;
}

/**
 * 9.0 - 갤러리 게시
 */

#xn-myspace-new-edit-gallery-info-container{
	position: relative;
}

#xn-myspace-new-edit-gallery-info-container input[type=text],
#xn-myspace-new-edit-gallery-info-container .btn-folder,
#xn-myspace-new-edit-gallery-info-container textarea,
#xn-myspace-new-edit-gallery-info-container .tag-editor{
	width: 99%;
	margin-bottom: 10px; 
	padding: 5px 9px;
	border: 1px solid #c4c4c4;
	color: #333;
}

#xn-myspace-new-edit-gallery-info-container .btn-folder{
	margin: 0px;
	text-align: left;
	background: #fff;
}

#xn-myspace-new-edit-gallery-folder-treeview-container {
	display: none;
	position: absolute;
	top: 36px;
    left: 0px;
	width: 257px;
	background: #fff;
	border: 1px solid #c4c4c4;
	box-shadow: 0 6px 12px rgba(0,0,0,0.175);
	z-index: 1000;
}

#xn-myspace-new-edit-gallery-folder-treeview-container .xn-myspace-new-edit-content-folder-treeview-title{
	width: 100%;
	margin-bottom: 8px;
	position: relative;
	float: left;
}

#xn-myspace-new-edit-gallery-folder-treeview-container .xn-myspace-new-edit-content-folder-treeview-title span{
	width: 90%;
	margin: 9px 0px 0px 10px;
	float: left;
}

#page #xn-myspace-new-edit-gallery-folder-treeview-container .btn-normal.btn-icon.btn-plus {
	background: none;
	border: 1px solid #fff;
	margin: 0px;
	float: right;
	right: 6px;
	top: 0px;
	position: absolute;
}

#xn-myspace-new-edit-gallery-folder-treeview {
	height: 105px;
	overflow-x: hidden;
}

#page #xn-myspace-new-edit-gallery-folder-treeview-container .xn-myspace-new-edit-content-folder-treeview-btns{
	border-top: 1px solid #d9d9d9;
	background: #f2f2f2;
	text-align: center;
	padding: 10px 0px;
}

#page #xn-myspace-new-edit-gallery-folder-treeview-container .xn-myspace-new-edit-content-folder-treeview-btns .btn-normal{
	padding: 4px 24px;
	margin: 0px 3px;
}

#xn-myspace-new-edit-gallery-folder-treeview .k-in .folder-background {
    position: absolute;
    width: 100%;
    height: 18px;
    left: 0;
}

#xn-myspace-new-edit-gallery-folder-treeview .k-sprite.folder {
    background-position: 0 -15px;
}

#xn-myspace-new-edit-gallery-folder-treeview .k-sprite.cat-all {
	background-position: 0 -96px;
}

#xn-myspace-new-edit-gallery-folder-treeview .xn-treeview .k-in {
    display: inline-block;
    vertical-align: middle;
    margin: 1px 0 1px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 1.3333em;
    border-style: solid;
    border-width: 1px;
}

#xn-myspace-new-edit-gallery-folder-treeview .k-in {
    width: 100%;
    height: 18px;
	padding: 1px 0px;
}

#xn-myspace-new-edit-gallery-folder-treeview .k-in .category-background {
    position: absolute;
    width: 100%;
    height: 18px;
    left: 0;
}

#xn-myspace-new-edit-gallery-folder-treeview .k-in.k-state-hover .folder-background,
#xn-myspace-new-edit-gallery-folder-treeview .k-in.k-state-selected .folder-background,
#xn-myspace-new-edit-gallery-folder-treeview .k-in.k-state-focused .category-background {
    background: #e4e5e6;
}

#xn-myspace-new-edit-gallery-folder-treeview .k-in.k-state-selected .folder-title {
    color: #0168dc;
	font-weight: bold;
}

#xn-myspace-new-edit-gallery-folder-treeview .k-in .k-sprite {
    position: absolute;
    z-index: 1;
}

#xn-myspace-new-edit-gallery-folder-treeview .k-in .folder-title {
    position: absolute;
	padding-top: 2px;
}

#xn-myspace-new-edit-gallery-folder-treeview .k-in input {
    color: black;
}

#xn-myspace-new-edit-gallery-folder-treeview.k-treeview .k-first > .k-item {
    padding: 0 0 0 16px;
}

#xn-myspace-new-edit-gallery-folder-treeview .k-minus ~ .k-in > span.folder {
	background-position: 0 -79px;
}

/**
 * 10.0 - 외부 콘텐츠
 */
#xn-myspace-new-edit-wbtzip-container{height: 138px;}
#xn-myspace-new-edit-gallery-info-container{height: 131px;}

#xn-myspace-new-edit-wbtzip-container .xn-myspace-new-edit-content,
#xn-myspace-new-edit-wbtzip-container .xn-myspace-new-edit-content-metadata-title,
#xn-myspace-new-edit-wbtzip-container .xn-myspace-new-edit-content-metadata-content,
#xn-myspace-new-edit-wbtzip-container .xn-myspace-new-edit-content-metadata-inputbox div,
#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-content-metadata-title,
#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-content-metadata-content,
#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content,
#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content-box,
#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content-graybox,
#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content .xn-myspace-new-edit-gallery-info-content-box label {
	float: left;
}

#xn-myspace-new-edit-wbtzip-container .xn-myspace-new-edit-content,
#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content,
#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content-box,
#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content-graybox{
	margin-bottom: 10px; width: 100%;
}

#xn-myspace-new-edit-wbtzip-container .xn-myspace-new-edit-content-metadata-title,
#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-content-metadata-title {
    width: 17%;
    float: left;
	padding-top: 6px;
}

#xn-myspace-new-edit-wbtzip-container .xn-myspace-new-edit-content-metadata-content,
#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-content-metadata-content,
#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content .xn-myspace-new-edit-gallery-info-content-box span  {
    width: 83%;
}

#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content .btn-folder,
#xn-myspace-new-edit-wbtzip-container .xn-myspace-new-edit-content-metadata-inputbox{
	width:185px;
	float: left;
	position: relative;
}

#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content .btn-folder{height: 24px;}

#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content .btn-folder .caret{
	position: absolute;
	right: 8px;
	top: 9px;
}

#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-content-metadata-content{position: relative;}
#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content #xn-myspace-new-edit-gallery-folder-treeview-container{
	top: 24px;
    left: 0px;
}

#xn-myspace-new-edit-wbtzip-container .xn-myspace-new-edit-content-metadata-view-method {
	display: block;
	height: 26px;
	padding-top: 5px;
}

#xn-myspace-new-edit-wbtzip-container #xn-myspace-new-edit-content-metadata-popup{ margin-left: 15px; }

#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-content-metadata-content .icon.icon-gallery-category,
#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-content-metadata-content .k-sprite.cat-gallery-uncategorized,
#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content #xn-myspace-new-edit-gallery-folder-treeview-container .k-sprite.folder{
	background: url("images/icons.png?v=2.0.3") -146px -8px;
	width: 16px;
	height: 13px;
	display: inline-block;
	margin: 3px 0px 0px 0px;
	vertical-align: middle;
	float: none;
}

#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-content-metadata-content .icon.icon-gallery-category{
	margin: 0px 2px 0px 0px;
	background-position: -148px -9px;
}

#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content #xn-myspace-new-edit-gallery-folder-treeview-container .k-treeview .k-icon.k-plus {
    background-position: 2px -191px;
}

#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content #xn-myspace-new-edit-gallery-folder-treeview-container .k-in .folder-title {
    position: absolute;
    margin-left: 22px;
    padding-top: 2px;
}

#xn-myspace-new-edit-wbtzip-container .xn-myspace-new-edit-content-metadata-inputbox-px{
	position: relative;
}

#xn-myspace-new-edit-wbtzip-container .xn-myspace-new-edit-content-metadata-inputbox span.message-px{
	position: absolute;
	right: 5px;
	top: 6px;
	background: #fff;
	padding-left: 3px;
}

#xn-myspace-new-edit-wbtzip-container .xn-myspace-new-edit-content-metadata-inputbox input[type=text]{
	width: 180px;
	padding: 5px;
	border: 1px solid #c4c4c4;
	color: #333;
}

#xn-myspace-new-edit-wbtzip-container .xn-myspace-new-edit-content-metadata-inputbox input.inputbox-px{
	width: 74px;
	padding: 5px 20px 5px 5px;
	position: relative;
}

#xn-myspace-new-edit-wbtzip-container .xn-myspace-new-edit-content-metadata-inputbox input[type=number]::-webkit-inner-spin-button { 
    width: 5px;
    height: 7px;
    padding: 4px 0px;
    position: absolute;
    margin-right: 5px;
	left: 37px;
	top: 5px;
} 

#xn-myspace-new-edit-wbtzip-container .xn-myspace-new-edit-content-metadata-inputbox .icon.icon-multiply{
	width: 28px;
	height: 28px;
	margin: 0px 2px;
	background-position: -140px -141px;
}

#xn-myspace-new-edit-wbtzip-container .xn-myspace-new-edit-content-caption-message,
#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content .xn-myspace-new-edit-gallery-info-content-box span.gallery-message{
	line-height: 16px;
	display: table-cell;
	vertical-align: middle;
	height: 25px;
}

#xn-myspace-new-edit-wbtzip-container .xn-myspace-new-edit-content-caption-message {
	line-height: 1.2;
}

#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content .xn-myspace-new-edit-gallery-info-content-box  label{
	margin-right: 10px;	
}

#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content .xn-myspace-new-edit-gallery-info-content-box span.gallery-message{height: auto;}

#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content-box{margin-bottom: 5px;line-height:14px;}
#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content input[type=checkbox],
#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content input[type=radio]{margin: -2px 5px 0px 0px;}

#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content-graybox{
	border: 1px solid #d8d8d8;
	background: #f5f5f5;
}

#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content-graybox div{
	width: 94%;
	margin: 19px auto;
}

#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content-graybox label{margin-right: 20px; color: #888;}

#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content-graybox.active label{color: #333;}

#xn-myspace-new-edit-gallery-info-container .xn-myspace-new-edit-gallery-info-content-graybox span.font-normal.font-gray.font-11{
	display: block;
	margin: 7px 0px 0px 18px;
}


/**
 * 11.0 - Media Queries & Mobile
 */
@media screen and (max-width: 1200px) {
	#xn-myspace-new-edit-content-folder-treeview-container {
		left: auto;
		right: 2px;
	}
}

@media screen and (max-width: 480px) {
	#xn-myspace-new-edit-top-container {
		height: 300px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	#xn-myspace-new-edit-content-container {margin-top: 0px;float: left;margin-left: 3%;}
	#xn-myspace-new-edit-bottom-container{float: left;}
	
	.xn-myspace-new-edit-thumbnail{margin-bottom:10px;width:100%;margin:0px 0px 10px 0px;}

	#xn-myspace-new-edit-content-info-container .xn-myspace-new-edit-content-info-des table,
	#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content-tab-content-left,
	#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content-tab-content-right {
		width: 100% !important;
	}

	#xn-myspace-new-edit-content-metadata-container .xn-myspace-new-edit-content-tab-content-right {
		margin-top: 30px;
	}
	#xn-myspace-new-edit-content-info-container .xn-myspace-new-edit-content-info-title span{font-size:14px;width:100%;}
	
	#xn-myspace-new-edit-content-folder-treeview-container {
		left: auto;
		right: 2px;
	}
}