/* [mixalis] */
:root {
    /* preview170 size in media_processing.conf*/
    --preview-img-size: 170px; /* default 170*/

    /* Adjustments based on  --preview-img-size*/
    --arrow-top: 180px; /* default 180 */
    --main-content-margin-left: 215px; /* default 215*/
    --left-nav-width: 211px; /* default 211*/
}

@font-face {
    font-family: "Roboto";
    src: url("fonts/Roboto-Regular.eot");
    src: url("fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype"),
        url("fonts/Roboto-Regular.woff2") format("woff2"), url("fonts/Roboto-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

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

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;
    text-decoration: underline;
}

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

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

h5 {
    margin: 0px;
    font-size: 13px;
    color: #666;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0.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: 80px;
}

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

img.logo {
    margin-top: 12px;
}

*: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: 50px;
    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 */
    /* [mixalis] default = margin-left: 215px; */
    margin-left: var(--main-content-margin-left);
    border-right: 2px solid #ddd;
    margin-top: 5px;
    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;
    /*[mixalis] default = width: 211px; */
    width: var(--left-nav-width);
    background-color: #fff;
    position: fixed;
    height: 100%;
    padding-top: 5px;
    border-right: #ddd solid 2px;
    border-left: #ddd solid 2px;
}

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

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

#leftNav h2 a,
#leftNav h2 span {
    display: block;
    padding-left: 15px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-decoration: none;
    color: #138290;
    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: capitalize;
    font-family: "Roboto", 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: capitalize;
    text-align: left;
    display: block;
    color: #000;
}
#leftNav h3 {
    margin: 0px;
    background-color: #fff;
    padding: 0px 0px 0px 15px;
    font-size: 11px;
    text-transform: capitalize;
    text-align: left;
    display: block;
    color: #333;
}
#leftNav h3.nextPrevious {
    padding: 0px;
    text-align: center;
    font-family: "Roboto";
    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: "Roboto", 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: "Roboto";
    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: capitalize;
    text-align: left;
    display: block;
    color: #333;
    font-family: "Helvetica Neue", arial, sans-serif;
}
#caColorbox strong {
    font-family: "Roboto";
}
#inspectoricon {
    margin: -10px 5px 0px -8px;
    float: left;
}

.inspectorExportControls select {
    width: 130px;
    font-size: 9px;
}
#leftNav #toolIcons {
    margin-bottom: 10px;
    padding-top: 0px;
    clear: both;
    min-height: 26px;
}

#leftNav .inspectorActionButton {
    float: left;
    margin-right: 5px;
    width: 28px;
    text-align: center;
}

#leftNav .infoIcon {
    padding-left: unset !important;
    line-height: unset !important;
}

#leftNav #inspectorLotMediaDownloadButton,
#leftNav #inspectorSetMediaDownloadButton {
    margin-top: 8px;
    margin-right: 8px;
    width: 22px;
    float: left;
}
#leftNav .button.info {
    float: left;
    width: 22px;
    margin-left: 2px;
    padding-bottom: 10px;
}
#leftNav #inspectorChangeType img {
    width: 26px;
    padding-top: 1px;
}
#inspectorChangeTypeButton {
    float: right;
    font-size: 10px;
    margin: 0px;
    text-align: right;
}
#leftNav #caDuplicateItemButton img {
    width: 18px;
    padding-top: 3px;
}
#leftNav div.watchThis {
    width: 14px;
    text-align: center;
    margin-right: 10px;
}
#inspectorLotMediaDownload {
    width: 190px;
}

#inspectorLotMediaDownloadButton {
    float: right;
    font-size: 10px;
    padding: 2px !important;
    margin: 0px;
    text-align: right;
}

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: "Roboto", 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;
}
#leftNav .button.info img {
    width: 20px;
    padding-top: 5px;
}
a.inspectorOnLoan {
    color: #cc0000;
    font-style: italic;
}

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

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

