/* Global Settings */
@import url(/sk-static/fonts/roboto/roboto.css);
@import url(/sk-static/fonts/monserrat/monserrat.css);

:root
{
    --linkcolor:#2C6FA5;
    --hovercolor:#E4EDF4;
    --buttoncolor:#3498db;
    --buttontext:#fff;
    --buttoncolor-hover:#3cb0fd;
    --buttoncolor-secundary:#E9F2FE;
    --buttontext-secundary:#3498db;
    --buttoncolor-third:#007CD2;
    --buttontext-third:#fff;
    --highlight-color:#2482d5;
}

*
{ 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
}

html, body
{ 
    margin: 0px;
    padding: 0px;
    font: normal 11px Roboto, Helvetica, Arial;
    line-height: 18px;
    color: #191919;
    font-family: Roboto, Helvetica, Arial;
    height:100%;
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    white-space-collapsing:discard;
}

body
{
    background: #f7f9fb;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility
}

h1, h2, h3, h4
{
    font-size: 100%;
}

input.checkbox
{
    border: 1px solid #bdac85;
}

textarea
{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}


textarea, input, button
{
    outline: none;
}

a
{
    color: var(--linkcolor);
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

a img
{
    border: 0px;
}

.clear
{
    clear: both;
}

form
{
    margin: 0;
    padding: 0;
}

fieldset
{
    margin: 1em 0;
    border: none;
}

legend
{
    margin: 1em 0;
    padding: 0 3px;
    background: transparent;
    font-size: 19px;
    font-weight: normal;
    color: #64b8d6;
}
/* End Of Global Settings */

#wrapper
{
    min-height:100%;
    position:relative;
    width: 100%;
    display: table;
    height: 100%;
}

#head
{
    margin: 0px auto;
    padding: 0px;
    width: 909px;
    position: relative;
}

#headcontainer
{
    width: 100%;
    height: 100px;
    position:absolute;
    top:0px;
}

#head h1
{
    margin: 30px 0px 0px 0px;
    padding: 0px;
    background: transparent url(/sk-static/imagefiles/tpl_logo.png) no-repeat;
    float: left;
    display: inline;
}

#head h1 a.logo
{
    display: block;
    width: 256px;
    height: 131px;
    border: none;
}

#head h2
{
    margin: 48px 0 0 10px;
    padding: 0px;
    font: normal 13px Roboto, Helvetica, Arial;
    color: #303030;
    float: left;
}

#head h3
{
    margin: 48px 0 0 0px;
    font: normal 13px Roboto, Helvetica, Arial;
    padding: 0px;
    float: right;
}

.fonterrow, .containerrow
{
    display: table-row;
}

.containerrow
{
    height: 100%;
}

.fontercell, .containercell
{
    height: 100%;
}

.containercell
{
    vertical-align: top;
}

.fontercell
{
    vertical-align: bottom;
}

.navbarhome
{
    background: url('/sk-static/imagefiles/home.png') no-repeat 50%;
}

.bluebird
{
    position: absolute;
    right: -30px;
    top: -50px;
}

.globebird
{
    position: absolute;
    right: 80px;
    top: 8px;
}

.navbariframe
{
    width: 100% !important;
    padding: 0px !important;
    padding-left: 10px !important;
    z-index: 999999999;
    height: 40px !important;
    margin-top: -6px;
}

.navrow
{
    display: table;
    height: 80px;
    width:100%;
}

.navrowshadow
{
    box-shadow: 0 1px 16px -4px rgba(0,0,0,0.18);
}

.navcell
{
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.navcellright
{
    text-align: right;
}

.navcontainer
{
    margin: auto;
    display:block;
}

.navinnercontainer
{
    padding: 13px 47px 13px 47px;
    line-height: 0px;
}

.navinnercontainer .buttonhandler .buttontrigger.gen-icon
{
    font-size: 1.71em;
    color: #707070;
    width: 100%;
    height: 100%;
}

#wrapper.loggedin .navinnercontainer
{
    padding: 13px 47px 0px 47px;
}

.navinnercontainer .sitelogo
{
    display:inline-block;
}

.navinnercontainerbottom
{
    position: static !important;
    white-space: nowrap;
}

.navcellleft .quickmenutrigger
{
    padding: 0 0px 0px 47px;
}

.navcellright .navinnercontainerbottom
{
    padding: 0 47px 0px 0px;
}

.nologin
{
    font-size: 27px;
    color: #16344A;
    letter-spacing: -0.38px;
    text-align: center;
    line-height: 43px;
    padding:20px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

#loginbox
{
    display: none;
    min-height: 200px;
    min-width: 340px;
    background: #f5f7fa;
}

#login-content
{
    text-align: center;
    margin:50px auto;
}

.menu-content.menushowit
{
    visibility:visible;
    display: block !important;
    opacity: 1;
    z-index:999;
    transition: opacity .2s ease-in-out, transform .2s ease-in-out;
    transform: translateY(0);
}

.menuactivate
{
    list-style: none;
    margin:0px;
    padding:0px;
    display:table-row;
}

.menuactivate .mainli
{
    display:table-cell;
    user-select: none;
}

.menutopleft, .menutopright
{
    display:inline-block;
    vertical-align:top;
}

.menutopright .mainli
{
    display:inline-block;
    vertical-align:middle;
    font-size: 14px;
    z-index: 1;
    line-height: 0px;
    margin: 0 0.57em 0 0px;
    width: 2.14em;
    height: 2.14em;
}

.menutopright .mainli .buttontrigger:before
{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}

.menutopleft
{
    width:100%; 
}

.sitelogo img
{
    height:71px;
}

.smalllogo
{
    background: url(/sk-static/imagefiles/bluebirdlogo.svg) no-repeat;
}

.compactsite .navinnercontainer
{
    padding: 15px 15px 10px 15px;
    position: relative;
}

.compactsite .sitetittle
{
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
}

.compactsite .sitetittle:after
{
    color: #53AEEF;
}

.compactsite .navinnercontainer .sktransparentbutton
{
    font-size:30px;
}

.compactsite .sitelogo .smalllogo
{
    display: inline-block;
    height: 50px;
    width: 50px;
}

.compactsite .navcellright
{
    width:40%;
}

.menuactivate .logoholder
{
    display: inline-block;
    position: relative;
    vertical-align: middle;
}

.menuactivate .sitelogo a .font-icon
{
    font-size:1.3em;
    line-height:14px;
    margin-right:5px;
}

.menuactivate .mainli.active:hover, .menuactivate .mainli.hoveefct:hover
{
    color:#515151;
}

.menuactivate .mainli.hoveefct:hover .sitelogo a
{
    border-left-color:rgba(48, 73, 96, .4) !important;
}

.menuactivate .mainli.active
{
    background-color: #fafafa;
    color:#515151;
}

.menuactivate .menu-items .mainli.active
{
    background:#ebeef1 !important;
}

.menuactivate .mainli.hoveefct
{
    position:relative;
}

.menuactivate .mainli.active a
{
    color:#333;
}

.menuactivate .menu-items a
{
    color:#737373;
}

.menu-content
{
    visibility: hidden;
    position: absolute;
    background: #1b3c71;
    width: 180px;
    z-index: -1;
    opacity: 0;
    transition: opacity .2s ease-in-out, transform .2s ease-in-out, visibility 0s linear .2s;
    transform: translateY(-10px);
}

.menuactivate .menu-content
{
    background-color: #fff;
    color: #191919;
    border-radius: 10px;
    padding: 10px 0px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.07), 0px 0px 1px 1px rgba(0, 0, 0, 0.05);
    z-index: 999;
    right: -20px;
    margin-top: 15px;
    text-align: left;
    line-height: 18px;
}

.menuactivate .menu-content:after
{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    margin-left: -0.5em;
    bottom: -0.6em;
    right: 32px;
    top: 0px;
    box-sizing: border-box;
    border: 0.3em solid black;
    border-color: #fff #fff transparent transparent;
    transform-origin: 0 0;
    transform: rotate(-45deg);
    box-shadow: 1px -1px 0px 0px rgba(0, 0, 0, 0.05), 3px -3px 3px 0px rgba(0, 0, 0, 0.03);
}

.menuactivate .menu-notifications h2
{
    font-weight: 400;
    padding: 10px 10px;
    margin: 0px;
}

.menuactivate .menu-content .mainli
{
    display:block;
    border-top:1px solid rgba(48, 73, 96, .4);
}

.menuactivate .menu-content .mainli .font-icon
{
    color:#94a1b9;
    margin-right:0.5em;
}

.menuactivate .mainli .menutrigger
{
    transition: all 0.2s linear;
    cursor: pointer;
}

.menuactivate .buttonhandler:hover .buttontrigger, .menuactivate .buttonhandler.buttonpressed .buttontrigger
{
    transform: scale(1.1);
}

.menuactivate .menu-content .menu-options
{
    padding: 0;
    font-size: 13px;
    font-weight: normal;
    list-style: none;
    width: 100%;
    margin: 0px;
}

.menuactivate .menu-content .menu-block
{
    font-size: 12px;
    font-weight: 600;
    padding: 5px 20px;
    border-bottom: 1px solid rgba(70, 70, 70, 0.11);
    letter-spacing: -0.35px;
}

.menuactivate .menu-content .menu-options li.selected
{
    background: #F1F6FA;
}

.menuactivate .menu-content .menu-options li:hover
{
    background: var(--hovercolor);
    cursor: pointer;
}

.menuactivate .menu-content .menu-options li
{
    text-align: left;
    color: #515151;
    position: relative;
    vertical-align: middle;
    position: relative;
    display: block;
    padding:5px 20px;
    font-size: 12px;
    letter-spacing: -0.35px;
}

.menuactivate .menu-content .menu-options li a
{
    display:block;
    color: inherit;
}

.menuactivate .menu-content .menu-options li a:hover
{
    text-decoration: none;
}

.profileinfo
{
    display: table;
    margin:3px 0px;
}

.profileinfo strong
{
    color: #35507c;
    display: table-cell;
    width: 80px;
    text-align:right;
    padding-right:5px;
}

.profileinfo span
{
    display: table-cell;
}

.profileinfo ul
{
    padding:0px;
    margin:0px;
    list-style:none;
    display: table-cell;
}

.mainbuttons
{
    color: #7ba5ba;
    font-size: 14px;
    text-align: center;
}

.boxtextlogin
{
    float: right;
    margin-top: 9px;
    background: url(/sk-static/imagefiles/globetext.png) no-repeat;
    width: 153px;
    height: 75px;
    display: inline-block;
    text-align: center;
    padding: 12px 22px 0px 0px;
    font-size: 14px;
}

.media-menu-content, .music-menu-content, .bigger-menu-content,
.sldproject-menu-content
{
    position: absolute;
    margin-top: 1px;
    background: #fefefe;
    width: 200px;
    min-height:120px;
    z-index: 999;
    padding:5px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15), 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out, visibility 0s linear .2s;
    transition: opacity .2s ease-in-out, transform .2s ease-in-out, visibility 0s linear .2s;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    left:-9999px;
    top:-9999px;
    /*border-radius: 5px;*/
}

.media-menu-content hr, .music-menu-content hr, .bigger-menu-content hr,
.sldproject-menu-content hr
{
    margin-top: 0px;
    margin-bottom: 5px;
}

.media-menu-content h2
{
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    opacity: 0.7;
    font-weight: 400;
}

.media-menu-content ul
{
    padding: 5px;
}

.music-menu-content, .bigger-menu-content
{
    width: 320px;
}

.sldproject-menu-content
{
    width: 320px;
}

.bigger-menu-content li
{
    margin-bottom: 5px;
    padding: 4px;
    font-size: 12px;
}

.bigger-menu-content li .ui-slider-horizontal
{
    width:80%;
    margin-top:6px;
}

.bigger-menu-content .view-menu-items li
{
    width:auto;
}

.bigger-menu-content .selectionlist
{
    width: 100%;
    white-space: normal;
    overflow: auto;
    max-height: 205px;
}

.bigger-menu-content .selectionlist div
{
    padding: 3px;
    display: inline-block;
}

.bigger-menu-content .selectionlist img
{
    max-height: 28px;
}

.bigger-menu-content .selectionlist .eachmediasel
{
    position: relative;
    height: 28px;
    border: 1px solid #eee;
    margin: 2px;
    vertical-align: top;
    width: 50px;
    text-align: center;
    padding: 0px !important;
}

.bigger-menu-content .selectionlist .eachmediasel .rmselectmedia
{
    position: absolute;
    left: 17px;
    top: 6px;
    color: red;
    font-size: 25px;
    background: white;
    width: 13px;
    border: 1px solid red;
    height: 13px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    text-align: center;
    line-height: 12px;
    opacity: 0.8;
    cursor: pointer;
    font-weight: bold;
}

.hover .menu-content
{
    display: block;
}

/* Menu double */
.view-menu-items
{
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-weight: normal;
    list-style: none;
}

.view-menu-items hr
{
    border: 0px;
    border-bottom: 1px solid #dadada;
    height: 0px;
}

.view-menu-items a
{
    font-size: 12px;
    color: #333 !important;
    display: block;
    padding:0px 3px;
    line-height: 25px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.view-menu-items a.active
{
    font-weight:bold;
    color:#000 !important;
}

.view-menu-items li:nth-child(odd) a
{
    /*background: #fdfdfd;*/
}

.view-menu-items a:hover, .view-menu-items li:nth-child(odd) a:hover
{
    text-decoration: none;
    background: #3cb0fd;
    color: #fff !important;
}

.view-menu-items li
{
    background: #fff;
    padding:0px;
    margin:0px;
}

.view-menu-items .bookmarker
{
    background: #efefef;
    color: #000;
    padding: 0px 5px;
}

.view-menu-items-es li
{
    float: left;
}

.view-menu-scroll
{
    height: 200px;
    overflow: auto;
    overflow-x: hidden;
}

.view-menu-special li a
{
    border: 1px solid #DDDDDD;
    padding: 2px;
    text-align: center;
}

#playlistcreate
{
    background: #FFFFFF;
    padding: 20px;
}

.menuactivate .loginbutton .buttonhandler:hover .buttontrigger, .menuactivate .loginbutton .buttonhandler.buttonpressed .buttontrigger
{
    transform: scale(1);
}

.usertopbar .profile-holder
{
    width: 60px;
    height: 60px;
}

.usertopbar .usermediatitle
{
    display: inline-block;
    margin-left: 10px;
}

.skviewdata .usertopbar img
{
    border:1px solid #2b3036;
    background: #2b3036;
}

.smalltext
{
    font-size: 10px !important;
    line-height: 11px !important;
}

.mediumtext
{
    font-size: 12px;
}

.redtext
{
    color:#b31212;
}

.greentext
{
    color: #217435;
}

.bluetext
{
    color: #336785;
}

.greytext
{
    color: #919191;
}

.buttoncolor
{
    color: var(--buttoncolor);
}

/* GENERAL CONTAINER */
#container
{
    width: 959px;
    text-align: left;
}

.containertop
{
    margin: 0px auto 0px;
    padding-top:0px;
    height: 100%;
    box-shadow: 0 20px 150px rgba(51,73,90,.2);
}

.innercontainer
{
    padding-top: 0px;
    border-top:0px;
    height: 100%;
}

.noinnerback .innercontainer
{
    background: transparent !important;
}

.innercontainer h1
{
    color: #5d5d5d;
    font-size: 20px;
    line-height:27px;
    margin:0px;
    padding:10px;
}

.innercontainer .error h2
{
    color: #555;
    font-size: 16px;
    line-height: 25px;
    margin: 0px;
    font-weight: 500;
    max-width: 600px;
    margin: auto;
    padding: 10px;
}

.boxviewembed
{
    width: auto;
    padding-right: 10px;
    cursor: pointer;
    margin: 6px 0px;
}

.boxviewembed input
{
    cursor: pointer;
    margin-left: 5px;
}

.boxviewembed .leftboxview
{
    display:inline-block;
    width:70px;
    font-size:14px;
    vertical-align:top;
    text-align:right;
    color:#737373;
}

.boxviewembed .rightboxview
{
    margin-right:10px;
    text-align:left;
}

.formatinput
{
    background: #fff;
    border: 1px solid #bdbdbd;
    font-size: 12px;
    line-height: 16px;
    height: 20px;
    padding: 0px 3px !important;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    position: relative;
}

.formatinput .clearfield
{
    color: #336785;
    display:inline-block;
    font-size:70%;
    position: absolute;
    right: 5px;
    top:5px;
    cursor: pointer;
}

.inputview
{
    width: 360px;
    margin-left: 10px;
}

#leftside
{
    margin: 0px !important;
    padding: 0px !important;
    width: 620px;
    text-align: left !important;
    display: inline-block;
}

#rightside
{
    margin: 0px !important;
    padding: 0px !important;
    display: inline-block;
    width: 250px !important;
    text-align: left !important;
    font-size: 12px;
    overflow: hidden;
    vertical-align: top;
    padding-right: 5px !important;
}

#rightside ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: left;
}

#rightside ul li a
{
    display: block;
    width: 242px;
    padding: 4px;
}

#rightside ul li a:hover
{
    background: #efefef;
}

#rightside h2
{
    background-color: #EFEFEF;
    padding: 4px;
    margin: 0px;
    color: #000;
    border-bottom: 1px solid #D2D2D2;
    text-align: center;
}

#rightside .rightblock
{
    margin-bottom: 5px;
    width: 100%;
}

#rightside .buttonlist
{
    padding: 10px;
    margin-top: 2px;
}

#rightside .skwhitebutton
{
    width: 217px !important;
    display: block !important;
    margin-bottom: 2px;
    text-align: left;
}

#rightside .contentblock
{
    width: 217px !important;
    display: block !important;
    padding: 5px;
}

#fullside
{
    margin: 0px;
    padding: 0px;
    text-align: left;
    height: 100%;
}

#fullside.autofit, #fullside.autofit .mymedia, #fullside.autofit .blocklisting, #fullside.autofit #paging
{
    min-width: 0px;
    width: auto;
}

#fullside.autofit .blocklisting
{
    font-size: 0px;
    padding-left: 1px;
    padding-right: 1px;
}

.pagcontainer
{
    margin:4px 0px;
}

#fullside.autofit .pagingnav
{
    width: auto;
}

.fullsideinner
{
    display:table;
    height:100%;
    width:100%;
}

.fullcontent
{
    width: auto;
    border: 1px solid;
    border-color: #E5E5E5 #DBDBDB #D2D2D2;
    padding: 5px;
    font-size: 12px;
}

.fullcontentpadfix
{
    width: auto;
    padding-left: 13px;
    padding-right: 13px;
}

.fullcontentwidthf
{
    width: auto !important;
    overflow: hidden;
}

.rightlink
{
    float: right;
    display: inline-block;
    padding: 5px 10px 0;
    color: #0092cd;
    font-size: 14px;
    text-shadow: 0px 0px rgba(0, 0, 0, 0) !important;
}

.rightlink a
{
    color: #0092cd;
}

.rightlink img
{
    vertical-align: middle;
    padding-left: 3px;
}

.viewmediatitle
{
    margin: 5px 0px 5px 0px;
    font-size: 18px !important;
    color: #22252a;
    line-height: 20px;
}

.viewmediatitle h1
{
    margin:0px;
    padding:0px;
    text-rendering: optimizeLegibility;
    line-height: 1.1;
    word-wrap: break-word;
    font-size:25px;
    color: #22252a;
    font-weight:600;
}

.pagetitle
{
    text-align: left;
    font-size: 15px;
    font-weight: 500;
    color: #555;
    display:inline-block;
    vertical-align:middle;
    margin-right: 4px;
    line-height: 26px;
}

.pagetitle a
{
    color: #0087C2;
}

.pagetitle a:hover
{
    text-decoration: underline;
}

.pagetitle img
{
    width:20px;
    vertical-align:middle;
    margin-right:5px
}

.pagetitle .font-logo
{
    vertical-align: middle;
}

#small-rightbox-title-small
{
    height: 25px;
    padding-left: 10px;
    font: normal 15px/23px Roboto, Helvetica, Arial;
    letter-spacing: -1px;
    color: #333333;

}

#populartags-content, #recenttags-content, #relatedtag-content
{
    padding: 10px;
    margin-top: 2px;
    text-align: justify;
}

#small-rightbox-content span.title
{
    font: normal 13px Roboto, Helvetica, Arial;
}

#small-rightbox-content span.duration
{
    font: bold 12px Roboto, Helvetica, Arial;
}

#small-rightbox-content span.info
{
    color: #999999;
    font-size: 13px;
}

#small-rightbox-content span.tags
{
    text-decoration: none;
    font-weight: normal;
    border-bottom: dotted 1px #aaaaaa;
}

#containersearchtop
{
    margin: 40px 20px 10px 0;
    float: left;
    margin-left: 70px;
    position: relative;
    width: 230px;
    white-space: nowrap;
}

#search
{
    width: 230px;
    text-align: right;
}

.notepad
{
    color: #007fbf;
    font-size: 15px;
    width: 400px;
    margin-left: 20px;
}

.specialback
{
    width: 420px;
    border: 1px solid #94989d;
    display: block;
    min-height: 150px;
}

.noselectedmedia
{
    padding:0px 5px;
}

#fullside div.hr
{
    background-color: #efefef;
    margin:0px 0px 0.1px 0px !important;
    border-top:1px solid #ededed;
}

.mainleftside, .mainrightside
{
    display: inline-block;
    overflow: hidden;
    vertical-align: top;
    margin: 0px;
    padding: 0px;
}

.mainleftside
{
    width: 450px;
}

.mainleftside .buttonspace
{
    margin-bottom: 15px;
    min-height: 60px;
}

.mainrightside
{
    width: 425px;
    margin: auto;
}

.skbutton
{
    background: #476782; /* Old browsers */
    background: -moz-linear-gradient(top, #476782 0%, #2f4457 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#476782), color-stop(100%,#2f4457)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #476782 0%,#2f4457 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #476782 0%,#2f4457 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #476782 0%,#2f4457 100%); /* IE10+ */
    background: linear-gradient(to bottom, #476782 0%,#2f4457 100%); /* W3C */
    line-height: 30px;
    border: 1px solid #484848;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: block;
    width: auto;
    color: #fff;
    font-size: 20px;
    padding: 5px 10px;
    text-align: left;
    text-decoration:none;
    font-weight:bold;
}

.hoverbutton
{
    cursor: pointer;
}

.skbutton:hover
{
    cursor: pointer;
    text-decoration:none;
}

.skbutton:active
{
    text-decoration: none;
    cursor: pointer;
    background: #2f4457; /* Old browsers */
    background: -moz-linear-gradient(top, #2f4457 0%, #476782 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2f4457), color-stop(100%,#476782)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2f4457 0%,#476782 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2f4457 0%,#476782 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2f4457 0%,#476782 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2f4457 0%,#476782 100%); /* W3C */
}

.skbutton div
{
    display: inline-block;
    width: 40px;
    overflow: hidden;
    padding-left: 3px;
    height: 31px;
    text-align: center;
    vertical-align: top !important;
    margin-top: -4px;
}

.skwhitebuttonoff
{
    background: #ddd !important;
}

.skspecialbutton
{
    padding: 5px 15px 5px 10px;
    background: red;
    border-radius: 20px;
    font-size: 16px;
    color: #fff;
    min-width: 130px;
    font-weight: 500;
    margin-right: 10px;
    height: 30px;
    vertical-align: middle;
    position: relative;
    display: inline-block;
}

.skspecialbutton:hover
{
    cursor: pointer;
    text-decoration: none;
}

.skspecialbutton:before
{
    content: "";
    font-family: "skoletube";
    margin-right: 7px;
}

.skspecialbutton.upload
{
    background: #FF3776;
}

.skspecialbutton.channel
{
    background: #FF8D05;
}

.skspecialbutton.joinchannel
{
    background: #4AA8EE;
}


.skspecialbutton.help
{
    background: #1CBE4F;
}

.skspecialbutton.mysite
{
    background: rgb(254,254,254);
    color: rgb(161,161,161);
    border: 1px solid #ddd;
    padding: 10px 15px;
    font-size: 18px;
    white-space: nowrap;
    height: 43px;
    line-height: 22px;
    margin-right: 0px;
}

.skspecialbutton.upload:before
{
    content: "\E860";
}

.skspecialbutton.channel:before
{
    content: "\E85e";
}

.skspecialbutton.joinchannel:before
{
    content: "\E833";
}

.skspecialbutton.help:before
{
    content: "\E85b";
}

.skspecialbutton.mysite:before
{
    content: "";
    margin:0px;
}

.skspecialbutton:active
{
    position: relative;
    top: 1px;
}

#menu-tools .menu-item a.menu-link:hover
{
    background: rgb(59, 158, 216);
    color: #fff !important;
    cursor: pointer;
}

#menu-tools .menu-item a.menu-link:hover strong
{
    color: #fff;
}

#menu-tools .menu-item a.menu-link:hover .menu-link-detail
{
    color: #eee;
}

.skspecialbutton img
{
    width: 25px;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
}

.skspecialbuttonholder
{
    display:inline-block;
}

.specialmenu
{
    width: 260px;
    margin-left: -2px;
    position: absolute;
    z-index: 999;
    box-shadow: 0px 2px 4px 2px rgba(196,196,196,0.50);
    transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out, visibility 0s linear .2s;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    left: -99900px;
    background: #fff;
    padding: 0px 0px;
    /* border-radius: 10px; */
    opacity: 0;
    visibility: hidden;
}

.specialmenu.small
{
    width:160px;
}

.specialmenu ul.view-menu-items li .specialitem
{
    padding: 5px;
    color: #737373 !important;
    line-height: 20px;
    font-size: 14px;
    border-top: none;
    white-space: nowrap;
}

.specialmenu ul.view-menu-items li .specialitem span
{
    line-height: 25px;
}

.specialmenu ul.view-menu-items li a.specialitem:hover
{
    background: rgb(222, 222, 222) !important;
}

.specialmenu ul.view-menu-items li a.specialitem img
{
    width:35px;
    vertical-align:middle;
    margin-right:5px
}

.specialmenu ul div.hr
{
    padding:1px 0px 0px 0px !important;
    margin:0px !important;
    background:#e0e0e0;
    border-top:none !important;
}

.skwhitebuttonround
{
    font-size: 1em;
    background: #fff;
    border-radius: 10em;
    padding: 0.2em 2.5em;
    border:1px solid #CECECE;
    color:#000000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    display: inline-block;
    cursor: pointer;
    line-height: 1.5em;
    vertical-align: middle;
}

.skwhitebuttonround:hover
{
    border:1px solid #878787;
    text-decoration: none;
}

.skwhitebuttonround.selected
{
    border:1px solid #878787;
    font-weight: 600;
}

.skwhitebuttonround:active
{
    position:relative;
    top:1px;
}

.skwhitebuttonround.small
{
    padding: 0.2em 1em;
}

.skwhitebuttonround.blue
{
    background: #3498db;
    color: #fff;
    border:0px;
}

.skwhitebuttonround.blue:hover,.skwhitebuttonround.blue.selected
{
    border:0px;
    background: #3cb0fd;
}

.skwhitebutton
{
/*    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;*/
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    background-color: #ffffff;
/*    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;*/
    font-size: 12px;
    line-height: 17px;
    vertical-align: middle;
    border: 1px solid #c4c4c4;
    color: #737373;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    white-space: nowrap;
/*    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);*/
    padding: 3px;
    text-decoration: none;
    cursor: pointer;
    /*text-shadow: 0px 1px 0px #ffffff;*/
    font-weight: 500;
    display:inline-block;
}

.skwhitebutton.disabled, .skwhitebutton.disabled:hover, .skwhitebutton.disabled:hover .font-icon
{
    color:#ccc !important;
    background:#fff !important;
}

a.skwhitebuttonbig, button.skwhitebuttonbig, input.skwhitebuttonbig
{
    padding: 10px 20px;
    font-size: 19px;
    line-height: 25px;
    margin: 3px 2px;
    white-space: normal;
    min-width: 30px;
}

.skwhitebutton .font-icon
{
    color:#6b6c79;
}

.skwhitebutton .font-desc
{
    line-height: 12px;
}

.skwhitebutton:hover .font-icon
{
    color:#fafafa;
}

.skwhitebutton:hover .redtext, .deletemediabut:hover .redtext
{
    color:#b31212 !important;
}

.skwhitebutton .greentext
{
    color:#217435;
}

.skwhitebutton .bluetext
{
    color:#336785;
}

.skwhitebutton:hover .greentext
{
    color:#319f4b;
}

.skwhitebutton:hover .bluetext
{
    color:#388cbd;
}

.view-menu-items .font-icon
{
    min-width:1.5em;
    display:inline-block;
}

.view-menu-items hr
{
    width: 100%;
    margin-bottom:-2px !important;
    height:1px !important;
}

.skwhitebuttonsmall
{
    height: 22px !important;
    line-height: 16px !important;
    padding: 3px 5px !important;
    font-size: 12px !important;
    font-weight: normal !important;
}

.skwhitebuttonsmallsubm
{
    height: 20px !important;
    line-height: 10px !important;
    padding: 3px !important;
    font-size: 12px !important;
    font-weight: normal !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    vertical-align: top !important;
}

.skwhitebuttonsmallest
{
    font-size: 12px !important;
    padding: 3px !important;
    font-weight: normal !important;
}

.skwhitebutton .icon
{
    vertical-align: middle;
    padding-right: 2px;
    display: inline-block;
    height: 100%;
    width: 16px;
}

.skwhitebutton:hover
{
    background: #3cb0fd;
    color: #fff;
    border-color: #3cb0fd;
    text-decoration: none;
    text-shadow: none;
}

.skwhitebutton:active
{
    position:relative;
    top:1px;
}

.skwhiteimgext
{
    vertical-align: middle;
    padding-top: 0px;
    margin-top: -2px;
    padding-right: 5px;
}

.mediaadded
{
    display: inline-block;
    background: #f0f0f0 url(/sk-static/imagefiles/buttonwhite.png) repeat-x;
    height: 23px;
    padding: 5px;
    font-size: 14px;
    line-height: 23px;
    vertical-align: middle;
    border: 1px solid #2db66a;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #1e7c48 !important;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.boxbutton
{
    height: 140px;
    width: 184px;
    border: 1px solid #cbd3d9;
    display: table;
    padding-bottom: 15px;
    position: relative;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    margin: 10px 20px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%);
    background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 );
}

.boxbutton:hover
{
    border-color:#4d90b6;
    text-decoration: none;
    -webkit-box-shadow: 5px 5px 2px rgba(234, 234, 234, .2);
    -moz-box-shadow: 5px 5px 2px rgba(234, 234, 234, .2);
    box-shadow: 5px 5px 2px rgba(234, 234, 234, .2);
}

.boxicon
{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    opacity:0.7;
}

.boxicon .font-icon
{
    font-size: 100px;
}

.boxbutton:hover .boxicon
{
    opacity:1;
}

.boxtext
{
    position: absolute;
    bottom: 10px;
    left: 0px;
    width: 100%;
    display: inline-block;
    text-align: center;
    font-size: 14px;
}

.appdiv
{
    display: inline-block;
    position: relative;
    text-align: center;
    display: inline-block;
    position: relative;
    text-align: center;
    width:120px;
    margin: 10px 33px 23px;
}

.appmessagetitle, .appmessagetext, .appinitmessage
{
    display:none;
}

.appdiv a:hover
{
    text-decoration:none;
}

.appdiv a:hover .appicon
{
    box-shadow: 0px 0px 15px rgba(0, 123, 191, 0.25), 0px 0px 1px 1px rgba(0, 123, 191, 0.2);
}

.appdiv .comingsoon
{
    padding: 10px;
    background: #fff;
}

.appbutton
{
    font-size: 16px;
    color: black;
    cursor: pointer;
}

.appicon
{
    width: 100%;
    margin-bottom:5px;
    opacity:1;
    position: relative;
    overflow: hidden;
    line-height: 0px;
}

.appicon img
{
    width:120px;
    height:auto;
}

.appicon .appcorner
{
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: center;
    font-size: 10px;
    display: block;
    width: 100px;
    transform: translate(39px, -9px) rotate(45deg);
    padding: 22px 0px 3px;
    color: #fff;
    background: #B52936;
}

.appicongrey .linkset div
{
    opacity: 0.4;
}

.dissableitem
{
    position: absolute;
    z-index: 50;
    left: 0px;
    background: #f9f9f9;
    opacity: 0.7;
    display: block;
    width: 100%;
    height: 56px;
}

.apptext
{
    width: 100%;
    color: rgb(51, 51, 51);
    width: 100%;
    color: rgb(51,51,51);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.appdiv:hover .apptext
{
    color:#000;
}

.apphelplink
{
    position: absolute;
    opacity: 0;
    color: #000;
    width: 100%;
    text-align: center;
    left: 0px;
    font-size: 12px;
    white-space: nowrap;
    visibility:hidden;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.apphelplink a
{
    padding: 0px 1px;
    text-transform: capitalize;
    color:#666;
}

.apphelplink a:hover
{
    text-decoration:underline;
    color: var(--linkcolor);
}

.appdiv:hover .apphelplink, .touchconfirmed .appdiv .apphelplink 
{
    visibility:visible;
    opacity: 1;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.indexcontent
{
    margin-top: 15px;
    margin-bottom: 15px;
}

#searchbox form input.text, .searchstyle
{
    display: inline-block;
    height: 22px;
    width: 100px;
    padding:2px 0 2px 5px;
    font-size: 12px;
    line-height: 16px;
    vertical-align: middle;
    border: 1px solid #ccc;
    color: #000 !important;
}

#containersearch #searchbox
{
    margin:3px 0px;
}

.whitesearchholder
{
    display:inline-block;
}

.rb4justleft
{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.rb4justright
{
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.popover
{
    display: none;
    width: 580px;
}

.redborder
{
    border: 1px solid #0087C2;
}

.buttonmenumain
{
    display:inline-block;
}

.lifloatleft li
{
    float: left;
}

#search form p, #searchtop form p
{
    margin: 0px;
    padding: 0px;
}

#searchtop
{
    display:inline-block;
}

#searchtop .searchform
{
    background:white;
    border: 1px solid #b5b5ae;
    display:inline-block;
    position:relative;
}

#searchtop .searchform .font-icon
{
    color:#b5b5ae;
    padding-right:4px;
    margin:0px !important;
}

#searchtop .searchform input,#searchtop .searchform select
{
    border:0px;
}

#searchtop .searchform input
{
    border-right:1px solid #b5b5ae;
}


#search form input.text, #search form select, #searchtop form input.text,
#searchtop form select
{
    margin: 0 0 0 0;
    background: transparent;
    font: normal 14px Roboto, Helvetica, Arial;
    color: #474038;
    vertical-align: bottom;
    padding:0px 4px;
    line-height: 18px;
    color:#b5b5ae;
}

#searchtop form select
{
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 0px;
}

#searchtop form select:before
{
    content: "\E819";
    font-family: "skoletube";
    font-style: normal;
    font-weight: normal;
    position:absolute;
    right:0px;
}

#search form input.text
{
    border: 3px solid #cbcbcb;
    width: 200px;
    padding: 3px;
    margin: 0px;
}

#search form select
{
    width: 130px;
    padding: 2px;
}

.button
{
    margin-bottom: 2px;
}

#search form input.button
{
    margin: -7px 0 0 0;
    padding: 0px;
    vertical-align: middle;
}

#banner
{
    margin: 0 0 10px 0;
    padding: 0px;
    width: 500px;
    background: transparent url(/sk-static/imagefiles/tpl_banner_bg.gif) repeat-x top;
    border: 1px solid #e8eaea;
    height: 300px;
}

.feature
{
    margin: 10px 0 0 15px;
    padding: 5px;
    float: left;
    width: 136px;
    display: inline;
}

.feature h3
{
    margin: 0px;
    padding: 0px;
    font: normal 30px Roboto, Helvetica, Arial;
    color: #008ece;
    letter-spacing: -2px;
}

.feature p
{
    margin: 0px;
    padding: 0px;
}

.feature p img
{
    margin: 5px;
    padding: 0px;
    display: block;
}

#mostactive img.thumb, #topwatched img.thumb, #recently-added img.thumb
{
    width: 120px;
    height: 90px;
}

#useraction
{
    display: block;
    width: 450px;
    padding: 2px;
    border: 1px solid #F5F5F5;
    margin-bottom: 20px;
    margin-left: 20px;
}

#useraction span.info
{
    color: #999999;
}

#carousel
{
    width: 410;
    height: 250px;
    padding: 5px;
}

.rednumber
{
    background: red;
    color: #fff;
    display: inline-block;
    padding: 3px;
    font-size: 12px;
    line-height: 9px !important;
}

.rednumber0
{
    visibility: hidden;
}

.rednumberaling
{
    right: 0px !important;
    top: 13px;
}

#useraction p
{
    float: left;
    margin: 20px;
}

.comment
{
    margin: 0;
    padding: 0;
    float: left;
    display: block;
    border-bottom: 1px solid #eaeaea;
    width: 477px;
}

.comment p a img
{
    margin: 0 20px 10px 0;
    padding: 0px;
    text-decoration: none;
    border: 1px solid #bbbfaf;
    float: left;
}

.white
{
    background: #fff;
}

.nomargin
{
    margin: 0px;
}

.noppading
{
    padding: 0px;
}

.biggerfont
{
    font-size: 14px;
}

.biggestfont
{
    font-size: 16px;
}

.minheight200
{
    min-height: 185px;
}

.minheight400
{
    min-height: 400px;
}

.inlineblock
{
    display: inline-block;
}

.aligncenter
{
    text-align: center !important;
}

.alignleft
{
    text-align: left !important;
}

.valigntop
{
    vertical-align: top !important;
}

.valignmiddle
{
    vertical-align: middle !important;
}

.textalignleft
{
    text-align: left !important;
}

.textaligncenter
{
    text-align: center !important;
}

.textalignright
{
    text-align: right !important;
}

.minwidth600
{
    min-width: 600px;
}

.gobackmsg
{
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    margin: 5px;
}

.rightsideblock
{
    border-bottom: 1px dotted #cbcbcb;
}

#login, #statistic, #online, #vote, #adv, #latestvideo, #populartags,
#profiledetail, #recenttags, #othervideo, #relatedvideo,
#relatedtag,
#small-rightbox
{
    display: block;
    width: 213px;
    padding: 2px;
}

#groupforum, #grouprecentvideo
{
    display: block;
    width: 700px;
    padding: 2px;
    background: #FFFFFF;
    border: 1px solid #F5F5F5;
}

.approvecookie
{
    position: fixed;
    z-index: 99999;
    bottom: 0px;
    padding: 20px 0px;
    width: 100%;
    background: #fff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15), 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.approvecookie span
{
    font-family: Helvetica;
    font-size: 14px;
    color:#686868;
}

.approvecookie a
{
    color:#18B0F5;
    text-decoration: underline;
}

.approvecookie .containertop
{
    box-shadow:none;
}

.approvecookie button
{
    background: #F1F5F7;
    border: 1px solid #646464;
    border-radius: 8px;
    font-family: Helvetica-Bold;
    font-size: 16px;
    cursor: pointer;
    display: block;
    padding: 5px 15px;
    margin: 10px auto 0px;
    float:right;
}

.approvecookie img
{
    padding: 0px 30px 0px 0px;
    max-width: 60px;
    float: left;
}

.approvecookie p
{
    padding: 0px 40px;
    margin: 0px;
}

#footer
{
    padding: 15px 0px 5px 0px;
    box-shadow: 3px 10px 4px 6px rgba(0,0,0,0.50);
    background: #666;
}

#footcontainer
{
    margin: 0px auto;
    padding: 0px;
    width: 920px;
    text-align: center;
}

#footcontainer p
{
    margin: 3px 5px;
    padding: 0px;
    color: #fff;
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
}

#footcontainer p.bigfoot
{
    font-size: 17px;
    line-height: 50px;
}

#footcontainer p.bigfoot a
{
    margin:0px 20px;
    border-bottom:none;
}

#footcontainer p a
{
    margin: 0px;
    border: none;
    border-bottom: 1px dotted #FFFFFF;
    text-decoration: none;
    color: #FFFFFF;
}

#footcontainer p a img.rss
{
    border: none;
    text-decoration: none;
}

#fullbox, #invitefriend, #invitenewfriend
{
    display: block;
    width: 894px;
    padding: 2px;
    text-align: left;
}

#fullbox label, #invitefriend label, #invitenewfriend label
{
    font-weight: bold;
}

#fullbox form input.inputtext, #invitefriend form input.inputtype,
#invitenewfriend form input.inputtype
{
    margin: 0 0 5px 0;
    padding: 2px;
    border: 1px solid #d3d3d3;
    background: #ffffff url(/sk-static/imagefiles/tpl_input_bg.gif) no-repeat top left;
    font: normal 11px Roboto, Helvetica, Arial;
    width: 240px;
    color: #474038;
}

#fullbox form p input.submitbutton, #invitefriend form p input.submitbutton,
#invitenewfriend form p input.submitbutton
{
    margin: 5px 0 0 0;
}

#fullbox div.fm-req label:before,
#invitefriend div.fm-req label:before,
#invitenewfriend div.fm-req label:before
{
    content: "* "; /* does not work in IE */
    color: #CC0000;
    font-weight: bold;
}

#fullbox div.fm-opt label:before,
#invitefriend div.fm-opt label:before,
#invitenewfriend div.fm-opt label:before
{
    color: #CC0000;
}

.submitbutton
{
    margin-left: 150px;
    padding : 10px 0 0 25px;
}

/* My Profile */

#myprofile
{
    display: block;
    border: 1px solid #F5F5F5;
    text-align: left;
}

.formstyle
{
    padding: 0px 10px;
    padding-bottom: 5px;
}

.formstyle form
{
    padding: 0px;
    font-size:0px;
}

.formstyle fieldset
{
    margin: 1em 0;
    border: none;
}

.formstyle fieldset.profilediv
{
    border: 1px solid #ccc;
    display: inline-block;
}

.formstyle fieldset.profilediv legend
{
    margin: 0px;
    padding: 0 .5em;
    background: transparent;
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
    color: #4068b2;
}

.formstyle legend
{
    margin: 0 0 0.7em 0;
    padding: 0 .5em;
    background: transparent;
    font-size: 20px;
    font-weight: normal;
    color:#4068b2;
}

.formstyle .notes
{
    padding: 0px 5px;
    display: block;
    font-size: 10px;
    text-align: left;
}

.formstyle .notes.greytext
{
    text-align:center;
}

.formstyle label
{
    text-align: left;
    color: #555;
    font-weight: normal;
    width: auto;
    padding: 3px 0px;
}

.formstyle label:hover
{
    cursor: pointer;
}

.formstyle .formwhole .formdivision,
.formstyle .formwhole .formthird,
.formstyle .formwhole .formtwothird,
.formstyle .formwhole .formfourth,
.formstyle .formwhole .formfifth,
.formstyle .formwhole .formtwofifth,
.formstyle .formwhole .formthreefifth,
.formstyle .formwhole .formfourfifth
.pagestyle .formwhole .formdivision,
.pagestyle .formwhole .formthird,
.pagestyle .formwhole .formtwothird,
.pagestyle .formwhole .formfourth,
.pagestyle .formwhole .formfifth,
.pagestyle .formwhole .formtwofifth,
.pagestyle .formwhole .formthreefifth,
.pagestyle .formwhole .formfourfifth
{
    display:table-cell;
}

.formstyle .formwhole .right, .pagestyle .formwhole .right
{
    text-align: right;
}

.formstyle .formwhole .formdivision.hideit
{
    display:none;
}

.formstyle .formdivision,
.pagestyle .formdivision
{
    display:inline-block;
    width:50%;
    vertical-align: top;
    margin-bottom:7px;
    font-size:12px;
}

.formstyle .formwhole .formdivision:first-child,
.pagestyle .formwhole .formdivision:first-child
{
    padding-right: 5px;
}

.formstyle .formdivision .forminner, .formstyle .formdivision .forminnerleft, .formstyle .formwhole .forminnerleft,.formstyle .formdivision .forminnerright
{
    /*max-width: 505px;*/
}

.formstyle .formwhole .forminnerleft,.formstyle .formdivision .forminnerright,
.pagestyle .formwhole .forminnerleft,.pagestyle .formdivision .forminnerright
{
    margin:auto;
}

.formstyle .forminnerleft,
.pagestyle .forminnerleft
{
    padding-right:10px;
}

.formstyle .formdivision .forminnerright,
.pagestyle .formdivision .forminnerright
{
    padding-left:10px;
}

.formstyle .formthird,
.pagestyle .formthird
{
    width:33%;
    vertical-align: top;
    display:inline-block;
    font-size:12px;
}

.formstyle .formthird .forminner,
.pagestyle .formthird .forminner
{
    margin: 0px 20px;
}

.formstyle .formfourth,
.pagestyle .formfourth
{
    width:25%;
    vertical-align: top;
    display:inline-block;
}

.formstyle .formfifth,
.pagestyle .formfifth
{
    width:20%;
    vertical-align: top;
    display:inline-block;
}

.formstyle .formthreefifth,
.pagestyle .formthreefifth
{
    width:60%;
    vertical-align: top;
    display:inline-block;
}

.formstyle .formfourfifth,
.pagestyle .formfourfifth
{
    width:80%;
    vertical-align: top;
    display:inline-block;
}

.formstyle .formtwofifth,
.pagestyle .formtwofifth
{
    width:40%;
    vertical-align: top;
    display:inline-block;
}

.formstyle h2,
.pagestyle h2
{
    font-size: 16px;
    color: #777;
    margin: 0px 0px 5px 0px;
}

.formstyle .formtwothird,
.pagestyle .formtwothird
{
    width:67%;
    vertical-align: top;
    display:inline-block;
    font-size:12px;
}

.formstyle .formwhole,
.pagestyle .formwhole
{
    margin-bottom:7px;
    font-size:14px;
    text-align:left;
    display:table;
    width:100%;
}

.formstyle .innercenter.formblock,
.pagestyle .innercenter.formblock
{
    margin-top: 20px;
}

.formstyle .innercenter,
.pagestyle .innercenter
{
    text-align: center;
}

.formstyle .centerbox
{
    display: table;
    margin: auto;
}

.formstyle .centerbox div
{
    margin: auto;
}

.formstyle form div
{
    font-size:14px;
}

.formstyle form p
{
    margin: 0px;
    padding: 0px;
    font: normal 13px Roboto, Helvetica, Arial;
    color: #008ece;
}

.formstyle form input.myprofiletext
{
    margin: 0 0 5px 0;
    padding: 2px;
    border: 1px solid #d3d3d3;
    background: #ffffff url(/sk-static/imagefiles/tpl_input_bg.gif) no-repeat top left;
}

.formstyle .formcolorblock
{
    width: 90px;
    height: 80px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    color: #666;
}

.formstyle form textarea.myprofiletext, #fullbox form textarea.inputtext
{
    margin: 0 0 10px 0;
    padding: 5px;
    border: 1px solid #d3d3d3;
    background: #ffffff url(/sk-static/imagefiles/tpl_textarea_bg.gif) no-repeat top left;
    font: normal 11px Roboto, Helvetica, Arial;
    width: 200px;
    height:100px;
}

.formstyle form select.myprofiletext
{
    margin: 0 0 5px 0;
    padding: 2px;
    border: 1px solid #d3d3d3;
    background: #ffffff url(/sk-static/imagefiles/tpl_input_bg.gif) no-repeat top left;
    font: normal 11px Roboto, Helvetica, Arial;
}

.formstyle form input.myprofilebrowsefile
{
    margin: 0 0 5px 0;
    padding: 2px;
    border: 1px solid #d3d3d3;
    background: #ffffff url(/sk-static/imagefiles/tpl_input_bg.gif) no-repeat top left;
    font: normal 11px Roboto, Helvetica, Arial;
}

.formstyle form p input.myprofilebutton
{
    margin: 5px 0 0 0;
    padding: 0px;
}

.formstyle .inputtitle
{
    font-size: 1.2em;
    text-align: left;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: 700;
    line-height: 1.35;
    color: #666;
}

.formstyle .formtable
{
    display:table;
    border-collapse: collapse;
}

.formstyle .formtablerow
{
    display:table-row;
}

.formstyle .formtable .formcell
{
    display:table-cell;
    background: #fff;
    padding:3px 5px;
    border:1px solid #c6ced7;
}

.formstyle .formtable .formtablerow:nth-child(odd) .formcell
{
    background: #eee;
}

.formstyle .formtable .formtablehead
{
    display: table-header-group;
}

.formstyle .formtable .formtablehead .formcell
{
    background:#3e6996;
    color:#fff;
    font-weight:500;
    text-align:center;
    border:1px solid #445c76;
}

.formstyle .formtable .formtablelabel
{
    display:none;
    font-weight: 500;
}

.formstyle .formtable .formtablesearch
{
    display: table-caption;
}

.formstyle .formtable .formtablesearch div
{
    display: block;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: 0px;
    padding:5px;
}
/* required fields - does not work in IE */

.formstyle div.fm-req
{
    font-weight: bold;
}

.formstyle div.fm-req label:before
{
    content: "* "; /* does not work in IE */
    color: #CC0000;
}

.formstyle .formprofile
{
    margin:20px auto;
    display: inline-block;
}

.formprofile .profile-holder
{
    width: 200px;
    height: 200px;
    border-radius: 200px;
}

.formstyle .wholeblock
{
    display:block;
    margin:auto;
}

.profimage
{
    width:150px;
    height:112px;
    margin:5px auto;
}

.profimage img
{
    height:100%;
}

.myprofilestatement
{
    margin-left: 150px;
    float: left;
}

.myprofilebutton
{
    margin: auto;
    display: block;
    width: 200px;
}

.bdaydiv
{
    white-space: nowrap;
    display:inline-block;
}

.lineoptions, .lineoptionshalf
{
    width: auto;
    text-align: left;
    color: #76797C !important;
    padding:3px 15px;
    min-height:33px;
}

.lineoptions.lineoptionsbottom
{
}

.lineoptions a.skwhitebutton
{
    margin:0px 2px;
}

.lineoptionshalf
{
    width: 603px;
}

.lineoptionsinnersp
{
    width: 820px;
}

.optionsdiv
{
    width: auto;
    text-align: left;
    color: #76797C !important;
    padding:3px 15px;
    border-bottom:1px solid #ccc;
    background-color: #fafafa;
    -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.1);
}

.optionsdiv .lineholder
{
    display: table;
    min-height: 33px;
}

.optionsdiv .lineholder .linebutton
{
    display: table-cell;
    vertical-align: middle;
    padding: 0px 2px;
}

.arrow-general
{
    display: none;
}

.alignleft
{
    text-align: left;
}

.videopaging
{
    display: inline-block;
    font: normal 11px Roboto, Helvetica, Arial;
    color: #333333;
    letter-spacing: normal;
    float: right;
    margin-right: 10px;
}

#fullbox-title p img
{
    margin-right: 5px;
}

#videobox
{
    text-align: center;
    margin: 0 auto;
    line-height: 14px;
}

#tagsbox
{
    text-align: justify;
    margin: 0 auto;
}

#videobox table tr td
{
    padding-bottom: 30px;
    padding-left: 12px;
}

#videobox img
{
    padding: 1px;
    border: 1px solid #EEE;
}

#videobox img.star
{
    border: none;
}

#videobox span.title
{
    font: normal 13px Roboto, Helvetica, Arial;
}

#videobox span.duration
{
    font: bold 12px Roboto, Helvetica, Arial;
}

#videobox span.info
{
    color: #999999;
}

.center
{
    text-align: center;
}

#paging
{
    width: auto;
    margin: 0px auto;
    padding: 5px 0px;
    text-align: center;
    position:relative;
}

.pagitotals
{
    position:absolute;
    right:0px;
}

#paging-left {
    width: 496px;
}

.pagingnav
{
    vertical-align: middle;
    font: normal 12px Roboto, Helvetica, Arial;
    text-align: center;
}

.pagingnav .font-icon
{
    width: auto;
    margin: 0px;
    line-height: 25px;
    font-size: 16px;
}

.pagingnav .font-icon.leftarrow
{
    padding: 0px 5px 0px 3px;
}

.pagingnav .font-icon.rightarrow
{
    padding: 0px 3px 0px 5px;
}

.pagingnav .notispace
{
    margin-right:3px;
    color: #888;
}

.pagingnav a
{
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    background-color: #ffffff;
    border: 1px solid #dcdcdc;
    vertical-align: middle;
    border: 1px solid #c4c4c4;
    color: #737373;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    white-space: nowrap;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
    text-decoration: none;
    cursor: pointer;
    text-shadow: 0px 1px 0px #ffffff;
    font-weight: 500;
    margin-right:4px;
    display:inline-block;
    padding: 0px 5px;
    line-height: 25px;
    font-size: 15px;
    max-height: 23px;
    overflow: hidden;
}

.pagingnav.pagingsmall a, .pagingnav.pagingsmall .pagspan
{
    line-height: 22px;
}

.pagingnav .pagspan
{
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: #295d99;
    border: 1px solid #295d99;
    font-size: 15px;
    vertical-align: middle;
    border: 1px solid #295d99;
    color: #fff;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    white-space: nowrap;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
    padding: 0px 6px;
    text-decoration: none;
    cursor: pointer;
    font-weight: 500;
    margin-right: 4px;
    max-height: 23px;
    line-height: 25px;
    display: inline-block;
}

.pagingnav a:hover
{
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .4);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, .4);
    cursor: pointer;
    color:#4d4f5a !important;
    text-decoration: none !important;
}

.replythis
{
    background: url(/sk-static/imagefiles/tpl_icon_reply.gif) no-repeat left center;
    padding: 0 80px 0 20px;
    float: right;
    margin-bottom: 10px;
}

.videoplayer
{
    margin-left: 13px;
}

#videoplayer iframe
{
    min-height: 400px;
}

.textdesc {
    width: 120px;
}

.listchannelgroup, .listchannel, .listchannellarge
{
    margin-right: 5px;
    float: left;
    text-align: center;
    margin-bottom: 5px;
    overflow: hidden;
}

.listchannel, .listchannellarge
{
    padding: 5px;
    border: 1px solid #dee3e7;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
}

.listchannellarge {
    width: 600px;
}

.listchannellarge .imagechannelinfo, .listchannellarge .imagechannel
{
    float: left;
}

.listchannellarge .imagechannelinfo
{
    padding-left: 10px;
    text-align: left;
}

.imagechannel
{
    display: inline-block;
    text-align: center;
    margin: 5px auto;
    background: #fff;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #ccc;
    padding: 3px;
}

.listchannel .imagechannel a img
{
    max-width: 108px;
    height: 90px;
}

.listchannellarge .imagechannel a img
{
    width: 120px;
    height: 90px;
}

.listchannel:hover
{
    background: #f7f7f7;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
}

.listchannel .title
{
    font-size: 14px;
}

.listchannelgroup .star img, .listchannel .star img, .listchannellarge .star img
{
    border: none;
}

/*My Video */
.group span.title, .myvideo span.title, .listchannellarge span.title,
.inbox span.title
{
    font: normal 16px Roboto, Helvetica, Arial;
}

.listingdet {
    margin: 0px;
    margin-top: 5px;
    width: 600px;
    display: block;
    border: 1px solid;
    border-color: #E5E5E5 #DBDBDB #D2D2D2;
    padding: 5px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -khtml-border-radius: 4px;
    background: #f8f8f8;
    background: -webkit-linear-gradient(top, rgba(251, 251, 251, 1) 50%, rgba(245, 245, 245, 1) 100%);
    background: -moz-linear-gradient(top, rgba(251, 251, 251, 1) 50%, rgba(245, 245, 245, 1) 100%);
    background: -o-linear-gradient(top, rgba(251, 251, 251, 1) 50%, rgba(245, 245, 245, 1) 100%);
    background: -ms-linear-gradient(top, rgba(251, 251, 251, 1) 50%, rgba(245, 245, 245, 1) 100%);
    background: linear-gradient(top, rgba(251, 251, 251, 1) 50%, rgba(245, 245, 245, 1) 100%);
    position: relative;
}

.listingdet:hover
{
    background: #f3f3f3;
    background: -webkit-linear-gradient(top, rgba(251, 251, 251, 1) 50%, rgba(235, 235, 235, 1) 100%);
    background: -moz-linear-gradient(top, rgba(251, 251, 251, 1) 50%, rgba(235, 235, 235, 1) 100%);
    background: -o-linear-gradient(top, rgba(251, 251, 251, 1) 50%, rgba(235, 235, 235, 1) 100%);
    background: -ms-linear-gradient(top, rgba(251, 251, 251, 1) 50%, rgba(235, 235, 235, 1) 100%);
    background: linear-gradient(top, rgba(251, 251, 251, 1) 50%, rgba(235, 235, 235, 1) 100%);
}

.listingdet span.title
{
    margin-top: 5px;
    display: block;
    margin-bottom: 3px;
    font-size: 18px;
    padding: 0px;
}

.medialist .privategrp,
.medialist .semiprivgrp, .medialist .publicgrp, .medialist .specialgrp
{
    display: inline-block;
    color: #737373 !important;
}

.medialist .privategrp:before
{
    content:'\E81e';
    font-size:1em;
    font-family: "skoletube";
    margin-right: 4px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.medialist .privategrp
{
    color: #bd1b01;
}

.medialist .specialgrp:before
{
    content:'\E83e';
    font-size:1vw;
    font-family: "skoletube";
    margin-right: 4px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.medialist .specialgrp
{
    color: #d77823;
}

.medialist .publicgrp:before
{
    content:'\E81f';
    font-size:1em;
    font-family: "skoletube";
    margin-right: 4px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.medialist .publicgrp
{
    color: #009933;
}

.medialist .semiprivgrp:before
{
    content:'\E84c';
    font-size:1em;
    font-family: "skoletube";
    margin-right: 4px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.medialist .semiprivgrp
{
    color: #979900;
}

.medialist .medialisticon
{
    width: 100%;
    position: absolute;
}

.photopealister .medialisticon
{
    position:initial;
}

.medialist .medialisticon .font-icon:hover
{
    text-decoration: none;
    color: var(--linkcolor);
    cursor: pointer;
}

.medialist .medialisticon .font-icon
{
    color: #ccc;
    font-size: 100px;
    line-height: 130px;
    padding: 10px;
    position:relative;
}

.medialist .medialisticon.photopeaupload .font-icon
{
    border: 1px solid #ddd;
    border-radius: 100px;
}

.medialist .medialisticon input
{
    width: 128px;
    height: 122px;
    top: 0p;
    top: 0px;
    left: 0;
    position: absolute;
    opacity: 0;
}

.loginbox
{
    padding: 0px !important;
    border: 0px !important;
    width: auto !important;
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    width: auto !important;
    height: auto !important;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.loginnoback
{
    background: transparent !important;
}

.whitebackborder
{
    display: inline-block;
    text-align: center;
    background: #fff;
    margin: 0 auto;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #ccc;
    padding: 20px;
}

.userblock
{
    width: 150px;
}

.mediablock
{
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    padding: 1px;
}

.videothumb
{
    display: inline-block;
    text-align: center;
    background: #fff;
    margin: 0 auto;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #ccc;
    padding: 5px;
}

.videothumb img
{
    padding: 2px;
    margin: auto;
    border: 1px solid #EEE;
    margin-bottom: 5px;
    min-width: 130px;
}

.maindesc
{
    width: 320px;
    display: inline-block;
    vertical-align: top;
    margin: 0px;
    padding-left: 5px;

}

/* End My Video */

/* Inbox Outbox */
.inbox th
{
    border-bottom: 1px solid #bfbfbf;
    height: 30px;
    background-color: #e6e6e6;
    text-align: center;
}

.inbox td
{
    height: 20px;
    padding: 4px 10px 4px 10px;
}

.inbox td.blue
{
    background-color: #e6e6e6;
    padding: 4px 10px 4px 10px;
}

a.newmail
{
    font-weight: bold;
}

a.openedmail
{
}

/* End Inbox Outbox*/

/* Groups */
#fullbox-content p, #groups p
{
    margin: 15px 5px;
    padding: 0px;
}

#groups p span
{
    margin: 5px 5px 0 0;
    padding: 0 0 0 18px;
}

.group
{
    margin-top: 5px;
    width: 600px;
    display: block;
    border: 1px solid #e7e7de;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 5px;
}

.groupthumb
{
    display: inline-block;
    text-align: center;
    background: #fff;
    margin: 0 auto;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #ccc;
    padding: 5px;
}

.groupthumb img
{
    max-width: 108px;
}

.groupthumbext
{
    float: left;
    margin-right: 5px;
    width: 120px;
}

.fontnormal
{
    font-weight: normal !important;
}

.fontnormal a
{
    font-weight: normal !important;
}

.innercontainer p span.video, #groups p span.video
{
    background: transparent url(/sk-static/imagefiles/tpl_icon_video.gif) no-repeat;
    letter-spacing: -1px;
}

.innercontainer p span.topic, #groups p span.topic
{
    background: transparent url(/sk-static/imagefiles/tpl_icon_topic.gif) no-repeat;
    letter-spacing: -1px;
}

.innercontainer p span.people, #groups p span.people
{
    background: transparent url(/sk-static/imagefiles/tpl_icon_people.gif) no-repeat;
    letter-spacing: -1px;
}

p#grouphome_icon, p#grouppost_icon
{
    margin: 15px 5px;
    padding: 0px;
}

p#grouphome_icon span, p#grouppost_icon span
{
    margin: 5px 5px 0 0;
    padding: 0 0 0 18px;
    font-weight: bold;
}

p#grouphome_icon span.video, p#grouppost_icon span.video
{
    background: transparent url(/sk-static/imagefiles/tpl_icon_video.gif) no-repeat;
    letter-spacing: -1px;
}

p#grouphome_icon span.people, p#grouppost_icon span.people
{
    background: transparent url(/sk-static/imagefiles/tpl_icon_people.gif) no-repeat;
    letter-spacing: -1px;
}

p#grouppost_icon span.flag
{
    background: transparent url(/sk-static/imagefiles/tpl_icon_flag.gif) no-repeat;
    letter-spacing: -1px;
}

p#grouphome_icon span.newpeople, p#grouppost_icon span.newpeople,
#groups span.newpeople, .innercontainer p span.newpeople
{
    background: transparent url(/sk-static/imagefiles/tpl_icon_membernew.gif) no-repeat;
    letter-spacing: -1px;
}

p#grouphome_icon span.newvideo, p#grouppost_icon span.newvideo,
#groups span.newvideo, .innercontainer p span.newvideo
{
    background: transparent url(/sk-static/imagefiles/tpl_icon_videonew.gif) no-repeat;
    letter-spacing: -1px;
}

.groupdesc
{
    width: 320px;
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 10px;
}

.group-home-desc
{
    display: block;
    float: left;
}

.groupforum-items
{
    margin: 0 10px;
}

.group-post-desc
{
    display: block;
    float: left;
    width: 550px;
}

.grouppost-comment
{
    border-bottom: 1px solid #EAEAEA;
}

.divede-box
{
    clear: both;
    padding-bottom: 20px;
    display: block;
}

#prevmovie
{
    width: 60px;
    float: left;
    padding-left: 7px;
    text-align: center;
}

#nextmovie
{
    width: 60px;
    float: left;
    text-align: center;
}

#playmovie
{
    width: 60px;
    float: left;
    text-align: center;
}

.relatedvideothumbnail
{
    padding-left: 5px;
    width: 60px;
    float: left;
    display: block;
    text-align: center;
}

.relatedvideodesc
{
    width: 100px;
    float: left;
    display: block;
    padding-left: 8px;
    text-align: left;
    font: normal 11px/14px Roboto, Helvetica, Arial;
}

#recent1, #recent2, #recent3
{
    padding: 0 8px;
    width: 410px;
    float: left;
}

.side_results
{
    overflow: auto;
    height: 350px;
    width: 196px;
    display: block;
}

.boxtable
{
    padding-left: 30px;
}

.floatmenu
{
    float: left;
    width: 125px;
    text-align: left;
    background: transparent url(/sk-static/imagefiles/tpl_icon_arrow.gif) no-repeat;
    padding-left: 15px;
    line-height: 14px;
}

.floatmenu-without-arrow
{
    float: left;
    width: 125px;
    text-align: left;
    padding-left: 15px;
}

.comment-content
{
    word-wrap: break-word ;
    overflow: auto;
    width: 300px;
}

.errorbox
{
    border: dotted 1px #FF0000;
    color: #FF0000;
    font-weight: normal;
    font-size: 13px;
    width: 728px;
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 3px;
}

.errortext
{
    width: 90%;
    font-weight: bold;
    font-size: 20px !important;
    margin: 10px 0px 10px 0px;
    padding: 5px;
    padding-top: 30px;
    color: #0294e4;
    line-height: 20px;
    text-align: center;
    margin: auto;
}

.erroroptions
{
    margin: 20px 0 40px;
    text-align: center;
}

.erroroptions span
{
    color: #999;
    font-size: 16px;
    line-height:40px;
}

.msgdate
{
    text-align: right;
    width: 100%;
    font-size: 11px;
    color: #1a4250;
    border-bottom: 1px solid #ddd;
}

.msgbox
{
    color: #fff;
    font-weight: normal;
    font-size: 13px;
    width: 728px;
    background: #009933;
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 3px;
}

a.cloudtags
{
    text-decoration: none;
    padding: 2px;
    color: #665c50;
}

a.cloudtags:hover
{
    text-decoration: none;
    border-bottom: none;
    background: #ff70b7;
    color: white;
    padding: 2px;
}

/* Display Comments */

.comment-divider
{
    border-bottom: dotted 1px #ccc;
}

.comment-image {
    margin: 3px;
    margin-top: 7px;
    padding: 1px;
    border: 1px solid #ccc;
}

span.comment-info
{
    font-size: 11px;
    color: #999999;
}

.comment-body
{
    padding: 8px;
    border: 1px dashed #CCCCCC;
    background: #FDFDFD;
}

#videotabcontainer
{
    margin: 0 0 0 5px;
    padding: 0px;
    position: relative;
    top: 0px;
    width: 375px;
}

#videotabcontainer ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
    font: normal 14px/24px Roboto, Helvetica, Arial;
}

#videotabcontainer li
{
    display: inline;
    margin: 0px;
    padding: 0px;
    text-indent: 0px;
}

#videotabcontainer a
{
    float: left;
    display: block;
    width: 110px;
    height: 25px;
    color: #333333;
    border: none;
    text-decoration: none;
}

#videotabcontainer a:link, #videotabcontainer a:visited, #videotabcontainer a:hover, #videotabcontainer li a.tabactive
{
    float: left;
    background: transparent url(/sk-static/imagefiles/tpl_videotabs_btn.gif) no-repeat left top;
    background-position: 0% -25px;
}

#videotabcontainer a:link, #videotabcontainer a:visited
{
    background-position: 0% -25px;
}

#videotabcontainer ul li.tabactive
{
    background: transparent url(/sk-static/imagefiles/tpl_videotabs_btn.gif) no-repeat left top;
    background-position: 0% 0px;
    line-height: 24px;
}

#videotabcontainer a:hover
{
    background-position: 0% -50px;
    line-height: 24px;
}

#videotabcontainer li a.tabactive
{
    background-position: 0% 0px;
    line-height: 24px;
}

#dhtmltooltip
{
    position: absolute;
    width: 150px;
    border: 1px solid black;
    padding: 2px;
    background: #FFF;
    visibility: hidden;
    z-index: 100;
    text-align: left;
}

.backtable0
{
    background-color: #eee;
}

.backtable1
{
    background-color: #fff;
}

#dhtmltooltip
{
    position: absolute;
    left: -300px;
    width: 150px;
    border: 1px solid black;
    padding: 2px;
    background-color: lightyellow;
    visibility: hidden;
    z-index: 100;
}

#dhtmlpointer
{
    position: absolute;
    left: -300px;
    z-index: 101;
    visibility: hidden;
}

#menu1 a {
    color: black;
    background-color: white;
    text-decoration: none;
    text-indent: 1ex;
}

#menu1 a:active {
    color: black;
    text-decoration: none;
}

#menu1 a:hover {
    color: black;
    background-color: #FFFF99
}

#menu1 a:visited {
    color: black;
    text-decoration: none;
}

#menu2 a {
    color: navy;
    background-color: white;
    text-decoration: none;
    text-indent: 1ex;
}

#menu2 a:active {
    color: blue;
    text-decoration: none;
}

#menu2 a:visited {
    color: blue;
    text-decoration: none;
}

#menu2 a:hover {
    color: navy;
    background-color: #f0fea8
}

#menu3 a
{
    color: black;
    background-color: white;
    text-decoration: none;
    text-indent: 1ex;
}

#menu3 a:hover
{
    color: black;
    background-color: #FFFF99;
}

#menu3 a:active {
    color: black;
    text-decoration: none;
}

