@charset "utf-8";
/* CSS Document */

html, body, #container {
	height:100%;
	}

body > #container { 
	height: auto; 
	min-height: 100%;

	}

body{
	margin:0px auto;
	padding:0px;
	font-size:12px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	background-color:#FFF;
	text-align:center;
		}
		
body a{
	color:#0088cc;
}

.center {
    
    margin: 0;
    position:absolute;
    top:50%;
    left:50%;
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}

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

#container #wabutton {
        position:fixed;
        width:60px;
        height:60px;
        bottom:40px;
        right:40px;
        background-color:#25d366;
        border-radius:50%;
        display:grid;
        place-items:center;
        z-index:1;
        box-shadow: 2px 2px 3px #999;
        animation: fadeIn 2s forwards;
        animation-delay: 2s;
        opacity:0;
    }
    
    
#container #wabutton a img {
       width:38px;
       margin:4px 0px 0px 2px;
    }
    
    @keyframes fadeIn {
        from {opacity:0;}
        to {opacity:1;}
    }



/*----------------------------Fonts headers, Fonts classes---------------------------------- */

h1 {
/*	font: 26px "Lucida Grande", Gadget, Arial, Helvetica, sans-serif;*/
    font: 26px Arial, Helvetica, Verdana, sans-serif;
	color: #0088CC;
	margin: auto;
    text-align: center;
}

h2 {
/*	font-size: 20px;
	font-family: "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	color: #3f7ab1; */
	font: 22px Arial, Helvetica, Verdana, sans-serif; 
	color: #0088cc;
	text-align: center;
}

h3 {
	font: 14px "Lucida Grande", Gadget, Arial, Helvetica, sans-serif;
	color: #1e1e1e;
	}
	
h4 {
	font-size: 20px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #56abd6;
	margin: 10px 0px;
	font-weight:normal !important;
	}

.contentpara{
	/*font: 16px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; */
	font: 16px Arial, Helvetica, Verdana, sans-serif;
	color: #101010;
	line-height: 180%;
	font-weight:500;
	padding:0 5px;
	}
	
.contentpara ul li{
/*	font: 14px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; */
	font: 14px Arial, Helvetica, Verdana, sans-serif;
	color: #101010;
	line-height: 180%;
	font-weight:500;
	}
	
	ol > li::marker{
	    font-weight:bold;
	}
	
.marketpoints{
    font: 16px Arial, Helvetica, Verdana, sans-serif;
	color: #353535;
	line-height: 1.4;
	font-weight:500;
	letter-spacing:0.03em; 
	text-align:center;
	display:block;
}

.marketpoints span{
    color:#0088CC; 
    font-size:18px;
    display:block;
    margin:0px 0px 10px 0px;
}

.marketpoints-mobile{
    font: 16px Arial, Helvetica, Verdana, sans-serif;
	color: #353535;
	line-height: 1.4;
	font-weight:500;
	letter-spacing:0.03em; 
	text-align:left;
}

.marketpoints-mobile span{
    color:#0088CC; 
    font-size:18px;
}
	
.terms{

	font: 14px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; 
	color: #090909;
	line-height: 180%;
	font-weight:500;
	list-style:circle;
	}
	
.questionpara{
	font: 14px Arial, Helvetica, Verdana, sans-serif;
	color: #0088cc;
	line-height: 180%;
	margin-bottom:0px;
	}

.answerpara{
	font: 14px Arial, Helvetica, Verdana, sans-serif;
	color: #090909;
	line-height: 180%;
	margin-left: 20px;
	margin-top:0px;
	}
	
.col-headermain{
	background-color:#f1f1f1;
	border-bottom:1px solid #d9d9d9;
	padding:8px 2px;
	margin:0px 0px 15px 0px;
	font-size:18px;
/*	font-weight:600; */
	text-align:center;
	letter-spacing:0.04em; 
	font-family: Arial, Helvetica, Verdana, sans-serif;
}	

.col-header1 {
    height:auto;
    width:100%;
	padding:6px 2px;
	background-color:#eee;
	display:inline-block;
	border:1px solid white;
	border-bottom:1px solid #ccc;
	text-align:center;
}

.handcursor{
	cursor:pointer;
}

.loginfont{
	font: 14px "Times New Roman", Arial, "Lucida Grande", "Lucida Sans Unicode", Helvetica,  Verdana, sans-serif; 
	color: #0088CC;
	margin:0px;
	}

/*---------------------End of Fonts headers, Fonts classes------------------------------- */

/*-----------------    Container, Header Top, Mobile Device Container/Header------------------------------------*/


#container{
	margin:0px auto;
	padding:0px;
	width:980px;
	text-align:left;
		}

#header-top{
    position:relative;
	}
    
 /*   
#m-header-top{
	margin:0px;
	padding:0px;
	background-image:url('indeximages/m_logo2.png');
	background-repeat:no-repeat;
	background-position:center;
	}

#menucontainer{margin:0;padding:0; width: 100%; height: 32px; background-image:url('indeximages/navbar.png'); background-size:cover;background-position:center;}

#menucontainer ul{ margin:0px; padding:0; list-style:none; height: 160px;}
#menucontainer li{
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
    *display: inline;
    _height: 25px;
}


#menucontainer a{
	height:32px; 
	display:block;
	font: 15px "SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
	color: #e9e9e9;
	line-height:2;
	text-decoration: none;
	text-align:center;
}



.menulist1{left:0px; width:191px;}
.menulist1{ border-right: 1px solid #fff;}
#menucontainer .menulist1 a:hover{color:#ffffff;}

.menulist2{left:0px; width:192px;}
.menulist2{ border-right:0px;}
#menucontainer .menulist2 a:hover{color:#ffffff;}
*/
.m-menucontainer{
  
    margin:0px !important;
    padding:0px !important;
/*    background-image:url('indeximages/m_navbar3.png');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
   
    border-radius:6px; */
    display:flex;
    position:sticky;
    top:0;
    z-index:1;
 /*   box-shadow:0 10px 30px rgba(0,0,0,0.3);*/
}

.m-menucontainer li {
    background-color:#494949;
    list-style:none;
    text-align:center;
    width:20%;
    display:block;
    border-right: 1px solid rgba(0,0,0,0.3);
}

.m-menucontainer li:last-child {
    border-right:none; 
}

.m-menucontainer li a{
    text-decoration:none;
    padding: 8px 0 5px 0;
    display:block;
    color:#e8e8e8;
    font: 10px Tahoma, Verdana, Arial, Helvetica, Verdana, sans-serif;
    letter-spacing:0.07em;
}

.m-menucontainer .m-selected{
   background-color:#e8e8e8;
}

.m-menucontainer .m-selected a{
   color:#464646;
}

.m-menucontainer li a:hover{
    color:#fff;
}

#m-sub-menu{
    text-align:left;
    font-size:15px;
    position:absolute;
    display:none;
    z-index:11;
    right:8px;
    background-color:#fff;
    border-radius:10px;
    border:1px solid #888888;
}

#l-sub-menu{
    text-align:left;
    font-size:15px;
    margin-top:6px;
    position:absolute;
    display:none;
    z-index:11;
    left:8px;
    background-color:#fff;
    border-radius:10px;
    border:1px solid #888888;
}

#m-sub-menu ul, #l-sub-menu ul{
    /*margin and padding need set to 0 to overwrite agent style*/
    margin:0;
    padding:0;
}

#m-sub-menu ul li{
    padding-left:10px;
    line-height:30px;
    list-style-type:none;
    border-bottom:1px solid rgba(200,200,200,0.3);
}

