/*curator checkbox/radio group box scorlling*/

span.m {
//  max-height: 10.5em;
//  display: block;
//  overflow: scroll;
//  border-top: thin solid black;
//  border-bottom: thin solid black;
  width: 45em; 
}

table#maintable tr td  span.m span {
  display: block; 
  width: 15em; 
  float: left; 
}

/*top align labels in maintable*/
table#maintable tr td:first-child {
  vertical-align: top;
}

/*textarea width*/
textarea {
  width: 40em;
}




/*test*/
tr td:first-child {
  white-space:nowrap;

}
/*scroll lhcol */
div#refinesearch div ol {
  max-height: 49.5ex; 
  overflow:hidden;
  margin:0;
  padding:0;
  position: relative; 
}

p.refinebar {
  margin:0;
  margin-right: 0.5em;
  padding:0;
  background-color: #eeeeee;
  margin-bottom: 1.5ex;
  width: 18em;
}
/*for some reason directly setting font-size on above doesn't work...*/
p.refinebar * {
  font-size: 100%;
  padding-bottom:0.4ex;  
}

span.refinebarlabel {
  font-weight: bold; 
}


a#backtoresults:hover {
  color:black !important; 
}

td span.detaillabel.text {
  display:none;
}

  
/*global default stuff*/

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;
}


/*chop top/bottom margins off paragraphs in detail tables - makes HTML fields appear more consistent with others*/

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

div#detailcontainer td p:last-child {
  margin-bottom:0;
}
br.lf {
  display:none; 
}

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

/*major structural divs for 2-col layout*/

div#headcontainer{
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.06) 42%, rgba(0,0,0,0.07) 55%, rgba(0,0,0,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0)), color-stop(1%,rgba(0,0,0,0)), color-stop(42%,rgba(0,0,0,0.06)), color-stop(55%,rgba(0,0,0,0.07)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.06) 42%,rgba(0,0,0,0.07) 55%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.06) 42%,rgba(0,0,0,0.07) 55%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.06) 42%,rgba(0,0,0,0.07) 55%,rgba(0,0,0,0) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.06) 42%,rgba(0,0,0,0.07) 55%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
max-width:1280px; 
}

div#header {
	clear:both;
	width:100%;

	font-size: 80%;
  position: relative; 
 
}



div#topmenu { 
  width: 100%;
 height: 2.5ex; /*make space for buttons*/ 
/*  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 #2988CE;
	border-bottom: thin dotted #000000;  
	margin: 0;
	padding: 0;
}

div#colright {
	float:left;
	width:200%;
	position:relative;
	left:16em;
	border-left: thin dotted #0099FF; 
}
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 {
  height: 100%;
}
/*kk edited*/
div#lhcol {
  padding-left: 0.5em;
	/*background-color:#f7f7f7;*/
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 1%, rgba(0,0,0,0.09) 40%, rgba(0,0,0,0.11) 50%, rgba(0,0,0,0.09) 61%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,0)), color-stop(40%,rgba(0,0,0,0.09)), color-stop(50%,rgba(0,0,0,0.11)), color-stop(61%,rgba(0,0,0,0.09)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 1%,rgba(0,0,0,0.09) 40%,rgba(0,0,0,0.11) 50%,rgba(0,0,0,0.09) 61%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 1%,rgba(0,0,0,0.09) 40%,rgba(0,0,0,0.11) 50%,rgba(0,0,0,0.09) 61%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 1%,rgba(0,0,0,0.09) 40%,rgba(0,0,0,0.11) 50%,rgba(0,0,0,0.09) 61%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 1%,rgba(0,0,0,0.09) 40%,rgba(0,0,0,0.11) 50%,rgba(0,0,0,0.09) 61%,rgba(0,0,0,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00000000',GradientType=0 );
	width: 15.5em;
	position: relative;
	right: 16em;
	
}

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






/*generally make text smaller than default - TODO minimise other font-size calls that can be handled by this*/

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

/*but don't keep inheriting down into tables etc - should be able to remove this?*/
div#record_detail table td p,
div#record_detail table td table td
{
   font-size:100% ; 
}

div#record_detail table tr td:first-child {
  max-width: 12em; 
}

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





