/* Forms */

/* Override iOS styles */
input[type="email"],
input[type="text"],
input[type="textarea"],
input[type="password"],
input[type="submit"],
input[type="submit"]:active,
input[type="submit"]:focus,
input[type="submit"].form-submit,
input[type="reset"],
input[type="button"] {  
    -webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius: 0;   
}

form {
	width: 100%;
	padding: 0;
	margin: 30px 0; 
	color: #9A9A9A;
} 
form *[class^="grid"] {
	min-height: 0; 
    margin-bottom: 15px;
}
form label {
    display: inline-block;
    font-size: 18px;
	 line-height: 1.11;
	 padding: 0;
	 margin: 0;
    margin-bottom: 4px;
    text-align: left;
	 vertical-align: middle;
    color: #1A4D79;
	 width: 100%; 
	 background-color: transparent;
}
form input[type="password"],
form input[type="text"],
form input[type="email"],
form textarea { 
    border: 1px solid #D0D0D3;
    padding: 10px;
	 margin: 2px 0 4px 0;
    transition: border 200ms ease-out;
    font-size: 18px;
	 width: 100%;
    color: #357DBC; 
}
form input:focus,
form textarea:focus {
    outline: none;
    border: 1px solid #F0C84E;
}
form label.option {
	/*border: 1px solid green;*/
	text-align: center;
} 
::-webkit-input-placeholder {	/* Chrome/Opera/Safari */ 
	color: #9A9A9A;
}  
::-moz-placeholder {	/* Firefox 19+ */ 
	color: #9A9A9A;
}  
:-ms-input-placeholder { /* IE 10+ */ 
	color: #9A9A9A;
}  
:-moz-placeholder { 	/* Firefox 18- */
	color: #9A9A9A;
} 

form select {
	font-family: "proxima-nova", sans-serif; 
	font-size: 16px; 
	font-weight: bold;
	line-height: 1em;
	margin-right: 1rem;
	padding: 6px 35px 6px 16px;
	color: #959595;
	width: auto;
	min-width: 140px; 
	background: url("/sites/all/themes/iii_responsive/images/icons/arrow_down_orange.png") no-repeat right 10px center; 
	/* 2017.6.23, Ye Wang
	border: 2px solid #D0D0D3;
	*/
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
	        border-radius: 0px;	
} 

#search_results form select {
	width: 160px;
}

h2 form {
	margin: 0;
}
h2 form select.sort {
	position: absolute;
	right: 0;
	bottom: 3px;  
	border-width: 0;
	margin: 0;
	background-color: white;
}

form button,
form input[type="submit"] {
	border: 0;
	margin: 0 auto;
}

span.required {
	color: #F7941F;
}
form input[type="radio"] {
	margin-right: 5px;
}


/* Custom radio/checkbox options */	 
form .btnBox {
	display: inline-block;
	position: relative;
	padding: 0 6px;
	margin: 0 auto; 
} 
form .btnBox input[type="radio"],
form .btnBox input[type="checkbox"] {
	display: none;
} 
form .btnBox label {
	line-height: 1.25;
	width: auto;
	font-weight: 600;   
} 
form .btnBox .highlight {
	font-weight: 300;
	color: #F7941F;
}
form .btnBox input + label:before {
	content: "";
	display: inline-block;
	position: relative;
	top: 4px;
	margin: 0 10px 0 0; 
	width: 15px;
	height: 15px;
	border-radius: 10px;
	border: 1px solid #F7941F;
	background-color: transparent;
}
form .btnBox input[type="radio"]:checked + label:after {
	border-radius: 10px; 
	width: 9px;
	height: 9px;
	position: absolute;
	top: 8px;
	left: 10px;
	content: "";
	display: block;
	background: #F7941F;
}	    
form .btnBox input[type="checkbox"] + label:before { 
	border-radius: 0px; 
}
form .btnBox input[type="checkbox"]:checked + label:after { 
	border-radius: 0px;  
	position: absolute;
	top: 2px;
	left: 8px;
	content: '\2714'; 
	color: #F7941F;
}	
form div.btnBox { 
	display: block;
}
form .btnBox input:checked + label {
	color: #F7941F;
}
/* END OF Custom radio/checkbox options */	


