form{
	display:inline;
}

body {
	background-color:#fff;
	padding:0px;
	font-size: 78%;
  	line-height: 1.875;
  	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
  	font-weight: 300;
  	color: #333;
  	
  	-webkit-text-size-adjust: 100%;
  	-ms-text-size-adjust: 100%;
  	
}

textarea {
	resize: none;
}

#bodyDiv {
	width: 960px;
 	margin: 0 auto;
 	position: relative;
}
body, p, div, H1, H2, H3, H4 {
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
}

/* ------------------------------------- */
/* general styles */
/* ------------------------------------- */

p, div{
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	color: #000000;
	line-height:1.3em;
}
h1{
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	font-size:20px;
	font-weight:bold;
	color: #333;
	margin:0px 0px 7px 0px;
	line-height:1.1em;
	font-size: 1.5em;
 	line-height: 1.125;
  	margin: 0.8em 0 0.7em;
  	padding-top: 0;
}
h2{
	text-transform: uppercase;
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	font-size:14px;
	font-weight:normal;
	color: #000000;
	margin:0px 0px 3px 0px;
	line-height:1.1em;
}
h3{
	font-size: .92em;
	line-height: 1em;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #7b7863;
	line-height: 1;
	margin-bottom: 0px;
	padding: 0;
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight:300;
}
h3 a{
	tet-decoration:none;
}
h4{
	font-size: .92em;
	line-height: 1em;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #777;
	line-height: 2;
	margin-bottom: 0.5em;
	padding: 0;
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight:300;
	float:left;
}
a{
	text-decoration: none;
	border-bottom: 0px;
	color: #333333;
}
a:hover{
	text-decoration:none;
	color: #8B2D16;
}
a img {
	border:none;
}


.details {
	font-size: 78%;
}
#detailBody #rightCol #description {
	font-size:1em;
}
.formErrors{
	color: #CA1919;
	font-family: Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}
.message{
	color: #CA1919;
	font-family: Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	padding:5px;
	background-color: #E2E2E2;
}
.notificationMessage{
	color: #8B2D16;
	font-size:1em;
	font-weight:300;
	margin:-20px 0px 0px 0px;
	width: 500px;
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	clear:both;
}
.divide{
	border-bottom: 1px dotted #777;
	height:3px;
	width: 100%;
}
.bg {
	background-color: #F5F5F5;
	border: 1px solid #E2E2E2;
	padding:10px;
}
.lbg {
	clear:both;
	border-top: 1px dotted #777;
	padding:0px;
}
.lbg h1{
	text-align:left;
}
.lbg p {
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	text-align: left;
	font-size: 13px;
	color: #333;
}
.caption{
	font-size:11px;
	text-align:left;
}
a.caption{
	font-size:11px;
	color: #999999;
	text-decoration:underline;
}
a.caption:hover{
	color: #000000;
}

/* ------------------------------------- */
/* page structure */
/* ------------------------------------- */
#detailPageArea{
	padding:20px 30px 10px 40px; 
	/*min-height: 420px;*/
	background-color: #fafae4;
  	background: url("../graphics/cardhole.jpg") no-repeat center bottom, url("../graphics/cardbackground.jpg") repeat center top;
}
#detailPageAreaBorder{
	width:920px;
	clear:both;
	margin: 0px auto 15px auto;
	min-height: 420px;
	background-color: #fafae4;
  	border-width: 20px;
  	-webkit-border-image: url("../graphics/cardborderimage.jpg") 20 stretch;
  	-moz-border-image: url("../graphics/cardborderimage.jpg") 20 stretch;
  	-o-border-image: url("../graphics/cardborderimage.jpg") 20 stretch;
 	border-image: url("../graphics/cardborderimage.jpg") 20 fill stretch;
}

#bottomBar {
	width:370px; 
	float:left; 
	text-align:left; 
	clear:left;
	margin-top: 25px;
	
}
#bottomBar a{
	font-size: .8em;
	line-height: 1em;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #7b7863;
	margin-bottom: 0.5em;
	margin-right: 0px;
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	font-weight:300;
	border:0px;
	text-decoration: none;
}
#bottomBar img{
	text-decoration: none;
}
#pageArea{
	width:960px;
	margin: 14px auto 10px auto;
	background-color:#FFFFFF;
	padding:0px;
	min-height: 500px;

}
#topBar{
	width:973px;
	margin: 0px auto 0px auto;
	text-align:right;
	padding:3px 7px 0px 0px;
	color:#aaaaaa;
	background-color:#FFFFFF;
}
#topBar a{
	padding-left:10px;
	color:#666666;
	text-decoration:none;
}
#topBar form{
	padding-left:8px;
}
#topBar a:hover{
	color:#cccccc;
}
#header{
	text-align:left;
	padding:0px 0px 0px 0px;
	clear:both;
	width: 960px;
	height:40px;
	margin-top:25px;
}
#header a{
	text-decoration:none;
	border: 0px;
}
.logo {
	float:left;
}
.portal {
	float:right;
}
.portal div {
	float:right;
}
#header a:hover{
	color:#000000;
	text-decoration:none;
}
#nav{
	line-height:1em;
	/*width: 510px;*/
	width:100%;
	height:22px;
	float:left;
	text-align:left;
	clear:left;
	margin-top:15px;
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	margin-bottom:20px;
}

#nav a{
	color: #7c7c7c;
  	border: none;
	text-decoration:none;
	
	line-height:1em; 
	margin-right: 25px;
	float:left;
}
@media only screen and (max-device-width: 480px) {
	#nav a { font-size: 20px; }
}
#nav a:hover{
	color: #7c7c7c;
	text-decoration:none;
}
.navLink a {
	text-transform: lowercase;
}
.advancedSearch {
	/*margin-right:70px;*/
	text-align:right;
	font-size:10px;
}
.advancedSearch a{
	color: #999999;
}
.advancedSearch a:hover{
	color: #999999;
}
#search{
	width:255px;
	float:right;
	text-align:left;
	margin-top:-4px;
	height: 20px;
	padding-left: 30px;
	margin-right:8px;
}

#search input[type="text"] {
	font-size:12px;
	font-weight: normal;
	padding: 2px 4px 2px 6px;
	border: 0px;
	width:113px;
}

}
/* line 206, ../sass/styles.scss */
#search form {
  margin: -4px 0 0;
  position: relative;
}
#search #searchElement {
	float:right;
	width:185px;
	text-align:right;
}
#search #searchButton {
	float:right;
	width:70px;
	height:20px;
}

/* line 210, ../sass/styles.scss */
/*#search input[type="search"] {
  width: 180px;
  border: 1px inset #aaa;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  padding: 2px 10px;
  height: 14px;
  margin: 0;
}*/
#search input[type="search"] {
  width:175px;
  border: 1px inset #aaa;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  padding: 2px 0px 2px 5px;
  /*height: 14px;*/
  margin: 0;
  -webkit-appearance: searchfield;
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
	#search{ height: 40px;}
	#search input[type="search"] {height: 28px;}
}

/* line 222, ../sass/styles.scss */
#search input[type="search"]::focus {
  border: 1px solid #639bcf;
}

