/* reset styles from eric meyer
   http://meyerweb.com/eric/tools/css/reset/
   v1.0 | 20080212 */
.oshi-container div, .oshi-container span, .oshi-container applet, .oshi-container object, .oshi-container iframe, .oshi-container h1, .oshi-container h2, .oshi-container h3, .oshi-container h4, .oshi-container h5, .oshi-container h6, .oshi-container p, .oshi-container blockquote, .oshi-container pre, .oshi-container a, .oshi-container abbr, .oshi-container acronym, .oshi-container address, .oshi-container big, .oshi-container cite, .oshi-container code, .oshi-container del, .oshi-container dfn, .oshi-container em, .oshi-container font, .oshi-container img, .oshi-container ins, .oshi-container kbd, .oshi-container q, .oshi-container s, .oshi-container samp, .oshi-container small, .oshi-container strike, .oshi-container strong, .oshi-container sub, .oshi-container tt, .oshi-container var, .oshi-container b, .oshi-container u, .oshi-container i, .oshi-container center, .oshi-container dl, .oshi-container dt, .oshi-container dd, .oshi-container ol, .oshi-container ul, .oshi-container li, .oshi-container fieldset, .oshi-container form, .oshi-container label, .oshi-container legend, .oshi-container table, .oshi-container caption, .oshi-container tbody, .oshi-container tfoot, .oshi-container thead, .oshi-container tr, .oshi-container th, .oshi-container td
{ margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent none; float: none; clear: none;}
.oshi-container ol, .oshi-container ul { list-style: none;}
.oshi-container blockquote, .oshi-container q { quotes: none;}
.oshi-container blockquote:before, .oshi-container
.oshi-container blockquote:after, .oshi-container
.oshi-container q:before, .oshi-container q:after { content: ''; content: none;}
.oshi-container :focus { outline: 0;}
.oshi-container ins { text-decoration: none;}
.oshi-container del { text-decoration: line-through;}
.oshi-container table { border-collapse: collapse; border-spacing: 0;}
.oshi-container input { background: transparent none; color: #000}
/* / reset styles from eric meyer */

.clearall {
  clear: both;
}

.oshi-hidden-images,
.oshi-hidden {
  display: none;
}

.oshi-body #universe {
  height: 370px;
  background: #000 url('/binary/bg_universe.jpg') no-repeat 50% 50%;
  clear: both;
  position: relative;
  width: 750px;
  border-bottom: 1px solid #fff;
}

.oshi-body p {
  margin: 0 0 10px 0;
}

#universe .chromo_marker {
  position: absolute;
  width: 8px;
  height: 8px;
  border: 1px solid #fff;
  cursor: pointer;
  font-size: 4px;
  background: #000;
}

#universe .chromo_marker:hover,
#universe .chromo_marker.oshi-selected {
  background: #cc0;
}

.oshi-body  .oshi-header {
  position: relative;
}

.oshi-body .universe-toggle {
  position: absolute;
  right: 5px;
  bottom: -14px;
  cursor: pointer;
  background: #000 url('/binary/bg_foldmap.gif') no-repeat -17px 0;
  width: 17px;
  height: 15px;
  text-indent: -1234em;
  overflow: hidden;
}

.oshi-body .universe-toggle-closed {
  background-position: 0 0;
}

.oshi-body {
  margin: 0;
  padding: 0;
  font: 12px/18px Verdana, Arial, sans-serif;
  background: #FFFFFF url(/binary/bg_body.png) repeat scroll 0 0;
}

.oshi-body .oshi-container {
  width: 750px;
  margin: 0 auto;
}

.oshi-body .oshi-logo {
  background: url('/binary/bg_banner.jpg') no-repeat 0 0;
  height: 100px;
  overflow: hidden;
  text-indent: -1234em;
}

.oshi-body .oshi-content {
  background: url('/binary/bg_content.gif') no-repeat 0 0;
  border-bottom: 1px solid #fff;
  padding: 16px 0;
  min-height: 300px;
}

.oshi-body .oshi-subnavigation,
.oshi-body .oshi-main {
  float: left;
}

.oshi-body .oshi-subnavigation {
  width: 160px;
}

.oshi-body .oshi-subnavigation li {
  border-bottom: 1px solid #fff;
  padding: 1px 0 1px 11px;
  background: url('/binary/bg_arrow.gif') no-repeat 98% 5px;
}

