/* @override http://mohma.org/css/styles.css */

*{
   margin: 0;
   padding: 0;
   list-style-type: none;
   text-decoration: none;
   border: none;
   font-size: 1em;
}

body{
   background-color: #F4F1EC;
   color: #404040;
   font-family: georgia, serif;
   font-size: 100%;
}

html > body{
   font-size: 16px;
}

#contained{
   width: 924px;
   font-size: 62.5%;
   margin: auto;
   position: relative;
   margin-top: 13px;
   overflow: visible;
}

/* text defaults */
sub{
  vertical-align: sub;
  font-size: smaller;
  line-height: normal;
}

sup{
  vertical-align: super;
  font-size: smaller;
  line-height: normal;
}


/* list defaults */

ul{
   display: block;
   list-style-type: disc;
   margin: 1em 0 1em 0;
   padding-left: 40px;
}

ol{
   display: block;
   list-style-type: decimal;
   margin: 1em 0 1em 0;
   padding-left: 40px
}

li{
   display: list-item
}

ul ul, ol ul{
   list-style-type: circle
}

ol ol ul, ol ul ul, ul ol ul, ul ul ul {
   list-style-type: square
}

dd {
   display: block;
   margin-left: 40px
}

dl{
   display: block;
   margin: 1em 0 1em 0
}

dt{
   display: block
}

ol ul, ul ol, ul ul, ol ol{
   margin-top: 0;
   margin-bottom: 0
}

div.clean-list ul, div.clean-list ol, div.clean-list dl,
div.clean-list ul ul, div.clean-list ol ol,
div.clean-list ul ol, div.clean-list ol ul,
div.clean-list ul li, div.clean-list ol li,
div.clean-list dl dt, div.clean-list dl dd,
ul.clean-list, ol.clean-list, dl.clean-list,
ul.clean-list ul, ol.clean-list ol,
ul.clean-list ol, ol.clean-list ul,
ul.clean-list li, ol.clean-list li,
dl.clean-list dt, dl.clean-list dd {
   margin: 0;
   padding: 0;
   list-style-type: none;
   text-decoration: none;
   display: block;
}

/* forms */
input.text, textarea{
   border: 1px solid #8A8889;
   background-color: #F1F1F2;
}
input.text:focus, textarea:focus{
   background-color: #F7F7F8;
}

form div.text, form div.no-text{
    overflow: hidden;
    clear: left;
    margin-bottom: 1em;
}

form div.text label{
    float: left; clear: left;
    width: 140px;
    font-size: 1.2em;
}

form div.text input.text, form div.text textarea{ font-size: 1.2em; }

form div.no-text{ padding-left: 140px; }

/* Biblio table, control column width*/

#bibliography_table .centered_smallCell {
	width:  8%;
}

#bibliography_table .mediumCell_author {
	width: 18%;
}

#bibliography_table .mediumCell_title {
	width: 38%;
}

#bibliography_table .publisher {
	width: 20%;
}



/* any page */
.invisible{
   visibility: hidden;
}
.visible{
   visibility: visible;
}
.gone{
   display: none;
}
.present{
   display: block !important;
}

p{
   font-size: 1.2em;
   line-height: 1.33em;
   margin-bottom: 1.33em;
   color: #000100;
}

p a, p a:hover{
   color: #B5121B;
}
p a:hover{
   text-decoration: underline;
}

ul.disc{
   list-style-type: disc;
   margin: 1em 0 1em 0;
   /*padding-left: 40px;*/
}

ul.disc li{ list-style-type: disc; }
ul.disc ul li{ list-style-type: circle; }

#copy-full ul.disc{ font-size: 1.2em; float: left; padding-left: 10px; }

#copy-full ul.disc ul{ font-size: .9em; }

img.initiums{
   position: relative;
   margin-bottom: -38px;
   margin-right: -2px;
   left: -4px;
}

div.success, div.success p{ color: green !important; font-weight: bold; }

/* all pages */
#logo-url{
   float: left;
   clear: both;
   margin-left: 18px;
   width: 122px;
   height: 33px;
   overflow: hidden;
}

#logo-url:hover img{
   position: relative;
   top: -33px;
}

#header{
   clear: both;
   background: #fff url('/images/all/header-bg.gif') no-repeat top left;
   padding-top: 8px;
   padding-right: 36px;
   padding-bottom: 3px;
   padding-left: 21px;
   margin-top: -1px;
   height: 47px;
}

