/* ABOUT */

/* This stylesheet has been lovingly handcrafted by Archie Alafriz of AppealingStudio.com
   for the wonderful folks over at uJoin */

/* JQUERY Uniform CSS theme */

/* SELECT BOXES */

div.selector {
	position: relative;
	overflow: hidden;
	height: 30px;
	font-family: helvetica neue;
	font-size: 15px;
	font-weight: 300;
	letter-spacing: 1px;
	color: #534A4A;
	padding: 0 26px 0 10px;
	border: 1px solid #FA5858;
	background: url("form-select11.png") no-repeat;
	background-position: right center;
}

	div.selector span {
		height: 30px;
		line-height: 30px;
	}

	div.selector select {
		opacity: 0;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		border: none;
		background: none;
		position: absolute;
		height: 25px;
		top: 4px;
		left: 0px;
		width: 100%;
		font-family: helvetica neue;
		  font-size: 15px;
		  color: #9c9c9c;
		  padding: 0 10px;
		  font-weight: 300;
		  letter-spacing: 1px;
	}

/* RADIO BUTTONS */
div.radio { display: inline-block; }

	div.radio, div.radio span, div.radio input {
		width: 17px;
		height: 17px;
	}

	div.radio span {
		display: -moz-inline-box;
		display: inline-block;
		*display: inline;
		zoom: 1;
		text-align: center;
		border: 1px solid #cccccc;
	}

	div.radio span.checked {
		background-color: #FEE3DF;
		border: 1px solid #c56454;
	}

	div.radio input {
		opacity: 0;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		border: none;
		background: none;
		display: -moz-inline-box;
		display: inline-block;
		*display: inline;
		zoom: 1;
		text-align: center;
	}

	/* Small Radio Button */
	div.small-radio {
		font-size: 12px;
		letter-spacing: 2px;
	}

	div.small-radio div.radio,
	div.small-radio div.radio span,
	div.small-radio div.radio input {
		width: 10px;
		height: 10px;
		margin: 5px 10px 0 0;
	}

	div.small-radio div.radio input {
		position: relative;
		left: -3px;
		top: -3px;
	}

	div.small-radio div.radio span {
		display: -moz-inline-box;
		display: inline-block;
		*display: inline;
		zoom: 1;
		text-align: center;
		background: none;
		border: 1px solid dimgray;
	}

	div.small-radio div.radio span.checked {
		background: none;
		background-color: #c56454;
	}

	div.small-radio label {
		position: relative;
		top: -2px;
		padding: 0 15px 0 2px;
	}

	/* #END - Small Radio Button */

/* CHECKBOXES */

div.checker {
	display: inline-block;
}

	div.checker, div.checker span, div.checker input {
		width: 17px;
		height: 17px;
	}

	div.checker span {
		display: -moz-inline-box;
		display: inline-block;
		*display: inline;
		zoom: 1;
		text-align: center;
		background: url("form-checkbox.png");
	}

	div.checker span.checked {
		background: url("form-checkbox-selected.png");
	}

	.biggerzoom div.checker { zoom: 1.5 !important; }

	div.checker input {
		opacity: 0;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		border: none;
		background: none;
		display: -moz-inline-box;
		display: inline-block;
		*display: inline;
		zoom: 1;
	}

	.recipient-type-select .checker {
	  display: block;
	  float: left;
	  margin: 2px 20px 0 0;
	}

	.select_co_legs{ width: 100%; }

/* TEXTAREA */

textarea {
	border: 1px solid #c56454;
	font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 13px;
	color: #9c9c9c;
	padding: 10px 26px 10px 10px;
	border: 1px solid #c56454;
	line-height: 17px;
	background-color: #fff;
}

/* BUTTONS */

.buttons {
	border: 0px;
	height: 47px;
	width: 250px;
	font-family: 'FuturaLTBold', 'Open Sans', Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 4px;
	text-align: center;
	line-height: 45px;
	color: #fff;
	-webkit-border-radius: 12px 12px 12px 12px;
	border-radius: 12px 12px 12px 12px;
}

.buttons-small {
	border: 0px;
	height: 32px;
	font-family: 'FuturaLTHeavy', 'Open Sans', Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: 4px;
	text-align: center;
	line-height: 30px;
	color: #fff;
	padding: 0px 20px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	text-transform: uppercase;
	cursor: pointer;
}

.buttons-tiny {
	border: 0px;
	height: 27px;
	font-family: "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 9px;
	letter-spacing: 2px;
	text-align: center;
	line-height: 27px;
	color: #fff;
	padding: 0px 20px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	text-transform: uppercase;
	font-weight: bolder;
}

/* UPLOADER */
div.uploader {
	cursor: pointer;
	position: relative;
	overflow: hidden;
	margin-top: 10px;
}

	div.uploader span.filename {
		text-overflow: ellipsis;
		display: block;
		overflow: hidden;
		white-space: nowrap;
		float: left;
		cursor: default;
		height: 24px;
		line-height: 24px;
		width: 400px;
		font-size: 14px;
		letter-spacing: 2px;
		color: #808080;
		font-family: FuturaLTLight, 'Open Sans', arial, sans-serif;
		font-weight: bold;
	}

	div.uploader input {
		opacity: 0;
		filter: alpha(opacity=0);
		-moz-opacity: 0;
		border: none;
		background: none;
		position: absolute;
		top: 0;
		right: 0;
		float: right;
		cursor: default;
		width: 100%;
		height: 100%;
	}

	div.uploader span.action {
		height: 26px;	width: 200px;
		/*background: url("btn-upload.png") 0 0 no-repeat;*/
		/*background-color: #00D0B1;*/
		background-color: #FA5858;
		font-size: 15px;
		color:#fff;
		border-radius: 8px;
		padding: 8px 4px 0px 4px;

		display: block;
		margin-left: 350px;
		cursor: pointer !important;
		-webkit-user-select:auto !important;
	}
	div.uploader span.action2 { background-color: #FA5858; }

	div.uploader.hover span.action {
	/*	 background: url("btn-upload-hover.png") 0 0 no-repeat; */
	 }

 .qq-upload-button-hover div.uploader span.action { /*background: url("btn-upload-hover.png") 0 0 no-repeat;*/ }