.inspectorCurrentLocation {
    color: #eb0000;
    font-style: normal;
    font-weight: bold !important;
    font-size: 11px;
}

.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: capitalize;
    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;
    /* [mixalis] default = width:170px;*/
    width: var(--preview-img-size);
}

#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;
    /* [mixalis] default = width:170px; */
    /* Mallon den yparxei pouthena to #authorityInfo */
    width: var(--preview-img-size);

    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: "Roboto";
    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 {
    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: "Roboto";
}
#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;
}
.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: "Roboto";
}
.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: 0.55em;
    padding-bottom: 0.4em;
    padding-left: 0.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 {
    color: #aaa !important;
}

.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: #138290;
    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;
}

/*** 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: "Roboto";
}
.sf-menu ul li a.sf-with-ul {
    text-transform: none;
}
.sf-sub-indicator {
    position: absolute;
    display: none;
    right: 0.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: 0.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 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.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: 0.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: 0.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: 0.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;
}
.ui-widget-header {
    background-color: #ccc !important;
    background-image: none !important;
    border: 0px !important;
    font-family: "Roboto", arial, sans-serif !important;
    font-size: 14px !important;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    background-color: #eee !important;
    background-image: none !important;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    background-color: #fff !important;
    background-image: none !important;
}
.ui-widget-content {
    border-top: 1px solid #eee !important;
    border-bottom: 0px !important;
    border-right: 0px !important;
    border-left: 0px !important;
}
.ui-autocomplete.ui-widget-content {
    border-top: 0px solid #eee !important;
    border-bottom: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    border-left: 1px solid #ccc !important;
    margin-top: 2px;
}
.ui-menu-item a:hover {
    background-image: none;
    background-color: #eee;
    border: 1px solid #ddd;
}
.hierarchyBrowseTab {
    border-top: 0px !important;
}
.ui-widget {
    font-family: "helvetica neue", arial, sans-serif !important;
    font-size: 1em !important;
    font-weight: regular !important;
}
.ui-tabs .ui-tabs-nav li {
    font-size: 13px !important;
}

/*** NOTIFICATIONS ***/

div.notification-info-box {
    background: url("../graphics/icons/info.png") no-repeat 10px 7px;
    background-size: 32px 32px;
    text-indent: 32px;
    background-color: #f3f3f3;
    padding: 5px;
    margin-bottom: 10px;
    clear: both;
    border-radius: 0px !important;
}

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

div.notification-error-box {
    background: url("../graphics/icons/warning_sign.png") no-repeat 10px 15px;
    text-indent: 32px;
    background-color: #eeeeee;
    padding: 5px;
    margin-bottom: 10px;
}

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

div.notification-warning-box {
    background: url("../graphics/buttons/warning_sign.png") no-repeat 10px 10px;
    text-indent: 32px;
    background-color: #eeeeee;
    padding: 5px;
    margin-bottom: 10px;
}

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

li.notification-info-box {
    font-weight: bold;
    color: #138290;
    font-size: 13px;
    text-indent: 10px;
    font-family: "Roboto";
    padding-top: 2px;
}

li.notification-warning-box {
    font-weight: bold;
    color: #333;
    font-size: 13px;
    text-indent: 10px;
    font-family: "Roboto";
}

li.notification-error-box {
    font-weight: normal;
    color: #eb0000;
    font-size: 13px;
    text-indent: 10px;
    font-family: "Roboto";
}

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

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

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

.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: "Roboto", 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: 12px 7px 0px 7px;
    position: relative;
    font-weight: normal;
    font-size: 11px;
    line-height: 1em;
    margin-top: 0px;
}
.bundleSubLabel select,
.bundleSubLabel .editorBundlePrintControl select,
.bundleSubLabel .editorBundleSortControl select {
    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;
}

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

