@font-face {font-family: 'DIN-Regular';src: url('fonts/28EC2C_0_0.eot');src: url('fonts/28EC2C_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/28EC2C_0_0.woff') format('woff'),url('fonts/28EC2C_0_0.ttf') format('truetype');}

/*  dark gray #4b4a4a - teal #134959 - turquoise #1FAA99 - med gray #DDDDDD - light gray #EEEEEE */

html {
	box-sizing: content-box !important;
}

*, *:before, *:after {
  box-sizing: inherit !important;
}

html {
    font: 12px "Helvetica Neue", Arial, Helvetica, Sans-serif;
}

body {
    font: 12px "Helvetica Neue", Arial, Helvetica, Sans-serif;
    background-color: #fff;
    margin:0px;
    padding:0px;
    height: 100%;
    overflow: auto !important;
}

a, p, div {
    overflow-wrap: break-word;
}

form{
    display:inline;
}
form select {
	border: 1px solid #ccc;
	background-color: #fff;
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: none;
	padding: 2px;
	padding-right: 30px;
	background: #fff url('../graphics/icons/downArrowSmall.png') no-repeat 97% 50%;
	background-size: 7px 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size:12px;
}
textarea {
    resize: none;
    font-size: 12px !important;
    
}

a, a:link, a:visited, a font { /*color:#138290;*/color:#107784; text-decoration: underline; }

a:hover{
    color: #333;
}
.unit a {
    text-decoration: none;
}

.unit a:hover {
    color: #858585;
}
h1 { font-family: 'DIN-Regular', arial, sans-serif;}
h2 { font-size: 13px; color: #666; }

h5 {
    margin: 0px;
    font-size: 13px;
    color: #666;
    -webkit-margin-before: 0em;
    -webkit-margin-after: .5em;
}

.divide{
    height:3px;
    background-color:#e9e9e9;
    margin: 2px 0px 5px 0px;
    clear: both;
}

.title {
    font-size: 16px;
    font-weight: bold;
    color: #444444;
}
.subTitle {
    font-family: "Helvetica Neue", sans-serif;
    font-size:14px;
    color: #333;
    font-weight: bold;
    text-align: left;
    border-bottom: 2px solid #ddd;
	padding: 2px 0px 5px 0px;
	margin-bottom: 7px;
}

.width {
    width: 1000px;
}
.roundedNav {
    min-width: 800px;
    max-width:1000px;
    background-color:#FFFFFF;
    height:30px;
    margin-bottom:0px;
    padding:7px 20px 0px 20px;
}
*:first-child+html .roundedNav{padding-right:0px;} * html .roundedNav{padding-right:0px;}
#topNav {
    color: #FFFFFF;
    background-color:#fff;
    font-size: 13px;
    z-index:1;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-family:arial;
    background-image: none;
    border: 0px;
    border-radius: 0;
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px#888;
    box-shadow: 0 0 5px #888;
    min-height: 20px;
    height: 58px;
}

#topNavContainer {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    z-index: 30000;			/* menu bar should always be on top */
    padding: 0px;
    margin-bottom: 0px;
    height:30px;
}
#navWrapper {
	position: absolute;
	float: right;
	right: 20px;
}
#logo {
    background-repeat: no-repeat;
    height: 45px;
    float: left;
    cursor: pointer;
}

*:first-child+html #logo {padding:0px 0px 0px 5px;} * html #logo {padding:0px 0px 0px 5px;} /* IE6 only fixes width */
#main{
    background-color: #DDDDDD;
    margin-top:0px;
    padding:0px;
    text-align:left;
    position:relative;
}

#mainContent{
    background-color: #FFFFFF;
    padding: 10px 20px 60px 20px;
    width:744px;	/* .width 1000 - #leftNav (width + borders) 216 - 40px padding in mainContent = 744px */
    margin-left: 215px;
    border-right: 2px solid #ddd;
    margin-top: 28px;
    min-height: 1000px;
    position:absolute;
}
* html #mainContent { width:736px; margin-left: 0px;} /* IE6 only fixes width */

#mainContentFull{ /* used to make content area extend full width of window when viewing dashboard */
    background-color: #FFFFFF;
    min-height: 1000px;
    padding: 10px 20px 0px 20px;
    margin-top:28px;
}

.clear {
    clear: both;
}

div.clear {
	clear: both; 
	width: 1px; 
	height: 1px;
}

/* --- SIDE NAVIGATION --- */
#leftNav {
    clear: both;
    width: 211px;
    background-color: #fff;
    position: fixed;
    height: 100%;
    padding-top:27px; 
    border-right: #ddd solid 2px;
    border-left: #ddd solid 2px;
}

#leftNav #leftNavSidebar {
    overflow: auto;
    width: 212px;
    height: 100%;
    border-top: 2px solid #ddd;
}

#leftNav h2 {
    text-align: left;
    margin: 0;
    background-color: #fff;
    color: #333;
    padding: 0;
    font-size: 12px;
    text-transform:none; width:100%;
    font-weight:normal;
    font-family:"din-regular", arial, sans-serif;
    text-transform:uppercase;
}

#leftNav h2 a, #leftNav h2 span { display: block; padding-left: 15px; padding-top: 7px; padding-bottom: 4px; text-decoration: none; color: #666666; border-right:1px solid #dddddd;} 
#leftNav h2 a:hover{
    color: #138290;
}
#leftNav h3 h4 a:hover{
    color: #138290;
}
#leftNav ul { list-style: none; margin: 0px; padding: 3px 0px 3px 0px; display:none; }
#leftNav ul.arrow { padding:0px; }
#leftNav ul.selected { list-style: none; margin: 0px; padding: 0px 0px 0px 0px; display:block; }
#leftNav ul.arrow { border-top: solid 1px #dce2e9; border-bottom: solid 1px #fff; font-size: 12px; }
#leftNav ul.arrow li { list-style: none; font-weight: normal; border: 0; padding: 0; margin: 0; }
#leftNav ul.arrow li a, #leftNav ul.arrow li span { _height: 15px; text-decoration: none; display: block;  padding: 8px 0 5px 0;; padding-left: 30px; padding-right: 5px; margin: 0; color:#666; text-transform:uppercase; font-family:"din-regular", arial, sans-serif;}
#leftNav ul li a:hover { background-color: #fff; }
#leftNav ul .sf-menu-selected a:hover { background-color: #eee; }
#leftNav ul.arrow li a:hover { color: #138290}

/* h3 used for non link left side nav - currently editing */
#leftNav h4 {
    margin: 0px;
    background-color: #fff;
    padding: 0px;
    font-size: 11px;
    text-transform:uppercase;
    text-align: left;
    display: block;
    color: #000;
}
#leftNav h3 {
    margin: 0px;
    background-color: #fff;
    padding: 0px 0px 0px 15px;
    font-size: 11px;
    text-transform:uppercase;
    text-align: left;
    display: block;
    color: #333;
}
#leftNav h3.nextPrevious {
    padding:0px;
    text-align:center;
    font-family: "DIN-Regular";
	font-weight: bold;
	height: 35px;
}
#leftNav h3.nextPrevious a{
	color:#333;
}
#leftNav h3.nextPrevious a.next{
	background-color: #ddd;
	float: right;
	padding: 9px 5px 5px 5px;
	width: 20px;
	text-align: right;
}
#leftNav h3.nextPrevious a.prev{
	background-color: #ddd;
	float: left;
	padding: 9px 6px 5px 5px;
	width: 20px;
	text-align: left;
}
#leftNav h3.nextPrevious span.prev{
	background-color: #ddd;
	float: left;
	padding: 9px 6px 5px 5px;
	width: 20px;
	text-align: left;
}
#leftNav h3.nextPrevious span.next{
	background-color: #ddd;
	float: right;
	padding: 9px 5px 5px 5px;
	width: 20px;
	text-align: right;
}
#leftNav h3.nextPrevious .disabled .caIcon:hover {
	color:#333;
}
#leftNav .resultCount {
	padding-top: 10px;
	display: inline-block;
	width: 110px;
}
#leftNav .resultLink  {
	display: inline-block;
	width: 110px;
	color: #138290;
}
#leftNav .resultLink:hover  {
	color: #138290;
	text-decoration:underline;
}
#leftNav .creatingNew {
	font-family: "DIN-Regular", Helvetica, sans-serif;
	padding-top: 15px;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.4em;
}
#leftNav div.visualize, #leftNav div.setTools, #leftNav div.batchTools {
	background-color:#f7f7f7;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding: 12px 10px 5px 20px;
	margin: 10px 10px 10px 10px;
	font-family: "DIN-Regular";
	text-transform:capitalize;
	font-size:14px;
}
#leftNav div.setTools img, #leftNav div.batchTools img {
	padding-right:5px;
}
#leftNav div.visualize a, #leftNav div.setTools a, #leftNav div.batchTools a {
	text-decoration:none;
}
#caColorbox {
    margin: 0px;
    padding: 10px 10px 0px 8px;
    font-size: 12px;
    text-transform:uppercase;
    text-align: left;
    display: block;
    color: #333;
    font-family:"Helvetica Neue", arial, sans-serif;
}
#caColorbox strong{
	font-family: "din-regular";
}
#inspectoricon {
    margin: -10px 5px 0px -8px;
    float: left;
}

.inspectorExportControls select {
    width: 130px;
    font-size: 9px;
}

.inspectorAutodeleteSet {
    color: #cc0000;
    font-weight: bold !important;
}

#leftNav #toolIcons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    flex: 1;
    padding: 0px;
}
#leftNav .inspectorActionButton {
    padding: 0px;
}
#leftNav .infoIcon {
	padding-left: unset !important;
	line-height: unset !important;
}
#leftNav #inspectorLotMediaDownloadButton, #leftNav #inspectorSetMediaDownloadButton {
	margin-top:8px;
} 
#leftNav .button.info {
	padding-bottom:10px;
}
#leftNav #inspectorChangeType img {
	padding-top: 1px;
}
#leftNav #inspectorHierarchyMerge {
	padding-top: 6px;
}
#inspectorChangeTypeButton {
    font-size: 10px;
    margin: 0px;
}
#leftNav #caDuplicateItemButton img {
	padding-top:3px;
}
#leftNav div.watchThis { 
	text-align:center; 
}
#inspectorLotMediaDownload {
   
}
#inspectorLotMediaDownloadButton {
    font-size: 10px;
    padding: 2px !important;
    margin: 0px;
}
div.inspectorLotObjectTypeControls {
    padding: 3px;
    margin-top: 8px;
    font-size: 9px;
}
.inspectorLotObjectTypeControls select {
    width: 80px;
    font-size: 9px;
}
.inspectorChangeDateList {
    font-size: 10px;
    margin-top: 0px;
    font-family: 'DIN-Regular', helvetica, sans-serif;
}
.inspectorChangeDateListLine {
    margin-top: 0px;
}
#leftNav .button {
	text-align: center;
	width:100%;
	padding-left: 0px;
}
#leftNav #toolIcons .button {
	text-align:left;
}
#leftNav #searchSetTools .button, #leftNav #batchTools .button {
	text-align: right;
	width: unset;
	float: unset;
}
#leftNav .button.info img{
	width:20px;
	padding-top:5px;
}
#leftNav #toolComponentControls {
    display: flex;
    flex-direction: row;
    justify-content: left;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    width: 100%;
    flex: 1;
    padding-top: 5px;
}
#leftNav #toolComponentControls div, #leftNav #toolComponentControls div a {
    padding: 0px;
    margin: 0px;
}

#leftNav #toolComponentControls div a i {
    vertical-align: unset;
}

a.inspectorOnLoan {
    color: #cc0000;
    font-style: italic;
}

div.inspectorCheckedOut {
    color: #0000cc;
    font-style: italic;
}

.inspectorDeaccessioned {
    color: #EB0000;
    font-style: italic;
}

.inspectorCurrentLocation {
    color: #aaa;
    font-style: italic;
    font-size: 10px;
}

.inspectorFlag {
    color: #EB0000;
    font-weight: bold;
}

#leftNav h4 div {  text-transform: none; font-weight: normal; padding-top: 5px; }
#leftNav h3 div {  text-transform: none; font-weight: normal; padding-top: 5px; }

#leftNav h4 div .separator { border-bottom: solid 1px #fff; margin-top: 5px; margin-bottom: 5px; }
#leftNav h3 div .separator { border-bottom: solid 1px #fff; margin-top: 5px; margin-bottom: 5px; }

#leftNav h4 a { text-decoration: none; }
#leftNav h3 a { text-decoration: none; }
#leftNav div.form-button {text-align:right; margin-top: 5px; }
#leftNav .form-button a {	text-transform:uppercase; text-decoration: underline; }
#leftNav .form-button a:hover{
    color: #138290;
}
#leftNav #inspectorMedia, #leftNav #hierarchyInfo { display:none; }
#leftNav #inspectorMedia {
    border: 1px solid #FFFFFF;
    margin-top: 0px;
    padding: 0px 8px 0px 5px;
    width:170px;
}

#leftNav #hierarchyInfo {
    border: 1px solid #FFFFFF;
    margin-top: 5px;
    margin-left: -12px;
    padding: 5px;
    width:190px;
    max-height: 300px;
    overflow: auto;
}

#leftNav #hierarchyInfo form select {
    font-size: 9px;
}

#leftNav #inspectorMedia #image{
    text-align:center;
}

#leftNav #inspectorMedia .form-button, #leftNav #hierarchyInfo .form-button {
    float:right;
    margin: 0px;
    padding: 0px;
}
#leftNav #inspectorMedia ul, #leftNav #inspectorMedia ul li{
    display:list-item;
    list-style: none;
    margin: 0px;
    border:none;
}
#leftNav #inspectorMedia ul li a {_height: 15px; text-decoration: none; display: block; padding: 3px 0; background: transparent url('../graphics/icons/rightArrowSmall.png') no-repeat 20px 8px; padding-left: 30px; padding-right: 5px; margin: 0;}

#leftNav #inspectorMedia ul li a:hover { background-color: #fff; }

#leftNav #authorityInfo { display:none; }
#leftNav #authorityInfo {
    border: 1px solid #FFFFFF;
    margin-top: 5px;
    padding: 5px;
    width:170px;
    max-height: 350px;
    overflow: auto;
}
#leftNav #authorityInfo #image{
    text-align:center;
}
#leftNav #authorityInfo div{
    margin-top:5px;
}
#leftNav #authorityInfo .form-button{
    float:right;
    margin: 0px;
    padding: 0px;
}
#leftNav #authorityInfo ul, #leftNav #authorityInfo ul li{
    display:list-item;
    list-style: none;
    margin: 0px;
    border:none;
}
#leftNav #authorityInfo ul li a {_height: 15px; text-decoration: none; display: block; padding: 3px 0; background: transparent url('../graphics/icons/rightArrowSmall.png') no-repeat 20px 8px; padding-left: 30px; padding-right: 5px; margin: 0;}

#leftNav #authorityInfo ul li a:hover { background-color: #fff; }
#leftNav #widgets{
    
}
#leftNav #widgets .searchType, 
#leftNav #widgets .setStats, 
#leftNav #widgets .pawtucketStats, 
#leftNav #widgets .groupList, 
#leftNav #widgets .watchedItems,
#leftNav #widgets .metadataAlerts,
#leftNav #widgets .yourDisplays, 
#leftNav #widgets .searchForms, 
#leftNav #widgets .comments, 
#leftNav #widgets .tags, 
#leftNav h3.libraryCheckIn, 
#leftNav h3.libraryCheckOut, 
#leftNav h3.export, 
#leftNav h3.metalist, 
#leftNav h3.relTypes, 
#leftNav h3.importers, 
#leftNav h3.savedSearches, 
#leftNav h3.searchTours, 
#leftNav h3.storage,
#leftNav h3.places,
#leftNav h3.occurrences,
#leftNav h3.objrep,
#leftNav h3.lots,
#leftNav h3.movements,
#leftNav h3.loans,
#leftNav h3.entities,
#leftNav h3.collections {
	font-family: 'din-regular';
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 5px;
	font-size: 14px;
}
.setStats div, .pawtucketStats div, .groupList div, .yourDisplays div, .watchedItems div, .searchForms div, .comments div, .tags div, .export div, h3.metalist div, h3.relTypes div, .importers div, .savedSearches div, .searchTours div {
	font-size:12px;
	line-height:1.7em;
}
#leftNav h3.searchHistory, #leftNav h3.searchSaved, #leftNav h3.searchTools, #leftNav h3.tools, #leftNav h3.currentSort {
	color:#555;
	margin-bottom: 5px;
	margin-top:5px;
}

h3.searchHistory div {
    margin-left: 3px;
    margin-top: 1px;
}

h3.currentSort div {
    margin-left: 3px;
    margin-top: 1px;
    margin-right: 5px;
}

.inspectorNonConformingNumberList {
    display: none;
}
.inspectorNonConformingNumberList ol{
    margin-top:5px;
}
.inspectorNonConformingNumberListScroll {
    max-height:100px;
    overflow:auto;
    margin:0px;
    padding:0px;
}

/* END SIDE NAVIGATION*/

/* --- FOOTER STYLES --- */
#footerContainer {
    position: fixed;
    width: 100%;
    bottom: 0px;
    left: 0px;
    margin-left: auto;
    margin-right: auto;
    background-color:#444;
}

#footer{
    background-color: #444;
    width:1000px;
    color: #fff;
    font-size: 11px;
    padding: 6px 0px 3px 0px;
    text-align:left;

}
#footer div{
    padding: 0px;
    text-align:left;
    width:784px;
    margin-left:auto;
    margin-right: auto;
    font-family: 'DIN-Regular';
}
#footer a{
    color: #fff;
}
#footer a:hover{
    color: #ddd;
}

a.feed-icon {
    float:right;
    text-decoration: none;
    font-size: 10px;
    height:14px;
}
a.feed-icon img{
    vertical-align:top;
    margin-top:-1px;
    margin-right:2px;
}

#leftNav .disabled {
    opacity: 0.4;
}

/* --- SuperFish styles --- */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin:			0;
    padding-right:	0;
    list-style:		none;
}
.sf-menu {
    line-height:	1.0;
}
.sf-menu ul {
    position:		absolute;
    top:			-999em;
    width:			14em; /* left offset of submenus need to match (see below) */
    z-index: 100000;
}
.sf-menu ul li {
    width:			100%;
}
.sf-menu li:hover {
    visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
    float:			left;
    position:		relative;
}
.sf-menu li li {
    border-left: 1px solid #eee;
}
.sf-menu a {
    display:		block;
    position:		relative;
    font-family: 'DIN-Regular';
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
    left:			0;
    top: 44px;	 /* match top ul list item height */
    z-index:		999;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left:			14em; /* match ul width */
    top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left:			12em; /* match ul width */
    top:			0;
}

/*** SKIN ***/
.sf-menu {
    float:			right;
    margin-bottom:	0px;
    text-align:left;
    padding-top: 8px;
}
.sf-menu a {
    border-top:		0px solid #134959;
    padding-top: .55em;
    padding-bottom: .40em;
    padding-left: .6em;
    padding-right: 5px;
    text-decoration:none;
    border-left: 0px dotted #ddd;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color:			#333;
    font-weight:normal;
}
 
.sf-menu li {


}
.sf-menu li li {
    background:		#fdfdfd;
    margin-top:0px;
    padding-top:0px;
}

.sf-menu li li li {
    background:		#fdfdfd;
    margin-top:0px;
    padding-top:0px;
}
.sf-menu li li a, .sf-menu  li li a:visited, .sf-menu li li li a, .sf-menu  li li li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color:			#4b4a4a;
    font-weight:normal;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active,
.sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active,
.sf-menu li li li a:focus, .sf-menu li li li a:hover, .sf-menu li li li a:active{

    outline:		0;
    color: #333;
}

li.sfHover > a:link, li.sfHover > a:visited {
    text-decoration:underline;
}

.sf-menu li li:hover, .sf-menu li li li:hover{
    background:		#eee;
    color: #333;
}

.sf-menu li li.disabled:hover, .sf-menu li li li.disabled:hover{
    background:		none;
    color: #333;
}

.sf-menu-selected,  .sf-menu li li a.sf-menu-selected, .sf-menu li li li a.sf-menu-selected{
    color:#FFFFFF;
    background-color: #4b4a4a;
}
.sf-menu.sf-menu-search img {
    height:14px;
    width:14px;
    padding: 0px 0px 6px 15px;
    margin: 5px 12px 0px 0px;
}
a.sf-menu-selected {
    color:#333;
    background-color: #eee;
}

a.sf-menu-selected:hover {
    color:#444444;
    background-color: #4b4a4a;
}

#leftNav h2 a.sf-menu-selected {
    color:#666;
    background-color: #ddd;
    background-repeat:no-repeat;
    background-position: top right;
}

a.sf-menu-disabled-selected, #leftNav h2 a.sf-menu-disabled-selected {
    opacity: 0.6;
    color:#FFFFFF;
    background-color: #4b4a4a;
}