#menu3 a:visited {
    color: black;
    text-decoration: none;
}

.hovertypefile
{
    background: transparent;
    float: left;
    z-index: 1;
    position: absolute;
    margin-top: 3px;
    margin-left: 3px;
    width: 15px;
    border: 0px;
    color: #a1a1a1;
}

.hovertypefile img
{
    width: 17px;
    height: 17px;
    border: 0px !important;
}

.rssbutton
{
    background: transparent;
    float: right;
    z-index: 1;
    position: absolute;
    margin-top: 75px;
    margin-left: 5px;
    width: 15px;
    border: 0px;
    color: #a1a1a1;
}

.addtoplaylist
{
    border: 0px;
    color: #666;
    text-decoration: none;
    position: absolute;
    display: inline-block;
    left: 0px;
    bottom: -3px;
}

.addtoplaylist:hover
{
    cursor:pointer;
    color: #404040;
}

.addtoplaylist .eachplaylist
{
    padding: 2px;
    font-size: 12px;
    display: inline-block;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    background-color: #ffffff;
    border-radius: 0px 3px 0px 0px;
    -moz-border-radius: 0px 3px 0px 0px;
    -webkit-border-radius: 0px 3px 0px 0px;
    border: 1px solid #eee;
    height: 19px;
    width: 20px;
}

.group_videos .addtoplaylist .eachplaylist
{
    height: 17px;
}

.addtoplaylist .eachplaylist.font-icon
{
    margin-left:0px;
    margin-right:0px;
    padding: 2px 4px;
}

.createnewplaylist input
{
    height: 20px;
}

.createplaceholder
{
    vertical-align: middle;
}

.createplaceholder .createnewplaylist input
{
    height: auto;
    font-size: 13px;
    vertical-align: middle;
    margin: 2px 0px; 
    padding: 7px;
}

.createplaceholder .createnewplaylist .skwhitebutton
{
    padding:2px 6px 3px 6px !important;
    line-height: normal !important;
    height:auto !important;
    margin: 2px 1px !important;
}

.createnewplaylist .createnewpltname
{
    width: 160px;
}

.lineoptions .createplaylist
{
    font-size: 1.2em;
}

#addplaybutton
{
    cursor: pointer;
    background: transparent url('/sk-static/imagefiles/addplus.png') no-repeat;
    width: 15px;
    height: 15px;
    display: block;
    background-position-y: -15px;
}

#addplaybutton:hover
{
    background-position-y: 0px;
}

.addtoplaylist #addedplay
{
    background: #74c6e3;
    color: #FFF;
    width: 100px;
    display: block;
    border: 1px solid #1a4250;
    height: 16px;
}

.playlistu
{
    overflow: auto;
    max-height: 310px;
    position: relative;
    padding-top: 22px;
    margin-bottom: 18px;
}

#updatinglist
{
    visibility:hidden;
    color:#737373;
    position:absolute;
    top:0px;
    right:0px;
    line-height:20px;
    padding:3px 0px 0px 0px;
}

#playlistu
{
    padding-left:25px;
    padding-right:15px;
    position: static;
    margin: 0;
    text-align: left;
    counter-reset: item;
    list-style-type: decimal;
}

#playlistu li
{
    cursor: pointer;
    padding: 5px 4px;
    margin: 1px;
    text-align: left;
    border: 1px solid #eee;
    background:#fff;
    position:relative;
}

#playlistu li:nth-child(odd)
{
    background:#f4f6fa;
}

#playlistu li:hover div.playlistremove,#playlistu li.hover div.playlistremove
{
    display: inline-block;
}

#playlistu li:hover a
{
    color:#333333;
}

#playlistu li a
{
    color: #737373;
}

#playlistu div.playlistremove
{
    position:absolute;
    right:5px;
    display:none;
    text-decoration:none;
    font-size:20px;
    line-height:20px;
}

#load, #loadp
{
    width: 80px;
    height: 70px;
    text-align: center;
    display: none;
    position: absolute;
}

#load
{
    left: 45%;
}

#loadp
{
    left: 70%;
    display: none;
    background: #fff;
    border: 1px solid #e3e3e3;
}

#flickrget {
    width: 100%;
    min-height: 200px;
    padding: 3px 3px 3px 20px;
    list-style: none;
    margin: 0;
}

#flickrget li {
    margin: 2px;
    padding: 0;
    float: left;
}

#flickrget li a {
    display: block;
    width: 120px;
    height: 100px;
    padding: 4px 0;
    text-align: center;
}

#contentflickru {
    width: 100%;
    list-style: none;
    margin: 0;
}

#contentflickru li {
    margin: 2px;
    padding: 0;
    float: left;
}

#contentflickru li a {
    display: block;
    width: 120px;
    height: 100px;
    padding: 4px 0;
    text-align: center;
}

#dragbox {
    width: 100%;
    height: 100%;
    border: 1px solid #BDF4FF;
    background: #e7e7de;
}

#navb {
    width: 100%;
}

#nav {
    width: 100%;
}

#nav li {
    margin: 2px;
    padding: 0;
    float: left;
}

#nav li a {
    display: block;
    width: 50%;
    padding: 4px 0;
    text-align: center;
}

.uploadifyQueueItem {
    font: 11px Roboto, Helvetica, Arial;
    border: 2px solid #E5E5E5;
    background-color: #F5F5F5;
    margin-top: 5px;
    padding: 10px;
    width: 350px;
}

.uploadifyError {
    border: 2px solid #FBCBBC !important;
    background-color: #FDE5DD !important;
}

.uploadifyQueueItem .cancel {
    float: right;
}

.uploadifyProgress {
    background-color: #FFFFFF;
    border-top: 1px solid #808080;
    border-left: 1px solid #808080;
    border-right: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
    margin-top: 10px;
    width: 100%;
}

.uploadifyProgressBar {
    background-color: #0099FF;
    width: 1px;
    height: 3px;
}

#upline {
    display: none;
}

.uniimporter
{
    height: 100%;
    background: #fff;
    font: 12px Roboto, Helvetica, Arial;
}

.uniimporter .unipanel
{
    background: #fff;
    padding: 4px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 3px;
}

.uniimporter input.skwhitebutton
{
    line-height: 12px;
}

.uniimporter .unitable .unibar
{
    background: #fff;
    padding: 4px;
    position: relative;
    margin-bottom: 1px;
}

.uniimporter .unitable .unibar .withselected
{
    position: absolute;
    right: 3px;
    display: inline-block;
}

.uniimporter .unitable .unibar .selectall
{
    display: inline-block;
    margin-top: 6px;
}

.uniimporter .unitable .unibar .spacer
{
    height: 30px;
}

.uniimporter .titlepage
{
    margin: 5px 0px;
    font-size: 16px;
    background: #fff;
    color: #0294e4;
}

.uniimporter .inputformat, .uniimporter .inputformatsmall
{
    padding: 3px;
    width: 225px;
}

.uniimporter .inputformatsmall
{
    width: 150px;
}

.pupil
{
    border-top: 1px solid #ccc;
}

