@charset "UTF-8";
/* 
	CSS extention Page Specific
	
	Mike Ontwerpt 2012
	www.mikeontwerpt.nl
	
*/

/* * * * * * * * *  M E D I A  * * * * * * * * * */

/* folder structure */

#folder-structure-holder{
	margin:				0 0 24px 0;
	display:			block;
	width:				960px;
	height:				auto;
	line-height:		24px;
	font-size:			12px;
	text-transform:		capitalize;
	color:				#707070;
}

#folder-structure-holder a{
	color:				#707070;
	text-decoration:	none;
}

.small-active-folder{
	display:			inline-block;
	margin:				0 8px -2px 0;
	height:				16px;
	width:				16px;
	background:			url(../images/structure/cp_sprite.png) 	-216px -8px;
}

.small-folder{
	display:			inline-block;
	margin:				0 8px -2px 0;
	height:				16px;
	width:				16px;
	background:			url(../images/structure/cp_sprite.png) 	-216px -24px;
}

/* thumbs */

.medialib-thumb-row{
	width:				960px;
	height:				auto;	
	margin:				0 0 24px 0;
}

.medialib-thumb-holder{
	width:				88px;
	height:				auto;
	margin:				0 8px 0 0;
	float:				left;
}

.medialib-thumb-holder a{
	color:				#707070;
	text-decoration:	none;
}

.medialib-thumb-image,.medialib-thumb-folder,.medialib-thumb-vimeo,.medialib-thumb-youtube{
	display:			block;
	width:				88px;
	height:				88px;
}

.medialib-thumb-folder{
	background:			url(../images/structure/cp_sprite.png) -240px 0;
}
.medialib-thumb-vimeo{
	background:			url(../images/structure/cp_sprite.png) -336px -88px;
}
.medialib-thumb-youtube{
	background:			url(../images/structure/cp_sprite.png) -240px -88px;
}

.medialib-thumb-title{
	display:			block;
	width:				88px;
	height:				auto;
	padding:			0px 0 2px 0;
	text-align:			center;
	border-bottom:		1px solid #e5e5e5;	
}
.medialib-thumb-actions{
	margin:				4px 0 0 0;
	width:				88px;
	height:				16px;
}

/* add media forms */

#addmedia-form-loader{
	width: 				768px;
	height: 			auto;
}

/* * * * * * * * *  P R O D U C T S  * * * * * * * * * */

.addproduct-lefttop{
	margin:				31px 0 0 0;	
}

.media-help{
	display:			block;
	margin:				0 0 24px 0;
	width:				384px;	
}

.addproduct-image{
	background:			url(../images/structure/cp_sprite.png) -16px -176px;
	width:				176px;
	height:				176px;
	margin:				0 16px 0 0;
	float:				left;
}

#lib-holder{
	height:				260px;
}

.jsMedia-Holder{
	width:				487px;
	height:				216px;
	border:				1px solid #e5e5e5;	
	overflow-y:			scroll;
	overflow-x:			hidden;
	padding:			24px 40px;
}

.tagstxt{
	display:			block;
	margin:				0 0 8px 0;
	padding:			0 0 0 8px;
	width:				562px;
	height:				24px;
	background:			url(../images/structure/cp_sprite.png) -16px -360px;
	border:				none;	
	font-size:			10px;
}

/* js_media */
#jsfolder-structure-holder{
	margin:				0 0 8px 0;
	display:			block;
	width:				100%;
	height:				auto;
	line-height:		24px;
	font-size:			12px;
	text-transform:		capitalize;
	color:				#707070;
}
#jsfolder-structure-holder a{
	color:				#707070;
	text-decoration:	none;
}
#form-images-holder{
	min-height:			260px;
	margin:				57px 0 48px 0;
}	
input.mediatxt{
	display:			block;
	margin:				0 0 8px 0;
	padding:			0 0 0 8px;
	width:				78px;
	height:				24px;
	background:			none;
	border:				1px solid #e5e5e5;	
	font-size:			10px;
}
.deleteImageFromSession-button{
	position:			relative;
	top:				-12px;
	width:				16px;
	height:				16px;
	color:				#039FDD;
	font-size:			16px;
	font-weight:		700;
	margin-top:			-24px;
	cursor:				pointer;
}