a.sf-menu-disabled {
    opacity: 0.5;
    color:#FFFFFF;
}

.sf-spacer {
    height: 0px;
    border-top: 1px dotted #cccccc;
    padding: 0px;
    margin: 0px;
}

.sfHover ul li a.spacer:hover {
    background-color: #fff;
}

/*** arrows **/
.sf-menu a.sf-with-ul, .sf-menu a.sf-with-ul:focus, .sf-menu a.sf-with-ul:active {
    padding-right: 	1em;
    min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
    text-transform:uppercase;
    font-family: 'DIN-Regular';
}
.sf-menu ul li a.sf-with-ul {
    text-transform: none;
    cursor: default;
}
.sf-sub-indicator {
    position:		absolute;
    display:		none;
    right:			.75em;
    top:			1.05em; /* IE6 only */
    width:			10px;
    height:			10px;
    text-indent: 	-999em;
    overflow:		hidden;
    background:		url('../graphics/icons/arrows_white.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

ul.sf-menu li a.sf-with-ul .sf-sub-indicator{
	display:none;
}
ul.sf-menu li ul li a.sf-with-ul .sf-sub-indicator{
	display:block;
	margin-top: -2px;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
    top:			.7em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
    background:	url('../graphics/backgrounds/shadow.png') no-repeat bottom right;
    padding: 0 8px 9px 0;
    border:0px;
}
.sf-shadow ul.sf-shadow-off {
    background: transparent;
}

.sf-menu-search {
    position: relative;
    float: right;
    width: 174px;
    text-align: right;
    margin-top: 3px;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding-top: 5px;
    padding-bottom: 3px;
}
.sf-menu-search input {
    outline-style:none;
}
.sf-menu.sf-menu-search a {
    padding:0px;
}

/*** SKIN FOR "SMALL" MENUS USED WITHIN BUTTONS ***/
.sf-small-menu .sf-menu {
    float:			right;
    margin-bottom:	0px;
    text-align:left;
    border-right:	0px solid #fff;
}
.sf-small-menu .sf-menu a {
    border-left:	0px solid #fff;
    border-top:		0px solid #cccccc;
    padding: 		.75em 2em;
    background: #cccccc;
    text-decoration:none;
}
.sf-small-menu .sf-menu a, .sf-small-menu .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color:			#000000;
    font-weight:normal;
}
.sf-small-menu .sf-menu ul ul {
    border-top:		1px solid #FFF;
    border-bottom:		1px solid #FFF;
}
.sf-small-menu .sf-menu ul ul ul {
    border-top:		1px solid #FFF;
    border-bottom:		1px solid #FFF;
}
.sf-small-menu .sf-menu li {
    background:		#eeeeee;
}
.sf-small-menu .sf-menu li li {
    background:		#eeeeee;
}

.sf-small-menu .sf-menu li li li {
    background:		#eeeeee;
}
.sf-small-menu .sf-menu li li a, .sf-small-menu .sf-menu  li li a:visited, .sf-small-menu .sf-menu li li li a, .sf-small-menu .sf-menu  li li li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color:			#4b4a4a;
    font-weight:bold;
}


/*** SKIN FOR MENUS USED WITHIN HIERARCHY SCREENS ***/
#browseTypeMenu {
    position:relative;
    z-index:1;
    margin-bottom:5px;
}
#browseTypeMenu .fa {
	font-size:18px;
}
.sf-hier-menu {

}
.sf-hier-menu ul.sf-menu li a div {
    display:inline;
}
.sf-hier-menu .sf-menu {
    float:none;
    margin-bottom:	0px;
    text-align:left;
    border-right:	0px solid #fff;
}
.sf-hier-menu ul.sf-menu li a{
    padding: 		0em 2em 1em 0em;
    background: #FFFFFF;
    text-decoration:none;
}
.sf-hier-menu ul.sf-menu ul li a, .sf-hier-menu ul.sf-menu ul ul li a, .sf-hier-menu ul.sf-menu ul ul ul li a  {
    border-left:	0px solid #fff;
    border-top:		0px solid #cccccc;
    padding: 		.75em 2em;
    background: #cccccc;
    text-decoration:none;
}
.sf-hier-menu .sf-menu a, .sf-hier-menu .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color:			#000000;
    font-weight:normal;
}
.sf-hier-menu ul.sf-menu ul li a:hover, .sf-hier-menu ul.sf-menu ul ul li a:hover, .sf-hier-menu ul.sf-menu ul ul ul li a:hover  {
    border-left:	0px solid #fff;
    border-top:		0px solid #cccccc;
    padding: 		.75em 2em;
    background: #4B4B4B;
    text-decoration:none;
    color:			#FFFFFF;
}
.sf-hier-menu .sf-menu ul ul {
    border-top:		1px solid #FFF;
    border-bottom:		1px solid #FFF;
}
.sf-hier-menu .sf-menu ul ul ul {
    border-top:		1px solid #FFF;
    border-bottom:		1px solid #FFF;
}
.sf-hier-menu .sf-menu li {
    background:		#eeeeee;
}
.sf-hier-menu .sf-menu li li {
    background:		#eeeeee;
}

.sf-hier-menu .sf-menu li li li {
    background:		#eeeeee;
}
.sf-hier-menu .sf-menu li li a, .sf-hier-menu .sf-menu  li li a:visited, .sf-hier-menu .sf-menu li li li a, .sf-hier-menu .sf-menu  li li li a:visited  { /* visited pseudo selector so IE6 applies text colour*/
    color:			#4b4a4a;
    font-weight:bold;
}


/*** NOTIFICATIONS ***/

div.notification-info-box {
    background-color: #f3f3f3;
    padding: 5px;
    margin-bottom: 10px;
    clear:both;
    border-radius: 0px !important;
    max-height: 150px;
    overflow-y: scroll;
}

* html div.notification-info-box {  /* IE6 fix */
    width:auto;
}

div.notification-error-box {
    background-color: #eeeeee;
    padding: 5px;
    margin-bottom: 10px;
}

* html div.notification-error-box {  /* IE6 fix */
    width:auto;
}

div.notification-warning-box {
    background-color: #eeeeee;
    padding: 5px;
    margin-bottom: 10px;
    max-height: 150px;
    overflow-y: scroll;
}

* html div.notification-warning-box {  /* IE6 fix */
    width:auto;
}

ul.notification-error-box, ul.notification-warning-box, ul.notification-info-box {
    list-style-type: none;
    padding-inline-start: 0px;
}

li.notification-info-box {
    font-weight: bold;
    color: #333;
    font-size: 13px;
    font-family: 'din-regular';
	padding-top: 2px;
}

li.notification-warning-box {
    font-weight: bold;
    color: #333;
    font-size: 13px;
    font-family: 'din-regular';
	padding-top: 2px;
}

li.notification-error-box {
    font-weight: normal;
    color: #EB0000;
    font-size: 13px;
    font-family: 'din-regular';
	padding-top: 2px;
}

li.notification-error-box .heading {
    font-weight: bold;
}

li.notification-error-box ul.errorList {
    margin-top: 8px;
}

div.notification-message-container {
    display: flex;
    align-items: center;
    justify-content: left;
}

div.notification-message-container div {
	margin-left: 10px;
}

div.hint {
    color: black;
    border: 2px solid #000000;
    background-color: #F08080;
    padding: 5px;
    margin-top: 5px;
}


/*** FORMS ***/

.sectionBox{
    margin: 0px 0px 0px 0px;
    padding-top: 5px;
    margin-bottom: 10px;

}

.quickAddSectionBox{
    margin: 0px;
    padding: 10px;
}

/* Style for labels on standard form fields (ie. no error) */
.formLabel {
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size:11px;
    color: #333333;
    margin-bottom: 5px;
    font-weight: bold;
    text-align: left;
    break-inside: avoid;
}

.formLabelPlain {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color: #333333;
    margin-bottom: 5px;
    font-weight: normal;
    text-align: left;
}

.formLabelText {
    padding-left: 10px;
	padding-bottom: 3px;
	display: inline-block;
	text-transform: capitalize;
}

.formLabelSubtext {
    padding-left:5px;
    font-weight: normal;
    font-size: 9px;
}

div.formLabelUploadSizeNote {
	font-weight: normal;
	font-size: 10px;
	font-style: italic;
}

.bundleLabel {
	position: relative;
	
    font-family: "DIN-Regular", sans-serif;
    font-size:13px;
    color: #333;
    margin-bottom: 10px;
    padding-top: 5px;
    font-weight: bold;
    text-align: left;
    background-color:#ededed;
    border: 2px solid #ededed;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.bundleSubLabel{
	clear:both;
	background-color:#fbfbfb;
	padding:  8px 7px 0px 7px;
	position:relative;
	font-weight:normal;
	font-size:11px;
	line-height:1em;
	margin-top: 0px;
}
.bundleSubLabel select[multiple=false], .bundleSubLabel .editorBundlePrintControl select[multiple=false], .bundleSubLabel .editorBundleSortControl select[multiple=false]{
	position:relative;
	padding-top:0px;
	padding-bottom:0px;
	top:-4px;
	font-size: 9px;
	font-weight: normal;
	height: 17px;
	vertical-align: top;
	max-width: 120px;
}
.bundleSubLabel .editorBundlePrintControl {
	float:right;
	text-align:right;
	font-size:11px;
	line-height:1em;
}
.bundleSubLabel .editorBundleSortControl{
	float:left;
	text-align:left;
	font-size:11px;
	line-height:1em;
}
.bundleSubLabel .editorBundlePrintControl a.form-button, .bundleSubLabel .editorBundleReturnToHomeControl a.form-button, .bundleSubLabel .editorBundleSortControl a.form-button{
	height:auto;
	vertical-align:top;
	padding:0px;
	margin:-6px 0px 0px 0px;
}

.bundleMessage {
	display: none;
	clear:both;
	background-color:#fbfbfb;
	padding:  8px 7px 0px 7px;
	position:relative;
	font-weight:normal;
	font-size:14px;
	line-height:1em;
	margin-top: 0px;
	text-align: center;
}

.editorBundleReturnToHomeControls {
	display: none;
	clear: both;
	border: 1px dotted #cccccc;
	background: #fff;
	padding: 5px 5px 5px 10px;
	width: 694px;
	margin-bottom: 10px;
}

.editorBundleReturnToHomeControlsMessage {
	display: none;
	padding: 5px 5px 15px 0px;
	font-size: 12px;
}

.bundleSubLabel .editorBundleReturnToHomeControl{
	text-align:left;
	font-size:11px;
	line-height:1em;
}

.bundleLabel .iconButton{
	float:right;
	text-align:right;
	margin-right:6px;
	margin-left:6px;
	font-size:15px;
	position:relative;
	font-size:16px;
	top:-3px;
}
.bundleLabel .iconButton select{
	padding-top:0px;
	padding-bottom:0px;
	font-size: 9px;
	font-weight: normal;
}

.bundleLabel a.bundleDocumentationLink {
    width:22px;
    height:12px;
    display:inline-block;
}
.bundleLabel .expand img{
	width:16px;
	height:12px;
	margin-top: -2px;
}
.settingsBundle {
    padding: 10px;
    max-height: 700px;
}

.bundleSubLabel .batchEdit { 
    float: right;
}

.bundleSubLabel .addComponent { 
    float: right;
}

.batchEditSelected {
	display: none;
}

.batchEditPanel {
	position: absolute;
	left: 0px;
	top: 25px;
	z-index: 32000;
	display: none;
}

.relatedListTableContent {
	min-height: 25px;
	padding-bottom: 20px !important;
	text-align: center;
}

.caDupeLabelMessageBox {
    margin: 0 auto;
    width: 200px;
    font-family: Helvetica Neue, sans-serif;
    color: #EB0000;
}

.caDupeAttributeMessageBox {
    font-family: Helvetica Neue, sans-serif;
    color: #EB0000;
}

/* often times referred to as bundlePreview */
.bundleContentPreview {
	text-align:left;
	display:inline-block;
	color:#888888;
	font-family: helvetica, sans-serif;
	font-weight:normal;
	font-size:13px;
	padding-top:2px;
	padding-left:10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: auto;
	vertical-align:bottom;
	padding-bottom:5px;
}

/* Style for labels on form fields where an error has occurred */
.formLabelError {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color: #EB0000;
    margin-bottom: 5px;
    text-align: left;
}

.bundleLabelError {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px;
    color: #EB0000;
    margin-bottom: 5px;
    text-align: left;
}

/* summary page */

#summary {
	margin-top:20px;
	padding-bottom:60px;
}
#summary .summaryImages {
	margin-bottom: 20px;
	display: inline-block;
}
#summary #title{
    font-family: 'din-regular', Arial, Helvetica, sans-serif;
    font-size:15px;
    color: #333;
    margin-bottom: 10px;
    padding-bottom:10px;
    border-bottom:2px solid #eee;
    font-weight: bold;
    text-align: left;
}
#summary .searchFormSelector {
	margin-bottom: 3px; 
	font-size: 12px;
	display:inline;
}
#summary #printButton{
    float:right;
    width:30px;
    margin:0px 5px 5px 10px;
}
#summary .unit{
    margin-bottom:10px;
    font-size:13px;
    clear:both;
    border-bottom:1px solid #ccc;
    padding-bottom:5px;
}
#summary .heading{
	font-family: 'DIN-Regular', Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	text-transform:uppercase;
	text-align: left;
	width:30%;
    overflow: hidden;
	display:inline-block;
	font-weight:bold;
	color: #666;
    vertical-align: top;
}
#summary .summaryData{
	width: 70%;
	display: inline-block;
	font-family: 'DIN-Regular', Helvetica, sans-serif;
	color:#333;
    vertical-align: top;
}
#summary .thumbnailsImageContainer{
    border:1px solid #DDDDDD;
    width:120px;
    position:relative;
}
#summary .oneThumbContainer {
	position:relative;
}
#summary .downloadMediaContainer {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
}
#summary .notDefined{
    color:#999999;
}

.quick-search-form-container {
    position: absolute;
    width: 150px;
    left: -126px;
    display: none;
    padding: 5px;
    z-index:10;
    opacity: 0.95;
    border: 1px solid #666666;
}

.quick-search-form-container input {
    font-size: 14px;
    width: 150px;
}

.quick-search-form-container a {
    font-size: 12px;
    padding: 0em 0em;
    border: none;
    text-decoration: none;
    float:			none;
    position:		static;
    display:		inline;
}

.quick-search-form-container a:hover {
    font-size: 12px;
    background: none;
    background-color: transparent;
    outline: 0;
    color: transparent;
}

/* form field tooltips */
.tooltipFormat h3 {
    padding: 0px 0px 10px 0px !important;
    margin: 0px !important;
    font-color: #000000 !important;
    text-align:left !important;
}
.tooltipFormat {
	color:#fff !important;
	background-color:#333 !important;
	background-image:none !important;
	border-radius:4px !important;
	font-size:12px !important;
	border: 0px !important;
	font-family: "helvetica neue", arial, sans-serif;
	text-align:left !important; 
}

/*** Button styles ***/
div.button{
    padding-left:10px;
    font-size: 11px;
}
div.button a{
    color: #134959;
    text-decoration: none;
    font-size: 11px;
    font-family: Din-regular;
}

div.button a:hover{
    color: #138290;
}

div.button img{
    vertical-align: top;
	margin-top: -1px;
}
a.button{
    color: #333333;
    text-decoration: none;
    font-size: 11px;
    font-weight:normal;
    font-family: "DIN-Regular";
}
#leftNav a.button {
    color: #134959;
}
.searchNav a.button {
	color: #134959;
	font-weight:bold;
}
a.button:hover{
    color: #138290;
}

a.inline-button-small {
    font-size: 10px;
    text-decoration: none;
    color: #000;
}
a.inline-button-small:hover {
    text-decoration: none;
    color: #138290;
}

a.form-button, span.form-button, del.form-button{
    display:-moz-inline-box;
    display:inline-block;
    cursor:pointer;
    border:none;
    font-size:0;
    line-height:0;

    /*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
    background-position:0 0;
    background-repeat:no-repeat;
    height:30px;
    text-decoration:none;
    color:#2e523b;
    font-style:normal;
    margin:0 6px 0px 0;
    padding:0 10px 0 0;
    vertical-align:middle;

    padding-top: -2px; /* was -2 */
    _position:relative;
    _width:10px;
    _overflow-y:hidden;
}
a.button-gray{
	color: #757575;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #ccc;
	padding: 4px 5px 4px 5px;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 27px;
	white-space: nowrap;
}
/* Form save/cancel/delete buttons; record list new buttons */
.form-button i.caIcon, .form-header-button i.caIcon {
	margin-right: 5px;
}

a.form-button, span.form-button, del.form-button,
a.form-button span, span.form-button button, span.form-button input, del.form-button span{

}
#caChangeTypeFormCancelButton .fa {
	font-size:30px;
}
a.form-button span, span.form-button button, span.form-button input, del.form-button span{
	white-space: nowrap;
	cursor: pointer;
	color: #222;
	display: -moz-inline-box;
	display: inline-block;
	line-height: 1;
	letter-spacing: 0 !important;
	font-size: 12px !important;
	font-style: normal;
	font-family: 'DIN-Regular';
	font-weight: bold;
	background-color: transparent;
	background-position: 100% 0;
	background-repeat: no-repeat;
	height: 24px;
	padding: 8px 20px 0 10px;
	margin: 0 -16px 0 0px;
	border: none;
	vertical-align: text-top;
	zoom: 1;
	padding: 1px 12px 0px 6px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;

}
a.form-button img {
	float: left;
	margin-top: -7px;
	padding-right: 5px;
}
.control-box a.form-button span, .control-box span.form-button button, .control-box span.form-button input, .control-box del.form-button span, .bundleContainer a.form-button span{
	background-color: transparent;
}
.control-box a.form-button {
	padding-bottom:5px;
}
#submitSearch .fa{
	font-size:15px !important;
}
a.form-button img.deleteIcon {
	margin-top:-7px;
}
span.form-button.delete {
	background-color: #eee;
	padding: 10px 12px 1px 6px;
	border-radius: 4px;
}
a span.form-button.delete {
	margin-bottom:5px;
}
a span.form-button.delete .formtext{
	margin-top:-3px;
	padding: 10px 10px 0px 5px;
}
span.form-button.approve {
	background-color: #eee;
	padding: 6px 12px 5px 6px;
	border-radius: 4px;
}
a span.form-button.approve {
	margin-bottom:5px;
}
a span.form-button.approve img{
	margin-top:3px;
}
a span.form-button.approve .formtext{
	margin-top: -2px;
	margin-bottom: 13px;
	display: inline-block;
}
span.form-button.approveDelete {
	background-color: #eee;
	padding: 10px 12px 0px 6px;
	border-radius: 4px;
}
span.form-button button{
    line-height:2.5;/*Opera need this*/
}
.form-button img.cancelIcon {
	margin-top: -4px;
	float: left;
}
html.safari a.form-button span,
html.safari del.form-button span{
    line-height:1.3;
}

html.safari span.form-button button{
    line-height:2.6;
}

html.safari a.form-button:focus,
html.safari span.form-button button:focus{
    outline:none;
}

#caTypeChangePanelControlButtons .saveButton {
	width:100px;
	float:left;
	font-family: 'DIN-Regular';
	font-weight: bold;
	vertical-align: top;
}

del.form-button{
    /* cursor:not-allowed;	*/
    background-position:0 -180px;

}
.form-button.delete:hover .fa, .form-button.delete:hover, .form-button.delete .fa:hover {
	color:#EB0000;
}
.deleteButton a.form-button span {
	color:#EB0000;
}
del.form-button span{
    cursor:default;
    color:#aaa !important;
    background-position:100% -180px;
}

span.form-button button, span.form-button input{
    padding-top:0px;
    line-height:2.5;/*Opera need this*/
}

/* Button hover style */

a.form-button:hover,
span.form-button:hover,
a.form-button:focus,

a.dom-button-focus,
span.form-button-behavior-hover{
    background-position:0 -60px;
    color: #138290;
    text-decoration:none;
}

a.form-button:hover span,
span.form-button:hover button,
a.form-button:focus span,

span.form-button-behavior-hover button,
span.form-button-behavior-hover input{
    background-position:100% -60px;
}

a.form-button:active, a.form-button:focus span{
    color:#444;
}

del.form-button-behavior-hover, del.form-button:hover{
    background-position:0 -180px;
    /* cursor:not-allowed; */
}

del.form-button-behavior-hover span, del.form-button:hover span{
    background-position:100% -180px;
    /* cursor:not-allowed; */

}


div.form-header-button {
    float: right;
    text-align: center;
    margin-left: 10px;
    background-color: #f7f7f7;
    padding: 3px;
    -moz-border-radius-bottomleft: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -webkit-border-top-left-radius: 8px;
    -moz-border-radius-topright: 8px;
    -webkit-border-top-right-radius: 8px;
    border-radius: 8px;
}

