/* Custom Stylesheet */


/* It's easier to calculate widths 
 * with border-box layout */
.customfile-container * {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font: normal 14px Arial, sans-serif; /* Global font to use ems with precision */
}

.customfile-container {
	width: 300px;
	background: #e4dfd4;
	padding: 1em;
	margin: 0 auto;
}

.customfile-container label:first-child {
	width: 100px;
	display: block;
	margin-bottom: .5em;
	font: bold 18px Arial, sans-serif;
	color: #333;
}

.customfile-wrap {
	position: relative;
	padding: 0;
	margin-bottom: .5em;
}

.customfile-filename,
.customfile-upload { 
	margin: 0;
	padding: 0;
}

.customfile-filename {
	width: 64%;
	padding: 14px 0px;
	border:1px solid #b9b9b9;
	margin:0px 0 0px 0px;
	background:#FFFFFF;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
.customfile-filename:focus { 
	outline: none;
}

.customfile-upload {
  display: inline-block;
  width: 35%;
  padding:15px 0px 14px 0px;
  border: 1px solid #056ab2;
  color: #FFFFFF;
  margin-left: -1px; /* align with input */
  cursor: pointer;
  background: #056ab2;
}

.customfile-upload:hover {
  background: #272727;
  border: 1px solid #272727;
  box-shadow: 0 0 2px rgba(0,0,0,.2);
}
.customfile-upload::-moz-focus-inner { /* Fix firefox padding */
  padding: 0; border: 0 
}