/*global default stuff*/
div.clear {
  clear:both;
}
div.list span.fieldlabel.abstract {
  display: none;
}

/*div.list span.fieldlabel.title {
  display: none;
}*/

div.list span.fieldlabel.catno {
  display: none;
}

p.record_catno {
  display:none;
}

div#detailcontainer td span.page.detaillabel {
  display: none;
}

div#detailcontainer td p:first-child {
  margin-top:0;
}

div#detailcontainer td p:last-child {
  margin-bottom:0;
}

div#detailcontainer td {
  padding-top: 1ex;
  padding-bottom: 1ex;
}

/* end of September 2013 fix-ups */

div#record_detail table td p
 {
   font-size:100%; 
}

div#record_detail table td ul,
div#record_detail table td ol
 {
   font-size:100%; 
}

body {
	margin:0;
	padding:0;
	width:100%;
	font-family: trebuchet, verdana, helvetica, arial, sans-serif;
  position: relative; 
}

div#headcontainter {
  border: thin solid blue;
    background-color: #cccccc;

}

div#header {
	width:100%;
    background-color: #cccccc;
	font-size: 80%;
    position: relative; 
    color: white; 
}


div#header div#headerlogo {
  float:left;
  position: relative;
  padding-left: 1em; 
}

div#header div#headerleft {
  padding-top: 45px;
  float:left;
  position: absolute;
  z-index: 2;
  margin-left: 17.5em;

}
div#header div#headerright {
  padding-top: 45px; 
  float:right;
  padding-right: 1em;

}

div#topmenu {
  background-color: white; 
  width: 100%;
  height: 2.6ex; 
  padding-top: 0.8em;
  padding-bottom: 0.6em;
}

div#topmenu .menucontainer{
  font-size: 85% 
}

/* column container */
div#colmask {
	position:relative;		/* IE7 fix */
	clear:both;
	float:left;
	width:100%;			
	overflow:hidden;
	border-top: thin dotted #3a9f7d;
	border-bottom: thin dotted #3a9f7d;  
	margin: 0;
	padding: 0;
//	background-color: green;
//	background-clip: content-box;
}

div#colright {
	float:left;
	width:200%;
	position:relative;
	left:16em;
	border-left: thin dotted #3a9f7d; 
}
div#rhcontainer {
	float:right;
	width:50%;
	position:relative;
	right:16em;
	padding-bottom:1em;
}

div#rhheader,
div#rhcontent, div#rhtopcontent {
	margin:0 1em 0 17em;
	position:relative;
	right:100%;
	overflow:hidden;
    max-width: 1000px; 
}

div#rhcontent p,
div#rhcontent td 
{
  font-size: 75%; 
}

div#rhcontent td td {
  font-size: 100%; 
}

div#rhcontent {
  height: 100%;
}

div#lhcol {
	float:left;
	width:15em;
	position:relative;
	right:15em;
/*    border-right: thin dotted #663399; */
}

div#lhcol .refinehighlight {
  background-color: #CC99EE; 
}

div#footer {
	clear:both;
	float:left;
    margin-left: 17em;
}

div#footer a {
  text-decoration: none; 
  color: #3a9f7d;
}

div#footer p{
  font-size: 80%;
}

div#footer p:first-child{
  color: #999999;
}

div#lhcol h2,
div#lhcol h3 {
  font-weight: bold;
  font-size: 70% 
}

div#lhcol li {
  list-style-type: none;
  font-size: 60%;
  cursor: pointer;
}

div#lhcol input {
  padding:0; 
  margin:0; 
  height: 2ex; 
}

div#lhcol li:hover {
  background-color: #D2BDDB;
}

div#lhcol ol {
  border-bottom: thin dotted #3a9f7d;
  width: 14em;
  padding-bottom: 0.5em;
  list-style-type: none;
  padding-left: 0.1em;
}

div#topmenu a {
  text-decoration: none; 
  color: black; 
}

div#topmenu a:hover {
  color: white; 
}

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

div#topmenu ul.top > li {
  padding-bottom: 0.2em;
  background-image: url("img/greybutton_light.png"); 
  background-repeat: repeat-x;
  cursor: pointer; 
  font-size: 85%;
}

