/*! responsive-nav.js 1.0.34 by @viljamis */

.dropdown
{
	cursor: pointer;
}

@media screen and (min-width: 767px) 
{
	
.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}

#membermobpanel
{
	display: none
}

.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

@media screen and (min-width: 30em) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}

div#menublockmain
{
  width: 100%;
  max-width: 1157px;
  margin: 0 auto;
  padding-top: 10px;
  font-size: 120%;
  z-index: 1;
}

#menu
{

}


#menu ul
{
      padding: 0;
}

div#menublock
{
  width: 100%;
  margin: 0 auto;
  height: 73px;  
  position: relative; 
  background: #7aa3e6;

}


#formattutormenu1
{
      display: inline-block; 
      width: 150px; 
      position: absolute;
      left: 10px;
      top: 50px;
}

.formattutormenu1title
{
      display: block; 
      width: 150px; 
      position: absolute; 
    left: 0;
      top: 0px;

      color: #fff !important;  
      font-weight: bold;	
	   font-size: 13px !important;
	  
}

#formattutormenu2
{
      display: inline-block; 
      width: 150px; 
      position: absolute; 
      left: 200px;
      top: 50px;
}

.fullmenuwidth
{
      padding: 0 !important;
      color: inherit;
      white-space: normal !important;
      overflow: visible !important;
      color: #000 !important;
}

#tutormenucontent
{
	margin-top: 60px;
}

.formattutormenu2title
{
      display: block; 
      width: 150px; 

     color: #fff !important;  
      font-weight: bold;	   
	  margin-bottom: 10px;
	   font-size: 13px !important;
}

#formattutormenu3
{
      display: inline-block; 
      width: 150px; 
      position: absolute; 
      top: 50px;
      left: 386px;
}

.formattutormenu3title
{
  display: inline-block; 
  width: 150px; 



  color: #fff !important;  
  font-weight: bold;	
  font-size: 13px !important;
  
}


li.menuitem, li.menuitemex
{
  
  float: left;
  margin-bottom: 2px;
  position: relative;
  z-index: 1;

}

li.menuitemex img
{
  margin-right: 15px;
  display: block;

  float: left;
  position: relative;
  top: 6px;
  left: 14px;
}

li.menuitem a, li.menuitemex a
{
  margin-top: 0px;
  text-decoration: none;
  color: #fff;
  display: block;
  padding: 2px;
  width: 70px;
  text-align: center;
  height: 73px;
  top: -29px;
  position: relative;
  padding-top: 27px;
  font-size: 15px;
}

li.menuitem a:visited, li.menuitemex a:visited
{
  color: #fff;
}

li.menuitem a:hover, li.menuitemex a:hover
{
  text-decoration: none;
  color: #fff;
  display: block;
    background: #6e92cd;
}


li.menuitemex li 
{
  height: 27px;
}

li.menuitemex li a, li.menuitemex li a:visited
{
  color: #fff;
  width: 180px;
}

li.menuitemex li a:hover
{
  color: #ccc;
  width: 180px;


}

.menuitemex:hover div, .menuitemex.over div
{
  display: block;
} 

.menuitemex ul
{
  z-index: 1000;
  left: 0;
  top: 0;
  width: 137px;
  float: none;
  list-style: none; 
  padding: 0;
  margin: 0;
  margin-left: 5px;

}  


  
#menu ul
{
      list-style:none;
}

.menuwidth100
{
      width: 100px !important;
}  

.menuwidth111
{
      width: 111px !important;
}       

.menuwidth120
{
      width: 120px !important;
}     

.menu-tutors 
{
      width: 120px !important;
}     

.menu-tutors
{
      width: 120px !important;
}     
.menu-resource
{
      width: 100px !important;
}     
.menu-contact
{
      width: 100px !important;
}     

.menu-tutors-sub
{
      position: absolute;
width:190px;   
height: 270px; 
background: #7aa3e4; 
left: 0; 
top: 44px;
display: none;
padding: 6px;
padding-top: 30px;

border: 4px solid #7aa3e4;
border-radius:  0 0 10px 10px;
z-index: 1000;
}

