/** custom styles end up here **/

/** new colour 21007F   red  33 green 0  blue  127  **/

body{padding-top:20px;padding-bottom:20px;}
a, h1, h2, h3 {font-family:"Roboto";}

/** login & signup form **/
.form-signin{max-width:330px;padding:15px;margin:0 auto}
.form-signin .form-signin-heading,.form-signin .checkbox{margin-bottom:10px}
.form-signin .form-control{position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.form-signin .form-control:focus{z-index:2}
.form-signin input[type="text"]{margin-bottom:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0}
.form-signin input[type="password"]{margin-bottom:10px;border-top-left-radius:0;border-top-right-radius:0}

/** btn-default override **/
.btn{border-radius:0;}
.btn-default{color:#333;background-color:#bbb;border-color:#888;}
.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#888;border-color:#888}
.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#bbb;border-color:#888}
.btn-default .badge{color:#bbb;background-color:#333}

/** helper overrides **/
label{font-weight:normal;}

a#invite_teacher,
a#back_subscription_list,
a#add_member,
a#view_members{float:right;display:inline-block;margin-bottom:5px;margin-left:5px;}
.table th{vertical-align: middle;}

/** reset .navbar */
.sub-navbar{margin-bottom:0;min-height:0;}
.sub-navbar .nav>li>a{padding:5px 10px;text-decoration:underline;}

/** discussion page */
p.discussion-header {font-size: 10px; color: #949A9C; font-style: italic}
div.reply-back{margin-bottom: 15px;}


/** homepage header */
.html_public{
	background:url(../img/body_bg2.jpg) center top repeat;
}

.body_public {
	background:url("../img/body_bg.jpg")  repeat-x center 55px transparent;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
}

#main {
	width: 100%;
	margin: 0px auto;
	margin-top:-20px;
}

* {
	margin: 0px;
	padding: 0px;
}


.follow_us {
	padding-top:10px;
	margin-left:-5px;
}

ul {
	list-style: none outside none;
}


.clear {
	clear: both;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	height: 0px;
}

.login ul {
	padding: 0px;
}

.login ul li {
	padding-left: 10px;
	margin-bottom: 10px;
}

form {
	margin: 0px;
	padding: 0px;
}

.inp_li {
	padding-left: 10px;
	background: url("../img/inp_bg.gif") no-repeat scroll left top transparent;
	width: 155px;
	height: 21px;
	font-size: 10px;
	color: rgb(175, 175, 175);
	line-height: 21px;
	border: 0px none;
	margin: 0 10px 0 0;
	float: left;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}
.inp_err_msg {
    float: left;
    width: 155px;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box;
}

.inp_li input[type="text"], .inp_li input[type="password"] {
	background: none repeat scroll 0% 0% transparent;
	width: 140px;
	height: 21px;
	font-size: 10px;
	color: rgb(175, 175, 175);
	line-height: 21px;
	border: 0px none;
}

li.inp_li input#in_email,
li.inp_li input#in_password {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
}
p.login_form_errors {
    line-height: 14px;
}

ol, ul {
	margin-top: 0px;
	margin-bottom: 10px;
}


.medium_aqua_btn{
    font-family: Helvetica, Tahoma, Geneva, sans-serif;
    text-decoration:none;
    border-radius: 14px 14px 14px 14px;
    font-weight: bold;
    display:inline-block;
    font-size:13px;
    line-height:1.62em;
    padding:4px 22px;
    color: #000;
    border: none;
    background: #54e2e7;
    /* IE6-9 */
    -webkit-background-size: 100% 120%;
    -moz-background-size: 100% 120%;
    background-size: 100% 120%;
    background-position: 0 100%;
}
a.medium_aqua_btn:hover{
    color: #000;
    text-decoration: none;
}



.login_btn {
	margin-top: 5px;
	width:82px;
	height:25px;
	border: 0;
	background: url("public/assets/img/login_button.gif");

}



ul.lgn li a {
	font-size: 11px;
	font-weight: bold;
	color: rgb(145, 145, 145);
	text-decoration: none;
	background: url("public/img/arrow.gif") no-repeat scroll left 10px transparent;
	padding: 8px 0px 0px 12px;
}

.none {
	padding: 0px !important;
}

a:focus {
	outline: thin dotted;
	outline-offset: -2px;
}

ul.lgn li a:hover{
	text-decoration:underline;
}

.header_login_error {
	font-size: 11px;
}

 #error-box p{
 	color:red;
 }

.header_login_error p{
	font-size: 11px;
	margin-bottom : 0;
	display:inline;
	color:red;
	line-height: 0px;
}

/** footer */
#footer {
  background: url("../img/footer_bg.jpg") center top repeat;
}

