@font-face {
  font-family: 'custom_dashicons';
  src: url('../fonts/fontello.eot'); // this is for IE
}
@font-face {
  font-family: 'custom_dashicons';
  src: url(data:application/font-woff;charset=utf-8;base64,xxx...) format('woff'), 
    url(data:application/x-font-ttf;charset=utf-8;base64,xxx...) format('truetype');
  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;
}

.embedhidden
{ 
    display: none;
}

form {	
	margin: 0;
	padding: 0;
}

.mce-i-skoletube-icon
{
    font-family: "skoletube-logo";
}

.mce-i-skoletube-icon:before
{
    font-family: "skoletube-logo";
    content:'\E600';
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
 select:focus, textarea:focus, input:focus {
 font-size: 16px;
 background:#eee;
  }
 }


div.flash {
	width: 375px;
	margin: 10px 5px;

	-moz-border-radius-topleft : 5px;
	-webkit-border-top-left-radius : 5px;
    -moz-border-radius-topright : 5px;
    -webkit-border-top-right-radius : 5px;
    -moz-border-radius-bottomleft : 5px;
    -webkit-border-bottom-left-radius : 5px;
    -moz-border-radius-bottomright : 5px;
    -webkit-border-bottom-right-radius : 5px;

}

button,
input,
select,
textarea { 
	border-width: 1px; 
	margin-bottom: 10px;
	padding: 2px 3px;
}



input[disabled]{ border: 1px solid #ccc } /* FF 2 Fix */


.form-table label { 
/*	text-align: right; 
	display:block;
	margin-right: 5px;*/
}

/* -- Table Styles ------------------------------- */
td {
	font: 10pt Helvetica, Arial, sans-serif;
	vertical-align: top;
}

.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(../images/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* -- SWFUpload Object Styles ------------------------------- */
.swfupload {
	vertical-align: top;
}


.skoleautocom .ui-menu-item
{
    display:inline-block;
    width:auto !important;
    border:1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    margin-right: 5px !important;
    position:relative;
    background:white;
    padding:4px;
    font-size:16px;
    padding-right:33px !important;
    line-height:16px;
}

.skoleautocom .ui-menu-item a
{
    display: inline-block;
    cursor:hand;
    cursor:pointer;
}

.skoleautocom .ui-state-focus
{
    border:1px !important;
    background:transparent !important;
    margin:0px !important;
}

.skoleautocom .playmebuttonmain
{ 
    position:absolute;
    right:0px;
    display:inline-block;
    border-left:1px solid #ccc;
    width:30px;
    height:27px;
    top:0px;
}

.skoleautocom .playmebutton,.skoleautocom .playmebuttonact
{
    display:block;
    width:30px;
    margin-top:6px;
    height:16px;
    background: url('../images/audiotoplay.png') 5px 0px no-repeat;
    cursor:hand;
    cursor:pointer;
}

.skoleautocom .playmebuttonact
{
    background-position: 5px -16px;
}

.skoleautocom ul
{
    padding:0px;
    margin:0px;
}

.skoleautocom .hl-autocom
{
    background-color: #FF9;
}

.skoleautocom .selectread
{
    height:18px;
    position:absolute;
    left:3px;
    opacity:0.3;
    font-size:12px;
    color:#1e1e1e;
}

.skoleautocom .readtext
{
    opacity:1;
}

.skoleautocom .intowordspower
{
    background: url('../images/intowords.png') 0px 7px no-repeat;
    width:65px;
    height:30px;
    display:block;
    position:absolute;
    right:0px;
    top:0px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
    line-height:30px;
    padding-left:19px;
    text-decoration:none;
    font-size:14px;
    color:#1e1e1e;
    opacity:0.3;
}

.skoleautocom
{
    white-space: nowrap;
    overflow:scroll;
    height:auto !important;
    min-height:30px;
    width:100% !important;
    padding:0px;
    margin:0px;
    position:relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color:#eee;
}

.skoletubeapp iframe
{
    height:325px !important;
    width:380px !important;
}

.skoletubeapp .ab-item
{
    float:right !important;
    width:15px !important;
    position:relative;
}

.skoletubeapp .ab-item, #wpadminbar .ab-top-menu > .skoletubeapp:hover > .ab-item, #wpadminbar .ab-top-menu .skoletubeapp .ab-item:focus, #wpadminbar .ab-top-menu .skoletubeapp .ab-item:active
{
    background: url('../images/skoletubeapp.png') no-repeat 0px 10px !important;
}

.skoletubeapp #skapplist-panel
{
    position:absolute;
    top:31px;
    right:0px;
    width:380px !important;
    height:320px !important;
    overflow:hidden;
    background: #222 url('../images/birdwhite.png') 50% 50% no-repeat;
    border:1px solid black;
}

.skloading
{
    color:#fff;
    position:absolute !important;
    top:240px;
    left:140px;
}

.skoletubeapp .skapplist-header
{
    -webkit-overflow-scrolling: touch;
    height:340px !important;
    overflow:auto;
    width:380px !important;
    padding:0px !important;
    margin:0px !important;
}


.followblog, .blog-button
{
    display:inline-block !important;
    margin-left:3px;
}

.pupil
{
    border:1px solid #ddd;
    padding:0px;
    width:100%;
}

.pupil li
{
    padding:3px;
    background-color:#e5ebf4;
    margin:0px;
}

.pupil li:nth-child(odd)
{
    background-color:#f4f8fd;
}

.pupil li a
{
    color:#12243f;
    text-decoration:none;
    display:block;
    width:100%;
}

.sksearchlist
{
    background-color:#5e789f;
    width:100%;
    padding:3px 0px;
    text-align: center;
}

.sksearchlist input
{
    border:1px solid #ddd;
    padding:4px;
}

.pupiltitle
{
    width:100%;
    background-color:#5e789f;
    width:100%;
    padding:5px 0px;
    text-align: center;
    color:#fff;
    border-bottom:1px solid #90a5c4;
}

.searchbrug
{
    background-color:#c0ccde;
    padding:5px;
    color:#2d4a75;
}

.searchbrug form
{
    margin:0px;
}

.searchbrug input
{
    border:1px solid #ddd;
    padding:4px;
}

.searchbrug input[type="submit"]
{
    background-color:#fff;
}

.textbacksk
{
    color:green;
    font-weight:bold;
    width:100%;
    text-align: center;
    width:340px;
}

.juice-popover-close-link
{
    cursor: pointer;
    color:#fff;
    display:block;
}

#skupmessage
{
    display:inline-block;
    vertical-align:top;
    margin:50px;
    text-align: center;
}

#skupmessage h2
{
    font-size:14px;
    font-weight:bold;
}

#skupmessage img
{
    border:2px solid black;
}

#skupmessage a
{
    border:1px solid #ddd;
    display:block;
    padding:5px;
    background:#fff;
    color:#000;
    cursor: pointer;
    cursor: hand;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}

#skframeholder
{
    display:inline-block;
    vertical-align:top;
    margin:10px;
}

.sktubebird img
{
    margin-top:2px;
    width:22px;
}

.sktubebird
{
    padding: 0 4px 1px !important;
}

.searchandfilter
{
    font-size:0px;
}

.searchandfilter ul li.sf-field-category, .searchandfilter ul li.sf-field-tag
{
    display: inline !important;
    padding-right:5px !important;
    vertical-align:top;
}

.search-filter-results div.result-item
{
    vertical-align:top;
    border: 1px solid #d8d8d8;
    padding: 19px;
    display:inline-block;
    width:29%;
    margin:2%;
    padding:2%
    opacity: 1;
    font-size:14px;
    -webkit-animation: gridFadeIn 1s 1 cubic-bezier(0.77, 0, .175, 1);
    -moz-animation: gridFadeIn 1s 1 cubic-bezier(0.77, 0, .175, 1);
    -o-animation: gridFadeIn 1s 1 cubic-bezier(0.77, 0, .175, 1);
    animation: gridFadeIn 1s 1 cubic-bezier(0.77, 0, .175, 1);
    background-color: #fffff3;
    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, .1);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, .1);
}

