﻿.hideOnLoad {
    display: none;
}
.ido_latestItems
{
	 border-bottom: 1px solid #CCCCCC;
	  padding-bottom: 20px;
}
/* Flexslider */
.idocl_categoryLine, .idocl_categoryListItem { display: block; }
.idocl_listItem { display: inline; float: left; width: 150px; }
div.idocl_categoryLine d:last-child { display: block !important; }
.ModInkaItemOrganizerCategoryListC .flexslider { box-shadow: none; border: none; border-radius: 0; border-bottom: 1px solid #cccccc; padding-bottom: 30px; margin-bottom: 10px; }
	.flexslider ul.slides li { margin: 0 7px; position: relative; list-style-type: none; }
	.flexslider ul.slides li img { padding: 2px; border: 1px solid #cccccc; height: 151px; width: 220px; z-index: 99; }
	.flexslider ul.slides li h2 { margin-top: 5px; padding-top: 0; }
	.flexslider ul.slides li a { display: block; }
	.flexslider ul.slides li div {  }
.flexslider .playbtn, .roundabout-in-focus .playbtn, .ido_SearchResultList .playbtn { background: url("images/play-btn.png") left top no-repeat; height: 59px; width: 59px; z-index: 100px; position: absolute; left: 87px; top: 55px; }
	.roundabout-in-focus .playbtn { top: 90px; left: 142px; }
	.idocl_categoryListItem h2 { margin: 10px 12px; font-size: 18px; font-family: Verdana, Arial; font-weight: normal; line-height: normal; color: #1A4C8B; }
	.flexslider .flex-control-nav { bottom: 5px; }

.ido_tagListUL { width: auto; height: auto; padding: 0; margin: 0; }
	.ido_tagListUL li { float: left; list-style-type: none !important; margin: 0; padding: 0; width: auto; }
/*	.ido_tagListUL li a, .ido_tagListUL li a:link, .ido_tagListUL li a:active, .ido_tagListUL li a:visited { 
		list-style-type: none; 
		border-radius: 3px 3px 3px 3px;
		color: #FFFFFF;
		display: block;
		margin: 0 5px 5px 0;
		padding: 5px 10px;	}*/
	.ido_tagListUL li a:hover { text-decoration: none; color: #ffffff; }

.ido_BackButton { background: #1A4C8B; border: none; color: #FFFFFF; display: block; border-radius: 3px 3px 3px 3px; padding: 2px 10px; cursor: pointer; clear: both; float:right;}
.idoBackButtonDiv{width:640px;}
.ido_TagBackButton {float:left!important;}
	.title_container .ido_tagListUL {padding-bottom: 50px;}
/* Roundaboutslider (http://fredhq.com/projects/roundabout) 
.ido_latestItems ul {
    height: 24em;
    list-style: none outside none;
    margin: 0 auto;
    padding: 0;
    width: 42em;
}
.ido_latestItems li { margin: 0; padding: 0; list-style-type: none!important; position: relative; } 
.roundabout-holder {
    list-style: none;
    padding: 0;
    margin: 0;
    height: auto;
}
.ido_latestItems li.roundabout-moveable-item { 
	cursor: pointer; 
	background-color: #ffffff; 
	position: relative; 
	padding: 5px; 
	border: 1px solid #cccccc;
	-webkit-box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, 0.7);
	box-shadow:  3px 3px 3px 0px rgba(0, 0, 0, 0.7); }
.roundabout-moveable-item .roundabout-text { display: none; }
.roundabout-moveable-item img { width: 100%; height: 100%; }

.roundabout-in-focus { cursor: auto; }
	.roundabout-in-focus img {  }
	.roundabout-in-focus .roundabout-text { position: absolute; bottom: 9px; left: 5px; background-color: rgba(0, 0, 0, 0.4); color: rgba(0, 0, 0, 0.4); display: block; width: 297px; padding: 10px; }
	.roundabout-in-focus .roundabout-text h2 { text-transform: none; color: #ffffff; font-size: 18px; }
	*/
/* Sökresultat */
.ido_SearchResultList { padding: 0; }
	.ido_SearchResultList li { list-style-type: none; margin: 0; padding: 0; width: 222px; float: left; margin: 0 7px 20px 7px; position: relative; }
	.ido_SearchResultList li img { padding: 2px; border: 1px solid #cccccc; height: 151px; width: 220px; }

/* Lightbox */
.lightbox { display: none; }    
.transparency {
    background: none repeat scroll 0 0 #000000;
    height: 100%;
    left: 0;
    opacity: 0.7;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
.lightbox_content {
    background: #ffffff;
	padding: 10px;
    opacity: 1;
    width: 640px;
    height: auto;
    z-index: 10000;
    position: absolute;
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.lightbox_content p { display: block; font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; }
.lightbox_content .shutdown { background: url("images/shutdown.png") left top no-repeat; height: 28px; width: 28px; position: absolute; right: 10px; bottom: 5px; cursor: pointer; }

/*Opsis play new*/
.ido_tagListUL .theme-btn {
	/*padding: 1rem 1.125rem 0.75rem;*/
	margin-right: 0.75rem;
	margin-bottom: 0.75rem;
}

	.ido_tagListUL .theme-btn:focus, .ido_tagListUL a.theme-btn:focus,
	.ido_tagListUL .theme-btn:hover, .ido_tagListUL a.theme-btn:hover {
		background-color: transparent;
		border: 1px solid #004F9E;
		color: #004F9E;
		outline: none;
		box-shadow: none;
		opacity: 0.7;
	}



.opsis-play.content-header > div {
	flex-basis: 100%;
	max-width: 100%;
	padding-left: calc(10% - 50px);
	padding-right: calc(10% - 50px);
}
.opsis-play.video-list {
	
}

	.opsis-play.video-list > div {
		flex-basis: 100%;
	}

.opsis-play .video-caption {
	margin: 1.5rem 0 2.5rem;
}

	.opsis-play .video-caption ul {
		margin: 0;
		padding-left: 1rem;
	}
	.opsis-play .video-caption a {
		color: #000000;
		font-size: 1rem;
		font-family: 'ITC Avant Garde Gothic W01 Md', sans-serif;
		text-align: left;
	}
.opsis-play .video-item a{
	display:block;
}
.opsis-play .video-item img {
	width:100%;
}
.movie-page {
	border-top: 1px solid #f2f3f4;
}

.opsis-play lang-version-btn {
	
}


@media screen and (min-width: 600px) {
/*	.opsis-play.video-list > div {
		flex-basis: calc(45% - 0.5rem);
		margin-right: 1rem;
	}*/

/*		.opsis-play.video-list > div:nth-child(2n+2) {
			margin-right: 0;
		}*/
}

@media screen and (min-width: 768px) {

/*	.opsis-play.video-list > div {
		flex-basis: calc(45 - 1rem);
		margin-right: 2rem;
	}*/
}

@media screen and (min-width: 992px) {

	.opsis-play.video-caption li {
		font-size: 1.125rem;
	}
}

@media screen and (min-width: 1200px) {

/*	.opsis-play.video-list > div {
		flex-basis: calc(30% - 1.5rem);
		margin-right: 3rem;
	}*/
}