@charset "utf-8";
/* CSS Document */


/* ------------------------------------------------------------------ DROPZONE STYLES ------------------------------------------------------------------ */
#dropzone {
	text-align:center;
	width:900px;
	min-height:350px;
	margin:auto;
	text-align:center;
} 

#dropzone h1, #dropzone h2 {
	text-indent:-9999px;
	margin:auto;
}

#dropzone h1 {
	font-size:44px;
	background:url('../images/headings/upload-files-for-free.png') no-repeat;
	width:512px;
	height:60px;
	margin-top:120px;
}

#dropzone h2 {
	font-size:28px;
	background:url('../images/headings/drag-and-drop-your-files-here.png') no-repeat;
	width:320px;
	height:28px;
	margin-top:4px;
}

#dropzone .uploading-files h1 {
	font-size:44px;
	background:url('../images/headings/uploading-files.png') no-repeat;
	width:307px;
	height:47px;
	margin-top:0;
}

#dropzone .uploading-files h2 {
	font-size:28px;
	background:url('../images/headings/track-progress-send-your-files.png') no-repeat;
	width:307px;
	height:23px;
	margin:4px auto 20px;
}

#dropzone.fade {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 1;
}

#control-holder {
	width: 148px;
	margin:0 auto;
}

#huge-file-warning-shown {
	display:none;
	height:0;
	width:0;
}


/* ------------------------------------------------------------------ UPLOADER STYLES ------------------------------------------------------------------ */
.fileupload-buttonbar {
	width:600px;
	margin:0 auto;
	text-align:center;
}

.fileinput-button input {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translate(-300px, 0) scale(4);
	font-size: 23px;
	height: 51px;
	direction: ltr;
	cursor: pointer;
}

.fileinput-button {
	position: relative;
	overflow: hidden;
	background: transparent url('../images/forms/uploader/select-files-button.png') no-repeat;
	background-position: 0 1px;
	width: 148px;
	height: 52px;
	padding:0;
	border: 0;
	margin-top:10px;
	cursor: pointer;
    outline: none;	
}

.fileinput-button:hover {
	cursor: pointer;
    outline: none;
	background-position:0 0;
}

.fileinput-button:active {
	background-position:0 1px;
}

#overall-progress {
	position:absolute;
	top:114px;
	right:46px;
	width:266px;
	text-align:right;
	font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
}

.op-text {
	font-weight:bold;
}

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}

.template-upload {
	width:900px;
	margin:0 auto;
	text-align:left;
	height:115px;
}

.fileupload-loading {
  position: absolute;
  left: 50%;
  width: 128px;
  height: 128px;
  /*background: url(https://cdn.sizablesend.com/sizable-send/img/loading.gif) center no-repeat;*/
  display: none;
}

.fileupload-processing .fileupload-loading {
  display: block;
}

/* Fix for IE 6: */
* html .fileinput-button {
  line-height: 24px;
  margin: 1px -3px 0 0;
}

/* Fix for IE 7: */
* + html .fileinput-button {
  padding: 2px 15px;
  margin: 1px 0 0 0;
}

@media (max-width: 767px) {
  .fileupload-buttonbar .toggle,
  .files .toggle,
  .files .btn span {
    display: none;
  }
  .files .preview * {
    width: 40px;
  }
  .files .name * {
    width: 80px;
    display: inline-block;
    word-wrap: break-word;
  }
  .files .progress {
    width: 20px;
  }
}



/* ------------------------------------------------------------------ LOADING BAR STYLES ------------------------------------------------------------------ */
.progress-indicator, .bar, .progress, .progress-wrapper, .upload_info_container, .completed_container {
	background: transparent url('../images/uploader/sprites/loading-progress-sprite.png') no-repeat;
}

.upload_info_container span, .upload_info_container span.size, .cancel button, .completed_container, .upload_completed a {
	font-family: 'BebasNeue', Arial, Helvetica, sans-serif;
	letter-spacing:.1em;
	font-size:15px;
	color:#FFF;	
}

.upload_info_container {
	background-position:0 -73px;
	width:392px;
	height:17px;
	margin:0 auto;
	padding:5px 6px 0 9px;
	vertical-align:top;
	line-height:18px;
}

.centered {
	text-align:center;
}

.upload_completed a {
	text-decoration:none;
}

.upload_completed a:hover {
	border-bottom:#c5c9cb 1px dotted;
}

.completed_container {
	background-position:0 0;
	width:142px;
	height:20px;
	margin-left:381px;
	padding:3px 7px 0 8px;
	vertical-align:top;
	line-height:18px;
	position:relative;
	text-align:center;
	top:29px;
	right:10px;
	color:#FFF;
}

.upload_info_container span.size {
	font-style:italic;
}

.upload_info_container span.size {
	margin-left:6px;	
	color:#f7941d;
}

.cancel {
	float:right;
}

.cancel button {
	background:none;
	border:none;
	margin-top:	-1px;
	margin-right:-5px;
	cursor:pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
	filter: alpha(opacity=35);
	-moz-opacity: 0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;	
}

.upload_completed a, .upload_completed span.size {
	cursor:pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
	filter: alpha(opacity=35);
	-moz-opacity: 0.35;
	-khtml-opacity: 0.35;
	opacity: 0.35;	
}

.cancel button:hover, .upload_completed a:hover {
	color:#c5c9cb;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	-khtml-opacity: 1.0;
	opacity: 1.0;	
}

.cancel button:active {
	color:#c5c9cb;
	margin-top:	-1px;
}

.progress-wrapper {
	background-position:0 -145px;
	position:relative;
	width:904px;
	height:30px;
	z-index:5;
}

.progress {
	background-position:0 -224px;
	width:904px;
	height:30px;
	position:relative;
}

.progress-indicator-container {
	width:1000px;
	text-align:right;
	position:absolute;
	top:0;
	left:0;
	max-width:101.6%;
}

.progress-indicator {
	background-position:0 -372px;
	font-family: 'BebasNeue', Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
	width:47px;
	height:65px;
	position:relative;
	top:30px;
	float:right;
	text-align:center;
	padding:15px 0 0 0;
	overflow:visible;
	display:none;
}

.bar {
	background-position:0 -303px;
	max-width:892px;
	height:19px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-khtml-border-radius: 4px;	
	position:absolute;
	top:5px;
	left:5px;
	z-index:-20;
}

.animated-progress {
	-webkit-animation:move 2s linear infinite;
	-moz-animation:move 2s linear infinite;
	-ms-animation:move 2s linear infinite;
	animation:move 2s linear infinite;
}

/*
Animate the stripes
*/	
@-webkit-keyframes move{
  0% {
  	background-position: -60px -303px;
  }
  100% {
  	background-position: -10px -303px;
  }
}	
@-moz-keyframes move{
  0% {
  	background-position: -60px -303px;
  }
  100% {
  	background-position: -10px -303px;
  }
}	
@-ms-keyframes move{
  0% {
  	background-position: -60px -303px;
  }
  100% {
  	background-position: -10px -303px;
  }
}	
@keyframes move{
  0% {
  	background-position: -60px -303px;
  }
  100% {
  	background-position: -10px -303px;
  }
}