#l-sub-menu ul li{
    padding:0 14px;
    line-height:30px;
    list-style-type:none;
}

#m-sub-menu ul .m-sub-menu-header{
    padding-left:6px;
    padding-right:10px;
    background-color:#575757;
    color:#fff;
}

#m-sub-menu ul a, #l-sub-menu ul a{
    text-decoration:none;
    line-height:35px;
    color:#000;
}

#m-sub-menu ul a li, #l-sub-menu ul a li{
    line-height:38px;
}


#header-top #login{	
    position:absolute;
    right:6px;
    bottom: 8px;
    width:fit-content;
	}

#header-top #login p a{
	color:#797d7e;
	}
	
#header-top #login p a:hover{
	text-decoration:none;
	}	
	/*
#m-header-top #login{	
	margin:15px 10px 0px 0px;
	padding:0px;
	float:right;
	}

#m-header-top #login p a{
	color:#797d7e;
	}
	
#m-header-top #login p a:hover{
	text-decoration:none;
	}
	*/
/*---------------------  End of Container, Header Top  ------------------------------------*/

/*---------------------       Header-Bottom-Big        ------------------------------------*/


#header-bottom-big {
	height:400px;
	background-position:right;
	background-repeat:no-repeat;
	background-image:url("indeximages/goodtutors_landing_page_image2.png");
	background-size:contain;
	border-bottom:1px solid #ececec; 
	box-shadow:10px 5px 20px #f6f6f6 inset;
	}
	
#m-header-bottom-big {
	height:200px;
    background-position:left;
	background-repeat:no-repeat;
	background-image:url("indeximages/goodtutors_new_landing_page_image.jpg");
	background-size:contain;
	}


#navlist-big{margin:0;padding:0; float: right; width: 325px; height: 232px; clear: both;}
#navlist-big ul{margin:0;padding:0;list-style:none;}
#navlist-big li{
	height:57px; 
	display:block; 
}

#navlist-big a{
	height:57px; 
	display:block; 
	font: 20px Georgia, 'Times New Roman', Times, serif;
	color: #080808;
	text-decoration: none;
	text-indent:65px;
	text-align:left;
	line-height:55px
}

#navlist-big li{
	left:0px; 
	width:100%;
	border-bottom: 1px solid #999;
	background-image:url('indeximages/main_nav_buttons_round2_witharrow.png');
	}

#navlist-big li a:hover{
	background-color: #ffffff;
	}

/*---------------------   End of Header-Bottom-Big   ------------------------------------*/


/*---------------------     Header-Bottom-Medium      ------------------------------------*/

#header-bottom-medium{
	height:240px;
	background-position:left;
	background-repeat:no-repeat;
	}


#navlist-medium{margin:0;padding:0; float: right; width: 309px; clear: both;}
#navlist-medium ul{margin:0;padding:0;list-style:none;}
#navlist-medium li{
	height:59px; 
	display:block; 
}

#navlist-medium a{
	height:59px; 
	display:block; 
	font: 20px Georgia, 'Times New Roman', Times, serif;
	color: #080808;
	text-decoration: none;
	text-indent:40px;
	text-align:left;
	line-height:57px;
}

#navlist-medium li{
	left:0px; 
	width:100%;
	border-bottom: 1px solid #999;
	background-image:url('indeximages/sub_nav_buttons_round309px.png');
	}

#navlist-medium li a:hover{
	background-color: #ffffff;
	}

/*---------------------   End of Header-Bottom-Medium   ------------------------------------*/

/*---------------------     Header-Bottom-Small      ------------------------------------*/

#header-bottom-small{
	height:240px;
	background-position:left;
	background-repeat:no-repeat;
	}


#navlist-small{margin:0;padding:0; float: right; width: 257px; clear: both;}
#navlist-small ul{margin:0;padding:0;list-style:none;}
#navlist-small li{
	height:59px; 
	display:block; 
}

#navlist-small a{
	height:59px; 
	display:block; 
	font: 20px Georgia, 'Times New Roman', Times, serif;
	color: #080808;
	text-decoration: none;
	text-indent:35px;
	text-align:left;
	line-height:57px;
}

#navlist-small li{
	left:0px; 
	width:100%;
	border-bottom: 1px solid #999;
	background-image:url('indeximages/sub_nav_buttons_round59px.png');
	}

#navlist-small li a:hover{
	background-color: #ffffff;
	}

/*---------------------   End of Header-Bottom-Small   ------------------------------------*/

/*---------------------   Browser Button Block     ------------------------------------*/
#browselist{padding:0; height: 160px; clear:both; width: 100%;}
#browselist ul{margin:0;padding:0;list-style:none; height: 160px;}
#browselist li{
	height:140px;
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
    *display: inline;
    _height: 140px;
}

#browselist a{
	height:140px; 
	display: -moz-inline-stack;
	display:inline-block;
	font: 20px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #333333;
	zoom: 1;
    *display: inline;
    _height: 140px;
}


#browselist_bottom{padding:0; height: 160px; clear:both; width: 100%;}
#browselist_bottom ul{margin:0;padding:0;list-style:none; height: 160px;}
#browselist_bottom li{
	height:140px;
	display: -moz-inline-stack;
	display:inline-block;
	zoom: 1;
    *display: inline;
    _height: 140px;
}

#browselist_bottom a{
	height:140px; 
	display: -moz-inline-stack;
	display:inline-block;
	font: 20px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	color: #333333;
	zoom: 1;
    *display: inline;
    _height: 140px;
}


.listbrowse{
	background-image:url('indeximages/browselist_backgrd3.png');
	width:220px;
}


.listbrowse a:hover{ background-color:#fff;}

.roundborder{
border:1px solid #c1c1c1;
width:220px;
height: 140px;
padding: 3px;
border-radius:5px;
display: -moz-inline-stack;
display:inline-block;
-moz-border-radius:5px; /* Firefox 3.6 and earlier */
box-shadow: 0px 5px 10px #c1c1c1; 
zoom: 1;
*display: inline;
_height: 140px;
margin-left:5px;
	}

/*--------------------- End of Browser Button Block     ------------------------------------*/

/*-------------    Main Page Content, General Page Content    ------------------------------*/

#content{
	padding: 10px 10px 55px 10px;
	}
	
#content2{
	padding: 10px 10px 55px 10px;
	}
	
#contenttemp{
	padding: 10px 10px;
	padding-bottom:55px;
	}

#sidebarleft{
	float:left;
	width:530px;
	height:100%;
/*	border-top: 1px solid #dae2e2; */
	margin: 0;
	padding: 0px 5px;
	}

#sidebarleft h2, #sidebarleft .contentpara {
    text-align:center;
}
	
#sidebarright{
	float:right;
	width:390px;
	height:100%;
/*	border-top: 1px solid #dae2e2; */
	padding: 0px 5px 10px 5px;
	margin: 0;
}

#content #logincorner2 a:hover{
	text-decoration:none;
}

