audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}a{background:transparent;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:.67em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}pre{white-space:pre-wrap;}q{quotes:\201C \201D \2018 \2019;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;max-width:100%;min-height:1%;}svg:not(:root){overflow:hidden;}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type=button],/* 1 */ input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;background:#FFF;}table{border-collapse:collapse;border-spacing:0;}#PublicSiteMap ul{list-style-type:none;font-size:1em;margin:0 0 0 20px;padding:0;}#PublicSiteMap ul.Past-Home{margin:0 0 0 20px;padding:0;}#PublicSiteMap ul li{line-height:normal;margin:15px 0;padding:0;}.Sub-Pages{list-style-type:none;}.resourceBlock ul{list-style-type:none;margin-left:0;}img,object,embed{max-width:100%;}div.c4{text-align:center;}.D1,.D2{float:left;margin:0 10px 5px 0;}.D5,.D6{float:right;margin:0 0 5px 10px;}ul.sitemapUL{margin-left:50px;}#M-Street{font-size:8px;color:#000;font-family:Geneva, Arial, Helvetica, sans-serif;text-align:center;padding:4px 0 0 4px;}#M-Street p{display:inline;margin:3px 0 0;}#M-Street a{padding-left:4px;}#M-Street img{padding-right:5px;}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary,.idDiv,#M-Street span{display:block;}[hidden],template,div.collapsed-wrapper,#Default #breadCrumbs,#Default .Bread{display:none;}body,figure{margin:0;}legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}.container{margin:0 auto;}.container:after,.row:after,.col:after,.clr:after,.group:after{content:"";display:table;clear:both;}.row{padding-bottom:0;}.col{display:block;float:left;width:100%;}.social-share-wrapper.twitter_btn {margin-right: 10px;}@media ( min-width : 568px ) {.gutters .col {	margin-left: 2%;}.gutters .col:first-child { 	margin-left: 0; }}#breadCrumbs span{padding:0 5px;}.ResourceIcon{padding:0 5px 0 0;}.resourceBlock ul, .resourceBlock ul li{padding:0px;margin:0px;}.LegalLine{ display:block; font-size:.8em;}/*COLUMN WIDTH ON DISPLAYS +568px */ @media ( min-width : 568px ) {.span_1 { width: 4.16666666667%; }.span_2 { width: 8.33333333333%; }.span_3 { width:12.5%; }.span_4 { width: 16.6666666667%; }.span_5 { width: 20.8333333333%; }.span_6 { width: 25%; }.span_7 { width: 29.1666666667%; }.span_8 { width: 33.3333333333%; }.span_9 { width: 37.5%; }.span_10 { width: 41.6666666667%; }.span_11 { width: 45.8333333333%; }.span_12 { width: 50%; }.span_13 { width: 54.1666666667%; }.span_14 { width: 58.3333333333%; }.span_15 { width: 62.5%; }.span_16 { width: 66.6666666667%; }.span_17 { width: 70.8333333333%; }.span_18 { width: 75%; }.span_19 { width: 79.1666666667%; }.span_20 { width: 83.3333333333%; }.span_21 { width: 87.5%; }.span_22 { width: 91.6666666667%; }.span_23 { width: 95.8333333333%; }.span_24 { width: 100%; }.gutters .span_1 { width: 2.25%; }.gutters .span_2 { width: 6.5%; }.gutters .span_3 { width: 10.75%; }.gutters .span_4 { width: 15.0%; }.gutters .span_5 { width: 19.25%; }.gutters .span_6 { width: 23.5%; }.gutters .span_7 { width: 27.75%; }.gutters .span_8 { width: 32.0%; }.gutters .span_9 { width: 36.25%; }.gutters .span_10 { width: 40.5%; }.gutters .span_11 { width: 44.75%; }.gutters .span_12 { width: 49.0%; }.gutters .span_13 { width: 53.25%; }.gutters .span_14 { width: 57.5%; }.gutters .span_15 { width: 61.75%; }.gutters .span_16 { width: 66.0%; }.gutters .span_17 { width: 70.25%; }.gutters .span_18 { width: 74.5%; }.gutters .span_19 { width: 78.75%; }.gutters .span_20 { width: 83.0%; }.gutters .span_21 { width: 87.25%; }.gutters .span_22 { width: 91.5%; }.gutters .span_23 { width: 95.75%; }.gutters .span_24 { width: 100%; }}body { 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background: #f5e6a3 url("/img/Header.png") top center repeat-y;
 margin: 10px auto 0 auto;
}

/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */

#page_wrap {
 background:#FFF;
 width: 100%;
 max-width: 920px;
 min-width: 755px;
 margin: 0 auto;
 overflow: hidden;
 padding:0 20px;
}

/* Smaller screens */

