.has_placeholder:empty:not(:focus):before
{
    content: attr(data-text);
	font-size: 20px;
	color: #cecece;
	font-weight: bold;
	text-align: center;
	display: block;
	width: inherit;
	margin: 7px 0px 2px 0px;
}

.unselectable
{
	-moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;	
}

#content_menu_container
{
	position: absolute;
	z-index: 90;
	width: inherit;
	border-top: solid 20px #ffffff;
	top: 0px;
	
}			
			
	#content_menu
	{
		position: relative;
		width: 98%;
		padding: 0px 1%;
		background-color: #fff;
		overflow: hidden;
	}
	
		.content_menu_item
		{
			position: relative;
			float: left;
			line-height: 30px;
			font-size: 20px;
		}
		
		.nofloat
		{
			float: none;
		}
		
			.content_menu_item select
			{
				position: relative;
				float: left;
				line-height: 26px;
				font-size: 16px;
				height: 22px;
				margin: 4px 0px;
				margin-left: 5px;
				border: solid 1px #000000;
			}
		
			.content_menu_item_button
			{
				position: relative;
				float: left;
				background-color: #ffffff;
				color: #000000;
				margin: 4px 0px;
				border: solid 1px #000000;
				border-radius: 4px;
				padding: 2px 6px;
				cursor: pointer;
				font-size: 16px;
				height: 16px;
				line-height: 16px;	
				margin-left: 5px;
			}
		
			.content_menu_item span
			{
				float: left;
			}
			
		.content_menu_separator
		{
			position: relative;
			float: left;
			line-height: 30px;
			font-size: 25px;
			font-weight: bold;
			margin: 0px 20px;
			color: #ffffff;
		}	

		
#mosaic_workspace
{
	position: relative;
	margin-top: 80px;
	overflow: hidden;
}

	#mosaic_module_list
	{
		position: relative;
		float: left;
		margin-left: 40px;
		padding: 4px 6px;
		border: solid 1px #cecece;
		width: 150px;
		font-size: 14px !important;
		overflow:hidden;
	}
	
		.mosaic_module_list_item, .mosaic_module_list_item_highlight
		{
			position: relative;
			width: 150px;
			height: 30px;
			font-size: 12px;
			line-height: 30px;
			border: solid 1px #000000;
			text-align: center;
			margin: 3px 0px;
			cursor: pointer;
			float:left;
		}
		
		.mosaic_module_list_item_highlight
		{
			border: 1px solid #fcefa1;
			background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
			color: #363636;
		}
		
		.mosaic_module_list_item img
		{
			position: relative;
			max-width: 140px;
			max-height: 24px;
			margin: 3px 5px;
		}
		
	
		
	#mosaic_item_container
	{
		position: relative;
		float: left;	
	}
	
		.mosaic_dimensions
		{
			position: absolute;
			font-size: 15px;
			text-align: center;
			color: #cecece;
			font-weight: bold;
			line-height: 20px;
		}
		
			.mosaic_dimensions.width
			{
				top: 0px;
				left: 0px;
				height: 20px;
			}
			
			.mosaic_dimensions.height
			{
				top: 218px;
				left: -218px;	
				height: 20px;
				-webkit-transform: rotate(270deg);
			    -moz-transform: rotate(270deg);
			    -o-transform: rotate(270deg);
			    -ms-transform: rotate(270deg);
			    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
			    transform: rotate(270deg);
			}
	
		#mosaic_item
		{
			position: absolute;
			left: 20px;
			top: 20px;
			border: solid 1px #cecece;
		}
		
			#mosaic_item.small
			{
				width:392px;			
			}
			
			#mosaic_item.small
			{
				width:800px;	
			}
			
			.mosaic_tools
			{
				position: absolute;
				top: 0px;
				right: 0px;
				width: 32px;
				height: 16px;
				display: none;
				background-color: #cecece;
				z-index: 10;
			}
			
				.mosaic_tool
				{
					position: relative;
					float: left;
					width: 14px;
					height: 14px;
					padding: 1px;
					cursor: pointer;
					background-position: 1px 1px;
					background-repeat: no-repeat;
				}
				
				.mosaic_tool.edit
				{
					background-image: url('../img/edit.png');
					background-size: 14px 14px;
				}
				
				.mosaic_tool.move
				{
					background-image: url('../img/icon_dragdrop.png');
					background-size: 14px 14px;
				}
				
			.mosaic_content
			{
				position: relative;
				width: inherit;
				height: inherit;
				font-family:"Equitan Sans W03 Regular";
			}	
			
			.mosaic_content_image
			{
				position: relative;
				width: 100%;
				height: 100%;
			}
		
	

#module_prototypes
{
	display: none;
}


#dialog_templates
{
	display: none;	
}

	.popup_edit
	{
		display: none;
	}
	
		
			

		/* TEXT MODULE */
		.popup_edit_container
		{
			position: relative;
		}
	
			.popup_edit_container table
			{
				position: relative;
				margin: 10px 0px;
				font-size: 13px;
			}
			
				.popup_edit_container label
				{
					font-weight: bold;
				}
			
				.popup_edit_container .posX, .popup_edit_container .posY, .popup_edit_container .width, .popup_edit_container .height
				{
					width: 50px;
				}
			
				.popup_edit_container table td
				{
					padding: 3px;
					width: 150px;
				}
			
				.popup_edit_container table input[type=text]
				{
					padding: 2px 4px;
					text-align: center;
				}
		
			.popup_module_text_textarea
			{
				width: 810px;
				resize: none;
			}	
			
			
			.filemanager_preview_td
			{
				vertical-align: middle;
				text-align: center;
			}
			
				.popup_module_image_preview
				{
					position: relative;
					max-width: 400px;
					max-height: 200px;
				}
			
#cloneDialog
{
	display: none;
}

	#cloneMosaics
	{
		position: relative;
		float: left;
	}
	
	#mosaic_preview
	{
		position: relative;
		float: left;
		width: 392px;
		height: 437px;
		margin-left: 15px;
		border: solid 1px #cecece;
	}


/**********************************
 * JQUERYUI changes
 ************************************/
.ui-button-text
{
	font-size: 14px;
}

		

/**********************************
 * CROPPING TAKEN FROM BESC_CRUD
 ************************************/
#bc_upload_crop_fade
{
	position: fixed;
	z-index: 9000;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background-color: rgba(255, 255, 255, 0.8);
}

#bc_upload_crop
{
	position: fixed;
	z-index: 9100;
	background-color: #ffffff;
	padding: 30px;
}

	#bc_upload_crop_img
	{
		position: relative;
		width: 0px;
		height: 0px;
		border: solid 2px #000000;
		width: 500px;
		height: 500px;
	}
	
	#bc_upload_crop_btn
	{
		position: relative;
		margin: 10px 10% 0px 10%;
		width: 30%;
		line-height: 20px;
		border: solid 2px #000000;
		cursor: pointer;
		font-size: 15px;
		text-align: center;
		float: left;
	}	

	#bc_upload_skip_btn
	{
		position: relative;
		margin: 10px 10% 0px 0px;
		width: 30%;
		line-height: 20px;
		border: solid 2px #000000;
		cursor: pointer;
		font-size: 15px;
		text-align: center;
		float: left;	
	}