.center-button{
    display:block;
    margin:15px auto;
    text-align:center;
    background-color: #0088cc;
    border: none;
    border-radius: 28px;
    color: white;
    padding: 8px 70px 8px 70px;
    font-size: 16px;
    cursor: pointer;
    letter-spacing: 0.1em;
    -webkit-appearance:none;
   /* font-family: Tahoma, Verdana, sans-serif;*/
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

.header-button{
    text-decoration:none;
    display:inline-block;
    margin:20px 5px;
    text-align:center;
    background-color: #0088cc;
    border: none;
    border-radius: 24px;
    color: white;
 /*   padding: 6px 24px 8px 24px; */
    padding: 7px 20px 9px 20px;
    font-size: 14px;
    cursor: pointer;
    letter-spacing: 0.08em;
    -webkit-appearance:none;
    font-family: Tahoma, Verdana, sans-serif;
  /*  font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; */
}

.landing-button{
    width:100%;
    text-decoration:none;
    display:block;
    margin:15px 5px;
    text-align:center;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px;
    font-size: 16px;
    cursor: pointer;
    letter-spacing: 0.04em;
    color:#000;
    white-space:nowrap;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    box-shadow:0px 5px 10px #c1c1c1;
  /*  font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; */
}



.landing-button img {
    width:100%; 
    border-radius:8px; 
    margin: 10px 0 4px 0;
}

.landing-button span {
    font-size:14px;
    color:#888;
}

.dropbtn {
    background-color:#fff;
    color: #666;
    cursor:pointer;
    border:none;
}

.dropdown {
    position:relative;
    display:inline-block;
}

.dropdown-content {
    
    display:none;
    position:absolute;
    right:2px;
    background-color:#f9f9f9;
    min-width:160px;
    box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index:2;
    letter-spacing: 1px;
}

.dropdown-content a {
    color:#666;
    padding:10px 6px 10px 16px;
    text-decoration:none;
    display:block;
    border-bottom:1px solid #e9e9e9;
}

.dropdown-content p {
    color:#fff;
    background-color:#626262;
    padding:6px 10px;
    margin:0;
    text-decoration:none;
    display:block;
}

.dropdown-content a:hover {
    background-color:#f1f1f1;
}

.dropdown:hover .dropdown-content {
    display:block;
}

.header-button-sml, .applyclass{
    border: 1px solid #0088cc;
    display:inline-block;
    margin:2px;
    text-align:center;
    background-color: #0088cc;
    border-radius: 16px;
    color: white;
    padding: 6px 10px;
    font-size: 13px;
    cursor: pointer;
    letter-spacing: 0.1em;
    -webkit-appearance:none;
    font-family: Arial, Helvetica, Verdana, sans-serif;
  /*  font-family:"SF Pro Text","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif; */
}

.center-flex, .landing-center-flex, .m-landing-center-flex {
	display: flex;
	align-items: center;
	justify-content: center;
}

.m-landing-center-flex {
 display:none;   
}

.textlimit{
    text-align: right;
    width: 96%;
    font-size:16px;
    color:#666;
    padding:6px;
}

/*--------------End of Main Page Content, General Page Content ---------------------------*/

/*--------Sign in Page--------------*/
#sign-in-box {
    width:70%;
    border:1px solid #d8d8d8;
    padding:25px 35px; 
    border-radius:6px;
    margin:25px auto;
}

/*--------End of Sign in Page--------------*/

/*----------------------  Music,Find Tutors Forms Block        ---------------------------*/

#findtutorsform, #musictutorsform{
    margin:auto;
    width:80%;
	height:100%;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:14px;
	
	}
	
.fttable table, .ft-subj-table table{
    margin:auto;
    width:100%;
    padding: 6px 0;
}



.fttable table tr td{
    width: 50%;
    line-height: 1.8;
    font-size: 16px;
    vertical-align: top;
}

.ft-subj-table table tr td{
    width: 33%;
    line-height: 1.8;
    font-size: 16px;
    vertical-align: top;
}

.ft-mobile-to-hide-table, .mt-mobile-to-hide-table{
    width:100%;
    padding: 10px 0;
}

.ft-mobile-to-hide-table tr td, .mt-mobile-to-hide-table tr td {
    line-height:1.6;
}
	
#findtutorsubj{
	clear:both; 
	height:250px; 
	background-color:#F5F5F5;
	width:660px;
}

.shortlisted_tutors_chkout{
	width:280px; 
	height:250px; 
	float:right; 
	margin-right:30px;
	background-image:url('indeximages/shortlisted-tutors.png');
	font-size:13px;
	line-height:19px;
	color:#303030;
}

.shortlisted_tutors_request{
    margin: 0 auto 10px auto;
    width: 80%;
}

.shortlisted_tutors_request div{
    padding: 12px 8px 8px 8px;
    border:1px solid #606060;
    color: #383838;
    letter-spacing: 0.04em;
    font: 14px/22px Arial, Helvetica, Verdana, sans-serif;
}
	
/*----------------------   End of  Music,Find Tutors Forms Block ---------------------------*/

/*----------------------   Tutors Registration Form Block        ---------------------------*/

#rtcontent, #rscontent{
	width:100%;
	/*font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-family:"Calibri","Arial",Trebuchet,Verdana,Helv;*/
	font-size:14px;
	padding-bottom:55px;
}

.contentpara {
    margin:auto;
    text-align:center;
}

.contentpara-profile-update{
    margin: 10px 0px 20px 30px; 
    width:500px; 
    font-size:18px; 
    float:left;
}

#rtformbody, #rsformbody{
	width:100%;
	height:100%;
	border-bottom: 1px solid #c5c5c5;
	margin: 15px 0;
	padding: 15px 10px;
}

#rtcontent #logincorner a:hover{
	text-decoration:none;
}

.table-cell-width-150{
    width:150px;
    line-height: 1.8;
    vertical-align: top;
}

.table-cell-width-170{
    width:170px;
    line-height: 1.8;
    vertical-align: top;
}

.table-cell-width-190{
    width:190px;
    line-height: 1.8;
    vertical-align: top;
}

#rt_ib table tr td{
    width:200px;
}

.table-cell-width-155{
    width:155px;
}

.page_experience, .page_contact, .page_education, .area-east, .area-north, .area-northeast, .area-northwest, .area-south, .area-west, #rt_oeducation_section, .subj-lowersec, .subj-uppersec, .subj-jc, .subj-ib, .subj-preschool, .subj-music, #mt_tutorpref_section, .profile-area, .profile-education, .profile-experience{
	display: none;
}

.page_login, .page_contact, .page_education, .page_experience {
    margin: auto;
    width: 80%;
}

#uploadFile_div, #uploadFile_div_certhsch, #uploadFile_div_certosch {
    margin: 10px 0;
    padding: 10px 5px;
    border: 1px solid #a1a1a1;
    border-radius: 6px;
    display: block;
    width:fit-content;
}


#rtformbody label, #findtutorsform label, #frmcontactus label, #frmmusictutors label, #tutorlogin label, #tutorpasswordassist label, #studentpasswordassist label, #tutorverifyotp label, #tutornewpassword label, #updatepassword label, #studentupdatepassword label, #pwCaptcha label, #rsformbody label, #studentverifyotp label, #studentnewpassword label, #studentlogin label {
    
    font-size:16px;
 /*   letter-spacing:0.06em;
	font-family: Tahoma, "Lato", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; */
	font-family: Arial, Helvetica, Verdana, sans-serif;
	cursor: pointer;
}
#rtformbody input[type=email], #rtformbody input[type=text], #rtformbody input[type=password], #rtformbody input[type=tel], #findtutorsform input[type=email], #findtutorsform input[type=text], #findtutorsform input[type=password], #findtutorsform input[type=tel], #frmcontactus input[type=email], #frmcontactus input[type=text], #frmcontactus input[type=password], #frmcontactus input[type=tel], #frmmusictutors input[type=email], #frmmusictutors input[type=text], #frmmusictutors input[type=password], #frmmusictutors input[type=tel], #tutorlogin input[type=text], #tutorlogin input[type=password], #tutorpasswordassist input[type=text], #tutorverifyotp input[type=text], #tutornewpassword input[type=password], #tutornewpassword input[type=text], #updatepassword input[type=password], #updatepassword input[type=text], #studentupdatepassword input[type=password], #studentupdatepassword input[type=text], #pwCaptcha input[type=text], #rsformbody input[type=email], #rsformbody input[type=text], #rsformbody input[type=password], #rsformbody input[type=tel], #studentpasswordassist input[type=text], #studentverifyotp input[type=text], #studentnewpassword input[type=password], #studentnewpassword input[type=text], #studentlogin input[type=text], #studentlogin input[type=password]{
    
    width:100%;
    height:40px;
    margin: 8px 0;
    padding: 0 6px;
    box-sizing:border-box;
    font-size: 16px;
    border-radius: 6px;
    border: 1px solid #a1a1a1;
}