div#topmenu ul.drop li:first-child {
 // padding-top: 0.5em;
}

div#topmenu ul.drop ul li {
  padding-top: 0.5em;;
}

div#topmenu ul.top > li:hover {
  background-image: url("img/greybutton_dark.png"); 
  background-repeat: repeat-x;

}

div#topmenu ul.drop > li:hover {
  background-image: url("img/greybutton_dark.png"); 
  background-repeat: repeat-x;
  border-top: thin solid #999999;
  border-right: thin solid #999999;
  border-left: thin solid #999999; 
}

div#topmenu ul.drop li:hover {
  color: white;
  border-bottom: none !important; 
}

div#topmenu ul.top li:hover {
  color: white;
}

div.menucontainer {
  float: left;
  padding: 0; 
  margin: 0; 
  z-index: 2; 
  height: 2ex;
  padding-right: 0.2em;
}

div.menucontainer ul {
  background-color: white; 
  position: relative; 
  text-align: center;  
  z-index: 3;
}

div.menucontainer ul.top > li {
  border-top: thin solid white;
  border-left: thin solid white; 
  border-right: thin solid white;
  }

div.menucontainer ul.top > li {
  z-index: 3; 
}  
  
div.menucontainer ul.top {
  width: 6em; 
}

div.menucontainer ul.top ul {
/* offset top by the same as padding-bottom in div#topmenu ul.top > li  to assure sub-menus align*/
  z-index: 2;
  position: relative; 
  top: 0.2em;
  left: -1px;
  display: none; 
  text-align: left; 
  padding: 0;
  margin: 0;
  width: 10em;
  background-color: #eee;
  background-image: linear-gradient(bottom, rgb(239,239,239) 0%, rgb(191,191,191) 75%, rgb(150,150,150) 100%);
  background-image: -o-linear-gradient(bottom, rgb(239,239,239) 0%, rgb(191,191,191) 75%, rgb(150,150,150) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(239,239,239) 0%, rgb(191,191,191) 75%, rgb(150,150,150) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(239,239,239) 0%, rgb(191,191,191) 75%, rgb(150,150,150) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(239,239,239) 0%, rgb(191,191,191) 75%, rgb(150,150,150) 100%);
  background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(239,239,239)),
	color-stop(0.75, rgb(191,191,191)),
	color-stop(1, rgb(150,150,150))
  );
  border-left: thin solid #999999;
  border-right: thin solid #999999;
  border-bottom: thin solid #999999;
 
}

.greybutton {
padding-top: 0.1em;
padding-bottom: 0.1em;
font-size:85%; 
  width: 4em;
  padding-left: 1em;
  padding-right: 1em;
  text-align: center;
  background-color: #eee;
  background-image: linear-gradient(bottom, rgb(239,239,239) 0%, rgb(191,191,191) 75%, rgb(150,150,150) 100%);
  background-image: -o-linear-gradient(bottom, rgb(239,239,239) 0%, rgb(191,191,191) 75%, rgb(150,150,150) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(239,239,239) 0%, rgb(191,191,191) 75%, rgb(150,150,150) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(239,239,239) 0%, rgb(191,191,191) 75%, rgb(150,150,150) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(239,239,239) 0%, rgb(191,191,191) 75%, rgb(150,150,150) 100%);
  background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(239,239,239)),
	color-stop(0.75, rgb(191,191,191)),
	color-stop(1, rgb(150,150,150))
  );
  cursor: pointer; 
}

div.menucontainer ul.top ul.show {
  display: block !important; 
}

div.menucontainer ul.top ul li {
  color: black;
  padding-left: 0.5em;
  padding-right: 0.5em; 
  z-index: 2;
}

div.menucontainer ul.top ul li:hover {
  color: #663399 !important;
}
div#pages {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

div#searchsummary ul {
  display: inline; 
  list-style-type: none;
  padding-left: 0.2em;
}

div#searchsummary ul li {
  display: inline;
  margin-right: 0.75em;
}

.rightjustify {
  float:right;
}

div#rhheader div p{
  margin: 0;
  padding: 0; 
}

