@import url('/FORMMODR/css/style.css'); /* CALLS FORM CSS */
@import url('/TEMPLATR/jueryUI/accordionJQ/css/jquery.accordion.css'); /* CALLS ACCORDION CSS */
@import url('/TEMPLATR/QUARKS/css/main.css'); /* CALLS MAIN TEMPLATE CSS */
@import url('/TEMPLATR/QUARKS/quarks_genECPI_childtheme/css/childtheme-main.css'); /* CALLS THEME CSS */

/* CUSTOM STYLES ------------------------------------------------------------*/


/* HIGH SCHOOL FORM STYLES */

body.hschool label {
    color: #333333;
}

body.hschool .formWrapper {
    background-color: #FFFFFF;
    box-shadow: 0 0 0;
}

body.hschool label.error {
    color: red;
}

body.hschool .formWrapper h2 {
    padding: 14px;
    text-align: center;
    margin-bottom: 25px;
    border-bottom: 1px dotted;
}

body.hschool .formWrapper h4 {
    padding: 14px;
    margin-bottom: 25px;
    border-bottom: 1px dotted;
    font-weight: normal;
    color: #333;
    width: 100%;
    float:left;
}

body.hschool .fullWidthField.wide,
body.hschool .fullWidthFieldInput.wide {
    width: 99%;
    margin-left:.7%;
    margin-right:.7%;
    float: left;
    clear:both;
}

body.hschool .fullWidthFieldInput.thirds,
body.hschool .fullWidthField.thirds {
    width: 32%;
    margin-left: .7%;
    margin-right: .6%;
    float:left;
}

body.hschool .fullWidthFieldInput.thirds input {
    height: 35px;
}

body.hschool .fullWidthField.thirds select {

}

body.hschool .fullWidthField.thirds.radiotype div {
    float: left;
}

body.hschool .fullWidthField.thirds.radiotype span {
    color: #FFFFFF;
}

body.hschool .fullWidthField.thirds.radiotype label {
    padding-left: 0;
    width: 100%;
}

body.hschool .fullWidthField.thirds.radiotype input[type="radio"] {
    position: relative;
    margin-left: 5px;
    float: left;
}

body.hschool #formWrapper form.longFormat input.submit-btn {
    width: 60%;
    height: auto;
    margin-top: 5px;
}

body.hschool #formWrapper form.longFormat .buttonPos { 
        width: 100%;
    text-align: center;
    clear: both;
    padding-top: 20px;
}

body.hschool #formWrapper form.longFormat .submit-btn {
    text-transform: uppercase;
    background-image: url(/TEMPLATR/QUARKS/img/padlock.png);
    background-repeat: no-repeat;
    background-size: 6%;
    background-position: bottom 15px left 15px;
    border: none;
}

body.hschool .content-left {
    width: 50%;
    padding: 2%;
    float:left;
}

body.hschool .sidebar {
    width: 50%;
    padding: 2%;
    float:left;
}

body.hschool .mainMessage {
    border-bottom: 1px dotted; 
}


body.hschool .iconwidth { width:70px;}

body.hschool .bucket-wrapper {}

body.hschool .bucket-wrapper div img.get-social {width: 100%; margin-bottom: 10px; }

body.hschool .bucket-wrapper .so-wrap { width: 100%; }

body.hschool .bucket-wrapper .so-wrap img { width: 10%; margin: 0 .7%; }

#formWrapper .action-button { background-color: #023B72; }

@media screen and (max-width:995px){
    body.hschool .content-left {
    width: 100%;
    padding: 2%;
    float:left;
}

body.hschool .sidebar {
    width: 100%;
    padding: 2%;
    float:left;
}
    
body.hschool .iconwidth { width:40px;}
    
}


@media screen and (max-width:600px){
    body.hschool .fullWidthFieldInput.thirds,
    body.hschool .fullWidthField.thirds,body.hschool .fullWidthField.checks .checkwrapper {
        width: 99%;
        margin-left:.7%;
        margin-right:.7%;
        float: left;
        clear:both;
    } 
    
    body.hschool #formWrapper form.longFormat input.submit-btn { width: 75%; }
    
    body.hschool #formWrapper form.longFormat .submit-btn { background-size: 8%; background-position: bottom 10px left 10px; }
}