body { background-color: #d9d9bd; font-size: 0.8em;
       font-family: Verdana, Arial, "Lucida Grande", "MS Trebuchet", sans-serif;
       margin: 0px;}

a { color: black; text-decoration: none; }
h2, h3 { display: block; font-size:1em; font-weight: normal; margin: 0; padding-left: 10px;}
h4 { margin: 0px; font-size: 1em; font-weight: normal;}
h4, h4 a { color: #64851c; text-decoration: none;}
em { color: black; font-style: normal; }
dt { color: #797979;}

.clearfix:after {  
    content: ".";  
    display: block;  
    height: 0;  
    clear: both;  
    visibility: hidden;  
}

.banner { height: 45px; background-color: #495154; padding: 0px;}
.part { background-color: white; margin: 10px;}
.part h2 { background-color: #495154; color: #abc180; height: 30px; line-height: 30px; }
#search.part h2 a { color: #abc180; float: right; margin-right: 10px;}

.header { background-color: #f7f7f7; padding: 5px; padding-left: 10px;
          border-bottom: 1px solid #cdcdcd; margin-top: 0px; margin-bottom: 0px;}
#search .header { padding: 10px;}
.search { height: 20px;}
#searchinput { width: 230px; height: 1.5em; }
.searchinput { border: 1px solid #e3e3e3; background-color: white; float: left; display: inline;
               padding-left: 20px; overflow: hidden;
               background-image: url(/images/search.png); background-repeat: no-repeat; background-position: top left;}
.searchinput input { border: 0px; width: 100%; }
.search button, .search a { float: left; height: 21px; line-height: 21px; width: 63px; border: 0px;
                  margin-left: 10px; font-size: 0.9em; cursor: pointer;}
#button_search { background: url(/images/search_button.jpg) no-repeat center top;}
#button_again  { background: url(/images/search_again.jpg) no-repeat center top;}
/*#button_search { background-color: #495154; color: #abc180;}
#button_again { background-color: #7e898f; color: white;}*/

form.sort { display: inline;}
em.sort { display: none;}

.result_count { color: #797979; margin-left: 10px; margin-bottom: 0px; margin-top: 10px;}

.refine { width: 200px; height: 100%; float: right;}
.refine h3 { height: 28px; line-height: 28px; background-color: #90ae4c; color: white; }
.refine h4 { margin-left: 10px; margin-top: 10px;}
.refine ul { list-style-type: none; padding-left: 20px; margin-left: 0px; margin-top: 10px; margin-bottom: 10px;}
.refine ul li { margin-bottom: 1px; margin-left: 0px; padding-left: 0px;}
.refine span, span.count { font-size: 0.8em; color: #797979; }
.refine a { color: black; text-decoration: none;}

.refine ul.locations { margin-top: 0px; margin-bottom: 5px;}

.result { height: 110px; width: 275px; float: left; margin-top: 10px; margin-left: 10px; border: 1px solid #cdcdcd; 
          padding: 5px 2px 5px 5px; overflow: hidden; display: inline; /* IE Doubled Float-Margin fix*/}
.cover { float: left; overflow: hidden; margin-right: 5px; height: 110px; width: 60px; background: url(/images/placeholder.jpg) no-repeat center top;}
.cover img { width: 60px; border: 0px none;}
.cover.large { width: 120px; height:auto; min-height: 120px;}
.cover.large img { width: 120px;}
.material { background-color: #495154; color: white; padding-left: 2px; padding-right: 2px;}
.title { line-height: 1.2em; max-height: 2.4em; overflow: hidden; _height: 2.4em;}
.subtitle { font-style: italic; font-size: 0.8em; color: #797979; margin: 0; margin-top: 3px;
            line-height: 1.2em; max-height: 2.4em; overflow: hidden; _height: 2.4em;}
.result dl { margin-top: 5px;}
.result dl dt { display: none;}
.result dl dt.visible { color: #797979; display: inline; float: left; margin-right: 5px;}

.too_long .more { display: block;}
.more { float: right; color: black; padding-top: 1.5em; font-size: 0.8em; font-style: normal; display: none;}

.pages { clear: left; padding-top: 20px; padding-bottom: 20px; margin-top: 0px; text-align: center; vertical-align: middle;}
.page { border: 1px solid #e3e3e3;  color: #64851c; 
        padding: 3px; text-align: center; text-decoration: none; }
.page_active { border: 0px; color: black;}
.disabled { color: #e3e3e3;}

.delete { height: 10px; width: 10px; background-image: url(/images/icons/cross.png); }
.result .delete { float: right;}
.keyword .delete { margin-left: 2px; background-repeat: no-repeat; background-position: center; }

/* Faux-columns hack for older browsers, because it's impossible to get two equal-sized columns for refine & results
   Floating the results left to get rid of the IE6 Three Pixel Text-Jog */
#search { width: 800px; margin: auto; margin-top: 10px; }
#search_body { padding-bottom: 0px; margin-bottom: 0px; background: url(/images/search_bg.png) repeat-y; }
#search_results { height: 100%; float: left; width: 599px; padding: 0px; margin: 0px; background: white; }

#detail { padding: 10px; }
#detail dl { margin-top: 5px; }
.detail_columns { clear: left; }
dl.author dt { display: none;}
dl.detail dt { width: 150px; float: left; clear: left;}
dl.detail dd { width: 300px; margin-left: 150px;}
dl.detail { float: left; margin: 0px;}
a.mom { float: right; border: none;}
a.mom img { height:20px; border:none}
.column1 { border-right: #797979 solid 1px; padding-right: 10px;}
.column2 { padding-left: 10px;}
dd ul { list-style-type: none; padding-left: 0px; margin-left: 0px;}
dl.column2 dd { margin-left: 0px;}
span.year { font-style: italic; font-size: 0.8em; color: #797979; }
.holdings a { color: #64851c;}

.column_list { float: left; list-style-type: none;}
.column_list ul { list-style-type: none; padding-left: 10px;}
.institute_buttons { clear: left; padding-left: 20px; padding-bottom: 20px;}
.reference { margin: 10px; clear: left; }
.reference a { background-image: url(/images/icons/annotation_header.png); background-repeat: no-repeat; background-position: center left; padding-left: 15px;}
.reference .annotation { margin-top: 10px; padding: 0px; border: 1px solid #cdcdcd ; color: #797979;}

.part table { margin: 10px; border-collapse: collapse; width: 580px;}
.part thead { color: #797979;}
.part tbody tr { cursor: default;}
.part tbody tr:hover { background-color: #f7f7f7;}
.part td { border: 1px solid #cdcdcd; padding: 5px; }
table .avatar_row { width: 60px; }