.copy_outer {
    width: 100%;
    background: url("../img/copy_bg.jpg") center top repeat-x;
    height: 50px;
}
.copy_right p {
    font-size: 11px;
    color: #000000;
}

.copy_left {
    width: 700px;
    float: left;
}

.copy_right {
    width: 280px;
    float: right;
    padding-top: 10px;
    padding-right: 20px;
}

.inp3 {
    background: url(public/assets/img/inp3_bg.gif) left top no-repeat;
    width: 185px;
    height: 33px;
    font-size: 12px;
    color: #ababab;
    line-height: 33px;
    padding-left: 8px;
    border: 0px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.copy_left ul li {
    float: left;
    padding-left: 10px;
    /* font-family: Myriad Pro; */
    font-size: 16px;
    font-weight: bold;
    color: #212121;
}

.copy_iner {
    width: 990px;
    margin: 0 auto;
    padding-top: 0;

 }

 .copy_left ul {
    padding: 0px;
    list-style: none;
}

.footer-contact-title {
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    padding-bottom: 13px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
}

.contact-list {
    font-size: 11px;
    color: #b2b2b2;
    background: url("../img/arrow5.gif") left 5px no-repeat;
    padding-left: 12px;
    padding-bottom: 5px;
    line-height: 16px;
    list-style: none;
}

.contact-list a.normal-list {
    color: #b2b2b2;
    font-family: Arial, Helvetica, sans-serif;
}

.show-all {
	color: #9DC32F;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}

.show-all:hover {
	color: #9DC32F;
	text-decoration: underline;
}

.news-letter-signup {
	padding-top:4px;
}

.baner_part {
    background: url(../img/baner_bg.jpg) center top no-repeat;
    height: 309px;
}

.contaent {
    width: 990px;
    margin: 0 auto;
    padding-top: 15px;
}

.center_box {
    background: #ececec url(../img/centerbox_bg2.jpg) left top repeat-x;
    padding-top: 10px;
    float: left;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    behavior: url(border-radius.htc);
    width: 990px;
    padding-bottom: 0px;
}
.products {
    width: 465px;
    border-right: 1px solid #e0e0e0;
    padding: 0 12px 0px 13px;
    float: left;
}
.products h2 {
    font-size: 18px;
    color: #3b3b3b;
    padding-bottom: 15px;
    background: url("../img/arrow3.gif") left top no-repeat;
    padding-left: 60px;
    font-weight: normal;
    min-height: 35px;
    font-family: Arial, Helvetica, sans-serif;
    margin:0;
    padding:12px 0 5px 60px;
}
ul {
    list-style: none;
}

.center_box .products ul {
    margin: 0;
    padding: 0px;
    display:none;
	border-top:1px solid #E0E0E0;
}

.center_box .products:first-child ul {
	padding-bottom:10px
}

.baner_part, .contaent {
    width: 996px;
    margin: 0px auto;
}

.products ul li {
    margin: 0;
    padding: 5px 0 0 15px;
    font-size: 11px;
    color: #7a7a7a;
    font-weight: bold;
    line-height: 10px;
    background: url("public/assets/img/arrow2.gif") left 10px no-repeat;
}

.products ul li a {
    color: #7a7a7a;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
}

.disp_toggle{
	cursor:pointer;
}

.footer-inner {
	width: 100%;
    margin: auto;
    padding-top: 17px;
}

@media (min-width: 992px) {
	.footer-inner .col-md-3 {
	    width: 21%;
	}
	.footer-inner .col-md-offset-3 {
	    margin-left: 8%;
	}
}

.banner_part, .tabbing, .shadetabs_outer, .shadetabs, .shadetabs li,.shadetabs li a, .srb_slide, .srb_slide img,
.contaent, .center_box, .products, .products h2.disp_toggle, .products ul, .products ul li, .products ul li a {
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing: content-box;
}

div.leftpanel div.link {
    width: 186px;
    float: left;
}
div.leftpanel div.link p.topcorner {
    width: 186px;
    float: left;
    background: url("public/assets/img/top-corner.png") no-repeat left top;
    padding: 0px;
    margin: 0px;
    font-family: "Trebuchet MS";
    font-size: 19px;
    color: #5e7d01;
    /* height: 23px; */
    padding: 13px 0px 0px 15px;

}
.cus-container {
    width: 988px;
    margin: 0 auto;
    display: flex;
}

div.rightpanel {
    width: 785px;
    float: left;
    padding: 0px 0px 0px 13px;
}

.acc {
    width: 788px;
    list-style-type: none;
    float: left;
    padding: 0px;
    margin: 0px;
}

.acc-section {
	overflow: hidden;
}

.acc-content {
    width: 788px;
    float: left;
    margin: 0px;
    padding: 0px;
}

.mid-content {
    width: 779px;
    float: left;
    background: #FFFFFF;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    padding: 10px 15px 0px 15px;
}

#acc .acc-content {
    width: 788px;
    float: left;
    margin: 0px;
    padding: 0px;
}

#middle {
   width: 996px;
   padding: 17px 0px 0px 0px;
}

