/*
.preview {
	width:48%; float:left;
	padding:2px; margin:2px;
}	
.preview img {
	width:100%;
}
.preview textarea {
	width:98%;
	posi1tion:absolute;
}*/

.optiontog {
	display:none;
}
.del {
	margin:10px;
	position:absolute;
	background-color:white;
	text-align:right;
}

.cl, .clear {
	clear:both;
}

.af textarea { 
	width:40em;
	height:20em;
}
.user .af textarea { 
	width:25em;
	height:5em;
}

.info {
	clear:both;
}


.fl, .fr {
	padding:10px;
	margin-right:3%;
	margin-bottom:3%;
	width:44%;
	bor1der:5px solid #eee;
	font-size:small;
	fo1nt-family:tahoma;
	max-width:500px;
}
.fl img, .fr img {
	max-width:100%;
}

.fl {
	float:left;
}

.fr {
	float:right;
}

.di {
	display:inline;
}

@media only screen and (max-width: 800px) {
	.af textarea { 
		width:90%;
		height:20em;
	}
	.fl, .fr {
		float:right;
		width:98%;
	}

}