html
{
  overflow: scroll;
}

body
{
  text-align: center;
  background-color: white;
  color: black;
}

#pictures
{
  margin-top: 5px;
}

#pictures img
{
  border: 2px solid red;
  margin: 0;
  cursor: pointer;
  cursor: hand;
}

#popup
{
  z-index: 90;
  position: absolute;
}

#popupTitle
{
  color: white;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}

#popupImage
{
  border: 2px solid black;
}

#zoomTitle, #fullzoomTitle
{
  color: black;
  text-align: center;
  font-size: 180%;
  font-weight: bold;
  margin-bottom: 4px;
}

#zoomImage
{
  border: 0;
  margin: 0;
}

#fullzoomImage
{
  border: 0;
  margin: 0;
}

#ViewSize
{
  float: left;
}

#ViewDate
{
  float: right;
}

.controls
{
  font-size: 10pt;
  font-family: sans-serif;
}

#magControl
{
  float: right;
  margin: 2px;
  border: solid 1px #bbbbbb;
  padding: 1px;
  color: #111111;
}

.unzoom, .fullsize
{
  float: left;
  cursor: pointer;
  cursor: hand;
  background-color: #eeeeee;
  border: solid 1px #bbbbbb;
  padding: 0px 4px 0px 4px;
  font-weight: bold;
  margin: 3px;
}

#magControl span
{
  margin: 0px;
  padding: 0px 4px 0px 4px;
}

.magButton
{
  color: #666666;
  cursor: pointer;
  cursor: hand;
  background-color: #eeeeee;
  border: solid 1px #dddddd;
}

.magButtonSelected
{
  background-color: #cccccc;
  border: solid 1px #aaaaaa;
  color: #333333;
  font-weight: bold;
}

.magnifier
{
  position: relative;
  background-repeat: no-repeat;
  background-color: white;
  border: 0px;
  padding: 0px;
  margin: 17px;
  z-index: 92;
}

.magnifierShadow
{
  position: absolute;
  background: transparent;
  padding: 0px;
  margin: 0px;
  text-align: left;
  z-index: 91;
}