.r_top {
    background: url("public/assets/img/ac-bar.png") no-repeat left top;
}

.botcorner {
    width: 186px;
    float: left;
    background: url("public/assets/img/botcorner.png") no-repeat left top;
    height: 16px;
}

.field, .actions {
  margin-bottom: 15px;
}

.field label {
  float: left;
  width: 130px;
  text-align: right;
  padding-right: 10px;
  margin: 5px 0px 5px 0px;
  font-family: Arial, Helvetica, sans-serif;
}

.field input {
  width: 65%;
  margin: 0px;
}

.cus-select {
	width: auto;
}

em.m {
  color: #FF0000;
}

div.bottom {
    width: 788px;
    float: left;
    background: url("public/assets/img/botcorner1.png") no-repeat left top;
    height: 17px;
    margin-bottom: 20px;
}

.field p {
	margin: 0 auto;
    width: 487px;
    display: block;
}

/** public pages */
.contaent {
	width: 990px;
	margin: 0px auto;
	padding-top: 15px;
}

.center_box {
	background: url("../img/centerbox_bg2.jpg") repeat-x scroll left top rgb(236, 236, 236);
	padding-top: 10px;
	float: left;
	border-radius: 15px 15px 15px 15px;
	width: 990px;
	padding-bottom: 0px;
}

.outer_mid {
	padding: 0 20px 10px 20px;;
	margin-top:-19px;
}

* {
	font-family: Arial,Helvetica,sans-serif;
}

.center_box h1 {
	font-size: 18px;
	color: rgb(59, 59, 59);
	font-weight: normal;
	font-family: Arial,Helvetica,sans-serif;
	margin-bottom: 0;
}

#content_page p {
	padding-top: 10px;
	text-align: justify;
	color: rgb(102, 102, 102);
}

.sum {
	padding: 10px 0px;
}

p {
	font-size: 13px;
	color: rgb(153, 153, 153);
	line-height: 18px;
	margin: 0;
}

.a_normal {
	color: blue;
	text-decoration: underline;
	font-family: Arial,Helvetica,sans-serif;
}

#content_page li {
	padding: 10px 0px 0px 10px;
}

blockquote {
    padding: 0;
    margin: 0;
    font-size: 13px;
    border-left: 0px;
}

#content_page table {
    border-spacing: 10px;
    border-collapse: separate;
}

#content_page table.table-maker_matix {
    border-spacing: 0px;
    border-collapse: separate;
}

#content_page table.table-maker_matix1 {
    border-spacing: 1px;
    border-collapse: separate;
}

#content_page table.table-maker_matix1 p strong i font span,
#content_page table.table-maker_matix1 p font
#content_page table.table-maker_matix1 tbody tr font i em span,
#content_page table.table-maker_matix1 tbody tr p font {
    font-family: Calibri;
}