@media only screen and (max-width: 1023px) {

body {
 font-size: 0.8em;
 line-height: 1.5em;
}
}

/* Mobile */

@media handheld, only screen and (max-width: 767px) {

body {
 font-size: 16px;
 -webkit-text-size-adjust: none;
}	
.row, body, .container {
 width: 100%;
 min-width: 0;
 margin-left: 0px;
 margin-right: 0px;
 padding-left: 0px;
 padding-right: 0px;
}
.row .span_1, .row .span_1, .row .span_1, .row .span_1, .row .span_1, .row .span_1, .row .span_1, .row .span_8, .row .span_9, .row .span_10, .row .span_11, .row .span_12, .row .span_13, .row .span_14, .row .span_15, .row .span_16, .row .span_17, .row .span_18, .row .span_19, .row .span_20, .row .span_21, .row .span_22, .row .span_23, .row .span_24 {
 width: auto;
 float: none;
 margin-left: 0px;
 margin-right: 0px;
 padding-left: 20px;
 padding-right: 20px;
}
}

#NAV .in,#HRO .in, #HED .in, #CNT .in, #FUT .in {
    max-width: initial;
    min-width: initial;
}
#CNT .in, #HRO .in {
    margin: 0 auto;
}
#CNT {
    background: white;
    padding-bottom: 50px;
}
#NAV {
    position: fixed;
    z-index: 99;
    width: 100%;
    background: rgba(80, 12, 73, 0.8);
}

#Default #HED h1{
-webkit-animation: dropHeader 1 0.75s ease-in;
    animation: dropHeader 1 0.75s ease-in;
}
#HED p, #HED h5{
position:relative;
animation: fadeHeader 1 1s ease-in;
    animation: fadeHeader 1 1s ease-in;
}
#HED .in {
    margin: 0 auto;
    display: table-cell;
    vertical-align: top;
    z-index: 1;
    position: relative;
    padding-top: 30px;
    background-color: rgba(0, 0, 0, 0.2);
}
#page_wrap {
    background: none;
    max-width: inherit;
    min-width: inherit;
    overflow: inherit;
    padding: inherit;
}
#HED .in {
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle;
    z-index: 1;
    position: relative;
}

#HED {
    height: 300px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.6);
    color: #fff;
    background: url(/img/spot/Premiere-Danse-Lancaster-PA-Dance-Studio-Ballet-Dancers.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    display: table;
    text-align: center;
    z-index: 1;
}
#About-VT #HED{
    background: url(/img/bkg-about-01.jpg) no-repeat center center;
    background-size: cover;
}
#Diagnostic-Testing #HED,#Vision-Sports #HED{
    background: url(/img/Spot/Advanced-Vision-Therapy-Goggles-Strasburg-PA.png) no-repeat center center;
    background-size: cover;
}
#Common-Vision-Problems #HED,#Employment #HED{
    background: url(/img/Spot/About-Vision-Therapy-Advanced-Pennsylvania.png) no-repeat center center;
    background-size: cover;
}
#Vision-Learning #HED,#Resources #HED{
    background: url(/img/Spot/Vision-Therapy-Vision-Problems-School-Age-Children.png) no-repeat center center;
    background-size: cover;
}

body{
    background: none;
    padding: 0;
    margin: 0;
}
#NAV #tabsNavigation a span {
    padding: 0;
    margin: 0;
    background: none;
    line-height: 19px;
}
#NAV #tabsNavigation li.SelectedChild span {
    padding: 0;
    margin: 0;
    background: none;
}
#NAV #Navigation {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    margin-left: 15px;
    /*background: rgba(193, 0, 61, 0.68);
    background: rgba(251, 142, 30, 0.88);*/
}
#NAV #tabsNavigation li {
    font-size: 16px;
    background: none;
}
#Logo {
    display: inline-block;
    float: left;
}
#Logo img {
    height: 49px;
    margin: 0;
    padding: 0;
}
.innerLogo {
    line-height: 0;
}

.AdminView #NAV{
    position:initial;
}


#HED h1{
    -webkit-animation: dropHeader 1 0.75s ease-in;
    animation: dropHeader 1 0.75s ease-in;
}
#HED h1 {
    color: #fff;
    font-weight: normal;
    position: relative;
    font-family: 'Comfortaa', cursive;
    font-size: 58px;
       line-height: 1em;
}
#HED .h1Small h1 {
    font-size: 38px;
}