.search-filter-results div.result-item h2
{
    font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: bold !important;
    font-size: 22px !important;
    color: #b07b4e !important;
    padding-bottom:5px;
}

.search-filter-results div.result-item h2 a
{
    color: #b07b4e !important;
}

.search-filter-results div.result-item img
{
    width:100%;
    height:100%;
}

.search-filter-results div.result-item p
{
    color: #666;
    padding-bottom:3px;
}

.search-filter-results div.result-item a
{
    color: #4783b7;
}

.search-filter-results div.pagination
{
    display:block;
}

.search-filter-results .pagination
{
    display:block;
    text-align:center;
}

.search-filter-results .pagination a
{
    display:block;
    border: 1px solid #d8d8d8;
    -webkit-animation: gridFadeIn 1s 1 cubic-bezier(0.77, 0, .175, 1);
    -moz-animation: gridFadeIn 1s 1 cubic-bezier(0.77, 0, .175, 1);
    -o-animation: gridFadeIn 1s 1 cubic-bezier(0.77, 0, .175, 1);
    animation: gridFadeIn 1s 1 cubic-bezier(0.77, 0, .175, 1);
    background-color: #fffff3;
    -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, .1);
    box-shadow: 0px 1px 5px rgba(0, 0, 0, .1);
    font-size:14px;
    color: #b07b4e !important;
    padding:5px 0px;
}

.search-filter-results .nav-previous,.search-filter-results .nav-next
{
    float:none;
}