Добавлена процедура parseFile()

~dev_rating/application/classes/Controller/Admin/Students.php

@@ -42,12 +42,70 @@ class Controller_Admin_Students extends Controller_UserEnvi {
     
     public function action_upload()
     {
+        if(!empty($_FILES['students'])AND $this->request->method() == 'POST')
+        {
+            $this->parseFile();
+        }
+        $model = new Model_Admin_Students;
+        $faculties = $model->getFaculties();
+        $facultiesHandled = array(); $i = 0;
+        foreach($faculties as $row)
+        {
+            $i++;
+            $facultiesHandled[$i]['ID'] = $row['FacultyID'];
+            $facultiesHandled[$i]['Name'] = $row['FacultyName'];
+            $facultiesHandled[$i]['Abbr'] = $row['FacultyAbbr'];
+        }
+        // VIEW
         $twig = Twig::factory('admin/students/upload');
-        
+        $twig->Faculties = $facultiesHandled;
         $twig->User = $this->UserInfo;
         $this->response->body($twig);
     }
     
+    protected function parseFile()
+    {
+        $model = new Model_Admin_Students;
+        $post = Arr::map('trim', $_POST);
+        $facultyID = $post['facultyID'];
+        $file = fopen($_FILES["schedule"]["tmp_name"], "r");
+        while ($line = fgetcsv($file, 0, ";")) 
+        {
+            // Имя, фамилия, отчество
+            $studentName = explode(' ', $line[0]); $idx = 0;
+            if(UTF8::substr($studentName[1], 0, 1) == '(')
+            {
+                $idx = 1;
+            }
+            $lastName = $studentName[0];
+            $firstName = $studentName[1 + $idx];
+            $secondName = '';
+            for($i = 2 + $idx; $i < count(); $i++)
+            {
+                $secondName .= $studentName[$i].' ';
+            }
+            $secondName = trim($secondName);
+            // Курс, степень подготовки
+            $studentGradeNum = $line[1];
+            switch($line[2])
+            {
+                case 'Бакалавр':
+                    $studentDegree = 'bachelor';
+                break;
+                case 'Специалист':
+                    $studentDegree = 'specialist';
+                break;
+                case 'Магистр':
+                    $studentDegree = 'master';
+                break;
+            }
+            $studentGroupNum = $line[3];
+            $studentGradeID = $model->getGradeID($studentGradeNum, $studentDegree);
+            Account::instance()->createStudent($lastName, $firstName, $secondName, 
+                                                $studentGradeID, $studentGroupNum, $facultyID);
+        }
+    }
+    
     public function action_edit()
     {
         $twig = Twig::factory('admin/students/edit');

~dev_rating/application/views/admin/students/upload.twig

@@ -3,6 +3,36 @@
 {% block title %}Студенты{% endblock %}
 {% block main_top_title %}Загрузка списка студентов{% endblock %}
 
+{% block media %}
+    {{ HTML.style('media/css/admin/stepByStep.css')|raw }}
+    {{ HTML.script('media/js/admin/students/upload.js')|raw }}
+    {{ HTML.script('media/js/jquery.uploadfile.min.js')|raw }}
+    {{ HTML.style('media/js/uploadfile.css')|raw }}
+{% endblock %}
+    
 {% block main_content %}
-
+    <div class="stepBox" id="FirstStep">
+        <div class="step_title">
+            <span class='step_title_count'>Шаг 1:</span> <span class='step_title_description'>Выберите подразделение университета</span>
+        </div>
+        <div class="step_body">
+            <select id="facultySelect">
+                <option value="0">--- Подразделение ЮФУ ---</option>
+                {% for row in Faculties %}
+                <option value="{{ row.ID }}">{{ row.Name }} ({{ row.Abbr }})</option>
+                {% endfor %}
+            </select>
+        </div>
+    </div>
+    <div class="stepBox" id="SecondStep">
+        <div class="step_title">
+            <span class='step_title_count'>Шаг 2:</span> <span class='step_title_description'>Выберите файл для загрузки</span>
+        </div>
+        <div class="step_body">
+            <form enctype="multipart/form-data" action="" method="POST">
+                  <input name="students" type="file">
+                  <input type="submit" value="Send">
+            </form>
+        </div>
+    </div>
 {% endblock %}
\ No newline at end of file

~dev_rating/media/js/admin/students/upload.js

+$(function()
+{
+    $("#fileuploader").uploadFile({
+        url:"/~dev_rating/handler/admStudents/loadXSLXFile",
+        allowedTypes:"xlsx",
+        fileName:"myfile"
+    });
+    $("#facultySelect [value='0']").attr('selected', 'selected');
+    
+    $('#facultySelect').change(function(){
+        if (($('#facultySelect option:selected').val()!= '0')) {
+            $('#SecondStep').css('display', 'block');
+        }
+    });     
+});
\ No newline at end of file

~dev_rating/media/js/jquery.uploadfile.min.js

+/*!
+ * jQuery Upload File Plugin
+ * version: 3.1.10
+ * @requires jQuery v1.5 or later & form plugin
+ * Copyright (c) 2013 Ravishanker Kusuma
+ * http://hayageek.com/
+ */
+(function(b){if(b.fn.ajaxForm==undefined){b.getScript(("https:"==document.location.protocol?"https://":"http://")+"malsup.github.io/jquery.form.js")}var a={};a.fileapi=b("<input type='file'/>").get(0).files!==undefined;a.formdata=window.FormData!==undefined;b.fn.uploadFile=function(f){var p=b.extend({url:"",method:"POST",enctype:"multipart/form-data",returnType:null,allowDuplicates:true,duplicateStrict:false,allowedTypes:"*",acceptFiles:"*",fileName:"file",formData:{},dynamicFormData:function(){return{}},maxFileSize:-1,maxFileCount:-1,multiple:true,dragDrop:true,autoSubmit:true,showCancel:true,showAbort:true,showDone:true,showDelete:false,showError:true,showStatusAfterSuccess:true,showStatusAfterError:true,showFileCounter:true,fileCounterStyle:"). ",showProgress:false,nestedForms:true,showDownload:false,onLoad:function(s){},onSelect:function(s){return true},onSubmit:function(s,x){},onSuccess:function(y,x,z,s){},onError:function(z,s,y,x){},onCancel:function(x,s){},downloadCallback:false,deleteCallback:false,afterUploadAll:false,abortButtonClass:"ajax-file-upload-abort",cancelButtonClass:"ajax-file-upload-cancel",dragDropContainerClass:"ajax-upload-dragdrop",dragDropHoverClass:"state-hover",errorClass:"ajax-file-upload-error",uploadButtonClass:"ajax-file-upload",dragDropStr:"<span><b>Drag &amp; Drop Files</b></span>",abortStr:"Abort",cancelStr:"Cancel",deletelStr:"Delete",doneStr:"Done",multiDragErrorStr:"Multiple File Drag &amp; Drop is not allowed.",extErrorStr:"is not allowed. Allowed extensions: ",duplicateErrorStr:"is not allowed. File already exists.",sizeErrorStr:"is not allowed. Allowed Max size: ",uploadErrorStr:"Upload is not allowed",maxFileCountErrorStr:" is not allowed. Maximum allowed files are:",downloadStr:"Download",customErrorKeyStr:"jquery-upload-file-error",showQueueDiv:false,statusBarWidth:500,dragdropWidth:500,showPreview:false,previewHeight:"auto",previewWidth:"100%",uploadFolder:"uploads/"},f);this.fileCounter=1;this.selectedFiles=0;this.fCounter=0;this.sCounter=0;this.tCounter=0;var e="ajax-file-upload-"+(new Date().getTime());this.formGroup=e;this.hide();this.errorLog=b("<div></div>");this.after(this.errorLog);this.responses=[];this.existingFileNames=[];if(!a.formdata){p.dragDrop=false}if(!a.formdata){p.multiple=false}var n=this;var q=b("<div>"+b(this).html()+"</div>");b(q).addClass(p.uploadButtonClass);(function l(){if(b.fn.ajaxForm){if(p.dragDrop){var s=b('<div class="'+p.dragDropContainerClass+'" style="vertical-align:top;"></div>').width(p.dragdropWidth);b(n).before(s);b(s).append(q);b(s).append(b(p.dragDropStr));c(n,p,s)}else{b(n).before(q)}p.onLoad.call(this,n);k(n,e,p,q)}else{window.setTimeout(l,10)}})();this.startUpload=function(){b("."+this.formGroup).each(function(x,s){if(b(this).is("form")){b(this).submit()}})};this.getFileCount=function(){return n.selectedFiles};this.stopUpload=function(){b("."+p.abortButtonClass).each(function(x,s){if(b(this).hasClass(n.formGroup)){b(this).click()}})};this.cancelAll=function(){b("."+p.cancelButtonClass).each(function(x,s){if(b(this).hasClass(n.formGroup)){b(this).click()}})};this.update=function(s){p=b.extend(p,s)};this.createProgress=function(y){var x=new j(this,p);x.progressDiv.show();x.progressbar.width("100%");var s="";if(p.showFileCounter){s=n.fileCounter+p.fileCounterStyle+y}else{s=y}x.filename.html(s);n.fileCounter++;n.selectedFiles++;if(p.showPreview){x.preview.attr("src",p.uploadFolder+y);x.preview.show()}if(p.showDownload){x.download.show();x.download.click(function(){if(p.downloadCallback){p.downloadCallback.call(n,[y])}})}x.del.show();x.del.click(function(){x.statusbar.hide().remove();var z=[y];if(p.deleteCallback){p.deleteCallback.call(this,z,x)}n.selectedFiles-=1;d(p,n)})};this.getResponses=function(){return this.responses};var m=false;function u(){if(p.afterUploadAll&&!m){m=true;(function s(){if(n.sCounter!=0&&(n.sCounter+n.fCounter==n.tCounter)){p.afterUploadAll(n);m=false}else{window.setTimeout(s,100)}})()}}function c(z,x,y){y.on("dragenter",function(s){s.stopPropagation();s.preventDefault();b(this).addClass(x.dragDropHoverClass)});y.on("dragover",function(A){A.stopPropagation();A.preventDefault();var s=b(this);if(s.hasClass(x.dragDropContainerClass)&&!s.hasClass(x.dragDropHoverClass)){s.addClass(x.dragDropHoverClass)}});y.on("drop",function(A){A.preventDefault();b(this).removeClass(x.dragDropHoverClass);z.errorLog.html("");var s=A.originalEvent.dataTransfer.files;if(!x.multiple&&s.length>1){if(x.showError){b("<div class='"+x.errorClass+"'>"+x.multiDragErrorStr+"</div>").appendTo(z.errorLog)}return}if(x.onSelect(s)==false){return}r(x,z,s)});y.on("dragleave",function(s){b(this).removeClass(x.dragDropHoverClass)});b(document).on("dragenter",function(s){s.stopPropagation();s.preventDefault()});b(document).on("dragover",function(A){A.stopPropagation();A.preventDefault();var s=b(this);if(!s.hasClass(x.dragDropContainerClass)){s.removeClass(x.dragDropHoverClass)}});b(document).on("drop",function(s){s.stopPropagation();s.preventDefault();b(this).removeClass(x.dragDropHoverClass)})}function t(s){var y="";var x=s/1024;if(parseInt(x)>1024){var z=x/1024;y=z.toFixed(2)+" MB"}else{y=x.toFixed(2)+" KB"}return y}function i(A){var B=[];if(jQuery.type(A)=="string"){B=A.split("&")}else{B=b.param(A).split("&")}var x=B.length;var s=[];var z,y;for(z=0;z<x;z++){B[z]=B[z].replace(/\+/g," ");y=B[z].split("=");s.push([decodeURIComponent(y[0]),decodeURIComponent(y[1])])}return s}function r(K,E,x){for(var F=0;F<x.length;F++){if(!g(E,K,x[F].name)){if(K.showError){b("<div class='"+K.errorClass+"'><b>"+x[F].name+"</b> "+K.extErrorStr+K.allowedTypes+"</div>").appendTo(E.errorLog)}continue}if(!K.allowDuplicates&&o(E,x[F].name)){if(K.showError){b("<div class='"+K.errorClass+"'><b>"+x[F].name+"</b> "+K.duplicateErrorStr+"</div>").appendTo(E.errorLog)}continue}if(K.maxFileSize!=-1&&x[F].size>K.maxFileSize){if(K.showError){b("<div class='"+K.errorClass+"'><b>"+x[F].name+"</b> "+K.sizeErrorStr+t(K.maxFileSize)+"</div>").appendTo(E.errorLog)}continue}if(K.maxFileCount!=-1&&E.selectedFiles>=K.maxFileCount){if(K.showError){b("<div class='"+K.errorClass+"'><b>"+x[F].name+"</b> "+K.maxFileCountErrorStr+K.maxFileCount+"</div>").appendTo(E.errorLog)}continue}E.selectedFiles++;E.existingFileNames.push(x[F].name);var G=K;var z=new FormData();var D=K.fileName.replace("[]","");z.append(D,x[F]);var B=K.formData;if(B){var I=i(B);for(var C=0;C<I.length;C++){if(I[C]){z.append(I[C][0],I[C][1])}}}G.fileData=z;var H=new j(E,K);var J="";if(K.showFileCounter){J=E.fileCounter+K.fileCounterStyle+x[F].name}else{J=x[F].name}H.filename.html(J);var y=b("<form style='display:block; position:absolute;left: 150px;' class='"+E.formGroup+"' method='"+K.method+"' action='"+K.url+"' enctype='"+K.enctype+"'></form>");y.appendTo("body");var A=[];A.push(x[F].name);w(y,G,H,A,E,x[F]);E.fileCounter++}}function g(z,y,B){var A=y.allowedTypes.toLowerCase().split(",");var x=B.split(".").pop().toLowerCase();if(y.allowedTypes!="*"&&jQuery.inArray(x,A)<0){return false}return true}function o(A,y){var z=false;if(A.existingFileNames.length){for(var s=0;s<A.existingFileNames.length;s++){if(A.existingFileNames[s]==y||p.duplicateStrict&&A.existingFileNames[s].toLowerCase()==y.toLowerCase()){z=true}}}return z}function h(y,z){if(y.existingFileNames.length){for(var s=0;s<z.length;s++){var A=y.existingFileNames.indexOf(z[s]);if(A!=-1){y.existingFileNames.splice(A,1)}}}}function v(x,y){if(x){y.show();var s=new FileReader();s.onload=function(z){y.attr("src",z.target.result)};s.readAsDataURL(x)}}function d(x,z){if(x.showFileCounter){var y=b(".ajax-file-upload-filename").length;z.fileCounter=y+1;b(".ajax-file-upload-filename").each(function(D,B){var s=b(this).html().split(x.fileCounterStyle);var A=parseInt(s[0])-1;var C=y+x.fileCounterStyle+s[1];b(this).html(C);y--})}}function k(D,C,z,x){var E="ajax-upload-id-"+(new Date().getTime());var B=b("<form method='"+z.method+"' action='"+z.url+"' enctype='"+z.enctype+"'></form>");var y="<input type='file' id='"+E+"' name='"+z.fileName+"' accept='"+z.acceptFiles+"'/>";if(z.multiple){if(z.fileName.indexOf("[]")!=z.fileName.length-2){z.fileName+="[]"}y="<input type='file' id='"+E+"' name='"+z.fileName+"' accept='"+z.acceptFiles+"' multiple/>"}var A=b(y).appendTo(B);A.change(function(){D.errorLog.html("");var L=z.allowedTypes.toLowerCase().split(",");var H=[];if(this.files){for(I=0;I<this.files.length;I++){H.push(this.files[I].name)}if(z.onSelect(this.files)==false){return}}else{var J=b(this).val();var G=[];H.push(J);if(!g(D,z,J)){if(z.showError){b("<div class='"+z.errorClass+"'><b>"+J+"</b> "+z.extErrorStr+z.allowedTypes+"</div>").appendTo(D.errorLog)}return}G.push({name:J,size:"NA"});if(z.onSelect(G)==false){return}}d(z,D);x.unbind("click");B.hide();k(D,C,z,x);B.addClass(C);if(a.fileapi&&a.formdata){B.removeClass(C);var K=this.files;r(z,D,K)}else{var F="";for(var I=0;I<H.length;I++){if(z.showFileCounter){F+=D.fileCounter+z.fileCounterStyle+H[I]+"<br>"}else{F+=H[I]+"<br>"}D.fileCounter++}if(z.maxFileCount!=-1&&(D.selectedFiles+H.length)>z.maxFileCount){if(z.showError){b("<div class='"+z.errorClass+"'><b>"+F+"</b> "+z.maxFileCountErrorStr+z.maxFileCount+"</div>").appendTo(D.errorLog)}return}D.selectedFiles+=H.length;var s=new j(D,z);s.filename.html(F);w(B,z,s,H,D,null)}});if(z.nestedForms){B.css({margin:0,padding:0});x.css({position:"relative",overflow:"hidden",cursor:"default"});A.css({position:"absolute",cursor:"pointer",top:"0px",width:"100%",height:"100%",left:"0px","z-index":"100",opacity:"0.0",filter:"alpha(opacity=0)","-ms-filter":"alpha(opacity=0)","-khtml-opacity":"0.0","-moz-opacity":"0.0"});B.appendTo(x)}else{B.appendTo(b("body"));B.css({margin:0,padding:0,display:"block",position:"absolute",left:"-250px"});if(navigator.appVersion.indexOf("MSIE ")!=-1){x.attr("for",E)}else{x.click(function(){A.click()})}}}function j(y,x){this.statusbar=b("<div class='ajax-file-upload-statusbar'></div>").width(x.statusBarWidth);this.preview=b("<img class='ajax-file-upload-preview' />").width(x.previewWidth).height(x.previewHeight).appendTo(this.statusbar).hide();this.filename=b("<div class='ajax-file-upload-filename'></div>").appendTo(this.statusbar);this.progressDiv=b("<div class='ajax-file-upload-progress'>").appendTo(this.statusbar).hide();this.progressbar=b("<div class='ajax-file-upload-bar "+y.formGroup+"'></div>").appendTo(this.progressDiv);this.abort=b("<div class='ajax-file-upload-red "+x.abortButtonClass+" "+y.formGroup+"'>"+x.abortStr+"</div>").appendTo(this.statusbar).hide();this.cancel=b("<div class='ajax-file-upload-red "+x.cancelButtonClass+" "+y.formGroup+"'>"+x.cancelStr+"</div>").appendTo(this.statusbar).hide();this.done=b("<div class='ajax-file-upload-green'>"+x.doneStr+"</div>").appendTo(this.statusbar).hide();this.download=b("<div class='ajax-file-upload-green'>"+x.downloadStr+"</div>").appendTo(this.statusbar).hide();this.del=b("<div class='ajax-file-upload-red'>"+x.deletelStr+"</div>").appendTo(this.statusbar).hide();if(x.showQueueDiv){b("#"+x.showQueueDiv).append(this.statusbar)}else{y.errorLog.after(this.statusbar)}return this}function w(D,C,x,z,E,B){var A=null;var y={cache:false,contentType:false,processData:false,forceSync:false,type:C.method,data:C.formData,formData:C.fileData,dataType:C.returnType,beforeSubmit:function(J,G,I){if(C.onSubmit.call(this,z)!=false){var F=C.dynamicFormData();if(F){var s=i(F);if(s){for(var H=0;H<s.length;H++){if(s[H]){if(C.fileData!=undefined){I.formData.append(s[H][0],s[H][1])}else{I.data[s[H][0]]=s[H][1]}}}}}E.tCounter+=z.length;u();return true}x.statusbar.append("<div class='"+C.errorClass+"'>"+C.uploadErrorStr+"</div>");x.cancel.show();D.remove();x.cancel.click(function(){h(E,z);x.statusbar.remove();C.onCancel.call(E,z,x);E.selectedFiles-=z.length;d(C,E)});return false},beforeSend:function(F,s){x.progressDiv.show();x.cancel.hide();x.done.hide();if(C.showAbort){x.abort.show();x.abort.click(function(){h(E,z);F.abort();E.selectedFiles-=z.length})}if(!a.formdata){x.progressbar.width("5%")}else{x.progressbar.width("1%")}},uploadProgress:function(I,s,H,G){if(G>98){G=98}var F=G+"%";if(G>1){x.progressbar.width(F)}if(C.showProgress){x.progressbar.html(F);x.progressbar.css("text-align","center")}},success:function(F,s,H){if(C.returnType=="json"&&b.type(F)=="object"&&F.hasOwnProperty(C.customErrorKeyStr)){x.abort.hide();var G=F[C.customErrorKeyStr];C.onError.call(this,z,200,G,x);if(C.showStatusAfterError){x.progressDiv.hide();x.statusbar.append("<span class='"+C.errorClass+"'>ERROR: "+G+"</span>")}else{x.statusbar.hide();x.statusbar.remove()}E.selectedFiles-=z.length;D.remove();E.fCounter+=z.length;return}E.responses.push(F);x.progressbar.width("100%");if(C.showProgress){x.progressbar.html("100%");x.progressbar.css("text-align","center")}x.abort.hide();C.onSuccess.call(this,z,F,H,x);if(C.showStatusAfterSuccess){if(C.showDone){x.done.show();x.done.click(function(){x.statusbar.hide("slow");x.statusbar.remove()})}else{x.done.hide()}if(C.showDelete){x.del.show();x.del.click(function(){x.statusbar.hide().remove();if(C.deleteCallback){C.deleteCallback.call(this,F,x)}E.selectedFiles-=z.length;d(C,E)})}else{x.del.hide()}}else{x.statusbar.hide("slow");x.statusbar.remove()}if(C.showDownload){x.download.show();x.download.click(function(){if(C.downloadCallback){C.downloadCallback(F)}})}D.remove();E.sCounter+=z.length},error:function(G,s,F){x.abort.hide();if(G.statusText=="abort"){x.statusbar.hide("slow").remove();d(C,E)}else{C.onError.call(this,z,s,F,x);if(C.showStatusAfterError){x.progressDiv.hide();x.statusbar.append("<span class='"+C.errorClass+"'>ERROR: "+F+"</span>")}else{x.statusbar.hide();x.statusbar.remove()}E.selectedFiles-=z.length}D.remove();E.fCounter+=z.length}};if(C.showPreview&&B!=null){if(B.type.toLowerCase().split("/").shift()=="image"){v(B,x.preview)}}if(C.autoSubmit){D.ajaxSubmit(y)}else{if(C.showCancel){x.cancel.show();x.cancel.click(function(){h(E,z);D.remove();x.statusbar.remove();C.onCancel.call(E,z,x);E.selectedFiles-=z.length;d(C,E)})}D.ajaxForm(y)}}return this}}(jQuery));
\ No newline at end of file

~dev_rating/media/js/uploadfile.css

+.ajax-file-upload-statusbar {
+border: 1px solid #0ba1b5;
+margin-top: 10px;
+margin-right: 10px;
+margin: 5px;
+-moz-border-radius: 4px;
+-webkit-border-radius: 4px;
+border-radius: 4px;
+padding: 5px 5px 5px 5px
+}
+.ajax-file-upload-filename {
+width: 100%;
+height: auto;
+margin: 0 5px 5px 10px;
+color: #807579
+}
+.ajax-file-upload-progress {
+margin: 0 10px 5px 10px;
+position: relative;
+width: 250px;
+border: 1px solid #ddd;
+padding: 1px;
+border-radius: 3px;
+display: inline-block
+}
+.ajax-file-upload-bar {
+background-color: #0ba1b5;
+width: 0;
+height: 20px;
+border-radius: 3px;
+color:#FFFFFF;
+}
+.ajax-file-upload-percent {
+position: absolute;
+display: inline-block;
+top: 3px;
+left: 48%
+}
+.ajax-file-upload-red {
+-moz-box-shadow: inset 0 39px 0 -24px #e67a73;
+-webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
+box-shadow: inset 0 39px 0 -24px #e67a73;
+background-color: #e4685d;
+-moz-border-radius: 4px;
+-webkit-border-radius: 4px;
+border-radius: 4px;
+display: inline-block;
+color: #fff;
+font-family: arial;
+font-size: 13px;
+font-weight: normal;
+padding: 4px 15px;
+text-decoration: none;
+text-shadow: 0 1px 0 #b23e35;
+cursor: pointer;
+vertical-align: top;
+margin-right:5px;
+}
+.ajax-file-upload-green {
+background-color: #77b55a;
+-moz-border-radius: 4px;
+-webkit-border-radius: 4px;
+border-radius: 4px;
+margin: 0;
+padding: 0;
+display: inline-block;
+color: #fff;
+font-family: arial;
+font-size: 13px;
+font-weight: normal;
+padding: 4px 15px;
+text-decoration: none;
+cursor: pointer;
+text-shadow: 0 1px 0 #5b8a3c;
+vertical-align: top;
+margin-right:5px;
+}
+.ajax-file-upload {
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 16px;
+   font-weight: bold;
+	padding: 15px 20px;
+	cursor:pointer;
+	line-height:20px;
+	height:25px;
+	margin:0 10px 10px 0;
+  display: inline-block;
+  background: #fff;
+  border: 1px solid #e8e8e8;
+  color: #888;
+  text-decoration: none;
+  border-radius: 3px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -moz-box-shadow: 0 2px 0 0 #e8e8e8;
+  -webkit-box-shadow: 0 2px 0 0 #e8e8e8;
+  box-shadow: 0 2px 0 0 #e8e8e8; 
+  padding: 6px 10px 4px 10px; 
+  color: #fff;
+  background: #2f8ab9;
+  border: none;
+  -moz-box-shadow: 0 2px 0 0 #13648d;
+  -webkit-box-shadow: 0 2px 0 0 #13648d;
+  box-shadow: 0 2px 0 0 #13648d; 
+  vertical-align:middle;  
+  }
+  
+.ajax-file-upload:hover {
+      background: #3396c9;
+      -moz-box-shadow: 0 2px 0 0 #15719f;
+      -webkit-box-shadow: 0 2px 0 0 #15719f;
+      box-shadow: 0 2px 0 0 #15719f;
+}
+
+.ajax-upload-dragdrop
+{
+    width: 100%;
+    border:2px dotted #A5A5C7;
+    color: #DADCE3;
+    text-align:left;
+    vertical-align:middle;
+    padding:10px 10px 0px 10px;
+}
+
+.ajax-upload-dragdrop.state-hover
+{
+    border: 2px solid #A5A5C7;
+}
+.ajax-file-upload-error {
+    color: red;
+}
\ No newline at end of file