.oshi-body .oshi-subnavigation li.oshi-selected,
.oshi-body .oshi-subnavigation li:hover {
  background-color: #ccc;
}

.oshi-body .oshi-image-navigation li a,
.oshi-body .oshi-subnavigation li a {
  font-size: 10px;
  color: #000;
  text-decoration: none;
  display: block;
}

.oshi-body .oshi-subnavigation li img {
  position: relative;
  top: 2px;
  left: 3px;
}

.oshi-body .oshi-subnavigation li.search {
  background: #ccc;
  padding: 5px 0 5px 11px;
}

.oshi-body .oshi-subnavigation li.search label {
  display: block;
}

.oshi-body .oshi-subnavigation li.search .searchfield {
  width: 90px;
  background: #fff;
  margin: 0 4px 0 0;
}

.oshi-body .oshi-main {
  padding: 12px;
  width: 566px;
}

.oshi-main h1 {
  font: bold 12px/18px Verdana, Arial, sans-serif;
}

#list ul {
  list-style:inherit;
  margin:0 10px 10px;
  padding:0 20px;
}

.oshi-main #list h1 {
  margin: 0 0 4px 0;
}

.oshi-body .oshi-image-main {
  border-right: 1px dotted #888;
  float: left;
  width: 339px;
  min-height: 500px;
  margin-bottom: 23px;
}

.oshi-body .oshi-image-main p {
  margin: 12px 12px 12px 0;
  font-size: 10px;
}

.oshi-body .oshi-image-main p:first-child {
  margin: 0;
  overflow: auto;
}

.oshi-body .oshi-image-details {
  float: left;
  width: 218px;
  padding: 0 0 0 8px;
  margin-bottom: 23px;
}

.oshi-body .oshi-image-details li {
  font-size: 10px;
}

.oshi-body .oshi-image-details li span {
  font-weight: bold;
}

.oshi-body .oshi-image-details h2 {
  border-top: 1px dotted #888;
  margin-top: 20px;
  padding-top: 20px;
}

.oshi-body .oshi-image-details h2:first-child {
  border: none;
  margin: 0;
  padding: 0 0 10px 0;
}

.oshi-body .oshi-image-details ul li p {
  clear: both;
  margin: 10px 0 0 0;
}

.oshi-body .oshi-image-details ul li h3 {
  line-height: 16px;
  margin-left: 35px;
}

.oshi-body .oshi-image-details ul li a {
  color: #000;
}

.oshi-body .oshi-image-details ul li h3 a span {
  font-weight: normal;
  display: block;
  white-space: nowrap;
}

.oshi-body .oshi-paging,
.oshi-body .oshi-image-navigation {
  clear: both;
  border: dotted #888;
  border-width: 1px 0;
  position: relative;
  height: 18px;
}

.oshi-body .oshi-paging {
  text-align: center;
}

.oshi-body .oshi-paging ul li {
  display: inline;
  padding: 0 5px;
}

.oshi-body .oshi-paging ul li+li {
  border-left: 1px solid;
}

.oshi-body .oshi-paging a.plc-selected {
  font-weight: bold;
}


.oshi-body .oshi-paging > a,
.oshi-body .oshi-image-navigation li {
  right: 0;
  line-height: 18px;
  font-size: 10px;
  position: absolute;
}

.oshi-body .oshi-paging a {
  font-size: 10px;
  color: #000;
  text-decoration: none;
}

.oshi-body .oshi-paging > a:first-child,
.oshi-body .oshi-image-navigation li:first-child {
  left:0;
  right: auto;
}

.oshi-body .oshi-paging > a,
.oshi-body .oshi-image-navigation li a {
  background: url('/binary/bg_newer.gif') no-repeat 100% 5px;
  padding-right: 8px;
}

.oshi-body .oshi-paging > a:first-child,
.oshi-body .oshi-image-navigation li:first-child a {
  background: url('/binary/bg_older.gif') no-repeat 0 5px;
  padding-left: 8px;
}

#list .oshi-images {
  width: 577px;
  overflow: auto;
  position: relative;
  left: -18px;
  margin: 0 0 0 -11px;
  list-style: none;
}

.oshi-body .tooltip .oshi-images {
  width: auto;
}

