/*****  Index *******/
html{overflow-y:scroll;background:#fff}
html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}
body{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    background:0 0;
    height: calc(100% - 33px);}

/* login 
h9 {font-size:14px; font-weight: normal; font-style: normal; margin: none; text-align: center;} /* Color and shadow defined by ApplyTitleColor */
h2 {font-size:20px; font-weight: bold; font-style: normal; margin-top: 5px; margin-bottom: 5px;} /* Color and shadow defined by ApplyTitleColor */

@viewport {
  width: device-width ;
  zoom: 1.0 ;
}

#noPrint, .noPrint{
	 display:none;
}


#title h9 
{
    FONT: 16px Lucida Calligraphy, Geneva, sans-serif;
    font-weight: bold;
    COLOR: #FACC2E;
    text-shadow: 1px 1px #183B55;
    margin-top: 10px;
}	

.login_border {
	width:580px; 
    border-width:5px;	
    border-style:outset;
    border-color: #69b;	
    margin: 20px;
}

.login_table {
	width:100%; 
	text-align: center;
}

.loginheader {
	height:40px;
	text-align:center;
	vertical-align: middle;	
	font-weight: bold;
	font-size:16px;
	font-style: normal; 
	background-color: #0E749D;
	color: #FFF;	
}

.loginrow1 {
	margin:0px;
	height:30px;
	text-align:right;
	vertical-align: middle;	
	font-weight: bold;
	padding-right:20px;
	background-color: #245E8B;
	color: #EEE;	
}

.loginrow2 {
	text-align:left;
	vertical-align: middle;	
	padding-left:20px;
	background-color: #245E8B;
}

/* footer */

body > footer {
    background-color: #fff;
    clear: left;
}
body > footer > div {
    height: 4px;
    width:100%;
    text-align: center;
    font-size: small;
    border-top: 2px solid #69b;      
    bottom:0; 
}

/****  create account  ****/

@font-face {
  font-family: 'Titillium Web';
  src: local('Titillium WebThin'), local('TitilliumWeb-Thin'), url(https://fonts.gstatic.com/s/titilliumweb/v4/anMUvcNT0H1YN4FII8wpr8iECVzy6_x5mCR1UJr_CgI.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

.header {
    height: 110px;
    width: 100%;
    border-bottom:8px solid #e6edf2;
    overflow:hidden;    
     

background:#FFFFFF;
background-size: 100%;
background-position: 0% 0%; 
    
    
}    

#header-left {
    float: left;
}

.logo {
    padding-left: 50px;    
    margin-top: 20px;
    width: 100%;
    height: auto;    
}


#header-right {
    overflow:hidden;
    float: right;
	padding-top: 25px;

}

.header-right-div {
    float: left; /* Commenting this out results in another weird result*/
    display: inline-block;
    margin-right:20px;
    vertical-align: middle;
}  

