/* Global Settings */

html, body
{
    margin: 0px;
    padding: 0px;
    font: normal 11px "Roboto", Helvetica, "Lucida Sans Unicode", Arial, sans-serif;
    line-height: 18px;
    color: #191919;
    height:100%;
}

body
{
    background: rgb(156,205,221) fixed;
    background: -moz-linear-gradient(top, rgba(156,205,221,1) 0%, rgba(158,205,219,1) 100%) fixed;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(156,205,221,1)), color-stop(100%,rgba(158,205,219,1))) fixed;
    background: -webkit-linear-gradient(top, rgba(156,205,221,1) 0%,rgba(158,205,219,1) 100%) fixed;
    background: -o-linear-gradient(top, rgba(156,205,221,1) 0%,rgba(158,205,219,1) 100%) fixed;
    background: -ms-linear-gradient(top, rgba(156,205,221,1) 0%,rgba(158,205,219,1) 100%) fixed;
    background: linear-gradient(to bottom, rgba(156,205,221,1) 0%,rgba(158,205,219,1) 100%) fixed;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ccddd', endColorstr='#9ecddb',GradientType=0 ) fixed;
}

.bodyespecial
{
    background-image: none;
    background: #f0f0f0;
}

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+ */
}

a
{
    color: #026faa;
    text-decoration: none;
}

a:hover
{
    text-decoration: underline;
}

a img
{
    border: 0px;
}

#othervideo a img, .groupthumb a img, #small-rightbox a img
{
    border: 0;
}

.relatedvideothumb a img
{
    padding: 2px;
    border: 1px solid #EAEAEA;
}

.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;
}

input.fullboxtext
{
    margin: 0 0 10px 0;
    padding: 3px;
    border: 1px solid #25afc0;
    background: #ffffff url(../images/tpl_input_bg.gif) no-repeat top left;
    font: normal 11px "Roboto", Helvetica, "Lucida Sans Unicode", Arial, sans-serif;
    width: 240px;
    height: 15px;
}

textarea.fullboxtext
{
    margin: 0 0 10px 0;
    padding: 3px;
    border: 1px solid #25afc0;
    background: #ffffff url(../images/tpl_textarea_bg.gif) no-repeat top left;
    font: normal 11px "Roboto", Helvetica, "Lucida Sans Unicode", Arial, sans-serif;
    width: 240px;
}

/* End Of Global Settings */

#wrapper
{
    background: transparent url('../images/backclouds.png') no-repeat top center;
    min-height:100%;
    position:relative;
}

#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(../images/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, "Lucida Sans Unicode", Arial, sans-serif;
    color: #303030;
    float: left;
}

#head h3
{
    margin: 48px 0 0 0px;
    font: normal 13px "Roboto", Helvetica, "Lucida Sans Unicode", Arial, sans-serif;
    padding: 0px;
    float: right;
}

.navbarhome
{
    background: url('../images/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;
}

#navbar
{
    /*display:table;*/
    text-align: left;
    font-family: "Roboto", Helvetica, Arial;
    font-size: 0px;
    background: #304960;
    position: relative;
    border-collapse:collapse;
}

.menu-content a
{
    display: inline-block;
}

.loggedgrid
{
    position: absolute;
    color: white;
    right: 20px;
    vertical-align: middle;
    top: 0px;
}

.loggedgrid .menuactivateclick li
{
    float: none !important;
}

.loggedgrid #menu-notifications
{
    margin-top: 37px !important;
    margin-left: -140px !important;
}

.iframenoti
{
    display: inline-block;
    line-height: 40px;
}

.eventsgrid
{
    position: absolute;
    right: 80px;
    top: 2px;
}

#loginbox
{
    display: none;
    height: 340px;
}

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

.actionIcon
{
    position: relative;
    float: left;
    width: 10px;
    height: 10px;
    overflow: hidden;
}

#navbar .actionIcon
{
    float: left;
    margin: 1px 6px 0 0;
}

#nav-icon
{
    float: left;
    margin: 6px 0 0 0;
    padding: 0 10px 0 0;
    width: 16px;
    height: 16px;
}

.menuactivate a, .menuactivate
{
    color:#fff;
    text-decoration:none;
}

.menushowit
{
    visibility:visible !important;
    display:block !important;
}

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

.menuactivate .mainli
{
    /*display:table-cell;*/
}

.menuactivate .skoletubemenu, .menuactivate .indexpage
{
    display:none;
}

.menuactivate li
{
    display:inline-block;
    margin:0px;
    vertical-align:top;
    font-size: 13px;
}

.menuactivate .sitelogo
{
    font-size:1.1em;
    font-weight:bold;
    background:#1d6db7;
    letter-spacing: 2px;
    font-family:"Roboto";
}

.menuactivate .sitelogo .sk-style
{
    background:#1d6db7;
}

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

.menuactivate .sitelogo:hover .sk-style
{
    background:#96c9f8;
}

.menuactivate .sk-style
{
    display:inline-block;
    border: 1px solid transparent;
    border-bottom: 1px solid rgba(100, 100, 100, .4);
}

.menuactivate .sk-style .font-icon
{
    margin-left:0.4em;
    margin-right:0px;
    font-size:1em;
    vertical-align:middle;;
}

.menuactivate .sk-style.nav-link .font-icon
{
    color:#1c2c3b;
    font-weight:600;
    font-size:1.2em;
}

.menuactivate .sk-hoveractive .sk-style.nav-link .font-icon, .menuactivate .active .sk-style.nav-link .font-icon
{
    color: initial;
}

.menuactivate #notifyme,.menuactivate .sk-style
{
    line-height:43px;
    padding:0px 12px;
    cursor: hand;
    cursor: pointer;
}

.menuactivate #notifyme
{
    padding-left:35px;
    padding-right:25px;
}

.menuactivate #notifyme #notifi-count
{
    position:absolute;
    right:8px;
    padding:3px;
    bottom:12px;
}

.menuactivate #loginbutton
{
    position: absolute;
    right: 0px;
    top: 0px;
}

.menuactivate #loginbutton .menu-content a
{
    display:inline-block;
}

.menuactivate #loginbutton .sk-style
{
    border-right: 1px solid rgba(100, 100, 100, .4);
}

.menuactivate .notification-profile
{
    width: 25px !important;
    height: 25px !important;
    position: absolute;
    left:5px;
    bottom:10px;
}

.menuactivate li.active:hover, .menuactivate li:hover, .menuactivate li.sk-hoveractive
{
    background-color:#f5f7fa !important;
    color:#515151;
}

.menuactivate li.active:hover a, .menuactivate li:hover a, .menuactivate li.sk-hoveractive a
{
    color:#515151;
}

.menuactivate li:hover .sitelogo a
{
    border-left-color:rgba(100, 100, 100, .4) !important;
}

.menuactivate li:hover a, .menuactivate .sk-hoveractive a.sk-style
{
    border-bottom-color:rgba(100, 100, 100, .4) !important;
    border-top-color:rgba(100, 100, 100, .4) !important;
}

.menuactivate li.active
{
    background-color:#fff;
    color:#515151;
}

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


.menuactivate li.active .sk-style
{
    border-bottom-color:#fff;
    border-left-color:rgba(100, 100, 100, .4);
    border-right-color:rgba(100, 100, 100, .4);
    border-top:1px solid #ccc;
}

.menuactivate li.active a
{
    color:#515151;
}

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

.menuactivate .menu-content
{
    background-color:#f5f7fa;
    color:#515151;
    -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);
    border: 1px solid rgba(100, 100, 100, .4);
    border-top:0px;
    margin-top:6px;
}

.menuactivate #menu-notifications.menu-content:after
{
    right:20px;
    left:auto;
}

.menuactivate #menu-notifications.menu-content
{
    border-top:1px solid rgba(100, 100, 100, .4);
}

.menuactivate #menu-notifications.menu-content .menu-options
{
    padding:4px;
    text-align:right;
}

.menuactivate #menu-notifications.menu-content .menu-options a:hover
{
    text-decoration:underline;
}

.menuactivate #menu-notifications.menu-content .menu-options .menu-profiler .skwhitebutton
{
    margin-right:5px;
    font-size: 10px;
    line-height: 12px;
}

.menuactivate .menu-content:after
{
    content: '';
    display: block;  
    position: absolute;
    left: 20px;
    bottom: 100%;
    width: 0;
    height: 0;
    border-bottom: 6px solid #aaa;
    border-top: 6px solid transparent;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
}

.menuactivate .menu-content a
{
    display:block;
}

.menuactivate .menu-content li
{
    display:block;
    border-top:1px solid rgba(100, 100, 100, .4);
}

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

.sk-state-active .actionIcon img
{
    position: relative;
    top: -10px;
}

.profileimg
{
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

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

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

.menuactivateclick
{
    margin: 0;
    padding: 0;
    font-size: 12px;
}

.menuactivateclick li
{
    float: left;
    list-style: none;
}

.menuactivateclick .sk-state-active
{
    background: #000;
}

.menu-content
{
    visibility: hidden;
    position: absolute;
    background: #1b3c71;
    width: 180px;
    z-index: 999;
}

.video-menu-content, .music-menu-content, .bigger-menu-content,
.sldproject-menu-content
{
    display: none;
    position: absolute;
    padding:0px;
    margin-top: 1px;
    background: #fefefe;
    width: 200px;
    z-index: 999;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid rgba(100, 100, 100, .4);
    -webkit-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.30);
    -moz-box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.30);
    box-shadow: 3px 3px 4px 0px rgba(0,0,0,0.30);
}

.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;
    width: 200px;
}

.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
{
    width: 50px;
    max-height: 28px;
}

.bigger-menu-content .selectionlist .eachmediasel
{
    position: relative;
    height: 28px;
}

.bigger-menu-content .selectionlist .eachmediasel .rmselectmedia
{
    position: absolute;
    left: 17px;
    top: 7px;
    color: red;
    font-size: 20px;
    background: white;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    text-align: center;
    line-height: 15px;
    filter: alpha(opacity:80);
    opacity: 0.8;
    cursor: hand;
    cursor: pointer;
}

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

/* Menu double */
.menu-items, .menu-notifications
{
    padding: 0;
    font-size: 13px;
    font-weight: normal;
    list-style: none;
}

#menu-tools .menu-items
{
    font-size: 0px !important;
    display: table;
    border-collapse:collapse;
    position:relative;
}

#menu-tools .menu-quicksearch
{
    margin:5px 5px 2px 5px;
    font-size:12px;
    border:1px solid #ccc;
    background:#fff;
    display:inline-block;
    padding:0px 0px 0px 5px;
}

#menu-tools .menu-quicksearch input
{
    text-align:left;
    padding:3px;
    font-size:12px;
    width:140px;
    border:0px;
    background:#fff;
}

#menu-tools .menu-cols
{
    display:table-row;
}

.menu-items .rednumber
{
    position:absolute;
    right:5px;
}

.menu-items a:hover
{
    background:#e5e8ee;
}

.menu-items a
{
    line-height: 15px;
    padding:9px 4px;
}

.menu-items li, .menu-notifications li
{
    vertical-align: middle;
    position: relative;
}

.menu-items li
{
    background: transparent;
}

.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: #737373 !important;
    display: block;
    background: #f5f5f5;
    padding:0px 3px;
    border-top:1px solid #ededed;
}

.view-menu-items a.active
{
    font-weight:bold;
    color:#000 !important;
    background:#e1eaf3 !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: #eef3f8;
    color:#000 !important;
}

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

.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;
}

.menu-item
{
    margin: 1px 0 0 0;
    padding: 0;
    background: #11181e;
}

.menu-item .menu-link img
{
    float: left;
    margin-right:5px;
    opacity:0.7;
}

.menu-item:hover .menu-link img
{
    opacity:1;
}

.menu-item .menu-link strong
{
    font-weight: normal !important;
    font-size: 12px;
}

.menu-item .menu-link
{
    display: block;
    color: #fff;
}

.menu-item .menu-link-extra
{
    float: right;
    margin: 1px 0 0 10px;
    font-size: 10px;
}

.menu-item .menu-link-detail
{
    display: block;
    color: #999;
    font-size: 10px;
    white-space: nowrap;
    line-height:16px;
}

#menu-notifications
{
    width: 300px !important;
    margin-left:-210px;
}

.notitotal
{
    font-size: 10px;
    font-weight: normal;
}

.notification-space
{
    width: 130px;
    display: block;
    margin: auto;
}

.notifications-inside
{
    max-height: 280px;
    overflow : auto;
}

.userimageprofsmall
{
    width: 16px !important;
    height: 16px !important;
}

.notification-profile, .userimageprof
{
    width:20px;
    height:20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -khtml-border-radius: 2px;
    border-radius: 2px;
    background-repeat: no-repeat;
}

.usertopbar img
{
    margin-right: 10px;
    background: #fff;
    padding: 2px;
    width: 52px;
    height: 52px;
    border:1px solid #d3d9dc;
    float: left;
}

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

.notification-profile
{
    width: 20px;
    height: 20px;
}

.notification-link
{
    padding: 9px 0px 0px 5px;
}

.menu-notification
{
    text-align: left;
    color: #fff;
    position: relative;
}

.menu-notification .close
{
    display: none;
    position: absolute;
    right: 2px;
    top: 5px;
}

.menu-notification .close:after
{
    content: "\E81c";
    font-family: "skoletube";
    font-size:15px;
    color:#bf2b2b;
    width: 17px;
    height: 17px;
}

#menu-tools
{
    border:0px;
    width:auto !important;
}

#menu-tools .menu-tool
{
    width: 170px !important;
}

#menu-tools .menu-tool:hover strong
{
    color:#323232;
}

#menu-tools .menu-tool strong
{
    padding-top:4px;
    line-height:20px;
    font-family:"Roboto";
    font-size:14px;
    color:#737373;
    font-weight:bold !important; 
}

#menu-tools .menu-item
{
    display: table-cell;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#menu-tools li.menu-item.menu-tool
{
    border-top:0px;
}

#menu-tools .menu-item a.menu-link
{
    margin:4px !important;
    padding:6px 5px !important;
    background:#fff;
    background:#fff;
    color:#737373;
    -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);
    line-height:20px;
    font-size:12px;
    -webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    white-space: nowrap;
    overflow: hidden;
}

#menu-tools .menu-tool img
{
    display: inline-block;
    vertical-align: middle;
    width:35px;
}

.menu-tool-status
{
    color: #bfff7f;
    font-style: italic;
    font-size: 10px;
}

.smalltext
{
    font-size: 10px;
}

.mediumtext
{
    font-size: 12px;
}

.redtext
{
    color:#b31212;
}

.greentext
{
    color: #217435;
}

.bluetext
{
    color: #336785;
}

.greentext
{
    color: #217435;
}

.bluetext
{
    color: #336785;
}

.greytext
{
    color: #919191;
}

/* fg links */

.sk-style
{
    font-size: 13px;
    text-decoration: none;
    line-height: 1em;
}

.sk-widget
{
    font-family: "Roboto", helvetica, Arial, sans-serif;
    font-size: 1.1em;
}

.sk-state-active, .sk-widget-content .sk-state-active
{
    color: #fff;
    outline: none;
}

.sk-state-active a
{
    color: #fff;
    outline: none;
    text-decoration: none;
}

.sk-state-active .sk-style
{
    color: #fff !important;
}

.sk-state-active a:hover
{
    color: #fff !important;
}

/* GENERAL CONTAINER */

.medievar
{
    font-size: 12px;
    display: inline-block;
}

#container
{
    width: 909px;
    text-align: left;
}

.containertop
{
    margin: 0px auto 30px;
    padding-bottom:100px;
    padding-top:55px;
}

.innercontainer
{
    padding-top: 0px;
    border-top:0px;
    background: #f9f9f9;
}

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

.boxstyle
{
    padding: 4px;
}

.boxviewembed
{
    margin-left: 10px !important;
    width: auto;
    margin-bottom: 10px;
    cursor: hand;
    cursor: pointer;
}

.boxviewembed input
{
    cursor: hand;
    cursor: pointer;
}

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

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

.boxviewembed .rightboxview input
{
    width:300px;
}

.formatinput
{
    background: #fff;
    border: 1px solid #bdbdbd;
    font-size: 12px;
    line-height: 16px;
    height: 20px;
    padding:0px 3px;
}

.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;
}

#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:5px 0px;
}

#fullside.autofit .pagingnav
{
    width: auto;
    margin-right:50px;
}

.fullcontent
{
    width: auto;
    border: 1px solid;
    border-color: #E5E5E5 #DBDBDB #D2D2D2;
    padding: 5px;
    font-size: 12px;
    font-family: "Roboto", Helvetica, "Lucida Sans Unicode", Arial, sans-serif;
}

.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;
    margin-bottom: 5px;
    line-height: 1.1;
    word-wrap: break-word;
    font-size:34px;
    color: #22252a;
    font-weight:600;
}


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

.pagetitle a
{
    color: #0087C2;
}

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

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