#tutsubjectcontainer input[type=text] {
    width:96%;
}


#rtformbody select, #findtutorsform select, #frmcontactus select, #frmmusictutors select, #rsformbody select {
    
    width:100%;
    height:40px;
    margin: 8px 0;
    padding: 0 6px;
    font-size: 16px;
    border-radius: 6px;
    border: 1px solid #a1a1a1;
    color: #333;
    line-height: 1.3;
    font-weight:400;
    /*
    font-family: Tahoma, "Lato", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;  */
    font-family: Arial, Helvetica, Verdana, sans-serif;
   letter-spacing:0.06em; 
   background-color:#fff;
}

#rtformbody input[type=email]:focus, #rtformbody input[type=text]:focus, #rtformbody input[type=password]:focus, #rtformbody input[type=tel]:focus, #rtformbody input[type=radio]:focus, #rtformbody select:focus {
    
    outline: none !important;
    border: 1px solid #1199dd;
    border-radius: 6px;
    box-shadow: 0 0 5px #0088CC;
}

#container input[type=email]:focus, #container input[type=text]:focus, #container input[type=password]:focus, #container input[type=tel]:focus, #container input[type=button]:focus, #container input[type=checkbox]:focus, #container input[type=submit]:focus, #container input[type=radio]:focus, #container select:focus, #container textarea:focus, #container button:focus, #container a:focus{
    
    outline: none !important;
    border: 1px solid #1199dd;
    box-shadow: 0 0 5px #0088CC;
}

#menucontainer ul a:focus {
    outline: none !important;
    border: 1px solid #606060;
    box-shadow: 0 0 5px #606060;
}

.m-menucontainer li a:link, .m-menucontainer li a:active{
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}

#header-top a:focus{
  outline: none !important;
    border: 0px solid #ffffff;
    box-shadow: 0 0 0px #ffffff;  
}


.tablestyle {
    display:flex;
    padding: 5px 0;
    width:100%;
}

.table-style-item {
    flex-grow:1;
    flex-basis:0;
}

#rtformbody .page_education .tablestyle .table-style-item input[type=text], #rtformbody .profile-education .tablestyle .table-style-item input[type=text] {
    width:98%; 
    padding:0 0 0 6px; 
    margin:0;
}

.rt_next_buttons, .rs_next_buttons{
    background-color: #606060;
    border: none;
    border-radius: 6px;
    color: white;
    padding: 7px 24px 7px 24px;
    text-align:center;
    font-size: 16px;
    cursor: pointer;
    margin: 16px 4px 2px 2px;
    letter-spacing: 2px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

.submit-btn {
    background-color: #0088cc;
    border: none;
    border-radius: 28px;
    color: white;
    padding: 10px 48px;
    text-align:center;
    font-size: 16px;
    cursor: pointer;
    margin: 16px 4px 2px 2px;
    letter-spacing: 0.1em;
    -webkit-appearance:none;
  /*  font-family: Tahoma, Verdana, sans-serif; */
    font-family: Arial, Helvetica, Verdana, sans-serif;
}

.rt-steps {
    
    height: 8px;
    width: 74px;
    margin: 0 2px;
    background-color: #bbbbbb;
    border: none;
    display: inline-block;
    opacity: 0.5;
    
}

.rt-steps.active {
    background-color: #0088CC;
    opacity: 1;
}

.rt-steps.finish{
    background-color: #0088CC;
}

.inline_alert_box {
    padding:10px 20px;
    background-color: #e99e11;
    color: white;
    display:none;
	border-radius: 10px;
	line-height:20px;
	letter-spacing:0.04em;
}

.inline_alert_box_close{
    margin-left:15px;
    font-weight:bold;
    float:right;
    line-height:20px;
    cursor:pointer;
    font-size:22px;
}



/*----------------------   End of Tutors Registration Form Block ---------------------------*/

/*---------------------           Footer Block       -------------------------------------*/

#footer{
	clear:both;
/*	height:55px; */
	background-color: #494949;
	margin-top:-55px;
	width: 100%;
	z-index:10;
}

#footercontent{
	width:980px;
	margin:auto;
	color:#4bc3ef;
	padding:10px;
	line-height:28px;
	letter-spacing:0.05em;
}

#footercontent a{
	font: 12px Arial;
	text-decoration:none;
/*	color:#007a86; */
    color:#fff;
	letter-spacing:0.04em;

}

#m-footer{
	clear:both;
	background-color: #494949;
	margin-top:-55px;
	width: 100%;
	z-index:10;
}

#m-footercontent{
	width:inherit;
	margin:auto;
	color:#4bc3ef;
	font-size:15px;
	padding:10px 20px;
	line-height:36px;
	text-align:left;
	letter-spacing:0.05em;
}

#m-footercontent a{
	text-decoration:none;
	color:#e8e8e8;
}

/*---------------------       End of Footer Block     -------------------------------------*/

/*---------------------       Table Block     -------------------------------------*/	
/* font: 13px Helvetica, Arial, Verdana, sans-serif; */
.hourlyrates{
	font: 13px Arial, Helvetica, Verdana, sans-serif;
	color: #252525;
	border-collapse:collapse;
	width:100%;
	}
	
.hourlyrates tr.toprow th{
	text-align:center;
	width:80px;
	padding:7px 4px 5px 4px;
	background-image:url('indeximages/table_top1.png');
	background-repeat:repeat-x; 
	height:35px;
	color: #ffffff;
	}

.hourlyrates tr.light td{
	text-align:center;
	width:80px;
	padding:7px 0px;
	background-color: #f8f8f8;
	height:35px;
	font-size: 14px;
	}
	
.hourlyrates tr.dark td{
	text-align:center;
	width:80px;
	padding:7px 0px;
	background-color: #f0f0f0;
	height:35px;
	font-size: 14px;
	}	

.hourlyrates tr.light th{
	text-align:center;
	width:70px;
	padding:7px 7px 5px 7px;
	background-color: #f8f8f8;
	height:35px;
	}
	
.hourlyrates tr.dark th{
	text-align:center;
	width:70px;
	padding:7px 7px 5px 7px;
	background-color: #f0f0f0;
	height:35px;
	}
	
.hourlyrates tr.toprow th.empty{
	border-top: 0px;
	border-left: 0px;
	background-color: #ffffff;
	height:35px;
	}
	
.hourlyrates tr.toprow th, tr.light th, tr.dark th{
	border: 1px solid #d3dbdb;
	font-weight:normal;
	font-size: 14px;
	letter-spacing:0.05em;
	}
	
.hourlyrates tr.light td, tr.dark td{
	border: 1px solid #d3dbdb;
	}
	
.profile-area table tr td {
    line-height: 2;
}
	
/*---------------------   End of Table Block     -------------------------------------*/	




/*---------------------     Error CSS Block     -------------------------------------*/	