div.form-header-button a {
    text-decoration: none;
    color: #000000;
}
div.form-header-button img{
	padding-right:5px;
}
img.form-button-left{  /** used to align images to the left **/
    float: left;
    display: block;

}
.control-box img.form-button-left{
    margin-top: -6px;
}

* html img.form-button-left{
    display:none;
}

/*** FORM LISTS ***/


/* table in general */

table.listtable {
    background-color: #CDCDCD;
    margin:10px 0pt 15px;
    font-size: 8pt;
    width: 100%;
    text-align: left;
    clear:both;
    border-collapse: collapse;
}   

table.listtable tr, table.listtable tr td, table.listtable tr th {
	border: 1px solid #ccc;
}

.listtableEdit {
	width: 16px;
	text-align: center;
	padding: 3px !important;
	white-space: nowrap;
}

.listtableEditDelete {
	width: 36px;
	text-align: center;
	padding: 3px !important;	
	white-space: nowrap;
}

/* table headers */

table.listtable thead tr th {
    font-size: 9pt;
    padding: 4px 18px 4px 4px;
    background-repeat: no-repeat;
    background-position: center right;
    cursor: pointer;
    background-color:#eee;
}
#caItemList.listtable thead tr th,
#caExporterList.listtable thead tr th {
	white-space: nowrap;
	padding-top:8px;
	font-family: 'DIN-Regular', helvetica, sans-serif;
}
th.list-header-unsorted {
    background-image: url('../graphics/icons/bg.gif');
    background-color: #eeeeee;
}

th.list-header-nosort {
    background-color: #eeeeee;
}

th.list-header-sorted-desc {
    background-image: url('../graphics/icons/desc.gif');
    background-color: #dedede;
}

th.list-header-sorted-asc {
    background-image: url('../graphics/icons/asc.gif');
    background-color: #cccccc;
}
th.list-header-nolink{
	cursor: default !important;
}
/* table fields */

table.listtable tbody td {
    color: #3D3D3D;
    padding: 4px;
    background-color: #FFF;
    vertical-align: middle;
}

table.listtable tbody td div.result-content {
    min-width: 100px;
    max-height: 240px;
    overflow: auto;
}

table.listtable tbody td.listtableEditDelete, table.uiScreenItem tbody td.listtableEditDelete {
	width:55px;
}

table.listtable tbody td.listtableEdit {
	width:25px;
}

table.listtable tbody td.listtableEditDelete a, table.listtable tbody td.listtableEdit a {
	display:inline-block;
	margin-top:5px;
}
table.listtable tbody td .fa {
	padding-left:5px;
	display:inline-block;
}
table#caItemList tbody td {
	max-width:140px;
}

table.listtable tbody tr.odd td {
    background-color:#f8f8f8;
}

#caItemList tbody tr td div.caUserCommentsListName, #caItemList tbody tr td div.caUserCommentsListComment {
	overflow: auto;
}

#caItemList tbody tr td div.caUserCommentsListName {
	width: 100px;
}

#caItemList tbody tr td div.caUserCommentsListComment {
	width: 150px;
}


/* table footer */
table.listtable tfoot td {
    padding: 4px;
    background-color: #e5e5e5;
    vertical-align: top;
}

td.listtableTotals {
    vertical-align: top;
	font-weight: bold;
	text-align: right;
}

td.listtableAggregateTotals {
    vertical-align: top;
	font-weight: normal;
	text-align: left;
}

table.caListItem {
	width: 100%;
}

/* misc */

#caSetList img.deleteIcon, #caSetList img.editIcon {
	width:20px;
	padding:5px;
}
.caIcon.deleteIcon:hover {
	color:#EB0000;
}

#caSetList tbody tr td div.caSetListName, #caSetList tbody tr td div.caSetListOwner {
	overflow: auto;
}

#caSetList tbody tr td div.caSetListName {
	width: 160px;
}

#caSetList tbody tr td div.caSetListOwner {
	width: 90px;
}

div.control-box {
    background-color: #f7f7f7;
    padding: 4px;
    margin-bottom: 5px;
    text-align: right;
    width: 99%;
    float: left;
    overflow-x: auto;
    overflow-y: hidden;
    border-radius: 4px !important;
}

div.formSettings {
    background-color: #f9f9f9;
    padding: 6px;
    margin: 15px 0px 15px 0px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

div.settingsKey {
    display: none;
    background-color: #F3F3F3;
    padding: 6px;
    width: 80%;
}

.settingsKeyRow {
    font-weight: normal;
}

.settingsKeyButton {
    margin-left: 15px;
}


a.list-button {
    margin-left: 3px;
    margin-right: 3px;
}

.listtableEditDelete a.list-button, .listtableEdit a.list-button {
	margin-right: 0px
}

a.list-link {
    text-decoration: none;
    color: #000000;
}

div.control-box-left-content {
    float: left;
    margin: 3px;
}

div.control-box-middle-content {
    text-align: center;
    margin: 3px;
    float: right;
    font-size:12px;
    font-weight: bold;
}

div.delete-control-box div div.control-box-middle-content {
    text-align: right;
    margin: 3px;
    float: right;
    font-size:12px;
    font-weight: bold;
}

div.control-box-right-content {
    float: right;
    margin-top: 3px;
    font-family: 'DIN-Regular';
}
a.deleteButton span{
	color: #EB0000;
	font-weight:bold;
}

a.deleteButton span.form-button:hover {
	color: #138290;
}
div.control-box-right-content select {
    width: 150px;
}

div.list-filter, div.simple-search-box {
    float: left;
    margin-top: 3px;
}

div.delete-control-box {
    margin-top: 32px;
}
div.delete_warning_box {
    text-indent: 42px;
    font-size: 14px;
	color: #EB0000;
    padding-top: 10px;
    width: 400px;
    height: 26px;
    font-family:'din-regular';
}

div.delete_remapping_controls {
    text-align: left;
    padding: 10px;
}

/*** SEARCH FORMS ***/

div.search-options-box {
    background-color: #DDDDDD;
    padding: 5px 5px 5px 5px;
    width: 100%;
}

div.search-hier-browser-box {
    width: 400px;
    height: 100px;
}

/*** LABEL FORM ELEMENTS ***/

.bundleContainer {
    position: relative;
    background-color: #fbfbfb;
    border: 0px solid #e6e6e6;
    padding-left:0px;
    clear:both;
}
.bundleContainer .caDeleteLabelButton .fa, .bundleContainer .caDeleteItemButton .fa{
	font-size:18px;
	padding-right: 1px;
    color: #888;
    margin-top: -3px;
    margin-bottom: 5px;
}
.bundleContainer .caDeleteLabelButton .fa:hover, .bundleContainer .caDeleteItemButton .fa:hover{
	color:#EB0000;
}

.bundleContainerRelatedList {
    position: relative;
    background-color: #fbfbfb;
    border: 0px solid #e6e6e6;
    padding-left:0px;
}

.labelInfo {
    background-color: #fbfbfb;
    /*border-top: 1px solid #e9e9e9;*/
    margin-left: 0px;
    padding: 4px 5px 3px 5px;
    border-bottom: 1px solid #e9e9e9;
    
    position: relative;
}

.labelInfo #image{
    text-align:center;
}

.labelLocale {
    font-size: 11px;
}

input.labelOption {
    font-size: 12px;
    max-width: 130px;
    padding: 2px;
}

select.labelOption {
    font-size: 12px;
    max-width: 130px;
}

.labelDisplay {
    padding-left:10px;
    font-size: 13px;
    margin:auto;
}

/*** SEARCH RESULTS ***/

/* searchnav is used on all result pages with pages navigation **/
.searchNav{
    text-align:center;
    margin:5px 0px 3px 0px;
    font-size: 12px;
	color: #444;
}
.searchNav form{
    float:left;
    text-align:left;
    width:220px;
    margin:0px;
}
.searchNav form input[type="text"]{
    font-size:9px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border:1px solid #999999;
    padding:0px;
    margin:0px;
    font-weight:normal;
    text-align:center;
}
.searchNav .nav{
    float:right;
    text-align:right;
    width:220px;
}

div.searchNoResults {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    color: #134959;
    margin-bottom: 5px;
    font-weight: bold;
    text-align: center;
}

div.searchSuggestion {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight: normal;
    font-style: italic;
    color: #134959;
    margin: 15px 0 5px 0;
    text-align: left;
}

a.searchSuggestion {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #EB0000;
    margin-bottom: 5px;
    font-style: italic;
    text-align: center;
}

select.searchHistorySelect {
    width: 130px;
    font-size: 11px;
}

select.savedSearchSelect {
    width: 130px;
    font-size: 11px;
}
select.searchSetSelect {
    width: 130px;
    font-size: 11px;
}

/* search options col */
#searchOptionsCol{
    clear:right;
    float:right;
    width: 270px;
    margin: 18px 0px 15px 0px;
}
#searchOptionsCol .title{
    text-transform: uppercase;
    font-size:14px;
    font-weight:normal;
    color: #828282;
    margin:0px 0px 5px 0px;
    text-decoration:none;
}
#searchOptionsCol .bg{
    background-color: #F5F5F5;
    border: 1px solid #E2E2E2;
    padding:10px;
    margin-bottom:10px;
}
/* search/browse options box - horizontal show hide */
#showResultsEditor{
    margin: 15px 0 0 0;
    text-decoration:none;
    text-transform:uppercase;
    color:#828282;
}

#showOptions, .showOptions {
    float:right;
    margin: 1px 2px 0px 15px;
    text-decoration:none;
    text-transform:uppercase;
    color:#828282;
    font-size:9px;
}

#hideOptions, .hideOptions {
    float:right;
    margin: 2px 0px 0px 0px;
    text-decoration:none;
    text-transform:uppercase;
    color:#828282;
    font-size:12px;
}

#saveOptions{
    float:right;
    margin: 2px 5px 0px 0px;
    text-decoration:none;
    text-transform:uppercase;
    color:#333;
    font-size:12px;
}

#searchOptionsBox, .relatedListSearchOptionsBox {
    clear:both;
    margin: 0px 0px 0px 0px;
    display: none;
	font-size: 14px;
	color: #333;
	line-height: 1.4em;
	position: absolute;
	top: 100px;
	left: 25%;
	width: 500px;
	z-index:20000;
}

#browse #searchOptionsBox{	/* need extra space above this box in the browse */
    margin: 10px 0px 0px 0px;
}

#searchOptionsBox .col, .relatedListSearchOptionsBox .col {
    float:left;
    margin-right:15px;
    color:#333;
    padding-bottom:15px;
}

#searchOptionsBox .bg, .relatedListSearchOptionsBox .bg {
	background-color: #f7f7f7;
	border: 0px;
	padding: 20px 15px 5px 15px;
	z-index: 20000;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0 0 5px #bbb;
}

/* search refine controls - horizontal show hide */
#showRefine{
    float:right;
    margin: 1px 0px 0px 15px;
    text-decoration:none;
    text-transform:uppercase;
    color:#828282;
    font-size:9px;
}
#searchRefineBox{
    clear:both;
    margin: 10px 0px 10px 0px;
    display:none;
	font-size: 12px;
	color: #333;
	line-height: 1.4em;
	width: 100%;
	z-index:20000;
	border-top:0px;
	background-color: #f7f7f7;
	padding: 5px 7px 5px 5px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#searchRefineBox .bg{
	background-color: #f7f7f7;
	border: 0px;
	z-index: 20000;
	padding-left: 10px;
}
#searchRefineBox .startBrowsingBy{
	padding-bottom: 10px;
	font-family: 'din-regular';
	text-transform: uppercase;
	padding-left:0px;
}
#searchRefineBox a {
	float: left;
	width: 173px;
	padding-bottom: 8px;
	border-bottom: 2px solid #ddd;
	margin-right: 10px;
	font-weight: normal;
	color: #333;
	margin-bottom: 8px;
}
a#hideRefine {
	float: right;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	text-transform: uppercase;
	color: #333;
	font-size: 12px;
	border: 0px;
	text-align: right;
	padding-right: 10px;
	clear:left;
	padding-bottom:0px;
}
a#hideRefine img {
	width: 16px;
	height:	16px;
}
#searchRefineParameters{
    float:left;
    color: #666666;
	border-top: 2px solid #333333;
	border-bottom: 2px solid #333333;
	padding: 10px 0px 10px 0px;
	width: 100%;
	margin-bottom: 5px;
}
#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{
	background-color: #eee;
	border-top-right-radius: 4px;
	-moz-border-top-right-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	-moz-border-bottom-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	color: #aaa;
	padding: 5px 7px 5px 7px;
	margin-left: 5px;
	text-decoration: none;
}
#searchRefineParameters a.close:hover{
    background-color:#545454;
}

/* search tools - horizontal show hide */
#showTools, #hideTools, .showTools, .hideTools {
    float:right;
    margin: 1px 0px 0px 15px;
    text-decoration:none;
    text-transform:uppercase;
    color:#828282;
    font-size:9px;

}
#hideTools, .hideTools {
    clear: both;
}
#searchToolsBox, .relatedListSearchToolsBox {
    clear:both;
    margin: 0px 0px 0px 0px;
	display: none;
	font-size: 14px;
	color: #333;
	line-height: 1.4em;
	position: absolute;
	top: 100px;
	left: 25%;
	width: 400px;
	z-index:20000;
}
#searchToolsBox .bg, .relatedListSearchToolsBox .bg {
	background-color: #f7f7f7;
	border: 0px;
	padding: 20px 15px 5px 15px;
	z-index: 20000;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0 0 5px #bbb;
}

#searchToolsBox .col, .relatedListSearchToolsBox .col {
    float:left;
    margin-right:15px;
    color:#333;
    padding-bottom:15px;
}

select.searchToolsSelect {
    width: 165px;
    font-size: 12px;
}
/* Set Tools */

#searchSetTools, #batchTools {
	display:none;
	background-color: #f7f7f7;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 10px;
	padding: 10px;
}
#searchSetTools .col, #batchTools .col {
	margin-bottom:15px;
}
#searchSetTools .header, #batchTools .header {
	font-family: 'din-regular', helvetica, sans-serif;
	font-weight:bold;
}
#searchSetTools a, #batchTools a {
	clear: left;
	text-align: right;
}
#searchSetTools .searchSetsToggle a {
	text-align: left;
	margin-bottom: 15px;
	margin-top: 0px;
	font-size: 10px;
	text-decoration: none;
}

#caCreateSetFromResultsIndicator, #caAddToSetIDIndicator {
	display: none;
}

#hideSets, #hideViz {
	text-align: right;
	float: right;
	margin-top: 5px;
	font-size: 12px;
}
#hideSets img, #hideViz img{
	width:16px;
	height:16px;
}
.qlButtonContainerThumbnail{
	width: 76px;
	font-size: 11px;
	padding: 5px 5px 2px 5px;
	background-color: #eee;
	position: absolute;
	top: 95px;
	left: 42px;
	display: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}
.qlButtonContainerFull{
	width: 76px;
	font-size: 11px;
	padding: 5px 5px 2px 5px;
	background-color: #eee;
	position: absolute;
	top: 115px;
	left: 82px;
	display: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}
.qlButtonContainerThumbnail a, .qlButtonContainerFull a{
	font-size: 11px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	color: #333;
	font-family: 'din-regular';
	cursor: pointer;
}
.qlButtonContainerThumbnail a:hover, .qlButtonContainerFull a:hover{
    color:#138290;
}

.objectThumbnailsImageContainer {
	position: relative;
	width: 172px;
	border-top: 2px solid #eee;
	margin-top: 5px;
}
.objectFullImageContainer {
    position: relative;
    width:250px;
    margin: 10px 20px 10px 0px;
    text-align:center;
    float:left;
}
.thumbCaption {
	width:185px; 
	overflow:hidden;
	font-size:12px;
}
.thumbCaption a{
	text-transform: underline;
}
.objectFullText{
	text-align: left;
	font-size: 13px;
	line-height: 1.7em;
}
.objectFullText .formLabel {
	font-family: 'DIN-Regular', Helvetica, sans-serif;
	font-size: 13px;
	border-bottom: 1px solid #333;
}
.objectFullTextTitle{
	text-align: left;
	font-family: "Helvetica Neue", sans-serif;
	font-size: 15px;
	color: #134959;
	margin-top: 10px;
	font-weight: bold;
}
.objectFullTextTitle a{
	text-decoration:none;
	color:#333;
}
.objectFullTextTextBlock{
    margin-top:5px;
}
#scrollingResults{
    overflow:auto;
}

/* object representation scroll window in object editor info widget */
#leftNav div#inspectorInfoRepScrollingViewer {
    width:170px;
    text-align:center;
    margin-top: 0px;
    margin-left: 0px;
    padding-top: 0px;
}
#leftNav h3 #inspectorInfoRepScrollingViewer{
    width:170px;
    text-align:center;
    margin-top: 0px;
    padding-top: 0px;
    margin-left: 5px;
}

#leftNav #inspectorMedia div #inspectorInfoRepScrollingViewerContainer {
    position: relative;
    overflow: hidden;
    width: 170px;
    height: 170px;
    margin-top: 0px;
    padding-top: 0px;
}

#leftNav #inspectorMedia div #inspectorInfoRepScrollingViewerImageContainer {
    position: absolute;
    width: 170px;
    height: 170px;
    margin-top: 0px;
    padding-top: 0px;
}

#leftNav #inspectorMedia div .inspectorInfoRepScrollerImage {
    position: absolute;
    margin-top: 0px;
    padding-top: 0px;
}

#leftNav #inspectorMedia div #inspectorInfoRepScrollerImages {
    margin-top: 0px;
    padding-top: 0px;
}

#leftNav #inspectorInfo, #leftNav #hierarchyInfo { display:none; }
#leftNav #inspectorInfo {
    margin-top: 10px;
    padding: 0px 8px 8px 8px;
    width:170px;
    background-color:#f7f7f7;
    clear:both;
}
#leftNav #inspectorInfo.setDelete, #leftNav #inspectorInfo.setDelete a {
	color: #EB0000;
}
#leftNav #inspectorInfo.setDelete .fa {
	color:black;
}
#leftNav #inspectorInfo.setDelete a:hover .fa{
	color: #EB0000;
}
#leftNav #inspectorInfo.setDelete {
	background-color:#FFCCCB;
}
#leftNav #inspectorShowMedia {
	text-align: center;
	opacity: .4;
	width: 100%;
	height: 25px;
	padding: 0px 0px 5px 0px;
	display: block;
}
#leftNav #inspectorShowMedia img{
	width: 16px;
	height: 16px;
	padding: 0px 5px 5px 10px;
}
#leftNav #inspectorShowMedia.closed img {
	width:16px;
	height:16px;
	padding:0px 5px 5px 10px;
}
#leftNav #inspectorShowMedia.closed {
	text-align:right;
	height:auto;
	padding-bottom:0px;
	margin-bottom:-20px;
}
#leftNav #inspectorShowMedia.open {
	text-align:center;
	height:auto;
	padding-bottom:0px;
	margin-left:10px;
}
#leftNav #inspectorShowMedia.open img{
	width: 30px;
	height: 25px;
	margin-top: 5px;
	padding-left:0px;
}
#leftNav a#inspectorShowMedia.closed {
	width: 16px;
	height: 16px;
	float: right;
}
#leftNav .leftScroll {
	float: left;
	position: absolute;
	top: 180px;
	z-index: 20000;
	left:5px;
}
#leftNav .rightScroll {
	float: right;
	position: absolute;
	top: 180px;
	z-index: 20000;
	right:5px;
}
#leftNav .rightScroll img, #leftNav .leftScroll img{
	width: 11px;
	height: 16px;
	opacity: 0.3;
}
/*** OBJECT REPRESENTATION ANNOTATION FORM ELEMENTS ***/
table.representationAnnotationListItem {
    width: 100%;
    padding: 0px;
    margin: 0px;
    border:0px;
}
.annotationItem {
    background-color: #fbfbfb;
    border-top: 1px dotted #e6e6e6;
    margin-left: 0px;
    padding: 5px;
}

/* overlay (for object representations) */
#caMediaPanel {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    display: none;
    margin: 0px;
    padding: 0px;
    z-index: 34000;			/* needs to be on top of menu bar, which has z-index=30000 */
}

#caMediaPanelContentArea {
    width: 100%;
    height: 100%;
    background-color: #000;
	margin-top: 40px;
}

#caMediaOverlayTileViewer {
	width: 100% !important;
	height: 100% !important;
}

#caMediaDisplayContent, #caMediaOverlayContent {
    margin: 0px;
    /* overflow: auto; */
    text-align: center;
    position: relative;
    height: 100%;
    padding-bottom: 5px;
}

#caMediaPanelProgress {
    display: none;
    font-size:36px;
    font-weight: bold;
    text-align: center;
    width: 300px;
    height: 50px;
}