.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: 40%;
    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: "Roboto", 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: 11px;
    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: "Roboto", Helvetica, sans-serif;
    font-size: 13px;
    color: #333333;
    text-transform: capitalize;
    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: "Roboto", 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: "Roboto";
}

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

div.button img {
    vertical-align: top;
    margin-top: -1px;
}
a.button {
    color: #138290;
    text-decoration: none;
    font-size: 11px;
    font-weight: normal;
    font-family: "Roboto";
}
#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;
}

/* 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: "Roboto";
    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: 3px 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: "Roboto";
    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: "Roboto", 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.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;
}

/* 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.control-box-right-content {
    float: right;
    margin-top: 3px;
    font-family: "Roboto";
}
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: "Roboto";
}

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

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

    position: relative;
}

.labelInfo #image {
    text-align: center;
}
.labelInfo div {
    /*margin-top:5px;*/
}
/* 
    .labelInfo .form-button{
    float:right;
    margin: 0px;
    padding: 0px;
}
*/

.labelLocale {
    font-size: 8px;
}

.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: capitalize;
    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: capitalize;
    color: #828282;
}

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

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

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

#searchOptionsBox,
.relatedListSearchOptionsBox {
    clear: both;
    margin: 0px 0px 0px 0px;
    display: none;
    font-size: 12px;
    color: #828282;
    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: capitalize;
    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: "Roboto";
    text-transform: capitalize;
    padding-left: 0px;
}
#searchRefineBox a {
    float: left;
    width: 173px;
    padding-bottom: 8px;
    border-bottom: 2px solid #ddd;
    margin-right: 10px;
    text-decoration: none;
    font-weight: normal;
    color: #333;
    text-transform: capitalize;
    margin-bottom: 8px;
}
a#hideRefine {
    float: right;
    margin: 0px 0px 0px 0px;
    text-decoration: none;
    text-transform: capitalize;
    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 #138290;
    border-bottom: 2px solid #138290;
    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: capitalize;
    color: #828282;
    font-size: 9px;
}
#hideTools,
.hideTools {
    clear: both;
}
#searchToolsBox,
.relatedListSearchToolsBox {
    clear: both;
    margin: 0px 0px 0px 0px;
    display: none;
    font-size: 12px;
    color: #828282;
    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: 11px;
}
/* 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: "Roboto", helvetica, sans-serif;
    font-weight: bold;
}
#searchSetTools a,
#batchTools a {
    float: right;
    clear: left;
    text-align: right;
}
#searchSetTools .searchSetsToggle a {
    float: left;
    clear: right;
    text-align: left;
    margin-bottom: 15px;
    margin-top: -14px;
    font-size: 10px;
}

#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: capitalize;
    font-weight: bold;
    color: #333;
    font-family: "Roboto";
    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: "Roboto", 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;

    /* [mixalis] */
    /* 
    defaults = 
    width: 170px;
    height: 170px;
    */
    width: var(--preview-img-size);
    height: var(--preview-img-size);
    margin-top: 0px;
    padding-top: 0px;
}

#leftNav #inspectorMedia div #inspectorInfoRepScrollingViewerImageContainer {
    position: absolute;
    /* [mixalis] den xreiazontai*/
    /* 
    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: 0.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;
    /* [mixalis] default =  top: 180px; */
    top: var(--arrow-top);
    z-index: 20000;
    left: 5px;
}
#leftNav .rightScroll {
    float: right;
    position: absolute;
    /* [mixalis] default =  top: 180px; */
    top: var(--arrow-top);
    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;
}

#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: absolute;
    top: 50%;
    left: 50%;
    width: 600px;
    height: 32px;
    margin-top: 16px;
    margin-left: -300px;
}

.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;
    width: 100%;
}
.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 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.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.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;
}
#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: 0.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.hierarchyBrowserCurrentSelection {
    padding: 6px;
    margin-bottom: 5px;
}

div.hierarchyBrowserCurrentSelectionText {
    width: 100%;
    text-align: right;
}

