@import url("stylebase.css");

/* prevent text selection
* 
{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
*/

.col-md-6 {
	width: 50%;
	float: left;
		position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}
.testimonial_case {
	margin-bottom: 30px;
}
.testimonial-body_case {
	position: relative;
	padding: 2px 10px;
	padding-left: 23px;
	text-align: left;
	border-radius: 20px;
	background: rgba(255,255,255,.1);
	color:white;
}
.testimonial-body_case:after {
	position: absolute;
	bottom: -20px;
	left: 60px;
	content: "";
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid rgba(255,255,255,.1);
}
.testimonial-body_case p {
	padding-top: 9px;
	padding-bottom: 11px;
	margin: 0;
}
.client-photo_case {
	max-width: 60px;
	float: left;
	border-radius: 100%;
	margin: 8px 30px 0 0px;
}
.client-photo_case img {
	border-radius: 100%;
}
.client-name_case {
	position: relative;
	color: #ffffff;
	font-size: 16px;
	text-align:left;
	width: 66.66666667%;
	margin-bottom:0;
	line-height:1.6em;
	float: left;
	margin-top: 18px;
}
.client-function_case 
{
	position: relative;
	float: left;
	font-size: 14px;
	color: #dddddd;
	text-align:left;
	position: relative;
	width: 66.66666667%;
	text-align: left;
}
.old_hire_row
{
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0fd3d0+0,8489f0+100 */
	background: #0fd3d0;
	background: -moz-linear-gradient(-45deg, #0fd3d0 0%, #8489f0 100%);
	background: -webkit-linear-gradient(-45deg, #0fd3d0 0%,#8489f0 100%);
	background: linear-gradient(135deg, #0fd3d0 0%,#8489f0 100%);
}
.hire_block
{ 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0fd3d0+0,8489f0+60,7579d1+100 */
background: #0fd3d0; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #0fd3d0 0%, #8489f0 70%, #7579d1 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #0fd3d0 0%,#8489f0 70%,#7579d1 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #0fd3d0 0%,#8489f0 70%,#7579d1 100%); 

	width: 100%;
	padding-top:20px;
	position: relative;
	display: block;
	margin:0;
	margin-bottom:60px;
	text-align: center;
	padding-left: 30px;
	padding-right: 30px;
}
.testimonial_area
{
	max-width: 1170px;
	box-sizing: border-box;
	display: flex;
	  align-items: flex-end;
	-ms-flex-wrap: wrap;
	flex-wrap: nowrap;
	-ms-justify-content: space-between;
	justify-content: space-between;
	margin: 0 auto;
}

#spin_cover
{
	display:none;
	background: rgba(0,0,0,.3);
	position: fixed;
	top: 0;
	z-index: 1;
	width: 100vw;
	height: 100vh;
	text-align: center;
}
.spin
{
	width: 150px;
	height: 150px;
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	vertical-align: middle;
	border-radius: 100%;
	background: rgba(0,0,0,.5);
}
.load_text
{
	font-size: 20px;
	color: white;
	font-weight: bold;
	vertical-align: middle;
	position: absolute;
	text-align: center;
	display: inline-block;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.spinner {
  -webkit-animation: rotator 1.4s linear infinite;
          animation: rotator 1.4s linear infinite;
}

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

@keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
            transform: rotate(270deg);
  }
}
.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
		stroke-width: 6px;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
          animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}

@-webkit-keyframes colors {
  0% {
    stroke: #067AED;
  }
  25% {
    stroke: #067AED;
  }
  50% {
    stroke: #067AED;
  }
  75% {
    stroke: #067AED;
  }
  100% {
    stroke: #067AED;
  }
}

@keyframes colors {
  0% {
    stroke: #067AED;
  }
  25% {
    stroke: #067AED;
  }
  50% {
    stroke: #067AED;
  }
  75% {
    stroke: #067AED;
  }
  100% {
    stroke: #067AED;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg);
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
            transform: rotate(450deg);
  }
}
.case_container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 1460px;
	margin: 0 auto;
}
.case_project
{
	background: #333333;
	color:white;
	display: inline-block;
	position: relative;
	width: 360px;
	height: 200px;
	text-align: center;
	vertical-align: middle;
	padding-bottom: 12px;
	margin-bottom: 90px;
	margin-left: 6px;
	margin-right: 6px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	opacity:0.01;
}
.amazingslider-button-4 {
	color: white;
	position:absolute;
	bottom:50%;
	left:40%;
}
.amazingslider-button-4 a 
{
	color: white;
}

div {
    -webkit-transition: box-shadow .62s; 
    transition: box-shadow .62s, z-index .22s;
}
.student_block
{
	flex: 1;
}
.sidebar_block
{
	flex: 0 0 260px;
	background: #555555;
	box-shadow: -7px 0px 5px -5px rgba(64,64,64,0.95), -5px 0px 8px -5px rgba(255,255,255,0.95);
	z-index: 1;
}
.sidebar_block .friendEvents {
	max-height: 1000px;
}
.cmd_block_dark .friendTableLink {
	color: white !important;
}
.sidebar_block .cmd_block 
{
	box-shadow: none;
	background: none;
	position: fixed;
	width: 260px;
}
.sidebar_block .padOuter {
	margin-left: 0;
	margin-right: 0px;
}
.sidebar_block .recentEventList {
	text-align: left;
}
.sidebar_block .socialCmd {
	top: 36px;
	display: none;
	padding-left: 6px;
	width: auto;
	max-height: calc(100vh - 132px);
	overflow-y: auto;
	overflow-x: hidden;
	padding-bottom: 20px;
}
.sidebar_block .friendEvents {
	max-height: 1000px;
	position: relative;
	overflow-x: hidden;
}
.mobileClassPage.plan_sidebar {
	top: 36px;
	position: absolute;
	width: calc(100% - 0px);
	height: 100%;
	min-height: calc(100vh - 112px);
	background: white;
}
.tab_sidebar
{
	display: inline-block;
	position: absolute;
	top: 3px;
	padding: 8px 10px;
	color: #DDDDDD;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background: #666666;
	text-align: center;
	cursor:pointer;
}
.tab_selected.tab_selected {
	background: #EEEEEE;
	color: #333333;
}
.master_outline
{
	border: 1.5px solid rgba(255,208,128,.3);
}
.tab_sidebar:hover
{
	background: #CCCCCC;
	color: #333333;
}
.sifuLayout .gradingEvents {
	max-height: 900px;
}
div#plan_items {
	left: 4px;
}
.plan_sidebar .bookBackMobile2 {
	font-size: 28px;
	left: 0;
	top: 7px;
}
.plan_sidebar .bookNextMobile2 {
	font-size: 28px;
	right: 0;
	top: 7px;
}
.user_moredata
{
	margin: 0px;
	background: #CCCCCC;
	margin-bottom: 0;
	position: relative;
	left: 0;
	top: 45px;
	width: 100%;
	max-width: 500px;
	display: inline-block;
	font-size: 10px;
	line-height: 12px;
	display: none;
	margin-bottom: 44px;
}
.user_hdr1
{
	display:inline-block;
	vertical-align:top;
	width:107px;
	cursor:pointer;
}
.user_open
{
	position:relative;
	display:none;line-height:12px;padding:5px;
}
.user_moredata .user_open {
	display: block;
}
.moreLink
{
	line-height: 12px;
	font-size: 14px;
	position: absolute;
	left: 0;
	top: 0;
	color: white;
}
.moreLink i {
	transition: transform 0.6s linear;
	left: 0;
	top: 18px;
	position: absolute;
}

.cmd_lastname
{
	color:darkgray !important;
}
.cmd_username {
	left: 63px;
	margin-left: 0;
	position: absolute;
}

.sifuLayout .notAttendingDisplay .avatarListCmd {
	left: 14px;
}
.descHdr .material-icons:hover {
	color: #CCCCCC;
}
.plan_sidebar .mobile_to_level {
	display: none;
}
.plan_sidebar #classDate {
	font-size: 14px !important;
}
div#action_items {
	right: 2px;
	width: 127px;
	display:none;
}
.plan_sidebar #startTime {
	font-size: 14px;
}
.plan_sidebar #cmd_students 
{
	overflow-y: auto;
	height: calc(100% - 77px);
}
.plan_sidebar .planUpcomingTime {
	font-size: 14px;
}
.plan_sidebar .UpcomingClasses {
	position:absolute;
}
.g_levelcolor
{
	position: absolute;
	display: inline-block;
	left: 27px;
	top: 11px;
	height: 34px;
	width: 34px;
	border-radius: 100%;
}
.gradingSpan .userItemAvatar 
{
	left: 4px;
	top: 4px;
	height: 35px;
}
.g_levelcolor .userItemAvatar 
{
	left: 3px;
	top: 3px;
	height: 28px;
}
.g_novideo .g_icon_video {
	opacity: .4;
}
.g_topbtn {
	top: 0px !important;
}
.g_bottombtn {
	top: auto !important;
	bottom: 6px;
}
.grading_level {
	font-size: 22px;
	left: 0;
	position: absolute;
	top: 22px;
	width: 31px;
	text-align: center;
	display: inline-block;
}
.btn_small .msgItemEvent {
	bottom: 1px;
	width: 45px;
	height: 22px;
	right: 3px;
}
.btn_small .msgItemText {
	font-size: 8.5px;
	text-transform: lowercase;
}
.g_icon_video.wide_level {
	top: 12px;
}
.grading_level.wide_level {
	font-size: 17px;
	top: 28px;
}
.wide_level span {
	font-size: 12px;
}
.g_icon_video {
	font-size: 16px;
	left: 7px;
	top: 8px;
	position: absolute;
}
.g_icon_master
{
	font-size: 12px;
	left: 10px;
	top: 11px;
	position: absolute;
}
.mobile_content .g_icon_master {
	font-size: 14px;
	left: 9px;
	top: 11px;
}
.gradingSpan .milestoneText 
{
	left: 68px;
	top: 25px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-size: 9px;
}
.gradingSpan .advanced_to
{
	text-transform:none !important;
}
.gradingSpan .milestoneDate {
	left: 68px;
	top: 38px;
}
.gradingSpan .g_firstname {
	position: absolute;
	left: 68px;
	top: 2px;
	font-size: 16px;
	letter-spacing: 1px;
}
.g_nongrading .milestoneDate {
	left: 42px;
}
.g_nongrading .milestoneText {
	left: 42px;
}
.g_nongrading .g_firstname {
	left: 42px;
}
div.scrollmenu {
  background-color: #333;
  overflow: auto;
  white-space: nowrap;
}
div.scrollmenu a {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}
div.scrollmenu a:hover {
  background-color: #777;
}
#mobile_skilltable
{
	position: relative;
	left:0px; 
	top:0px;
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	text-align: left;
	overflow-x: hidden;
}
.userItemVid {
	height: 22px;
	cursor: pointer;
	position: absolute;
	font-size: 32px;
	color: #333333;
	right: 6px;
	top: 10px;
}
.userItemVid:hover {
	color: #666666;
}
.mobile_content .userItemVid 
{
	font-size:44px;
}
.mobile_content .g_levelcolor {
	left: 34px;
	top: 14px;
	width: 40px;
	height: 40px;
}
.mobile_content .userItemAvatar {
	left: 4px;
	top: 4px;
	height: 32px;
}
.mobile_content .g_firstname 
{
	font-weight: bold !important;
	font-size: 18px;
	left: 82px;
}
.mobile_content .milestoneText {
	left: 82px;
	top: 30px;
	font-size: 11px;
}
.mobile_content .milestoneDate {
	left: 82px;
	top: auto !important;
	bottom: 1px;
	font-size: 11px;
}
.mobile_content .grading_level {
	font-size: 24px;
	top: 27px;
}
.mobile_content .g_icon_video {
	font-size: 20px;
	left: 5px;
}
.mobile_content .btn_small .msgItemText {
	top: 4px;
	font-size: 11px;
	letter-spacing: 0;
	line-height: 120%;
	text-transform: uppercase;
}
.mobile_content .btn_small .msgItemEvent {
	top: 32px !important;
	height: 33px;
	width: 65px;
	border-radius: 5px;
	z-index: 1;
	vertical-align: middle;
}
.mobile_content .correctionDivider {
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}
.mobile_content .g_topbtn {
	top: -5px !important;
}
.mobile_content .g_bottombtn {
	/* right: 61px; */
	top: 30px !important;
	/* font-size: 44px; */
}
.udata_block {
	max-width: 500px;
	/* width: 500px; */
	/* display: inline-block; */
	vertical-align: top;
}
.udata_block .gradingSpan {
	min-height: 18px;
	height: 18px;
}
.udata_block .grading_dark {
	background: none !important;
	color: #333333 !important;
}
.udata_block .g_icon_video {
	left: 2px;
	top: 4px;
}
.udata_block .grading_level {
	font-weight: bold;
	top: 2px;
	width: 21px;
	font-size: 16px;
}
.udata_block .g_levelcolor {
	display: none;
}
.udata_block .milestoneText {
	left: 26px;
	top: 6px;
	font-size: 10px;
	letter-spacing: 0;
	text-transform: lowercase;
}
.mobilePlanBody #students table {
	padding-left: 2px;
	padding-right: 2px;
}
.mobileClassPage.plan_sidebar table {
	padding-left: 3px;
}
#cmd_students.class_past,#students.class_past {
	background: #333333;
}
#cmd_students.class_current, #students.class_current {
	background: #DDDDDD;
}
#cmd_students.class_future, #students.class_future {
	background: #aaaaaa;
}
.class_past, .class_current, .class_future {
	min-height: 100vh;
}
.plan_might, .plan_likely {
	background: white;
}
.class_future .plan_might, .class_future .plan_likely 
{
	background: rgba(255,255,255,.4);
}
.plan_definite {
	background: #333333;
	color: white;
	padding-top: 4px;
}
.plan_noshow
{
	background:#cccccc;
}
.plan_noshow .mobilePlanStudentName, .plan_noshow .mobile_plan_level {
	opacity: 0.5;
}
.s_plan_dark .mobile_to_level {
	color: #DDDDDD;
}
.s_plan_dark .mobilePlanTimes {
	color: white;
}
.s_plan_dark .notAttendingDisplayMobile {
	border-color: rgba(0,0,0,0);
}
.plan_noshow .notAttendingDisplayMobile {
	border-color: rgba(0,0,0,0);
}
.mobile_skillscrollarea
{
	height: calc(100% - 95px) !important;
	overflow: hidden;
	/* overflow-y: scroll !important; */
	overflow-y: auto !important;
}
.personalProgressMobileTop
{
	padding-top: 0px;
	height: 41px;
		width: 99%;
	position: relative;
}
.personalProgressMobileBottom
{
	padding-top: 0px;
	height:90px;
}
.skillList .readySkill {
	width: 20px;
	height: 20px;
	display: inline-block;
	top: 1px;
	margin-right: 2px;
}
.mobile_skilltable .readySkill {
	top: 7px;
	width: 20px;
	height: 20px;
	margin: 0px;
}
.mobile_skilltable .buttonsDiv {
	padding-left: 1;
	width: 106px;
	height: 34px;
}
.mobile_skilltable .progressClassTitle {
	box-shadow: 0px 3px 3px -3px #999999;
		height: 51px;
}
.mobile_skilltable .statContain {
	height: 42px;
}
.mobile_percent {
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	position: absolute;
	width: 65px;
	left: 68px;
	text-align: center;
	top: 3px;
}
.mobile_oflevel {
display: inline-block;
	font-size: 10px;
	left: 67px;
	text-align: center;
	position: absolute;
	top: 27px;
	letter-spacing: 1.5px;
}
.m_overall_points
{
	display: inline-block;
	color: black !important;
	text-align: center;
	font-size: 11px !important;
	font-weight: bold;
	left: 153px !important;
	position: absolute !important;
	top: 6px !important;
	width: 159px !important;
	right: auto !important;
	bottom: auto !important;
	letter-spacing: .5px;
	line-height: 165%;
}

