#card-form .filedrop-dropZone {
    width: auto;
    border: dashed 3px #CBCBCB;
    padding: 20px;
}
#card-form .filedrop-dropZone.error {
    background: none repeat scroll 0 0 #F6E0E2;
    border-color: #D7979D;
    -webkit-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
    -moz-box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
    box-shadow: 0 0 3px rgba(171, 41, 32, 0.25);
    color: #D7979D;
}
#card-form .filedrop-dropZone.error .filedrop-message {
    background-image: url(../img/ico_drop_error.png);
    background-repeat: no-repeat;
    padding-left: 35px;
}
#card-form .filedrop-message {
    background-image: url(../img/ico_drop.png);
    background-repeat: no-repeat;
    padding-left: 35px;
}
.dropfile, .filedrop-dropZone {
    border: dashed 3px #CBCBCB;
    padding: 20px;
    color: #8E8E8E;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    overflow: hidden;
    position: relative;
    width: 360px;
}
.dropfile input[type=file], .filedrop-dropZone input[type=file] {
    background-color: #fff;
    padding: initial;
    border: none;
    line-height: initial;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10;
    cursor: pointer;
}
.dropfile.small, .filedrop-dropZone.small {
    font-weight: normal;
    padding: 10px;
    border-width: 2px;
}
.dropfile.small form, .filedrop-dropZone.small form {
    margin-bottom: 0;
}
.filedrop-progress {
    display: none;
    height: 64px;
}
.filedrop-progressBarMessage {
    margin-top: 10px;
    font-weight: normal;
    text-align: center;
    display: block;
}
.filedrop-progressBar {
    position: relative;
    top: 9px;
    height: 20px;
    width: 100%;
    display: inline-block;
    background-color: #d4d4d4;
    background-repeat: repeat-x;
    background-image: -khtml-gradient(linear, left top, left bottom, from(#eee), to(#d4d4d4));
    background-image: -moz-linear-gradient(top, #eee, #d4d4d4);
    background-image: -ms-linear-gradient(top, #eee, #d4d4d4);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #d4d4d4));
    background-image: -webkit-linear-gradient(top, #eee, #d4d4d4);
    background-image: -o-linear-gradient(top, #eee, #d4d4d4);
    background-image: linear-gradient(top, #eee, #d4d4d4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#d4d4d4', GradientType=0);
    text-shadow: 0 1px 1px white;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.5);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-background-clip: padding-box;
}
.filedrop-progressBarInner {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: url('data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAsAAAAUCAIAAADUTlA/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMzgwMTE3NDA3MjA2ODExOUI0NzhGNjlCRDZDQzdCQiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMDQxMzE0OEREODkxMUUwODYyN0Y0REY4MTFGRDVCMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMDQxMzE0N0REODkxMUUwODYyN0Y0REY4MTFGRDVCMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDM4MDExNzQwNzIwNjgxMTlCNDc4RjY5QkQ2Q0M3QkIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDM4MDExNzQwNzIwNjgxMTlCNDc4RjY5QkQ2Q0M3QkIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7n8GnAAAABUUlEQVR42kRSy1XEMAyUbDm50QE10AsF0gSFUAaPC5fdZRNHshhLYcnHL9ZoRhPJ/PbxScyEKxZyJ9zDc8PM8v51c0SRFKtuqscIeFJkrWKHgcPEWAM2DjXQZKnEkYEtQsemQyfb45FWi5RxmGi3gLvb8KxOVFudFXebSuNQwMNGuoSf2oQLI575sl1+LMQ5xNsqyLIQzpAc905/V12ae8m6SbBtC6ectcEupjZrBUH3PlTFVKfU2pzqZPtJt75N7+RTA+LDK+vw+BkkKGCIpVMuhViyE+GObb9D/GFOUGGkldC3fRum546pyCL+3yfUvruBzZ5jk5VKE/QqB5GwU6KAFigAldj66BA/wubM5tZKW1O44B2nOOWEHzDHuZF+u/gcSh4RtHVxaucceBLk8n19nDDAfOBrP93A3H6V15fnSEdTBClnT/MM9p386VeAAQCyYPoFaQ10ywAAAABJRU5ErkJggg==') 0 0 repeat-x;
    height: 20px;
    width: 0;
    min-width: 30px;
    -webkit-animation-name: filedrop-progressBarRegress;
    -webkit-animation-duration: .5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: filedrop-progressBarRegress;
    -moz-animation-duration: .5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
}
.filedrop-dropZone:active, .filedrop-dropZone.active {
    border-color: #aaa;
    -webkit-transition: none;
    -moz-transition: none;
}
.filedrop-dropZone.active {
    -webkit-transition: border-color .2s ease-in;
    -moz-transition: border-color .2s ease-in;
}
.filedrop-dropZone input {
    height: 100%;
    width: 100%;
    font-size: 100px;
    overflow: none;
    text-align: center;
    opacity: 0;
    margin: 0;
    border: solid transparent;
    background-color: red;
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
}
.filedrop-message img {
    display: inline-block;
    position: relative;
    top: 8px;
    left: -6px;
}

.errorlist.error-message {
    color: #cf0200;
    background: url(../img/ico_error.png) no-repeat left center;
    padding: 0 0 0 20px;
    line-height: 10px;
    list-style: none;
    margin-top: 5px;
}