div.body-bg{
   background: #fff url('/images/all/body-bg.gif') repeat-y top right;
}
div.match-artifacts{
   padding-right: 50px;
}

a{ color: #404040; }
a:hover{ color: #000; }

#nav{
   /*height: 24px;*/
   clear: both;
   padding-left: 32px;
   overflow: hidden;
}
#nav_list{
/*
   float: left;
   clear: both;
*/
}
#nav_list li{
   margin-right: 11px;
   float: left;
   overflow: visible;
}
#nav_list ul li{
   margin-right: 0;
}
#nav > ul > li:nth-child(2), #nav > ul > li:nth-child(3), #nav > ul > li:nth-child(4){
   -webkit-margin-start: 4px;
   /* remove via javascript to safari 4 PC */
}
#nav_list li.last{
   margin-right: 0;
   /*-moz-margin-start: 4px;
   -webkit-margin-start: -1px;*/
}
#nav_list ul li.last{
   margin-right: 0;
   -moz-margin-start: 0;
   -webkit-margin-start: 0;
}
#nav_list li a{
   font-size: 1.3em;
   text-transform: uppercase;
   float: left;
   border: 1px solid #fff;
   margin-left: -7px;
   padding: 8px 8px 9px 9px;
   line-height: 16px;
}
#nav_list li.last a{
   margin-left: -3px;
}
#nav_list li.last li a{
   margin-left: 0;
}
#nav_list li.first a{
   margin-left: -10px;
}
#nav_list li.first ul a{
   margin-left: 0;
}
#nav_list li a.clone{
   position: absolute;
   margin-left: 0;
   z-index: 750;
   padding-right: 0;
}
#nav_list li a.clone.stack{
   z-index: 1500;
}
#nav_list ul li a{
   font-size: 1.2em;
   text-transform: none;
   float: left;
   border: none;
   margin-left: 0;
   padding: 0;
   line-height: 20px;
}

#nav_list li a.hover{
   color: #000;
   border: 1px solid #808184;
   border-bottom: 1px solid #fff;
}
#nav_list ul li a.hover, #nav_list ul li a:hover{
   border: none;
}
#nav_list ul li a.hover, #nav_list ul li a:hover,
#nav a.in, #nav a.on{
   color: #B5121B;
}

#nav_list ul{
   clear: both;
   position: absolute;
   margin-top: 34px;
   margin-left: -22px;
   border: 1px solid #808184;
   padding-top: 1px;
   padding-left: 7px;
   z-index: 1000;
   /* width: 345px; */
   width: 215px;
   overflow: hidden;
   background: #fff;
  
   display: none;
}

#nav_list ul ul{
   position: absolute;
   margin: 0px;
   padding: 0;
   left: 185px;
   width: 140px;
   border: none;
   width: auto;
   display: none;
   padding-left: 30px;
   z-index: 1500;
   height: auto;
   overflow: visible;
}

#nav_list ul ul.prop-up{
   bottom: 10px;
}

#nav_list ul li{
   float: left;
   clear: left;
   width: 500px;
}

#search{
   
   padding-top: 7px;
   padding-bottom: 6px;
   text-align: right;
   
}
#search input.text{
   height: 14px;
   width: 154px;
   
}
#search input.submit{
   border: none;
   font-family: verdana, sans-serif;
   color: #000;
   background-color: #fff;
   font-size: 1.2em;
   line-height: 14px;
   margin-left: 4px;
   cursor: pointer;
   -moz-margin-end: -3px;
}

#body{
   clear: both;
   overflow: hidden;
   height: auto;
   position: relative;
   padding-bottom: 4em;
}

#footer{
   padding-top: 1px;
   padding-bottom: 16px;
   padding-left: 31px;
   height: 35px;
   width: 843px;
   overflow: hidden;
   background: #fff url(/images/all/footer-bg.gif) no-repeat top left;
}

#copyright{
   float: left;
   width: 390px;
   font-size: 1.1em;
   line-height: 35px;
   text-transform: uppercase;
}

#footer-nav{
   float: right;
   width: 330px;
   overflow: hidden;
   text-align: right;
}

#footer-nav li{
   line-height: 35px;
   font-size: 1.1em;
   text-transform: uppercase;
   display: inline;
   padding-left: 22px;
}
#footer-nav li.first{
   padding-left: 0;
}
#footer-nav li.last{
}

/* shared on browse/slideshow */


   /* sub navigation */