.mobile_mtrack_percent
{
	display: inline-block;
	background: #EEEEEE;
	text-align: center;
	font-size: 10px;
	right: 4px;
	position: absolute;
	top: 7px;
	padding: 2px 10px;
	border-radius: 8px;
	text-transform: uppercase;
	/* letter-spacing: .5px; */
	line-height: 165%;
}
.mobile_name {
	display: inline-block;
	font-size: 12px;
	left: 179px;
	text-align: center;
	position: absolute;
	top: 11px;
}
.mobile_skilltable .mobile_plan_level {
	height: 50px;
	width: 50px;
}
.mobile_skilltable .imgAvatarPlanMobile {
	height: 42px;
}
.mobile_skilltable .addSkill {
	left: 46px;
	height: 32px !important;
	width: 58px !important;
	vertical-align: top;
	box-shadow: none;
}
.mobile_skilltable .addSkill .bigButtonInner {
	height: 32px !important;
	width: 60px !important;
}
.mobile_skilltable .btnTextPlus {
	font-size: 150%;
	line-height: 100%;
	padding-top: 4px;
	left: 7px;
}
.popupSkills .practiceText {
	color: #999999;
	margin: 0;
	right:0px;
}
.mobile_skilltable .practiceText {
	font-size: 11px;
	margin-left: 30%;
	color: #aaaaaa;
}
.mobile_skilltable .practiced_s {
	font-size: 18px;
	color: white !important;
}
.popupSkills .practiced_s {
    color: black;
}
.mobile_skilltable .dropSkill {
	width: 22px !important;
	height: 30px;
	/* box-shadow: none; */
	left:22px;
}
#mTrackSkills .dropSkill {
	background: rgba(0,0,0,.1) !important;
}
#mTrackSkills td {
	background: #EEEEEE;
}
.mobile_skilltable .btnTextMinus {
	left: 6px;
	top: 12px;
	line-height: 3px;
}

.mobile_skilltable .skill {
	font-size: 14px;
}
.mobile_skilltable .skillImage3 {
	margin-left: 0;
	position: absolute;
	display: none;
}
.mobile_skilltable .skillBox {
	display: table;
}
.mobile_skilltable .skillText {
	left: 0;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}
.cal_list
{
	background:white;
}
.calLineCell
{
	padding-bottom: 0;
	position: relative;
}
.calLine
{
	border:0; padding:0;
	background: white;
}
.cal_whole_line
{
	position:relative;
	left:0px;
	top: 0px;
	height: 40px;
	width:100%;
	border-bottom: 1px solid #EEEEEE;
}
.mobile_content
.mobile_content .gradingItem1 
{
	color: black;
	font-size: 10px;
	line-height: 13px;
	padding: 0 20px;
	text-align: right;
}
.mobile_content #sendMsg2 .bigButtonInner {
	height: 23px !important;
}
.mobile_content .feeDue {
	font-size: 12px;
}
.mobile_content #sendMsg2 {
	color: white;
	box-shadow: 0px 1px 1px #b3b2b2;
	height: 23px !important;
}
.cal_descriptor
{
	position: fixed;
	left: 0px;
	bottom: 0px;
	height: 27px;
	line-height: 26px;
	width: 100%;
	color: white;
	font-size: 14px;
	background: black;
	/* padding: 3px; */
	text-align: center;
		z-index: 10000;
}
.calLine:hover
{
	background:#EFEFEF;
}
.cal_btn_going
{
	display: inline-block;
	position: absolute;
	top: 1px;
	right: 34px;
	width: 81px;
	height: 36px;
	font-size: 14px;
	border-radius: 13px;
	background: #333333;
}
.calYes .cal_btn_going
{
	background:darkgreen;
}
@supports not (-webkit-overflow-scrolling: touch) 
{
	.cal_btn_going:hover
	{
		background:green;
		box-shadow: 0px 2px 3px 0px rgba(102,102,102,1);
	}
	.cal_btn_not:hover
	{
		background:#eccaca;
		box-shadow: 0px 2px 3px 0px rgba(102,102,102,1);
	}
}
.birthday_hdr
{
	background: black;
	color: white;
	height: 24px;
	font-size: 12px;
	padding: 4px;
	font-size: 14px;
	letter-spacing: 2px;
	text-align: center;
}
.cal_check
{
	font-size: 21px;
	position: absolute;
	color: rgba(255,255,255,.7);
	left: 5px;
	top: 8px;
}

.calNo .cal_check 
{
  left: 12px;
}

.calYes .cal_check
{
	color:white;
}
.cal_text
{
	font-size: 11px;
	font-weight: bold;
	position: absolute;
	color: white;
  right: 12px;
	text-align: center;
	line-height: 117%;
	top: 6px;
}
.cal_btn_not
{
	display: inline-block;
	position: absolute;
	top: 5px;
	right: 0px;
	width: 31px;
	height: 31px;
	font-size: 14px;
	border-radius: 200px;
	background: #CCCCCC;
	color: #333333;
}
.calNo .cal_btn_not
{
	background:darkRed;
	color:white !important;
}

.cal_close
{
	font-size: 21px;
	position: absolute;
	color: rgba(0,0,0,.3);
	left: 5px;
	top: 6px;
}
}
.calNo .cal_close, .calNo .cal_not_text
{
	color:white !important;
}
.cal_not_text
{
	font-size: 9px;
	font-weight: bold;
	position: absolute;
	left: 8px;
	text-align: center;
	top: 4px;
}
.cal_relative
{
	position: absolute;
	display: inline-block;
	font-size: 15px;
	top: 2px;
	left: 40%;
}
.lessonNameMobile
{
	position: absolute;
	line-height: 10px;
	font-size: 9px;
	top: 23px;
	left: 40%;
	letter-spacing: 2px;
}
.cal_attend_date
{
	position: absolute;
	left: 75px;
	top: 6px;
	font-size: 10px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}
.test_phone_frame
{
	position: relative;
	width: 395px;
	height: 640px;
	padding: 18px 4px;
	padding-bottom: 54px;
	background: #111111;
	border: #FF6B53 3px solid;
	border-radius: 12px;
	overflow: hidden;
	margin: 0;
}
.phone_frame
{
	position: relative;
	width: 100vw;
	height: 100vh;
	padding: 0;
	background: #111111;
	border: none;
	overflow: hidden;
	margin: 0;
}
.phone_screen
{
	position: relative;
	width: 100vw;
	height: calc(100vh + 0px);
	min-height: 600px;
	background: white;
	overflow: hidden;
	margin: 0 auto;
}
.mobile_top_page
{
	position:absolute;
	width:100%;
	height:100%;
	text-align:center;
	overflow: hidden;
	margin:0 auto;
	background: white;
	/* z-index: 200000; */
	z-index: 200002;
}
.mobile_animator
{
	z-index: 200001;
	background:none;
	display: none;
}
#m_animcontainer
{
	position: absolute;
	display: inline-block;
	left: 8px;
	top: 128px;
	width: 130px;
	height: 55px;
	background: white;
}
#anim_avatar_pie
{
	position: absolute;
	left: 8px;
	top: 133px;
	width: 50px;
	height: 50px;
	border-radius: 100%;
}
#anim_avatar
{
	position: absolute;
	height: 86%;
	top: 6.5%;
	left: 8.1%;
	padding: 0;
	clip-path: circle(48% at center);
	margin-left: 0px;
}
#anim_percent2
{
	position:absolute;	
}
#anim_percent_level2
{
	position:absolute;	
}
/* .mobile_home
{
	z-index: -1;
} */
.mobile_login
{
	z-index: 300000;	
	text-align: left;
	display:none;
}
.mobile_login .dd_input {
	position: relative;
}
.m_login
{
	position:relative;
	top:35%;
}
#home_login
{
	margin-left: 112px;
	right: auto;
	position: relative;
	top: 40px;	
}

#home_logout
{
	display: block;
	position: absolute;
	right: 6px;
	top: 11px;
	font-size: 24px;
	color: white;
}
.mobile_content
{
	position:relative;
	width:100%;
	/* height:calc(100vh - 90px); */
	height:calc(100% - 90px);
	background:#EEEEEE;
}
.mobile_block
{
	position:absolute;
	display:none;
	overflow-y: auto;
	width:100%;
	height:100%;
	background:#DDDDDD;
	color:#333333;
}
.m_tophome
{
	position: relative;
	display: inline-block;
	width: 100%;
	background: white;
	height: 48%;
}
.m_bottomhome
{
	position:relative;
	display:inline-block;
	/* background: #666666; */
	background: #DDDDDD;
	/* color: white; */
	height:52%;
	width: 100%;
}
.m_bottom_btnplace
{
	position: fixed;
	display: inline-block;

	background: #444444;
	height: 70px;
	width: 100%;
	left: 0;
	bottom: 0;
}
/*LANDSCAPE DESKTOP*/
@media screen and (min-width:1200px) and (orientation: landscape)
{
	.phone_screen
	{
		max-width: 440px;
		max-height: 800px;
		top: 10%;
		border-radius: 8px;
		border: 2px #EEEEEE solid;
	}
	.m_bottom_btnplace
	{
		position:absolute;
		max-width: 440px;
		left:50% !important;
		margin-left:-220px;
	}
	.descHdr i:hover
	{
		background: rgba(255,255,255,.4);
		color:white !important;
	}
	#levelsBar
	{
		width: 100%;
	}
}

#home_log
{
	bottom: 118px;
}
#home_videos
{
	bottom: 70px;
	box-shadow: 0px 2px 5px rgba(0,0,0,.2);
}
#home_schedule
{
	top: 11px;
}
#next_expected
{
	position: absolute;
	display: block;
	width: calc(100% - 60px);
	left:0;
	top: 0px;
	font-size: 18px;
	padding: 0px 30px;
	margin:0;
	padding-top: 20px;
	padding-bottom: 14px;
}
#next_expected .e_bold
{
	font-weight:bold;
}
.redalert
{
	color: white !important;
	background: darkred !important;
}
#next_class_label
{
	position: absolute;
	top: 98px;
	left: 0;
	width: 100%;
	font-size: 12px;
	font-weight: bold;
	color: #EEEEEE;
	color: #666666;
	letter-spacing: 4px;
}
#next_class 
{
	position: absolute;
	top: 116px;
	left:0;
	display: inline-block;
	font-size: 24px;
	width: 100%;
}
.gradingOuter
{
	padding-top:14px;
}
.grading_dark
{
	position: absolute;
	width: 44px;
	height: 100%;
	background: #555555;
	color: white;
	border-bottom-left-radius: 3px !important;
	border-top-left-radius: 3px !important;
}
.mobile_content .grading_dark 
{	
	width: 55px;
}
#addClass_home {
	position: relative;
	width: 106px;
	height: 42px;
	margin-right: 8px;
	padding-left: 8px;
	right: 0;
	border: 1px solid rgba(0,255,0,.2);
}
#home_calbtns .cal_text {
	font-size: 13px;
	left: 45px;
}
#dropClass_home {
	width: 40px;
	height: 42px;
	position: relative;
	padding-right: 0px;
	top: 2px;
}
#dropClass_home .cal_close {
	left: 9px;
	top: 12px;
	color: rgba(0,0,0,.7);
}
#dropClass_home .cal_not_text {
	left: 11px;
}
#dropClass_home:hover {
	background: red !important;
}
#home_calbtns {
	position: absolute;
	width: 100%;
	top: 160px;
	left: 0;
	text-align: center;
	background: none;
	display: inline-block;
	vertical-align: middle;
}
.mobile_home .mobile_plan_level {
	width: 123px;
	height: 123px;
	left: 38px;
	top: 32px;
	border-radius: 100%;
}
.mobile_home .imgAvatarPlanMobile {
	height: 103px;
	top: 7px;
	left: 3px;
	clip-path: circle(50px at center) !important;
}
.mobile_home .mobile_oflevel
{
	left: 42px;
	width: 120px;
	top: 213px;
	font-size: 14px;
}

.mobile_home .m_overall_points {
	left: 0 !important;
	width: calc(100% - 30px) !important;
	bottom: 0px !important;
	padding: 13px 15px;
	font-size: 16px !important;
	top: auto !important;
	height: auto !important;
	font-weight: normal;
	/* background: #eeeeee !important; */
	background: none !important;
	color: #333333 !important;
}

.mobile_content .gradingItem1 
{
	background: #333333;
	padding: 3px;
	padding-left: 12px;
	color: #EEEEEE;
	text-align: center;
	letter-spacing: 3px;
	font-size: 11px;
	box-shadow: 0px 1px 2px rgba(0,0,0,1);
	margin-bottom: 4px;
	line-height: 120%;
}

.mobile_home .mobile_percent {
	left: 45px;
	width: 120px;
	top: 155px;
	font-size: 44px;
}
.mobile_home .mobile_namefirst 
{
	top: 47px;
	font-size: 42px;
	position: absolute;
	color: #333333 !important;
	left: 182px;
	text-align: left;
	width: 192px;
}
.mobile_home .mobile_namelast 
{
left: 182px;
	width: 192px;
	top: 100px;
	text-align: left;
	font-size: 18px;
	letter-spacing: 6px;
	position: absolute;
	color: #666666 !important;
	text-transform: uppercase;
}
.button {
	margin: 0;
	font-weight: bold;
	padding: 8px 10px;
	text-align: center;
	width: 108px;
	color: #FF6B53;
	font-size: 16px;
	border-radius: 13px;
	overflow: hidden;
	position: absolute;
	right: 16px;
	z-index: 0;
	text-transform: uppercase;
	cursor: pointer;
}
.button.raised {
  -moz-transition: all 0.1s;
  -o-transition: all 0.1s;
  -webkit-transition: all 0.1s;
 transition: all 0.1s;
	background: #FF6B53;
	color: white;
	box-shadow: 0px 3px 3px rgba(0,0,0,.2);
}
.button.raised.secondary
{
	background:white;
	color:#ec5466;
}
/* .button:hover {
	background: #666666 !important;
} */

.button.raised:active {
	background:#999999;
	color:darkred;
  box-shadow: 0px 1px 1px rgba(0,0,0,.2);
}

.mobile_block .calListContainer {
	height: calc( 100% - 27px);
}
#mobile_skills
{
	display:block;
	background:white;
}
/* #mobile_schedule
{
	 background:rgb(173, 145, 219); 
} */
#mobile_videos
{
	background: white;
}
.mobile_content .grading_event {
	width: 100%;
	border-bottom: 1px solid #EEEEEE;
	height: 62px;
	padding-bottom: 6px;
	padding-top: 2px;
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
}
.phone_top_hdr
{
	position:relative;
	padding-left:40px;
	height:48px;
	line-height: 48px;
	font-size:20px;
	 font-weight:bold;
	background: #852a35;
	color:white;
}
.phone_top_hdr img
{
	position:absolute;
	top:9px;
	left:8px;
	width:25px;
}
.phone_menu_hdr_outer
{
	position: relative;
	width: 100%;
	height: 44px;
	background: #333333;
	overflow-x: scroll;
	position: -webkit-sticky; /* Safari */
  position: sticky;
}
.phone_menu_hdr_outer::-webkit-scrollbar { height:0 !important; width: 0 !important; }
.phone_menu_hdr
{
	position: relative;
	height: 44px;
	background: #333333;
	white-space: nowrap;
	overflow: auto;
}
.phone_menu_hdr::-webkit-scrollbar { height:0 !important; width: 0 !important; }