.oshi-body .oshi-images li {
  padding: 6px;
  background: #dcdcdc;
  float: left;
  margin: 0 0 11px 8px;
  height: 166px;
  width: 124px;
  overflow: hidden;
}

.oshi-body .oshi-image-details ul li p a,
.oshi-image-main p a,
.oshi-body .oshi-images li a {
  border: 1px solid #888;
  padding: 1px;
  display: block;
  background: #fff;
  line-height: 0;
  float: left;
}
.oshi-body .oshi-image-details ul li p a {
  margin-top: 3px;
}

.oshi-body .oshi-images li h2 a {
  border: none;
  background: none;
  line-height: 21px;
  font-weight: normal;
  color: #000;
  text-decoration: none;
}

.oshi-body .oshi-navigation {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  background: #000;
  overflow: auto;
  height: 18px;
  font: 10px/18px Verdana, Arial, sans-serif;
  position: relative;
}

.oshi-body .oshi-navigation li {
  float: left;
}
.oshi-body .oshi-navigation li.oshi-date {
  position: absolute;
  right: 0;
}

.oshi-body .oshi-navigation li.oshi-date,
.oshi-body .oshi-navigation a {
  color: #fff;
  text-decoration: none;
  padding: 0 18px;
  display: block;
  line-height: 18px;
}

.oshi-body .oshi-navigation li.oshi-selected a {
  background: #601a22;
  font-weight: bold;
}

.oshi-body .oshi-navigation li a:hover {
  background: #601a22;
}

.oshi-body .oshi-footer {
  clear: both;
  position: relative;
  top: -24px;
}

.oshi-body .oshi-footer ul {
  overflow: auto;
}

.oshi-body .oshi-footer ul li {
  float: right;
  padding: 0 11px;
  border-right: 1px solid;
  margin-bottom: 4px;
}

.oshi-body .oshi-footer ul li:first-child {
  border-right: none;
}

.oshi-body .oshi-footer ul li a,
.oshi-body .oshi-footer p {
  color: #000;
  text-decoration: none;
  font: 10px/12px Verdana, Arial, sans-serif;
}
.oshi-body .oshi-footer p {
  background: #000;
  color: #fff;
  line-height: 18px;
  clear: both;
}

.oshi-body #oshi-imageViewer {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: url('/binary/bg_lightbox.png') repeat 0 0;
}

.oshi-body #oshi-imageViewer p {
  width: 804px;
  margin: 5em auto;
}
.oshi-body #oshi-imageViewer p a {
  border: 1px solid #888;
  padding: 1px;
  display: block;
  background: #fff;
  line-height: 0;
  float: left;
}

.oshi-body #oshi-imageViewer p a img {
  border: none;
}


/*###############################*/
/*######## WHILE LOADING ########*/
/*###############################*/
html.jloading, body.jloading, body.jloading * {
    cursor: progress !important;
}

/*###########################*/
/*########  TOOLTIPS ########*/
/*###########################*/

.tooltip {
    max-width: 150px;
    z-index: 999;
    overflow: hidden;
}

/*##############################*/
/*########  CHROMOSCOPE ########*/
/*##############################*/

.oshi-container .chromo_outerDiv {
	height: 370px;
	width: 350px;
	position: relative;
	overflow: hidden;
	cursor: move;
	clear: both;
}
.oshi-container .chromo_innerDiv {
	position: relative;
	left: 0;
	top: 0;
}

.oshi-container .chromo_zoom {
  position: absolute;
  top: 10px;
  left: 10px;
  border: 1px solid #fff;
  width: 20px;
  height: 20px;
  background: #601a22;
  color: #fff;
  line-height: 15px;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
}

.oshi-container .chromo_zoomout {
  top: 35px;
}

.oshi-container .chromo_message {
  position: absolute;
  top: 10px;
  left: 40px;
  border: 1px solid #fff;
  width: 200px;
  background: #601a22;
  color: #fff;
  padding: 5px;
  text-align: center;
  font-size: 12px;
}

.oshi-container .chromo_helplink {
  position: absolute;
  bottom: 0;
  right: 10px;
  height: 15px;
  color: #fff;
  font-size: 10px;
}

.oshi-container .chromo_helplink a {
  color: #fff;
  text-decoration: underline;
}

table.prefetchImages tr td span {
    display: block;
    border: 1px solid white;
    width: 50px;
    height: 50px;
    overflow: hidden;
}