@import url("https://use.typekit.net/kre3jbg.css");

* {font-family:"proxima-nova", sans-serif;}

body {
  font-size: 16px;
  line-height: 1.3;
  color: #414141;
}

.required {
	  color: #d91e05;
}

.error {
    color:red;
    display:block;
    border-color: red !important;
}

.modal-open {
  overflow: auto !important;
}

.modal {
	height: 320px;
	width: 280px;
	background-color: transparent;
}
.modal-backdrop {
		width: 0px !important;
		height: 0px !important;
}
.modal-dialog {
	height: 322px;
}
#membership-selection-modal {
	width: 326px;
	height: 424px;
}
#urm-member-selection-infor{
		width: 100%;
		height: 378px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin-top: 0px;
		margin-bottom: 0px;
		border-top: 2px solid #003893;
		background-color: #e5e5e5;
		box-shadow: 0px 3px 10px 0px rgb(0 0 0 / 60%);
		padding: 10px;
	  	max-width: 340px;
	  	vertical-align: middle;
}

#urm-member-selection-infor input {
		padding: 0 0.4em;
    margin-bottom: 0.4em;
    color: #003893;
    font-weight: 300;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border: 1px solid #cccccc;
    height: 2em;
}

#urm-member-selection-infor label {
	font-size: 14px;
	font-weight: 600;
}

#urm-member-selection-infor #postalZipCodeWrapper label,
#urm-member-selection-infor #postalZipCodeWrapper input,
#urm-member-selection-infor #promoCodeWrapper input,
#urm-member-selection-infor #promoCodeWrapper input,
#urm-member-selection-infor #isGiftrapper label, 
#urm-member-selection-infor #isGiftrapper input,
#urm-member-selection-infor #membership-selection-butt_wrapper,
#urm-member-selection-infor #membership-selection-message {
	display: block;
	margin-bottom: 5px;
}

#urm-member-selection-infor #membership-selection-message {
  	font-size: .8em;
  	font-size: 12px;
}

#urm-member-selection-infor #membership-selection-butt_wrapper {
	text-align: right;
}

#urm-member-selection-infor #membershipSelectionSubmit {
	background-color: #3372b1;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	min-height: 40px;
	min-width: 120px;
	padding: 0 .6em;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border: 0;
	color: #ffffff;
	background-color: #003893;
	color: #ffffff;
	cursor: pointer;
	user-select: none;
}
#urm-member-selection-infor #membershipSelectionSubmit:hover{
	background-color: #3372b1
}