/** 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_abe73e90016b9213011cb67f09ffb209-JNS_banner.jpg');
height: 137px;
}

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 label.description,#main_body 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,#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,#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: #3498db !important;   font-weight: bold!important;   margin-top: 0; font-size: 24px!important; }

.section_break p { font-size: 16px!important; font-weight: bold!important;}

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

/*#li_1, #li_2, #li_3,#li_160 {height: 70px !important; margin-top: 45px !important;}*/

.stream-line {position: absolute; top:-20px; left: 0;}

#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_123, #li_125, #li_126, #li_127, #li_133, #li_134, #li_135, #li_136, #li_156, #li_155, #li_157, #li_158, #li_159,#li_160 ,#li_227,#li_24,#li_232,#li_420,#li_421{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;}

.note-list ul {list-style-type: disc;}

.note-list ul li { font-size: 16px;   width: 80% !important;    margin-left: 2% !important;    line-height: 2;    color: #F00;}
.stream-line {top: -30px;   left: 0;    color: red !important;   font-size: 15px;}

#li_143 {width: 80% !important;    margin-left: 2% !important; }

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

.note-2 {    width: 32%;  display: inline-block;  float: left;}
.Notewrapper{margin-left: 15px !important;}
.Notewrapper ul{margin-bottom: 25px !important;  border-bottom: 1px solid;} 
.Notewrapper ul li{display: inline-block !important;  float: left; clear:none !important; 
 padding: 15px !important; font-size: 15px;}
.subnote-1 {  width: 30% !important;  }
.subnote-2 {  width: 40% !important; }
.subnote-3 {  width: 20% !important; margin-top: -10px !important; }
.text_width { margin-left: 15px !important; margin-bottom: 15px !important; width: 100%!important;}
.text_width label { width: 80%; float: left !important;font-size: 15px !important; line-height:1.5em !important;}
.text_width input{ width: 10%!important; float: left;margin-top: 5px !important;}

#main_body select.select {width:101%; border: 1px solid #d9ecf8; -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 #li_16_span_6 select.select {width: 97.5%}

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

#main_body h1 {background-color: none !important;}

#main_body input.text {width:97%; border: 1px solid #d9ecf8; -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;}

#main_body textarea.textarea {width:97%; border: 1px solid #d9ecf8; -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;min-height: 150px;}

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

.no_guidelines form li {  width: 100%; }

.simple_name_wmiddle {padding: 0 !important; width: 100%!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%;}

#main_body .europe_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;}

.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;}

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

#li_24, #li_26, #li_28, #li_29, #li_30 { display: block; 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-txt2 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;}


#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-txt2, #main_body form li.section_break.sub-content-txt3, #li_42, #li_92,#li_233,#li_234,#li_236,#li_237 {width: 20% !important; padding: 0 !important; display: inline-block; float: left; margin: 20px 0 15px 15px !important; clear: inherit !important;}
#li_233 input.text, #li_234 input.text,#li_236 input.text,#li_237 input.text{width:95%;}
.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,#li_165,#li_176,#li_169 ,#li_173 {width: 38%;}
.outof-head, #li_44, #li_47, #li_48, #li_61, #li_64, #li_67, #li_79, #li_82, #li_85,#li_177,#li_167,#li_174,#li_171 {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 ,#li_165,#li_167,#li_169,#li_171,#li_173,#li_174,#li_176,#li_177{padding: 0 !important; display: inline-block; 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_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; }

#li_32, #li_8, #li_10, #li_123, #li_125, #li_127 {clear:both !important;}
/*
#li_132 {margin-left: 12px !important; width: 66% !important; padding:0 !important; }
#li_132 label {  width: 67% !important;}*/

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

#li_132 label {width: 69%; float: left!important; line-height: 35px!important; font-size: 16px !important;}
#li_132 select{width: 77% !important;}
#li_132 div {float: left!important; display: inline-block!important;  width: 28%!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; }

.marks-block .description{display: none !important;}

#main_body form li#li_49, #main_body form li#li_45, #main_body form li#li_62 , #main_body form li#li_65 , #main_body form li#li_80, #main_body form li#li_83,#main_body form #li_166, #main_body form #li_168,#main_body form #li_172,#main_body form #li_175,#main_body form #li_233,#main_body form #li_234,#main_body form #li_236,#main_body form #li_237 {clear:both !important;}


#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, .req-hide .required, #required_123, #required_125, #required_126, #required_127, #required_134, #required_135, #required_136{display: none;}

.btn_primary {cursor: pointer}
@media only screen and (min-width: 768px) and (max-width: 959px) {
#form_container {width: 98% !important; margin: 0 auto!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_123, #li_125, #li_126, #li_127, #li_133, #li_134, #li_135, #li_136 {margin-left:10px !important;}
.stream-line {top: -45px;}
#main_body h1 a {background-size: 102% auto; background-position: center center;    background-color: #fff;}
}
.wrapper h4{font-size: 15px; color:red; line-height: 1.5em;}
.wrapper p{font-size: 15px !important; line-height: 1.5em; }

#form_11090 .multiple_choice{width: 100% !important;}
#form_11090  #li_122{width: 100% !important;}

@media only screen and (max-width: 767px) {
#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;} 



.note-2 {  width: 100%;  display: inline-block;   float: left;   margin: 0 0 15px !important;}

#main_body form li input.radio {width: 20px !important;} 

.note-list ul, .li_resume_checkbox {width: 98% !important;  margin: 0 auto !important;  float: none !important}

#main_body form li.section_break.note-list {padding: 0 20px !important;}

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

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

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

.multiple_choice fieldset span {border: none;}

#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, #li_132 label {font-size: 12px !important;   font-family: Arial, Verdana, sans-serif !important; text-indent: 0px!important;}

#li_132 {margin-left: 15px !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; }
#main_body form #li_151{margin-left: 15px !important;}
#main_body form .text_width input {  width: 15% !important;}
.stream-line {top: -40px;}

}
@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 .text_width input {  margin-top: 28px !important;}
}