.error {
	color: red;
    padding-bottom: 5px;
    display:block;
}

input.error, select.error, textarea.error{
	color:black;
	padding-left:0px;
}

#myerror, #error_tutorpreference, #error_terms, #error_radio, #rt_hsubjectError, #rt_osubjectError, #teachSubjects, #mt_teachSubjects, #error_mt_radio, #error_mu_radio, #check_formerror, #rt_submit_error{
	color:red;
	font-size:16px;
	}

#loginerror	{
	font-size:14px;
	color:red;
}

#mt_agree-error, #mu_agree-error, #rs_termscondition-error, #rt_termscondition-error {
    display:inline-block;
}

/*---------------------End of Error CSS Block   -------------------------------------*/	

ul#swap_header1, ul#swap_header2{
	list-style:none;
	padding: 0px;
	margin:0px;
	display:inline;
	}

ul#swap_header1 li, ul#swap_header2 li{
	 width:340px; 
	 height:250px;
	}
	
#profilephoto {
	float:right;
	margin: 0 60px 0 0;
	}	
#profilephoto .photo {
	height:128px;
	width:100px;
	border:1px solid #CCC;
	}	

/*---------------------Not using & standby CSS Block -------------------------------------*/	

#tutor_login_button{margin:0;padding:0; width: 325px; height: 57px; margin-left:30px;}
#tutor_login_button ul{margin:0;padding:0;list-style:none;}
#tutor_login_button li{
	height:57px; 
	display:block; 
}

#tutor_login_button a{
	height:57px; 
	display:block; 
	font: 20px Georgia, 'Times New Roman', Times, serif;
	color: #080808;
	text-decoration: none;
	text-indent:45px;
	text-align:left;
	line-height:55px
}

#tutor_login_button li{
	left:0px; 
	width:100%;
	background-image:url('indeximages/main_nav_buttons_round2_witharrow.png');
	}

#tutor_login_button li a:hover{
	background-color: #ffffff;
	}	

/*--------------------- End of Not using & standby CSS Block   --------------------------------*/


/*---------------------Tutor Preferred Area and Subject Block -------------------------------------*/

#preferredareamenu, #rtmenucontainer, #tutor-profile-tabs, #menucontainer{
    width: 100%;
    overflow: auto;
    white-space: nowrap;
    position:sticky;
    top:0;
    z-index:1;
}

#preferredareamenu ul, #rtmenucontainer ul, #tutor-profile-tabs ul, #menucontainer ul {
	margin:0px;
	padding:0;
	display: table;
	width:100%;
}

#preferredareamenu ul li, #rtmenucontainer ul li, #tutor-profile-tabs ul li{

	padding:10px;
	display:inline;
	font-weight:bold;
/*	border-right:1px solid white; */
    margin-right:-2px;
    display: table-cell;
    text-align:center;
    border: 1px solid white;
    cursor: pointer;
}

#menucontainer {
    /*
    background-image:url('indeximages/navbar.png');
    background-size:cover;
    background-position:center; */
}

#menucontainer ul {
    display:flex;
}
#menucontainer ul li{
    background-color:#4d4d4d;
	padding:8px 6px 8px 6px;
	border-left:1px solid #f5f5f7; 
    display: block;
    text-align:center;
    cursor: pointer;
    color:#fefefe;
    letter-spacing:0.12em;
    line-height:1.5;
    font-size:13px;
}


#menucontainer ul a{
 text-decoration:none;
 width:100%;
}

#menucontainer ul li:hover, #menucontainer ul li:hover a{
 color:#464646;
 background-color:#e8e8e8;
}

.menuSelectedList {
    background-color:#e8e8e8 !important;
    color:#464646 !important;
}

#preferredareacontainer{
	clear:both; 
	background-color:#F5F5F5;
	height:auto;
	padding: 15px 0;
}

.selectedList {
    font-size: 14px;
    color: #fff;
    background-color:#0088cc;
}

.unSelectedList {
    font-size: 12px;
    color: #999;
    background-color:#e5e5e5;
}

#tutsubjectcontainer{
	clear:both; 
	height:auto; 
	background-color:#F9F9F9;
	width:100%;
}

#tutsubjectcontainer table {
    padding-top: 10px;
}

#tutsubjectcontainer table tr td {
	width: 180px;
	line-height: 1.8;
    vertical-align: top;
}


/*------------------End of Tutor Preferred Area Block --------------------------------*/

/*---------------------Site Map Block -------------------------------------*/
.sitemap{
	list-style:none;
	text-align:center;
	font-size:16px;
	padding:0;
	margin:10px 0;
	display:block;
	}
.sitemap li{
	margin-bottom:10px;
}

.sitemap li a{
	text-decoration:none;
}

.sitemap li a:link{
	color:#535353;
}

.sitemap li a:visited{
	color:#535353;
}

/*---------------- End of Site Map Block -------------------------------------*/


/*---------------------  Tutor Profile Table Block     -------------------------------------*/	
.tutorprofile{
	font-family:"Calibri","Arial",Trebuchet,Verdana,Helv;
	color: #252525;
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	line-height:15px;

	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
	
.tutorprofile:hover{
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	background-color: #fbfbfb;
	}	
	
.tutorprofile tr.toprow td{
	background-color:#bbb;
	background-repeat:repeat-x;
	height:5px;
	}

.tutorprofile tr.light td{
	text-align:right;
	padding:5px 10px 5px 0px;
	font-size: 12px;
	width:20px;
	color: #666;
	vertical-align:text-top;
	}
	
.tutorprofile tr.light td.darkcell{
	font-family:"Calibri","Arial",Trebuchet,Verdana,Helv;
	width:430px;
	text-align:left;
	color: #000;
	font-size: 15px;
	vertical-align:text-top;
	line-height:17px;
	}	
		
.tutorprofile tr.dark td{
	text-align:right;
	width:80px;
	padding:3px 2px;
	background-color: #f0f0f0;
	font-size: 12px;
	}	
		
#pageloading {
	width:40px;
	height:40px;
	display:block;
	margin:30px auto;
}

#backtolist_pageload, #backtolist_pageload2 {
	width:28px;
	height:28px;
	margin-left: 12px;
	vertical-align:middle;
	display:none;
}

#filter_pageload {
	width:40px;
	height:40px;
	margin-top: 15px;
	display:inline-block;
}

#search_pageload {
	width:23px;
	height:23px;
	margin-left:16px;
	margin-top:5px;
	display:none;
}

.tutorprofile tr.light td .moredetailsclass, .tutorprofile tr.light td .subjdetailsclass{
	display:none;
}

.tutorprofile tr.light td .subjdetailsclass, .tutorprofile tr.light td .moredetailsclass{
	background-image:url('indeximages/more-details.png');
	}
		
/*---------------------   End of Tutor Profile Table Block     -------------------------------------*/

/*---------------------  Tutor Profile Page Navigation Block     -------------------------------------*/
.tutprofilepages{

	margin-left:auto;
	margin-right:auto;
	/*
	width:836px; */
	text-align:center;
	
	font-size:14px;
	padding: 2px;
}

.tutprofilepages a{
	text-decoration:none;
	color:#0088CC;
	outline-style:solid;
	outline-color:#ccc;
	outline-width:thin;
	padding: 3px 7px;
	border-radius:6px;
	margin:0px 2px;
}

.tutprofilepages a:hover{
	color:#666;
}

#checkout_menu {
 	display:flex;
	height:50px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size:16px;	
	clear:both; 
}