.btn{
    padding:14px 14px 12px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border:3 !important;
    -moz-border-bottom-colors: #f0f0f0 #a0a0a0 #505050 #000000;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
    height: 50px;
    width: 200px;
    font-family:'Titillium Web',sans-serif;
    font-weight:900;
    font-size:16px;
    font-style: normal;
    text-decoration:none;
    text-align:center;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.red, .btn.red{background:#cc1c22;color:#fff;display:block;}
.red:hover, .btn.red:hover{background:#a0161b}
.blue, .btn.blue{background:#cadeea;color:#13668c;display:block;}
.blue:hover, .btn.blue:hover{background:#a5c7dc}
.green, .btn.green{background:#9aff9a;color:#138c66;display:block;}
.green:hover, .btn.green:hover{background:#90ee90}   
   

.main{
    overflow:hidden;
    vertical-align:middle;
}  

.top-container {
    margin: none;
    border-bottom:8px solid #e6edf2;    
    padding: 0px 0px 15px;
    
} 
 

.middle-container {
    background:#0E749D;
    width:100%
    margin: 0px;    
    vertical-align:middle;
    text-align: center;
    border-bottom:8px solid #e6edf2;    
}

.middle-container .inner{
    width:90%; 
    min-height:400px;
    display: inline-block;
    overflow:hidden;
    vertical-align:middle;
    position: relative;
    border: 0px solid purple;
}

.middle-container .text{
    float:left;
    width:60%;
    color:moccasin;
    padding-top:30px;
    font-size:22px;
    line-height:30px; 
    vertical-align:middle;
    text-align: left;
    word-wrap: normal;
    border: 0px solid black;
    background:url(../images/price_tag.png) no-repeat; 
    background-size: 190px;
    background-position: right top 20px;
}

.middle-container .image{
    
    float:right;
    vertical-align:middle;
    width:418px;
    height:278px;
    padding-top:130px;
    background:url(../images/teachersstudentwork.jpg) no-repeat; 
    background-position: center center; 
    overflow:hidden;
    border: 0px solid red;
} 

.middle-container .text h1{color:#fff;font:34px/40px Lucida Calligraphy, Geneva, sans-serif;margin:0 0 0px;min-height:0;padding:20px 0px 0px;text-shadow: 2px 2px #000 !important;}
.middle-container .text ul{list-style:square;padding:0 0 0 28px}
.middle-container .text li{padding:0 0 10px}

.bottom-container{
    background:#FFFFFF;
    width:100%
    margin: 0px;    
    vertical-align:top;
    text-align: center;
  /*  border-bottom:8px solid #e6edf2; */
    border-bottom:1px dotted #e6edf2;
    border-top:1px solid #e6edf2;        
}

.bottom-container .title{
    font-family:'Titillium Web',sans-serif;
    font-weight:400;
    color:#2f6284;
    font-size:38px;
    line-height:40px;
    margin:1em 0 .1em
    padding-bottom: 20px;
}

.cons-title{
    color:#9d2049;
    font-family:'Titillium Web',sans-serif;
    font-weight:400;
    line-height:1em;

}


/**** Form Section ****/

#form_container
{
	background:#f0f0f0;
	border:1px solid #ccc;
	margin:0 auto;
	text-align:left;
	width:640px;
}

#form_top
{
	display:block;
	height:10px;
	margin:10px auto 0;
	width:650px;
}

#form_bottom
{
	display:block;
	height:10px;
	margin:0 auto;
	width:650px;
}

#form_container .appnitro
{
	background:#f0f0f0;
	margin:10px 20px 0;
	padding:0 0 10px;
	font-family:Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
	font-size:small;
}

#form_container h1
{
	font-size:x-large;
	font-weight:700;
	color:#fff;
	background-color:#0E749D;
	margin:0;
	min-height:0;
	padding:0;
	text-decoration:none;
	display:block;
	height:100%;
	min-height:40px;
	overflow:hidden;
	vertical-align:middle;
	text-indent:20px;
}

#form_container .appnitro  li
{
	width:65%;
}

#form_container ul
{
	font-size:100%;
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
}

#form_container li
{
	display:block;
	margin:0;
	padding:4px 5px 2px 9px;
	position:relative;
}

#form_container li::after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}


#form_container li
{
	height:1%;
}

#form_container li div
{
	display:inline-block;
}

#form_container li div
{
	color:#444;
	margin:0 4px 0 0;
	padding:0 0 8px;
	width:100%;
}

#form_container li span
{
	color:#444;
	float:left;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

#form_container li div.left
{
	display:inline;
	float:left;
	width:48%;
}

#form_container li div.right
{
	display:inline;
	float:right;
	width:48%;
}

#form_container li div.left .medium
{

	width:100%;
}

#form_container li div.right .medium
{
	width:100%;
}

.clear
{
	clear:both;
}


#form_container li div label
{
	clear:both;
	color:#22f;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}

#form_container label.description
{
	border:none;
	color:#22f;
	display:block;
	font-size:95%;
	font-weight:700;
	line-height:150%;
	padding:0 0 1px;
}


#form_container input.text
{
	background:#fff url(../images/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:black;
	font-size:100%;
	margin:0;
	padding:2px 0;
}

#form_container input.small
{
	width:25%;
	background:#fff;
	color:black;
}

#form_container select.small
{
	width:25%;
	background:#fff;
	color:black;
}

#form_container input.medium
{
	width:50%;
	background:#fff;
	color:black;
	
}

#form_container select.medium
{
	width:50%;
	background:#fff;
	color:black;
}

#form_container input.large
{
	width:99%;
	background:#fff;
	color:black;
}

#form_container select.large
{
	width:100%;
	background:#fff;
	color:black;
}

#form_container textarea.textarea
{
	background:#fff url(../images/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	color:black;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	margin:0;
	width:99%;
}

#form_container textarea.small
{
	height:5.5em;
}

#form_container textarea.medium
{
	height:10em;
}

#form_container textarea.large
{
	height:20em;
}

#form_container .guidelines
{
	background:#f5f5f5;
	border:1px solid #e6e6e6;
	color:#444;
	font-size:80%;
	left:100%;
	line-height:130%;
	margin:0 0 0 8px;
	padding:8px 10px 9px;
	position:absolute;
	top:0;
	visibility:hidden;
	width:42%;
	z-index:1000;
}

#form_container .guidelines small
{
	font-size:105%;
}

#form_container li.highlighted .guidelines
{
	visibility:visible;
}

#form_container li:hover .guidelines
{
	visibility:visible;
}

.no_guidelines .guidelines
{
	display:none !important;
}

.no_guidelines #form_container li
{
	width:97%;
}

.no_guidelines li.section
{
	padding-left:9px;
}




#form_container select.select
{
	color:#333;
	font-size:100%;
	margin:1px 0;
	padding:1px 0 0;
	background:#fff url(../images/shadow.gif) repeat-x top;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
}

#form_container select.select[class]
{
	margin:0;
	padding:1px 0;
}


/* captcha */
#form_container label.formFieldQuestion
{
	line-height:125%;
	padding:0 4px 1px 0;
	border:none;	
	display:block;
	font-size:95%;
	font-weight:bold;
}



/* tooltip */
a.info {
	font-family: Tahoma, Arial, Sans-Serif;
	text-decoration:none; 
	position: relative;
}

a.info span {
	position: relative;
	display:none;
}

a.info:hover {
	position: relative;
	cursor:default;
}

a.info:hover .infobox {
	font-weight: normal; 
	display:block; 
	position:absolute; 
	top:20px;;
	left:25px;
	width:205px; 
	height:70px; 
	border: 1px solid #ccc; 
	background:#fffff4; 
	color:#000; 
	text-align:left; 
	font-size:0.9em; 
	padding-left:10px; 
	padding-top:10px;
}




#message_box{
	background:#fff;
	margin-bottom:1em;
	padding:1px;
	text-align:center;
	width:99%;
	font-weight: bold;	
	font-size:100%;
}

.form_error{
	border:1px dotted red;
	color:red
}

.form_success 
{
	border:1px dotted green;
	color:green;
}



@media all and (max-width:767px){.banner-new .text p{font-size:22px;line-height:32px}}

.why-mtc .inner{margin:0 auto;}
.why-mtc .wrapper{display:table;table-layout:fixed;width:100%}
.why-mtc .wrapper>div{display:table-cell;vertical-align:middle}

.why-mtc .image img{display:block;float:right;width: 90%;padding: 0 20px 0 0;}
.why-mtc .text{padding-top:10px;width:80%;margin: 0 20px 0 20px;}
.why-mtc .head{color:Red;font-size:22px;text-shadow: 1px 1px #ccc;}
.why-mtc ul {color:DarkSlateGray; list-style: none;font:18px 'Titillium Web',sans-serif;text-align:center;overflow:hidden;line-height:42px;}
.why-mtc ul li:before {
	line-height:42px;
    display: inline-block;
    padding: 10px 10px 0px 0;
    margin-bottom:-10px;
    height: 20px;
    width: 20px;
	content: '';
    background-image: url(../images/check.png);
    background-repeat: no-repeat;	
}

.noads {
    vertical-align:middle;
    height: 25px;
    width: 25px;	
}

.flipped .image img{float:left;width: 90%;padding: 0 0 0 20px;}
.flipped .text{padding-top:10px;width:80%;}

hr.style-two {
    border: 0;
    height: 4px;
    width: 90%;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(197, 213, 224, 1), rgba(0, 0, 0, 0));
    margin: 20px 0 30px 0;
}

/*
padding: 25px 50px 75px 100px;
top padding is 25px
right padding is 50px
bottom padding is 75px
left padding is 100px


padding: 25px 50px 75px;
top padding is 25px
right and left paddings are 50px
bottom padding is 75px
*/