/* The following is required for the slider. Editing should be kept to minimum */

.smooth_slider_container {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.smooth_slider_panel {
    position: absolute;
    top: 0px;
    left: 0px;
    background-position: 0% 0%;
    background-repeat: no-repeat;
}

.noflicker {
    /* this is to prevent flickering on some Android devices */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}

/* following are custom style for the demos. Customize as desired. */


#img_msg_area {
    opacity: 0.6;
    filter: alpha(opacity=60);
    /* For IE8 and earlier */
    width: 390px;
    min-height: 30px;
    background-color: white;
    position: absolute;
    left: 0px;
    top: 60px;
    z-index: 120;
    font-size: 2em;
    padding: 1em;
    -moz-border-radius-bottomright: 20px;
    border-bottom-right-radius: 20px;
    -moz-border-radius-topright: 20px;
    border-top-right-radius: 20px;
}

#static_text_area {
    opacity: 0.6;
    filter: alpha(opacity=60);
    /* For IE8 and earlier */
    width: 350px;
    background-color: white;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 120;
    padding: 1em;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

#resume {
    position: absolute;
    top: 30px;
    right: 30px;
    background: darkred;
    color: white;
    text-align: center;
    border-radius: 8px;
    cursor: pointer;
    padding: 8px 15px;
    font-size: 1.5em;
    z-index: 120;
}

#throbber {
    position: absolute;
    top: 49%;
    right: 45%;
    z-index: 99;
}