#small-rightbox-title-small
{
    height: 25px;
    padding-left: 10px;
    font: normal 15px/23px "Roboto", Helvetica, "Lucida Sans Unicode", Arial, sans-serif;
    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, "Lucida Sans Unicode", Arial, sans-serif;
}

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

#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;
    padding:4px 0px;
    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 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#476782', endColorstr='#2f4457',GradientType=0 ); /* IE6-9 */
    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: hand;
    cursor: pointer;
}

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

.skbutton:active
{
    text-decoration: none;
    cursor: hand;
    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 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4457', endColorstr='#476782',GradientType=0 ); /* IE6-9 */
}

.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
{
    background:#fff;
    color:#737373;
    -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);
    line-height:20px;
    font-size:12px;
    padding:7px 10px;
    -webkit-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 3px 1px rgba(0,0,0,0.2);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-right:15px;
}

.skspecialbutton:hover,#menu-tools .menu-item a.menu-link:hover
{
    cursor: hand;
    cursor: pointer;
    text-decoration:none;
    background-color:#f5f5f5 !important;
    color:#000 !important;
}

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

.skspecialbuttonholder
{
    display:inline-block;
    margin:10px 0px;
}

.specialmenu
{
    width: 220px;
    background:#fff;
    display:none;
    position:absolute;
    margin-top: 4px;
    z-index: 999;
    -webkit-box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.2);
    box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.2);
}

.specialmenu ul.view-menu-items li a.specialitem
{
    padding:10px;
    background:#fff !important;
    color:#737373;
    line-height:20px;
    font-size:12px;
    border-top:none;
}

.specialmenu ul.view-menu-items li a.specialitem:hover
{
    background-color:#f5f5f5 !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;
}

.skwhitebutton
{
    display: inline-block;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3f3f3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
    padding: 2px 3px;
    font-size: 12px;
    line-height: 17px;
    vertical-align: middle;
    border: 1px solid #c4c4c4;
    -moz-border-radius: 4px;
    border-radius: 4px;
    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);
}

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

.skwhitebuttonbig
{
    padding: 6px 20px;
    font-size: 19px;
    line-height: 20px;
    margin:0px 2px;
}

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

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

.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: 16px !important;
    line-height: 16px !important;
    padding: 3px !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
{
    height: 12px !important;
    font-size: 12px !important;
    line-height: 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
{
    -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: hand;
    cursor: pointer;
    color:#4d4f5a !important;
    text-decoration: none !important;
}

.skwhitebutton:active, .skwhitebuttonactive
{
    background: #f3f3f3; /* Old browsers */
    background: -moz-linear-gradient(top, #f3f3f3 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f3f3f3 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f3f3f3 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f3f3f3 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom, #f3f3f3 0%,#ffffff 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

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

.mediaadded
{
    display: inline-block;
    background: #f0f0f0 url(../images/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;
    background: #f8f8f8 url('../images/boxbutton.png') repeat-x;
    -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;
}

.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;
}

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

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

.newsticker strong
{
    color:#000;
    font-weight:normal !important;
}

.newsticker, #newsticker
{
    display:inline-block;
    width: 700px;
    vertical-align: middle;
    font-size:15px;
    line-height:26px;
}

#newsticker
{
    display:none;
}

.appdiv
{
    display: inline-block;
    position: relative;
    text-align: center;
    display: inline-block;
    position: relative;
    text-align: center;
    padding: 10px 29px 23px;
}

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

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

.appicon
{
    width: 100%;
    margin-bottom:5px;
    opacity:1;
}

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

.appicongrey
{
    position: absolute;
    z-index: 50;
    left: 0px;
    background: #f9f9f9;
    opacity: 0.7;
    display: block;
    width: 170px;
    height: 156px;
}

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

.apptext
{
    width: 100%;
    font-family: "Roboto", arial, sans-serif;
    color:#737373;
}

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

.appdiv:hover .appicon
{
    opacity:1;
}

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

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

.appdiv:hover .apphelplink
{
    visibility:visible;
    -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: 140px;
    padding:2px 0 2px 5px;
    font-size: 12px;
    line-height: 16px;
    vertical-align: middle;
    border: 1px solid #ccc;
    color: #000 !important;
}

.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;
}

#buttonholder, .buttonholder
{
    width: 100%;
    margin-top: 3px;
    text-align: left;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    width: 100%;
    padding: 0px;
    margin: 2px 0px;
}

#buttonholder li, .buttonholder li
{
    list-style: none;
}

.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, "Lucida Sans Unicode", Arial, sans-serif;
    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(../images/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, "Lucida Sans Unicode", Arial, sans-serif;
    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;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #fff;
    display: inline-block;
    padding: 3px;
    font-size: 12px;
    line-height: 12px !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;
}

.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;
}

#footer
{
    padding: 5px 0px;
    border-top: 1px solid #000;
    background: #304960;
    height: 50px;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
}

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

#footcontainer p
{
    margin: 3px 5px;
    padding: 0px;
    color: #ddd;
    font-size: 12px;
}

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

#footcontainer p a:hover
{
    border-bottom: 1px dotted #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(../images/tpl_input_bg.gif) no-repeat top left;
    font: normal 11px "Roboto", Helvetica, "Lucida Sans Unicode", Arial, sans-serif;
    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;
    padding: 2px;
    border: 1px solid #F5F5F5;
    text-align: left;
}

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

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

.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 20px;
    display:block;
}

.formstyle label
{
    padding: 0 1em;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    width: 100px;
    display: inline-block;
    vertical-align:top;
    color: #35507c;
}

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

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

.formstyle .formwhole .forminnerleft
{
    margin:auto;
}

.formstyle .formdivision .forminnerleft
{
    padding-right:20px;
}

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

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

.formstyle .formwhole
{
    margin-bottom:7px;
    font-size:12px;
    text-align:left;
}

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

.formstyle form p
{
    margin: 0px;
    padding: 0px;
    font: normal 13px "Roboto", Helvetica, "Lucida Sans Unicode", Arial, sans-serif;
    color: #008ece;
}

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

.formstyle .formcolorblock
{
    width:16%;
    display:inline-block;
    vertical-align: top;
}

.formstyle form textarea.myprofiletext, #fullbox form textarea.inputtext
{
    margin: 0 0 10px 0;
    padding: 5px;
    border: 1px solid #d3d3d3;
    background: #ffffff url(../images/tpl_textarea_bg.gif) no-repeat top left;
    font: normal 11px "Roboto", Helvetica, "Lucida Sans Unicode", Arial, sans-serif;
    width: 230px;
    height:100px;
}

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

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

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

.formstyle .inputtitle
{
    font-size:1.2em;
    margin-bottom:4px;
    text-align: left;
}

/* 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;
    width:180px;
}

.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
{
    white-space: nowrap;
    width: auto;
    text-align: left;
    color: #76797C !important;
    overflow: hidden;
    padding:3px 15px;
    line-height:25px;
    min-height:29px;
    background:#fff;
    border-bottom:1px solid #ccc;
}

.lineoptions .skwhitebutton
{
    margin:0px 3px;
}

.lineoptionshalf
{
    width: 603px;
}

.lineoptionsinnersp
{
    width: 820px;
}

.arrow-general
{
    display: none;
}

.alignleft
{
    text-align: left;
}

.videopaging
{
    display: inline-block;
    font: normal 11px "Roboto", Helvetica, "Lucida Sans Unicode", Arial, sans-serif;
    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, "Lucida Sans Unicode", Arial, sans-serif;
}

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

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

.center
{
    text-align: center;
}

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

#paging-left {
    width: 496px;
}

.pagingnav
{
    width: 550px;
    vertical-align: middle;
    font: normal 12px "Roboto", Helvetica, "Lucida Sans Unicode", Arial, sans-serif;
    text-align: center;
}

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

.pagingsmall
{
    width: 320px;
}

.pagingnav a
{
    color: #fff;
    margin: 0px 1px !important;
    text-decoration: none;
    display: inline-block;
    min-width: 15px;
    line-height: 20px;
    border: 1px solid #c4c4c4;
    background: #fff url(../images/buttonwhite.png) repeat-x;;
    display: inline-block;
    padding: 2px 2px;
    font-size: 12px;
    line-height: 16px;
    vertical-align: middle;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #7f8089 !important;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.pagingnav .pagspan
{
    color: #fff;
    margin-right: 2px !important;
    text-decoration: none;
    display: inline-block;
    min-width: 15px;
    line-height: 20px;
    border: 1px solid #295d99;
    background: #295d99;
    display: inline-block;
    padding: 2px 2px;
    font-size: 12px;
    line-height: 16px;
    vertical-align: middle;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #fff !important;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.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: hand;
    cursor: pointer;
    color:#4d4f5a !important;
    text-decoration: none !important;
}

.replythis
{
    background: url(../images/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, "Lucida Sans Unicode", Arial, sans-serif !important;
}

.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
{
    position: absolute;
    right: 0px;
    top: 0px;
    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;
}

.loginbox
{
    padding: 0px !important;
}

.loginback
{
    background: #fdfeff url('../images/backlogin.png') bottom repeat-x;
    height: 100%;
    margin: 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
}

.loginnoback
{
    background: transparent !important;
}

.loginback #fullbox-title
{
    text-align: left;
    margin: auto;
    width: 400px;
}

.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;
}

.innercontainer p span, #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(../images/tpl_icon_video.gif) no-repeat;
    letter-spacing: -1px;
}

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

.innercontainer p span.people, #groups p span.people
{
    background: transparent url(../images/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(../images/tpl_icon_video.gif) no-repeat;
    letter-spacing: -1px;
}

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

p#grouppost_icon span.flag
{
    background: transparent url(../images/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(../images/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(../images/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, "Lucida Sans Unicode", Arial, sans-serif;
}

#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(../images/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, "Lucida Sans Unicode", Arial, sans-serif;
}

#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(../images/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(../images/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;
    filter: progid: DXImageTransform.Microsoft.Shadow(color=gray, direction=135);
}

#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
{
    background: transparent;
    float: left;
    position: absolute;
    margin-top: -20px;
    margin-left: 2px;
    width: 15px;
    border: 0px;
    color: #a1a1a1;
    text-decoration:none;
}

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

.addtoplaylist .eachplaylist
{
    border:1px solid #999;
    background:#fefefe;
    padding:2px;
    font-size:12px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.createnewplaylist input
{
    height: 20px;
}

.createnewplaylist .createnewpltname
{
    width: 128px;
}

#addplaybutton
{
    cursor: hand;
    cursor: pointer;
    background: transparent url('../images/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: hand;
    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",Verdana, Geneva, sans-serif;
    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", Verdana, Helvetica, sans-serif;
}

.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", Verdana, Helvetica, sans-serif;
    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(../images/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(../images/skoletubebilledeabonnement.jpg);
}

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

.ufont
{
    color: #3d3d3d;
    padding:5px 20px;
    font-family: "Roboto", "Times New Roman", Georgia, Serif;
    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%;
    font-family: "Roboto", "Times New Roman", Georgia, Serif;
    background:white;
}

.uptype
{
    min-height: 200px;
    text-align: center;
    padding: 4px;
    padding-top: 6px;
    font-size: 14px;
    margin-top: 15px;
    z-index: -2;
}

.uptype img.applogoset
{
    width:115px;
}

.uptype ol li
{
    text-align: left;
    font-size: 14px;
    color: #000;
}

.uptype h2
{
    font-size: 16px;
}

.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: 152px;
    border: 1px solid #e6e6e6;
    color: #2b697d;
    font-weight: normal !important;
    font-size: 14px;
    font-family: "Roboto", "Times New Roman", Georgia, Serif;
}

.urequiered {
    color: #FF0000;
}

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

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

div.fileinputs {
    position: relative;
    height: 34px;
    display: block;
    white-space: nowrap;
}

div.fakefile {
    position: absolute;
    z-index: 1 !important;
    top: 0px;
    left: 0px;
    width: 100%;
}

div.fakefile .icon
{
    vertical-align: middle !important;
    display: inline-block;
    height: 30px;
    width: 30px;
    position: absolute;
    top: 5px;
    right: 0px;
}

div.fakefile .icon:after
{
    font-family: "skoletube";
    font-style: normal;
    font-weight: normal;
    content: "\E801";
    font-size:30px;
}

div.fakefile .fakeuinput, .fakedropinput
{
    display: inline-block;
    border: 1px solid #e6e6e6;
    width: 87%;
    width: calc(100% - 34px);
    color: #8ba5c0;
    font-size: 16px;
    line-height: 26px;
    margin-right: 2px;
    margin: 0px 2px 0px 0px;
}

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

input.file_upload {
    cursor: hand;
    cursor: pointer;
    top: 0px;
    left: 0px;
    height: 34px;
    font-size: 25px;
    width: 100%;
    position: absolute;
    -moz-opacity: 0 ;
    filter: alpha(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(../images/overlay/white.png);
    color: #efefef;
    height: 450px;
    width: 480px;
    padding: 35px;
    font-size: 11px;
}

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

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

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

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

#overlay {
    background-image: url(../images/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('../images/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('../images/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: 5px;
    margin-top: 5px;
    padding-top: 0px;
    border: 1px solid #ddd;
    font: normal 12px "Roboto", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
}

.utypetext fieldset legend
{
    color: #388cbd;
    margin: 0px;
    padding: 0px;
    font: normal 17px "Roboto", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

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

.group_opt
{
    cursor: hand;
    cursor: pointer;
    display: inline;
    color: #388cbd;
}

.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_moviecut:before
{
    content: "\E852";
}

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

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

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

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

.group_hid
{
    display: none;
    padding: 2px;
    border: 1px solid #eaeaea;
    color: #2f2f2f;
    margin-left: 20px;
    background: white;
    overflow: hidden;
    font: normal 12px "Roboto", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.group_hids
{
    display: block;
}

.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('/images/pageback.png') 0px 0px repeat-x
}

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

.header_sitename
{
    position: relative;
    top: 40px;
    left: 40px;
    background: transparent url('../images/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;
    max-width: 800px;
    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", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.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: #172322 url('../images/greenback.png') left no-repeat;
}

.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", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.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('../images/defaultgroupback.jpg') no-repeat;

}

.group_hname
{
    font: normal 32px "Roboto", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    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;
    margin-bottom: 20px;
    -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_full
{
    margin: 10px;
    background: #1e232a;
    -moz-border-radius: 1em;
    border-radius: 1em;
    padding: 10px;
    color: #fff;
    width: 770px;
    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", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.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: hand;
    cursor: pointer;
    height: 220px;
    padding-top: 200px;
}

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

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

.group_video_pagination
{
    text-align: center;
}

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

.nparent_button
{
    width: 200px;
    font: bold 14px "Roboto", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    padding: 4px;
}

.nparent_input
{
    width: 250px;
    margin-bottom: 3px;
    font: bold 14px "Roboto", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.biggertext
{
    font: normal 12px "Roboto", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.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;
}

.colorSelectorclass {
    position: relative;
    width: 36px;
    height: 36px;
    background: url(../images/select.png);
}

.colorSelectorclass div {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 30px;
    height: 30px;
    background: url(../images/select.png) center;
}

.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", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    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", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.boxareag
{
    background: transparent;
    width: 200px;
    height: 70px;
    border: 1px solid #1e232a;
    margin-bottom: 2px;
}

.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;
    cursor: hand;
    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 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    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;
    cursor: hand;
    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 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=1 ); /* IE6-9 */
    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: 12px;
    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;
    height: 30px;
    line-height: 22px;
    overflow: hidden;
    color:#737373;
    vertical-align: top;
    white-space: normal;
}

#addtoplaylist, #addtojaycut
{
    float: left;
}

#closediv, #closediv2
{
    float: right;
}

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

.usertopbar
{
    text-align: left;
    margin: 2px;
    display: inline-block;
    vertical-align: middle;
    font: normal 12px "Roboto", "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    padding:0.5vw 0.7vw;
}

.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('../images/bluebirdstamp.jpg') right bottom no-repeat;
    display: none;
    width: 350px;
    padding: 15px;
    text-align: left;
    border: 2px solid #333;
    z-index: 3000;
}

#msgbox div
{
    font-family: "Roboto","lucida grande", tahoma, verdana, arial, sans-serif;
}

#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;
    font-family: "Roboto","lucida grande", tahoma, verdana, arial, sans-serif
}

#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;
    font-family: "Roboto","lucida grande", tahoma, verdana, arial, sans-serif
}

.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;
    font-family: "Roboto","lucida grande", tahoma, verdana, arial, sans-serif
}

.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;
}

.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:hand;
    cursor:pointer;
}

.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;
}

.marginleft5
{
    margin-left:5px;
}

.marginright5
{
    margin-right5px;
}

.margintop100
{
    margin-top: 10px;
}

.overflowhidden
{
    overflow: hidden;
}

.overflowscrollx
{
    overflow-x: scroll;
}

.opacitylow
{
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.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
{
    -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);
}

.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(../images/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 5px 15px 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;
    white-space: nowrap;
    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;
    cursor:hand;
}

.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: 120px;
}

