.vbLogoNav
{
	position:absolute;
	top:50%;
	left:50%;	
}
		
.vbPlanBody
{	 
	margin:0;
	z-index:-30;
	overflow:hidden; 
	width:439px;
	height:780px;
}

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

.vbPlan
{
	background:Black; 
	position:relative; 
	max-width:639px; 
	min-height:360px;
/*	min-height:359px; */
	overflow:hidden; 
	margin:0px;
	height:100%;
	z-index:1;
}

.vbSessionDate
{
	font-size:18px;
}

.interactiveBody
{
	height:300px;
	margin-left:35px;
}

.problemAreaDots
{
	position:absolute;
	top:0px;
	height:100%;
	width:100%;
	margin-left:30px;
	left:0px;
}

.interactiveBodyMain
{
	top:3%;
	left: 77%; 
	height:94%;
	margin: 0px auto;
	position: relative;
}

.interactiveBodySession
{
	position:relative;
	top:-10px;
/*	height:374px;*/
	margin-left:35px;
	height: 100%;
}

.problemAreaDotsSession
{
	position:absolute;
	top:-10px;
	height:100%;
	width:100%;
	margin-left:30px;
	left:0px;
}

.bodyAreasSession
{
	position:relative;
	overflow:hidden;
	height:359px;
	opacity: 0; 
	filter:alpha(opacity=0);
}
.vbBodySessionTall
{
	height:450px;
	width: 250px;
	left:200px;
	top:200px;
	position:absolute;
}

.sessionAvatar
{
	margin:0px;
	width:28px;
	height:38px;
	z-index: 32;
	position:absolute;
	left:10px;
	top: 32px;
	border:0px none;
	z-index:200;
}

.sessionDate
{
	position:relative;
	top:-40px;
	font-family: "Trebuchet MS",Arial, sans-serif;
	color: LightGray;
	font-size:18px; 
	margin:0; 
	margin-left:5px;
	margin-bottom:25px;
	text-align:center;
}

.sessionRemaining
{
	position:relative;
	top:0px;
	font-family: "Trebuchet MS",Arial, sans-serif;
	color: White;
	font-size:28px; 
	margin:0; 
	margin-left:50px;
	margin-top:25px;
	margin-bottom:25px;
	text-align:center;
	text-shadow: 0 0 0.4em Black;
}

.vbInfoTable
{
	margin-left:80px;
}

.indexPopup
{
	position: absolute;
	display: inline-block;
	padding-right: 0;
	padding-bottom: 0;
	left: 0px;
	top: 0px;
	right: 0;
	margin: auto;
	font-family: "Trebuchet MS",Arial, sans-serif;
/*	font-size: 11px;*/
	font-size: 62%;
	height: 100%;
	z-index: 1;
	max-width:inherit;
	width:100%;
	background: white;
/*background: rgba(0,0,0,.2);*/
}
.indexPopup .close
{
right: 2%;
top: .2%;
width: 4.5%;
min-width: 22px;
height: auto;
opacity: 1;
}

.sessionDetail
{
	padding-left:8px;
	padding-top:20px;
	max-width: 200px;
}

.sessionNow
{
	color: DimGray;
	text-shadow: 0 0 0.4em White,0 0 0.4em White,0 0 0.4em White;
	font-weight:bold;
}

.sessionPast
{
	color: #460000;
	text-shadow: 0 0 0.3em Red,0 0 0.3em Red;
	font-weight:bold;
}
.sessionFuture
{
	color: Black;
	text-shadow: 0 0 0.3em Green,0 0 0.4em Green,0 0 0.4em Green;
	font-weight:bold;
}

.sessionType
{
	position:absolute;
	left:10px;
	top:82px;	
	cursor:pointer;
}

.vbSessionType
{
	height:88px;
	position:relative;
}

.vbSessionLogo2
{
	height:70px;
	position:relative;
}

img.sessionTypeIcon
{
	position: absolute; 
	left:23px; 
	top:23px; 
	height:39px;
	z-index:100;
}

.descSession
{
	position:relative;
	top:-2px;
	left:-2px;
	width:99%;
	background:Black;
	color:White;
	padding-left:10px;
}

.sessionBookingName
{
	position:relative;
	top:8px;
	font-size:22px; 
	color:White;
	text-shadow: 0 0 0.3em Black;
	line-height:45px;
}

.sessionBookingAvatar
{
	margin:0px;
	z-index: 32;
	position:relative;
	top: 6px;
}

.planPrevArrow
{
	height:48px;
	z-index:500;
	position:relative;
	left:8px; 
	top:1px;
	cursor:pointer;
}

.sessionName
{
	position:relative;
	top:-45px;
	font-family: "Trebuchet MS",Arial, sans-serif;
	color: White;
	font-size:20px; 
	margin:0; 
	margin-left:5px;
	text-align:center;
}

.planNextArrow
{
	height:48px;
	z-index:500;
	position:absolute;
	right:2px; 
	top:1px;
	cursor:pointer;
}

img.sessionLogo
{
	opacity:.7; 
	filter:alpha(opacity=50);
	position: absolute; 
	top:-15px; 
	height:38px;
	left:0px;
	z-index:200;
	cursor:pointer;
}

.thePlanHdr
{
	position: relative;
	left: 0px;
	top: -4px;
	height:60px;
	margin-bottom:0px;
}

.planInfo
{
	position:relative;
}

.vbSessionPlan
{
	position:absolute;
	font-family: "Trebuchet MS",Arial, sans-serif;
	font-size:11px;
	color: White;
	text-align:center;
	padding:0;
	width:100%;
	height:100%;
	z-index:3;
}

.vbBackground 
{
	 margin: 0px auto;
	width:100%;
	max-height: 900px;
	top: 9%;
	height: 93%;
	position: relative;
	text-align: left;
}