/* .mobile_top_menu
{
	width:33%;
	height:100%;
	background:#333333;
} */
.menu_marker
{
	position:absolute;
	left:0;
	bottom:0;
	width: 33%;
	max-width: 123px;
	height:4px;
	background: #EC5466;
	border:rgb(133, 42, 53) 1px solid;
}
.phone_menu_btn 
{
 	position: relative;
	display: inline-block;
	text-align: center;
	height: 100%;
	width: 33.5vw;
	max-width: 123px;
	line-height: 44px;
	color: #EC5466;
	overflow: hidden;
	z-index: 0;
	cursor: pointer;
}
/*MEDIUM HEIGHT PHONE SCREEN HEIGHT*/
@media screen and (max-height:640px) and (orientation: portrait)
{
	.mobile_home .m_overall_points
	{
		line-height: 120% !important;
	}
}

/*SMALL IPHONE 5 SCREEN HEIGHT*/
@media screen and (max-height:600px) and (orientation: portrait)
{
	.m_bottom_btnplace
	{
		position: absolute;
	}
	.phone_screen
	{
		height: calc(100vh + 2px);
	}
	.mobile_to_level
	{
		display:none;
	}
	.mobile_home .m_overall_points
	{
		line-height: 120% !important;
	}
	#skillOverallProgress 
	{
		left: 124px !important;
	}
	.mobile_home .mobile_plan_level 
	{
		width: 123px;
		height: 123px;
		left: 26px;
		top: 28px;
	}
	.mobile_home .mobile_percent
	{
		left: 35px;
		font-size: 42px;
	}
	.mobile_home .mobile_oflevel 
	{
		left: 35px;
	}
	.mobile_home .mobile_namelast 
	{
		left: 166px;
	}
	.mobile_home .mobile_namefirst 
	{
		left: 166px;
	}
}
/*LANDSCAPE PHONE*/
@media screen and (max-width:900px) and (orientation: landscape)
{
	.m_bottom_btnplace
	{
		position: absolute;
	}
	.mobile_home .m_overall_points
	{
		line-height: 120% !important;
		bottom: 10px !important;
	}
}

.phone_menu_btn span
{
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.5px;
}
.phone_menu_btn.selected
{
	color:white !important;
}
.phone_menu_btn:active {
	background:#999999;
	color:darkred;
}

input[type="checkbox"].toggle {
  -moz-appearance: none;
  -webkit-appearance: none;
	background: transparent;
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  left: 0;
  top: 0;
  cursor: pointer;
}
input[type="checkbox"].toggle:focus {
  outline: 0;
}

.anim {
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  position: absolute;
	visibility: hidden;
  top: 50%;
  left: 50%;
  z-index: -1;
}
.anim:before {
  position: relative;
  content: '';
  display: block;
  margin-top: 100%;
}
.anim:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%;
}

.clickable .toggle:checked + .anim {
	visibility:visible;
  -moz-animation: anim-in 0.75s;
  -webkit-animation: anim-in 0.75s;
  animation: anim-in 0.75s;
}
.clickable .toggle:checked + .anim:after {
  -moz-animation: anim-in-pseudo 0.75s;
  -webkit-animation: anim-in-pseudo 0.75s;
  animation: anim-in-pseudo 0.75s;
}
.clickable .toggle:not(:checked) + .anim {
	visibility:visible;
  -moz-animation: anim-out 0.75s;
  -webkit-animation: anim-out 0.75s;
  animation: anim-out 0.75s;
}
.clickable .toggle:not(:checked) + .anim:after {
  -moz-animation: anim-out-pseudo 0.75s;
  -webkit-animation: anim-out-pseudo 0.75s;
  animation: anim-out-pseudo 0.75s;
}

@-webkit-keyframes anim-in {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes anim-in {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-ms-keyframes anim-in {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes anim-in {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes anim-in-pseudo {
  0% {
    background: rgba(255, 128, 128, 0.95);
  }
  100% {
    background: transparent;
  }
}
@-moz-keyframes anim-in-pseudo {
  0% {
    background: rgba(255, 128, 128, 0.95);
  }
  100% {
    background: transparent;
  }
}
@-ms-keyframes anim-in-pseudo {
  0% {
    background: rgba(255, 128, 128, 0.95);
  }
  100% {
    background: transparent;
  }
}
@keyframes anim-in-pseudo {
  0% {
    background: rgba(255, 128, 128, 0.95);
  }
  100% {
    background: transparent;
  }
}
@-webkit-keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-ms-keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes anim-out-pseudo {
  0% {
    background: rgba(255, 128, 128, 0.95);
  }
  100% {
    background: transparent;
  }
}
@-moz-keyframes anim-out-pseudo {
  0% {
    background: rgba(255, 128, 128, 0.95);
  }
  100% {
    background: transparent;
  }
}
@-ms-keyframes anim-out-pseudo {
  0% {
    background: rgba(255, 128, 128, 0.95);
  }
  100% {
    background: transparent;
  }
}
@keyframes anim-out-pseudo {
  0% {
    background: rgba(255, 128, 128, 0.95);
  }
  100% {
    background: transparent;
  }
}

.lessonDayOfWeek
{
	line-height: 100%;
	font-size: 28px;
	top: 5px;
	padding-left: 8px;
	position: relative;
}
.calLine:hover .cal_relative, .calLine:hover .lessonDayOfWeek
{
	font-weight:bold;
}
.calGold
{
	background: url('images/gradient-supergold.jpg');
}
/* .calLikely
{
	background: #CBDCB2;
} */
/* .calSomewhat
{
	background: #D2C3B3;
} */
/* .calNormal
{
	background: #f7f6f6;
} */
.calNo
{
	background: rgba(128,0,0,.8);
}
.calNo:hover
{
	background: rgba(128,0,0,.6);
}
.calYes
{
	background: rgba(0,128,0,.8);
}
.calYes * {
    color: white !important;
}
.calYes:hover
{
	background: rgba(0,128,0,1);
}
.calendar_icon
{
	color: white;
	font-size: 26px;
}
.small_calendar_icon
{
	font-size:16px;
}
.studentInfo
{
	width: 250px;
	margin: 0 auto;
	cursor: pointer;
	text-align: left;
	padding-left: 0;
	padding-right: 0;
	padding-top: 2px;
	border-radius: 10px;
	background: #EEEEEE;
	padding-bottom: 2px;
	position: relative;
	overflow: hidden;
 }
.student_info_bubble
{
	position: absolute;
	width: 124px;
	height: 76px;
	top: 0;
	left: 130px;
	background: gray;
}
.nameAvatar
{
	position: relative;
  top: -6px;
  margin-left: 3px;
}
.studentInfo .imgAvatar 
{
	top: 7px !important;
	margin: 0 !important;
	position: absolute !important;
	left: 7px;
	height: 50px !important;
}
.student_info_bubble .studentFirstname {
		position: absolute;
	top: 8px;
	left: 1px;
	margin-left: 8px;
	font-size: 22px;
}
.student_info_bubble .studentLastname {
	position: absolute;
	top: 34px;
	left: 1px;
	margin-left: 8px;
	letter-spacing: 2.5px;
}
.student_info_bubble .myLevel {
	top: 7px !important;
}
div#progressBars {
	position: relative;
	top: 29px;
}
.student_info_bubble .studentShowProgress
{
	position: absolute;
	top: 55px;
	font-size: 11px;
	left: 1px;
	margin-left: 8px;
	letter-spacing: 1.5px;
}
.desktopAvatar
{
	position:absolute;

}
.calendarMobile .popupTodayNumber {
	left: -2px;
}
.mobileUser .calendarTop {
	top: 0;
}

.underconstruction
{
	display: table;
	width: 100%;
	height: 90vh;
	margin:0 auto;
	max-width:400px;
}
.centered_text
{
display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 24px;
	padding: 20px;
	max-width: 400px;
}
.selectUser
{
	top: 7px;
	right: 4px;
	width: 20px;
	height: 20px;
	/* z-index: 40; */
	margin-left: -4px;
	position: absolute;
	float: left;
	display: none;
}

.selectPlanUser
{
	bottom: -4px;
	left: 4px;
	width: 12px;
	height: 12px;
	display: none;
}
/* input[type=checkbox]+label {
	cursor: pointer;
	font-size: 1em;
}
*/
.padTable {
	text-align: center;
	margin-top: 2px;
}
.padOuter h2 {
	font-size: 24px;
	margin: 0;
	margin-top: 10px;
	margin-bottom: 2px;
}
.padOuter .textButton a {
	padding: 3px 10px;
	border-radius: 30px;
	background: #EEEEEE;
}
.padOuter .textButton a:hover {
	background: #DDDDDD;
}
.showLevelSifu 
{
	position: absolute;
	top: 7px;
	left: 200px;
	color: #DDDDDD;
	font-size: 14px;
	line-height: 105%;
}
.show_to_level
{
	position: absolute;
	top: 25px;
	left: 200px;
	color: #BBBBBB;
	font-size: 9px;
	letter-spacing: 2px;
}
.planStudentList label {
	display: none !important;
}
[id^="checkbox_"] + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

[id^="checkbox_"]:checked + label {
	background-color: #ECF2F7;
	border: 1px solid #92A1AC;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
	color: #243441;
}
input[type=checkbox]+label
{
	cursor:pointer;font-size:1em
}

[id^=checkbox_]+label
{
	background-color: rgba(238, 238, 238, .2);
	padding: 2px;
	border-radius: 50px;
	display: inline-block;
	position: absolute;
	top: 18px;
	right: 22px;
	margin-right: 8px;
	-webkit-transition: all .1s ease-in;
	transition: all .1s ease-in;
	width: 25px;
	height: 5px;
}
[id^=checkbox_]+label:after
{
	content:' ';
	position:absolute;
	top:0;
	-webkit-transition:box-shadow .1s ease-in;transition:box-shadow .1s ease-in;
	left:0;width:100%;
	height: 9px;
	border-radius:100px;
	box-shadow:inset 0 0 0 0 #eee,0 0 1px rgba(0,0,0,.4);
}

[id^=checkbox_]+label:before
{
	content:' ';
	position:absolute;
	background: #222222;
	top: -5px;
	left: -5px;
	z-index:1; 
	width:20px;
	height:20px;
	-webkit-transition:all .1s ease-in;transition:all .1s ease-in;
	border-radius:100px;
	box-shadow:0 3px 1px rgba(0,0,0,.05),0 0 1px rgba(0,0,0,.3);
}
[id^=checkbox_]:active+label:after
{
	box-shadow:inset 0 0 0 20px #eee,0 0 1px #eee;
}
[id^=checkbox_]:active+label:before
{width:37px}
[id^=checkbox_]:checked:active+label:before
{
	width:37px;left:20px;
}
[id^=checkbox_]+label:active
{
	box-shadow:0 1px 2px rgba(0,0,0,.05),inset 0 1px 3px rgba(0,0,0,.1);
}
[id^=checkbox_]:checked+label:before
{
	content:' ';position:absolute;left:17px;border-radius:100px;
}
[id^=checkbox_]:checked+label:after
{
	content:' ';font-size:1.5em;position:absolute;background:#4cda60;box-shadow:0 0 1px #4cda60;
} 
.select_attendance
{
	top: 3px;
	right: 256px;
	width: 20px;
	height: 20px;
	z-index: 40;
	margin-left: -4px;
	position: absolute;
	display: none;
}
.select_attendance label
{
	top:3px !important;
	right:256px !important;
	font-size:10px !important;
}

[id=checkbox_attendance]+label
{
	background-color: rgba(238, 238, 238, .2);
	padding: 5px;
	border-radius:50px;
	display:inline-block;
	position: absolute;
	top: 7px;
	right: 250px;
	margin-right: 8px;
	-webkit-transition:all .1s ease-in;
	transition:all .1s ease-in;
	width: 25px;
	height: 7px;
}

.student_percent
{
	position: absolute;
	font-size: 20px;
	width: 46px;
	font-weight: bold;
	top: 13px;
	left: 65px;
	text-align: center;
}
.student_tolevel
{
	position: absolute;
	text-transform: uppercase;
	font-size: 10px;
	top: 39px;
	text-align: center;
	line-height: 120%;
	width: 46px;
	letter-spacing: 1px;
	left: 65px;
}
.m_plan_studentdiv
{
	height: 46px !important;
}
.m_plan_studentdiv .mobile_plan_level {
	top: 2px !important;
}
.mobile_plan_popup
 {
	left: 0px !important;
	top: 0px !important;
	width: 100%;
}
.mobile_plan_level
{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 46px;
	width: 46px;
	opacity: 1;
	background: #DDDDDD !important;
	border-radius: 46px;
}
.non_mobile_plan_level
{
	height:38px;
	width:38px;
}
.attend_level
{
position: absolute;
	top: 3px;
	left: 2px !important;
	height: 56px;
	width: 56px;
	opacity: 1;
	background: #5d5d5d !important;
	border-radius: 100%;
}
.cmd_s_btn {
	position: absolute;
	top: 10px;
	right: 96px;
	width: 20px;
	height: 20px;
	font-size: 18px;
	text-align: center;
	border-radius: 100%;
	padding: 2px;
	color: #999999;
	background: rgba(102, 102, 102, .2);
}
.cmd_s_btn:hover {
	background: black;
	color:white;
}
.cmd_plan_level
{
	top: 2px;
	height: 42px;
	width: 42px;
	background: rgba(255,255,255,.3) !important;
}
.cmd_progress {
	right: 90px;
}
.cmd_pay 
{
	right: 128px;
}
.openUserBtn
{
	margin:0px;
	position:absolute;
	top:0px;
	right: 59px;
	z-index: 32;
	border:0px none;
}
.startBookingBtn
{
	margin: 0px;
	position: absolute;
	top: 0px;
	right: 29px;
	z-index: 32;
	border: 0px none;
}
.findUserBtn
{
	margin: 0px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 32;
}
.cmd_menu {
	position: absolute;
	top: 11px;
	right: 4px;
	width: 20px;
	height: 20px;
	color: white;
}
.cmd_menu:hover
{
	color:#DDDDDD;
}

.cmdBody
{
	width:100%;
	position:relative; 
	margin-left:8px;
	margin:auto;
}
.cmd_block h2, .cmd_block h2 a {
	color: #666666 !important;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	padding-bottom: 6px;
}
.cmd_block
{
	width:100%;
	position: relative;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #F0F0F0;
	box-shadow: 0px 0px 11px rgba(65, 63, 63,.55);
}
.cmd_block_dark
{
	background: #333333;
}
.cmd_block_dark h2, .cmd_block_dark h2 a {
	color: #DDDDDD !important;
}
.progress_level {
	left: 8px;
}
.mobile_hdr_progress
{
	width: 11px;
  left: -8px;
}
.mobile_to_level
{
	left: 165px;
	font-size: 14px;
	position: absolute;
	top: 2px;
	color: #666666;
	padding-left: 6px;
}
.left_sidebar .mobile_to_level 
{
	display:none;
}

.progressChart
{
	top:0;
	position:relative;
	background:#FEFEFE;
}
.progressChart td 
{
border:none;

}

div.addSkill 
{
	margin: 0;
	padding: 0;
	cursor: pointer;
	position: absolute;
	overflow: hidden;
	height: 23px !important;
	top: -1px;
	left: 55px;
	border-radius: 11px;
	box-shadow: 0px 1px 3px 0px rgba(102,102,102,0.75);
}
.addSkill:hover {
	box-shadow: 0px 2px 3px 0px rgba(102,102,102,1);
}
.addSkill .bigButtonInner
{
	background: #333333 !important;
	height: 23px !important;
}
.addSkill.selected .bigButtonInner
{
	background:green !important;
}
div.dropSkill 
{
	margin: 0;
	padding: 0;
	cursor: pointer;
	position: absolute;
	top: 0;
	height: 21px;
	left: 28px;
	border-radius: 11px;
	box-shadow: 1px 1px 0px #CCCCCC;
}
.dropSkill:hover {
  background: rgba(0,0,0,.3) !important;
}
.btnTextRed
{
	color: #999999;
	font-weight:bolder;
}
.dropSkill:hover .btnTextRed
{
	color:DarkRed;
	opacity:1;
}

.btnTextMinus
{
	opacity: .8;
	position: absolute;
	top: 9px;
	left: 6px;
	text-align: left;
	font-weight: 100;
	font-size: 210%;
	height: 100%;
	line-height: 0%;
}
.btnTextMinusMobile
{
	position:relative;
	top:-8px;
	
	font-weight:100;
	color:Red;
	font-size:20pt;
}
.readySkill 
{
	margin: 0;
	z-index: 22;
	position: relative;
	top: 0px;
	width: 22px;
	height: 22px;
	background: #DDDDDD;
	border-radius: 22px;
}
.buttonsDiv2
{
	position:relative;
	left:0px;
	top:0px;
	height:20px;
	width:90px;
}

.buttonsDiv
{
	position:relative;
	left:0px;
	top:0px;
	height:20px;
	width: 139px;
	padding-left: 5px;
	text-align: left;
}

.buttonsDivMobile
{
	position:relative;
	left:0px;
	top:0px;
	height:20px;
	width:90px;
}
.practiceText
{
	font-size: 11px;
	color:#aaaaaa;
	display: inline-block;
	text-align: center;
	position: relative;
  right: -9px;
}
.practiced_s {
	color:White;
	font-size: 14px;
}
.imgAvatarAttend
{
	position: absolute;
  top: 1px;
  left: -4px;
  height: 48px;
  padding: 3px;
}
.imgAvatarPlanMobile
{
	position: absolute;
  top: 1px;
  left: -4px;
  height: 38px;
  padding: 3px;
}
.non_mobile_plan_level .imgAvatarPlanMobile
{
  left: -4px;
  height: 32px;
  padding: 2px;
}
.cmd_plan_level .imgAvatarPlanMobile
{
	left: -4px;
	height: 36px;
	padding: 2px;
}
.avatar_popup
{
	transform:none;
}
.pie {
	position: absolute;
	top: -1px;
	left: -1px;
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	display: inline-block;
	background: none;
	margin: 0;
	transform: rotate(-90deg);
}
svg {
	background: none;
	border-radius: 50%;
}
circle {
	fill: none;
	stroke: rgb(0,254,0);
	stroke-width: 32;
}
.readySkill circle {
	fill: none;
	stroke: rgb(0,254,0);
	stroke-width: 9;
}
@keyframes grow { to { stroke-dasharray: 100 100 } }
.pie.animated circle {
	animation: grow 2s infinite linear;
}

.mobilePlanStudentName {
	line-height: 42px;
	left: 43px;
	font-size: 21px;
	position: relative;
	width: 50%;
	padding-left: 6px;
}
.mobilePlanPercent
{
  line-height: 39px;
  font-size: 17px;
  font-weight: bold;
  position: absolute;
  left:0px;
  top: 0px;
  color:White;
  text-align: center;
  width: 100%;
  height: 39px;
}
a.theStudentList {
	color: #666666;
	display: block;
	padding-top: 10px;
	padding-bottom: 4px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	padding-left: 8px;
}
.class_current .theStudentList {
}
.class_future .theStudentList {
	background: rgba(255,255,255,.4);
}
a.theStudentList:hover 
{
	color: black;
	text-decoration: underline;
}
.planStudentList a.theStudentList {
	text-align: right;
}
.planStudentList a
{
	font-size:11px !important;
	color: #AAAAAA !important;
}

.mobilePlanBody #students {
	padding-bottom: 100px;
}

.planStudentList #students
{
	padding:0 !important;
}


.videoHdr
{
	opacity:1;
	cursor:pointer;
	background:black;
	background:url('images/kung fu video top hdr.png');
}

#videoHdr
{
	z-index:100000;	
	transition: opacity .62s;
	width:1440px;
	height:93px;
	position:absolute;
}
.videoHdr:hover
{
	opacity:.8;
}
#videoCover
{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:none;
	z-index:30000;
}

.page_section_icon 
{
margin-right: 6px;
  top: 2px;
  padding: 1px;
  vertical-align: bottom;
  z-index: 50;
  font-size: 21px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  text-align: center;
  color: #333333;
  background: #FAFAFA;
  text-align: center;
  border-radius: 30px;
}
.page_section_icon i
{
	position: relative;
  top: 4px;
}
#learningTitle .page_section_icon {
	border: 1px solid #BBBBBB;
}
.level_helpertext
{
	display: inline-block;
	position: absolute;
	width: 100%;
	font-size: 12px;
	letter-spacing: 3px;
	color: white;
	left: 0;
	top: -12px;
}
.notify_icon
{
	width:125px;
	height:100%;
	min-height:95px;
	text-align:center;
	  font-size: 32px;
	color:White;
}
.notify_icon i {
  line-height: 95px;
}
.n_positive
{
	background:green;
}
.n_negative
{
	background:darkred;
}
	
.benefitNonIndex {
    background: #e8e5e5 !important;
}
.benefitNonIndex .benefitBox{
    background: #e8e5e5 !important;
}
.benefitIndexContainer   
{
	 margin-top: 3% !important;
}

.benefitIndexContainer .benefitBox  
{
	margin-bottom:0 !important;
}

.tagLineIndex
{
	background:#333333 !important;
	color:White !important;
}

.audioMobile .volumeCtrls
{
	width:54%;
}
.audioMobile #volumeDown {
  right: 58%;
}
.audioMobile #volumeSlider 
{
	right: 13%;
  width: 40%;
  margin-right:3%;
}
.level_10 .student_text 
{
	color: #333333 !important;
}
.contentWell 
{
	background: white;
}