#HED h5 {
    position: relative;
    animation: fadeHeader 1 1s ease-in;
    animation: fadeHeader 1 1s ease-in;
}
#HED h5 {
    margin-top: 50px;
    border: 1px solid #fff;
    color: #fff;
    font-weight: normal;
    padding: 10px 25px;
    background: transparent;
    display: inline-block;
    border-radius: 6px;
    font-size: 1.1em;
    cursor: pointer;
}
#HED h5:hover {
   /* background: rgba(255, 47, 95, 0.34);*/
    background: rgba(187, 116, 42, 0.59);
}
#HED p {
    font-size: 22px;
    font-family: 'Comfortaa', cursive;
}
#HRO p {
    font-size: 17px;
    line-height: 24px;
    text-shadow: 0 0 10px rgb(255, 255, 255);
}
#HRO .in {
padding: 0 20px;
}
#HRO h1 {
    font-family: 'Comfortaa', cursive;
    font-size: 37px;
    color: rgb(255, 255, 255);
    /* text-shadow: 0 0 9px rgb(204, 63, 106); */
    text-shadow: 0 0 17px rgb(97, 40, 87);
    line-height: 37px;
}
#HRO {
    padding-top: 5px;
    background: rgba(97, 40, 87, 0.25);
    border-bottom: 2px solid #612857;
}
#Default #HRO{
    padding-top: 41px;
}
#CNT h1, #CNT h2, #CNT h3 {
    font-family: 'Comfortaa', cursive;
}
#CNT .innerMainContent h2 {
font-size: 23px;
    color: #612857;
    border-bottom: 0px solid #d7c9d5;
    padding: 3px 4px;
}
#CNT #SideBar .SpotDiv {
   /* background-color: rgba(0, 187, 255, 0.16);
    border-bottom: 2px solid #7EDCFF;*/
    margin: 20px 0;
    text-align: center;
    clear: both;
}
#FUT {
    background: rgb(97, 40, 87);
    color: white;
    text-align: center;
    padding: 20px 5px;
}
#FUT #FinalFooter {
    font-size: 13px;
    display: inline-block;
}
#FUT .LegalLine {
    padding: 9px 0;
}
#CNT .socialSpot {
    display: inline-block;
}

#CNT .socialSpot img {
    max-width: 30px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    margin: 0 7px;
}
#CNT .socialSpot img:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}
#CNT #MainContent .SpotDiv>div {
    overflow: hidden;
}
#CNT #SideBar {
    margin-top: 35px;
}
#Default #CNT #SideBar {
    margin-top: 85px;
}
#CNT #MainContent .innerMainContent ul li:before {
    content: "• ";
    color: #FF8147;
}
#CNT #MainContent .innerMainContent .resourceBlock ul li:before {
    content: none;
}
#CNT #SideBar ul {
    text-align: left;
    padding-left: 2px;
    margin: 20px 0 12px 15px;
}
#CNT #SideBar .resourceBlock ul {
    list-style: none;
    margin: 20px 0;
}




#CNT #MainContent .innerMainContent ul li {
    padding-left: 2em;
    text-indent: -1.5em;
    padding-bottom: 10px;
}
#CNT #MainContent .innerMainContent ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#CNT #SideBar .innerMainContent img.ResourceIcon {
    margin: 0;
    position: relative;
    left: -6px;
    top: 4px;
}

.youTubeVideo p{
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
.youTubeVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#CNT .innerMainContent img {
    border: none;
    padding: 0;
    margin-top: 16px;
}
#Default #CNT .innerMainContent img {
    margin-top: 0;
}


#CNT .innerMainContent{
    padding-bottom: 0;
    padding-top: 8px;
    margin-bottom: 0;
}
.resourceBlock {
    text-align: left;
}
#CNT .innerMainContent img.ResourceIcon {
    margin: 0;
    position: relative;
    left: -25px;
}
.instructorBox {
    width: 90%;
    height: 300px;
    border-radius: 20px;
    display: inline-block;
    position: relative;
    cursor:pointer;
}
.instructorBox h2 {
    bottom: 0;
    text-align: center;
    position: absolute;
    right: 0;
    padding-right: 22px!important;
    background: rgba(89, 32, 77, 0.58);
    text-shadow: 2px 2px 3px #000000;
    padding-bottom: 14px!important;
    padding-top: 11px!important;
    width: 100%;
    margin-bottom: 0;
}
.instructorBox A {
    font-size: 28px;
    color: white!important;
    text-decoration: none!important;
    text-transform: uppercase;
}
.instructorBoxFrame {
    display: inline-block;
    width: 49%;
    margin-top: 21px;
}
.instructorBox:hover h2 {
    background: #612857;
}
#breadCrumbs {
    font-size: 12px;
}p{
margin-bottom:7px;
}

h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }

@media print {
h1            { page-break-before: always }
h1, h2, h3,
h4, h5, h6    { page-break-after: avoid }
ul, ol, dl    { page-break-before: avoid }
}