#checkout_menu .check_menu_class1{
	float:right;
	margin-top:4px;
	color:#383838;
	border:1px solid #606060;
	border-radius: 10px;
	padding: 3px 6px;
	cursor:pointer;
	background-image: linear-gradient(#fff, #f1f1f1);
	line-height:16px;
}

#checkout_menu .check_menu_class2{
	float:right;
	margin-top:4px;
	color:#fff;
/*	border:1px solid #606060; */
	border-radius: 10px;
	padding: 3px 6px;
	cursor:pointer;
	background-color:#e99e11;
	line-height:16px;
}

#checkout_menu .check_menu_class1:hover{
	color:#FFF;
	background-color:#606060;
	background-image:none;
}


#checkout_menu #searchtutor {
    /*
	width:400px;
	height:30px; */
	display: inline-block;
	float:left;
}

#checkout_menu #searchtutor #tutorid{
    margin:6px 0px 0px 0px; 
    background-color:transparent; 
    float:left; 
    outline:none;
    border: 2px solid #ccc;
    border-radius: 4px;
    padding: 6px 8px 6px 28px;
    background-image:url('indeximages/search-icon.png');
    background-size:29px;
    background-repeat:no-repeat;
    background-position:left;
    font: 14px Arial, Helvetica, Verdana, sans-serif;
}

.searchbutton{
    background-color:#606060;
    border-radius:6px;
    color:#ffffff;
    text-align:center;
    letter-spacing:0.04em;
    margin: 6px 0 0 8px;
    padding: 3px 2px 0 2px;
    line-height:1;
    width: 81px;
    height: 31px;
    cursor: pointer;
    display: inline-block;
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-size:14px;
}

#checkout_menu #searchtutor #searchsubmit{
    background-color:#606060;
    border-radius:24px;
    color:#ffffff;
    text-align:center;
    letter-spacing:0.04em;
    margin: 8px 0 0 8px;
    padding: 4px 2px 0 2px;
    line-height:175%;
    width: 81px;
    height: 28px;
    cursor: pointer;
    display: inline-block;
    font-family:Arial, Helvetica, Verdana, sans-serif;
    font-size:14px;
}

#checkout_menu #searchtutorfont{
	font-family: Arial,Verdana,"Helvetica Neue",Helvetica,sans-serif; 
	float:left; 
	display:inline-block; 
	margin-top: 5px; 
	line-height:16px;
	font-size:15px;
	font-weight:bold;
	color:#494949;
}

.backtolist{
/*	width:133px;
	height:38px;
	background-image:url('indeximages/Back-to-Tutors.png'); */
    background-color:#e99e11;
    border-radius:12px;
	cursor:pointer;
	display:inline-block;
	font: 14px Arial, Helvetica, Verdana, sans-serif;
	text-align:center;
	color:#fff;
	letter-spacing:0.06em;
	padding:5px 21px;
	line-height:1.2;
}

.backtofiltered{
/*	width:133px;
	height:38px;
	background-image:url('indeximages/Back-to-Searched-List.png'); */
	background-color:#007a86;
    border-radius:12px;
	cursor:pointer;
	display:inline-block;
	font: 14px Arial, Helvetica, Verdana, sans-serif;
	text-align:center;
	color:#fff;
	letter-spacing:0.06em;
	padding:5px 14px;
	line-height:1.2;
}

.backtolist:hover{
    color:#f1f1f1;
/*	background-image:url('indeximages/Back-to-Tutors-hover.png'); */

}
.backtofiltered:hover{
    color:#f1f1f1;
/*	background-image:url('indeximages/Back-to-Searched-List-hover.png'); */
}

#tutors_filter{
	height:auto;
	font-family:"Calibri","Arial",Trebuchet,Verdana,Helv;
	color:#525252;
	font-size:14px;
	border: 1px solid #c2c2c2;
	background-color: #ffffff;
	margin-bottom:5px;
}

.tf_subject tr td{
	width:110px;
	padding:0px;
}

#tutors_filter_submit{
	margin-left:10px;
}

#ft_table_location{
	margin-left:0px;
}

#tutors_filter_more, #tutors_filter_more_right {
	display:none;
}

.tfpointer {
	cursor:pointer;	
}

.filtertutorfonts{
	font-family: Arial,Verdana,"Helvetica Neue",Helvetica,sans-serif; 
	font-size:15px;
	font-weight:bold;
	color:#494949;
	padding: 6px;
	display: block;
/*	align-items: center;
	justify-content: center; */
	text-align:center;
	background-color: #d8d8d8;

}

.filtertutorfonts span:nth-child(2) {
    float: right;
    color:#787878;
    font-size:12px;
}

/*------------------  End of Tutor Profile Page Navigation Block ---------------------------------*/

/*---------------------  View assignment Table Block     -------------------------------------*/	
.viewassignment{
	font: 13px Helvetica, Arial, Verdana, sans-serif;
	background-color: #fcfcfc;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	clear:both;
	}
			
.viewassignment tr.toprow td{
	background-image:url('indeximages/table_top1.png');
	background-repeat:repeat-x;
	height:3px;
	}

.viewassignment tr td.light{
	text-align:left;
	padding:5px 0px 5px 10px;
	font-size: 11px;
	width:95px;
	color: #666;
	vertical-align:middle;
	}
		
.viewassignment tr td.darkL{
	text-align:left;
	padding:5px 5px 5px 10px;
	font-size: 12px;
	width:180px;
	vertical-align: middle;
	}	

.viewassignment tr td.darkR{
	text-align:left;
	padding:5px 5px 5px 10px;
	font-size: 12px;
	width:280px;
	vertical-align: middle;	
	}	
	
.viewassignment tr td.bottomrowL{
	color: #0088cc;
	padding: 8px 0;
	text-align:center;
/*	font-style:italic;
    font-size: 12px;*/
	}	
		
#tutorlogin_bg{
	width:280px;
	height:274px;
	background-image: url('indeximages/loginbox-280px.png');
	display: inline-block;
	margin-left:20px;
/*	float:right; 
	margin:-30px 18px 10px 0px; */
}



#tutorloggedin_bg{
	width:280px;
	height:274px;
	background-image: url('indeximages/loggedIn-280px.png');
	display: inline-block;
	float:right; 
	margin:-30px 18px 10px 0px;
	font-family:"Calibri","Arial",Trebuchet,Verdana,Helv;
}

.filteredbutton{
	background-image: url('indeximages/Filter-On-button.png');
	height:40px; 
	width:130px; 
	background-size:cover;
	cursor:pointer;
	display:inline-block;
/*	float:left; */
}

.filteredbutton:hover{
	background-image: url('indeximages/Filter-On-button-hover.png');
}
.center-div{
    margin:15px auto 20px auto;
    width:fit-content;
}

.m-center-div{
    margin-bottom:10px;
}

.filterbutton{
	background-image: url('indeximages/Filter-Off-button.png');
	height:40px; 
	width:130px; 
	background-size:cover;
	cursor:pointer;
	display:inline-block;
/*	float:left; */
}

.filterbutton:hover{
	background-image: url('indeximages/Filter-Off-button-hover.png');
}

.va-filter-tooltip{
    font-size:10px; 
    color:#646464; 
    cursor:pointer; 
    width:fit-content;
    overflow:hidden;
    display:inline-block;
    padding-left:5px;
}
	
/*---------------------   End of View assignment Table Block     -------------------------------------*/



/*---------------------   Our Tutors Block     -------------------------------------*/

.shortlist{
	background-image: url('indeximages/shortlist-button.png');
	cursor:pointer;
	background-size: contain;
}
.shortlist:hover{
	background-image: url('indeximages/shortlist-button-hover.png');
	background-size: contain;
}