.circlePercent
{
	font-weight: bold;
  font-size: 16px;
  position: absolute;
  left: 11px;
  top: 12px;
  width: 42px;
  height: 41px;
  vertical-align: middle;
  text-align: center;
  color: #B1AEAE;
  background: white;
  border-radius: 33px;
  line-height: 40px;
}
.percent100
{
  background: green;
  color: white;
  box-shadow: 0px 0px 7px Green;
}
.mapContact
{
	margin-bottom:0%;
	position:relative;
	    left: -4px;
    top: 0;
    width: 95.5%;
	height:450px;
	background-color: #CCC;
}
.mapIndex
{
	margin-top:0%;
	position:relative;
	left:0;
	top:0;
/*	width:95%;
*/
	height:450px;
	background-color: #CCC;
}

#donut_single
{
	width: 61px;
  height: 61px;
  background: rgba(255,255,255,.5); 
  margin:1px;
  position:absolute;
  opacity:.85;
  border-radius: 33px;
}
.progressContainer
{
  position: relative;
  top: 2px;
  left: 0px;
  height: 74px;
}
.musicBtnsPlan
{
	position: absolute;
	left: -28px;
}
.audioMobile .musicBtnsPlan
{
	width:59%;
	left: 0;
}
.planMusicBtn
{
	height: 28px;
	top: 3px;
}
.audioMobile .planMusicBtn {
  width: 27% !important;
  max-width: 100px;
  top: 0px;
}

.skillBoxCell .skillText
{
	position:relative;
	top:0px;
	display: inline-block;
	max-width: 270px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	z-index:20;
}
.mobile_plan_popup .skillText 
{
	font-size: 16px;
	max-width: calc(100vw - 78px) !important;
}
.mobile_plan_popup .skillTextMasterTrack {
	font-size: 16px;
	max-width: calc(100vw - 78px) !important;

}
.likelyPlanMobile
{
  position: absolute;
  right: 0px;
  top: 2px;
  width: 39px;
  height: 39px;
	border-radius: 44px;
}
.likelyPlanDark
{
	display:none;
  position: absolute;
  left: 0px;
  top: 0px;
  background: rgba(0,0,0,.2);
  width: 39px;
  height: 43px;
  box-shadow: inset 0px 0px 11px -1px black;
}
.likelyPlanDesktop {
  position: absolute;
  left: 32px;
  top: 2px;
  width: 13px;
  height: 13px;
  border-radius: 30px;
   border: 2px solid rgba(255,255,255,.9);
  box-shadow: inset 0px 0px 11px -1px white;
}
.mobilePlanTimes
{
	position: relative;
	top: -2px;
	right: 46px;
	height: 45px;
	line-height: 45px;
	font-size: 13px;
	width: 50%;
	color: #666666;
	max-width: 100px;
	float: right;
	vertical-align: middle;
	text-align: right;
	overflow: hidden;
}
.likely_check
{
	text-align: center;
  top: 11px;
  left: -4px;
  position: relative;
  color:white;
}
.likely_check_mobile
{
	text-align: center;
  top: 11px;
  left: 0px;
  position: relative;
  color:white;
}


.audioMobile .planMusicBtn .bigButtonInner {
  height: 32px !important;
  width: 100px !important;
   background: rgb(69, 68, 68) !important;
}
.planMusicBtn .bigButtonInner 
{ 
/*  background: rgb(69, 68, 68) !important;*/
box-shadow:none !important;
}
.planMusicBtn
{ 
	box-shadow:none !important;
}
.darkText
{
	color:#333333;
}

.startClass
{
	position:absolute; 
	left: 32px;
}
.audioMobile .startClass {
  left: 1%;
}
.circleDrill
{
	position:absolute; 
	/*top:0px; */
	left: 137px;
}
.audioMobile .circleDrill
{
	left: 32%;
}
.stretchEndClass
{
	position:absolute; 
	/*top:0px; */
	left: 240px;
}
.audioMobile .stretchEndClass
{
	left: 62%;
}

.attendListContainer .musicBtns .bigButton
{
	 top: 0px;
}

.mobilePlanBody
{
/*	width:500px; */
	overflow:auto; 
	margin:0px; margin-left:0px; margin-top:0px;
}
.mobilePlan
{
	display:inline;
	position:absolute;
	left:0px; 
	top:0px;
	background-color: #ececec;	
	padding: 0px;	
	margin:0px;
	z-index:200;
	font-size:12px;
	color: Black;
}
.mobileSkillsOuter
{
	display:inline;
	position:relative;
	left:0px; 
	top:0px;
	background-color: #ececec;	
	padding: 0px;	
	margin:0px;
	z-index:200;
	font-size:12px;
	color: Black;
}

.mobileClassHdr
{
	position:relative;
	color:White;
	background:black;
}

.mobilePrev
{
	cursor:pointer;
	z-index:500;position:absolute;
	left:2px; 
	top:5px;
}
.mobileNext
{
	cursor:pointer;
	z-index:500;position:absolute;
	right:3px; top:5px;
}
.mobile_list
{
	max-height: calc(100vh - 41px) !important;
	height: calc(100vh - 41px) !important;
}

.mobileClassName
{ 
	display: inline-block;
	width: 100%;
	text-transform: uppercase;
	text-align: center;
	font-size: 13px;
	color: #CCCCCC;
	letter-spacing: 3px;
	line-height: 16px;
	padding-top: 3px;
}

.mobileDescHdr
{
	top:1px;	
	margin-left:0;
}

.mobileClassPage
{
	margin:0; padding:0; position:relative; 
	    margin: 0 auto;
    max-width: 1024px;
}

.classLogo
{
	position: absolute; 
	left:24px; top:3px; height:39px;
	display:none;
}

.mobileClassDate
{
position: relative;
    top: 1px;
    font-size: 16px;
    text-align: center;
    width: 100%;
    padding-bottom: 4px;
}
.planUpcomingTime
{
    margin: 0;
    visibility: visible;
    z-index: 11;
    font-size: 16px;
    padding-top: 6px;
    height: 42px;
    color: white;
    text-align: center;
    vertical-align: middle;
}
.mobileClassOuter 
{
	line-height: 9px;
	
	font-size:9px;
	position:relative; left:0px;
	margin-top:10px;
/*	max-width:500px;*/
}	

.mobileClassTime 
{
	position:absolute;left:500px;top:0px;	
}

.mobileClassPlan 
{
	line-height: 9px;
	
	font-size:9px;
}	
.zodiacShow img
{
	  margin-top: 0px !important;
}
zodiacShow span {
  padding-bottom: 7px;
}

.tagOrange
{
	 color: rgb(207, 137, 12);
}
.indexMenuList 
{
  vertical-align: middle;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
}

#timeToStartWomen {
  font-size: 133%;
}

#timeToStartWomen ol 
{
  left: 17px;
  position: relative;
}

.hdrEffective
{
    font-size: 99%;
  letter-spacing: 1px;
color: White;
height: 19px;
position: relative;
top: -5px;
left: 20px;
line-height: 100%;
}
#howStartHdr
{
	padding-top: 10px;
padding-bottom: 5px;
vertical-align: middle;
/*height: 52px;*/
width: 100%;
  background: white;
  margin-left: auto;
  margin-right: auto;
font-size: 18px;
  box-shadow: 0px 3px 8px #a5a3a3;
  z-index: 400;
  position: relative;
}
.tagLineContainer
{
/*	display:none;
	background:white;
*/
	position: relative;
}

.howStartHdrBold
{
	font-weight:bold;
/*	color:White;*/
	color:Black;
	text-decoration:underline;
}
#howStartBigImg
{
	width: 100%;
	position: absolute;
	left: 0px;
}
#howStartFace
{
	height: 100%;
	position: absolute;
	left: 0px;
}
#howStartKnife
{
width: 38%;
position: absolute;
top: 6.5%;
right: 11%;
}
#howStartGirl
{
width: 38%;
position: absolute;
right: 11%;
bottom: 7%;
}

#howStartContent .classListContainer
{
	width:auto;
	overflow: hidden;
}
#howStartContent .popupClassKungfu
{
	padding:0;
}
#howStartNav
{
	/* background: rgb(43, 42, 42);
	bottom:0px;
	min-height:20px;
	height:48px;
	vertical-align: middle;
	text-align:left;
	position: absolute;
  width: 100%;
  bottom: 0; */

		background: rgb(43, 42, 42);
    bottom: 0px;
    min-height: 55px;
    height: 48px;
    vertical-align: middle;
    text-align: left;
    position: absolute;
    width: 100%;
    bottom: -33px;


}
#howStartNavBtns
{
	width: 65%;
	position: absolute;
	vertical-align: middle;
	display: inline-block;
	margin: auto;
	top: 7px;
}
.howStartInput
{
	margin:1%;
	margin-top:1%;
	margin-bottom:1%;
	font-size:140%;
	position: relative;
}
.howStartLabel
{
	text-align: right;
	color: dimgray;
	width: 57px;
	display: inline-block;
	margin: 2%;
	margin-left: 0;
	margin-right: 6px;
	margin-bottom: 0;
	padding-bottom: 2px;
	font-size: 13px;
	letter-spacing: 2px;
	vertical-align: bottom;
	margin-top: 18px;
	text-transform: uppercase;
}
.howStartTextInput
{
	width: 240px;
}
.dd_input
{ 
	border-width: 0;
	font-size: 16px !important;
	padding: 4px 0px;
	height: auto;
	padding-left: 4px;
	background: #EEEEEE !important;
	color: #333333 !important;
}
select.dd_input {
	margin: 0;
}

