/* Fonts */

@font-face 
{
   font-family: 'SourceSansPro';
      src: url('../fonts/source_sans_pro/EOT/SourceSansPro-Regular.eot');
      src: url('../fonts/source_sans_pro/EOT/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
           url('../fonts/source_sans_pro/WOFF/OTF/SourceSansPro-Regular.otf.woff') format('woff'),
           url('../fonts/source_sans_pro/WOFF/TTF/SourceSansPro-Regular.ttf.woff') format('truetype'),
           url('../fonts/source_sans_pro/SVG/SourceSansPro-Regular.svg') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face 
{
   font-family: 'SourceSansPro';
      src: url('../fonts/source_sans_pro/EOT/SourceSansPro-Bold.eot');
      src: url('../fonts/source_sans_pro/EOT/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
           url('../fonts/source_sans_pro/WOFF/OTF/SourceSansPro-Bold.otf.woff') format('woff'),
           url('../fonts/source_sans_pro/WOFF/TTF/SourceSansPro-Bold.ttf.woff') format('truetype'),
           url('../fonts/source_sans_pro/SVG/SourceSansPro-Bold.svg') format('svg');
   font-weight: bold;
   font-style: normal;
}

@font-face 
{
   font-family: 'SourceSansPro';
      src: url('../fonts/source_sans_pro/EOT/SourceSansPro-BoldIt.eot');
      src: url('../fonts/source_sans_pro/EOT/SourceSansPro-BoldIt.eot?#iefix') format('embedded-opentype'),
           url('../fonts/source_sans_pro/WOFF/OTF/SourceSansPro-BoldIt.otf.woff') format('woff'),
           url('../fonts/source_sans_pro/WOFF/TTF/SourceSansPro-BoldIt.ttf.woff') format('truetype'),
           url('../fonts/source_sans_pro/SVG/SourceSansPro-BoldIt.svg') format('svg');
   font-weight: bold;
   font-style: italic;
}

@font-face 
{
   font-family: 'SourceSansPro';
      src: url('../fonts/source_sans_pro/EOT/SourceSansPro-It.eot');
      src: url('../fonts/source_sans_pro/EOT/SourceSansPro-It.eot?#iefix') format('embedded-opentype'),
           url('../fonts/source_sans_pro/WOFF/OTF/SourceSansPro-It.otf.woff') format('woff'),
           url('../fonts/source_sans_pro/WOFF/TTF/SourceSansPro-It.ttf.woff') format('truetype'),
           url('../fonts/source_sans_pro/SVG/SourceSansPro-It.svg') format('svg');
   font-weight: normal;
   font-style: italic;
}

@font-face 
{
   font-family: 'SourceSansPro-ExtraLight';
      src: url('../fonts/source_sans_pro/EOT/SourceSansPro-ExtraLight.eot');
      src: url('../fonts/source_sans_pro/EOT/SourceSansPro-ExtraLight.eot?#iefix') format('embedded-opentype'),
           url('../fonts/source_sans_pro/WOFF/OTF/SourceSansPro-ExtraLight.otf.woff') format('woff'),
           url('../fonts/source_sans_pro/WOFF/TTF/SourceSansPro-ExtraLight.ttf.woff') format('truetype'),
           url('../fonts/source_sans_pro/SVG/SourceSansPro-ExtraLight.svg') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face 
{
   font-family: 'SourceSansPro-ExtraLight';
      src: url('../fonts/source_sans_pro/EOT/SourceSansPro-ExtraLightIt.eot');
      src: url('../fonts/source_sans_pro/EOT/SourceSansPro-ExtraLightIt.eot?#iefix') format('embedded-opentype'),
           url('../fonts/source_sans_pro/WOFF/OTF/SourceSansPro-ExtraLightIt.otf.woff') format('woff'),
           url('../fonts/source_sans_pro/WOFF/TTF/SourceSansPro-ExtraLightIt.ttf.woff') format('truetype'),
           url('../fonts/source_sans_pro/SVG/SourceSansPro-ExtraLightIt.svg') format('svg');
   font-weight: normal;
   font-style: italic;
}

@font-face 
{
   font-family: 'SourceSansPro-Light';
      src: url('../fonts/source_sans_pro/EOT/SourceSansPro-Light.eot');
      src: url('../fonts/source_sans_pro/EOT/SourceSansPro-Light.eot?#iefix') format('embedded-opentype'),
           url('../fonts/source_sans_pro/WOFF/OTF/SourceSansPro-Light.otf.woff') format('woff'),
           url('../fonts/source_sans_pro/WOFF/TTF/SourceSansPro-Light.ttf.woff') format('truetype'),
           url('../fonts/source_sans_pro/SVG/SourceSansPro-Light.svg') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face 
{
   font-family: 'SourceSansPro-Light';
      src: url('../fonts/source_sans_pro/EOT/SourceSansPro-LightIt.eot');
      src: url('../fonts/source_sans_pro/EOT/SourceSansPro-LightIt.eot?#iefix') format('embedded-opentype'),
           url('../fonts/source_sans_pro/WOFF/OTF/SourceSansPro-LightIt.otf.woff') format('woff'),
           url('../fonts/source_sans_pro/WOFF/TTF/SourceSansPro-LightIt.ttf.woff') format('truetype'),
           url('../fonts/source_sans_pro/SVG/SourceSansPro-LightIt.svg') format('svg');
   font-weight: normal;
   font-style: italic;
}

@font-face 
{
   font-family: 'SourceSansPro-Semibold';
      src: url('../fonts/source_sans_pro/EOT/SourceSansPro-Semibold.eot');
      src: url('../fonts/source_sans_pro/EOT/SourceSansPro-Semibold.eot?#iefix') format('embedded-opentype'),
           url('../fonts/source_sans_pro/WOFF/OTF/SourceSansPro-Semibold.otf.woff') format('woff'),
           url('../fonts/source_sans_pro/WOFF/TTF/SourceSansPro-Semibold.ttf.woff') format('truetype'),
           url('../fonts/source_sans_pro/SVG/SourceSansPro-Semibold.svg') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face 
{
   font-family: 'SourceSansPro-Semibold';
      src: url('../fonts/source_sans_pro/EOT/SourceSansPro-SemiboldIt.eot');
      src: url('../fonts/source_sans_pro/EOT/SourceSansPro-SemiboldIt.eot?#iefix') format('embedded-opentype'),
           url('../fonts/source_sans_pro/WOFF/OTF/SourceSansPro-SemiboldIt.otf.woff') format('woff'),
           url('../fonts/source_sans_pro/WOFF/TTF/SourceSansPro-SemiboldIt.ttf.woff') format('truetype'),
           url('../fonts/source_sans_pro/SVG/SourceSansPro-SemiboldIt.svg') format('svg');
   font-weight: normal;
   font-style: italic;
}

@font-face 
{
   font-family: 'SourceSansPro-Black';
      src: url('../fonts/source_sans_pro/EOT/SourceSansPro-Black.eot');
      src: url('../fonts/source_sans_pro/EOT/SourceSansPro-Black.eot?#iefix') format('embedded-opentype'),
           url('../fonts/source_sans_pro/WOFF/OTF/SourceSansPro-Black.otf.woff') format('woff'),
           url('../fonts/source_sans_pro/WOFF/TTF/SourceSansPro-Black.ttf.woff') format('truetype'),
           url('../fonts/source_sans_pro/SVG/SourceSansPro-Black.svg') format('svg');
   font-weight: normal;
   font-style: normal;
}

@font-face 
{
   font-family: 'SourceSansPro-Black';
      src: url('../fonts/source_sans_pro/EOT/SourceSansPro-BlackIt.eot');
      src: url('../fonts/source_sans_pro/EOT/SourceSansPro-BlackIt.eot?#iefix') format('embedded-opentype'),
           url('../fonts/source_sans_pro/WOFF/OTF/SourceSansPro-BlackIt.otf.woff') format('woff'),
           url('../fonts/source_sans_pro/WOFF/TTF/SourceSansPro-BlackIt.ttf.woff') format('truetype'),
           url('../fonts/source_sans_pro/SVG/SourceSansPro-BlackIt.svg') format('svg');
   font-weight: normal;
   font-style: italic;
}

body 
{
    font-family: "SourceSansPro", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 
{
    font-family: "SourceSansPro-Semibold";
}

small, .small
{
    font-family: "SourceSansPro-Light";
}

.jumbotron p
{
    font-family: "SourceSansPro-Light";
}

/* Generic class for hidden stuff that is to be made visible using jQuery.show(); Bootstrap's .hidden doesn't work :-( */
.dcx-ui-hidden
{
    display: none;
}

.navbar
{
    font-family: "SourceSansPro-Light";
    border-color: white;
    background-color: #003C57;
}

.navbar-inverse .navbar-nav > li > a
{
    color: #ddd;
}

.navbar-inverse .dcx-ui-main-nav-items a
{
    font-family: "SourceSansPro-Semibold";
    font-size: 18px;
    margin-left: 20px;
}

.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus 
{
    background-color: #eee;
    color: black;
}

.navbar-inverse .navbar-nav > li > a.dcx-ui-main-nav-item-dropdown-active
{
    background-color: #eee;
    color: black;
}

.navbar-brand
{
    font-family: "SourceSansPro-Semibold";
    padding-top: 12px;
}

/* Top navigation bar channel label fixes */

.navbar-form .navbar-brand
{
    height: 40px;
    margin-top: -7px;
    margin-right: 20px;
    color: white;
}

/* Top navigation bar search form: Search button */

button.dcx-ui-searchbutton
{
    padding-left: 16px;
    padding-right: 16px;
}

/* Main headline looks nicer when a bit closer to the top and a bit farther from the content */

div.container h1
{
    margin-top: 0;
    margin-bottom: 20px;
}

/* Search form */

.dcx-ui-searchform
{
    background-color: #EEEEEE;
    border-bottom: 1px solid #E7E7E7;
    border-top: 1px solid #E7E7E7;
    border-radius: 4px;
    margin-bottom: 25px;
    padding-top: 5px;
}

.dcx-ui-searchform .btn
{
    font-size: 16px;
}

.dcx-ui-searchform-tabs li a
{
    font-family: "SourceSansPro-Semibold";
    padding-left: 30px;
    padding-right: 30px;
}

.dcx-ui-searchform-tabs li.active a
{
    background-color: #eeeeee;
}

/* Filter form */

.dcx-ui-filterform
{
    padding-bottom: 10px;
}

.dcx-ui-filterform div.btn-group
{
    margin-right: 20px;
}

/* Selection box */

.dcx-ui-selectionbox-removeall
{
    margin-right: 15px; 
    font-family: 'SourceSansPro-Light';
}

.dcx-ui-selectionbox-actions
{
    margin-top: 10px;
}

.dcx-ui-selectionbox-actions li
{
    padding-right: 15px;
}

/* Pagination: Light font (save space, avoid line breaks) */

.dcx-ui-pagination
{
    font-family: "SourceSansPro-Light";
    border-bottom: 1px solid #E7E7E7;
    line-height: 30px;
    vertical-align: middle;
}

.dcx-ui-pagination-button
{
    min-width: 50px;
    color: #428bca;
}

.dcx-ui-pagination-bottom
{
    margin-top: 10px;
}

/* "Select all on page" link needs smaller font (long German label) */

.dcx-ui-pagination-small
{
    font-size: 14px;
}

/* Pagination: Disabled links */

a.dcx-ui-link-disabled,
a:hover.dcx-ui-link-disabled,
a:focus.dcx-ui-link-disabled
{
    color: #999999;
    text-decoration: none;
    cursor: default;
}

/* Search results: Links around list/gallery views */

a.dcx-ui-link-unstyled:link,
a.dcx-ui-link-unstyled:visited,
a.dcx-ui-link-unstyled:hover,
a.dcx-ui-link-unstyled:active
{
    text-decoration: none;
}

/* Search results: List view */

.dcx-ui-documentlist-article 
{
    border-bottom: 1px solid #E7E7E7;
    padding-top: 8px;
    min-height: 135px;
}

.dcx-ui-documentlist-article img
{
    max-height: 130px;
    border: 1px solid #CCCCCC;
    box-shadow: 2px 2px 1px #CCCCCC;
    box-shadow: 2px 2px 1px #CCCCCC;
    margin: 0 0 3px 0;
}

.dcx-ui-documentlist-article a
{
    color: black;
}

.dcx-ui-documentlist-article:hover
{
    background-color: #F5F5F5;
}

/* Search results: Document "dateline", important metdata displayed above the title */

.dcx-ui-documentlist-dateline  
{
    color:#999999;
    font-size: 15px;
    margin: 0 0 4px 0;
}

input[type="checkbox"]
{
    cursor: pointer;
}

/* Search results: Wrapper for document title and body */

.dcx-ui-documentlist-article-text 
{
    -moz-user-select: none;
    float: none;
}

/* Search results: Document title */

.dcx-ui-documentlist-article-text h3, .dcx-ui-documentlist-article-text h4
{
    float: none;
    font-size: 18px;
    height: auto;
    line-height: 22px;
    margin: -6px 0 0 0;
    overflow: hidden;
    padding: 0;
}

.dcx-ui-documentlist-article-text h4 
{
    font-size: 16px;
    line-height: 20px;
}

/* Search results: Document body */

.dcx-ui-documentlist-article-copy 
{
    float: none;
    font-size: 16px;
    line-height: 20px;
    margin: 4px 4px 0 0;
    text-align: justify;
}

/* Search results: Related documents (story objects etc.) */

.dcx-ui-documentlist-related
{
    margin-top: 10px;
}

/* Search results: Document "actionline", list of action links */

.dcx-ui-documentlist-actionline
{
    color:#999999;
    font-size: 15px;
    margin: 10px 0 4px 0;
}

.dcx-ui-documentlist-actionline li
{
     padding-right: 15px;
}

.dcx-ui-documentlist-actionline a
{
    color: #999999;
}

.dcx-ui-documentlist-actionline a:hover
{
    color: black;
}

.dcx-ui-actionline-selected a
{
    color: #428bca !important;
    font-family: "SourceSansPro-Semibold";
}

/* Search results: Gallery view */

.dcx-ui-documentlist-gallery-item 
{
    height: 160px;
    padding-top: 3px;
    padding-left: 3px;
    padding-right: 3px;
    font-family: "SourceSansPro-Light";
    font-size: 14px;
    line-height: 15px;
}

.dcx-ui-documentlist-gallery-item .thumbnail
{
    border: none;
    padding: 0;
    margin-bottom: 0;
}

.dcx-ui-documentlist-gallery-item img
{
    max-height: 100px;
}

.dcx-ui-documentlist-gallery-item .thumbnail .filetypes
{
    font-size: 90px;
    line-height: 100px;
    color: #ccc;
}

.dcx-ui-documentlist-gallery-item:hover
{
    background-color: #eeeeee;
}

.dcx-ui-documentlist-gallery-item div
{
    text-align: center;
}

.dcx-ui-documentlist-gallery-item a
{
    color: #999999;
}

.dcx-ui-documentlist-gallery-item .caption
{
    height: 16px;
    overflow: hidden;
    margin: 5px 0 5px 0;
}

a.dropdown-toggle
{
    cursor: pointer;
}

.dcx-ui-document-gallery-actionline ul.dropdown-menu
{
    text-align: left;
}

/* Search results: Large gallery view */

.dcx-ui-documentlist-large-item 
{
    height: 285px;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-family: "SourceSansPro-Light";
    font-size: 13px;
    line-height: 14px;
}

.dcx-ui-documentlist-large-item .thumbnail
{
    border: none;
    padding: 0;
    margin-bottom: 5px;
}

.dcx-ui-documentlist-large-item img
{
    max-height: 225px;
}

.dcx-ui-documentlist-large-item .thumbnail .filetypes
{
    font-size: 200px;
    line-height: 220px;
    color: #ccc;
}

.dcx-ui-documentlist-large-item:hover
{
    background-color: #eeeeee;
}

.dcx-ui-documentlist-large-item div
{
    text-align: center;
}

.dcx-ui-documentlist-large-item a
{
    color: #999999;
}

.dcx-ui-documentlist-large-item .caption
{
    height: 16px;
    overflow: hidden;
    margin: 5px 0 5px 0;
}

/* Search results: Inline details view */

.dcx-ui-documentlist-article-details-container 
{
    position: relative;
    background: #FFF;
    border-radius: 4px;
    padding: 20px;
    width: auto;
    max-width: 1170px;
    margin: 20px auto;  
    overflow: scroll;
}

.dcx-ui-documentlist-article-details-inline
{
    color: #333333;
    margin: 12px 0 8px;
    padding: 5px;
    min-height: 275px;
}

.dcx-ui-documentlist-article-details-inline .dcx-ui-documentlist-dateline  
{
    font-size:18px;
}

.dcx-ui-documentlist-article-details-inline .dcx-ui-documentlist-article-text h3 
{
    font-size: 24px;
    line-height: 34px;
    margin-bottom: 10px;
    margin-top: 20px;    
}

.dcx-ui-documentlist-article-details-inline .dcx-ui-documentlist-article-copy 
{
    font-size: 20px;
    line-height: 30px;
}

/* Search results: Thumbnail images in inline details view */

.dcx-ui-documentlist-imgwrap-inline img
{
    border: 1px solid #CCCCCC;
    box-shadow: 4px 4px 2px #CCCCCC;
    margin: 0 0 5px 0;
}

/* Panels should not be too high */

.dcx-ui-documentlist-article-details-inline .panel-body,
.dcx-ui-document-details .panel-body
{
    max-height: 300px;
    overflow: scroll;
}

/* Panel titles should be clickable on the full width of the panel, not just the text */

h4.panel-title a
{
    display: block;
}

/* Fix "Actions / More..." dropdown being cut off by panel overflow:hidden */

.panel-group .dcx-ui-documentpanel-actions
{
    overflow: visible;
}

/* Document lightbox view */

#lightbox
{
    height: 100%;
    width: auto;
}
    
.dcx-ui-document-lightbox-container 
{
    position: relative;
    height: 100%;
    width: auto;
    border-radius: 4px;
    padding: 10px;
    margin: 10px auto;  
    overflow: scroll;
}

.dcx-ui-document-lightbox
{
    height: 100%;
    width: auto;
}

.dcx-ui-document-lightbox-image-container
{
    height: 95%;
    width: auto;
    
    position: relative;
}

.dcx-ui-document-lightbox-image-container img
{
    max-height: 100%;
    max-width: 100%;
    
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
}

.dcx-ui-document-lightbox-image-container .filetypes
{
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;  
    position: relative;
    top: 50%;
    /* XXX quick hack. This certainly isn't the right way to center horizontally: */
    left: 40%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 200px;
    line-height: 220px;
    color: #ccc;
}

.dcx-ui-document-lightbox-video-container
{
    height: 95%;
    width: auto;
    position: relative;
}

.dcx-ui-document-lightbox-video-container video
{
    display: block;
    height: auto;
    max-width: 100%;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
}

/* 
  IE 9 doesn't understand the vertical centering done above, remove it.
  The image is thus sticking to the top of the lightbox, but better than having it cut off.
*/

body.dcx-ui-ie-9 .dcx-ui-document-lightbox-image-container img
{
    top: 0;
    transform: none;
}

.dcx-ui-document-lightbox-actionline
{
    text-align: center;
    margin: 10px auto;  
}

.dcx-ui-document-lightbox-actionline a:hover
{
    color: white;
}

.mfp-close-btn-in .mfp-close 
{
    color: white;
    background-color: #999999;
    border-radius: 4px;
}

/* Document details view */

.dcx-ui-document-details
{
    font-size: 18px;
}

/* Document details view: "dateline", important metdata displayed above the title */

.dcx-ui-document-details-dateline  
{
    color: #999999;
    margin: 8px 0 4px 0;
}

/* Document details view: Body */

.dcx-ui-document-details-copy 
{
    font-size: 20px;
    line-height: 30px;
    text-align: justify;
}

/* Document details view: Layout image */

.dcx-ui-document-details-imgwrap img
{
    border: 1px solid #CCCCCC;
    box-shadow: 8px 8px 4px #CCCCCC;
    margin: 16px 0 20px 0;
}

/* Document details view: Video player */

.dcx-ui-document-details-videowrap video 
{
    display: block;
    height: auto;
    max-width: 100%;
}

/* Document details view: Panels */

.dcx-ui-document-details-wrapper .panel-body
{
    max-height: 700px;
    overflow: scroll;
}

/* Upload */

.dcx-ui-uploadset
{
    border-radius: 4px;
    border: 3px dashed #ccc;
    padding: 10px;
   
}

.dcx-ui-uploadset.hover
{
    border: 3px dashed black;
    background-color: #eee;
}

.dcx-ui-uploadset .thumbnail
{
    height: 220px;
    overflow: hidden;
}

.dcx-ui-uploadset-dropzone .thumbnail
{
    height: 160px;
    font-size: 60px;
    line-height: 180px;
    color: #ccc;
    cursor: pointer;
}

.dcx-ui-uploadset.hover .dcx-ui-uploadset-dropzone .thumbnail
{
    color: black;
}

.dcx-ui-uploadset-file-placeholder
{
    font-size: 100px;
    line-height: 220px;
    color: #ccc;
}

.dcx-ui-uploadset-file-errormsg
{
    vertical-align: middle;
    font-size: 30px;
    line-height: 40px;
    color: #ccc;
}

.dcx-ui-uploadset-dropzone.dcx-ui-documentlist-large-item .caption
{
    height: 125px;
}

.dcx-ui-uploadset-dropzone.dcx-ui-documentlist-large-item .caption .progress
{
    margin-top: 10px;
}

.dcx-ui-uploadset .progress
{
    height: 22px;
}

.dcx-ui-pubpage div
{
    text-align: center;
}

#uploadrequestdetails .image-container {
    height: 100px;
    text-align: center;
}
#uploadrequestdetails .image-container img {
    max-height: 90px;
}

/* Create story navigation menu */

#topnav_createnewstory .createnew-container .icon.storytype {
    background-size: 24px auto;
    height: 24px;
    line-height: 24px;
    width: 24px;
    vertical-align: top;
}
#topnav_createnewstory .createnewlist .createnew-label {
}
#topnav_createnewstory .createnew-container .storytitle {
    display: inline;
}

/* page index */

.container .jumbotron.dcx-ui-indexpage-box
{
    min-height: 200px;
    padding-left: 30px;
    padding-right: 30px;
}

#ampcloud {
    /* font-family: Comic Sans MS,TSCu Comic; */
    padding: 10px;
    text-align: center;
}

#ampcloud A {
    display: inline-block;
    font-size: 8px;
    line-height: 31px;
    margin: 3px;
    padding: 3px;
    vertical-align: middle;
}