.pupil, .pupil li ul
{
    display: table;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.pupil li
{
    display: table-row;
    position: relative;
}

.pupil .fullurler
{
    display: block;
}

.pupil .fullurler:hover
{
    text-decoration: none;
}

.pupil .fullurler:hover li
{
    background-color: #ddd !important;
}

.pupil .block, .pupil .selectb
{
    background: #d4eecb repeat-x bottom left;
    font: 12px Roboto, Helvetica, Arial;
    color: #0D0D0D;
    text-align: left;
    display: block;
    width: auto;
    border-bottom: 1px solid #ccc;
    padding-left: 10px;
    text-decoration: none;
}

.pupil .block
{
    padding: 3px 0px 4px 27px
}

.pupil .selectb
{
    color: #0D0D0D;
    padding-left: 3px;
}

.pupil .back a
{
    background: #DADADA url(/sk-static/imagefiles/blueback.png) repeat-x !important;
    color: #3B95B6;
    font-weight: bold;
}

.pupil .space a
{
    background: #3A94B5;
    color: #fff;
    text-align: left;
    padding: 3px;
}

.pupil li span, .pupil li .pupilbox
{
    display: table-cell;
    padding: 2px;
}

.pupil li .pupilbox
{
    margin-right: 5px;
    border-right: 1px solid #ccc;
}

.pupil li .classblock
{
    padding: 4px;
}

.pupil li ul
{
    position: absolute;
    width: 100%; /*WIDTH OF SUB MENU ITEMS*/
    left: 0;
    top: 0;
    display: none;
}

.pupil li ul li
{
    float: left;
}

.pupil li ul a
{
    width: 100%; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.pupil .arrowdiv
{
    position: absolute;
    right: 2px;
}

.pupil li a:hover
{
    background: #A5E4FB;
}

a.swap
{
    background-image: url(/sk-static/imagefiles/skoletubebilledeabonnement.jpg);
}

a.swap:hover
{
    background-image: url(/sk-static/imagefiles/hover_skoletubebilledeabonnement.jpg);
}

.ufont
{
    color: #3d3d3d;
    padding:5px 20px;
    font-size: 15px;
}

.ufontspecial {
    font-size: 12px;
}

.uinput
{
    border: 1px solid #e6e6e6;
    height: 28px;
    color: #333;
    font-weight: normal !important;
    font-size: 14px;
    width:100%;
    background:white;
    padding: 0px 3px;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.uselect
{
    padding: 0;
    margin: 0;
    border: 1px solid #ccc;
    overflow: hidden;
    background-color: #fff;
    background: #fff;
    position: relative;
}

.uselect:after
{
    top: 50%;
    right: 10px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000000;
    border-width: 5px;
    margin-top: -2px;
    z-index: 100;
}

.uselect select
{
    padding: 5px 8px;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width:100%;
}

.uselect select:focus
{
    outline: none;
}

.uptype
{
    min-height: 180px;
    text-align: center;
    font-size: 14px;
    z-index: -2;
    border: 1px solid rgb(59, 158, 216);
    border-radius: 6px;
    background-color: #fff;
    color: rgb(78, 90, 94);
    margin-bottom: 10px;
}

.uptype img.applogoset
{
    width:115px;
    vertical-align: middle;
}

.uptype ol li, .uptype ul li
{
    text-align: left;
    font-size: 14px;
}

.uptype h2
{
    font-size: 16px;
    background: rgb(59, 158, 216);
    padding: 10px;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.uptype2 {
    height: 289px;
    width: 360px;
    text-align: left;
    font-size: 14px;
    padding: 4px;
    padding-top: 6px;
    margin-top: 30px;
    z-index: -2;
}

.utextarea
{
    width:100%;
    height: 150px;
}

.urequiered
{
    color: #FF0000;
}

.utypetext
{
    font-size: 12px;
    color: #555;
    font-weight: normal;
    vertical-align: top;
}

.utypetextin
{
    padding-top: 15px;
    padding-left: 20px;
}

div.fileinputs.normalnode
{
    position: relative;
    display: block;
    margin-bottom: 20px;
    overflow:hidden;
    max-width:250px;
    margin:auto;
}

div.fileinputs:hover .icon
{
    color:#3498db;
}

div.fileinputs:hover .iconimage img
{
    filter: grayscale(0%);
}

div.fileinputs:hover .fakebluebutton
{
    background:#3498db;
}

div.fileinputs img
{
    display: block;
    margin: auto;
}

.fileinputs.normalnode
{
    max-width: none;
}

.fileinputs.normalnode .fileuploader
{
    background: transparent;
    padding:0px;
}

.fileinputs.multinode .fileuploader
{
    background: transparent;
}

.fileinputs.multinode .fileuploader-item.done .actions-holder
{
    display:none;
}

.fileinputs.multinode .fileuploader-item.done .progress-holder
{
    display:none !important;
}

.fileinputs.multinode .fileuploader-item .file-complete
{
    position: absolute;
    top: 6px;
    right: 5px;
    z-index: 2;
    height: 20px;
    opacity: 0.8;
    color: #0095ff;
    bottom: 3px;
    padding: 2px;
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 20px;
    cursor: pointer;
    background: #fff;
    border-radius: 40px;
    display:none;
}

.fileinputs.multinode .fileuploader-item.done .file-complete
{
    display:block;
}

.fileinputs.multinode .fileuploader-item .file-complete:after
{
    content: '\E80C';
    font-family: "skoletube";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fileinputs.normalnode .fileuploader-items-list
{
    text-align: center;
}

.fileinputs.normalnode .file-type-video .fileuploader-item-icon
{
    background-image: none;
}

.fileuploader-theme-thumbnails .fileuploader-item .progress-holder
{
    opacity: 0.8;
}

div.fakefile
{
    width: 100%;
    cursor: pointer;
}

div.fakefile .icon
{
    vertical-align: middle !important;
    display: block;
    text-align: center;
    color: #657987;
}

div.fakefile .iconimage
{
    text-align: center;
    margin: 10px 0px;
}

div.fakefile .iconimage img
{
    width:100px;
    filter: grayscale(100%); 
}

div.fakefile .draganddropallow
{
    text-align: center;
    font-size: 14px;
}

div.fakefile .icon.file:after
{
    content: "\F15b";
}

div.fakefile .icon:after
{
    font-family: "skoletube";
    font-style: normal;
    font-weight: normal;
    content: "\E80b";
    font-size:100px;
    line-height: 110px;
}

div.fakefile .fakebluebutton
{
    -webkit-appearance: none;
    -moz-appearance: none;
    white-space: nowrap;
    position: relative;
    border: none;
    text-overflow: ellipsis;
    text-align: center;
    font-family: proxima_nova_ltsemibold, Sans-Serif;
    cursor: pointer;
    overflow: hidden;
    text-decoration: none;
    font-size: 1em;
    display: inline-block;
    vertical-align: middle;
    background-clip: padding-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px;
    background: #657987;
    color: #fff;
    font-weight: 500;
    padding: 10px 20px;
    font-size: 19px;
    line-height: 20px;
    margin: 3px 2px;
}

div.fakefile .fakeuinput, .fakedropinput, .formstyle form .fakefile .filename
{
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.fileinputs .skwhitebutton
{
    vertical-align: top;
    line-height: 20px;
}

input.file_upload
{
    cursor: pointer;
    top: 0px;
    left: 0px;
    height: 154px;
    font-size: 25px;
    width: 100%;
    position: absolute;
    -moz-opacity: 0 ;
    opacity: 0;
    z-index: 2;
}

.uploadfscreen
{
    padding: 20px 0;
    background: #fff;
    border: 1px solid #eae9ee;
    margin: 20px 0;
}

.uploadfscreentitle
{
    padding-bottom: 50px;
    font-size: 28px;
    font-family: "arial", "Times New Roman", Georgia, Serif;
    color: #0087C2;
}

.mainpagelist
{
    width: 118px;
    padding: 10px;
    height: 140px !important;
    margin-right: 10px;
}

.apple_overlay {
    display: none;
    background-image: url(/sk-static/imagefiles/overlay/white.png);
    color: #efefef;
    height: 450px;
    width: 480px;
    padding: 35px;
    font-size: 11px;
}

.apple_overlay div.close {
    background-image: url(/sk-static/imagefiles/overlay/close.png);
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}

div.apple_overlay.black {
    background-image: url(/sk-static/imagefiles/overlay/white.png);
    color: #fff;
}

.overlay_black {
    display: none;
    background-image: url(/sk-static/imagefiles/overlay/white.png);
    background-color: transparent !important;
    padding: 20px;
    font-size: 11px;
}

.overlay_black .close {
    background-image: url(/sk-static/imagefiles/overlay/close.png);
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    height: 35px;
    width: 35px;
}

#overlay {
    background-image: url(/sk-static/imagefiles/overlay/white.png);
    color: #efefef;
    height: 450px;
}

.details {
    top: 15px;
    right: 15px;
    font-size: 11px;
    color: #fff;
    width: 100%;
    text-align: left;
}

.details h3 {
    color: #aba;
    font-size: 19px;
    margin: 0 0 -10px 0;
}

.inputtextbox {
    font-size: 14px !important;
    background: #ffffff !important;
}

.pagination {
    padding: 2px;
    margin: 1em 0;
    clear: both;
}

.pagination ul {
    margin: 0;
    padding: 0;
    text-align: right; /*Set to "left" or "right" to left/right align pagination interface*/
    font-size: 100%;
}

.pagination li {
    list-style-type: none;
    display: inline;
    padding-bottom: 1px;
}

*:first-child+html .pagination li a {
    /*IE7 only CSS hack*/
    margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE7 */
}

* html .pagination li a {
    /*IE6 and below CSS hack*/
    margin-right: 4px; /*IE bug causes default spacing between links to disappear, so added it explicitly in IE6 and below browsers*/
}

.pagination a, .pagination a:visited, .pagination a:active {
    padding: 0 5px;
    border: 1px solid #9aafe5;
    text-decoration: none;
    color: #2e6ab1;
}

.pagination a:hover {
    border: 1px solid #2b66a5;
    color: #000;
    background-color: #FFFF80;
}

.pagination a.currentpage {
    /*Style for currently selected page link*/
    background-color: #2e6ab1;
    color: #FFF !important;
    border-color: #2b66a5;
    font-weight: bold;
    cursor: default;
}

.pagination a.disabled, .pagination a.disabled:hover {
    /*Style for "disabled" previous or next link*/
    background-color: white;
    cursor: default;
    color: #929292;
    border-color: transparent;
}

.pagination a.prevnext {
    /*Style for previous and next link*/
    font-weight: bold;
}

.blkmem .pagination .pagspan
{
    padding: 0 5px;
}

.input-term
{
    border: 1px solid #666;
    padding: 4px 2px 1px 2px;
    font-size: inherit;
}

.input-button
{
    border: 1px solid #666;
    padding: 2px 2px 1px 2px;
    font-size: inherit;
    background-color: #fff;
}

.buttontop
{
    height: 50px;
    display: block;
    overflow: hidden;
}

a.buttonx
{
    background: transparent url('/sk-static/imagefiles/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
}

a.buttonx span
{
    background: transparent url('/sk-static/imagefiles/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.buttonx:active
{
    background-position: bottom right;
    color: #000;
    outline: none;
}

a.buttonx:active span
{
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

.utypetext fieldset
{
    width:auto;
    margin: auto;
    padding: 10px;
    margin-top: 5px;
    padding-top: 0px;
    font: normal 12px Roboto, Helvetica, Arial;
    text-align: left;
}

.utypetext fieldset legend
{
    color: #388cbd;
    margin: 0px;
    padding: 0px;
    font: normal 17px Roboto, Helvetica, Arial;
}

.utypetext fieldset li
{
    margin-top: 4px;
    padding:2px;
}

.group_opt
{
    cursor: pointer;
    display: inline;
    color: #388cbd;
    font-weight: 500;
}

.group_dot:before
{
    font-family: "skoletube";
    font-style: normal;
    font-weight: normal;
    padding-right:10px;
    width:1.1em;
    display:inline-block;
}

.group_dot_iso:before
{
    content: "\E813";
}

.group_dot_type:before
{
    content: "\E804";
}

.group_dot_video:before
{
    content: "\E838";
}

.group_dot_forum:before
{
    content: "\E803";
    font-size:0.8em;
}

.group_dot_podcast:before
{
    content: "\E82a";
}

.group_dot_iparentpass:before
{
    content: "\E837";
}

.group_dot_iparentup:before
{
    content: "\E80b";
}

.group_dot_sharebar:before
{
    content: "\E80d";
}

.group_dot_memblst:before
{
    content: "\E833";
}

.group_dot_allowpodcast:before
{
    content: "\F2CE";
}

.group_dot_moviecut:before
{
    content: "\E852";
}

.group_dot_avatar:before
{
    content: "\E851";
}

.group_dot_iparentcom
{
    background: transparent url('/sk-static/imagefiles/iparentcom.png') left no-repeat;
    padding-left: 30px;
}

.group_dot_h
{
    /*background: transparent url('/sk-static/imagefiles/down_arrow.png') left no-repeat;*/
}

.group_opt:hover
{
    text-decoration: underline;
}

.group_hid
{
    display: none;
    padding: 2px;
    color: #2f2f2f;
    margin-left: 10px;
    margin-top: 5px;
    overflow: hidden;
    font: normal 12px Roboto, Helvetica, Arial;
}

.group_hid div
{
    margin:3px 0px;
}

.group_hid input[type=text]
{
    display: inline-block;
    border: 1px solid #D0D8DB;
    border-radius: 3px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 10px;
    font-size: 12px;
    box-sizing: border-box;
    border-color: #D0D8DB;
    background-color: #fff;
    line-height: normal;
}

.normaloptions
{
    line-height: 150%;
    color: #000;
    font-size: 14px;
}

.colorprobe
{
    border: 1px solid #e6e6e6;
    padding: 0px;
    margin: 0px;
    margin-top: 3px;
    margin-right: 2px;
    display: block;
    width: 28px;
    height: 28px;
}

/* New CSS */
.groupbody
{
    background: #dfdfdf url('/sk-static/imagefiles/pageback.png') 0px 0px repeat-x
}

.nheader
{
    display: block;
    height: 70px;
    min-width: 900px;
    text-align: center;
}

.header_sitename
{
    position: relative;
    top: 40px;
    left: 40px;
    background: transparent url('/sk-static/imagefiles/skoletube_nlogo.png') no-repeat;
    display: block;
    width: 280px;
    height: 41px;
}

.header_menubox
{
    border: 1px #000 solid;
    border-top: 0px;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
    -moz-border-radius-bottomleft: 1em;
    -moz-border-radius-bottomright: 1em;
    background: #172322;
    color: #fff;
    text-align: left;
    display: inline-block;
    margin-top: 0px;
    height: 44px;
    vertical-align: top;
    -webkit-box-shadow: 10px 10px 5px rgba(0, 0, 0, .5);
    -moz-box-shadow: 10px 10px 5px rgba(0, 0, 0, .5);
    box-shadow: 10px 10px 5px rgba(0, 0, 0, .5);
    line-height: 20px;
    font: normal 12px Roboto, Helvetica, Arial;
    white-space: nowrap;
}

.header_menubox a.roundbotlef
{
    border-bottom-left-radius: 1em;
    -moz-border-radius-bottomleft: 1em;
}

.header_menubox a.menuitem
{
    white-space: nowrap;
    display: inline-block;
    padding: 15px 10px;
}

.header_menubox a.greenmenu
{
    background: #00A221;
}

.header_menubox #menulisting a:hover
{
    background: #fff;
    color: #000;
    text-decoration: none;
}

.header_menubox_green
{
    border: 1px #000 solid;
    border-bottom-left-radius: 1em;
    -moz-border-radius-bottomleft: 1em;
    background: green;
    color: #fff;
    width: 70px;
    float: right;
    display: inline;
    margin-right: -10px;
    margin-top: 0px;
    -webkit-box-shadow: 10px 10px 5px rgba(0, 0, 0, .5);
    -moz-box-shadow: 10px 10px 5px rgba(0, 0, 0, .5);
    box-shadow: 10px 10px 5px rgba(0, 0, 0, .5);
    padding: 15px;
    padding-right: 0px;
    font: normal 12px Roboto, Helvetica, Arial;
;
}

.header_menubox a, .header_menubox_green a
{
    color: #fff;
}

#globaldata
{
    margin: auto;
    width: 900px;
}

.maincontent
{
    -webkit-box-shadow: 10px 10px 5px rgba(0, 0, 0, .5);
    -moz-box-shadow: 10px 10px 5px rgba(0, 0, 0, .5);
    box-shadow: 10px 10px 5px rgba(0, 0, 0, .5);
    -moz-border-radius: 1em;
    border-radius: 1em;
    background: transparent;
    padding: 0px;
    width: 898px;
}

.group_header
{
    -moz-border-radius-topleft: 1em;
    -moz-border-radius-topright: 1em;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    width: 898px;
    padding: 0px !important;
    margin: 0px !important;
    background: #fff url('/sk-static/imagefiles/defaultgroupback.jpg') no-repeat;

}

.group_hname
{
    font: normal 32px Roboto, Helvetica, Arial;
;
    color: #000;
    text-shadow: 0px 0px 3px #eee, 2px 2px 2px #bbb;
}

.group_hname_back
{
    margin-top: 15px;
    float: right;
    background: #fff;
    opacity: 0.9;
    padding: 15px;
    padding-right: 30px;
    -moz-border-radius-topleft: 1em;
    -moz-border-radius-bottomleft: 1em;
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
    border: 1px #aaa solid;
}

.ncontent
{
    padding: 5px;
    min-height: 400px;
    -moz-border-radius-bottomright: 1em;
    -moz-border-radius-bottomleft: 1em;
    border-bottom-right-radius: 1em;
    border-bottom-left-radius: 1em;
    background-color: #2e3540;
}

.ncontent_left
{
    margin: 10px;
    background: #1e232a;
    -moz-border-radius: 1em;
    border-radius: 1em;
    padding: 10px;
    color: #fff;
    width: 610px;
    float: left;
}

.ncontent_users
{
    display:inline-block;
    vertical-align:top;
}

.ncontent_users .nuser
{
    height:50px;
    overflow:hidden;
    position:relative;
    display:table;
    background: #1e232a;
}

.ncontent_users .nuser a
{
    display: table-cell;
    vertical-align: middle;
}

.ncontent_full
{
    margin: 10px;
    background: #1e232a;
    -moz-border-radius: 1em;
    border-radius: 1em;
    padding: 10px;
    color: #fff;
    width: 770px;
    min-height: 280px;
    padding: 50px;
    text-align: center;
}

.ncontent_right
{
    width: 218px;
    padding: 0px;
    margin: 10px;
    margin-right: 10px;
    float: right;
    color: #fff;
}

.nmenu
{
    width: 200px;
    padding: 4px;
    text-align: center;
    color: #000;
    font: bold 14px Roboto, Helvetica, Arial;
;
}

.down_arrow
{
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 10px solid #fff;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.nmenu_form
{
    margin-bottom: 20px;
    color: #c9c7c7;
}

.group_player_info
{
    margin: 0px;
    padding: 0px;
    width: 145px;
    display: block;
    float: left;
    margin-top: 30px;
    text-align: right;
}

.group_player_video
{
    margin: 0px;
    padding: 0px;
    width: 100%;
}

#left_player
{
    width: 850px;
}

.group_player_info_blob
{
    background: #f7f4d2;
    color: #000;
    -moz-border-radius-topleft: 1em;
    -moz-border-radius-bottomleft: 1em;
    border-top-left-radius: 1em;
    border-bottom-left-radius: 1em;
    padding: 10px;
    width: 130px;
    text-align: center;
}

.group_player_info_blob_name
{
    background: #f7f4d2;
    color: #000;
    -moz-border-radius-bottomleft: 1em;
    border-bottom-left-radius: 1em;
    padding: 10px;
    width: 130px;
    text-align: center;
}

#group_player .comments
{
    background: #f7f4d2;
    color: #000;
    border-bottom: 1px #1e232a solid;
}

.left_arrow {
    border-color: transparent #333333 transparent transparent;
    border-style: solid;
    border-width: 10px 20px 10px 0;
    height: 0;
    width: 0;
}

.right_arrow {
    border-color: transparent transparent transparent #333333;
    border-style: solid;
    border-width: 10px 0 10px 20px;
    height: 0;
    width: 0;
}

.left_arrow:hover
{
    border-color: transparent #ffffff transparent transparent;
}

.right_arrow:hover
{
    border-color: transparent transparent transparent #ffffff;
}

.group_video_left
{
    margin-right: 5px;
    float: left;
    cursor: pointer;
    height: 220px;
    padding-top: 200px;
}

.group_video_right
{
    float: right;
    cursor: pointer;
    height: 220px;
    padding-top: 200px;
}

.group_videos
{
    min-height: 200px;
    width: 610px;
    padding-left: 9px;
}

.group_videos .addtoplaylist
{
    margin-top: -24px;
}

.group_video_pagination
{
    text-align: center;
}

.group_actualsearch
{
    margin-top: 12px;
    margin-left: 12px;
}

.nparent_button
{
    width: 200px;
    font: bold 14px Roboto, Helvetica, Arial;
;
    padding: 4px;
}

.nparent_input
{
    width: 250px;
    margin-bottom: 3px;
    font: bold 14px Roboto, Helvetica, Arial;
;
}

.nmenu_form .nparent_input
{
    width:auto;
}

.biggertext
{
    font: normal 12px Roboto, Helvetica, Arial;
;
}

.roundcorners
{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

.noroundcorners
{
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
}

.zindextop
{
    z-index: 999;
}

.opacityfull
{
    opacity: 1 !important;
}

.mem_videos_list
{
    display: inline-block;
    width: auto;
    text-align: center;
}

.group_video_pbasic
{
    height: 620px;
    width: 610px;
    float: left
}

.group_line_panel
{
    margin-top: 4px;
}

.group_line_panel a:hover
{
    text-decoration: none;
}

.iconbackground
{
    width: 16px;
    height: 16px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.gvideo_desc
{
    width: 100%;
    display: none;
}

.group_button
{
    width: 250px;
    text-align: left;
    overflow: hidden;
    font: normal 19px Roboto, Helvetica, Arial;
;
    color: #000;
    background: #f7f4d2;
    margin-bottom: 2px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #000;
}

.group_button a
{
    color: #000;
    display: block;
    width: 100%;
    height: 32px;
}

.group_button a:hover
{
    text-decoration: none;
}

.group_button img
{
    margin-right: 4px;
}

.group_msg, .group_err
{
    width: 400px;
    background: white;
    -moz-border-radius-topleft: 1em;
    -moz-border-radius-topright: 1em;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    opacity: 0.9;
    margin-left: 10px;
    min-height: 40px;
    padding: 5px;
}

.group_err
{
    background: #ff8f8f;
}

.hideit
{
    display: none;
}

.listshout
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: 200px;
    line-height: 10px !important;
}

.listshout a
{
    line-height: 12px !important;
}

.listshout li
{
    margin: 2px;
    padding: 2px;
    border-bottom: 1px dotted #CCCCCC;
    line-height: 12px !important;
    font: normal 10px Roboto, Helvetica, Arial;
;
}

.boxareag
{
    width: 200px;
    border: 1px solid #1e232a;
    margin-bottom: 2px;
    line-height: 20px;
    font-size:16px;
    padding:3px;
}

.shoutimg
{
    float: left;
    margin-right: 3px;
    width: 30px;
}

.shouttext
{
    width: 155px;
    float: right;
    text-align: left;
}

.shoutdata
{
    width: 100%;
    line-height: 10px !important;
}

.shouttext a
{
    color: #d7d531;
}

#listshout .pagingnav
{
    border: 1px solid #d7d531;
    background: #1e232a;
    color: #d7d531;
}

#listshout .pagebottom a
{
    color: #d7d531;
    padding: 2px;
}

.shoutpostbutton
{
    float: right;
    width: 50px;
    height: 18px;
    background: #1e232a;
}

.mem_video_left
{
    color:#737373;
    border: 1px solid #fefefe;
    cursor: pointer;
    height: 70px;
    padding: 3px;
    padding-top: 50px;
    margin-top:10px;
    margin-left:2px;
    vertical-align: top;
    background: #fff;
    display: inline-block;
    background: #f3f3f3; /* Old browsers */
    background: -moz-linear-gradient(left, #f3f3f3 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f3f3f3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #f3f3f3 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #f3f3f3 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #f3f3f3 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to right, #f3f3f3 0%,#ffffff 100%); /* W3C */
    border: 1px solid #c4c4c4;
}

.mem_video_left:hover .left_arrow_small
{
    border-color: transparent #000000 transparent transparent;
    border-style: solid;
    border-width: 6px 12px 6px 0;
}

.mem_video_right
{
    color:#737373;
    border: 1px solid #fefefe;
    cursor: pointer;
    height: 70px;
    padding: 3px;
    padding-top: 50px;
    margin-top:10px;
    margin-left:2px;
    vertical-align: top;
    background: #fff;
    display: inline-block;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left, #ffffff 0%, #f3f3f3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #ffffff 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #ffffff 0%,#f3f3f3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #ffffff 0%,#f3f3f3 100%); /* IE10+ */
    background: linear-gradient(to right, #ffffff 0%,#f3f3f3 100%); /* W3C */
    border: 1px solid #c4c4c4;
}

.mem_video_right:hover, .mem_video_left:hover
{
    border: 1px solid #a1a1a1;
}

.mem_video_right:hover .right_arrow_small
{
    border-color: transparent transparent transparent #000;
    border-style: solid;
    border-width: 6px 0 6px 12px;
}

.right_arrow_small {
    border-color: transparent transparent transparent #737373;
    border-style: solid;
    border-width: 6px 0 6px 12px;
    height: 0;
    width: 0;
}

.left_arrow_small {
    border-color: transparent #737373 transparent transparent;
    border-style: solid;
    border-width: 6px 12px 6px 0;
    height: 0;
    width: 0;
}

.memberinfo
{
    min-height: 80px;
    width: 700px;
    margin:5px 0 10px 10px;
}

.mempagetop
{
    width: 100%;
}

.mempagebottom
{
    float: right;
}

.mempageleft
{
    float: left;
    font-size: 14px;
}

.hoverspecial:hover
{
    background: #e7e7de;
}

#menuuservideos
{
    border-top: 1px solid #ccc;
    display: none;
    margin-bottom: 4px;
}

.videoinfoblock
{
    display: none;
    padding: 10px 0px 0px 5px;
    text-align: left;
    width: auto;
    font-size: 12px;
}

.videoinfoup
{
    font-size: 12px;
    color: #737373;
    line-height: 15px;
    width: auto;
    display: inline-block;
}

.fontsize
{
    font-size: 12px !important;
    color: #000;
}

.optionlist
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.optionlist li
{
    margin: 0px;
    padding: 0px;
}

.playlistman, .addtojaycut
{
    color: #294c17;
    background: #a5e372;
    border: 1px solid #294c17;
}

.addtojaycutg
{
    color: red !important;
    border: 0px !important;
    background: transparent !important;
}

.partialbox
{
    display: inline-block;
    line-height: 22px;
    color: #282828;
    vertical-align: top;
    white-space: normal;
    font-size: 12px;
}

#addtoplaylist, #addtojaycut
{
    float: left;
}

#closediv, #closediv2
{
    float: right;
}

#closediv img, #closediv img
{
    padding-right: 5px;
}

.usertopbar
{
    text-align: left;
    margin: 2px;
    display: table;
    vertical-align: middle;
    font-size:12px;
    padding:0.5vw 0.7vw;
}

.usertopbar .mediaprofileimg
{
    display: table-cell;
    vertical-align: top;
    max-width: 60px;
}

.skviewdata .usertopbar
{
    background-color:#2b3036;
}


.usertopbar a
{
    font-weight: bold;
}

.countmemmen
{
    display: inline;
    border: 1px solid #e6e6e6;
    padding: 2px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

#msgbox
{
    background: #fff url('/sk-static/imagefiles/bluebirdstamp.jpg') right bottom no-repeat;
    display: none;
    width: 350px;
    padding: 15px;
    text-align: left;
    border: 2px solid #333;
    z-index: 3000;
}

#msgbox span
{
    font-size: 12px !important;
    margin: 10px 0px;
    display: block;
}

#msgbox h2
{
    margin: -11px;
    margin-bottom: 0px;
    color: #68d046;
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
    font-size: 20px;
}

#errbox
{
    background-color: #fff;
    display: none;
    width: 350px;
    padding: 15px;
    text-align: left;
    border: 2px solid #333;

    opacity: 0.9;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;
    z-index: 3000;
}

#errbox div
{
    background-color: #fff;
}

#errbox h2
{
    margin: -11px;
    margin-bottom: 0px;
    color: #fff;
    background-color: #0087C2;
    padding: 5px 10px;
    border: 1px solid #0c0c0c;
    font-size: 20px;
}

.errbox
{
    width: 100%;
    display: block;
}

.errbox div
{
    padding: 10px;
    color:#666;
    border-bottom: 1px solid #ccc;
}

.errbox h2
{
    margin: -11px;
    margin-bottom: 0px;
    padding: 5px 10px;
    font-size: 12px;
}

.alertbox
{
    width: 100%;
    display: block;
    border-bottom:1px solid #ccc;
}

.alertbox div
{
    padding: 5px 15px;
    color:#737373;
    background-color: #fff;
}

.alertbox h2
{
    margin: 0px;
    line-height:14px;
    padding: 5px 0px;
    font-size: 12px;
    color:#333;
}

#closebubbleply
{
    visibility: hidden;
}

.visible
{
    display: inline-block;
}

.floatright
{
    float: right !important;
}

.floatleft
{
    float: left !important;
}

.floatnone
{
    float: none !important;
}

.displaynone
{
    display: none !important;
}

.displayblock
{
    display: block !important;
}

.displayinlineblock
{
    display: inline-block !important;
}

.displaytable
{
    display: table;
}

.displaytablecell
{
    display: table-cell;
}

.valigntop
{
    vertical-align: top;
}

.nowrap
{
    white-space: nowrap;
}

.positionabsolute
{
    position: absolute;
}

.positionrelative
{
    position: relative;
}

.positionfixedtop
{
    position: fixed;
    top: 0px;
    left: 0px;
}

.roundedborderall
{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.roundedborderleft
{
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.roundedborderright
{
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.cursorhand
{
    cursor:pointer;
}

.clear
{
    clear:both;
}

.height150
{
    height: 150px !important;
}

.height200
{
    height: 200px !important;
}

.height100p
{
    height: 100%;
}

.height300
{
    height: 300px !important;
}

.widthauto
{
    width: auto !important;
}

.width100p
{
    width: 100% !important;
}

.width300px
{
    width: 300px !important;
}

.width400px
{
    width: 400px !important;
}

.width600px
{
    width: 600px !important;
}

.width650px
{
    width: 650px !important;
}

.padding0
{
    padding: 0px
}

.padding2
{
    padding: 2px
}

.padding3
{
    padding: 3px;
}

.padding5
{
    padding: 5px;
}

.padding10
{
    padding: 10px;
}

.paddinghor15
{
    padding-left: 15px;
    padding-right: 15px;
}

.font0
{
    font-size:0px !important;
}

.margin0
{
    margin: 0px !important;
}

.margin5
{
    margin: 5px;
}

.margin10
{
    margin: 10px;
}

.marginauto
{
    margin: auto;
}

.margintop5
{
    margin-top: 5px;
}

.margintop10
{
    margin-top: 10px;
}

.margintop15
{
    margin-top: 15px;
}


.margintop20
{
    margin-top: 20px;
}

.marginleft5
{
    margin-left:5px;
}

.marginright5
{
    margin-right:5px;
}

.margintop100
{
    margin-top: 10px;
}

.capitalize 
{
    text-transform:capitalize;
}

.overflowhidden
{
    overflow: hidden;
}

.overflowscrollx
{
    overflow-x: scroll;
}

.opacitylow
{
    opacity: 0.04;
}

.backgroundblack
{
    background-color:#000;
}

.reallybigh1
{
    font-size: 30px !important;
}

.textbold
{
    font-weight: bold;
}

.selectblock
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.gbshadow
{
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15), 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.bordergray
{
    border: 1px solid;
    border-color: #E5E5E5 #DBDBDB #D2D2D2;
}

.mtop5
{
    margin-top: 5px;
}

.whitegrad
{
    background-color: #f9f9f9 !important;
    background: -webkit-linear-gradient(top, rgba(251, 251, 251, 1) 50%, rgba(245, 245, 245, 1) 100%);
    background: -moz-linear-gradient(top, rgba(251, 251, 251, 1) 50%, rgba(245, 245, 245, 1) 100%);
    background: -o-linear-gradient(top, rgba(251, 251, 251, 1) 50%, rgba(245, 245, 245, 1) 100%);
    background: -ms-linear-gradient(top, rgba(251, 251, 251, 1) 50%, rgba(245, 245, 245, 1) 100%);
    background: linear-gradient(top, rgba(251, 251, 251, 1) 50%, rgba(245, 245, 245, 1) 100%);
}

.whitergrad
{
    background-color: #f5f5f5 !important;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 50%, rgba(250, 250, 250, 1) 100%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 50%, rgba(250, 250, 250, 1) 100%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 50%, rgba(250, 250, 250, 1) 100%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 50%, rgba(250, 250, 250, 1) 100%);
    background: linear-gradient(top, rgba(255, 255, 255, 1) 50%, rgba(250, 250, 250, 1) 100%);
}

.expandback
{
    background: transparent url(/sk-static/imagefiles/arrowsupdown.png) no-repeat left bottom;
    height: 16px;
    width: 16px;
    overflow: hidden;
    margin-right: 5px;
    display: inline-block;
}

.expandback:hover
{
    text-decoration: none;
}

.view_comments
{
    float: right;
}

.comm_cl {
    clear: both;
}

.comm_lf {
    clear: left;
}

/* Comments title */
.comm_title {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: solid 1px #999;
    margin-bottom: 8px;
}

/*Single comment container (font, background, align, border)
-----------------------------------*/
/* Left container */
.comm_left {
    vertical-align: top;
}

.left_comm {
    margin: 0px;
}

.left_reply {
    margin-left: 30px;
}

/* User picture */
.comm_photo {
    vertical-align: top;
    padding: 15px 0px 5px 10px;
    width: 50px;
    text-align: left;
    float: left;
    display: inline;
}

.comm_photo img {
    text-decoration: none;
    border: 0;
    width: 40px;
    height: 40px;
}

.comm_photo a {
    text-decoration: none;
}

/* comment content */
.comm_content {
    padding: 15px 10px 15px 5px;
}

/* Comment date */
.comm_date
{
    color: #888;
    font-size: 10px;
    padding-bottom: 4px;
    display: block;
    width: 100%;
}

/* Comment user link */
.comm_date a {
    color: #006699;
    text-decoration: underline;
}

.comm_date a:hover {
    color: #006699;
    text-decoration: underline;
}

/* Reply date */
.reply_date {
    color: #888;
    font-size: 10px;
    padding: 0 0 0 20px;
}

/* Reply user link */
.reply_date a {
    color: #006699;
    text-decoration: underline;
}

.reply_date a:hover {
    color: #006699;
    text-decoration: underline;
}

/* Comment content  */
.comm_comment {
    font-size: 12px;
    padding-top: 5px;
    padding-left: 5px;
}

.comm_comment .comment_medid
{
    margin: 10px auto;
    display: inline-block;
    position:relative;
}

.comm_comment .comment_medid iframe
{
    display:none;
    border:0px;
    width:100%;
    height:200px;
}

.comm_comment .comment_medid .comment_actiframe
{
    width:180px;
    margin:auto;
    height:120px;
    background:#000;
    cursor:pointer;
}

.comm_comment .comment_medid .comment_actiframe:after
{
    content: "\E854";
    position: absolute;
    font-family: "skoletube";
    left: 30%;
    top: 45%;
    font-size: 6em;
    text-shadow: 1px 1px 4px #000;
    color: #fff;
    -webkit-box-shadow: 5px 5px 2px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 5px 5px 2px 0px rgba(0, 0, 0, 0.4);
    box-shadow: 5px 5px 2px 0px rgba(0, 0, 0, 0.4);
}

.comm_comment .comment_medid .comment_actiframe img
{
    width:100%;
    height:100%;
}

/* Reply content  */
.comm_reply
{
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 35px;
    padding-right: 10px;
}

/* Right container */
.comm_right
{
    white-space: nowrap;
    overflow: hidden;
    float: right;
    text-align: right;
    padding: 10px 10px 10px 0px;
    width: 50px;
}

.right_inside {
}

/* Icons div - same height as icons height */
.comm_icon
{
    height: 18px;
    line-height: 18px;
    text-align: right;
}

/* Icon Down */
a.comm_down
{
    background-image: url(/sk-static/imagefiles/thumb_down.gif);
    background-repeat: no-repeat;
    display: block;
    width: 22px;
    height: 18px;
    text-indent: -9999px;
    display: inline;
    float: right;
    outline: none;
    -moz-outline-style: none;
    text-decoration: none !important;
}

a.comm_down:hover
{
    background-image: url(/sk-static/imagefiles/thumb_down.gif);
    background-repeat: no-repeat;
    background-position: 0px -18px;
    display: block;
    width: 22px;
    height: 18px;
    text-indent: -9999px;
    display: inline;
    float: right;
    outline: none;
    -moz-outline-style: none;
    text-decoration: none !important;
}

/* Icon Up */
a.comm_up
{
    background-image: url(/sk-static/imagefiles/thumb_up.gif);
    background-repeat: no-repeat;
    display: block;
    width: 22px;
    height: 18px;
    text-indent: -9999px;
    display: inline;
    float: right;
    outline: none;
    -moz-outline-style: none;
    text-decoration: none !important;
}

a.comm_up:hover
{
    background-image: url(/sk-static/imagefiles/thumb_up.gif);
    background-repeat: no-repeat;
    background-position: 0px -18px;
    display: block;
    width: 22px;
    height: 18px;
    text-indent: -9999px;
    display: inline;
    float: right;
    outline: none;
    -moz-outline-style: none;
    text-decoration: none !important;
}

/* Comment rate info */
.rates
{
    padding-right: 10px;
    font-weight: normal;
    color: #333;
}

.rate_plus
{
    color: #009900;
    font-weight: bold;
}

.rate_minus
{
    color: #FF0000;
    font-weight: bold;
}

.rate_zero
{
    color: #000;
    font-weight: normal;
}

/* Right links */
.comm_links
{
    color: #000;
    margin-top: 5px;
    margin-bottom: 10px;
}

.comm_links a
{
    color: #006699;
    text-decoration: none;
    outline: none;
}

.comm_links a:hover
{
    color: #000;
    text-decoration: underline;
    outline: none;
}

/* Send Cancel Button */
.comm_button
{
    text-decoration: none;
    font: bold 12px Roboto, Helvetica, Arial;
    border: solid 1px #383838;
    padding: 1px 6px 1px 6px;
    background: #222222;
    color: #ccc;
    cursor: pointer;
    text-align: center;
}

/* Char left label */
#char_left
{
    font-size: 10px;
    color: #999;
}

.char_left
{
    font-size: 10px;
    color: #999;
}

/* Comment textarea */
.comm_area
{
    margin: 0;
    border: 1px solid #999;
    background: #f0f0f0;
    font: normal 12px Roboto, Helvetica, Arial;
    color: #000;
    padding: 4px;
    margin-bottom: 4px;
    height: 40px;
    width:200px;
}

/* Reply textarea */
.rep_area
{
    margin: 0;
    border: 1px solid #999;
    background: #FFF;
    font: normal 12px Roboto, Helvetica, Arial;
    color: #000;
    padding: 4px;
    margin-bottom: 5px;
    width: 100%;
    height: 90px;
}

/* Reply square */
.rep_sq {
    padding: 12px;
}

/* More comment link */
.comm_more {
    font-weight: bold;
    float: right;
    text-align: right;
}

.comm_more a {
    color: #006699;
    text-decoration: underline;
    outline: none;
}

.comm_more a:hover {
    color: #f00000;
    text-decoration: underline;
    outline: none;
}

/* Login link */
a.comm_link {
    color: #006699;
    text-decoration: none;
    font-weight: bold;
    text-decoration: underline;
}

a.comm_link:hover {
    color: #f00000;
}

/* Message */
#comm_message {
    font-weight: bold;
    color: #009900;
    text-align: center;
}

/* Smileys */
.smdiv {
    margin: 8px 0 8px 0 
}

.smdiv img {
    border: 0px;
    padding: 0 3px 0 3px;
    cursor: pointer;
}

.smdiv img a {
    outline: none;
    text-decoration: none;
}

.tooltip {
    display: none;
    background: transparent url(/sk-static/imagefiles/white.png);
    font-size: 12px;
    height: 60px;
    width: 160px;
    padding: 25px;
    color: #000;
    z-index: 999999;
}

.tooltipbig {
    display: none;
    background:#fefefe;
    border:1px solid #ccc;
    padding: 20px;
    width: 310px;
    font-size: 14px;
    color: #000;
    -webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.2);
            background-color: #f9f9f9 !important;
    background: -webkit-linear-gradient(top, rgba(251, 251, 251, 1) 50%, rgba(245, 245, 245, 1) 100%);
    background: -moz-linear-gradient(top, rgba(251, 251, 251, 1) 50%, rgba(245, 245, 245, 1) 100%);
    background: -o-linear-gradient(top, rgba(251, 251, 251, 1) 50%, rgba(245, 245, 245, 1) 100%);
    background: -ms-linear-gradient(top, rgba(251, 251, 251, 1) 50%, rgba(245, 245, 245, 1) 100%);
    background: linear-gradient(top, rgba(251, 251, 251, 1) 50%, rgba(245, 245, 245, 1) 100%);
}

#hyev, .viewmediacontent, .viewvideo-content
{
    height: 100%;
}

#hyev .pageformat
{
    padding-bottom: 0px;
}

/*Drag and drop uploader*/

.fileupload-buttonbar .ui-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border: solid transparent;
    opacity: 0;
    -o-transform: translate(250px, -50px) scale(1);
    -moz-transform: translate(-300px, 0) scale(4);
    direction: ltr;
    cursor: pointer;
}

.fileinput-button {
    overflow: hidden;
}

/* Fix for IE 6: */
*html .fileinput-button {
    padding: 2px 0;
}

/* Fix for IE 7: */
*+html .fileinput-button {
    padding: 2px 0;
}

.fileupload-buttonbar {
    padding: 0.2em 0.4em;
}

.fileupload-buttonbar .ui-button {
    vertical-align: middle;
}

.fileupload-content-back
{
    min-height: 260px;
    background: #fff url(/sk-static/imagefiles/draganddrop.png) center top no-repeat !important;
    margin-bottom: 10px;
}

.fileupload-content-back h1
{
    color: #19556e;
    display: block !important;
}

.fileupload-content h1
{
    display: none;
}

.fileupload-content {
    padding: 0.2em 0.4em;
    border-top-width: 0;
}

.fileupload-content .ui-progressbar {
    width: 200px;
    height: 20px;
}

.fileupload-content .fileupload-progressbar {
    width: 400px;
    margin: 10px 0;
}

.files {
    margin: 10px 0;
    border-collapse: collapse;
}

.files td {
    padding: 5px;
    border-spacing: 5px;
}

.files img {
    border: none;
}

.files .name {
    padding: 0 10px;
}

.files .size {
    padding: 0 10px 0 0;
    text-align: right;
    white-space: nowrap;
}

.ui-state-disabled .ui-state-disabled {
    opacity: 1;
}

.ui-state-disabled input {
    cursor: default;
}

.ui-helper-hidden-accessible {
    position: absolute;
    left: -99999999px;
}

.template-download
{
    width: 100%;
}

.mu-formtext
{
    font-size: 12px;
    font-weight: bold;
}

.mu-forminput
{
    text-align: left;
    border: 1px solid #B0D4B1;
    padding: 3px;
    font-weight: normal;
}

.mu-forminputerror
{
    border: 1px solid red;
}

.privacycomment
{
    font-weight: normal;
    font-size: 10px;
    color: #474038;
}

.seeyou
{
    display: none;
}

.successmessage, .viewgroup, .donchangepage
{
    display: none;
}

/* videolist */
.listvideos
{
    list-style: none;
    padding: 0px;
    margin: 0px;
    background: #d5d5d5;
    border-top: 1px solid #C5C5C5;
}

.listvideos li
{
    border-bottom: 1px solid #bebebe;
    background: #d5d5d5;
    height: 40px;
}

.listvideos li:hover
{
    background: #C5C5C5;
}

.listvideos a
{
    font-size: 13px;
    width: 100%;
    display: block;
    color: #222222;
}

.listvideos img
{
    vertical-align: middle;
    padding: 2px;
    margin-right: 6px;
}

.listvideosdiv
{
    background: #a3a3a3;
    width: 100%;
    overflow: hidden;
}

.listvideotitle
{
    height: 20px;
    display: block;
    width: 100%;
    background: #C5C5C5;
    font-size: 16px;
    color: #222222;
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 1px solid #bebebe;
}

.listvideosearch
{
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    color: #000;
    float: right;
}

.listvideoback
{
    float: left;
}

.listvideoback a
{
    font-size: 13px;
    width: 100%;
    display: block;
    color: #222222;
}

/* Outermost Container */
.freeow
{
    position: fixed;
    width: 300px;
    z-index: 9999999999;
}

.freeowspecial
{
    position: absolute;
    top: 5px;
    right: 5px;
    width: auto;
}

.freeow-top-right
{
    top: 10px;
    right: 10px;
}

.freeow-bottom-right
{
    bottom: 10px;
    right: 10px;
}

/* Message */
.freeow > div
{
    position: relative;
    margin-bottom: 5px;
    cursor: pointer;
}

.freeow .content
{
    margin: 5px 5px 5px 69px;
}

.freeow h2,
.freeow p
{
    margin: 0;
    padding: 0;

}

.freeow .icon
{
    position: absolute;
    display: block;
    top: 10px;
    left: 10px;
    z-index: 1;
    font-size:40px;
    font-family: "skoletube";
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    color:#304960;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.freeow .gray .icon
{
    color:#fff;
}

.freeow .close
{
    position: absolute;
    display: block;
    width: 24px;
    height: 24px;
    top: 8px;
    left: 8px;
    background: none;
    z-index: 2;
}

.freeow div:hover .close
{
    background: transparent url(/sk-static/imagefiles/closefreeow.png) no-repeat 0 0;
}

/* Gray */
.freeow .gray {
    color: black;
}

.freeow .gray .background
{
    border: 1px solid #304960;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #515f6d ;
    -moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
    color: #eee;
}

.freeow .gray .background b
{
    color:#fff;
}

.freeow .gray:hover .background {
    border-color: #009bc5;
}

.freeow .gray .content {
    padding: 10px 5px 10px 60px;
    margin:0px;
}

.freeow .gray h2 {
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
}

.freeow .gray p {
    padding-top: 8px;
    font-weight: normal;
    font-size: 11px;
    line-height: 16px;
}

/* clean */

.freeow .error
{
    color: #1c527a;
}

.freeow .error .background
{
    border: 1px solid #053f5a;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #f9f9f9;
    -moz-box-shadow: 2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888;
    box-shadow: 2px 2px 3px #888;
}

.freeow .error:hover .background
{
    border-color: #009bc5;
}

.freeow .error .content
{
    padding:0px 0px 15px 50px;
    margin:0px;
    min-height:40px;
}

.freeow .error h2 .freeow .close
{
    display: none;
}

.freeow ul
{
    margin:0px;
    font-size:13px;
    line-height:20px;
    list-style-type: square;
}

.freeow .error p
{
    padding: 8px;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
}

.freeow .correct
{
    color: #1c527a;
    width: auto;
}

.freeow .correct .background {
    border: 1px solid #053f5a;
    -moz-border-radius: 12px;
    border-radius: 12px;
    background: #fff;
    -moz-box-shadow: 2px 2px 3px #888;
    -webkit-box-shadow: 2px 2px 3px #888;
    box-shadow: 2px 2px 3px #888;
}

.freeow .correct:hover .background
{
    border-color: #009bc5;
}

.freeow .correct .content
{
    margin: 5px;
}

.freeow .correct h2, .freeow .correct .icon, .freeow .close
{
    display: none;
}

.freeow .correct p
{
    padding: 8px;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    color: green;
}

#sptitle-wrapper, #sptag-wrapper, #splicense-wrapper {
    clear: none !important;
}

#projectlist
{
    height: 390px;
}

#projectlist h1 {
    font-size: 16px !important;
    margin-bottom: 0px;
    white-space: nowrap;
    color: #000;
    padding-bottom: 3px;
    border-bottom: 1px solid #e1e1e1;
}

#projectlist .scrollbox
{
    overflow: scroll;
    height: 100%;
}

#projectlist .listbox {
    float: left;
    position: relative;
    -webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.2);
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 5px;
    padding-top: 10px;
    margin: 5px 10px 2px 2px;
    width: 130px;
    height: 130px;
    text-align: center;
    background: #fff url(/sk-static/imagefiles/whiteback.png) top repeat-x;
    border: 1px solid #fff;
    color: #929292;
}

#projectlist .listbox:hover {
    color: #000;
}

#projectlist .listdelete
{
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    width: 10px;
    z-index: 100000;
}

#projectlist .listbox .lthumbspecial img {
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    display: inline-block;
    text-align: center;
    background: #fff;
    padding: 2px;
    border: 1px solid #eee;
}

#projectlist .listbox .lthumb img {
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 100px;
    max-height:100px;
    display: inline-block;
    text-align: center;
    background: #fff;
    padding: 2px;
    border: 1px solid #eee;
}

.maintancetext
{
    color: #fff;
    font-size: 26px;
    text-shadow: 1px 1px 1px #000000;
    position: absolute;
    z-index: 500;
    width: 700px;
    line-height: 30px;
    top: 50px;
    left: 100px;
    text-align: right;
}

.maintanceimage
{
    position: relative;
    width: 900px;
    margin: auto;
    border: 1px solid #000;
    text-align: center;
    margin-top: 20px;
}

#mainpagescroll
{
    margin: 0 auto;
    width: 870px;
    height: 145px;
}

.scrollable
{
    position: relative;
    overflow: hidden;
    width: 870px;
    height: 150px;
    display:block;
    margin:auto;
}

.scrollable .items {
    /* this cannot be too large */
    width: 20000em;
    position: absolute;
    clear: both;
}

.items .listingdiv {
    width: 910px;
    display:inline-block;
    vertical-align:top;
    margin:0px auto;
}

.items .listingdiv .medialistin {
    margin-right: 6px;
}

/* position and dimensions of the navigator */
.navi
{
    margin:auto;
    padding-top:5px;
    width: 80px;
    text-align:center;
}

/* items inside navigator */
.navi a {
    width: 8px;
    height: 8px;
    float: left;
    margin: 3px;
    background: url(/sk-static/imagefiles/navigator.png) 0 0 no-repeat;
    display: block;
    font-size: 1px;
}

/* mouseover state */
.navi a:hover {
    background-position: 0 -8px;
}

/* active state (current page state) */
.navi a.active {
    background-position: 0 -16px;
}

/* New video listing */

.medialistin
{
    width: 100%;
    display: inline-block;
    background: #f0f0f0;
}

.group_video_pbasic .medialistin
{
    background:transparent;
}

.videomainlist .medialistin
{
    margin: 5px 17px 5px 13px;
}

.videoeachsmall
{
    height: 108px;
}

.medialistin .thumbmedia img.videoimagein
{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: 100%;
    overflow: hidden;
    display: block;
    margin: auto;
}

.medialistin .thumbmedia .mediaimagein
{
    max-width: 218px;
}

.medialistin .thumbmedia .groupregular
{
    width:auto !important;
}

.medialistin .thumbmedia .thumbimagein
{
    width: 150px;
    height: 100px;
}

.medialistin .thumbmedia .onthumbmedia, .medialist.mediagroup .medialistin .thumbmedia .onthumbmedia
{
    height: 149px;
    text-align:center;
}

.medialistin .thumbmedia
{
    display: table;
    width: 100%;
}

.medialistin .thumbmedia .onthumbmedia
{
    display: table-cell;
    vertical-align: middle;
}

.medialistin .thumbmedia .onthumbmedia .thumbicon
{
    font-size: 100px;
    color: #666;
}

.medialistin .thumbmedia
{
    position: relative;
}

.group_videos .specialspace
{
    margin-right: 19px;
}

.medialistin .thumbmedia:hover
{
    /*border:1px solid #3784cc;*/
}

.medialistin .bottomhover
{
    z-index: 1;
    position: absolute;
    bottom: 0px;
    width: 156px;
    border: 0px;
}

.medialistin .bottomhover .addtoplaylist
{
    margin: 0px !important;
    bottom: 3px;
}

.medialistin .bottomhover .rssbutton
{
    margin: 0px !important;
    bottom: 2px;
    right: 8px;
}

.medialistin .topvideohover
{
    z-index: 1;
    position: absolute;
    top: 0px;
    right: 0px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
    font-size: 8px;
    line-height: 12px;
    background: #fff;
    opacity: 1;
    color: #000;
    height: 12px;
    padding-left: 4px;
    padding-right: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
    border: 1px solid #eee;
}

.medialistin .topvideohover img
{
    margin-right: 2px;
}

.medialistin .hovertype
{
    display:none !important;
}

.medialistin .groupusert
{
    background:#000;
    z-index: 1;
    position: absolute;
    top: 1px;
    font-size:12px;
    left: 1px;
    border: 0px;
    color: #fff;
    padding:0px 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.medialistin .topvideohover .hoverview
{
    margin-top: 1px;
}

.medialistin .topvideohover .hovercomment
{
    margin-top: -1px;
    margin-left: 2px;
}

.medialistin .topvideohover .hovermemb
{
    margin-top: -1px;
    margin-left: 2px;
}

.medialistin .topvideohover .hovervideo
{
    margin-top: -3px;
    margin-left: 2px;
}

.medialistin .hovertype img
{
    width: 14px;
    height: 14px;
}

.group_tags
{
    display: none;
    margin-top: 20px;
    margin-bottom: 20px;
}

.hovergtitle
{
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
    color: #0294e4;
    font-weight: normal;
    margin: 0px;
    padding: 4px 2px 10px 2px;
    font-weight: 700;
    font-size: 14px;
}

.hoveruname
{
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
    color: #0294e4;
    font-weight: normal;
    margin: 0px;
    font-size: 10px;
}

.memnumbvid
{
    display: block;
    position: absolute;
    bottom: 1px;
    right: 1px;
    background: black;
    color: white;
    padding: 2px;
    font-size: 8px;
    line-height: 8px;
}

.media_textline
{
    margin-top: 4px;
    margin-bottom: 5px;
    padding: 5px 6px;
    margin-left: 0px;
}

.media_title a:hover
{
    text-decoration:none;
    color:#233948;
}

.media_textline .media_info
{
    text-align:left;
    position: relative;
}

.media_title
{
    color: #0294e4;
    font-weight: normal;
    font-size: 16px;
    text-align: left;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.media_title a
{
    display: block;
    font-weight: 500;
    color: #47495A;
    letter-spacing: -0.3px;
    -webkit-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.media_title a:first-letter
{
    text-transform: capitalize;
}

.media_data
{
    color: #636363;
    font-weight: 400;
    font-size: 12px;
    position: relative;
    letter-spacing: -0.3px;
}

.media_data p,.media_data p .media_insts
{
    margin:0px;
}

.media_data p .media_leftside:after, .mediainfo .media_leftside:after
{
    content: '•';
    margin: 0 3px;
}

.media_data p:first-child
{
    margin:2px 0px 0px 0px;
}

.media_data .owner_name
{
    margin:2px 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.media_data .laererset
{
    color:#575757;
    font-weight: 500;
}

.media_data a
{
    color:#636363;
}

.media_data .media a:before, #searchresult .media_textline .media:before
{
    content:'\E838';
    font-size:1em;
    font-family: "skoletube";
    margin-right: 1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.media_data .people a:before, #searchresult .media_textline .people:before
{
    content:'\E837';
    font-size:1em;
    font-family: "skoletube";
    margin-right: 1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.media_data .newpeople a:before
{
    content:'\E834';
    font-size:1em;
    font-family: "skoletube";
    margin-right: 1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.media_data .newmedia a:before
{
    content:'\E832';
    font-size:1em;
    font-family: "skoletube";
    margin-right: 1px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.hovertitle
{
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
    color: #0294e4;
    font-weight: normal;
    margin: 0px;
    padding: 4px 2px 0px 2px;
    font-weight: 700;
    font-size: 14px;
}

.hoverinfo
{
    color: #666 !important;
    padding-left: 2px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
    font-size: 11px;
    font-weight: normal;
}

.hoverinfo a
{
    color: #0294e4 !important;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
    font-size: 11px;
    font-weight: normal;
}

.modal
{
    background-color: #fff;
    display: none;
    width: 350px;
    padding: 15px;
    text-align: left;
    border: 1px solid #ccc;
    z-index: 3000;
}

.modal iframe
{
    width:100%;
    height:100%;
    border:0px;
}

.modal h2
{
    background: transparent url(/sk-static/imagefiles/birdsmall.png) 15px 50% no-repeat;
    margin: 0px 0px 10px 0px;
    padding: 20px 0px 20px 60px;
    border-bottom: 1px solid #333;
    font-size: 20px;
    line-height: 20px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.modal p
{
    margin: auto;
    display: block;
    margin-top: 10px;
    text-align: center;
}

.modal .close
{
    font-size: 16px;
}

.iosiconlist .iosiconlistimg, .groupsiconlist .groupsiconlistimg
{
    width:100px;
    height:100px;
    margin:2px;
    border:1px solid transparent;
    cursor:pointer;
    padding: 2px;
    border-radius: 5px;
}

.iosiconlist .iosiconlistimg, .groupsiconlist .groupsiconlistimg img
{
    width:100%;
}

.iosiconlist .iosiconlistimg:hover, .groupsiconlist .groupsiconlistimg:hover
{
    boder-color:#aaa;
}

.iosiconlist .iosiconlistimgselect, .groupsiconlist .groupsiconlistimgselect
{
    border-color: #007fbf;
    box-shadow: 0px 0px 15px rgba(0, 123, 191, 0.45), 0px 0px 1px 1px rgba(0, 123, 191, 0.3);
}

#wixwin
{
    width: 100%;
    height: 100%;
}

.appriseOverlay {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    display: none;
}

.appriseOuter {
    background: #eee;
    border: 1px solid #fff;
    box-shadow: 0 3px 7px #333;
    -moz-box-shadow: 0 3px 7px #333;
    -webkit-box-shadow: 0 3px 7px #333;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
    z-index: 99999999;
    min-width: 200px;
    min-height: 50px;
    max-width: 75%;
    position: fixed;
    display: none;
}

.appriseInner {
    color: #333;
    text-shadow: 0 1px 0 #fff;
    padding: 20px;
}

.appriseInner button {
    border: 1px solid #bbb;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    background: 0;
    color: #232d3d;
    font-size: 12px;
    font-weight: 700;
    text-shadow: 0 1px 0 #fff;
    cursor: pointer;
    box-shadow: 0 1px 2px #ccc;
    -moz-box-shadow: 0 1px 2px #ccc;
    -webkit-box-shadow: 0 1px 2px #ccc;
    margin: 0 3px;
    padding: 4px 10px;
}

.appriseInner button:hover {
    color: #d85054;
}

.aButtons, .aInput {
    text-align: center;
    margin: 20px 10px 0;
}

.aTextbox {
    border: 1px solid #aaa;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -khtml-border-radius: 4px;
    box-shadow: 0 1px 0 #fff;
    -moz-box-shadow: 0 1px 0 #fff;
    -webkit-box-shadow: 0 1px 0 #fff;
    width: 180px;
    font-size: 12px;
    font-weight: 700;
    padding: 5px 10px;
}

/* Education page */

.educationmain
{
    color: #000;
    text-transform: uppercase !important;
}

.education h2
{
    font: 20px Roboto, Helvetica, Arial;
    color: #444;
    padding: 0px;
    font-weight:500;
    margin: 0px;
    margin-bottom: 10px;
}

.education
{
    font-size: 12px;
    color: #555;
    padding: 17px;
    line-height: 20px;
    position: relative;
    border-bottom:1px solid #ccc;
}

.education .edubottom
{
    margin-top: 10px;
}

.education hr
{
    border: 1px dotted #d8d8d8;
    margin-top: 20px;
}

.education .learnmore, .education .learnmorebig
{
    display: block;
    margin-top: 4px;
    width: 118px;
    height: 29px;
    line-height: 29px !important;
    text-align: center;
    font: 14px Roboto, Helvetica, Arial;
    color: #fff;
    background: transparent url(/sk-static/imagefiles/learnmorebutton.png) no-repeat;
}

.education .learnmorebig
{
    background: transparent url(/sk-static/imagefiles/learnmorebuttonbig.png) no-repeat;
    width: 218px;
}

.education .insideedu
{
    padding-right: 20px;
    display: block;
    font-size:14px;
    vertical-align: top;
    width:auto;
}

.education .insideedu p
{
    padding:0px;
    margin:3px 0px;
    text-align:justify;
}

.education .imageref
{
    vertical-align: top;
    max-width: 393px;
    width:100%;
    height: 134px;
    display: inline-block;
    overflow: hidden;
}

.education .imageref img
{
    max-width: 100%;
}

.borderselected
{
    border: 1px solid #8B0D00;
}

.gobacktostart a
{
    display: block;
    width: auto;
    padding: 4px;
    background: #DADADA url(/sk-static/imagefiles/blueback.png) repeat-x;
    color: #3B95B6;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

/* STATS GENERATOR */
.statsgenmain
{
    margin: auto;
    padding: 20px;
    padding-top: 40px;
    width: 900px;
    font-size: 16px;
    background: transparent url(/sk-static/imagefiles/watermark.png) no-repeat right top;
}

.statsgenmain h1
{
    font-size: 30px;
}

.statsgenmain h2
{
    font-size: 18px;
}

.statsgenmain .statsinside
{
    margin-top: 5px;
    display: table;
}

.statsgenmain .statsinside div
{
    display: table-cell;
}

.statsgenmain .areachartdet
{
    width: 530px;
    border-right: 1px dotted #F0F7FF;
    padding: 5px;
}

.statsgenmain .areatablefull
{
    border-top: 1px dotted #F0F7FF;
    padding: 5px;
}

.statsgenmain .areatablefull table
{
    vertical-align: top;
    display: inline-block;
}

.statsgenmain .statsinside.biggertable .areatablefull .tablegraph
{
    width: 380px;
}

.statsgenmain .statsinside.biggertable .areatablefull .tablegraph .left
{
    width: 200px;
    max-width: 200px;
}

.statsgenmain .statsinside.biggertable .areatablefull .tablegraph .right
{
    width: 180px;
    max-width: 180px;
}

.statsgenmain .areatablefull .tablegraph
{
    width:290px;
    margin-top:5px;
}

.statsgenmain .areatablefull .tablegraph .left
{
    width: 180px;
    max-width: 180px;
    text-align: left;
}

.statsgenmain .areatablefull .tablegraph .right
{
    width: 110px;
    max-width: 110px;
}

.statsgenmain .areatablefull .tablegraph .center
{
    text-align: center;
}

.statsgenmain .areachartdet table, .statsgenmain .piechartdet table,
.statsgenmain .topbardet table
{
    vertical-align: top;
    display: inline-block;
}

.statsgenmain .topbardet .topbardetin
{
    vertical-align: top;
    margin-top: 30px;
    display: inline-block;
}

.statsgenmain .piechartdet
{
    text-align: center;
    vertical-align:top;
}

.statsgenmain .blue
{
    background: #F0F7FF;
}

.statsgenmain .topbardet
{
    border-top: 1px dotted #F0F7FF;
}

.statsgenmain #loginstats, .statsgenmain #videostats
{
    margin-bottom: 4px;
}

.statsgenmain .tablegraph
{
    width:120px;
    border:1px solid #ccc;
}

.statsgenmain .tablegraph td
{
    padding:3px 2px;
}

.statsgenmain .tablegraph .left
{
    text-align: right;
    padding-right: 4px;
    width: 70px;
    max-width: 70px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.statsgenmain .tablegraph .right
{
    text-align: center;
    width:50px;
    max-width:50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.statsgenmain .toptable
{
    width: 200px;
    border:1px solid #ccc;
}

.statsgenmain .toptable .left
{
    width:150px;
    max-width:150px;
    text-align: left;
    padding:2px 3px;
}

.uploadArea
{
    min-height: 300px;
    height: auto;
    border: 1px dotted #ccc;
    padding: 10px;
    cursor: move;
    margin-bottom: 10px;
    position: relative;
}

.uploadArea h1
{
    color: #ddd;
    width: 100%;
    z-index: 0;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    top: 25px;
}

.polaroidup
{
    clear: both;
    vertical-align: top;
    border: 1px solid #dadada;
    background-color: #f4f4f4;
    padding: 2px;
    position: relative;
    height: 100px;
    width: 108px;
    display: inline-block;
    margin: 3px;
    z-index: 1;
    cursor: default;
    text-align: center;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
}

.uploadArea .activeup
{
    background-color: #e4f4e4 !important;
}

.polaroidup .polblack
{
    width: 106px;
    height: 79px;
    padding: 0px;
    margin: 0px;
    background-color: #ccc;
    border: 1px solid #ffffff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    vertical-align: middle;
}

.uploadArea .activeup .polblack
{
    background-color: #cceecc !important;
}

.polaroidup span
{
    text-overflow: ellipsis;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 2px;
}

.polaroidup img
{
    max-width: 106px !important;
    max-height: 80px !important;
}

.polaroidup .progress
{
    width: 0%;
    height: 1px;
    background-color: blue;
    display: block;
}

.buttonUpload
{
    display: inline-block;
    padding: 4px 10px 4px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #0074cc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border: 1px solid #cccccc;
    color: #fff;
}

/*PDF*/

/* General, recommended page style settings  */
::selection {
    background: rgba(60, 120, 180, 0.3);
}

::-moz-selection {
    background: rgba(60, 120, 180, 0.3);
}

input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Modal styles */
.modal-content {
    display: none;
}

#simplemodal-overlay {
    background-color: #000;
    cursor: wait;
}

#simplemodal-container {
    font: 11px/22px verdana, arial, sans-serif;
    height: 230px;
    width: 360px;
    color: #777;
    background-color: #fff;
    border: 4px solid #444;
}

#simplemodal-container .simplemodal-data {
    padding: 8px;
}

#simplemodal-container a {
    color: #000;
}

#simplemodal-container a.modalCloseImg
{
    background: url("/sk-static/imagefiles/simplemodal.gif") no-repeat;
    width: 25px;
    height: 29px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: 1px;
    right: -11px;
    cursor: pointer;
}

#simplemodal-container h3 {
    color: #84b8d9;
}

/* Scroll styles for android and pre-iOS version 5 based touch devices */
.jspContainer {
    overflow: hidden;
    position: relative;
}

.jspPane {
    position: absolute;
}

.jspVerticalBar
{
    position: absolute;
    top: 0;
    right: 0;
    width: 8px;
    height: 100%;
}

.jspHorizontalBar
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
    margin: 0;
    padding: 0;
    /* fix IE 7,8 to work with jQuery fadeIn/Out */
    opacity: inherit;
}

.jspCap {
    display: none;
}

.jspHorizontalBar .jspCap {
    float: left;
}

.jspTrack {
    background: #bbb;
    position: relative;
}

.jspDrag
{
    background: #666;
    position: relative;
    top: 0;
    left: 0;
    cursor: pointer;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
    float: left;
    height: 100%;
}

.jspArrow {
    background: #50506d;
    text-indent: -20000px;
    display: block;
    cursor: pointer;
}

.jspArrow.jspDisabled {
    cursor: default;
    background: #80808d;
}

.jspVerticalBar .jspArrow {
    height: 16px;
}

.jspHorizontalBar .jspArrow {
    width: 16px;
    float: left;
    height: 100%;
}

.jspVerticalBar .jspArrow:focus {
    outline: none;
}

.jspCorner {
    background: #eeeef4;
    float: left;
    height: 100%;
}

* html .jspCorner {
    margin: 0 -3px 0 0;
}

.inputstyle
{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    border: 2px solid #1c527a;
    font-size: 18px;
    line-height: 20px;
    height: 25px;
    color: #1c527a;
    width: 200px;
    padding: 0px;
    font-weight: normal;
    background-color: #fff;
}

.button_clear 
{
    background: #31709f url('/sk-static/imagefiles/overlay-button.png') repeat-x 0 0;
    display: inline-block;
    padding: 8px 19px 9px;
    color: #fff !important;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    border: 0px;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    position: relative;
    cursor: pointer;
    overflow: visible;
    width: auto;
    outline: 0;
}

.pagetitle_line
{
    text-align: right;
    padding: 0px 5px 3px 100px;
    font-size: 25px !important;
    border-bottom: 1px solid #1c4581;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -310px;
    margin-top: -150px;
    color: #1c4581;
    width: 300px;
    line-height: 20px;
}

.passwordasker
{
    font-size: 14px;
    position: relative;
    padding: 10px 0px 20px 0px;
    margin: auto;
    display: block;
    max-width: 400px;
    text-align: center;
    line-height: 20px;
}

.passwordasker h1
{
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}

.passwordasker input[type=text], .passwordasker input[type=password]
{
    width: 150px !important;
}

.passwordasker .appicon
{
    right: auto !important;
    left: 10px !important;
    top: 20px !important;
    position:absolute;
    width: 130px;
}

.passwordasker .descpass
{
    width: 400px;
    text-align: left;
    margin-left: 147px;
    font-size: 12px;
    margin-bottom: 20px;
}

.passwordasker .legend
{
    width: 200px;
    padding-right: 10px;
    display: inline-block !important;
    text-align: right;
    line-height: 20px;
}

.passwordasker .errorpass
{
    color: red;
}

.appdescpass, .appstore, .appurl, .apphelp
{
    display: none;
}

.passwordasker .buttonset
{
    text-align: center;
    vertical-align: middle;
    width: 400px;
    margin-top: 50px;
    margin-left: 140px;
}

.passwordasker .notesmall
{
    width: 440px;
    text-align: left;
    margin-left: 140px;
    font-size: 12px;
    margin-bottom: 10px;
    margin-top: 50px;
}

.progresspage
{
    margin: auto;
    width: 355px;
    overflow: hidden;
    margin-top: 60px;
    min-height: 150px;
    padding: 10px;
}

.progresspage h1
{
    border-bottom: 1px solid #333;
    font-size: 16px;
    text-align: left;
    margin-bottom: 15px;
}

.progresspage #msg
{
    width: 100%;
    text-align: center;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

.progresspage .innerstatus
{
    color: #ddd;
    width: 370px;
    line-height: 33px;
    font-size: 16px;
    text-align: center;
    position: absolute;
    top: 0px;
    left: 0px;
}

.progresspage #totalnum
{
    display: inline;
}

.progresspage #options_bar
{
    margin-top: 15px;
}

.trip-block
{
    display: none;
    padding: 8px;
    position: absolute;
    text-align: center;
    min-width: 100px;
    border-radius: 3px;
}

.trip-block.black
{
    background: #1db0e7;
    color: #fff;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px 0;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px 0;
    box-shadow: rgba(0, 0, 0, 0.2) 0 2px 4px 0;
}

.trip-block.black .trip-close
{
    color: #ddd;
}

.trip-block.black .trip-close:hover
{
    color: #fff;
}

.trip-block.black.n:before
{
    border-top-color: #1db0e7;
}

.trip-block.black.s:before
{
    border-bottom-color: #1db0e7;
}

.trip-block.black.e:before
{
    border-right-color: #1db0e7;
}

.trip-block.black.w:before
{
    border-left-color: #1db0e7;
}

.trip-block:before
{
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
}

.trip-block.n:before, .trip-block.s:before
{
    border-width: 8px;
    left: 50%;
    margin-left: -8px;
}

.trip-block.e:before, .trip-block.w:before
{
    border-width: 8px;
    top: 50%;
    margin-top: -8px;
}

.trip-block.n:before
{
    top: 100%;
}

.trip-block.s:before
{
    bottom: 100%;
}

.trip-block.e:before
{
    right: 100%;
}

.trip-block.w:before
{
    left: 100%;
}

.trip-block.screen-ne, .trip-block.screen-se, .trip-block.screen-sw,
.trip-block.screen-nw, .trip-block.screen-center
{
    position: fixed;
}

.trip-close
{
    font-size: 80%;
    float: right;
    margin-top: -5px;
}

.trip-close:hover
{
    text-decoration: none;
}

.trip-content
{
    clear: right;
    font-size: 16px !important;
    margin-bottom: 10px;
}

.trip-progress-bar
{
    height: 1px;
    background-color: #444;
    width: 0;
}

.trip-overlay
{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    background: #1db0e7;
    width: 100%;
    height: 100%;
    opacity: 0.7;
}

.trip-prev, .trip-next
{
    padding: 5px 10px;
    color: #efefef !important;
}

.trip-exposed
{
    background: white;
}

.medicons .appicon img
{
    width: 60px;
    height: auto;
}

.medicons .appdiv
{
    display: inline-block;
    width: 90px;
    position: relative;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 5px;
    overflow: hidden;
    padding:10px;
    vertical-align:top;
}

.lockicon .appicongrey
{
    width: 200px;
}

.medicons .appbutton
{
    font-size: 12px;
    white-space: nowrap;
}

.medicons
{
    height: 100%;
}

.medicons .apphelplink
{
    display: none !important;
}

.downfile
{
    background: #00c526;
    text-align: center;
    color: #fff;
    padding: 20px 40px;
    font-size: 20px;
    display: inline-block;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15), 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

.downfile .font-icon
{
    display: block;
    text-align: center;
    margin: 10px auto 15px;
    font-size: 70px;
}

.downfilepdf
{
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.downfile a
{
    color: #fff;
    font-size: 100%;
}

.downfile a:hover
{
    font-size: 100%;
    text-decoration: none;
}

.downfile:active
{
    background-position: 5px 5px !important;
}

.birdiback
{
    height: 100%;
    background: #69b4fa url('/sk-static/imagefiles/backdownload.png') repeat-x;
}

.documentholder
{
    position: relative;
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.documentholder .downfile
{
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.documentholder .fullscreenpad
{
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #367acf;
    padding: 2vh !important;
}

.documentholder .fullscreenpad img
{
    height: 4vh;
    width: 4vh;
}

.photoholder
{
    cursor: -moz-zoom-in;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    background: #000;
    width: 100%;
    overflow: hidden;
    padding: 0px;
    position:relative;
    text-align:center;
    height: 100%;
}

.photoholder img
{
    display:block;
    margin:auto;
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}

.photoholder .imageskply
{
    position: absolute;
    top: 50%; 
    right: 50%;
    transform: translate(50%,-50%);
}

.photoholder img.hideit
{
    display:none;
}

.photoholder.photopeaholder, .photoholder.svgholder
{
    background: transparent;
}

.photoholder.photopeaholder:-webkit-full-screen, .photoholder.svgholder:-webkit-full-screen
{
    background-color: #fff !important;
}

.photoholder.photopeaholder:-moz-full-screen, .photoholder.svgholder:-moz-full-screen 
{
    background-color: #fff !important;
}

.photoholder .tlImageContainer
{
    text-align:left;
}

#jquery-fullsizable
{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 999;
}

#jquery-fullsizable.fullsized_spinner
{
    background-image: url("/sk-static/imagefiles/fullsizable.gif");
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

#jquery-fullsizable #fullsized_image_holder img
{
    display: block;
    margin: 0 auto;
}

.progress_bar .skinfo_totalperc
{
    position: absolute;
    top: 0px;
    line-height: 50px;
    font-size: 30px;
    color: #fff;
    width: 100%;
    text-align: center;
}

.progress_barwider .bar1, .progress_barwider .bar2
{
    height: 50px;
    border-radius: 0px;
}

.progress_barwider #skinfo_data
{
    line-height: 50px;
    font-size:20px;
}

.progress_bar .bar2
{
    -webkit-transition: width 0.1s ease-in-out;
    -moz-transition: width 0.1s ease-in-out;
    -o-transition: width 0.1s ease-in-out;
    -ms-transition: width 0.1s ease-in-out;
    transition: width 0.1s ease-in-out;
}

.bar2
{
    display: block;
    height: 100%;
    -webkit-transition: width 1s ease-in-out;
    -moz-transition: width 1s ease-in-out;
    -o-transition: width 1s ease-in-out;
    -ms-transition: width 1s ease-in-out;
    transition: width 1s ease-in-out;
    background-color: rgb(58, 157, 216);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(54, 145, 199)), color-stop(1, rgb(58, 157, 216)));
    background-image: -moz-linear-gradient(center bottom, rgb(54, 145, 199) 37%, rgb(58, 157, 216) 69%);
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}

.bar2:after
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent));
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    z-index: 1;
    -webkit-background-size: 50px 50px;
    -moz-background-size: 50px 50px;
    background-size: 50px 50px;
    -webkit-animation: move 2s linear infinite;
    -moz-animation: move 2s linear infinite;
    overflow: hidden;
}

#skinfo_data
{
    font-weight: bold;
    position: absolute;
    text-align: center;
    color: rgba(200, 200, 200, 1);
    font-size: 10px;
    width: 100%;
    line-height: 30px;
    top: 0px;
}

.progress_bar
{
    display:none;
    margin-bottom: 5px;
}

.blocklisting, .blocklistinggroup
{
    width: 860px;
    margin:auto;
    padding: 10px 5px;
    min-height: 150px;
    text-align:left;
    display:block;
}

.fullside .blocklistinggroup
{
    width:860px;
    padding:0px;
}

.blocklisting .nothingfound, .blocklistinggroup .nothingfound
{
    padding: 20px;
    text-align: center;
    margin: 0px;
    opacity: 0.8;
}

.nofoundmedia
{
    font-size:14px;
    color:#999;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.nofoundmedia .font-icon
{
    font-size:30px;
    margin:25px 0px 5px 0px;
    display:inline-block;
}

.mymedia .nothingfound,.rowlist .nothingfound, .parentindex
{
    text-align:center;
    font-size:25px;
    margin:0px;
    padding:0px;
    font-weight:500;
    color:#878787;
    vertical-align: middle;
    display:table-cell;
    line-height: 30px;
}

.mymedia,.rowlist,.pageformat
{
    width:auto;
    text-align: left;
    margin: 0 auto;
    display:table-row;
    height: 100%;
    vertical-align: top;
}

.pageformat
{
    padding-bottom: 30px;
}

.viewmediacontent
{
    height: 549px;/*  If you play with this, check the video proper loading*/
    border-bottom: 1px solid #eee;
}

.viewmediacontent iframe
{
    border:0px;
}

.viewmediacontent.embedcontent
{
    height: auto;
    min-height: 549px;
    overflow: hidden;
}

.viewmediacontent.embedcontent iframe
{
    min-height: 549px;
    width:100%;
}

.pageformat .viewmediacontent
{
    line-height: 0px;
    position: relative;
    font-size:0px;
}

.mymedia .medialist,.rowlist .medialist
{
    margin:5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.noborderlist.rowlist .medialist
{
    border:0px;
}

.bluebirdlst .medialist
{
    margin:0px 0px 2px 0px !important;
}

.mymedia .addmediasel,.rowlist .addmediasel
{
    background: #fff;
}

.mymedia .selectemedia,.rowlist .selectemedia
{
    border-color: #a4adb4;
    box-shadow: 0px 0px 15px rgba(0, 123, 191, 0.25), 0px 0px 1px 1px rgba(0, 123, 191, 0.2);
}

.selectemediagreen
{
    background:#8fd073 !important;
}

.pendingappr
{
    background:#f5f488 !important;
}

.groupusers .hovertype
{
    width:auto !important;
    background:black;
    color:#fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding:0px 3px;
}

.groupusers .onthumbmedia
{
    background:#43474d;
}

.specialdiv
{
    border: 1px solid #d8b892 !important;
}

.bigtextbutton, .spctextbutton, .bigtextnumber, .bigremovebutton,
.bigeditdesc, .spcaddedmsg, .addpreviewbut, .simplepreview
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    opacity: 0;
    z-index: 20;
    position: absolute;
    display: block;
    background: #fff;
    color: #000;
}

.bigtextbutton a, .spctextbutton a
{
    color: #000;
    text-decoration: none;
}

.bigtextbutton
{
    display: inline-block;
    margin: 0px !important;
    padding: 0px !important;
    border: 1px solid #333;
    background-color: #fff !important;
    text-align: center;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    background-color: #ffffff;
    border: 1px solid #999;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
    text-shadow: 0px 1px 0px #ffffff;
    font-size: 60px;
    width: 50px;
    height: 50px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    top: 19px;
    right: 60px;
    line-height: 50px;
    color: #197826;
}

.bigtextnumber
{
    opacity: 0.5;
    color: #333;
    font-size: 28px;
    font-weight: bold;
    width: 40px;
    height: 40px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    top: 5px;
    left: 5px;
    line-height: 38px;
}

.bigremovebutton
{
    display: inline-block;
    padding: 5px !important;
    background-color: #fff !important;
    text-align: center;
    border: 1px solid #999;
    opacity: 1;
    color: red;
    font-size: 17px;
    font-weight: bold;
    border-radius: 50px;
    top: 5px;
    right: 5px;
    cursor: pointer;
}

.bigremovebutton .font-icon
{
    margin:0px;
}

.spcaddedmsg
{
    opacity: 0.9;
    color: #197826;
    top: 5px;
    right: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 3px;
    font-size: 14px;
    display: none;
}

.addpreviewbut
{
    opacity: 0.0;
    font-weight: bold;
    line-height: 16px;
    background-color: transparent !important;
    text-align: center;
    transition: all .2s linear;
    visibility: hidden;
    white-space: nowrap;
    margin: auto;
    display: block;
    transition: opacity .2s ease-in-out, transform .2s ease-in-out;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    z-index: 0;
}

.addpreviewbut.specialpreview
{
    top: 30px;
}

.addpreviewbut.fewchoose .mediabutton.mainmediabutton
{
    border-radius: 100px;
    width: 80px;
    height: 80px;
    font-size: 150px;
}

.addpreviewbut.fewchoose .mediabutton.mainmediabutton .font-icon
{
    font-size: 50px !important;
    line-height: 80px;
}

.addpreviewbut .mediabutton.mainmediabutton.mediasquare
{
    width: 100px;
    border-radius: 0px;
}

.addpreviewbut .font-icon
{
    font-size:24px;
    line-height:30px;
    padding:0px;
    margin:0px;
    color:#4e4e4e;
}

.addpreviewbut .subtext
{
    color: #fff;
    background: rgb(59, 135, 176) !important;
    padding:2px 5px;
    font-size: 12px;
    display:block;
}

.hoverblocked
{
    display:none;
}

.simplepreview
{
    opacity:0;
    font-weight: bold;
    width: 100%;
    height: 50px;
    top: 30px;
    text-align:center !important;
    margin: auto;
    line-height:0px;
    background-color: transparent !important;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    visibility:hidden;
    font-size:0px;
}

.onthumbmedia .simplepreview .roundedborderall
{
    margin: 0px 2px !important;
}

.simplepreview .font-icon
{
    display:inline-block;
    font-size:35px;
    line-height:50px;
    vertical-align: top;
    text-decoration:none;
    color:#000;
    margin:0px;
    width:auto;
}

.simplepreview .greentext .font-icon
{
    color:#217435 !important;
}

.simplepreview .font-icon .titlebutton
{
    font-size:10px;
    display:block;
    line-height:10px;
}

.simplepreview .font-icon a
{
    text-decoration:none;
    color:#000;
}

.simplepreview a,.addpreviewbut a
{
    text-decoration:none;
}

.simplepreview .mediabutton
{
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0px !important;
    padding: 0px !important;
    border: 1px solid #333;
    background-color: #fff !important;
    text-align: center;
    cursor:pointer;
}

.simplepreview .mediabutton:hover
{
    border-color: rgb(59, 135, 176) !important;
    background: rgb(59, 135, 176) !important;
}

.simplepreview .mediabutton:hover .font-icon
{
    color:#fff;
}

.addpreviewbut .mediabutton
{
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0px !important;
    padding: 0px !important;
    background-color: #fff !important;
    text-align: center;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    background-color: #ffffff;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15), 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
    color: #737373;
    cursor:pointer;
}

.addpreviewbut .mediabutton:hover
{
    border-color: rgb(59, 135, 176) !important;
    background: rgb(59, 135, 176) !important;
}

.addpreviewbut .mediabutton.uniquebutton
{
    display:block;
    margin: 15px auto !important;
    border-radius: 25px;
    width: 50px;
    height: 50px;
    font-size: 60px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15), 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.addpreviewbut .mediabutton.uniquebutton .font-icon
{
    font-size: 31px;
    line-height: 48px;
}

.addpreviewbut .mediabutton.mainmediabutton
{
    display:block;
    margin: 5px auto !important;
    border-radius: 25px;
    width: 50px;
    height: 50px;
    font-size: 40px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15), 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.addpreviewbut .mediabutton.mainmediabutton.mainmediaedit .font-icon
{
    font-size: 36px;
    line-height: 47px;
}

.addpreviewbut .mediabutton.mainmediabutton .font-icon
{
    font-size: 42px;
    line-height: 50px;
    color: rgb(59, 135, 176);
}

.addpreviewbut .mediabutton.mainmediabutton.smallerbutton .font-icon
{
    font-size: 34px;
}

.addpreviewbut.multibutton .mediabutton.mainmediabutton .font-icon
{
    font-size: 38px;
}

.addalltolist .buttitle
{
    display: block;
    margin-top: 5px;
    background: #fff;
    border-radius: 5px;
    padding: 5px 0px;
    font-size: 14px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15), 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
    color: rgb(59, 135, 176);
}

.addpreviewbut .mediabutton:hover .font-icon
{
    color:#fff;
}

.commentsonmedconf
{
    opacity: 0.5;
    background: transparent url('/sk-static/imagefiles/commentsmed.png') no-repeat;
    width: 25px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    padding-top: 0px;
    margin-top: -2px;
}

.commentsonmedhold.commentsonmed
{
    padding: 0px 0px 0px 7px;
}

.thumgen .commentsonmedhold
{
    top:0px;
    right: 8px;
}

.commentsonmedhold .font-icon, .viewholder .font-icon
{
    opacity: 0.7;
}

.commentsonmedhold .commentscount
{
    position:absolute;
    top:0px;
    width:100%;
    text-align:center;
    color:#fff;
    font-size: 9px;
    margin-left:2px;
    line-height:12px;
    font-weight: bold;
}

.commentsonmed
{
    cursor: pointer;
}

.locksprivpubhold
{
    float: left;
}

.locksprivpubhold .font-icon
{
    font-size:16px;
    opacity: 0.4;
}

.locksprivpubhold:hover .font-icon
{
    opacity: 1;
}

.locksprivpub
{
    cursor: pointer;
}

.locksprivpubconf
{
    background: transparent url('/sk-static/imagefiles/locks.png') no-repeat;
    width: 23px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    padding-top: 0px;
    margin-top: -2px;
}

.lockspriv
{
    background-position: -25px 1px;
}

.addremoveact
{
    color: #0095ff;
    top: 0px;
    right: 0px;
    padding: 2px;
    width: 30px;
    height: 30px;
    font-size: 30px;
    line-height: 16px;
    cursor: pointer;
    text-align: right;
    z-index: 8;
    position: absolute;
}

.addremoveact::after
{
    opacity: 0.8;
    background: #fff;
    width: 15px;
    height: 15px;
    border: 1px solid rgba(0,0,0,0.2);
    display: inline-block;
    content: "";
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.25);
    top: 4px;
    right: 4px;
    position: absolute;
}

.medialist .toprightobj
{
    top: 0px;
    right: 0px;
    position:absolute;
}

.removerowitem
{
    color: #830d0d;
    background:#fff;
    top: 2px;
    right: 2px;
    padding: 0px;
    position:absolute;
    line-height: 16px;
    margin:0px !important;
    visibility:hidden;
    cursor:pointer;
    border:1px solid #737373;
    padding:2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.groupusers .hovertype
{
    width:auto !important;
    background:black;
    color:#fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding:0px 3px;
}

.addremoveactdel:after
{
    content:'\E80C';
    color: #fff !important;
    background-color: #0095ff !important;
    font-size:0.5em;
    font-family: "skoletube";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bigeditdesc
{
    display: inline-block;
    margin: 0px !important;
    padding: 0px !important;
    border: 1px solid #333;
    background-color: #fff !important;
    text-align: center;
    -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
    box-shadow: inset 0px 1px 0px 0px #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    background-color: #ffffff;
    border: 1px solid #999;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .1);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, .1);
    text-shadow: 0px 1px 0px #ffffff;
    opacity: 1;
    color: #000;
    font-size: 12px;
    width: 80px;
    height: 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    position: static;
    line-height: 20px;
    cursor: pointer;
    font-weight: 500;
}

.qtip-content .commentsmed
{
    width: auto;
}

.qtip-content .animate-spin
{
    margin-right: .5em;
}

.hoverqtip
{
    color: #76797C;
    background-color: #fafafa !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-color:red;
    font-size: 14px !important;
    line-height: 20px !important;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15) !important;
}

.hovererror
{
    color: #555;
    background-color: #fff !important;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border-color: red;
    font-size: 14px !important;
    line-height: 20px !important;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15) !important;
    border: 1px solid red !important;
}

.medialistin.showinfo .addpreviewbut, .onthumbmedia:hover .bigtextbutton, .onthumbmedia:hover .spctextbutton, .medialistin:hover .addpreviewbut,.medialistin.hover .addpreviewbut, .medialistin.hover .simplepreview, .medialistin:hover .simplepreview, .medialistin:hover .hideuhover, .medialistin.hover .hideuhover
{
    -webkit-transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: opacity .2s ease-in-out, transform .2s ease-in-out;
    opacity: 1;
    visibility: visible;
}

.videoanotherlst .hideuhover
{
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    opacity: 0;
    visibility:hidden;
}

.medialist .hideuhover
{
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    opacity: 0;
    visibility:hidden;
}

.medialist:hover .medialistin
{
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
}

.medialist:hover, .medialist.fkhover
{
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    box-shadow: 0px 0px 15px rgba(0, 123, 191, 0.25), 0px 0px 1px 1px rgba(0, 123, 191, 0.2);
}

.medialist.trashback .medialistholder
{
    animation:fullScale 0.5s;
}

.medialist.trashback, .medialist.trashbackend
{
    transition: all .5s linear;
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    box-shadow: 0px 0px 15px rgba(0, 123, 191, 0.25), 0px 0px 1px 1px rgba(0, 123, 191, 0.2);
}

.medialist.trashback.trashbackend
{
    transform: scale(1);
    box-shadow: 0px 0px 15px rgba(0, 123, 191, 0), 0px 0px 1px 1px rgba(0, 123, 191, 0);
}

.slideshowprev .whitegrad
{
    max-width: 877px;
}

.slideshowprev .medialist
{
    display: inline-block;
}

.lstdescinput .lstdesctextarea
{
    width: 100%;
    height: 200px;
}

.lstdescinput, .lsttitleinput
{
    color: #000;
    font-size: 14px;
    margin-top: 10px;
}

.lstdescinput .lstdescbuttons
{
    margin-top: 5px;
}

.lsttitleinput .lsttitlebuttons
{
    margin-top: 20px;
}

.quicksearchact
{
    display: inline-block;
    border: 1px solid #D0D8DB;
    /*border-radius: 3px;*/
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 3px 0px 4px 10px;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    border-color: #D0D8DB;
    background-color: #fff;
    line-height: normal;
}

.specialdiv .bigtextbutton
{
    font-size: 60px;
    width: 120px;
    right: 30px;
    opacity: 0.7;
}

.specialdiv .spctextbutton
{
    right: 65px;
    opacity: 0.7;
}

.numberadded
{
    color: #FFF;
    font-size: 12px;
    border-radius: 10px;
    padding: 0px 3px;
    background: none repeat scroll 0% 0% #325292;
    display: inline-block;
    min-width: 12px;
    text-align: center;
}

.numbtrack
{
    padding-right: 10px;
}

.removetrack, .removeproject
{
    display: inline-block;
    position: absolute;
    right: 7px;
    top: 2px;
    background: #fff;
    width: 15px;
    height: 15px;
    color: red;
    line-height: 14px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border: 1px
    solid #eaeaea;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    font-weight: bold;
}

.optionslideshow
{
    font-size: 10px;
}

#musiclist #buttonholder li, #sldprojectlist #buttonholder li
{
    padding-right: 0px !important;
}

#settingssld #buttonholder li
{
    padding-right: 30px !important;
}

.rightbarbutton
{
    margin-top: 2px;
    margin-right: 3px;
    margin-left: 120px;
}

.editslidetitle
{
    margin-left: 5px;
    display: inline-block;
    cursor: pointer;
}

.editslidetitle img
{
    width: 10px;
    height: 10px;
}

.err
{
    color: #cc0000;
}

.erradmin
{
    height: 20px;
    width: 100%;
    text-align: center;
}

.slideshowtitleline .slideshowinfo
{
    position: absolute;
    right: 10px;
    top: 10px;
}

.slideshowtitleline
{
    height: 40px;
    position: relative;
}

.slideshowtitleline .pagetitle
{
    line-height: 35px;
}

.group-arrow-right
{
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #c9c7c7;
    visibility: hidden;
}

.group-arrow-left
{
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #c9c7c7;
    visibility: hidden;
}

.nextprevmediagrp
{
    vertical-align: middle;
    min-width: 14px;
    height: 100%;
    display: table-cell;
    padding: 2px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    cursor: pointer;
}

/*
.nextprevmediagrp:hover
{
    background:#2e3540;
}*/

.groupwholevideo
{
    display: table;
    width: auto;
    border-spacing: 5px;
    background: #1e232a;
}

.mediainfogrp
{
    padding: 10px;
}

/*Mediainfo*/
.mediainfo .mediatitle
{
    font-size: 16px;
    padding: 5px 110px 8px 0px;
    line-height:18px;
    font-weight: bold;
    color: #5c5c5c;
    position: relative;
}

.mediainfo .mediatitle .mediastats
{
    position: absolute;
    right: 0px;
    font-size: 12px;
    top: 5px;
    font-weight: normal;
    color: #666;
}

.mediainfo .mediadescription
{
    padding:2px;
    line-height:16px;
}

.mediainfo .mediatitle .mediastats img
{
    width: 13px;
    vertical-align: middle;
    padding-bottom: 2px;
    margin-right: 2px;
    opacity: 0.7;
}

.mediainfo .imageicon, .editmedia .imageicon
{
    width: 20px;
    opacity: 0.7;
    vertical-align: middle;
    padding-right: 3px;
}

.mediagroupadded .loadinggrey img
{
    width: 10px;
    height: 10px;
    vertical-align: middle;
    padding-left: 3px;
}

ul.mediagroupadded
{
    padding: 0px 2px !important;
}

.mediagroupadded .loadinggrey.hideit
{
    display:none;
}

.mediainfo .mediagroupadded .groupicon, .editmedia .mediagroupadded .groupicon
{
    width: 11px;
    opacity: 0.5;
    vertical-align: middle;
    padding-right: 1px;
}

.mediainfo .mediatags .tagset ul, .mediainfo .mediagroups ul, .editmedia .mediagroups ul, .formprofile .usergroups ul, .mediainfoholder .mediadist ul, .mediainfoholder .mediainst ul
{
    padding: 0px;
    margin: 5px 0px;
    list-style-type: none;
    display: inline-block;
}

.mediainfo .mediagroups ul, .editmedia .mediagroups ul, .formprofile .usergroups ul
{
    display: block;
}

.mediainfo .changetags
{
    margin: 3px 0px;
}

.tagsinfo ul
{
    display: inline-block;
    margin: 0px;
    padding: 0px;
}

.addtokanaler .mediagroupadd li, .addtokanaler .mediagroupadd ul, .addusertokanaler .usergroupadd li, .addusertokanaler .usergroupadd ul
{
    margin: 0px !important;
}

.addtokanaler .mediagroupadd li, .addusertokanaler .usergroupadd li
{
    padding: 3px 0px;
    padding-left: 3px;
}

.mediainfo .mediatags .tagset li, .tagsinfo li
{
    display: inline-block;
}

.mediainfo .mediatags .tagset li a:hover, .tagsinfo li a:hover
{
    text-decoration:none;
    color: #333;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2), 0px 0px 1px 1px rgba(0, 0, 0, 0.15);
}

.mediainfo .mediatags .tagset li a, .tagsinfo li a, .mediainfo .mediagroups .mediagroupadded li, .formprofile .usergroups li, .mediainfoholder .mediadist li, .mediainfoholder .mediainst li, .mediagroupadded li
{
    display: inline-block;
    padding: 2px 3px;
    line-height: 18px;
    text-align: center;
    margin:3px 5px 0px 0px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    background-color: #ffffff;
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.15), 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
    color: #737373;
}

.mediainfo .mediagroups li, .editmedia .mediagroups li, .formprofile .usergroups li
{
    position: relative;
    padding-right: 18px !important;
}

.editmedia .mediagroups li
{
    line-height: 14px;
}

.editmedia .mediagroups
{
    margin-top: 20px;
    padding: 0px 15px;
    text-align: left;
}

.mediainfo .mediaembed
{
    display: block;
    height: 200px;
    vertical-align: top;
    padding-bottom: 5px;
}

.mediainfo .mediainfo_data
{
    color: rgb(85, 85, 85);
    font-size: 12px;
    margin:5px 0px;
}

.mediainfo .mediaimage
{
    display: inline-block;
    width: 431px;
    vertical-align: top;
    padding-bottom: 5px;
}

.mediainfo .mediaembed iframe
{
    width: 100%;
    height: 100%;
}

.mediainfo .mediaembed embed
{
    width: 100%;
    height: 100%;
}

.mediainfo
{
    display: inline-block;
    width: auto;
}

.mediainfo .mediacomponent
{
    display: inline-block;
    width: 190px;
    padding:3px;
    min-height: 202px;
}

.mediainfo .mediashare
{
    margin-bottom: 3px;
}

.mediainfo .mediashare .medialinks img, .mediainfo .mediashare .medialinks input
{
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.mediainfo .mediasharein
{
    overflow: hidden;
    padding: 4px 0px;
}

.mediainfo .autoplayset
{
    margin: 2px auto;
    display: block;
    width: auto;
    text-align: center;
}

.mediainfo .mediasharein .medialinks
{
    margin-bottom: 6px;
}

.mediainfo .mediashare .medialinks input
{
    width: auto;
    height: 25px;
    display: block;
    font-size: 12px;
    padding: 3px 5px;
}

.mediainfo .mediatags .taginput
{
    display:none;
}

.mediainfo .downmedia .downloadlnk, .qrdownpanel .downloadlnk
{
    width: 80px;
    height: 50px;
    vertical-align: middle;
    display: table-cell;
}

.mediainfo .mediasharein .sharediv
{
    padding-left:5px;
    margin:3px 0px;
    font-weight: 600;
}

.mediainfo .downmedia
{
    display: table;
}

.mediainfo .downmedia, .mediainfo .qrcodemedia, .qrdownpanel .qrcodemedia
{
    vertical-align: middle;
    display: inline-block;
    width: 80px;
    overflow: hidden;
    text-align: center;
}

.mediainfo .downcode
{
    text-align: center;
}

.mediainfo .downcode .skwhitebutton
{
    height: auto;
}

.mediainfo .downcode img
{
    width:50px;
}

.mediainfo .downcode .skwhitebutton img
{
    width:30px;
}

.mediainfo .addtokanaler, .editmedia .addtokanaler, .formprofile .addusertokanaler
{
    position: relative;
    display: inline-block;
}

.mediainfo .mediagroupadd, .editmedia .mediagroupadd, .view-menu-items .mediagroupadd, .formprofile .usergroupadd,.menusubpanel
{
    position: absolute;
    max-width: 200px;
    top: -155px;
    left: -2px;
    height: 150px;
    background-color: #fff;
    border: 1px solid #ccc;
    display: none;
    padding: 3px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15), 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
    z-index:9999;
    padding:5px;
    border-radius: 3px;
}

.mediauserhand.menusublist
{
    height: 250px;
}

.mediauserhand.menusublist .sublistitems
{
    height: 210px;
}

.formprofile .usergroupadd
{
    min-width: 230px;
}

.userlistingmain
{
    height: 225px;
}

.menusublist
{
    position: absolute;
    top: 20px;
    left: 0px;
    min-height: 200px;
    width: 230px;
    background-color: #fff;
    display: none;
    padding: 3px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15), 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
    z-index: 999;
    border-radius: 3px;
}

.menusublist .sublistitems
{
    height: 150px;
    text-align:left;
    overflow: auto;
    overflow-x: hidden;
}

.menusublist .sublistul li .font-icon
{
    margin-right: .4em;
}

.menusublist .sublistul li .rightside
{
    color:#737373;
    position:absolute;
    right:3px;
    display: inline-block;
}

.menusublist .sublistul li a
{
    display: inline-block;
    width: 100%;
    height: 100%;
    color:#303030;
    position: relative;
    font-size:12px;
    vertical-align: middle;
}

.menusublist .sublistul li a:hover
{
    text-decoration: none;
}

.menusublist .sublistul li .listicon
{
    vertical-align: middle;
    opacity: 0.7;
}

.menusublist .sublistul .listadded .sublistname:before
{
    content: "✓";
    padding: 0px 2px 0px 0px;
    color: green;
}

.menusublist .sublistul li
{
    position: relative;
    width: auto;
    padding: 2px 0px;
    display: block;
    border: 0px;
    margin-bottom: 0px !important;
    border-bottom: 1px solid #eee;
}

.menusublist .loadinggrey img
{
    width: 10px;
    height: 10px;
    vertical-align: middle;
    padding-left: 3px;
}

.menusublist .hideit
{
    display: none !important;
}

.menusublist .sublistul li:hover
{
    background: #cceaff !important;
    cursor:pointer;
}

.menusublist input
{
    padding: 5px;
    font-size: 14px !important;
}

.menusublist ul
{
    padding: 0px;
    margin: 0px;
    list-style: none;
    text-align: left;
}

.menusublist h2
{
    padding: 0px;
    margin: 0px;
    font-size: 120%;
    line-height: 160%;
    width: 90%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

.menusublist h2:before
{
    content: '►';
    margin: 0 3px;
}

.menusublist .sublistname
{
    width:70%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 0px 2px;
    display: inline-block;
    line-height: 12px;
}

.menusublist .sublistmain
{
    font-weight: 500;
    font-size: 110%;
    display: block;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 3px 5px;
}

.menusublist .errorlist
{
    padding: 30px 10px;
    text-align: center;
    font-size: 120%;
    line-height: 140%;
}

.massaddtokanaler
{
    position: relative;
}

.withallbuttons
{
    display: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    padding-top:2px;
    white-space: normal;
}

.withallbuttons .eachbuttonsp
{
    display: inline-block;
    width: auto;
    margin-bottom:5px;
}

.massaddtokanaler .mediagroupadd .grplisting .sublist
{
    width: 100%;
    padding: 0px;
}

.massaddtokanaler .mediagroupadd .grplistingmain
{
    overflow: auto;
    overflow-x: hidden;
    height: 175px;
    border: 1px solid #ebebeb;
}

.massaddtokanaler .mediagroupadd .grplisting span
{
    padding: 0px 5px;
}

#buttonholder .quicksearchact
{
    width: 100%;
    border: 1px solid #ebebeb;
    padding: 3px;
}

.mediagroupadd .toremovemass:hover
{
    background-color: #f1d6d6 !important;
    color: #76797C !important;
}

.mediagroupadd .toaddmass:hover
{
    background-color: #dcf1d6 !important;
}

.massaddtoplaylist .actionbutton, .massaddtoplaylist .playlisting
{
    margin: 0px;
    list-style: none;
    text-align: left;
}

.massaddtoplaylist .actionbutton li
{
    margin-bottom: 5px;
    font-size: 12px;
    width: auto;
    background: #fff;
    margin-top: 2px;
    padding: 0px;
    height: 20px;
    display:inline-block;
}

.massaddtoplaylist .actionbutton li a
{
    text-align: center;
    display: inline-block;
    width: auto;
}

.mediainfo .addinkanaler, .mediagroups .addtokanaler, .massaddtokanaler .addinkanaler,
.editmedia .addtokanaler, .formprofile .addtokanaler, .formprofile .addinkanaler
{
    cursor: pointer;
}

.grplisting .alreadyadded
{
    background:#dcf3e1 !important;
    position:relative;
}

.grplisting .alreadyadded:after
{
    display:block;
    position:absolute;
    right:5px;
    top:0px;
    content: "\2713 added" !important;
}

.grplisting .invited:after
{
    display:block;
    position:absolute;
    right:5px;
    top:0px;
    content: "Invited";
}

.mediainfo .changingkan, .mediagroups .changingkan, .massaddtokanaler .changingkan,
.editmedia .changingkan, .handoverto.changingkan
{
    opacity: 0.7;
}

.mediainfo .massaddtoplaylist .view-menu-items li
{
    padding: 0px !important;
}

.mediainfo .removefromgroup, .editmedia .removefromgroup 
{
    display: inline-block;
    margin-left: 3px;
    border: 1px solid #ccc;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    position: absolute;
    text-align: center;
    color: red;
    font-size: 16px;
    line-height: 11px;
    cursor: pointer;
    right: 2px;
    width: 10px;
}

.editmedia .removefromgroup
{
    width: 12px;
    line-height: 12px;
}

.alwaysThinglink
{
}

.tlImageContainer .tlMenu
{
    display: none !important;
}

.skviewpanel
{
    position:absolute;
    top:1vw;
    right:1vw;
    opacity: 0;
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}

.skviewdata
{
    position:absolute;
    left:1vw;
    top:1vw;
    opacity: 1;
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    color:#fff;
}

.skviewdata .greytext
{
    color:#2dc9ff;
}

.photoholder:hover .skviewpanel, .viewvideo-content:hover .skviewpanel, .tlVideoContainer:hover .tlVideoMenuItem, .viewvideo-content:hover .tlVideoMenuItem,.photoholder:hover .tlContextMenu
{
    opacity: 1 !important;
    -moz-transition: all .5s linear !important;
    -webkit-transition: all .5s linear !important;
    transition: all .5s linear !important;
}

.vdcenter:hover .tlSidebar
{
    display:block !important;
    -moz-transition: all .5s linear !important;
    -webkit-transition: all .5s linear !important;
    transition: all .5s linear !important;
}

.skviewdata .usertopbar h1
{
    font-size:4vw;
    margin:0 0 0.5vw 0;
    color:#2dc9ff;
}

.skviewdata .usertopbar img
{
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width:10vw;
    height:auto;
}

.skviewdata .displayinlineblock
{
    font-size:2vw;
}

.skviewdata .userphoto
{
    height:8vw;
    width:8vw;
    display:inline-block;
    overflow:hidden;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.skviewdata .skviewinfo
{
    display:inline-block;
    vertical-align:top;
    font-size:2vw;
}

.skviewdata .skviewinfo a
{
    text-decoration:underline;
}

.skviewdata .displayinlineblock a
{
    color:#2dc9ff;
}

.skviewpanel .skpanelopt
{
    display:inline-block;
    height:6vw;
    width:6vw;
    font-size:6vw;
    margin:0 0.2vw;
    vertical-align:top;
    text-align:center;
    color:#ddd;
    cursor:pointer;
}

.skviewpanel .skpanelopt .font-icon
{
    margin:0px !important;
}

.skviewpanel .skpanelopt .skpanelopticon
{
    height:5.5vw;
    padding-top:0.2vw
}

.skviewpanel .loginthingln
{
    opacity: 0.6;
}

.multibutton .mediabutton.unactivespan, .multibutton.handoverprocess .unactivespan
{
    display:none;
}

.multibutton .activespan
{
    display:inline-block;
}

#skembedbox
{
    position:absolute;
    display:none;
    top:35%;
    width:100%;
    font-size:1.5vw;
    text-align:center;
    color:#000;
}

#skembedbox .boxviewembed
{
    margin-left: 0px !important;
}

#skembedbox .boxviewembed input
{
    width:28vw;
    height:4vw;
    vertical-align:top;
    font-size:1.5vw;
    border:0;
}

#skembedbox a
{
    color:#000;
}

#skembedbox .skpanelqrcode
{
    vertical-align:top;
    text-align:center;
    display:inline-block;
}

#skembedbox .skpanelqrcode img
{
    width:10vw;
    margin-bottom:0.5vw;
}

#skembedbox .skwhitebuttonsmallest
{
    height: 1.8vw !important;
    font-size: 1.8vw !important;
    line-height: 1.8vw !important;
    padding: 0.3vw !important;
    font-weight: normal !important;
}

#skembedbox .skpanelqrcode .skwhitebuttonsmallest
{
    display:block !important;
    margin-bottom:0.2vw !important;
}

#skembedbox .skembedblock
{
    width:53vw;
    white-space: nowrap;
    margin:0 auto;
    background:#eee;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .4);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, .4);
    padding:1vw;
    -webkit-border-radius: 1vw;
    -moz-border-radius: 1vw;
    border-radius: 1vw;
}

#skembedbox .skembedblocksidea
{
    vertical-align: top;
    display: inline-block;
    width:33vw;
    margin-right:2vw;
}

#skembedbox .boxviewembed .font-icon
{
    font-size:2.5vw;
    display:inline-block;
    line-height:4vw
}

#skembedbox .boxviewembed .sharetitle
{
    text-align:left;
    font-size:1.5vw;
    line-height:1.5vw;
    margin-bottom:0.5vw;
    font-weight:600;
}

#skembedbox .boxviewembed .boxviewembedin
{
    border:1px solid #ccc;
    background:#fff;
}

.loginthingln div
{
    display: none;
}

.convertprocess
{
    height:100% !important;
    overflow:hidden;
    position:relative;
}

.medianotready
{
    text-align: center;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    overflow:hidden;
    height:100%;
}

.medianotready .reallybigh1
{
    font-size: 5vh !important;
    color: #274a6a;
}

.medianotready img
{
    height: calc(100% - 2em);
    width: 100%;
}

/* Group embed */
.groupembed
{
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
}

.groupembed .mainplayer
{
    height: 80%;
    height: calc(100% - 120px);
    width: 100%;
    text-align: center
}

.groupembed .medialisting
{
    margin: 0px;
    padding: 0px;
    padding-left: 1%;
    list-style-type: none;
    width: 100%;
    height: 120px;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    background: black;
}

.groupembed .medialisting li
{
    display: inline-block;
    margin-right: 1%;
    width: 18%;
    height: 80%;
    vertical-align: top;
}

.groupembed .medialisting .mediatitle
{
    color: #fbfbfb;
    overflow: hidden;
    width: 100%;
}

.groupembed .medialisting .medialist
{
    width: 100%;
    height: 100%;
    border:0px;
}

.groupembed .medialisting .medialist .medialistin
{
    height: auto;
    width: 100% !important;
    margin: 0px;
    border:1px solid #ccc;
}

.groupembed .medialisting .medialistin .thumbmedia
{
    height: auto;
    text-align: center;
    background: black;
    position: relative;
}

.groupembed .medialisting .medialistin .thumbmedia .onthumbmedia
{
    border: 0px !important;
    overflow:hidden;
}

.groupembed .medialisting .medialistin .thumbmedia .mediaimagein
{
    /*width: 100%;*/
    /*max-height:100%;*/
}

.groupembed .medialist:hover
{
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
    border-color: initial;
}

.groupembed .medialist:hover .medialistin
{
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    box-shadow: 2px 2px 10px #6b90c7;
    cursor:pointer;
}

.play_button
{
    background: transparent url('/sk-static/imagefiles/playbuttons.png') no-repeat;
    background-size: 100% 100%;
    width: 50%;
    height: 0;
    padding-bottom: 50%;
}

.playmebutton
{
    position: absolute;
    top: 18%;
    left: 32%;
    z-index: 20;
    width: 70%;
    height: 70%;
    display: none;
}

.multiuploaderinfo
{
    color: #8a8a8a;
    display: table-row;
}

.multiuploaderinfo b, .multiuploaderinfo span
{
    display: table-cell;
    padding-top: 15px;
}

.multiuploaderinfo span
{
    width: auto;
}

.editthumblst
{
    margin: 10px 0px;
}

.editthumblst img
{
    width: 70px;
    margin-left: 10px;
    -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .4);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, .4);
}

.editthumblst .seltimg
{
    -webkit-box-shadow: 0px 0px 2px 4px rgba(141, 172, 224, 1);
    -moz-box-shadow: 0px 0px 2px 4px rgba(141, 172, 224, 1);
    box-shadow: 0px 0px 2px 4px rgba(141, 172, 224, 1);
}

.editbuttonmain, .replybuttonmain, .deletebuttonmain
{
    cursor: pointer;
    padding: 2px;
    height: 20px;
}

.editbuttonmain:hover .editbutton
{
    background-position: -26px 0px;
}

.editbuttonmain .editbutton
{
    opacity: 0.5;
    background: transparent url('/sk-static/imagefiles/editicon.png') no-repeat;
    width: 20px;
    height: 20px;
}

.replybuttonmain:hover .replybutton
{
    background-position: -26px 0px;
}

.replybuttonmain .replybutton
{
    opacity: 0.5;
    background: transparent url('/sk-static/imagefiles/replyicon.png') no-repeat;
    width: 20px;
    height: 17px;
}

.deletebuttonmain:hover .deletebutton
{
    background-position: -26px 0px;
}

.deletebuttonmain .deletebutton
{
    opacity: 0.5;
    background: transparent url('/sk-static/imagefiles/deleteicon.png') no-repeat;
    width: 16px;
    height: 19px;
}

.send_area
{
    text-align: center;
    vertical-align: top;
}

.commentcharleft
{
    text-align: right;
    width: 100%;
    padding-right: 20px;
    margin:3px 0px;
}

.commentspagination
{
    margin-top: 4px;
    position: relative;
    width: 100%;
    height: 25px;
}

.commenttitle
{
    line-height: 20px;
    font-size: 14px;
    color: #2d5b90;
}

.commentspagination .pagebottom
{
    position: absolute;
    right: 0px;
    top: 0px;
}

.commentpublish
{
    padding: 5px;
}

.commentspagination .pagspan, .commentspagination a
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-right: 1px;
    display: inline-block;
    padding: 4px;
}

.commentspagination .pagspan
{
    background-color: #89b2e0;
    color: #fff;
    border: 1px solid #89b2e0;

}

.commentspagination a
{
    background-color: #fff;
    color: #1a6dca;
    border: 1px solid #89b2e0;
}

.commentsmed .commentslisting
{
    list-style: none;
    padding: 0px;
    margin: 0px;
    display: block;
}

.commentsmed .commentslisting li
{
    font-size: 11px;
    text-align: left;
    border: 0px;
    width: 100%;
    margin-bottom: 4px;
}

.commentsmed .commentslisting li:nth-child(odd) .commentype
{
    background: #fff;
}

.commentsmed .commentslisting li:nth-child(even) .commentype
{
    background: #f9f9f9;
}

.commentsmed .commentshowmore
{
    margin-left: 10px;
    width: 100%;
    text-align: center !important;
}

.commentsmed .commentshowmore a
{
    display: inline-block;
    border: 1px solid #c1ccd8;
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    padding: 4px;
    background: #f8f9fa;
    margin-top: -5px;
}

.commentsmain .commententertosend
{
    position: absolute;
    left: 0px;
    font-size: 10px;
    color: #999;
}

.greyedout
{
    opacity: 0.5;
}

#view_comments .commentsmain
{
    margin: auto;
    width: auto;
}


#view_comments .commenttitle
{
    color:#737373;
    padding-left:10px;
}

#view_comments .commenttexarea
{
    width: auto;
}

#view_comments .commenttexarea .comm_area
{
    width: 500px;
    height: 100px;
    min-height: 100px;
}

#view_comments .commentspagination a, #view_comments .commentspagination span
{
    line-height: 12px;
}

.comment_render
{
    cursor: pointer;
}

#filteroptions img
{
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin:0px 4px;
    -webkit-filter: grayscale(100%);
}

.loadinggrey
{
    display: inline-block;
}

.loadinggreyfull
{
    width: 100%;
    height: 100%;
    text-align: center;
    margin-top: 50px;
    opacity: 0.8;
}

.loadingskimg
{
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 50%;
    margin-left: -25px;
}

.medialist .convtimebar
{
    position:absolute;
    width:100%;
    display:block;
    height:12px;
    background:#595f59;
    bottom:0px;
    font-size:10px;
    line-height:10px;
    color:#fff;
}

.medialist .convtimebar .progressline
{
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #6dab44 url("/sk-static/imagefiles/progress.png") 0 0 repeat-x;
    width:0%;
    border-color: #78b337 #6ba031 #568128;
}

.medialist .convtimebar .progresstext
{
    z-index: 2;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    line-height: 12px;
    right: 0;
    display:inline-block;
}

.viewmedia-embed
{
    display: block;
    position:absolute;
    height:auto;
    bottom:0;
    top:0;
    left:0;
    right:0;
    background-color: white;
    -webkit-overflow-scrolling: touch;
    overflow:hidden;
}

.timelength, .hovertime
{
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    background-color: #ffffff;
    padding: 2px 5px;
    color: #666;
    position: absolute;
    font-size: 10px;
    line-height: 12px;
    opacity: 1;
    border-radius: 3px 0px 0px 0px;
    -moz-border-radius: 3px 0px 0px 0px;
    -webkit-border-radius: 3px 0px 0px 0px;
    border: 0px solid #000000;
    font-weight: bold;
    border: 1px solid #eee;
}

.hovertime
{
    right: -13px;
    bottom: 3px;
}

.embedbox
{
    padding-top:10px;
    display:none;
}

.embedbox .qrdownpanel
{
    display:inline-block;
}

.embedbox .downloadbutton .downloadlnk
{
    width: 80px;
    height: 80px;
    margin: auto;
}

.embedbox .qrdownpanel .downloadlnk .skwhitebutton
{
    margin:7px 0px;
}

.embedbox .downloadbutton, .embedbox .qrcodemedia
{
    display:inline-block;
    text-align:center;
    vertical-align: top;
    white-space:normal;
    line-height:16px;
}

.viewmediacontrol
{
    padding: 5px;
    border-bottom: 1px solid #ccc;
    line-height: 32px;
}

.rightactionbutton
{
    position:absolute;
    right:5px;
    top:5px;
}

.unselall .unselalltext
{
    display:inline !important;
}

.unselall .sellalltext,.selectunselectall .unselalltext
{
    display:none;
}

/*.selectunselectall .font-icon
{
    font-size:20px;
    line-height:23px;
}*/

.font-icon
{
    font-family: "skoletube";
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.font-logo
{
    font-family: "site-logo";
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    font-size:1.5em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'skoletube';
  src: url('/sk-static/fonts/skoletube.eot?252345');
  src: url('/sk-static/fonts/skoletube.eot?252345#iefix') format('embedded-opentype'),
       url('/sk-static/fonts/skoletube.woff?252345') format('woff'),
       url('/sk-static/fonts/skoletube.ttf?252345') format('truetype'),
       url('/sk-static/fonts/skoletube.svg?252345#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'site-logo';
    src: url('/sk-static/fonts/skoletube-logo.eot?25234');
    src: url('/sk-static/fonts/skoletube-logo.eot?25234#iefix') format('embedded-opentype'),
         url('/sk-static/fonts/skoletube-logo.woff?25234') format('woff'),
         url('/sk-static/fonts/skoletube-logo.ttf?25234') format('truetype'),
         url('/sk-static/fonts/skoletube-logo.svg?25234#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'jw-icons';
    src: url('/sk-static/fonts/jwplayer.eot');
    src: url('/sk-static/fonts/jwplayer.eot') format('embedded-opentype'),
         url('/sk-static/fonts/jwplayer.woff') format('woff'),
         url('/sk-static/fonts/jwplayer.ttf') format('truetype'),
         url('/sk-static/fonts/jwplayer.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.uploadmulti
{
    background:#fff;
    position:relative;
}

.uploadmulti .skdroptitle .font-icon
{
    font-size: 4em;
    margin: auto;
}

.uploadmulti .skdroptitle .roundcorners
{
    padding:10px;
}

.uploadmulti .skdroptitle
{
    font-size:2em;
}

.uploadmulti .previewtitle
{
    width: 130px;
}

.skuploadbutton
{
    position:absolute;
    bottom:10px;
    width:100%;
    font-size: 15px;
    text-align:center;
}

.skuploadingtext
{
    position: absolute;
    bottom: 120px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #03458f;
    display:none;
}

.uploadmulti .bluebirdupgroups
{
    margin:5px;
}

.uploadmulti .skupfile
{
    padding-bottom:130px;
}

.uploadmulti .skupfile .dz-preview
{
    margin: 10px;
}

.skuploadbutton .chosen-container-multi .chosen-choices
{
    overflow:auto !important;
    max-height:70px;
}

.mediagreen
{
    background: #c6ecc4 !important;
}

.skbluemultibar
{
    position: fixed;
    bottom: 0px;
    background-color: #fff;
    color: #575757;
    height: 50px;
    line-height: 45px;
    font-size: 14px;
    width: 100%;
    z-index: 21;
    text-align: center;
    -webkit-box-shadow: -1px 5px 14px 3px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: -1px 5px 14px 3px rgba(0, 0, 0, 0.45);
    box-shadow: -1px 5px 14px 3px rgba(0, 0, 0, 0.45);
    border-top: 1px solid #ccc;
    white-space: nowrap;
    left:0px;
}

.skbluemultibar .itemnum
{
    font-weight: 500;
}

.skbluemultibar .skbluebutton:first-of-type
{
    margin: 0 0.5em .5rem;
}

.deattachableline
{
    height: 69px;
}

.deattachableline .lineoptions
{
    position: fixed;
    top: 0px;
    z-index: 999;
    font-size: 0px;
    width: 100%;
    width: calc(100% - 2px);
    left: 0px;
    background: #fff;
}

.deattachableline .pagetitle
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display:block;
}

.skbluemultibarhold
{
    height:55px;
    display:none;
}

.skbluemultibar a
{
    color:#fafafa;
    font-weight:400;
}

.skbluemultibar .multicomp
{
    display:none;
    line-height:45px;
}

.tlVideoMenuItem,.tlContextMenu
{
    left:auto !important;
    top:1vw !important;
    right:9vw !important;
    display:inline-block;
    height:auto !important;
    width:auto !important;
    margin:0 0.2vw;
    vertical-align:top;
    text-align:center;
    padding:0 !important;
    min-width:0 !important;
    background:none !important;
    -moz-transition: all .5s linear !important;
    -webkit-transition: all .5s linear !important;
    transition: all .5s linear !important;
    margin-right:1.2vw !important;
}

.tlVideoMenuItem .tlVideoMenuIcon, div.tlImageContainer div.tlSidebar .tlMenuItem .tlMenuIcon
{
    width:4vw !important;
    height:4vw !important;
    background:none !important;
    color:#ddd !important;
}

.vdcenter div.tlImageContainer div.tlSidebar .tlMenuItem
{
    background-color: transparent !important;
    padding:0px !important;
    margin:0px !important;
}

.vdcenter div.tlImageContainer.tlSmallNavi div.tlSidebar .tlMenuItem
{
    padding:0px !important;
    margin:0px !important;
}
#viewvideo .skviewpanel .skpanelopt
{
    width:55px !important;
    font-size:60px !important;
    height: auto !important;
}

#viewvideo .skviewpanel
{
    top:1em !important;
    right:1em !important;
}

.tlVideoMenuItem:hover
{
    background:none !important;
}

.tlVideoMenuItem .tlVideoMenuIcon:after, .tlMenuItemEdit .tlMenuEdit:after
{
    content:'\E815';
    font-size:6vw;
    font-family: "skoletube";
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-decoration: inherit;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.tlMenuItemEdit .tlMenuEdit:after
{
    margin:0px;
    font-size:6vw;
}

.fitiframe div.tlImageContainer div.tlSidebar .tlMenuItem .tlMenuIcon
{
    width:10vw !important;
    height:10vw !important;
    background:none !important;
    color:#ddd !important;
}

.photoholder div.tlImageContainer div.tlSidebar .tlMenuItem .tlMenuIcon
{
    width:5em !important;
    height:5em !important;
    background:none !important;
    color:#ddd !important;
}

#viewvideo .tlMenuItemEdit .tlMenuEdit:after
{
    font-size:5em;
}

.vdcenter
{
    position:relative;
}

.vdcenter div.tlImageContainer div.tlSidebar .tlMenuItemTouch, .vdcenter div.tlImageContainer div.tlSidebar .tlMenuItemShare
{
    display:none !important;
}

.tlVideoMenuItem .tlVideoMenuLabel, .tlMenuItemEdit .tlMenuLabelEdit
{
    display:none !important;
    visibility: hidden;
}

:-webkit-full-screen
{
    background-color: black !important;
}

.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}

@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes spin-fullmiddle {
  0% {
    -moz-transform: translate(-50%,-50%) rotate(0deg);
    -o-transform: translate(-50%,-50%) rotate(0deg);
    -webkit-transform: translate(-50%,-50%) rotate(0deg);
    transform: translate(-50%,-50%) rotate(0deg);
  }

  100% {
    -moz-transform: translate(-50%,-50%) rotate(359deg);
    -o-transform: translate(-50%,-50%) rotate(359deg);
    -webkit-transform: translate(-50%,-50%) rotate(359deg);
    transform: translate(-50%,-50%) rotate(359deg);
  }
}

@keyframes spin-middle {
  0% {
    -moz-transform: translate(0,-50%) rotate(0deg);
    -o-transform: translate(0,-50%) rotate(0deg);
    -webkit-transform: translate(0,-50%) rotate(0deg);
    transform: translate(0,-50%) rotate(0deg);
  }

  100% {
    -moz-transform: translate(0,-50%) rotate(359deg);
    -o-transform: translate(0,-50%) rotate(359deg);
    -webkit-transform: translate(0,-50%) rotate(359deg);
    transform: translate(0,-50%) rotate(359deg);
  }
}

@keyframes halfspin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(60deg);
    -o-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
  }
}

@keyframes pop {
    0% {
        opacity: 0;
        transform: scale(0.5)
    }

    80% {
        opacity: 1
    }

    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes moveBack{
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}

@-moz-keyframes moveBack{
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}

@keyframe fullScale
{
    from
    {
        transform:scale(0);
    }
    to
    {
        transform:scale(1);
    }
}

@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.animate__animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animate__bounceIn {
  -webkit-animation-duration: calc(1s * 0.75);
  animation-duration: calc(1s * 0.75);
  -webkit-animation-duration: calc(var(--animate-duration) * 0.75);
  animation-duration: calc(var(--animate-duration) * 0.75);
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

.gelatine
{
    animation: gelatine 0.5s;
}

@keyframes gelatine
{
    from, to { transform: scale(1, 1); }
    25% { transform: scale(0.9, 1.1); }
    50% { transform: scale(1.1, 0.9); }
    75% { transform: scale(0.95, 1.05); }
}

:root {
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1;
}

.tableformat
{
    padding:0px;
    margin:0px;
}

.tableformat th
{
    color:#737373;
    padding:4px;
}

.tableformat tr td
{
    background:#fefefe;
}

.tableformat tr:nth-child(odd) td
{
    background:#f9f9f9;
}

.tableformat td
{
    padding:4px;
}

.tableformat td.small
{
    width: 20px;
}

.tableformat td.big
{
    width: 540px;
}

.tagedit-list {
margin: 0; 
padding: 3px 3px 0 3px; 
border: 1px solid #c6c6c6; 
width: 400px; 
overflow: auto; 
font-size: 11px; 
min-height: 25px; 
background:#fff;
}
.tagedit-list li.tagedit-listelement {
list-style-type: none; 
float: left; 
margin: 0 5px 3px 0; 
padding: 0; 
}
/* New Item input */
.tagedit-list li.tagedit-listelement-new input {
font-size:14px; 
border: 0; 
height: 100%; 
padding: 3px 5px; 
width: 15px; 
background: #fff;
}
.tagedit-list li.tagedit-listelement-new input:focus {
outline: none;
}
.tagedit-list li.tagedit-listelement-new input.tagedit-input-disabled {
display: none;
}
/* Item that is put to the List */
.tagedit-list li.tagedit-listelement-old {
border: 1px solid #CAD8F3; 
padding: 2px 0 2px 2px; 
-moz-border-radius: 4px; 
-webkit-border-radius: 4px; 
border-radius: 4px;
}
.tagedit-list li.tagedit-listelement-old:hover {
background-color: #D6E4FF;
}
.tagedit-list li.tagedit-listelement-old a.tagedit-close,
.tagedit-list li.tagedit-listelement-old a.tagedit-break,
.tagedit-list li.tagedit-listelement-old a.tagedit-delete,
.tagedit-list li.tagedit-listelement-old a.tagedit-save {
font-weight: bold; 
display: inline-block; 
width: 15px; 
height: 100%; 
cursor: pointer; 
margin: 0 2px 0 5px;
}
.tagedit-list li.tagedit-listelement-old a.tagedit-save {
margin-right: 0;
}
.tagedit-list li.tagedit-listelement-old a.tagedit-close:before,
.tagedit-list li.tagedit-listelement-old a.tagedit-break:before,
.tagedit-list li.tagedit-listelement-old a.tagedit-delete:before,
.tagedit-list li.tagedit-listelement-old a.tagedit-save:before
{
    content:'\E81c';
    color:#000;
    font-family: "skoletube";
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.tagedit-list li.tagedit-listelement-old a.tagedit-break {
margin-right: 0;
}
.tagedit-list li.tagedit-listelement-old a.tagedit-delete {
margin: 0 5px 0 2px;
}

/* Items that are edited */
.tagedit-list li.tagedit-listelement-edit input.tagedit-edit-input {
border: 0; 
background: transparent; 
font-size: 11px; 
color: #666; 
padding: 0;
}
.tagedit-list li.tagedit-listelement-edit input:focus {
outline: none;
}
.tagedit-list li.tagedit-listelement-edit a.tagedit-break {
border: 0; 
margin-left: 0;
}
.tagedit-list li.tagedit-listelement-edit a.tagedit-close,
.tagedit-list li.tagedit-listelement-edit span {
display: none;
}
/* Item is marked as deleted */
.tagedit-list li.tagedit-listelement-deleted,
.tagedit-list li.tagedit-listelement-deleted:hover {
padding-right: 5px; 
background-color: #FFD6D6; 
border-color: #FFB7B7; 
border-style: dashed; 
}
.tagedit-list li.tagedit-listelement-deleted span {
text-decoration: line-through;
}
.tagedit-list li.tagedit-listelement-deleted a.tagedit-close {
margin-right: 0;
}

.autocomplete-suggestions
{
    background:#fff;
    position:absolute;
    top:0px;
    left:0px;
    margin-top:3px;
    border: 1px solid;
    border-color: #E5E5E5 #DBDBDB #D2D2D2;
    font-size:16px;
    -webkit-box-shadow: rgba(0, 0, 0, .15) 0 1px 3px;
    -moz-box-shadow: rgba(0, 0, 0, .15) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, .15) 0 1px 3px;
    box-shadow: rgba(0, 0, 0, .15) 0 1px 6px url(0/IE9);
    line-height:16px;
}

.autocomplete-selected
{ 
    background:#79c56a;
    color:#fff;
}

.autocomplete-suggestion
{ 
    padding:2px 5px; 
    white-space:nowrap; 
    overflow:hidden;
}

.autocomplete-suggestion strong
{ 
    font-weight:normal; 
    color:#00a11e; 
}

.autocomplete-selected strong
{ 
    color:#187a04; 
}

.autocomplete-suggestion .image img
{
    width: 20px;
    height: 20px;
}

.playlistuserpanel
{
    background:#fff;
}

.playlistsortlist
{
    display:inline-block;
    vertical-align:top;
    padding:10px;
}

.playlistsortlist h2
{
    font-size:20px;
    font-weight:600;
    color:#737373;
    margin:3px 0px;
}

.playlistsortlist h3
{
    color:#787878;
    margin:3px 0px 0px 0px;
}

.playlistshare
{
    display:inline-block;
    vertical-align:top;
    color:#737373;
    padding: 10px;
}

.playlistshare h2
{
    font-size:14px;
    margin: 0px;
}

#playlistx
{
    border-bottom:1px solid #ccc;
    position: relative;
}

#playlistx .nofoundmedia
{
    font-size: 20px;
    line-height: 20px;
    text-align:center;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}

#playlistx .nofoundmedia .font-icon
{
    margin:0px;
    font-size:100px;
}

.deleteplaylist
{
    display:inline-block;
    position:absolute;
    right:4px;
    top:3px;
}

#playlistx
{
    white-space: nowrap;
    font-size: 0px;
}

#playlistx #placeholder
{
    display:inline-block;
}

.playlistright
{
    width: 20%;
    display: inline-block;
    margin: 0px;
    height: 100%;
    font-size: 14px;
    vertical-align: top;
    overflow:auto;
    background:#000;
}

.playlistright .sk_playlist_item
{
    color:#fff;
    width:100%;
    height:25%;
    position:relative;
    cursor:pointer;
}

.playlistright .sk_playlist_image
{
    position:absolute;
    top:1%;
    left:1%;
    z-index:0;
}

.playlistright .sk_playlist_image img
{
    width: 99%;
    max-height: 99%;
}

.playlistright .sk_playlist_title
{
    z-index:999;
    width:70%;
    position:absolute;
    white-space:normal;
    top:5%;
    left:0%;
    padding-left:4%;
    background:#000;
    opacity:0.6;
    font-size: 90%;
}

.playlistright .sk_playlist_description
{
    display:none;
}

.playlistright .sk_playlist_duration
{
    position:absolute;
    padding-right:5%;
    right:0%;
    bottom:5%;
    z-index:999;
    background:#000;
    opacity:0.6;
    font-size:12px;
    padding-left:2%;
    font-size: 80%;
}

.sk_screencast
{
    margin: auto;
    display: block;
    width: 300px;
    text-align: center;
    padding:20px;
}

.sk_screencast_logo
{
    padding-top:20px;
}

.sk_screencast_inst
{
    text-align:center;
    padding-bottom:30px;
}

.sk_screencast_inst h2
{
    font-size:24px;
}

.sk_screencast_inst .sk_screencast_steps
{
    width:30%;
    margin-top:10px;
    display:inline-block;
}

.sk_screencast_inst .sk_screencast_steps img
{
    max-width:250px;
}

.debug {
font:16px Arial; 
background-color:#FFFFFF; 
border:1px solid #898989; 
width:700px; 
height:100px; 
overflow:auto;
}
.alert {
font-weight:bold;
position:relative;
top:0px;
left:0px;
float:left;
width:370px;
text-align:center;
}
.data {
background-color:#b3b3b3; 
border:1px solid #898989; 
width:370px;
}
.data tr td {
background-color:#dddddd; 
font:13px Arial; 
width:35%;
}

div.jw-slider-container.jw-reset
{
    top: 4px !important;
}

/*Checkbox*/
.ios-toggle-space
{
    width: 30px;
    margin: 0px auto;
    display: block !important;
}

.ios-toggle,.ios-toggle:active
{
    position:absolute;
    top:-5000px;
    height:0;
    width:0;
    opacity:0;
    border:none;
    outline:none;
}

.checkbox-label
{
    display:block;
    position:relative;
    padding:10px;
    font-size:12px;
    line-height:7px;
    width:30px !important;
    height:26px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    border-radius:18px;
    background:#f8f8f8;
    cursor:pointer;
}

.checkbox-label:before
{
    content:'';
    display:block;
    position:absolute;
    z-index:1;
    line-height:34px;
    text-indent:40px;
    height:26px;
    width:26px;
    /*border-radius*/
    -webkit-border-radius:100%;
    -moz-border-radius:100%;
    border-radius:100%;
    top:0px;
    left:0px;
    right:auto;
    background:white;
    /*box-shadow*/
    -webkit-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
    -moz-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
    box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
}

.checkbox-label:after
{
    content:attr(data-off);
    display:block;
    position:absolute;
    z-index:0;
    top:0;
    left:-315px;
    padding:10px;
    height:100%;
    width:300px;
    text-align:right;
    color:#434343;
    white-space:nowrap;
}

.ios-toggle:checked + .checkbox-label
{
    /*box-shadow*/
    -webkit-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
    -moz-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
    box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
}

.ios-toggle:checked + .checkbox-label:before
{
    left:calc(100% - 26px);
    /*box-shadow*/
    -webkit-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
    -moz-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
     box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
}

.ios-toggle:checked + .checkbox-label:after
{
    content:attr(data-on);
    left:50px;
    width:36px;
    text-align:left;
}

.ios-toggle,.ios-toggle:before,.ios-toggle:after,.checkbox-label,.checkbox-label:before,.checkbox-label:after
{
    -webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
    -o-transition:.25s ease-in-out;
    transition:.25s ease-in-out;
    outline:none;
}

.ios-toggle:after
{
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .2), 0 0 0 2px #dddddd;
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, .2), 0 0 0 2px #dddddd;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .2), 0 0 0 2px #dddddd;
}

.ios-toggle + .checkbox-label
{
    -webkit-box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
    -moz-box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
    box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
}

.ios-toggle:checked + .checkbox-label
{
    -webkit-box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
    -moz-box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
    box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
}

.redcheckbox.ios-toggle:checked + .checkbox-label
{
    -webkit-box-shadow:inset 0 0 0 18px rgba(191,19,17,1),0 0 0 2px rgba(191,19,17,1);
    -moz-box-shadow:inset 0 0 0 18px rgba(191,19,17,1),0 0 0 2px rgba(191,19,17,1);
    box-shadow:inset 0 0 0 18px rgba(191,19,17,1),0 0 0 2px rgba(191,19,17,1);
}

.ios-toggle:checked + .checkbox-label:after
{
    color:rgba(19,191,17,1);
}

.redcheckbox.ios-toggle:checked + .checkbox-label:after
{
    color:rgba(191,19,17,1);
}

.qtippreviewmain
{
    text-align:center;
}

.font-icon-family
{
    font-family: "skoletube";
    font-style: normal;
}

#searchmain .searchbox
{
    display:none;
}

#searchmain .searchbox input
{
    border:0px;
    outline:none;
    width:100px;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
}

#searchmain .searchbox input:focus
{
    outline:none;
}

.headcontainer
{
    top: 0px;
    z-index: 9;
    width: 100%;
    margin: auto;
    background: #fff;
    position: relative;
    box-shadow: 0 1px 10px -4px rgba(0,0,0,0.18);
}

.loginbar
{
    background:#fff;
}

.headerfit
{
    position:static !important;
}

.searchresults
{
    background-color: #d2d7df;
    color: #515151;
    z-index: 999;
    border-left: 1px solid #d2d7df;
    border-right: 1px solid #d2d7df;
}

.searchresults h2
{
    margin: 0px;
    padding: 5px;
    text-align: center;
    background: #eff2f7;
    border-bottom: 1px solid #d2d7df;
}

.searchresults h2 a
{
    display:block;
    color: var(--linkcolor);
    font-size:16px;
}


.searchresults .quicklist:hover
{
    background: #e6ecf0;
}

.searchresults .quicklist a:hover
{
    text-decoration:none;
}

.searchresults h1
{
    background: #fff;
    margin: 0px 0px 1px 0px;
    padding:0px;
}

.searchresults .respage h1 a
{
    display: block;
    font-size: 12px;
    line-height: 12px;
    color: #112435;
    text-decoration: none;
    margin: 0px;
    padding: 10px;
    position:relative;
}

.searchresults .respage h1 a .totcount
{
    font-size: 12px;
    background: #3974ab;
    color: #fff;
    padding: 4px;
    vertical-align: middle;
    position: absolute;
    margin-left:8px;
    top: 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.searchresults .respage h1 a:hover
{
    text-decoration: none;
    background: #ebf0f4;
}

.searchresults .quicklist
{
    padding: 3px 3px 3px 5px;
    margin: 1px 0px;
    background: #fff;
}

.searchresults .quicklist .qlimagein
{
    width:30px;
    vertical-align: middle;
}

.searchresults .quicklist .qlthumbholder
{
    padding:2px;
    background:#fff;
    border:1px solid #ccc;
    display:inline-block;
}

.searchresults .quicklist .qlmixtext
{
    display:inline-block;
    color:#515151;
    vertical-align:top;
    margin-left:3px;
}

.searchresults .quicklist .qltitle, .searchresults .quicklist .qlmore
{
    display:block;
}

.searchresults .quicklist .qltitle
{
    color:#0a5d88;
    font-size:14px;
}

.searchresults .quicklist .qlmore
{
    color:#777;
    font-size:12px;
}

.searchresults .quicklist a
{
    display:block;
}

#searchresult .totals
{
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 100%;
    font-size: 0px;
    background: #ccc;
    border-top:1px solid #ccc;
}

#searchresult .totals li
{
    display: inline-block;
    text-align: center;
    width: 25%;
    font-size: 16px;
    line-height: 18px;
    vertical-align: middle;
}

#searchresult .respage h1
{
    padding: 5px;
    background: #112435;
    color: #fff;
    position:relative;
}

#searchresult h1 .totcount
{
    font-size: 12px;
    background: #fff;
    color: #10304d;
    padding: 2px;
    line-height: 20px;
    vertical-align: middle;
    position: absolute;
    top: 6px;
    margin-left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.searchline .search-input
{
    width: 70%;
    width: calc(100% - 115px);
    max-width: 400px;
    display: inline-block;
    height: 40px;
    padding: 0px 5px;
    background: #fff;
    vertical-align: top;
    margin: 5px 0px;
    border: 1px solid #e6e6e6;
}

.searchline .search-input .uinput
{
    font-size: 20px;
    border: 0px;
    height: 40px;
    width: 60%;
    width: calc(100% - 160px);
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
}

.searchline .search-input .font-icon
{
    font-size: 20px;
    margin:0px;
}

.searchline .search-input .typesearch
{
    width: 110px;
    height: 40px;
    overflow: hidden;
    background: #fff;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance:none;
    border: 0;
    color: #333;
    border-radius: 0;
    line-height: 1;
    font-size: 20px;
    vertical-align: top;
    position: relative;
    padding-left: 5px;
}

.searchline .search-input .typesearchcontainer
{
    display: inline-block;
    position: relative;
    vertical-align: top;
    border-left: 1px solid #e6e6e6;
    padding: 0px 0px 0px 5px;
    color: #333;
}

.searchline .search-input .typesearchcontainer:before
{
    content: "\E819";
    font-size: 20px;
    height: 40px;
    line-height: 40px;
    font-family: "skoletube";
    font-style: normal;
    font-weight: normal;
}

.searchline .search-input:focus, .searchline .search-input input:focus, .searchline .search-input select:focus
{
    outline: none;
}

.searchline .skbutton
{
    margin:5px;
    display:inline-block;
}

#searchresult
{
    border-bottom:0px;
}

#searchresult .totals li a
{
    background: #eee;
    color: #000;
    display: block;
    padding: 5px 20px 5px 23px;
    position: relative;
    text-align: left;
    margin: 0px 1px 0px 0px;
    text-decoration: none;
    -webkit-transition: color 0.1s;
}

#searchresult .totals li .totcount
{
    font-size: 12px;
    background: #3974ab;
    color: #fff;
    padding: 2px;
    vertical-align: middle;
    position: absolute;
    margin-left:5px;
    top: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    min-width: 12px;
    text-align: center;
}

#searchresult .totals li a:before
{
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.4);
    content: '';
    height: 8px;
    left: 10px;
    position: absolute;
    width: 8px;
    top: 10px;
}

#searchresult .totals li a.searchtypesel:before
{
    background: #0674d9;
}

#searchresult .totals li a:hover
{
    background-color:#d0dce6;
}

#searchresult h2
{
    width: auto;
    text-align: center;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
}

#searchresult h2 a
{
    color:#01324d;
    display:block;
    background:#eef0f2;
    padding: 10px;
}

#searchresult h2 a:hover
{
    text-decoration: none;
    background:#dedede;
}

.navscrolled
{
/*    -webkit-box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 4px -2px rgba(0,0,0,0.75);*/
}

.searchbox
{
    background: #fff;
    padding: 10px;
    -webkit-box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.35);
    box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.35);
    border-bottom: 1px solid #a0b0bf;
}

.searchbox input
{
    font-size: 22px;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    display:inline-block;
    border: 0px;
    width: 90%;
}

.searchbox input:focus
{
    outline:none;
}

.searchbox .searchholder
{
    background: #fff;
    width: auto;
    font-size:0px;
    border: 1px solid #b6c5d3;
    padding:5px;
}

.searchbox .searchholder .font-icon
{
    font-size: 22px;
    display:inline-block;
}

.searchline .search-input input[type="search"]::-webkit-search-decoration,
.searchline .search-input input[type="search"]::-webkit-search-cancel-button,
.searchline .search-input input[type="search"]::-webkit-search-results-button,
.searchline .search-input input[type="search"]::-webkit-search-results-decoration
.searchbox input[type="search"]::-webkit-search-decoration,
.searchbox input[type="search"]::-webkit-search-cancel-button,
.searchbox input[type="search"]::-webkit-search-results-button,
.searchbox input[type="search"]::-webkit-search-results-decoration
{
    -webkit-appearance:none;
}

.searchcontainer
{
    width:959px;
    margin:auto;
    visibility:hidden;
    opacity:0;
    -webkit-transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: opacity .2s ease-in-out, transform .2s ease-in-out;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    position: absolute;
    z-index: 0;
}

.searchcontainer.searchvisible
{
    visibility:visible;
    opacity:1;
    -webkit-transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: opacity .2s ease-in-out, transform .2s ease-in-out;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    z-index:1;
}

.searchresults .nosearchres h1
{
    padding:10px;
    font-size:16px;
    border-bottom: 1px solid #ccc;
}

#searchresult .media_info
{
    color: #737373 !important;
}

.profileholder
{
    display:table;
    min-height:180px;
    width:100%;
}

.profilearound
{
    display:table-cell;
    padding:10px;
    height:100%;
    position:relative;
}

.mediainfoholder
{
    margin-right: 2px;
}

.mediainfoholder .mediadescription, .mediainfoholder .mediatags, .mediainfoholder .singleaddtokanaler, .mediainfoholder .mediadist, .mediainfoholder .mediainst
{
    margin-bottom: 3px;
    padding: 3px;
}

.mediainfoholder .addtokanaler
{
    margin-top:8px;
}

.mediainfo .mediatags .tagset ul, .mediainfoholder .mediadist ul, .mediainfoholder .mediainst ul
{
    margin:0px;
}

.formstyle .usergroupadd form, .formstyle .mediagroupadd form    
{
    margin:0px;
}

.menu-notifications .menu-acceptdecline
{
    text-align: right;
    margin: 3px 10px;
}

.menu-notifications .menu-notiaccept, .menu-notifications .menu-notireject, .menu-notifications .menu-notiignore
{
    position:relative;
    padding-left: 18px;
}

.menu-notifications .menu-notiaccept:before,.menu-notifications .menu-notireject:before, .menu-notifications .menu-notiignore:before
{
    position:absolute;
    left:3px;
    top:4px;
    font-family: "skoletube";
    content: "\f006";
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: color;
    transition-property: color;
}

.menu-notifications .menu-notiaccept:after,.menu-notifications .menu-notireject:after, .menu-notifications .menu-notiignore:after
{
    position:absolute;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #2098d1;
    height: 1px;
    content: "";
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.menu-notifications .menu-notiaccept:hover:after, .menu-notifications .menu-notireject:hover:after, .menu-notifications .menu-notiignore:hover:after
{
    right: 0;
}

.menu-notifications .menu-notiaccept:before
{
    content:"\e80a";
}

.menu-notifications .menu-notireject:before
{
    content:"\e81c";
}
    
.menu-notifications .menu-notiignore:before
{
    content:"\e827";
}

.bt_adlogo
{
    text-align: center;
    line-height: 0px;
}

.bt_adlogo img
{
    max-width:100%;
}

.redbutton.skwhitebutton:hover:before
{
    color:#AA231D;
}

.greenbutton.skwhitebutton:hover:before
{
    color:#009900;
}

.skbuttonloading:before
{
    animation: spin 2s infinite linear;
    display: inline-block;
    content: "\E826" !important;
    font-family: 'skoletube';
    margin-right:3px;
}

.onlytext
{
    background:#fff;
    color:#000;
    font-size:1.2em;
    text-align:justify;
    padding:10px;
}

.onlytext div, .onlytext img, .onlytext iframe
{
    max-width:100% !important;
}

.pageformat .onlytext p span
{
    padding:0px;
}

.errorclean
{
    display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

.errorclean .errorinner
{
    display: table-cell;
    vertical-align: middle;
    margin:auto;
}

.errorclean .errorinner .errorbox
{
    display:block;
    margin:auto;
    width:300px;
    border: 1px solid #ccc;
    font-size:18px;
    line-height: 25px;
    color:#000;
    padding:10px;
    background:#fff;
}

#listingplacehold .noborderlist .medialistin .thumbmedia .mediaimagein, .previewlst .medialist .thumbmedia .mediaimagein
{
    max-width: 177px;
}

.previewlst .medialist
{
    border:0px;
}

/*Croppie*/
.croppie-container
{
    padding-bottom: 50px;
    position: relative;
}

.croppie-container .cr-image {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	transform-origin: 0 0;
    max-width: none;
}

.croppie-container .cr-boundary {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	z-index: 1;
}

.croppie-container .cr-viewport {
	position: absolute;
	border: 2px solid #fff;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	box-shadow:0 0 0 899px rgba(0, 0, 0, 0.5);
	z-index: 0;
}
.croppie-container .cr-vp-circle {
	border-radius: 50%;
}
.croppie-container .cr-overlay {
	z-index: 1;
	position: absolute;
	cursor: move;
}
.croppie-container .cr-slider-wrap
{
    width: 65%;
    position: absolute;
    bottom: 10px;
    right: 10px;
    text-align: right;
    height: 40px;
}
.croppie-result {
	position: relative; 
	overflow: hidden;
}
.croppie-result img {
	position: absolute;
}

.cr-slider
{
    -webkit-appearance: none;
    width: 300px;
    max-width: 100%;
    height: 100%;
}

.cr-slider::-webkit-slider-runnable-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}
.cr-slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}
.cr-slider:focus {
    outline: none;
}
/*
.cr-slider:focus::-webkit-slider-runnable-track {
    background: #ccc;
}
*/

.cr-slider::-moz-range-track {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, 0.5);
    border: 0;
    border-radius: 3px;
}
.cr-slider::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
    margin-top: -6px;
}

/*hide the outline behind the border*/
.cr-slider:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

.cr-slider::-ms-track {
    width: 300px;
    height: 5px;
    background: transparent;/*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    border-color: transparent;/*leave room for the larger thumb to overflow with a transparent border */
    border-width: 6px 0;
    color: transparent;/*remove default tick marks*/
}
.cr-slider::-ms-fill-lower {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
}
.cr-slider::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: #ddd;
}
.cr-slider:focus::-ms-fill-lower {
    background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
    background: rgba(0, 0, 0, 0.5);
}

.cr-rotate-controls
{
    position: absolute;
    bottom: 10px;
    left: 10px;
    height: 40px;
}

.cr-rotate-controls button
{
    border: 0;
    background: none;
}

.cr-rotate-controls i:before
{
    display: inline-block;
    font-style: normal;
    font-weight: 900;
    font-size: 22px;
}

.cr-rotate-l i:before
{
    content: '↺';
}

.cr-rotate-r i:before
{
    content: '↻';
}

.cr-boundaryhold
{
    position:absolute;
    height: 90%;
    height: calc(100% - 60px);
    width:100%;
    left:0px;
    top:0px;
}

.cr-boundary
{
    width:100%;
    height:100%;
}

.pictureholder
{
    padding: 2px;
    background: #fff;
    margin:auto;
    width:250px;
}

.pictureholder .upholder
{
    width:100%;
    height:100%;
    display:table-cell;
    position:relative;
}

.pictureholder .upholder:before
{
    position: absolute;
    font-family: "skoletube";
    content: "\E80B";
    font-size: 50px;
    color: #000;
    bottom: 50%;
    text-align: center;
    width:100%;
    height:50px;
    line-height: 50px;
}

.pictureholder.ready .upholder, .pictureholder.ready .upholder:after
{
    display:none;
}

.pictureholder .upholder:after
{
    position: absolute;
    bottom: 40%;
    bottom: calc(50% - 30px);
    text-align: center;
    display: block;
    content: "Drag and drop an image to edit it";
    font-size:18px;
    width: 100%;
}

.pictureholder .upholder.hover { 
border: 10px dashed #0c0; 
}
.pictureholder .upholder img { 
display: block; 
margin: 10px auto; 
}
.pictureholder .upholder p { 
margin: 10px; 
font-size: 14px; 
}
.pictureholder .holder
{
    display:none;
}

.pictureholder.ready .holder
{
    display:table-cell;
}

.pictureholder .original
{
    display: table-cell;
    position: relative;
    overflow:hidden;
    line-height: 0px;
}

.pictureholder.found .upholder
{
    display:none;
}

.pictureholder.found.ready .original
{
    display:none;
}

.pictureholder .original .controlup
{
    position: absolute;
    bottom: -50px;
    left: 0px;
    width: 100%;
    background: #000;
    opacity: 0.8;
    min-height: 50px;
    line-height: 50px;
    text-align: center;
    /* padding: 5px; */
    font-size: 18px;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out 0.5s;
   -moz-transition: all 0.3s ease-in-out 0.5s;
   -o-transition: all 0.3s ease-in-out 0.5s;
   -ms-transition: all 0.3s ease-in-out 0.5s;
   transition: all 0.3s ease-in-out 0.5s;
   cursor:pointer;
}

.pictureholder .original .controlup:before
{
    content: "\E82F";
    font-family: "skoletube";
    display:inline-block;
    margin-right:3px;
}

.pictureholder .original:hover .controlup
{
    transition: 1s;
    bottom: 0;
}

.profiledelete
{
    padding: 10px 0px;
}

/*End croppie*/

.myprofileoptions
{
    border-bottom:1px solid #ccc;
    text-align:center;
    padding:10px;
}

.bigwhitebutton
{
    padding:10px 15px;
    text-align:left;
    border:1px solid #ddd;
    background-color: #f9f9f9 !important;
    background: -webkit-linear-gradient(top, rgba(251, 251, 251, 1) 50%, rgba(245, 245, 245, 1) 100%);
    background: -moz-linear-gradient(top, rgba(251, 251, 251, 1) 50%, rgba(245, 245, 245, 1) 100%);
    background: -o-linear-gradient(top, rgba(251, 251, 251, 1) 50%, rgba(245, 245, 245, 1) 100%);
    background: -ms-linear-gradient(top, rgba(251, 251, 251, 1) 50%, rgba(245, 245, 245, 1) 100%);
    background: linear-gradient(top, rgba(251, 251, 251, 1) 50%, rgba(245, 245, 245, 1) 100%);
    display:inline-block;
    font-size:16px;
    line-height: 20px;
    cursor:pointer;
}

.bigwhitebutton:hover
{
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
    background: -moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background: -o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background: -ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
    background-color: #f6f6f6;
}

.buttwotext .font-icon
{
    font-size:17px;
}

.buttwtext .font-icon
{
    font-size:14px;
}

.buttwtext .skwhitebutton.activebutton
{
    line-height: 15px !important;
    padding-top: 4px;
}

.skwhitebutton .buttonname
{
    font-size:12px;
    padding-right:3px;
}

.skwhitebutton .buttonname:empty
{
    padding-right: 0px;
}

.skwhitebuttonlogo
{
    padding: 5px 15px 5px 25px;
    position: relative;
}

.skwhitebuttonlogo .font-logo
{
    position: absolute;
    left: 5px;
}

.distpanel
{
    margin:0px;
    padding:0px;
}

.distpanel.ui-widget-content
{
    border:0px;
}

.distpanel .dist-menu
{
    position:relative;
    height: 30px;
    z-index:1;
}

.distpanel .dist-tabs
{
    position: absolute;
    left: 0px;
    right: 100%;
    top: 1px;
    width: 100%;
    background: #fff;
    height: 1px;
    content: "";
    z-index: 9999;
}

.distpanel .dist-menu .dist-tabs ul
{
    padding:0px;
    margin:0px;
}

.distpanel .dist-menu .dist-tabs ul li
{
    display:inline-block;
    border:1px solid #ccc;
    padding:5px 10px;
    font-size:14px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
    background: -moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background: -o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background: -ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
    background-color: #f6f6f6;
    text-decoration: none;
    position: relative;
    outline: none;
}

.distpanel .dist-inside
{
    direction: ltr;
    overflow: hidden;
    background-color: #fff;
    position: relative;
}

.distpanel .dist-menu .dist-tabs .ui-tabs-active .dist-tab
{
    outline: none;
}

.distpanel .dist-menu .dist-tabs .ui-tabs-active .dist-tab:after
{
    position: absolute;
    left: 0px;
    right: 100%;
    bottom: -1px;
    width: 100%;
    background: #fff;
    height: 1px;
    content: "";
    z-index: 9999;
}

.distpanelin
{
    min-height:100px;
    padding:5px;
}

.dist-tabin ul
{
    list-style:none;
    margin:0px;
    padding:0px;
}

.dist-tabin .distname
{
    padding:5px;
    background:#304960;
    color:#fff;
    font-size:12px;
    font-weight:500;
}

.dist-tabin .listinst .instli
{
    padding: 3px 0px 5px 3px;
    position: relative;
    font-size:12px;
}

.dist-tabin .listinst .instli .leader_listing
{
    display: none;
}

.dist-tabin .listinst .instli .leader_listing .leadertitle
{
    text-align: center;
}

.dist-tabin .listinst .instli .leader_listing .addinstleader
{
    text-align: center;
}

.distpanel .searchinst
{
    width: 100%;
    height: 30px;
    font-size: 14px;
}

.distpanel .instleaders
{
    margin-bottom:10px;
    display:table;
    width:100%;
    border-collapse:collapse;
}

.distpanel .instleaders li
{
    display: table-row;
    width:100%;
    font-size: 12px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.distpanel .instleaders li > a, .distpanel .instleaders li > span, .distpanel .instleaders li > div, .leaderlist .userlist .instlist li > span, .leaderlist .userlist .instlist li > div
{
    color: #444;
    line-height: normal;
    display: table-cell;
    vertical-align: middle;
    padding: 6px 3px;
    border-bottom: 1px solid #efefef;
}

.distpanel .dist-scroller
{
    max-height: 380px;
    overflow-y: auto;
}

.distpanel .currentlist
{
    display:none;
}

.distpanel .removeleader
{
    cursor: pointer;
}

.distpanel .currentlist .instleaders li .skwhitebutton
{
    padding: 2px;
    margin-left: 5px;
}

#notificationtab
{
    min-height: 100%;
}

.ui-widget-content
{
    background-color: #ffffff;
    color: #222222;
}

.ui-widget-content.ui-autocomplete
{
    border: 1px solid #D0D8DB;
    padding:3px 0px;
    border-radius: 3px;
}

.ui-widget
{
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em;
}

.ui-menu
{
    list-style: none;
    padding: 0px;
    margin: 0;
    display: block;
    float: left;
}

.ui-autocomplete
{
    position: absolute;
    cursor: default;
}

.ui-menu .ui-menu-item:first-child
{
    border-top: 1px solid #efefef;
}

.ui-menu .ui-menu-item
{
    border-bottom: 1px solid #efefef;
    padding: 2px 4px;
}

.ui-menu .ui-menu-item:hover
{
    background: #3cb0fd;
    color:#fff;
    cursor: pointer;
}

.loadingclick
{
    position:relative;
}

.loadingclick .disploading
{
    position:absolute;
    left: 30%;
    display:none;
    top:20%;
}

.dist-tabin .listinst .instli .qtip.qtip-optionsbox .qtip-content  .skwhitebutton
{
    padding:5px 25px 5px 5px;
}

.leaderlist
{
    padding:5px;
}

.leaderlist .dislist
{
    padding:0px;
    margin:0px;
}

.leaderlist .dislist .dist
{
    padding: 5px;
    background: #304960;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    margin:0px;
}

.leaderlist .userlist
{
    padding:0px;
    margin:0px;
    border-bottom: 0px;
}

.leaderlist .userlist li
{
    display:block;
}

.leaderlist .userlist .instlist
{
    padding:0px;
    display: table;
    width:100%;
    border-collapse: collapse;
}

.leaderlist .userlist .instlist li
{
    display: table-row;
    color: #444;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.distpanelin ul li.instli
{
    position: relative;
    padding-left: 5px;
    display: block;
    line-height: 35px;
}

.distpanelin .bluebutton
{
    margin-left: 5px;
    color: #fff;
    text-shadow: none;
    padding: 2px 10px;
    border:0px;
    background: #1e5799;
    background: -moz-linear-gradient(top, #1e5799 0%, #334b7f 100%);
    background: -webkit-linear-gradient(top, #1e5799 0%,#334b7f 100%);
    background: linear-gradient(to bottom, #1e5799 0%,#334b7f 100%);
}

.distpanelin .loadingclick .disploading
{
    color:#fff;
}

.leaderlist .userlist .userl
{
    padding: 5px 0px 5px 3px;
    position: relative;
    font-size: 12px;
}

.leaderlist .userlist .userl .roleinst, .distpanelin .listinst .roleinst
{
    font-size:10px;
    color:#666;
    line-height:12px;
    padding-right:5px;
}

.leaderlist .userlist .userl .roleinst.distlead, .distpanelin .listinst .roleinst.distlead
{
    color: rgb(170, 73, 48);
}

.viewspc-embed
{
    height: 100% !important;
    position: relative;
}

.viewspc-embed .embedbottom
{
    border-top: 2px solid #a7d23a;
    padding: 8px 0px;
    margin: 0;
    font-size: 12px;
    text-align: right;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.viewspc-embed iframe
{
    width:100%;
    min-height: 470px;
}

.flashmissing
{
    text-align: center;
    padding: 30px 10px;
}

.flashmissing div
{
    padding:30px 0px;
}

.flashmissing div a
{
    font-size:16px;
}

.h5ploading
{
    padding:50px;
}

.h5ploading div
{
    line-height: 40px;
}

.bigestfont
{
    font-size: 28px;
}

.wholesiteback .innercontainer, .wholesiteback #wrapper
{
    background: transparent;
}

.wholesiteback .innercontainer.gbshadow
{
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    box-shadow: none;
}

.wholesiteback .innercontainer .pageformat
{
    border-bottom:0px;
}

.signupsite
{
    background: #f9f9f9 url(/sk-static/imagefiles/fullpage/signupback.jpg) top right no-repeat;
    background-attachment:fixed;
    background-size:cover;
}

.signupsite .pageformat
{
    width:100%;
    padding: 0px !important;
}

.wholesiteback .formstyle form
{
    margin:0px;
}

.wholesiteback .pageformat
{
    height: 700px;
    margin: 0 auto;
    padding: 0px 10px;
    max-width:900px;
    background:transparent;
    display: table;
}

.wholesiteback .formstyle
{
    padding: 10px 0px;
    display: table-cell;
    vertical-align: middle;
}

.wholesiteback .errbox div
{
    background:#fff;
}

.signupsite #sup_step2, .signupsite #sup_step3, .signupsite #sup_step4
{
    display:none;
}

.signupsite .signupblock
{
    background: rgba(78, 113, 145, 0.5);
    border: #304960;
    padding: 30px 10px;
    color: #fff;
    text-align: center;
}

.signupsite .signupblock .sup_numpage
{
    color: #e0f6fd;
    font-size: 16px;
    line-height: 30px;
}

.signupsite .signupblock .sup_titlestep
{
    color: #e9f4f8;
    font-size: 40px;
    line-height: 50px;
}

.signupsite .signupblock .sup_details
{
    margin:15px 0px;
}

.signupsite .wholedivi
{
    margin: 10px 0px;
    font-size: 12px;
}

.signupsite .signupblock .sup_inputholder
{
    border: 1px solid #fff;
    max-width: 600px;
    padding:0px 35px;
    text-align:left;
    height:45px;
    margin:auto;
    background-color:white;
    position:relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.signupsite .signupblock input[type="text"],.signupsite .signupblock input[type="password"],.signupsite .signupblock input[type="number"],.signupsite .signupblock .chosen-select
{
    max-width: 400px;
    width: 100%;
    height: 43px;
    color: #7894ae;
    font-size: 22px;
    border: 0px;
    outline: none;
}

.signupsite .signupblock .chosen-select
{
    padding-left:4px;
    -webkit-appearance:     none;
    -moz-appearance:        none;
    -ms-appearance:         none;
    -o-appearance:          none;
    appearance:             none;
}

.signupsite .signupblock .sup_nextbutton
{
    padding: 10px 20px;
    background: #ed7962;
    color: #fff;
    font-size: 15px;
    border: 0px;
    cursor: pointer;
}

.signupsite .signupblock .sup_nextprev, .signupsite .signupblock .sup_nextprev div
{
    margin-top:20px;
}

.signupsite .signupblock .sup_nextprev a
{
    color:#e0f6fd;
}

.signupsite .signupblock .sup_fronticon
{
    position:absolute;
    top:12px;
    left:5px;
    font-size:22px;
    color:#87a6bc;
}

.signupsite .signupblock .sup_numericpass
{
    width: 85px;
    padding: 0px 5px 0px 35px;
}

.signupsite .signupblock .sup_inputholder.error
{
    border: 1px solid #007fbf;
}

.signupsite .signupblock .sup_numericpass input
{
    font-size: 30px;
}

.signupsite .signupblock .sup_numericpass input::-webkit-outer-spin-button,
.signupsite .signupblock .sup_numericpass input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.signupsite .chosen-container
{
    height:auto;
}

.signupsite .chosen-container ul li input
{
    color:#87a6bc !important;
}

.signupsite .chosen-container-single .chosen-single
{
    height: 40px;
    padding: 12px 20px 3px 5px;
    border: 0px;
    background: transparent;
    font-size: 22px;
    box-shadow: none;
    color: #7894ae;
}

.signupsite .chosen-container-single .chosen-single div
{
    display:none;
}

.signupsite .chosen-container-single .chosen-drop
{
    min-width: 300px;
    top: 0px;
    box-shadow: none;
    margin: 0px;
}

.signupsite .chosen-container-single .chosen-drop .chosen-search
{
    padding: 0px;
}

.signupsite .chosen-container .chosen-results li.highlighted
{
    background-image: none;
    background-color:#6e9dc9;
    color:#fff;
}

.signupsite .chosen-container-single .chosen-drop input
{
    background-image: none !important;
    color: #7894ae;
    font-size: 22px;
    top: 1px;
}

.signupsite .chosen-container input::-webkit-input-placeholder, .signupsite .chosen-container select::-webkit-input-placeholder { 
color:#87a6bc; 
}
.signupsite .chosen-container input:-moz-placeholder, .signupsite .chosen-container select:-moz-placeholder{ 
color:#87a6bc; 
}
.signupsite .chosen-container input::-moz-placeholder, .signupsite .chosen-container select::-moz-placeholder{ 
color:#87a6bc; 
}
.signupsite .chosen-container input:-ms-input-placeholder, .signupsite .chosen-container select:-ms-input-placeholder{ 
color:#87a6bc; 
}

.signupsite .chosen-drop
{
    text-align:left;
}

.signupsite .chosen-results
{
    margin: 0px !important;
    padding: 0px !important;
    border: 0 solid #7894ae;
    border-width: 0 0 1px 1px;
}

.signupsite .chosen-container .chosen-results li
{
    border: 0 solid #7894ae;
    border-width: 1px 1px 0 0;
}

.signupsite .chosen-container-single .chosen-single span
{
    margin-right: 0px; 
}

.signupsite input[type=checkbox], .signupsite input[type=radio]
{
    appearance: none;
    -webkit-appearance: none;
    box-shadow: inset 0px 0px 0px 1px #e6e6e6;
    border-radius: 15px;
    background-color: #fff;
    padding: 1px;
    display: inline-block;
    width: 52px;
    height: 31px;
    position: relative;
    cursor: pointer;
    transition: all .3s ease-out;
    margin: 0px;
    transform: scale(1);
    border:0px;
    -webkit-transform: scale(1); /* Adjust size here */
}

.signupsite input[type=checkbox]:checked, .signupsite input[type=radio]:checked
{
    box-shadow: inset 0px 0px 0px 20px #53d76a;
}

.signupsite input[type=checkbox]:after, .signupsite input[type=radio]:after
{
    content: '';
    position: absolute;
    width: 29px;
    height: 29px;
    border-radius: 15px;
    box-shadow: 0px 2px 2px 1px rgba(0,0,0,.2);
    cursor: pointer;
    background-color: #fff;
    transition: all 0.1s ease-in .1s;
}

.signupsite input[type="checkbox"]:checked:after,.signupsite input[type="radio"]:checked:after
{
    left: 22px;
}

.signupsite .signupblock .sup_question
{
    font-size: 16px;
    color: #7894ae;
    line-height: 25px;
}

.signupsite .signupblock .sup_questionholder
{
    background: #fff;
    padding: 10px 35px;
    max-width: 600px;
    margin: auto;
}

.signupsite .signupblock .sup_resumdiv
{
    font-size: 0px;
    margin: 4px 0px;
    background: #fff;
    color: #7894ae;
}

.signupsite .signupblock .sup_resumdiv .sum_resumtitle
{
    font-size: 18px;
    line-height: 30px;
    background: #3c546b;
    text-align: left;
    color:#fff;
    padding-left:10px;
}

.signupsite .signupblock .sup_resumdiv .sum_resumdet
{
    font-size: 18px;
    line-height: 30px;
}

.signupsite .signupblock .sup_resumdiv .formdivision
{
    margin-bottom:0px;
}

.signupsite .signupblock .manualpass
{
    display:none;
}

.formstyle .chosen-container
{
    display: inline-block !important;
}

.appstarter
{
    background-attachment:fixed;
    background-size:cover;
}

.appstarter .appstart_holder
{
    font-size:12px;
    min-width: 280px;
    max-width: 450px;
}

.appstarter .appstart
{
    display: table;
    padding: 10px;
}

.appstarter .appstart .appstart_imageholder
{
    display: table-cell;
    text-align: center;
    width: 100px;
    padding: 4px;
}

.appstarter .appstart .appstart_imageholder .appstart_image
{
    max-width: 100px;
    border: 1px solid #ddd;
    padding: 2px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 7px;
}

.appstarter .appstart .appstart_text
{
    padding: 10px 0px;
    color: #333;
    line-height: 20px;
    font-size: 16px;
    padding-left: 5px;
    display:table-cell;
    vertical-align: top;
}

.appstarter .appstart .appstart_title
{
    padding: 10px 0px;
    color: #333;
    line-height: 20px;
    font-size: 16px;
    padding-left: 5px;
}

.appstarter .appstart .appstart_helpholder
{
    border: 0px;
    text-align: center;
    margin-top: 10px;
}

.appstarter .appstart_buttons
{
    padding: 0.5em;
    border-top: 1px solid #999;
    text-align: right;
    background-color: rgb(242, 242, 242);
}

.appstarter .appstart_buttons .appstart_donotshow
{
    border: 0px;
    display: inline-block;
    float: left;
}

.appstarter .appstart_buttons .appstart_donotshow label
{
    padding: 0px;
    margin: 0px;
    text-align: left;
    width:auto;
}

.appstarter .bar1
{
    border-bottom: 0px;
}

.formstyle .chosen-container-multi .chosen-choices li.search-choice .search-choice-close
{
    top: 4px;
    right: 3px;
    width: 12px;
    height: 12px;
    background: url('/sk-static/imagefiles/chosen-sprite.png') -42px 1px no-repeat;
    font-size: 1px;
    animation: none;
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
}

.formstyle .chosen-container .chosen-results
{
    -webkit-overflow-scrolling: touch;
}

.formstyle .chosen-container .chosen-results li
{
    display: none;
    padding: 5px 6px;
    -webkit-touch-callout: none;
}

.formstyle .chosen-container .chosen-results li.active-result
{
    display: list-item;
    cursor: pointer;
}

.formstyle .chosen-container .chosen-results li.disabled-result
{
    display: list-item;
    color: #ccc;
    cursor: default;
}

.formstyle .chosen-container .chosen-results li.highlighted
{
    background-color: #3875d7;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff;
}

.formstyle .chosen-container-multi .chosen-choices
{
    border: 1px solid #D0D8DB;
    border-radius: 3px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 12px 15px;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    border-color: #D0D8DB;
    background-color: #fff;
    line-height: normal;
}

.formstyle .chosen-container-multi .chosen-choices li.search-field input[type="text"]
{
    height: 25px;
    color: #222;
    font-size: 100%;
}

.formstyle .chosen-container .chosen-drop
{
    left: 0px;
    visibility:hidden;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out, visibility 0s linear .2s;
    transition: opacity .2s ease-in-out, transform .2s ease-in-out, visibility 0s linear .2s;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.formstyle .chosen-container.chosen-with-drop .chosen-drop
{
    opacity: 1;
    visibility:visible;
    -webkit-transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: opacity .2s ease-in-out, transform .2s ease-in-out;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.formstyle .chosen-container-multi .chosen-choices li.search-choice
{
    background-color: #eeeeee;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-size: 100% 19px;
    background-repeat: repeat-x;
    background-clip: padding-box;
}

.formstyle .chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    color: #666;
}

.formstyle .chosen-container-active .chosen-choices
{
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.formstyle .chosen-container-active .chosen-choices li.search-field input[type="text"]
{
    color: #222 !important;
}

.oembed_block
{
    margin: auto;
    display: table;
    height: 100%;
    text-align: center;
}

.oembed_holder
{
    vertical-align: middle;
    display: table-cell;
}

.oembed_in
{
    padding: 30px;
    border: 1px solid rgb(236, 235, 236);
    text-align: left;
    background: #fff;
    width: 600px;
    word-wrap: break-word;
}

.oembed_title a
{
    font-size: 2.2em;
    line-height: 1.1em;
    color: rgb(63, 66, 69);
    font-weight: 500;
    padding: 15px 0px;
}

.oembed_image
{
    display: table-cell;
    vertical-align:top;
}

.oembed_desc
{
    display: table-cell;
    vertical-align:top;
    font-size: 1.2em;
    line-height: 1.4em;
    color: rgb(126, 136, 151);
    padding-left: 10px;
}

.oembed_image img
{
    max-width: 200px;
    height: auto;
}

.oembed_footer
{
    position: relative;
}

.oembed_link
{
    position: absolute;
    right: 0px;
    font-size: 18px;
    top: 20%;
    display: inline-block;
}

.oembed_link a
{
    color: rgb(131,135,139);
}

.oembed_link a .font-icon
{
    font-size: 25px;
}

.oembed_site a:hover, .oembed_title a:hover
{
    text-decoration:none;
}

.oembed_infoblock
{
    padding: 20px 0px;
    display: table;
    width: 100%;
}

.oembed_site a
{
    font-size:16px;
    color:rgb(125,125,129);
    font-weight:500;
    white-space: nowrap;
    overflow: hidden;
    max-width: 90%;
    text-overflow: ellipsis;
    display:inline-block;
}

.oembed_provider img
{
    vertical-align:middle;
    margin-right:15px;
    height: 40px;
}

#hyev .smtte
{
    background: #fff;
}

#hyev #playlistx
{
    border-bottom: 0px;
}

.smtte .pageformat
{
    width:100%;
    padding: 0px !important;
    display:block;
}

.smtte .smtte_personal, .smtte .smtte_personal_in .smtte_background
{
    background:rgb(0, 140, 166);
    color:#fff;
}

.smtte .smtte_personal_in .smtte_color
{
    color:rgb(0, 140, 166);
}

.smtte .smtte_body, .smtte .smtte_body_in .smtte_background
{
    background:rgb(114, 165, 43);
    color:#fff;
}

.smtte .smtte_body_in .smtte_color
{
    color:rgb(114, 165, 43);
}

.smtte .smtte_social, .smtte .smtte_social_in .smtte_background
{
    background:rgb(231, 41, 67);
    color:#fff;
}

.smtte .smtte_social_in .smtte_color
{
    color:rgb(231, 41, 67);
}

.smtte .smtte_nature, .smtte .smtte_nature_in .smtte_background
{
    background:rgb(54, 79, 92);
    color:#fff;
}

.smtte .smtte_nature_in .smtte_color
{
    color:rgb(54, 79, 92);
}

.smtte .smtte_language, .smtte .smtte_language_in .smtte_background
{
    background:rgb(234, 70, 27);
    color:#fff;
}

.smtte .smtte_language_in .smtte_color
{
    color:rgb(234, 70, 27);
}

.smtte .smtte_culture, .smtte .smtte_culture_in .smtte_background
{
    background:rgb(117, 71, 32);
    color:#fff;
}

.smtte .smtte_culture_in .smtte_color
{
    color:rgb(117, 71, 32);
}

.smtte .smtte_block
{
    padding:10px;
    text-align: center;
}

.smtte .smtte_opt .smtte_icon img
{
    max-width: 60%;
    vertical-align: middle;
    margin-bottom: 10px;
    border: 1px solid #fff;
    padding: 10px;
    border-radius: 100px;
}

.smtte .smtte_opt
{
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    padding: 20px;
    margin: 1%;
    overflow: hidden;
    width: 150px;
}

.smtte .smtte_checklist .smtte_opt
{
    cursor: pointer;
}

.smtte .smtte_opt input
{
    display:none;
}

.smtte .smtte_opt.smtte_checked
{
    position:relative;
}

.smtte .smtte_opt.smtte_checked:after
{
    content: '\E80C';
    font-family: "skoletube";
    position: absolute;
    top:5px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#fff;
    right:5px;
}

.smtte .formstyle .wholedivi
{
    padding:20px;
}

.smtte .formstyle .smtte_col
{
    text-align: center;
    vertical-align: middle;
    font-size:16px;
}

.smtte .formstyle .smtte_col.formtwothird
{
    text-align: left;
}

.smtte .formstyle .smtte_step
{
    margin-bottom:10px;
}

.smtte .formstyle .smtte_step img
{
    max-width: 8%;
    vertical-align: middle;
    margin-right: 10px;
}

.smtte .formstyle .smtte_big
{
    display:block;
    font-size:20px;
}

.smtte .formstyle .smtte_big input
{
    width:auto;
}

.smtte .formstyle .forminnerright
{
    text-align:right;
}

.smtte .formstyle  .forminnerright .smtte_big
{
    margin-top:0px;
}

.smtte .formstyle .smtte_col .smtte_textarea
{
    overflow: auto;
    outline: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    resize: none;
    width: 90%;
    min-height: 100px;
    background-color: #fff !important;
    border:1px solid #eee;
    width: 100%;
    resize: none;
    overflow: hidden;
    max-height: 400px;
    font-size:16px;
}

.smtte .formstyle .smtte_col .uinput
{
    font-size:16px;
}

.smtte .formstyle .forminnerleft
{
    max-width: 600px;
    word-break: break-all;
}

.smtte .formstyle .smtte_col .smtte_textarea::-webkit-input-placeholder,.smtte .formstyle .smtte_col .smtte_textarea:-moz-placeholder, .smtte .formstyle .smtte_col .smtte_textarea::-moz-placeholder, .smtte .formstyle .smtte_col .smtte_textarea:-ms-input-placeholder
{
    color:    #909;
    opacity:  1;
}

.smtte .formstyle .smtte_col
{
    width:40%;
}

.smtte .formstyle .smtte_col.formnobottom
{
    width:60%;
}

.smtte .sup_nextbutton
{
    padding: 10px 20px;
    background: #ed7962;
    color: #fff;
    font-size: 15px;
    border: 0px;
    cursor: pointer;
}

.smtte .sup_nextbutton:active
{
    position:relative;
    top:1px;
}

.smtte .sup_nextbutton:hover
{
    background: #ea6348;
}

.smtte .smtte_typef
{
    border-top:1px solid #ccc;
    text-align:center;
    background: #eee;
}

.smtte .smtte_back
{
    margin-top: 10px;
    display: block;
    font-weight: 500;
    cursor:pointer;
}

.smtte .smtte_no_option
{
    font-size: 20px;
    line-height: 30px;
    opacity: 0.4;
}

.smtte .smtte_color
{
    /*color: rgb(200,154,82);*/
}

.smtte_cform div.smtte_changecolor:nth-child(even), .smtte .smtte_background, .smtte .pageformat div.smtte_changecolor:nth-child(even)
{
    background: rgb(198,217,227);
}

.smtte .formstyle .smtte_changecolor .smtte_step img
{
    filter: invert(40%);
}

.smtte .formstyle .smtte_changecolor:nth-child(even) .smtte_col .smtte_textarea
{
    border-color: transparent;
}

.smtte.wholesiteback .formstyle
{
     display: block; 
}

.smtte .formstyle .formwhole
{
    margin-bottom: 0px;
}

.smtte .formerrorsmte
{
    padding: 0px;
    margin: 0px;
    height: 15px;
    text-align: center;
    border:0px;
    font-size: 14px;
    color: rgb(245,45,0);
}

.smtte .formstyle .formnobottom
{
    margin-bottom: 0px; 
}

.smtte .smtte_bb
{
    width: 150px;
    border: 1px solid #ccc;
    margin: 2px;
    overflow: hidden;
    padding: 5px;
    display:inline-block;
    vertical-align: top;
    position:relative;
    background: #fff;
}

.smtte .smtte_bb_image
{
    max-height: 80px;
    overflow: hidden;
}

.smtte .smtte_bb_image img
{
    max-width: 150px;
}

.smtte .smtte_bb_name
{
    font-size: 12px;
    padding-top: 3px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.smtte .smtte_bluebird
{
    padding: 10px 15px;
    color: #555;
    display: inline-block;
    font-size: 14px;
    margin-bottom:10px;
    cursor:pointer;
    margin-top: 10px;
}

.smtte .smtte_bluebird:hover
{
    background: #adc1cb;
}

.smtte .smtte_bluebird:active
{
    position:relative;
    top:1px;
}

.smtte .smtte_bb_close
{
    position: absolute;
    color: #901a1a;
    top: 0px;
    right: 0px;
    width: 24px;
    height: 21px;
    background: #fff;
    font-size: 20px;
    cursor:pointer;
}

.smtte .smtte_listholder
{
    padding:10px 20px;
}

.smtte .smtte_listholder .smtte_listin
{
    border:1px solid #ddd;
    background:#fff;
}

.smtte .smtte_list
{
    width:100%;
    display: table;
    border-collapse: collapse;
}

.smtte .smtte_list .smtte_item
{
    display: table-row;
    border-top: 1px solid #ddd;
}

.smtte .smtte_list .smtte_item:hover
{
    background: #eee;
}

.smtte .smtte_list .smtte_item_data
{
    display: table-cell;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.smtte .smtte_list .smtte_type_logo
{
    width: 25px;
    display: inline-block;
    padding: 5px;
}

.smtte .smtte_list .smtte_type_logo img
{
    max-width:20px;
    height: 20px;
    vertical-align:middle;
}

.smtte .smtte_list .smtte_list_in
{
    display: inline-block;
    padding: 8px 10px;
}

.smtte .smtte_list img
{
    width: 18px;
    margin-right: 5px;
    vertical-align: top;
}

.smtte .smtte_list .smtte_no_item
{
    padding: 0px 10px;
    font-size: 16px;
    line-height: 30px;
}

.smtte .smtte_list .smtte_item_title
{
    font-weight:500;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    font-size:16px;
}

.smtte .smtte_list .smtte_item_date
{
    margin-left: 5px;
    color: #777;
}

.smtte .smtte_list .smtte_item_options
{
    position: absolute;
    right:5px;
    top:5px;
}

.smtte .smtte_list .smtte_item_options a
{
    margin: 0px 2px;
}

.smtte .smtte_toppos
{
    padding: 10px 0px 0px 10px;
    font-size: 14px;
}

.smtte .smtte_toppos .smtte_toppos_item
{
    margin-left: 10px;
}

.smtte .smtte_toppos .font-icon
{
    opacity:0.5;
    margin-left: 10px;
}

.smtte .smtte_createnew
{
    display: inline-block;
    padding: 5px 10px;
    margin-bottom: 10px;
    font-size: 15px;
    background: #fff;
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    color: #ffffff;
}

.smtte .smtte_createnew:hover
{
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
}

.smtte .smtte_bb
{
    cursor:pointer;
}

.smtte .smtte_items .smtte_item
{
    position:relative;
}

.smtte .smtte_remove
{
    text-align: right;
    color: rgb(103,103,103);
    font-size: 20px;
    line-height: 25px;
}

.smtte .smtte_remove button:active
{
    top:1px;
}

.smtte .smtte_addmore
{
    color: rgb(103,103,103);
    font-size: 20px;
    line-height: 25px;
    margin-top: 5px;
}

.smtte .smtte_addmore span, .smtte .smtte_remove span
{
    cursor:pointer;
}

.medialistholder
{
    position: relative;
}

.flatlist
{
    padding: 0px;
    margin: 0px;
    width: auto !important;
    border: 0px;
    min-height: 30px;
}

.flatlist .skcontainer
{
    width: 100% !important;
    margin: 0px !important;
    padding: 0px;
    display: table;
}

.flatlist .medialist.selectemediagreen, .flatlist .medialist.selectemediagreen:nth-child(odd)
{
    background: #8fd073 !important;
}

.flatlist .medialist .medialistholder:first-child
{
    border-top:0px;
}

.flatlist .medialist .medialistholder:last-child
{
    border-bottom:0px;
}

.flatlist .medialist, .flatlist .skcontainer .skblock.medialist
{
    display: table-row;
    border: 0px;
    background: #fff;
    border-radius: 0px;
    box-shadow: none;
    margin: 0px;
}

.flatlist .medialist:nth-child(odd)
{
    background: #f7f7f7 !important;
}

.flatlist .medialist .medialistholder
{
    display: table-cell;
    border-bottom: 1px solid #ccc;
}

.flatlist .media_textline
{
    display: table-cell;
    vertical-align: middle;
}

.flatlist .medialist .medialistin
{
    vertical-align: middle !important;
    display: table-cell;
    width: 49px;
    padding: 3px;
}

.flatlist .medialistin .thumbmedia
{
    position: initial;
}

.flatlist .medialistin .thumbmedia .onthumbmedia
{
    height: 30px;
}

.flatlist .medialistin .thumbmedia .onthumbmedia .thumbicon
{
    font-size:25px;
    width:999px;
}

.flatlist .medialistin .thumbmedia .mediaimagein
{
    max-width: 49px;
}

.flatlist .medialistin .thumbmedia .simplepreview, .flatlist .medialistin .thumbmedia .addpreviewbut
{
    width: auto;
    visibility: visible;
    height: 30px;
    top: 50%;
    right: 5px;
    opacity: 1;
    transform: translate(0,-50%);
}

.flatlist .medialist .timelength.hideuhover:before
{
    content: "Duration: ";
}

.flatlist .medialist .timelength.hideuhover
{
    visibility: visible;
    opacity: 1;
    top: 9px;
    right: 50%;
    background: none;
    border: 0px;
    font-size: 12px;
    line-height: 28px;
}

.flatlist .medialistin .thumbmedia .simplepreview .mediabutton, .flatlist .medialistin .thumbmedia .addpreviewbut .mediabutton
{
    width: 30px;
    height: 30px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin: 0px 1px !important;
    box-shadow: none;
    background: #fff;
    border: 1px solid #eee;
    display: inline-block;
}

.flatlist .medialistin .thumbmedia .simplepreview .mediabutton:hover .font-icon, .flatlist .medialistin .thumbmedia .addpreviewbut .mediabutton:hover .font-icon
{
    color:#fff;
}

.flatlist .medialistin .thumbmedia .simplepreview .mediabutton .font-icon, .flatlist .medialistin .thumbmedia .addpreviewbut .mediabutton .font-icon
{
    font-size: 20px !important;
    line-height: 30px;
    color:#575757;
    display:block;
    margin:auto;
}

.flatlist .medialistin .thumbmedia .addremoveact
{
    opacity: 1;
    top: 8px;
    left: 5px;
}

.flatlist .medialist .media_data
{
    display: table-cell;
    vertical-align: middle;
}

.flatlist .medialist .media_title
{
    width: 180px;
    text-overflow: ellipsis;
    display: table-cell;
    padding: 0px;
    padding-right: 5px;
    vertical-align: middle;
}

.flatlist .medialist:hover .simplepreview, .flatlist .medialist:hover .hideuhover
{
    -webkit-transform: none;
    transform: none;
}

.editquickuser
{
    width:350px;
    position: absolute;
    display:none;
    background: #fff;
    z-index: 10000;
    border: 1px solid #ccc;
    -webkit-box-shadow: 0px 7px 8px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 7px 8px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 7px 8px 0px rgba(0, 0, 0, 0.25);
    left: 0px;
    padding:5px;
}

.flatlist .medialistholder .editquickuser
{
    position:static;
    border:0px;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.disableblock
{
    position:relative;
}

.disableblock:before
{
    position: absolute;
    left: 0px;
    right: 100%;
    height: 100%;
    content: "";
    background: #000;
    width: 100%;
    opacity: 0.2;
}

.disableblock:after
{
    position: absolute;
    /* left: 5px; */
    content: "\E826";
    font-family: "skoletube";
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    font-size: 3em;
    top: 50%;
    left: 50%;
    color: #fff;
    animation: spin 2s infinite linear;
}

.disabledbutt
{
    position:relative;
    padding-left: 21px;
}

.disabledbutt:after
{
    position: absolute;
    left:5px;
    content: "\E826";
    font-family: "skoletube";
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

.disabledbutt2
{
    position:relative;
}

.disabledbutt2:after
{
    content: "*";
    position: absolute;
    left: 0px;
    right: 0px;
    font-size: 0px;
    color: #fff;
    height: 28px;
    width: auto;
    background: #ccc;
    display: block;
    opacity: 0.4;
}

.formatinput.disabledbutt:after
{
    left:auto;
    right: 35px;
    top: 4px;
}

.disabledbutt .font-icon
{
    content: "\E826";
    font-family: "skoletube";
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
}

.formerror
{
    border: 1px solid #841212;
}

.leftpanel
{
    display:table;
    width: 100%;
    height: 100%;
}

.leftpanel .fullsideinner
{
    position: relative;
    display:table-cell;
    width: 100%;
}

.leftpanel_content
{
    display: table-cell;
    vertical-align: top;
    background: #fff;
    border-right: 1px solid #ccc;
    min-width: 240px;
}

.leftpanel .flatlist .blocklisting
{
    width:100% !important;
}

.leftpanel .blocklisting
{
    width:auto !important;
}

.leftpanel .leftpanel_sub
{
    display:none;
}

.leftpanel .leftpanel_inside
{
    position:relative;
    padding: 15px 15px 5px 15px;
    height: 95vh;
    overflow: auto;
}

.leftpanel .leftpanel_close
{
    display:none;
    position:absolute;
    right:10px;
    top:10px;
    font-size:14px;
    cursor: pointer;
}

.userlists ul.userlists_users
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.userlists ul.userlists_users li
{
    display:block;
    background: #fafafa;
    background-image: -webkit-linear-gradient(top, #fafafa, #f2f2f2);
    background-image: -moz-linear-gradient(top, #fafafa, #f2f2f2);
    background-image: -ms-linear-gradient(top, #fafafa, #f2f2f2);
    background-image: -o-linear-gradient(top, #fafafa, #f2f2f2);
    background-image: linear-gradient(to bottom, #fafafa, #f2f2f2);
    color: #547a8f;
    font-size: 16px;
    padding: 3px 8px 3px 23px;
    border: solid #bdbdbd 1px;
    text-decoration: none;
    margin-top:3px;
    cursor: pointer;
    position: relative;
}

.userlists ul.userlists_users li:before
{
    position: absolute;
    top:3px;
    left:3px;
    content: "\E813";
    font-family: "skoletube";
    font-size:14px;
}

.userlists ul.userlists_users li.disabledbutt2:before
{
    position: absolute;
    top:3px;
    left:3px;
    content: "\E826";
    font-family: "skoletube";
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    font-size:14px;
}

.userlists ul.userlists_users li.disabledbutt2:after
{
    display:none;
}

.userlists ul.userlists_users li:hover
{
    background: #f0f0f0;
    background-image: -webkit-linear-gradient(top, #f0f0f0, #e3e3e3);
    background-image: -moz-linear-gradient(top, #f0f0f0, #e3e3e3);
    background-image: -ms-linear-gradient(top, #f0f0f0, #e3e3e3);
    background-image: -o-linear-gradient(top, #f0f0f0, #e3e3e3);
    background-image: linear-gradient(to bottom, #f0f0f0, #e3e3e3);
}

#mainlisting
{
    height: 100%;
}

.userlists .formatinput
{
    font-size:16px;
    margin:4px 0px;
    height: 25px;
}

.userlists .formatinput input
{
    font-size:16px;
    border:0px;
    width:150px;
    outline: none;
}

.userlists .userlists_holder
{
    display:none;
}

.userlists .user_searchresults
{
    display:none;
    position: absolute;
    top: 25px;
    background:#fff;
    width: 180px;
    z-index: 9999;
}

.userlists .user_searchresults ul.ulist_addusers
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    -webkit-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.20);
    -moz-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.20);
    box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.20);
}

.userlists .user_searchresults ul.ulist_addusers li.ulist_adduser
{
    display: table-row;
}

.userlists .user_searchresults ul.ulist_addusers li.ulist_adduser:hover
{
    background: #f0f0f0;
    background-image: -webkit-linear-gradient(top, #f0f0f0, #e3e3e3);
    background-image: -moz-linear-gradient(top, #f0f0f0, #e3e3e3);
    background-image: -ms-linear-gradient(top, #f0f0f0, #e3e3e3);
    background-image: -o-linear-gradient(top, #f0f0f0, #e3e3e3);
    background-image: linear-gradient(to bottom, #f0f0f0, #e3e3e3);
    cursor: pointer;
}

.userlists .user_searchresults ul.ulist_addusers li.ulist_adduser .userdata
{
    display: table-cell;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 155px;
    overflow: hidden;
    font-size: 12px;
    padding-left: 3px;
    vertical-align: middle;
    border: 1px solid #ccc;
}

.userlists .user_searchresults ul.ulist_addusers li.ulist_adduser .userdatasmall
{
    font-size: 10px;
    line-height: 10px;
}


.userlists .user_searchresults ul.ulist_addusers li.ulist_adduser .userdataimg
{
    vertical-align: middle;
    display: table-cell;
    text-align: center;
    width: 20px;
    border: 1px solid #ccc;
    border-right: 0px;
    height: 20px;
}

.userlists .ulist_title
{
    font-size:18px;
    font-weight: 500;
    line-height: 30px;
}

.userlists .ulist_users
{
    list-style-type: none;
    padding:0px;
    margin:0px;
    display:table;
    width: 195px;
}

.userlists .ulist_users li
{
    display:table-row;
}

.userlists .ulist_users li .ulist_userin
{
    position: relative;
    border-bottom: 1px solid #ccc;
}

.userlists .ulist_users li .ulist_userin.disabledbutt2:after
{
    top: 0px;
    height: 32px;
}

.userlists .ulist_users li span
{
    display:table-cell;
    vertical-align: middle;
    padding:3px;
}

.userlists .ulist_users li .ulist_remove
{
    position: absolute;
    right: 25px;
    top: 6px;
    width: 20px;
    height: 20px;
    color: #888;
    font-size: 12px;
    cursor:pointer;
}

.userlists .ulist_users li .ulist_remove:hover
{
    color:#000;
}

.userlists .ulist_users li .ulist_remove:after
{
    content:"\e830";
    font-family: "skoletube";
}

.userlists .ulist_users li .ulist_addin
{
    border: 1px solid #ccc;
    position: absolute;
    right: 3px;
    top: 4px;
    width: 20px;
    height: 20px;
    color: black;
    font-size: 14px;
    cursor: pointer;
}

.userlists .ulist_users li .ulist_addin:hover
{
    border:1px solid #000;
}

.userlists .ulist_users li .ulist_addin.addedset:after
{
    content: "✓";
    color: #666;
    font-size: 26px;
}

.userlists .ulist_users li .ulist_text
{
    max-width: 115px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.userlists .ulist_users li .ulist_small
{
    font-size: 10px;
    line-height: 10px;
}

.userlists .ulist_users li .ulist_img
{
    width: 25px;
    height: 25px;
}

.userlists .ulist_selall_holder
{
    height: 27px;
    border-bottom: 1px solid #ccc;
    position: relative;
    width:195px;
}

.userlists .ulist_selall_holder .ulist_selall
{
    border: 1px solid #ccc;
    position: absolute;
    right: 3px;
    top: 0px;
    width: 20px;
    height: 20px;
    color: black;
    font-size: 14px;
    cursor:pointer;
}

.userlists .ulist_selall_holder .ulist_selall.addedset:after
{
    content: "✓";
    color: #666;
    font-size: 26px;
}

.userlists .ulist_selall_holder .ulist_selall:hover
{
    border:1px solid #000;
}

.userlists .ulist_aladded .userdata:before
{
    content: "✓";
    padding-right: 3px;
    color: #217435;
    font-size: 10px;
}

.userlists .createnewlist input
{
    font-size: 16px;
    border: 1px solid #ccc;
    width: auto;
    outline: none;
}

.userlists .skwhitebutton.disabledbutt2:after
{
    top:0px;
}

.animateshow
{
    -webkit-transform: translateZ(0);
    -webkit-animation-duration: 200ms;
    -webkit-animation-name: pop;
    -webkit-animation-timing-function: ease-in;
    animation-duration: 200ms;
    animation-name: pop;
    animation-timing-function: ease-in-out
}

.checkboxstyle
{
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: #fff;
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -2px;
    border: 1px solid #ccc;
}

.checkboxstyle:after
{
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 3px;
    left: 3px;
    border: 3px solid rgb(59, 158, 216);
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    transform: rotate(-45deg);
}

.checkboxstyle[type=checkbox]:checked:after, .checkboxstyle[type=checkbox]:checked:hover:after, .checkboxstyle[type=radio]:checked:after, .checkboxstyle[type=radio]:checked:hover:after
{
    opacity: 1;
}

.checkboxstyle[type=checkbox]:hover:after, .checkboxstyle[type=radio]:hover:after
{
    opacity: 0.3;
}

.sktextinput
{
    display: inline-block;
    border: 1px solid #D0D8DB;
    border-radius: 3px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    border-color: #D0D8DB;
    background-color: #fff;
    line-height: normal;
    margin-bottom: 10px;
}

input.sktextinput, textarea.sktextinput
{
    padding: 15px;
}

.sktextinput input
{
    padding: 15px;
    border:0px;
    font-size: inherit;
    width: 100%;
    margin: 0px;
}

.sktextinput.error
{
    border:1px solid red;
    position: relative;
}

.error .errorcontent
{
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translate(0,-50%);
    color: inherit;
    opacity: 0.5;
    font-size: 0.8em;
}

.sktaginput
{
    display: inline-block;
    border: 1px solid #D0D8DB;
    border-radius: 3px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 6px 12px;
    font-size: 16px;
    width: 100%;
    box-sizing: border-box;
    border-color: #D0D8DB;
    background-color: #fff;
    line-height: normal;
    margin-bottom: 10px;
}

.sktaginput input, .sktaginput div
{
    border:0px;
    font-size: 16px;
    line-height: normal;
}

.sktaginput .sktag
{
    display: inline;
    padding: .2em .5em .2em;
    font-size: 16px;
    font-weight: 700;
    line-height: 35px;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    background-color: #3498db;
}

.sktaginput .sktag [data-role="remove"]
{
    margin-left: 8px;
    cursor: pointer;
}

.sktaginput .sktag [data-role="remove"]:after
{
    content: "\E81c";
    font-family: "skoletube";
}

.sktextinput.smallinput
{
    padding:5px;
    font-size:14px;
}

.sktextinput.nofullwidth
{
    width:auto;
    margin:0px;
}

.sktextinput:hover
{
    border-color: #a0a8aB !important;
}

.sktextinput::placeholder, .sktextinput input::placeholder, .bootstrap-select.btn-group .dropdown-toggle .filter-option
{
    color:#878787 !important;
    opacity:1  !important;
}

.sktextinput.sktextarea
{
    resize: none;
    max-height: 400px;
    min-height: 300px;
}

.sktextinput.sktextarea.small
{
    resize: none;
    max-height: 300px;
    min-height: 200px;
}

.embed_codebox .sktextinput:read-only
{
    opacity: 0.2;
}

.formbox
{
    border:1px dotted #657987;
    padding:20px;
    border-radius: 5px;
    background: #fff;
}

.formcomplete
{
    border: 1px solid rgb(59, 158, 216);
    padding:20px;
    border-radius: 5px;
    display:none;
}

.bootstrap-select.skselectinput
{
    width: 100% !important;
    outline: none;
}

.bootstrap-select.skselectinput.small
{
    width: auto !important;
}

.bootstrap-select.skselectinput.small button.dropdown-toggle.btn
{
    padding: 5px 50px;
}

.skselectinput
{
    margin-bottom: 10px;
    font-size:16px;
}

.skselectinput .btn, .skselectinput .dropdown-menu
{
    font-size:16px;
}

select.skselectinput
{
    visibility: hidden;
}

.skselectinput button.dropdown-toggle.btn
{
    border: 1px solid #D0D8DB;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 13px 12px;
    background: #fff;
    outline: none;
    -webkit-box-shadow: none; 
    box-shadow: none;
}

.skselectinput button.dropdown-toggle.btn:focus
{
    outline: none !important;
}

.skselectinput>.dropdown-menu
{
    top: auto; 
}

.skselectinput button.dropdown-toggle.btn:hover, .skselectinput button.dropdown-toggle.btn:active
{
    border-color: #a0a8aB;
    background: #fff;
}

.skselectinput > .dropdown-menu
{
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out, visibility 0s linear .2s;
    transition: opacity .2s ease-in-out, transform .2s ease-in-out, visibility 0s linear .2s;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    display:block;
    max-height: 300px !important;
    overflow-y: auto !important;
}

.skselectinput.open > .dropdown-menu
{
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: opacity .2s ease-in-out, transform .2s ease-in-out;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.skselectinput.open > .dropdown-toggle.btn:hover,
.skselectinput.open > .dropdown-toggle.btn:focus
{
    background-color:#fff;
    -webkit-box-shadow: none; 
    box-shadow: none;
}

.skselectinput li a
{
    outline: none;
}

.skselectinput .check-mark:after
{
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 50%;
    right: 0px;
    border: 3px solid rgb(59, 158, 216);
    border-top: none;
    border-right: none;
    transform: rotate(-45deg);
}

.skselectinput .dropdown-menu > li > a:focus
{
    background: rgb(59, 158, 216);
    color:#fff;
}

.skselectinput .dropdown-menu > li > a:hover
{
    background: rgb(227, 234, 239);
    color: #333333;
}

.skselectinput.bootstrap-select .dropdown-menu.inner
{
    display: table;
    border-collapse: collapse;
}

.skselectinput.bootstrap-select .dropdown-menu.inner li
{
    display: table-row;
}

.skselectinput.bootstrap-select .dropdown-menu.inner li a
{
    display: table-cell;
    white-space: normal;
    border:1px solid #f0f0f0;
    border-left:0px;
    border-right:0px;
}

.skselectinput.bootstrap-select .dropdown-menu.inner li span
{
    padding: 3px 20px 3px 1.5em;
    display: table-cell;
    white-space: normal;
    font-size:16px;
}

.skselectinput.open .bs-searchbox input
{
    padding: 7px;
    font-size: 16px;
    border: 1px solid #D0D8DB;
    border-radius: 3px;
}

.skselectinput.open .bs-searchbox input:hover
{
    border-color: #a0a8aB;
}

div.showanimation
{
    z-index: 9999;
    visibility:visible;
    display: block;
    opacity: 1;
    -webkit-transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: opacity .2s ease-in-out, transform .2s ease-in-out;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#container .innercontainer .skcontainer, #hyev.innercontainer .skcontainer
{
    margin: 0px auto;
    position: relative;
    text-align:center;
    font-size:0px;
    line-height: 0px;
}

.skcontainer .skpadding, .skcontainer .skblock
{
    display:inline-block;
    *display:inline;
    vertical-align:top;
    line-height: 18px;
}

.skcontainer .skpadding
{
    box-shadow: none !important;
    height: 0px !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    line-height: 0px !important;
}

.formexpandable .formexpandablein
{
    background: #fff;
    border: 1px solid #ccc;
    border-top: 0px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color:#555;
    padding:5px;
    display:none;
}

.formexpandable .formexpandablein.startuppos
{
    display:block;
    height:0px;
    padding:0px;
    overflow:hidden;
    border:0px;
}

.formexpandable
{
    padding:0px;
    text-align:center;
    font-size:16px;
    color:#fff;
    background: rgb(59, 158, 216);
    border-radius: 5px;
}

.formexpandable h2:first-child
{
    color: #fff;
    padding: 10px;
    cursor:pointer;
    margin: 0px;
}

.formexpandable h2:first-child:hover
{
    background: #3cb0fd;
    text-decoration: none;
    border-radius: 5px;
}

.formexpandable h2:first-child:hover:active
{
    position:relative;
    top:-1px;
}

#preview_style
{
    margin-bottom:15px;
}

.previewbackhold
{
    width:280px;
    height:150px;
    overflow: hidden;
    margin: 3px 10px 15px 0px;
}

.previewbackhold .previewbackin
{
    zoom: 0.2;
    -ms-zoom: 0.2;
    -webkit-zoom: 0.2;
    -moz-transform: scale(0.2, 0.2);
    -moz-transform-origin: left top;
    height:1000px;
    width:1500px;
}

#bannerimg
{
    width:100%;
    max-height: 200px;
}

.searchactive.menushowit .searchwhite a,.mainli.hoveefct:hover .searchwhite a
{
    color:#515151;
}

.group_video_pbasic .medialist
{
    width: 190px;
}

.group_video_pbasic .medialistin
{
    width: 190px;
    margin: 2px 2px;
}

.group_video_pbasic .medialistin .thumbmedia
{
    border: 1px solid;
}

.group_video_pbasic .addpreviewbut
{
    top: 0px;
    height: 80px;
}

.group_video_pbasic .addpreviewbut .mediabutton.mainmediabutton
{
    width: 35px;
    height: 35px;
}

.group_video_pbasic .addpreviewbut .mediabutton.mainmediabutton .font-icon
{
    font-size: 29px;
    line-height: 35px;
}

.group_video_pbasic .addpreviewbut .mediabutton
{
    width: 25px;
    height: 25px;
}

.group_video_pbasic .addpreviewbut .font-icon
{
    font-size: 20px;
    line-height: 25px;
}

.group_video_pbasic .medialistin .thumbmedia img
{
    max-width:190px !important;
    max-height: 100%;
}

.group_video_pbasic .medialistin .thumbmedia .onthumbmedia
{
    height: 110px;
    overflow: hidden;
}

.group_video_pbasic .addremoveact
{
    width:13px;
    height:13px;
}

.group_video_pbasic .media_textline
{
    padding: 0px 1px 0px 6px;
    margin-left: 0px;
}

.group_video_pbasic .medialist .privategrp, .medialist .semiprivgrp, .group_video_pbasic .medialist .publicgrp, .medialist .specialgrp
{
    right:2px;
}

.group_video_pbasic .medialist .simplepreview
{
    top:22px;
}

.group_video_pbasic .skwhitebutton .font-desc
{
    display:none;
}

.group_video_pbasic .media_title a
{
    font-size:14px;
}

.uploadbox
{
    margin-bottom:10px;
}

.uploadbox .sampleimg img
{
    max-width: 100px;
    margin: 10px auto;
    display: block;
}

.uploadbox .embed_codebox
{
    position: relative;
}

.uploadbox .embed_codebox .loadinggreyfull
{
    position: absolute;
    top: 0px;
    opacity:1;
    font-size:30px;
}

.uploadbox .embed_codebox .loadinggreyfull div
{
    font-size: 20px;
    line-height: 30px;
}

.uploadbox .embed_codebox .loadinggreyfull span
{
    font-size:40px;
}

.uploadbox .embedhold_content, .uploadbox .embedhold_content iframe
{
    min-height:240px;
}

.uploadbox .embedhold_content video, .uploadbox .embedhold_content img, .uploadbox .embedhold_content audio
{
    max-width: 100%;
}

.uploadbox .embedhold_content img
{
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    margin: 10px;
}

.uploadbox .embedhold_content video
{
    height: 100%;
}


.uploadbox .embhold .editembed
{
    display:block;
    margin:3px auto;
}

.uploadbox .sampleimg .inputtitle
{
    width: 100%;
    text-align: center ;
    padding: 0px;
    margin: 0px;
}

.photopeashared
{
    display:table;
    margin: 10px auto;
    font-size: 18px;
    height:90%;
    overflow: hidden;
}

.photopeashared_combo
{
    display:table-row;
}

.photopeashared h2
{
    font-size: 18px;
    padding: 10px 0;
    display: table-cell;
    vertical-align: bottom;
}

.photopeashared_combo img
{
    width: 300px;
    display:block;
    border: 1px solid #eee;
    margin-bottom: 10px;
}

.photopeashared_combo div
{
    display: table-cell;
    vertical-align: middle;
}

.onscreenbutton .subtitle
{
    color:rgb(0,167,152);
    font-size: 20px;
    line-height: 25px;
    font-weight: 600;
}

.rollbackimage
{
    right:55px;
}

.groupmembers .medialistin .thumbmedia img
{
    box-shadow: none;
}

.groupmembers .medialistholder .media_title
{
    padding-right:0px;
    text-align: center;
}

.groupmembers .medialistholder .media_title a, .groupmembers .medialistholder .groupusert
{
    display: inline-block;
}

.groupmembers .medialistholder .groupusert
{
    color: var(--linkcolor);
}

.groupmembers.handoveractive .handoverprocess, .groupmembers.handoveractive .userblocks
{
    z-index:10001;
    position:relative;
}

.groupmembers.handoveractive .userblocks
{
    background: #fff;
}

#groupselect.skwhitebutton,#activesearch.skwhitebutton
{
    display: inline-block;
    max-height: 25px;
    overflow: hidden;
    line-height: 0px;
}

.groupmembers.handoveractive .addremoveact
{
    display:none;
}

#trashcan.active .font-icon
{
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    position: relative;
}

.trashlisting .trashname
{
    white-space: nowrap;
    overflow: hidden;
    padding-right: 75px;
    display: block;
    text-overflow: ellipsis;
}

.trashlisting li
{
    position: relative;
    padding: 8px 5px;
}

.trashlisting li:hover, .trashlisting li:nth-child(odd):hover
{
    text-decoration: none;
    background: #3cb0fd;
    color: #fff !important;
}

.trashlisting li:nth-child(odd)
{
    background: #fafafa;
}

.trashlisting li:hover .restoretrash
{
    background:#71af71;
    color:#fff;
}

.trashlisting .restoretrash:hover
{
    background:green !important;
}

.trashlisting .restoretrash
{
    display: inline-block;
    position: absolute;
    right: 5px;
    top: 6px;
    border: 1px solid green;
    color: green;
    border-radius: 3px;
    padding: 4px 4px;
    font-size: 10px;
    line-height: 10px;
    cursor: pointer;
}

.trashlisting .restoretrash:hover:active
{
    top: 5px;
}

.trashcanoption
{
    position: relative;
    margin-bottom: 10px;
    font-size: 0px;
    padding: 0px;
}

.trashcanoption .halftrash
{
    width: 50%;
    display: inline-block;
    vertical-align: top;
}

.trashcanoption input, .trashcanoption button
{
    display:inline-block;
}

.trashcanoption button
{
    position: absolute;
    right:0px;
    font-size: 12px;
}

.playlistholder
{
    width: 100%;
    height: 100%;
    font-size: 0px;
}

.vjs-resize-manager
{
    border: 0px;
    width: 100%;
    height: 100%;
}

.playlistholder .video-js.skmedia_loadplaylist.vjs-fullscreen
{
    width: 100% !important;
    height: 100% !important;
}

.playlistholder .vjs-playlist.vjs-playlist-vertical
{
    width: 25%;
    height: 100%;
    display: inline-block;
}

.playlistholder.playlistholderhorizontal .vjs-playlist.vjs-playlist-vertical, .playlistholder.playlistholderhorizontal .video-js.skmedia_loadplaylist
{
    width: 100% !important;
    display: block;
}

.playlistholder.playlistholderhorizontal .vjs-playlist img
{
    display: inline;
    max-width: 180px;
    vertical-align: middle;
    width:30%;
}

.playlistholder.playlistholderhorizontal .vjs-playlist .vjs-playlist-title-container
{
    position:initial;
    display: inline;
    bottom: auto;
}

.playlistholder.playlistholderhorizontal .vjs-playlist .vjs-playlist-name
{
    display: inline;
    font-size:18px;
}

.playlistholder.playlistholderhorizontal .vjs-playlist .vjs-up-next .vjs-up-next-text
{
    display: inline;
    position: absolute 
}

.playlistholder.playlistholderhorizontal .video-js
{
    height: 60% !important;
}

@media only screen and (min-width: 0px) and (max-width:360px)
{
    .playlistholder.playlistholderhorizontal .vjs-playlist .vjs-playlist-name
    {
        font-size:14px;
    }
}

.rowlist h1, .medialist h1
{
    color: #8d8d8d;
    font-size: 25px;
    font-weight: 500;
    line-height: 27px;
    text-align: center;
}

.skwhitebuttonactive
{
    background: #87caf7;
    color: #fff;
    border-color: #3cb0fd;
    text-decoration: none;
    text-shadow: none;
}

.wholepageloading
{
    display: table;
    width: 100%;
    height: 100%;
    font-size: 30px;
    line-height: 40px;
    opacity: 0.8;
}

.wholepageloading .loadinggreyfull
{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.birdwholeback
{
    background: url(/sk-static/imagefiles/verticalbird.png) no-repeat center center;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    opacity: 0.1;
    background-attachment: fixed;
}

.replaceablecontent
{
    width:100%;
    height:100%;
}

.flatlist .class_line
{
    display: block;
    background: #688cb5;
    border-bottom: 1px solid #cddae9;
    padding: 0px 1px 0px 0px;
}

.flatlist .class_line, .flatlist .user_line
{
    margin: 0px;
}

.flatlist .class_line .media_title
{
    font-weight: 500;
    color:#fff;
    padding:5px;
}

.flatlist .user_line .media_title
{
    color: #314559;
    font-weight: 400;
}

.flatlist .class_line .addremoveact
{
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.flatlist .class_line .addremoveactdel:after
{
    left: 8px;
    top: 7px;
}

.flatlist .medialistin .thumbmedia img
{
     box-shadow: none; 
}

.flatlist.userlist .medialist:hover
{
    cursor:pointer;
}

.flatlist .sktextinput
{
    margin-bottom: 0px; 
}

.noborderradius
{
    border-radius: 0px !important;
}

.quicksearchcontainer
{
    white-space: nowrap;
    font-size: 16px;
    position: relative;
}

.quicksearchcontainer .sksearchinput
{
    display:inline-block;
    margin:0px;
    width: 60%;
    min-width: 190px;
    max-width: 300px;
}

.quicksearchcontainer .skbluebutton
{
    padding: 0 0.5em;
}

.quicksearchcontainer .holder
{
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 12px;
    height: 23px;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 18px;
    overflow: hidden;
    position: relative;
}

.quicksearchcontainer .holder .font-icon
{
    position: absolute;
    left: 3px;
    top: 6px;
}

.quicksearchcontainer input
{
    text-align: left;
    font-size: 15px;
    font-weight: 500;
    color: #555;
    line-height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2px;
    border:0px;
    width: 170px;
;
}

.userimporterlist .lineoptions
{
    background: #fff;
}

.flatlist .subclassblock
{
    display: table;
    width: 100%;
}

.openclassblock.medialist .media_data
{
    padding-right: 15px;
    color:#fefefe;
}

.openclassblock
{
    cursor: pointer;
    position: relative;
}

.openclassblock.openrotate:after
{
    transform: translate(0,-50%) rotate(-180deg);
}

.openclassblock:after
{
    font-family: "skoletube";
    display: block;
    content: "\E84E";
    font-size: 14px;
    color: #fff;
    position: absolute;
    right: 5px;
    top: 50%;
    font-weight: 400;
    transform: translate(0,-50%);
}

.classgroup .addremoveact::after
{
    background: #fff;
    opacity: 1;
    box-shadow: none;
    border: 0;
}

.userlist.flatlist .skcontainer, .userlist.flatlist .skcontainer .medialist, .userlist.flatlist .medialist .medialistholder
{
    display:block;
    width: auto;
}

.userlist.flatlist .skcontainer .medialist
{
    padding:0px;
}

.userlist.flatlist .medialist:hover
{
    box-shadow: none;
}

.userlist .userimportermanual
{
    display:none;
}

.errorform, .errorform:hover
{
    border:1px solid red !important;
}

.dz-clickable.errorform, .errorform:hover
{
    border:0px;
}

.userimporterlist .openclassblock
{
    background: #65A5DD;
    color: #fff;
    border-bottom: 1px solid #cddae9;
    padding: 10px 8px;
    line-height: 20px;
    font-size: 14px;
}

.userimporterlist .openclassblock .addremoveact, .userimporterlist .classblock .addremoveact
{
    position: relative;
    display:inline-block;
    vertical-align: middle;
    top:0px;
    left:0px;
    width:15px;
    height:15px;
    margin: 0px 5px 0px 0px;
}

.userimporterlist .openclassblock .addremoveact:after, .userimporterlist .classblock .addremoveact:after
{
    top:50%;
    right:0px;
    transform:translate(0,-50%);
}

.userimporterlist .openclassblock.openrotate
{
    border-bottom:0px;
}

.userimporterlist .classblock .classitemsel:last-child
{
    border-bottom: 0px;
}

.userimporterlist .classitem
{
    background: #fff;
    border-bottom: 1px solid #ced9e7;
    color: #314559;
    padding: 10px 9px;
}

.userimporterlist .classitem:hover
{
    cursor:pointer;
}

.userimporterlist .classblock .addremoveact:after
{
    box-shadow: none;
}

.userimporterlist .openclassblock .groupname
{
    margin-right: 5px;
    font-weight: 500;
    font-size:16px;
    vertical-align: middle;
}

.userimporterlist .openclassblock .totalusers
{
    font-size:12px;
    color:#fafafa;
}

.userimporterlist .classitem .class_uname
{
    font-weight: 400;
    font-size: 16px;
    margin-right: 5px;
}

.userimporterlist .classitem span
{
    vertical-align: middle;
}

.userlistingmain h2
{
    margin: 0px;
    padding: 3px 5px;
    line-height: 15px;
}

.userlistingmain ul
{
    margin: 0px;
    padding: 0px;
}

.userlistingmain div
{
    background: #274a6a;
    color: #fff;
    padding: 3px 5px;
    line-height: 15px;
}

.userlistingmain li
{
    line-height: 15px;
    padding: 3px 5px;
    border-bottom: 1px solid #ccc;
}

.userlistingmain li:hover
{
    cursor:pointer;
}

.ui-tabs-nav .ui-tabs-tab a
{
    color: #888;
}

.ui-tabs-nav .ui-tabs-tab.ui-tabs-active a
{
    color: #006699;
}

.viewleaders
{
    margin-left:3px;
}

.tt-menu
{
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: block !important;
    float: left;
    min-width: 160px;
    padding: 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out, visibility 0s linear .2s;
    transition: opacity .2s ease-in-out, transform .2s ease-in-out, visibility 0s linear .2s;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.tt-menu.tt-visible
{
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .2s ease-in-out, -webkit-transform .2s ease-in-out;
    transition: opacity .2s ease-in-out, transform .2s ease-in-out;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.tt-menu .tt-suggestion
{
    display: block;
    padding: 6px 20px;
    clear: both;
    font-weight: normal;
    font-size:14px;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
    border-bottom: 1px solid #ccc;
}

.tt-suggestion.tt-selectable:last-child
{
    border-bottom: 0px;
}

.tt-menu .tt-suggestion:hover
{
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}

.lineoptions .optsearchbox
{
    display: inline-block;
    border-radius: 4px;
    background: #fff;
    vertical-align: middle;
    padding: 0px;
}

.lineoptions .optsearchbox .optsearchbox_inner
{
    display: table;
}

.lineoptions .optsearchbox .optsearchbox_inner .optsearchbox_left
{
    display: table-cell;
    border: 1px solid #ccc;
    padding: 0px 3px;
    vertical-align: middle;
    border-right: 0px;
}

.lineoptions .optsearchbox .optsearchbox_inner .optsearchbox_right.optsearchbox_clear
{
    border-radius: 0px;
    border-right: 0px;
}

.lineoptions .optsearchbox .optsearchbox_inner .optsearchbox_right
{
    display: table-cell;
    border-left: 1px solid #ccc;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    background-color: #ffffff;
    border: 1px solid #ccc;
    height: 25px;
    cursor: pointer;
    text-shadow: 0px 1px 0px #ffffff;
    font-weight: 500;
    padding: 03px;
    vertical-align: top;
    color: #737373;
    font-size: 12px;
    margin: 0px;
}

.lineoptions .optsearchbox .optsearchbox_inner .optsearchbox_right:hover
{
    background: #3cb0fd;
    color: #fff;
    border-color: #3cb0fd;
    text-decoration: none;
    text-shadow: none;
}

.lineoptions .optsearchbox .optsearchbox_inner .optsearchbox_form
{
    display: inline-block;
    vertical-align: middle;
}

.lineoptions .optsearchbox .optsearchbox_inner .optsearchbox_form input
{
    border: 0px;
    width: 80px;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    vertical-align: middle;
    height: 23px;
}

.lineoptions .optsearchbox .optsearchbox_icon
{
    display:inline-block;
}

.lineoptions .optsearchbox .optsearchbox_icon .font-icon
{
    margin-right: 0px;
    vertical-align: middle;
}

.lineoptions .optsearchbox .optsearchbox_inner .optsearchbox_form .bootstrap-select
{
    width: auto;
}

.lineoptions .optsearchbox .optsearchbox_inner .optsearchbox_form .bootstrap-select .btn
{
    background: #fff;
    border: 0px;
    padding: 0px 10px 0px 0px;
    margin: 0px;
    font-size: 12px;
    line-height: 20px;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.lineoptions .optsearchbox .optsearchbox_inner .optsearchbox_form .bootstrap-select .btn .caret
{
    right: 3px;
}

.lineoptions .optsearchbox .optsearchbox_inner .optsearchbox_form .bootstrap-select .selected a
{
    outline: none;
}

.avpw_is_fullscreen #avpw_controls
{
    z-index: 15002 !important;
}

.mediaeditextra
{
    display: block;
    width: 90%;
    margin: auto;
}

.extrainput
{
    padding:5px;
}

.betweenapps
{
    margin: 0px 0px 5px 0px;
}

.betweenapps img.applogoset
{
    width:30%;
}

.betweenapps img
{
    max-width: 200px;
    vertical-align: middle;
}

.iframeupload, .iframeupload .sktextinput
{
    padding:10px;
}

.appfilemanager
{
    background: #fff;
    height: 100%;
}

.appfilemanager .appfilemanager_table
{
    width:100%;
    display: table;
}

.appfilemanager .appfilemanager_row
{
    display: table-row
}

.appfilemanager .appfilemanager_row:nth-child(odd)
{
    background: #dee6ed;
}

.appfilemanager .appfilemanager_cell
{
    display: table-cell;
    padding: 5px;
    font-size: 12px;
}

.appfilemanager .appfilemanager_cell button
{
    margin-right: 20px;
}

.appfilemanager .appfilemanager_head
{
    font-weight: 500;
    background: #cddff0 !important;
}

.appfilemanager .appfilemanager_saveas
{
    padding: 6px 5px 0px;
}

.appfilemanager .appfilemanager_saveas .skbluebutton
{
    height: 31px;
    margin-top: 1px;
}

.appfilemanager .msg, .appfilemanager .err
{
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    padding: 5px;
    background: green;
    color: #fff;
    text-transform: uppercase;
}

.appfilemanager .lineoptions
{
    margin: 7px 0px 3px 6px;
    padding: 0px;
}

.appfilemanager .err
{
    background: #cd2020;
}

.appfilemanager .appfilemanager_right
{
    text-align: right;
}

.appfilemanager .appfilemanager_saveas .sktextinput
{
    padding: 5px;
    vertical-align: top;
    width: auto;
    margin-right:3px;
}

.appfilemanager .appfilemanager_saveas .skwhitebutton
{
    vertical-align: top;
    padding: 6px;
    box-shadow: none;
}

.appfilemanager .updated_msg
{
    display:none;
    color:green;
}

.appfilemanager .appfilemanager_noproject
{
    padding: 10px;
    font-size: 15px;
}

.fulledscreened
{
    width: 100%;
    height: 100% !important;
    position: fixed !important;
    top: 0px;
    left: 0px;
    z-index: 999999;
}

.fulledscreened .triggerfullscreen:before
{
    content: "\e86d";
}

.fulledscreened .triggerfullscreen
{
    position: absolute;
    right: 0px;
    top: 5px;
    margin: 0 5px;
}

.header_menubox .bluelink
{
    color:#3f8ebf;
}

.parentindex .selectchildtrigger
{
    display:block;
    display: block;
    margin: 20px auto;
}

.parentindex .parentlink
{
    display: inline-block;
    padding: 20px;
    margin: 20px;
    font-size:12px;
    text-align: center;
    background-color: rgb(75,185,247);
    color: #fff;
    border-radius: 5px;
}

.parentindex .parentlink:hover
{
    text-decoration: none;
}

.parentindex .parentlink .font-icon
{
    font-size: 50px;
    display: block;
    width: 60px;
    line-height: 55px;
}
/*
.tagsystem .typeahead__list
{
    max-height: 250px;
    overflow-y: auto;
}

.tagsystem .typeahead__list .division
{
    font-weight: 500;
}

.tagsystem .typeahead__list .username, .tagsystem .typeahead__list .division
{
    color: #878787;
    margin:0px 5px;
}

.tagsystem .typeahead__field input.sktextinput 
{
    line-height: normal;
    padding:15px;
}

.tagsystem .typeahead__label-container
{
    padding:13px;
}

.tagsystem .typeahead__label-container .typeahead__label
{
    padding: 0px 0px 0px 4px;
    margin-bottom: 0px;
    margin: 2px 2px;
    font-size: 14px;
    line-height: 1.5em;
}*/

.tagsystem.sktextinput.typeahead__container
{
    padding:7.5px 0px 0px 6.75px;
}

.tagsystem.sktextinput .typeahead__field input
{
    padding:5.5px 15px 15px 8.25px;
}

.tagsystem .typeahead__label-container
{
    padding-top:5px;
}

.regularupload .fileuploader
{
    padding:0px;
    margin:10px 0px;
    background: transparent;
}

.skframe_fullscreen
{
    padding: 0px 2px;
    margin-top: -2px;
    font-size: 12px;
    text-align: right;
}

.skframe_fullscreen a:before
{
    content: "\E86C";
    font-family: "skoletube";
    margin-right: 5px;
}

.skframe_fullscreen a
{
    -webkit-appearance: none;
    -moz-appearance: none;
    white-space: nowrap;
    position: relative;
    border: none;
    text-overflow: ellipsis;
    text-align: center;
    font-family: proxima_nova_ltsemibold, Sans-Serif;
    cursor: pointer;
    overflow: hidden;
    text-decoration: none;
    font-size: 1em;
    line-height: 2.5em;
    padding: 0 1.5rem;
    display: inline-block;
    vertical-align: middle;
    background-clip: padding-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-radius: 4px;
    background: #3498db;
    color: #fff;
    font-weight: 500;
}

.embedhold_content .skframe_fullscreen
{
    display:none;
}

.profile-image
{
    vertical-align: middle;
    position: absolute;
    max-width: none;
    max-height: 100%;
    background: #fff;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.profile-holder
{
    border-radius: 100px;
    background: #efefef;
    position: relative;
    width:100%;
    height:100%;
    white-space: nowrap;
}

.profile-holder .profile-canvas-holder
{
    overflow:hidden;
    width:100%;
    height:100%;
    border-radius: 100px;
}

.profile-holder .profile-canvas
{

    border-radius: 100px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.profile-holder .initials
{
    position: absolute;
    font-size: 1em;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
}

.profile-holder.color-black
{
    color:black;
}

.profile-holder.color-white
{
    color:white;
}

.cropimage
{
    -webkit-touch-callout: none; 
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cropimage .cropcontrols
{
    text-align: right;
}

.cropimage .cropcontrols button
{
    margin: 3px 2px;
}

.qtip-mainmediainfo.dialogue .qtip-title
{
    text-align: left;
    width: 100%;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ui-slider {
	position: relative;
	text-align: left;
}
.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0;
}

/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
	filter: inherit;
}

.ui-slider-horizontal {
	height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}

.ui-slider-vertical {
	width: .8em;
	height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
	bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
	top: 0;
}

.ui-widget.ui-widget-content {
	/*border: 1px solid #c5c5c5;*/
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #ffffff;
	color: #333333;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 1px solid #c5c5c5;
	background: #f6f6f6;
	font-weight: normal;
	color: #454545;
}

.fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i:before
{
    content: "x";
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    display: inline-block;
    text-align: center;
    position: absolute;
    top: -1px;
    right: 6px;
}

#laerituploader .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove
{
    box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
}

#laerituploader .fileuploader-theme-thumbnails .fileuploader-item .content-holder
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px 6px 10px 6px;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%); 
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.15) 100%);
    z-index: 2;
    text-shadow:none;
}

.qrcodeupload span
{
    display: block;
    text-align: center;
    color: #737373 !important;
    font-size: 12px;
    white-space: nowrap;
    margin-top: 5px;
}

.qrcodeupload
{
    margin:0px;
}

.qrcodedesc
{
    text-align: center;
    font-size:12px;
    margin-top: 5px;
    white-space: normal;
    line-height: 18px;
    padding: 0px 10px;
}

.qrcodedesc h2
{
    margin: 3px 0px 5px;
}

.qrcodeupload .qrupgen
{
    display: block;
    margin: auto;
    width: 150px;
    height: 150px;
    text-align: center;
    border: 1px solid #737373;
    padding: 5px;
    position: relative;
    z-index: 1;
}

.qrcodeupload .qrupgen:before
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .1;
    z-index: -1;
    background: url(/sk-static/imagefiles/phoneup.svg);
    background-position: center;
    box-sizing: border-box;
    padding: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-origin: content-box;
}

.qrcodeupload.qrupgenw .qrupgen:after
{
    position: absolute;
    content: "";
    top: 43%;
    left: 50%;
    height: 50px;
    width: 50px;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(/sk-static/imagefiles/renew.svg);
    background-position: center;
    box-sizing: border-box;
    padding: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-origin: content-box;
}

.qrcodeupload .qrimage
{
    display:block;
}

.qrcodeupload .qrupgen
{
    display:none;
}

.qrcodeupload.qrupgenw .qrupgen
{
    display:block;
}

.qrcodeupload.qrupgenw .qrupgen
{
    cursor: pointer;
}

.qrcodeupload.qrupgenw .qrupgen .qrupgenwtxt
{
    display: block;
    position: absolute;
    top: 64%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size:12px;
    white-space: normal;
    line-height: 14px;
    width:100%;
}

.qrcodeupload img
{
    display: block;
    margin: auto;
    width: 150px;
    height: 150px;
}

.qrcodeupload .qrupgen.qrupgenld:after
{
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    top: 26%;
    left: 33%;
}

.qrcodeupload .qrimage
{
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    transform: translate(0%, 0%);
    opacity: 1;
}

.qrcodeupload.qrupgenw .qrimage
{
    opacity: 0;
    transform: translate(0%, 4%);
}

.qrcodeupload.inuse
{
    position: relative;
}

.qrcodeupload.inuse .qrimage
{
    opacity: 0.1;
    cursor: pointer;
}

.qrcodeupload .qrinuse
{
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 18px;
    transform: translate(-50%, -50%);
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    transition: all 0.3s ease-in-out;
    opacity: 0;
}

.qrcodeupload .qrinuse h2
{
    padding:0px;
    margin:0px;
    font-size: 20px;
}

.qrcodeupload .qrinuse span
{
    color:#000;
    margin-top: 2px;
}

.qrcodeupload.inuse .qrinuse
{
    opacity: 1;
    cursor: pointer;
}

.danskindex
{
    display: block;
    width: 93%;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15), 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 30px 20px 40px;
    margin: 10px auto;
    font-size: 0;
}

.danskindex .danskindex_in
{
    padding: 0px 60px;
}

.danskindex p
{
    position: relative;
    padding-left: 23px;
    width: 50%;
    margin: 0px 0px 10px;
    display: inline-block;
    font-size: 16px;
    vertical-align: top;
    line-height: 20px;
}

.danskindex h3
{
    font-size: 20px;
    text-align: center;
    color: #10ABF9;
    margin: 0px 0px 25px;
    line-height: 23px;
}

.danskindex p:before
{
    content: "";
    position: absolute;
    top: 3px;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(/sk-static/imagefiles/bluebirdlogo.svg);
    background-position: center;
    box-sizing: border-box;
    background-size: contain;
    background-repeat: no-repeat;
    background-origin: content-box;
}

.piskelviewer
{
    position: relative;
    width:100%;
    height: 100%;
    background: #fff;
}

.piskelviewer .piskelviewer_holder
{
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    text-align: center;
}

.piskelviewer .piskelviewer_holder img
{
    width: 100%;
    height: 100%;
    max-width: 200px;
    max-height: 200px;
    display:block;
}

.piskelviewer .piskelviewer_holder a
{
    margin-top: 10px;
}

.read-more-state
{
    display:none;
}

.read-more
{
    opacity: 0;
    max-height: 0;
    line-height: 0px;
    display: inline-block;
    height: 0px;
    width: 0px;
    font-size: 0px;
}

label.read-more-trigger
{
    display: inline-block;
    color: var(--linkcolor);
    cursor: pointer;
}

.read-more-trigger:before
{
    content: '\2026\0020';
    display:inline-block;
    margin-right:2px;
    margin-left:2px;
}

.read-more-trigger:hover
{
    text-decoration: underline;
}

.read-more-state:checked ~ .read-more
{
    opacity: 1;
    max-height: 999em;
    height: auto;
    width: auto;
    line-height: inherit;
    display: inline;
    font-size: inherit;
}

.read-more-state:checked ~ .read-more-trigger, .read-more-state:checked ~ .read-less
{
    display:none;
}

.inputvisibility
{
    display: inline-block;
    position: absolute;
    right: 12px;
    top: 50%;
    font-size: 20px;
    transform: translate(0,-50%);

    color:#47495A;
    cursor: pointer;
}

.inputvisibility:before
{
    display: block;
    content: '\e872';
    font-family: 'skoletube';
}

.inputvisibility.openeye:before
{
    content: '\e873';
}

.greencheckbox_label
{
    position: relative;
    padding-left: 3em;
}

.greencheckbox_input 
{
    display: none;
}

.greencheckbox_text
{
    display: inline-block;
    vertical-align: middle;
}

.greencheckbox_check 
{
    display: inline-block;
    border-radius: 50%;
    border: 0.35em solid rgba(0,0,0,0.1);
    background: white;
    vertical-align: middle;
    margin-right: 1.5em;
    width: 2em;
    height: 2em;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition: border .3s ease;
    position: relative;
}

.greencheckbox_holder
{
    position: absolute;
    top:50%;
    left:0px;
    transform: translate(0%,-50%);
}

.greencheckbox_check i.icon
{
    opacity: 0.2;
    color: transparent;
    transition: opacity .3s .1s ease;
    text-shadow: 0px 0px 1px rgba(0,0,0,.5);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

greencheckbox_check:hover
{
    border: 5px solid rgba(0,0,0,0.2);
}

.greencheckbox_input:checked + .greencheckbox_text .greencheckbox_check
{
    animation: check .5s cubic-bezier(0.895, 0.030, 0.685, 0.220) forwards;
}

.greencheckbox_input:checked + .greencheckbox_text .greencheckbox_check .icon
{
    opacity: 1;
    transform: scale(0) translate(50%,-50%);
    color: white;
    animation: icon .3s cubic-bezier(1.000, 0.008, 0.565, 1.650) .1s 1 forwards;
}

@keyframes icon 
{
    from 
    {
        opacity: 0;
        transform: scale(0.3) translate(-50%,-50%);
    }
    to 
    {
        opacity: 1;
        transform: scale(1) translate(-50%,-50%);
    }
}

@keyframes check 
{
    0% {
        width: 1.5em;
        height: 1.5em;
        border-width: 5px;
    }
    10% {
        width: 1.5em;
        height: 1.5em;
        opacity: 0.1;
        background: rgba(0,0,0,0.2);
        border-width: 15px;
    }
    12% {
        width: 1.5em;
        height: 1.5em;
        opacity: 0.4;
        background: rgba(0,0,0,0.1);
        border-width: 0;
    }
    50% {
        width: 2em;
        height: 2em;
        background: #00d478;
        border: 0;
        opacity: 0.6;
    }
    100% {
        width: 2em;
        height: 2em;
        background: #00d478;
        border: 0;
        opacity: 1;
    }
}

.skcheck:before
{
    font-family: 'skoletube';
    content:'\e890';
    display:inline-block;
    font-size: 1em;
    margin-left: -0.15em;
}

.skcheck
{
    display: inline-block;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.list_item_name input
{
    font-size: inherit;
    color: inherit;
    letter-spacing: inherit;
    line-height: inherit;
    font-weight: inherit;
    border: 0px;
    width:100%;
    background: transparent;
}

.loadingblock
{
    height: 2em;
    font-size: 1em;
    position: relative;
}

.loadingblock .loadingspin
{
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
}

.loadingblock .loadingspin:before
{
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    display: inline-block;
    content: "\E826";
    font-family: 'skoletube';
}

.sksearchinput, .skinput
{
    position: relative;
    background: #fff;
    padding: 0.55em 0.55em 0.55em 2.0em;
    color: #767676;
    border: 1px solid rgba(0,0,0,0.1);
    margin: 0px 10px;
}

.sksearchinput.sktextinput
{
    padding:0em 1.3em 0em 2.2em;
}


.sksearchinput.sktextinput input
{
    padding-left:0px;
}

.sksearchinput.reset
{
    padding-right: 2em;
}

.sksearchinput input:not(:placeholder-shown) ~ .clearsearch
{
    display:block;
}

.sksearchinput.reset .clearsearch
{
    display: inline-block;
    width: 1.8em;
    height: 1.8em;
    cursor: pointer;
    color: #555;
    top: 50%;
    right: 5px;
    position: absolute;
    transform: translate(0,-50%);
    display:none;
}

.sksearchinput.reset .clearsearch:hover
{
    color:#000;
}

.sksearchinput.reset .clearsearch:before
{
    content: '\e81c';
    font-family: 'skoletube';
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%,-50%);
    font-size: 1.3em;
}

.skinput
{
    padding:0.3em;
}

.sksearchinput:before
{
    position: absolute;
    top: 50%;
    left: 0.3em;
    font-size: 1.3em;
    transform: scalex(1.2) translate(0%,-50%);
    display: inline-block;
    content: '\e88b';
    font-family: 'skoletube';
}

.sksearchinput input, .skinput input
{
    border:0px;
    background: #fff;
    font-size:1em;
    width: 100%;
}

.sksearchinput.loading:before
{
    content: '\e826';
    animation: spin-middle 2s infinite linear;
}

.infinitload .skblock.buttonpressed
{
    box-shadow: 0px 0px 3px 1px rgba(74,136,232, 0.8);
}

.selectable
{
    -webkit-touch-callout: none; 
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.regularupload .fileuploader-theme-thumbnails .fileuploader-thumbnails-input, .normalnode .fileuploader-theme-thumbnails .fileuploader-thumbnails-input
{
    width: 200px;
    padding-top: 200px;
}

.menu-profiler .skwhitebuttonround
{
    margin:0.2em;
}

.bigusername
{
    color: #000000;
    font-weight: 500;
    font-size: 1.5em;
    line-height: 1.5em;
    letter-spacing: -0.35px;
    font-family: 'Montserrat', sans-serif;
}

.maintenance-banner {
    background-color: #d32f2f; /* Red tone */
    color: #fff;
    padding: 15px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    border-bottom: 3px solid #b71c1c;
    z-index: 9999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}