/*- Links--------------------------- */
A:link { text-decoration: underline; color:  #0095fd;;}
A:visited { text-decoration: underline; color:  #0095fd;;}
A:active { text-decoration: underline; color:  #0095fd;;}
A:hover { text-decoration: underline; color: ;}





/*- BannerRight  -*/
/*--------------------------------------------------------------------------------------------------------------------------------------- */
#BannerRight{
 margin:0px 0px 0px 0px;
 padding:15px 0px 0px 0px; 
 text-align: right;
 font-size:.8em;
}
.innerBannerRight h3{
 font-size:1.4em;
}
#BannerRight3 p {
 font-size: 1.2em;
}

/*- MainContent -*/
/*--------------------------------------------------------------------------------------------------------------------------------------- */
#MainContent{
 clear:left;
}
.innerMainContent{
 margin:10px 10px 10px 0px;
 padding:15px 30px 10px 10px; 
}
.innerMainContent h1{
 font-size:24px;
 line-height:26px;
 padding-top:15px;
}
.innerMainContent h2{
 font-size:16px;
 color:#fe9635;
 padding-bottom: 6px;
 border-bottom: 1px ridge #B1BDB4;
}
.innerMainContent h3{
 font-size:18px;
 color:#434343;
}
.innerMainContent p{
 font-size:14px;
 line-height:18px;
}
.innerMainContent img{
 border: 10px solid #B1BDB4;
 padding: 10px;
}
.innerMainContent ul{
 font-size:14px;
 line-height:20px;
 list-style-type:disc;
 margin: 20px;
}
.innerMainContent ul li{
 font-size:14px;
 line-height:20px;
}
.SuccessStories{
border: 3px solid rgba(251, 142, 30, 0.31);
    background: rgba(255, 234, 212, 0.17);
    margin: 8px;
    padding: 10px;
    margin-top: 20px;
}

/*- SideBar -*/
/*--------------------------------------------------------------------------------------------------------------------------------------- */
#SideBar{ 
}
.innerSideBar, #SideBar .innerMainContent {
    margin-bottom: 12px;
    margin: 10px 10px 10px 10px;
    padding: 15px 10px 10px 10px;
    background-color: rgb(255, 234, 212);
    border-bottom: 2px solid #fb8e1e;

}
.innerSideBar h1, #SideBar .innerMainContent h1{
 font-size:18px;
 line-height: 20px;
}
.innerSideBar h1 small{
}
.innerSideBar h2, #SideBar .innerMainContent h2{
 font-size:18px;
 line-height: 20px;
}
.innerSideBar h3, #SideBar .innerMainContent h3{
 font-size:16px;
 line-height:20px;
 background:#6b3164;
 color: white;
 padding: 5px;
 text-align:center;
}
.innerSideBar p, #SideBar .innerMainContent p{
font-size:12px;
}
.TwentyTwenty{
 padding:10px 10px 10px 10px;
 margin-bottom: 12px; 
    background: #FB9B38;
    color: white;
}

/*- FooterContent -*/
/*--------------------------------------------------------------------------------------------------------------------------------------- */
#Footer {
 margin-top:20px;
 background:#52aacb;
 color:#FFF; font-size:.8em;
 padding-top:5px;
 padding-bottom:15px;
 clear: both;
 text-align: center;
}
#FooterContent{
 width:300px;
 float:left;
 text-align: center;
 margin:0px;
 padding:0px 0 0px 0; 
}
.footerLinks{}
.LegalLine{}
.LastUpdated{color:silver;}
ul.footerLinks{
 padding:0px; margin:0px;
}
.FooterLine{
 display:block;
}

#M-Street{
 padding:0px margin:0px;
 background:none;
    color: #bfbfbf;
}
#M-Street a{
 color:white;
}
.FooterLine{padding:0 2px;}
.LegalLine{padding:0 2px;}

#SpotID_48 .innerSideBar,#SpotID_46 .innerSideBar {
    background: none;
    border: none;
padding-bottom: 0;
} div.c4{
 text-align: center
}
.D1, .D2{
 float:left; 
 margin:0 10px 5px 0;
}
.ResourceLI{
 padding-bottom:10px;
 font-size:10px;
}
.ResourceIcon{
 float:left; padding-bottom:3px;
}
#symptom {
 font-size: 13px;
 float: left;
 margin-top: 2px;
 margin-right: 10px;
 width: 50%;
 text-align: right;
}
#cattxt {
    margin-bottom: 10px;
    margin-top: 30px;
    background-color: #FFEAD4;
    color: #CC6700;
    padding: 7px;
    font-size: 1em;
}
#scoretxt {
 margin-top: 20px;
 padding-top:20px;
 border-top: solid 1px #888;
}
.newForm {
 width: 100%;
}
.newForm h2 {
 color: #000;
 padding-bottom: 0px; 
 border-bottom: none;
}
.newForm .fieldNewNoLbl {
 font-size:1.1em;
}
h2#symptom{
 font-size:1.15em;
 clear:both;
}
#scoretxt{
 display:none;
}




