#mail-attachment-icon {
	content: url('../images/attachment.png');
	width: 20px;
	height: 10px;
	float: left;
	margin-right: 10px;
	margin-top: 3px;
	cursor: pointer;
}

.mail-attachment {
	margin-top: 10px;
	margin-left: 30px;
	cursor: pointer;
}

.mail-attachment .doc:before{
	margin-right: 10px;
	display: inline;
	padding: 20px;
	background:  #0066ff;
	content: url('../images/doctype/doc.png');	
	float: left;
}

.mail-attachment .xls:before{
	margin-right: 10px;
	display: inline;
	padding: 20px;
	background:  #00cc99;
	content: url('../images/doctype/xls.png');	
	float: left;
}


.mail-attachment .ppt:before{
	margin-right: 10px;
	display: inline;
	padding: 20px;
	background:  #ffcc00;
	content: url('../images/doctype/ppt.png');	
	float: left;
}

.mail-attachment .pic:before{
	margin-right: 10px;
	display: inline;
	padding: 20px;
	background:  #ff6666;
	content: url('../images/doctype/pic.png');	
	float: left;
}


.mail-attachment .pdf:before{
	margin-right: 10px;
	display: inline;
	padding: 20px;
	background:  #ff2424;
	content: url('../images/doctype/pdf.png');	
	float: left;
}

.mail-attachment .zip:before{
	margin-right: 10px;
	display: inline;
	padding: 20px;
	background:  #1f7710;
	content: url('../images/doctype/zip.png');	
	float: left;
}

.mail-attachment .unk:before{
	margin-right: 10px;
	display: inline;
	padding: 20px;
	background:  #9d9e87;
	content: url('../images/doctype/unk.png');	
	float: left;
}