.video_div {
	padding-top:10px;
	text-align:center;
}

.span_medium {
	font-size: medium;
	font-family: Arial;
}

.line_height_115 {
	line-height: 115%;
}

.font_Arial {
	font-size: 13.5pt;
	font-family: Arial;
}

.margin_bottom_point_one{
	margin-bottom: 0.0001pt;
}

.span_inherit {
	line-height: inherit;
	font-style: inherit;
	font-variant: inherit;
	font-weight: inherit;
}

.p_about_us {
	margin-right: 0in;
	tab-stops: 7.5in 9.0in;
}

.span_italic_about_us {
	mso-bidi-font-style: normal;
}

.marign_left_40 {
	margin-left: 40px;
}

.marign_left_80 {
	margin-left: 80px;
}

.display_none {
	display: none;
}

.display_block {
	display: block;
}

.span_color_51 {
	color: rgb(51, 51, 51);
}

.font_size_12 {
	font-size: 12px;
}

.product-span {
	font-size:11.0pt;
	line-height:107%;
}

.table-maker_matix1 {
	 width: 969px;
	 height: 1640px;
}

.table-maker_matix tr td .blue, .table-maker_matix1 tr td .blue {
	color: rgb(0, 0, 255);
}

.table-maker_matix tr td .red, .table-maker_matix1 tr td .red {
	color: rgb(255, 0, 0);
}

.table-maker_matix tr td .pink, .table-maker_matix1 tr td .pink {
	color: rgb(255, 0, 255);
}

.table-maker_matix tr td .black, .table-maker_matix1 tr td .black {
	color: rgb(0, 0, 0);
}

.text-align-center {
	text-align: center !important;
}

.font-larger {
	font-size:larger !important;
}

.font-smaller {
	font-size:smaller !important;
}

.cotact_email_style {
	color:#015198;
	font-family: Arial,Helvetica,sans-serif;
}

.bg_none {
	background:none;
}

#in_email, #in_password {
	color:#000000;
}

#h2_signup {
	display:block;
	background:none;
	width:106px;
	float:left;
	padding-bottom:-155px;
}

#a_signup {
	color:#88AD20;
	text-decoration:none;
	padding-bottom:-155px;
	font-family: Arial,Helvetica,sans-serif;
}
.pagination>li>a.current {
	background-color: #337ab7;
	color: #fff;
}
i.email, i.cc-month, i.cc-year, i.password  {
	display: block;
}
form.new_customer .field label {
	width: 30%;
}


li:last-child div a {
	float: right;
	margin-right: 8px;
	margin-top: -4px;
}

span.po-box {
	color: rgb(102, 102, 102);
	display: block;
}

#OrdTextAndImages {
	font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #000066;
	font-size: 100%;
	font-weight: normal;
	-moz-border-radius: 15px;
	border-radius: 15px;
}	


/* ===== RESPONSIVE FIXES ===== */


/* header stacking */
@media (max-width: 900px) {

 
    /* content columns */
    .cus-container {
        width:100%;
        display:block;
    }

    div.leftpanel,
    div.leftpanel div.link {
        width:100%;
        float:none;
    }


    div.rightpanel {
        width:100%;
        float:none;
        padding:10px;
    }


    .mid-content,
    .acc,
    .acc-content {
        width:100%;
    }


    .baner_part,
    .contaent,
    .center_box {
        width:100%;
    }


}

/* ==================================================
   RESPONSIVE OVERRIDES - DO NOT EDIT ABOVE THIS LINE
   ================================================== */


/* tablet and smaller */
@media (max-width:1024px) {

    /* main content */
    .cus-container {
        width:100%;
        display:block;
    }


    div.leftpanel,
    div.leftpanel div.link {
        float:none;
        width:100%;
    }


    div.rightpanel {
        float:none;
        width:100%;
        padding-left:0;
    }


    .mid-content,
    .acc,
    .acc-content {
        width:100%;
    }

}



/* phones */
@media(max-width:768px) {

    .contaent,
    .center_box,
    .baner_part {
        width:100%;
    }

}