/** DO NOT MODIFY THIS FILE. All code here are generated by MachForm Theme Editor **/

#main_body h1 a
{
background-image: none;
height: 40px;
}

html
{
background-color: transparent;
background-image: none;
}

#main_body h1
{
background-color: transparent;
background-image: none;
}

#form_container
{
background-color: transparent;
border-width: 0px;
box-shadow: none;
border-style: solid;
border-color: #CCCCCC;
}

#main_body form li.highlighted,#main_body .matrix tbody tr:hover td,#machform_review_table tr.alt
{
background-color: transparent;
}

#main_body form .guidelines
{
background-color: transparent;
border-width: 0px;
border-style: solid;
border-color: #CCCCCC;
}

#main_body form .guidelines small
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 80%;
color: #444444;
}

#main_body input.text,#main_body input.file,#main_body textarea.textarea,#main_body select.select,#main_body input.checkbox,#main_body input.radio
{
background-color: #FBFBFB;
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 100%;
color: #666666;
}

#machform_review_table td.mf_review_value
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 100%;
color: #444444;
}

#main_body .form_description h2,#main_body .form_success h2
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 160%;
color: #444444;
}

#main_body .form_description p,#main_body form ul.payment_list_items li
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 95%;
color: #444444;
}

#main_body form li span.ap_tp_text
{
color: #444444;
}

#main_body form li label.description,#main_body form li span.description,#main_body .matrix caption,#main_body .matrix td.first_col,#main_body form li.total_payment span,#machform_review_table td.mf_review_label
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 700;
font-style: normal;
font-size: 95%;
color: #444444;
}

#main_body form li span label,#main_body label.choice,#main_body .matrix th,#main_body form li span.symbol,.mf_sigpad_clear,#main_body form li div label,#main_body form li div span.label
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
color: #444444;
}

#main_body form .section_break h3,#main_body form .media h3,#machform_review_table td .mf_section_title
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 110%;
color: #444444;
}

#main_body form .section_break p,#main_body form .media p,#machform_review_table td .mf_section_content
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 85%;
color: #444444;
}

#main_body form li.section_break
{
border-top-width: 0px;
border-top-style: dotted;
border-top-color: #CCCCCC;
}



/** Advanced CSS **/

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh7USew8.ttf) format("truetype")
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v20/S6uyw4BMUTPHvxk.ttf) format("truetype")
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh6UVew8.ttf) format("truetype")
}

@font-face {
    font-family: Lato;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v20/S6u9w4BMUTPHh50Xew8.ttf) format("truetype")
}



@font-face {
  font-family: 'Roboto Slab Bold';
  src: url('https://www.jerseycollege.edu/themes/SEO_Redesign/css/fonts/RobotoSlab-Bold.eot');
  src: url('https://www.jerseycollege.edu/themes/SEO_Redesign/css/fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'),
       url('https://www.jerseycollege.edu/themes/SEO_Redesign/css/fonts/RobotoSlab-Bold.woff') format('woff'),
       url('https://www.jerseycollege.edu/themes/SEO_Redesign/css/fonts/RobotoSlab-Bold.ttf')  format('truetype'),
       url('https://www.jerseycollege.edu/themes/SEO_Redesign/css/fonts/RobotoSlab-Bold.svg#1e7d30aef2cafa73684937c25b057e0e') format('svg');
  font-style:   normal;
  font-weight:  700;
}
.show_option{
display: inline !important;
}
.hide_option{
display: none !important;
}
.form_description,
#main_body label.description, #main_body form li.multiple_choice span.description{
display:none !important;
}
#main_body form li div{
padding:0px 0px 7px 0px;
margin:0px;
}
#main_body form {
 margin: 0px;
}
#main_body form ul {
 list-style: none;
 padding: 0px;
}
#main_body form li.campus div{
margin-right:6px;
}
#main_body input.text,
#main_body select.select {
    outline: 0;
    margin: 0px;
    padding: 8px 9px;
    width: 100%;
height:33px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    background: #ececec;
    color: #000000;
    font: 12px Arial,Helvetica,sans-serif;
    border-radius: 0;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
box-shadow:none;
}
#main_body select.select{
    background: url(https://www.jerseycollege.edu/themes/SEO_Redesign/images/select_carat.png) right no-repeat #ececec;
}
#main_body form li{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0px;
width:100%;
padding:0px;
}
#main_body form li.dropdown,
#main_body form li#li_4{
    width: 50%;
}
#main_body form li.dropdown{
display:inline-block;
}
#main_body form li#li_4{
float:right;
}
#main_body input.button_text{
    width: 100%;
    background-color: #9b0c27;