#ampcloud .copy {
    text-align: right;
}

/* COMPONENT View_Variant */
.variant_thumb .glyphicon {
    position: absolute;
	top: 5px;
	left: 20px;
	color: red;
	background-color: #ccc;
    border-radius: 4px;
	
}
.view_variant{
	border: 2px #DDD dashed;
	border-radius: 4px;
}
.dcx_ui_variant a.glyph{
    color: #999;
    text-decoration: none;
}
.dcx_ui_variant a.glyph:hover{
    color: #000;
}
.view_variant .description {
	word-wrap: break-word;
}
.variant_thumb .glyphicon:hover {
	color: #333;
	cursor: pointer;
}

.dnd_area{
	margin-top: 15px;
    border: 3px dashed silver;
    display: table;
    height: 250px;
    width: 100%;
}

.initial_container{
	font-size: 30px;
	color: lightgray;
}

.dnd_area .initial_container  .glyphicons{
	font-size: 100px;
	line-height: 150px;
	color: lightgray;
}

.view_variant .row {
	margin: 5px 0px 5px 0px;
}

/* Fix jQuery UI autocomplete being invisible in a Bootstrap modal dialog */
.modal .ui-front {
    z-index: 1060;
}

/* collectiontree component */

.dcx-ui-collectiontree-level
{
    list-style-type: none;
    margin-left: -5px;
}