.vbTip
{
display: none;
position: absolute;
left: 15px;
top: -10px;
width: 370px;
text-align: left;
font-family: "Trebuchet MS",Arial, sans-serif;
background: rgba(255,255,255,.6);
font-size: 9px;
color: Black;
z-index: 700;
box-shadow: 0px 0px 2px DimGray;
}
.tipTotal
{
	position: relative;
/* padding: 1px; */
padding-right: 0;
padding-bottom: 0;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 1;
}
.tipTotal .quotePerson2
{
	color:White;	
}
.tipShadow
{
	position:absolute;
	left: 5px;
	top:3px;
	width:100%;
	height:100%;
	background-color:DarkGray;
	opacity: 0.3; 
	filter:alpha(opacity=30);
	z-index:-1;
}

.tipTitle
{
	padding:4px;
	margin:0px;
	font-family: "Trebuchet MS",Arial, sans-serif;
	font-size:12px;
	line-height:15px;
	color:White;
	z-index:2;
	background: rgba(0,0,0,.4);
}

.vbquotePerson2
{
	padding:3px;
	color:Navy;
	font-family: "Trebuchet MS",Arial, sans-serif;
	font-size:10px; 
	font-style:italic;
	margin-left:30px;
}

.tipBody
{
padding: 3px;
margin: 0px;
margin-bottom: 0;
font-size: 10.5px;
line-height: 15px;
color: black;
z-index: 2;
}

.userMore
{
	padding:3px;
	background: url('images/gradient-0.png') repeat-x 0 0px;	
	margin:0px;
	margin-bottom:0;
	color: DarkGray;
	font-family: "Trebuchet MS",Arial, sans-serif;
	font-size:10px;
	line-height:12px;
	z-index:2;
}

.tipMore
{
	padding:0;	
	margin:0px;
	margin-bottom:0;
	z-index:2;
	margin-top:9px;
}

.tipCommentImage
{
	position:absolute;
	left: 1px;
	top: 0px;
	line-height:10px;
	margin: 0;
	padding: 0;
	width:20px;
	border:0px none;
	opacity: 0.7; 
	filter:alpha(opacity=70);
	z-index:2;
}

.testimonialImage
{
	width:31px;
	height:26px;
	margin:3px;
}

.vbMainCircle 
{
	position:relative; 
	top:0;
	left: -55%; 
	
	text-align: center;
}

.vbMainTextDiv
{
	position:absolute;
	margin:0; 
	padding:0; 
	bottom:13%;
	width:100%;
	text-align:center;
}

.vbMainText
{
	margin:0; 
	padding:0 0; 
	border:0px none;
	width:32%;
}

.vbFooterDiv
{
	color:White;
	margin:auto;
	font-size:100%;
	background: rgb(36, 36, 49);
	box-shadow: inset 0 30px 20px -20px black;
	min-height:160px;
	height:160px;
}

.vbBodyOuter
{
	margin:0;
	background: #856034;
	overflow-x:hidden;
	font-family: "Trebuchet MS",Arial, sans-serif;
}

.vbBodyInner
{
	min-height: 100%;
	height: auto !important;
	margin: 0 auto -160px;
}

.vbMobileBody
{
 width:639px; 
 margin:0px;
}

.vbBody
{
	margin:0;
	background: #856034;
	overflow-x:hidden;
	font-family: "Trebuchet MS",Arial, sans-serif;
/*	min-width:900px;*/
}

.vbMobileContainer
{
/*	height:349px;*/
	position:relative;
/*	overflow-y:scroll;*/
	overflow-x:hidden;
}

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

.vbBenefitTitle
{
	font-family: "Trebuchet MS",Arial, sans-serif;
	font-weight:bold;
	font-size:32px;
	color:DarkGoldenRod;
}

.footerTableVB
{
	bottom:0;
	background-color:  rgb(32, 13, 1);
	box-shadow: inset 0 8px 40px #000000;
	padding-top: 20px;
}
.footerTableVB .vbFooter
{
	padding: 25px 5% 20px 0;
}
.vbFooter
{
	font-size:70%;
line-height: 150%;
color: rgb(182, 163, 124);
}
.vbFooter a
{
	color:gray !important;
}
.vbFooter hr
{
	border-color: rgb(99, 93, 93);
}

.vbPush
{
	height:160px;
}

.vbBox
{
	box-shadow: none;
	border-radius: 14px;
	cursor:default;
}
.vbBox:hover 
{
	box-shadow: 1px 1px 5px DimGray;
}
.vbBox .uxInner
{
	text-align: left;
	margin-left: 10px;
}
.vbBox .uxInner:hover 
{
  text-decoration:none;
}

.uxLightGray
{
	background: rgba(240, 235, 235,.5);
}

.hdrImg
{
	width:13px;
}

.vbTitle
{
font-size: 28px;
display: block;
border-radius: 12px;
padding-bottom: 7px;
padding-top: 7px;
padding-left: 4px;
margin-bottom: 1%;
color: dimgray;
margin-top: .5%;
}

.vb_headerlogo
{
	border:0;
	position:absolute;
	top:0px;
	left:0px;
	z-index:400;
	width: 140px;
	cursor:pointer;
}
.vb_headerlogo:hover 
{
  opacity:.7;
}

.pageBenefitBox
{
	border-radius:14px;
}

.vbBenefit
{
	font-family: "Trebuchet MS",Arial, sans-serif;
	font-weight:300;
	font-size:24px;
	color:GoldenRod;
}

.vbContentStuff
{
	margin-top: 16%;
}

.vbContent
{
	position:relative;
	top:0px; 
	left: 0px;
	max-width:960px;
	margin-left: auto;
  margin-right: auto;
  min-width:900px;
  background: rgb(236, 232, 226);
  padding:8px;
  text-align:left;
  padding-right:8px;
  padding-top:8px;
	box-shadow: 0px 0px 25px #502A11, 0px 0px 11px #502A11;
}