/*header styles*/
div#header div#headerlogo {
	float: left;
	position: relative;
	padding-left: 1em;
	max-width: 49%;
  padding-top: 0ex; 
}

div#header div#headerleft {
/*  padding-top: 22px;*/
  float:right;
/*  top: -105px;*/
/*  top: -60px;
  position: absolute; */
  max-width:49%;
  padding-top: 40px; 
  text-align: right; 
  
  
  z-index: 3;
  margin-right: 1em;



}

div#header div#headerright {
  padding-top: 45px; 
  float:right;
  padding-right: 1em;
}
/*home link*/
div#header a, div#footer a {
  color: #000000;
   font-size: 100%;
  text-decoration: none; 
}

div#header a:hover {
	color: #2988CE;
}

img#rhlogo { /*only used in phono-post, other sites have empty image*/
  margin-top: 22px;
  float: right;
}

form#addform table th {
  text-align: left;
}

/*lh-column styles*/
/*kk edit*/

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

div#lhcol h2,
div#lhcol h3 {
	font-weight: bold;
	font-size: 90%;
}
/*kk edited*/
div#lhcol li {
	font-size: 80%;
	cursor: pointer;
	display: inline-block;
	width: 18em;
padding: 0; 
/*	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 3em;
*/
margin:0; 
}

div#lhcol li span.leftjustify {
  float: left;
  width: 14.2em;
  padding:0; margin:0; 
}

div#lhcol span.rightjustify,
div#lhcol li span.rightjustify {
  float: right !important;
  display: block;
  width: 3.2em;
 text-align: right;
  padding:0; margin: 0;
}

span.clear {
  display: block;
  clear : both;
}

div#lhcol input {
  padding:3; 
  margin:1; 
  height: 2ex; 
}
/*kk edited*/
div#lhcol li:hover,
div#lhcol a:hover,
.fakelink:hover,
.savebutton:hover {
	background-color: #999999;
	font-color: #000000;
	padding-top: 3px;
	padding-bottom: 3px;
	/* [disabled]padding-right: 2; */
	opacity: 1;
	border-bottom-color: #999999;
	border-top-color: #999999;
	color: #FFFFFF;
}

div#lhcol ol {
	border-bottom: thin dotted #0099FF;
	width: 15em;
	padding-bottom: 1em;
	list-style-type: none;
	padding-left:0;
}

div#lhcol ol li {
  padding-left: 0.1em;
  padding-right: 0.1em;
}


div#lhcol a {
  text-decoration: none;
}






*/footer styles*/
div#footer a {
  text-decoration: none; 
  color: #000000;
}
div#footer a  hover{
  text-decoration: none; 
  color: #2988CE;
}

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

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



/*top level navigation menus */
div#topmenu a {
	text-decoration: none;
}

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

div#topmenu ul.top > li {
  cursor: pointer;
	font-size: 75%;
}