@-webkit-keyframes dropHeader {
  0% {
    top: -40px;
    opacity: 0; }
  100% {
    top: 0;
    opacity: 1; } }
@-moz-keyframes dropHeader {
  0% {
    top: -40px;
    opacity: 0; }
  100% {
    top: 0;
    opacity: 1; } }
@-o-keyframes dropHeader {
  0% {
    top: -40px;
    opacity: 0; }
  100% {
    top: 0;
    opacity: 1; } }
@keyframes dropHeader {
  0% {
    top: -40px;
    opacity: 0; }
  100% {
    top: 0;
    opacity: 1; } 
}
@-webkit-keyframes fadeHeader {
  0% {
    top: 20px;
    opacity: 0; }
  50% {
    top: 20px;
    opacity: 0; }
  100% {
    top: 0;
    opacity: 1; } }
@-moz-keyframes fadeHeader {
  0% {
    top: 20px;
    opacity: 0; }
  50% {
    top: 20px;
    opacity: 0; }
  100% {
    top: 0;
    opacity: 1; } }
@-o-keyframes fadeHeader {
  0% {
    top: 20px;
    opacity: 0; }
  50% {
    top: 20px;
    opacity: 0; }
  100% {
    top: 0;
    opacity: 1; } }
@keyframes fadeHeader {
  0% {
    top: 20px;
    opacity: 0; }
  50% {
    top: 20px;
    opacity: 0; }
  100% {
    top: 0;
    opacity: 1; } 
}
.ContactBasic1 input[type=text],.ContactBasic1 textarea  {
    width: 100%;
    padding: 10px;
    color: #824200;
}
.ContactBasic1 form {
    background: rgba(255, 234, 212, 0.13);
    padding: 32px;
    color: #AB5700;
}
.formSubmmitButton {
    background: none;
    border: none;
    background-color: #EA8622;
    padding: 7px 13px;
    color: white;
}
.formSubmmitButton:hover {
    background-color: #FFEAD4;
    color: #C36200;
}
.lvsQOLchecklist #authoremail {
    padding: 10px;
}
/* Flexnav Base Styles */
.flexnav {
        margin:0;
        padding:0;
      font-size: 1.2em;
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  transition: none;
  -webkit-transform-style: preserve-3d;
  overflow: hidden;
  margin: 0 auto;
  width: 100%;
  max-height: 0; }
  .flexnav.opacity {
    opacity: 0; }
  .flexnav.show {
    max-height: 2000px;
    opacity: 1;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out; }
  .flexnav.one-page {
    position: fixed;
    top: 50px;
    right: 5%;
    max-width: 200px; }
  .flexnav ul  {
        margin:0;
        padding:0;
    }
  .flexnav li {
    position: relative;
    overflow: hidden; }
  .flexnav li a, .SelectedMenuItem .SelectedSpan {
    position: relative;
    display: block;
    padding: 17px;;
    z-index: 2;
    overflow: hidden;
    border-bottom: 1px solid rgb(0, 150, 136);
	text-decoration:none;
}
    
  .flexnav li ul {
	margin:0px;
    width: 100%; 
}
    .flexnav li ul li {
      position: relative;
      overflow: hidden; }
  .flexnav li ul.show li {
    overflow: visible; }
  .flexnav li ul li a, .SelectedMenuItem .SelectedSpan {
    display: block;
    /*background: #b2b2af; */}


