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

#main_body h1 a
{
background-image: url('http://www.schoolpay.co.in/form_generator/data/themes/images/img_cdaa5d7af2068b543a2c38956cc62606-cedp_logo.jpg');
height: 103px;
}

html
{
background-image: url('http://www.schoolpay.co.in/form_generator/images/form_resources/grey-mild.png');
background-repeat: repeat;
}

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

#form_container
{
background-color: #ffffff;
border-width: 0px;
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: #FFF7C0;
}

#main_body form .guidelines
{
background-color: #F5F5F5;
border-width: 1px;
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: 1px;
border-top-style: solid;
border-top-color: #d9ecf8;
}



/** Advanced CSS **/

#form_container {
    width: 960px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#main_body form ul {
    margin-left: -15px !important;
    width: 102.5%;
}

#main_body form li.section_break {
    border: 0 !important;
}
.section_break h3 {
    color: #034898 !important;
    font-weight: bold!important;
    margin-top: 0;
    font-size: 24px!important;
    border-bottom: 2px solid #186fa7;
    height: 50px;
}

#main_body h1 {
    padding:0px;
    background-color: #2b40b7;
    border-radius: 0px;
}

#main_body h1 a {
    /* background-size: 102% auto;
    background-position: center center;*/
    background-color: #002147;
}

.section_break p {
    font-size: 15px!important;
    font-weight: bold!important;
    margin: 0 !important;
    line-height: 1.8;
}

#li_21,
#li_111 {
    border-color: #000 !important;
    padding: 15px 0 0 0!important;
    margin-left: 15px!important;
}


#li_1,
#li_2,
#li_3,
#li_6,
#li_7,
#li_8,
#li_9,
#li_10,
#li_11,
#li_12,
#li_13,
#li_14,
#li_36,
#li_37,
#li_38,
#li_39,
#li_40,
#li_53,
#li_54,
#li_55,
#li_56,
#li_57,
#li_70,
#li_71,
#li_72,
#li_74,
#li_76,
#li_94,
#li_100,
#li_101,
#li_102,
#li_104,
#li_103,
#li_106,
#li_107,
#li_108,
#li_109,
#li_111,
#li_112,
#li_113,
#li_114,
#li_115,
#li_117,
#li_118,
#li_119,
#li_120,
#li_121,
#li_122,
#li_124,
#li_126,
#li_134,
#li_135,
#li_136,
#li_137,
#li_138,
#li_143,
#li_144,
#li_145,
#li_146,
#li_148,
#li_164,
#li_165,
#li_166,
#li_167,
#li_175 {
    width: 31.5%;
    padding: 0 !important;
    display: inline-block;
    float: left;
    margin: 0 0 15px 15px !important;
    /* margin-left: 15px!important;*/
    clear: inherit !important;
    /*margin-bottom: 15px !important; */
    height: 90px;
    position: relative;
}

#li_133 {
    width: 31.5%;
    padding: 0 !important;
    display: block;
    float: left;
    margin: 0 0 15px 15px !important;
    /* margin-left: 15px!important;*/
    clear: inherit !important;
    /*margin-bottom: 15px !important; */
    height: 90px;
    position: relative;
}

/*
#li_8,
#li_164,
#li_148,
#li_146,
#li_128,
#li_130,
#li_132 {
    clear: both !important;
}
*/

#li_161,
#li_162 {
    width: 99% !important;
    margin: 0 0 0 15px !important;
    padding: 0 !important;
}

#main_body .address select.select {
    width: 97.5%!important;
}

#li_127,
#li_129,
#li_131 {
    width: 31.5%;
    padding: 0 !important;
    display: block;
    float: left;
    margin-left: 15px!important;
    clear: inherit !important;
    margin-bottom: 15px !important;
    height: 90px;
    position: relative;
    clear: both !important;
}

#li_127 label,
#li_129 label,
#li_131 label {
    float: left !important;
    width: 30% !important;
    line-height: 3 !important;
}

#li_127 div,
#li_129 div,
#li_131 div {
    width: 68.5% !important;
    float: left !important;
    display: block;
}