.pageBenefits
{
	margin-bottom: 137%;
}
.vbAddress
{
	background: #984806;
	box-shadow: 2px 2px 10px #B2B2B2;	
	padding:3px;
	padding-right:6px;
	left:-4px;
	position:relative;
	width:96.5%;
	color:White;
}

.vbStartBlock
{
	font-family: "Trebuchet MS",Arial, sans-serif;	
	background:#333333;
	box-shadow: 2px 2px 10px #333333;
	color:LightGray;	
	font-size:12px; 
	padding:3px;
	padding-left:8px;
	width:95.5%;
}

.vbPageBody
{
	background: url('images/gradient-vb.png');
	box-shadow: 2px 2px 10px DimGray;
	padding:3px;
	padding-left:8px;
	padding-right:8px;
	margin-left:40px;
	width:80%;
}

.pageBody
{
	position:relative;
	margin-top: 0; margin-bottom: 0;
	height:370px;
}

.pageBodyImg
{
	position:absolute;
	left:65px;
	top:-15px;
	margin-right:30px;
}

.janeBox
{
	height:351px;
	margin-top: 27%;
}
.janeBox .uxInner
{
	margin: 15px;
}
.janeBox .uxInner2
{
	margin-top:40px;
}

.vbInfo
{
	background: url('images/gradient-info.png');
	box-shadow: 1px 1px 10px #B2B2B2;
	width:95%;
	color:#54547E;
	padding:5px;
}

.topLine
{
	font-size:109%;
	font-weight:bold;
}
.topLine2
{
	font-size: 77%;
	font-weight:bold;
}

.vbWhereBubble
{
	background: url('images/gradient-location.png');
	box-shadow: 2px 2px 10px #191919;
	padding:3px;
	padding-left:8px;
	padding-right:8px;
	width:94%;
	color:LightGray;
}

.vbCircleService
{
	position:absolute;
	height: 33%;
	cursor:pointer;
}

.vbIndexBody
{
	height:100%;position:relative;top:0; left:0;
	font-family: "Trebuchet MS",Arial, sans-serif;
}

#vbKungFuCircle
{
	right: -50px;
	top: 275px;	
}

#vbGroupFitnessCircle
{
	right: -10px;
	top: 450px;	
}

.vbContactImgTop
{
	margin-bottom:6px;
	height:38px;
}

.popupBenefitsTitle
{
	font-size: 142%;
	color: #977200;
	padding: 1%;
}

.popupBenefitName
{	
display: inline-block;
width: 50%;
height: 34%;
position: relative;
vertical-align: middle;
}

.popupBall
{
	height: 81%;
	margin: 0;
	padding: 0 0;
	border: 0px none;
	float: left;
	margin-right: 1%;
	position: relative;
}

.popupBenefitSubName
{
	margin-left:10px;
	font-size:14px;
	color:#DAA520;
}
.vbCircle
{
	height:100%;
	margin:0; 
	padding:0 0; 
	border-width:0; 
	border:0px none;
}

.vbSearchDlg
{
	position:absolute; 
	left:174px; 
	top:-4px;
	z-index:100;
}

.vbSearchImg
{
	position:absolute; 
	left:174px; 
	top:-4px;
	z-index:100;
}

.circleText 
{
	position: absolute;
	top: 13%;
	left: 110%;
	width: 168%;
	text-align: left;
	color: rgb(187, 184, 184);
	font-size: 113%;
	line-height: 137%;
	background: rgba(255,255,255,.25);
	padding: 2%;
}

.linkToPage
{
	position:absolute;
	left: 600px;
	top: 70px;	
	width:130px;
	text-align:left;
	display:none;
}

.linkPageBackground
{
	background-color:DarkSlateGray;	
	opacity: .4; 
	filter:alpha(opacity=40);
	width:100%;
	height:100%;
	position:absolute;
}

.vbMainLink
{
	position:relative;
	top: 0px;
	left:4px;
	font-family: "Trebuchet MS",Arial, sans-serif;
	color: White; 
	font-size:10px;
	line-height:12pt;
	text-shadow: 0 0 0.4em White;
	filter: alpha(opacity=50),glow(color=White, strength=1);
}

a.vbMainLink:link {color:Black;}
a.vbMainLink:visited {color:Black;}
a.vbMainLink:hover {color:Black;text-decoration: underline;}

.vbGoldPopup
{
font-size: 110%;
position: absolute;
float: right;
right: 7.5%;
top: 25%;
display:none;
}
a.vbGoldPopup:link {color:Gray;}
a.vbGoldPopup:visited {color:Gray;}
a.vbGoldPopup:hover {color:GoldenRod;text-decoration: underline;}

.footerText
{
bottom: 0;
width: 100%;
background: #A6864C;
color: White;
font-size: 14pt;
height: 60px;
line-height: 60px;
vertical-align: middle;
/* line-height: 14pt; */
z-index: 300;
position: absolute;
display: none;
}
.footerTextInner
{
position:relative; top:0px; text-align:center;
}

.sessionSend
{
	position:relative;
}

.vbCmdLogo
{
	position:absolute; top:1px;left:1px; z-index:100;
}

.vbCmdTitle
{
	color:White;position:relative; top:-2px; left:50px;
}

.vbCmdCurve
{
	position:absolute;top:0;right:-10;
}

.titleball
{
width: 68px;
margin: 0;
padding: 0 0;
border-width: 0;
border: 0px none;
position: relative;
vertical-align: middle;
}
.vbPageIcon
{
position: absolute;
width: 43px;
top: 31px;
left: 30px;
}
.vbCircleIcon
{
position: absolute;
width: 43px;
width: 63%;
/*
top: 31px;
left: 30px;*/

margin:auto;
top:0;
left:0;
right:0;
bottom:0;
}