background-image:none;
    padding: 6px;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
    font-size: .875rem;
letter-spacing: .4px;
text-transform: uppercase !important;
font-weight:700 !important;
    font-family: Lato,sans-serif;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
box-shadow:none;
text-shadow:none;
margin:0px;
font-weight:400;
height:33px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#main_body input.button_text:hover,
#main_body input.button_text:focus{
background-color: #c21c35;
    background-image: none;
    text-shadow: none;
color: #ffffff;
    cursor: pointer;
}
#main_body .buttons{
margin:0px;
}
#main_body form li.multiple_choice span{
color: #6d6f71;
    font: 14px Arial,Helvetica,sans-serif;
}
#main_body form .required{
color:#9b0c27 !important;
}
#main_body form li#li_11{
float:right;
}
#main_body input.radio{
    display:none;
}
#main_body input[type="radio"] + label:before {
    content:'';
    display:inline-block;
    width:21px !important;
    height:21px !important;
    background:url(	https://www.jerseycollege.edu/files/1614/9763/7214/radioButton.png) left top no-repeat !important;
    cursor:pointer;
    top: 5px !important;
    position: relative !important;
    margin:0px 7px 0px 0px !important;
    vertical-align: initial !important;
}
#main_body input[type="radio"]:checked + label:before {
    background:url(	https://www.jerseycollege.edu/files/1614/9763/7214/radioButton.png) -21px top no-repeat !important;
    transform: inherit !important;
    border:0px !important;
}
#main_body form li.multiple_choice fieldset span{
width:100px;
}
#main_body label.choice{
margin:0px;
}
#main_body form li.section_break{
margin:0px;
padding:0px;
}
#main_body label.description,
#main_body form li.multiple_choice span.description{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 95%;
    color: #444444;
}
#main_body form li.multiple_choice div fieldset span:last-child, #main_body form li.checkboxes div span:last-child, #main_body form li.multiple_choice div fieldset span:first-of-type, #main_body form li.checkboxes div span:first-child{
    border: none !important;
}
#main_body h1 a {
display: none;

/*ERROR MESSAGES*/
#error_message{
border:none;
}
#error_message_title,
#main_body form li.error label,
#main_body form .required,
#main_body form li.multiple_choice.error span.description{
color:#fe0000 !important;
}
#main_body form li.error{
    background: none !important;
border:none !important;
}
#main_body form p.error{
background-color:#fe0000;
color:#ffffff;
    margin-right: 4px !important;
    box-sizing: border-box;
    padding: 3px;
    font-weight: 300;
}
#main_body form li.error div{
padding-bottom:0px !important;

}
#main_body li.error input.text, 
#main_body li.error select.select{
border:2px solid #fe0000 !important;
}
#error_message_desc strong,
#error_message_desc{
background-color: transparent !important;
color:#fe0000 !important;
padding: 0px !important;
font-weight:300 !important;
}
#main_body form li#error_message{
text-align:left;
padding-left:50px;
box-sizing:border-box;
position: relative;
}
#main_body form li#error_message:before{
content:'';
height:40px;
width:40px;
display:block;
background: url('https://www.jerseycollege.edu/files/2315/0117/0941/warning.png') 0px 0px no-repeat;
background-size:contain;
    position: absolute;
    left: 0px;
    top: 11px;
}
form.appnitro, .embed form.appnitro{
margin:0px;
}
#main_body input::-webkit-input-placeholder,
#main_body select::-webkit-input-placeholder{
  color: #6d6f71;
}
#main_body input::-moz-placeholder,
#main_body select::-moz-placeholder {
  color: #6d6f71;
}
#main_body input:-ms-input-placeholder,
#main_body select:-ms-input-placeholder {
  color: #6d6f71;
}
#main_body input:-moz-placeholder,
#main_body select:-moz-placeholder {
  color: #6d6f71;
}

.form_success {
    padding: 0 !important;
}

#main_body .form_description h2,#main_body .form_success h2
{
font-family: 'Lucida Grande','Lucida Grande',Tahoma,Arial,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 160%;
color: #fff;
}

#form_28721 ul {
    list-style: none;
    padding-left: 0px;
}