/* line 225, ../sass/styles.scss */
#search input[type="submit"] {
  background: -webkit-gradient(linear, left top, left bottom, from(#7dbe0a), to(#a2d93f));
  background: -moz-linear-gradient(top, #7dbe0a, #a2d93f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7dbe0a', endColorstr='#a2d93f');
  color: #FFF;
  border: 1px solid #7ec115;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  right: 2px;
  cursor: pointer;
  height: 24px;
  padding: 0 0.4em;
  font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
}

/* line 241, ../sass/styles.scss */
#search input[type="submit"]:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#a2d93f), to(#7dbe0a));
  background: -moz-linear-gradient(top, #a2d93f, #7dbe0a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a2d93f', endColorstr='#7dbe0a');
}

/* line 247, ../sass/styles.scss */
#search input[type="submit"]:focus,
#search input[type="submit"]:active {
  background: -webkit-gradient(linear, left top, left bottom, from(#7dbe0a), to(#a2d93f));
  background: -moz-linear-gradient(top, #7dbe0a, #a2d93f);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7dbe0a', endColorstr='#a2d93f');
}
button, input[type="reset"], input[type="submit"], input[type="button"] {
  margin-right: 0.5em;
}
/* line 290, ../sass/styles.scss */
button,
input[type="button"],
input[type="submit"] {
  width: auto;
  text-align: center;
  font-size: inherit;
  font-weight: normal;
  font-style: normal;
  border: 1px solid #ddd;
  cursor: pointer;
  padding: 0.15em 1em 0em;
  line-height: 1;
  background-color: #eaeaea;
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  -o-border-radius: 0.25em;
  border-radius: 0.25em;
}

/* line 311, ../sass/styles.scss */
button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
  outline: none;
  background-color: #c03;
  color: #fff;
}

/* line 319, ../sass/styles.scss */
button:active,
input[type="button"]:active,
input[type="submit"]:active {
  background-color: #900;
  color: #fff;
}
#footer{
	width: 950px;
	margin: 10px auto 0px auto;
	color:#666666;
	font-size:12px;
	padding:10px 0px 5px 10px;
	background-color:#fff;
	border-top: #ccc solid 1px;
}
#footer a{
	color:#666666;
	font-size:12px;
}

/* -------------------------------------------------*/
/* "Searchlight" autocomplete search results styles */
/* -------------------------------------------------*/
div.searchlight-header{
	size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#333333;
	background-color:#E4E4E4;
	padding:3px;
}
div.searchlight-item{
	size:12px;
	color:#333333;
	padding:3px 3px 8px 3px;
	background-color:#FFFFFF;
}
div.searchlight-item a{
	size:12px;
	color:#333333;
	text-decoration:none;
}
div.searchlight-item a:hover{
	text-decoration:underline;
}
div.searchlight-results-wrapper {
    color: #333333;
    border: 1px solid #cccccc;
    margin: 0px -1px -1px 6px;
    overflow: hidden;
    width: 135px;
}

div.searchlight-results div.searchlight-selected {
    background: #333;
    color: #fff;
}

/* -------------------------------------------------*/
/* tooltips / Rollovers */
/* -------------------------------------------------*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 3px solid #eeeeee;
	background-color: #FFFFFF;
	padding: 10px 10px 10px 10px;
	/*opacity: 0.9;*/
	text-align: center;
}
.tooltipImage { /* used in image rollovers in results and on detail pages */
	padding: 10px;
	text-align: center;
}

.tooltipCaption { /* used in image rollovers in results and on detail pages */
	width: 360px;
	text-align: center;
	font-size: 1em;
  	line-height: 1.875;
  	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
  	font-weight: 300;
  	color: #333;
  	font-style: normal;
}
.tooltipText{ /* used in gallery */
	text-align:center;
	padding:10px;
	font-size:12px;
	width:400px;
}

/* ------------------------------------- */
/*  HOME PAGE */
/* ------------------------------------- */
#hpTextContainer {
	width:950px; 
}
#hpText{
	width:950px;
	padding-top:0px;
	line-height:1.5em;
}
#hpText div{
	margin-bottom:0px;
}
#hpText #featuredLabel{
	font-size:10px;
	font-style:italic;
	color:#333333;
}
#hpFeatured{
	float:left;
	margin: 0px 0px 0px 0px;
	width:610px;
	border: 2px solid #e8e8e8;
	height: 500px;
	overflow: hidden;
}
#featuredScrollCaption {
	height: 40px;
	padding: 10px;
	text-align: center;
	color: #666666;
	font-size: 14px;
	font-style: italic;
}
#featuredScrollCaption a{
	text-decoration: none;
	color: #666666;
}
.featuredTitle{
	font-size:16px;
	font-weight:normal;
	color: #444444;
	margin:0px 0px 0px 0px;
	font-weight:bold;
	
}
#hpFeatured table{
	border: 2px solid #CCCCCC;
	width:100%;
	height:485px;
}
.hpRss{
	float:left;
	padding:5px 0px 0px 0px;
	margin-top:20px;
}
.hpRss a{
	text-decoration: none;
	font-size:12px;
	color:#333;
}
#featuredScroll {
	text-align: center;
	width: 610px;
}
#hpIntroText div {
	margin-bottom:10px;
}
#hpIntroTextTitle {
	font-weight:bold; 
	font-size:16px; 
	color: #134959; 
}
/* line 150, ../sass/styles.scss */
.figure {
  float: left;
  margin: 0px 10px 10px 0px;
  width: 230px;
  height: 150px;
  background-color: #666;
}
.figure a{
	border:none;
}
/* line 155, ../sass/styles.scss */

/* line 161, ../sass/styles.scss */
.figure img {
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}


#quickLinkItems {
	float:left;
}
#quickLinkItems .quickLinkItem{
	float:left;
	margin: 10px 14px 0px 0px;
	width:195px;
	overflow: hidden;
}
#quickLinkItems .quickLinkItem .title{
	font-size:13px;

	color: #666666;
	margin:5px 0px 0px 0px;
	
}
#quickLinkItems .quickLinkItem a.more{
	font-size:11px;
	font-weight:normal;
	color: #000000;
	margin:2px 0px 0px 0px;
	text-decoration:none;
}
#quickLinkItems .quickLinkItem a.more:hover{
	color: #999999;
}
#quickLinkItems .quickLinkItem table{
	border: 0px solid #cccccc;
	width:100%;
	height:120px;
}

#hpBrowse{
	background-color: #f5f5f5;
	padding: 10px 10px 5px 10px;
	line-height:1.5em;
	font-size:12px;
	float:left;
	width:245px;
	margin:0px;
	border: 1px solid #e2e2e2;
	border-radius: 10px;
	-moz-border-radius-bottomleft: 10px; 
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px; 
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topleft: 10px; 
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px; 
	-webkit-border-top-right-radius: 10px;
	text-align: center;
}
#hpBrowse a{
	text-decoration: none;
	color: #333333;
	margin-right: 15px;
	font-size: 14px;
	line-height: 1.5em;
}
#hpBrowseDiv{
	margin: 15px 0px 0px 0px;
	font-size:14px;
	width: 205px;
	float:left;
}
#hpBrowseFacet {
	margin:10px 0px 10px 0px;
}
.hpBrowseTitle {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #333;
}

/* ------------------------------------- */
/*  free text - about page, browse intro */
/* ------------------------------------- */

.textContent p{
	font-size: 1.125em;
  	line-height: 1.875;
  	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
  	font-weight: 300;
  	color: #333;
  	position: relative;
  	padding:0px;
  	margin: 0px;
}

.textContent div {
	margin-bottom: 10px;
}
.jp-audio a{
	border: none;
}

.jp-type-single div{
	height:0px;
}

/* ------------------------------------- */
/* Detail pages */
/* ------------------------------------- */

#detailBody #pageNav {
	float:right;
	margin-top:-16px;
	text-align:right;
	width: 250px;
	padding:0px 6px 0px 20px;
	font-weight: 300;
	letter-spacing: 2px;
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	font-size: .8em;
	text-transform:uppercase;
	color: #7b7863;
}

#detailBody #pageNav a{
	text-transform:uppercase;
	color: #7b7863;
}
#detailBody #pageNav a:hover {
	text-decoration:none;
	color: #8B2D16;
}
.titleBar {
	clear:both;
}
.recordTitle {
	float:left;
	width:500px;
}
.idno {
	float: right;
	margin-top: 17px;
	text-align: right;
	width: 240px;
	font-weight: 700;
	letter-spacing: 0.25px;
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	color: #333;
	padding-right:10px;
}
#detailBody #rightCol{
	float:right;
	width: 320px;
	font-size: 11px;
	text-align:left;
	min-height:300px;
	margin-bottom:70px;
}
#rightCol.occurrence {
	margin-top:40px; 
}
.imageIcon{
	width: 72px;
	height:72px;
	margin-bottom:10px;
	margin-right:10px;
	float:left;
	background-color: #ccc;
}
#detailBody #rightCol p{
	margin: 0.525em 0 1.25em 0;
	font-size: 1.1em;
  	line-height: 1.5em;
  	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
  	font-weight: 300;
  	color: #333;
}
#description {
	margin: 0.525em 0 1.25em 0;
	font-size: 1em;
  	line-height: 1.5em;
  	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
  	font-weight: 300;
  	color: #333;
}

#detailBody #description p{
	font-size: 1.2em;
}
#detailBody #rightRightCol p{
	font-size: 1em;
  	line-height: 1em;
  	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
  	font-weight: 300;
  	color: #333;
}
#detailBody #rightRightCol .collection{
	width:440px;
}

#detailBody #rightRightCol a{
	border:none;
}
#detailBody #rightRightCol h3{
	font-size: .80em;
	line-height:1em;
	margin-bottom:0px;
}

#detailBody #leftCol{
	width:520px;
	text-align:left;
	float:left;