.trainStartPage
{
	width:100%;
	height:100%;
}

.planBall
{
	width:180px;
}

.arrowContainer
{
	position:absolute;
	width:100%;
	top:0px;
	text-align:center;
}

.planBallArrow
{
	position:relative;
	top:7px;
	width:100px;
	height:160px;
}

.mainCoinSpan
{
	position:absolute;
	right:6px;
	height:75px;
	text-align:center;
}

.mainPoints
{
	position:absolute;
	width:100%;
	top:30px;
	text-align:center;
	font-family: "Trebuchet MS",Arial, sans-serif;
	color: White;
	font-size:28px;
	text-shadow: 0 0 5px Black;
}

.hdrPoints
{
	position:absolute;
	width:100%;
	top:18px;
	text-align:center;
	font-family: "Trebuchet MS",Arial, sans-serif;
	color: White;
	font-size:22px;
	text-shadow: 0 0 5px Black;
}

.trainOverview
{
	font-family: "Trebuchet MS",Arial, sans-serif;
	color:LightGray;
	font-size:21px;
	z-index:10;
	padding-left:5px;
}

.trainOverview2
{
	padding:8px;
	padding-top:20px;
	font-family: "Trebuchet MS",Arial, sans-serif;
	color:Black;
	font-size:21px;
	z-index:10;
}

.mainCoin
{
	height:106px;
}

.hdrCoin
{
	height:78px;
}

.startPlanArrow
{
	position:relative;
	cursor:pointer;
}

.startPlanArrowText
{
	position:absolute;
	left:45px;
	top:-80px;
	color:White;
	text-shadow: 0 0 10px Black;
	font-size:28px;
}

.namePlans
{
	position:relative;
	font-family: "Trebuchet MS",Arial, sans-serif;
	color: DarkGray;
	font-size:28px;
}

.mobilePlanBigBtns
{
	width:100%;
	text-align:center;
	padding:0;
	margin:0;
}

.imgAvatar2 
{
	margin:8px 3px 1px 5px;
	height:90px;
}
.imgAvatar3 
{
	margin:1px 1px 1px 5px;
	height:90px;
}

.mobilePlanHdrInit 
{
	font-size:24px; 
	font-family: "Trebuchet MS",Arial, sans-serif;
	color: White;
	
	position:relative;
	text-align:left;
	margin-top:20px;
	margin-bottom:20px;
	padding-left:6px;
}

.mobilePlanHdr 
{
	font-size:24px; 
	font-family: "Trebuchet MS",Arial, sans-serif;
	color: White;
	left:0px;
	top:0px;
	text-align:left;
	padding-left:1px;
	height:95px;
	width:500px;
}

.mobilePlanName 
{
	position:relative; 
	margin-left:8px;
	top:-28px;
	font-family: "Trebuchet MS",Arial, sans-serif;
	font-size:54px; 
	line-height:40px;
}

.mobilePlanName2
{
	position:relative; 
	margin-left:88px;
	top:-15px;
	font-family: "Trebuchet MS",Arial, sans-serif;
	font-size:22px; 
	letter-spacing: 8px;
}

.mobilePlanName3
{
	position:relative; 
	left:180px;
	top:-60px;
	font-family: "Trebuchet MS",Arial, sans-serif;
	font-size:20px; 
	letter-spacing: 1px;
}

.planSelected
{
	cursor:pointer;
	background: url('images/gradient_plan.png') repeat-x 0 0px;
	color:Black;
	text-shadow: 0 0 5px White;
}

.planNotSelected
{
	cursor:pointer;
}

.choosePlanType
{
	width:100%;
	text-align:center;	
	padding:0;
	margin:0;
}

.planTypeImg
{
	position:relative;
	top:-1px;
	margin-right:7px;
	height:64px;
}

.planHdrImg
{
	position:absolute;
	top:43px;
	left:80px;
	margin-right:7px;
	height:52px;
}

.planType
{
	font-family: "Trebuchet MS",Arial, sans-serif;
	color: White;
	font-size:22px;
}

.theAreas
{
	font-weight:bold;
	color:GoldenRod;
}

.mobileColumn2
{
	overflow: auto;
	z-index:200;
	position:relative;
	width:500px;
	top:0;
}
											
.workoutType
{
	position:relative;
	top:5px;
}

.mobileTD
{
	cursor:pointer;
	text-align:center;
	padding:0;
	margin:0;
}

.vbCmdStudentList
{
	margin-left:8px; 
	padding-top:6px;
}

.mobileTD1
{
	padding:0;
	margin:0;
}
.overviewBody
{
	margin-left:40px;
	width:80%;
	z-index:10;
	right:6px;
}

.vbPriceTitle
{
	left:40px;
}

.vbPrice
{
	left:44px;font-size:10px;
}

.vbBookCalendarIcon
{
	position:relative; left:-3; top:-3;
}

.vbDayTime
{
	position:relative;
	top:-6px;
}

.vbContactComment
{
	position:relative;left:4px; width:90%;
}
.aboutJane
{
margin: auto;
margin-top: 4%;
color: gray;
margin-bottom: 2%;
font-size: 136%;
vertical-align: middle;
border-top: 1px double gray;
border-bottom: 1px double gray;
padding-top: 15%;
padding-bottom: 14%;
max-width: 800px;
box-shadow: none;
cursor: default;
}
.aboutJane:hover 
{
/*	box-shadow: 1px 1px 5px DimGray;*/
}
.aboutJane .uxInner
{
	text-align: left;
	margin-left: 10px;
}
.aboutJane .uxInner:hover 
{
  text-decoration:none;
}
.vbServiceType
{
	width:200px;
	font-size:12px;
	height:auto;
}