.dd_input.error
{
  border-color: darkred;
  border-bottom-width: 2px !important; 
}

.dd_input:focus
{
  border-style: solid;
  border-color: #067AED;
  border-bottom-width: 2px;
  outline-style: none;
}

.startEasy
{
	font-size: 133%;
	font-weight: bold;
}

.correctTextBtn
{
	font-size: 16px;
	color:white;
	margin-right:4px;
	margin-left:14px;
	float: right;
	display:none;
}
.correctTextBtn:hover
{
	font-weight: bold;
	text-decoration: underline;
}

.howStartTab
{	
	border-top: none;		
	font-size: 20px;
	color: #c1bdbd;		
	line-height: 160%;	
	position: relative;		
	display: inline-block;	
	cursor:pointer;
}
.howStartTab:hover
{
	font-weight: bold;
	text-decoration: underline;
}
#howStartBackPage 
{
    left: 30px;
}
.secondary-btn
{
	  padding: 4px 16px 4px 16px;
    background: rgba(0, 0, 0, .2);
    border-radius: 11px;
}
.secondary-btn:hover
{
	background: rgba(0, 0, 0, .4);
}
#howStartNextPage
{
	color: white;
	font-weight: bold;
	right: 30px;
	padding: 4px 16px 4px 16px;
	background: rgba(0,0,0,1);
	float: right;
	border-radius: 11px;
}
#howStartNextPage:hover
{
	background: rgba(0, 0, 0, .4);
}
.text_btn
{
	color: white;
	font-weight: bold;
}
.howStartDisabled
{
	font-weight:normal !important;
	color: #6f6d6d !important;
	cursor:auto !important;
}
.howStartDisabled:hover
{
	text-decoration:none;	
}
#howStartEmail
{
	font-size:15.6px;
	float: right;
	position:relative;
	  top: 25px;
}
#phone_call
{
	font-size:15.6px;
	float: left;
	position:relative;
	top:25px;

border-top: none;		
	line-height: 200%;	
}
#orCall
{
	font-size:15.6px;
	float:none;
	display:inline-block;
	position:relative;
}

.input_back
{
	width:100%;
	height:100%;
	background: white;
	min-height:220px;
}

#howStartNext
{
	width:20%;
	height:95%;
	top: 2px;
	right:0px;
	margin-right:0px;
	float:right;
	height: 99%;
top: 0px;
}
#howStartNext .tallButtonInner
{
	height:100%;
}
#howStartNext .buttonTextTallWide
{
	font-size: 250%;
}
#howStartNext img
{
	left:auto;
	right: 5%;
}
#howStartBookDiv
{
  background: none;
  padding: 0;
  border: none;
  width: 240px;
  display: inline-block;
}
.userProfileInput
{
	margin-left: 3px;
}
.profileInput
{
	width: 299px;
}
.profileInput1
{
	width: 122px;
}
.profileInput2
{
	width: 164px;
}

#howStartBookNow
{
	bottom:4%;
/*	display:inline-block;
*/
}
#howStartBookNow .buttonTextTallWide
{
  font-size: 16px;
  margin-right: 0px;
  top: 8px;
}
#howStartBookNow .tallButtonInner
{
	height:100%;
}

.howSifu
{
	position: relative;
	width: 22%;
	margin: 2%;
	margin-right: 0;
	float: left;
	display:none;
}
.howGreen
{
	position: relative;
	width: 6%;
	margin: 1%;
	float: left;
}
.howBall
{
	width:7%;
	max-width: 26px;
	margin:0; 
	padding:0 0; 
	border-width:0; 
	border:0px none;
	position:relative;
	top:4px;
}
.final_ok
{
	font-size: 52px;
  margin-top: 18px;
}

.howBulletText
{
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 17px;
}
.howStartContentFinal
{
	max-height:353px !important;
	  background: black;
  color: white;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 18px;
    padding-top: 34px;
}
.howCheck
{
	display:none;
  right: 2px;
  position: absolute;
  bottom: 4px;
  color: darkgreen;	
}
.sifuPageAvatar
{
  box-shadow: 0px 0px 2px gray;
  border-radius: 20px;
}
.academyAvatar
{
	margin-left:3px; margin-right:1px;
}

.mobileAvatarProgress
{
	position:absolute; left:-1; top:6;
	width:13px;
	height:13px;
}
.selectDayClass
{
	text-align:left;
}
.startingNow
{
	cursor:pointer;
	display:inline-block;
	text-align:center;
	width:78%;
}
.startNowText
{
	
	color: White; 
	font-size:17px;
	
	font-size:19px;
	margin-left:40px;
	display:inline-block;
}
.startNowTextMobile
{
	color: white;
	font-size: 14px;
	display: inline-block;
}
.startToday
{
	text-align: center;
	display: block;
}
.benefitBox
{
	position:relative;
	text-align:center;
	min-height:10px;
	margin-bottom:16px;
	display:inline-block;
	vertical-align:middle;
	font-weight:bold;
	font-size:140%;
	width:97%;
	padding-left:10px;
	padding-bottom:0px;
	margin-left:0px;
	background: white;
	color:midnightblue;
/*	max-width: 920px;*/
	cursor:pointer;
}
.benefitBox p
{
	margin-bottom:0px;
	margin-top:10px;
	padding:0;
}
.benefitBox .uxInner2
{
  position: relative;
  font-size:13px;
  text-align:left;
  text-shadow: none;
  color:#E6E6E6;
  display:none;
}
.ddSlideShow
{
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}
.ddIndexSlideshow
{
	max-width: 720px;
}
.indexBlockMenuMobile
{
	text-align:left;
	width:42%;
	background: rgb(37, 39, 37);
	height:125px;
	vertical-align: top;
	margin-right:0;
	right:0px;
	float: right;
	position:relative;
}
.indexBlockLogo
{
	display:inline-block;
	text-align:center;
	width:60%;
	height: 140px;
	background:black;
	cursor:pointer;
	position:relative;

	border-top-right-radius: 7em;
	border-bottom-right-radius: 7em;
	box-shadow: 6px 0 2px -2px #444;
	background:url('images/gradient-goldHdr.png');
	background: linear-gradient(to bottom, rgb(215, 195, 125),rgb(231, 197, 95),rgb(219, 185, 85), rgb(206,175,81), rgb(231,199,100));

	vertical-align: middle;
}

.gradingCorrectContent
{
	height:90%;
	overflow:auto;
}
.kickPatternCorrections
{
	height:80%;
}
.gradingNotifyFooter
{
	background: black;
	display:inline-block;
	color:White;
	font-size:15px;
	text-align:center; 	
	vertical-align: middle;
  height: 10%;
  width: 100%;
  position: absolute;	
}
.gradingKickPattern
{
	height:20%;
}
	
#personalNotes
{
	display:inline-block;
	vertical-align: middle;
	margin:0 auto;
	position: absolute;	
	left:0;
	right:0;
	top:0;
	bottom:0;
}

.gradingBullet
{
font-size: 37px;
line-height: 26%;
display: inline-block;
top: 3px;
margin-right: 7px;
left: 0;
position: relative;
}

.gradingNotifyHeader 
{
  position: relative;
  top: -2px;
  color: White;
  margin-left: 15px;
  font-size: 141%;
  line-height: 182%;
}

.correctionAvatar
{
  z-index: 300;
  position: absolute;
  top: 2px;
  left: -1px;
  box-shadow: inset 0px 0px 12px rgba(0,0,0,.3), 0px 0px 12px #6D6B6B;
  border-radius: 46px;
}
.indexBlockMenu
{
	text-align: left;
display: inline-block;
width: 30%;
height: 135px;
vertical-align: middle;
padding-top: 8px;
}

#skillGradingList .listContainer
{
	overflow-x:hidden;
}
.gradingCorrections .close {
  color: white;
}
.cellGradingPerson
{
	padding: 0;
	text-align: center;
	width: 44px;
	padding-right: 4px;
	padding-left: 0px;
}
.divGradingPerson
{
	height: 42px;
    border-radius: 14px;
    position: relative;
    width: 100%;
}
.gradingAvatar
{
	float: left;
    margin: 0;
    padding: 0;
    padding-right: 2px;
    padding-left: 1px;
    margin-bottom: -4px;
    position: relative;
    top: 1px;
    height: 100%;
    /* z-index: 32; */
    border: 0px none;
    opacity: .4;
    cursor: pointer;
		border-radius:400px;
}
.gradedNoCorrections
{
	background:rgba(0,255,0,.3);
}
.gradedSomeCorrections
{
	background:red;
	opacity:.3;
}
.gradingUser
{
    position: absolute;
    /* background: Green; */
    width: 40px;
    height: 40px;
    z-index: 46;
    left: 0px;
    cursor: pointer;
    border-style: solid;
    border-color: #dedede;
    border-radius: 40px;
    border-width: 1px;
    margin-right: 2px;
    margin-left: 2px;
}

.indexLogo
{
	height:98px;
	width:auto;
}

.bulletIndex
{
	font-size: 130%;
	color: DarkGoldenRod;
}
.bulletIndex img
{
	width: 4.7%;
}

.startNowIndex
{
/*	font-size:19px;*/
	font-size: 140%;
	margin-left:40px;
	display:inline-block;
}

.startNowIndexMobile
{
	display:inline-block;
	margin-left: 1%;
	font-size: 87%;
	margin-top: 5%;
}

.indexContent
{
	position:relative;
	top:0px; 
	margin-left: auto;
  margin-right: auto;
  background: #333333;
	display: flex;
}

.indexMainContent
{
	max-width:960px;
}
.mostEffective .indexMainContent
{
  position: relative; 
}
.indexContentMobile
{
	background:white;
}
#indexNav 
{
	list-style-type: none;
}
#indexNav li a
{
	color:White;
	
	font-size:80%;
} 
.playerDiv
{
	z-index:16; 
	position:relative; 
	left:0;
	top:0; 
	margin:auto;
	width:720px;
	max-width:720px;
	height:420px;
	vertical-align:middle;
}
.playerDiv:hover .slArrow { display: block; }
.playerDiv:hover #learnMoreNow { display: block; }

