/* RadAjax file upload example */

div.uploadPanel {
    background: url('images/UploadPanelBg.gif') no-repeat;
    font: normal 11px Arial, Verdana, Sans-serif;
    height: 310px;
    width: 713px;
    margin-bottom: 32px;
    cursor: default;
}

div.leftPanel {
    height: 310px;
    width: 427px;
    float: left;
}

    div.leftPanel .first {
        margin-top: 112px;
    }

    div.leftPanel .controls {
        margin-left: 24px;
        margin-bottom: 10px;
    }

    div.leftPanel .button {
        background: url('images/SaveBtnBg.gif') no-repeat;
        height: 21px;
        width: 123px;
        border: 0px;
        font: normal 12px Arial, Verdana, Sans-serif;
        color: #96600c;
        margin-left: 40px;
        margin-top: 4px;
    }

    div.leftPanel input {
        border: solid 1px #d3d3bd;
        background: #f7f7ed;
        color: #777775;
        width: 173px;
        vertical-align: middle;
    }

    div.leftPanel .fileUpload {
        width: 260px;
    }

    div.leftPanel span {
    }

    div.leftPanel .note {
        background: url('images/NoteBg.gif');
        color: #a2a290;
        width: 388px;
        height: 61px;
        margin: 24px;
    }

        div.leftPanel .note div {
            padding: 11px 23px;
        }

div.rightPanel {
    height: 310px;
    width: 277px;
    float: right;
}

    div.rightPanel .UploadedFileClass {
        background: url('images/UploadedFileLogBg.gif') no-repeat;
        padding: 27px;
        margin-top: 59px;
        height: 198px;
        color: #6a6a5b;
    }

    div.rightPanel #UploadedFileLog hr {
        color: #a3d9e9;
        width: 198px;
    }