#ic_signupform .elcontainer {
background: #ffffff;
text-align: left;
max-width: 500px;
padding: 30px 30px;
border-radius: 10px;
border: 0px solid #acacac;
font-size: 12px;
color: #7d8288;
font-family: lucida grande;
}
#ic_signupform .elcontainer.center-aligned .formEl {
margin-right: auto;
margin-left: auto;
}
#ic_signupform .elcontainer.right-aligned .formEl {
margin-left: auto;
}
#ic_signupform .form-header {
background: #ffffff;
margin-top: -30px;
margin-left: -30px;
margin-right: -30px;
margin-bottom: 30px; /* using padding on purpose */
padding-top: 20px;
padding-right: 30px;
padding-bottom: 20px;
padding-left: 30px;
border-radius: calc(10px - 0px) calc(10px - 0px) 0 0;
text-align: center;
font-size: 210%;
color: #223345;
border-bottom: 2px solid #e7e7e7;
}
#ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-input label,
#ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-dropdown label,
#ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-checkbox h3,
#ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-input label,
#ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-dropdown label,
#ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-checkbox h3 {
width: 30%;
}
#ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-checkbox h3,
#ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-checkbox h3 {
line-height: 3em;
}
#ic_signupform .elcontainer.tight.inline-label-left .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer.tight.inline-label-left .formEl.fieldtype-checkbox h3,
#ic_signupform .elcontainer.tight.inline-label-right .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer.tight.inline-label-right .formEl.fieldtype-checkbox h3 {
line-height: 2em;
}
#ic_signupform .elcontainer.generous.inline-label-left .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer.generous.inline-label-left .formEl.fieldtype-checkbox h3,
#ic_signupform .elcontainer.generous.inline-label-right .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer.generous.inline-label-right .formEl.fieldtype-checkbox h3 {
line-height: 4em;
}
#ic_signupform .elcontainer.inline-label-left .formEl input[type="text"],
#ic_signupform .elcontainer.inline-label-left .formEl select,
#ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-radio .option-container,
#ic_signupform .elcontainer.inline-label-left .formEl.fieldtype-checkbox .option-container,
#ic_signupform .elcontainer.inline-label-right .formEl input[type="text"],
#ic_signupform .elcontainer.inline-label-right .formEl select,
#ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-radio .option-container,
#ic_signupform .elcontainer.inline-label-right .formEl.fieldtype-checkbox .option-container {
width: 70%;
}
#ic_signupform .elcontainer.hidden-label .formEl.required:before {
color: #797d80;
}
#ic_signupform .elcontainer .formEl {
font-size: 1em;
}
#ic_signupform .elcontainer .formEl.fieldtype-input label,
#ic_signupform .elcontainer .formEl.fieldtype-dropdown label,
#ic_signupform .elcontainer .formEl.fieldtype-radio h3,
#ic_signupform .elcontainer .formEl.fieldtype-checkbox h3 {
font-size: 100%;
font-weight: bold;
color: #223345;
}
#ic_signupform .elcontainer .formEl.fieldtype-input input[type="text"],
#ic_signupform .elcontainer .formEl.fieldtype-dropdown select {
background-color: #f5f5f5;
border: 2px solid #e7e7e7;
border-radius: 3px;
}
#ic_signupform .elcontainer .formEl.fieldtype-input input[type="text"],
#ic_signupform .elcontainer .formEl.fieldtype-dropdown select,
#ic_signupform .elcontainer .formEl.fieldtype-radio label,
#ic_signupform .elcontainer .formEl.fieldtype-checkbox label {
font-size: 100%;
}
#ic_signupform .elcontainer .formEl input[type="text"]::-moz-placeholder {
color: #797d80;
font-family: inherit;
}
#ic_signupform .elcontainer .formEl input[type="text"]::-webkit-input-placeholder {
color: #797d80;
font-family: inherit;
}
#ic_signupform .elcontainer .formEl input[type="text"]:-ms-input-placeholder {
color: #797d80;
font-family: inherit;
}
#ic_signupform .elcontainer .formEl input[type="text"],
#ic_signupform .elcontainer .formEl select,
#ic_signupform .elcontainer .formEl .option-container label {
color: #797d80;
font-family: inherit;
}
#ic_signupform .elcontainer.inline-button .submit-container {
display: inline-block;
box-sizing: border-box;
right: -.5em;
padding: 0 1em 0 0;
position: relative;
vertical-align: bottom;
margin-bottom: 1em;
}
#ic_signupform .elcontainer.inline-button.tight .sortables {
margin-bottom: -.5em;
}
#ic_signupform .elcontainer.inline-button .sortables {
margin-bottom: -1em;
}
#ic_signupform .elcontainer.inline-button.generous .sortables {
margin-bottom: -1.5em;
}
#ic_signupform .elcontainer .submit-container {
text-align: center;
}
#ic_signupform .elcontainer .submit-container input[type="submit"] {
background: #05cab6;
border: 0px solid #e7ce4d;
border-radius: 25px;
line-height: 1em;
padding: 18px 58px;
color: #ffffff;
font-size: 115%;
font-family: inherit;
width: auto;
}
