#main {
  overflow-y: scroll;
}


.img-caption {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  /*width: @P_WD_X@px;*/
  /*margin-left: auto; margin-right:auto;*/
  text-align:left;
  padding: 4px;
}

.img-preview {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: @P_WD_X@px;
  height: @P_HT_X@px;
  margin-left: auto; margin-right:auto;
  text-align:left;
}
.img-preview div {
  margin: 0px;
  border: 2px solid;
  padding: 2px;
}

.img-preview img {
  margin: 0px;
  border: 0px;
  padding: 0px;
}

.img-nav { font-weight: bold; }

table.img-nav {
  width: 40%;
  margin-bottom: 10px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.img-nav td {
  border: 0px;
  border: 1px solid #004287;
  text-align: center;
  padding: 0px;
}

.img-nav tr { 
  border: 2px solid #004287;
}


td.next-img , td.prev-img {
  width: 30%;
}

td.img-num {
  width: 40%;
}


.img-nav a, .img-nav a:link, .img-nav a:visited {
  text-decoration: none;
}


.img-nav a span {
  display: block;
  width: auto;
  height: 100%;
  font-weight: bolder;
  padding: 2px;
}

.img-nav a:hover span {
  padding: 0px;
  border: 2px solid red;
}