.fileup-file {
    background-color: #F5F5F5;
    border: 1px solid #DBDBDB;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font: 12px Verdana, Geneva, sans-serif;
    margin-bottom: 5px;
    max-width: 10%;
    height: 50px;
    padding: 10px;
    position: relative;
    overflow: hidden;
    float: left;
    margin-right: 10px;
}
.fileup-file.fileup-image .fileup-preview {
    width: 60px;
    float: left;
}
.fileup-file.fileup-doc .fileup-preview {
    width: 32px;
    float: left;
}
.fileup-file.fileup-image .fileup-preview img {
    max-height: 50px;
    max-width: 50px;
}
.fileup-file.fileup-image.fileup-no-preview .fileup-preview img,
.fileup-file.fileup-doc .fileup-preview img {
    display: none;
}
.fileup-file.fileup-image.no-preview .fileup-preview {
    width: 80px;
    height: 56px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAA4CAAAAABP3SBGAAACW0lEQVRYw+3Y3U8aQRAAcP7/98bb3YFDxSvUBCKlxigllVrFILFEmmJrxdYrB7e7Q+JfUD4Ocgcs7OX2oQ/OAwmZ8Mt+zO7NkcraZiOVSRuNTMp+BU2BzCIJAyIgK19eJIv6PoRB0njBRDHiBRYG6Rf0EwXvv/3fQM6Ngsjd5/GHKZCLdvkgV2wOhSmwRglj1Kp43AgoG9a05mCnKk2AvO+w4HjZj8IAKLsAwcmlLdQEl4oiCt6x+VVAGpogf3KFEhQPmWCEwNpSAZKLKHh0NNwwxhIJZuy4XAvEO2adqGctuzad7gm9RV8H5H6RpklVqMWOM74Arb2m9LVAbFFIA6lJteg2q6dXT9LXArlXmMwIyLla5CglCl8PxMZszWGlOKX+9RUC+XMuqDOg1xGx31Ev6wYQz6153QK0wkt7Qz4rRTUoe7uLg5Bm6a+jxU9ch9LToYwL4pkVesyyTAdDIwer/FfGA+XP+bmaXyjfZxn5y54krMMexgJFhURbAbp7P02JD7MEyXUxBojfAJaaC7r/gNPTGCSo3cYYIyzRlXaFOj3JB4eLBIPGasUrQLylsNoAkfzvl6vQVjH6iQstkA/e0XUtFSneH7DQdyDHntQB8Zqsb9JYdmngVukPbge5GxlHOGB1GR5wKyjrRL+zpHsd3AJyL09j9KoscxPqRdaDBRan+2WsLrhJcLzZZ0NhEpzcFa7cBDo7NGa8cX5w9S57teOTuFH5OHs0ry9sIeOHP9TpHJL32MlBLx8FL0c8UYhB9D0FCpX3yaKchei7Hk0a8PoCbgw0/a/IP7jBCOMW5IDRAAAAAElFTkSuQmCC);
}
.fileup-file.fileup-doc .fileup-preview {
    width: 32px;
    height: 32px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABi0lEQVRYR+2Xz0rDQBDGZzbWi4on21fwEQRvuUut2oMvIAVrvanNRby09dooCH0CabW1Z+lN8BHEJ/DPQZR6sc2M2UBqIsaQNLgeuqfN7s58v/2GLAyCZ6wXy4sosAYW6KDBnHdv3DkRvGuCekS4d3FSvXPzoTuR4qzhrWCYH1fst3hCeEWLl1yIEcBGyejYgVkgaFvDVKF9dvSUJEh+p7zAiA1Hg6HbMitZmf8LYNt4k7ZbH6lM0uLuRXKFw7Q2PXgkoP5lveaU2OsAy4VWvTJaS9IBN5fttE/n/wN0ejcOcdyxqi/7HI3sgHKAuDcPiovsgHIA5SVQDqC8BMoBlJdAOYDyEigHCCvB97c+DDjyS6gcIOxGUfcjOxBVIOz8BGDiwMSBQAfWikZfCJhB5nTTrD6H/U5x9jd3jcyA4eHHxiRfOugyiBU78ZXdHW0l3R1J8SFTQ2ogQ6dpVnK+zuivmlO7yXiZspvT89PqvQ9AfjjtOeIxIekCxGwcm4NipO0ai2tBvO+Ky7OfS/tTMPcqUk4AAAAASUVORK5CYII=);
}
.fileup-file .fileup-clear {
    clear: both;
}
.fileup-file.fileup-doc .fileup-container {
    margin-left: 42px;
}
.fileup-file.fileup-image .fileup-container {
    margin-left: 90px;
}
.fileup-file .fileup-controls {
    margin-top: 5px;
	text-align: left;
}
.fileup-file .fileup-controls .fileup-upload {
    margin-right: 10px;
}
.fileup-file .fileup-controls .fileup-remove {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    width:  16px;
    height: 16px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAIBJREFUOI3dkLENg0AQBGeRIHIGtGBciQNnpJRADgUgN+AKXQAVODpHSA7u75EzmHRvVquD0/HI5BVwjw6uwJSSJT2BNreiA+Z/Za8klJUp6SVdzOwFrN5RERS8JdVm9knJEZWkBaiJH+tS/sgb3mNDuXGyXSVjQt64AcOeJQfiC5NFE9mPPVrMAAAAAElFTkSuQmCC');
    background-color: #F5F5F5;
}
.fileup-file .fileup-controls .fileup-upload,
.fileup-file .fileup-controls .fileup-abort {
    color: #428bca;
    cursor: pointer;
	opacity: 0;
}
.fileup-file .fileup-controls .fileup-upload:hover,
.fileup-file .fileup-controls .fileup-abort:hover {
    color: #2a6496;
    text-decoration: underline;
}
.fileup-file .fileup-container .fileup-description {
    padding-right: 15px;
    word-break: break-all;
	text-align: left;
	opacity: 0;
}
.fileup-file .fileup-container .fileup-size {
    white-space: nowrap;
}
.fileup-file .fileup-result.fileup-success {
    color: #4CAE4C;
}
.fileup-file .fileup-result.fileup-error {
    color: #CE0000;
}
.fileup-progress {
    background-color: #E5E5E5;
    margin-top: 10px;
    width: 100%;
	opacity: 0;
}
.fileup-progress-bar {
    width: 1px;
    height: 3px;
    background-color: #0099ff;
    -webkit-transition: width .1s ease-out 0.1s;
    -moz-transition: width .1s ease-out 0.1s;
    -o-transition: width .1s ease-out 0.1s;
    transition: width .1s ease-out 0.1s
}
.fileup-btn {
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.fileup-btn input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px;
    direction: ltr;
    cursor: pointer;
	z-index: 999;
}