div#rhheader div#searchsummary {
  font-size: 80%;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}


div#rhheader div#contentnav {
  font-size: 75%
}

div#contentnav div#view {
  float: right; 
}

div#view span {
  cursor: pointer; 
}

div#view span:hover {
  color: green;
}

div#rhheader input#pageno {
 width: 2em;
 padding: 0;
 margin: 0; 
 text-align: right;   

}

div#contentnav div#pages {
  float: left;
}

div#searchcontainer {
  width: 16em;  
  clear:both;
  float:left;
  overflow:hidden;
  padding: 0;
  margin: 0; 
  margin-left: 0.5em;
}

div#searchinput {
  position: relative;
  top: -1px; 
  float:left; 
  width:13em;
  padding-left: 0.25em;
  margin:0; 
  font-size: 85%;
}

/* not in use*/
/*div#searchbutton,
.purplebutton {
  font-size: 72%; 
  text-decoration: none; 
  color: white; 
  float: right;  
  cursor: pointer; 
  background-image: url("img/searchbutton_light.png");
  background-repeat: repeat-x; 
  margin-right: 0.75em;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-bottom: 0.2em;
  border: thin solid white;   
}
/*redo these two so we have a positioning and formatting styles*/
/*

.purplebutton2 {
  font-size: 85%; 
  text-decoration: none; 
  color: white; 
  cursor: pointer; 
  background-image: url("img/searchbutton_light.png");
  background-repeat: repeat-x; 
  margin-right: 0.75em;
  margin-right: 0.75em;
  padding-left: 0.5em;
  padding-right: 0.5em;
/* padding-bottom must match div#topmenu ul.top > li to ensure all buttons sit on same baseline */
  padding-bottom: 0.0em;
  margin-bottom: 0.1em;
//  border: thin solid white;   
}

div#searchbutton:hover,
.purplebutton:hover {
  background-image: url("img/searchbutton_dark.png");
}

div#searchinput input {
 font-size: 70%;
 width: 100%;
 padding: 0;
 margin: 0;   

}

.selected {
  color: #3a9f7d;
}

div#contentnav {
  padding-bottom: 0.5em; 
}

body div.popup {
    position: absolute; 
    z-index: 100;
    border: thin solid #ccc; 
    padding: 0.5em; 
    padding-bottom: 2em; 
    background-color: white; 
  }

/* for icon / thumbnail view */

div.icon {
  position: relative; 
  width: 240px; 
  border: thin solid #cccccc;
  float: left; 
  margin-right: 0.5em;
  margin-bottom: 0.5em; 
  padding-bottom: 1ex; 
  padding-top: 1ex; 
}


div.icon img {
  padding-bottom: 0.2em;
  display: block; 
  margin-left: auto;
  margin-right: auto; 
}

div.icon div.thumbcontainer {
  height: 160px; 
  overflow: hidden; 
}
div.icon div.labelcontainer {
  height: 7.5ex;
  overflow: hidden; 
}
div.icon p {
  padding: 0; 
  margin: 0;
  overflow: hidden;
  max-height: 5ex; 
  font-size: 75%; 
  margin-left: .5em;
  margin-right: .5em;
}

.record_title {
  font-weight: bold; 
  height: 5ex; 
}

/* for list view */
div.list, div.seriesheading {
  width: 100%; 
  border-top: thin dotted #3a9f7d;
  float: left; 
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  position: relative; 
}

div.seriesheading {
  padding: 1em; 
  background-color: #999999;
}

div.list img {
  padding: 0.2em;
  padding-left: 0.5em; 
  margin-right: 0.5em; 
  float: left;
}

div.list p {
  padding: 0; 
  margin: 0;
  margin-left: 171px; 
  padding-left: 1em; 
  max-height: 7.5ex;
  line-height: 2.5ex; 
  overflow: hidden; 
}
 
div.list .record_title {
  font-weight: bold; 
  padding-left: 1em;
}

div.list:nth-child(odd) {
  background: #f7f7f7;
}

div.list {
  cursor: pointer; 
}

div#record_detail {
  padding-left: 1em;
}

