/** 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: 'Roboto Slab Bold';
  src: url('https://www.legacy.jerseycollege.edu/themes/SEO_Redesign/css/fonts/RobotoSlab-Bold.eot');
  src: url('https://www.legacy.jerseycollege.edu/themes/SEO_Redesign/css/fonts/RobotoSlab-Bold.eot?#iefix') format('embedded-opentype'),
       url('https://www.legacy.jerseycollege.edu/themes/SEO_Redesign/css/fonts/RobotoSlab-Bold.woff') format('woff'),
       url('https://www.legacy.jerseycollege.edu/themes/SEO_Redesign/css/fonts/RobotoSlab-Bold.ttf')  format('truetype'),
       url('https://www.legacy.jerseycollege.edu/themes/SEO_Redesign/css/fonts/RobotoSlab-Bold.svg#1e7d30aef2cafa73684937c25b057e0e') format('svg');
  font-style:   normal;
  font-weight:  700;
}

#form_15177{
margin: 0;
}
.show_option{
display: inline !important;
}
.hide_option{
display: none !important;
}
.form_description{
display:none !important;
}
#main_body input.text,
#main_body select.select {
    outline: 0;
    margin: 0px;
    padding: 8px 9px;
    width: 100%;
height:40px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: none;
    background: #ececec;
    color: #6d6f71;
    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:4px 0px;
}
#main_body form .section_break.approval-message p{
font-size: 95% !important;
}
#main_body form li#li_23{
display: inline-block;
width:50%;
}
#main_body form li.dropdown
{
    width: 50%;
}
#main_body form li.dropdown{
display:inline-block;
}
#main_body form li#li_3{
width: 50%;
}
#main_body form li#li_4{
float:left;
width: 50%;
}
#main_body form li#li_15{
float: right;
width: 50%;
}
#main_body form li#li_11{
float: left;
width: 50%;
}
#main_body input.button_text{
    color: #fff;
    font-family: Lato,sans-serif;
    font-size: 1rem;
    font-weight: normal;
    letter-spacing: .4px;
    background: #9b0c27;
    border-radius: 23px;
    padding: 10px 30px;
    width: 50%;
    transition: .2s ease-in-out;
    text-transform: uppercase;
    box-shadow: 0 3px 6px 0 rgb(0 0 0 / 30%);
    border: 0px;
}
#main_body input.button_text:hover,
#main_body input.button_text:focus{
    background: #d49e0f;
    color: #fff;
    transition: .2s ease-in-out;
   cursor: pointer;
}
#main_body .buttons{
    margin: 0px;
    display: flex;
    justify-content: center;
}


#main_body form li.multiple_choice span{
color: #6d6f71;
    font: 14px Arial,Helvetica,sans-serif;
}


#main_body form li#li_15{
display: inline-block;
width:50%;
float:right;
}
#main_body form li#li_18{
display: inline-block;
width:50%;
}

#main_body form .required{
color:#9b0c27 !important;
}

#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/application/files/5017/1677/8834/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/application/files/5017/1677/8834/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;
}

/*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;
margin:0px !important;
}
#main_body form li.error + li.dropdown{
min-height:90px;
}

#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.legacy.jerseycollege.edu/files/2315/0117/0941/warning.png') 0px 0px no-repeat;
background-size:contain;
    position: absolute;
    left: 0px;
    top: 11px;
}

#main_body form li.multiple_choice span.description {
        border: none !important;
       
    }


@media screen and (max-width : 500px){

#main_body form li label.description{
font-size: 70% !important;
}

#main_body form li.dropdown, #main_body input.button_text {
    width: 100%;
}
#main_body form li#li_18, #main_body form li#li_11{
width:100%;
}

}