div.caMediaOverlayControls {
    background-color: #000;
    color:#FFF;
    font-size: 11px;
    text-align:center;
    position: relative;
    padding: 10px 0px 10px 0px;
    width:100%;
    height: 20px;
    overflow: hidden;
    z-index: 35000;			/* needs to be on top of caMediaPanel, which has z-index=34000 */
    /* opacity:.1;	 */
    opacity: 0.7;
}

div.caMediaOverlayControls a {
    text-decoration:none;
    font-weight:bold;
    font-size:16px;
    line-height: 12px;
    color:#FFF;
}
div.caMediaOverlayControls a:hover{
    color:#FFF;
}
div.caMediaOverlayControls .close {
    position: absolute;
    text-align: right;
    width:200px;
    height:20px;
    margin: 10px 10px 0px 20px;
    top: 0px;
    right: 0px;
}
div.caMediaOverlayControls .close a {
    font-size: 12px;
}


div.caMediaOverlayControls .close a {
    text-decoration: none;
}

div.caMediaOverlayControls .download {
   	position: absolute;
    min-width:200px;
    height:20px;
    margin: 10px 10px 0px 20px;
    top: 0px;
    right: 300px;
    overflow: hidden;
}

div.caMediaOverlayControls .download form a, div.caMediaOverlayControls .download a {
	font-size: 11px;	
    font-weight: normal;
    color:#FFF;
    overflow: hidden;
}

div.caMediaOverlayControls .objectInfo{
    font-size:12px;
    color:#FFF;
    padding-left:10px;
    text-align:left;
    width:40%;
    float:left;
    overflow: hidden;
    height: 14px;
    padding-top: 3px;
}

div.caMediaOverlayControls .repNav {
    font-size: 12px;
    width: 100px;
    float:left;
}

div.caMediaOverlayControls .caRepTools {
    position: relative;
    float: right;
    padding: 0px 2% 0px 2%;
    text-align:center;
    color:#FFF;
}

#caRepRotationToolPanel {
    background: #000;
    display:none;
    width:300px;
    height: 100px;
    opacity: 0.75;
    position: absolute;
    bottom: 16px;
    right: 0px;
}

#caRepRotationToolPanel .caRepToolsClose{
    position: absolute;
    width:15px;
    height:16px;
    top: 5px;
    right: 5px;
}

#caRepToolsRotateAngleControl {
    margin-top: 4px;
    width: 290px;
    text-align: center;
    font-size: 10px;
}

img.caRepToolsRotateControlButton {
    border: 1px solid #000000;
    background: #FFFFFF;
}

img.caRepToolsRotateControlButtonSelected {
    border: 1px solid #EB0000;
    background: #FFFFFF;
}

img.caRepToolsRotateControlButton:hover {
    border: 1px solid #999999;
    background: #FFFFFF;
}

#caRepToolsRotateProgress {
    position: absolute;
    top: 72px;
    left: 40px;
    width: 220px;
    height: 19px;
    opacity: 0.9;

    display: none;
    padding: 0px;

    font-size:14px;
    font-weight: bold;
    text-align: center;
}

.caAudioPlayer {
	position: relative;
	top: 50%;
	left:0;
	right:0;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	
	width: 100%;
	height: 120px;
}

.caAudioPlayerEmbedded {
	position: absolute;
	bottom: 0;
	left:0;
	right:0;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	width: 100%;
	height: 40px;
}

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

div.caMediaOverlayControls {
	background-color: rgba(0,0,0,.5);
	color:#FFF;
	font-size: 11px;
	text-align:center;
	position:absolute;
	padding: 10px 0px 10px 0px;
	width:100%;
	height: 20px;
	overflow-x: hidden;
	overflow-y: auto;
	top:0px;
	left:0px;
	z-index: 32000;			/* needs to be on top of caMediaPanel, which has z-index=31000 */
	opacity:1;	
}

.plyr {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.plyr .plyr__video-wrapper {
    width: 100%;
    height: 100%;
}
.plyr video {
    height: 100%;
    width: 100%;
    object-fit: fill;
}
.plyr__poster {
    background-size: contain;
}
.video-responsive {
    position: relative;
    width: 100%;
    height: 100%;
}

.audio-responsive {
    position: relative;
    width: 100%;
    height: 100%;
    top: 100px;
    left: 0;
    right: 0;
}

.annotation_media_player {
    position: relative;
    width: 600px;
    height: 32px;
    margin-top: 16px;
}

/* overlays (for search results QuickLook) */
#quickLookPanel {
    position: fixed;
    top: 35px;
    left: 50%;
    border: 4px solid #ccc;
    background-color: #FFFFFF;
    width: 801px;
    height: 600px;
    display: none;
    margin-left: -420px;
    padding: 7px;
}
#quickLookPanel #close{
    float: right;
    width:16px;
    height:16px;
    margin:0px;
    background-image:url("../graphics/buttons/delete.gif");
}
#quickLookPanel #close a{
    text-decoration:none;
    font-size:16px;
}

#quickLookPanelContentArea {

}

#quicklookPanelContentInfo {
    padding: 10px 0px 0px 0px;
    text-align:center;
    height:12px;
    overflow:hidden;
}
#quicklookPanelContentThumbnails{
    padding: 10px 0px 0px 0px;
    text-align:center;
    height:90px;
    width:800px;
    overflow:auto;
}
#quicklookPanelContentThumbnails img{
    margin:0px 1px 0px 1px;
}
#quicklookPanelContentThumbnails div{
    margin:0px auto 0px auto;
}

/*** ATTRIBUTES FORM ELEMENTS ***/
table.attributeListItem {
    padding: 0px;
    margin: 0px;
}
.attributeListItem td {
    padding: 0px;
    padding-right: 15px;
    margin: 5px;
    font-weight: normal;
    vertical-align: top;
}

/*** EDITOR FORMS ***/

.editorBatchModeControl {
    float: right;
    font-size: 12px;
    font-weight: normal;
    margin-top:-3px;
}

.editorBatchBundleContent {
    display: none;
}

.editorBatchSetEditorLink {
    float: right;
}

.editorBatchModeControl select {
    font-size: 11px;
    font-weight: normal;
}

#editorFieldListHeader {
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: #666;
    padding-bottom: 5px;
}
#editorFieldList {
    position: fixed;
    background: #ffffff;
    opacity: 0.8;
    width: 210px;
    height: 250px;
    padding: 8px;
    border: 2px solid #999;
    top: 0px;
    left: 0px;

    z-index: 31000;			/* needs to be on top of menu bar, which has z-index=30000 */

    display: none;

    border-radius: 4px;
    -moz-border-radius-: 4px;
    -webkit-border-radius: 4px;
}

a.editorFieldListLink {
    font-size: 12px;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 18px;
}

#editorFieldListContentArea {
    overflow: auto;
    font-size: 12px;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 18px;

    width: 100%;
    height: 90%;
}

#editorFieldList #editorFieldListClose{
    float: right;
    width:15px;
    height:16px;
    margin:5px;
}

/* container for HTML code that files #editorFieldList */
#editorFieldListHTML {
    display: none;
}

#caHierarchyOverviewHeader {
    font-size: 13px;
    font-weight: bold;
    text-align: left;
    color: #666;
    margin: 5px;
    height:16px;
}

#caHierarchyOverviewPanel {
    position: fixed;
    background: #ffffff;
    opacity: 0.8;
    width: 920px;
    height: 380px;
    padding: 8px;
    border: 2px solid #999;
    top: 0px;
    left: 0px;

    z-index: 31000;			/* needs to be on top of menu bar, which has z-index=30000 */

    display: none;

    -moz-border-radius-: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

a.caHierarchyOverviewLink {
    font-size: 12px;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 18px;
}

#caHierarchyOverviewContentArea {
    overflow: auto;
    font-size: 12px;
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 18px;

    width: 100%;
    height: 90%;
}

#caHierarchyOverviewPanel #caHierarchyOverviewClose{
    float: right;
    width:15px;
    height:16px;
    margin:5px;
}

/* container for HTML code that files #caHierarchyOverviewPanel */
#caHierarchyOverviewPanelHTML {
    display: none;
}

/*** EDITOR FORMS ***/

/* formats object representation extracted metadata in a ca_object_representations bundle */

div.caObjectRepresentationMetadata {
    text-align:left;
    display: none;
    padding: 3px;
}
.caObjectRepresentationMetadataButton {
	margin-top:5px;
}
div.caObjectRepresentationMetadata h3 {
    font-size: 12px;
    font-weight: bold;
    display: inline;
}

div.caObjectRepresentationMD5Display h3 {
    font-size: 12px;
    font-weight: bold;
    display: inline;
}

div.caObjectRepresentationSourceDisplay h3 {
    font-size: 12px;
    font-weight: bold;
    display: inline;
}

div.caObjectRepresentationListInfoSubDisplay {
    font-size: 11px;
    font-weight: normal;
    padding-top: 3px;
}

div.caObjectRepresentationListInfoSubDisplay h3 {
    font-size: 11px;
    font-weight: bold;
    display: inline;
}

a.caObjectRepresentationListInfoSubDisplayFilename {
    text-decoration: none;
    font-style: italic;
}

div.caObjectRepresentationMetadataDisplay {
    font-size: 11px;
    font-weight: normal;
}

a.caObjectRepresentationMetadataButton {
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    margin-right: 20px;
}
.mediaRight {
	float: right; 
	width: 20%;
}
.mediaRight .fa {
	font-size:18px;
	padding-right:5px;
}
.downloadAll {
    text-align: right;
    float: right;
    margin: 10px 5px 0 0;
    font-size: 12px;
    border-bottom: 1px solid #eee;
    width: 100%;
    padding-bottom: 5px;
}
.downloadAll .fa {
	font-size:18px;
}

div.caObjectRepresentationMetadata {
	font-size: 10px;
	width: 714px;
	height: 200px;
	overflow: auto;
	padding: 8px;
	line-height: 18px;
	font-weight: normal;
	color: #000000;
	background-color: #f2f2f2;
	-moz-border-radius-: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

span.caObjectRepresentationPrimaryDisplay {
    color: #EB0000;
    font-size: 10px;
    font-weight: bold;
}

div.caObjectRepresentationPrimaryIndicator {
    color: #EB0000;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    display: none;
}
.updateIcon img{
	width: 18px;
	height: 17px;
}
div.caObjectRepresentationChangeIndicator {
    color: #EB0000;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
    display: none;
}

.caObjectRepresentationListItemImageThumb {
    float:left;
    width: 120px;
}
.caObjectRepresentationListItemImageThumb a img {
    margin-left: auto; margin-right: auto; display: block;
}

div.caObjectRepresentationListInfo {
    width:100%;
    overflow:hidden;
    padding:0px;
    margin:0px;

    font-weight:bold;
    font-size: 12px;
    color:#000000;
}

div.caObjectRepresentationListInfo a {
    font-weight:bold;
    font-size: 14px;
    color:#000000;
    text-decoration: none;
}

div.caObjectRepresentationListActionButton {
    margin: 10px 0 0 0;
    font-weight: normal;
    font-size: 12px;
}
.caObjectRepresentationListActionButton img{
	margin-right:5px;
}

div.caObjectRepresentationListActionButton span a {
    text-decoration: none;
}

div.caObjectRepresentationDetailEditorElement {
    float: left;
    font-size: 10px;
    margin-right: 5px;
}

div.caObjectRepresentationBatchDetailEditorElement {
    float: left;
    margin-right: 5px;
}

div.caObjectRepresentationBatchDetailEditorElement input {
    margin: 0 3px 3px 0;
}

input.caObjectRepresentationDetailEditorElementReadOnly {
    float: left;
    font-size: 10px;
    margin-right: 5px;
    background-color: transparent !important;
}

div.caObjectRepresentationDetailEditorText {
    font-size: 14px;
    font-weight: normal;
    margin: 5px 0 10px 0;
}

div.caObjectRepresentationDetailEditorElement div select{
    font-size: 10px;
}

div.caObjectRepresentationDetailEditorHeading {
    font-size: 11px;
    font-weight: bold;
}

div.caObjectRepresentationDetailEditorContainer{
    display: none;
    width: 400px;
	font-size: 10px;
	overflow: auto;
	padding: 8px;
	line-height: 14px;
	font-weight: normal;
	color: #000000;
	background-color: #f2f2f2;
	-moz-border-radius-: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

div.caObjectRepresentationNewDetailEditorContainer {
    display: none;
    width: 540px;
    padding: 10px;
    -moz-border-radius-: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

div.caObjectRepresentationBatchDetailEditorContainer {
    width: 540px;
    padding: 10px;
    -moz-border-radius-: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

div.caObjectRepresentationDetailEditorDoneButton {
    float: none;
    clear: both;
    width: 100%;
    text-align: center;
}

div.caObjectRepresentationSetCenterContainer {
	position: relative;
	text-align: center;
	margin: auto;
}

#caObjectRepresentationSetCenterMarker {
	position: absolute;
	top: 0px;
	left: 0px;
}

/* formats object representation extracted metadata for multifile metadata display */

div.caMediaOverlayMultifileFileList {
    overflow: auto;
    width: 225px;
    height: 535px;
}

div.caMediaOverlayMultifileMetadata {
    background: #ffffff;
    font-size: 10px;
    overflow: auto;
    width: 565px;
    height: 515px;
    padding: 10px 25px 10px 0px;
    line-height: 14px;
    font-weight: normal;
    text-align: left;
    color: #000000;
}

#primaryRep {
    border: 3px solid #aaa;
    margin: 5px 5px 10px 0px;
    padding: 5px;
}

#multifileRep {
    border: 3px solid #ccc;
    margin: 5px 5px 10px 0px;
    padding: 5px;
}

.filename {
    font-size:16px;
    font-weight: bold;
    padding:5px;
}

/* pads bottom of editor form to clear fixed footer */
div.editorBottomPadding {
    height: 25px;
}

/* read-only containers */
div.caReadonlyContainer {
    padding: 10px 10px 10px 10px;
    font-weight: normal;
    border-bottom: 1px solid
}

div.caReadonlyContainerDisplay {
    margin-right: 32px;
}

a.caReadonlyContainerEditLink {
    float: right;
}

/* File and media attribute styles */
a.attributeDownloadButton {
    padding: 10px;
}

div.attributeFileFileName {
    margin-bottom: 5px;
    font-style: italic;
}

div.attributeMediaThumbnail {
    width: 90%;
    /* float: left; */
}

div.attributeMediaFileName {
    margin-bottom: 5px;
    font-style: italic;
}

div.attributeMediaInfo {
    float: right;
}

.caMappingBase {
    font-size:11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
}

.caMappingGroupInfo {
    font-size:11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
    text-align: left;
}

.caMappingGroupRulesDisplay {
    margin: 0px;
    padding: 10px;
    background-color: #eeeeee;
    display:none;
    width: 98%;
}

input.caMappingBase {
    width: 150px;
}

.externalMappingBase {
    font-size:11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight:normal;
}

.uiMappingHeader {
    font-size: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

input.externalMappingBase {
    width: 150px;
}

/*** FORM ELEMENTS ***/
input[type="text"], input[type="textarea"], textarea,  input[type="password"] {
    font-size:12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border:1px solid #ddd;
    padding:3px;
    font-weight:normal;
    background-color: #fff;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	-webkit-transition: border linear .2s,box-shadow linear .2s;
	-moz-transition: border linear .2s,box-shadow linear .2s;
	-o-transition: border linear .2s,box-shadow linear .2s;
	transition: border linear .2s,box-shadow linear .2s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

input[type="text"]:disabled, input[type="textarea"]:disabled, textarea:disabled {
    background-color: #F0F0F0;
    color: #808080;
    -webkit-text-fill-color:#808080;
}

textarea:focus{
    border: solid #666 1px;
    outline-style:none;  /** remove glow in Safari */
}

#caQuickSearchFormText {
    font-size:12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding:1px 3px 3px 3px;
    font-weight:normal;
    border: 0px;
    width: 120px;
    height:21px;
    float:left;
    margin:0px 0px 0px 5px;
    color:#666;
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

input.rulerBg, textarea.rulerBg {
    background-image: url('../graphics/icons/formBgRuler.gif');
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:35px;
}
input.dateBg, textarea.dateBg {
    background-image: url('../graphics/icons/formBgDate.gif');
    background-repeat:no-repeat;
    background-position:right center;
}
input.currencyBg, textarea.currencyBg {
    background-image: url('../graphics/icons/formBgCurrency.gif');
    background-repeat:no-repeat;
    background-position:right center;
}
input.weightBg, textarea.weightBg {
    background-image: url('../graphics/icons/formBgWeight.gif');
    background-repeat:no-repeat;
    background-position:right center;
}
input.timecodeBg, textarea.timecodeBg {
    background-image: url('../graphics/icons/formBgTimecode.gif');
    background-repeat:no-repeat;
    background-position:right center;
}
input.urlBg, textarea.urlBg {
    background-image: url('../graphics/icons/formBgUrl.gif');
    background-repeat:no-repeat;
    background-position:right center;
}
input.externalMediaBg, textarea.externalMediaBg {
    background-image: url('../graphics/icons/formBgUrl.gif');
    background-repeat:no-repeat;
    background-position:right center;
}
input.filesizeBg, textarea.filesizeBg {
    background-image: url('../graphics/icons/formBgFilesize.gif');
    background-repeat:no-repeat;
    background-position:right center;
    padding-right:35px;
}
input.lookupBg, textarea.lookupBg {
    background-image: url('../graphics/icons/formBgLookup.gif');
    background-repeat:no-repeat;
    background-position:right center;
}

/*** HIERARCHY BROWSER ***/
div.hierarchyBrowser {
    border: 1px solid #ccc;
    width: 100%;
    height: 300px;
    margin: 5px 0px 2px 0px;
    clear: both;
}
#browse.hierarchyWindow {
	background-color: #f7f7f7;
	padding: 5px 10px 5px 10px;
	border-radius: 4px;
	-webkit-border-radius:4px;
	-moz-border-radius: 4px;
}
div.hierarchyBrowserVertical {
    border: 1px solid #ccc;
    width: 100%;
    height: 200px;
    margin: 5px 0px 2px 0px;
    overflow: auto;
}

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

div.hierarchyBrowserLarge {
    position: relative;
    border: 1px solid #000000;
    width: 100%;
    height: 400px;
    margin: 0px 0px 10px 0px;
}

div.hierarchyBrowserContainer {
    position: relative;
    overflow: auto;
    overflow-y: hidden;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

div.hierarchyBrowserContainerReadOnly {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    top: 0px;
    left: 0px;
    z-index: 1000;
    background-color: #ccc;
    display: none;
    opacity: 0.5;
}

div.hierarchyBrowserContainerVertical {
    overflow: auto;
    overflow-y: hidden;
    margin: 0px;
    padding: 0px;
}

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

div.hierarchyBrowserLevelVertical {
    padding: 0px;
    margin: 5px;
    background: #FFFFFF;
    overflow: none;
    text-align: center;
    font-size: 12px;
}

.hierarchyBrowserLevel ul {
    padding: 3px;
    margin: 3px 12px 3px 3px;
    display:list-item;
    list-style: none;
    list-style-type: none;
    background: none;
}

.hierarchyBrowserLevel li {
    margin-bottom: 10px;
    border-bottom: 1px dashed #cccccc;
    list-style-type: none;
    text-align: left;
    background: none;
    padding-bottom:3px;
}
.hierarchyBrowserLevel li img {
	height:14px;
}
.hierarchyBrowserLevel li .noChildren img {
	width: 8px;
	height: 8px;
	opacity: .3;
	padding: 5px 3px 5px 5px;
	margin: -2px 0px 0px 0px;
}
.hierarchyBrowserLevel a {
    text-decoration: none;
    font-weight: normal;
}

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

span.hierarchyBrowserLevelDisabled {
    color: #ccc;
    text-decoration: none;
    font-weight: normal;
    font-style: normal;
}

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

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

div.objectCheckoutStatusTab {
    width: 712px;
    font-weight: normal;
}

div.hierarchyBrowserCurrentSelection {
	float: right;
	width: calc(100% - 135px);
	padding: 0;
	margin: 5px 0px 5px 0px;
	text-align: right;
}

span.hierarchyBrowserCurrentSelectionText {                
    overflow: hidden;
    text-overflow: ellipsis;  
    
    font-weight: normal;
    font-size: 10px;
}

div.hierarchyBrowserRelationshipTypeSelection {
	float: left;
	width: 125px;
	padding: 0px;
	margin: 5px 0px 5px 0px;
}

div.hierarchyBrowserRelationshipTypeSelection select {
	width: 120px;
	padding: 2px;
}

span.hierarchyBrowserCurrentSelectionHeader {
	font-weight: bold;
}

div.hierarchyBrowserSearchBar {
	float: right;
	padding: 0;
	margin: 5px -2px 5px 0px;
}

input.hierarchyBrowserSearchBar, textarea.hierarchyBrowserSearchBar {
    font-size: 10px;
    height: 12px;
}

ul.explore {
    color: #000000;
    list-style-type: none;
    text-decoration: none;
    font-weight: normal;
    padding: 3px;
    margin: 3px;
}
li.explore {
    margin-bottom: 10px;
    border-bottom: 1px dashed #cccccc;
    list-style-type: none;
    text-align: left;
    text-decoration: none;
    color: #000000;
}
a.explore {
    text-decoration: none;
    color: #999;
    outline: none;
}

a.exploreSelected {
    text-decoration: none;
    color: #666;
    font-weight:bold;
    outline: none;
}

.hierarchyBrowserItemTerm {
    font-weight: normal;
    color: #333;
}

.hierarchyBrowserItemPath {
    color: #999999;
}

.hierarchyBrowserHelpText {
    padding: 5px;
    font-size: 11px;
    font-style: italic;
}

.hierarchyCountDisplay {
    text-align:right;
    font-style:italic;
    color:#999999;
    font-family:helvetica, sans-serif;
    font-size:11px;
    margin-top:-8px;
}

/*** hierarchy navigation on editor pages ***/
.hierNav {
    padding:10px;
    color: #000000;
    font-weight:normal;
    size:12px;
    line-height:1.5em;
}
.hierNav a {
    color: #333333;
    font-weight:normal;
    text-decoration:none;

}
.hierNav a:hover{
    color: #138290;
}
.hierNav .buttonPosition{
    float:right;
    margin:-8px -5px 5px 10px;
}
.hierNav .form-button {
	padding-top:10px;
}
.editorHierarchyBrowserContainer{
    background-color:#fafafa;
}

.hierarchyBrowserFind{    /*** find box on editor pages ***/
    color:#666666;
    font-weight:normal;
    float:right;
    
    padding: 5px 0 5px 5px;
}
.hierarchyBrowserMessageContainer{    /*** message above browser on editor pages ***/
    padding: 5px 8px 5px 16px;
    color:#333;
    font-weight: normal;
}

.hierarchyBrowserNewLocationMessage{ /*** message above browser on editor pages dispaying new location to move record to ***/
    color: #EB0000;
    padding:2px 5px 5px 0px;
    height:1em;
    display: none;
}

.hierarchyReturnToHomeContainer {
	padding:6px 5px 2px 0px;
	font-weight: normal;
}

.hierarchyReturnToHomeButton {
	text-decoration: none;
    cursor: pointer;
}

/*** scrolling header styles ***/

.hierarchyHeaderContent {
    position:absolute;
    white-space: nowrap;
    padding-bottom:5px;
    top: 0px;

}
.hierarchyHeaderScrollButtons {
    width:550px;
    float:left;
    margin: -12px 100px 0px 0px;
    color:#333333;
    font-size: 12px;
    position:relative;
}
.hierarchyPanelHeader { /*  used in browse and details with browse */
    position: relative;
    margin-bottom: 15px;
    font-size:12px;
    color:#333333;
    font-weight:normal;
    height: 20px;
    width: 550px;
    overflow: hidden;
}
.hierarchyPanelHeader a { /*  used in browse and details with browse */
    text-decoration:none;
    font-size:14px;
    color:#333333;
    font-weight:normal;
    padding-right:4px;
}
.prevControl {
    float: left;
}
.nextControl {
    float:right;
}


/*** FILE DIRECTORY BROWSER ***/
div.directoryBrowser {
    border: 1px solid #ccc;
    width: 715px;
    height: 300px;
    margin: 0px 0px 5px 10px;
}

div.directoryBrowserVertical {
    border: 1px solid #ccc;
    width: 100%;
    height: 200px;
    margin: 5px 0px 2px 0px;
    overflow: auto;
}

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

div.directoryBrowserLarge {
    border: 1px solid #000000;
    width: 100%;
    height: 400px;
    margin: 0px 0px 10px 0px;
}

div.directoryBrowserContainer {
    position: relative;
    overflow: auto;
    overflow-y: hidden;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

div.directoryBrowserContainerVertical {
    overflow: auto;
    overflow-y: hidden;
    margin: 0px;
    padding: 0px;
}

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

div.directoryBrowserLevel li img {
	height:14px;
}

div.directoryBrowserLevel li img.disabled {
	height:10px;
}

div.directoryBrowserLevelVertical {
    padding: 0px;
    margin: 5px;
    background: #FFFFFF;
    overflow: none;
    text-align: center;
    font-size: 12px;
}

.directoryBrowserLevel ul {
    padding: 3px;
    margin: 3px;
    display:list-item;
    list-style: none;
    list-style-type: none;
    background: none;
}

.directoryBrowserLevel li {
    margin-bottom: 10px;
    border-bottom: 1px dashed #cccccc;
    list-style-type: none;
    text-align: left;
    background: none;
}
.directoryBrowserLevel a {
    text-decoration: none;
    font-weight: normal;
}

.directoryBrowserLevel a i {
    text-decoration: none;
    font-weight: normal;
    color: #ccc;
}

a.directoryBrowserLevelSelected, a.directoryBrowserLevelSelected i {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    font-style: normal;
}

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

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

div.directoryBrowserCurrentSelection {
    padding: 6px;
    margin-bottom: 5px;
}

span.directoryBrowserCurrentSelectionText {
    font-weight: normal;
}


/*** quick search styles ***/
.quickSearchContentArea {
    width: 100%;
    max-height: 600px;
    overflow: auto;
}

.quickSearchFullWidthDisplay {
    float: left;
    margin: 5px;
    width: 99%;
}

.quickSearchFullWidthResults {
    width: 100%;
    height: 200px;
    overflow: auto;
    padding: 2px;
    border: 1px #999999 dotted;
}

.quickSearchHalfWidthDisplay {
    float: left;
    margin: 5px;
    width: 47%;
}

.quickSearchHalfWidthResults {
	margin: -12px 0px 0px 0px;
	width: 98%;
    overflow: auto;
    padding: 2px;
    border-bottom: 2px #eee solid;
    border-left: 2px #eee solid;
    border-right: 2px #eee solid;
}

.quickSearchOneThirdWidthDisplay {
    float: left;
    margin: 5px;
    width: 31%;
}

div.quickSearchHeader {
    font-size: 14px;
    font-weight: bold;
    font-family: 'din-regular', helvetica, sans-serif;
}
div.quickSearchFullResultsLink {
    float:right;
    padding-top: 0px;
    margin-top: -3px;
}
div.quickSearchFullResultsLink a {
    font-size:12px;
    font-weight:normal;
    text-decoration:none;
}
.quickSearchOneThirdWidthResults {
    width: 100%;
    height: 200px;
    overflow: auto;
    padding: 2px;
    border: 1px #999999 dotted;
}

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

li.quickSearchList {
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom:1px;
    list-style-type: none;
    text-align: left;
}

a.quickSearchItem {
    text-decoration: none;
    font-weight: normal;
}
a.quickSearchResultHeader {
    text-decoration: none;
    font-color: #333;
}
div.quickSearchResultHeader {
    font-size: 14px;
    font-weight: bold;
    margin:10px 0px 10px 0px;
	padding: 7px 5px 6px 10px;
    background-color: #eee;
    width: 97%;
    border-radius:4px !important;
    -webkit-border-radius:4px !important;
    -moz-border-radius:4px !important;    
    font-family: 'din-regular', helvetica, sans-serif;
}
.quickSearchResultHeader img{
	height:16px;
	width:16px;
	vertical-align: top;
	padding-right:5px;
}
.quickSearchResultHide img {
	height:16px;
	width:16px;
}
div.quickSearchNoResults {
    font-size: 14px;
    font-weight: bold;
    color: #999;
    margin: 10px 0px 10px 0px;
    padding: 7px 5px 6px 10px;
    background-color: #eee;
    width: 97%;
    border-radius:4px !important;
    -webkit-border-radius:4px !important;
    -moz-border-radius:4px !important;    
    font-family: 'din-regular', helvetica, sans-serif;
}
.quickSearchResultHide {
    font-size: 9px;
    color: #999;
    margin:0px 4px 3px 0px;
    text-decoration: none;
    font-weight: normal;
    text-align: right;
}

/*  BROWSE  */
/* landing page */
#facetList{
	margin: 10px 0px 20px 0px;
	background-color: #fff;
	padding: 0px 0px 5px 10px;

}
.startBrowsingBy{
	color: #333;
	font-size: 15px;
	padding: 7px 5px 3px 10px;
	margin-left: -10px;
	margin-bottom: 5px;
	font-family: Helvetica, sans-serif;
	font-weight:bold;
}
.facetHeadingLink{
	float: left;
	width: 320px;
	padding: 5px 5px 2px 8px;
	background-color:#ededed;
	margin-right: 30px;
	margin-bottom:5px;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.facetHeadingLink.active{
	background-color:#aaa;
}
.facetHeadingLink a{
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	color: #333;
	text-transform: uppercase;
	font-family: 'din-regular';
}
.facetHeadingLink a:hover{
    color:#000;
}
.facetHeadingLink img {
	float:right;
}
.facetDescription{
    margin-bottom:20px;
}

/* browse controls when browse has been initiated */
#browseControls{
    margin:10px 0px 10px 0px;
	line-height: 1.5em;
	padding: 10px 0px 0px 0px;
}
#refineBrowse{
    margin:0px 0px 5px 0px;
    clear:both;
    display:inline-block;
    width: 100%;
}
#refineBrowse .refineHeading{
	color: #333;
	font-size: 15px;
	padding: 7px 5px 3px 10px;
	margin-left: -10px;
	margin-bottom: 5px;
	font-family: Helvetica, sans-serif;
	font-weight:bold;
	display: block;
}
#refineBrowse a.facetLink{
	float: left;
	width: 320px;
	padding: 5px 5px 2px 8px;
	background-color:#ededed;
	margin-right: 30px;
	margin-bottom:5px;
	text-decoration: none;
	border-radius: 4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	color:#333;
	text-transform:uppercase;
	font-family: 'DIN-Regular', Helvetica, sans-serif;
	font-weight: bold;
}
#refineBrowse a.facetLink .caIcon{
	top:-2px;
	position: relative;
}
.facetHeadingLink .caIcon{
	top: -2px;
    position: relative;
}
#refineBrowse a.facetLink.active{
	background-color:#aaa;
}
#refineBrowse .facetLink img{
	float:right;
}
#refineBrowse a.facetLink:hover{
    color:#000;
}
#browseCriteria{
    margin:0px;
    color:#333;
    font-size:12px;
    float: left;
	width: 660px;
	padding-bottom:10px;
}
#browseCriteria .criteriaHeading, #searchRefineParameters .criteriaHeading{
    font-weight:bold;
    color:#333;
    font-size:12px;
    line-height: 27px;
}

