/*****************************************************************/
/*																 */
/*	RESET														 */
/*																 */
/*****************************************************************/
#boxit * {
	margin:0px;
	padding:0px;
	outline: 0;
	line-height: 1;
  	color: black;
  	background: transparent;
  	font-weight: normal;
  	font-style: normal;
  	font-size: 16px;
  	vertical-align: baseline;
	width:auto;
	font-family:Arial, Helvetica, sans-serif !important;
	position: relative;
}
#boxit ol, #boxit ul {
  list-style: none;
}
#boxit table {
  border-collapse: separate;
  border-spacing: 0;
}
#boxit caption, #boxit th, #boxit td {
  text-align: left;
  font-weight: normal;
  border:none;
}
#boxit a:hover {
	text-decoration: none!important;
}
#boxit input, #boxit textarea {
	border:1px solid #000;
	padding:0px;
	margin:0px;
	background: transparent;
	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
	outline-offset:0px;
}






@font-face {
	font-family: 'boxit';
	src:url('fonts/boxit.eot');
	src:url('fonts/boxit.eot?#iefix') format('embedded-opentype'),
		url('fonts/boxit.woff') format('woff'),
		url('fonts/boxit.ttf') format('truetype'),
		url('fonts/boxit.svg#boxit') format('svg');
	font-weight: normal;
	font-style: normal;
}
#boxit .boxit_icon {
	font-family: 'boxit'!important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}










/*****************************************************************/
/*																 */
/*	BOXIT UPLOADER												 */
/*																 */
/*****************************************************************/


/* main boxit container */
#boxit {
	position: relative;
	width:100%;
	padding:30px;
}




/*****************************************************************/
/*																 */
/*	UPLOADER - DROPZONE 										 */
/*																 */
/*****************************************************************/
#boxit .qq-uploader {
	position: relative;
}
#boxit .qq-uploader .qq-upload-drop-area {
	border:5px dashed #C7C7C7;
	text-align: center;
	padding:30px;
	display: block!important;
	margin-bottom: 30px;
}
#boxit .boxit_icon_b {
	color:#C7C7C7;
	font-size: 110px;
	margin-bottom: 10px;
	display: block;
}
#boxit .qq-uploader .qq-upload-drop-area span.drop_info,
#boxit .qq-uploader .qq-upload-drop-area span.release_info {
	display: block;
	padding-bottom: 30px;
	font-size: 20px;
	color:#C7C7C7;
}
#boxit .qq-uploader .qq-upload-drop-area span.release_info {
	display: none;
	color: #00BF9D;
}
#boxit .qq-uploader .qq-upload-drop-area .qq-upload-button {
	background: #00BF9D;
	padding: 10px 30px;
	font-size: 20px;
	display: inline-block;
	color:#fff;
	margin-bottom: 20px;
}
#boxit .qq-uploader .qq-upload-drop-area span.filetypes {
	display: block;
	font-size: 14px;
	line-height: 18px;
	color:#05C4A5;
}
/* active drop area */
#boxit .qq-uploader .qq-upload-drop-area-active {
	border:5px dashed #00BF9D;
}
#boxit .qq-uploader .qq-upload-drop-area-active .qq-upload-button {
	background: #C7C7C7;
}
#boxit .qq-uploader .qq-upload-drop-area-active .boxit_icon_b {
	color:#00BF9D;
}
#boxit .qq-uploader .qq-upload-drop-area-active span.filetypes {
	color: #C7C7C7;
}
#boxit .qq-uploader .qq-upload-drop-area-active span.drop_info {
	display: none;
}
#boxit .qq-uploader .qq-upload-drop-area-active span.release_info {
	display: block;
}

#boxit_pre_upload_error p {
    display:block;
	width:100%;
	font-size:13px;
	padding: 5px 8px 5px 8px;
	color:#fff;
	background:#F45043;
	margin-bottom:20px;
}







