/* === Default (upload) page === */
.page-upload { }

/* addmon for coomon styles */
.page-upload .message { height: 40px; }

/* Progress bar */
.page-upload .progressbar { padding: 30px 0; margin: 0 auto; width: 600px; height: 40px; }
.page-upload .progressbar .progressbar-frame { border: 1px solid #999; /* Рамка для прогрессбара */ overflow: hidden; width: 600px; height: 40px; }
.page-upload .progressbar-default { text-align: center; padding: 30px 0; height: 40px; }
.page-upload .scale { height: 40px; background: #DFDF00; }
.page-upload .value { font-weight: bold; text-align: center; height: 40px; margin-top: -27px; /* Изменить при увеличении шрифта */ color: #000; }

/* input[file] container */
.page-upload .input-file-wrapper { padding: 0 0 0 0; }

/* Upload form */
.page-upload .upload-form { text-align: center; }

/* File name */
.page-upload .upload-form .input-text { float: left; margin: 0 0 0 50%; }
.page-upload .upload-form #fileName { background: #fff; border: 1px solid #333; color: #000; line-height: 24px; margin: 2px 10px 0 -252px; width: 350px; }

/* Browse button */
.page-upload .upload-form .browse { position: relative; top: 0px; left: 0px; text-align: right; background: url("../images/browse-button.png") 0 0 no-repeat; width: 145px; height: 31px; overflow: hidden; }
.page-upload .upload-form .browse:hover { background: url("../images/browse-button.png") 0 -31px no-repeat; }
.page-upload .upload-form .browse .button-text { font: normal 15px/31px Impact, Charcoal; color: #000; display: inline-block; width: 145px; text-align: center; }
.page-upload .upload-form .file { cursor: pointer; font-size: 30px; height: 31px; position: absolute; right: 0px; opacity: 0; filter: alpha(opacity=0); }
.page-upload .upload-form .submit { background: url("../images/upload.png") 0 0 no-repeat; border: 0; cursor: pointer; font: normal 28px/1 Impact, Charcoal; height: 59px; width: 273px; }
.page-upload .upload-form .submit:hover { background: url("../images/upload.png") 0 -59px no-repeat; }
.page-upload .note { text-align: center; margin: 5px 0 0 0; }

/* Supported formats */
.page-upload .supported-formats { font-size: 10px; color: #fff; padding: 0 0 10px 0; }

/* Advertisment */
.page-upload .advert { background: #336699; margin: 20px 0 0 0; padding: 3px 0 3px 0; border: solid 1px #ccc;
                       overflow: hidden; width: 100%; height: 100%;                      
                       }
.page-upload .advert .advertblock { display: block; float: right; width:33%; color: #fff; font-family:arial, sans-serif; font-size: 13px; }
.page-upload .advert .advertblock .lastadd { padding-right:3px; }
.page-upload .advert .advertblock .title { font-weight: bold; color: #fff; }
.page-upload .advert .advertblock .text { color: #fff; } 
.page-upload .advert .advertblock .website { font-size: 10px; color: #ccc; }
.page-upload .advert .advertblock a { color: #fff; text-decoration: none; border-bottom: solid 1px #fff; }
.page-upload .advert .advertblock a:hover { color: #000; text-decoration: none; border-bottom: solid 1px #000; }