#browseCriteria a.startOver, #searchRefineParameters a.startOver{
    color: #757575;
    text-decoration:none;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border: 1px solid #ccc;
    padding:4px 5px 4px 5px;
    text-transform:uppercase;
    font-size:11px;
    line-height: 27px;
    white-space: nowrap;
}
#browseCriteria a.startOver:hover{
    color:#138290;
    text-decoration:underline;
}
.criteriaLink {
	text-transform:uppercase;
	background-color:#ddd;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	padding:5px 0px 5px 5px;
	width:auto;
	display:inline;
	font-size:11px;
	margin-right: 5px;
	line-height: 27px;
}
.criteriaLink a{
	background-color:#eee;
	border-top-right-radius:4px;
	-moz-border-top-right-radius:4px;
	-webkit-border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	-moz-border-bottom-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	color:#aaa;
	padding:5px 7px 5px 7px;
	margin-left:5px;
	text-decoration:none;
}
.criteriaLink:last-of-type{
    margin-right:15px;
}

/* browse pop up panel */
#splashBrowsePanel {
	display: none;
	margin-bottom: 25px;
	float: left;
	width:100%;
}
.browseSelectPanel {
    position: absolute;
    top: 100px;
    left: 50%;
    border: 1px solid #000000;
    background-color: #FFFFFF;
    width: 900px;
    height: 420px;
    display: none;
    margin-left: -450px;
    padding: 7px;
}
.browseSelectPanelContentArea {
	background-color: #f7f7f7;
	padding: 10px 0px 5px 7px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	overflow-y: hidden;
}
h2.browse {
	margin: 0px;
	padding: 0px 10px 5px 0px;
	float: left;
	font-family: 'DIN-Regular', helvetica, sans-serif;
	color: #333;
	font-size: 16px;
	text-transform: uppercase;
}
.jumpToGroup {
	float:left;
	font-family: 'DIN-Regular', helvetica, sans-serif;
	font-size:14px;
}
.jumpToGroup a{
	text-decoration:none;
	padding-right: 5px;
	white-space: nowrap;
	color: #000;
}
#browseFacetGroupingControls {
	font-family: 'DIN-Regular', helvetica, sans-serif;
	font-size:13px;
	padding: 10px 5px 0px 0px;
}
#browseFacetGroupingControls a{
	text-decoration:none;
}
.blueDivide {
	width:100%;
	height:2px;
	background-color: #ddd;
	clear:both;
	margin-bottom:10px;
}
.clearDivide {
	width:100%;
	height:1px;
	clear:both;
}
.browseSelectPanelHeader {
	padding-bottom: 10px;
	height: 20px;
}
.browseSelectPanelList {
    margin: 0px;
    width: 100%;
    height: auto;
    overflow: auto;
    padding: 0px;
    max-height:400px;
}
td.browseSelectPanelListCell {
	padding-bottom: 8px;
	border-bottom: 2px solid #ddd;
}
table.browseSelectPanelListTable {
    width: 100%;
    border-spacing:10px;
}
div.browseSelectPanelListGroupHeading {
	font-size: 15px;
	font-weight: bold;
	padding-top: 5px;
	margin-bottom: 10px;
	font-family: 'DIN-Regular', helvetica, sans-serif;
	background-color: #ddd;
	padding-left: 10px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 4px 0px 8px 0px;
}
a.browseSelectPanelListGroupHeading, a.browseSelectPanelListGroupHeading:hover {
    text-decoration: none;
    color: #000000;
}
a.browseSelectPanelButton {
    padding: 2px;
    font-weight: bold;
    text-decoration: none;
    float: right;
}
a.browseSelectPanelButton img{
	width:16px;
	height:16px;
}

a.browseSelectPanelLink {
    font-size: 12px;
    text-decoration: none;
}

.browseSelectPanelFacetGroup {
    text-decoration: none;
    font-size: 14px;
}

.browseSelectPanelFacetGroupSelected {
    font-weight: bold;
    font-style: italic;
    text-decoration: none;
    font-size: 14px;
}

div.browseHeading {
    font-weight: bold;
    font-size: 14px;
    float: left;
}

div.browseCriterion {
    width:145px;
    border: 1px solid #999999;
    padding: 5px;
    height: 90px;
    overflow: hidden;
}

.browseCriterionLabel {
    padding: 5px;
    height: 40px;
}
.browseSelectMultiplePanelContentArea td.facetItem, .browseSelectMultiplePanelContentArea li{ /* li is for hier browser */
	position:relative;
	padding-left:20px;
}
[facet_item_selected="1"]::before {
	font-family: Font Awesome\ 5 Free;
	content: "\f067"; 
	font-weight: 900;
	padding-right:6px;
	position:absolute;
	left:7px;
	top:4px;
	color:#000 !important;
}
.browseSelectMultiplePanelContentArea li [facet_item_selected="1"]::before {
	top:2px; /* hierbrowser */
}
.applyFacetContainer{
	float:right;
}
.applyFacetContainer a.facetApply {
    background-color: #aaa;
    color: #fff;
    font-size: 13px;
    border-radius: 3px;
    padding:4px;
    text-transform:uppercase;
    text-decoration:none;
	text-align:center;
}

#resultBox {
	margin-bottom:100px;
}
/*  SEARCH FORM EDITOR  */
.searchFormElementEditor {
    border: 1px dashed #aaaaaa;
    padding: 10px;
}

.searchFormElementEditor table td {
    padding: 5px;
}

.searchFormElementEditorFieldList {
    margin-left: 25px;
    margin-bottom: 15px;
}

.searchFormElementEditorGroupHeading {
    color: #000000;
    font-size: 14px;
    margin-bottom: 5px;
}

.searchFormElementEditorRemoveGroupButton {
    margin-right: 5px;
}

.searchFormElementEditorGroup {
    padding: 10px 0px 10px 0px;
    border-top: 1px dotted #aaaaaa;
}

.searchFormElementEditorAddElementButton {
    margin-right: 5px;
}

div.searchFormEditorElementList {
    margin-left: 25px;
    line-height: 25px;
    font-size: 12px;
    color: #333333;
    font-weight: normal;
}

select.searchFormEditorElementList {
    margin-left: 25px;
}

div.searchFormElementEditorElement {
    background-color: #cccccc;
    margin: 5px 0px 5px 0px;
    width: 300px;
    padding: 5px;
    border: 1px solid #999999;
}

.searchFormElementEditorEditElementButton {
    padding: 1px;
}

.searchFormElementEditorRemoveElementButton {
    padding: 1px;
}

div.searchFormElementEditorContainer {
    padding: 5px 0px 0px 10px;
}

a.searchFormElementEditorAddGroupButton {
    text-decoration: none;
}

div.searchFormElementEditorAddGroupButton {
    padding: 10px 0px 10px 0px;
    border-top: 1px dotted #aaaaaa;
}

div.searchFormElementEditorGroupList {
    width: 360px;
}

div.searchFormElementEditorSettingsPanel {
    width:300px;
    min-height: 200px;
    padding: 5px 10px 5px 10px;
    overflow: auto;
    background-color: #ffffff;
    border: 1px dotted #aaaaaa;
}

div.searchFormElementSettingsMessage {
    width:290px;
}

/* SEARCH FORMS */

.searchFormSelector {
    margin-bottom: 3px;
    font-size: 12px;
}

select.searchFormSelector {
    max-width: 200px;
}

select.searchFormSelector {
    font-size: 12px;
}

#advancedSearchFormContainer div.control-box {
	margin-top:10px;
}
#advancedSearchFormContainer .saveAs {
	font-size:12px;
	color:#333	
}
#advancedSearchFormContainer .saveAs a{
	font-weight:bold;
	font-size:12px;
}

/* Search form "group mode" */
div.searchFormGroupModeContainer {
    width: 610px;
    padding: 3px;
    overflow: auto;
}

.searchFormGroupElementModeElement {
    text-align: left;
}

div.searchFormGroupModeGroupContainer {
    background-color: #cccccc;
    border-top: 1px dotted #333333;
    padding: 3px;
}

div.searchFormGroupModeGroup {
    width: 100%;
    background-color: #cccccc;
    padding: 0px;
}

div.searchFormGroupModeElement {
    float: left;
    text-align: left;
    padding: 5px;
}

.searchFormGroupModeMinimizeButton {
    float: right;
}

/* Search form "line mode" */

div.searchFormLineModeContainer {
    overflow: auto;
}

div.searchFormLineModeElementLabel {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #333333;
    margin-bottom: 5px;
    font-weight: bold;
    text-align: left;
}

.searchFormLineModeElementSubLabel {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color: #333333;
    margin-bottom: 5px;
    font-weight: normal;
    font-style: italic;
    text-align: left;
}

/* Breadcrumb trail */
div.navBreadCrumbContainer {
    margin: 5px 0px 10px 0px;
    clear:both;
    font-family: 'DIN-Regular';
}
div.navBreadCrumbs {
    background-color: #eee;
    height:19px;
}
.crumb {
    float:left;
    vertical-align: bottom;
    color: #333;
    font-size: 12px;
    height:19px;

    background-color:#D1D3D4;
}
.lastcrumb {
    float:left;
    vertical-align: bottom;
    color: #333;
    font-size: 12px;
    height:19px;
    background-color: #eee;
}
.crumbtext {
    float:left;
    background-color:#D1D3D4;
	padding: 4px 3px 0px 10px;
	margin-left: 0px;
	height: 15px;
}
.navBreadCrumbLabel {
    background-color:#999999;
    color: #f6f6f6;
}
.expandCollapse {
	text-align:right;
	margin-top:-3px;
	float:right;
}
.expandCollapse img{
	width:16px;
	height:12px;
	margin:2px 2px 0px 2px
}
/*** Log display ***/
span.logChangeLabel {
    font-style: italic;
}

/* Display Attribute Value */
#displayItemList {

}

.displayItemDiv {
    background-color: #DDDDDD;
    font-size: 12px;
}

ul#displayItemList {
    align: center;
}

