/**
 * COVERFLOW
 * Stylesheets fuer FancyZoom + modCoverFlow
 */


@media screen, projection {

/**
 * FANCYZOOM
 */

#fancyScreenBg {
    visibility:hidden;
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    background-color:#000000;
    opacity:0.7;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter:alpha(opacity=50);
}

#zoom {
    width:830px;
}

#zoom table {
    margin:0;
    border-spacing:0;
    border:none;
}

#zoom table tr td {
    padding:0;
    border:none;
}

#zoom table tr td.mm {
    border:1px solid #000000;
}

#zoom_close {
    right:0;
    top:0;
}


/**
 * COVERFLOW
 */

#modCoverFlowBase {
    position:relative;
}

#modCoverFlowBase #cfStartPic {
    cursor:pointer;
}

#modCoverFlowBase #cfStartPic img {
    display:block;
    width:100%;
}

#modCoverFlowBase .loading {
    position:absolute;
    display:block;
    left:0;
    width:200px;
    height:19px;
    visibility:visible;
    border:1px solid #000000;
}

#modCoverFlowBase .loadingbarborder {
    padding:2px;
}

#modCoverFlowBase .loading_bar {
    height:15px;
    width:1%;
    background-color:#000000;
    visibility:visible;
}

#modCoverFlowBase #cfPicContainer_loading_txt {
    display:none;
    position:absolute;
    width:200px;
    color:#D7D7D7;
}

#modCoverFlow #cfPicContainer {
    display:block;
    position:relative; 
    text-align:left;
    width:800px;
    height:630px !important;
    overflow:hidden;
    background:#000000 url('/img/layout/app_coverflow/background.jpg') no-repeat;
}

#modCoverFlow #cfPicContainer .cfpicbox {
    display:none;
    visibility:hidden;
}

#modCoverFlow #cfPicContainer .genPicContainer {
    visibility:hidden;
    position:absolute; 
    display:block;
    top:0;
    background-color:#000000;
    padding-bottom:125px;
}

#modCoverFlow #cfPicContainer img {
    display:block;
    border:none;
    -ms-interpolation-mode:bicubic; /* Enables bicubic image resampling for the IE7 */
}

#modCoverFlow #cfPicContainer .pictext {
    position:relative;
    overflow:hidden;
    width:auto;
    padding: 10px 10px 0 10px;
    text-align:left;
}

#modCoverFlow #cfPicContainer .pictext h3 {
    font-size:13px;
    margin:0 0 4px 0;
    color:#ffffff !important;
}

#modCoverFlow #cfPicContainer .pictext p {
    font-size:11px;
    margin:0 0 0 0;
    color:#ffffff !important;
}

#modCoverFlow #cfPicContainer .pictext a {
    font-size:11px;
    color:#ffffff !important;
    background:transparent url('/img/layout/app_coverflow/arrow_right_v6.gif') no-repeat 0 3px;
}

#modCoverFlow #cfPicContainer .pictext h3 a {
    font-size:13px;
    background-position:0 5px;
}

#modCoverFlow #cfPicContainer .pictext a:hover {
    color:#FEC900 !important;
}

#modCoverFlow #cfPicContainer_scrollbar {
    width:800px;
    height:100px;
    background:transparent url('/img/layout/app_coverflow/mask_bottom.png') no-repeat 0 0;
    visibility:hidden;
    position:absolute;
    bottom:0; 
    padding:0 0 30px 0;
    z-index:10100;
    zoom:1;
}

* html #modCoverFlow #cfPicContainer_scrollbar {
    background-image:none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/layout/app_coverflow/mask_bottom.png', sizingMethod='crop');
}

#modCoverFlow #cfPicContainer_scrollbar .scrollbarContainer {
    width:780px;
    height:60px;
    margin:0 0 0 10px !important;
    zoom:1;
}

#modCoverFlow #cfPicContainer .slider {
    display:block;
    visibility:hidden;
    z-index:0;
    background:transparent none;
    width:1px;
    height:1px;
    margin-left:0;
}

#modCoverFlow #cfPicContainer_caption {
    display:none;
    visibility:hidden;
}

#modCoverFlow #cfPicContainer_formSlide {
    position:absolute;
    display:block;
    visibility:visible;
    left:0;
    bottom:0;
    width:790px;
    height:60px;
    padding:0 5px 0 5px;
    z-index:10101;
    background:#ffffff url('/img/layout/app_coverflow/timescale1011.jpg') no-repeat -2px 0;
    zoom:1;
}

#modCoverFlow #cfPicContainer_formSlide fieldset {
    display:block;
    visibility:visible;
    position:relative;
    width:auto;
    height:1%;
    margin:0;
    padding:0;
    zoom:1;
}

#modCoverFlow .slideButtonBg {
    width:1px;
    height:18px;
    margin:0;
    padding:0;
    background:transparent url('/img/layout/app_coverflow/bt_slider_bg.gif') repeat-x 0 0;
}

#modCoverFlow #cfPicContainer_formSlideBtLeftBg {
    position:absolute;
    top:-6px;
    width:5px;
}

#modCoverFlow #cfPicContainer_formSlideBtLeftBg .slideButtonLeftBgBorder {
    position:absolute;
    z-index:5;
    top:0;
    left:-3px;
    width:3px;
    height:17px;
    background:transparent url('/img/layout/app_coverflow/bt_slider_left_border.jpg') no-repeat 0 0;
}

#modCoverFlow #cfPicContainer_formSlideBtLeft {
    position:absolute;
    top:-6px;
    width:20px;
    height:18px;
    margin:0;
    padding:0;
    background:transparent url('/img/layout/app_coverflow/bt_slider_left.png') no-repeat 0 0;
    border:none;
    cursor:pointer;
    zoom:1;
}

#modCoverFlow #cfPicContainer_formSlideBtRightBg {
    position:absolute;
    top:-6px;
    right:0;
    width:5px;
}

#modCoverFlow #cfPicContainer_formSlideBtRightBg .slideButtonRightBgBorder {
    position:absolute;
    z-index:5;
    top:0;
    right:0;
    width:3px;
    height:17px;
    background:transparent url('/img/layout/app_coverflow/bt_slider_right_border.jpg') no-repeat 0 0;
}

#modCoverFlow #cfPicContainer_formSlideBtRight {
    position:absolute;
    top:-6px;
    width:20px;
    height:18px;
    margin:0;
    padding:0;
    background:transparent url('/img/layout/app_coverflow/bt_slider_right.png') no-repeat 0 0;
    border:none;
    cursor:pointer;
    zoom:1;
}

#modCoverFlow #cfPicContainer_formSlideLeftText,
#modCoverFlow #cfPicContainer_formSlideRightText {
    position:absolute;
    top:-26px;
    font-size:11px;
    font-weight:bold;
    zoom:1;
}

#modCoverFlow #cfPicContainer_formSlideRightText {
    right:0;
    zoom:1;
}

#modCoverFlow #cfPicContainer_formSlideScalaPoint {
    position:absolute;
    top:-5px;
    width:16px;
    height:16px;
    background:transparent url('/img/layout/app_coverflow/current_point.png') no-repeat 0 0;
}