span.hierarchyBrowserCurrentSelectionText {
    font-weight: normal;
    font-style: italic;
}

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

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: #138290;
    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;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    border: 0px !important;
}
.hierarchyBrowserFind {
    /*** find box on editor pages ***/
    color: #666666;
    font-weight: normal;
    float: right;

    padding-left: 5px;
}
.hierarchyBrowserMessageContainer {
    /*** message above browser on editor pages ***/
    padding: 0px 8px 0px 8px;
    color: #333;
    font-weight: normal;
}
.hierarchyBrowserNewLocationMessage {
    /*** message above browser on editor pages dispaying new location to move record to ***/
    color: #eb0000;
    padding: 0px 5px 15px 0px;
    height: 1em;
}

/*** 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: #138290;
    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: "Roboto", 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: "Roboto", 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: "Roboto", 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: 200px;
    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: capitalize;
    font-family: "Roboto";
}
.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: 200px;
    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: capitalize;
    font-family: "Roboto", 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: #828282;
    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.close{
    text-transform:capitalize;
    color: #FFFFFF;
    font-size:9px;
    text-decoration:none;
    padding: 2px 4px 2px 4px;
    margin:0px 5px 0px 3px;
    background-color:#828282;
    line-height:1em;
    font-weight:bold;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
} */
#browseCriteria a.startOver,
#searchRefineParameters a.startOver {
    color: #aaa;
    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: capitalize;
    font-size: 11px;
    line-height: 27px;
    white-space: nowrap;
}
#browseCriteria a.startOver:hover {
    color: #138290;
    text-decoration: underline;
}
.criteriaLink {
    text-transform: capitalize;
    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 7px 5px 7px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
h2.browse {
    margin: 0px;
    padding: 0px 10px 5px 0px;
    float: left;
    font-family: "Roboto", helvetica, sans-serif;
    color: #333;
    font-size: 16px;
    text-transform: capitalize;
}
.jumpToGroup {
    float: left;
    font-family: "Roboto", helvetica, sans-serif;
    font-size: 14px;
}
.jumpToGroup a {
    text-decoration: none;
    padding-right: 5px;
    white-space: nowrap;
    color: #000;
}
#browseFacetGroupingControls {
    font-family: "Roboto", 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: 750px;
    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: "Roboto", helvetica, sans-serif;
    background-color: #ddd;
    padding-left: 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin: 0px 20px 0px 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: FontAwesome;
    content: "\f067";
    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: capitalize;
    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 {
    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: "Roboto";
}
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;
}
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;
}

span.bundleDisplayEditorPlacementListItemTitle {
    color: #666;
}
.ui-tooltip-content h2 {
    margin: 0px;
    padding: 0px 0px 5px 0px;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    text-align: left;
}
.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: "Roboto", helvetica, sans-serif;
    font-size: 14px;
    text-decoration: none;
}
#dashboardWidgetPanelContent img {
    padding-right: 3px;
}
#dashboardWidgetPanelTitle {
    font-family: "Roboto", 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: 0.5em 1em 1.5em 1em; /*background-color: #f8f8f8; border: 3px #ddd solid; padding:0px 0px .3em .3em*/
}
.portlet-header {
    font-family: "Roboto", 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: 15px 0px 15px 15px;
    line-height: 1.5em;
}
.ui-sortable-placeholder {
    border: 1px dotted black;
    visibility: visible !important;
    height: 50px !important;
}
.ui-sortable-placeholder * {
    visibility: hidden;
}