.shortlisted{
	background-image: url('indeximages/shortlisted-button.png');
	cursor:pointer;
	background-size: contain;
}

.ourtutors_buttons{
    background-color: #606060;
    border: none;
    border-radius: 6px;
    color: white;
    padding: 5px 10px 5px 10px;
    text-align:center;
    font-size: 14px;
    cursor: pointer;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    display:inline-block;
}

#loaderbar{
    border:16px solid #f3f3f3;
    position:absolute;
    left:50%;
    top:50%;
    z-index:1;
    width:80px;
    height:80px;
    border-radius:50%;
    border-top:16px solid #3498db;
    -webkit-animation: spin 1s linear infinite;
    animation:spin 2s linear infinite;
}    

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg);}
    100% { -webkit-transform: rotate(360deg);}
}
@keyframes spin {
    0% { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
}

/*---------------------   End of Our Tutors Block     -------------------------------------*/


/*---------------------   Tool Tip Block -------------------------------------*/

.ui-tooltip {
	font-size:11px;
	text-align:left;
	line-height:150%;
}

/*---------------------   End of Tool Tip Block     -------------------------------------*/

/*--------Miscellaneous Block -----------------------------*/

.the-line{
    display:block;
	height:10px;
	width:100%;
	background-image:url('indeximages/theline.png');
	background-repeat:no-repeat;
    background-size:cover;
    background-position:center center;
    margin: 20px 0px;
}

.backtotop{
    display:block; 
    margin:0 auto;
    width:fit-content;
    font-size:16px;
    text-decoration:none;
    padding:4px 8px 14px 8px;
}

.loader{
  border: 5px solid #f3f3f3; /* Light grey */
  border-top: 5px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 2s linear infinite;  
}

@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

/*--------End of Miscellaneous Block -----------------------------*/

/*--------Mobile First Block -----------------------------*/


	
/* Default is for mobile phones: */
[class*="colmobile-"] {
		width:100%;
		}
		
			
	
@media only screen and (max-width:28cm) {
	/* For Tablets */
	
.colmobile-tab-1 {width: 8.33%;}
.colmobile-tab-2 {width: 16.66%;}	
.colmobile-tab-3 {width: 25%;}
.colmobile-tab-4 {width: 33.33%;}
.colmobile-tab-5 {width: 41.66%;}
.colmobile-tab-6 {width: 50%;}
.colmobile-tab-7 {width: 58.33%;}
.colmobile-tab-8 {width: 66.66%;}
.colmobile-tab-9 {width: 75%;}
.colmobile-tab-10 {width: 83.33%;}
.colmobile-tab-11 {width: 91.66%;}
.colmobile-tab-12 {width: 100%;}

/**/

/*box sizing is recommended for mobile devices*/
* {
	box-sizing: border-box;
	}

/*---General for all pages to mobile friendly-----*/

.loginfont-tab {
    font: 18px "Times New Roman", Arial, "Lucida Grande", "Lucida Sans Unicode", Helvetica,  Verdana, sans-serif;
}

.contentpara {
    padding: 0 5px;
}

#container {
    width:inherit;
}

#menucontainer {
    display:none;
}

.grid-main {grid-area:gridmain; text-align:center;}
.grid-login {grid-area:gridlogin; align-self:center; padding-left:5px;}
.grid-menu {grid-area:gridmenu; text-align:right; align-self:center; padding-right:5px;}
    
.grid-container-header-top {
        display:grid;
        grid-template-areas:'gridlogin gridmain gridmain gridmain gridmenu'
}

.m-menu-icon .material-icons {
    font-size:20px;
}

.loggedin-circle{
    width:34px;
    height:34px;
    margin:0 0 0 5px;
    background-color: #888;
    border-radius:50%;
    color:#FFF;
    text-align:center;
    text-transform:uppercase;
    font: 24px "Times New Roman", Arial, "Lucida Grande", "Lucida Sans Unicode", Helvetica,  Verdana, sans-serif;
}

#header-top{
    display:none;
}

#header-bottom-small {
    display:none;
}

#header-bottom-medium {
    display:none;
}

#header-bottom-big {
    display:none;
}

#m-header-bottom-small-img{
    height:100%;
    width:100%;
    object-fit:cover;
}

#m-menucontainer {
    display:block;
}

#footer #footercontent {
    display:none;
}

#m-footer #m-footercontent {
    display:block;
}
	
#sidebarleft{
	display:block;
	width:100%;
	height:100%;
/*	border-top: 1px solid #dae2e2; */
	padding: 0px 5px;
	}
	
#sidebarright{
    display:block;
	width:100%;
	height:100%;
/*	border-top: 1px solid #dae2e2; */
	margin:auto;
	margin-bottom: 20px;
	padding: 0px 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.landing-center-flex {
   display:none; 
}

.m-landing-center-flex {
   display:flex; 
}

.landing-button {
    padding:8px;
}

.mobile-headline h1{
    font-size:24px;
}

.mobile-headline h2{
    font-size:18px;
}

/*
.landing-button span {
    font-size: 13px;
}
*/
/*---End of general for all pages to mobile friendly-----*/


/*---index page-----*/

#indexbody {
/*	background-image:url('indeximages/website_background.png'); */
	background-repeat:repeat-x;
	}
	
#index-login-elegant {
    display:none;
}
	
.index-browselist{
    display:none;
}

.mobile-to-hide-backtotop {
    display:none;
}

.mobile-to-display-backtotop{
    clear:both; 
    display:block; 
    text-align:center;
    font-size:16px;
}

/*---End of index page-----*/


/*---Learn Music page-----*/


.mt-mobile-to-hide-table{
    display:none;
}

.mt-mobile-to-display-table{
    width:100%;
    display:block;
}

.mt-mobile-to-display-table tr td{
    line-height:2;
}

.mt-mobile-to-display-table tr td:nth-child(2){
    width:50%;
}

/*---End of Learn Music page-----*/

/*---Contact Us page-----*/

.frmcontactus{
    width:auto;
    font-size:16px;
}

.frmcontactus input, .frmcontactus textarea, .frmcontactus select{
    font-size:16px;
}

.frmcontactus table tr{
    line-height: 1.8;
}

#cu_category_left, #rt_experience_left{
    display:block;
    width:100%;
    padding:5px 0;
}

#cu_subject_right, #rt_description_right {
    display:block;
    width:100%;
    padding:5px 0;
}

#rt_description{
    width:100%;
}

/*---End of Contact Us page-----*/

/*---Find Tutor page-----*/

#findtutorsform, #musictutorsform{
    width:100%;
    font-size:18px;
}

#findtutorsform input, #findtutorsform textarea, #findtutorsform select{
    font-size:16px;
}

#findtutorsform table tr{
    line-height: 1.8;
}

.ft-mobile-to-hide-table{
    display:none;
    width:100%;
}

.ft-mobile-to-display-table{
    display:table;
    width:100%;
}

.shortlisted_tutors_request{
    width:100%;
}

.shortlisted_tutors_chkout{
	float:none; 
	display:inline-block;
	text-align:left;
	margin:0px;
	font-size:14px;
}


/*---End of Find Tutor page-----*/

/*-----should be not using -------*/

#m-header-bottom-small {
    display:block;
    height:100%;
    width:inherit;
}

/*-----End of should be not using -------*/


/*-------FAQs Page---------------*/
.questionpara {
    font-size:18px;
    margin:0 2px;
}

.answerpara {
    font-size:16px;
    margin:0 4px;
}

/*-------End of FAQs Page---------------*/ 

/*-------View Assignment Page---------------*/