/*****************************************************************/
/*																 */
/*	UPLOAD FILE LIST											 */
/*																 */
/*****************************************************************/
#boxit #queue_header {
	color:#C7C7C7;
	font-size: 20px;
	margin-bottom: 10px;
	display: none;

}
#boxit ul.qq-upload-list {
}
#boxit .qq-upload-list li  {
  	overflow:hidden;
  	background: #C7C7C7;
  	margin-bottom: 10px;
}
#boxit span.qq-upload-file {
  	max-width:50%;
  	overflow: hidden;
  	display:block;
  	float:left;
  	padding:6px;
  	padding-left: 8px;
  	z-index: 101;
  	font-size:13px;
  	color:#fff;
}
#boxit .qq-upload-size {
  	display:block;
  	margin: 0px 10px;
  	float:left;
  	padding:6px;
  	z-index: 102;
  	font-size:13px;
  	color:#fff;
}
#boxit .qq-upload-cancel {
  	float:right;
  	padding:6px;
  	z-index: 103;
  	font-size:13px;
  	padding-right:8px;
  	color:#fff;
}
#boxit .qq-saving,
#boxit .qq-failed-text,
#boxit .qq-success-text {
  	display:none;
  	float: right;
  	padding:6px;
	font-size:13px;
	padding-right:8px;
	z-index: 105;
	color:#fff;
}
#boxit .bar_container {
  	position:absolute;
  	width:100%;
  	height:100%;
  	top:0px;
  	left:0px;
  	bottom:0px;
  	right:0xp;
  	z-index: 100;
  	display: none;
}
#boxit .bar {
  	background:#00BF9D;
  	height:50px;
}
#boxit .bar.bar_ready {
	width: 100%!important;
}
/* when things change ... */
#boxit .qq-upload-success .qq-success-text {
	display:block;
}
#boxit .qq-upload-fail .qq-failed-text {
	display:block;
}
#boxit li.qq-upload-fail {
	background:#F45043;
}
#boxit .error_message {
	display:block;
	width:100%;
	float:none;
	clear:both;
	font-size:13px;
	padding: 0px 8px 5px 8px;
	color:#fff;
}
#send_confirmation {
	text-align: center;
	width:100%;
	text-align: center;
	padding-top: 20px;
	display: none;
}
#send_confirmation a {
	padding:10px 30px;
	background:red;
	font-size:20px;
}
#boxit .done_text {
	display: block;
	font-size: 14px;
	line-height: 18px;
	color:#05C4A5;
	margin-bottom: 20px;
}






/*****************************************************************/
/*																 */
/*	NAME & EMAIL												 */
/*																 */
/*****************************************************************/
#boxit .boxit_pre_logo,
#boxit .show_boxit,
#boxit .pre_error_container {
	text-align: center;
	width:100%;
}
#boxit .pre_upload_container {
	position: relative;
}

/* name email */
#boxit .name_email {

}
#boxit #name_email label {
	display: block;
	width:100%;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 10px;
}
#boxit #name_email input {
	border:1px solid #C7C7C7;
	font-size: 16px;
	padding: 8px 12px;
	width:100%;
	color:#C7C7C7;
}
#boxit #upload_message {

}
#boxit #upload_message label {
	display: block;
	width:100%;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 10px;
}
#boxit #upload_message span {
	color:#C7C7C7;
	display: block;
	text-align: left;
	font-size: 15px;
	line-height: 20px;
	margin-bottom: 5px;

}
#boxit #upload_message textarea {
	border:1px solid #C7C7C7;
	font-size: 16px;
	padding: 8px 12px;
	width:100%;
	color:#C7C7C7;
	height:70px;
}
#boxit #name_email input:focus,
#boxit #upload_message textarea:focus {
	border:1px solid #00BF9D;
	color:#00BF9D;
}



#boxit .show_boxit a {
	background: #00BF9D;
	padding: 10px 30px;
	font-size: 20px;
	display: inline-block;
	color:#fff;
}


#boxit .boxit_pre_error {
	display:inline-block;
	width:100%;
	position: relative;
	font-size:13px;
	background: #F45043;
	padding: 5px 8px 5px 8px;
	margin-top: -1px;
	color:#fff;
}






#boxit #bye_bye {
	text-align: center;
	display: none;
}
#boxit #bye_bye p {
	color:#C7C7C7;
	font-size:50px;
	line-height: 60px;
}