/*==================================================
 * Browse Panel styles
 *==================================================
 */
div.exhibit-browsePanel {
}

div.exhibit-browsePanel-notConfigureMessage {
    border:     1px solid #604800;
    padding:    1em;
    background: #FFFFE0;
    text-align: center;
}

div.exhibit-browsePanel-logoContainer {
    text-align: center;
    margin:     1em;
    clear:      both;
}

div.exhibit-bubble
{
    position: absolute;
    background-color: white;
    border: 1px solid gray;
    padding: 2ex;
    border-radius: 1ex;
    z-index: 1000;
}

div.exhibit-bubble:before {
    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    border: 1px solid transparent;
}

div.exhibit-bubble:after {
    content: ' ';
    position: absolute;
    width: 0px;
    height: 0px;
    border: 1px solid transparent;
}

.exhibit-bubble-close-btn:before {
  content: "\00d7";
  z-index: 1002;
}
.exhibit-bubble-close-btn {
  background: #dddddd;
  background-image: linear-gradient(135deg, white, #bbbbbb);
  border-radius: 20px;
  border: 1px solid gray;
  font-family: Arial;
  color: #444444;
  font-size: 16px;
  line-height: 12px;
  width: 12px;
  height: 12px;
  padding: 0px;
  text-align: center;
  text-decoration: none;
  position: absolute;
  right: 4px;
  top: 4px;
  cursor: pointer;
  z-index: 1001;
}

.exhibit-bubble-close-btn:hover {
  background: #aaaaaa;
  background-image: linear-gradient(45deg, #cccccc, #999999);
  text-decoration: none;
}

div.exhibit-bubble-above {
    transform: translate(-50%,-100%) translateY(-22px);
}

div.exhibit-bubble-above:before {
    left: 50%;
    bottom: -44px;
    border-width: 22px 8px 22px 8px;
    margin-left: -8px;
    border-top-color: gray;
}

div.exhibit-bubble-above:after {
    left: 50%;
    bottom: -42px;
    border-top-color: white;
    border-width: 22px 8px 22px 8px;
    margin-left: -8px;
}

div.exhibit-bubble-below {
    transform: translate(-50%, 22px);
}

div.exhibit-bubble-below:before {
    left: 50%;
    top: -44px;
    border-width: 22px 8px 22px 8px;
    margin-left: -8px;
    border-bottom-color: gray;
}

div.exhibit-bubble-below:after {
    left: 50%;
    top: -42px;
    border-bottom-color:  white;
    border-width: 22px 8px 22px 8px;
    margin-left: -8px;
}

div.exhibit-bubble-right {
    transform: translate(22px, -50%);
}

div.exhibit-bubble-right:before {
    top: 50%;
    left: -44px;
    border-width: 8px 22px 8px 22px;
    margin-top: -8px;
    border-right-color:  gray;
}

div.exhibit-bubble-right:after {
    top: 50%;
    left: -42px;
    border-right-color: white;
    border-width: 8px 22px 8px 22px;
    margin-top: -8px;
}

div.exhibit-bubble-left {
    transform: translate(-100%,-50%) translateX(-22px);
}

div.exhibit-bubble-left:before {
    top: 50%;
    right: -44px;
    border-width: 8px 22px 8px 22px;
    margin-top: -8px;
    border-left-color: gray;
}

div.exhibit-bubble-left:after {
    top: 50%;
    right: -42px;
    margin-top: -8px;
    border-left-color: white;
    border-width: 8px 22px 8px 22px;
}

div.exhibit-bubble-below-right {
    margin-left: 22px;
}

div.exhibit-bubble-below-right:before {
    border-top-color: gray;
    top: -1px;
    left: -23px;
    border-width: 10px 22px 10px 22px;
}

div.exhibit-bubble-below-right:after {
    border-top-color: white;
    top: 0;
    left: -18px;
    border-width: 10px 22px 10px 22px;
}

div.exhibit-bubble-above-right {
    margin-left: 22px;
    transform: translateY(-100%);
}

div.exhibit-bubble-above-right:before {
    border-bottom-color: gray;
    bottom: -1px;
    left: -23px;
    border-width: 10px 22px 10px 22px;
}

div.exhibit-bubble-above-right:after {
    border-bottom-color: white;
    bottom: 0;
    left: -18px;
    border-width: 10px 22px 10px 22px;
}

div.exhibit-bubble-below-left {
    margin-left: -22px;
    transform: translateX(-100%);
}

div.exhibit-bubble-below-left:before {
    border-top-color: gray;
    top: -1px;
    right: -24px;
    border-width: 10px 23px 10px 23px;
}

div.exhibit-bubble-below-left:after {
    border-top-color: white;
    top: 0;
    right: -19px;
    border-width: 10px 23px 10px 23px;
}

div.exhibit-bubble-above-left {
    margin-left: -22px;
    transform: translate(-100%,-100%);
}

div.exhibit-bubble-above-left:before {
    border-bottom-color: gray;
    bottom: -1px;
    right: -24px;
    border-width: 10px 23px 10px 23px;
}

div.exhibit-bubble-above-left:after {
    border-bottom-color: white;
    bottom: 0;
    right: -19px;
    border-width: 10px 23px 10px 23px;
}



div.exhibit-bubble-close {
    position:   absolute;
    right:      -10px;
    top:        -12px;
    width:      16px;
    height:     16px;
    cursor:     pointer;
}

div.exhibit-message-bubble {
    position:   fixed;
    left:       35%;
    top:        35%;
    min-width:  25%;
    z-index:    1000;
    padding:    3ex;
    border:     2px solid gray;
    border-radius: 3ex;
    background: white;
    background: rgba(255,255,255,.85);
    text-align: center;
}

div.exhibit-message-bubble-content {
    display: inline-block;
}.exhibit-controlPanel {
    text-align: right;
}
/*==================================================
 * Exhibit styles
 *
 * Note that almost all CSS code is in themes.
 *==================================================
 */
.exhibit-ui-protection div {
    margin:     0;
    padding:    0;
}
.exhibit-ui-protection table {
	font-size: 100%;
}
.exhibit-ui-protection tr {
	vertical-align: top;
}
a img {
    border: none;
}

a.exhibit-action, 
a.exhibit-action:link, 
a.exhibit-action:active, 
a.exhibit-action:visited {
	text-decoration:    none;
	border-bottom:      1px dotted;
	cursor:             pointer;
}
a.exhibit-action:hover {
	border-bottom:  1px solid;
	cursor:         pointer;
}

a.exhibit-action-disabled, 
a.exhibit-action-disabled:link, 
a.exhibit-action-disabled:active, 
a.exhibit-action-disabled:visited {
	text-decoration:    none;
	border-bottom:      1px dotted;
	cursor:             pointer;
    opacity:            0.5;
}
a.exhibit-action-disabled:hover {
	border-bottom:  1px solid;
	cursor:         pointer;
}

a.exhibit-item, 
a.exhibit-item:link, 
a.exhibit-item:active, 
a.exhibit-item:visited {
	text-decoration:    none;
	border-bottom:      1px dotted red;
	cursor:             pointer;
}
a.exhibit-item:hover {
	border-bottom:  1px solid;
	cursor:         pointer;
}

span.exhibit-value {
}

/*
 *  Menu Popup
 */
div.exhibit-menu-popup {
    position:       absolute;
    width:          15em;
    z-index:        1000;
    background:     #FFFFE0;
    border:         1px solid #aaa;
}

a.exhibit-menu-item {
    text-decoration:    none;
}

a.exhibit-menu-item > div {
    padding:            2px 2px 2px 20px;
    text-indent:        -18px;
}

a:hover.exhibit-menu-item > div {
    background:         #DFDFC8;
}

a.exhibit-menu-item div img {
    vertical-align:     middle;
    margin-right:       2px;
}

div.exhibit-menu-section {
    padding:            2px;
    font-weight:        bold;
}

/*
 *  Copy Button and Dialog Box
 */
button.exhibit-copyButton, button.exhibit-button {
    border: 1px dashed;
    cursor: pointer;
    margin: 2px;
}
button:hover.exhibit-copyButton, button.exhibit-button:hover {
    background: white;
    border:     1px dashed blue;
    color:      blue;
    cursor:     pointer;
}

div.exhibit-copyDialog {
    position:       absolute;
    z-index:        1000;
    background:     #B2E8FF;
    border:         1px solid #aaa;
    padding:        2em;
    left:           25%;
    right:          25%;
}

div.exhibit-copyDialog textarea {
    width:          100%;
    font-size:      90%;
    color:          #888;
}

div.exhibit-copyDialog button {
    float:          right;
}

/*
 *  Focus Dialog Box
 */
div.exhibit-focusDialog {
    position:       absolute;
    z-index:        1000;
    background:     #B2E8FF;
    border:         1px solid #aaa;
    padding:        2em;
    left:           25%;
    right:          25%;
}

div.exhibit-focusDialog-lensContainer {
}

div.exhibit-focusDialog-controls {
    margin:         1em;
    text-align:     center;
}

/*
 *  Busy indicator
 */
.exhibit-busyIndicator {
    position:   fixed;
    left:       35%;
    top:        35%;
    min-width:  25%;
    z-index:    1000;
    padding:    3ex;
    border:     2px solid gray;
    border-radius: 3ex;
    background: white;
    background: rgba(255,255,255,.85);
}
.exhibit-busyIndicator-content {
    font-size:      120%;
    font-weight:    bold;
    text-align:     center;
}
.exhibit-busyIndicator-content img {
    vertical-align: middle;
}
div.simileAjax-bubble-container {
    margin:     0px;
    padding:    0px;
    border:     none;
    position:   absolute;
    z-index:    1000;
}

div.simileAjax-bubble-innerContainer {
    margin:     0px;
    padding:    0px;
    border:     none;
    position:   relative;
    width:      100%;
    height:     100%;
    overflow:   visible;
}

div.simileAjax-bubble-contentContainer {
    margin:     0px;
    padding:    0px;
    border:     none;
    position:   absolute;
    left:       0px;
    top:        0px;
    width:      100%;
    height:     100%;
    overflow:   auto;
    background: white;
}

div.simileAjax-bubble-border-left {
    position:   absolute;
    left:       -50px;
    top:        0px;
    width:      50px;
    height:     100%;
}

div.simileAjax-bubble-border-left-pngTranslucent {
    background: url(../images/bubble-left.png) top right repeat-y;
}

div.simileAjax-bubble-border-right {
    position:   absolute;
    right:      -50px;
    top:        0px;
    width:      50px;
    height:     100%;
}

.simileAjax-bubble-border-right-pngTranslucent {
    background: url(../images/bubble-right.png) top left repeat-y;
}

div.simileAjax-bubble-border-top {
    position:   absolute;
    top:        -50px;
    left:       0px;
    width:      100%;
    height:     50px;
}

.simileAjax-bubble-border-top-pngTranslucent {
    background: url(../images/bubble-top.png) bottom left repeat-x;
}

div.simileAjax-bubble-border-bottom {
    position:   absolute;
    bottom:     -50px;
    left:       0px;
    width:      100%;
    height:     50px;
}

.simileAjax-bubble-border-bottom-pngTranslucent {
    background: url(../images/bubble-bottom.png) top left repeat-x;
}

div.simileAjax-bubble-border-top-left {
    position:   absolute;
    top:        -50px;
    left:       -50px;
    width:      50px;
    height:     50px;
}

.simileAjax-bubble-border-top-left-pngTranslucent {
    background: url(../images/bubble-top-left.png) bottom right no-repeat;
}

div.simileAjax-bubble-border-top-right {
    position:   absolute;
    top:        -50px;
    right:      -50px;
    width:      50px;
    height:     50px;
}

.simileAjax-bubble-border-top-right-pngTranslucent {
    background: url(../images/bubble-top-right.png) bottom left no-repeat;
}

div.simileAjax-bubble-border-bottom-left {
    position:   absolute;
    bottom:     -50px;
    left:       -50px;
    width:      50px;
    height:     50px;
}

.simileAjax-bubble-border-bottom-left-pngTranslucent {
    background: url(../images/bubble-bottom-left.png) top right no-repeat;
}

div.simileAjax-bubble-border-bottom-right {
    position:   absolute;
    bottom:     -50px;
    right:      -50px;
    width:      50px;
    height:     50px;
}

.simileAjax-bubble-border-bottom-right-pngTranslucent {
    background: url(../images/bubble-bottom-right.png) top left no-repeat;
}

div.simileAjax-bubble-arrow-point-left {
    position:   absolute;
    left:       -100px;
    width:      100px;
    height:     49px;
}

.simileAjax-bubble-arrow-point-left-pngTranslucent {
    background: url(../images/bubble-arrow-point-left.png) center right no-repeat;
}

div.simileAjax-bubble-arrow-point-right {
    position:   absolute;
    right:      -100px;
    width:      100px;
    height:     49px;
}

.simileAjax-bubble-arrow-point-right-pngTranslucent {
    background: url(../images/bubble-arrow-point-right.png) center left no-repeat;
}

div.simileAjax-bubble-arrow-point-up {
    position:   absolute;
    top:        -100px;
    width:      49px;
    height:     100px;
}

.simileAjax-bubble-arrow-point-up-pngTranslucent {
    background: url(../images/bubble-arrow-point-up.png) bottom center no-repeat;
}

div.simileAjax-bubble-arrow-point-down {
    position:   absolute;
    bottom:     -100px;
    width:      49px;
    height:     100px;
}

.simileAjax-bubble-arrow-point-down-pngTranslucent {
    background: url(../images/bubble-arrow-point-down.png) bottom center no-repeat;
}

div.simileAjax-bubble-close {
    position:   absolute;
    right:      -10px;
    top:        -12px;
    width:      16px;
    height:     16px;
    cursor:     pointer;
}

.simileAjax-bubble-close-pngTranslucent {
    background: url(../images/close-button.png) no-repeat;
}

div.timegrid-iterator > .timegrid-previous {
  width: 16px;
  height: 16px;
  content: ' ';
  display: inline-block;
  background-image: url('../images/go-previous.png')
}

div.timegrid-iterator > .timegrid-next {
  width: 16px;
  height: 16px;
  content: ' ';
  display: inline-block;
  background-image: url('../images/go-next.png')
}div.exhibit-lens {
    border:         1px solid #aaa;
    margin-bottom:  1em;
}

div.exhibit-lens-title {
    font-weight:    bold;
    background:     #eee;
    padding:        2px;
}

.exhibit-lens-copyButton {
    float:  right;
}

div.exhibit-lens-body {
	padding: 0.3em;
}

table.exhibit-lens-properties {
}

tr.exhibit-lens-property {
}

td.exhibit-lens-property-name {
	color: #888;
}

td.exhibit-lens-property-values {
}

/*
    From Kuler, http://kuler.adobe.com/
    
    #e6e2af
    #a7a37e
    #efecca
    #046380
    #002f2f
 */

div.timegrid-tab {
    background-color: #efecca;
}

div.timegrid-tab-active {
    background-color: #a7a37e;
    font-weight: bold;
}

div.timegrid-tab a {
    text-decoration: none;
}
 
div.timegrid-view {
    background: #a7a37e;
    border: 1px solid #a7a37e;
}

div.timegrid-grid-window {
    border: none;
    background: white;
}

div.timegrid-xlabels-window {
    border-left: 1px solid #a7a37e;
    border-right: 1px solid #a7a37e;
    border-bottom: 1px solid #a7a37e;
}
div.timegrid-ylabels-window {
    border-top: 1px solid #a7a37e;
    border-bottom: 1px solid #a7a37e;
    border-right: 1px solid #a7a37e;
}

div.timegrid-hline, div.timegrid-vline {
    background: #e6e2af;
}

div.timegrid-xlabels-window, div.timegrid-ylabels-window {
    background: #efecca;
}

div.timegrid-label {
    color: #046380;
}

.timegrid-xlabels div.timegrid-label {
    border-left: 1px solid #e6e2af;
}

.timegrid-ylabels div.timegrid-label {
    border-top: 1px solid #e6e2af;
}

div.timegrid-event {
    background-color: #e6e2af;
    color: #046380;
}

/* Monthly View */
div.timegrid-month-cell {
    color: #046380;
    padding: 0px;
}

ul.timegrid-event-list {
    list-style-position: inside;
    padding: .5em;
}
div.week-default {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 9pt;
    overflow: hidden;
}

div.week-default * {
    margin: 0;
    padding: 0;
}

div.week-default ul, div.week-default li {
    font-size: 9pt;
}

div.timegrid-iterator {
    float: left;
    font-weight: bold;
    height: 1.5em;
}

.timegrid-iterator-prev, .timegrid-iterator-next {
    margin: .5em;
}

.timegrid-iterator img {
    border: none;
}

div.timegrid-tab {
    padding-left: 1em;
    padding-right: 1em;
    margin: 0px;
    float: right;
    background-color: #bbb;
}

div.timegrid-tab-active {
    font-weight: bold;
}

div.timegrid-view {
    position: absolute;
    top: 1.5em;
    bottom: 0px;
    width: 100%;
    left: 0px;
    border: 1px white solid;
}

div.timegrid-grid-window {
    position: absolute;
    overflow: scroll;
    border: 1px inset black;
}

table.timegrid-gridlines, .timegrid-hline, .timegrid-vline {
    border: 1px solid #e6e2af;
}

div.timegrid-events {
    position: relative;
    z-index: 2;
}

div.timegrid-gridlines {
    position: relative;
    z-index: 1;
}

div.timegrid-xlabels {
    position:   absolute;
    left: 0px;
}

.timegrid-xlabels div.timegrid-label {
    top:            0px;
    bottom:         0px;
    text-align:     center;
    padding:        3px;
}

div.timegrid-ylabels {
    position: absolute;
}

.timegrid-ylabels div.timegrid-label {
    left:       0px;
    right:      0px;
    text-align: right;
    padding:    3px;
}

div.timegrid-xlabels-window {
    position: absolute;
    overflow: hidden;
    text-align: center;
}

div.timegrid-ylabels-window {
    position: absolute;
    overflow: hidden;
}

div.timegrid-label {
    position: absolute;
    padding: 2px;
    color: #aaa;
}

/* Weekly View */
div.timegrid-event {
    position: absolute;
    width: 100px;
    background-color: #aaf;
    padding: 0;
    overflow: hidden;
    z-index: 5;
}

.timegrid-week-highlight {
    position: absolute;
    background-color: #eee;
}

.timegrid-event div {
    padding: 2px;
}

/* Monthly View */
div.timegrid-month-cell {
    position: absolute;
    padding: 0;
    overflow: hidden;
}

div.timegrid-month-cell-not-current {
    background-color: #F8F8F8;
}

div.timegrid-month-cell-now {
    background-color: #ccc;
}

ul.timegrid-event-list {
    list-style-position: inside;
    padding-left: .5em;
}

div.timegrid-month-label {
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1;
}

div.timegrid-month-label span {
    display: block;
    font-size: 12em;
    font-weight: bold;
    color: #F0F0F0;
}

span.timegrid-month-date-label {
    position: absolute;
    right: 5px;
    top: 5px;
    color: #000;
}

/* Message */
.timegrid-message-container {
    position:   absolute;
    top:        30%;
    left:       35%;
    right:      35%;
    z-index:    1000;
    display:    none;
}
.timegrid-message {
    font-size:      120%;
    font-weight:    bold;
    text-align:     center;
}
/*==================================================
 * Facet box
 *==================================================
 */
div.exhibit-facet {
    position:   relative;
}

div.exhibit-facet-header {
    padding:        2px;
}
div.exhibit-facet-header-filterControl {
    float:          right;
    width:          2em;
    display:        none;
    cursor:         pointer;
}
div.exhibit-facet-header-filterControl img {
    vertical-align: text-bottom;
}

img.exhibit-facet-header-collapse { 
    border: 1px;
    cursor: pointer;
    padding-right: 3px;
}

span.exhibit-facet-header-title {
    font-weight:    bold;
}
span.exhibit-facet-header-detail {
    color:          #888;
    padding-left:   0.5em;
}
    
div.exhibit-facet-body-frame {
    clear:          both;
}

div.exhibit-facet-body {
    border:         1px solid #ddd;
    height:         10em;
    overflow:       auto;
}

/*==================================================
 * Facet value
 *==================================================
 */

div.exhibit-facet-value {
    cursor:         pointer;
    padding:        2px 0px;
    clear:          both;
}
div.exhibit-facet-value-selected {
    font-weight:    bold;
}

div.exhibit-facet-value-count {
    float:          left;
    width:          2em;
    text-align:     right;
    color:          #aaa;
}

div.exhibit-facet-value-inner {
    padding-left:   2.5em;
}

a.exhibit-facet-value-link {
    text-decoration: none;
}
a.exhibit-facet-value-link:hover {
    text-decoration: underline;
}

div.exhibit-facet-value-checkbox {
    float:          right;
}

span.exhibit-facet-value-missingThisField {
    color:          #888;
}

/*==================================================
 * Flowing facet box
 *==================================================
 */
div.exhibit-flowingFacet {
    clear:          both;
}

div.exhibit-flowingFacet-header {
    padding:        2px 0px;
}

span.exhibit-flowingFacet-header-title {
    font-weight:    bold;
}
    
div.exhibit-flowingFacet-body {
}

/*==================================================
 * Flowing facet value
 *==================================================
 */

div.exhibit-flowingFacet-value {
    cursor:         pointer;
    clear:          both;
    position:       relative;
    margin-left:    20px;
}

a.exhibit-flowingFacet-value-link {
    text-decoration: none;
}
a.exhibit-flowingFacet-value-link:hover {
    text-decoration: underline;
}

div.exhibit-flowingFacet-value-selected {
    font-weight:    bold;
}

span.exhibit-flowingFacet-value-count {
    color:          #aaa;
}

div.exhibit-flowingFacet-value-checkbox {
    position:       absolute;
    left:           -20px;
    padding:        0;
    margin:         0;
}

/*==================================================
 * Text search facet
 *==================================================
 */
div.exhibit-text-facet {
}

div.exhibit-text-facet input {
    width: 100%;
}

/*==================================================
 * Cloud facet
 *==================================================
 */
div.exhibit-cloudFacet {
    clear:          both;
}

div.exhibit-cloudFacet-header {
    padding:        2px 0px;
}

span.exhibit-cloudFacet-header-title {
    font-weight:    bold;
}

div.exhibit-cloudFacet-body {
    padding:    0.5em;
    border:     1px solid #aaa;
}

span.exhibit-cloudFacet-value {
    cursor: pointer;
}

span.exhibit-cloudFacet-value-selected {
    text-decoration: underline;
    background:      yellow;
}

/*==================================================
 * Hierarchical facet
 *==================================================
 */
 
a.exhibit-facet-value-children-toggle {
    padding: 0px 5px;
}
a.exhibit-facet-value-children-toggle:hover {
    background: #eee;
}

a.exhibit-flowingFacet-value-children-toggle {
    padding: 0px 5px;
}
a.exhibit-flowingFacet-value-children-toggle:hover {
    background: #eee;
}

div.exhibit-flowingFacet-childrenContainer {
}

div.exhibit-facet-childrenContainer {
    padding-left: 16px;
}

/*==================================================
 * Slider facet
 *==================================================
 */

div.exhibit-slider { 
    padding-left: 10px;
}

div.exhibit-slider-bar { 
    background: #000;
    margin: 5px 0 15px 0;
    position: relative;
}

div.exhibit-slider-bar2 { 
    background: #eee;
    line-height: 0;
    margin: 15px 10px 10px 5px;
    height: 150px;
    width: 20px;
    position: relative;
}

div.exhibit-slider-handle { 
    cursor: pointer;
    float: left;
    height: 19px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 12px;
    z-index: 1;
}

div.exhibit-slider-histogram {
    background: #eee;
}

div.exhibit-slider-handle2 { 
    cursor: pointer;
    float: left;
    height: 12px;
    left: 0px;
    position: absolute;
    top: 0px;
    width: 19px;
    z-index: 1;
}

div.exhibit-slider-histogram div { 
    background: #999;
}

div.exhibit-slider-display {
    font-size: 16px;
}

.exhibit-slider-display input { 
    background: #eee;
    font-size: 10px;
    width: 40px;
}

/*==================================================
 * Image facet
 *==================================================
 */
.inline-block {
	display:    -moz-inline-box;
	display:    inline-block;
}

.exhibit-imageFacet-value, .exhibit-imageFacet-value div, .exhibit-imageFacet-value img {
	margin: 0px;
	padding: 0px;
}

.exhibit-imageFacet-value div.wrapper {
	margin:     3px;
	padding:    6px;
	padding-bottom: 10px;
	text-align: right;
    vertical-align: bottom;
    cursor:     pointer;
	position: relative;
}

.exhibit-imageFacet-value .countDiv div.text {
	position: absolute;
	bottom: .1em;
	left: .3em;
}
.exhibit-imageFacet-value .countDiv {
	position: absolute;
	border: 1px solid black;
	bottom: 0px;
	right: 5px;
	width: 2em;
	height: 2em;
	font-size: 6pt;
}

div.countBackground { /* this class makes a window partially transparent */
	background-color: #FF9000;
	clear: both;
	width: 100%;
	height: 100%;
    opacity: .5;               /* Standard style for transparency */
    -moz-opacity: .5;          /* Transparency for older Mozillas */
    filter: alpha(opacity=50);  /* Transparency for IE */
}


.exhibit-imageFacet-value-selected img {
	background: #fcc;
}

 .exhibit-imageFacet-value-selected {
	background: #fcc;
}

/*==================================================
 * Common styles for views
 *==================================================
 */
div.exhibit-views-unplottableMessage {
    padding:        1em;
    text-align:     center;
}
.exhibit-views-unplottableCount {
    font-weight: bold;
}
.exhibit-views-totalCount {
}

div.exhibit-views-bubbleWithItems {
}

div.exhibit-collectionView {
}

div.exhibit-collectionView-header {
}
span.exhibit-collectionView-header-count {
    font-size:      200%;
}
span.exhibit-collectionView-header-types {
    padding-left:   0.5em;
}
span.exhibit-collectionView-header-details {
    padding-left:   0.5em;
    color:          #888;
}
div.exhibit-collectionView-header-sortControls {
    text-align:     center;
    margin:         1em 0;
}
.exhibit-collectionView-header-groupControls {
    cursor: pointer;
}
.exhibit-collectionView-header-duplicateControls {
    cursor: pointer;
}

div.exhibit-collectionView-body {
}

div.exhibit-collectionView-group {
}

span.exhibit-collectionView-group-count {
}

div.exhibit-collectionView-group-content {
    margin-left: 1em;
}

div.exhibit-collectionView-group h1 {
    font-size:      150%;
    margin:         1em 0;
}

div.exhibit-collectionView-group h2 {
    font-size:      120%;
    margin:         0.5em 0;
}

.exhibit-collectionView-group h3 {
}

div.exhibit-collectionView-footer {
    clear:      both;
    text-align: center;
    margin:     2em 0;
}

div.exhibit-collectionView-pagingControls {
    margin: 1em 0;
    text-align: center;
}

.exhibit-collectionView-pagingControls-currentPage {
    padding: 0px 0.5em;
    font-weight: bold;
}

.exhibit-collectionView-pagingControls-page {
    padding: 0px 0.5em;
}

ul.exhibit-collectionView-pagingControls {
    clear: both;
    margin: 2em 0;
    text-align: center;
}

ul.exhibit-collectionView-pagingControls li {
    list-style-type: none;
    display: inline;
}

ul.exhibit-collectionView-pagingControls li a {
    border: 1px solid #90C2E1;
    background: #DFEDF7;
    padding: 2px 5px;
    text-decoration: none;
}
table.exhibit-tabularView-body {
    width: 100%;
}

.exhibit-tabularView-columnHeader {
    cursor:         pointer;
    white-space:    pre;
}

.exhibit-tabularView-columnHeader-sorted {
    cursor:         pointer;
    white-space:    pre;
}

div.exhibit-tabularView-pagingControls {
    margin: 1em 0;
    text-align: center;
}

.exhibit-tabularView-pagingControls-currentPage {
    padding: 0px 0.5em;
    font-weight: bold;
}

.exhibit-tabularView-pagingControls-page {
    padding: 0px 0.5em;
}
div.exhibit-thumbnailView-group {
    clear: both;
}

div.exhibit-thumbnailView-body {
}

div.exhibit-thumbnailView-itemContainer {
    float:      left;
    display:    inline;
}
table.exhibit-tileView-body {
    width: 100%;
}

.exhibit-tileView-body > tbody > tr > td:first-child {
    width:      3em;
    text-align: right;
    color:      #aaa
}

td.exhibit-tileView-itemIndex {
}/*==================================================
 * View Panel styles
 *==================================================
 */
div.exhibit-viewPanel {
}

div.exhibit-viewPanel-viewSelection {
    text-align: center;
}

span.exhibit-viewPanel-viewSelection-view {
    text-transform: uppercase;
    cursor:         pointer;
}

span.exhibit-viewPanel-viewSelection-selectedView {
    text-transform: uppercase;
    font-weight:    bold;
    border-bottom:  3px solid red;
}

div.exhibit-viewPanel-viewContainer {
}

div.exhibit-bookmarkWidget-popup {
    display:        inline;
    text-align:     right;
}

img.exhibit-bookmarkWidget-button {
    cursor: pointer;
    margin: 0px 1px;
}
/*==================================================
 * Collection Summary Widget styles
 *==================================================
 */
div.exhibit-collectionSummaryWidget {
}
span.exhibit-collectionSummaryWidget-count {
    font-size:      200%;
}
span.exhibit-collectionSummaryWidget-results {
}
div.exhibit-legendWidget {
    margin:         1em 0;
    text-align:     center;
    line-height:    2em;
}
span.exhibit-legendWidget-entry {
    white-space: nowrap;
}
span.exhibit-legendWidget-entry-title {
    font-weight: bold;
}
span.exhibit-legendWidget-entry-swatch {
    border:     1px solid #888;
    padding:    0px 3px;
}
.exhibit-optionWidget {
    cursor:     pointer;
}

.exhibit-optionWidget img {
    vertical-align: middle;
}
.exhibit-resetHistoryWidget-button {
    cursor: pointer;
}/*==================================================
 * Resizable Div Widget styles
 *==================================================
 */
div.exhibit-resizableDivWidget-resizer {
    text-align:     center;
    cursor:         s-resize;
    height:         15px;
    clear:          both;
}
div.exhibit-toolboxWidget-popup {
    text-align:     right;
    z-index:        1000;
}

img.exhibit-toolboxWidget-button {
    cursor: pointer;
    margin: 0px 1px;
}