@charset "UTF-8";
/* CSS Document */

.fullscreen-switch {
    padding: 2px 6px 0 0 !important;
}


.__PixWindow {
    font-family: Arial,Helvetica,sans-serif;    /*TODO: avoid * selector*/
}

body {
    /*font-size: 10px;    TODO: move to default.css?*/
}
.hidden {
    display: none;
}

/* placeholder styles */

div.pix-placeholder {
   width: 640px;
   height: 450px;
   background-repeat: no-repeat;
   background-position: -20px -8px;

   font-size: 48px;
   color: gold;
   font-family: "Arial Black", sans-serif;
   text-transform: uppercase;
   letter-spacing: 0.3em;
   font-weight: bold;
   text-align: center;
   text-shadow: 0 0 10px rgba(0,0,0,0.6);
   line-height: 400px;
}

div.pix-placeholder:before {
   content: "Dummy";
}

.pix-text-edit-collection div.pix-placeholder {background-image: url('/pix/media/png/placeholder-text-edit-collection.png');}
.pix-crop-image div.pix-placeholder {background-position: 0 0; background-image: url('/pix/media/png/placeholder-crop-image-layout.png');}
.pix-text-collection-format div.pix-placeholder {background-image: url('/pix/media/png/placeholder-text-collection-format.png');}
.pix-collections div.pix-placeholder {background-image: url('/pix/media/png/placeholder-collections.png'); height: 500px;}
.pix-edit-collection-meta div.pix-placeholder {background-image: url('/pix/media/png/placeholder-edit-collection-meta.png');}

    
.pix-logout-link {
   color: #b11;
   font-size: 14px;
   top: 20px;
   font-weight: bold;
   position: relative;
}

.pix-devmsg {
   padding: 20px;
   position: fixed;
   bottom: 0;
   left: 0;
   text-align: left;
}


/* ######################################## */
/* BASICS ################################# */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tfoot, thead {
   padding: 0;
   border: 0;
   margin: 0;
   outline: 0;
}

table, tbody, tr, th,
td {
   padding: 0;
   margin: 0;
   outline: 0;
}


.pix-clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.pix-clearfix { display: inline-block; }
html[xmlns] .pix-clearfix { display: block; }
* html .pix-clearfix { height: 1%; }

h2 {
   margin: 0 0 1em;
}

p {
   font-size: 1.0em;
   line-height: 1.5em;
}

dl {
   margin: 2.5em 0;
}

dt {
   font-weight: bold;
}

dd {
   display: list-item;
   list-style-position: outside;
   list-style-type: square;
   margin: 0.5em 0 2em 1.5em;
   padding-right: 200px;
   line-height: 1.5em;
}

textarea {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
}

.pix-killfloat {
   clear: both;
   width: 620px;
   height: 20px;
   background: red;
}

.__CbUiFrame.__PixWindow .__CbUiHeader * {
    box-sizing: border-box;
}

/* ######################################## */
/* BASIC CONTAINER ELEMENTS ############### */


div.pix-wrapper {
   width: 922px;
   margin: 40px auto;
   text-align: left;
   position: relative;
}

.pix-overlay-container {
   width: 680px;
   height: 590px;
   padding: 0;
   background-color: transparent;
   position: relative;
   background: #F5F6EE;
   -moz-box-shadow: 10px 10px 5px rgba(100, 100, 100, 0.6);
   -webkit-box-shadow: 10px 10px 5px rgba(100, 100, 100, 0.6);
   box-shadow: 10px 10px 5px rgba(100, 100, 100, 0.6);
   border-radius: 5px;
   float: left;
   position: relative;
   border: 1px solid #fff;
}

.pix-overlay-container-header{
   border-radius: 5px 5px 0 0;
   width: 680px;
   height: 35px;
   border-bottom: 1px solid #C5C4B0;
   background-color: #FEFEFE;
}

span.pix-close-overlay-container {
   float: right;
   margin: 2px 5px 0 0;
   padding: 0;
}