/* for full detail view */
div#record_detail div.record_title {
//  font-weight: bold; 
  margin: 0; 
  padding: 0.5em; 
}

div#record_detail div#thumbnails {
  float: left;
  width: 100px;  
}

div#record_detail div.record_title {
  background: #ddd;
  padding-left: 0.5em; 
  border-top: thin dotted #7f7f7f;
  border-left: thin dotted #7f7f7f;
  border-right: thin dotted #7f7f7f;
}

div#record_detail div#detailcontainer {
  padding-left: 1em;
  margin-left: 300px;
  padding-right: 1em;	

}

div#record_detail {
}

div#extra {
  width: 100%;
}

div#rhcontent {
//
}

div#rhcontent.detail {
  background-color: #F2F4F4;
} 

div#record_detail{
  border-top: thin dotted #3a9f7d;
  padding-top: 0.5em; 
  background-color: #F2F4F4;
  padding-bottom: 0.5em;
}

div#record_detail table {
  width: 100%; 
  margin:0; 
  padding: 0; 
  border-collapse: collapse;
  padding: 0.2em
}

div#record_detail table th {
  text-align: left;
  font-size: 80%;
}

div#record_detail table td {
  vertical-align: top;
}

div#record_detail table tr.subfield td:first-child {
//  padding-left: 1em;
}

div#record_detail table td, div#record_detail table th {
  padding-left: 0.5em;
  padding-right: 2em;	
  border-left: thin dotted #7f7f7f;
}

div#record_detail table td:last-child, div#record_detail table th:last-child {
  border-right: thin dotted #7f7f7f;
}

div#record_detail table tr:first-child td, div#record_detail table tr:first-child th {
  border-top: thin dotted #7f7f7f;
}

div#record_detail table tr:last-child td {
  border-bottom: thin dotted #7f7f7f;
}

div#record_detail table tr:nth-child(odd) {
  background-color: white; 
}
div#record_detail table tr:nth-child(even) {
 background-color: #eee;
}



/* audio player styles */

div#gramophone {
  margin-bottom: 1em;
  background-color: #eee;
  text-align: center;
  padding: 1em;
  width: 25em;
  background-image: linear-gradient(bottom, rgb(239,239,239) 0%, rgb(191,191,191) 75%, rgb(150,150,150) 100%);
  background-image: -o-linear-gradient(bottom, rgb(239,239,239) 0%, rgb(191,191,191) 75%, rgb(150,150,150) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(239,239,239) 0%, rgb(191,191,191) 75%, rgb(150,150,150) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(239,239,239) 0%, rgb(191,191,191) 75%, rgb(150,150,150) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(239,239,239) 0%, rgb(191,191,191) 75%, rgb(150,150,150) 100%);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(239,239,239)),
    color-stop(0.75, rgb(191,191,191)),
    color-stop(1, rgb(150,150,150))  
); 
    
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

}

div#gramophone div#audiocontainer {
  margin: 0px auto;
}  
div#gramophone audio {
  width: 100px; 
}

div#infocontainer {
   position: relative;
   padding: 0; 
   margin: 0; 
   margin-bottom: 0.5em;
   padding-top: 0.5em;
 } 
 
 div#gramophone .title {
  text-align: left;
  position: relative;
  z-index: 1;
//  float: left; 
//  margin: 0; 
//  padding: 0; 
  overflow: hide;
  width: 100%;
  font-size: 75%;
 }

audio {
  padding-bottom: 1em;
}
 
 div#gramophone .title p {
   margin: 0; 
   padding: 0; 
   font-size: 65%
 }
 
 div#gramophone div.logo {
   float: right; 
   position: relative;
   z-index: 2; 
   top: -8px;
 }
 
 /*override defaults from mejs css*/
 
 div.mejs-container {
  background-color: transparent;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
 
.mejs-embed {
  background-color: transparent;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
 }
 
.mejs-controls {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
} 

table#pendingtable tr:nth-child(even) {
  background-color: #ccc; 
}

div#serieshead {
font-size: 85%; 
  margin-left: 330px;
}

.cursor {
  cursor: pointer;
}

