@charset "UTF-8";
/*
    PLEASE NOTE!

    If you make a change to this file, talk to Systems/Infrastructure to do the following:
    1) Upload the new file to replace the existing one in the "emma-static-cdn" S3 bucket.
    2) Bust the cache on this file in the Cloudfront instance in front of that S3 bucket.

    Requests to "https://app.e2ma.net/css/signup-refresh.sml.css" redirect
    to "static-cdn.e2ma.net" which is an alias for the Cloudfront instance
    in front of "emma-static-cdn."

    Non-production requests still serve from their non-production app servers.
    No upload or cache busting necessary for non-production changes to appear.

*/
/* Controls width of your form */
.e2ma_signup_form {
    max-width: 180px;
    width: 100%;
    padding: 0 15px;
    margin: auto;
    font-family: proxima-nova, Helvetica, Arial, sans-serif;
}

/* Controls the style, width, and font style of the text input, select and textarea fields */
.e2ma_signup_form input[type=text],
.e2ma_signup_form input[type=email],
.e2ma_signup_form textarea,
.e2ma_signup_form select[multiple=multiple] {
	min-width:100px;
    height: 36px;
    width: 100%;
    border: 1px solid #B8BCC2;
    font-size: 13px;
    color: #84878E;
    padding-left: 10px;
    max-width: 180px;
}

.e2ma_signup_form input[type="text"]:focus,
.e2ma_signup_form input[type="email"]:focus,
.e2ma_signup_form textarea:focus,
.e2ma_signup_form select[multiple=multiple]:focus {
    outline: none;
    border: 1px solid #46AFD8;
}

.e2ma_signup_form textarea {
	min-height: 138px;
}

.e2ma_signup_form select {
	max-width: 180px;
}

.e2ma_signup_form select[multiple=multiple] {
	height: 72px;
    padding-left: 0;
}

/* Controls width, style, and padding of the table border outlines around individual member fields */
.e2ma_signup_form_row {
	margin-bottom:5px;
}

/* Controls alignment and display of image in welcome message */
.e2ma_signup_image_container {
    text-align: center;
}

.e2ma_signup_image_container > img {
    max-width: 180px;
    height: auto;
}

/* Controls border around signup image (when image is linked) */
.e2ma_signup_image {
    border:0;
}

/* Controls style and formatting of welcome message */
.e2ma_signup_message {
    color: #84878E;
    font-size: 14px;
    line-height: 20px;
}

/* Controls style and formatting of form field labels (first name, last name, etc.) */
.e2ma_signup_form_label {
    min-width:150px;
    font-size: 14px;
    color: #40454F;
    font-weight: 600;
    padding-top: 10px;
}

/* Controls spacing and style for any text used to list options under multiple choice fields) */
.e2ma_signup_form_element, .e2ma_signup_form_element select:nth-child(3) {
    margin-top: 5px;
}

/* Removes the bullets to the left of list items on the sign up pages */
.e2ma_signup_form_element li {
	list-style: none;
	font-size: 13px;
	color: #40454f;
}

.e2ma_signup_form_element ul {
	padding-left: 0;
	margin: 5px 0 0;
}

/* For signup screens that are set to allow people to select which audience groups they'd like to join: Controls style for "Select your interests..." text */
.e2ma_signup_form_group_label {
    min-width:150px;
    font-size: 14px;
    color: #40454F;
    font-weight: 600;
    padding-top: 10px;
}

/* For signup screens that are set to allow people to select which audience groups they'd like to join: Controls style and spacing for groups displayed as options */
.e2ma_signup_form_groups {
	margin-bottom:10px;
}

/* Controls the style and spacing of the word "required" and border surrounding that text */
.e2ma_signup_form_required_footnote {
	margin-top: 10px;
    margin-bottom: 5px;
    font-size: 13px;
    color: #40454F;
}

/* Controls the color of the asterisk that indicates a field is required */
.e2ma_signup_form_required_asterix {
	color: #E96058;
}

/* Controls the alignment of "submit" and "clear" buttons */
.e2ma_signup_form_button_row {
	float: left;
	margin-top: 10px;
}

/* Controls display of the "clear" button */
.e2ma_signup_form_button_row #e2ma_signup_reset_button {
	display: inline;
}

/*Overrides browser default settings for button styles (for additional control of "submit" and "clear" buttons) */
.e2ma_signup_form_button {
    height: 24px;
    background-color: #B8BCC2;
    color: white;
    border: none;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: 12px;
    padding: 0 18px;
    font-weight: 600;
}

.e2ma_signup_form_button:hover {
	cursor: pointer;
    background-color: #9B9EA3;
}

.e2ma_signup_form_group_list {
	font-size: 13px;
	color: #40454f;
	margin-top: 5px;
}