/*	margin-bottom:25px;*/
}
#detailBody #rightColDetail{
	width:660px;
	text-align:left;
	float:right
}\

#detailBody #rightRightCol{
	float: right;
	width: 180px;
	margin-right:10px;
}
#relatedRecords {
	width: 660px;
	height:120px;
	border: 1px solid #eee;
}
#relatedRecordsImage {
	padding-left:10px;
}
#detailBody a.button{
	font-size:14px;
	color: #828282;
	font-weight:bold;
	text-decoration:none;
}
#detailBody .grayLink a{
	color:#7b7863;
}

/* nav bar on details with thumbnail grid */
#detailNavBar{
	margin:0px 30px 15px 10px;
	text-align:center;
	padding:0px 0px 0px 0px;
	/*font-weight: 300;
	letter-spacing: 2px;
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	font-size: .8em;
	text-transform:uppercase;
	color: #7b7863;*/
}
#detailNavBar a {
	text-decoration:none;
	font-weight:bold;
	/*font-weight: 300;
	letter-spacing: 2px;
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	text-transform:uppercase;
	color: #7b7863;*/
}
#detailNavBar a:hover {
	color:#787878;
}
#detailNavBar .nextPrevious{
	float:right;
	text-align:right;
}
#detailNavBar .nextPrevious .previous{
	padding-right:5px;	
}
#detailNavBar .nextPrevious .next{
	padding-left:5px;	
}
#detailNavBar .jumpToPageDetail{
	float:left;
	margin-top:-2px;
	text-align:left;
}

/*#detailNavBar a.next{
	float:right;
	margin-top:3px;
}
#detailNavBar a.previous{
	float:left;
	margin-top:3px;
}
#detailNavBar #next{
	display:inline;
}
#detailNavBar #previous{
	display:inline;
}*/
/* image on - object detail */
#objDetailImage{
	margin-bottom:0px;
	text-align:center;
	width: 475px;
	overflow:hidden;	
}
#BookReaderContainer{
	width: 475px;
	height: 500px;
}
#objDetailImageNav {
	margin:0px 0px 0px 0px;
	font-size:12px;
	text-align:center;
	padding:5px 5px 15px 0px;
	width: 475px;
	height:15px;
	text-align:left;
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
}
#objDetailImageNav a {
	font-size: .8em;
	line-height: 1em;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #7b7863;
	line-height: 1;
	margin-bottom: 0.5em;
	margin-left: 10px;
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	font-weight:300;
	border: 0px;
}
#objDetailImageNav a:hover {
	text-decoration:none;
	color: #8B2D16;
}

/* user comment/rank form */
#objUserData #ranking, #objUserData #tags{
	margin-bottom:12px;
}
#objUserData {
	margin-bottom:40px;
}
#objUserData #numComments{
	float:right;
	font-size:12px;
	color: #000000;
	font-weight:normal;
	text-transform: none;
}
#objUserData .commentImage{
	clear:left;
	float:left;
	padding:0px 5px 5px 0px;
}
#objUserData .comment{
	margin: 0px;
	font-size:12px;
	line-height: 1.3em;
}
#objUserData .byLine{
	margin: 4px 0px 20px 30px;
	font-size:11px;
	font-style:italic;
	clear:left;
}
#objUserData .formLabel{
	margin: 10px 0px 3px 0px;
	font-size: .92em;
	line-height: 1em;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #333;
	line-height: 1;
	margin-bottom: 0.5em;
	padding: 0;
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight:300;
}
#objUserData input {
	font-size:11px;
	font-weight: normal;
	padding: 0px 2px 0px 2px;
	margin: 0px;
	border: 1px solid #828282;
	width:470px;
}
#objUserData input[type="text"] {
	font-size:11px;
	font-weight: normal;
	padding: 2px 2px 2px 2px;
	margin: 0px;
	border: 1px solid #828282;
	width:470px;
}
#objUserData input[type="file"] {
	font-size:11px;
	font-weight: normal;
	padding: 2px 2px 2px 2px;
	margin: 0px;
	border: 1px solid #828282;
}
#objUserData textarea {
	font-size:11px;
	font-weight: normal;
	padding: 0px 2px 0px 2px;
	margin: 0px;
	border: 1px solid #828282;
	width:470px;
}
#objUserData input[type="textarea"] {
	font-size:11px;
	font-weight: normal;
	padding: 2px 2px 2px 2px;
	margin: 0px;
	border: 1px solid #828282;
	width:100%;
}
#objUserData form a{
	text-transform:uppercase;
	font-size:14px;
	color: #828282;
	font-weight:bold;
	text-decoration:none;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
#objUserData form a:hover{
	color: #000000;
	text-decoration:none;
}

/* ------------------------------------- */
/*  ADVANCED SEARCH FORM */
/* ------------------------------------- */
#caAdvancedSearchForm{
	padding:0px 0px 87px 0px;
	background-color: #fafae4;
	background: url("../graphics/cardhole.jpg") no-repeat center bottom, url("../graphics/cardbackground.jpg") repeat center top;
}
#caAdvancedSearchFormBorder{
	margin:0px auto 15px auto;
	background-color: #fafae4;
	border-width: 20px;
  	-webkit-border-image: url("../graphics/cardborderimage.jpg") 20 stretch;
  	-moz-border-image: url("../graphics/cardborderimage.jpg") 20 stretch;
  	-o-border-image: url("../graphics/cardborderimage.jpg") 20 stretch;
 	border-image: url("../graphics/cardborderimage.jpg") 20 fill stretch;
}
#caAdvancedSearchForm h1{
	margin-bottom:20px;
	line-height: 1em;
}
/*#caAdvancedSearchForm input {
	font-size:11px;
	font-weight: normal;
	padding: 0px 2px 0px 2px;
	margin: 0px;
	border: 1px solid #828282;
}
#caAdvancedSearchForm input[type="text"] {
  width: 280px;
  border: 1px solid #CDD1D3;
  border: 2px inset;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  padding: 2px 10px 2px 10px;
  height: 14px;
  margin-right: 10px;
  -webkit-appearance: searchfield;
  box-sizing: border-box;
  -webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
background-color: #f7f6ee;
}
#caAdvancedSearchForm textarea {
	font-size:11px;
	font-weight: normal;
	padding: 0px 2px 0px 2px;
	margin: 0px;
	border: 1px solid #828282;
}
#caAdvancedSearchForm input[type="textarea"] {
	font-size:11px;
	font-weight: normal;
	padding: 2px 2px 2px 2px;
	margin: 0px;
	border: 1px solid #828282;
	background-color: #f7f6ee;
}*/
#caAdvancedSearchForm input[type="text"], #caAdvancedSearchForm input[type="textarea"], #caAdvancedSearchForm textarea, #caAdvancedSearchForm input[type="password"] {
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #ddd;
	padding:3px;
	font-weight:normal;
  border: 1px inset #CDD1D3;
 min-height:24px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  padding: 2px 10px 2px 10px;
 background-color: #f7f6ee;
  margin-right: 10px;
  -webkit-appearance: textfield;
  box-sizing: border-box;
  -webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
}
#caAdvancedSearchForm textarea {
	resize: none;
}
td.advSearchElement{
	padding:0px 20px 10px 0px;
	width:480px;
}
/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
	td.advSearchElement{ width: 400px; }
	#caAdvancedSearchForm input[type="text"] { width: 350px; }
}
.advSearchElement select {
	min-width:150px;
}
.advSearchLabel{
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	font-weight:bold;
	color: #333;
	margin:0px 0px 7px 0px;
	line-height:1.1em;
	font-size: 1.2em;
 	line-height: 1.125;
  	margin: 0.8em 0 0.7em;
  	padding-top: 0;
}
#caAdvancedSearchForm #buttons{
	float:right;
	text-align:right;
	margin-top:16px;
	width: 140px;
	clear:both;
	padding-top:40px;
}
#caAdvancedSearchForm #buttons div{
	margin: 0px 0px 7px 0px;
}
#caAdvancedSearchForm #buttons a{
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	font-weight:bold;
	color: #333;
	margin:0px 0px 7px 0px;
	line-height:1.1em;
	font-size: 1.5em;
 	line-height: 1.125;
  	margin: 0.8em 0 0.7em;
  	padding-top: 0;
  	letter-spacing: 1px;
}
#caAdvancedSearchForm #buttons a:hover{
	color: #545454;
	text-decoration:none;
}

