div.iconWord { background: url('../pic/icon-word.png') no-repeat; }
div.iconExcel { background: url('../pic/icon-excel.png') no-repeat; }
div.iconPowerPoint { background: url('../pic/icon-pp.png') no-repeat; }
div.iconOpenOffice { background: url('../pic/icon-odt.png') no-repeat; }
div.iconTxt { background: url('../pic/icon-txt.png') no-repeat; }
div.iconHtml { background: url('../pic/icon-unknow.png') no-repeat; }
div.iconPdf { background: url('../pic/icon-pdf.png') no-repeat; }
div.iconZip { background: url('../pic/icon-archive.png') no-repeat; }
div.iconRar { background: url('../pic/icon-archive.png') no-repeat; }
div.icon7z { background: url('../pic/icon-archive.png') no-repeat; }

div.iconUnknow { background: url('../pic/icon-unknow.png') no-repeat; }
div.iconNofile { background: url('../pic/icon-unknow.png') no-repeat; }

div.iconTxtFiletype { 
	display:inline-block;
	width: 30px;
	height: 20px;
	line-height:20px;
	padding: 0 3px 0 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 10px;
	text-align: center;
}
div.iconTxtWord { background-color:#173e97; }
div.iconTxtExcel { background-color:#2c8353; }
div.iconTxtPowerPoint { background-color:#dd6717; }
div.iconTxtOpenOffice { background-color:#278dcb; }
div.iconTxtTxt { background-color:#9e9e9e; }
div.iconTxtHtml { background-color:#6d6988; }
div.iconTxtPdf { background-color:#e34b38; }
div.iconTxtZip { background-color:#ebbd37; }
div.iconTxtRar { background-color:#ebbd37; }
div.iconTxt7z { background-color:#ebbd37; }
div.iconTxtJpg { background-color:#9143c8; }
div.iconTxtPng { background-color:#00bcd4; }
div.iconTxtDwg { background-color:#1187CB; }
div.iconTxtUnknow { background-color:#6d6988; }