.btn {
height: 20px;
width: 180px;
}

.editable {
background: #feb;
color: #430;
}

h2.editable:after,
p.editable:after {
	content: ' (click to edit)';
	font-weight: bold;
	color: #f00;
}

img.editable {
	padding: 1px;
	background: red;
}

div.text-editing {width: 100%;}

.img-editing {
	width: 98%;
	text-align: center;
	font-weight: bold;
margin: 10px 1%;
}

.img-editing .button {
	width: 100px;
	margin: 0px 10px;
}

.status {
	text-decoration: blink;
}

#imgsrc {
	visibility: hidden;
	height: 0;
}

.delete {
background: #f88;
padding: 20px;
border: 1px solid #ccc;
margin-bottom: 20px;
color: #000;
font-weight: bold;
width: 80%;
}

div.deleteMe,
div.deleteImg {
border: 1px solid #000;
color: #fff;
font-weight: bold;
background: #f00;
}

div.deleteMe {
position: absolute;
top: 1px;
right: 1px;
padding: 0px 5px !important;
width: auto !important;
text-align: center;
}

div.deleteMe.editable:after {
	/*content: ' (delete product)';*/
	color: #fff;
}

div.deleteImg,
div.upload,
div.default {
position: absolute;
text-align: center;
font-weight: bold;
margin: 0 10px;
}

div.deleteImg {
margin-top: 30px;
}

div.deleteImg.editable {
	color: #000;
}

div.upload {
border: 1px solid #000;
color: #fff;
background: #2b2;
margin-top: 5px;
}

div.upload.editable {
	color: #000;
}

div.default {
	float: none;
	bottom: -30px;
	left: 10px;
	width: 180px;
	border: 1px solid #000;
	color: #fff;
	text-align: center;
	background: #b5b;
}

div.default.editable {
	color: #000;
	text-align: center;
}

div.default.editable:after {
	content: '';
}