.menu-button {
  position: relative;
  display: block;
  padding: 1em;
  background: #a6a6a2;
  color: #222222;
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
  .menu-button.one-page {
    position: fixed;
    top: 0;
    right: 5%;
    padding-right: 45px; }
  .menu-button .touch-button {
    background: transparent;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    display: inline-block;
    text-align: center; }
    .menu-button .touch-button .navicon {
      font-family: arial;
      position: relative;
      top: 9px;
      color: #666; }


/*

    navbar style setting

*/

.navBarDiv{
    width: 100%;
    text-align: left;
    font-size: 0.8em;
}

.flexnav {
    }

.flexnav li a, .SelectedMenuItem .SelectedSpan {
    padding: 8px;
    color: #005A52;
}
.flexnav li a:hover {
    text-decoration:underline;
}
.touch-button {
    width: 40px;
    height: 39px;
    position: absolute;
    z-index: 999;
    top: 0;
    right: 0;
    display: inline-block;
    background: rgba(100, 100, 240, 0.02);
    text-align: center;
}
    .touch-button:hover {
          cursor: pointer; 
    }
.navicon {
    top: 9px;
    font-size: 12px;
    color: rgb(14, 43, 136);
    font-family: arial;
    position: relative;
}
.depth0 {
        background: #009688;
}
.flexnav li.depth0 a{
    color: #FFF;
}
.depth1 {
    background: #FFF;
    font-size: 0.9em;
}
.flexnav li.depth1 a{
    color: #005A52;
}
.depth2 {
    background: rgb(255,250,232);
    font-size: 0.9em;
}

.depth3 {
    background: rgb(255, 254, 252);
    font-size: 0.9em;
}

.SelectedMenuItem {
     background: rgb(238, 246, 228);
}

.openClose{
    font-size: 13px;
    float:right;
    padding-right: 5px;
}
.sideNav {
    background-color: rgb(0, 150, 136);
    border-bottom: none;
}
.timeslo.bookedts {
    background: #e0e0e0;
}
.timeslo {
    width: 13%;
    height: 50px;
    display: inline-block;
    border: 1px solid grey;
    margin: 0.5%;
}
.timeslo.availablets {
    background: #95ce95;
}
.timeslo.reservedts {
    background: #ffd9cd;
}
.timeslo.availablets {
    background: #95ce95;
    cursor:pointer;
}
.timeslo.availablets:hover {
    background: #2abe2a;
}
.timeslo.selectedts {
    background: #0000ff!important;
    border-color: blue;
}


div#dpForm {
    text-align: center;
}
.dpField input {
    padding: 12px 10px;
    width: 410px;
    border: 1px solid darkgrey;
    border-radius: 3px;
    max-width: 100%;
}
.dpField {
    margin: 13px 0;
}
.dpField>div {
    font-size: 20px;
    color: #612857;
}
.dpField>div>span {
    color: red;
}
.dpSection>p {
    font-size: 22px;
    font-family: 'Comfortaa', cursive;
    color: rgb(89 0 77);
    text-shadow: 0 0 17px rgb(97, 40, 87);
    padding: 10px 0;
}
div#spotSection>p {
    font-size: 22px;
    font-family: 'Comfortaa', cursive;
    color: rgb(89 0 77);
    text-shadow: 0 0 17px rgb(97, 40, 87);
    padding: 10px 0;
}
div#availableSpots {
    max-width: 410px;
    margin: 0 auto;
    background: #f4f4f4;
    padding: 20px 0;
}
div#availableSpots {
    max-width: 410px;
    margin: 0 auto;
    padding: 0 0 20px 0;
    border: 1px solid darkgrey;
    border-radius: 3px;
}
div#eDate {
    background: #d7c9d5;
    color: #733d6d;
    padding: 5px 0;
    font-weight: bold;
    line-height: 23px;
}
.timeslo.selectedts {
    background: #b1029e !important;
    border-color: #b1029e;
}
.tsTitle {
    padding: 13px 0 3px;
}
#extraInfo textarea#comments {
    width: 410px;
    padding: 10px;
    height: 100px;
    border: 1px solid darkgrey;
    border-radius: 3px;
    max-width: 100%;
}
div#extraInfo {
    margin-top: 35px;
}

button#submitit {
    background: none;
    border: none;
    background-color: #EA8622;
    padding: 12px 23px;
    color: white;
    font-size: 23px;
    margin-top: 20px;
}

button#submitit:hover {
    background-color: #FFEAD4;
    color: #C36200;
}
div#spotSection>p>span {
    color: red;
}
.legentitem>div {
    width: 17px;
    height: 17px;
    display: inline-block;
    border: 1px solid grey;
    margin: 2px;
    position: relative;
    top: 5px;
}
div#legend {
    text-align: left;
    margin: 18px 0 0 62px;
    font-size: 14px;
}
.l1 {
    background: #95ce95;
}
.l2 {
       background: #ffd9cd;
}

.l3 {
        background: #e0e0e0;
}
.l4 {
    background: #b1029e;
    border-color: #b1029e;
}
.resourceBlock {
    margin-top: 26px;
}
.ResourceLI {
    font-size: 16px;
}
#FooterContent a.targetGoneBig {
    font-family: 'Comfortaa', cursive;
    font-size: 28px;
    color: rgb(255, 255, 255);
    /* text-shadow: 0 0 9px rgb(204, 63, 106); */
    text-shadow: 0 0 17px rgb(215 201 213);
    line-height: 37px;
}
.loadingspots {
    background: #e6e6e6!important;
    cursor: progress!important;
}

table#tblSlots {
    background: #e8e8e8;
    margin-top: 20px;
}
#tblSlots td, #tblSlots th {
    padding: 10px;
}
select.selPack {
    padding: 5px;
    border: 1px solid #b3b3b3;
}
button#btnSavePack {
    border: none;
    background: #8d6786;
    color: white;
    padding: 10px 20px;
    margin: 10px 0 0;
}

button#btnSavePack:hover {
    background: #612857;
}