.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(../images/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(../images/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(../images/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(../images/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", Arial, Helvetica, sans-serif;
    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", Arial, Helvetica, sans-serif;
    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", Arial, Helvetica, sans-serif;
    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(../images/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%;
}

/*Drag and drop uploader*/

.fileupload-buttonbar .ui-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border: solid transparent;
    opacity: 0;
    filter: alpha(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(../images/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;
    filter: alpha(opacity=100);
}

.ui-state-disabled input {
    cursor: default;
}

.template-download
{
    width: 100%;
}

.mu-formtext
{
    font-family: "Roboto", "Arial", "Helvetica", "Verdana", "sans-serif";
    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;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    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(../images/closefreeow.png) no-repeat 0 0;
}

/* Icons */
.menu-notification .icon
{
    display: inline-block;
    padding-right: 3px;
    font-size:22px;
    font-family: "skoletube";
    font-style: normal;
    font-weight: normal;
    speak: none;
    color:#304960;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    vertical-align: top;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.menu-notification .notilink-link
{
    white-space: nowrap;
}

.menu-notification .notilink-link .notilink-icon,.menu-notification .notilink-link .notilink-text
{
    display:inline-block;
    white-space:normal;
    vertical-align:top;
}

.menu-notifications li:nth-child(odd) a
{
    background:#fff !important;
}

.menu-notifications li.menu-notification a
{
    padding:5px 2px;
    font-size:11px;
    color:#737373;
    display:block !important;
}

.menu-notifications li.menu-notification a b
{
    color:#000;
}

.menu-notification .notilink-link .notilink-icon
{
    position: absolute;
    left:3px;
    top:3px;
}

.menu-notifications .menu-notification.newnoti a
{
    background:#ecf8f1 !important;
}

.menu-notifications .menu-notification.newnoti a:after
{
    content: "\E849";
    position: absolute;
    font-family: "skoletube";
    right:3px;
    top:3px;
    color:#2083de;
    display:none;
}

.menu-notification .notilink-link .notilink-text
{
    padding: 0px 15px 0px 28px !important;
}

.menu-notification .n_media_group .icon:before,.menu-notification .n_group .icon:before, .freeow .n_group .icon:before, .freeow .n_media_group .icon:before
{
    content: "\E81a";
}

.menu-notification .n_comment .icon:before, .freeow .n_comment .icon:before
{
    content: "\E803";
    font-size:0.8em;
}

.menu-notification .convert .icon:before, .freeow .convert .icon:before
{
    content: "\E839";
}

.menu-notification .mail .icon:before, .freeow .mail .icon:before
{
    content: "\E836";
}

.menu-notification .alert .icon:before, .freeow .alert .icon:before, .freeow .error .icon:before
{
    content: "\E82e";
}

/* 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-family: "Roboto", "Lucida Grande", Helvetica, arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
}

.freeow .gray p {
    padding-top: 8px;
    font-family: "Roboto", Helvetica, arial, sans-serif;
    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-family: "Roboto", Helvetica, arial, sans-serif;
    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-family: "Roboto", Helvetica, arial, sans-serif;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    color: green;
}

.jFormer .jFormerIFrame {
    display: none;
    width: 100%;
    clear: both;
    border: 1px solid #CCC
}

.jFormer .jFormerAlertWrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    text-align: center;
    width: 100%;
    margin: 0
}

.jFormer .jFormerAlertWrapper .error {
    background-color: red
}

.jFormer .jFormerAlertWrapper .update {
    background-color: blue
}

.jFormer .jFormerAlert {
    max-width: 100px;
    text-align: center;
    font-weight: 700;
    background: #333;
    color: #FFF;
    font-size: .8em;
    margin: 0 auto;
    padding: .25em 1em .5em
}

.jFormer .jFormerModalTransparency {
    position: absolute;
    z-index: 99999;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    filter: alpha(opacity:50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    background-color: #CCC
}

.jFormer .jFormerModalWrapper {
    position: absolute;
    z-index: 1000000;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.jFormer .jFormerModalWrapper .jFormerModal {
    border: 1px solid red;
    background: #F2F2F2;
    overflow: auto;
    min-width: 300px;
    max-width: 500px;
    font-size: .8em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-box-shadow: 2px 12px 30px #333;
    margin: 0 auto
}

.jFormer .jFormerModalWrapper .jFormerModal .jFormerModalHeader {
    background: #AA231D;
    color: #FFF;
    font-size: 1.4em;
    padding: .1em .25em
}

.jFormer .jFormerModalWrapper.jFormerModalNotice .jFormerModal {
    border: 1px solid #257AF8;
    background: #F2F2F2;
    overflow: auto;
    min-width: 300px;
    max-width: 500px;
    font-size: .8em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-box-shadow: 2px 12px 30px #333;
    margin: 0 auto
}

.jFormer .jFormerModalWrapper.jFormerModalNotice .jFormerModal .jFormerModalHeader {
    background: #257AF8;
    color: #FFF;
    font-size: 1.4em;
    padding: .1em .25em
}

.jFormer .jFormerModalWrapper .jFormerModal .jFormerModalContent {
    background: #FFF;
    padding: .5em
}

.jFormer .jFormerModalWrapper .jFormerModal .jFormerModalFooter {
    border-top: 1px solid #CECECE;
    text-align: right
}

.jFormer .jFormerModalWrapper .jFormerModal .jFormerModalFooter button {
    font-size: 1em;
    background: #FFF url(../images/button-bg.png) repeat-x scroll left center;
    border: 1px solid;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-color: #DEDEDE #BBB #BFBFBF #DEDEDE;
    margin: .5em;
    padding: .35em .45em
}

.jFormer .jFormPageNavigator li {
    list-style: none;
    margin: 0
}

.jFormer .jFormPageNavigatorTop {
    border-top: 1px dotted #CCC;
    border-bottom: 1px dotted #CCC;
    margin-bottom: .5em;
    padding: .55em .5em .5em 0
}

.jFormer .jFormPageNavigatorTop .jFormPageNavigatorLink {
    float: left;
    text-align: center;
    color: #000;
    cursor: pointer;
    margin: 0 .5em 0 0;
    padding: 0 .75em .1em 0
}

.jFormer .jFormPageNavigatorTop .jFormPageNavigatorLink .jFormNavigatorLinkPrefix {
    width: 34px;
    height: 29px;
    text-align: center;
    display: inline-block;
    padding: 1px 0 0
}

.jFormer .jFormPageNavigatorTop .jFormPageNavigatorLinkUnlocked .jFormNavigatorLinkPrefix {
    background: url(../images/icons/page-navigator-unlocked.png) .3em 50% no-repeat;
    color: #666
}

.jFormer .jFormPageNavigatorTop .jFormPageNavigatorLinkLocked .jFormNavigatorLinkPrefix {
    background: url(../images/icons/page-navigator-locked.png) .3em 50% no-repeat;
    color: #666
}

.jFormer .jFormPageNavigatorTop .jFormPageNavigatorLinkDependencyLocked .jFormNavigatorLinkPrefix {
    background: url(../images/icons/page-navigator-dependency-locked.png) .3em 50% no-repeat;
    color: #666
}

.jFormer .jFormPageNavigatorTop .jFormPageNavigatorLinkWarning .jFormNavigatorLinkPrefix {
    background: url(../images/icons/page-navigator-warning.png) .3em 50% no-repeat
}

.jFormer .jFormPageNavigatorTop .jFormPageNavigatorLinkActive .jFormNavigatorLinkPrefix {
    background: url(../images/icons/page-navigator-active.png) .3em 50% no-repeat;
    color: #000;
    font-weight: 700
}

.jFormer .jFormPageNavigatorRight {
    position: absolute;
    top: 0;
    right: 0
}

.jFormer .jFormPageNavigatorRight .jFormPageNavigatorLink {
    border: 1px solid #CCC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 0 0 .25em
}

.jFormer .jFormPageNavigatorRight .jFormPageNavigatorLinkUnlocked {
    background: url(../images/icons/accept.png) .3em 50% no-repeat;
    cursor: pointer;
    color: #2C8AEF;
    padding: .25em .75em .25em 1.9em
}

.jFormer .jFormPageNavigatorRight .jFormPageNavigatorLinkDisabled {
    color: #999;
    cursor: default;
    padding: .25em .75em .25em .55em
}

.jFormer .jFormPageNavigatorRight .jFormPageNavigatorLinkWarning {
    background: url(../images/icons/error.png) .3em 50% no-repeat;
    cursor: pointer;
    color: #2C8AEF;
    padding: .25em .75em .25em 1.9em
}

.jFormer .jFormerProgressBar {
    background: #2C8AEF;
    border: 1px solid #006BDF;
    -moz-border-radius: 5px;
    width: 0
}

.jFormer .jFormerProgressBar p {
    text-align: center;
    color: #FFF;
    line-height: 2em;
    margin: 0
}

.jFormer .jFormerControl {
    clear: both;
    list-style: none;
    overflow: hidden;
    margin: .75em 0 0;
    padding: 0 0 1.5em;
}

.jFormer .jFormerControl li {
    float: left;
    position: relative;
    margin: 0 1em 0 0
}

.jFormer .jFormerControl li button {
    font-size: 1em;
    background: #FFF url(../images/button-bg.png) repeat-x scroll left center;
    border: 1px solid;
    cursor: pointer;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 5px;
    border-color: #DEDEDE #BBB #BFBFBF #DEDEDE;
    margin: 0 0 1em;
    padding: .65em .75em
}

.jFormer .jFormerControl li button:hover {
    border-color: #2C8AEF
}

.jFormer .jFormerControl li button:active {
    border-color: #7FBCFF
}

.jFormer .jFormPageWrapper {
    overflow: hidden;
    clear: both
}

.jFormer .jFormPage {
    float: left
}

.jFormer .jFormPageInactive {
    visibility: hidden
}

.jFormer .jFormSection {
    clear: both;
    overflow: auto
}

.jFormer .jFormSectionDependencyDisabled {
    background: url(../images/icons/lock.png) no-repeat top right #f1f1f1;
    color: #CCC;
    border: 1px solid #f1f1f1
}

.jFormer .jFormComponentRemoveInstanceButton {
    display: inline;
    background: url(../images/icons/cancel.png) no-repeat .25em 50% #EEE;
    font-size: .8em;
    clear: both;
    border: 1px solid #AAA;
    cursor: pointer;
    -moz-border-radius: 5px;
    margin: 0 0 0 .5em;
    padding: .25em .25em .25em 1.5em
}

.jFormer .jFormSectionRemoveInstanceButton {
    display: block;
    background: url(../images/icons/cancel.png) no-repeat .25em 50% #EEE;
    font-size: .8em;
    clear: both;
    border: 1px solid #AAA;
    cursor: pointer;
    -moz-border-radius: 5px;
    margin: 0 0 .75em .65em;
    padding: .25em .25em .25em 1.5em
}

.jFormer .jFormerTip {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 3;
    max-width: 300px;
    _width: 300px
}

.jFormer .jFormerTip .tipArrow {
    position: relative;
    display: block;
    width: 12px;
    height: 16px;
    background: url(../images/tip-arrow-left.png) no-repeat;
    margin: 8px 0 0 1px
}

.jFormer .jFormerTip .tipContent {
    position: relative;
    top: -22px;
    left: 13px;
    background: #333;
    zoom: 1;
    color: #FFF;
    z-index: 3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-box-shadow: 2px 2px 8px #444;
    -webkit-box-shadow: 2px 2px 8px #444;
    padding: .75em 1em .75em .95em
}

.jFormer .jFormerTip .tipContent p {
    color: #FFF;
    font-size: .8em;
    margin: 0
}

.jFormer .jFormerTip .tipContent .tipErrorUl {
    color: #FF8F8F
}

.jFormer .jFormerTip .tipContent .tipErrorUl li {
    list-style-type: disc;
    margin-left: 1.25em;
    font-weight: 700
}

.jFormer .jFormerTipBlurred {
    z-index: 2 !important
}

.jFormer .jFormerTipBlurred .tipArrow {
    background: url(../images/tip-arrow-left-blurred.png) no-repeat
}

.jFormer .jFormerTipBlurred .tipContent {
    background-color: #555;
    -moz-box-shadow: 2px 2px 8px #555;
    -webkit-box-shadow: 2px 2px 8px #555
}

.jFormer .jFormComponentMultipleChoiceTipIcon {
    display: inline-block;
    width: 16px;
    height: 20px;
    background: url(../images/icons/help.png) no-repeat 0 3px
}

.jFormer .jFormComponentMultipleChoiceTip .tipArrow {
    margin-top: 3px !important
}

.jFormer .jFormComponentMultipleChoiceTip .tipContent {
    top: -23px !important
}

.jFormer .jFormComponent {
    overflow: hidden;
    margin-bottom: 3px;
    border: 1px solid transparent;
    float: left;
    clear: both;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: .25em .8em .5em .5em
}

.jFormer .jFormComponent input {
    font-family: Arial;
    font-size: .8em;
    background: #EEE url(../images/input-bg.gif) repeat-x 0 1px scroll;
    border: 1px solid #AAA;
    padding: 3px .35em
}

.jFormer .jFormComponent select {
    font-family: Arial;
    font-size: .8em;
    background: #EEE;
    border: 1px solid #AAA
}

.jFormer .jFormComponent textarea {
    font-family: Arial;
    font-size: .8em;
    background: url(../images/input-bg.gif) repeat-x 0 1px scroll #EEE;
    border: 1px solid #AAA;
    resize: none;
    padding: 3px .35em
}

.jFormer .jFormComponent .defaultValue {
    color: #666
}

.jFormer .jFormComponent .jFormComponentDescription {
    clear: both;
    margin: .5em 0 0
}

.jFormer .jFormComponentServerSideCheck {
    background-color: #FFFCDF;
    border: 1px solid #EFEBC2
}

.jFormer .jFormComponentValidationFailed {
    background-color: #FFDFE0;
    border: 1px solid #EFC2C4
}

.jFormer .jFormComponentDependencyDisabled {
    background: url(../images/icons/lock.png) no-repeat top right #f1f1f1;
    color: #CCC
}

.jFormer .jFormComponent .jFormComponentLabel {
    display: block;
    font-size: .8em;
    font-weight: 700
}

.jFormer .jFormComponent .jFormComponentLabelRequiredStar {
    color: red
}

.jFormer .jFormComponentValidationFailed .jFormComponentLabel,
.jFormer .jFormComponent
ValidationFailed .jFormComponentLikertStatementLabel {
    background: url(../images/icons/exclamation.png) no-repeat left;
    padding-left: 18px
}

.jFormer .jFormComponent .jFormComponentSublabel p {
    font-size: .7em;
    margin: 0;
    padding: 0
}

.jFormer .jFormComponentSingleLineText input {
    width: 12em
}

.jFormer .jFormComponentTextArea textarea {
    width: 24em;
    height: 12em
}

.jFormer .jFormComponentMultipleChoice .choice {
    cursor: pointer;
    margin: 0 .35em 0 0
}

.jFormer .jFormComponentMultipleChoice .choiceLabel {
    font-size: .8em;
    font-weight: 400;
    margin-right: 1em;
    cursor: pointer
}

.jFormer .jFormComponentMultipleChoiceTip {
    z-index: 5
}

.jFormer .jFormComponentHidden {
    display: none
}

.jFormer .jFormComponentFile .pseudoFile {
    z-index: 1
}

.jFormer .jFormComponentFile .pseudoFile button:disabled {
    color: #000;
    border: 1px solid;
    border-color: #DEDEDE #BBB #BFBFBF #DEDEDE
}

.jFormer .jFormComponentFile .pseudoFile button {
    font-size: .8em;
    background: #FFF url(../images/button-bg.png) repeat-x scroll left center;
    border: 1px solid;
    cursor: pointer;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    -moz-border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 5px;
    border-color: #DEDEDE #BBB #BFBFBF #DEDEDE;
    margin: 0 0 0 .25em;
    padding: .25em .5em .225em
}

.jFormer .jFormComponentFile .file.hidden {
    z-index: 2;
    text-align: right;
    position: relative;
    font-size: 1.1em;
    filter: alpha(opacity:0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.jFormer .jFormComponentName .firstName {
    width: 7em;
    margin-right: .35em
}

.jFormer .jFormComponentName .middleInitial {
    width: 2em;
    margin-right: .35em
}

.jFormer .jFormComponentAddress .cityDiv {
    display: block;
    float: left;
    margin: .25em .5em 0 0
}

.jFormer .jFormComponentAddress .state {
    width: 12.1em
}

.jFormer .jFormComponentAddress select.state {
    width: 13.35em;
    padding: .15em 0
}

.jFormer .jFormComponentAddress .zipDiv {
    clear: both;
    display: block;
    float: left;
    margin: .25em .5em 0 0
}

.jFormer .jFormComponentAddress .country {
    width: 13.35em;
    padding: .15em 0
}

.jFormer .jFormComponentCreditCard .cardType {
    width: 14.225em
}

.jFormer .jFormComponentCreditCard .cardNumber {
    width: 13.35em;
    padding-left: .35em
}

.jFormer .jFormComponentCreditCard .expirationDateDiv {
    display: block;
    margin-top: .25em;
    float: left;
    overflow: auto
}

.jFormer .jFormComponentCreditCard .expirationMonth.long {
    width: 9.1em
}

.jFormer .jFormComponentCreditCard .expirationMonth {
    margin-right: .5em;
    margin-bottom: .1em
}

.jFormer .jFormComponentCreditCard .expirationDateSeparator {
    margin-right: .5em;
    font-size: .8em
}

.jFormer .jFormComponentCreditCard .expirationYear.long {
    width: 4.5em
}

.jFormer .jFormComponentCreditCard .securityCodeDiv {
    clear: both;
    display: block;
    float: left;
    margin-top: .25em
}

.jFormer .jFormComponentCreditCard .securityCode {
    width: 5em;
    padding-left: .35em
}

.jFormer .jFormComponentLikert table.jFormComponentLikertTable {
    background: #FFF;
    border-collapse: collapse
}

.jFormer .jFormComponentLikert table.jFormComponentLikertTable td {
    border: 1px solid #CCC;
    text-align: center;
    padding: .5em 1.5em
}

.jFormer .jFormComponentLikert table.jFormComponentLikertTable th {
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    font-size: .9em;
    line-height: 1.5em;
    text-align: center;
    max-width: 6em;
    min-width: 6em;
    vertical-align: middle;
    padding: .5em
}

.jFormer .jFormComponentLikert table.jFormComponentLikertTable tr.jFormComponentLikertTableHeading {
    background: #E6E6E6
}

.jFormer .jFormComponentLikert table.jFormComponentLikertTable tr.jFormComponentLikertTableRowEven {
    background-color: #FFF
}

.jFormer .jFormComponentLikert table.jFormComponentLikertTable tr.jFormComponentLikertTableRowOdd {
    background-color: #F5F5F5
}

.jFormer .jFormComponentLikert table.jFormComponentLikertTable tr.jFormComponentHighlight {
    background-color: #FFFFCF;
    border: none
}

.jFormer .jFormComponentLikert table.jFormComponentLikertTable tr.jFormComponentValidationFailed {
    border: none
}

.jFormer .jFormComponentLikert table.jFormComponentLikertTable tr.jFormComponentValidationFailed td {
    background-color: #FFEFF0
}

.jFormer .jFormComponentLikert table.jFormComponentLikertTable th.jFormComponentLikertStatementColumn {
    font-size: 1em;
    min-width: 15em;
    text-align: left;
    padding: .5em .5em .5em .8em
}

.jFormer .jFormComponentLikert table.jFormComponentLikertTable td.jFormComponentLikertStatementColumn {
    min-width: 15em;
    text-align: left;
    padding: .5em .5em .5em .8em
}

.jFormer .jFormComponentLikert table.jFormComponentLikertTable label.jFormComponentLikertStatementLabel {
    font-weight: 700
}

.jFormer .jFormComponentLikert label.jFormComponentLikertSublabel {
    display: block;
    font-size: .9em
}

.jFormer .jFormComponentDate input {
    width: 9em
}

.jFormer .jFormComponentDateButton {
    cursor: pointer;
    width: 16px;
    height: 16px;
    display: inline-block;
    text-indent: -2000px;
    overflow: hidden;
    background: url(../images/calendar.gif) no-repeat;
    margin: 0 3px -2px;
    padding: 0
}

.jFormer .jFormComponentDateSelector {
    background: #F2F2F2;
    border: 1px solid #bbb;
    position: absolute;
    z-index: 100000;
    display: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: -1px 0 0;
    padding: 5px 5px 5px 8px
}

.jFormer .jFormComponentDateSelectorIEFrame {
    position: absolute;
    z-index: 99999;
    display: none
}

.jFormer .jFormComponentDateSelector .jFormComponentDateSelectorNavigator {
    width: 13.5em
}

.jFormer .jFormComponentDateSelector .jFormComponentDateSelectorMonthNavigator,
.jFormComponentDateSelector .jFormComponentDateSelectorYearNavigator {
    display: block;
    position: relative;
    text-align: center;
    margin: 0 0 3px;
    padding: 0
}

.jFormer .jFormComponentDateSelector .jFormComponentDateSelectorMonthNavigator {
    float: left;
    width: 50%
}

.jFormer .jFormComponentDateSelector .jFormComponentDateSelectorYearNavigator {
    float: right;
    width: 35%
}

.jFormer .jFormComponentDateSelector .jFormComponentDateSelectorMonthName,
.jFormComponentDateSelector .jFormComponentDateSelectorYearName {
    font-weight: 700;
    line-height: 20px
}

.jFormer .jFormComponentDateSelector .jFormComponentDateSelectorButton {
    display: block;
    position: absolute;
    top: 0;
    width: 18px;
    height: 18px;
    line-height: 17px;
    font-weight: 700;
    color: #003C78;
    text-align: center;
    font-size: 120%;
    overflow: hidden;
    border: 1px solid #F2F2F2
}

.jFormer .jFormComponentDateSelector .jFormComponentDateSelectorButton:hover, .jFormComponentDateSelector .jFormComponentDateSelectorButton.hover {
    background: none;
    color: #003C78;
    cursor: pointer;
    border-color: #ccc
}

.jFormer .jFormComponentDateSelector .jFormComponentDateSelectorPrevious {
    left: 0
}

.jFormer .jFormComponentDateSelector .jFormComponentDateSelectorNext {
    right: 0
}

.jFormer .jFormComponentDateSelector table {
    border-spacing: 0;
    border-collapse: collapse;
    clear: both
}

.jFormer .jFormComponentDateSelector th, .jFormComponentDateSelector td {
    width: 2.3em;
    height: 2em;
    text-align: center;
    color: #000;
    padding: 0
}

.jFormer .jFormComponentDateSelector td {
    border: 1px solid #ccc;
    text-align: center;
    white-space: nowrap;
    color: #003C78;
    background: #FFF
}

.jFormer .jFormComponentDateSelector td.jFormComponentDateSelectorToday {
    background: #FFFEB3
}

.jFormer .jFormComponentDateSelector td.jFormComponentDateSelectorUnselectedMonth {
    color: #ccc
}

.jFormer .jFormComponentDateSelector td.jFormComponentDateSelectorSelectedDay {
    cursor: pointer
}

.jFormer .jFormComponentDateSelector td.jFormComponentDateSelectorSelected {
    background: #D8DFE5;
    font-weight: 700
}

.jFormer .jFormComponentDateSelector td.jFormComponentDateSelectorSelectedDay:hover, .jFormComponentDateSelector td.jFormComponentDateSelectorSelectedDay.hover {
    background: #003C78;
    color: #FFF
}

.jFormer .jFormPageNavigator, .jFormer .jFormWrapperContainer {
    overflow: auto
}

.jFormer .jFormPageNavigator ul, .jFormer .jFormerTip .tipContent ul {
    margin: 0
}

.jFormer .jFormPageNavigatorRight .jFormPageNavigator li.jFormPageNavigatorLinkActive,
.jFormer .jFormComponentHighlight {
    background-color: #DFEFFF;
    border: 1px solid #C2D7EF
}

.jFormer .jFormerControl .jFormerFailureNotice, .jFormer .jFormerFailure {
    background: url(../images/icons/exclamation.png) no-repeat .5em 50%;
    background-color: #FFDFE0;
    border: 1px solid #EFC2C4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: .25em .75em .25em 2em
}

.jFormer .jFormSectionDependencyDisabled:hover, .jFormer .jFormComponentDependencyDisabled.jFormComponentHighlight {
    background-color: #f1f1f1;
    border: 1px solid #CCC
}

.jFormer .jFormComponentAddInstanceButton, .jFormer .jFormSectionAddInstanceButton {
    display: block;
    background: url(../images/icons/add.png) no-repeat .25em 50% #EEE;
    font-size: .8em;
    clear: both;
    border: 1px solid #AAA;
    cursor: pointer;
    -moz-border-radius: 5px;
    margin: 0 0 .75em .65em;
    padding: .25em .25em .25em 1.5em
}

.jFormer table .jFormerTip .tipContent p, .jFormer table .jFormerTip .tipContent ul,
.jFormer .jFormComponentLikert table.jFormComponentLikertTable div.jFormComponentLikertStatementDescription p {
    font-size: 1em
}

.jFormer .jFormComponentDropDown .dropDown, .jFormer .jFormComponentAddress .addressLine1Div,
.jFormer .jFormComponentCreditCard .cardTypeDiv {
    display: block
}

.jFormer .jFormComponentFile .pseudoFile input, .jFormer .jFormComponentFile .pseudoFile input:disabled {
    border: 1px solid #AAA !important;
    color: #000 !important
}

.jFormer .jFormComponentName input:focus, .jFormer .jFormComponentAddress input:focus, .jFormer .jFormComponentAddress select:focus, .jFormer .jFormComponentCreditCard input:focus, .jFormer .jFormComponentCreditCard select:focus {
    border: 1px solid #888
}

.jFormer .jFormComponentName .firstNameDiv, .jFormer .jFormComponentName .middleInitialDiv,
.jFormer .jFormComponentName .lastNameDiv {
    display: block;
    float: left
}

.jFormer .jFormComponentName .lastName, .jFormer .jFormComponentAddress .city,
.jFormer .jFormComponentAddress .zip {
    width: 10em
}

.jFormer .jFormComponentAddress .addressLine1, .jFormer .jFormComponentAddress .addressLine2 {
    width: 24em
}

.jFormer .jFormComponentAddress .addressLine2Div, .jFormer .jFormComponentCreditCard .cardNumberDiv {
    display: block;
    margin-top: .25em
}

.jFormer .jFormComponentAddress .stateDiv, .jFormer .jFormComponentAddress .countryDiv {
    display: block;
    float: left;
    margin: .25em 0 0
}

#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(../images/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;
    filter: dropshadow(color=#000000, offx=1, offy=1);
    position: absolute;
    z-index: 500;
    width: 700px;
    line-height: 30px;
    top: 50px;
    font-family: "Roboto", helvetica, verdana;
    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(../images/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: 180px;
    display: inline-block;
    margin: 5px 3px 0px 2px;
}

.videomainlist .medialistin
{
    margin: 5px 17px 5px 13px;
}

.videoeachsmall
{
    height: 108px;
}

.medialistin .thumbmedia img
{
    border: 0px;
}

.medialistin .thumbmedia .mediaimagein
{
    width: 180px;
    margin-top: -2px;
    margin-left: -3px;
}

.medialistin .thumbmedia .groupregular
{
    width:auto !important;
    height:100px !important;
}

.medialistin .thumbmedia .thumbimagein
{
    width: 150px;
    height: 100px;
}

.medialistin .thumbmedia .onthumbmedia 
{
    position: relative;
    height: 98px;
    border: 1px solid #f3f3f0;
    overflow: hidden;
    text-align:center;
}

.medialistin .thumbmedia
{
    border: 1px solid #e7e7e7;
    background:#fff;
}

.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: 3px;
    right: 0px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana;
    font-size: 8px;
    line-height: 12px;
    background:#222;
    opacity:0.8;
    color: #fff;
    height: 12px;
    padding-left: 4px;
    padding-right: 4px;
}

.medialistin .topvideohover img
{
    margin-right: 2px;
}

.medialistin .hovertype
{
    display:none !important;
}

.medialistin .groupusert
{
    background:#000;
    z-index: 1;
    position: absolute;
    top: 1px;
    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;
}

.mediagroup
{
    width: 210px;
}

.mediagroup .medialistin
{
    width:180px;
}

.mediagroup .medialistin .thumbmedia .mediaimagein
{
    width:200px;
    margin-top: -1px;
    margin-left: -2px;
}

.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: 0px 6px 0px 6px;
    margin-left: 5px;
}

.media_title
{
    font-family: "Roboto","Lucida Grande", "Lucida Sans Unicode", Verdana;
    color: #0294e4;
    font-weight: normal;
    font-size: 15px;
    text-align: left;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.media_data
{
    font-family: "Roboto", "Lucida Grande", "Lucida Sans Unicode", Verdana;
    color: #636363;
    font-weight: 400;
    font-size: 12px;
    text-align: left;
    position: relative;
}

.media_data .owner_name
{
    margin:2px 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.media_data a
{
    color:#636363;
}

.media_data .media a: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
{
    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;
}

.media_title a
{
    color: #303030 !important;
}

.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: #fff url(../images/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
{
    border: 2px solid #F3F3F0;
}

.iosiconlist .iosiconlistimg:hover, .groupsiconlist .groupsiconlistimg:hover
{
    border: 2px solid #264d02;
}

.iosiconlist .iosiconlistimgselect, .groupsiconlist .groupsiconlistimgselect
{
    border: 2px solid #052ec4 !important;
}

#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: 17px "Roboto","Arial Black", sans-serif;
    color: #333333;
    padding: 0px;
    font-weight:600;
    margin: 0px;
    margin-bottom: 10px;
}

.education
{
    font-size: 12px;
    color: #333333;
    background: #f0f0f0;
    padding: 17px;
    line-height: 16px;
    position: relative;
    border-bottom:1px solid #ccc;
}

.education .edubottom
{
    margin-top: 5px;
    width: 393px;
}

.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", "Trebuchet MS", helvetica;
    color: #fff;
    background: transparent url(../images/learnmorebutton.png) no-repeat;
}

.education .learnmorebig
{
    background: transparent url(../images/learnmorebuttonbig.png) no-repeat;
    width: 218px;
}

.education .insideedu
{
    padding-right: 20px;
    display: block;
    font-size:12px;
    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;
    border: 1px solid #242424;
    display: inline-block;
    background: #242424;
    overflow: hidden;
}

.borderselected
{
    border: 1px solid #8B0D00;
}

.gobacktostart a
{
    display: block;
    width: auto;
    padding: 4px;
    background: #DADADA url(../images/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(../images/watermark.png) no-repeat right top;
}

.statsgenmain h1
{
    font-size: 30px;
}

.statsgenmain h2
{
    font-size: 18px;
}

.statsgenmain .statsinside
{
    margin-top: 5px;
}

.statsgenmain .statsinside div
{
    display: inline-block;
}

.statsgenmain .areachartdet
{
    width: 530px;
    border-right: 1px dotted #F0F7FF;
    padding: 5px;
}

.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
{
    width: 350px;
    text-align: center;
}

.statsgenmain .blue
{
    background: #F0F7FF;
}

.statsgenmain .topbardet
{
    border-top: 1px dotted #F0F7FF;
}

.statsgenmain #loginstats, .statsgenmain #videostats
{
    margin-bottom: 4px;
}

.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;
}

/* FlexPaper general styles */
.flexpaper_floatright {
    float: right;
    margin-left: 3px;
    margin-top: 0px;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    border: 1px solid transparent;
}

.flexpaper_floatright:hover {
    border: 1px solid #496487;
}

.flexpaper_grab {
    cursor: -moz-grab;
}

.flexpaper_grabbing {
    cursor: -moz-grabbing;
}

.flexpaper_hidden {
    display: none;
}

.flexpaper_noopa {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}

.flexpaper_printFrame {
    position: relative;
    left: -1000px;
    top: -10px;
    border-width: 0px;
    border-style: none;
    width: 0px;
    height: 0px;
}

/* FlexPaper text layer styles */
.flexpaper_textLayer {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: #000;
}

.flexpaper_textLayer > div {
    color: transparent;
    position: absolute;
    line-height: 1.3;
}

.flexpaper_selected {}

.flexpaper_selected_default {
    background-color: #3c78b4;
    opacity: .4;
    filter: alpha(opacity=40);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}

.flexpaper_selected_yellow {
    background-color: #fff774;
    opacity: .3;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

.flexpaper_selected_orange {
    background-color: #facd56;
    opacity: .3;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

.flexpaper_selected_green {
    background-color: #c2f785;
    opacity: .3;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

.flexpaper_selected_blue {
    background-color: #9cdcff;
    opacity: .3;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

.flexpaper_selected_selected {
    background-color: #444444;
    opacity: .3;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

.flexpaper_selected_hover {
    background-color: #444444;
    opacity: .3;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    cursor: pointer;
}

.flexpaper_selected_strikeout {
    background-color: #fb5450;
    opacity: .6;
    filter: alpha(opacity=60);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"
}

.flexpaper_selected_searchmatch {}

.flexpaper_tmpselected {
    background-color: #3c78b4;
    opacity: .3;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

.flexpaper_pageword {
    position: absolute;
    z-index: 10;
}

.flexpaper_selector {
    position: relative;
    left: -1000px;
    top: -10px;
    border-width: 0px;
    border-style: none;
    width: 0px;
    height: 0px;
}

/* FlexPaper specific styles for pages */
.flexpaper_viewer {
    height: 100%;
    width: 100%;
}

.flexpaper_initloader {
    padding-bottom: 21px;
    position: absolute !important;
    left: 0px;
    top: 0px;
}

.flexpaper_initloader_panel {
    font-family: Verdana;
    font-size: 10px;
    font-size: 10px;
    padding-top: 0px;
    padding-left: 10px;
    position: relative;
    top: 40%;
    background-color: #ffffff;
    width: 190px;
    height: 49px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
    opacity: .9;
    filter: alpha(opacity=90);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
}

.flexpaper_pages {
    clear: both;
    cursor: default;
}

.flexpaper_page > a:hover {
    background: #ff0;
    box-shadow: 0px 2px 10px #ff0;
    opacity: 0.4;
    filter: alpha(opacity=40);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}

.flexpaper_page .flexpaper_border {
    box-shadow: 0px 4px 5px #000;
    -moz-box-shadow: 0px 4px 5px #000;
    -webkit-box-shadow: 0px 4px 5px #000;
    background-color: white;
}

.flexpaper_page {
    clear: both;
    margin-bottom: 0.5em;
    cursor: default;
}

.flexpaper_page_zoomIn {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
}

.flexpaper_page_zoomOut {
    cursor: -webkit-zoom-out;
    cursor: -moz-zoom-out;
}

.flexpaper_page_dragPage {
    cursor: pointer;
    cursor: pointer;
}

.flexpaper_pixel_background
{
    background-image : url("../images/flexpaper_pixel_background.gif");
}

.flexpaper_pixel_imagesrc
{
    content : url("../images/flexpaper_pixel_background.gif");
}

/* FlexPaper specific styles for the toolbar */
.flexpaper_toolbarstd {
    display: inline-block;
    margin-left: 5%;
    margin-bottom: 3px;

    width: 623px;
    height: 29px;
    border-style: solid;
    border-width: 0px;
    z-index: 100;
    background-color: #555555;
}

.flexpaper_toolbarios {
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-left: 5%;
    width: 91%;
    white-space: nowrap;
    height: 46px;
    z-index: 100;
    margin-bottom: 3px;
    border-color: #000000;
}

.flexpaper_toolbarios_gradients {
    background-image: linear-gradient(bottom, rgb(43, 43, 43) 16%, rgb(60, 60, 60) 63%, rgb(79, 79, 79) 87%);
    background-image: -o-linear-gradient(bottom, rgb(43, 43, 43) 16%, rgb(60, 60, 60) 63%, rgb(79, 79, 79) 87%);
    background-image: -moz-linear-gradient(bottom, rgb(43, 43, 43) 16%, rgb(60, 60, 60) 63%, rgb(79, 79, 79) 87%);
    background-image: -webkit-linear-gradient(bottom, rgb(43, 43, 43) 16%, rgb(60, 60, 60) 63%, rgb(79, 79, 79) 87%);
    background-image: -ms-linear-gradient(bottom, rgb(43, 43, 43) 16%, rgb(60, 60, 60) 63%, rgb(79, 79, 79) 87%);

    background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.16, rgb(78, 78, 78)),
    color-stop(0.63, rgb(88, 88, 88)),
    color-stop(0.87, rgb(112, 112, 112))
    );
}

.flexpaper_zine_page_right {
    background-image: linear-gradient(right , rgba(255, 255, 255, 0) 89%, rgba(125, 124, 125, 0.3) 100%);
    background-image: -o-linear-gradient(right , rgba(255, 255, 255, 0) 89%, rgba(125, 124, 125, 0.3) 100%);
    background-image: -moz-linear-gradient(right , rgba(255, 255, 255, 0) 89%, rgba(125, 124, 125, 0.3) 100%);
    background-image: -webkit-linear-gradient(right , rgba(255, 255, 255, 0) 89%, rgba(125, 124, 125, 0.3) 100%);
    background-image: -ms-linear-gradient(right , rgba(255, 255, 255, 0) 89%, rgb(125, 124, 125) 100%);

    background-image: -webkit-gradient(
    linear,
    right bottom,
    left bottom,
    color-stop(0.89, rgba(255, 255, 255, 0)),
    color-stop(1, rgba(125, 124, 125, 0.3))
    );

}

.flexpaper_zine_page_left {
    background-image: linear-gradient(left , rgba(255, 255, 255, 0) 89%, rgba(125, 124, 125, 0.3) 100%);
    background-image: -o-linear-gradient(left , rgba(255, 255, 255, 0) 89%, rgba(125, 124, 125, 0.3) 100%);
    background-image: -moz-linear-gradient(left , rgba(255, 255, 255, 0) 89%, rgba(125, 124, 125, 0.3) 100%);
    background-image: -webkit-linear-gradient(left , rgba(255, 255, 255, 0) 89%, rgba(125, 124, 125, 0.3) 100%);
    background-image: -ms-linear-gradient(left , rgba(255, 255, 255, 0) 89%, rgb(125, 124, 125) 100%);

    background-image: -webkit-gradient(
    linear,
    left bottom,
    right bottom,
    color-stop(0.89, rgba(255, 255, 255, 0)),
    color-stop(1, rgba(125, 124, 125, 0.3))
    );
}

.flexpaper_tbbutton {
    float: left;
    margin-left: 1px;
    margin-bottom: 10px;
    margin-top: 6px;
    margin-right: 8px;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    border: 1px solid transparent;
}

.flexpaper_tbbutton_pressed {
    opacity: 0.4;
    filter: alpha(opacity=40);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}

.flexpaper_tbbutton_disabled {
    opacity: 0.4;
    filter: alpha(opacity=40);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"
}

.flexpaper_tbbutton_large {
    float: left;
    margin-left: 3px;
    margin-top: 1px;
    padding-left: 1px;
    padding-right: 1px;
    padding-top: 1px;
    padding-bottom: 1px;
    border: 1px solid transparent;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.flexpaper_tbbutton:hover {
    border: 1px solid #ffffff;
}

.flexpaper_tbtextbutton {
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 20px;
    position: relative;
    float: left;
    margin-left: 2px;
    padding-right: 5px;
    padding-top: 1px;
    padding-bottom: 3px;
    border: 1px solid transparent;
    font-family: Verdana;
    font-size: 10px;
    height: 14px;
    vertical-align: middle
}

.flexpaper_tbtextbutton:hover {
    border: 1px solid #496487;
    float: left;
    font-family: Verdana;
    font-size: 10px;
    cursor: default;
}

.flexpaper_tbtextbutton_pressed {
    background-image: -ms-linear-gradient(bottom right, #C5E4FC 0%, #B6C8DF 100%);
    background-image: -moz-linear-gradient(bottom right, #C5E4FC 0%, #B6C8DF 100%);
    background-image: -o-linear-gradient(bottom right, #C5E4FC 0%, #B6C8DF 100%);
    background-image: -webkit-gradient(linear, right bottom, left top, color-stop(0, #C5E4FC), color-stop(1, #B6C8DF));
    background-image: -webkit-linear-gradient(bottom right, #C5E4FC 0%, #B6C8DF 100%);
    background-image: linear-gradient(bottom right, #C5E4FC 0%, #B6C8DF 100%);
}

.flexpaper_tbbutton:active
{
    background-image: url("../images/flexpaper_tbbutton.png");
}

.flexpaper_tbseparator {
    float: left;
    margin-top: 3px;
    padding-top: 1px;
    padding-left: 2px;
    padding-right: 2px;
}

.flexpaper_tbseparator_large {
    float: left;
    padding-top: 3px;
    padding-left: 7px;
    padding-right: 7px;
}

.flexpaper_tbbutton_fitmode_selected {
    background-color: #bbdaf3;
}

.flexpaper_tbbutton_viewmode_selected {
    background-color: #bbdaf3;
}

.flexpaper_tbbutton_cursormode_selected {
    background-color: #bbdaf3;
}

.flexpaper_tbbutton_fullscreen_selected {
    background-color: #bbdaf3;
}

.flexpaper_tbtextinput {
    float: left;
    font-family: Verdana;
    font-size: 10px;
    margin-top: 4px;
    height: 20px;
    border: 1px solid #888;
    padding: 3px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.flexpaper_tbtextinput_large {
    float: left;
    font-family: Verdana;
    font-size: 18px;
    margin-top: 7px;
    height: 31px;
    border: 1px solid #888;
    padding: 3px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.flexpaper_tblabel {
    color: #ffffff;
    float: left;
    font-family: Verdana;
    font-size: 10px;
    height: 14px;
    margin-top: 8px;
    margin-left: 5px;
    width: 29px;
}

.flexpaper_tblabel_large {
    float: left;
    font-family: Verdana;
    font-size: 18px;
    height: 29px;
    margin-top: 11px;
    margin-left: 5px;
    width: 59px;
    color: #ffffff;
}

.flexpaper_tbloader {
    float: right;
    margin-top: 3px;
    margin-right: 3px;
}

.flexpaper_slider
{
    top: 8px;
    float: left;
    margin-left: 4px;
    margin-right: 4px;
    width: 108px;
    position: relative;
    height: 12px;
    background-image: url("../images/flexpaper_slider.gif");
}

.flexpaper_slider .flexpaper_handle
{
    position: absolute;
    width: 11px;
    height: 12px;
    color: #FFF;
    line-height: 10px;
    text-align: center;
    background-image: url("../images/flexpaper_handle.png");
    background-repeat: no-repeat;
}

.flexpaper_slider .disabled {}

.flexpaper_colorselector {
    float: left;
    border: 1px solid #555555;
    width: 16px;
    height: 16px;
}

.flexpaper_colorselector:hover
{
    background-image: url("../images/flexpaper_colorselector.gif");
    background-position: center;
    background-repeat: no-repeat;
}

.flexpaper_colorselector_2 {
    float: left;
    border: 1px solid #555555;
    width: 16px;
    height: 16px;
}

.flexpaper_colorselector_2:hover
{
    background-image: url("../images/flexpaper_colorselector.gif");
    background-position: center;
    background-repeat: no-repeat;
}

.flexpaper_printdialog_button {
    -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
    -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, #ededed), color-stop(1, #dfdfdf) );
    background: -moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color: #ededed;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    color: #777777;
    font-family: arial;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 24px;
    text-decoration: none;
    text-shadow: 1px 1px 0px #ffffff;
}

.flexpaper_printdialog_button:hover {
    background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
    background: -moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
    background-color: #dfdfdf;
}

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

.flexpaper_printdialog td {
    font-size: 11px;
    border: 0;
    padding: 5px 5px 5px 5px;
}

.flexpaper_searchabstract_result {
    color: #cccccc;
    font-family: Verdana;
    font-size: 10px;
    width: 100%;
    display: block;
    min-height: 40px;
    height: 40px;
}

.flexpaper_searchabstract_result:hover {
    background-color: #999;
    cursor: pointer;
}

.flexpaper_mark_link {
    position: absolute;
    cursor: pointer;
    z-index: 99;
}

.flexpaper_mark_video {
    position: absolute;
    cursor: pointer;
    z-index: 99;
}

.flexpaper_mark_image {
    position: absolute;
    cursor: pointer;
    z-index: 99;
}

/* 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("../images/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;
    filter: 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;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */

/* Fisheye */
.flexpaper_fisheye {
    display: block;
    top: auto;
    width: 100%;
    text-align: center;
    overflow: hidden;
    margin-top: -60px;
}

.flexpaper_fisheye ul {
    padding: 0px;
    list-style: none;
    line-height: 198px;
    text-align: center;
    white-space: nowrap;
    display: inline-block;
}

.flexpaper_fisheye ul:before,
.flexpaper_fisheye ul:after {
    content: "";
    color: transparent;
    display: inline-block;
    width: 0px;
    padding-top: 60px;
    margin-top: -60px;
    vertical-align: bottom;
}

/* Fisheye Icons */
.flexpaper_fisheye li {
    display: inline-block;
    vertical-align: bottom;
    margin: 0px;
    padding: 0px;
    position: relative;
    overflow: visible;
    padding-right: 1px;
}

.flexpaper_fisheye li a {
    /*    height: 153px; */
    display: inline-block;
    text-align: center;
    position: relative;
    vertical-align: bottom;
    text-decoration: none;
    color: #ffffff;
    white-space: normal;
    letter-spacing: normal;
    line-height: 1.3em;
    text-align: center;
    font-family: Arial;
    padding-top: 40px;
    margin-bottom: 5px;
    overflow: visible;
}

body.no_js .flexpaper_fisheye > li a:hover {
    width: 128px !important;
}

.flexpaper_fisheye li a span {
    position: relative;
    line-height: 1.3em;
    display: none;
    text-align: center;
    font-weight: bold;
    font-size: 80%;
    padding: 4px 12px;
    margin: 0px auto;
    top: -35px;

    border-radius: 7px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

.flexpaper_fisheye > li a img, .flexpaper_fisheye canvas {
    height: auto;
    width: 100%;
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: bicubic;
    position: absolute;
    left: 0px;
    bottom: 10px;
    text-align: center;
    border: 0px none;
    margin-bottom: 15px;
}

.flexpaper_fisheye_panelLeft, .flexpaper_fisheye_panelRight {
    height: auto;
    width: 100%;
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: bicubic;
    position: absolute;
    left: 0px;
    bottom: 10px;
    text-align: center;
    border: 0px none;
    margin-bottom: 15px;
}

.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('../images/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
{
    width: 100%;
    font-size: 14px;
    position: relative;
}

.passwordasker h1
{
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
}

.passwordasker input[type=text], .passwordasker input[type=password]
{
    width: 240px !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;
    text-align: right;
    padding-right: 10px;
    display: inline-block !important;
}

.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%;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
    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;
    height: 80px;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 5px;
    overflow: hidden;
    padding:10px;
}

.lockicon .appicongrey
{
    width: 200px;
}

.medicons .appicongrey
{
    position: absolute;
    top: 4px;
    z-index: 50;
    left: 0px !important;
    width: 80px;
    height: 95px;
}

.medicons .appbutton
{
    font-size: 12px;
    white-space: nowrap;
}

.medicons
{
    height: 100%;
}

.medicons .apphelplink
{
    display: none !important;
}

.downloadfiletype
{
    overflow: hidden;
    position: relative;
    background-color: transparent;
    height: 100%;
    font-size: 10px;
}

.downloadfiletype .extramsg
{
    position:absolute;
    font-size:3vw;
    top:1vw;
    left:1.5vw;
    z-index:9;
    line-height:5vw;
    color:#fff;
}

.downloadfiletype img
{
    position: absolute;
    top: 0px;
    width: 100%;
}

.downloadfiletype .absmiddlecenter
{
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
}

.downloadfiletype .absmiddlecenter .downfile
{
    margin-left: -1vw;
    margin-top: -2vh;
}

.downldbar
{
}

.downfile
{
    background: #00c526;
    text-align: center;
    color: #fff;
    padding: 2vh 4vw !important;
    font-size: 4vh;
}

.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('../images/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;
    min-height: 300px;
    position:relative;
    text-align:center;
}

.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("../images/fullsizable.gif");
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

#jquery-fullsizable #fullsized_image_holder img
{
    display: block;
    margin: 0 auto;
}

/* The MIT License */
.skupfile,
.skupfile *,
.dropzone-previews,
.dropzone-previews *
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.skupfile
{
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.08);
    background: rgba(0, 0, 0, 0.02);
    padding: 1em;
}

.skupfile.dz-clickable
{
    cursor: pointer;
}

.skupfile.dz-clickable .dz-message,
.skupfile.dz-clickable .dz-message span
{
    cursor: pointer;
}

.skupfile.dz-clickable *
{
    cursor: default;
}

.skupfile .dz-message
{
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.skupfile.dz-drag-hover
{
    border-color: rgba(0, 0, 0, 0.15);
    background: rgba(0, 0, 0, 0.04);
}

.skupfile.dz-started .dz-message
{
    display: none;
}

.skupfile .dz-preview,
.dropzone-previews .dz-preview
{
    background: rgba(255, 255, 255, 0.9);
    position: relative;
    display: inline-block;
    margin: 2px;
    vertical-align: top;
    border: 1px solid #acacac;
    padding: 6px 6px 6px 6px;
    width: 145px;
}

.skupfile .uinput
{
    max-width: 100%;
}

.skupfile .dz-preview.dz-file-preview [data-dz-thumbnail],
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail]
{
    display: none;
}

.skupfile .dz-preview .dz-details,
.dropzone-previews .dz-preview .dz-details
{
    width: auto;
    height: 100px;
    position: relative;
    background: #ebebeb;
    padding: 5px;
    margin-bottom: 22px;
}

.skupfile .dz-preview .dz-details .dz-filename,
.dropzone-previews .dz-preview .dz-details .dz-filename
{
    overflow: hidden;
    height: 100%;
}

.skupfile .dz-preview .dz-details img,
.dropzone-previews .dz-preview .dz-details img
{
    position: absolute;
    top: 0;
    left: 0;
    width: 130px;
    height: 100px;
}

.skupfile .dz-preview .dz-details .dz-size,
.dropzone-previews .dz-preview .dz-details .dz-size
{
    position: absolute;
    bottom: -28px;
    left: 3px;
    height: 28px;
    line-height: 28px;
}

.skupfile .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark
{
    display: block;
}

.skupfile .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark
{
    display: block;
}

.skupfile .dz-preview:hover .dz-details img,
.dropzone-previews .dz-preview:hover .dz-details img
{
    display: none;
}

.skupfile .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark,
.skupfile .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark
{
    display: none;
    position: absolute;
    width: 40px;
    height: 40px;
    font-size: 30px;
    text-align: center;
    right: -10px;
    top: -10px;
}

.skupfile .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark
{
    color: #8cc657;
}

.skupfile .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark
{
    color: #ee162d;
}

.skupfile .dz-preview .dz-progress,
.dropzone-previews .dz-preview .dz-progress
{
    position: absolute;
    top: 100px;
    left: 6px;
    right: 6px;
    height: 6px;
    background: #d7d7d7;
    display: none;
}

.skupfile .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload
{
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0%;
    background-color: #8cc657;
}

.skupfile .dz-preview.dz-processing .dz-progress,
.dropzone-previews .dz-preview.dz-processing .dz-progress
{
    display: block;
}

.skupfile .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message
{
    display: none;
    position: absolute;
    top: -5px;
    left: -20px;
    background: rgba(245, 245, 245, 0.8);
    padding: 8px 10px;
    color: #800;
    min-width: 140px;
    max-width: 500px;
    z-index: 500;
}

.skupfile .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message
{
    display: block;
}

.skupfile
{
    border: 1px solid rgba(0, 0, 0, 0.03);
    min-height: 380px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(0, 0, 0, 0.03);
    padding: 0px;
}

.skupfile .dz-default.dz-message
{
    opacity: 1;
    -ms-filter: none;
    filter: none;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    background-image: url("../images/spritemap.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    width: 428px;
    height: 123px;
    margin-left: -214px;
    margin-top: -61.5px;
    top: 50%;
    left: 50%;
}

@media all and (-webkit-min-device-pixel-ratio:1.5), (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:1.5/1), (min-device-pixel-ratio:1.5), (min-resolution:138dpi), (min-resolution:1.5dppx)
{
    .skupfile .dz-default.dz-message
    {
        background-image: url("../images/spritemap@2x.png");
        -webkit-background-size: 428px 406px;
        -moz-background-size: 428px 406px;
        background-size: 428px 406px;
    }
}

.skupfile .dz-default.dz-message span
{
    display: none;
}

.skupfile.dz-square .dz-default.dz-message
{
    background-position: 0 -123px;
    width: 268px;
    margin-left: -134px;
    height: 174px;
    margin-top: -87px;
}

.skupfile.dz-drag-hover .dz-message
{
    opacity: 0.15;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
    filter: alpha(opacity=15);
}

.skupfile.dz-started .dz-message
{
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
}

.skupfile .dz-preview,
.dropzone-previews .dz-preview
{
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);
    font-size: 14px;
    z-index: 2 !important;
}

.skupfile .dz-preview.dz-image-preview:hover .dz-details img,
.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img
{
    display: block;
    opacity: 0.1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
    filter: alpha(opacity=10);
}

.skupfile .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark
{
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.skupfile .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark
{
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.skupfile .dz-preview.dz-error .dz-progress .dz-upload,
.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload
{
    background: #ee1e2d;
}

.skupfile .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark,
.skupfile .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark
{
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
    background-image: url("../images/spritemap.png");
    background-repeat: no-repeat;
}

@media all and (-webkit-min-device-pixel-ratio:1.5), (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:1.5/1), (min-device-pixel-ratio:1.5), (min-resolution:138dpi), (min-resolution:1.5dppx)
{
    .skupfile .dz-preview .dz-error-mark,
    .dropzone-previews .dz-preview .dz-error-mark,
    .skupfile .dz-preview .dz-success-mark,
    .dropzone-previews .dz-preview .dz-success-mark {
        background-image: url("../images/spritemap@2x.png");
        -webkit-background-size: 428px 406px;
        -moz-background-size: 428px 406px;
        background-size: 428px 406px;
    }
}

.skupfile .dz-preview .dz-error-mark span,
.dropzone-previews .dz-preview .dz-error-mark span,
.skupfile .dz-preview .dz-success-mark span,
.dropzone-previews .dz-preview .dz-success-mark span
{
    display: none;
}

.skupfile .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark
{
    background-position: -268px -123px;
}

.skupfile .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark
{
    background-position: -268px -163px;
}

.skupfile .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload
{
    -webkit-animation: loading 0.4s linear infinite;
    -moz-animation: loading 0.4s linear infinite;
    -o-animation: loading 0.4s linear infinite;
    -ms-animation: loading 0.4s linear infinite;
    animation: loading 0.4s linear infinite;
    -webkit-transition: width 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out;
    -ms-transition: width 0.3s ease-in-out;
    transition: width 0.3s ease-in-out;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-image: url("../images/spritemap.png");
    background-repeat: repeat-x;
    background-position: 0px -400px;
}

@media all and (-webkit-min-device-pixel-ratio:1.5), (min--moz-device-pixel-ratio:1.5), (-o-min-device-pixel-ratio:1.5/1), (min-device-pixel-ratio:1.5), (min-resolution:138dpi), (min-resolution:1.5dppx)
{
    .skupfile .dz-preview .dz-progress .dz-upload,
    .dropzone-previews .dz-preview .dz-progress .dz-upload
    {
        background-image: url("../images/spritemap@2x.png");
        -webkit-background-size: 428px 406px;
        -moz-background-size: 428px 406px;
        background-size: 428px 406px;
    }
}

.skupfile .dz-preview.dz-success .dz-progress,
.dropzone-previews .dz-preview.dz-success .dz-progress
{
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -o-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out;
}

.skupfile .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message
{
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.skupfile .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message
{
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.skupfile a.dz-remove,
.dropzone-previews a.dz-remove
{
    background-image: -webkit-linear-gradient(top, #fafafa, #eee);
    background-image: -moz-linear-gradient(top, #fafafa, #eee);
    background-image: -o-linear-gradient(top, #fafafa, #eee);
    background-image: -ms-linear-gradient(top, #fafafa, #eee);
    background-image: linear-gradient(to bottom, #fafafa, #eee);
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #eee;
    text-decoration: none;
    display: block;
    padding: 4px 5px;
    text-align: center;
    color: #aaa;
    margin-top: 5px;
}

.skupfile a.dz-remove:hover,
.dropzone-previews a.dz-remove:hover
{
    color: #666;
}

.skwUpload
{
    display: block;
    margin: 10px auto;
    padding: 0;
    border: 0px solid #CCC;
    overflow: visible;
}

.skwUpload .stepContainer
{
    display: block;
    margin: 0;
    padding: 0;
    border: 0px solid #CCC;
    min-height: 362px !important;
}

.skwUpload .stepContainer div.content
{
    display: block;
    margin: 0 auto;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    font: normal 12px "Roboto", Verdana, Arial, Helvetica, sans-serif;
    color: #5A5655;
    background-color: #f4f4f4;
    text-align: left;
    min-height: 350px !important;
    overflow: visible;
    z-index: 88;
}

.skwUpload #step-3
{
    max-height: 350px;
}

.skwUpload #step-4.rowlist
{
    min-width:0;
}

.skwUpload #step-4.rowlist .medialist
{
    margin:1px;
}

.skwUpload div.actionBar
{
    display: block;
    margin: 3px 0 0 0;
    padding: 0px 5px;
    color: #5A5655;
    background-color: #F8F8F8;
    text-align: left;
    overflow: auto;
    z-index: 88;
    left: 0;
    position:relative;
}

.skwUpload .stepContainer .StepTitle
{
    display: block;
    margin: 0;
    border: 1px solid #E0E0E0;
    padding: 5px;
    font: bold 16px "Roboto", Verdana, Arial, Helvetica, sans-serif;
    color: #5A5655;
    background-color: #E0E0E0;
    text-align: left;
    z-index: 88;
    -webkit-border-radius: 5px;
    -moz-border-radius : 5px;
    border-radius : 5px;
}

.skwUpload ul.anchor
{
    display: block;
    list-style: none;
    padding: 0px;
    margin: 10px 0;
    clear: both;
    border: 0px solid #CCCCCC;
    background: transparent; /*#EEEEEE */
}

.skwUpload ul.anchor li
{
    margin: 0;
    padding: 0;
    padding-left: 3px;
    padding-right: 3px;
    border: 0px solid #E0E0E0;
    display: inline-block;
}

/* Anchor Element Style */
.skwUpload ul.anchor li a
{
    margin: 0;
    padding: 1px;
    text-decoration: none;
    outline-style: none;
    -moz-border-radius : 5px;
    -webkit-border-radius: 5px;
    border-radius : 5px;
    z-index: 99;
    display: inline-block;
}

.skwUpload ul.anchor li a .stepNumber
{
    width:20px;
    text-align: center;
    padding: 5px;
    padding-top: 0;
    display: inline-block;
    font: bold 40px "Roboto", Verdana, Arial, Helvetica, sans-serif;
}

.skwUpload ul.anchor li a .stepDesc
{
    display: block;
    text-align: left;
    padding: 5px 15px 5px 5px;
    display: inline-block;
    font: bold 18px "Roboto", Verdana, Arial, Helvetica, sans-serif;
}

.skwUpload ul.anchor li a .stepDesc small
{
    font: normal 12px "Roboto", Verdana, Arial, Helvetica, sans-serif;
}

.skwUpload ul.anchor li a.selected
{
    color: #F8F8F8;
    background: #2b6bb4; /* EA8511 */
    cursor: text;
    -moz-box-shadow: 3px 3px 3px rgba(136,136,136,0.5);
    -webkit-box-shadow: 3px 3px 3px rgba(136,136,136,0.5);
    box-shadow: 3px 3px 3px rgba(136,136,136,0.5);
}

.skwUpload ul.anchor li a.selected:hover
{
    color: #F8F8F8;
    background: #2b4cb4;
}

.skwUpload ul.anchor li a.done
{
    color: #FFF;
    background: #646464;
    border: 1px solid #646464;
    z-index: 99;
}

.skwUpload ul.anchor li a.done:hover
{
    color: #dddddd;
    background: #646464;
    border: 1px solid #5A5655;
}

.skwUpload ul.anchor li a.disabled
{
    color: #CCCCCC;
    background: #F8F8F8;
    border: 1px solid #CCC;
    cursor: text;
}

.skwUpload ul.anchor li a.disabled:hover
{
    color: #CCCCCC;
    background: #F8F8F8;
}

.skwUpload ul.anchor li a.error
{
    color: #6c6c6c !important;
    background: #f08f75 !important;
    border: 1px solid #fb3500 !important;
}

.skwUpload ul.anchor li a.error:hover
{
    color: #000 !important;
}

.skwUpload .buttonNext
{
    display: block;
    float: right;
}

.skwUpload .buttonUploadmore
{
    display: block;
    float: right;
}

.skwUpload .buttonDisabled
{
    visibility: hidden;
}

.skwUpload .buttonPrevious
{
    display: block;
    float: right;
}

.skwUpload .buttonFinish
{
    display: block;
    position: absolute;
    right: 0px;
}

/* Form Styles */

.txtBox, .txtBoxhalf
{
    border: 1px solid #CCCCCC;
    color: #3a3a3a;
    font: 13px "Roboto", Verdana, Arial, Helvetica, sans-serif;
    padding: 2px;
    width: 430px;
    background: #fff;
}

.txtBoxhalf
{
    width: 200px;
}

.txtBoxhalf disabled
{
    color: #ddd;
}

.txtBox:focus
{
    border: 1px solid #2b4cb4;
}

.skwUpload .loader
{
    position: relative;
    display: none;
    float: left;
    margin: 2px 0 0 2px;
    padding: 8px 10px 8px 40px;
    border: 1px solid #FFD700;
    font: bold 13px "Roboto", Verdana, Arial, Helvetica, sans-serif;
    color: #5A5655;
    background: #FFF url(../images/loader.gif) no-repeat 5px;
    -moz-border-radius : 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 998;
}

.skwUpload .msgBox {
    display: none;
    margin: 4px 0 0 5px;
    background-color: transparent;
    font: normal 16px "Roboto", Verdana, Arial, Helvetica, sans-serif;
    color: #01285e;
    z-index: 999;
}

.skwUpload .msgBox .content
{
    font: normal 16px "Roboto", Verdana, Arial, Helvetica, sans-serif;
    padding: 0px;
    line-height: 30px;
}

.skwUpload .msgBox .close
{
    display: none;
    border: 1px solid #CCC;
    border-radius: 3px;
    color: #CCC;
    float: right;
    margin: 0 0 0 5px;
    outline-style: none;
    padding: 0 2px 0 2px;
    position: relative;
    text-align: center;
    text-decoration: none;
}

.skwUpload .msgBox .close:hover {
    color: #2b4cb4;
    border: 1px solid #2b4cb4;
}

.skwUpload .upformleft
{
    text-align: right;
    font-size: 16px;
}

.skwUpload .upformright
{
    text-align: left;
}

.skwUpload .upformright input[type=text]
{
    height: 30px;
    font-size: 16px;
    -moz-border-radius : 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.skwUpload .upformright textarea
{
    -moz-border-radius : 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.skwUpload .upformright select
{
    height: 30px;
    font-size: 16px !important;
    width: 200px;
    -moz-border-radius : 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#step-3 .fallback
{
    left: 100px;
    position: absolute;
    top: 100px;
    font-size: 16px;
}

#step-3 .fileinputs
{
    left: 150px;
}

#step-3 .fakeuinput
{
    height: 30px;
    font-size: 16px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.skwUpload .upformright select[multiple] {
    height: 200px;
}

.skdroptitle
{
    font-size: 26px;
    font-weight: bold;
    position: absolute;
    top: 15%;
    line-height:36px;
    width: 100%;
    text-align: center;
    color: #ccc;
}

.skdroptitle a
{
    text-decoration: none;
    color: #999;
    display:inline-block;
    min-width:250px;
    border:1px solid #000;
    text-align:center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    background:#fff;
    -webkit-box-shadow: 5px 5px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 5px 5px 3px rgba(0, 0, 0, .1);
    box-shadow: 5px 5px 3px rgba(0, 0, 0, .1);
}

#step-3 .skdroptitle a div
{
    font-size:14px;
}

#step-3 .skdroptitle a div.font-icon
{
    font-size:80px;
    display:inline-block;
}

.formstyle .formwhole .skupgroup
{
    display: none;
}

.bar1 {
    background-color: #cccccc;
    background-image: url('../images/progressbarlinesback.png');
    position: relative;
    text-align: left;
    height: 30px;
    width: auto;
    border: 1px solid #ccc;
}

.bar2
{
    -webkit-animation: loading 1s linear infinite;
    -moz-animation: loading 1s linear infinite;
    -o-animation: loading 1s linear infinite;
    -ms-animation: loading 1s linear infinite;
    animation: loading 1s linear infinite;
    -webkit-transition: width 0.8s ease-in-out;
    -moz-transition: width 0.8s ease-in-out;
    -o-transition: width 0.8s ease-in-out;
    -ms-transition: width 0.8s ease-in-out;
    transition: width 0.8s ease-in-out;
    background-color: #666666;
    background-image: url('../images/progressbarlines.png');
    -moz-animation: moveBack 2s infinite linear;
    -o-animation: moveBack 2s infinite linear;
    -webkit-animation: moveBack 2s infinite linear;
    animation: moveBack 2s infinite linear;
    position: relative;
    text-align: left;
    height: 30px;
    width: 0%;
}

.createerror
{
    width: 100%;
    text-align: center;
}

.skwUpload #upload_status_wrap
{
    position: absolute;
    left: 4px;
    top: 4px;
}

#step4media h2, #step4groups h2
{
    font-size: 200%;
    margin: 10px 4px;
}

.grouplist
{
    display: inline-block;
    width:280px;
    text-align: center;
    border:1px solid #f5f5f5;
    margin-bottom:2px;
}

.medialist
{
    display: inline-block !important;
    width: 200px;
    text-align: center;
    border:1px solid #f5f5f5;
    margin-bottom:2px;
    vertical-align:top;
}

.medialist .medialistin
{
    height: auto;
}

.medialist.waitingapp
{
    background:#f6f5bb !important;
}

.medialist .titlehovering
{
    background-color: #000;
    width: 100%;
    color: #fff;
}

.blocklisting, .blocklistinggroup
{
    width: 860px;
    margin:auto;
    padding-left: 9px;
    padding-right: 9px;
    min-height: 150px;
    text-align:left;
    display:block;
}

.fullside .blocklistinggroup
{
    width:860px;
    padding:0px;
}

.mymedia .medialist, .rowlist .medialist
{
    margin: 2px 1px;
}

.blocklisting .nothingfound, .blocklistinggroup .nothingfound
{
    padding: 20px;
    text-align: center;
    margin: 0px;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.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
{
    text-align:center;
    font-size:300%;
    margin:0px;
    padding:0px;
    line-height:300%;
}

.mymedia,.rowlist,.pageformat
{
    width:auto;
    text-align: left;
    margin: 0 auto;
    background:#f4f4f4;
    border-bottom:1px solid #ccc;
}

.pageformat, .qtip.qtip-mainmedia
{
    background:#f9f9f9;
}

.viewmediacontent
{
    height:512px;
}

.pageformat .viewmediacontent
{
    border-bottom: 1px solid #ccc;
}

.mymedia .medialist,.rowlist .medialist
{
    border: 1px solid #cbd3d9;
    margin:5px;
}

.noborderlist.rowlist .medialist
{
    border:0px;
}

.bluebirdlst .medialist
{
    margin:0px 0px 2px 0px !important;
}

.mymedia .addmediasel,.rowlist .addmediasel
{
    background: #fff;
}

.mymedia .selectemedia,.rowlist .selectemedia
{
    background-color: #f1f1f1;
    background: -webkit-linear-gradient(top, rgba(210, 234, 247, 0.2) 50%, rgba(176, 219, 244, 0.2) 100%);
    background: -moz-linear-gradient(top, rgba(210, 234, 247, 0.2) 50%, rgba(176, 219, 244, 0.2) 100%);
    background: -o-linear-gradient(top, rgba(210, 234, 247, 0.2) 50%, rgba(176, 219, 244, 0.2) 100%);
    background: -ms-linear-gradient(top, rgba(210, 234, 247, 0.2) 50%, rgba(176, 219, 244, 0.2) 100%);
    background: linear-gradient(top, rgba(210, 234, 247, 0.2) 50%, rgba(176, 219, 244, 0.2) 100%);
}

.selectemediagreen
{
    background:#8fd073 !important;
    border:1px solid #426632 !important;
}

.pendingappr
{
    background:#f5f488 !important;
    border:1px solid #666032 !important;
}

.mymedia .selectemedia .thumbmedia,.rowlist .selectemedia .thumbmedia
{
    border: 1px solid #c2c2c2;
}

.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, .addremoveact, .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;
    filter: alpha(opacity=0);
    z-index: 20;
    cursor: hand;
    cursor: pointer;
    position: absolute;
    display: block;
    background: #fff;
    color: #000;
}

.bigtextbutton a, .spctextbutton a
{
    color: #000;
    text-decoration: none;
}

.bigtextbutton
{
    font-size: 60px;
    width: 50px;
    height: 50px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    top: 19px;
    right: 60px;
    line-height: 40px;
    color: #197826;
}

.bigtextnumber
{
    opacity: 0.5;
    filter: alpha(opacity=50);
    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
{
    opacity: 0.5;
    filter: alpha(opacity=50);
    color: red;
    font-size: 28px;
    font-weight: bold;
    width: 20px;
    height: 20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    top: 5px;
    right: 5px;
    line-height: 16px;
}

.spcaddedmsg
{
    opacity: 0.7;
    filter: alpha(opacity=70);
    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;
    filter: alpha(opacity=0);
    font-weight: bold;
    width: 100%;
    height: 30px;
    top: 34px;
    line-height: 16px;
    background-color: transparent !important;
    text-align:center;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    visibility:hidden;
    white-space: nowrap;
    margin:auto;
    display:block;
}

.addpreviewbut .font-icon
{
    font-size:24px;
    line-height:30px;
    padding:0px;
    margin:0px;
    color:#4e4e4e;
}

.hoverblocked
{
    display:none;
}

.simplepreview
{
    opacity:0;
    filter: alpha(opacity=0);
    font-weight: bold;
    width: 100%;
    height: 50px;
    top: 20px;
    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;
}

.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;
}

.addpreviewbut .mediabutton
{
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0px !important;
    padding: 0px !important;
    border: 1px solid #333;
    background-color: #fff !important;
    text-align: center;
}

.addpreviewbut .mediabutton:hover .font-icon
{
    color:#000;
}

.commentsonmedconf
{
    opacity: 0.5;
    filter: alpha(opacity=50);
    background: transparent url('../images/commentsmed.png') no-repeat;
    width: 25px;
    height: 23px;
    display: inline-block;
    vertical-align: middle;
    padding-top: 0px;
    margin-top: -2px;
}

.commentsonmedhold
{
    position: absolute;
    bottom: -2px;
    right: 20px;
}

.thumgen .commentsonmedhold
{
    top:0px;
    right: 8px;
}

.commentsonmedhold .font-icon
{
    font-size:16px;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.commentsonmedhold:hover .font-icon
{
    opacity:1;
    filter: alpha(opacity=100);
}

.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: hand;
    cursor: pointer;
}

.locksprivpubhold
{
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.locksprivpubhold .font-icon
{
    font-size:16px;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

.locksprivpubhold:hover .font-icon
{
    opacity: 1;
    filter: alpha(opacity=100);
}

.locksprivpub
{
    cursor: hand;
    cursor: pointer;
}

.locksprivpubconf
{
    background: transparent url('../images/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
{
    opacity: 0.8;
    filter: alpha(opacity=80);
    color: #0095ff;
    top: 3px;
    right: 3px;
    padding: 2px;
    width: 15px;
    height: 15px;
    font-size: 30px;
    line-height: 16px;
    border:1px solid #666;
}

.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:hand;
    cursor:pointer;
    border:1px solid #737373;
    padding:2px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.removeusergroup
{
    color: #830d0d;
    top: 0px;
    right: 0px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 15px;
    padding: 2px;
    width: 20px;
    height: 20px;
    font-size: 20px;
    position:absolute;
    line-height: 16px;
    margin:0px !important;
    visibility:hidden;
    cursor:hand;
    cursor:pointer;
}

.groupusers .hovertype
{
    width:auto !important;
    background:black;
    color:#fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding:0px 3px;
}

.addremoveactdel
{
    color: #fff !important;
    background-color: #0095ff !important;
}

.bigeditdesc
{
    opacity: 0.5;
    filter: alpha(opacity=50);
    color: #000;
    font-size: 14px;
    width: 80px;
    height: 20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    bottom: 10px;
    right: 45px;
    line-height: 20px;
}

.spctextbutton
{
    bottom: 5px;
    right: 60px;
    font-size: 14px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 2px;
}

.qtip-content .commentsmed
{
    width: 400px;
}

.qtip-content .animate-spin
{
    margin-right: .5em;
}

.hoverqtip
{
    font-family: 'Roboto',proxima_nova_rgregular, sans-serif;
    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%);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size:12px !important;
    line-height:16px !important;
    -webkit-box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.1) !important;
    -moz-box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.1) !important;
    box-shadow: 3px 3px 3px 1px rgba(0,0,0,0.1) !important;
}

.dialogue
{
    font-size:14px !important;
    min-width:400px !important;
    font-family: proxima_nova_rgregular, sans-serif;
    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%);
    position:fixed !important;
}

.dialogue .qtip-content
{
    padding:0px;
}

.dialogue p
{
    font-size:14px;
    padding:5px 9px;
    line-height: 24px;
    color: rgb(113, 113, 113);
    -webkit-font-smoothing: antialiased;
}

.dialogue .qtip-titlebar
{
    padding:1.2em;
    border-bottom:1px solid #999;
    background-color: rgb(242, 242, 242) !important;
    color: rgb(113, 113, 113);
    font-weight: normal !important;
}

.dialogue .qtip-title:before
{
    content:'\E82e';
    font-size:1vw;
    font-family: "skoletube";
    margin-right: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.dialogue .qtip-content div
{
    padding:0.5em;
    border-top:1px solid #999;
    text-align:right;
    background-color: rgb(242, 242, 242);
}

.onthumbmedia:hover .bigtextbutton, .onthumbmedia:hover .spctextbutton, .medialist:hover .addpreviewbut,.medialist.hover .addpreviewbut, .medialist.hover .simplepreview, .medialist:hover .simplepreview, .medialist:hover .hideuhover, .medialist.hover .hideuhover
{
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    opacity: 0.9;
    filter: alpha(opacity=90);
    visibility:visible;
}

.videoanotherlst .hideuhover
{
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility:hidden;
}

.medialist .hideuhover
{
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility:hidden;
}

.medialist:hover .medialistin
{
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    box-shadow: 0px 1px 2px rgba(169 ,180, 196,0.5);
}

.medialist:hover
{
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    border-color: #a4adb4;
}

.slideshowprev .whitegrad
{
    max-width: 877px;
}

.slideshowprev .medialist
{
    display: inline-block;
}

.previewlst
{
    height: 300px;
    overflow: auto;
    margin: 0px auto;
    padding: 0px;
    list-style-type: none;
}

.previewlst li
{
    float: left;
}

.lstdescinput .lstdesctextarea
{
    width: 280px;
    height: 200px;
}

.lstdescinput, .lsttitleinput
{
    color: #000;
    font-size: 14px;
    margin-top: 10px;
}

.lstdescinput .lstdescbuttons
{
    margin-top: 5px;
}

.lsttitleinput .lsttitlebuttons
{
    margin-top: 20px;
}

.quicksearchgrp
{
    padding: 5px;
}

.specialdiv .bigtextbutton
{
    font-size: 60px;
    width: 120px;
    right: 30px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.specialdiv .spctextbutton
{
    right: 65px;
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.numberadded
{
    color: #FFF;
    font-size: 12px;
    border-radius: 10px;
    padding: 0px 4px;
    margin-left: 2px;
    background: none repeat scroll 0% 0% #325292;
    display: inline-block;
    min-width: 11px;
    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: hand;
    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: hand;
    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: hand;
    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;
}

.mediainfo .mediatitle .mediastats img
{
    width: 13px;
    vertical-align: middle;
    padding-bottom: 2px;
    margin-right: 2px;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
}

.mediainfo .imageicon, .editmedia .imageicon
{
    width: 20px;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
    vertical-align: middle;
    padding-right: 3px;
}

.mediainfo .mediagroupadded .groupicon, .editmedia .mediagroupadded .groupicon
{
    width: 11px;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=50);
    opacity: 0.5;
    vertical-align: middle;
    padding-right: 1px;
}

.mediainfo .mediatags ul, .mediainfo .mediagroups ul, .editmedia .mediagroups ul
{
    padding: 0px;
    margin: 5px 0px;
    list-style-type: none;
    display: inline-block;
}

.mediainfo .mediagroups ul, .editmedia .mediagroups ul
{
    display: block;
}

.addtokanaler .mediagroupadd li, .addtokanaler .mediagroupadd ul
{
    margin: 0px !important;
}

.addtokanaler .mediagroupadd li
{
    padding: 3px 0px;
    padding-left: 3px;
}

.mediainfo .mediatags li, .mediainfo .mediagroups li, .editmedia .mediagroups li
{
    display: inline-block;
    background: #f0f0f0 url(../images/buttonwhite.png) repeat-x;
    border: 1px solid #ccc;
    padding: 3px;
    margin: 3px 0px 0px 3px;
}

.mediainfo .mediagroups li, .editmedia .mediagroups li
{
    position: relative;
    padding-right: 18px;
}

.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 .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;
    height: 200px;
    padding: 4px 0px;
}

.mediainfo .autoplayset
{
    margin: 2px auto;
    display: block;
    width: 140px;
}

.mediainfo .mediasharein .medialinks
{
    margin-bottom: 6px;
}

.mediainfo .mediashare .medialinks input
{
    width: auto;
    height:25px;
    border: 1px solid #ccc;
    border: 1px solid #ccc;
}

.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;
    color:#445566;
}

.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
{
    position: relative;
    display: inline-block;
}

.mediainfo .mediagroupadd, .editmedia .mediagroupadd, .view-menu-items .mediagroupadd
{
    position: absolute;
    min-width: 150px;
    top: -155px;
    left: -2px;
    height: 150px;
    background-color: #fff;
    border: 1px solid #ccc;
    display: none;
    padding: 3px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 5px 5px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 5px 5px 3px rgba(0, 0, 0, .2);
    box-shadow: 5px 5px 3px rgba(0, 0, 0, .2);
}

.mediagroups .hideit, .mediagroupadd .hideit, .playlisting .hideit
{
    display: none !important;
}

.mediainfo .mediagroupadd .grplistingmain, .editmedia .mediagroupadd .grplistingmain,
.view-menu-items .mediagroupadd .grplistingmain, .mediaplaylistadd .playlistingmain
{
    overflow: auto;
    overflow-x: hidden;
    height: 125px;
    border: 1px solid #ebebeb;
}

.mediaplaylistadd .playlistingmain
{
    height: 145px;
    text-align:left;
}

.mediaplaylistadd .playlisting li .font-icon
{
    margin-right: .4em;
}

.mediaplaylistadd .playlisting li .playlisttotal
{
    color:#999;
    position:absolute;
    right:3px;
    display: inline-block;
}

.mediaplaylistadd .playlisting li a
{
    display: inline-block;
    width: 100%;
    height: 100%;
    color:#303030;
    position: relative;
}

.mediaplaylistadd .playlisting li a:hover
{
    text-decoration: none;
}

.mediaplaylistadd .playlisting li .playlisticon
{
    vertical-align: middle;
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
}

.mediaplaylistadd .playlisting .playlistadded, .mediaplaylistadd .playlisting .playlistadded:hover
{
    background-color: #aad89e !important;

}

.mediagroupadd .loadinggrey img, .playlisting .loadinggrey img
{
    width: 10px;
    height: 10px;
    vertical-align: middle;
    padding-left: 3px;
}

.massaddtokanaler, .massaddtoplaylist
{
    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:3px;
}

.massaddtokanaler .mediagroupadd, .massaddtoplaylist .mediaplaylistadd
{
    position: absolute;
    top: 20px;
    left: 0px;
    height: 200px;
    width: 230px;
    background-color: #fff;
    border: 1px solid #ccc;
    display: none;
    padding: 3px;
    -webkit-box-shadow: 5px 5px 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 5px 5px 3px rgba(0, 0, 0, .1);
    box-shadow: 5px 5px 3px rgba(0, 0, 0, .1);
    z-index: 999;
}

.massaddtoplaylist .mediaplaylistadd
{
    height: auto;
    min-height: 150px;
}

.massaddtokanaler .mediagroupadd .grplisting .sublist
{
    width: 100%;
    padding: 0px;
}

.massaddtokanaler .mediagroupadd h2
{
    margin: 0px;
    text-align: left;
    padding-left: 15px;
}

.massaddtokanaler .mediagroupadd .grplistingmain
{
    overflow: auto;
    overflow-x: hidden;
    height: 175px;
    border: 1px solid #ebebeb;
}

.massaddtokanaler .mediagroupadd .grplisting span
{
    padding: 0px 5px;
}

.mediagroupadd .searchinit, #buttonholder .quicksearchgrp
{
    width: 100%;
    border: 1px solid #ebebeb;
    padding: 3px;
}

.massaddtokanaler .mediagroupadd ul, .massaddtoplaylist .mediaplaylistadd ul
{
    padding: 0px;
}

.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;
}

.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
{
    border: 1px solid #DDDDDD;
    padding: 2px;
    text-align: center;
    display: inline-block;
    width: auto;
}

.mediainfo .addinkanaler, .mediagroups .addtokanaler, .massaddtokanaler .addinkanaler,
.editmedia .addtokanaler
{
    cursor: hand;
    cursor: pointer;
}

.mediainfo .changingkan, .mediagroups .changingkan, .massaddtokanaler .changingkan,
.editmedia .changingkan
{
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
}

.mediainfo .mediagroupadd li, .editmedia .mediagroupadd li, .view-menu-items .mediagroupadd li,
.massaddtokanaler li, .massaddtoplaylist .playlistingmain li
{
    background: #fbfbfb;
    width: auto;
    padding: 2px 0px;
    display: block;
    border: 0px;
    margin-bottom: 0px !important;

}

.mediainfo .mediagroupadd li:not([style*="display: none"]):nth-child(odd), .editmedia .mediagroupadd li:not([style*="display: none"]):nth-child(odd), .mediainfo .view-menu-items li:not([style*="display: none"]):nth-child(odd), .massaddtokanaler li:not([style*="display: none"]):nth-child(odd), .massaddtoplaylist .playlistingmain li:not([style*="display: none"]):nth-child(odd)
{
    background: #f8f8f8;
}

.mediainfo .mediagroupadd li:hover, .editmedia .mediagroupadd li:hover, .mediainfo .view-menu-items li:hover, .massaddtokanaler li:hover, .massaddtoplaylist .playlistingmain li:hover
{
    background: #cceaff !important;
}

.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: hand;
    cursor: pointer;
    right: 2px;
    width: 10px;
}

.editmedia .removefromgroup
{
    width: 12px;
    line-height: 12px;
}

/* @group Base */
.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width:auto;
}
.chosen-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #aaa;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container a {
  cursor: pointer;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 8px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('../images/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
  background: url('../images/chosen-sprite.png') no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: white url('../images/chosen-sprite.png') no-repeat 100% -20px;
  background: url('../images/chosen-sprite.png') no-repeat 100% -20px;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.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;
}
.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  border: 1px solid #aaa;
  max-width: 100%;
  border-radius: 3px;
  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;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  background: url('../images/chosen-sprite.png') -42px 1px no-repeat;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.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;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
  box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
  color: #222 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
  text-align: right;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url('../images/chosen-sprite.png') no-repeat -30px -20px;
  background: url('../images/chosen-sprite.png') no-repeat -30px -20px;
  direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url('../images/chosen-sprite@2x.png') !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */


.qtip
{
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 280px;
    min-width: 50px;
    font-size: 10.5px;
    line-height: 12px;
    direction: ltr;
    box-shadow: none;
    padding: 0;
}

.qtip-content
{
    position: relative;
    padding: 5px 9px;
    overflow: hidden;

    text-align: left;
    word-wrap: break-word;
}

.qtip-titlebar
{
    position: relative;
    padding: 5px 35px 5px 10px;
    overflow: hidden;

    border-width: 0 0 1px;
    font-weight: bold;
    background-color: transparent !important;
    border-bottom:1px solid #999;
    font-size:14px !important;
}

.qtip-titlebar + .qtip-content
{
    border-top-width: 0 !important;
}

/* Default close button class */
.qtip-close
{
    position: absolute;
    right: -9px;
    top: -9px;
    z-index: 11; /* Overlap .qtip-tip */

    cursor: pointer;
    outline: medium none;

    border: 1px solid transparent;
}

.qtip-titlebar .qtip-close
{
    right: 4px;
    top: 50%;
    margin-top: -9px;
}

* html .qtip-titlebar .qtip-close
{
    top: 16px;
}

/* IE fix */

.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon
{
    display: block;
    text-indent: -1000em;
    direction: ltr;
}

.qtip-icon, .qtip-icon .ui-icon
{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
}

.qtip-icon .ui-icon
{
    width: 18px;
    height: 14px;

    line-height: 14px;
    text-align: center;
    text-indent: 0;
    font: normal bold 10px/13px Tahoma, sans-serif;

    color: inherit;
    background: transparent none no-repeat -100em -100em;
}

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus {}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover {}

/* Default tooltip style */
.qtip-default
{
    border: 1px solid #ccc;
    background-color: #fefefe;
}

.qtip-alwaystop
{
    z-index: 99999 !important;
}

.qtip-mainmedia
{
    color: #555;
    -webkit-box-shadow: 5px 5px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 5px 5px 3px rgba(0, 0, 0, .2);
    box-shadow: 5px 5px 3px rgba(0, 0, 0, .2);
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.qtip-mainmediainfo
{
    max-width:450px;
}

.qtipiframe, .qtipiframebig
{
    max-width: 620px;
    color: #555;
    -webkit-box-shadow: 5px 5px 3px rgba(0, 0, 0, .2);
    -moz-box-shadow: 5px 5px 3px rgba(0, 0, 0, .2);
    box-shadow: 5px 5px 3px rgba(0, 0, 0, .2);
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 100;
}

.qtipiframebig
{
    width: 800px;
    max-width:800px;
}

.qtipiframebig .qtip-content
{
    padding:0px !important;
}

.qtipbluebird
{
    min-width:648px;
}

.qtipbluebird .qtip-content
{
    padding:2px !important;
    height:440px;
}

.qtipbluebird .qtip-titlebar
{
    display:none;
}

.qtippreview
{
    cursor: hand;
    cursor: pointer;
}

.qtip-groupslst
{
    min-width: 150px;
}

.qtip-default .qtip-titlebar
{
    background-color: #8ed9ff;
}

.qtip-default .qtip-icon
{
    border-color: #CCC;
    background: #F1F1F1;
    color: #777;
}

.qtip-default .qtip-titlebar .qtip-close
{
    border-color: #AAA;
    color: #111;
}

.qtip .qtip-tip
{
    margin: 0 auto;
    overflow: hidden;
    z-index: 10;

}

/* Opera bug #357 - Incorrect tip position
https://github.com/Craga89/qTip2/issues/367 */
x:-o-prefocus, .qtip .qtip-tip
{
    visibility: hidden;
}

.qtip .qtip-tip,
.qtip .qtip-tip .qtip-vml,
.qtip .qtip-tip canvas
{
    position: absolute;

    color: #123456;
    background: transparent;
    border: 0 dashed transparent;
}

.qtip .qtip-tip canvas
{
    top: 0;
    left: 0;
}

.qtip .qtip-tip .qtip-vml
{
    behavior: url(#default#VML);
    display: inline-block;
    visibility: visible;
}

.alwaysThinglink
{
}

.tlImageContainer .tlMenu
{
    display: none !important;
}

.skviewpanel
{
    position:absolute;
    top:1vw;
    right:1vw;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-transition: all .5s linear;
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
}

.skviewdata
{
    position:absolute;
    left:1vw;
    top:1vw;
    filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    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
{
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100) !important;
    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;
    cursor:hand;
}

.skviewpanel .skpanelopt .font-icon
{
    margin:0px !important;
}

.skviewpanel .skpanelopt .skpanelopticon
{
    height:5.5vw;
    padding-top:0.2vw
}

.skviewpanel .loginthingln
{
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
    opacity: 0.6;
}

.multibutton .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%;
    overflow:hidden;
    position:relative;
}

.progressholder
{
    position:absolute;
    bottom:0px;
    width:100%;
}

.medianotready
{
    text-align: center;
    background-color: #fff;
    border: 1px solid #ccc;
    overflow:hidden;
    height:100%;
}

.medianotready .reallybigh1
{
    font-size: 5vh !important;
}

.medianotready img
{
    height:70vh;
    width:auto;
    margin-top:7vh;
}

/* Group embed */
.groupembed
{
    width: 100%;
    height: 100%;
    background: #fff;
    overflow: hidden;
}

.groupembed .mainplayer
{
    height: 75%;
    width: 100%;
    text-align: center;
}

.groupembed .medialisting
{
    margin: 0px;
    padding: 0px;
    padding-left: 1%;
    list-style-type: none;
    width: 100%;
    height: 25%;
    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
{
    font-size: 1.1vw;
    font-weight: bold;
    color: #fbfbfb;
    overflow: hidden;
    width: 100%;
}

.groupembed .medialisting .medialist
{
    width: 100%;
    height: 100%;
}

.groupembed .medialisting .medialist .medialistin
{
    height: auto;
    width: 100% !important;
    margin: 0px;
}

.groupembed .medialisting .medialistin .thumbmedia
{
    height: auto;
    text-align: center;
    background: white;
    position: relative;
}

.groupembed .medialisting .medialistin .thumbmedia .onthumbmedia
{
    height: 0;
    border: 0px !important;
    padding-bottom: 54%;
}

.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
{
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
    transition: none;
    box-shadow: none;
}

.groupembed .medialist:hover .medialistin
{
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    box-shadow: 4px 5px 10px #6b90c7;
}

.play_button
{
    background: transparent url('../images/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: 250px;
}

#qtip-overlay
{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs {
    cursor: pointer;
}

/* Change opacity of overlay here */
#qtip-overlay div
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;

    background-color: black;

    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.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: hand;
    cursor: pointer;
    padding: 2px;
    height: 20px;
}

.editbuttonmain:hover .editbutton
{
    background-position: -26px 0px;
}

.editbuttonmain .editbutton
{
    opacity: 0.5;
    filter: alpha(opacity=50);
    background: transparent url('../images/editicon.png') no-repeat;
    width: 20px;
    height: 20px;
}

.replybuttonmain:hover .replybutton
{
    background-position: -26px 0px;
}

.replybuttonmain .replybutton
{
    opacity: 0.5;
    filter: alpha(opacity=50);
    background: transparent url('../images/replyicon.png') no-repeat;
    width: 20px;
    height: 17px;
}

.deletebuttonmain:hover .deletebutton
{
    background-position: -26px 0px;
}

.deletebuttonmain .deletebutton
{
    opacity: 0.5;
    filter: alpha(opacity=50);
    background: transparent url('../images/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;
}

.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: #f4f5f7;
}

.commentsmed .commentslisting li:nth-child(even) .commentype
{
    background: #fff;
}

.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;
    filter: alpha(opacity=50);
}

#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: 50px;
}

#view_comments .commentspagination a, #view_comments .commentspagination span
{
    line-height: 12px;
}

.comment_render
{
    cursor: hand;
    cursor: pointer;
}

#filteroptions img
{
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin:0px 4px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.loadinggrey
{
    display: inline-block;
}

.loadinggreyfull
{
    width: 100%;
    height: 100%;
    text-align: center;
    margin-top: 50px;
    filter: alpha(opacity:80);
    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;
    border-radius:10px;
}

.medialist .convtimebar .progressline
{
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #6dab44 url("../images/progress.png") 0 0 repeat-x;
    width:0%;
    border-radius:10px;
    border-color: #78b337 #6ba031 #568128;
}

.medialist .convtimebar .progresstext
{
    z-index: 2;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display:inline-block;
}

.viewmedia-embed
{
    display: block;
    position:absolute;
    height:auto;
    bottom:0;
    top:0;
    left:0;
    right:0;
    margin-top:5px;
    margin-bottom:5px;
    margin-right:5px;
    margin-left:5px;
    background-color: white;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.viewvideo-content .convtimebar
{
    width:100%;
    display:block;
    height:5vh;
    background:#000;
    bottom:0px;
    font-size:3vh;
    line-height:5vh;
    color:#fff;
    text-align:center;
    position:relative;
}

.viewvideo-content .convtimebar .progressline
{
    z-index: 1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(0,122,221); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0,122,221,1) 37%, rgba(24,86,153,1) 69%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(37%,rgba(0,122,221,1)), color-stop(69%,rgba(24,86,153,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,122,221,1) 37%,rgba(24,86,153,1) 69%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,122,221,1) 37%,rgba(24,86,153,1) 69%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0,122,221,1) 37%,rgba(24,86,153,1) 69%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(0,122,221,1) 37%,rgba(24,86,153,1) 69%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007add', endColorstr='#185699',GradientType=0 ); /* IE6-9 */
    width:0%;
}

.viewvideo-content .convtimebar .progressline:after{
    content: "";
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background-image: 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
    );
    -moz-animation: moveBack 2s infinite linear;
    -o-animation: moveBack 2s infinite linear;
    -webkit-animation: moveBack 2s infinite linear;
    animation: moveBack 2s infinite linear;
    display: inline-block;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    z-index: 1;
    background-size: 50px 50px;
    animation: move 2s linear infinite;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
}

.viewvideo-content .convtimebar .progresstext
{
    z-index: 2;
    display:inline-block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.timelength, .hovertime
{
    position: absolute;
    bottom: 3px;
    right: 2px;
    background: #39455f;
    padding: 2px 5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff;
    position: absolute;
    font-size: 10px;
    line-height: 12px;
    filter: alpha(opacity:80);
    opacity: 0.8;
}

.hovertime
{
    right: -13px;
    bottom: 3px;
}

.embedbox
{
    padding-top:5px;
    display:none;
}

.embedbox .qrdownpanel
{
    display:inline-block;
}

.embedbox .qrdownpanel .downloadlnk .skwhitebutton
{
    margin:7px 0px;
}

.embedbox .downloadbutton, .embedbox .qrcodemedia
{
    display:inline-block;
    text-align:center;
    vertical-align: top;
    margin-right:30px;
    white-space:normal;
    width:80px;
    line-height:16px;
}

.viewmediacontrol
{
    padding: 0px 10px 10px 10px;
    border-bottom:1px solid #ccc;
}

.rightactionbutton
{
    position:absolute;
    right:5px;
    top:5px;
}

.uploaddisbar
{
    width:auto;
    height:35px;
    background:#03458f;
    color:#fff;
    text-rendering:optimizeLegibility;
    line-height: 35px;
    word-wrap: break-word;
    font-size:20px;
    text-align:center;
    font-weight:600;
    cursor:hand;
    cursor:pointer;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.uploaddisbar:hover
{
    -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);
    background:#1c72d3;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

.uploaddisbar .font-icon
{
    font-size:26px;
}

.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: "skoletube-logo";
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-decoration: inherit;
    width: 1em;
    margin-right: .1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .1em;
    font-size:1.5em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@font-face {
  font-family: 'skoletube';
  src: url('../fonts/skoletube.eot?91742567');
  src: url('../fonts/skoletube.eot?91742567#iefix') format('embedded-opentype'),
       url('../fonts/skoletube.woff?91742567') format('woff'),
       url('../fonts/skoletube.ttf?91742567') format('truetype'),
       url('../fonts/skoletube.svg?91742567#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'skoletube-logo';
    src: url('../fonts/skoletube-logo.eot?91742567');
    src: url('../fonts/skoletube-logo.eot?91742567#iefix') format('embedded-opentype'),
         url('../fonts/skoletube-logo.woff?91742567') format('woff'),
         url('../fonts/skoletube-logo.ttf?91742567') format('truetype'),
         url('../fonts/skoletube-logo.svg?91742567#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'jw-icons';
    src: url('../fonts/jwplayer.eot');
    src: url('../fonts/jwplayer.eot') format('embedded-opentype'),
         url('../fonts/jwplayer.woff') format('woff'),
         url('../fonts/jwplayer.ttf') format('truetype'),
         url('../fonts/jwplayer.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/roboto/Roboto-MediumItalic-webfont.eot') format('embedded-opentype');
    src: url('../fonts/roboto/Roboto-MediumItalic-webfont.svg') format('svg');
    src: url('../fonts/roboto/Roboto-MediumItalic-webfont.ttf') format('truetype');
    src: url('../fonts/roboto/Roboto-MediumItalic-webfont.woff') format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/roboto/Roboto-Regular-webfont.eot') format('embedded-opentype');
    src: url('../fonts/roboto/Roboto-Regular-webfont.svg') format('svg');
    src: url('../fonts/roboto/Roboto-Regular-webfont.ttf') format('truetype');
    src: url('../fonts/roboto/Roboto-Regular-webfont.woff') format('woff');
}

.uploadmulti
{
    background:#fff;
    position:relative;
}

.skuploadbutton
{
    position:absolute;
    bottom:10px;
    width:100%;
    text-align:center;
}

.skuploadingtext
{
    position:absolute;
    bottom:40px;
    width:100%;
    text-align: center;
    font-size:20px;
    font-weight:600;
    color:#03458f;
    display:none;
}

.skuploadbutton button
{
    text-align: center;
    border: 1px solid #03458f;
    font-weight: normal;
    background: #567fd6 url(../images/bluebutton.png) repeat-x;
    color:#fff;
    margin-top:5px;
    line-height:25px;
    font-size:18px;
}

.uploadmulti .skupfile
{
    padding-bottom:130px;
}

.uploadmulti .skupfile .dz-preview
{
    margin: 10px !important;
}

.skuploadbutton .chosen-container-multi .chosen-choices
{
    overflow:auto !important;
    max-height:70px;
}

.mediagreen
{
    background: #c6ecc4 !important;
}

.skbluemultibar
{
    position:fixed;
    bottom:0px;
    background-color:#eff1f3;
    color:#000;
    height:40px;
    line-height:20px;
    font-size:17px;
    padding-top:5px;
    width:100%;
    z-index:21;
    text-align:center;
    -webkit-box-shadow: -1px 5px 14px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 5px 14px 3px rgba(0,0,0,0.75);
    box-shadow: -1px 5px 14px 3px rgba(0,0,0,0.75);
}

.skbluemultibarhold
{
    height:40px;
    display:none;
}

.skbluemultibarhold  .skbluemultibar a
{
    color: #737373;
}

.skbluemultibar a
{
    color:#fafafa;
    font-weight:400;
}

.skbluemultibar .multicomp
{
    display:none;
    line-height:30px;
}

.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;
    cursor:hand;
    padding:0 !important;
    min-width:0 !important;
    background:none !important;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90) !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;
}

.screencastify
{
    border:1px solid #ccc;
    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%);
    color:#000;
    font-size:12px;
    padding:10px;
    margin:50px auto;
    display:block;
    width:200px;
}

.screencastify .progressbar
{
    text-align:center;
    color:#000;
    font-weight:600;
    border:1px solid #ddd;
    position:relative;
    height: 18px;
}

.screencastify .progressbar span
{
    position:absolute;
    z-index:999;
}

.screencastify .screenclickhere
{
    display:none;
}

.screencastify .progressbar .currprogress
{
    width:0%;
    background:#BDF4FF;
    height:18px;
    position:absolute;
}

.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;
}
@-moz-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);
  }
}
@-webkit-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);
  }
}
@-o-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);
  }
}
@-ms-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 {
  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 moveBack{
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}

@-moz-keyframes moveBack{
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}

@-webkit-keyframes moveBack {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}

@-o-keyframes moveBack {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}

@-ms-keyframes moveBack {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}

.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;
    padding:10px;
    color:#737373;
}

.playlistshare h2
{
    font-size:14px;
}

#playlistx
{
    border-bottom:1px solid #ccc;
}

#playlistx .nofoundmedia
{
    font-size:30px;
    text-align:center;
}

#playlistx .nofoundmedia .font-icon
{
    font-size:100px;
    margin:100px 0px 30px 0px;
}

.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:hand;
    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;
}