.dashboardWelcomeMessage {
    padding: 20px;
    margin: 10px;
    line-height: 1.5em;
    font-size: 13px;
    display: none;
    background-color: #f7f7f7;
    color: #333;
}
.dashboardLanding {
    /* used to style the "drag something here" <div> displayed when a column is empty */
    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: 5px 5px 0px 5px;
}
a.dashboardRemoveWidget {
    border: 0px;
    text-decoration: none;
}
.dashboardWidgetContentContainer {
    position: relative;
}
.dashboardWidgetContentContainer ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px 0px 5px 0px;
}
.dashboardWidgetContentContainer li {
    padding: 5px 0px 5px 0px;
    margin-left: 10px;
    list-style-position: inside;
    list-style-image: url("../graphics/arrows/arrowList.gif");
}
.dashboardWidgetContentContainer ul li a {
    font-weight: normal;
    font-size: 12px;
}

.dashboardWidgetScrollMedium {
    height: 300px;
    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 td {
    padding: 5px;
    background-color: #f2f2f2;
}
.dashboardWidgetHeading {
    font-size: 14px;
    margin: 0px 10px 10px 0px;
    line-height: 1.3em;
}
.dashboardWidgetClock {
    color: #138290;
    font-size: 48px;
    font-weight: bold;
    text-align: center;
    font-family: "Roboto", 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 {
    width: 15px;
    position: relative;
}

td.addItemToSetControl 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.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;
    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: 0.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: 0.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: 0.9em;
    font-weight: bold;
    text-align: center;
}

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

/*
 * jQuery UI Datepicker 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
    width: 17em;
    padding: 0.2em 0.2em 0;
    display: none;
}
.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: 0.2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 1.8em;
    height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
    top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
    left: 2px;
}
.ui-datepicker .ui-datepicker-next {
    right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
    left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
    right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    top: 50%;
    margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
    font-size: 1em;
    margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
    width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
    width: 49%;
}
.ui-datepicker table {
    width: 100%;
    font-size: 0.9em;
    border-collapse: collapse;
    margin: 0 0 0.4em;
}
.ui-datepicker th {
    padding: 0.7em 0.3em;
    text-align: center;
    font-weight: bold;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
    display: block;
    padding: 0.2em;
    text-align: right;
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
    background-image: none;
    margin: 0.7em 0 0 0;
    padding: 0 0.2em;
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
    float: right;
    margin: 0.5em 0.2em 0.4em;
    cursor: pointer;
    padding: 0.2em 0.6em 0.3em 0.6em;
    width: auto;
    overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
    width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
    width: 95%;
    margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}
.ui-datepicker-row-break {
    clear: both;
    width: 100%;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
    right: 2px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
    left: 2px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
    right: 1px;
    left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
    left: 1px;
    right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
    clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
    float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
    float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
    border-right-width: 0;
    border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
} /*
 * jQuery UI Progressbar 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */

.ui-widget-content {
    background: #ffffff;
}

.ui-progressbar {
    height: 2em;
    text-align: left;
}
.ui-progressbar .ui-progressbar-value {
    margin: -1px;
    height: 100%;
}

/* Relationship display */

li.quickaddMenuItem {
    background-color: #eee;
    border-top: 2px solid #aaa;
    margin-top: 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;
    height: 17px;
    vertical-align: top;
}

.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;
    background-color: #fbfbfb;

    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 {
    position: relative;
    margin: 0 3px 0 3px;
}

.listRel .caDeleteItemButton,
.listRel .caInterstitialEditButton {
    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: "Roboto", sans-serif;
    font-size: 13px;
    color: #333;
    margin-bottom: 10px;
    padding-top: 5px;
    font-weight: bold;
    text-align: left;
}

div.preferencePlacementList {
    width: 350px;
    height: 350px;
    overflow: auto;
    margin-right: 10px;
}

.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: "Roboto", 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;
}

/* Application monitor styles */
#caApplicationMonitor {
    border: 2px solid #999;
    display: none;
    overflow: auto;
    width: 900px;
    height: 500px;
    position: fixed;
    top: 100px;
    left: 50%;
    margin: 0 0 0 -450px;
    background: #ffffff;
    padding: 15px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