/* Colorpicker styles */
.colorpicker {
    width: 356px;
    height: 176px;
    overflow: hidden;
    position: absolute;
    background: url(../graphics/colorpicker/colorpicker_background.png);
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    z-index: 200000;
}
.colorpicker_color {
    width: 150px;
    height: 150px;
    left: 14px;
    top: 13px;
    position: absolute;
    background: #EB0000;
    overflow: hidden;
    cursor: crosshair;
}
.colorpicker_color div {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    background: url(../graphics/colorpicker/colorpicker_overlay.png);
}
.colorpicker_color div div {
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background: url(../graphics/colorpicker/colorpicker_select.gif);
    margin: -5px 0 0 -5px;
}
.colorpicker_hue {
    position: absolute;
    top: 13px;
    left: 171px;
    width: 35px;
    height: 150px;
    cursor: n-resize;
}
.colorpicker_hue div {
    position: absolute;
    width: 35px;
    height: 9px;
    overflow: hidden;
    background: url(../graphics/colorpicker/colorpicker_indic.gif) left top;
    margin: -4px 0 0 0;
    left: 0px;
}
.colorpicker_new_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 213px;
    top: 13px;
    background: #EB0000;
}
.colorpicker_current_color {
    position: absolute;
    width: 60px;
    height: 30px;
    left: 283px;
    top: 13px;
    background: #EB0000;
}
.colorpicker input {
    background-color: transparent;
    border: 1px solid transparent;
    position: absolute;
    font-size: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: #898989;
    top: 4px;
    right: 11px;
    text-align: right;
    margin: 0;
    padding: 0;
    height: 11px;
}
.colorpicker_hex {
    position: absolute;
    width: 72px;
    height: 22px;
    background: url(../graphics/colorpicker/colorpicker_hex.png) top;
    left: 212px;
    top: 142px;
}
.colorpicker_hex input {
    right: 6px;
}
.colorpicker_field {
    height: 22px;
    width: 62px;
    background-position: top;
    position: absolute;
}
.colorpicker_field span {
    position: absolute;
    width: 12px;
    height: 22px;
    overflow: hidden;
    top: 0;
    right: 0;
    cursor: n-resize;
}
.colorpicker_rgb_r {
    background-image: url(../graphics/colorpicker/colorpicker_rgb_r.png);
    top: 52px;
    left: 212px;
}
.colorpicker_rgb_g {
    background-image: url(../graphics/colorpicker/colorpicker_rgb_g.png);
    top: 82px;
    left: 212px;
}
.colorpicker_rgb_b {
    background-image: url(../graphics/colorpicker/colorpicker_rgb_b.png);
    top: 112px;
    left: 212px;
}
.colorpicker_hsb_h {
    background-image: url(../graphics/colorpicker/colorpicker_hsb_h.png);
    top: 52px;
    left: 282px;
}
.colorpicker_hsb_s {
    background-image: url(../graphics/colorpicker/colorpicker_hsb_s.png);
    top: 82px;
    left: 282px;
}
.colorpicker_hsb_b {
    background-image: url(../graphics/colorpicker/colorpicker_hsb_b.png);
    top: 112px;
    left: 282px;
}
.colorpicker_submit {
    position: absolute;
    width: 22px;
    height: 22px;
    background: url(../graphics/colorpicker/colorpicker_submit.png) top;
    left: 322px;
    top: 142px;
    overflow: hidden;
}
.colorpicker_focus {
    background-position: center;
}
.colorpicker_hex.colorpicker_focus {
    background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
    background-position: bottom;
}
.colorpicker_slider {
    background-position: bottom;
}

.colorpicker_chip {
    width: 64px;
    height: 24px;
    border: 2px solid #333333;
}

/*  BUNDLE DISPLAY EDITOR  */
div.bundleDisplayPlacementEditorContainer {
    padding: 5px 10px 10px 15px;
    background-color:#fbfbfb;
}

.bundleDisplayPlacementEditor {
    padding: 0px;
}

.bundleDisplayPlacementEditorHelpText {
    font-weight:normal;
    size:11px;
    padding:5px 0px 10px 0px;
    margin:0px;
}
.bundleLabel p {
	margin:0px;
	padding:10px 0px 10px 10px;
}
div.bundleDisplayEditorPlacement {
    background-color: #f1f1f1;
    padding: 5px 10px 3px 10px;
    width: 300px;
    margin: 5px 5px 10px 0px;
    font-weight: normal;
    border: 1px solid #e3e3e3;
    background-position: 98% 50%;
    background-repeat:no-repeat;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-size:14px 14px;
    font-size:12px;
    
    cursor: pointer;
}
div.bundleDisplayEditorPlacement .fa {
	font-size:18px;
	margin-top:-4px;
}
div.bundleDisplayEditorPlacement img{
	width:16px;
	margin-top: -1px;
}
div.bundleDisplayEditorPlacementList {
    width: 350px;
    height: 450px;
    overflow: auto;
    margin-right:10px;
}

div.bundleDisplayEditorSearchForm {
    position: relative;
    float: right; 
    margin-right: 35px;
}

div.bundleDisplayEditorSearchForm i.caIcon {
    position: absolute;
    right: 5px;
    top: 5px;
}

span.bundleDisplayEditorPlacementListItemTitle {
    color: #666;
}

.elementSettingsUI {
	position: absolute;
	top: 20px;
	left: 100px;
	overflow: auto;
	width: 500px;
	max-height:500px;
	background-color: rgb(255, 255, 255);
	padding: 20px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
	z-index:10000;
}
.elementSettingsUI .fa {
	font-size:18px;
}
.elementSettingsUI a{
	float:right;
}
.elementSettingsUI img{
	width:16px;
}
.elementSettingsUI textarea  {
	width:340px;
}
a.bundleDisplayPlacementEditorAddButton {
    text-decoration: none;
}

.bundleDisplayPlacementEditorEditButton {
    padding: 1px;
    text-decoration: none;
}

.bundleDisplayPlacementEditorRemoveButton {
    padding: 1px;
    text-decoration: none;
}

div.bundleDisplayPlacementEditorSettingsPanel {
    width:300px;
    min-height: 200px;
    padding: 5px 10px 5px 10px;
    overflow: auto;
    background-color: #ffffff;
    border: 1px dotted #aaaaaa;
}

div.bundleDisplayPlacementEditorSettingsMessage {
    width:290px;
}

div.bundleDisplayTemplateKey {
    font-size: 10px;
    font-weight: normal;
    color: #000000;
}

div.bundleDisplayElementSettingsControl {
    float: right;
}

.bundleDisplayElementBundleName {
    font-size: 9px;
    font-style: italic;
}

/* UI Editor styles */

#InterfaceEditorForm .caItemList .labelInfo{
	padding: 3px 5px 3px 5px;
}
table.uiScreenItem {
    width: 100%;
    border-bottom: #ddd dashed 1px;
}
table.uiScreenItem .fa{
	font-size:18px;
	padding-left:5px;
} 

.uiScreenInfo {
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}
.uiScreenItem .caDeleteItemButton img {
	width:auto;
}
/* Dashboard styles */

.dashboardWidgetPanel {
    position: absolute;
    top: 100px;
    left: 50%;
    background-color: #FFFFFF;
    width: 450px;
    height: 400px;
    display: none;
    margin-left: -225px;
    padding: 15px;
    z-index: 1000;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}
.dashboardWidgetPanel a {
    text-decoration:none;
}

.dashboardWidgetPanelContentArea {
    border: 1px solid #ccc;
}

.dashboardWidgetPanelHeader {
    margin: 10px;
    width: 880px;
}

.dashboardWidgetPanelList {
    margin: 0px;
    width: 892px;
    height: 400px;
    overflow: auto;
    border-top: 1px solid #AAAAAA;
    padding: 3px;
}
#dashboardWidgetPanelContent {
    font-family:arial;
    font-size: 16px;
    height: 350px;
    overflow-x: hidden;
    overflow-y: auto;
}
#dashboardWidgetPanelContent a{
	font-family: 'din-regular', helvetica, sans-serif;
	font-size: 14px;
    text-decoration:none;
}
#dashboardWidgetPanelContent img {
	padding-right:3px;
}
#dashboardWidgetPanelTitle {
	font-family: 'din-regular', helvetica, sans-serif;
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: bold;
}
#widgetDescription {
    color:#999;
    font-size:12px;
    margin:0px 0px 10px 18px;
}

.dashboardWidgetPanelHide {
    float: right;
    width:16px;
    height:16px;
    margin:0px;
}
.dashboardWidgetPanelHide a {
    text-decoration: none;
}

.dashboardWidgetContentSmallNote {
	font-size: 10px;
	font-style: italic;
}

.dashboardColumn { width: 480px; float: left;}
.dashboard a {text-decoration: none;}

#dashboardControls {text-align: right; padding:0px 0px 0px 10px;}
a.dashboardControl {font-weight:normal; padding-right:10px; text-decoration:none; font-size:11px; color: #777;}

.portlet { 
    margin:.5em 1em .5em 1em; 
}
.portlet-header {
	font-family: "DIN-Regular", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	margin-bottom: 0px;
	padding: 7px 0px 2px 10px;
	font-weight: normal;
	text-align: left;
	background-color: #eee;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
	-moz-border-radius-topleft:4px;
	-moz-border-radius-topright:4px;
}

.portlet-content {
    background-color: #fbfbfb;
    border: 1px solid #eee;
    padding: 3px 10px 3px 10px;
    line-height:1.5em;
}

.dashboardWelcomeMessage{
	padding: 20px;
	margin: 10px;
	line-height: 1.5em;
	font-size: 13px;
	display: none;
	background-color: #f7f7f7;
	color: #333;
}

/* used to style the "drag something here" <div> displayed when a column is empty */
.dashboardLanding {
    border: 2px dashed #ededed;
    color:#c6c6c6;
    margin: 5px 2px 2px 2px;
    padding: 5px 5px 100px 5px;
    font-size: 12px;
    line-height: 100px;
    text-align: center;
    display: none;

}
.dashboardWidgetSettingsButton {
    float: right;
    width:16px;
    height:16px;
    margin:5px 0px 0px 5px;
    border:0px;
}
.dashboardRemoveWidget {	/* style for "X" remove button on widgets */
    float: right;
    width:16px;
    height:16px;
    margin:4px 5px 0px 8px;
    border:0px;
}
a.dashboardRemoveWidget {
    text-decoration: none;
}
.dashboardWidgetContentContainer {
    position: relative;
    padding: 5px;
}
.dashboardWidgetContentContainer ul{
    list-style-type: none;
    padding:0px;
    margin:0px 0px 5px 0px;
}
.dashboardWidgetContentContainer ul.disc{
	list-style-type: disc;
}
.dashboardWidgetContentContainer li{
    padding: 5px 0px 5px 0px;
    margin-left:10px;
    list-style-position: inside;
}
.dashboardWidgetContentContainer ul li a{
    font-weight: normal;
	font-size: 12px;
}
.dashboardWidgetContentContainer ul.allowBold li b a{
    font-weight: bold;
	font-size: inherit;
}

.dashboardWidgetScrollMedium {
    height: 300px;
    width: 100%;
    overflow-x: auto;
    overflow-y: auto;
}
.dashboardWidgetScrollLarge {
    height: 400px;
    overflow-x: auto;
    overflow-y: auto;
}
.dashboardWidgetTable{
    border:0px;
    width:98%;
    border-spacing:2px;
}
.dashboardWidgetTable th{
    padding:5px;
    background-color:#DEDEDE;
    font-weight:bold;
}

.dashboardWidgetTable tr {
	border-bottom: 1px dotted #999;
}

.dashboardWidgetTable td{
    padding:5px;
    background-color:#f2f2f2;
}
.dashboardWidgetHeading{
    font-size:14px;
    margin:0px 10px 10px 0px;
    line-height:1.3em;
}
.dashboardWidgetClock{
	color: #333333;
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	font-family: 'din-regular', arial, sans-serif;
	padding: 10px 5px 5px 5px;
}

/* Georeference attribute value styles */
.map div, .search_suggest div, .labelInfo .search_suggest{
    margin-top:0px;
}

.map {
    margin: 0px;
    padding: 0px;
}

.mapSearchBox {
    padding: 0px;
    margin: 0px;
}

.mapSearchText {
    margin: 0 10px 0 0;
    padding: 0px;
}

.mapCoordinateDisplay {
    background-color: transparent;
    border: none;
    font-size: 10px;

    width: 688px;
    padding: 3px;
    margin: 4px 0 0 0;
}

/* Generic table styles */
.tableWithBorder {
    border-collapse: collapse;
}

.tableWithBorder {
    border: 1px solid black;
    padding: 4px;
}

/* Classes used in access control user role administration */
span.roleCheckAllNoneButtons {
    font-size: 10px;
    font-weight: normal;
}

a.roleCheckAllNoneButton {
    font-size: 10px;
    font-weight: normal;
}

.roleCheckGroupHeading {
    padding-top: 10px;
    padding-bottom: 2px;
}

/* find results add to set controls */
td.addItemToSetControl, th.addItemToSetControl, td.addItemToBatchControl, th.addItemToBatchControl {
	width:15px; 
	position: relative;
}

td.addItemToSetControl div, td.addItemToBatchControl div {
	position: absolute;
	bottom: 1px;
	right: 1px;
}

input.addItemToSetControl {
    display: none;
    padding: 0px;
    margin: 0px;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 2px; 
    left: 1px;
    
}

input.addItemToBatchControl {
    padding: 0px;
    margin: 0px;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 2px; 
    left: 1px;
    
}

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

/* ------------- */
/* ca_object_representation_media_display bundle styles */
/* ------------- */
.objectRepresentationMediaDisplayDerivativeOptionsContainer {
    margin-top: 10px;
}

.objectRepresentationMediaDisplayDerivativeOptions {
    display: none;
    margin: 10px 10px 0 10px;
    padding: 5px;
    background-color: #eeeeee;
    font-weight: normal;
    font-size: 11px;
}

.objectRepresentationMediaDisplayDerivativeHeader {
    margin-top: 5px;
    font-weight: bold;
    font-size: 11px;
}

.objectRepresentationMediaDisplayDerivativeHelpText {
    font-weight: normal;
    font-size: 10px;
    padding: 5px;
    margin: 0px 15px 0px 15px;
}



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

div.jGrowl > .ui-state-highlight {
    background: inherit;
    color: inherit;
    border: inherit;
}

/** 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: 		#4b4a4a;
    opacity: 				.85;
    -ms-filter: 			"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
    filter: 				progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
    zoom: 					1;
    width: 					235px;
    padding: 				10px;
    margin-top: 			40px;
    margin-bottom: 			5px;
    font-family: 			Arial, Helvetica, sans-serif;
    font-size: 				1em;
    text-align: 			left;
    display: 				none;
    -moz-border-radius: 	5px;
    -webkit-border-radius:	5px;
    border-radius: 			5px;
}

div.jGrowl div.jGrowl-notification {
    min-height: 			40px;
}

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

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



/* Relationship display */

li.quickaddMenuItem {
	background-color: #ddd;
	border-bottom: 1px dashed #aaa;
	margin-bottom: 15px;
}

a.quickaddMenuItem {
	font-style: italic;
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	-khtml-border-radius: 0px; 
	border-radius: 0px;
}

div.roundedRel {
    font-size: 10px;
    font-weight: normal;
    padding: 8px 4px 4px 8px;
    margin: 5px;
    float: left;
    border: 1px solid #ddd;
    background-color:#e9e9e9;
    min-height: 18px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    
    -webkit-border-bottom-right-radius: 4px;
}
div.roundedRel a{
	color: #333;
	font-size:12px;
}

div.roundedRel span.relAnnotation {
    font-size: 9px;
    font-style: italic;
}

.listRelEditButton img{
	width:14px;
	height:14px;
	padding-right:3px;
	padding-left:2px;
}
div.listRel {
    font-size: 11px;
    font-weight: normal;
    padding: 10px;
    margin: 0 0 5px 7px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    width: 690px;
    border: 1px solid #ccc;
    background-color:#ffffff;
    min-height: 18px;
    line-height:1.5em;
}

div.listRel:first-of-type {
    margin-top:5px;
}

select.listRelRelationshipTypeEdit {
    font-size: 8px;
}

.caItemList {
    /* margin-top: 10px; */
    max-height: 500px;
    overflow-y: auto;
}


.settingsBundle {
    padding: 10px;
    max-height: 700px;
}

div.caItemListSortControlTrigger {
    font-size: 11px;
    padding: 4px;
    text-align:right;
    padding-top:6px;
}

select.caItemListSortControlTrigger {
    font-size: 9px;
    font-weight: normal;
}

.caItemListSortControlContainer {
    position: absolute;
    right: 230px;
    top: 0px;
    min-width: 50px;
    z-index: 14000;
}

.caItemListSortControls {
    line-height: 17px;
    font-size: 11px;
    padding: 0px 5px 5px 0px;

    z-index: 10000;

    max-height: 350px;
    overflow: scroll;
    
	position:relative;
	font-weight:normal;
	font-size:11px;
	line-height:1em;
}

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

.caItemListSortControls ul li {
    background-color: #fff;
}

.caItemListSortControls ul li a {
	text-decoration: none;
}

div.caItemLoadNextBundles {
	clear: both;
	padding: 10px;
}

a.caItemLoadNextBundles {
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

.caItemLoadNextBundlesLoadIndicator {
	display: none;
	margin-left: 12px;
}

.roundedRel .caDeleteItemButton, .roundedRel .caInterstitialEditButton, .roundedRel .caSetRepresentationButton {
    position: relative;
    margin: 0 3px 0 3px;
}

.listRel .caDeleteItemButton, .listRel .caInterstitialEditButton, .listRel .caSetRepresentationButton {
    float: right;
    margin: 0 3px 0 3px;
}

div.preferenceSectionDivider {
    height: 2px;
    background-color: #cccccc;
    width: 100%;
    margin-bottom: 5px;
}

a.preferenceColumnSelector {
    color: #222222;
    text-decoration: underline;
}

table.preferenceColumnSelector {
	text-align: center;
	width: 500px;
	margin: 10px 0 10px 0;
}

table.preferenceColumnSelector tbody tr td.preferenceColumnSelectorLabel {
	text-align: left;
	width: 300px;
}

div.preferenceColumnHeader {
    font-family: "DIN-Regular", sans-serif;
    font-size:13px;
    color: #333;
    margin-bottom: 10px;
    padding-top: 5px;
    font-weight: bold;
    text-align: left;
}

div.preferencePlacementList {
    min-height: 300px;
    border: 1px dotted #ccc;
}

div.preferenceCheckBoxList {
    display: flex;
    flex-flow: row wrap;
    justify-content: start;
    padding: 0;
    list-style: none;
    width: 100%;
}

div.preferenceCheckBoxList input {
	margin: 0 10px 0 10px;
}

div.preferenceCheckBoxList div {
    width: 100px;
}

.searchReindexHelpText{
    padding:20px;
    margin:20px;
    line-height:1.3em;
    font-size:13px;
	background-color: #f7f7f7;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.searchReindexStatus {
    font-size:16px;
    color: #828282;
    text-align: center;
    padding: 10px;
    line-height:1.3em;
    overflow: hidden;
    font-family: 'DIN-Regular', arial, sans-serif;
}

.searchReindexElapsedTime {
    float: right;
    font-size: 10px;
    margin-top: 5px;
}

.searchReindexTableProgressGroup {
    margin-bottom: 10px;
}

.batchProcessingHelpText{
    padding:20px;
    margin:20px;
    line-height:1.3em;
    font-size:13px;
    border:3px solid #cccccc;
}

.batchProcessingStatus {
    font-size:16px;
    color: #828282;
    text-align: left;
    padding: 10px;
    line-height:1.3em;
    overflow: hidden;
    height: 2.4em;
}

#batchProcessingElapsedTime {
    float: left;
    font-size: 10px;
    margin-top: 0px;
}

#batchProcessingCounts {
    float: right;
    font-size: 10px;
    margin-top: 0px;
}

#batchProcessingFileCount {
    float: right;
    font-size: 10px;
    margin-top: 0px;
}

.batchProcessingTableProgressGroup {
    margin-bottom: 10px;
}

#batchProcessingReport {
    border: 1px dotted #000000;

    width: 720px;
    min-height: 30px;
    margin: 20px auto 0px auto;
    padding: 10px;
    font-size: 11px;
    display: none;
}

.batchProcessingReportSectionHead {
    font-weight: bold;
    font-size: 12px;
}

.batchProcessingReportSectionWarning {
    font-style: italic;
    font-size: 11px;
    margin: 10px 0 10px 0;
}

#batchProcessingReport ol, #batchProcessingReport ul {
    line-height: 1.3em;
}

#batchProcessingMore {
    display: none;
    font-size: 12px;
    text-align: center;
}

#batchProcessingMessage {
    display: none;
    font-size: 14px;
    text-align: center;
    margin-bottom: 20px;
}

.batchProcessingHelpText{
    padding:20px;
    margin:20px;
    line-height:1.3em;
    font-size:13px;
    border:3px solid #cccccc;
}
img.batchIcon {
	margin-left:8px;
}
.caDeleteLabelButton img, .caDeleteItemButton img{
	width:14px;
	margin-right:3px;
}
a.caDeleteLabelButton {
    text-decoration: none;
}

/* -------------------------------------------------*/
/* Item-level access screen                         */
/* -------------------------------------------------*/