.slideArrowDiv
{
	background:Black;
	opacity:.2;	
	width:50px;
	height:50px;
	box-shadow:0px 0px 16px Black,0px 0px 26px Black,0px 0px 36px Black;
}
.slArrow
{
	display:none;
	position:absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.slideArrow
{	
	cursor:pointer;
	opacity:0.2;
	height:40px;
}
.slideArrow:hover
{	
	height:44px;
	opacity:0.7;
}

.slideArrowBack
{
	left:-0px;
}

.slideArrowForward
{
	right:-0px;
}
.indexBlockLogoMobile
{
	display:inline-block;
	text-align:center;
	left:0px;
	position:relative;
	cursor:pointer;
	height: 20%;
	width: 100%;
	vertical-align: middle;
	background: linear-gradient(to bottom, rgb(215, 195, 125),rgb(231, 197, 95),rgb(219, 185, 85), rgb(206,175,81), rgb(231,199,100));
	background: #232222;
}
.wcAnimDiv
{
	padding-top:.7%;
	padding-top:.5%;
	background:black;
}
.mobileBigAnim
{
	width:65%;
}
.bulletMobileIndex
{
font-size: 127%;
padding-left: 8%;
}
.bulletMobileIndex .bulletball 
{
	padding-left: 5%;
}
#howStartNext img 
{
	right: 0%;
}
#howStartNext .buttonTextTallWide 
{
	margin-right:7%;
}
.bulletIndex {
    color: DarkGoldenRod;
}

.ddMobileIndex
{
	width:100%;
}
.benefitBox 
{
	padding-left: 0px;
	width: 100%;
	color: white;
/*	background: goldenrod; */
}
.benefitBox .uxInner2
{
	display:block;
	color:inherit;
}

.indexPage1
{
	position:relative;
	height:100%;
}

.wingchun
{
	display:inline-block;
	width:100%;
}
.effective
{
	display:inline-block;
}
	.mostEffective {
		margin: auto;
		font-size: 94%;
		line-height: 125%;
		min-height:36px;
		display: block;
		background: goldenrod;
		color: rgb(234, 234, 234);
		    padding-top: 6px;
		top: 0;
		text-align: left;
		position: relative;
	}
	.mostEffective div
	{
		vertical-align: middle;
		display: inline-block;
		line-height: 199%;
	}
	.wingchun 
	{
		margin-left: 1%;
		width:auto;
	}
	.wingchunSeparator
	{
		text-align: center;
		width:4%;
	}
.bulletMobileIndex img
{
	width: 7%;
}
.playerDiv
{
	height:210px;
}
.bookingIcon
{
	height: 60%;
	width:auto;
}
.iconButton .bookingIcon {
  height: auto;
}
.startingNow
{
	cursor:pointer;
	display:inline-block;
	text-align:center;
	width:100%;
	height: 21%;
}
.startDiv
{
	padding:.5% !important;
}

.redArrow
{
	bottom: -2px;
	width: 18%;
}	
.benefitContainer 
{
	margin-top: 0%;
	margin-bottom: 0;
	font-size:200%;
	text-align:center;
}
.indexBlockMenuMobile 
{
	display:none;
}
.indentLink1
{
	margin-left:5%;
}
.indentLink2
{
	margin-left:10%;
}
#indexNav
{
	padding:2%;
}
.mainLogoMobile
{
width: 74%;
/* margin-top: 1%; */
top: 0;
bottom: 0;
position: absolute;
margin: auto;
left: 0;
right: 0;
}
.mobileBigAnim
{
	width: 32%;
}
.howStartNavFiller
{
	background:midnightblue;
	height:100%;
}

td.inviteClassName
{
	min-width: 39px;
}
.notFirstClass 
{
	margin-right: 22px;
}
.startEasySpacer
{
	height:10%;
}
#howToStart
{
	background: Gray;
	box-shadow: 0px 0px 40px lightgrey;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 440px;
	width: 100vw;
	min-width: 360px;
	height: 100vh;
	max-height: 620px;
	min-height: 620px;
	margin: auto;
	z-index: 1200;
	font-size: .75em;
}
#howToStart table, #howToStart tr, #howToStart td,  #howToStart th
{
	padding:0 !important;
	line-height:normal !important;
	border:none !important;	
	vertical-align:middle;
}

#howToStart .selectDayClass 
{
  text-align: left;
  padding-left: 6px;
}

#howToStart .lessonDayFirst
{
	width: 80px !important;
}

#howToStart .start_radio_select 
{
  padding: 0;
  width: 22px;
  text-align: center;
}

#howStartContainer
{
	display:table;
	width: 100%;
	height:90%;
}
#howStartContent
{
	width:64.9%;
	height:100%;
	float: left;
	position: relative;
	overflow: hidden;
}
.inviteClassRow
{
	cursor:pointer;
}
.inviteClassRow:hover {
  background: rgba(0,0,0,.1);
}

#howStartBulletBox
{
	position: relative;
	top: 19%;
	margin-left: 3%;
	margin-right: 3%;
	text-align: left;
	padding-bottom: 5%;
}
#howStartContentDiv #howStartBulletBox
{
	top:4%;
	background: white;
	padding-bottom:0;
}
.howBulletFinal
{
	position:relative;
  top: 30px !important;
  background: darkgreen;
  height: 110% !important;
}
.finalBullets
{
  background: black !important;
  top: 0 !important;
  padding-top: 6px;
}
.finalBullets div
{	
  color: white;
}

#howTopTitle
{
  background: #e6e3e3;
  color: black;
   background: dimgray;
  color: white;
  width: 100%;
  font-size: 18px;
  text-align: center;
  padding-top: 6px;
  padding-bottom: 6px;
  text-transform: uppercase;
  font-weight: bold;
}

#howStartContentDiv #howStartBulletTitle
{
	background:DarkRed;
}
#howStartContentDiv .howStartBulletItem
{
	color:Black;
	margin-bottom:3%;
}
#howStartContentDiv #howStartBulletTitle
{
	margin-bottom:3%;
}
#howStartClassDesc
{
	background: #484747;
	color: white;
	font-size: 130%;
	text-align: center;
	padding: 3%;
	padding-bottom: 6%;
	  margin-top: -30px;
  position: relative;
}
#howStartBulletTitle
{
	color: white;
	  font-size: 18px;
	text-align: center;
	margin: auto;
	margin-bottom: 10%;
	padding-top: 3%;
	padding-bottom: 3%;
	width: 80%;
	border-bottom: 1px solid white;
}
.mailBtn {
	background: #DDDDDD;
	color: black;
	padding: 8px 18px;
	border-radius: 40px;
	font-size:14px;
}
.mailBtn:hover {
	background: #EEEEEE;
}
.mailMenu
{
	position: absolute;
	display: inline-block;
	left: 700px;
	color: white;
}
.mailMenuSifu
{
	right: 60px;
	left: auto;
	top: 25px;
	text-align: right;
}
.ui-menu { text-align:left; width: 300px; }

.howStartBulletItem
{
	font-size: 150%;
	color: white;
	margin: 2%;
	margin-left: 30px;
	margin-bottom: 5%;
}
.howStartBulletTime
{
	margin-left: 12%;
}
.howArrow
{
	position:absolute;
	left: -4px;
}
.howArrowUp
{
	display:none;
	position: absolute;
	left: 2%;
	width: 9%;
}
.sifuLayout
{
	max-width: 1298px;
	position:relative;	
	background: none !important;
	margin: auto;
}
.oneCorrection
{
  cursor: pointer;
  margin-bottom: 2px;
  display: inline-block;
  margin: 4px;
}
.oneCorrectionThread
{
  text-align: center;
  float: none;
  padding: 0;
  border-radius: 4px;
  font-size: 128%;
  display: inline-block;
}

.skillHasCorrections
{
	background: rgba(255,70,70,.7);
}
.skillNoCorrections
{
	background: rgba(255,200,200,.4);
}

.gradingCorrections
{
  position: absolute;
  top: 0px;
  overflow-y: auto;
	overflow-x: clip;
  z-index: 1000;
  width: 100%;
  height: 100%;
  font-size: 16px;
	background: #EEEEEE;
}

.gradingBody
{
	position:relative;
	
	font-size:12px; 
	overflow-y:auto;
	text-align:center;
}

.notifyCorrections
{
	font-size:14px; 
	padding:3px;
	overflow-y:auto;
	padding-top:16px;
	padding-bottom:16px;
	min-height:96px;
	text-align:center;
	width:95%;
	margin: 0 auto;
}
.notifyCorrections hr
{
	opacity:.5;
}

.commentInput
{
	overflow: auto;
	
	font-size:11px;
	width: 99%;
	height: 45px;
	background-color:DarkGray;
	border-color:DarkGray;
}

.needNote
{
	background:Blue;
	color:White;
}

.needErrors
{
	background:Red;
	color:White;
}

.commentInputSifu
{
	overflow: auto;
	
	font-size:16px;
	width: 99%;
	height: 240px;
	background:lightGray;
	border-color:DarkGray;
	border-radius: 8px;
}
.editCorrection
{
	width:16px;
	float:right;
	cursor:pointer;
	margin-left:30px;
}
.editCorrectDiv
{
	font-size:70%;
	display:none;
}
.noteAvatar
{
	display: inline-block;
	margin-right:4px;
	vertical-align:top;
	width:18px;
}
.myNoteContain
{
	 display:table;
}
.myNoteContain .noteAvatar,.correctionNote
{
  display: table-cell !important;
  vertical-align: top;
}
.correctionName div
{
  background: rgba(0,0,0,.2);
  border-radius: 10px;
  margin-bottom: 1px;
  margin-right: 20px;
  padding: 1px;
}
#personalNotes .correctionName div
{
	background: rgba(255,255,255,.2);
	padding: 3px;
  margin-bottom: 5px;
}
.myNoteLink
{
	 font-size: 16px;
  color: White;
  float: right;
  position: relative;
  padding-left: 20px;
  padding-right: 10px;
  font-weight: bold;
  bottom: 0;
  cursor:pointer;
}
.myNoteLink:hover
{
	opacity:.7;
}
.editMyNote
{
	width:16px;
	float:right;
	cursor:pointer;
	margin-left:30px;
	color:White;
}
.editMyNote:hover
{
	opacity:.7;
}
.editMyNoteDiv
{
	font-size:70%;
	display:none;
}
.skillDiv3
{
	display:inline;
}
.inputCorrection
{
	overflow: auto;
  min-width: 250px;
  height: 80px;
  width: 100%;
}
.inputMyNoteText
{
	overflow: auto;
  min-width: 450px;
  height: 110px;
  width: 90%;
}
.addComment
{
	position: relative;
	left: 0px;
	top: 10px;
}
.prevComments
{
  font-size: 12px;
  /* height: 100%; */
  overflow: auto;
  text-align: left;
  position: relative;
  top: 10px;
  margin-bottom: 14px;
  left: 0px;
}
#gradingCmd
{
	position: relative;
	display: block;
	background: #EEEEEE;
	margin: 0;
	width: 100%;
	/* z-index: 610; */
	font-size: 12px;
	text-align: left;
	padding-left: 0px;
	max-width: 1278px;
	margin-bottom: 2px;
}
.cmd_block_dark #gradingCmd {
	background: none;
}
.gradingPersonal
{
	width:auto !important;
	max-width: none !important;
}
#gradingContainer
{
	margin-bottom:7px;
	margin-top: 8px;
}

#gradingContainer .gradingPersonal
{
	padding-top:2px;
	padding-left: 5px;
}
#gradingTitle
{
  color: White;
  font-size: 153% !important;
  line-height: 100%;
  padding: 6px;
  top: 0px;
  position: relative;
  padding-left: 6px;
  /* background: black; */
}
#learningTitle
{
	color:White;
	font-size: 20px !important;
	padding:8px;
	padding-left:4px;
	margin-top: 4px;
	padding-left: 7px;
	padding-bottom: 0px;
}
#learningList
{
	background: rgb(196, 202, 206);
	padding:4px;
	display:none;
}
#learningList h1 {
padding-bottom: 6px;
}
.gradingPersonal .friendTable
{
	background:none;
}
.gradingVidList
{
	background:none !important;
}
#GradingList
{
	background: #EEEEEE;
	/* display:none; */
}
#GradingList #gradingCmd
{
	background:none;
}

.learnImage 
{
	position: relative;
	left: 0px;
	top: 3px;
	margin: 0;
	padding: 0;
	margin-right: 6px;
	height: 22px;
	border: 0px none;
}

.vidPageSubTitle
{
	background:black;
	color:White;
	font-size: 130%;
line-height: 140%;
}
.popupTitle
{
  color: White;
  background: #333333;
  height: 60px; 
  font-size: 147%;
  line-height: 160%;
  text-align: left;
  vertical-align:middle;
  padding-left:60px;
}
.popupTitle div 
{
  top: 10px !important;
  position: relative;
  font-size: 18px !important;
}
.popupTitle .close 
{
  color: white !important;
  right: 2px;
}
#payTitle
{
	padding-top: 5px;
}

.cmdPopupTitle
{
	color:White;
	background:Black;
	height:24px;
	font-size:20px;
	text-align:left;
	padding-left:4px;
	margin-left: -3px;
}
.msgUserCmd
{
	position: absolute;
	top: 180px;
	right: 50px;
	display: none;
	background-color: dimgray;
	padding: 1px;
	margin: 0;
	width: 800px;
	z-index: 610;
	font-size: 12px;
	text-align: left;
	box-shadow: 0px 9px 22px -9px #F8F0F0;
}
.paySelectInner
{
	padding-bottom:5px;
}
.msg_title
{
	background: none;
	font-size: 10px;
	padding-bottom: 4px;
	padding-right: 6px;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #EEEEEE;
	display: inline-block;
}
.to_from
{
	padding-left:6px;
	padding-left: 6px;
	background: #333333;
	color: white;
}
.msgSubject
{
	position: relative;
	width: 100%;
	background: rgb(244, 242, 242);
	border: Solid #bfbebe 1px;
	height: 80%;
	padding-top: 4px;
	font-size: 15px !important;
	padding-left: 4px;
	padding-bottom: 4px;
}

.otherUserDiv
{
	margin-top:16px;
	color: dimgray;
	font-size:10px;
	  height: 52px;
}

.payLabel1
{
	width: 236px;
	display:inline-block;
	text-align:right;
}

.paySelect1
{
	margin-top:0px;
	width:100%;
	background:rgba(0,0,0,.1);
	padding-left:20px;
	padding-top:20px;
}

.paySelect2
{
	margin-top:0px;
	width:100%;
	padding-left:20px;
		padding-top:20px;
}
.payText
{
	width: 419px;
}
.pay_item
{
	width: 370px;
}
.pay_price
{
	text-align:center;
}
.payItemLabel
{
	padding-left: 4px;
	display: block;
}
.masterTrackDone
{
	font-size: 10px;
	position: relative;
	left: 12px;
	top: 0px;
	letter-spacing: .8px;
	margin-left: 4px;
	text-transform: uppercase;
}
.level_10 #skillLevel, .level_10 #levelTheme, .level_10 .gradingItem1 {
	color: black !important;
}

.payDates
{
	padding-top: 7px;
padding-bottom: 3px;
	margin-top:8px;
	color:DimGray;
	width:100%;
padding-top: 20px;
  padding-bottom: 12px;
}
.payDates span {
text-align: center;
left: 11px;
position: relative;
}

.mobileUserTop
{
	padding:0;margin:0;
	max-width:500px;
	max-width:100%;
}
.mobileGradingTop
{
	max-width:100%;
	width:100%;
	height:64px;
	max-height:64px;
		font-size:16px;
	text-align:center;
	position:relative;
	padding-bottom:2px;
}

.mobileGradingTopDiv
{
	max-width:100%;
	width:100%;
	height:54px;
	max-height:54px;
	font-size:16px;
	text-align:center;
	position:relative;
	padding-bottom:2px;
}
.mobileUserHdr 
{
	background: Black;
	font-size:14px; 
	line-height: 26px;
	color: White;
	text-align:left;
	width:100%;
	padding:0;
	margin:0;
	box-shadow: inset 0px 9px 22px -9px #F8F0F0;
}

.skillTextGrading
{
	margin-left:3px;
	font-size:174%;
	  top: 6px;
}
.skillProgressGraded
{
	background:rgba(0,255,0,.5);
}

.mobileGradingHdr 
{
	font-size:14px; 
	line-height: 23px;
	height: 100%;
	color: White;
	text-align:left;
	width:100%;
	padding:0;margin:0; 
}
.mobileGrading
{
	background:white;
  width: 100%;
  position: relative;
}

.ddMobileBody
{	 
	margin:0;
	z-index:-30;
	overflow:hidden; 
	width:500px;
	background-color:#FFFFFF;
}
.ddGradingBody
{
	width:100%;
	max-width:100%;
	background:dimgray;
}

.mobileUserHdrContainer
{
	height:26px;
}
.addPayment
{
	position:relative;	
	vertical-align: middle;
	display:none;
		background: #FAFAFA;
	color:dimgray;
	margin:auto;
	width: 700px;
	z-index:610;
	font-size:14px !important;
	text-align:left;	 
}
.paySelectInfo input, .paySelectInfo select {
	border-width: 0;
	font-size: 16px;
	padding: 4px 0px;
	height: auto;
	margin-left:3px;
	padding-left: 4px;
	background: #EEEEEE !important;
	color: #333333 !important;
}
.oldGradingDlg
{
	background: #e0e0e0;
	display:none;
}
.oldGradingDlg #startDateRead 
{
	position:relative;
	left: 0;
}
.oldGradingDlg input, select 
{
font-size: 14px !important;
margin-left:4px;
}
.gradingDateRow 
{
margin-left: 80px;
padding: 5px;
}
.gradingDateLabel
{
  display: inline-block;
  width: 66px;
  text-align: right;
  margin-right: 6px;
}
.bookBackMobile
{
	position:absolute;
	left:25%;
	top:0px;
	width:32px;
	height: 30px;
		 color: white;
  font-size: 44px;
	margin-right:12px;
	cursor:pointer;
	z-index:400;
}

.bookNextMobile
{
	position:absolute;
	right:25%;
	top:0px;
	width:32px;
	height: 30px;
		 color: white;
  font-size: 44px;
	margin-left:12px;
	cursor:pointer;
	z-index:400;
}
.bookBackMobile2
{
	position:absolute;
	left:10px;
	top:0px;
	 color: white;
  font-size: 44px;
  /* height: 92%; */
	margin-right:12px;
	cursor:pointer;
	z-index:400;
}
.bookNextMobile2
{
	position:absolute;
	right:10px;
	top:0px;
	 	 color: white;
  font-size: 44px;
  /* height: 92%; */
	margin-left:12px;
	cursor:pointer;
	z-index:400;
}
.descHdr i 
{
	border-radius: 100%;
}
.oldGradingItem
{
	position:relative;
	padding-left:2px;
	display: inline-block;
	vertical-align: middle;
}
.oldGradingIndicator
{
  width: 22px;
  margin-right: 6px;
  vertical-align: middle;
  display: inline-block;
    font-size: 20px;
  position: relative;
  color:Gray;
}
.oldGradingDate
{
	width: 150px;
}
.oldGradingDateRel {
	width: 150px;
}
.oldGradingLevel
{
	width:120px;
	text-transform: uppercase;
	color: black;
	letter-spacing: 1px;
}
.oldGradingDesc
{
	width: 117px;
	text-align: center;
	text-transform: uppercase;
	font-size: 12px;
}
.oldGradingVideo 
{
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: 84px;
	text-align: center;
	right: 17px;
	height: 100%;
	overflow: hidden;
	position: absolute;
	color: #666666;
}
.oldGradingVideo span 
{
	text-align: center;
	position: relative;
	line-height: 30px;
}
.oldGradingVideo img 
{
  float: center;
  margin-right: 6px;
}
.oldGradingVideo i 
{
  float: center;
	margin-left: 6px;
  margin-right: 6px;
	font-size: 24px;
}
.oldGradingVideo i:hover
{
  color:black;
}
.userContextMenu .hdrProgress {
	width: 10px;
	left: -2px;
}
.userContextMenu .progressClassTitle {
	background: #333333;
	color: #EEEEEE;
}
.userContextMenu .close {
	color: white;
}
.userContextMenu .progressLevel {
	background: none !important;
	top:1px;
}
.mobileHeaderContainer
{
	position:relative; 
	top:0;
	background:white;
	height: 7%;
	min-height: 55px;
  max-height: 62px;
	z-index:1000;
	padding:0;
	margin:0;
	width:100%;
}

