body, html, img, div, p, a { margin:0px; padding:0px; border:0px;}
/*
   this rule is not interpreted by IE 6 - at least not currently
   firefox seems to need a border on the a tag to render the background image properly
   ie does not require the border to render properly but does not understand transparent border
*/
td.iconCell>a {
	display:block;
	margin: 0 auto;
	}
span.icon {
	float:left;
	width:20px;
	height:20px;
	}
span.icon>a {
	display: block;
	}

div.iconText {
	display: block;
	clear:both;
	}

span.text {
	}
span.text a {
	position:relative;
	top:3px;
	left:5px
	}

span.iconBlock {
	margin: 0 auto;
	}


/* icon Arrow */
.icoArrowDn { width:20px; height:20px; background: url(../images/icons.gif) -20px 0; }
.icoArrowUp { width:20px; height:20px; background: url(../images/icons.gif) -20px -20px; }
.icoArrowRt { width:20px; height:20px; background: url(../images/icons.gif) -20px -40px; }
.icoArrowLt { width:20px; height:20px; background: url(../images/icons.gif) -20px -60px; }

/* icon Arrow 2 */
.icoArrow2Dn { width:20px; height:20px; background: url(../images/icons.gif) -20px -80px; }
.icoArrow2Up { width:20px; height:20px; background: url(../images/icons.gif) -20px -100px; }
.icoArrow2Rt { width:20px; height:20px; background: url(../images/icons.gif) -20px -120px; }
.icoArrow2Lt { width:20px; height:20px; background: url(../images/icons.gif) -20px -140px; }

/* icon Folder */
.icoFolder { width:20px; height:20px; background: url(../images/icons.gif) -40px 0; }
.icoFolderAdd { width:20px; height:20px; background: url(../images/icons.gif) -40px -20px; }
.icoFolderDelete { width:20px; height:20px; background: url(../images/icons.gif) -40px -40px; }
.icoFolderEdit { width:20px; height:20px; background: url(../images/icons.gif) -40px -60px; }
.icoFolderOn { width:20px; height:20px; background: url(../images/icons.gif) -40px -80px; }
.icoFolderOff { width:20px; height:20px; background: url(../images/icons.gif) -40px -100px; }

/* icon Folder 2 */
.icoFolder2 { width:20px; height:20px; background: url(../images/icons.gif) -60px 0; }
.icoFolder2Add { width:20px; height:20px; background: url(../images/icons.gif) -60px -20px; }
.icoFolder2Delete { width:20px; height:20px; background: url(../images/icons.gif) -60px -40px; }
.icoFolder2Edit { width:20px; height:20px; background: url(../images/icons.gif) -60px -60px; }
.icoFolder2On { width:20px; height:20px; background: url(../images/icons.gif) -60px -80px; }
.icoFolder2Off { width:20px; height:20px; background: url(../images/icons.gif) -60px -100px; }

/* icon Object */
.icoObject { width:20px; height:20px; background: url(../images/icons.gif) -80px 0; }
.icoObjectAdd { width:20px; height:20px; background: url(../images/icons.gif) -80px -20px; }
.icoObjectDelete { width:20px; height:20px; background: url(../images/icons.gif) -80px -40px; }
.icoObjectEdit { width:20px; height:20px; background: url(../images/icons.gif) -80px -60px; }
.icoObjectOn { width:20px; height:20px; background: url(../images/icons.gif) -80px -80px; }
.icoObjectOff { width:20px; height:20px; background: url(../images/icons.gif) -80px -100px; }

/* icon Object 2 */
.icoObject2 { width:20px; height:20px; background: url(../images/icons.gif) -100px 0; }
.icoObject2Add { width:20px; height:20px; background: url(../images/icons.gif) -100px -20px; }
.icoObject2Delete { width:20px; height:20px; background: url(../images/icons.gif) -100px -40px; }
.icoObject2Edit { width:20px; height:20px; background: url(../images/icons.gif) -100px -60px; }
.icoObject2On { width:20px; height:20px; background: url(../images/icons.gif) -100px -80px; }
.icoObject2Off { width:20px; height:20px; background: url(../images/icons.gif) -100px -100px; }

