body {
  font-family:    Tahoma, Arial, "sans serif";
  font-size:      9pt;
  margin:         0;
  padding:        10px;
  background:     #FFF;
  color:  #555;
}

table {
  font-size:  100%;
}

ul {
  list-style-type: none; 
  margin: 0;
  padding: 0;
}

div.name {
  color: #485f84;
  font-weight: bold;
  font-size:   120%;
}

.data {
  color:  #333;
  font-weight: bold;
}

a {
    color:  #485f84;
}

.url {
    color:  #485f84;
}

.collectionlist img {
  border: 2px solid #CCC;
  position: relative;
  top: 3px;
}

.collectionlist img:hover {
  border: 2px solid #485f84;
}

/* ---------- MLIBRARY ADDITIONS ------------*/

#container {
        width: 1200px;
}

#logo-wrapper {  /* this is from MLibrary code, can be obtained from 'view source' */
  background-color: #FFFFFF;
  height: 40px;
  text-align: left;
  width: 75px;
  float: left;
}

#logo-screen {
  max-width: 100%;
}

#navbar {
  min-width: 680px;
  width: 100%;
  background: #032D5E;
  float: left;
  font-size: 12px;
  padding: 10px 0;
        margin: 5px 0;
  margin-top: 18px;
}

#navbar li { display: inline;  } /* added by Saurabh*/

#navbar a {  /* added by Saurabh*/
        font-family: Arial, Helvetica, sans-serif; 
        color: #FFF; 
}

h1 { 
        font-family: Arial, Helvetica, sans-serif; 
        font-size: 20px; 
        color: #666666;
        margin: 6px 6px 6px 0;
}

#colllist-heading {
	width: 900px;
	background-color: #FFF;
	float: left;
        margin: 0 6px 6px 10px;
}

#colllist-heading h1 {
  font-size: 26px;
}

#colllist-heading p {
        margin: 2px 6px 6px 0; 
 }

/* ---------- CONTENT COLUMN ------------*/

div.exhibit-toolboxWidget-popup {
  /*display: none;*/
}

/* hide view options */
div.exhibit-viewPanel-viewSelection {
  /*display: none;*/
}

.exhibit-collectionView-header {
  margin-left: 40px !important;
}

/* hide sort options */
.exhibit-collectionView-header-sortControls {
  display:none !important;
}


span.exhibit-collectionView-group-count {
  color:       #ccc;
  font-weight: normal;
}

div.exhibit-viewPanel-viewContainer {
  padding: 1em;
}

table.collectionlist {
  margin-bottom: 2em;
}

td.metadata {
  background: transparent;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FECE30,endColorstr=#99FECE30)"; /* IE8 */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FECE30,endColorstr=#99FECE30);   /* IE6 & 7 */
            zoom: 1;
  background-color: rgba(254, 206, 48, 0.6);
  padding: 8px;
}

ol.exhibit-tileView-body {
  list-style-type: none; 
}

/* ---------- FACET BOX COLUMN ------------*/

/* facet boxes used to be fluid, but they were too small when window was smaller */
div.exhibit-facet-frame {
  width: 18em;
  font-size:  1em;
  color: #555;
}

div.exhibit-facet, div.exhibit-flowingFacet {
  margin: 20px 10px 0 0 ;
}

div.exhibit-facet-header, div.exhibit-flowingFacet-header {
  border-bottom: 1px solid #ccc;
}

div.exhibit-facet-body {
  background: #FFFDDD;
  border: none;
}

div.exhibit-resizableDivWidget-resizer {
  display: none;
}

#accessFacet {
  text-transform: capitalize;
}

/* this is supposed to set height to auto for just the first facet box, but its doing it to all. Maybe this would be ok if categories were last? (plus pseudoclasses don't work in IE) */
.exhibit-facet-body:first-child {
  height: auto;
}

span.exhibit-flowingFacet-value-count {
  color: #666;
}

h3.exhibit-flowingFacet-header-title, h3.exhibit-facet-header-title {
  font-weight:    bold;
  font-size: 12px;
  display: inline;
  line-height: 1;
}

h2.exhibit-collectionSummaryWidget-results {
 font-size: 14px;
}