/* ------------------------------------- */
/*  SEARCH/ BROWSE RESULTS */
/* ------------------------------------- */
#searchNavBg{
	clear:both;
	border-bottom: 1px dotted #777;
	margin-bottom:10px;
}
.searchMessage {
	font-size: 1em;
  	line-height: 1.875;
  	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
  	font-weight: 300;
  	color: #333;
  	margin-top:2px;
}
.searchNav{
	text-align:center;
	margin: 0px;
	padding:6px 10px 0px 10px;
	font-size:13px;
	margin-left: auto;
	margin-right: auto;	
}
.searchNav form{
	float:left;
	text-align:left;
	width:220px;
	margin:0px;
	display:inline;
}
.searchNav form input[type="text"]{
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #828282;
	padding:0px;
	margin:0px;
	font-weight:normal;
	text-align:center;
}
.searchNav .nav{
	float:right;
	text-align:right;
	width:240px;
}
.searchNav .nav a{
	/*border-bottom: 1px dotted #777;*/
}
.searchnav a img{
	vertical-align: middle;
	margin-bottom:2px;
}
.searchNav a{
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	font-size:14px;
	color: #000000;
	font-weight:bold;
	text-decoration:none;
	border:none;
}
.searchNav a:hover{
	color: #828282;
}
.searchNav .linkOff{
	font-family: Arial, sans-serif;
	font-size:14px;
	color: #B1B1B1;
	font-weight:bold;
	text-decoration:none;
}
.sectionBox{
	clear: both;
	padding-top:10px;
	padding-bottom:50px;
}
/* secondary SEARCH results */
.searchSecSpacer{
	float:left;
	width:2%;
}
.searchSec{
	float:left;
	width:440px;
	padding-top:0px;
	height:250px;
}
.searchSecNav{
	clear:both;
	background-color: #E2E2E2;
	margin: 0px;
	padding:6px 10px 5px 10px;
	font-size:13px;
	text-align:left;
}
.searchSecNav .nav{
	float:right;
	text-align:right;
	font-weight:bold;
	font-size:14px;
	border: none;
}
.searchSecNav a{
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	font-size:14px;
	color: #000000;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	border: none;
}
.searchSecNav a:hover{
	color: #828282;
}
.searchSec .results{
	padding: 10px;
	line-height:1.6em;
}
.searchSec .results a{
	color:#000000;
}


/* thumbnail view  - also used in details with thumbnail grid */

.searchResultTd{
	width:170px;
	padding: 0px 0px 10px 0px;

}
#detailBody .searchResultTd{
	width:124px;
	padding: 0px 0px 10px 0px;

}
#detailBody .searchResultTd .textResult, .relatedThumbBg .textResult{
	text-align:center;
	padding-top:30px;
	font-size:11px;
	color:#666;
}
.searchThumbBg{
	width:170px;
	height:113px;
	position: relative;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

.searchThumbBg a{
	border:none;
}
.searchThumbBgNoShadow{
	width:170px;
	height:113px;
	position: relative;
}

.searchThumbBgNoShadow a{
	border:none;
}
.relatedThumbBg {
	width:110px;
	height:75px;
	position: relative;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
	margin: 0px 7px 10px 7px;
	background-color:#FFFFFF;
}
.searchThumbCaption{
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	margin: 10px 0px 10px 0px;
	text-align:left;
	
}
#detailBody .searchThumbCaption{
	width:110px;
	overflow:hidden;
}
.searchThumbCaption a{
  font-style: italic;
  font-size: 0.857em;
  line-height: 1.4286;
  color: #666;
  letter-spacing: 1px;
}
.searchThumbCaption a:hover{
	color: #999999;
}

/* full results */
.searchFullImageContainer {
	width:250px;
	margin: 10px 20px 10px 0px;
	text-align:center;
	float:left;
	position:relative;
}
.searchFullText{
	float:left;
	width:630px;
	text-align:left;
	margin: 10px 0px 0px 0px;
}
.searchFullTitle, .searchFullTitle a{
	font-size:14px;
	font-weight:bold;
	color: #000000;
	margin:0px 0px 10px 0px;
	text-decoration:none;
}
.searchFullTitle a:hover{
	text-decoration:underline;
}
.searchFullTextTitle{
	font-size:12px;
	color: #000000;
	font-weight: bold;
}
.searchFullTextTextBlock{
	margin-bottom:10px;
}
/* map results */
#mapBalloon{
	width:300px;
	padding-right:20px;
	overflow-y: auto;
}
#mapBalloon img{
	float:left;
	margin-right:10px;
}
#mapBalloonText{
	font-size:12px;
	line-height:1.1em;
}
#mapBalloonText a{
	text-decoration:none;
}
/* find results add to set controls */
input.addItemToSetControl {
	display: none;
}

input.addItemToSetControlInThumbnails {
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
}

/* search/browse options box and tools box - horizontal show hide */
#showOptions, #showTools{
	float:right;
	margin: 1px 10px 0px 10px;
	font-size: .92em;
	line-height: 1em;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #7b7863;
	line-height: 1;
	margin-bottom: 0.5em;
	margin-right: 20px;
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight:300;
}
#showOptions img, #showTools img{
	margin-right: 10px;
}
#hideOptions, #hideTools{
	position:absolute;
	right:20px;
	top:20px;
	margin: 3px 0px 0px 10px;
	text-decoration:none;
	text-transform:uppercase;
	color:#828282;
	font-size:12px;
	
}
#searchOptionsBox, #searchToolsBox{
	position:relative;
	clear:both;
	margin: 0px 0px 0px 0px;
	display:none;
	font-size:12px;
	color:#828282;
}
#browse #searchOptionsBox{	/* need extra space above this box in the browse */
	margin: 10px 0px 0px 0px;
}
#searchOptionsBox .col, #searchToolsBox .col{
	float:left;
	width:38%;
	color:#828282;
}
#searchOptionsBox .col .unit, #searchToolsBox .col .unit{
	float:left;
	padding:0px 20px 20px 10px;
	color:#828282;
}
#searchOptionsBox .layout{
	float:left;
	width:62%;
	color:#828282;
	
}

#searchOptionsBox .layout table{
	float:left;
	width:160px;
	height: 90px;
	margin-bottom:5px;
	margin-right:10px;
	border:0px;
}
#searchOptionsBox .col .heading, #searchOptionsBox .layout .heading, #searchToolsBox .col .heading{
	font-size:14px;
	font-weight:bold;
	color:#000000;
	margin-bottom:10px;
}
#searchOptionsBox .bg{
	background-color: #E2E2E2;
	border:0px;
	padding:20px 20px 10px 20px;
}
#searchToolsBox .bg{
	background-color: #E2E2E2;
	border:0px;
	padding:15px;
}
#searchOptionsBox .apply{
	margin:0px -20px 0px -20px;
	border-top:2px solid #F1F1F1;
	padding:10px 10px 0px 10px;
	text-align:center;
}
#searchOptionsBox .apply a{
	text-decoration: none;
	font-weight:bold;
	font-size:14px;
	color:#000000;
	text-transform:uppercase;
}

#searchToolsBox a.apply{
	text-decoration: none;
	font-weight:bold;
	font-size:12px;
	color:#000000;
	text-transform:uppercase;
}

/* search refine controls - horizontal show hide */
#showRefine{
	float:right;
	margin: 1px 0px 0px 10px;
	font-size: .92em;
	line-height: 1em;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #7b7863;
	line-height: 1;
	margin-bottom: 0.5em;
	padding: 0;
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight:300;
	
}
#searchRefineBox{
	clear:both;
	margin: 0px 0px 0px 0px;
	display:none;
	font-size:12px;
	color:#828282;
}
#searchRefineBox .bg{
	background-color: #E2E2E2;
	border:0px;
	padding:10px 20px 10px 20px;
}

#hideRefine{
	float:right;
	margin: 0px 0px 0px 10px;
	text-decoration:none;
	text-transform:uppercase;
	color:#828282;
	font-size:12px;	
}

#searchRefineParameters{
	float:left;
	padding:3px 0px 0px 3px;
	color:#666666;
}
#searchRefineParameters .heading{
	font-style:italic;
	color:#333333;
}
#searchRefineParameters a.button{
	color: #666666;
	font-size:11px;
	text-decoration:underline;
	margin:0px;
	padding:0px;
	font-weight:normal;
}
#searchRefineParameters a.button:hover{
	color: #333333;
}
#searchRefineParameters a.close{
	text-transform:uppercase;
	color: #FFFFFF;
	font-size:8px;
	text-decoration:none;
	padding:1px 2px 0px 2px;
	margin:0px 10px 0px 4px;
	background-color:#999999;
	line-height:1em;
}
#searchRefineParameters a.close:hover{
	background-color:#545454;
}