.gradingFooter
{
	bottom: 0;
	left: 0;
  height: 4%;
  min-height: 40px;
  background: black;
  color: White;
  width: 100%;
  vertical-align: middle;
	position: fixed;
  font-size: 24px;
  z-index: 500;
}

.showGradingPreps
{
  margin-left: 5%;
  width:20px;
  height:20px;
  display: inline-block;
  vertical-align: middle;
}
.correctCheck
{
  margin-left: 5%;
   height: 20px;
  width: 30px;
  display: inline-block;
  vertical-align: middle;
  opacity:.5;
}
.mobileTableContainer
{
  overflow: auto;
  z-index: 200;
  position: relative;
  top: 0;
  height: 91%;
}
.mobileCalendarColumn
{
	padding:0;
	margin:0;
	width: 211px;
	display:inline-block;
	vertical-align:top;
}
.mobileColumn
{
	overflow: auto;
	z-index:200;
	position:relative;
	width:100%;
	top:0;
}
.weekBorderCell
{
	padding-top:0;padding-bottom:0;
}
.mobileHeader 
{
	position:fixed;
	left:0px;
	top:0px;
	/*height: 31px;*/
	width:100%;
	z-index:1200;
}

.mobileName 
{
	position:relative; 
	left:37px;
	top:3px;	
	font-size:15px; 
}

#send_msg {
	margin-left: 20px;
	margin-bottom: 16px;
	border-radius: 5px;
}

.friendToAvatar
{
	position: absolute;
  left: 17px;
  top: -5px;
  height: 39px;
}	
.oldGradingAvatar
{
  position: absolute;
  left: 8px;
  top: 11px;
/*  height: 39px;
*/
}
.oldGradingVideoURL
{	
	font-size:14px;
	margin-right: 6px;
	width:400px;
}

.friendDiscuss
{
	position: absolute;
	left: 20px;
	font-size: 26px;
	top: 12px;
	height: 22px;
	z-index: 10;
}	
.oneGrading
{
	font-size: 14px;
	position: relative;
	cursor: pointer;
	padding: 3px;
}
.oneGrading:hover {
	background: #EEEEEE;
}
.oneGrading:hover .oldGradingLevel, .oneGrading:hover .oldGradingDateRel{
	color:black;
	font-weight:bold;
}
.addPayment a {
  color: black !important;
	font-weight:bold;
}
.addPayment a:hover {
	text-decoration: underline;
}
.orderUsers
{
	display: inline-block;
	position:absolute;
	 height: 14px;
}
.oneOrder
{	
	padding-left: 10px;
	font-size:10px;
	position:relative;
	  height: 18px;
	cursor:pointer;
}
.oneOrder:hover {
  background: rgb(230,230,230);
}
.notPaid
{
	color:Red;
}
.inputDate
{		
	font-size: 10px !important;
	text-align:center;
}
.mobileCommentTitle
{
	font-size:12px;
	height:18px;
}
.mobileSkillsTitle 
{
  line-height: 18px;
  position: relative;
  left: 54px;
  text-align: center;
  font-size: 18px;
	top: 10px;
  position: relative;
}

.calTitle
{
	font-size:18px; 
	color: White;
	position:relative; 
	left:40px;
	text-align:center;
}
.sendGrading
{
  position: relative;
  bottom: 4;
  left: 0;
  height: 45px;
  margin-top: 4px;
  margin-bottom: 4px;
  padding-bottom: 37px;
  margin-left: 5px;
}
#showGradingVideoBtn
{
  position: relative;
  top: 0;
  left: 0;
  height: 45px;
  margin-top: 0px;
  margin-bottom: 4px;
  margin-left: 6px;
	margin-right:10px;
	vertical-align:top;
  display: inline-block;
}
#sendGradingBtn
{
  position: relative;
  top: 0;
  left: 4px;
  z-index: 100;
  display: inline-block;
  height: 45px;
	margin-bottom: 40px;
}
#advanceLevelGradingBtn
{
  position: relative;
  top: 0;
  left: 14px;
  z-index: 100;
  display: inline-block;
  height: 45px;
		margin-bottom: 40px;
}
.gradingVideoBig
{
	margin-top:14px;
	cursor:pointer;
}

.cancelMsg
{
	margin:0 0px;
	border:0px none;	
	position:absolute;
	right:136px;
	top:3px;	
	z-index:100;
}

.monthCalendarDivMobile
{
	position:absolute;
	margin:0;
	width: 100%;
	font-size:12px;
	border:0; 
	padding:0; 
	top:0; 
	left:0;
}
.monthCalendarMobile .calHdr {
	background: none;
}
.monthCalendarMobile .calendarTable {
	background: none !important;
}
.mobileCalendarWeek 
{
	font-size: 18px;
	text-align: center;
	position: relative;
	height: 45px;
}
span#weekDesc {
	position: relative;
	display: inline-block;
	top: 10px;
	width: 100%;
	line-height: 100%;
}
.skillsTitleTop
{
	line-height: 31px;
	position: relative;
	display: inline-block;
	width: 400px;
	left: 40px;
}

.skills2Title 
{
	line-height: 11px;
	
	font-size:11px;
}
.skills2TitleRight
{
	float:right;
}
.skills2TitleCal
{
	left:55px;
}

.popupDateContainer
{
	position:absolute; top:24px; margin-left:60px; width:400px;
}

.skills2Title2 
{
	font-size:11px;
	color:White;
	line-height:120%;
}
#gradingDate
{
   bottom: -6px;
  top: auto;
  padding-top: 1px;
  padding-bottom: 1px;
  color: white;
  font-size: 80%;
}
.correctionDivider 
{ 
	height: 16px;
	padding: 2px;
	padding: 5px;
	background: #DDDDDD;
	color: #333333;

	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
	margin-top: 0;
	margin-bottom: 4px;
	border-top: 1px solid lightgray;
	border-bottom: 1px solid lightgray;
} 
.gradingBody .correctionDivider {
	border: none;
	background: none;
	font-size: 13px;
	letter-spacing: 3px;
}
.correctionNote
{
  background: rgba(0,0,0,.3);
  border-radius: 4px;
  display: inline-block;
  padding: 4px;
  color: White;
  position:relative;
  width: 100%;
}
.personalNote
{
	background: rgba(0,0,0,.2);
}

#oneCorrect_0 .skillHasCorrections
{
	background: rgba(70,255,70,.7) !important;
}
.gradingTopBar
{
	padding:2px; text-align:center;
}
.otherCorrectionDivider
{
	height:6px;
}
.hoverSkillTitle
{
	padding-right:4px;
}
.hoverSkillNote
{
	padding-right:4px;
}

.skillMarkerHasCorrection
{
	background: rgba(255,0,0,.7);
}
.allLevelsMobile
{
	left:0px;top:14px;
}
.prevComments hr {
  opacity: 0.3;
  margin-top: .2em;
  margin-bottom: 0.2em;
}
.userHoverCorrections
{
	color:DarkRed;
}
.errorNote
{
	margin-top:11px;
	display:block;
	color: rgb(70, 61, 138);
	font-size: 75%;
}
.errorNote2
{
	color: rgb(160, 158, 158);
}
.userHoverCorrections div
{
  display: inline-block;
  border-radius: 5px;
  margin-right: 4px;
  background: rgba(255,0,0,.3);
  padding: 2px;
  margin-bottom: 1px;
}
.HoverCorrections
{
	font-size:90%;
	display:none;
}
.HoverCorrections div
{
  display: inline-block;
  border-radius: 5px;
  margin-right: 4px;
  font-size: 90%;
  background: rgba(0,0,0,.15);
  padding: 1px;
  margin-bottom: 1px;
}
.HoverCorrections hr
{
	width:75%;
	opacity:.3;
}
.switchToComments
{
	cursor:pointer;
}
.switchToVideo
{
	cursor:pointer;
}
.BHoverCorrections
{
  font-size: 90%;
  margin-left: 4px;
  margin-bottom: 8px;
  display: block;
}
.BHoverCorrections div
{
  font-size: 130%;
  display: inline-block;
  border-radius: 5px;
  margin-right: 4px;
  background: rgba(0,0,0,.15);
  padding: 1px;
  margin-bottom: 1px;
}
.BHoverCorrections hr
{
	width:75%;
	opacity:.3;
}
.skillSpecificCorrection
{
	background: rgba(0,0,255,.15) !important;
}

.possibleCorrect
{
	display:block;
	color: purple !important;
}
.noteCorrect
{
	font-size:15px;
}
.searchBox
{
	position:absolute;
	right:10px;
	top: 4px;	
}
.searchIcon
{
	position: absolute;
  right: 4px;
  opacity: .6;
  top: 6px;
  width: 27px;
  z-index: 1000;
  cursor:pointer;
}
.inputFindUserGrading
{
  left: auto;
  right: 0;
  font-size: 85%;
  top: 7px;
  height: 28px;
}

.findMatches
{
	position:relative;
	overflow:auto;
	left:332px;
	top:-4px;
	max-height:180px;
	height:180px;
	width:296px;
	z-index:600;
	background:white;
	color: dimgray;
	padding:2px;
	text-align:left;
	box-shadow: 0px 0px 12px LightGray;
}
.findMatchesSifu
{
	position: relative;
	overflow: auto;
	left: 263px;
	top: 12px;
	max-height: 180px;
	height: 180px;
	width: 340px;
	z-index: 600;
	padding: 2px;
	background: white;
	color: dimgray;
	box-shadow: 0px 10px 20px 10px rgba(163,160,163,1);
	box-shadow: 0 14px 8px -8px rgba(160,160,160,1);
	/* border-color: #EEEEEE; */
	border-left: solid 1px #EEEEEE;
	border-right: solid 1px #EEEEEE;
	border-bottom: solid 1px #EEEEEE;
	border-top: solid 1px hsla(0, 0%, 96%, 1);
}
.findMatchesGrading
{
	top:auto;
	bottom:32px;
}
.popupClassPlan
{
	background: white;
	text-align:left;
	box-shadow: 0px 0px 24px #4D4D4D;
	
	position: relative;
	top:2px;
	width: 540px;
	margin: auto;
	display:none;
	visibility: visible;
	z-index:1200;
	
	font-size:12px;
}
.popupClassPlan .close
{
	color:white;
}
.popupPlanHdr a {
	color: white;
}
.popupPlanHdr a:hover {
	text-decoration: underline;
}
.popupPlanHdr
{
	background: #333333;
	position: relative;
	height:45px;
	margin-bottom:0px;
}
.popupPlanHdr div {
    color: white !important;
}
.popupPlanHdr span {
    color: white !important;
}
.popup_mobile_plan {
	padding: 6px 6px;
	padding-bottom: 0;
}
.popupPlanHdrNew
{
	background-color: #333333;
	position: relative;
	height:68px;
	margin-bottom:0px;
	overflow:hidden;
}
.popupPlanInvite
{
	background-color: #333333;
	color: LightGray;
	position: relative;
	text-align:center;
	padding:3px;
	padding-top:8px;
	height:45px;
}
.popupClassName
{
	color: Black;
	
	font-size:17px;
	font-weight:bold;
	text-align:center;
	margin-left:42px;
	position:relative;
	top:0px;
	opacity:1;
}
.popupPlanUpcomingClass
{
	position: relative;
	left: 20px;
	margin:auto auto;
	visibility:visible; 
	z-index:11; 
  
	font-size:12px; 
	color: Black;
}

.popupPlanUpcomingClass2
{
	position: relative;
	left: 20px;
	margin:auto auto;
	visibility:visible; 
	z-index:11; 
	
	font-size:12px; 
	color: White;
}

.popupPlanDate
{	
	color: #303F6E; 
	font-size:12px;
}

.popupPlanTime
{	
	color: #303F6E; 
	font-size:12px;
}

.lessonStudent
{
	width: 34px !important;
	height: 34px !important;
	border-radius: 18px !important;
	margin: 0 !important;
	padding: 0;
	padding-bottom: 1px !important;
	z-index: 2 !important;
	position: absolute !important;
/* 	left: 480px !important; */
	top: -46px !important;
	cursor: pointer;
}
.planUpcomingClasses
{
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 34px;
	z-index: 200;
	background: black;
}
.planStudentList
{
	padding-top:10px;
	width:40px;
	height:100%;
	position:relative;
	float:left;
	vertical-align:top;
}
.liveLesson
{
	display:inline-block;
	height:100%;
	vertical-align:top;
}
#lessonPlan
{
	display:none !important;
}

#thisCalendar .close
{
	color:White;
}
.notifyContainer .close
{
	color:White;
}
.trainingClassPage
{
	margin: 0;
	padding: 0;
	position: relative;
	height: 100%;
	background: #333333;
	overflow: hidden;
}
.planAvatar 
{
	margin:0px 0px 0px 0px;
}

.next_arrow_leftalign
{
	right:auto;
}

/*STARTNOW DLG PORTRAIT MOBILE*/
/*@media screen and (max-width:840px) and (orientation: portrait)
{
*/
	.mostEffective .indexMainContent
	{
		margin: auto;
		width:960px;
		font-size:50%;
	}
	#howStartContainer 
	{
		height: 96%;
	}
	#howToStart
	{
		font-size: .75em;
	}

	.howStartBulletItem
	{
		font-size: 160%;
	}	
	.howArrow
	{
		display:none;
	}
	.howArrowUp
	{
		display:inline;
	}
	.lessonDayFirst
	{
		font-size: 200%;
	}
	.bookingContent
	{
		height: 50% !important;
		  max-height: 310px;
	}
	.lessonNameFirst
	{
		font-size: 80%;
		margin-right: 5%;
	}
	.lessonDateRelative
	{
		font-size:90%;
		float: right;
		color: black;
	}
	.lessonDateFirst
	{
		font-size:90%;	
	}
	.bookingContainer
	{
		background: rgb(90, 88, 88);
	}
	#howStartBulletTitle
	{
		padding-top: 1%;
		padding-bottom: 1%;
		  font-size: 18px;
		padding-bottom: 1%;
		width: 84%;
		border-bottom: 1px solid white;
		margin-bottom: 5%;
		text-transform: uppercase;
		font-weight: bold;
		margin-bottom: 30px;
	}

  #howStartContent 
  {
    float: none;
    width: auto;
    height:50%;
    padding-bottom: 8px;
    min-height: 289px;
  }
  #howStartBullets 
  {
    float: none;
    width: 100%;
    background: #730715;
    height: 54%;
  overflow: hidden;
  }
  #howStartBulletBox
  {
		top: 6%;
		margin-left:0;
		margin-right:0;
		height:100%;
		padding-bottom: 0;
  }
  #howStartNext
  {
		position: absolute;
		bottom: 3.7%;
		top: auto !important;
		width:30%;
		height:95%;
		max-height:40px;
  }
  #howStartNavBtns
  {
		width:100%;
  }
  #howToStart .close
  {
		top: 0;
		right: 0;
  }
  #howStartContentDiv
  {
		max-height: 80%;
		height: 80%;
		  z-index: 0;
		position:relative; 
		min-height: 220px; 
  }
  .howSifu 
  {
		margin-top: 0%;
		width: 14%;
  }
  .bulletMobileIndex
	{
		 padding-left: 22%;
	/*	font-size: 111%;
		padding-left: 8%;
		  padding-top: 4%;
		height: 84%;
*/	
	}
	.bulletMobileIndex div
	{
		padding-bottom: 4%;
		margin-right: 2%;
/*			padding-top: 6%;
		
*/
	}
	.bulletMobileIndex .bulletball 
	{
		display: none;
	}
	
	