.vbDuration
{
	position:relative;
	left:0px; 
	width:100px;
	font-size:12px;

	height: auto;
	margin-left: 6px;
}

.nonWorkTitle
{
	visibility:hidden;
	position: relative;
	left: 30px;
}

.vbRepeatDiv
{
	margin-top:10px;
	display:inline-block;
	margin-right: 4px;

	position: relative;
	margin-bottom: 30px;
	margin-left: 80px;
}

.vbRepeatDivMobile
{
	margin-top:10px;
	display:inline-block;
	margin-right: 4px;
	float: right;
	top: -13px;
	position: relative;
}

.vbRepeating
{
	position:relative;
	left:4px; 
	width:130px;
	font-size:12px;
	height:auto;
}

.vbSelect
{
	font-size:12px;
	height: auto;
}

.bookServiceCell
{
	color:LightGray;
	padding-top:15px;
	padding-bottom:15px;
}

#bookApptPopup2
{
	position:relative;
	display:inline-block;
	left:6px;
}

#reqApptPopup2
{
	position:relative;
	margin:auto;
}
.vbInfoPopup
{
	display:inline-block;
	background: url('images/gradient-info.png');
	box-shadow: 1px 1px 10px #B2B2B2;
	color:#54547E;
	padding:7px;
	text-align:left;
	margin:0;
	margin-right:5px;
	margin-top:3px;
	width:44%;
	left:2px;
	vertical-align: top;
}

.vbInfoBtns
{
	display:inline-block;
	text-align:center;
	margin:0;
	width: 100%;	
	height: 16%;
/*	max-height: 65px;*/
	margin-top: 11%;
	position:relative;
	vertical-align: bottom;
}


.vbInfoBtn1
{
	display:inline-block;
	position:relative;
	width:auto;
}

.vbInfoBtn2
{
	position:relative;
	margin:auto;
	padding-bottom:20px;
}

#bookApptPopup
{
	position:relative;
	display:inline-block;
	margin-bottom:5%;

	min-height:40px;
	margin-right:4%;
	width: 80%;
	height: 67%;
}

#bookApptPopup .tallButtonInner
{
	height:100%;
	min-height:40px;
}
#bookApptPopup img
{
	left: 2%;
	top: 22%;
}
#bookApptPopup .bookingIcon
{
	height: 45%;
	min-height: 30px;
}
#bookApptPopup .buttonTextTallWide
{
font-size: 166%;
padding-top: 2%;
line-height: 135%;
}

/*
#moreBtn
{
	position:relative;
	display:inline-block;
	margin-bottom:10px;
	width:146px;
	height: 100%;
	min-height:40px;
	right: auto;
}
#moreBtn .buttonTextTallWide
{
	font-size: 146%;
	padding-top: 2%;
}*/


.vbContactBox
{
	font-size: 115%;
	padding-top:8px;
	padding-bottom:4px;
}

.janeName
{
/*	color:#6247DC;*/
	float:left;
	position:relative;
	top:-4px;
}
.janeExp
{
/*	color:#6247DC;*/
	float:right;
	font-size:75%;
	position:relative;
	margin-right: 4px;
	top:-4px;
}

.vbBlack
{
	background: url('http://dynamicdefense.ca/images/uxBlack.png');
	color:White;
	box-shadow:none;
	padding-left: 6px;
	padding-right: 8px;
}

#vbLocation
{
	margin-top:80px;
}

.vbHdr1Main
{
	background: rgb(218, 178, 51);
	height:90px;
	text-align:center;
	overflow: hidden;	
}

.skillPageHeaderVB
{
	background: url('images/gradient-header.jpg');
/*	background: #AE511E;*/
	background: #A6864C;
	height:36px;
	position:relative;
	text-align:center;
	padding-top: 10px;
}

.vbContact2
{
margin-top: 14px;
margin-bottom: 18%;
color: gray;
/*background: rgba(64,64,64,.15);*/
background: none;
box-shadow: none;
border-radius: 12px;
width: 96%;
padding-top: 15px;
padding-bottom: 16px;
left: -2px;
position: relative;
}

.vbAddress2
{
	background: rgb(129, 90, 72);
	padding:3px;
	left:-4px;
	position:relative;
	width:95%;
	color:White;
	font-family: "Trebuchet MS",Arial, sans-serif;
	font-size:16px;
	font-weight:bold;
	
	text-align:left;
	margin-top:36%;
}

#ICanHelp
{
	margin-top: 63%;
}

.vbContactInner
{
	margin:8px;
}

.vbContactFirst
{
	width:130px;
}
.vbContactLast
{
	width:170px;
}

.vbPhone
{
	margin-right: 4px;
	width: 150px;
}
.vbEmail
{
	width: 305px;
	position: relative;
}

.vbEmailLabel
{
	margin-right:6px;
}

.vbEmailCell
{
	width:180px;
}

.vbFormInput
{
	height:auto;
	font-size: 14px;
}

.vbCopyright
{
	margin-left:8px;
}

.vbTagLine
{
margin: 5%;
margin-top: 0;
margin-bottom: 10%;
text-align: center;
min-width: 800px;
position: relative;
font-size: 240%;
height: 65%;
vertical-align: middle;
border-top: 1px double gray;
border-bottom: 1px double gray;
padding-top: 28%;
padding-bottom: 0;
}
.vbTagContainer
{
position: relative;
margin-left: 11%;
margin-top: -6%;
height: 339px;
}

.vbIconSmall
{
	left: 20px;
top: 17px;
height: 43px;
}

.vbReqBall
{
	height: 80px;
position: absolute;
top: -2px;
left: 2px;
z-index: 99;
}