/* -------------------------------------------------*/
/* 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;
}
.accessName {
    font-weight: bold;
    font-size: 12px;
    color: #134959;
    line-height: 1.75em;
}

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

/* -------------------------------------------------*/
/* "Searchlight" autocomplete search results styles */
/* -------------------------------------------------*/
div.searchlight-header {
    size: 12px;
    font-weight: bold;
    text-transform: capitalize;
    color: #333333;
    background-color: #e4e4e4;
    padding: 3px;
}
div.searchlight-item {
    size: 12px;
    color: #333333;
    padding: 3px 3px 8px 3px;
    background-color: #ffffff;
}
div.searchlight-item a {
    size: 12px;
    color: #333333;
    text-decoration: none;
}
div.searchlight-item a:hover {
    text-decoration: underline;
}
div.searchlight-results-wrapper {
    color: #333333;
    border: 1px solid #cccccc;
    margin: 0px -1px -1px 6px;
    overflow: hidden;
    width: 180px;
    margin: 16px 0px 0px 0px;
    position: fixed;
}
div.searchlight-results div.searchlight-selected {
    background: #333;
    color: #fff;
}
#caClientOrderOverview .loanTitle {
    font-size: 13px;
    font-weight: bold;
    color: #333;
    padding: 0px 5px 0px 5px;
}
#caClientOrderOverview td {
    border-bottom: 1px solid #ccc;
    padding: 5px 10px 5px 10px;
}
#caClientOrderOverview table {
    width: 100%;
}
.titleTd td {
    border-left: 1px solid #333;
}
.orderTotal {
    font-weight: bold;
    text-transform: capitalize;
    float: right;
    padding: 5px 0px 0px 0px;
    clear: both;
}
.overdue {
    color: #eb0000;
}

/* OpenLayers */

.olMap {
    background-color: #999999;
    clear: left;
}

.olControlDelete {
    position: absolute;
    background-image: url(../graphics/icons/map_delete.png);
    top: 0;
    right: 0;
    width: 24px;
    height: 22px;
}
.olControlDelete:hover {
    position: absolute;
    background-image: url(../graphics/icons/map_delete_selected.png);
    top: 0;
    right: 0;
    width: 24px;
    height: 22px;
}

.olControlDeleteItemActive {
    position: absolute;
    background-image: url(../graphics/icons/map_delete.png);
    top: 0;
    right: 0;
    width: 24px;
    height: 22px;
}
.olControlDeleteItemActive:hover {
    position: absolute;
    background-image: url(../graphics/icons/map_delete_selected.png);
    top: 0;
    right: 0;
    width: 24px;
    height: 22px;
}

.olControlDeletePanel {
    border: 0px solid black;
    bottom: 5px;
    right: 5px;
    width: 24px;
    height: 22px;
    position: absolute;
    cursor: pointer;
}

.olMapKmlControl {
    float: left;
    position: relative;
    width: 150px;
    height: 30px;
    margin: 5px 0 5px 0;
    padding: 0px;
}

.olMapSearchBox {
    float: right;
    position: relative;
    background: url(../graphics/backgrounds/searchbox.png) no-repeat bottom right;
    width: 150px;
    height: 30px;
    margin: 5px 0 5px 0;
    padding: 0px;
}

.olMapSearchBoxIcon {
    margin: 12px 8px 0 0;
}

.olMapSearchBox input {
    outline-style: none;
    border: none;
}

.olMapSearchContainer {
    float: right;
    margin: 0;
    padding-right: 0;
    list-style: none;
    line-height: 1;
}

.olMapSearchText {
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 1px 3px 3px 3px;
    font-weight: normal;
    border: 0px;
    width: 100px;
    height: 12px;
    float: left;
    margin: 9px 0px 0px 23px;
    outline-style: none;
}

.olMapKMLInput {
    display: none;
    margin-top: 18px !important;
}
.olMap {
    clear: left;
}

.olPopup {
    border: 1px solid #000000 !important;
    border-radius: 8px !important;
    box-shadow: 4px 4px 10px rgba(75, 75, 75, 0.75) !important;
}