#growls {
    z-index: 50000;
    position: fixed;
}
#growls.default {
    top: 10px;
    right: 10px;
}
#growls.tl {
    top: 10px;
    left: 10px;
}
#growls.tr {
    top: 10px;
    right: 10px;
}
#growls.bl {
    bottom: 10px;
    left: 10px;
}
#growls.br {
    bottom: 10px;
    right: 10px; 
}
#growls.tc {
    top: 10px;
    right: 10px;
    left: 10px;
}
#growls.bc {
    bottom: 10px;
    right: 10px;
    left: 10px; 
}
#growls.tc .growl, #growls.bc .growl {
    margin-left: auto;
    margin-right: auto;
}
.growl {
  opacity: 0.8;
  filter: alpha(opacity=80);
  position: relative;
  border-radius: 4px;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out; 
}
.growl.growl-incoming {
    opacity: 0;
    filter: alpha(opacity=0); 
}
.growl.growl-outgoing {
    opacity: 0;
    filter: alpha(opacity=0);
}
.growl.growl-small {
    width: 200px;
    padding: 5px;
    margin: 5px; 
}
.growl.growl-medium {
    width: 250px;
    padding: 10px;
    margin: 10px; }
.growl.growl-large {
    width: 300px;
    padding: 15px;
    margin: 15px; 
}
.growl.growl-default {
    color: #FFF;
    background: #7f8c8d;
}
.growl.growl-error {
    color: #FFF;
    background: #C0392B;
}
.growl.growl-notice {
    color: #FFF;
    background: #2ECC71; 
}
.growl.growl-warning {
    color: #FFF;
    background: #F39C12;
}
.growl .growl-close {
    cursor: pointer;
    float: right;
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
}
.growl .growl-title {
    font-size: 18px;
    line-height: 24px; 
}
.growl .growl-message {
    font-size: 14px;
    line-height: 18px;
}
.PickupUpload{
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 1170px;
	position: relative;
}
.PickupUpload a{
	margin: 0;
	padding: 0;
	position: absolute;
	right: 20px;
	z-index: 99;
	color: #000;
    text-decoration: none;
    outline: none;
    font-size: 15px;
    text-transform: capitalize;
    font-family: Arial;
	top: 20px;
}
.PickupUpload button{
	margin: 0;
	padding: 0;
	border: 1px dashed #c8c8c8;
	background: #fff;
	text-align: center;
	text-decoration: none;
	color: #b2b2b2;
	font-size: 16px;
	line-height: 20px;
	width: 100%;
    border-radius: 4px;
    height: 100px;
}
#upload-2-queue{
	margin: 15px 0 0 15px;
	padding: 0;
	position: absolute;
    right: 0;
    left: 0;
    top: 0px;
    z-index: 99;
}
.UploadButton {
    position: relative;
	text-align: left;
	margin-top: 20px;
}
.UploadButton input {
    position: absolute;
    z-index: 2;
    opacity: 0;
    width:100%;
    height:100%;
}
.UploadButton span {
    margin: 0;
    padding: 0;
    background-image: linear-gradient(to right top, #fc2b08, #fc320c, #fc3910, #fb3f14, #fb4417, #fc4b16, #fc5215, #fd5815, #fe6210, #fe6b0b, #ff7405, #ff7c00);
    border: none;
    outline: none;
    color: #fff;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    width: 200px;
    height: 50px;
    display: inline-block;
    line-height: 50px;
    border-radius: 50px;
	
}