@charset "UTF-8";
#header { width: 900px; }
.lang-fa #header {width:700px;}
#mainContent { width: 1100px; }
#mainContent h1 {
  width: 900px;
  margin-left: auto;
  margin-right: auto;
}
.lang-fa #mainContent h1{width:700px;}
#workInfo {
  width: 800px;
  padding-top:0px;
  margin-right: 200px;
  /* override this value for tabs */
  margin-right:0px; 
  margin-left:100px;

}

.lang-fa #workInfo {margin-right:200px;}
.lang-fa #footer {width:700px;}
#workIndex { width: 80px; }
#workIndex ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#workIndex li { margin-bottom: 10px; }
#workIndex img {
  width: 80px;
  height: auto;
}
#imageContainer {
  position: relative;
  margin-left: 100px;
}
#imageViewer {
  background-color: #f6f5f5;
  width: 800px;
  height: 700px;
  margin: 0 auto 10px;
  border: 1px;
  border-style: solid;
  border-color: #ccc;
  float: left
}

#clearOverlay {position: absolute;
top:700px;
left:0px;
margin: 0px;
font-size: .75em;
text-align: right;
width:800px;}
.lang-fa #clearOverlay{text-align:left;}

.highlight { background-color: #CCC; }

#clearOverlay.highlight {color:white;}

#zThumbs { text-align: center; }
#zThumbs a {
  display: inline-block;
  vertical-align: middle;
  padding: 10px;
}
#myContainer {
  width: 900px;
  height: 550px;
  margin: auto;
  border: 1px;
  border-style: solid;
  border-color: #ccc;
}
#imageNav {
  width: 188px;
  float: right;
  margin-left: 10px;
  font-size: 14px;
}
#imageNav ul {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
}
#imageNav li {
  list-style: none;
  padding: 5px;
  border-top: 1px solid #eee;
}
#imageNav a.togglelink {
  color: #666;
  text-decoration: none;
}
#imageNav .highlight a.togglelink,
#imageNav a:hover { color: #000; }
.sidebarContentBox { }
.overlay {
  position: absolute;
  z-index: 100;
}
.sidebarContentBox h2 { display: none; }
.sidebarContentBox p {
  margin: 0;
  color: #444;
}
.arrow {
  background: url(../zoomify/Assets/Hotspots/transparent-arrow-white.png) no-repeat;
  padding: 18px 0 0 46px
}
.arrowRed {
  background: url(../zoomify/Assets/Hotspots/transparent-arrow.png) no-repeat;
  padding: 18px 0 0 46px
}
.overlay p {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 1px 5px;
  margin: 14px 0 0 0;
}
.overlay arrow p { margin: 50px 0 0 40px; }
.frame {
  border: 9px ridge white;
  background-color: rgba(255, 255, 255, 0);
  padding: 3px;
  box-shadow: black 0px 0px 13px
}
.frameNoBorder {
  border: 0px ridge white;
  background-color: rgba(255, 255, 255, .8);
  padding: 3px;
}
.frameCircle {
  border: 8px solid white;
  background-color: rgba(255, 255, 255, 0);
  padding: 3px;
  border-radius: 50%;
  box-shadow: black 0px 0px 13px
}


#more-info{display:none;}