﻿video.loading
{
	background: black url(/img/system/wait.gif) center center no-repeat;
}

.stoik_video_content
{
	width:100%;
	position:relative; 
	top:0; 
	left:0; 
}

.stoik_video_hoverbgr
{
	display:none;
}

.stoik_video_hover_content
{
	display:none;
}

 @media (max-width:767px) {
	.stoik_video_container
	{
		width:100%;
		position:relative; 
		margin:0 0 35px 0;
	}
	
	.stoik_video_player
	{
	font-family:'PT Sans', sans-serif;
		font-size: 12px;
		color: #000000;
		width:98px;
		left:0; 
		height:33px;
		top:100%;
		position:absolute; 
	}
	.stoik_video_header
	{
	font-family:'PT Sans', sans-serif;
		font-size: 14px;
		color: #000000;
		position:absolute; 
		left:calc(50% - 42px);
		top:calc(50% - 42px);
		margin-top:5px;
	}
}

@media (min-width:768px) 
{
	.stoik_video_container
	{
		width:100%;
		position:relative; 
		margin:0 0 35px 0;
	}	
	
	.stoik_video_player
	{
	font-family:'PT Sans', sans-serif;
		font-size: 12px;
		color: #000000;
		width:98px;
		left:0; 
		height:33px;
		top:100%;
		position:absolute; 
	}
	.stoik_video_header
	{
	font-family:'PT Sans', sans-serif;
		font-size: 14px;
		color: #000000;
		position:absolute;
		left:calc(50% - 42px);
		top:calc(50% - 42px);
		margin-top:5px;
	}
}


.stoik_video_length_informer
{
	height:26px;  
	margin: 5px 5px 0 0; 
	position:relative;
	float:left; 
	font-family:'PT Sans', sans-serif;
	font-size: 14px;
}

.stoik_video_play_buttons
{
	margin: 3px 0 0 0; 
	height:26px;  
	float:left; 
}
.stoik_video_button_play
{
	float:left; 
	height:26px;  
	width:18px; 
	background-color:#ffffff; 
	background-image:url(/img/template/video_play.gif);
	background-repeat:no-repeat; 
	cursor:pointer; 
	display:block; 
}

.stoik_video_button_stop
{
	float:left; 
	height:26px;  
	width:18px; 
	background-color:#ffffff; 
	background-image:url(/img/template/video_pause.gif);
	background-repeat:no-repeat; 
	cursor:pointer; 
	display:none; 
}

.stoik_video_timeline_container
{
	display:none;
}

.stoik_video_timeline
{
	display:none;
}
.stoik_video_timeline_filled
{
	display:none;
}
.stoik_video_videovolume_icon
{
	margin: 10px 0 0 0; 
	float:left; 
	height:26px;  
	width:30px; 
	background-color:#ffffff; 
	background-image:url(/img/template/video_volume_icon.gif);
	background-repeat:no-repeat; 
	cursor:pointer; 
	display:none; 
}

.stoik_video_videovolume_control
{
	display:none;
	position:relative; 
	float:left; 
	margin:10px 0 0 0; 
	width:15px; 
	height:26px; 
	background-image:url(/img/template/video_volume_scale.gif);
}

.stoik_video_videovolume_marker
{
	display:block; 
	margin: 0 auto 0 15px;
	background-image:url(/img/template/video_marker.gif);
	width:1px;
	height:26px;
}

.stoik_video_buttom_expand
{
	float:left;
	display:none;
}

.stoik_video_position_informer
{
	height:26px;  
	margin: 5px 0 0 5px; 
	position:relative;
	float:left; 
	font-family:'PT Sans', sans-serif;
	font-size: 14px;
}

.stoik_video_header a
{
	font-family:'PT Sans', sans-serif;
	font-size: 14px;
	color: #888888; 
	text-decoration:underline;
}

 @media (max-width:991px) 
 {
	.media_menu
	{
	font-family:'PT Sans', sans-serif;
		font-size: 14px;
		color: #888888; 
	}

	.media_menu a
	{
		color: #888888; 
		text-decoration:none;
	}

	.media_menu a:hover
	{
		color: #000000; 
		text-decoration:none;
	}

	.media_menu_selected
	{
	font-family:'PT Sans', sans-serif;
		font-size: 14px;
		color: #000000; 
	}

	.media_menu_selected a
	{
		color: #000000; 
		text-decoration:none;
	}
}

@media (min-width:992px)
 {
	.media_menu
	{
	font-family:'PT Sans', sans-serif;
		font-size: 14px;
		color: #888888; 
	}

	.media_menu a
	{
		color: #888888; 
		text-decoration:none;
	}
	
		.media_menu a:hover
	{
		color: #000000; 
		text-decoration:none;
	}


	.media_menu_selected
	{
	font-family:'PT Sans', sans-serif;
		font-size: 14px;
		color: #000000; 
	}

	.media_menu_selected a
	{
		color: #000000; 
		text-decoration:none;
	}
}	