div.document-icon{ text-align: center; }

div.document-icon img{
  max-width: 89px;
  max-height: 89px;
  border: none;
}

div.document-icon a{
  font-size: 10px;
  line-height: 12px;
}

div.document-icon{ margin: 5px 0 0; }

/* WITHOUT DESCRIPTION */
div.document-icon{
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  /* percents round up in some browsers, making 
  only 3 icons fit per line so can't use 25% */
  width: 24.5%;
}
div.document-icon-wrapper{
  width: 100%;
  padding: 0;
  text-align: center;
}
/* END WITHOUT DESCRIPTION */

/* WITH DESCRIPTION */
div.descriptions.document-icon-wrapper div.document-icon{ 
  max-width: 115px;
  padding: 0;
  padding-right: 3px;
  float: left;
}

div.descriptions.document-icon-wrapper{
  vertical-align: middle;
  text-align: inherit;
}

div.descriptions.document-icon-wrapper img{
  max-width: 65px;
  max-height: 65px;
}

/* clearfix */
/* can't depend on theme having a clearfix class,
so build it into dg css */
div.descriptions.document-icon-wrapper:before,
div.descriptions.document-icon-wrapper:after{
  content: "";
  display: table;
}
 
div.descriptions.document-icon-wrapper:after{
    clear: both;
}
div.descriptions.document-icon-wrapper{
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

/* END WITH DESCRIPTION */
.small-icon img{
	width: 25px;
  height: 25px;
	}

div.document-category {
	margin-bottom: 30px ;
	}
	
.cat-header {
	font-weight: bold;
	border-collapse: collapse;
	
}

.cat-header tr td{
	font-weight: bold;
	}