﻿/* Additions to myContent-Page by TR */
.myContentFunctions {
    float: right;
    padding: 2em;
    width: 19em;
    background: #f0f1f5;
}
.myContentFunctions .downloads {
    margin: 0;
}
a.myContentSelectSwitch {
    float: right;
    display: block;
    margin: 0 2em 0 0;
    padding: 1em 0 1em 1em;
    position: relative;
    width: 7.5em;
    background-color: #FFF;
    top: -3.6em;
}
a.myContentSelectSwitch span.switchText {
    float: left;
    font-size: 1.4em;
    line-height: 1.4em;
    font-family: 'MiloProMedium', sans-serif;
}
a.myContentSelectSwitch span.switch {
    float: right;
    display: block;
    height: 1.8em;
    width: 3.4em;
    overflow: hidden;
    background: url(/blob/5760/fc7698e94addb2b436cbf45e473d37a5/data/mycontentselectswitch-png.png) 0 0 no-repeat #FFF;
}
a.myContentSelectSwitch.active span.switchText {
    color: #e3000f;
}
a.myContentSelectSwitch.active span.switch {
    background-position: -3.4em 0;
}
.myContentOptionsBox .myContentButtonDownloadAll {
    background: url(/blob/425142/b194b1c8f11d663a7935d48f52a12220/data/mycontent-options-downloadall-png.png) no-repeat 0.4em 0.4em #f0f1f5;
    padding: 0.6em 0.5em 0.4em 2.2em;
}
.myContentOptionsBox .myContentButtonDownloadSelected {
    background: url(/blob/425144/df8d214c3ca516aa6ddde1ecd0146f8c/data/mycontent-options-downloadselected-png.png) no-repeat 0.4em 0.4em #f0f1f5;
    padding: 0.6em 0.5em 0.4em 2.2em;
}
.myContentOptionsBox .myContentButtonRemoveAll {
    background: url(/blob/435086/3d88a96ec4d99e408dd26626f3a58684/data/mycontent-options-removeall-big-png.png) no-repeat 0.5em 0.5em #f0f1f5;
    padding: 0.6em 0.5em 0.4em 2.0em;
}
.myContentOptionsBox .myContentButtonRemindMe {
    background: url(/blob/425146/41ba4e6d911de622c8a345812d3ee4a3/data/mycontent-options-remindme-png.png) no-repeat 0.4em 0.5em #f0f1f5;
    padding: 0.6em 0.5em 0.4em 2.0em;
}
.myContentOptionsBox .myContentButtonSaveCal {
    background: url(/blob/425148/5979aa0d86c1daf9e37aacf660d2bb0e/data/mycontent-options-savecal-png.png) no-repeat 0.4em 0.6em #f0f1f5;
    padding: 0.6em 0.5em 0.4em 2.0em;
}
.myContentElement .elementOverlay .moveElement {
    background: url(/blob/425150/4641c502440b4e2f8dbfd065678e1fd7/data/mycontent-draganddrop-png.png) no-repeat 0.4em 0.4em transparent;
    text-indent: -9999px;
    padding: 0.3em 1em;
}
.myContentElement .elementOverlay .moveElement:hover,
.myContentElement .elementOverlay .moveElement:focus {
    background: url(/blob/425152/3999c860adb513aff6b5d4d85bee67c2/data/mycontent-draganddrop-hover-png.png) no-repeat 0.4em 0.4em transparent;
}
.myContentElement .elementOverlay .selectElement {
    width: 78%;
    margin-top: 3em;
}
.myContentElement .elementOverlay .selectElement .elementDeselected {
    background: url(/blob/425154/dd8d4f421501a36b02f9deef9e2567e8/data/mycontent-checkbox-deselected-png.png) no-repeat left top transparent;
    padding: 0.16em 0 0.2em 1.8em;
}
.myContentElement .elementOverlay .selectElement .elementSelected {
    background: url(/blob/425156/9a1a09c2d97707b06fbc067ef98af82d/data/mycontent-checkbox-selected-png.png) no-repeat left top transparent;
    padding: 0.16em 0 0.2em 1.8em;
}
.myContentElement .elementOverlay .deleteElement {
    background: url(/blob/425158/50052f776e9c90e64c53daa513920e59/data/mycontent-trash-png.png) no-repeat left top transparent;
    text-indent: -9999px;
    padding: 0.2em 0.8em;
}
.myContentElement .elementOverlay ul {
    bottom: 2em;
    float: left;
    height: auto;
    margin-left: 2em;
    position: absolute;
    width: 19em;
}
.myContentElement .elementOverlay ul li {
    background: #fff;
    clear: both;
    float: left;
    margin-bottom: 1px;
    width: 100%;
}
.myContentElement .elementOverlay ul li a.moveElement, .myContentElement .elementOverlay ul li a.deleteElement {
    left: 0;
    padding: 0.5em 0 0.5em 2.2em;
    text-indent: 0;
    top: 0;
    background-repeat: none;
}
.myContentElement .elementOverlay ul li a.moveElement:link, .myContentElement .elementOverlay ul li a.moveElement:visited {
    background-image: url(/blob/435088/5951527e02a55b63f053520aec6210fb/data/mycontent-draganddrop-gray-png.png);
    background-position: 0.5em 0.6em;
}
.myContentElement .elementOverlay ul li a.moveElement:hover, .myContentElement .elementOverlay ul li a.moveElement:focus, .myContentElement .elementOverlay ul li a.moveElement:active {
    background-image: url(/blob/425152/3999c860adb513aff6b5d4d85bee67c2/data/mycontent-draganddrop-hover-png.png);
}
.myContentElement .elementOverlay ul li a.deleteElement:link, .myContentElement .elementOverlay ul li a.deleteElement:visited {
    background-image: url(/blob/435090/a759b3fe3e3863a9c47960fa1e12ffe3/data/mycontent-trash-gray-png.png);
    background-position: 0.5em 0.5em;
}
.myContentElement .elementOverlay ul li a.deleteElement:hover, .myContentElement .elementOverlay ul li a.deleteElement:focus, .myContentElement .elementOverlay ul li a.deleteElement:active
 {
    background-image: url(/blob/435092/af58362baea604e7564d04ce7c17a258/data/mycontent-trash-red-png.png);
}
.myContentElement .elementOverlay ul li a {
    float: left;
    position: relative;
    color: #333;
}
.myContentCollection {
    background: #ffffff;
    border: 1px solid #f0f1f5;
}
.myContentOptionsBox {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 10em;
    z-index: 1640;
    min-width: 405px;
}
.myContentOptionsSwitch {
    background: url(/blob/5610/1c04a1bcb30183e816201d7bcb78a41f/data/filter-button-bg-png.png) repeat-x scroll center top #CC000D;
    height: 3.3em;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 12em;
    z-index: 164;
}
.myContentOptionsSwitch a {
    display: block;
    padding: 0 2em 0 1em;
    margin: 0;
    color: #fff;
    text-align: center;
    font-size: 1.4em;
    line-height: 2.4em;
    font-family: 'MiloProMedium', sans-serif;
}
.myContentOptionsSwitch a:after {
    content: "+";
    font-size: 1.4em;
    position: absolute;
    right: .6em;
}
.myContentOptionsSwitch a.active:after {
    content: "−";
    top: 0.15em;
}
.myContentOptionsSwitch span.switchText {
}
.myContentOptionsButtons {
    display: none;
    background-color: #7a8792;
    padding: 3.8em 0.5em 0.5em 0.5em;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 162;
    background: url(/blob/5610/1c04a1bcb30183e816201d7bcb78a41f/data/filter-button-bg-png.png) repeat-x scroll center top #5f6973;
}
.myContentOptionsButtons a {
    display: block;
    float: left;
    font-size: 1.4em;
    line-height: 1.4em;
    font-family: 'MiloProMedium', sans-serif;
    color: #7a8792;
    padding: 0.2em 0.5em;
    margin: 0.2em;
    background-color: #f0f1f5;
}
.myContentElement {
    position: relative;
}
.elementOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(49, 58, 61, 0.8);
    z-index: 1280;
    display: none;
}
.elementOverlay .moveElement {
    position: absolute;
    top: 1.35em;
    left: 0px;
    display: block;
    padding: 0.5em;
    color: #ffffff;
    font-size: 1.4em;
    line-height: 1.4em;
    font-family: 'MiloProMedium', sans-serif;
}
.elementOverlay .selectElement {
    display: block;
    width: 50%;
    margin: 15% auto 0 auto;
    padding: 0.5em;
    color: #7a8792;
    background-color: #f0f1f5;
    font-size: 1.4em;
    line-height: 1.4em;
    font-family: 'MiloProMedium', sans-serif;
}
.elementOverlay .selectElement .elementSelected {
    display: none;
}
.selected .elementOverlay .selectElement .elementSelected {
    display: inline;
}
.elementOverlay .selectElement .elementDeselected {
    display: inline;
}
.selected .elementOverlay .selectElement .elementDeselected {
    display: none;
}
.elementOverlay .deleteElement {
    position: absolute;
    bottom: 0px;
    right: 0px;
    display: block;
    padding: 0.5em;
    color: #ffffff;
    font-size: 1.4em;
    line-height: 1.4em;
    font-family: 'MiloProMedium', sans-serif;
}
.myContentElement .teaser,.myContentElement .jobLink {
    min-height: 15em;
}
.myContentElement .download .image-rwd {
    margin: 0;
    width: 23em;
}
.myContentElement .download ul {
    margin-top: 1.8em !important;
    width: 19em;
}
.myContentElement div.imageItem.download img {
    max-height: 17.4em;
    width: auto !important;
}
.myContentID,
.myContentSortPosition {
    display: none;
}
.collection .col.myContentElement {
    font-size: 95.4%;
}
.myContentLoader {
    width: 100%;
    text-align: center;
    height: 5em;
    position: absolute;
    top: 45%;
    background:url(/blob/425160/4b92bb1b960f68155dc616551d8f182e/data/loader-transparent-gif-gif.gif) 50% 0 no-repeat;
}
@media screen and (max-width: 1249px) {
    .collection .col.myContentElement {
        font-size: 93.9%;
        margin: 1.09em 2.12em 1.09em 0;
    }
}
@media screen and (max-width: 729px) {
    .collection .col.myContentElement {
        font-size: 90.9%;
        margin: 1.096em 2.189em 1.096em 0
    }
}
@media screen and (max-width: 479px) {
    .collection .col.myContentElement {
        font-size: 82.5%;
        margin: 1.212em 2.424em 1.212em 0;
    }
}
