#timeline li { float: left; }
    .selectedableImage
    {
        padding: 14px 5px 0px 5px;
        list-style-type: none;
        float: left;
        width: 95px;
        height: 95px;
        cursor: hand;
        cursor: pointer;
    }
    .draggableImage
    {
        list-style-type: none;
        float: left;
        width: 95px;
        height: 95px;
        padding: 5px;
        cursor: hand;
        cursor: pointer;
    }
    .imgClass
    {
        width: 100%;
        height: 100%;
    }
    .photoSelector
    {
        width: 337px;
        height: 321px;
        overflow:auto;
        overflow-x: hidden;
        margin-right: -2px;
    }
    .motagePlayerPreview
    {
        height:100%;
        width:100%;
        float:left;
        border:1px solid #ccc;
        border-radius: 5px 5px 0px 0px;
        margin-bottom: 10px;
    }
    .photoSelectorContainer
    {
        border:1px solid #ccc;
        float:left;
        width:346px;
        height:452px;
        margin-top: -37px;
        margin-bottom: 10px;
    }
    .timeline
    {
        height: 140px;
        border:1px solid #ccc;
        background-image: url("../../montage/Interface/drag_container_gradient.gif");
        background-repeat: repeat-x;
        overflow-x: auto;
        float:left;
        width:100%;
        list-style-type: none; 
        margin: 0; 
        padding: 0;
    }
    .timelineContainer
    {
        overflow-y: hidden !important;
        overflow-x: auto !important;
        width:724px;
        float:left;
        margin-bottom: 10px;
    }
    .transition
    {
        float:left;
        color:black;
        cursor: pointer;
    }
    .imageTransition
    {
        color:black;float:left;Width:64px;
    }
    .imageTransitionButton
    {
        background-image: url("../../montage/Interface/icon_transition.gif");
        width:16px;
        height:13px;
        float:left;
        margin: 3px;
    }
    .ddlGallery
    {
        width: 296px;
        margin-bottom: 10px;
        margin-right: 20px;
        margin-top: 5px;
    }
    .option
    {
        padding: 5px;
    }
    .montageTitle
    {
        font-size: 15px;
        font-weight: bold;
        width: 84%;
        float: left;
        overflow: hidden;
        height: 20px;
    }
    .montageLink
    {
        float: left;
        text-align: right;
        width: 16%;
    }
    .colorBox
    {
        float: left;
        width: 25px;
        height: 25px;
        border-color: black;
        border-style: solid;
        border-width: 1px;
        margin: 5px 5px;
    }
    .gray
    {
        background-color: #444444;
    }
    .white
    {
        background-color: #ffffff;
    }
    .colorSelected
    {
        border-color: #FEA500;
        border-width: 2px;
    }
    .viewControler
    {
        padding-bottom: 26px;
        text-align: right;
        width: 722px;
        margin-bottom: 8px;
    }
    .removeImage
    {
        position: relative;
        top: -77px;
        left: 73px;
        visibility: hidden;
        width: 14px;
        height: 14px;
        margin-top: -14px;
        background-image: url("../../montage/Interface/icon_remove_photo.png");
    }
    .saveAndCancel
    {
        top: 856px;
    }
    #tabsClass:after
    {
        background: url("http://app.onlinephotofiler.com/Styles/montage.css") repeat-x scroll;
        border-width: 0;
    }
    #tabsClass
    {
        background: url("http://app.onlinephotofiler.com/Styles/montage.css") repeat-x scroll;
        border-width: 0;
    }
    #tabs
    {
        border-width: 0;
    }
    #tabs-1
    {
        border-style: solid;
        border-width: 1px;
        height: 413px;
        border-radius: 5px 5px 5px 5px;
    }
    #tabs-2
    {
        border-style: solid;
        border-width: 1px;
        height: 413px;
        border-radius: 5px 5px 5px 5px;
    }
    .transitionBtn
    {
        width:45px;
        margin-right:5px;
        float:left;
    }
    .montageGuest
    {
        margin-left: 75px;
        width: 569px;
    }
    .montageAdmin
    {
        float: left;
        height: 430px;
        margin-bottom: 26px;
        margin-top: -21px;
        width: 368px;
    }
    .montageEmptyDescription
    {
        position: relative;
        width: 324px;
        word-wrap: normal;
        font-size: 12px;
        display: none;
        z-index: 1;
        top: 67px;
        margin-left: auto;
        margin-right: auto;
    }
    /*Horrible hack the album empty was not centered for the player.*/
    .wst_album .loading {
        background-color: #808080;
        border-radius: 10px 10px 10px 10px;
        color: #000000;
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
        left: 37%;
        margin: auto;
        opacity: 0.6;
        padding: 10px;
        position: absolute;
        top: 50%;
        z-index: 100;
    }
    .emptyMontageTime
    {
        top:40px;
        left:189px;
    }
    .currentlyDisplayedImage
    {
        border-color: #FEA500;
        border-width: 3px;
        border-style: solid;
        margin-left: -3px;
        margin-top: -3px;
        margin-bottom: -3px;
    }
    .deleteMontageBtn
    {
        background-image: url("../../montage/Interface/btn_delete_montage.gif");
        height: 30px;
        width: 158px;
    }
    .loadMoreBtn
    {
        background-image: url("../../montage/Interface/btn_load_more.gif");
        height: 30px;
        width: 110px;
        display:none;
        margin-top:5px;
        cursor: hand;
        cursor: pointer;
    }
    .playerBar
    {
        background: none repeat scroll 0 0 lightGrey;
        margin-top: 34px;
        height: 21px;
    }
    .playBtn
    {
        margin-left:20px;
        background-image: url("../../montage/Interface/playbutton.gif");
        height: 20px;
        width: 29px;
        float:left;
    }
    .pauseBtn
    {
        background-image: url("../../montage/Interface/pausebutton.gif");
        height: 20px;
        width: 29px;
        float:left;
    }
    .volume_background
    {
        background-image: url("../../montage/Interface/volume_background.gif");
        width: 103px;
        height: 20px;
        float: right;
    }
    #volumeSlider
    {
        background: none;
        left: 26px;
        position: relative;
        top: 5px;
        width: 47px;
    }
    .ui-slider .ui-slider-handle
    {
        width: 7px;
        height: 19px;
        top: -6px;
        background:url("../../montage/Interface/volume_thumb.gif") no-repeat !important;
        overflow: hidden;
        position:absolute;
        border-style:none; 
    }
    .ui-widget-header
    {
        background:url("http://app.onlinephotofiler.com/Styles/montage.css") !important;
    }
    .promoBanner
    {
        background:url("../../montage/Interface/montage_promo.png") no-repeat;
        width: 306px;
        height: 140px;
    }
    .promoImage
    {
        background:url("../../montage/Interface/icon_montage_promo.gif") no-repeat;
        width: 37px;
        height: 38px;
    }
    .ui-dialog { margin:0 auto; }
    .wst_album .full_img img, .wst_album .thumb_img img 
    {
         cursor: default;
    }