.pix-overlay-container-header .pix-toolbar-close {
  float: right;
  margin-top: 2px;
}

.pix-overlay-container .pix-form-content-container {
   margin: 2px auto 0;
   clear: both;
}

.__CbUiText.pix-screen-title {
    margin-top: 0;
}

/* BASIC MAIN NAVI AND HELP LINK  */

.pix-main-navi {
   margin: 0px 0 5px;
   border-bottom: 3px solid #000;
   clear: both;
   position: absolute;
   top:-30px;
}

.pix-main-navi li{
   display: inline;
   padding: 0 10px 0 0;
   position: relative;
}

.pix-main-navi li.pix-float-right {
   float: right;
   padding-right: 0;
   padding-left: 15px;
}

.pix-main-navi li a {
   font-size: 12px;
   font-weight: bold;
   text-decoration: none;
   color: #000;
}

.pix-main-navi li a.pix-active {
   color: #b11;
}

.pix-main-navi li a.pix-active:hover {
   text-decoration: none;
}

.pix-main-navi li a:hover {
   text-decoration: underline;
}

.pix-main-navi li .pix-ml-flag {
   top: 1px;
   position: relative;
   margin-left: 2px;
}

.pix-edit-series {
   display: none;
}

/* BASIC SCREEN ELMENT STYLES  */

.__PixWindow .pix-screen-title,
.__CbUiLanguageWindow .pix-screen-title {
   color: #c00;
   font-size: 20px;
   margin-bottom: 5px;
   margin-left: 0px;
   text-align: left;
   border: 0px;
   text-transform: none;
   font-weight: bold;
}

.__PixWindow .pix-screen-title-meta {
    position: absolute;
    top: -15px;
    margin-top: 15px;
}

/* BASIC BUTTON STYLES  */

div.pix-form-content-container {
   position: relative;
   height: 550px;
   clear:both;
}

div.pix-edit-form-buttons {
   width: 640px;
   height: 26px;
   margin: 15px auto 0;
   position: absolute;
   bottom: 20px;
   left: 0;
   clear:both;
}

pix-image-meta .pix-cancel.pix-edit-form-button .__CbUiTextButton {
    float: right;
}

.pix-edit-form-button:hover,
.pix-edit-form-button.pix-right:hover {
   color: #b11;
}

.pix-edit-form-button.pix-right {
   float: right;
   margin-left: 10px;
   margin-right: 0;
}

a.pix-edit-form-button {
    height: 30px;
    width: 80px;
}

.pix-edit-form-button.pix-right.pix-inactive {
   color: #999;
   font-weight: normal;
}

.pix-edit-form-button.pix-right.pix-inactive:hover {
   color: #999;
}

#dropdown-uploader {
    display: none;  /*temporary until reintroduction of dropdown-uploader button*/
}

/* Basic Alert Box */

a.pix-alert-box {
   display: block;
   padding: 5px;
   color: #b11;
   text-decoration: none;
   text-align: center;
   font-weight: bold;
   font-size: 11px;
   border: 1px solid #b11;
}

a.pix-alert-box:hover {
   text-decoration: underline;
}

