/*
===================================================================

	Copyright (C) 2015 Schweizerpunkt - Aliu Media
	All rights reserved.

	Redistribution, modification and personal use of this software 
	and its source code is prohibited and protected by law.
	
===================================================================
*/
#socialPhotoChooser {
	z-index:		20;
	color:			#fff;
	background:		#000;
		
	padding:		0;
	margin:			0;
	overflow-y:		auto;
	cursor: 		default;
}
#socialPhotoChooser > * {
	display: 	inline-block;
	float:		left;
	padding:	5px;
	box-sizing: border-box;
}

#socialPhotoChooser img {
	width: 		100%;
	height: 	100%;
}

@media all and (min-width: 641px) {
	.csocialPhotoChooser {
		position:		absolute;
		top:			50%;
		left:			50%;	
		transform:			translate(-50%, -50%);
		-moz-transform: 	translate(-50%, -50%);
		-o-transform: 		translate(-50%, -50%);
		-webkit-transform: 	translate(-50%, -50%);
		-ms-transform:		translate(-50%, -50%);
		width:			600px;
		height:			400px;
	}
	.csocialPhotoChooser * {
		width: 			120px;
		height:			120px;
	}
}
@media all and (min-width: 321px) and (max-width: 640px) {
	.csocialPhotoChooser {
		position:		absolute;
		top:			50%;
		left:			50%;	
		transform:			translate(-50%, -50%);
		-moz-transform: 	translate(-50%, -50%);
		-o-transform: 		translate(-50%, -50%);
		-webkit-transform: 	translate(-50%, -50%);
		-ms-transform:		translate(-50%, -50%);
		width:			300px;
		height:			250px;
	}
	.csocialPhotoChooser * {
		width: 			120px;
		height:			120px;
	}
}
@media all and (max-width: 320px) {
	.csocialPhotoChooser {
		width:			100%;
	}
	.csocialPhotoChooser * {
		width: 			100%;
	}
}