#sub-nav{
   height: auto;
   min-height: 187px;
}
#sub-nav span.title{
   font-size: 1.5em;
   color: #B5121B;
   padding: 0 6px;
   background-color: #fff;
   position: absolute;
   top: -2px;
   left: 14px;
   font-weight: bold;
}
#sub-nav.extended span.title{
   width: 140px;
}
#sub-nav ul{
   border: 1px solid #929497;
   min-height: 0;
   margin-top: 7px;
   margin-bottom: 10px;
   padding-top: 9px;
   padding-bottom: 10px;
   padding-left: 20px;
}
#sub-nav.extended ul{
   padding-top: 27px;
}
#sub-nav ul ul, #sub-nav.extended ul ul{
   border: none;
   margin: 0;
   padding: 0;
   padding-left: 20px;
}
#sub-nav ul a{
   font-size: 1.3em;
   line-height: 20px;
}
#sub-nav ul ul a{
   font-size: 1.2em;
}
#sub-nav a.in{
   color: #B5121B;
}
#sub-nav a.on{
   font-weight: bold;
   color: #B5121B;
}

div.side-nav{
   float: left;
   clear: left;
   margin-left: 12px;
   width: 186px;
   overflow: hidden;
   position: relative;
}

#side-nav-browse, #side-nav-slideshow{
   height: 60px;
   text-align: center;
   font-size: 1.2em;
   font-family: verdana, arial, sans-serif;
}
#side-nav-browse{
   width: 51px;
   float: left;
   margin-left: 28px;

}
#side-nav-slideshow{
   width: 71px;
   float: right;
   margin-right: 23px;
}

#utilities{
   border: 1px solid #808184;
   width: 180px;
   padding-top: 6px;
   padding-left: 4px;
   font-size: 1.1em;
}

#utilities.static{
   width: 90px;
   position: absolute;
   top: 80px;
   margin-left: 32px;
}

#utilities.static.homepage{
   top: 417px;
}

#utilities li{
   float: left;
   width: 90px;
   height: 30px;
   background-image: url(/images/slideshow/utilities.png);
   background-repeat: no-repeat;
}
#utilities li a{
   float: left;
   font-family: verdana, arial, sans-serif;
   padding-left: 27px;
   background-image: url(/images/slideshow/utilities.png);
   background-repeat: no-repeat;
   line-height: 25px;
}
#utilities li a:hover{
   text-decoration: underline;
}

#utilities #textsize-utility{
    position: relative;
}
#utilities #textsize-utility span{
    position: absolute;
    left: 0;
    cursor: pointer;
}
#utilities #textsize-utility span:hover{
    cursor: pointer;
}
#utilities #textsize-utility a, #utilities #textsize-utility a:hover{
    cursor: default;
    text-decoration: none;
}

/* have to double up the images to kill IE flickr, yay */
#utilities #magnify-utility, #utilities #magnify-utility a{
   background-position: -185px 0;
}
#utilities #enlarge-utility, #utilities #enlarge-utility a{
   background-position: -185px -243px;
}
#utilities #share-utility, #utilities #share-utility a{
   background-position: -185px -81px;
}
#utilities #textsize-utility, #utilities #textsize-utility a{
   background-position: -185px -324px;
}
#utilities #email-utility, #utilities #email-utility a{
   background-position: -185px -162px;
}
#utilities #print-utility, #utilities #print-utility a{
   background-position: -185px -405px;
}
#utilities #magnify-utility a.active, #utilities #magnify-utility a.active:hover{
   background-position: 0 0;
}
#utilities #enlarge-utility a.active, #utilities #enlarge-utility a.active:hover{
   background-position: 0 -243px;
}
#utilities #share-utility a.active, #utilities #share-utility a.active:hover{
   background-position: 0 -81px;
}
#utilities #textsize-utility a.active{
   background-position: 0 -324px;
}
#utilities #email-utility a.active, #utilities #email-utility a.active:hover{
   background-position: 0 -162px;
}
#utilities #print-utility a.active. #utilities #print-utility a.active:hover{
   background-position: 0 -405px;
}

#utilities #magnify-utility a:hover{
   background-position: -370px 0;
}
#utilities #enlarge-utility a:hover{
   background-position: -370px -243px;
}
#utilities #share-utility a:hover{
   background-position: -370px -81px;
}
#utilities #textsize-utility a:hover{
   background-position: -185px -324px;
}
#utilities #email-utility a:hover{
   background-position: -370px -162px;
}
#utilities #print-utility a:hover{
   background-position: -370px -405px;
}