.center-div{
    margin:15px auto 20px auto;
    width:fit-content;
}

.va-filter-tooltip{
    display:inline-block;
    clear:both;
    text-align:center;
}

.tutprofilepages{
    text-align:center;
    width:auto;
}

.filteredbutton:hover{
	background-image: url('indeximages/Filter-On-button.png');
}

.filterbutton:hover{
	background-image: url('indeximages/Filter-Off-button.png');
}

/*-------End of View Assignment Page---------------*/

/*-------About Us and Contact Us Page---------------*/
#about-us-page, #contact-us-page {
    
    display:none;
}

/*-------End of About Us Page---------------*/

/*-------Music Page---------------*/
#music-page {
    
    display:none;
}

/*-------End of Music Page---------------*/

/*--------mobile Log in Page--------------*/
#tutorloggedin_bg{
    margin:0px;
    float:none;
}
#m-tutorlogin_bg{
    text-align:center;
}

#tutorlogin_bg{
    margin:0px;
    float:none;
}

.mobile-login-to-display{
    text-align:center;
}

#loginerror{
	float:none;
	margin:auto;
	padding-top:5px;
	font-size:14px;
}

#tutorlogin_bg{
	width:280px;
	height:274px;
	background-image: url('indeximages/loginbox-280px.png');
	display: inline-block;
	float:none; 
	margin:0px;
}

/*--------End of mobile Log in Page--------------*/

/*--------Our Tutors Page--------------*/
#checkout_menu {
	width:auto;
	height:auto;
	padding:0px;
	float:none;
	display:block;
	margin-left:0px;
}

#backtolist_pageload, #backtolist_pageload2 {
    width:40px;
    height:40px;
    vertical-align:middle;
    margin-left:5px;
}

#search_pageload {
    width:40px;
    height:40px;
    vertical-align:bottom;
    margin-left:5px;
}

#checkout_menu #searchtutor input[type=text]{
    font-size:16px;
}


#checkout_menu #searchtutorfont{
	float:none; 

}

#checkout_menu .check_menu_class1, #checkout_menu .check_menu_class2{

	float:none;
	display:inline-block;

}

#checkout_menu .check_menu_class1 .checkout-font{
	font-size:14px;
}

.tf_subject tr td{
	line-height:1.6;
}

#checkout_menu #searchtutorfont{
	font-family: Arial,Verdana,"Helvetica Neue",Helvetica,sans-serif; 
	float:none; 
	display:inline-block; 
	margin: 5px 0px 0px 5px; 
	line-height:16px;
	font-size:15px;
	font-weight:bold;
	color:#494949;
}

#checkout_menu #searchtutor {
/*	width:350px; */
	height:30px;
	display: inline-block;
	padding:0px;
	margin: 4px 0px 10px 0px;
	float:none;
}

#checkout_menu #searchtutor #tutorid{
    margin: 0px 0px 0px 0px;
    display: inline-block;
    float:none;
 /*   width:250px; */
    height:36px;
    outline:none;
    vertical-align:top;
}

#checkout_menu #searchtutor #searchsubmit{
   margin: 2px 0px 0px 2px;
   height: 32px;
 /*   width: 81px;
    height: 36px;
    margin: 0px 0px 0px 8px;
    cursor: pointer;
    display: inline-block;
    background-image: url(indeximages/search-button.png);
    background-size: contain;*/
}


/*--------End of Our Tutors Page--------------*/

/*--------Tutors Registration Page--------------*/

.page_login, .page_contact, .page_education, .page_experience {
    
    width:100%;
}

/*--------End of Tutors Registration Page--------------*/

/*--------Sign in Page--------------*/
#sign-in-box {
    width:90%;
    padding:15px 10px;
}

#sign-in-box .header-button {
/*    padding:10px 10px 12px 10px; */
    padding: 6px 12px 8px 12px;
    margin:20px 0;
    border-radius:14px;
}

/*--------End of Sign in Page--------------*/

.contentpara-profile-update{
    padding:10px 10px 10px 20px;
    margin:0px;
    width:100%; 
    font-size:16px; 
    float:none;
    line-height:1.6;
}


}

/* Standby For Mobile Phone  */
@media only screen and (max-width:14cm) {
	

.colmobile-tab-1 {width: 8.33%;}
.colmobile-tab-2 {width: 16.66%;}	
.colmobile-tab-3 {width: 25%;}
.colmobile-tab-4 {width: 33.33%;}
.colmobile-tab-5 {width: 41.66%;}
.colmobile-tab-6 {width: 50%;}
.colmobile-tab-7 {width: 58.33%;}
.colmobile-tab-8 {width: 66.66%;}
.colmobile-tab-9 {width: 75%;}
.colmobile-tab-10 {width: 83.33%;}
.colmobile-tab-11 {width: 91.66%;}
.colmobile-tab-12 {width: 100%;}

/*
#m-header-top{
    background-image: url(indeximages/m_logo_mp.png);
	background-size: 192px 42px;
	height: 60px;
	}


#rtformbody, #tutsubjectcontainer, #rt-good-to-know{
    width:100%;
    margin:0px;
    font-size:16px;
    padding:10px 0px;
}
*/
}



@media only screen and (min-width:28cm) {
	/* For Desktop */
	
.colmobile-1 {width: 8.33%;}
.colmobile-2 {width: 16.66%;}	
.colmobile-3 {width: 25%;}
.colmobile-4 {width: 33.33%;}
.colmobile-5 {width: 41.66%;}
.colmobile-6 {width: 50%;}
.colmobile-7 {width: 58.33%;}
.colmobile-8 {width: 66.66%;}
.colmobile-9 {width: 75%;}
.colmobile-10 {width: 83.33%;}
.colmobile-11 {width: 91.66%;}
.colmobile-12 {width: 100%;}

/**/
#m-header-top, .m-menucontainer, #m-header-bottom-small-img, #m-footer #m-footercontent {
    display:none;
}

/*
#indexbody {
	background-image:url('indeximages/website_background_v1.png');
	background-repeat:repeat-x;
	}
*/	

#header-top{
    display:block;
}

#index-login-elegant {
    display:block; 
    margin:45px 50px 0px 0px;
}

#m-about-us-page, #m-contact-us-page{
    display:none;
}

#cu_category_left{
    display:inline-block;
    width:46%;
    padding:5px 0;
}

#rt_experience_left{
    display:inline-block;
    width:40%;
    padding:5px 0;
}

#cu_subject_right {
    float:right;
    width:50%;
    padding:5px 0;
}

#rt_description_right {
    float:right;
    width:58%;
    padding:5px 0;
}

#rt_description{
    width:97%;
}


#m-music-page{
    display:none;
}

.mobile-to-hide-backtotop {
    clear:both; 
    display:block; 
    text-align:center;
    padding-top:15px;
}

.mobile-to-display-backtotop, .ft-mobile-to-display-table, .mt-mobile-to-display-table{
    display:none;
}
} /* @media only screen and (min-width:28cm) */

[class*="colmobile-"] {
	float:left;
	padding: 15px;
	}
	
.row::after{
	content:"";
	clear:both;
	display:table;
	}
	
	
	/*------- Mobile First Menu  ----------------*/

.mobile-menu {
    display:inline;
	float:left;
	}
	
.mobile-menu ul {
	display: inline-flex;
	list-style: none;
	color: #999;
	float:left;
	}
	
.mobile-menu ul li{
	width:100px;
	margin: 15px;
	}
	

/*------- End of Mobile First Menu  ----------------*/

/*--------End of Mobile First Block -----------------------------*/