.wrapper
{
  overflow: hidden;
}

.iviewer_command_area_class
{
  width: 100%;
  text-align: center;
}

.viewer
{
  border-style:solid;
  border-width: 1;
  border-color: #CCCCCC;
  height: 520px;
  margin-top: 5px;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  position: relative;
}
            
.iviewer_common {
  margin-left: 10px;
  margin-right: 10px;
  vertical-align:middle;
}

.iviewer_cursor {
  cursor: url(img/hand.cur) 6 8, pointer;
}

.iviewer_drag_cursor {
  cursor: url(img/grab.cur) 6 8, pointer;
}

.iviewer_button {
  width: 16px;
  height: 16px;
  border-style: none;
  cursor: pointer;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: inherit;
  vertical-align: middle;
}

#viewCmdZoomIn 
{
  background-image: url(img/iviewer_zoom_in.png);
  border-style: solid;
  border-width: 0;
  background-color: inherit;
}

#viewCmdZoomOut
{
  background-image: url(img/iviewer_zoom_out.png);
  border-style: solid;
  border-width: 0;
  background-color: inherit;
}

#viewCmdZoomZero
{
  background-image: url(img/iviewer_zoom_zero.png);
  border-style: none;
  border-width: 0;
  background-color: inherit;
}

#viewCmdZoomFit
{
  background-image: url(img/iviewer_zoom_fit.png);
  border-style: none;
  border-width: 0;
  background-color: inherit;
}

.iviewer_zoom_status {
  border-style: none;
  width: 56px;
  height: 16px;
  font: 1em/16px Sans;
  color: #000;
  background-color: #fff;
  text-align: center;
  vertical-align: middle;
}

#viewCmdRotateLeft
{
  background-image: url(img/iviewer_rotate_left.png);
  border-style: none;
  border-width: 0;
  background-color: inherit;
}

#viewCmdRotateRight
{
  background-image: url(img/iviewer_rotate_right.png);
  border-style: none;
  border-width: 0;
  background-color: inherit;
}

#viewCmdFlipH
{
  background-image: url(img/iviewer_flip_h.png);
  border-style: none;
  border-width: 0;
  background-color: inherit;
}