/* Sidebar filter form */
form#filters {
	max-width: 265px; 
}
form#filters .btnBox {
	margin-left: -6px; 
}
form#filters label {
	font-size: 11px;
	color: #959595;
}
form#filters input:checked + label {
	color: #F7941F;
}

/*
form#filters label {
	font-family: "proxima-nova-condensed";
	font-weight: normal;
	font-size: 11px;
	line-height: 1.73;
	letter-spacing: 0.9px;
	color: #317dbf;
	text-transform: uppercase;
	display: block;
	margin: 0;
	padding: 0;
}
*/
form#filters input.date,
form#filters select,
form#filters option {
	font-family: "museo-slab";
	font-size: 11px;
	font-weight: 500;  
	color: #959595;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 6px 0;
	display: block;
	position: relative;
	float: none;
	border: 1px solid #CDD0D5; 
}
form#filters option {
	border: 0;
}
form#filters input.date {
	background: url("/sites/all/themes/iii_responsive/images/icons/calendar.png") no-repeat center right;
	border-width: 0 0 1px 0;
	padding: 4px 0;  
	cursor: pointer;
}
form#filters select {
	margin-top: 8px;
	border-width: 1px; 
}
form#filters option  {
	width: 100%;
	padding: 8px 0 8px 11px;
	margin-top: 8px;
}
/* END OF SIDEBAR FILTER */

/* Single field form */
form.quick-search { 
	margin: 0;
	margin-bottom: 40px;
	padding: 0;
	position: relative;
	width: 100%;
	border: 0;
}
form.quick-search input[type="text"] { 
	font-size: 16px;
	line-height: 1.38;
	text-align: left; 
	padding: 12px 22px;
	padding-right: 50px;
	margin: 0;
	width: 100%;
	position: relative; 
} 
form.quick-search input[type="submit"],
form.quick-search button {
	width: 23px;
	height: 23px;
	margin: 0;
	padding: 0;   
	background: url("/sites/all/themes/iii_responsive/images/icons/search-icon-gray.svg") no-repeat 0 0;
	background-size: 23px 23px; 
	position: absolute;
	right: 12px;
	top: 12px;
	line-height: 0;
	border: 0;  
}  
/* END OF SINGLE FIELD FORM */

/* User Sign-in */
form#form-signin { 
	font-family: "proxima-nova", sans-serif; 
	font-size: 16px;
	padding: 0;
	margin: 0 auto; 
	text-align: center;
	max-width: 570px;  
}
form#form-signin p {
	color: #505050; 
}
form#form-signin h2,
form#form-signin h3 {
	font-weight: bold;
	color: #082c45;
	margin-bottom: 20px; 
}
/* END OF USER SIGN-IN */


@media screen and (-webkit-min-device-pixel-ratio:0) {    
	/* Safari on iOS:  Disable auto-zoom */
	select:focus,   
	textarea:focus,   
	input:focus {    
		font-size: 1em;
		font-size: initial;
  } 
}

/* IE specific styles */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { 
	form select  {
		outline: none; 
		appearance: none;
		-moz-appearance: window;
		-webkit-appearance: none;
		border-radius: 0px;
		text-overflow: "";
		background-image: none;
		padding: 0 0 0 16px;
		padding-right: 15px\9;      /* This will be apllied only to IE 7, IE 8 and IE 9 as */
		*padding-right: 15px;        /* This will be apllied only to IE 7 and below. */
		_padding-right: 15px;       /* This will be apllied only to IE 6 and below. */
	} 
}

@media only screen and (max-width: 480px) {
	form select.sort {
		position: relative; 
		border-width: 2px;
		margin: 0;
	}
	h2.banner form {
		padding: 0;
		margin: 0;
		margin-top: 0.5rem
	}
}