/* entity, collection, place, occurrence results */
#entityResults, #collectionResults, #occurrenceResults, #placeResults{
	margin-bottom:10px;
	size:18px;
}
#entityResults div, #collectionResults div, #occurrenceResults div, #placeResults div{
	padding:5px;
}
#entityResults a, #collectionResults a, #occurrenceResults a, #placeResults a{
	font-weight:bold;
	size:18px;
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
}
#entityResults .resultBg, #collectionResults .resultBg, #occurrenceResults .resultBg, #placeResults .resultBg{
	background-color: #F2F2F2;
}


/* ------------------------------------- */
/* login register */
/* ------------------------------------- */
#loginForm{
	width:300px;
	margin: 80px auto 0px auto;
	line-height:1.3em;
	text-align: right;
}
#loginForm a{
	font-size: .92em;
	line-height: 1em;
	letter-spacing: 2px;	
	color: #777;
	line-height: 1;
	margin-bottom: 0.5em;
	padding: 0;
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight:300;
}
#loginForm span {
	font-size: .92em;
	line-height: 1em;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #777;
	line-height: 2;
	margin-bottom: 0.5em;
	padding: 0;
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	-webkit-margin-before: 0px;
	-webkit-margin-after: 0px;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight:300;
	float:left;
}
#registerForm{
	float:left;
	line-height: 1.3em;
	width:600px;
}
#loginForm .bg, #registerForm .bg{

}
#loginForm div, #registerForm div{
	margin-top:15px;
	margin-bottom:15px;
}
#loginForm .button, #registerForm a.button, #resetPasswordForm a.button {
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	font-weight:bold;
	color: #333;
	margin:0px 0px 7px 0px;
	line-height:1.1em;
	font-size: 1.2em;
 	line-height: 1.125;
  	margin: 0.8em 0 0.7em;
  	padding-top: 0;
  	letter-spacing: 1px;
}
#loginForm a.button:hover, #registerForm a.button:hover, #resetPasswordForm a.button:hover{
	color: #545454;
	text-decoration:none;
}

#loginForm input, #registerForm input, #resetPasswordForm input {
	font-size:12px;
	font-weight: normal;
	padding: 4px 4px 4px 10px;
	margin-left: 0px;
	border: 1px solid #828282;
}
#loginForm input[type="text"], #loginForm input[type="password"], #registerForm input[type="text"], #resetPasswordForm input[type="text"] {
  width: 190px;
  border: 1px inset #CDD1D3;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  padding: 2px 10px 2px 10px;
  /*height: 14px;*/
  margin-left: 5px;
  -webkit-appearance: searchfield;
  box-sizing: border-box;
  -webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
}

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
	#loginForm input[type="text"], #loginForm input[type="password"], #registerForm input[type="text"], #resetPasswordForm input[type="text"] {height: 24px;}
}

/* ------------------------------------- */
/* Gallery */
/* ------------------------------------- */

#galleryLanding .setInfo{
	margin:0px 10px 15px 10px;
	float:left;
	width:430px;
	height:120px;
	overflow:hidden;
}
#galleryLanding .setInfo .setImage{
	float:left;
	margin-right:10px;
	width:200px;
	height:120px;
	background-color:#e2e2e2;
}
#galleryLanding .setInfo .setTitle{
	margin-bottom:5px;
}
#galleryLanding .setInfo .setTitle a{
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
}
#galleryLanding .setInfo .setText{
	margin-bottom:5px;
}
#galleryLanding .setInfo .setMoreLink a{
	font-weight:normal;
	font-size:11px;
	text-decoration:underline;
}
/* set detail */
#gallerySetDetail #setItemsGrid{
	float:left;
	width:620px;
}
#gallerySetDetail #setItemsGrid .textContent{
	padding:0px 10px 0px 0px;
	margin-top:0px;	
}
#gallerySetDetail #setItemsGrid .textContent p{
	padding:0px;
	margin:0px;
}
#gallerySetDetail .setItem{
	float:left;
	margin:0px 6px 6px 0px;
	width:200px;
	height:120px;
	background-color:#E2E2E2;
}
#gallerySetDetail #allSets{
	width:270px;
	float:right;
	margin:15px 0px 0px 10px;
	border-bottom:2px solid #E2E2E2;
}
#gallerySetDetail #allSets .setInfo{
	padding: 5px 10px 5px 4px;
	margin:0px;
	border-top:2px solid #E2E2E2;
}
#gallerySetDetail #allSets .setInfo:hover{
	background-color: #F2F2F2;
}
#gallerySetDetail #allSets .setInfo .setImage{
	float:left;
	width:72px;
	height:72px;
	margin:0px 10px 0px 0px;
	padding:0px;
}
#gallerySetDetail #allSets .setInfo .setTitle a{
	font-size:12px;
	text-decoration:none;
}
#gallerySetDetail #allSets .setInfo .setTitle a:hover{
	text-decoration:underline;
	color:#828282;
}

/*  gallery overlay content */
#galleryOverlayNextPrevious{
	font-weight:bold;
	color:#828282;
	font-size:12px;
	margin:0px 0px 5px 10px;
}
#galleryOverlayNextPrevious a{
	font-weight:bold;
	color:#000000;
	font-size:12px;
	text-decoration:none;
}
#galleryOverlayImage{   
	text-align:center;
}
#galleryOverlayImageCaption{   
	text-align:center;
	font-style:italic;
	font-size:11px;
	padding:3px 0px 0px 0px;
}
.galleryOverlayContent {	
	font-size:11px;
	color:#000000;
	text-align:left;
	margin: 10px 10px 0px 10px;
	overflow:auto;
}
.galleryOverlayContent div{   
	margin-bottom:5px;
}
.galleryOverlayContent a{	
	text-decoration:underline;
	font-size:11px;
	color:#000000;
}

/* ------------------------------------- */
/*  FAVORITES PAGE */
/* ------------------------------------- */
.favoritesColumn{
	float:left;
	margin: 0px 0px 15px 0px;
	width:200px;
}
.favoritesSpacerColumn{
	float:left;
	width:32px;
	height:100px;
}
.favoritesColumn .title, .favoritesTextColumn .title{
	font-size:14px;
	font-weight:normal;
	color: #828282;
	margin:5px 0px 5px 0px;
	text-decoration:none;
}
.favoritesColumn a.title{
	text-transform: uppercase;
	font-size:14px;
	font-weight:normal;
	color: #828282;
	margin:15px 0px 5px 0px;
	text-decoration:none;
}
.favoritesColumn a.title:hover{
	color: #000000;
}
.favoritesColumn table{
	width:180px;
	height:200px;
	margin: 0px 0px 0px 0px;
}
.favoritesColumn a.more{
	font-size:13px;
	color: #828282;
	margin:3px 0px 0px 0px;
	text-decoration:none;
	float:right;
}
.favoritesColumn a.title:hover{
	color: #000000;
}
#featuredCol #scrollFeatured, #userFavsCol #scrollUserFavs, #mostViewedCol #scrollMostViewed, #recentlyAddedCol #scrollRecentlyAdded{
	height:600px;
	overflow:hidden;
	position:relative;
}
#featuredCol #scrollFeatured #scrollFeaturedContainer, #userFavsCol #scrollUserFavs #scrollUserFavsContainer, #mostViewedCol #scrollMostViewed #scrollMostViewedContainer, #recentlyAddedCol #scrollRecentlyAdded #scrollRecentlyAddedContainer{
	position:absolute;
}





/* --------------------------------------*/
/*  BROWSE  */
/* --------------------------------------*/

