/*** Inforaum Skin for RadAsyncUpload */

    .RadUpload_Inforaum {
        width: 586px !important;
        padding: 0 !important;
        border: solid 2px #dfdfdf;
        background: url(images/background.png) repeat 0 0;
    }

    .RadUpload_Inforaum .ruInputs {
        padding: 10px !important;
    }

    .RadUpload_Inforaum .ruFileWrap {
        width: 440px;
        padding-right: 40px !important;
        height: 32px !important;
        line-height: 18px !important;
    }

    .RadUpload_Inforaum .ruFileProgressWrap {
        height: 10px !important;
        margin: 0 !important;
        border: solid 1px #2f6ca1;
        border-radius: 5px;
        background-color: #f3f3f3 !important;
    }

    .RadUpload_Inforaum .ruFileProgress {
        height: 10px !important;
        margin: 0 !important;
        background: none !important;
    }

    .RadUpload_Inforaum .ruProgressStarted {
        background-color: #90c444 !important;
        border-right: solid 1px #2f6ca1;
        border-radius: 5px;
    }

    .RadUpload_Inforaum .ruUploadProgress {
        padding-left: 22px !important;
        background: transparent url(images/inprogress.png) no-repeat !important;
    }

    .RadUpload_Inforaum .ruUploadSuccess {
        background-image: url(images/ok.png) !important;
    }

    .RadUpload_Inforaum .ruUploadFailure {
        background-image: url(images/error.png) !important;
    }

    .RadUpload_Inforaum .ruUploadCancelled {
        background-image: url(images/cancel.png) !important;
    }

    .RadUpload_Inforaum .ruButton {
        color: #2f6ca1 !important;
        font-size: 11px !important;
        vertical-align: middle !important;
        border: none !important;
        padding-left: 20px !important;
        background-repeat: no-repeat !important;
        background-color: transparent !important;
        background-position: 0 2px !important;
        cursor: pointer !important;
    }

    .RadUpload_Inforaum .ruCancel {
        background-image: url(images/cancel.png);
    }

    .RadUpload_Inforaum .ruRemove {
        background-image: url(images/remove.png);
    }

    .RadUpload_Inforaum .ruBrowse {
        width: 100px !important;
        background-image: url(images/add_treeview.png);
    }

    .RadUpload_Inforaum .ruFakeInput {
        visibility: hidden;
        width: 50% !important;
    }

    .RadUpload_Inforaum .ruDropZone {
        padding: 0;
        width: 100%;
        height: 100%;
        border: none;
        border-radius: 0;
        background-color: rgba(0,0,0,0.3); /* Black background with opacity */
        font-size: 18px;
        text-align: center;
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 2000;
    }

    .RadUpload_Inforaum .ruDropZone + .ruFileWrap {
        height: 24px !important;
    }

    /* Upload in CommandLine */
    .InforaumFastUpload {
        width: 280px !important;
        height: 25px !important;
    }

    .InforaumFastUpload .ruInputs {
        padding: 0 !important;
        border: solid 1px #7AA3C5;
    }

    .InforaumFastUpload .ruInputs li {
        margin: 0 !important;
        background: url(images/background.png) repeat 0 0;
    }

    .InforaumFastUpload .ruFileWrap {
        width: 240px;
        height: 21px !important;
        padding: 2px 4px !important;
    }

    .InforaumFastUpload .ruFakeInput {
        width: 60px !important;
    }

    .InforaumFastUpload .ruButton {
        height: 12px !important;
        width: 110px !important;
        background-image: url(images/email.png);
    }

    .InforaumFastUpload .ruCancel,
    .InforaumFastUpload .ruRemove {
        display: none;
    }
    /* upload area */
    .DropArea {
        position: fixed; /* Sit on top of the page content */
        display: none; /* Hidden by default */
        width: 100%; /* Full width (cover the whole page) */
        height: 100%; /* Full height (cover the whole page) */
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0,0,0,0.5); /* Black background with opacity */
        z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
        cursor: pointer; /* Add a pointer on hover */
    }

    .DropAreaText {
        position: absolute;
        pointer-events: none;
        top: 50%;
        left: 50%;
        font-size: 50px;
        color: white;
        transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
    }