/**********Media Display Block**********/

	.medias
	{
		border:0px dotted green;
		margin-left:auto;
		margin-right:auto;
		margin-bottom:20px;
		max-width:80%;
	}
	
	.media
	{
		border:1px solid lightgrey;
		border-radius:8px;
		box-shadow:3px 3px 3px #888888;
		display:table-cell;
		height:200px;
			max-height:200px;
		/*padding-left:10px;
		padding-right:10px;*/
		position:relative;
		text-align:center;
		vertical-align:middle;
		width:220px;
			max-width:220px;
	}
	
		.media img
		{
			border-radius:4px;
			max-height:145px;
			max-width:175px;	
		}

		.media video
		{
			border-radius:4px;
			max-height:145px;
			max-width:175px;
		}
		
		.media iframe
		{
			border:none;
			border-radius:4px;
			max-height:145px;
			max-width:175px;
		}
		
		.media .button_tiny
		{
			box-shadow:none;
			color:black;
			font-size:7px;
			margin-left:3px;
			vertical-align:top;
		}
	
	.media_audio
	{
		border:1px solid lightgrey;
		border-radius:8px;
		box-shadow:3px 3px 3px #888888;
		display:table-cell;
		height:125px;
			max-height:125px;
		/*padding-left:10px;
		padding-right:10px;*/
		position:relative;
		text-align:center;
		vertical-align:top;
		width:220px;
			max-width:220px;
	}

		.media_audio audio
		{
			margin-top:10px;
			max-width:175px;
		}
		
		.media_audio_desc
		{
			color:grey;
			font-size:11px;
			margin-left:auto;
			margin-right:auto;
			margin-top:5px;
			margin-bottom:5px;
			max-height:35px;
			overflow:auto;
			text-align:center;
			white-space:pre-line;
			width:95%;
			
			border:0px solid blue;
			border-radius:2px;	
		}

		.media_audio_name
		{
			font-family:"Comic Sans MS", fantasy, sans-serif;
			font-size:12px;
			margin-top:5px;
			text-align:center;
			width:100%;
		}
		
		.media_audio_type
		{
			color:darkblue;
			font-size:11px;
			margin-top:3px;
			text-align:center;
			width:100%;		
		}
	
	.media_container
	{
		display:inline-block;
		margin-right:10px;
		margin-bottom:15px;
		vertical-align:top;	
	}
	
	.media_name
	{
		font-family:"Comic Sans MS", fantasy, sans-serif;
		font-size:12px;
		position:absolute;
			bottom:5px;
		text-align:center;
		width:100%;
	}
	
	.media_type
	{
		color:darkblue;
		font-size:11px;
		position:absolute;
			top:3px;
		text-align:center;
		width:100%;
	}
	
	.media_desc
	{
		color:grey;
		font-size:11px;
		margin-left:auto;
		margin-right:auto;
		margin-top:5px;
		margin-bottom:5px;
		text-align:center;
		white-space:pre-line;
		width:95%;		
	}
	
	.button_media
	{
		background-color:transparent;
		border:0px solid grey;
		border-radius:4px;
		box-shadow:none;
		cursor:pointer;
		margin-bottom:5px;
	}
	
		.button_media:hover
		{
			box-shadow:none;
		}
		
	@media only screen and (max-width: 700px) {
	
		.medias {
			max-width:100%;
		}	
	}


/**********Viewer Page Style**********/

	.viewer #page_title
	{
		margin-bottom:25px !important;
	}

	.viewer_button_back
	{
		margin-left:auto;
		margin-right:auto;
		margin-top:25px;
		margin-bottom:25px;
		text-align:center;
	}

	.viewer_desc
	{
		color:grey;
		font-size:13px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		width:50%;
	}
	
	.viewer_link
	{
		font-size:10px;
		margin-left:auto;
		margin-right:auto;
		width:90%;
	}
	
		.viewer_link label
		{
			display:table-cell;
			text-align:right;
			width:85px;
		}
	
		.viewer_link a
		{
			display:table-cell;
			padding-left:3px;
		}
	
	.viewer_type
	{
		color:darkblue;
		font-size:16px;
		margin-bottom:5px;
		text-align:center;
	}
	
	.viewer_content
	{
		margin-bottom:10px;
		margin-top:10px;
		text-align:center;
		width:100%;
	}

		.viewer_content iframe
		{
			border:1px solid grey;
			border-radius:4px;
			max-width:80%;
			min-width:50%;
			min-height:400px;
		}

		.viewer_content img
		{
			border:1px solid grey;
			border-radius:4px;
			max-width:80%;
		}
	
		.viewer_content video
		{
			border:1px solid grey;
			border-radius:4px;
			max-width:80%;
		}
	
/**********Player page style**********/

	.player_content
	{
		text-align:center;
	}
	
		.player_content_title
		{
			font-size:17px;
			font-weight:bold;
			margin-top:10px;
			text-shadow:lightgrey 0.1em 0.1em 0.2em;
		}
	
		.player_content_picture
		{
			margin-top:10px;
		}

			.player_content_picture img
			{
				border:1px solid grey;
				border-radius:4px;
				height:150px;
				width:150px;
			}
		
		.player_content_audio
		{
			margin-top:5px;
		}
		
			.player_content_audio audio
			{
				max-width:250px;
			}
		
	.player_button_close
	{
		margin-top:15px;
		text-align:center;
	}