.indexPopupBody
{
	margin:0px;
	margin-bottom:0;
	font-size: 103%;
	line-height:15px;
	height: 100%;
	color:Black;
	z-index:2;
}

.vbBallContain
{
height: 120%;
width: auto;
/*min-width: 32px;*/
margin-right: 1%;
position: absolute;
top: -8%;
left: 1%;
display: inline-block;
}
	
.vbBallPopup
{
 height: 100%;
}
.vbIconPopup
{
height: 62%;
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
}

.vbpopupQuote
{
	margin:0px;
	margin-top:0;
	position:relative;
	line-height:15px;
	color:Black;
	vertical-align:middle;
	padding:3px;
	z-index:2;
	text-align:center;
	margin-bottom:30%;
}

.vbParagraph
{
	font-size: 128%;
	color: gray;
	margin: 4%;
	margin-right: 5.5%;
	margin-bottom: 8%;
}
.vbParagraph li
{
	padding-top:2%;
	padding-bottom:2%;
}

.indexTestimonial
{
	display:inline-block;	
	vertical-align:top;
	margin-right:4px;
	text-align:left;
	margin-bottom: 5%;
}
.indexTestimonial .quoteSmallV
{
	font-size:118%;
	line-height: 111%;
}
.indexTestimonial .vbquotePerson2
{
	font-size:107%;
}
.indexPopupPage2
{
	min-height:100%;
}
.popupMain
{
	text-align:center;
	margin-bottom: 6px;
	position:relative;
}

.popupImage
{
	display:inline-block;	
	vertical-align:middle;
	width:100%;
	margin-right:4px;
	text-align:center;
}
.indexMain1
{
	display:inline-block;
	position:relative;
	width:100%;
}
.indexMain2
{
	display:inline-block;
	position:relative;
	width:100%;
}

.innerPopupImage
{
	width:100%;
/*
	display:table-cell;	
	vertical-align:middle;*/

}

.indexTopName
{
	top: 22%;
margin-left: 11%;
position: absolute;
display: inline-block;
}
.indexTopName2
{
	top:0;
}

.popupClassDesc2
{
	color: #303F6E; 
	font-size:17px;
	color: Gray;
	text-align:center;
	padding-left:6px;
	padding-right:6px;
	margin-left:42px;
	top: -3px;
	position: relative;
}

.popupVB1
{
/*background: black;*/
color: White !important;
margin-left: 0;
opacity: .9;
line-height: 140%;
}

.vbPopupHdr
{
height: 56px;
margin-bottom: 0px;
position: relative;
padding-top: 20px;
}

.vbQuestions
{
	width: 70%;
margin: 0;
vertical-align: top;
margin-top: 1%;
left: 0;
background: white !important;
}

#vbAskInfoInput
{
	background: rgb(187, 184, 184);
}

.indexPopupTitle
{
margin: 0px;
font-size: 204%;
color: DimGray;
z-index: 2;
height: 11%;
width: 100%;
vertical-align: top;
position: absolute;
top: 0;
text-align: left;
background: rgba(255, 255, 255,.6);
}
.indexTitle2
{
	position:relative;
	margin-top: 3%;
	height: 4.5%;
}

.popupBenefits
{
display: inline-block;
vertical-align: middle;
text-align: left;
color: #977200;
position: absolute;
width: 100%;
height: 21%;
bottom: 0;
left: 0;
background: rgba(255, 255, 255,.8);
}

.popupBenefitList
{
font-size: 117%;
margin-left: 5%;
position: relative;
bottom: -1%;
width: 93%;
}

.vbIndexTagLine 
{
margin-top: 5%;
margin-bottom: 7%;
margin-left: 0;
margin-right: 0;
text-align: center;
position: relative;
font-size: 140%;
color: gray;
height: 9%;
margin-left: 4%;
width: 92%;
line-height: 143%;
vertical-align: middle;
border-top: 1px double gray;
border-bottom: 1px double gray;
padding-top: 7%;
padding-bottom: 25%;
}
.vbIndexTagText
{
	margin: 6.4%;
}
.vbRequestSpacer 
{
	display: inline-block;
	text-align: left;
}

#vbAskInfoInput .howStartInput
{
margin-top:2px;
margin-bottom:2px;
}
#vbAskInfoInput .howStartLabel
{
	margin-top:1%;
	margin-bottom:1%;
}
#requestInfoBtn
{
position: relative;
display: inline-block;
left: 0;
top: 0;
}

.vbHdrIndex
{
	background: rgb(218, 178, 51);
	height: 16%;
min-height: 50px;
	vertical-align:middle;
	text-align:center;
	overflow: hidden;	
	margin-bottom:3%;
	position: relative;
}
.vbTopLogo
{
	position:absolute;
	margin:auto;
	width:287px;
	height:88px;
		left:0;
	right:0;
	top:0;
	bottom:0;
}

.indexMain
{
}
.vbBodyMenu
{	
	display: inline-block;
  width: 100%;
	height: 82%;
	overflow:hidden;
}
.vbIndexInfo
{	
display:none;
position: absolute;
top:100%;
vertical-align: top;
width: 100%;
height: 100%;
/*background: white;*/
}

a.goldIndexLink:link {color:DimGray;}
a.goldIndexLink:visited {color:DimGray;}
a.goldIndexLink:hover {color:GoldenRod;}

.vbVerticalBar
{	
	height: 56%;
	margin-bottom: 7%;
	margin-top: 7%;
	width: .1%;
	min-width: 2px;
	background: lightgray;
	visibility: hidden;
}

.topLogo
{
	margin-left:60px;
}
.vbTopLogoIndex
{
	position:absolute;
	margin:auto;
	height: 84%;
	width:auto;
		left:0;
	right:0;
	top:0;
	bottom:0;
}
.vbHdr1Login
{
	background:White;
	height:90px;
	position:relative;
	width:170px;
	overflow: hidden;
	float:right;
	margin-right:4px;
	text-align:right;
}