div#bigpopup {
  position: absolute;
  z-index: 200;
  border: thin solid black;
  padding: 1em;
  background-color: white;
}	

img#rhlogo {
  margin-top: 22px;
}

#frontpagetext {
  width: 50%;
}

#frontpageimage {
  width: 500px; 
  height: 350px;
/*  border-left: thin solid black; */
  text-align: center;
}


div#frontpageclear {
  clear: both;
}

div#header a {
  color: #3a9f7d;
  text-decoration: none; 
}

div#header a:hover {
  color: green;
}

div#pages a#backtoresults:hover {
  color: green;
}

div#record_title span {
  font-size: 75%;
  color : #3a9f7d;;
}

div#record_title span:hover {
  color: green;
  cursor: pointer;
}


.setButton {
  font-size:75%; 
  float:right; 
  padding-right: 1em; 
  cursor: pointer;
}

.setButton:hover {
  color: green;
  cursor: pointer;
}

div#rhheader a {
  color: #3a9f7d;
  text-decoration: none; 
  cursor: pointer; 
}

div#rhheader a:hover {
  color: green;
}

div#footer a:hover {
  text-decoration: none; 
  color: green;
}


.fieldlabel:hover {
  cursor: help
}


div#rhcontent ol, div#rhcontent ul { font-size: 75% }; 

div#record_detail table td  {
   font-size:100%; 
}

div#lhcol p {
  font-size: 80%;
}


.indentedquote {
  margin-left: 4em;
}

.underline {
  text-decoration: underline;
}



/*contents page styles*/

div.noselect p:first-of-type{
  margin-top: 0.6em;
}

div div.list h3 { 
  float: left; 
  padding-left: 0.25em; 
  margin:0; 
  font-weight: normal; 
}

div#rhtopcontent div.list h2  {
  font-weight: normal;
  font-size: 110%;
  margin: 0;
}

div.list div.author {
  text-align: right; 
  float: right;
  padding-right: 1em; 
}
div.list div.title {
  float: left; 
  padding-left: 2px; 
}

.greenhighlight:hover {
  color: green;
  cursor: pointer;  
}
div.noselect {
  cursor: default !important; 
}

tr.detailheading td{
  font-weight: bold; 
  background-color: #999;
  padding-top: 0.5em; 
  padding-bottom: 0.5em; 
}

div.bottom div.author {
  padding-right: 0.75em;
}

div.bottom div.author span {
  font-size: 70%; 
}


div.annotation {
  background-color: white; 
  padding: 0.2em; 
  border: thin solid black; 
  z-index: 10; 
  position: relative;
  max-width: 12em;
  font-size: 75%;
}

.anchorhighlight {
  background-color: yellow !important;
  text-color: red; 
}

.purplelink {
  color: #3a9f7d;
  cursor: pointer;
}

.purplelink:hover {
  color: green;
}

p.document {
  cursor:pointer;
}

p.document:hover {
  color: green;
}


/*various bits to make it work after re-jigging a few bits for Kathrin*/

div#colmask th {
  text-align: left;
}

div#lhcol a {
  text-decoration: none;
color: #3a9f7d !important;
}
form#visibility,
.savebutton {
  font-size: 80%;

}

.nounderline {
  text-decoration: none !important;
}

td.fakelink a,
.savebutton, 
.fakelink {
  color: #3a9f7d !important;
}


div#lhcol li:hover,
div#lhcol a:hover,
.fakelink:hover,
td.fakelink:hover, 
.savebutton:hover {

  cursor: pointer !important;
  background-color: #D2BDDB;
}


/*fix css for new search button*/
div#topmenu div#searchcontainer ul.top {
  width: 4em !important
}

div.menucontainer ul#searchbutton {
  float: right; 
  margin-left: 1em 
  background-color: white !important; 
}

div#searchcontainer li {
  background-image: url("img/searchbutton_light.png") !important;

}
div#searchcontainer li:hover {
  background-image: url("img/searchbutton_dark.png") !important;
}

ul#searchbutton.top {
  margin-left: 1em;
}

div.menucontainer {
  padding-left: 0.15em;
  padding-right: 0.15em;
}


div.list span.title.fieldlabel {
  display:none; 
}