/* landing page */
#facetsDiv {
	width:500px;
	float:left;
	clear:both;
}
#facetHeader {
	clear:both;
	margin: 5px 0px 10px 0px;
	float:left;
	width:100%;
	font-weight:bold;
	padding:5px 10px 5px 10px;
}
#facetHeader:focus {
	outline:none;
}
#facetHeader a{
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	font-size:20px;
	font-weight:bold;
	color: #333;
	margin:0px 0px 7px 0px;
	line-height:1.1em;
	font-size: 1.5em;
 	line-height: 1.125;
  	margin: 0.8em 0 0.7em;
  	padding-top: 0;
  	border:none;
  	text-decoration: none;
}
#targetName {
	width:490px;
	background-color: #666;
	font-weight: bold;
	clear:left;
	margin: 0px 0px 0px 0px;
	padding:5px;
}
.facetsListDiv {
	/* padding:30px 10px 30px 10px; */
	text-align:left;
}
.facetsIntroText {
	margin: 10px;
	font-size: 14px;
	color:#333;
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
}
.theFacet {
	float:left;
	width: 115px;
	margin:0px 0px 10px 10px;
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
	border:0px;
}
.theFacet a{
	border:0px;
}
#facetList{
	padding:10px;
	width:400px;
	float:left;
}
.startBrowsingBy{
	color: #828282;
	font-size:13px;
	padding-left:10px;
}
.facetHeadingLink{
	margin-bottom:5px;
}
.facetHeadingLink a{
	font-weight:bold;
	font-size:15px;
	text-decoration:none;
	color: #828282;
	text-transform:capitalize;
}
.facetHeadingLink a:hover{
	color:#333333;
}
.facetDescription{
	margin-bottom:20px;
}
#browseSlideshow {
	float:right;
	width: 420px;
	text-align: center;
	height:440px;
	overflow:hidden;
}

#browseRandomImage {
	text-align: center;
	margin: 0px auto 0px auto;
	width: 420px;
	height:400px;
}
#browseRandomCaption {
	padding: 10px 5px 5px 5px;
	font-family: ff-dagny-web-pro, 'Helvetica Neue', Arial, sans-serif;
}
#browseRandomCaption a{
	color: #333;
	font-size: 12px;
	width: 400px;
	text-align: center;
	height: 20px;
	text-decoration: none;
}

/* browse controls when browse has been initiated */
#browseControls{
	margin:0px 0px 10px 0px;
}
#refineBrowse{
	margin:10px 0px 5px 0px;
}
#refineBrowse .refineHeading{
	font-weight:bold;
	color:#000000;
	font-size:14px;
}
#refineBrowse a.facetLink{
	font-size:14px;
	color:#000000;
	text-decoration:none;
}
#refineBrowse a.facetLink:hover{
	color:#000000;
}
#browseCriteria{
	margin:0px;
	color:#828282;
	font-size:14px;
}
#browseCriteria .criteriaHeading{
	font-weight:bold;
	color:#828282;
	font-size:14px;
}
#browseCriteria a.close{
	text-transform:uppercase;
	color: #FFFFFF;
	font-size:9px;
	text-decoration:none;
	padding:2px 2px 0px 2px;
	margin:0px 5px 0px 3px;
	background-color:#828282;
	line-height:1em;
	font-weight:bold;
}
#browseCriteria a.startOver{
	color:#333;
	text-decoration:none;
	font-size:14px;
}
#browseCriteria a.startOver:hover{
	color:#828282;
	text-decoration:none;
}



/**/

/* - browse formatting for HORIZONTAL_BOXES - */

#browse #browseCriteria{
	margin: 3px auto 13px auto;
}
#browse .browseBox{   /* Used in browse */
	text-align:left;
	float:left;
	width: 150px;
	padding:5px 7px 7px 7px;
	background-color: #333333;
	border:3px solid #828282;
	font-size: 12px;
	color: #FFFFFF;
	overflow:hidden;
	line-height:1.3em;
	margin-bottom:15px;
}
#browse .browseBox .heading{   /* Used in browse */
	font-size: 14px;
	font-weight:bold;
	color: #FFFFFF;
	margin-bottom:3px;
}
#browse .browsingBy{   /* Used in browse */
	font-size: 12px;
	color: #FFFFFF;
	padding-left:5px;
}
#browse .browsingBy a.close{
	text-transform:uppercase;
	color: #333333;
	font-size:9px;
	text-decoration:none;
	padding:2px 2px 0px 3px;
	margin:0px 0px 0px 5px;
	background-color:#999999;
	line-height:1em;
	font-weight:bold;
}
#browse .browsingBy a.close:hover{
	background-color:#FFFFFF;
}
#browse .browseBoxRefine{   /* Used in browse */
	text-align:left;
	float:left;
	width: 150px;
	padding:5px 7px 7px 7px;
	background-color: #FFFFFF;
	border:3px solid #828282;
	font-size: 12px;
	font-weight:normal;
	color: #333333;
	overflow:hidden;
	line-height:1.3em;
	margin-bottom:15px;
}
#browse .browseBoxRefine .heading{   /* Used in browse */
	font-size: 14px;
	font-weight:bold;
	color: #333333;
	margin-bottom:3px;
}
#browse .browseBoxRefine .browseFacetLink{
	text-transform:capitalize;
	padding-left:5px;
}
#browse .browseBoxRefine .browseFacetLink a{   /* Used in browse */
	font-size: 12px;
	color: #828282;
	text-decoration:none;
}
#browse .browseBoxRefine .browseFacetLink a:hover{   /* Used in browse */
	text-decoration:underline;
}
#browse .startOver a{   /* Used in browse */
	text-decoration:underline;
	font-size: 12px;
	font-weight:normal;
	color: #333333;
}
#browse .startOver{   /* Used in browse */
	margin-top:5px;
	font-size: 12px;
	font-weight:normal;
	color: #333333;

}
#browse .browseArrow{   /* Used in browse */
	float:left;
	padding-right:10px;
	padding-left:10px;
}
#browse .browseWith{   /* Used in browse */
	float:left;
	padding-right:10px;
	padding-left:10px;
	font-size: 14px;
	color:#333333;
	font-weight:bold;
}








.browseTargetSelect {
	font-size: 11px;
	float: right;
}

#browse .browseTargetSelect select {
	font-size: 9px;
}




/* --- browse pop up panels --- */
.browseSelectPanel, #browse .browseSelectPanel {  /* used in browse and details with browse */
	position: absolute; 
	top: 100px; 
	left: 50%;  
	width: 900px; 
	height: 400px; 
	display: none;
	margin-left: -485px;
	padding: 10px;
	background: url("../graphics/cardhole.jpg") no-repeat center bottom, url("../graphics/cardbackground.jpg") repeat center top;
  	background-color: transparent;
  	border-width: 20px;
  	-webkit-border-image: url("../graphics/cardborderimage.jpg") 20 stretch;
  	-moz-border-image: url("../graphics/cardborderimage.jpg") 20 stretch;
  	-o-border-image: url("../graphics/cardborderimage.jpg") 20 stretch;
 	border-image: url("../graphics/cardborderimage.jpg") 20 fill stretch;
}
#browseFacetGroupingControls{ /*  used in browse and details with browse */
	float:right;
	margin: 10px 10px 0px 10px;
	color:#333333;
	text-transform:uppercase;
	font-size: 11px;
	padding-right:10px;
}
#browseFacetGroupingControls a{ /*  used in browse  and details with browse */
	text-decoration:none;
	color:#333333;
	text-transform:uppercase; 
	font-size: 11px;
	margin-left:5px;
}
#browseFacetGroupingControls a.selected{ /*  used in browse and details with browse */
	text-decoration:underline;
	color:#333333;
	text-transform:uppercase;
	font-size: 11px;
	font-weight:bold;
}
.browseSelectPanel #title{ /*  used in browse and details with browse */
	font-size: 34px;
	font-weight:bold;
	text-transform:uppercase;
	color:#333333;
	line-height:1em;
	padding-bottom:5px;
}

.browseSelectPanelContentArea { /*  used in browse and details with browse */
	border: 1px solid #ddd;
	background-color: #FFFFFF;
}

#browseSelectPanelHeader { /*  used in browse and details with browse */
	position: relative;
	margin: 10px;
	text-transform:uppercase;
	font-size:14px;
	color:#333333;
	font-weight:bold;
	height: 18px;
	overflow:hidden;
	width: 850px;
}
#browseSelectPanelHeader a { /*  used in browse and details with browse */
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
	color:#333333;
	font-weight:normal;
	margin-right:4px;
}

#browseSelectPanelHeaderContent {
	position: absolute;
	width: 850px;
}

#browseSelectPanelHeaderScrollButtons {
	float:right;
	margin: 10px 10px 0px 10px;
	color:#333333;
	font-size: 14px;
}

.browseSelectPanelList { /*  used in browse and details with browse */
	margin: 0px;
	width: 878px;
	height: 310px;
	overflow: auto;
	padding: 0px 10px 10px 10px;;
	color:#333333;
}


td.browseSelectPanelListCell { /*  used in browse and details with browse */
	padding:7px 15px 7px 0px;
	width:25%;
}


table.browseSelectPanelListTable { /*  used in browse and details with browse */
	width: 100%;
}

