﻿/*CityStar file uploader*/

.cs-afu-container { font-size: 12px; }
.cs-afu-add-file
{
    background: #F2F2F2;
    background: -moz-linear-gradient(top, #F8F8F8 1%, #E1E1E1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
    border: 1px solid #CFCFCF;
}
.cs-afu-container { }
.cs-afu-table { border-collapse: collapse; width: 100%; }
div.cs-afu-container table.cs-afu-table tr td {border:none;}
.cs-afu-vfu-td { padding: 0; margin: 0; }
.cs-afu-file-info { font-size: 11px; padding: 5px 0 5px 0; height: 120px; }
.cs-afu-file-info-area { position: relative; width: 450px; height: 100px; }
.cs-afu-preview { position: absolute; padding: 3px; border: 1px solid #CFCFCF; right: 0; top: 0; }
.cs-afu-preview img {}
.cs-afu-file-delete { position: absolute; left: 0; top: 0; }
.cs-afu-icon { position: absolute; left: 20px; top: 0; }
.cs-afu-icon img { display: inline-block; overflow: hidden; }
.cs-afu-file-name { position: absolute; left: 40px; top: 0; font-weight: bold; width: 270px; overflow: hidden; }
.cs-afu-file-size { position: relative; color: Gray; font-weight: normal; }
.cs-afu-file-description { position: absolute; left: 0; top: 23px; }
.cs-afu-main-file { position: absolute; left: 0; top: 46px; }
.cs-afu-container .cs-afu-file-description input[type="text"] { width: 240px !important; border: 1px solid #000000; }
.cs-afu-container .cs-afu-file-description input[type="text"]:hover { border: 1px solid #4D90FE; }

.cs-afu-file-loading-info { font-size: 11px; padding: 5px 0 5px 0; height: 20px; }
.cs-afu-file-loading-info-area { position: relative; width: 450px; height: 30px; }
.cs-afu-file-loading-name { position: absolute; left: 20px; top: 0; font-weight: bold; width: 270px; overflow: hidden; }
.cs-afu-file-loading-img { position: absolute; left: 0; top: 0; background: url(/img/framework/ajax-file-uploader/loading.gif) no-repeat; width: 16px; height: 16px; }


/*Valums file uploader*/
.cs-afu-container .qq-uploader { position: relative; width: 100%; }

.cs-afu-container .qq-upload-button { display: block; height: 20px; width: 100px; text-align:center; padding: 1px 0 2px 0; vertical-align: middle;
    border: 1px solid #CFCFCF;
    background: #F2F2F2;
    background: -moz-linear-gradient(center top , #F8F8F8 1%, #E1E1E1 100%) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
}
.cs-afu-container .qq-upload-button-hover 
{
    background: #F2F2F2;
    background: -moz-linear-gradient(center top , #F8F8F8 60%, #E1E1E1 100%) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #F8F8F8), color-stop(100%, #E1E1E1));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
}

.cs-afu-container .qq-upload-drop-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; min-height: 70px; z-index: 2; text-align:center;
    background: #FF9797; 
    border: 1px solid #CFCFCF;
    background: #F2F2F2;
    background: -moz-linear-gradient(center top , #F8F8F8 1%, #E1E1E1 100%) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
}
.cs-afu-container .qq-upload-drop-area span { display: block; position: absolute; top: 50%; width: 100%; margin-top: -12px; font-size: 16px; }
.cs-afu-container .qq-upload-drop-area-active 
{
    background: #F2F2F2;
    background: -moz-linear-gradient(center top , #F8F8F8 60%, #E1E1E1 100%) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #F8F8F8), color-stop(100%, #E1E1E1));
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0);
}
/*.Valums file uploader*/

/*.CityStar file uploader*/