#li_127 p.error,
#li_129 p.error,
#li_131 p.error {
    top: 39px;
    left: 273px;
}

#li_128,
#li_130,
#li_132 {
    width: 31.5%;
    padding: 0 !important;
    display: block;
    float: left;
    margin-left: 15px!important;
    margin-bottom: 15px !important;
    height: 90px;
    position: relative;
}

#li_130 label,
#li_132 label {
    float: left !important;
    width: 30% !important;
    line-height: 3 !important;
}

#li_130 div,
#li_132 div {
    width: 68.5% !important;
    float: left !important;
    display: inline-block !important;
}

#li_130 p.error,
#li_132 p.error {
    top: 39px;
    left: 98px;
}

#li_123,
#li_147,
#li_149 {
    width: 31.5%;
    padding: 0 !important;
    display: block;
    float: left;
    margin: 0 0 15px 15px !important;
    /* margin-left: 15px!important;*/
    clear: inherit !important;
    /*margin-bottom: 15px !important; */
    height: 90px;
    position: relative;
}

p.error {
    position: absolute;
    bottom: 0;
    left: 0;
}


#main_body select.select {
    width: 101%;
    border: 1px solid #cdcece;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}



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



#main_body input.text {
    width: 97%;
    border: 1px solid #cdcece;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    height: 22px;
}

#li_5,
#li_99,
#li_110 {
    margin-bottom: 15px !important;
    padding: 15px 0 0 0 !important;
/*    border-top: 2px solid #186fa7;*/
    height: 90px;
}

.no_guidelines form li {
    width: 100%;
}

.simple_name_wmiddle {
    padding: 0 !important;
}

.simple_name_wmiddle .description {
    margin-left: 15px!important;
}

.simple_name_wmiddle_1,
.simple_name_wmiddle_2,
.simple_name_wmiddle_3 {
    width: 31.5%;
    padding: 0 !important;
    display: inline-block!important;
    float: left;
    margin: 0 0 0 15px!important;
    clear: none !important;
}


#main_body .date_field input.text {
    width: 70%;
}

.date_mm,
.date_dd,
.date_yyyy {
    width: 25%;
    margin: 0 !important;
}

.button_text {
    color: #fff !important;
    background-color: #286090 !important;
    border-color: #204d74 !important;
    margin: 0 0 0 7px !important;
    background: -webkit-gradient(linear, left top, left bottom, from(#2646FF), to(#1A00AD)) !important;
    background: -moz-linear-gradient(top, #2646FF, #1A00AD) !important;
    padding: 6px 9px;
    cursor: pointer;
}

.btn_secondary,
.uploadifive-button {
    overflow: visible;
    width: auto;
    outline: none;
    padding: 6px 9px!important;
    font: 300 15px/1em 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif;
    color: #fff;
    text-shadow: 0 1px 0 #f0f0f0!important;
    background: #2646FF!important;
    background: -webkit-gradient(linear, left top, left bottom, from(#2646FF), to(#1A00AD))!important;
    background: -moz-linear-gradient(top, #2646FF, #1A00AD)!important;
    border-width: 1px;
    border-style: solid;
    border-color: #130080 #130080 #130080!important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 #f8f8f8!important;
    -moz-box-shadow: 0 1px 0 #130080!important;
    box-shadow: 0 1px 0 #f8f8f8!important;
    text-decoration: none !important;
    font-size: 16px !important;
    cursor: pointer;
}

#main_body #li_17 select.select {
    width: 30%
}

#li_24,
#li_26,
#li_28,
#li_29,
#li_30 {
    display: inline-block !important;
    float: left;
    width: 25%;
    float: left;
    clear: inherit !important;
}

#li_23,
#li_25,
#li_27,
#li_31,
#li_32 {
    display: inline-block !important;
    width: 70%;
    float: left;
    clear: inherit !important;
    margin-left: 25px;
}

#li_buttons {
    border-top: 2px solid #3498db;
    padding: 15px 0 !important;
    margin-left: 15px !important;
    width: 98.5%!important;
    margin-top: 35px !important;
}

.marks-heading-block {
    background: #337ab7;
    margin-left: 15px !important;
    padding: 0 !important;
}

.marks-heading-block span {
    color: #fff !important;
    font-size: 16px !important;
    line-height: 35px !important;
    text-indent: 30px;
    padding: 0 !important;
    float: left !important;
    display: inline-block !important;
}

.sub-content-txt h3,
.sub-content-txt1 h3,
.sub-content-txt3 h3 {
    color: #000 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 35px !important;
    text-indent: 30px;
    padding: 0 !important;
    width: 90%!important;
}

.sub-content-txt2 h3 {
    color: #000 !important;
    font-size: 16px !important;
    font-weight: bold !important;
    line-height: 35px !important;
    text-indent: 15px;
    padding: 0 !important;
    width: 90%!important;
}

#main_body form li.section_break.sub-content-txt2 {
    margin: 20px 0 15px 0 !important;
    width: 20% !important;
    padding: 0 !important;
    display: block;
    float: left;
    clear: inherit !important;
}

#main_body form li.section_break.sub-content-txt,
#main_body form li.section_break.sub-content-txt1,
#main_body form li.section_break.sub-content-txt3,
#li_42,
#li_92 {
    width: 20% !important;
    padding: 0 !important;
    display: block;
    float: left;
    margin: 20px 0 15px 15px !important;
    clear: inherit !important;
}