.menu-tutors-sub  ul
{
	margin-top: 20px;
}

#formattutormenu1title
{
	font-size: 14px;
}

.menu-students-sub
{
      position: absolute;
width:550px;   
height: 320px; 
background: #7aa3e4; 
left: 0; 
top: 44px;
display: none;
border: 4px solid #7aa3e4;
border-radius:  0 0 10px 10px;
z-index: 1000;
}

.menuitemex li a, .menuitemex li a:visited
{
  position: relative;
  float: none;
  border: 0;
  margin: 0;
  padding:0px;
  text-align:left;
  width: 133px;
  padding: 1px;
  border: 0;  
  color: #5986cf;
  font-size: 12px;
  height: 22px;
} 

.menuitemex li a:hover
{
  text-decoration: none;
  color: #000;
  background: none;
  width: 133px;
  border-bottom: 0; 
  padding: 1px;
  border: 0;
}  

.menuitemex a:hover
{
  color: #000;
}

}



@media screen and (max-width: 767px) and (min-width: 180px)
{

#memicon-home, #memicon-fans,#memicon-questions,#memicon-online,#memicon-edit,#memicon-subjects,#memicon-enquiries,#memicon-verification,#memicon-premium,#memicon-qualifications,#memicon-foundme,#memicon-suggested,#memicon-purchases,#memicon-photos,#memicon-articles,#memicon-tags,#memicon-feedback,#memicon-history,#memicon-privacy,#memicon-logout,#memicon-mail,.memicon-more,#memicon-register,#memicon-login
{
      display: inline-block !important;
      width: 26px !important;
      height: 19px !important;
      margin-right: 1px;
      margin-top: 4px  !important;
      position: relative;
      margin-bottom: -9px;
      top: -5px;
    background-position:  0  !important;
}

#mobmsgicon
{
  position: absolute;
  top: 15px;
  right:17px;
  display: block;
}

#mobmsgcount
{
  position: absolute;
  top: 17px;
  right:30px;
  display: block;
  color: #6e92cf;
  font-size: 15px  !important;
  text-align: center;
  
}

#mobmsgicon img
{
 opacity: 1;
 filter: alpha(opacity=100);
}

#mobmsgicon img:hover
{
  opacity: 1;
  filter: alpha(opacity=100);
}

#memicon-questions, #memicon-questions:hover
{

	    background: url("/images/v/memicon-questions-mob.svg") 15px 13px     no-repeat;
	background-size: 65%;
}

#memicon-online, #memicon-online:hover
{
    background: url("/images/v/memicon-whiteboard-mob.svg") 16px 13px     no-repeat;
	background-size: 65%;
}

#memicon-home, #memicon-home:hover
{
    background: url("/images/v/memicon-home-mob.svg") 16px 11px     no-repeat;
}

#memicon-edit, #memicon-edit:hover
{
    background: url("/images/v/memicon-edit-mob.svg") 16px 11px     no-repeat;
}

#memicon-subjects, #memicon-subjects:hover
{
    background: url("/images/v/memicon-subjects-mob.svg") 15px 13px     no-repeat;
}

#memicon-enquiries, #memicon-enquiries:hover
{
    background: url("/images/v/memicon-enquiries-mob.svg") 17px 16px     no-repeat;
      }

#memicon-verification, #memicon-verification:hover
{
    background: url("/images/v/memicon-verification-mob.svg") 16px 11px     no-repeat;
}

#memicon-premium, #memicon-premium:hover
{
    background: url("/images/v/memicon-premium-mob.svg") 16px 11px     no-repeat;
		background-size: 69%;
}


#memicon-qualifications, #memicon-qualifications:hover
{
    background: url("/images/v/memicon-qualifications-mob.svg") 16px 11px     no-repeat;
}

#memicon-foundme, #memicon-foundme:hover
{
    background: url("/images/v/memicon-foundme-mob.svg")  16px 11px     no-repeat;
}

#memicon-suggested, #memicon-suggested:hover
{
    background: url("/images/v/memicon-suggested-mob.svg") 16px 11px     no-repeat;
}

#memicon-purchases, #memicon-purchases:hover
{
    background: url("/images/v/memicon-purchases-mob.svg") 16px 11px     no-repeat;
}

#memicon-photos, #memicon-photos:hover
{
    background: url("/images/v/memicon-photos-mob.svg")  16px 11px     no-repeat;
}

#memicon-articles, #memicon-articles:hover
{
    background: url("/images/v/memicon-articles-mob.svg") 16px 11px     no-repeat;
}

#memicon-fans, #memicon-fans:hover
{
    background: url("/images/v/memicon-fans-mob.svg")  16px 11px     no-repeat;
}

#memicon-tags, #memicon-tags:hover
{
    background: url("/images/v/memicon-tags-mob.svg")  16px 11px     no-repeat;
}

#memicon-feedback, #memicon-feedback:hover
{
    background: url("/images/v/memicon-feedback-mob.svg") 16px 11px     no-repeat;
}

#memicon-history, #memicon-history:hover
{
    background: url("/images/v/memicon-history-mob.svg")  16px 11px     no-repeat;

}

#memicon-privacy, #memicon-privacy:hover
{
    background: url("/images/v/memicon-privacy-mob.svg")  16px 11px     no-repeat;
}

#memicon-logout, #memicon-logout:hover
{
    background: url("/images/v/memicon-logout-mob.svg") 16px 11px     no-repeat;
}

#memicon-mail, #memicon-mail:hover
{
    background: url("/images/v/memicon-mail-mob.svg") 16px 11px     no-repeat;
	background-size: 67%;
}

.memicon-more, .memicon-more:hover
{
    background: url("/images/v/memicon-more-mob.svg") 16px 11px     no-repeat;
		background-size: 68%;
}

#memicon-register, #memicon-register:hover
{
    background: url("/images/memicon-register-mob.png") 16px 11px     no-repeat;
}

#memicon-login, #memicon-login:hover
{
    background: url("/images/memicon-login-mob.png") 16px 11px     no-repeat;
}




#topmobmembersmenu
{
            box-sizing: border-box; 
      width: 100%;
      clear: both;
}


.fullmenuwidth a, .fullmenuwidth a:visited
{     
  color: #fff !important;
  font-weight: bold;
}



.submenuitem
{
      border: 0 !important;
}

.submenuitem a, .submenuitem a:visited, .submenuitem, .menuitem a
{

  color: #fff !important;
}



.topmobmembersmenu-home, .topmobmembersmenu-enquiries, .topmobmembersmenu-editinfo, .topmobmembersmenu-subjects, .topmobmembersmenu-foundme, .topmobmembersmenu-logout
{
width: 30%;
      float :left;
      text-align: center;
      background: #eee;
      height: 23px;
      padding: 1%;
      margin-right: 1%;
      margin-top: 1%;
      padding-top: 5px;
}

.topmobmembersmenu-home-highlight, .topmobmembersmenu-enquiries-highlight, .topmobmembersmenu-editinfo-highlight, .topmobmembersmenu-subjects-highlight, .topmobmembersmenu-foundme-highlight, .topmobmembersmenu-logout-highlight
{

      background: #ccc;
     
}

.topmobmembersmenu-home:hover, .topmobmembersmenu-enquiries:hover, .topmobmembersmenu-editinfo:hover, .topmobmembersmenu-subjects:hover, .topmobmembersmenu-foundme:hover, .topmobmembersmenu-logout:hover
{

      background: #ccc;
     
}

.topmobmembersmenu-home a, .topmobmembersmenu-enquiries a, .topmobmembersmenu-editinfo a, .topmobmembersmenu-subjects a, .topmobmembersmenu-foundme a, .topmobmembersmenu-logout a
{
      color: #444;
      font-size: 70%;
      height: 25px;
      display: inline-block;
      width: 100%;
      text-decoration: none;
}


}




      
	  
	  /*# sourceMappingURL=style.css.map */



@media (max-width: 767px) {
   #menu {
      display: none !important;
   }
}
@media (min-width: 768px) {
   #mm-my-menu,
   #my-mobile-menu {
      display: none !important;
   }
}