﻿
#fileupload {
}

#spanLuuY {
    padding-top: 8px;
    padding-bottom: 5px;
    color: #fc0000;
    display: block;
}

.upload-item {
    position: relative;
}

    .upload-item .upload-item-delete,
    .upload-item .upload-item-rotate {
        position: absolute;
    }

.default-theme .upload-item {
    width: 72px;
    height: 72px;
    overflow: hidden;
    float: left;
    margin-right: 4px;
}

.default-theme #secleimg {
    /*background: url('images/icon_upload.png') no-repeat 10px 6px #015f95;*/
    width: 75px;
    height: 0;
    border-radius: 3px;
    color: #015f95;
    /* padding-left: 38px; */
    line-height: 0;
    cursor: pointer;
    text-indent: -99999px;
    z-index: -99;
    width: 0;
    background: #fff;
    opacity: 0;
}

.default-theme .working-upload-item {
    background: url('images/icon_upload.png') no-repeat 50% 6px #37a344;
    width: 100%;
    height: 30px;
    border-radius: 3px;
    color: #fff;
    /* padding-left: 38px; */
    line-height: 30px;
    cursor: pointer;
     margin-top:5px; 
}


.default-theme .upload-item-loading {
    background: url('images/upload-loading.gif') no-repeat scroll center;
}

.default-theme .upload-item .upload-item-delete {
    background: url('images/upload-tool-delete.png') no-repeat;
    width: 24px;
    height: 24px;
    right: 1px;
    bottom: 1px;
    border: 0;
}

.default-theme .upload-item .upload-item-rotate {
    background: url('images/upload-tool-rotation.png') no-repeat;
    width: 24px;
    height: 24px;
    left: 1px;
    top: 1px;
    border: 0;
}

.default-theme .fileuploadie7 {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    width: 90px;
    height: 90px;
    display: block;
    cursor: pointer;
}
/*for ie7*/
.default-theme .upload-item img.background {
    width: 90px;
    height: 90px;
}

/*------Upload Avatar--------*/
.avatar-upload {
    float: left;
    width: 25%;
}

.avatar-item {
    display: none;
    width: 63px;
    height: 63px;
    overflow: hidden;
    float: left;
    margin-right: 4px;
    position: relative;
    background-color: transparent;
    background-size: 63px 63px;
}

.no-avatar {
    width: 63px;
    height: 63px;
    overflow: hidden;
    float: left;
    margin-right: 4px;
    position: relative;
    background: url('/Images/avatar-default.png') no-repeat scroll 0% 0%;
    background-color: transparent;
    background-size: 63px 63px;
    border: solid 1px #dedede;
}

.avatar {
    width:64px;
    height:64px;
}

.avatar-item .upload-item-delete,
.avatar-item .upload-item-rotate {
    position: absolute;
}

.avatar-item img.background {
    width: 90px;
    height: 90px;
}

.avatar-item .upload-item-delete {
    background: url('images/avatar-tool-delete.png') no-repeat;
    width: 20px;
    height: 20px;
    right: 0;
    top: 0;
    border: 0;
}

.avatar-item .upload-item-rotate {
    background: url('images/upload-tool-rotation.png') no-repeat;
    width: 24px;
    height: 24px;
    left: 1px;
    top: 1px;
    border: 0;
}

.avatar-upload-item {
    padding: 6px 0;
    color: #37a344;
    border: none;
    cursor: pointer;
    text-align: center;
    float: left;
    /* height: 26px; */
    font: italic 12px/9px tahoma;
    /* margin: 56px 14px 0; */
    background: url('/images/iconmenu/icon-change-avatar.png') no-repeat 0px;
    padding: 8px 15px;
}

    .avatar-upload-item:hover {
        /*background: #059216;*/
    }

.avatar-upload .upload-item-loading {
    background: url('images/upload-loading.gif') no-repeat scroll center;
}