.sub-head {
    width: 20% !important;
}

.marks-obt-head,
#li_43,
#li_46,
#li_50,
#li_60,
#li_63,
#li_66,
#li_78,
#li_81,
#li_84 {
    width: 38%;
}

.outof-head,
#li_44,
#li_47,
#li_48,
#li_61,
#li_64,
#li_67,
#li_79,
#li_82,
#li_85 {
    width: 40%;
}

#li_43,
#li_44,
#li_46,
#li_47,
#li_48,
#li_50,
#li_60,
#li_61,
#li_63,
#li_64,
#li_66,
#li_67,
#li_78,
#li_79,
#li_81,
#li_82,
#li_84,
#li_85 {
    padding: 0 !important;
    display: inline-block!important;
    float: left;
    margin: 20px 0 15px 0 !important;
    clear: inherit !important;
}

.fees-head,
#main_body form li.section_break.sub-content-txt1,
#main_body form li.section_break.sub-content-txt3 {
    width: 65% !important;
}

.amount-head,
#main_body form li.section_break.sub-content-txt2,
#li_92 {
    width: 20% !important;
}

#li_150 {
    width: 92% !important;
    margin-left: 35px !important;
}

#li_150 label {
    width: 69%;
    float: left!important;
    line-height: 35px!important;
    font-size: 16px !important;
}

#li_150 select {
    width: 77% !important;
}

#li_150 div {
    float: left!important;
    display: inline-block!important;
    width: 28%!important;
}

#li_92 input {
    text-indent: 30px;
}

/*#form_11090 .btn_secondary {display:none;}*/

.simple_name_wmiddle p.error {
    margin-left: 15px !important;
    text-indent: 15px;
}

#main_body form li.error {
    background-color: transparent !important;
    border-bottom: 0px solid #EACBCC!important;
    border-right: 0px solid #EACBCC!important;
}

#main_body form li.error.date_field {
    margin: 0 0 15px 15px !important;
}

#error_message,
#pagination_header,
#main_body form li.section_break {
    margin: 10px auto !important;
    padding: 5px !important;
}

#footer {
    display: none;
}

.address {
    padding: 10px 0 30px !important;
    margin: 0 0 0 10px !important;
}

/*span.description .required{ position: absolute; top: 10px; left: 25px}*/

/*
.req-hide p.error,
#li_33 p.error {
    position: absolute;
    bottom: -12px;
    left: 34px;
}
*/

.marks-block p.error {
    position: absolute;
    top: 40px;
    left: 0;
}


#required_36,
#required_37,
#required_38,
#required_39,
#required_40,
#required_43,
#required_44,
#required_46,
#required_47,
#required_48,
#required_50,
#required_53,
#required_54,
#required_55,
#required_56,
#required_57,
#required_60,
#required_61,
#required_63,
#required_64,
#required_66,
#required_67,
#required_70,
#required_71,
#required_72,
#required_74,
#required_76,
#required_78,
#required_79,
#required_81,
#required_82,
#required_84,
#required_85,
#required_94{
    display: none;
}