.olPopupCloseBox {
    width: 15px !important;
    height: 16px !important;
    margin: 0px !important;
}

.olPopupContent {
    margin-left: 10px !important;
    margin-top: 0px !important;
    padding: 0px 5px 5px 5px !important;
}

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

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

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

#caSummaryDownloadOptionsPanelContentArea {
    padding: 10px;
}

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

#caSummaryDownloadOptionsPanelControlButtons table {
    width: 100%;
}

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

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

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

.caSummaryDownloadOptionsPanelAlertControl {
    font-size: 11px;
}

/* 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: 31000; /* 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 {
    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 */

#exporterUploadArea {
    border: 1px dashed #ccc;
    display: none;
    font-family: "Roboto", helvetica, sans-serif;
    font-size: 16px;
    color: #333;
    text-align: center;
    padding: 10px;
}
.ui-progressbar {
    border: 1px solid #eeeeee !important;
}

/** 
 *
 * 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;
}
.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;
}
.caAnnoEditorAudioMediaPlayer {
    margin-top: 343px;
}
.caAnnoEditorVideoMediaPlayer {
}
.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;
}

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

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

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

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

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

/**
 * 
 * ThreeSixty spinning image viewer
 *
 */
.threesixty {
    position: relative;
    margin: auto;
    text-align: left;
}
.threesixty .threesixty_images {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}
.threesixty .threesixty_images img {
    position: absolute;
    top: 0;
    width: 100%;
    height: auto;
}
.threesixty .threesixty_images img.previous-image {
    visibility: hidden;
    /*
           Do not put here any other styles.
           It causes massive recalc / repaints and image flickering,
           especially on Firefox.
        */
}
.threesixty .threesixty_images img.current-image {
    visibility: visible;
    /*
           Do not put here any other styles.
           It causes massive recalc / repaints and image flickering,
           especially on Firefox.
        */
}
.threesixty .spinner {
    width: 60px;
    display: block;
    margin: 0 auto;
    height: 30px;
    background: #333;
    background: rgba(0, 0, 0, 0.7);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.threesixty .spinner span {
    font-family: Arial, "MS Trebuchet", sans-serif;
    font-size: 12px;
    font-weight: bolder;
    color: #fff;
    text-align: center;
    line-height: 30px;
    display: block;
}
.threesixty .nav_bar {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 11;
}
.threesixty .nav_bar a {
    display: block;
    width: 32px;
    height: 32px;
    float: left;
    background: url(../graphics/threesixty/sprites.png) no-repeat;
    text-indent: -99999px;
}
.threesixty .nav_bar a.nav_bar_play {
    background-position: 0 0 !important;
}
.threesixty .nav_bar a.nav_bar_previous {
    background-position: 0 -73px !important;
}
.threesixty .nav_bar a.nav_bar_stop {
    background-position: 0 -37px !important;
}
.threesixty .nav_bar a.nav_bar_next {
    background-position: 0 -104px !important;
}
/* html */
.threesixty:-webkit-full-screen {
    background: #ffffff;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding-top: 200px;
}
.threesixty:-moz-full-screen {
    background: #ffffff;
    width: 100%;
    height: 100%;
    margin-top: 0;
    padding-top: 200px;
}
/* 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;
}

/* Media content dialog in CKEditor */
.camediacontentMediaList {
    width: 200px;
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}

div.camediacontentMediaList ul li.mediaItem {
    padding: 3px;
}

div.camediacontentMediaList ul li.mediaItem div img {
    margin: 0px 5px 0px 0px;
}

li.mediaItem-selected {
    background-color: #dfdfdf !important;
}

/* Force CKEditor full screen overlay to top of window */
.cke_maximized {
    top: 0px !important;
}

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

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

div.checklistItem {
    font-weight: normal;
    margin: 2px 2px 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: #138290;
}

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