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

/* "Media-Box"
 * Ignition-Groupe-Interactive
 * K. Schaefer
 * 01/2010
 *************/

div.mediaBox {

}

div.mediaBox .error {
    font-size: 10px;
}

div.mediaBox .headline {
    height: 24px;
    background-color: #b3b3b3;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    margin: 0;
    padding: 13px 37px 0 0;
}

div.mediaBox div.mediaFullViewWrapper {
    height: 211px;
    text-align: center;
    margin-bottom: 10px;
}

div.mediaBox div.mediaFullViewWrapper img {
    margin: 0 auto;
}

div.mediaBox div.mediaThumbnailArea {
    height: 67px;
    overflow: hidden;
    margin-bottom: 10px;
    position: relative;
}

div.mediaBox div.mediaThumbnailArea div.button {
    float: left;
    width: 10px;
    height: 100%;
    /* background-color: #5f5f5f; */
    background: transparent url(../../../images/global/spark-launch/media-box-buttons.png) no-repeat 0 -17px;
    cursor: pointer;
    visibility: hidden;
}

div.mediaBox div.mediaThumbnailArea div.button.scrollRight {
    background-position: -10px -17px !important;
}

div.mediaBox div.mediaThumbnailArea div.button:hover {
    background-color: #f64ce8;
    background-position: 0 -115px;
}

div.mediaBox div.mediaThumbnailArea div.button.scrollRight:hover {
    background-position: -10px -115px !important;
}

div.mediaBox div.wrapperMediaThumbnails {
    width: 278px;
    overflow: hidden;
    float: left;
    position: relative;
}

div.mediaBox div.wrapperMediaThumbnails ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 10000px;
}

div.mediaBox div.wrapperMediaThumbnails ul li {
    float: left;
    margin: 0;
    padding: 0 0 0 3px;
}

div.mediaBox div.wrapperMediaThumbnails ul li.first {
    padding: 0;
}

div.mediaBox div.wrapperMediaThumbnails .mediaThumbnail {
    width: 65px;
    height: 65px;
    cursor: pointer;
    border: 1px solid #b0b0b0;
}

div.mediaBox div.wrapperMediaThumbnails .mediaThumbnail:hover,
div.mediaBox div.wrapperMediaThumbnails .mediaThumbnail.active {
    border: 1px solid #f64ce8;
}

/* */
.activity_status_loading {
    background: url(../../../images/global/spark-launch/loader.gif) no-repeat center center;
}