/*style top buttons */

 div.topbutton, a.savebutton { 
  padding-top: 0.4em; /*make buttons have some height*/
  padding-bottom: 0.4em;
	background: -moz-linear-gradient(top,  rgba(130,130,130,0.65) 0%, rgba(84,84,84,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(130,130,130,0.65)), color-stop(100%,rgba(84,84,84,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(130,130,130,0.65) 0%,rgba(84,84,84,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(130,130,130,0.65) 0%,rgba(84,84,84,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(130,130,130,0.65) 0%,rgba(84,84,84,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(130,130,130,0.65) 0%,rgba(84,84,84,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6828282', endColorstr='#545454',GradientType=0 ); /* IE6-9 */

}

 div.topbutton:hover, a.savebutton:hover {
	background: -moz-linear-gradient(top,  rgba(186,186,186,0.8) 0%, rgba(71,71,71,1) 96%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(186,186,186,0.8)), color-stop(96%,rgba(71,71,71,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(186,186,186,0.8) 0%,rgba(71,71,71,1) 96%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(186,186,186,0.8) 0%,rgba(71,71,71,1) 96%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(186,186,186,0.8) 0%,rgba(71,71,71,1) 96%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(186,186,186,0.8) 0%,rgba(71,71,71,1) 96%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccbababa', endColorstr='#474747',GradientType=0 ); /* IE6-9 */
	padding-top: 0.4em; /*make buttons have some height*/
  padding-bottom: 0.4em;
}

a.savebutton {
  margin-top: 1em; 
}

div#searchcontainer div.topbutton {
background: -moz-linear-gradient(top,  rgba(41,136,206,0.68) 0%,
rgba(33,114,165,1) 96%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,rgba(41,136,206,0.68)),
color-stop(96%,rgba(33,114,165,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(41,136,206,0.68)
0%,rgba(33,114,165,1) 96%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(41,136,206,0.68)
0%,rgba(33,114,165,1) 96%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(41,136,206,0.68)
0%,rgba(33,114,165,1) 96%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(41,136,206,0.68)
0%,rgba(33,114,165,1) 96%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#ad2988ce', endColorstr='#2172a5',GradientType=0 ); /*
IE6-9 */


}


div#searchcontainer div.topbutton:hover {
background: -moz-linear-gradient(top,  rgba(41,136,206,0.57) 0%,
rgba(38,126,193,1) 96%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,rgba(41,136,206,0.57)),
color-stop(96%,rgba(38,126,193,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(41,136,206,0.57)
0%,rgba(38,126,193,1) 96%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(41,136,206,0.57)
0%,rgba(38,126,193,1) 96%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(41,136,206,0.57)
0%,rgba(38,126,193,1) 96%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(41,136,206,0.57)
0%,rgba(38,126,193,1) 96%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#912988ce', endColorstr='#267ec1',GradientType=0 ); /*
IE6-9 */


}


/*space out items in drop-down*/
div#topmenu ul ul li {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

/* 
div#topmenu ul.drop li:hover { //possibly redundant?
  border-bottom: none !important; 
}
 */

/*grey background when hover topmenu*/
div#topmenu ul.top ul li:hover {
  background-color: #dededf;
} 

div.menucontainer {
  float: left;
  padding: 0; 
  margin: 0; 
  height: 1ex; /*stop container overflowing and moving page down*/
  z-index: 2; 
  padding-left: 0.15em;
  padding-right: 0.15em;
}

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;
	padding-top: 0px;
	color: white;
}  
  
div.menucontainer ul.top {
  width:  6em; 
}

/*change dropdown positon*/

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.3em;

	display: none;
	text-align: left;
	
	width: 10em;
	background-color: #FFF;
	
	border-left: thin solid #999999;
	border-right: thin solid #999999;
	border-bottom: thin solid #999999; 
}

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

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

div.menucontainer ul.top ul li:hover {
	color: #000000 !important;
}

/*top of rh-col stuff - page browsing, view, search etc*/

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; 
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}

div#view span {
  cursor: pointer; 
}

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

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;
  height: 3ex; 
//  height: 3ex; 
//  margin-left: 0.5em;
//  padding-top: 0.2em;
}

/*search button width only -override other buttons set with div.menucontainer ul.top*/
div#topmenu div#searchcontainer ul.top {
  width: 4em !important
}

div#searchinput {
  top: 2px;
  position: relative;
  float:left; 
  width:12.5em;
  padding-left: 0.5em;
  margin-right: 0.5em;
  margin:0; 
  font-size: 85%;
}
/*not in use */
/* div#searchbutton {
  text-decoration: none; 
  color: white; 
  float: right;  
  cursor: pointer; 
  font-size: 75%;
  padding-left: 0.5em;
  padding-right: 0.5em;
  padding-top: 0.2em;
  padding-bottom: 0.4em;
  margin-right: 0.4em; 
  background-color: blue;   
}
*/
div.menucontainer ul#searchbutton {
  float: right; 
  margin-left: 1em
  
  
  
}

/*redo these two so we have a positioning and formatting styles*/

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;
}

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

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

}

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