.globalAccess {
    background-color:#eee;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding:10px;
    margin-bottom: 15px;
}
.globalAccess .title {
    font-size: 18px;
    font-family: arial;
    font-weight: normal;
}
.globalAccess .bundleContainer {
    border: 0px;
    padding-left:0px;
}
.globalAccess .labelInfo {
    background-color:#eee;
    border-top: none;
}
.globalAccess h2 {
    padding-top:10px;
    border-top: dotted 1px #ccc;
    font-family: arial;
    font-weight: normal;
}
#editGlobalAccess {
    display:none;
}
#editUserAccess {
    display:none;
}
.editLink a{
    text-decoration:none;
    font-size: 12px;
}
div.editLink {
    padding-top:25px;
    float:right;
}

div.accessName {
    margin-bottom: 5px;
}

span.accessName {
    font-weight: bold;
    font-size: 12px;
    color: #134959;
    line-height:1.75em;
    margin-bottom: 5px;
}

.inheritFromParent {
	font-family: "Helvetica Neue", Arial, sans-serif;
    font-size:11px;
    color: #333333;
    font-weight: normal;
    margin-bottom: 5px;
    float: right;
}

div.inheritName {
    font-size: 9px; 
    font-style: italic;
}

.titleTd td{
    border-left: 1px solid #333;
}
.orderTotal {
    font-weight: bold;
    text-transform: uppercase;
    float:right;
    padding: 5px 0px 0px 0px;
    clear:both;
}
.overdue {
    color: #EB0000;
}

/* Batch confirmation change */
#caConfirmBatchExecutionPanel {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 550px;
    display: none;
    margin: 0px;
    padding:0px !important;
    border: 2px solid #999999;
    z-index: 31000;			/* needs to be on top of menu bar, which has z-index=30000 */
    background-color: #FFFFFF;
}

#caConfirmBatchExecutionPanel .close a{
    text-decoration:none;
    font-size:16px;
}

#caConfirmBatchExecutionPanelContentArea {
    padding:10px;
}

#caConfirmBatchExecutionPanelControlButtons {
    width: 490px;
    text-align: center;
}

#caConfirmBatchExecutionPanelControlButtons table {
    width: 100%;
}

.caConfirmBatchExecutionPanelAlertText {
    font-size: 14px;
    padding: 15px;
}

.caConfirmBatchExecutionPanelAlertControls {
    font-size: 11px;
    height: 25px;
    margin-bottom: 10px;
}

table.caConfirmBatchExecutionPanelAlertControls {
    margin-left:auto;
    margin-right:auto;
}

.caConfirmBatchExecutionPanelAlertControl {
    font-size: 11px;
}

/* Type change */
#caTypeChangePanel, #caCreateChildPanel {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 450px;
    display: none;
    margin: 0px;
    padding:0px !important;
    z-index: 31000;			/* needs to be on top of menu bar, which has z-index=30000 */
    background-color: #FFFFFF;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

#caTypeChangePanel .close a, #caCreateChildPanel .close a, #caSetHomeLocationPanel .close a{
    text-decoration:none;
    font-size:16px;
}

#caTypeChangePanelContentArea, #caCreateChildPanelContentArea, #caSetHomeLocationPanelContentArea {
    padding:10px;
}

#caTypeChangePanelControlButtons, #caCreateChildPanelControlButtons, #caSetHomeLocationPanelControlButtons, #caMediaBrowserPanelControlButtons {
    width: 100%;
    text-align: center;
}

#caTypeChangePanelControlButtons table, #caCreateChildPanelControlButtons table, #caSetHomeLocationPanelControlButtons table, #caMediaBrowserPanelControlButtons table {
    width: 100%;
}
#caTypeChangePanelControlButtons img.form-button-left, #caCreateChildPanelControlButtons img.form-button-left, #caSetHomeLocationPanelControlButtons img.form-button-left {
	margin-top:-10px;
}
.addChild {
	margin:10px 10px 0px 10px;
}
.addChild #caTypeChangePanelControlButtons {
	margin:20px auto 0px auto;
	width:200px;
}
.addChildMessage {
	padding-bottom:15px;
}
div.dialogHeader {
    background-color: #eee;
    font-size: 13px;
    font-weight: bold !important;
    padding: 7px 5px 5px 5px;
    margin: 0px;
    font-family: "DIN-Regular";
}

/* Set home location */
#caSetHomeLocationPanel {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 800px;
    display: none;
    margin: 0px;
    padding:0px !important;
    z-index: 31000;			/* needs to be on top of menu bar, which has z-index=30000 */
    background-color: #FFFFFF;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    
    min-height: 300px;
}

/* Media chooser */
#caMediaBrowserPanel {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 800px;
    display: none;
    margin: 0px;
    padding:0px !important;
    z-index: 31000;			/* needs to be on top of menu bar, which has z-index=30000 */
    background-color: #FFFFFF;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    
    min-height: 300px;
}

#caMediaBrowserPanelContentArea {
    padding: 10px;
}

#caMediaBrowserPanelDirectoryBrowser {
    height: 225px;
}


/* Editor summary download options */
#caSummaryDownloadOptionsPanel {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 550px;
    display: none;
    margin: 0px;
    padding:0px !important;
    border: 2px solid #999999;
    z-index: 31000;			/* needs to be on top of menu bar, which has z-index=30000 */
    background-color: #FFFFFF;
}

#caSummaryDownloadOptionsPanelOptions {
    font-size: 12px;
	color: #333;
	line-height: 1.4em;
	padding: 10px;
	margin: 25px 0px 0px 0px;
	background-color: #eee;
	border-radius: 5px;
	display: none;
	overflow-y: auto;
	max-height: 350px;
}

#caLabelsDownloadOptionsPanelOptions, #caResultsDownloadOptionsPanelOptions {
    font-size: 12px;
	color: #333;
	line-height: 1.4em;
	padding: 10px;
	margin: 25pxpx 0px 0px 0px;
	background-color: #eee;
	border-radius: 5px;
	display: none;
	overflow-y: auto;
	max-height: 300px;
}

#caSummaryDownloadOptionsPanelOptions div.col, #caLabelsDownloadOptionsPanelOptions div.col, #caResultsDownloadOptionsPanelOptions div.col {
    margin-bottom: 5px;
}

#caSummaryDownloadOptionsPanel .close a, #caLabelsDownloadOptionsPanelOptions .close a, #caResultsDownloadOptionsPanelOptions .close a {
    text-decoration:none;
    font-size:16px;
}

#caSummaryDownloadOptionsPanelContentArea {
    font: 12px "Helvetica Neue", Arial, Helvetica, Sans-serif;
    font-weight: normal;
    padding:10px;
}

#caSummaryDownloadOptionsPanelControlButtons {
    width: 490px;
    text-align: center;
}

#caSummaryDownloadOptionsPanelControlButtons table {
    width: 100%;
}

.caSummaryDownloadOptionsPanelAlertText {
    font-size: 14px;
    padding: 15px;
}

.caSummaryDownloadOptionsPanelAlertControls {
    font-size: 14px;
    height: 35px;
    margin-bottom: 10px;
}

table.caSummaryDownloadOptionsPanelAlertControls {
    margin-left:auto;
    margin-right:auto;
}

.caSummaryDownloadOptionsPanelAlertControl {
    font-size: 12px;
}

/* Quick add */
.caRelationQuickAddPanel, .caRelationInterstitialEditPanel {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 80vh;
    min-width: 900px;
    height: 80vh;
    min-height: 600px;
    overflow: auto;
    display: none;
    margin: 0px;
    padding:0px !important;
    border: 2px solid #999999;
    z-index: 9999;			/* needs to be on top of menu bar, which has z-index=30000 */
    background-color: #FFFFFF;
}

#caRelationQuickAddPanel .close a, #caRelationInterstitialEditPanel .close a{
    text-decoration:none;
    font-size:16px;
}

#caRelationQuickAddPanelContentArea, #caRelationInterstitialEditPanelContentArea {
    padding:10px;
}

#caRelationQuickAddPanelControlButtons, #caRelationInterstitialEditPanelControlButtons {
    width: 100%;
    text-align: center;
}

#caRelationQuickAddPanelControlButtons table {
    width: 100%;
}

div.quickAddFormTopPadding {
    height: 40px;
}

div.quickAddDialogHeader {
	background-color: #cccccc;
    font-size: 13px;
    font-weight: bold !important;
    padding: 5px;
    
    position: fixed;
    width: 890px;
    z-index:33000;
}

div.quickAddErrorContainer {
    width: 890px;
    display: none;
    z-index:33000;
    margin-top: 40px;
}

div.quickAddTypeList {
    float: left;
    margin-top: 6px;
}

div.quickAddControls {
	float: right;
}

div.quickAddProgress {
    float: right;
    margin: 6px 70px 0 0;
}

input[type='text'].ui-autocomplete-loading {
    background: white url('../graphics/icons/indicator.gif') right center no-repeat;
}

div.componentAddTypeList {
    float: left;
    margin-top: 6px;
}

/** Debug **/

div.debug {
    padding: 10px 10px 10px 10px;
    background-color:#EEEEEE;
    margin-bottom: 10px;
}

div.debugLabel {
    font-size: 14px;
    color: green;
    font-weight: bold;
}


/** Visualization **/
.vizFullScreen {
    background-color: #000000;
}

.vizTitle {
    font-weight: bold;
    margin-top: 5px;
}

/*  Media representation chooser (bundle ca_object_representation_choose)  */
div.caObjectRepresentationChooserContainer {
    margin: 4px 2px 2px 2px;
    padding: 5px 10px 10px 15px;
    background-color:#fbfbfb;
}

div.caObjectRepresentationChooserRepresentation {
    position: relative;
    float: left;
    margin: 4px;
    width: 170px;
    height: 170px;
}

div.caObjectRepresentationChooserRepresentation input[type=checkbox] {
    position: absolute;
    top: 3px;
    left: 3px;
}

/* Information service attributes */
div.caInformationServiceDetail, div.caExternalMediaDetail {
    width: 100%;
    display:none;
    font-weight: normal;
    font-size: 11px;
    margin-left: 8px;
}

a.caInformationServiceMoreLink {
    display: none;
    text-decoration: none;
}

/* LCSH attributes */
a.caLCSHServiceMoreLink {
    display: none;
    text-decoration: none;
}

/* GeoNames attributes */
a.caGeoNamesServiceMoreLink {
    display: none;
    text-decoration: none;
}

/* Media replication */
table.caRepresentationMediaReplicationStatusTable {
    width: 75%;
}

div.caRepresentationMediaReplicationTargetList {
    margin: 0 0 10px 0;
}

span.caRepresentationMediaReplicationLoadIcon {
    display: none;
}

div.caRepresentationMediaReplication {
    text-align:left;
    display: none;
    padding: 3px;
}

a.caRepresentationMediaReplicationButton {
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    margin-right: 20px;
}

div.caRepresentationMediaReplicationControls {
    background: #fbfbfb;
    font-size: 10px;
    width: 680px;
    overflow: auto;
    padding: 8px;
    line-height: 14px;
    font-weight: normal;
    color: #000000;

    background-color: #eee;
    border-radius: 4px;
    -moz-border-radius-: 4px;
    -webkit-border-radius: 4px;
}

 /* Metadata Export */
#importerUploadArea, #exporterUploadArea {
    border: 1px dashed #ccc; 
    text-align: center; 
    padding: 10px; 
    display: none;
    font-size: 16px; 
    color: #333;
}

div.exporterUploadText, div.importerUploadText {
    cursor: pointer;
}

#caAddImportersButton, #caCloseImportersButton, #caAddExportersButton, #caCloseExportersButton {
    display: none;
}

/** 
 *
 * Annotation editor 
 *
 **/
.caAnnoEditorPanel {			/* full-window panel */
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: auto;
    display: none;
    padding:0px !important;
    z-index: 31000;			/* needs to be on top of menu bar, which has z-index=30000 */
    background-color: #ededed;
}

.caAnnoEditorPanelContentArea {
    margin-top: 40px;
}

.caAnnoEditorTlContainer {		/* timeline container */
    width:100%;
    height: 130px;
    border-bottom:1px solid #FFFFFF;
    background-color:#ededed;
}
.caAnnoEditorTlInfo {
    float:left;
    width: 90px;
    height: 90px;
    background-color:#dedede;
    clear:left;
    position:relative;
    outline: 2px solid #dedede;
}
.caAnnoEditorTlInfo div.caAnnoEditorInfo {
    margin:5px 5px 0px 5px;
    height: 20px;
}
.caAnnoEditorTlSlider {
	margin: 15px 0 0 0;
}
.caAnnoEditorTlSyncControl {
    position:absolute;
    right: 3px;
    bottom: 3px;
}
.caAnnoEditorTl {
    margin: 0 10px 0 95px;
}
.caAnnoEditorTlAnnotationContainer {
	position: relative;
    margin: 0px 3px 0px 3px;
    border: 2px solid #fff;
    background-color:#fff;
    height: 88px;
    
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.caAnnoEditorTlAnnotationContainer:hover, .caAnnoEditorTlAnnotationContainer:focus {
    border-color: #808080;
}
.caAnnoEditorTlAnnotationContainerSelected {
    border: 2px solid #EB0000;
}
.caAnnoEditorTlAnnotationContainer div.title {
    font-size:12px;
    margin:3px 3px 0px 3px;
    height:35px;
    overflow:hidden;
}
.caAnnoEditorTlAnnotationContainer div.title a {
    font-size:12px;
  	text-decoration: none;
}
.caAnnoEditorTlAnnotationContainer div.timecode a {
    font-size:9px;
    font-weight:normal;
    margin:5px 5px 0px 5px;
    position:relative;
}
.caAnnoEditorTlAnnotationContainer div.timecode a {
    font-size:9px;
    text-decoration: none;
}
.caAnnoEditorTlAnnotationContainer div.editAnnoButton {
	position: absolute;
	right: 3px;
	bottom: 3px;
}
.caAnnoEditorTlAnnotationContainer div.deleteAnnoButton {
	position: absolute;
	right: 3px;
	top: 3px;
}

.caAnnoEditorPlayerAndFormContainer {
	position: relative;
}

.caAnnoMediaPlayerContainer {	/*  media player container */
	position: absolute;
	top: 0px;
	left: 0px;
	
    width: 500px;
    height: 375px;
    
	background-image: url(../graphics/icons/audio.png);
	background-position: center center;
	background-repeat:no-repeat;
    background-color: #fff;
}
.caAnnoEditorMediaPlayer {
	width: 500px;
    margin: auto auto 0 auto;
}

.caAnnoMediaPlayerControlsLeft {
	float: left;
	padding: 10px;
    background-color: #fff;
}
.caAnnoMediaPlayerControlsRight {
	float: right;
	padding: 10px;
    background-color: #fff;
}

.caAnnoEditorEditorScreen {
	position: absolute;
	top: 0px;
	left: 515px;
	
	width: 720px;
	height: 500px;
	overflow: auto;
	margin: 0 10px 0 0;
	background-color: #ededed;
}
.caAnnoEditorInfo {
    font-weight: bold;
}
.caAnnoEditorTlSliderInfo {
	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/backgrounds/bgSliderInfo.png);
	background-position: left center;
	background-repeat:no-repeat;
}


/** Carousel **/

.jcarousel {
    position: relative;
    overflow: hidden;
    /*
    (4 * width: 150px) + (3 * margin-right: 1px) = 603px
    */
    width: 100%;
    height: 92px;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
 
.jcarousel li {
    float: left;
    width: 150px;
    height: 80px;
    margin-right: 1px;
}

.jcarousel img {
    max-height: 80px;
}

.jcarousel .loading {
    text-align: center;
    line-height: 70px; /* Fake vertical aligning */
}

/** Tool plugins **/
.toolPluginHelpText {
    margin: 5px 0 5px 0px;
    font-size:13px;
}

/** History tracking **/
.caHistoryTrackingCurrent {
    position: relative;
	padding: 10px;
	min-height: 60px;
}

div.caHistoryTracking {
    position: relative;
	border-top: 1px dotted #e6e6e6;
	padding: 10px;
	min-height: 60px;
}

div.caHistoryTrackingContent {
	width: 90%;
}

div.caHistoryTrackingTab {
	max-height: 400px;
	overflow: auto;
}

/** Object use history **/
div.caHistoryTrackingEntry {
	position: relative;
	display: table; 
	overflow: hidden;
	font-weight: normal;
	font-size: 11px;
	
	width: 700px;
	
	margin: 1px 0 0 5px;
	padding: 10px;
	border-top: 1px dotted #e6e6e6;
}

div.caHistoryTrackingEntryFirst {
	border: none;
}

div.caHistoryTrackingButtonBar {
	padding: 10px;
}

div.caHistoryTrackingButtonBarDelete {
	float: right;
}

.caChangeLocationButton, .caReturnToHomeLocationButton, .caAddLoanButton, .caAddOccurrenceButton, .caAddCollectionButton, .caSetChildViewButton, .caAddObjectButton, .caAddEntityButton, .caChangePlaceButton, .caAddMovementButton, .caAddLoanButton {
	margin-top: 5px;
}

div.caHistoryTrackingIconContainer {
	float: left;
	display: table; 
	width: 60px;
	height: 60px; 
	overflow: hidden;
	
	border: 2px solid #333;
    border-radius: 5px;
    
	margin: 0 10px 0 0;
}

div.caHistoryTrackingIcon {
	display: table-cell; 
	vertical-align: middle;
}

div.caHistoryTrackingIconText {
	text-align: center;
	font-size: 11px;
	font-style: italic;
	
	overflow: hidden;
	text-overflow: ellipsis;
	
	padding: 3px;
	width: 57px;
}

div.caHistoryTrackingEntryDate {
	position: absolute;
	bottom: 3px;
	right: 3px;
	
	font-style: italic;
	font-size: 9px;
}

div.caHistoryTrackingEntryDelete {
	position: absolute;
	top: 8px;
	right: 3px;
}

div.caHistoryTrackingEntryInterstitialEdit {
    position: absolute;
	top: 8px;
	right: 27px;
}

h2.caHistoryTrackingSetLocationHeading {
	float: left;
}

div.caHistoryTrackingHierarchyBrowser {
	border-top: 2px;
}

table.caHistoryTrackingUpdateLocationMetadata tr td {
	vertical-align: middle;
}

/** History tracking current contents */
.caHistoryTrackingCurrentContentsControls{
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-evenly;
	align-items: flex-start;
	
	clear:both;
	background-color:#fbfbfb;
	padding:  8px 7px 0px 7px;
	position:relative;
	font-weight:normal;
	font-size:11px;
	line-height:1em;
	margin-top: 0px;
}

.caHistoryTrackingCurrentContentsControls .editorBundlePrintControl {
	font-size: 11px;
	font-weight: normal;
}

.caHistoryTrackingCurrentContentsControls .editorBundlePrintControl a.form-button, .caHistoryTrackingCurrentContentsControls .editorBundleReturnToHomeControl a.form-button, .caHistoryTrackingCurrentContentsControls .editorBundleSortControl a.form-button {
	height:auto;
	vertical-align:top;
	padding:0px;
	margin: 0px 0px 0px 0px;
}

/** Metadata dictionary **/
.caMetadataDictionaryDefinition {
	padding: 10px;
	background-color: #fff;
	
    border: 2px solid #e6e6e6;
    
	font-weight: normal;
	font-size: 12px;
	position:absolute;
	top:20px;
	right:-30px;
	width:400px;
	z-index:10;
	line-height:1.2em;
	text-align:left;
	display: none;
}

div.caMetadataDictionaryViolationsList {
	padding: 10px;
	background-color: #fff;
	margin: 0 0 0 15px;
	
	width: 33%;
	
    border: 2px solid #e6e6e6;
    
	font-weight: normal;
	font-size: 12px;
	
	float: right;
}

div.caMetadataDictionaryViolationsList ol {
	list-style:none;
    padding-left:0;
}

div.caMetadataDictionaryViolationsListHeading {
	font-weight: bold;
	font-size: 12px;
}

.caMetadataDictionaryViolationCrit {
	font-weight: bold;
	color: #EB0000;
}

.caMetadataDictionaryViolationErr {
	color: #EB0000;
}

.caMetadataDictionaryViolationWarn {
	color: GoldenRod
}

.caMetadataDictionaryViolationNote {
	color: Blue;
}

.caMetadataDictionaryViolationDebg {
	color: #333;
}

.caMetadataDictionaryViolationInCurrentTab {
	color: #ffffff;
}

.caMetadataDictionaryViolationNotInCurrentTab {
	color: #999999;
}

/** Metadata importer **/
table.caFileSourceControls {
	width: 700px
}

td.caFileSourceControls {
	vertical-align: middle;
	padding-top: 4px;
}

td.caSourceFileControlRadio {
	vertical-align: middle;
	width: 30px;
	height: 35px;
}

/** Metadata export preview **/
.caExportPreview {
    max-height: 250px;
    overflow: scroll;
    width: 100%;
    border: 1px solid #e6e6e6;
}

/** Library checkout **/
div.caLibraryUIContainer {
	position: relative;
}

div.caLibraryFindAutocompleteContainer {
	margin: 100px 0 25px 0;
	text-align: center;
}

div.caLibraryFindAutocompleteLabel {
	font-size: 18px;
	margin: 0 0 10px 0;
}

div.caLibraryFindAutocompleteContainer form input[type=text] {
	font-size: 18px;
}

div.caLibraryTransactionListContainer {
	display: none;
}

div.caLibraryTransactionResultsContainer {
	display: none;
}

div.caLibraryTransactionListLabel {
	font-size: 14px;
	font-weight: bold;
}

div.caLibraryTransactionListItemContainer {
	position: relative;
	background-color: #eee;
	padding: 10px;
	border-radius: 4px;
    -moz-border-radius-: 4px;
    -webkit-border-radius: 4px;
    
	margin: 5px 0 0 0;
}

div.caLibraryTransactionListItemMedia {
	float: left;
	margin: 0 10px 0 0;
	width: 72px;
	height: 72px;
}

div.caLibraryTransactionListItemName {
	font-size: 12px;
	font-style: italic;
}

div.caLibraryTransactionListItemBorrower {
	font-size: 10px;
}

div.caLibraryTransactionListItemNotesContainer {
	margin: 3px;
}

div.caLibraryTransactionListItemNotesLabel {
	font-size: 11px;
}

div.caLibraryTransactionListItemRemoveButton {
	position: absolute;
	top: 5px;
	right: 5px;
}

div.caLibrarySubmitListContainer {
	text-align: center;
}

div.caLibraryTransactionListTransactionOptionsContainer {
	text-align: left;
}

div.caLibraryTransactionListTransactionNotesContainer {
	margin: 3px 0 3px 40px;
}

div.caLibraryTransactionListTranactionNotesLabel {
	font-size: 11px;
}

div.caLibraryTransactionListTransactionDueDateContainer {
	margin: 3px 0 3px 40px;
}

div.caLibraryTransactionListTransactionDueDateLabel {
	font-size: 11px;
}

div.caLibraryTransactionResultsContainer {
	background-color: #eee;
	padding: 10px;
	border-radius: 4px;
    -moz-border-radius-: 4px;
    -webkit-border-radius: 4px;
	margin: 25px 0 0 0;
}

div.caLibraryTransactionResultsLabel {
	font-size: 14px;
	font-weight: bold;
}

div.caLibraryTransactionListItemDueDateContainer {
	margin: 0 0 0 82px;
}

div.caLibraryTransactionListItemDueDateLabel {
	font-size: 11px;
}

div.caLibraryTransactionListItemWillReserve {
	color: #EB0000;
	font-size: 11px;
	font-weight: bold;
}

table.caLibraryHistory, tr.caLibraryHistory, th.caLibraryHistory, td.caLibraryHistory {
	border: 1px solid #000;
	border-collapse: collapse;
	padding: 5px;
}

#leftNav div.caLibraryCheckoutList {
	margin: 10px 0 0 0;
}