.cursor-magnify{
   cursor: url(/images/slideshow/cursor-magnify.cur), default;
}

.cursor-enlarge{
   cursor: url(/images/slideshow/cursor-enlarge.cur), default;
}

#social-bookmarks{
    display:none;
    margin:3px;
    font-family: verdana, arial, sans-serif;
}
#social-bookmarks img{ margin-right: 5px; }

/* homepage */

#copy-full{
   padding-top: 18px;
   padding-right: 191px;
   padding-bottom: 23px;
   padding-left: 173px;
   position: relative;
}

/* slide show */

div.graphic{
    height: 369px;
    min-height: 369px;
    width: 562px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

div.graphic.none{
   background: #fff url(/images/slideshow/graphic_placeholder.gif) no-repeat center center;
}

   /* slide show controls */
div.controls{
   border-top: 1px solid #929497;
   margin-bottom: 1em;
   opacity: .2;
}
div.controls ul{
   display: block;
   margin: 0 auto;
   height: 24px;
   width: 216px;
   border: 1px solid #929497;
   border-top: none;
   position: relative;
}
div.controls li{
   position: absolute;
   top: 4px;
   cursor: pointer;
}
div.controls li a{
   float: left;
   font-family: verdana, sans-serif;
   font-size: 1.1em;
   line-height: 18px;
}

div.controls li.first{
   left: 6px;
}
div.controls li.previous{
   left: 31px;
}
div.controls li.play-pause{
   /* left: 99px; */
   left: 105px;
}
div.controls li.next{
   left: 135px;
}
div.controls li.last{
   right: 6px;
}
div.controls li.inactive, div.controls li.inactive a{
   cursor: default;
}
div.controls li.play-pause.inactive, div.controls li.play-pause.inactive a{
   cursor: pointer;
}
div.controls li.first a{
   background: url(/images/slideshow/controls.png) no-repeat 0 0;
}
div.controls li.previous a{
   padding-left: 19px;
   background: url(/images/slideshow/controls.png) no-repeat 0 -81px;
}
div.controls li.play-pause a{
   background: url(/images/slideshow/controls.png) no-repeat 0 -162px;
}
div.controls li.next img{
   position: absolute;
   background: url(/images/slideshow/controls.png) no-repeat 0 -243px;
}
div.controls li.last a{
   background: url(/images/slideshow/controls.png) no-repeat 0 -324px;
}
div.controls li.first.inactive > a{
   background-position: -184px 0;
}
div.controls li.previous.inactive > a{
   background-position: -184px -81px;
}
div.controls li.play-pause.inactive > a{
   background-position: -184px -162px;
}
div.controls li.play-pause.paused > a{
   background-position: -368px -162px;
}
div.controls li.next.inactive > a > img{
   background-position: -184px -243px;
}
div.controls li.last.inactive > a{
   background-position: -184px -324px;
}

div.controls li.inactive a{
   color: #ccc;
}

   /* slides */
#slides{
   width: 488px;
   height: 55px;
   border: 1px solid #929497;
   background-color: #fff;
   padding: 8px 36px;
   overflow: hidden;
   position: absolute;
   right: 151px;
   top: 7px;
   background-color: #fff;
   opacity: .2;
}
#slides div.button{
   position: absolute;
   width: 35px;
   height: 71px;
   top: 0;
   z-index: 700;
   background-color: #fff;
}
#slides div.button.inactive a{
   cursor: default;
   background-position: -9px 0;
}
#slides div.button a{
   position: absolute;
   width: 9px;
   height: 16px;
   overflow: hidden;
   clip: rect( 0, 9px, 16px, 0);
   top: 28px;
}
#slides-box-previous{
   left: 0px;
}
#slides-box-previous a{
   left: 6px;
   background: url('/images/slideshow/slides-box_previous-slide.gif') no-repeat;
}
#slides-box-previous a:hover, #slides-box-next a:hover{
   cursor: pointer;
}
#slides-box-next{
   right: 0px;
}
#slides-box-next a{
   left: 20px;
   background: url('/images/slideshow/slides-box_next-slide.gif') no-repeat;
}
#slides_container{
   width: 1000px;
   height: 55px;
   margin-top: -1px;
   padding-top: 1px;
   padding-bottom: 1px;
   padding-left: 1px;
   margin-left: -1px;
   position: relative;
   overflow: hidden;
   left: 0px;
}
#slides div.slide{
   width: 80px;
   margin-right: 22px;
   float: left;
   text-align: center;
   font-size: 1.1em;
   height: 55px;
}
#slides div.slide.hover{
   border: 1px solid #929497;
   margin-right: 21px;
   margin-left: -1px;
   margin-top: -1px;
   margin-bottom: -1px;
}