.dcx-ui-collectiontree-item
{
    padding: 4px 0;
    /* So that the .dropdown properly pulls right */
    clear: both;
}

.dcx-ui-collectiontree-item:hover
{
    background-color: #F5F5F5;
}

/* Inside the tree, we use <label> (if show_checkbox but not show_link). No bold please. */
.dcx-ui-collectiontree-item label
{
    font-weight: normal;
    margin-bottom: 0;
    cursor: pointer;
}

.dcx-ui-collectiontree-expander
{
    float:left; 
    width: 25px;
    text-align: center;
}

input.dcx-ui-collectiontree-checkbox
{
    margin-left: 5px;
    margin-right: 5px;
}

.dcx-ui-collectiontree-level .dropdown
{
    /* XXX hack because vertical-align doesn't seem to do anything */
    margin-top: -6px;
}

.dcx-ui-collectiontree-level .dropdown-toggle:hover
{
    background-color: #fff;
    border-color: #ccc;
    border-radius: 4px;
    color: #333;
}

.dcx-ui-collectiontree-simple .dcx-ui-collectiontree-level {
    padding-left: 25px;
}

.dcx-ui-collectiontree-simple .dcx-ui-collectiontree-item {
    padding: 0px;
}

/* Copied from static_www/css/include/debug.css */

.show-in-debug-mode 
{
    display: none;
}

.show-debug .show-in-debug-mode
{
    display: block;
}

.dcx-simple-ui I.storytype {
    background-size: 16px auto;
    height: 16px;
    line-height: 14px;
    width: 16px;
    border-radius: 0px;
}

.dcx-simple-ui .dcx-ui-documentlist-large I.storytype,
.dcx-simple-ui .dcx-ui-documentlist-gallery I.storytype {
    background-size: 12px auto;
    height: 12px;
    line-height: 12px;
    width: 12px;
}