/** Stuff for each element. */

.dbg_gallery td {
  vertical-align: top;
  width: 25%;
  padding: 6px 12px 6px 12px;
}



/** Stuff for the image in each element. */

.dbg_gallery .dbg_picture_outer {
  /* Box around picture. */
  width: 120px;
  height: 120px;
  background-color: #eee;
  border: 1px solid #ddd;

  /* Center the div within the td. */
  margin-left: auto;
  margin-right: auto;
  
  /* Center contents horizontally. */
  text-align: center;

  /* Center contents vertically #1 */
  display: table;
}

.dbg_gallery .dbg_picture_inner {
  /* Center contents vertically #2 */
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}

.dbg_gallery .dbg_picture_inner img {
  border: none;
}



/** Stuff for the caption in each element. */

.dbg_gallery .dbg_caption {
  font-size: 9pt;
  text-align: center;
  padding-top: 6px;
}



/** Stuff for single images. */

.dbg_single {
	border: 1px solid grey;
}