#howToStart .popupClassKungFu 
{
  padding-top: 0;
}	
/*	
}
*/
/*	ANY SMALL SCREEN
@media all and (max-width:840px) 
{
*/	
	.slArrow
	{
		top:auto;
		bottom: 5%;
		max-height: 30px;
	}
/*	
}
*/
#startTodayBtn .tallButtonInner
{
	height:100%;
	min-height:40px;
}
#startTodayBtn .buttonTextTallWide
{
	font-size: 146%;
	padding-bottom: 2%;
}

#startTodayBtn
{
	position:relative;
	display:inline-block;
	min-height:40px;
width: 83%;
height: 51%;
margin-top: 2%;
}
#startTodayBtn .tallButtonInner:hover 
{
  opacity: 0.6; 
}
#startTodayBtn .buttonTextTallWide
{
	font-size: 182%;
	padding-bottom: 5%;
	  line-height: 115%;
}
#startTodayBtn img 
{
	height: 65%;
	width: auto;
}

.indexContainer
{
	position:relative;
	margin:auto;
	text-align: left;
/*	background: rgba(41, 41, 54,.3);*/
/*	background: linear-gradient(to bottom, rgb(215, 195, 125),rgb(231, 197, 95),rgb(219, 185, 85), rgb(206,175,81), rgb(231,199,100));
*/
	background:#232222;
	margin-bottom: 12%;
}
.indexContainer
{
	margin-bottom: 0%;
	min-height: 168px;
}

/*LANDSCAPE MOBILE*/	
/*@media all and (max-width:840px) and (orientation: landscape)
{
	.benefitIndexContainer   
{
	 margin-top: 0% !important;
}

	#howToStart
	{
		font-size: .60em;
		max-height: 404px;
	}
	#howStartContentDiv #howStartBulletBox 
	{
		top: 3%;
	}
	.lessonDayFirst
	{
		font-size: 210%;
	}
	.inviteClassName
	{
		width:10%;
	}
	#howStartBullets
  {
		right: 0;
		display: inline-block;
		float:none;
  }
	#howStartBulletBox
  {
		margin-left:1%;
		margin-right:0;
		top: 18.5%;
		height: 100%;
  }
  .lessonNameFirst 
  {
		font-size: 70%;
  }
  .howStartBulletItem
	{
		font-size: 150%;
	}
	#howStartContentDiv 
	{
		max-height: 306px;
	}
	#howStartContainer 
	{
	}
	#howStartContent 
	{
	}	

	.benefitBox
	{
		height:100%;
		box-shadow: none;
	}
	.benefitBox .uxInner2 
	{
		height: 100%;
	}
	.playerDiv 
	{
		height: 258px !important;
	}
	.bulletMobileIndex
	{
		font-size: 111%;
		padding-left: 8%;
		  padding-top: 4%;
		height: 84%;
	}
	.bulletMobileIndex div
	{
	padding-top: 6%;
padding-bottom: 3%;
margin-right: 2%;
	}
	.bulletMobileIndex .bulletball 
	{
		display: none;
	}

	#contactUsMobile
	{
		display:inline-block;
	}
	.mobileBigAnim
	{
		width: 36%;
		display:none;
		position: absolute;
		top: 50%;
		right: 2%;
	}
	.ddSlideShow
	{
	padding: 0;
	margin-left: 0;
	width: 73.5%;
	height: 78%;
	}
	.mainLogoMobile
	{
		display:inline-block;
		left:0;
		float: left;
		margin-left: 3%;
		width:auto;
		height: 83%;
		margin-top: 2%;
	}
	.startingNow
	{
  height: 28%;
  position: absolute;
  bottom: 0%;
	}
	#startTodayBtn
	{
		width: 86%;
		height: 67%;
		margin-bottom: 5%;
	}
	#startTodayBtn img 
	{
		height: 57%;
	}
	#startTodayBtn .tallButtonInner
	{
		height:100%;
	}
	#startTodayBtn .buttonTextTallWide
	{
		font-size: 128%;
		margin-bottom:3%;
	}
	.benefitContainer 
	{
		display:inline-block;
		right:0;
		position:absolute;
		top: 24%;
		width: 26.5%;
		height: 76%;
		margin-top: 0%;
		margin-bottom: 0;
		font-size: 200%;
	}
	.indexBlockLogoMobile 
	{
		height: 100%;
		width: 74%;
		vertical-align: top;
		padding-bottom: .5%;
	}
	.indexBlockMenuMobile 
	{
		display:none;
	}
	.indexContainer
	{
		margin:0;
		text-align: left;
		background: rgb(199, 199, 211);
		height: 24%;
	}
		.mostEffective 
{
font-size: 90%;
line-height: 200%;
display: block;
margin-top: 0%;
position: absolute;
width: 100%;
bottom: 0;
z-index:1;
}

	.mostEffective 
	{
		font-size: 75%;
		line-height: 162%;
		display: inline-block;
		position: absolute;
		top: 0;
		width: 26.5%;
		height: 24%;
		right: 0;
		vertical-align:middle;
		padding:0;
	}

	.wingchun 
	{
  padding: 0;
  font-size: 90%;
  padding-top: 4%;
 
      text-align: center;
  display:inline-block;
  width:100%;
	}
	.effective 
	{
  padding: 9%;
  font-size: 90%;
  padding-top: 1%;
  padding-bottom: 1%;
      text-align: center;
  display:inline-block;
	}
	.wingchunSeparator
{
	display:none !important;	
}
	
	.redArrow
	{
		bottom:3px;
		width: 20%;
	}	
	.startNowIndexMobile 
	{
		font-size: 130%;
		margin-top: 0;
	}
	.indexFooter2 
	{
		min-height: 0;
		height: auto;
	}
	#indexNav li
	{
		margin:0;
		padding:0;
		height: 20%;
	}
	#indexNav li a 
	{
		font-size: 75%;
	}
	#indexNav li a img
	{
		display:none;
	}
	#indexNav 
	{
		margin-top: 0;
		top: -8%;
		position: relative;
	}
}
*/
/*LANDSCAPE IPHONE 5*/	
/*
@media all and (max-width:568px) and (orientation: landscape)
{
	.mostEffective 
{
font-size: 90%;
line-height: 200%;
display: block;
margin-top: 0%;
color: #fdf9f9;
background: rgb(65, 62, 62);
position: absolute;
width: 100%;
bottom: 0;
z-index:1;
}

	.mostEffective 
	{
		font-size: 68%;
		height: 28.5%;
	}

	#startTodayBtn 
	{
		width: 91%;
	}	
	.howArrow 
	{
	left: 1px;
	width: 11%;
	}
	.lessonDateRelative 
	{
		display: none;
	}
	.howStartInput 
	{
		font-size: 121%;			
	}
	.indexContainer 
	{
		height: 28.5%;
	}
	.playerDiv
	{
		height: 228px !important;
	}	
	.bookingIcon
	{
		left:2% !important;
		height:55%;
	}
}
*/
/*PORTRAIT IPHONE 5*/	
@media all and (max-width:320px) and (orientation: portrait)
{
	.mostEffective
	{
	  font-size: 120%;
	}   
	#startTodayBtn 
	{
		height: 46%;
		margin-top: 1%;
	}
	#startTodayBtn .buttonTextTallWide 
	{
		font-size: 142%;
	}
	.howStartBulletItem 
	{
		font-size: 130%;
	}
	#howStartContent 
	{
		max-height: 266px;
	}
/*	
	.mostEffective
	{
		bottom:-56px;
	}
*/
	.startingNow
	{
		height: 25%;
	}
	.bulletMobileIndex 
	{
    padding-bottom: 5%;
	}
	#howStartNav
	{
		min-height:36px;
		height:20%;
	}
	#howStartNavBtns
	{
		height: 36px;
	}
	#howStartContainer {
    height: 94%;
	}
	#howStartNext {
    bottom: 6%;
	}
}

/*PORTRAIT LARGE PHONE	
@media all and (max-width:480px) and (orientation: portrait)
{
*/
		.mostEffective
	{
	  font-size: 137%;
	}   	
	.skillTextGrading
	{
		font-size:130%;
	}
	#gradingTitle 
	{
		font-size: 120% !important;
	}
	#gradingDate 
	{
		font-size: 70%;
	}
	#gradingPreps
	{
		display:none;
	}
	.searchBox 
	{
		top: 0px;
	}
	.correctionAvatar 
	{
		 width: 70px;
	}
/*	
	.mostEffective
	{
		bottom:-56px;
	}

}
*/

/*PORTRAIT TABLET*/	
@media all and (min-width:641px) and (max-width:839px) and (orientation: portrait)
{
  .tagLineIndex .tagLine
  {
		font-size:160%;
		padding-left:10%;
		padding-right:10%;
  }
    
	.indexMenuList 
	{
		position:relative;
	}
	
	.mainLogoMobile 
	{
		top: -10%;
	}
	#indexNav 
	{
		padding: 0;
		margin-top: .2%;
		margin-bottom: .8%;
		text-align: right;
	}
	#indexNav li	
	{
		display:none;
	}
	#indexmenu3 
	{
		display: inline !important;
		padding: 0%;
	}
	
	#startTodayBtn .buttonTextTallWide 
	{
		padding-top: 0;
		font-size: 142%;
	}   
	.playerDiv, .ddIndexSlideshow
	{
		max-width: none;
	}

	.indexBlockMenuMobile
	{
	  display: block;
		background: rgba(0,0,0,.2);
		position: absolute;
		top: 85%;
		height: auto;
		width: 100%;
	}
	
	.benefitBox .uxInner2 
	{
		position: relative;
		font-size: 25%;
	}
/*	.wingchun 
	{
  width:100%;
  color: #A7A4A4;
	}
	.effective 
	{
  width:100%;
  color: #A7A4A4;
	}
*/
	.startingNow
	{
	  height:14%;
	}
	#startTodayBtn 
	{
    width: 62%;
	}
	.bulletMobileIndex 
	{
    padding-left: 30%;
    padding-top: 2%;
	}
	.bulletMobileIndex div 
	{
		font-size:89%;
    padding-bottom: 1%;
    margin-right: 2%;
    /* padding-top: 6%; */
	}
}
	
/* DESKTOP */	
@media all and (min-width:840px) and (orientation: landscape)
{
	.bulletMobileIndex 
	{
    padding-left: 16%;
	}
	.benefitNonIndex .bulletMobileIndex 
	{
    padding-left: 6%;
	}
	.searchBox
	{
	  top: -1px;
	}
	.contentSpace
	{
		height:3%;
	}
	.contentWell 
	{
		background: white;
	}
	.indexMainContent 
	{
		width: 960px;
		margin: auto;
		position: relative;
		left: 50%;
		margin-left: -480px;
	/*	background: rgba(0,0,0,.4);*/
	}
	.benefitNonIndex
	{
		margin-left: -12px;
	}
	#indexNav 
	{
		padding: 1%;
/*		margin-top: 4%;*/
	}
	#startTodayBtn
	{
		margin-bottom:10px;
		width:70%;
		height: 53%;
		margin-top: 4%;
	}
	.mostEffective {
		margin: auto;
		font-size: 94%;
		line-height: 125%;
		min-height:36px;
		display: block;
		background: goldenrod;
		color: rgb(234, 234, 234);
		    padding-top: 6px;
		top: 0;
		text-align: left;
		position: relative;
	}
	.mostEffective div
	{
		vertical-align: middle;
		display: inline-block;
		line-height: 199%;
	}
	.wingchun 
	{
		margin-left: 1%;
		width:auto;
	}
	.wingchunSeparator
	{
		text-align: center;
		width:4%;
	}
	.benefitContainer
	{
		padding-top:30px;
	}
	.indexBlockLogoMobile 
	{
		height: 14%;
	}
	.mainLogoMobile 
	{
		height: 87%;
		width:auto;
		right: auto;
		left: 0%;
	}
	.indexBlockMenuMobile 
	{
		display: inline-block;
		background: none;
		position: absolute;
		top: 0;
		width: 21%;
		height: 100%;
	}
	.bulletMobileIndex img 
	{
		width: 8%;
	}
	.bulletMobileIndex 
	{
		font-size: 142%;
/*		padding-left: 12%;
    padding-right: 10%;
		padding-top: 1%;
*/
		display: inline-block;
	}
	.benefitBox
	{
		height: 14%;
		min-height: 116px;
		margin-bottom: 5%;
	}
	.startingNow 
	{
		display: inline-block;
		height: 100%;
		width: 50%;
		vertical-align: top;
	}
	.tagLine 
	{		
		margin: 5%;
		margin-top: 2%;
		margin-bottom: 0%;
		padding-top: 5%;
		padding-bottom: 5%;
	}
	.tagLineIndex .tagLine 
	{	
		margin:0;
	}
	.tagLineContainer
	{
		height: 23%;
/*		display:none;
*/
	}
	.tagLineIndex .tagLineContainer
	{
		height:auto;
	}
}

/* TALL DESKTOP */	
@media all and (min-width:840px) and (min-height:860px)
{
	.tagLineContainer
	{
		display:block;
	}
}

/* SHORT DESKTOP */	
@media all and (min-width:840px) and (max-height:800px)
{	
	.indexPage1 
	{
		height:auto;
	}
}

/* SHORT DESKTOP */	
@media all and (min-width:840px) and (max-height:800px) and (min-height:720px)
{	
	#indexNav
	{
		padding:0;
		margin: 0;
	  margin-top: 8%;
	}
	#indexNav li 
	{
		height: 16px;
	}	
}

/* SHORTER DESKTOP */	
@media all and (min-width:840px) and (max-height:720px)
{	
	#indexNav
	{
		margin-top: 3%;
	}
	#indexNav li 
	{
	height: 14px;
	  top: -5px;
  position: relative;
	}
	#indexNav li a
	{
		font-size:70%;
	} 
}

/* SHORTER DESKTOP */	
@media all and (min-width:840px) and (max-height:640px)
{	
	#indexNav
	{
		margin: 0;
	}
	/*
	#indexNav li 
		{
		height: 14px;
		  top: 0px;
	  position: relative;
		}*/
}

/*PORTRAIT DESKTOP*/
@media screen and (min-width:801px) and (orientation: portrait)
{
	.gradingDesktop
	{
		max-width: 800px;
		margin: auto;
	}
}
/*LANDSCAPE DESKTOP*/
@media screen and (min-width:1200px) and (orientation: landscape)
{
	.gradingDesktop
	{
		max-width: 1200px;
		margin: auto;
	}
}

/*DESKTOP*/
@media screen and (min-width:801px)
{
	#gradingTitle 
	{
		top: 0px;
	}
	
	.gradingDesktop
	{
		max-width: 800px;
		margin: auto;
	}
}
.whiteclose
{
  color: White;
  text-shadow: 0 0 10px rgba(0,0,0,.5), 0 0 20px rgba(0,0,0,.5);
}