/* icon Document */
.icoDocument { width:20px; height:20px; background: url(../images/icons.gif) -120px 0; }
.icoDocumentAdd { width:20px; height:20px; background: url(../images/icons.gif) -120px -20px; }
.icoDocumentDelete { width:20px; height:20px; background: url(../images/icons.gif) -120px -40px; }
.icoDocumentEdit { width:20px; height:20px; background: url(../images/icons.gif) -120px -60px; }
.icoDocumentOn { width:20px; height:20px; background: url(../images/icons.gif) -120px -80px; }
.icoDocumentOff { width:20px; height:20px; background: url(../images/icons.gif) -120px -100px; }

/* icon Document 2 */
.icoDocument2 { width:20px; height:20px; background: url(../images/icons.gif) -140px 0; }
.icoDocument2Add { width:20px; height:20px; background: url(../images/icons.gif) -140px -20px; }
.icoDocument2Delete { width:20px; height:20px; background: url(../images/icons.gif) -140px -40px; }
.icoDocument2Edit { width:20px; height:20px; background: url(../images/icons.gif) -140px -60px; }
.icoDocument2On { width:20px; height:20px; background: url(../images/icons.gif) -140px -80px; }
.icoDocument2Off { width:20px; height:20px; background: url(../images/icons.gif) -140px -100px; }

/* icon Template */
.icoTemplate { width:20px; height:20px; background: url(../images/icons.gif) -160px 0; }
.icoTemplateAdd { width:20px; height:20px; background: url(../images/icons.gif) -160px -20px; }
.icoTemplateDelete { width:20px; height:20px; background: url(../images/icons.gif) -160px -40px; }
.icoTemplateEdit { width:20px; height:20px; background: url(../images/icons.gif) -160px -60px; }
.icoTemplateOn { width:20px; height:20px; background: url(../images/icons.gif) -160px -80px; }
.icoTemplateOff { width:20px; height:20px; background: url(../images/icons.gif) -160px -100px; }

/* icon User */
.icoUser { width:20px; height:20px; background: url(../images/icons.gif) -180px 0; }
.icoUserAdd { width:20px; height:20px; background: url(../images/icons.gif) -180px -20px; }
.icoUserDelete { width:20px; height:20px; background: url(../images/icons.gif) -180px -40px; }
.icoUserEdit { width:20px; height:20px; background: url(../images/icons.gif) -180px -60px; }
.icoUserOn { width:20px; height:20px; background: url(../images/icons.gif) -180px -80px; }
.icoUserOff { width:20px; height:20px; background: url(../images/icons.gif) -180px -100px; }

/* icon User 2 */
.icoUser2 { width:20px; height:20px; background: url(../images/icons.gif) -200px 0; }
.icoUser2Add { width:20px; height:20px; background: url(../images/icons.gif) -200px -20px; }
.icoUser2Delete { width:20px; height:20px; background: url(../images/icons.gif) -200px -40px; }
.icoUser2Edit { width:20px; height:20px; background: url(../images/icons.gif) -200px -60px; }
.icoUser2On { width:20px; height:20px; background: url(../images/icons.gif) -200px -80px; }
.icoUser2Off { width:20px; height:20px; background: url(../images/icons.gif) -200px -100px; }

/* icon Section */
.icoSection { width:20px; height:20px; background: url(../images/icons.gif) -220px 0; }
.icoSectionAdd { width:20px; height:20px; background: url(../images/icons.gif) -220px -20px; }
.icoSectionDelete { width:20px; height:20px; background: url(../images/icons.gif) -220px -40px; }
.icoSectionEdit { width:20px; height:20px; background: url(../images/icons.gif) -220px -60px; }
.icoSectionOn { width:20px; height:20px; background: url(../images/icons.gif) -220px -80px; }
.icoSectionOff { width:20px; height:20px; background: url(../images/icons.gif) -220px -100px; }