.redSpot
{
	top: 10px;
	right: 12px;
	position: absolute;
	border:0;
	cursor:pointer;
}

.redSpotMain
{
	position: absolute;
	border:0;
	display:none;
	cursor:pointer;
	height: 5%;
}
.bodyAreas
{
	position:relative;
	left:0;
	top:0;
	opacity: 0; 
	filter:alpha(opacity=0);
	visibility:hidden;
}

.bodyAreasMain
{
position: absolute;
margin: auto;
top: 10%;
height: 70%;
width: 24%;
left: 0;
right: 0;
text-align: center;
/*	opacity: 0; */
}

.vbZero
{
	position: absolute;
	left: 50%;
	top: 50%;
/*	background: rgba(0,0,0,.6);*/
	height: 50%;
	width: inherit;
}
.vbSpacer 
{
	height: 100%;
	width:inherit;
  visibility: hidden;
  vertical-align: top;
}
.vbCircleBack
{
position: relative;
margin: auto;
padding: 0 0;
border-width: 0;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-align: left;
width: inherit;
height: 90%;

}
.vbActualCircle
{
	position:absolute;
	margin:auto;
	height:65%;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
}

.vbMainTop
{
	position:relative;
	text-align: center;
	height: 100%;
}
.vbPhoneImg
{
position: relative;
display: inline-block;
vertical-align: middle;
left:-3%;
height: 5%;
min-height: 24px;
opacity:.8;
max-height:28px;
margin-top: .5%;
margin-bottom:1%;
}
.vbPhoneText
{
	left:-3%;
	position: relative;
}

.chooseBodyAreas
{
	position:absolute;
	left:-95px;
	top:80px;
	width:100px;
	color:DarkSalmon;
	text-align:right;
	font-family: "Trebuchet MS",Arial, sans-serif;
	font-size:9px;
}

.chooseBodyAreasMobile
{
	position:absolute;
	left:0px;
	top:120px;
	z-index:200;
	width:100px;
	color:DarkSalmon;
	text-align:left;
	font-family: "Trebuchet MS",Arial, sans-serif;
	font-size:11px;
}

.chooseBodyAreasMain
{
	position:absolute;
	left:-95px;
	width:100px;
	color:DarkSalmon;
	text-align:right;
	font-family: "Trebuchet MS",Arial, sans-serif;
	font-size:10px;
}

.vbUpScroll
{
top: 8%;
right: 1%;
margin-right: 0px;
position: absolute;
border: 0;
height: 83%;
min-height: 24px;
cursor: pointer;
z-index: 500;
opacity: .8;
}

#vbUp
{
	display:none;
}
#vbDown
{
	display:inline;
}

.vbContactLine
{
background: #D7D7D7;
text-align: center;
padding: 0;
font-size: 120%;
bottom: 0px;
width: 100%;
position: absolute;
vertical-align: middle;
}

.vbBlue
{
	position:relative;
	display:inline-block;
	width:100%;
	height:30%;
	background:blue;
	color:White;
}
.vbRed
{
	position:relative;
	display:inline-block;
	width:100%;
	height:60%;
	background:DarkRed;
	color:White;
}
/*	PORTRAIT MOBILE */
@media screen and (max-width: 840px) and (orientation: landscape)
{
	.vbBlue
	{
		width:69%;
		height:100%;
	}
	.vbRed
	{
		width:30%;
		height:100%;
	}
}

/*	PORTRAIT MOBILE */
@media screen and (max-width: 840px)
{
	#BodyworkCircle				
	{
		left: 30%;
		top: -112%;
	}
	#vbCranioCircle
	{
		left: 75%;
		top: -54%;
	}
	#vbYogaCircle
	{
		left: 75%;
		top: 9%;
	}
	#PersonalTrainingCircle
	{	
		left: 30%;
		top: 61%;
	}
	.indexTestimonial
	{
		width:95%;
	}
}
/*	PORTRAIT MOBILE */
@media all and (max-width:840px) and (orientation: portrait)
{
	#vbAskInfoInput .howStartLabel 
	{
		font-size: 80%;
	}
	.vbReqBall
	{
		max-height:68%;
	}
	.vbIconSmall 
	{
		max-height: 35%;
		left: 4%;
		top: 17%;
	}	
}

/*LANDSCAPE MOBILE*/	
@media screen and (max-width:840px) and (orientation: landscape)
{
	.indexTestimonial
	{
		margin-bottom: .5%;
	}
	
	.popupBenefits 
	{
		height: 22%;
	}
	.popupBenefitList 
	{
		bottom: 1%;
	}
	.vbParagraph ul 
	{
		margin-bottom: 0;
	}
	.vbParagraph li 
	{
		padding-top: 0%;
		padding-bottom: 1%;
		}
	.vbParagraph 
	{
		margin: 3%;
		margin-top: 2%;
		margin-bottom: .5%;
	}
	.indexTopName2 
	{
		margin-left: 7%;
	}
	.indexTitle2 
	{
		margin-top: 0%;
		height: 7%;
	}
	#bookApptPopup 
	{
		height: 101%;
		top: 0;
		margin-top: -4%;
	}
	.vbIndexTagLine 
	{
		padding-top: 33%;
		height: 25%;
		margin-bottom: 12%;
		padding-bottom: 27%;
		margin-top: 10%;
	}
	.indexMain1
	{
		width:55%;
		height: 100%;
	}
	.indexMain2
	{
		width: 45%;
		height: 100%;
		vertical-align: top;
	}
	.vbHdrIndex 
	{
		height: 100%;
		right: 0;
		width: 45%;
		min-height: 50px;
		margin-bottom: 0;
		position: absolute;
	}
	.vbTopLogoIndex 
	{
		height:auto;
		width: 88%;
	}
	.interactiveBodyMain 
	{
		top: 7%;
		left: 59%;
	}
	.vbBodyMenu
	{
		height: 100%;
	}
	.vbActualCircle 
	{
		height: 78%;
	}
	.vbBackground
	{
		height: 104%;
		top: 4%;
	}
	.circleText
	{
		font-size: 100%;
	}
	#BodyworkCircle				
	{
		left: 75%;
		top: -104%;
	}
	#vbCranioCircle
	{
		left: 105%;
		top: -54%;
	}
	#vbYogaCircle
	{
		left: 105%;
		top: 4%;
	}
	#PersonalTrainingCircle
	{	
		left: 75%;
		top: 55%;
	}
}