div.browseSelectPanelCacheError {
	text-align: center; 
	height: 200px; 
	margin-top: 100px; 
	font-size: 18px;
}

.listDivide{ /*  used in browse and details with browse */
	height:1px;
	border-bottom: 1px #ddd solid;
}

div.browseSelectPanelListGroupHeading { /*  used in browse and details with browse */
	font-size: 24px;
	font-weight: bold;
	padding-top: 5px;
	margin-bottom: 5px;
	color:#4c4c4c;
	border: 0px;
}

a.browseSelectPanelListGroupHeading, a.browseSelectPanelListGroupHeading:hover { /*  used in browse and details with browse */
	text-decoration: none;
	color: #4c4c4c;
	border: 0px;
}

a.browseSelectPanelButton {   /*  used in browse and details with browse */
	background-image: url("../graphics/closePanel.gif");
	background-repeat:no-repeat;
	float: right;
	margin-left: 15px;
	width:19px;
	height:19px;
	text-decoration:none;
	border:none;
}

a.browseSelectPanelButton:hover {
	background-color: #333333;
	text-decoration: none;
	border: none;
}

a.browseSelectPanelLink { /*  used in browse and details with browse */
	font-size: 10px;
	text-decoration:none;
	font-size:12px;
	color:#4c4c4c;
	margin: 10px 0px 10px 0px;
}

a.browseSelectPanelLink:hover { /*  used in browse and details with browse */
	color:#999999;
}


/* overlay (for object representations) */
#caMediaPanel {
	position: fixed; 
	top: 0; 
	left: 0;
	width: 100%; 
	height: 100%; 
	display: none;
	margin: 0px;
	padding: 0px;
	z-index: 31000;			/* needs to be on top of menu bar, which has z-index=30000 */
}
#caMediaPanel #close{
	float: right;
	width:15px;
	height:16px;
	margin:10px;
	background-image:url("../graphics/buttons/x.png");
}
#caMediaPanel #close a{
	text-decoration:none;
	font-size:16px;
}
#caMediaPanelContentArea {
	width: 100%; 
	height: 100%;
}

#caMediaOverlayContent {
	margin: 0px;
	width: 100%;
	height: 100%;
	overflow: auto;
	text-align: center;
}

div.caMediaOverlayControls {
	background-color: #000;
	color:#FFF;
	font-size: 11px;
	text-align:center;
	position:absolute;
	padding: 10px 0px 10px 0px;
	width:100%;
	bottom:0px;
	left:0px;
	z-index: 32000;			/* needs to be on top of caMediaPanel, which has z-index=31000 */
	opacity:.1.0;
	
}
div.caMediaOverlayControls:hover {
	opacity:1.0;
	background-color:rgba(0,0,0,0.5);
}
div.caMediaOverlayControls a{
	text-decoration:none;
	font-weight:bold;
	font-size:16px;
	color:#FFF;
}
div.caMediaOverlayControls a:hover{
	color:#FFF;
}
div.caMediaOverlayControls .close{
	float:right;
	width:15px;
	height:16px;
	background-image:url("../graphics/buttons/x_white.png");
	margin: 0px 10px 0px 20px;
}
div.caMediaOverlayControls .download{
	float:right;
	margin-left:20px;
}
div.caMediaOverlayControls .objectInfo{
	font-size:11px;
	color:#FFF;
	padding-left:10px;
	text-align:left;
	width:40%;
	float:left;
}
div.caMediaOverlayControls .repNav {
	float:left;
	width:16%;
	padding: 0px 2% 0px 2%;
	text-align:center;
	color:#FFF;
}

/* Advanced search */
.advSearchLabel {
	font-weight: bold;
}

/*** HIERARCHY BROWSER ***/
div.hierarchyBrowser {
	width: 100%;
	height: 350px;
	margin: 0px;
}

div.hierarchyBrowserSmall {
	border: 1px solid #ccc;
	width: 98%;
	height: 180px;
	margin: 5px 0px 2px 6px;
}

div.hierarchyBrowserLarge {
	border: 1px solid #000000;
	width: 100%;
	height: 400px;
	margin: 0px 0px 10px 0px;
}
div.hierarchyBrowserContainer {
	position: relative;
	overflow: auto;
	overflow-y: hidden;
	height: 100%;
}

div.hierarchyBrowserLevel {
	position: absolute;
	top: 0px;
	width: 230px;
	height: 100%;
	padding: 0px;
	margin: -2px;
	border: 1px solid #cccccc; 
	background: #FFFFFF;
	overflow: auto;
}

ul.hierarchyBrowserLevel {
	padding: 3px;
	margin: 3px;
}

li.hierarchyBrowserLevel {
	margin: 0px 0px 5px 0px;
	padding:5px 0px 5px 0px;
	border-bottom: 1px solid #EDEDED;
	list-style-type: none;
	text-align: left;
}
a.hierarchyBrowserLevel {
	text-decoration: none;
	font-weight: normal;
}

a.hierarchyBrowserLevelSelected {
	color: #00000;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
}

a.hierarchyBrowserLevelEditButton {
	text-decoration: none;
	font-weight: bold;
}

div.hierarchyBrowseTab {
	height: 245px;
	width: 712px;
	overflow: hidden;
	font-weight: normal;
	margin-left:-10px;
}



/*** jScrollPane styles ***/
.jspContainer
{
	overflow: hidden;
	position: relative;
	outline: none;
}

* :focus { 
	outline: 0; 
}
.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 100%;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 8px;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
	border-radius: 10px;
	-moz-border-radius-bottomleft: 10px; 
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px; 
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topleft: 10px; 
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px; 
	-webkit-border-top-right-radius: 10px;
}

.jspDrag
{
	background: #aaa;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border-radius: 10px;
	-moz-border-radius-bottomleft: 10px; 
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px; 
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topleft: 10px; 
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px; 
	-webkit-border-top-right-radius: 10px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	border-radius: 10px;
	-moz-border-radius-bottomleft: 10px; 
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px; 
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topleft: 10px; 
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px; 
	-webkit-border-top-right-radius: 10px;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
.scrollPane {
	width: 310px; 
	max-height: 200px; 
	overflow: auto;
	margin-bottom:15px;
}
.scrollPane p{
	padding-right:10px;
}

/* visualization styles */
.node circle {
  fill: #fff;
  stroke: steelblue;
  stroke-width: 1.5px;
}

.node {
  font: 10px sans-serif;
}

.visButton {
  font: 12px sans-serif;
  fill: #cc0000;
  font-weight: bold;
}

.link {
  fill: none;
  stroke: #ccc;
  stroke-width: 1.5px;
}



/* detail page timeline styles */

#detailBody .jcarousel-skin-chronology .jcarousel-direction-rtl {
	direction: rtl;
}

#detailBody .jcarousel-skin-chronology .jcarousel-container-horizontal {
    width: 800px;
    padding: 10px 30px 0px 30px;
}

#detailBody .jcarousel-skin-chronology .jcarousel-clip {
    overflow: hidden;
}

#detailBody .jcarousel-skin-chronology .jcarousel-clip-horizontal {
    width:  800px;
    height: 150px;
}

#detailBody .jcarousel-skin-chronology .jcarousel-item {
/*    width: 152px;*/
	width: 160px;
    height: 148px;
    position:relative;
/*  border: 1px solid #fff;
	background-color:#FFFFFF;*/
}

/*.jcarousel-skin-chronology .jcarousel-item:hover,
.jcarousel-skin-chronology .jcarousel-item:focus {
    border-color: #808080;
}*/

#detailBody .jcarousel-skin-chronology .jcarousel-item-horizontal {
    margin-left: 0;
   /* margin-right: 7px;*/
}

#detailBody .jcarousel-skin-chronology .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 7px;
	margin-right: 0;
}

#detailBody .jcarousel-skin-chronology .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
#detailBody .jcarousel-skin-chronology .jcarousel-next-horizontal {
    position: absolute;
    top: 65px;
    right: 5px;
    width: 20px;
    height: 39px;
    cursor: pointer;
    background: transparent url(../graphics/arrowRightChronoSmall.png) no-repeat 0 0;
}

#detailBody .jcarousel-skin-chronology .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(../graphics/arrowRightChronoSmall.png);
}

/*.jcarousel-skin-chronology .jcarousel-next-horizontal:hover,
.jcarousel-skin-chronology .jcarousel-next-horizontal:focus {
    background-image: url(../graphics/arrowRightChronoSmallOff.png);
}*/

#detailBody .jcarousel-skin-chronology .jcarousel-next-horizontal:active {
    background-image: url(../graphics/arrowRightChronoSmallOff.png);
}