#leftNav ul.caLibraryCheckoutList { 
	font-size: 10px;
	list-style: circle; 
	margin: 0 0 0 15px; 
	padding: 3px 0px 3px 0px; 
	display:block; 
}

div.caLibraryDashboardPanel {
	float: left;
	border: 1px solid #333;
	padding: 10px;
	border-radius: 4px;
    -moz-border-radius-: 4px;
    -webkit-border-radius: 4px;
    
	width: 400px;
	min-height: 100px;
	margin: 10px 10px 10px 0;
}

.caLibraryDashboardCallout {
	font-size: 24px;
	font-weight: bold;
	margin: 0;
}

.caLibraryDashboardCalloutDate {
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	margin: 0;
}

.caLibraryDashboardUserList {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	margin: 12px 0 0 0;
}

#caLibraryDashboardDetailContainer {
	clear: both;
	border: 1px solid #333;
	padding: 10px;
	border-radius: 4px;
    -moz-border-radius-: 4px;
    -webkit-border-radius: 4px;
    
	width: 832px;
	min-height: 100px;
	margin: 10px 10px 10px 0;	
}

.authorityReferenceList ul  {
	list-style-type: none;
	padding: 0;
	margin: 10px 0 0 5px;
}

.authorityReferenceList ul li {
	padding: 0;
	margin: 10px 0 0 5px;
}

div.authorityReferenceListContainer {
	width: 100%;
	overflow-y: hidden;
	min-height: 200px;
}

/* Media viewer */
#caMediaPanelProgress {
	display: none;
	font-size:36px;
	font-weight: bold;
	text-align: center;
	width: 300px;
	height: 50px;
}

#caMediaOverlayProgress {
	position: absolute;
	display: none;
	top: 50%;
	left: 50%;
	width: 200px;
	height: 30px;
	z-index: 99000;
	opacity: 0.8;
}

#caMediaOverlayProgress div {
	position: relative; 
	left: -50%; 
	top: -50%; 
	background-color: #fff;
	border-radius: 4px;
    -moz-border-radius-: 4px;
    -webkit-border-radius: 4px;
	border: 1px solid #999;
}

/** 
 *
 * Spreadsheet "inline" results editor
 *
 **/
 
#caResultsEditorWrapper {
	
	position: relative;
	width: 100%; 
	height: 100%;
}
 
#caResultsEditorWrapper .caResultsEditorStatusBar {
	padding: 0px;
	height: 28px;
}
 
#caResultsEditorWrapper .caResultsEditorStatus {
    display: none;
    margin: 4px 0 0 5px;
}

#caResultsEditorWrapper .caResultsEditorStatus {
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	
}

.caResultsEditorContainer {
	padding: 0;
	margin: 0;
}

.caResultsEditorLoading {
	width: 300px;
	height: 40px;
	padding: 20px;
	
	text-align: center;

	position: absolute;
	top: 50%;
	left: 50%;

	margin: -70px 0 0 -170px;
	
	color: #fff; 
	font-size: 30px;
}

#caResultsEditorWrapper .caResultsEditorStatusBar .close a i {
	color: #fff;
}

#caResultsEditorPanel {
    position: fixed;
    top: 0px;
    left: 0px;
    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 */
    overflow: hidden;
}

#caResultsEditorPanelContentArea {
    width: 100%;
    height: 100%;
    background-color: #000;
    overflow: hidden;
}

#caResultsEditorGrid {
	width: 100%;
	height: 100%;
}

#caResultsEditorWrapper .close {
	float: right;
	text-decoration: none;
	margin: 1px 5px 0 0;
}

.caResultsEditorReadOnlyCell {
	position: relative;
}

.caResultsEditorErrorCell {
	border: 2px dashed #EB0000 !important;
}

.caResultsEditorNonEditableCell {
	 background:url(
		data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAABZJREFUCB1jYEACZ86c+Q/nEskBqgcAy7kNjS5U9PIAAAAASUVORK5CYII=
   ) repeat;
}

.caResultsEditorOverlayIcon {
	position: absolute;
	width: 14px;
	height: 14px;
	top: 0px;
	right: 0px;
}

/* Quick add */
.caResultsComplexDataEditorPanel {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 900px;
    height: 600px;
    overflow: hidden;
    display: none;
    margin: 0px;
    padding:0px !important;
    border: 2px solid #999;
    z-index: 31000;			/* needs to be on top of menu bar, which has z-index=30000 */
    background-color: #fff;
    
	border-radius: 4px;
    -moz-border-radius-: 4px;
    -webkit-border-radius: 4px;
}

#caResultsComplexDataEditorPanelControlButtons {
    width: 100%;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

div.caResultsComplexDataEditorErrorContainer {
    width: 100%;
    display: none;
    z-index:33000;
}

.caResultsComplexDataEditorSectionBox{
    margin: 0px;
    padding: 0 5px 0 5px;
    height: 325px;
    overflow: auto;
}

/**
 * 
 * FontAwesome icon styles
 *
 */
.caIcon {
	color :#000;
	text-decoration: none;
	vertical-align: -15%;
}

.caNavHeaderIcon {
	float: right; 
	margin: 0px 0 0 5px;
}

.caIcon:hover {
	color: #138290;
}

.caIconRed {
	color: #EB0000;
}

.infoIcon {
	padding-left:5px;
	line-height:8px !important;
}

/* set items list in set editor */
.setItemCounter{
	float:left;
	background-color:#bbb;
	color:#FFF;
	border-radius: 6px;
	padding:3px 4px 1px 4px;
	line-height:1em;
	font-size:9px;
	font-weight:normal;
	margin:5px 0px 0px 5px;
	text-align:bottom;
}


div.changeLogSearchResultsPagination {
	float: right;
	padding: 5px;
}

div.checklist {
    display: grid;
    width: 100%;
}

div.checklistItem {
    font-weight: normal;
    margin: 2px 15px 2px 5px;
    white-space: nowrap
    
}
div.checklistItem input {
	margin-right: 4px;
}

/* Statistics dashboard */
div.statisticsDashboardPanel {
    width: 268px;
    height: 300px;
    overflow: auto;
    float: left;
    padding: 0 15px 15px 15px;
    margin: 0 10px 10px 10px;
    border: 1px dotted #a0a0a0;
}

div.statisticsDashboardGroupList {
    margin: 0 0 10px 0;
}

div.statisticsDashboardsiteList {
    margin: 0 0 10px 0;
}

span.statisticsDashboardSelectedGroup {
    font-weight: bold;
}

span.statisticsDashboardSelectedsite {
    font-weight: bold;
}

/* Current set highlighting */
a.currentSet {
    font-weight: bold;
    color: #333;
}

.dashboardWidgetContentContainer a.link {
    text-decoration: underline;
    color: #333333;
}

/* "New" ca_object_representations_bundle */
.mediaUploadContainer {
	width:700px;
	margin-top: 14px;
}

.mediaUploadInfoArea {
	float: right; 
	width: 460px;
}

.mediaUploadEditArea {
	float: right; 
	width: 570px;
}

.mediaUploadStatus {
    font-size:16px;
    color: #828282;
    text-align: left;
    padding: 10px;
    line-height:1.3em;
    overflow: hidden;
    height: 2.4em;
}

.mediaUploadArea {
	border: 1px dashed #ccc; 
	text-align: center; 
	padding: 0px; 
	display: block;
	width: 120px;
	height: 120px;
}

.mediaUploadAreaMessage {
	font-size: 15px; 
	color: #333;
	margin-top: 40px;
}

.mediaUploadAreaMessage:hover {
	cursor: pointer;
}

.mediaUploadAreaMessageCount {
	font-size: 9px;
}

div.objectRepresentationListImage {
    width: 120px;
}

div.objectRepresentationListImageContainer {
	float: left; 
	width: 120px;
}

div.objectRepresentationMetadataEditorContainer {
    display: none;
	font-size: 10px;
	overflow: auto;
	line-height: 14px;
	font-weight: normal;
	color: #000000;
}

div.objectRepresentationNewMetadataEditorContainer {
    display: none;
    padding: 10px;
}

div.objectRepresentationMetadataEditorDoneButton {
    float: none;
    clear: both;
    width: 100%;
    text-align: center;
}

.objectRepresentationMetadataEditorMediaRightCol {
	float: right; 
	width: 110px;
}

.objectRepresentationMetadataEditorMediaRightCol .fa {
	font-size:18px;
	padding-right:5px;
}

.objectRepresentationAddForm {

}

.objectRepresentationRelateForm {
    display: none;
}

.mediaMetadataDisplay {
	font-weight: normal;
	font-size: 12px;
}

div.mediaMetadataActionButton {
    margin: 10px 0 0 0;
    font-weight: normal;
    font-size: 12px;
}

div.mediaMetadataActionButton img{
	margin-right:5px;
}

div.mediaMetadataActionButton a, div.mediaMetadataActionButton span a {
    text-decoration: none;
    color: #000;
}

p.abbreviatedPath, div.abbreviatedPath, span.abbreviatedPath {
	cursor: help;
}

.bundleLabelError code, .notification-error-box code {
    font-family: monospace, serif;
    font-size: 1em;
    padding: 2px;
    margin: 1px;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
    border-radius: 3px;
    white-space: nowrap;
}

/* Query builder */

.query-builder .rules-group-container {
    background: #f7f7f7 !important;
    border: none !important;
}

.btn btn-xs btn-primary active {
    font-weight: bold;;
}


.query-builder, .query-builder * {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.query-builder {
  font-family: sans-serif;
}

.query-builder .hide {
  display: none;
}

.query-builder .pull-right {
  float: right !important;
}

.query-builder .btn {
  text-transform: none;
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42857;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.query-builder .btn.focus, .query-builder .btn:focus, .query-builder .btn:hover {
  color: #333;
  text-decoration: none;
}

.query-builder .btn.active, .query-builder .btn:active {
  background-image: none;
  outline: 0px none;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.125) inset;
}

.query-builder .btn-success {
  color: #000;
  background-color: #f7f7f7;
  border-color: #f7f7f7;
}

.query-builder .btn-primary {
  color: #FFF;
  background-color: #337AB7;
  border-color: #2E6DA4;
}

.query-builder .btn-danger {
  color: #FFF;
  background-color: #000;
  border-color: #000;
}

.query-builder .btn-success.active, .query-builder .btn-success.focus,
.query-builder .btn-success:active, .query-builder .btn-success:focus,
.query-builder .btn-success:hover {
  color: #FFF;
  background-color: #000;
  border-color: #000;
}

.query-builder .btn-primary.active, .query-builder .btn-primary.focus,
.query-builder .btn-primary:active, .query-builder .btn-primary:focus,
.query-builder .btn-primary:hover {
  color: #FFF;
  background-color: #286090;
  border-color: #204D74;
}

.query-builder .btn-danger.active, .query-builder .btn-danger.focus,
.query-builder .btn-danger:active, .query-builder .btn-danger:focus,
.query-builder .btn-danger:hover {
  color: #000;
  background-color: #f7f7f7;
  border-color: #000;
}

.query-builder .btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.query-builder .btn-group > .btn {
  position: relative;
  float: left;
}

.query-builder .btn-group > .btn:first-child {
  margin-left: 0px;
}

.query-builder .btn-group > .btn:first-child:not(:last-child) {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.query-builder .btn-group > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.query-builder .btn-group .btn + .btn, .query-builder .btn-group .btn + .btn-group,
.query-builder .btn-group .btn-group + .btn, .query-builder .btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.query-builder .btn-xs, .query-builder .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.query-builder .rule-filter-container select{
    max-width: 180px;
}
.query-builder .rule-operator-container select {
    max-width: 100px;
}
.query-builder .rule-value-container input {
    width: 240px;
}

.searchBuilderContainer {
    position: relative;
    background-color: #f7f7f7;
}
.searchBuilderSubmit {
    text-align: right;
    padding: 0 5px 10px 0;
}

.searchBuilderSave {
    position: absolute;
    left: 5px;
    bottom: 5px;
}  

#searchBuilderInput {
    width: 100%;
}

span.developerBundleCode, a.developerBundleCode {
    font-size: 10px;
    text-decoration: none;
    cursor: pointer;
    color: #333;
}

.sidecarFiletype {
    min-width: 300px;
}
.filetype {
    margin: 0 2px;
    padding: 0px 5px;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
    border-radius: 3px;
    white-space: nowrap;
}

/*.plyr, .plyr__video-wrapper {
    max-height: 96% !important;
} */
.plyr {
    height: calc(100% - 36px) !important;
} 
.plyr__video-wrapper {
    height: none !important;
}    

/* hierarchy tools */
.hierarchyTools {
    min-height: 20px;
}

.hierarchyToolsItem {
    box-sizing: border-box !important;
    text-align: center;
    float: left; 
    width: 180px; 
    height: 180px;
       
}
.hierarchyToolsItem .hierarchyToolsItemImage {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%); 
}
.hierarchyToolsItem .hierarchyToolsItemText {
    margin: 0;
    position: absolute;
    left: 0px;
    bottom: 5px;
    background-color: #444;
    padding: 4px;
    opacity: 0.8;
    
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
    
    width: 100%;
    text-align: center;
    
    display: none;
}

.hierarchyToolsItem .hierarchyToolsItemText a {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    font-size: 12px;
}

.hierarchyToolsItem .hierarchyToolsItemSelect {
    position: absolute;
    right: 5px;
    top: 5px;
    width: auto; height: auto;
    padding: 1px;
    border-radius: 5px;
}

.hierarchyToolsItem:hover .hierarchyToolsItemText {
   display: block;
}

.hierarchyToolsItem.selected {
    border: 1px solid #ccc;
    border-radius: 10px;
}

.hierarchyToolsControlSetImage, .hierarchyToolsControlRemoveItems, .hierarchyToolsControlTransferItems, .hierarchyToolsControlCreateWithItems, .hierarchyToolsControlAccess, .hierarchyToolsControlMerge {
    display: none;
    float: left;
}

.hierarchyToolsControlDownloadMedia {
    display: none;
    width: 100%;
}

.hierarchyToolsControlDownloadMedia select, .hierarchyToolsControlAccess select {
	width: 40px;
	font-size: 10px;
	margin: 0px 0px 0px 4px;
}

.hierarchyToolsControlSetImage, .hierarchyToolsControlMerge {
    margin-top: 0px;
}

.hierarchyToolsControlRemoveItems {
     margin: 0 0 0 25px;
     
}

.hierarchyToolsMessage {
    display: none;
    text-align: center;
    padding: 5px 5px 15px 0px;
	font-size: 12px;
}

.hierarchyToolsControlSelect {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
}

.hierarchyToolsMessage {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
}

/* generic editor bundle */
div.genericEditorContent {
	padding: 10px;
	font-size: 12px;
	color: #000;
	font-weight: initial;
}

div.typePill {
	display: inline;
	color: #fff;
	background-color: #aaa;
	padding: 2px 4px 2px 4px;
	border-radius: 4px;
	
	font-size: 10px;
	font-weight: normal;
	margin: 3px 3px 6px 0;
}

ul.caPrintOptions {
    display: flex;
    flex-flow: row wrap;
    justify-content: start;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 520px;
}

li.caPrintOptionItem {
    margin-right: 10px;
    min-width: 100px;
}

/* Search debugging */
div.searchResultDesc {
	display: block;
	font-size: 9px;
	
	text-align: left;
    margin: 5px;
    padding: 5px;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
    border-radius: 3px;
    
    height: 60px;
    overflow-y: auto;
}

div.searchResultDesc ul {
	display: block !important;
	font-size: 9px;
	text-align: left;
	list-style: none;
	padding: 1px;
	margin: 0px;
}

.searchResultDescHeading {
	font-weight: bold;
	text-align: left;
}

#algebraSetControls {
	display: none;
}

ul.ui-autocomplete {
    max-height: 400px;
    overflow-y: auto;
    z-index: 999999;
}

li.ui-menu-item {
    padding: 10px;
}

li.ui-menu-item:hover {
    padding: 10px;
    background-color: #000000;
    color: #ffffff;
}

div.tooltipHead {
    font-weight: bold;
    margin-bottom: 5px;
}

.ui-menu-item-wrapper {
    font-weight: normal !important;
    text-decoration: none !important;
    border: unset !important;
}

.ui-menu-item-wrapper:hover {
    font-weight: normal !important;
    text-decoration: none !important;
    border: unset !important;
}


div.ql-container {
    overflow-wrap: unset;
    font-weight: normal;
    color: unset;
    margin: unset;
    padding: unset;
    
}

.ql-toolbar.ql-snow {
    padding: 0px !important;
}

.ql-toolbar.ql-snow .ql-formats {
    margin-right:25px;
    white-space: nowrap;
}

span.ql-formats button {
    width: 32px !important;   
}

.ql-html-buttonGroup {
    bottom: 10px !important;
    display: flex;
    flex-direction: row-reverse;
    column-gap: 5px;
}

.ql-editor .ql-code-block-container {
    padding-bottom: 20px !important;
}

.ql-ca-editor {
    overflow-y: auto; 
    padding-bottom: 10px;
}

.ql-ca-container {
    overflow: hidden;
    padding-bottom: 20px;  
}

div.ql-container {
    overflow: hidden;
    padding-bottom: 20px;  
}

div.ck-reset {
    font-weight: normal;
}

.ck.ck-editor__top.ck-reset_all {
  z-index: var(--ck-z-modal);
  position: sticky;
  top: 0;
}

.ckeditor-wrapper {
    font: 14px "Helvetica Neue", Arial, Helvetica, Sans-serif;
}

div.anonymousAccessUrl, div.anonymousAccessDownloads {
	font-size: 12px;
	font-weight: normal;
	margin: 10px;
}

span.anonymousAccessUrlLabel {
	font-size: 12px;
	font-weight: bold;
}

li p {
	padding: 0 !important;
}

.ck-body-wrapper {
	position: fixed !important;
	z-index: 30000 !important;
	top: 100%;
	left: 100%;
}