/*	PORTRAIT TABLET SIZE */
@media all and (min-width: 500px) and (orientation: portrait)
{
	body
	{
		font-size:22px;
	}
}
/*	PORTRAIT TABLET SIZE */
@media all and (min-width: 700px) and (orientation: portrait)
{
	body
	{
		font-size:28px;
	}
}

/*	LANDSCAPE */
@media all and (orientation: landscape)
{
	.indexPopup .close
	{
		height: 4.5%;
		height: 22px;
		width: auto;
	}
}

/*	DESKTOP/TABLET LANDSCAPE */
@media all and (min-width: 840px) and (orientation: landscape)
{
	.bodyAreasMain 
	{
		width: 15%;
	}
	.indexPopup .close
	{
		display:none;
	}	
	.vbUpScroll
	{
		height: 69%;
		width: auto;
		min-width: 0;
	}
	.indexPopup
	{
		display: none;
		height: 108%;
		overflow-y: hidden;
		width: 82%;
		max-width: 700px;
	}
	.vbpopupQuote
	{
		margin-top:35px;
		margin-bottom:0;
	}
	.vbquotePerson2
	{
		margin-bottom:30px;
	}
	.indexTestimonial
	{
		height:100%;
		margin-bottom: 1%;
	}
	#bookApptPopup 
	{
	width: 65%;
	height: 100%;
	}
	.popupBenefitList
	{
		width: 70%;
		font-size: 130%;
	}
	.vbSpacer 
	{
		width: 100%;
		height:inherit;		
	}
	.vbZero
	{
		height:auto;
		width: 50%;
	}
	.vbBackground
	{	
		height: 81%;
		top: 11%;
		position:absolute;
	}
	.vbIndexInfo
	{	
		display: inline-block;
		position: relative;
		width: 49%;
		height:auto;
	}
	.vbBodyMenu 
  {
		width: 49%;
		height:auto;
  }
	.vbMainTop
	{
		top:4%;
		height: 67%;
	}
	.vbMainCircle
	{
		left:0;
	}
	.interactiveBodyMain
	{
		left: -5%;
		top:0;
		height:100%;
	}
	#BodyworkCircle				
	{
		left: 18px;
		top: 50px;	
	}
	#vbCranioCircle
	{
		left: -50px;
		top: 220px;	
	}
	#vbYogaCircle
	{
		right: -10px;
		top: 450px;	
	}
	#PersonalTrainingCircle
	{	
		right: -50px;
		top: 275px;	
	}
	.circleText
	{
		left: 89%;
		top: 25%;
		font-size: 93%;
		width:auto;
		color:DimGray;
		display:none;
	}
	.vbCircleService
	{
		height: 42%;
	}
	.vbCircleService >div:hover
	{
		display:block;
	}
	.indexTopName
	{
		top: 35%;
	}
	.vbIndexTagLine 
	{
		margin-top: 7%;
		font-size: 174%;
		height: 8%;
		width: 100%;
		margin-left:0;
		margin-right:0;
		padding-top: 12%;
		padding-bottom: 12%;
		margin-bottom: 4%;
	}
	.vbInfoBtns
	{
		height: 10%;
		margin-top:6%;
		max-height: 65px;
	}
	.popupBenefits
	{
		background: rgba(255, 255, 255,.7);
	}
	.vbIndexTagText 
	{
		margin: 0; 
	}
	.vbBallContain
	{
		min-width: 50px;
	}
	.redSpotMain
	{
		display:inline;
	}
	.vbHdrIndex
	{
		max-height: 150px;
	}
}

/*	LARGE LANDSCAPE SCREEN */
@media all and (min-width:1160px) and (orientation: landscape)
{
	.indexPopup
	{
		width: 65%;
		max-width: 531px;
	}
	.vbCircleBack
	{
		width: inherit;
		height: 100%;
	}
	.vbZero 
	{
		height: 50%;
		width: inherit;
	}
	.vbSpacer 
	{
		height: 100%;
		width:inherit;
	}
	.vbMainTop
	{
		height: 72%;
	}
}
/*STARTNOW DLG LANDSCAPE MOBILE*/
@media screen and (max-width:1245px) and (orientation: landscape)  
{
	.vb_headerlogo
	{
		width:140px;
		height:140px;
	}
	.vb_headerlogo:hover 
	{
		width:150px;
		height:150px;
		opacity:.9;
	}
}

/*	WIDE DESKTOP */
@media all and (min-width: 840px) and (max-height: 800px) and (orientation: landscape)
{
	.indexTestimonial
	{
		width:95% !important;
		height:auto;
	}
	.indexPopup
	{
		width: 53%;
		font-size: 46%;
		overflow-y:scroll;
	}
	.vbBallContain
	{
		min-width:30px;
	}
	.vbHdrIndex
	{
		height:14%;
		margin-bottom:.5%;
	}
	.vbContactLine 
	{
		font-size:168%;
	}
	.indexPopupPage2
	{
		font-size: 139%;
	}
	.popupBenefits 
	{
		font-size:120%;
	}
}