/* NOTE: Although we migrated from Uploadify to jQuery File Upload, we retained the styling of Uploadify to simplify the migration process. */
/*
Uploadify
Copyright (c) 2012 Reactive Apps, Ronnie Garcia
Released under the MIT License <http://www.opensource.org/licenses/mit-license.php> 
*/

.uploadify {
	position: relative;
	margin-bottom: 1em;
}
/*
Commenting out button styles to effectively hide the Uploadify upload button.  (We want to use our own site-wide button styles)
.uploadify-button {
	background-color: #505050;
	background-image: linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #505050),
		color-stop(1, #707070)
	);
	background-position: center top;
	background-repeat: no-repeat;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	border: 2px solid #808080;
	color: #FFF;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	width: 100%;
}
.uploadify:hover .uploadify-button {
	background-color: #606060;
	background-image: linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -o-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -moz-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -webkit-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -ms-linear-gradient(top, #606060 0%, #808080 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #606060),
		color-stop(1, #808080)
	);
	background-position: center bottom;
}
.uploadify-button.disabled {
	background-color: #D0D0D0;
	color: #808080;
}*/
.uploadify-queue {
	margin-bottom: 1em;
}
.uploadify-queue-item {
	background-color: #F5F5F5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font: 11px Verdana, Geneva, sans-serif;
	margin-top: 5px;
	max-width: 350px;
	padding: 10px;
}
.uploadify-error {
	background-color: #FDE5DD !important;
}
.uploadify-queue-item .cancel a {
	background: url("/images/etc/uploadify-cancel.png") 0 0 no-repeat;
	float: right;
	height:	16px;
	text-indent: -9999px;
	width: 16px;
}
.uploadify-queue-item.completed {
	background-color: #E5E5E5;
}
.uploadify-progress {
	background-color: #E5E5E5;
	margin-top: 10px;
	width: 100%;
}
.uploadify-progress-bar {
	background-color: #0099FF;
	height: 3px;
	width: 1px;
}

/* Added by Rich */
.upload {
	display:inline-block;
/*	position:relative;*/
	overflow:hidden;
	vertical-align:top;
	margin-right:45px;
}

.upload-wrapper,
.file-upload-wrapper {
	position: relative;
}

.upload-wrapper label,
.file-upload-wrapper label {
	width:205px;
}

#file_upload {
	height:30px;
}

.uploadify object { 
	position:absolute;
	left:0;
	right:0;  
	width:100%;
	height:100%;
/*	width:100%;
	height:100%;*/
/*	background-color:#ff0000;*/
}

.uploadify-wrapper {
	position:absolute;
	top:0;
	left:0;
	width:129px;
	height:36px;
	overflow:hidden;
/*	margin:20px;*/
}

#uploadify-queue {
	position:relative;
	left:0;
	top:3px;
/*	background-color:#f00;
	width:300px;
	height:100px;*/
	z-index:100000;
}

.uploadifyQueueItem {
	position:absolute;
	height:35px;
}

div.upload a.btn {
	margin:0;
}

.img-wrapper {
	position: relative;
	display:inline-block;
}

/* Many ways to do this, but this approach is called "absolute centering". Details here: https://goo.gl/J2E17l */
.upload-wrapper .loading,
.file-upload-wrapper .loading {
	display: none;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

div.upload-wrapper input,
div.file-upload-wrapper input {
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	padding:0;
	margin:0;
	border:none;
}
.upload input {
	display: none;
}