.cns-address {
    margin-top: 25px;
    padding-top: 25px;
    border-top: #85B4DC 1px solid;
}

.cns-address span {
    font-size: 18px;
    font-weight: bold;
    color: #B80C02
}

.cns-address strong {
    color: #B80C02
}

#main_body #li_146 label.description{
     width: 105%;
}

#main_body form #li_174.section_break h3, #main_body form #li_19.section_break h3{
    border-bottom: 2px solid;
    margin: 15px 0;
    height: 50px;
}

#main_body #li_173 span.description{
    float: left;
    margin-top: 3px;
}
#main_body #li_173 div{
    float: left;
    width: 90%;
}
#main_body form #li_161 div{
    margin-bottom: 15px;
}
#main_body form li.section_break{
    margin: 10px auto !important;
    padding: 5px !important;
    margin-left: 10px !important;
}
#main_body form li.section_break.marks-heading-block h3,#main_body form li.section_break.sub-content-txt1 h3,#main_body form li.section_break.sub-content-txt2 h3,#main_body form li.section_break.sub-content-txt3 h3{
    border: 0 !important;
}

@media all and (min-width: 768px) and (max-width: 1024px) and (orientation:portrait) {
    #form_container {
        width: 96% !important;
        margin: 0 auto!important;
    }
}
@media only screen and (max-width: 767px) {
    #main_body .address select.select {
        width: 103% !important;
    }
    #form_container {
        width: 100% !important;
        margin: 0 auto!important;
    }
    #main_body form li {
        width: 98% !important;
    }
    #main_body form li input,
    #main_body form li select {
        width: 100% !important;
    }

    #main_body form li.date_field span input {
        width: 67% !important;
    }

    #main_body li.simple_name_wmiddle .simple_name_wmiddle_1,
    #main_body li.simple_name_wmiddle .simple_name_wmiddle_2,
    #main_body li.simple_name_wmiddle .simple_name_wmiddle_3 {
        width: 100% !important;
    }

    .simple_name_wmiddle {
        height: inherit !important;
        margin: 0px 0 35px !importan
    }

    #li_buttons .button_text {
        margin: 0 0 20px 0 !important;
    }

    span.fees-head,
    span.amount-head {
        font-size: 14px !important;
        font-family: Arial, Verdana, sans-serif !important;
        text-indent: 10px!important;
    }

    .sub-content-txt1 h3,
    #li_150 label,
    .sub-content-txt3 h3,
    .sub-content-txt2 h3 {
        font-size: 12px !important;
        font-family: Arial, Verdana, sans-serif !important;
        text-indent: 0px!important;
    }

    #li_150 {
        margin-left: 12px !important;
        width: 66% !important;
        padding: 0 !important;
    }
    #li_150 label {
        width: 67% !important;
    }

    #main_body form li#li_92 {
        width: 28% !important
    }

    #main_body form li.section_break.sub-content-txt3 {
        width: 62% !important;
    }

    #li_92 div {
        float: left!important;
        display: inline-block!important;
        width: 92%!important;
    }

}
@media only screen and (max-width: 479px) {
    table.ap_table_pagination td {
        width: 28% !important;
        display: inline-block !important;
        margin: 0 0 20px;
    }
    table.ap_table_pagination td.ap_tp_arrow {
        width: 2% !important;
        display: inline-block !important;
    }
    #main_body form li.multiple_choice div fieldset span {
        border: 0 !important;
    }

    #main_body input[type="radio"] + label::before {
        display: none !important;
    }
    #main_body input.radio {
        width: auto !important;
        visibility: inherit !important;
    }
    #main_body li.address select.select {
    width: 105% !important;
}
}
@media only screen and (max-width: 360px){
    #main_body form li.section_break.sub-content-txt3 {
        width: 60% !important;
    }
    #main_body form li div span.right{
         width: 45%;
    }
}