.pix-edit-form-button.pix-insert-image {
   background-color: #BB1111;
   background-image: linear-gradient(bottom, #C25151, #BD1414);
   background-image: -o-linear-gradient(bottom, #BD1414, #C25151);
   background-image: -moz-linear-gradient(bottom, #BD1414, #C25151);
   background-image: -webkit-linear-gradient(bottom, #BD1414, #C25151);
   background-image: -ms-linear-gradient(bottom, #BD1414, #C25151);
   background-image: -webkit-gradient(linear, bottom, top, #C25151, #BD1414);
   color: #ffffff !important;
   border-color: #851E1B;
}

.pix-edit-form-button.pix-insert-image:hover {
    color:#ffffff !important;
}

/* FILTER HEAD STYLES */

.pix-filter-container {
   width: 640px;
}

.pix-filter-form .pix-filter-input {
   display: inline;
   margin-left: 6px;
   width: 297px;
   height: 18px;
   padding: 3px;
   font-size: 12px;
   font-family: Arial, sans-serif;
}
.pix-filter-button,
.pix-button-go {
   height: 17px;
   padding-left: 4px;
   padding-bottom: 5px;
   background: #ffffff;
   background: -moz-linear-gradient(top,  #ffffff 0%, #e4e2e4 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e4e2e4));
   background: -webkit-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
   background: -o-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
   background: -ms-linear-gradient(top,  #ffffff 0%,#e4e2e4 100%);
   background: linear-gradient(to bottom,  #ffffff 0%,#e4e2e4 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e4e2e4',GradientType=0 );
   border: 1px solid #CCCCCA;
   margin-left: 5px;
   border-radius: 2px;
   background-repeat: no-repeat;
   background-position: center;
}

.pix-button-go {
   color: #333333;
   font-weight: bold;
   font-size: 14px;
   text-transform: uppercase;
   margin-left: 6px;
}

.pix-filter-button-view-grid {
   float: right;
   background-image: url('/pix/media/png/icon-filter-tile.png');
   background-color: #fff;
}


.pix-view-tiles {
   background-image: url('/pix/media/png/icon-filter-tile.png');
}

.pix-view-list {
   background-image: url('/pix/media/png/icon-filter-list.png');
}

.pix-toggle-view {
   background-color: #fff;
   position: absolute;
   top: 103px;
   padding-right: 19px;
}

/* ######################################## */
/* DUMMYNAVI FOR DEVELOPEMENT ############# */


ul.pix-dummynav {
   list-style-type: none;
   float: left;
   width: 180px;
   margin: 40px 20px 0 0;
   padding: 50px 0;
}

.pix-dummynav li {
   margin-top: 10px;
}

.pix-dummynav li a {
   color: #444;
   text-decoration: none;
}

.pix-dummynav li a:hover,
.pix-dummynav li a.pix-current {
   color: #b11;
}

.pix-form-content-container .pix-dummynav li.pix-dummynav-item-start {
   display: none;
}

.pix-form-content-container .pix-dummynav li.pix-dummynav-item-login a {
   opacity: 0;
}

.pix-form-content-container .pix-dummynav li.pix-dummynav-item-login:hover a {
   opacity: 0.3;
   color: #aaa;
}

.pix-float-right .__CbUiLangSelectFlag {
   right: 0px;
   top: 1px;
}

.pix-float-right .__CbUiLangSelect {
   right: 20px;
   font-size: 12px;
   border: none;
   top: 2px;
   text-transform: uppercase;
   z-index: 10;
}

.pix-scrollbar-container {
   border: 1px solid grey;
   background: #FFFFFF none repeat scroll 0 0;
   overflow-y: scroll;
   overflow-x: hidden;
   height: 435px;
}

.fullscreen .pix-scrollbar-container {
   height: 100%;
}

.pix-overlay-container {
   font-family: sans-serif;
}

.pix-overlay-container input, .pix-overlay-container textarea {
   background-color: white;
   border: 1px solid rgb(196,196,180);
   display: inline-block;
   font-family: sans-serif;
   width: auto;
}

.pix-overlay-container input[type=hidden] {
   display: none;
}

.pix-edit-form-button.pix-edit-meta.__CbUiTextButton {
    display: none;
}

.__CbUiLangSelect {
    background: transparent;
}

.pix-form-content-container .pix-main-navi {
    border: medium none;
    position: absolute;
}

/*temporary*/
#dropdown-filter .dd-option-description.dd-desc,
#dropdown-filter .dd-selected-description.dd-desc.dd-selected-description-truncated {
    visibility: hidden;
}

.pix-meta-info {
    padding: 20px 0 0 4px;
    color: #969682;
    font-size: 11px;
    font-style: italic;
    font-weight: normal;
    line-height: 11px;
}
.pix-uploader-input label {
    float: right;
    height: 20px;
    width: 120px;
    cursor: pointer;
}
.pix-uploader-input p {
    margin: 0;
}

.pix-image-tile-item .pix-image-title-wrapper,
.pix-image-list-item .pix-image-title {
    text-decoration: underline;
}

/*** form-content dropdown-select ***/
.pix-dropdown-select-box .dd-options,
.pix-dropdown-filter-box .dd-options {
    box-shadow: 2px 2px 12px #666666;
    overflow: auto;
    max-height: 400px;
}

/*
    Document   : style
    Created on : 24.03.2014, 10:54:36
    Author     : steagle
    Description:
        Purpose of the stylesheet follows.
*/

.login_text_top {
    border-bottom: 1px solid #C4C4B4;
    padding-bottom: 50px;
}

.home_text_top {
    /*padding-bottom: 50px;*/
}

.login_text_bottom {
    padding-top: 50px;
}

.home_text_bottom {
    padding-top: 25px;
}

.login-panel {
    background-image: url("../png/pix_login.png");
    background-position: 65% 58%;
    background-repeat: no-repeat;
    background-size: 59% auto;
    height: 100%;
}

.demo-content {
    background-color: white;
    width: 700px;
    margin-top: 50px;
    margin-left: 30px;
}

#edit_demo-123 {
    padding: 10px 10px 10px 10px;
}

.pix-edit-icon,
.list-edit-icon {
    background-image: url("/module/jscript/lib/cb_ui/img/edit_icon_bg.png");
    height: 18px;
    width: 18px;
    position: absolute;
    border: 1px solid #c9c3b8;
    border-radius: 3px;
    cursor: pointer;
}

.pix-edit-icon {
    bottom: 5px;
    right: 10px;
}

.list-edit-icon {
    top: 3px;
    right: 97px;
}

.help-link,
.tex-help-link {
    float: right !important;
}

.overlay-edit-form {
    height: 610px;
}

.overlay {
    opacity: 0.25 !important;
    background-color: rgb(0, 0, 0);
}

.demo_text_top {
    padding-bottom: 30px;
}

.pix-link.secondary-button {
    width: 150px;
}

h1.pix-main-panel-headline {
    font-size: 16px;
    margin-bottom: 15px;
    margin-top: 15px;
}

/*generic rules from module/lib/framework/css/default.css, which is not referenced in customer portals like DSH*/
.not-displayed {
    display: none;
}

.empty-content-placeholder {
    font-style: italic;
    color: #969682;
    padding: 20px 0;
    font-size: 13px;
}

.empty-content-placeholder a {
    color: inherit;
    font-weight: bold;
}

::-webkit-input-placeholder { /* WebKit browsers */
    font-style: italic;
    font-size: 11px;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    font-style: italic;
    font-size: 11px;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    font-style: italic;
    font-size: 11px;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    font-style: italic;
    font-size: 11px;
}
.tile-img {
    box-shadow: 2px 2px 4px #666666;
}
.subpage-button {
   float: right;
   min-width: 111px;
   height: 26px;
   padding: 5px;
   font-size: 11px;
   background-color: #fcfcf9;
   background-image: linear-gradient(bottom, rgb(238,238,238) 15%, rgb(218,218,218) 45%, rgb(238,238,238) 85%);
   background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0.15, rgb(246,246,239)),
      color-stop(0.85, rgb(255,255,255))
   );
   background-image: -webkit-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -moz-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -ms-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   background-image: -o-linear-gradient(bottom, rgb(246,246,239) 15%, rgb(255,255,255) 85%);
   font-weight: bold;
   border: 1px solid rgb(189,190,178);
   -moz-box-shadow: 0 0 5px rgb(189,190,178);
   -webkit-box-shadow: 0 0 5px rgb(189,190,178);
   line-height: 250%;
   -moz-border-radius: 2px 2px 2px 2px;
   -webkit-border-radius: 2px 2px 2px 2px;
   border-radius: 2px 2px 2px 2px;
   cursor: pointer;
   box-shadow: 0 0 5px rgb(189,190,178);
   text-align: center;
   text-decoration: none;
   vertical-align: middle;
   color: #a73c2e;
}