/* icon Journal */
.icoJournal { width:20px; height:20px; background: url(../images/icons.gif) -240px 0; }
.icoJournalAdd { width:20px; height:20px; background: url(../images/icons.gif) -240px -20px; }
.icoJournalDelete { width:20px; height:20px; background: url(../images/icons.gif) -240px -40px; }
.icoJournalEdit { width:20px; height:20px; background: url(../images/icons.gif) -240px -60px; }
.icoJournalOn { width:20px; height:20px; background: url(../images/icons.gif) -240px -80px; }
.icoJournalOff { width:20px; height:20px; background: url(../images/icons.gif) -240px -100px; }

/* icon Comment */
.icoComment { width:20px; height:20px; background: url(../images/icons.gif) -260px 0; }
.icoCommentAdd { width:20px; height:20px; background: url(../images/icons.gif) -260px -20px; }
.icoCommentDelete { width:20px; height:20px; background: url(../images/icons.gif) -260px -40px; }
.icoCommentEdit { width:20px; height:20px; background: url(../images/icons.gif) -260px -60px; }
.icoCommentOn { width:20px; height:20px; background: url(../images/icons.gif) -260px -80px; }
.icoCommentOff { width:20px; height:20px; background: url(../images/icons.gif) -260px -100px; }

/* icon URL */
.icoURL { width:20px; height:20px; background: url(../images/icons.gif) -280px 0; }
.icoURLAdd { width:20px; height:20px; background: url(../images/icons.gif) -280px -20px; }
.icoURLDelete { width:20px; height:20px; background: url(../images/icons.gif) -280px -40px; }
.icoURLEdit { width:20px; height:20px; background: url(../images/icons.gif) -280px -60px; }
.icoURLOn { width:20px; height:20px; background: url(../images/icons.gif) -280px -80px; }
.icoURLOff { width:20px; height:20px; background: url(../images/icons.gif) -280px -100px; }

/* icon Office */
.icoOffice { width:20px; height:20px; background: url(../images/icons.gif) -300px 0; }
.icoOfficeAdd { width:20px; height:20px; background: url(../images/icons.gif) -300px -20px; }
.icoOfficeDelete { width:20px; height:20px; background: url(../images/icons.gif) -300px -40px; }
.icoOfficeEdit { width:20px; height:20px; background: url(../images/icons.gif) -300px -60px; }
.icoOfficeOn { width:20px; height:20px; background: url(../images/icons.gif) -300px -80px; }
.icoOfficeOff { width:20px; height:20px; background: url(../images/icons.gif) -300px -100px; }

/* icon Home */
.icoHome { width:20px; height:20px; background: url(../images/icons.gif) -320px 0; }
.icoHomeAdd { width:20px; height:20px; background: url(../images/icons.gif) -320px -20px; }
.icoHomeDelete { width:20px; height:20px; background: url(../images/icons.gif) -320px -40px; }
.icoHomeEdit { width:20px; height:20px; background: url(../images/icons.gif) -320px -60px; }
.icoHomeOn { width:20px; height:20px; background: url(../images/icons.gif) -320px -80px; }
.icoHomeOff { width:20px; height:20px; background: url(../images/icons.gif) -320px -100px; }

/* icon Image */
.icoImage { width:20px; height:20px; background: url(../images/icons.gif) -340px 0; }
.icoImageAdd { width:20px; height:20px; background: url(../images/icons.gif) -340px -20px; }
.icoImageDelete { width:20px; height:20px; background: url(../images/icons.gif) -340px -40px; }
.icoImageEdit { width:20px; height:20px; background: url(../images/icons.gif) -340px -60px; }
.icoImageOn { width:20px; height:20px; background: url(../images/icons.gif) -340px -80px; }
.icoImageOff { width:20px; height:20px; background: url(../images/icons.gif) -340px -100px; }

/* icon Image */
.icoImage2 { width:20px; height:20px; background: url(../images/icons.gif) -360px 0; }
.icoImage2Add { width:20px; height:20px; background: url(../images/icons.gif) -360px -20px; }
.icoImage2Delete { width:20px; height:20px; background: url(../images/icons.gif) -360px -40px; }
.icoImage2Edit { width:20px; height:20px; background: url(../images/icons.gif) -360px -60px; }
.icoImage2On { width:20px; height:20px; background: url(../images/icons.gif) -360px -80px; }
.icoImage2Off { width:20px; height:20px; background: url(../images/icons.gif) -360px -100px; }