#slides div.slide.active{
   border: 1px solid #B5121B;
   margin-right: 21px;
   margin-left: -1px;
   margin-top: -1px;
   margin-bottom: -1px;
}

#slides div.slide a{
   color: #404040;
   display: block;
   height: 100%;
}
   /* slides on side */
#sub-thumbnails{
   position: absolute;
   width: 110px;
   height: 170px;
   top: 187px;
   right: 25px;
   opacity: .2;
}
#sub-thumbnails li{
   float: left;
   width: 45px;
   height: 45px;
   margin-right: 10px;
   margin-bottom: 10px;
}
#sub-thumbnails a{
   display: block;
   width: 43px;
   height: 43px;
   border: 1px solid #929497;
}
#sub-thumbnails a.active, #sub-thumbnails a.active:hover{
   border-color: #B5121B;
   cursor: default;
}
#sub-thumbnails a:hover{ cursor: pointer; }

/* browse */

#browse{
    width: 678px;
    margin-right: 35px;
    clear: right;
    float: right;
    overflow: hidden;
    font-family: verdana, sans-serif;
}
#browse div.instrument{
    float: left;
    margin-right: 14px;
    width: 212px;
    height: 196px;
    overflow: hidden;
}
#browse div.instrument h3{
    font-weight: bold;
    padding-left: 2px;
    border-bottom: 1px solid #929497;
    line-height: 23px;
    font-size: 1.1em;
}
#browse div.instrument a{
    display: block;
    height: 170px;
}
#browse div.instrument h3 a{
    display: inline;
    height: auto;
}
div.pagination{
    width: 664px;
    font-size: 1.1em;
    line-height: 22px;
    float: left;
    clear: both;
}
div.pagination a.inactive{
    color: #ccc;
}
div.pagination.top{
    border-bottom: 2px solid #929497;
}
div.pagination.bottom{
    border-top: 2px solid #929497;
    margin-top: 1em;
}

/* other pages */
#copy-full h1{
   margin-bottom: 2em;
}
#copy-partial{
   float: right;
   margin-top: 86px;
   margin-right: 151px;
   width: 562px;
}

#copy-partial h1{
   font-size: 1.6em;
   margin-bottom: 1em;
}

div.details p{
   font-family: verdana, sans-serif;
}


/* javascript */

#search-results {
   max-height:210px;
   overflow:hidden;
   padding:12px;
   z-index:99;
   background:white;
   position:absolute;
   left:655px;
   text-align:left;
}

div.tooltip{
   background-color: #fff;
   font-family: verdana, sans-serif;
   border: 1px solid #B5121B;
   font-size: 62.5%;
   padding: 8px;
   position: absolute;
   /*margin-top: -50px;
   margin-left: 55px;*/
}

div.tooltip div.tip-bottom{
   position: absolute;
   margin-top: -3px;
   left: -9px;
   width: 19px;
   height: 21px;
   background: transparent url(/images/slideshow/tooltip.png) no-repeat top left;
}

div.magnify-tip{
   z-index: 800;
   background:url(/images/slideshow/loading.gif) center center no-repeat #FFFFFF;
   width: auto;
   height: auto;
   min-width: 100px;
   max-width: 438px;
   min-height: 100px;
   max-height: 800px;
}

div.magnify-tip img{
   border: 1px solid #929497;
}


/* Image zoom styles */
/*#zoomer_big_container { display:block; position:relative; background:url(/images/slideshow/loading.gif) center center no-repeat #FFFFFF; overflow:hidden; margin:10px auto 0px; border:0px #FFFFFF solid; cursor:move; }*/
#zoomer_big_container { position:absolute; left:0;top:0;background:url(/images/slideshow/loading.gif) center center no-repeat #FFFFFF; overflow:hidden; width: 562px; height: 369px; border:0px #FFFFFF solid; cursor:move; }
#zoomer_image { position:absolute; left: 0; top: 0; }
#zoomer_thumb { position:absolute; bottom: 10px; right: 10px; overflow:hidden; margin:10px auto 0px; }
#zoomer_region { background:#666666; border:none; position:absolute; top:0px; left:0px; cursor:move; }