button#btnSavePack:disabled {
    background: grey!important;
}
td.parentTitle {
    background: #d7c9d5;
    text-align: center;
    font-weight: 600;
    color: #612857;
}
#tblSlots th {
    padding-top: 24px;
}#tabsNavigation{
 width:100%;
 font-weight:normal;
 font-size:100%;
 line-height:normal;
}
#tabsNavigation ul {
 margin:0;
 padding:0px 0px 0px 0px;
 list-style:none;
}
#tabsNavigation li {
 display:inline; 
 margin:0;
 padding:0;
 font-size: .9em;
}
#tabsNavigation a {
 border-bottom: 0px;
 padding-bottom:0px;
 float:left;
 margin:0;
 padding:0 0 0 4px;
 text-decoration:none;
}
#tabsNavigation a span {
 display:block;
 padding:3px 10px 4px 10px;
 color:#FFF;
}
#tabsNavigation li.selected {
 float:left;
 display:inline;
 display:block;
 margin:0;
 padding:0px 0px 0px 4px;
}
#tabsNavigation li.selected span {
 display:block;
 padding:3px 10px 4px 10px;
 margin:0px 0px 0px 0px;
 color:#FFF;
}
#tabsNavigation li.SelectedChild a {
 float:left;
 display:inline;
 display:block;
 margin:0;
 padding:0px 0px 0px 0px;
}
#tabsNavigation li.SelectedChild span {
 display:block;
 padding:3px 10px 4px 10px;
 margin:0px 0px 0px 0px;
 color:#FFF;
}
#tabsNavigation{
 padding-top:10px;
 text-transform:uppercase;
 overflow:auto;
 padding-left:10px;
}
#tabsNavigation li{
 color:#FFF;
 padding:3px 10px 4px 10px
 display:inline;
}
#tabsNavigation ul li span{
 background:#52aacb;
}
#tabsNavigation ul li.selected{
 background:#f00019;
}
#tabsNavigation ul{
 padding:0px 0px 0px 0px;
}
#tabsNavigation ul li{
 padding:0px 0px 0px 0px;
}
#tabsBannerRight ul li span{
 text-align: right;
}
#BannerRight{
 text-align:right;
}
#tabsBannerRight li{
 padding-left:20px;
 display:inline;
}
#tabsBannerRight ul{
 padding:0px 0px 0px 0px;
}
#menu-toggle{
display:none;
}

#NAV .nav{
 padding:0;    
 text-align: left;   
 border: 0;   
 margin: 0;
line-height: 48px;
}
#NAV .nav li{display:inline; padding:0;}
#NAV .nav li a{
    text-decoration:none;
    padding: 13px 15px;
    color: #999999;
    float: none;
    display: inline-block;
}
#NAV .nav li a:hover span {
    color: #D26B00;
}
#NAV .nav li a:hover {
    background: rgb(255, 234, 212);
}
#NAV .nav li.selected {
    padding: 13px 15px;
    background: #FFA84C;
    color: white;
float: none;
}
#NAV .topLevelNav{
 display:none;
}
#NAV #tabsNavigation {
    padding: 0;
    margin: 0;
    text-transform: capitalize;
}
#NAV #tabsNavigation ul{
    text-align:left;
    font-family:Open Sans, sans-serif;
    font-size: 1.1em;
    overflow: hidden;
}
.openMenuBtn {
    padding: 0;
    text-align: right;
    border: 0;
    margin: 0;
    line-height: 30px;
}
.openBtn {
    color: white;
    background: rgba(255, 255, 255, 0.24);
    border: none;
    padding: 4px 7px;
    margin-right: 12px;
    margin-top: 5px;
    border-radius: 3px;
}
.navBSBar {
    font-size: 11px;
}
.navBSBarInner {
    display: inline-block;
    background: rgba(0, 0, 0, 0.35);
    text-transform: uppercase;
}
.navBS {  
    margin: 0px; 
    list-style: none;
    padding: 0;
    background: #000;
}
.navBS-tabs>li{
    float: left;
    border-right: 0px solid #19384C;
}
.navBS-tabs > .active > a, .navBS-tabs > .active > a:hover, .navBS-tabs > .active > a:focus {
    color: #fff;
    background-color: #009688;
    cursor: default;
}
.navBS-tabs>li>a {
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 5px;
    color: rgba(255, 255, 255, 0.51);
}
.navBS-tabs > li > a, .navBS-pills > li > a {
    padding-right: 8px;
    padding-left: 7px;
}
.navBS>li>a {
    display: block;
}
.navBS>li>a:hover {
text-decoration: none;
    background-color: rgb(228, 131, 31);
    color: #f5f5f5;
}
#NAV #tabsNavigation li.selected span {
    display: inherit;
    padding: 0;
    background: none;
}
#NAV #tabsNavigation li.selected {
    background: #FFA84C;
}/* 
	MEDIA QUERIES FOR COMMON DEVICES- RESPONSIVE GRID SYSTEM
	URL - http://responsive.gs
	LICENSE - PUBLIC DOMAIN
*/

