﻿@import url(SiteDesktop.css) (min-width:768px);
@import url(SiteMobile.css) (max-width:767px);
@import url(Framework.css) (max-width:767px);
@import url(FrameworkBelow.css) (max-width:767px);

@media handheld, screen and (max-width: 767px){
    .desktopcontent {
        display: none !important;
    }
    .mobilecontent {
        display: initial;
    }
}
@media handheld, screen and (min-width: 768px){
    .desktopcontent {
        display: initial;
    }
    .mobilecontent {
        display: none !important;
    }
}
.k-checkbox-label:after {
    width:18px !important;
    height:18px !important;
    line-height:18px !important;
}
.k-widget.k-tooltip-validation {
    border-color: #f1f1f1;
    background-color: #f1f1f1;
    color: #990000;
}
.k-loading-image {
    background-image: url('../Content/images/loader-blue.gif') !important;
    background-size: 40px 40px;
    background-repeat: no-repeat;
}
.k-loading-mask {
    background-color:#f3f3f3 !important;
}
.k-dropdown .k-state-default {
    border-color: none;
    background-color: #ffffff;
}
.spinner_load {
    display: none;
    position: absolute;
    width:100%;
    height:100%;
    z-index: 1000000;
    background-color:#000;
    opacity: 0.6;
    top:0;
    left:0;
    bottom:0;
    right:0;
    filter: alpha(opacity=60);
}
.breakdiv {
    display:inline-block;
    margin-top:6px;
    border-top:1px dotted #bbb;
    padding-top:6px;
    width:100%;
}
.breakdiv:last-child{
    display:none;
}
a.account-button {
    padding:8px 5%;
    width:90%;
    background: #0d71b6; 
    border-radius:5px; 
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
    color:#fff;
    font-weight:normal;
    font-family:'SuomiSlabSerif-Book',arial,helvetica,sans-serif;
    font-size:15px;
    line-height:22px;
    display:inline-block;
    margin:10px auto;
    letter-spacing:0px !important;
}
a.account-button .fa {
    margin-right:10px;
    font-size:20px;
}
a.account-button:hover {
    background:#EC008C;
}
.activity-block {
    font-size: 12px;
    line-height: 22px;
    display: inline-block;
    width: 100%;
    clear: both;
    margin: 10px auto;
}
.nofloat{
    float:none;
}
#class-vid {
    border-top:1px dotted #ccc;
    padding-top:20px;
    margin-top:20px;
    color: #666666;
    font-family: suomislabserif-book;
    font-size: 20px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: -1px;
    text-align: center;
    margin: 20px 0 0;
    clear:both;
    width:95%;
    padding-left:2.5%;
    padding-right:2.5%;
}
.class-vid-container {
    position:relative;
    padding-top:25px;
    padding-bottom:56.25%;
    height:0px;
}
.class-vid-container iframe {
	width: 100%;
	height: 100%;
    position:absolute;
    top:80px;
    left:0px;
}
.sidebar-column .class-vid-container iframe,.submenu-column .class-vid-container iframe {
    top:10px;
}
.k-window-title {
    font-family: 'SuomiSlabSerif-Book' !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: normal !important;
    padding-bottom:3px !important;
}
div.k-window-content {
    padding: 20px !important;
}
div.k-window-content input[type=submit],div.k-window-content input[type=button],div.k-window-content .applyButton,div.k-window-content input[type=submit]:hover,div.k-window-content input[type=button]:hover,div.k-window-content .applyButton:hover {
    width:100% !important;
}
.status p {
    text-align:left !important;
}