#detailBody .jcarousel-skin-chronology .jcarousel-next-disabled-horizontal,
#detailBody .jcarousel-skin-chronology .jcarousel-next-disabled-horizontal:hover,
#detailBody .jcarousel-skin-chronology .jcarousel-next-disabled-horizontal:focus,
#detailBody .jcarousel-skin-chronology .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-image: url(../graphics/arrowRightChronoSmallOff.png);
}

#detailBody .jcarousel-skin-chronology .jcarousel-prev-horizontal {
    position: absolute;
    top: 65px;
    left: 5px;
    width: 20px;
    height: 39px;
    cursor: pointer;
    background: transparent url(../graphics/arrowLeftChronoSmall.png) no-repeat 0 0;
}

#detailBody .jcarousel-skin-chronology .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(../graphics/arrowLeftChronoSmall.png);
}

#detailBody .jcarousel-skin-chronology .jcarousel-prev-horizontal:active {
    background-image: url(../graphics/arrowLeftChronoSmallOff.png);
}

#detailBody .jcarousel-skin-chronology .jcarousel-prev-disabled-horizontal,
#detailBody .jcarousel-skin-chronology .jcarousel-prev-disabled-horizontal:hover,
#detailBody .jcarousel-skin-chronology .jcarousel-prev-disabled-horizontal:focus,
#detailBody .jcarousel-skin-chronology .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-image: url(../graphics/arrowLeftChronoSmallOff.png);
}

/* METABOLIC classes */

#detailBody .action {
	margin: 0px 3px 0px 3px;
    border: 1px solid #fff;
	background-color:#FFFFFF;
	height: 146px;
}
#detailBody .action:hover, .action:focus {
	border-color: #808080;
}
#detailBody .actionDate{
	font-size:13px;
	font-weight:bold;
	margin:5px 5px 0px 5px;
	position:relative;
}
#detailBody .actionTitle{
	font-size:12px;
	margin:5px 5px 0px 5px;
	height:auto;
}
#detailBody .actionTitle a{
	font-size:11px;
	float:right;
	margin-top:-3px;
}
#detailBody .actionTitleExtended{
	font-size:12px;
	margin:5px 5px 0px 5px;
	position:absolute;
	height:200px;
	background-color:#FFFFFF;
	z-index:10000;
	width:142px;
	display:none;
}
#detailBody .actionMoreInfo{
	position:absolute;
	bottom:5px;
	right:10px;
}
#detailBody .actionMoreInfo a{
	font-size: 11px;
}
#detailBody .actionSiloIcons{
	position:absolute;
	bottom:7px;
	left:10px;
}
#detailBody .actionSiloIcon{
	width:10px;
	height:10px;
	float:left;
	margin:3px 3px 0px 0px;
}
#detailBody .timelineContainer{
	width:860px;
	height:200px;
	float:none;
}
#detailBody .sliderContainer{
	margin:10px 40px 0px 40px;
	float:none;
	height:18px;
}
#detailBody .slider{
	background-color:#DEDEDE;
}



#detailBody {
	min-height:350px;
}










/* detail page related object grid, jCarousel styles */

.jcarousel-skin-relatedObjects .jcarousel-direction-rtl {
	direction: rtl;
}

#relatedObjectsContainer .jcarousel-skin-relatedObjects .jcarousel-container-horizontal {
    width: 855px;
/*    padding: 10px 30px 0px 30px;*/
	padding: 10px 0px 0px 0px;
}

#relatedObjectsContainerNarrow .jcarousel-skin-relatedObjects .jcarousel-container-horizontal {
    width: 500px;
/*    padding: 10px 30px 0px 30px;*/
	padding: 10px 0px 0px 0px;
}

.jcarousel-skin-relatedObjects .jcarousel-clip {
    overflow: hidden;
}

#relatedObjectsContainer .jcarousel-skin-relatedObjects .jcarousel-clip-horizontal {
    width:  855px;
    height: 200px;
}

#relatedObjectsContainerNarrow .jcarousel-skin-relatedObjects .jcarousel-clip-horizontal {
    width:  500px;
    height: 300px;
}

#relatedObjectsContainer .jcarousel-skin-relatedObjects .jcarousel-item {
	width: 855px;
    height: 198px;
    position:relative;
}

#relatedObjectsContainerNarrow .jcarousel-skin-relatedObjects .jcarousel-item {
	width: 500px;
    height: 298px;
    position:relative;
}

.jcarousel-skin-relatedObjects .jcarousel-item-horizontal {
    margin-left: 0;
}

.jcarousel-skin-relatedObjects .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 0px;
	margin-right: 0;
}

.jcarousel-skin-relatedObjects .jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-relatedObjects .jcarousel-next-horizontal {
    position: absolute;
    top: 65px;
    right: 5px;
    width: 20px;
    height: 39px;
    cursor: pointer;
    background: transparent url(../graphics/arrowRightChronoSmall.png) no-repeat 0 0;
}

.jcarousel-skin-relatedObjects .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(../graphics/arrowRightChronoSmall.png);
}

/*.jcarousel-skin-chronology .jcarousel-next-horizontal:hover,
.jcarousel-skin-chronology .jcarousel-next-horizontal:focus {
    background-image: url(../graphics/arrowRightChronoSmallOff.png);
}*/

.jcarousel-skin-relatedObjects .jcarousel-next-horizontal:active {
    background-image: url(../graphics/arrowRightChronoSmallOff.png);
}

.jcarousel-skin-relatedObjects .jcarousel-next-disabled-horizontal,
.jcarousel-skin-relatedObjects .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-relatedObjects .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-relatedObjects .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-image: url(../graphics/arrowRightChronoSmallOff.png);
}

.jcarousel-skin-relatedObjects .jcarousel-prev-horizontal {
    position: absolute;
    top: 65px;
    left: 5px;
    width: 20px;
    height: 39px;
    cursor: pointer;
    background: transparent url(../graphics/arrowLeftChronoSmall.png) no-repeat 0 0;
}

.jcarousel-skin-relatedObjects .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(../graphics/arrowLeftChronoSmall.png);
}

.jcarousel-skin-relatedObjects .jcarousel-prev-horizontal:active {
    background-image: url(../graphics/arrowLeftChronoSmallOff.png);
}

.jcarousel-skin-relatedObjects .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-relatedObjects .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-relatedObjects .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-relatedObjects .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-image: url(../graphics/arrowLeftChronoSmallOff.png);
}







/*
 * jQuery UI Slider 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; border: 1px solid #333333; background-color: #666666; outline:none;}
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.sliderInfo {
	display: none;
	position: absolute; 
	top: -6px; 
	left: 15px; 
	min-width: 60px; 
	padding: 5px 5px 5px 10px; 
	font-size:12px;
	line-height:1em;
	white-space:nowrap;
	color:#FFFFFF;
	background-image: url(../graphics/bgSliderInfo.png);
	background-position: left center;
	background-repeat:no-repeat;
}


/*  end detail page timeline styles */



/* ------------- */
/* jGrowl styles */
/* ------------- */
div.jGrowl {
	padding: 			10px;
	z-index: 			9999;
	color: 				#fff;
	font-size: 			12px;
}

/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
body > div.jGrowl {
	position:			fixed;
	left: 				40%;
	right: 				50%;
	margin-top:			100px;
}

body > div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

body > div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

body > div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

body > div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

body > div.jGrowl.center {
	top: 				0px;
	width: 				50%;
	left: 				25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#FFFFFF;
	width: 					235px;
	padding: 				20px;
	margin-top: 			40px;
	margin-bottom: 			5px;
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				1em;
	text-align: 			left;
	display: 				none;
}

div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

div.jGrowl div.jGrowl-notification div.header {
	font-weight: 			bold;
	font-size:				1em;
}

div.jGrowl div.jGrowl-notification div.close {
	z-index:				99;
	float: 					right;
	font-weight: 			bold;
	font-size: 				1em;
	cursor:					pointer;
}

div.jGrowl div.jGrowl-closer {
	padding-top: 			4px;
	padding-bottom: 		4px;
	cursor: 				pointer;
	font-size:				.9em;
	font-weight: 			bold;
	text-align: 			center;
}

/** Hide jGrowl when printing **/
@media print {
	div.jGrowl {
		display: 			none;
	}
}


/* autocompleter styles */
.ac_results {
	padding: 0px;
	border: 1px solid #828282;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat !important;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #828282;
	color: white;
}

/* end autocompleter styles */