/* SMARTPHONES - PORTRAIT & LANDSCAPE */
@media
only screen and (min-device-width: 320px) and (max-device-width: 480px),
only screen and (min-width: 320px) and (max-width: 480px) {
	
.container						{ width: 95%; } /* edit how you see fit */

}

/* SMARTPHONES - LANDSCAPE */
@media 
only screen and (min-width: 321px) {
	
.container						{ width: 95%; } /* edit how you see fit */
	
}

/* SMARTPHONES - PORTRAIT */
@media 
only screen and (max-width: 320px) {
	
.container						{ width: 95%; } /* edit how you see fit */
	
}

/* IPADS - PORTRAIT & LANDSCAPE */
@media 
only screen and (min-device-width: 768px) and (max-device-width: 1024px),
only screen and (min-width: 768px) and (max-width: 1024px) {
	
.container						{ width: 100%; } /* edit how you see fit */

}

/* IPADS - LANDSCAPE */
@media 
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	
.container						{ width: 100%; } /* edit how you see fit */

}

/* IPADS - PORTRAIT */
@media 
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	
.container						{ width: 100%; } /* edit how you see fit */
	
}

/* DESKTOPS & LAPTOPS */
@media only screen and (max-width: 750px) {
.row, body, .container, .col, .row {
 width: 100%;
 min-width: 0;
 margin-left: 0px;
 margin-right: 0px;
 padding-left: 0px;
 padding-right: 0px;
 float: none;
 clear:leeft;
}
#Navigation{
 padding-top:0px;
 font-weight:bold;
 text-align:center;
}
#tabsNavigation ul{
 display:block;
 text-align:center;
}
#tabsNavigation ul li span{
 background:#52aacb;
 display:block;
 width:100%;
}
#tabsNavigation ul li{
 background:#52aacb;
 display:block;
 height:40px;
 border-right:0px solid #e2e2e2;
 border-left:0px solid #2f7eb6;
 padding:0px 0px 0px 0px;
}
#tabsNavigation ul li.selected{
 display:none;
}
#tabsBannerRight{
 display:none;
}

/*- BannerRight  -*/
/*--------------------------------------------------------------------------------------------------------------------------------------- */
#BannerRight{
 margin:0px 0px 0px 0px;
 padding:15px 0px 0px 0px; 
 text-align: right;
 font-size:.8em;
}
.innerBannerRight h3{
 font-size:2em;
}
}

@media 
only screen and (max-width: 850px) {
#tabsNavigation ul li{
 font-size:.65em;
 padding:0px 5px 0px 5px;
}
}

@media 
only screen and (min-width: 1024px) {

.container						{ max-width: 1000px; }
	
}

@media 
only screen and (min-width: 1224px) {
	
.container						{ max-width: 1200px; }
	
}

/* LARGE SCREENS */
@media 
only screen and (min-width : 1824px) {

	.container						{ max-width: 1800px; }
	
}

@media (max-width:860px) {
div#FooterContent {
    width: 100%;
}
}



@media (max-width:810px) {
    #NAV #Navigation {
        display: block;
        float: none;
    }
    .openMenuBtn {
     display:block;
    }
    #NAV #tabsNavigation {
     display:none;
    }
    #NAV .nav li {
        display: block;
        line-height: 24px;
    }
    #NAV .nav li.selected {
        padding: 4px 17px;
        color: white;
    }
   #NAV #tabsNavigation ul li.selected{
        display: block;

    }
}

@media (min-width:811px) {
    .openMenuBtn {
     display:none;
    }
   #NAV #tabsNavigation {
     display:block;
    }
}

@media (min-width: 1200px) {
#CNT .in, #HRO .in{
    width: 1180px;
}
}
@media (min-width: 992px) and (max-width:1200px)  {
#CNT .in, #HRO .in{
    width: 980px;
}
}
@media (min-width: 768px) and (max-width:992px) {
#CNT .in, #HRO .in {
    width: 760px;
}
}
@media (max-width: 768px){
#CNT .in {

}
}
@media (max-width: 500px){
#HED h1 {
    font-size:28px;
}
#HED .h1Small h1 {
    font-size: 25px;
}
.instructorBoxFrame {
    width: 100%;
    display: block;
}
}

@media (min-width: 600px){
#Default #HED {
    height: 100vh;
}

}
@media (max-width: 767px){
h2#symptom {
    width: 100%;
    text-align: left;
    border-top: 1px solid #FFEAD4;
    padding-top: 10px;
}
.newForm .fieldNewNoLbl {
    line-height: 12px;
}

}