div#pages a#backtoresults:hover {
  color: #2988CE;
}






/* 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: 8.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 #0099FF;
  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; 
}





/* for full detail view */
div#record_detail {
  padding-left: 1em;
}

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 #0099FF;
  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;
}

div#record_detail table tr td table tr {
  background-color: transparent !important; 
}
div#record_detail table table td, div#record_detail table table th {
  border: none !important;
}
/*general styles*/

.greybutton { /*this one is pretty much only used in menu - but might be good to split size/position and colour/style to allow re-use? */
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; 
}

.rightjustify { /*duplicated in .floatright - TODO: update code and remove dupe*/
  float:right;
  padding-right: 1em;
}

.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;   
}


.selected {
	color: #2988CE;
}

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

body div.popup { /*small pop-up for thumbnail enlargement / tool-tips*/
    position: absolute; 
    z-index: 100;
    border: thin solid #ccc; 
    padding: 0.5em; 
    padding-bottom: 2em; 
    background-color: white; 
  }
  
div#bigpopup { /*top-of-page large pop-up for large image view*/
  position: absolute;
  z-index: 200;
  border: thin solid black;
  padding: 1em;
  background-color: white;
}	



/* 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;
}




/*front-page specific*/
#frontpagetext {
  width: 50%;
}

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


div#frontpageclear { /*TODO: reuse the global .clear class and remove this*/
  clear: both;
}






div#record_title span {
  font-size: 75%;
  color : #0099FF;;
}

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




.setButton:hover {
  color: #2988CE;
  cursor: pointer;
}

div#rhheader a {
	color: #2988CE;
	text-decoration: none;
	cursor: pointer;
}

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

div#footer a:hover {
	/* [disabled]color: #2988CE; */
	text-decoration: none;
}


.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: #2988CE;
  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: #0099FF;
  cursor: pointer;
}

.purplelink:hover {
  color: #2988CE;
}

p.document {
  cursor:pointer;
}

p.document:hover {
  color: #2988CE;
}



/*tidying up*/

div.clear {
  clear: both;
}

/* tabe in account page - harmonize tables */
table.account th { text-align: left;}
table.account td, table.account th {padding-right: 1em;}
table.account tr:nth-child(even) {background: #F2F4F4;}
table.account {border-collapse: collapse;}

/*visibility controls in curator/docs.cgi*/
form#visibility {
  font-size: 75%;
}

/*smaller text*/
.smaller {
  font-size: 80%;
}

/*don't underline some elements */
.nounderline {
  text-decoration: none
}

/*bgcolour 1*/
bgcol1 {
  background-color: #FFFFFF;
}

bgcol2 {
  background-color:  #DFE0E2;
}

.bold {
  font-weight:bold;
}

/* curator styles*/
.highlight {
  background-color: #b7d8f9;
}

.savebutton, .savebutton:hover { 
  display: block; 
  font-size: 80% !important; 
  color: white;
  width: 8em; 
  float: left; 
  margin-right: 1em; 
  text-align: center;
  cursor: pointer; 
 /*padding-left: auto; padding-right: auto; */
}



li.fakelink {
  list-style-type: none; 
   
}



 
  .pendtbl_text, .pendtbl_audio, .pendtbl_image {
    text-align: center;
  }
  .pendtbl_provenance\.id {
    text-align: right;
  }
 
  #pendingtable td, #pendingtable th {
    padding-right: 0.5em;
    padding-left: 0.5em
  }
 
  .x {
    font-size: 75%;
    font-weight: normal;
    color: #000000;
  }
 
  .x:hover {
    cursor: pointer;
    background-color: #2988CE;
	text-decoration:none;
  }
a { 
color: #000000;}
a :hover{ font-size: 80%;
color: ##2988CE;}


div#addadditional {
  display: none;
}

a.pbut, 
span.clr {
  cursor: pointer; 
 color: #9932cc;
  text-decoration: none;
}