.js-replace-loader {
		border: 16px solid #f3f3f3;
		border-top: 16px solid #6D2A84;
		border-radius: 50%;
		width: 35px!important;
		height: 35px!important;
		animation: spin 2s linear infinite;
		display: inline-block;
		color: #0c0c0c!important;
}

@keyframes spin {
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
}
.jwplayer.jw-flag-ads .jw-controlbar .jw-icon-fullscreen{ width:200px; background-color:#CCC;}
.jw-flag-audio-player .jw-controlbar .jw-icon-fullscreen{ width:200px; background-color:#CCC;}
.jw-skin-vapor .jw-icon-hd.jw-off:before { font:11px Arial, sans-serif; color:#FFF; border:#c00 1px solid; content: "SD"; padding:2px 3px; border-radius: 4px; background-color:#900; vertical-align: text-top;}
.jw-skin-vapor .jw-icon-hd:before { font:11px Arial, sans-serif; color:#FFF; border:#0c0 1px solid; content: "HD"; padding:2px 3px; border-radius: 4px; background-color:#090; vertical-align: text-top;}

.routineCategoryDescription{	padding-left:20px;}
.dancersNameList{width:290px; float:left; cursor:pointer;}
.dancersNameListActive{	background-color:#EFEFEF;	color:#000;	width:400px; float:left; cursor:pointer; }
.dancersNameList:hover{	background-color:#EFEFEF;}
.dancersNameListColumn{ column-count: 3;}
select:invalid, input:invalid, textarea:invalid {
	border-color:#f00;
}

.message{position:relative; padding-left:21px; margin-top:15px; margin-botton:5px; color:#090; clear:both; font-weight:bold;}
.textUnderButtons
{
	position:relative;
	padding-left:21px;
	margin-top:20px;
	clear:both;
}
.error-text{ color:#900; }
.err
{
	position:relative;
	padding-left:21px;
	margin-top:20px;
	color:#900;
	clear:both;
}
img {
border:none;
}
* {
	margin: 0px;
	padding: 0px;
}

@font-face {
	font-family: latolig;
	src: url(../font/latolig.ttf);
}

@font-face {
	font-family: latobol;
	src: url(../font/latobol.ttf);
}
@font-face {font-family: Trebuchet; src: url(../font/trebuc.ttf);}
@font-face {
  font-family: 'Monoton';
  font-style: normal;
  font-weight: 400;
  src: local('Monoton'), local('Monoton-Regular'), url(https://fonts.gstatic.com/s/monoton/v6/AKI-lyzyNHXByGHeOcds_w.woff) format('woff');
}
html {
    min-height: 100%;
}
body {
	height:100%;
	font:14px 'latolig', Arial, sans-serif;
	background:#fff;
	/*background: url(../img/background.jpg) top center no-repeat;*/
}

@font-face {
	font-family: latobla;
	src: url(../font/latobol.ttf);
}

li {
    list-style-type: none;
}

.dataTables_info {
    margin-right: 10px;
}
button.dt-button {
    background-color: #6D2A84 !important;
    background-image: none !important;
}
button.dt-button:hover:not(.disabled) {
    background-image: none !important;
    background-color: #fff !important;
    border: 1px solid #6D2A84 !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea, select {
padding: 4px;
border: 1px solid #aeaeae;
/* width: 100%; Will be global. Have to test on each page */
font-size: 13px;
border-radius: 3px;
box-shadow: none;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="url"]:focus, select:focus, textarea:focus, .form-control:focus {
    border: 1px solid #6d2a84;
    outline: #6d2a84 auto 1px;
}

input[type="number"]{
width: 50px;
padding: 6px 6px;
border: 1px solid #aeaeae;
font-family: latolig;
font-size: 14px;
border-radius: 3px;
}

#username {background:url(../img/userbg.png) center right no-repeat #fff}
#password {background:url(../img/passbg.png) center right no-repeat #fff}

#mainheader {
background:url(../img/headerbg.png) top center no-repeat;
height:100px;
margin-top:0px;
position:relative;
}
/*background-color:#800000;*/
.mainHeaderBg{	
        width:100%;
        /* background-color:#800000;
        background:url(/img/headerbgStratch.png) repeat-x; */
        height:50px;
        margin-top:0px;
        position:relative;
        z-index:0;
                }
#headerwrapper {
	width:960px;
	margin:auto;
	height:80px;
}

#navigation {
	width: 960px;
	height: 20px;
	position: relative;
	top: -62px;
	left: 28px;
}

#navmenu {color:#fff;display:block}
#navmenu li {float:left;list-style:none}
#navmenu li a {color:#fff;text-decoration:none;padding: 5px 23px;font-size:12px;font-family:latobol; white-space:nowrap;}
#navmenu li a:hover {color:#109fe1}

#welcome {color: white;
float: right;
width: 416px;
margin-top: 120px;
margin-right: 30px;}

#welcome h1 {margin-bottom:40px;font-family: latobol;
font-size: 36px;}

#welcome p {font-size:18px;margin-bottom:30px}

#maincontent {width:960px; margin:auto; overflow:hidden; padding-top:20px; position:relative; z-index:20;}

.blue {color:#109fe1}
.contact {font-size:14px !important}
.active {color:#6d2a84 !important}

#logo {width: 135px;
margin: auto;
z-index: 2;
position: relative;
top: -5px;}

#loginbox {width: 390px; /*height: 339px;*/ background: url(../img/loginbg1.png) top no-repeat;float: right;clear: both; margin:0px 40px 10px 0px; box-shadow: 0px 0px 8px 0px rgba(255,255,255,1);}
#loginbox  h2{font-family: latobol;padding: 15px 20px 20px 20px;color:#fff;font-size:18px}
#loginbox span{font-family:latolig;font-weight: normal;}

#mainfooter {
	clear:both;
background:url(../img/footerbg.png) bottom center repeat-x; /*no-repeat;  repeat-x;*/
height:100px;
width:100%;
margin-bottom:0px;
    position : relative;
    bottom : 0;
/* margin-top:115px; */
}

#boxlinks {margin-left: 0px;
font-size: 14px;color:#21a0de;width: 233px;float:left}

#boxlinks label {cursor:pointer}

#boxlinks input{margin-bottom: 20px;}

#boxlinks a{font-family: latolig;
font-size: 14px;
text-decoration: none;
color: #3f3f3f;line-height: 1.5}
#boxlinks a:hover {color:#21a0de}

.bttn { 
    padding:0.45em 1.45em 0.4em; 
    border:2px solid #007dbb; 
    -webkit-border-radius: 1.45em; 
    -moz-border-radius: 1.45em; 
    border-radius: 1.45em; 
    text-transform: uppercase; 
    text-shadow:none; 
    background-color:#007dbb;
    color:#fff; 
    -webkit-transition-duration: 0.4s; 
    -moz-transition-duration: 0.4s; 
    -o-transition-duration: 0.4s; 
    transition-duration: 0.4s; 
    transition-timing-function: ease-in-out; 
}
.buttonGroupTabs {
    padding-left:21px;
    padding-top:20px;
    clear:both;
    }
		
.buttonGroupTabs a, .linkButton, .btn_middle {
	font-style:normal;
	text-decoration:none;
	text-shadow:1px 1px 0px #1570cd;	
	color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    background-color: #0074cc;
    background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
    background-image: -o-linear-gradient(top, #0088cc, #0055cc);
    background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
    background-image: linear-gradient(top, #0088cc, #0055cc);
    background-repeat: repeat-x;
    border-color: #0055cc #0055cc #003580;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.buttonGroupTabs a:hover, .linkButton:hover, .btn_middle:hover {

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #2182b2), color-stop(1, #33a5dd) );
	background:-moz-linear-gradient( center top, #2182b2 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2182b2', endColorstr='#33a5dd');
	background-color:#2182b2;	
	color: #fff;
}
.eventsActiveLink {
    background: #fff !important;
    color: #6D2A84 !important;
    border: 2px solid #6D2A84 !important;
    pointer-events: none;
}

.buttonGroupTabs .activeLink
{
	background: #28a5df;
}

input:focus, textarea:focus {
    outline: #6d2a84;
    border: 1px solid #6d2a84;
}

.bttn, input[type="submit"], input[type="button"] { 
    padding:0.45em 1.45em 0.4em; 
    border:2px solid #007dbb; 
    -webkit-border-radius: 1.45em; 
    -moz-border-radius: 1.45em;
    border-radius: 1.45em;
    text-transform: uppercase; 
    text-shadow:none; 
    background-color:#007dbb;
    color:#fff; 
    -webkit-transition-duration: 0.4s; 
    -moz-transition-duration: 0.4s; 
    -o-transition-duration: 0.4s; 
    transition-duration: 0.4s; 
    transition-timing-function: ease-in-out; 
}
.bttn:hover, input[type="submit"]:hover { 
    background-color:#fff;
    color:#007dbb; 
}
.bttnSearch{ 
    font-size:1.2em; 
}
.btnRound {
    display: inline-block;
    border: none;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    vertical-align: middle;
    color: #000000;
    background-color: #ffffff;
    font-weight: 300;
    padding: 0.25em 1.5em;
    margin: 0;
    text-decoration: none;
    font-size: 1em;
    padding: 0.3em 1.25em 0.2em;
    -webkit-border-radius: 1.25em;
    -moz-border-radius:  1.25em;
    border-radius:  1.25em;
    }
    .btnMargin {
        margin: 1em 0.25em;
    }
    .btn-purple, input[type="submit"], input[type="button"], .btn-purple:focus, input[type="submit"]:focus, input[type="button"]:focus {
        color: #ffffff !important;
        background: #6D2A84 !important;
        background-position: left bottom;
        border: 2px solid #6D2A84 !important;
        transition:all 0.5s ease;
    }
    
    .btn-purple:hover, input[type="submit"]:hover, input[type="button"]:hover {
        background: #fff !important;
        color: #6D2A84 !important;
        text-decoration: none;
        border: 2px solid #6D2A84 !important;
    }
    .btn-delete {
        color: #ffffff;
        background: rgba(255, 0, 0, 0.62);
        background-position: left bottom;
        border: 2px solid rgba(255, 0, 0, 0.62) !important;
        transition:all 0.5s ease;
    }
    .btn-delete:hover {
        background: #fff;
        color: rgba(255, 0, 0, 0.62) !important;
        text-decoration: none;
        border: 2px solid rgba(255, 0, 0, 0.62) !important;
    }
    .btn-white {
        background: #ffffff !important;
        color: #6D2A84 !important;
        border: 1px solid #6D2A84 !important;
    }
    .btn-white:hover {
        color: #ffffff !important;
        background: #6D2A84 !important;
    }
    td input[type="button"], td input[type="submit"] {
        border-radius: 0;
    }


#footerwrapper {
	width:960px;
	margin:auto;
}

#footernavigation {
	/*width: 490px;*/
	height: 20px;
	position: relative;
	top: 45px;
	left: 68px;
}

#navmenubot {color:#fff;display:block}
#navmenubot li {float:left;list-style:none}
#navmenubot li a {color:#fff;text-decoration:none;padding: 5px 15px;font-size:12px;font-family:latobol}
#navmenubot li a:hover {color:#109fe1}

#copyright {float:left;margin-top:45px;color:#fff}

#socialmedia {float: right;
margin-top: 15px;
margin-right: 100px;}
#socialmedia img{margin-right:10px}

#navigation img {float: left;width:20px}

#navmenumobile {color:#fff;list-style:none}
#navmenumobile a{color:#fff;text-decoration:none;}

#navmenumobile ul {
    list-style: none;
    background: #1c1c1c;
    padding: 5px 0;
}
 
#navmenumobile li a {
    display: block;
    padding: 0 20px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    letter-spacing: 0.1em;
    line-height: 2em;
    height: 2em;
    border-bottom: 1px solid #383838;
}
 
#navmenumobile li:last-child a {
    border-bottom: none;
}
 
#navmenumobile li a:hover,
#navmenumobile li a:focus {
    color: #1c1c1c;
    background: #ccc;
}
#navmobile {display:none}

#nav-trigger {display:none}
.house {position: relative;
width: 20px;
left: 13px;
top: 45px;}

#topmenu {height:26px;background:#16181a; width:100%}
#topmenubar {display:block;float:right}
#topmenubar li {float:left;list-style:none}
#topmenubar li a {color:#e8e8e8;padding:5px 10px;font-size:14px;text-decoration:none}

#navmenu li.rightmenu  {float:right}
.pagetitle, .subtitle {padding-top: 10px!important;}

#subtitle {height:110px;background:#28a5df;}
#titleheader {height: auto; padding: 10px 0 0 0;; /*margin-top:-20px;*/ text-align:left;}
#titleheader .pagetitle{width: 960px;margin: 0 auto; padding:0;} 
#titleheader .pagetitle h1 {font-size:36px /*latobla*/; color:#28a5df; padding:20px 0 0 0; margin:0;}

.fa-toggle-on, .fa-toggle-off, .fa-times {
    font-size: 1.6em;
    color: #6d2a84;
    cursor: pointer;
    display: none;
    margin-left: 5px;
}
.fa-check {
    color: green;
    font-size: 1.6em;
}
.fa-times {
    color: red;
    font-size: 1.6em;
}
.border-black {
    border: 1px solid #000;
}
.p-0 {padding: 0;}
.p-10 {padding: 10px;}
.p-20 {padding: 20px;}
.p-30 {padding: 30px;}
.pt-10 {padding-top: 10px;}
.pt-20 {padding-top: 20px;}
.pt-30 {padding-top: 30px;}
.pb-10 {padding-bottom: 10px;}
.pb-20 {padding-bottom: 20px;}
.pb-30 {padding-bottom: 30px;}
.pl-10 {padding-left: 10px;}
.pl-20 {padding-left: 20px;}
.pl-30 {padding-left: 30px;}
.pr-10 {padding-right: 10px;}
.pr-20 {padding-right: 20px;}
.pr-30 {padding-right: 30px;}
.plr-10 {padding: 0 10px;}
.plr-20 {padding: 0 20px;}
.plr-30 {padding: 0 30px;}
.ptb-10 {padding: 10px 0;}
.ptb-20 {padding: 20px 0;}
.ptb-30 {padding: 30px 0;}
.m-0 {margin: 0;}
.m-10 {margin: 10px;}
.m-20 {margin: 20px;}
.m-30 {margin: 30px;}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mt-30 {margin-top: 30px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mr-10 {margin-right: 10px;}
.mr-20 {margin-right: 20px;}
.mr-30 {margin-right: 30px;}
.ml-10 {margin-left: 10px;}
.ml-20 {margin-left: 20px;}
.ml-30 {margin-left: 30px;}
.mtb-10 {margin: 10px 0;}
.mtb-20 {margin: 20px 0;}
.mtb-30 {margin: 30px 0;}
.mlr-10 {margin: 0 10px;}
.mlr-20 {margin: 0 20px;}
.mlr-30 {margin: 0 30px;}
.m-auto {margin: 0 auto;}
.w-100 {width: 100%;}
/* Ipad Mobile */
@media screen and (max-width: 768px) {
    .wm-100 {width: 100%;}
}
.col-purple {
    color: #6d2a84;
}
.col-yellow {
    color: #ffd12f;
}
.bg-white {background-color: #fff;}
.bg-grey {background-color: #f7f5f6;}

#about {background-image:none}

#subtitle {background:#fff}
#subtitle h1 {font-family:latobol;padding-top:30px;font-size:36px}

#first,#second,#third,#first2,#second2,#third2 {width: 280px;height:355px;position:relative;
float: left;
text-align: center;
padding: 0px 10px;}
#details #third2 {display:none}
#first,#second {border-right:1px solid #dadbdb}
#first h2,#second h2,#third h2,#first2 h2,#second2 h2,#third2 h2 {margin-top: 15px;font-family:latobla;text-align:left;margin-left: 30px;}

	.homePageLooginButtonDiv
	{
		position:absolute;
		bottom:0px;
		left:-5px;
		padding-bottom:5px;
		width:100%;
	}
	
.homePageLooginButtonDivMid
{

	padding-top:25px;
	bottom:0px;
	padding-bottom:5px;
	margin-left: auto;
	margin-right: auto;
}
	
#maincontent article {width: 210px;
text-align: left;
font-size: 15px;
margin: auto;}

/*#about input[type="submit"]{position: absolute;
bottom: 0px;
right: 105px;
padding:10px 15px;}*/

#logina {left:60px !important}
#loginb {right:60px !important}
#clearfixborder {clear: both;
height: 50px;
border-bottom: 1px solid #afafaf;
width: 840px;
margin: auto;
margin-left: 50px;
margin-bottom:50px}

#about #mainfooter {margin-top:0px; z-index:200;}
#recital {background-image:none}
#recital #maincontent {margin-top:40px}
#recital #mainfooter {margin-top:0px}

#recital #first2,#recital #second2, #recital #third2 {height:265px;margin-bottom: 20px;}
#recital #details {height: 75px;
background: #21a0de;
width: 260px;
margin-left: 10px;
margin-top: -5px;}

#recital #details h2{font-size: 18px;
font-family: latobol;
color: #fff;
margin-top: 0px;
margin-bottom: -20px;
padding-top: 15px;}
#recital #details p{font-size:14px;color:#fff;text-align: left;
margin-left: 30px;}

#icons {position: absolute;
width: 260px;
height: 190px;
left: 20px;
}

#icons:hover {background: rgba(0, 0, 0, 0.58);}

.searchimg {position: absolute;
left: 85px;
top: 90px;opacity:0.5;border: 2px solid rgba(236, 236, 236, 0.93);}

.cart {

position: absolute;
left: 135px;
top: 90px;
opacity: 0.5;border: 2px solid rgba(236, 236, 236, 0.93);
}
#icons img:hover,#icons img:hover {opacity:1;cursor:pointer}

#pagination {clear: both;
margin: auto;
width: 150px;
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;}

#pagination span{font-family:latobla}

#details #first2 {width:140px;height:auto}
#details {background-image:none}
#details #second2 {width:550px;height:auto}
#details #second2 img {width: 96%;margin-bottom:20px}
#details #second2 h1 {font-family: latobla;
font-size: 24px;
text-align: left;
padding: 20px 5px;margin-top:20px}
#details #second2 p{font-size:14px;text-align:left}
#details #third2 {width:170px;height:auto}
#details #first2 h1 {font-family: latobla;
font-size: 36px;
margin-top: 10px;text-align:left}
#details #first2 {text-align:left}
#details input[type="button"] {background: #33a5dd;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #33a5dd 0%, #2182b2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33a5dd), color-stop(100%,#2182b2));
background: -webkit-linear-gradient(top, #33a5dd 0%,#2182b2 100%);
background: -o-linear-gradient(top, #33a5dd 0%,#2182b2 100%);
background: -ms-linear-gradient(top, #33a5dd 0%,#2182b2 100%);
background: linear-gradient(to bottom, #33a5dd 0%,#2182b2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33a5dd', endColorstr='#2182b2',GradientType=0 );
font-size: 16px;
font-family: latolig;
color: #ffffff;
padding: 6px 30px;
border: 1px solid #056a98;
border-radius: 5px;
box-shadow: inset 0px -4px 3px rgba(0, 0, 0, 0.21);
cursor: pointer;border-radius: 30px;margin-top:20px
}

.avatar {width:30px !important;height:auto;text-align: left !important;}
#details #second2 {text-align:left}
.user {margin-left:10px;font-family:latobla}
#details textarea {height:90px;width:560px;border-radius:10px}
#postcomment {padding: 10px 10px !important;float:right}
.date {font-size:12px;margin-left:20px}
.reply {font-size: 15px;
margin-left: 20px;
color: grey;
font-family: latobla;
text-decoration: none;
}
#commentbox {width: 590px;
clear: both;
font-size: 14px;}
#commentreply {margin-top: 20px;
width: 500px;
float: right;}

.logo_bottom{position:absolute; bottom:0px; text-align:center; left: 50%; margin:0 0 0 -200px;}
/* Media queries for smartphones, tablets and desktops ! */

@media only screen and (max-width: 767px){
#maincontent {width:260px;margin:auto;overflow:hidden}
#headerwrapper {width:260px}
#maincontent {width: auto;}
#welcome {width:258px;float:none;margin-right:0px}
#navigation {left:0px;width:255px;display:none}
#loginbox {width:260px;margin-right:0px;/*height:393px;background:url(../img/loginbg320.png);*/}
#loginbox  h2{font-family: latobol;padding: 20px 20px;color:#fff;font-size:18px}
#loginbox span{font-family:latolig}
#logo {margin-left:15px;top: 8px;}
#logo img {width:120px}
#navmenubot li{float:none}
.house {display:none}
#navmenu {display:none}
#navmobile {display:block;z-index: 9999;
position: absolute;}
#nav-trigger {cursor: pointer;
float: right;
margin-top: 23px;
display:block}
#navmenu li a {font-size: 20px !important;
text-transform: uppercase;
padding: 10px 20px;
width: 200px;
/*height: 30px;*/
display: block;
background: #000;
border-bottom: 1px solid rgb(71, 71, 71);}
#navmenu li {float:none;text-align:center}
#footerwrapper {width:260px}
#footernavigation {width:120px}
input[type="submit"] {margin-left:50px;position: relative; /*top: -80px;*/}
.dropDownItem{ display:none;}
#boxlinks {position: relative;
/*bottom: -50px;*/}
#mainfooter {background: url(../img/footerbg320.png) bottom center repeat-x;height:311px;margin-top:65px}
#welcome {margin-top: 1px;}
#socialmedia {margin-right: 60px;position:relative;bottom:-110px}
#navmenubot {text-align:center;position: relative; 
top: -60px;}
#navmenubot li a {font-size:15px}
#navmenubot li {margin-bottom:20px}
#copyright {bottom: -210px;
text-align: center;
left: 80px;position:relative}
#subtitle {display: none;}
#about input[type="submit"] {position: relative; margin-top: 0px; right: 30px;}
#loginb {float: right;
margin-top: -60px !important;right: 40px !important;}
#logina {top: -118px;float:left;left:-25px !important}
#first {margin-top:30px}
#logina {left: -15px !important;}
#first,#second,#third,#first2,#second2,#third2 {width:250px;border:none;}
#about #first,#about #second,#about #third,#about #first2,#about #second2,#about #third2 {width:250px;border:none;margin-left:10px}
/*#about #maincontent {width:290px}*/
#recital .pagetitle, #details .pagetitle {text-align: center;width:240px}
#recital #titleheader h1, #details #titleheader h1 {font-size: 30px;
font-family: latobla;
color: #fff;
padding-top: 25px;
margin-top: -20px;margin-left: -30px;}
#details #feed {margin-left:23px}

#details #second2 {width:260px;margin-top: 30px;padding:0px 5px}
#details #second2 h1{text-align:center}
#details #second2 textarea {width:240px}
#postcomment {display:none}
#commentbox {width:250px}
#commentreply {width:200px}
#details #third2 {display:none}

#recital #first2 img, #recital #second2 img, #recital #third2 img{margin-left:10px}
#recital #maincontent {width:290px}
#topmenubar li a {padding: 5px 6px;
font-size: 12px;}

#about article {width: 222px}

#details .pagetitle h1{margin: -10px auto;
width: 260px;  border:#F00 solid 1px;}

#navmenu li.rightmenu {float:left}
#about .pagetitle {width: 100%;
padding-left: 0px}
#comments {margin-top: 300px;}
#details #first2 h1 {font-size:28px;width: 100px;
float: left;}
#details #first2 p {font-size:14px;float: left;
clear: left;}
#details input[type="button"] {margin-top:40px;padding:6px 10px;margin-left: 80px;}
#details #first2 {width:250px;position: absolute;
top: 690px;}
#date {position: absolute;
top: -470px;
left: 100px;}
.fbimg {float:left}
#about #titleheader h1 {text-align:center}
#recital #first,#recital #second,#recital #third,#recital #first2,#recital #second2,#recital #third2 {padding: 0px 3px;}
#recital #icons {left: 13px;}
.searchimg {left: 65px;}
.cart {left:118px}
#clearfixborder{margin-left: 0px;
margin-bottom: 20px;height:20px}
#about #first h2,#about #second h2,#about #third h2,#about #first2 h2,#about #second2 h2,#about #third2 h2 {margin-left: 12px;}
}
@media only screen and (max-width: 715px){
.rightmenu ul{ position: relative !important ;}}

@media only screen and (min-width: 768px) and (max-width: 959px){
#maincontent {width:740px;margin:auto;overflow:hidden}
#headerwrapper {width:740px}
#maincontent {width:740px}
#footerwrapper {width:740px}
#socialmedia {margin-right: 40px;}
#navigation {left: 15px;width:740px}
#copyright {margin-left: 60px;}
#footernavigation {width: 450px;left:78px}
.house {left: 3px;}
.subtitle {width:550px}
#about #maincontent {width: 700px;
margin-top: 40px;}
#first {height:290px}
#third {height:270px;margin-top: 35px;}
#about #navmenu li a,#recital #navmenu li a {padding-left:18px;padding-right:18px}
#about .pagetitle {width:600px}
#recital .pagetitle {width:740px;padding-left:0px;text-align:center}
}















	.rightmenu ul
			{
			  display:none;
			  position:absolute;
			  background-color:#222426;
			  padding-bottom:15px;
			}
			.rightmenu ul li
			{
			  clear:both;
			  padding-top:5px;
			}
			.rightmenu:hover ul{ /* Display the dropdown on hover */
				 display:block; /* Bring back on-screen when needed */
			}
.eventStatsList{font-size:13px; max-width:275px;width: 275px;height:390px;float:left;border:#333 1px solid;padding:10px;border-radius:10px;margin:3px;position:relative;page-break-inside:avoid !important;}
table {
	max-width:100%;
	background-color:transparent
}
th {
	text-align:left
}
td, th, table {padding:0; border-spacing:0; 
      border-collapse:collapse; }
table {
	width:100%;
	margin-bottom:20px
}
table>thead>tr>th, table>tbody>tr>th, table>tfoot>tr>th, table>thead>tr>td, table>tbody>tr>td, table>tfoot>tr>td {
	padding:8px;
	line-height:1.42857143;
	vertical-align:top;
	border-top:1px solid #ddd
}
table>thead>tr>th {
	vertical-align:bottom;
	border-bottom:2px solid #ddd
}
table>caption+thead>tr:first-child>th, table>colgroup+thead>tr:first-child>th, table>thead:first-child>tr:first-child>th, table>caption+thead>tr:first-child>td, table>colgroup+thead>tr:first-child>td, table>thead:first-child>tr:first-child>td {
	border-top:0
}
table>tbody+tbody {
	border-top:2px solid #ddd
}
table table {
	background-color:#fff
}
table-condensed>thead>tr>th, table-condensed>tbody>tr>th, table-condensed>tfoot>tr>th, table-condensed>thead>tr>td, table-condensed>tbody>tr>td, table-condensed>tfoot>tr>td {
	padding:5px
}
table-bordered {
	border:1px solid #ddd
}
table-bordered>thead>tr>th, table-bordered>tbody>tr>th, table-bordered>tfoot>tr>th, table-bordered>thead>tr>td, table-bordered>tbody>tr>td, table-bordered>tfoot>tr>td {
	border:1px solid #ddd
}
table-bordered>thead>tr>th, table-bordered>thead>tr>td {
	border-bottom-width:2px
}
/*table>tbody>tr:nth-child(odd)>td, table>tbody>tr:nth-child(odd)>th {background-color:#f9f9f9}*/
table-hover>tbody>tr:hover>td, table-hover>tbody>tr:hover>th {
	background-color:#f5f5f5
}
table col[class*=col-] {
position:static;
float:none;
display:table-column
}
table td[class*=col-], table th[class*=col-] {
position:static;
float:none;
display:table-cell
}
table>thead>tr>td.active, table>tbody>tr>td.active, table>tfoot>tr>td.active, table>thead>tr>th.active, table>tbody>tr>th.active, table>tfoot>tr>th.active, table>thead>tr.active>td, table>tbody>tr.active>td, table>tfoot>tr.active>td, table>thead>tr.active>th, table>tbody>tr.active>th, table>tfoot>tr.active>th {
	background-color:#f5f5f5
}
table-hover>tbody>tr>td.active:hover, table-hover>tbody>tr>th.active:hover, table-hover>tbody>tr.active:hover>td, table-hover>tbody>tr.active:hover>th {
	background-color:#e8e8e8
}
table>thead>tr>td.success, table>tbody>tr>td.success, table>tfoot>tr>td.success, table>thead>tr>th.success, table>tbody>tr>th.success, table>tfoot>tr>th.success, table>thead>tr.success>td, table>tbody>tr.success>td, table>tfoot>tr.success>td, table>thead>tr.success>th, table>tbody>tr.success>th, table>tfoot>tr.success>th {
	background-color:#dff0d8
}
table-hover>tbody>tr>td.success:hover, table-hover>tbody>tr>th.success:hover, table-hover>tbody>tr.success:hover>td, table-hover>tbody>tr.success:hover>th {
	background-color:#d0e9c6
}
table>thead>tr>td.info, table>tbody>tr>td.info, table>tfoot>tr>td.info, table>thead>tr>th.info, table>tbody>tr>th.info, table>tfoot>tr>th.info, table>thead>tr.info>td, table>tbody>tr.info>td, table>tfoot>tr.info>td, table>thead>tr.info>th, table>tbody>tr.info>th, table>tfoot>tr.info>th {
	background-color:#d9edf7
}
table-hover>tbody>tr>td.info:hover, table-hover>tbody>tr>th.info:hover, table-hover>tbody>tr.info:hover>td, table-hover>tbody>tr.info:hover>th {
	background-color:#c4e3f3
}
table>thead>tr>td.warning, table>tbody>tr>td.warning, table>tfoot>tr>td.warning, table>thead>tr>th.warning, table>tbody>tr>th.warning, table>tfoot>tr>th.warning, table>thead>tr.warning>td, table>tbody>tr.warning>td, table>tfoot>tr.warning>td, table>thead>tr.warning>th, table>tbody>tr.warning>th, table>tfoot>tr.warning>th {
	background-color:#fcf8e3
}
table-hover>tbody>tr>td.warning:hover, table-hover>tbody>tr>th.warning:hover, table-hover>tbody>tr.warning:hover>td, table-hover>tbody>tr.warning:hover>th {
	background-color:#faf2cc
}
table>thead>tr>td.danger, table>tbody>tr>td.danger, table>tfoot>tr>td.danger, table>thead>tr>th.danger, table>tbody>tr>th.danger, table>tfoot>tr>th.danger, table>thead>tr.danger>td, table>tbody>tr.danger>td, table>tfoot>tr.danger>td, table>thead>tr.danger>th, table>tbody>tr.danger>th, table>tfoot>tr.danger>th {
	background-color:#f2dede
}
table-hover>tbody>tr>td.danger:hover, table-hover>tbody>tr>th.danger:hover, table-hover>tbody>tr.danger:hover>td, table-hover>tbody>tr.danger:hover>th {
	background-color:#ebcccc
}
@media (max-width:767px) {
table-responsive {
width:100%;
margin-bottom:15px;
overflow-y:hidden;
overflow-x:scroll;
-ms-overflow-style:-ms-autohiding-scrollbar;
border:1px solid #ddd;
-webkit-overflow-scrolling:touch
}
table-responsive>table {
margin-bottom:0
}
table-responsive>table>thead>tr>th, table-responsive>table>tbody>tr>th, table-responsive>table>tfoot>tr>th, table-responsive>table>thead>tr>td, table-responsive>table>tbody>tr>td, table-responsive>table>tfoot>tr>td {
white-space:nowrap
}
table-responsive>table-bordered {
border:0
}
table-responsive>table-bordered>thead>tr>th:first-child, table-responsive>table-bordered>tbody>tr>th:first-child, table-responsive>table-bordered>tfoot>tr>th:first-child, table-responsive>table-bordered>thead>tr>td:first-child, table-responsive>table-bordered>tbody>tr>td:first-child, table-responsive>table-bordered>tfoot>tr>td:first-child {
border-left:0
}
table-responsive>table-bordered>thead>tr>th:last-child, table-responsive>table-bordered>tbody>tr>th:last-child, table-responsive>table-bordered>tfoot>tr>th:last-child, table-responsive>table-bordered>thead>tr>td:last-child, table-responsive>table-bordered>tbody>tr>td:last-child, table-responsive>table-bordered>tfoot>tr>td:last-child {
border-right:0
}
table-responsive>table-bordered>tbody>tr:last-child>th, table-responsive>table-bordered>tfoot>tr:last-child>th, table-responsive>table-bordered>tbody>tr:last-child>td, table-responsive>table-bordered>tfoot>tr:last-child>td {
border-bottom:0
}
}
a {
	color:#428bca;
	text-decoration:none
}

.sub-header
{
	padding-left:21px;
	}

/*
New schedule functionality below
*/
.dd { position: relative; display: block; margin: 0; padding: 0; max-width: 600px; list-style: none; font-size: 13px; line-height: 20px; }

.dd-list { display: block; position: relative; margin: 0; padding: 0; list-style: none; }
.dd-list .dd-list { padding-left: 30px; }
.dd-collapsed .dd-list { display: none; }

.dd-item,
.dd-empty,
.dd-placeholder { display: block; position: relative; margin:5px 0; padding: 0; min-height: 26px; font-size: 13px; line-height: 20px; }

.dd-handle { display: block; height: 70px; margin: 5px 0; padding: 5px auto; color: #333; text-decoration: none; font-weight: bold; border: 1px solid #ccc; text-align:center;
    background: #fafafa;
    background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd-handle:hover { color: #2ea8e5; background: #fff; }

.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 28px; height: 21px; margin: 0; padding: 0 0 7px 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font: 20px/21px Arial, sans-serif; text-align: center; }
.dd-item > button:before { content: '+'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; top:0px; }
.dd-item > button[data-action="collapse"]:before { content: '-'; }

.dd-placeholder,
.dd-empty { margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
    -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
    -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-image:         linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff),
    linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
    box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}

/**
 * Nestable Extras
 */
.clear { clear:both; }
.nestable-lists { display: inline-block; clear: both; padding: 10px 0; width: 100%; border: 0; border-top: 2px solid #ddd; border-bottom: 2px solid #ddd; margin: 10px 0; min-height: 650px; }

#nestable-menu { padding: 0; margin: 20px 0; }

#nestable-output,
#nestable2-output { width: 100%; height: 7em; font-size: 0.75em; line-height: 1.333333em; font-family: Consolas, monospace; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; }

#nestable2 .dd-handle {
    color: #fff;
    border: 1px solid #999;
    background: #bbb;
    background: -webkit-linear-gradient(top, #bbb 0%, #999 100%);
    background:    -moz-linear-gradient(top, #bbb 0%, #999 100%);
    background:         linear-gradient(top, #bbb 0%, #999 100%);
}
#nestable2 .dd-handle:hover { background: #bbb; }
#nestable2 .dd-item > button:before { color: #000; }

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

    .dd { float: left; width: 48%; }
    /*.dd + .dd { margin-left: 2%; }*/

}

.dd-hover > .dd-handle { background: #2ea8e5 !important; }

/**
 * Nestable Draggable Handles
 */

.dd3-content { display: block; height: 70px; margin: 0 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight:normal; font-family: verdana; font-size: 12px ; border: 1px solid #ccc; background-color:#fafafa;
    /*background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:    -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
    background:         linear-gradient(top, #fafafa 0%, #eee 100%);*/
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd3-content:hover { /*color: #2ea8e5;*/ background: #fff; }

.dd-dragel > .dd3-item > .dd3-content { margin: 0; }

.dd3-item > button { margin-left: 30px; }

.dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 35px; text-indent: 100%; white-space: nowrap; overflow: hidden;
    border: 1px solid #aaa;
    background: #ddd;
    background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:    -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:         linear-gradient(top, #ddd 0%, #bbb 100%);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; }
.dd3-handle:hover { background: #ddd; }

.dd3-handle1 { position: absolute; margin: 0; left: 0; top: 0; cursor: pointer; width: 33px; text-indent: 100%; white-space: nowrap; overflow: hidden; height:24px;
    border: 1px solid #aaa;
    background: #ddd;
    background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:    -moz-linear-gradient(top, #ddd 0%, #bbb 100%);
    background:         linear-gradient(top, #ddd 0%, #bbb 100%);
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.dd3-handle1:before { content: '≡'; display: block; position: absolute; left: 0; top: 1px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 18px; font-weight: normal; }
.dd3-handle1:hover { background: #ddd; }

.room-day-selector { float:left; width: 500px; }
.nestable-lists select.day { width:150px; margin-right: 10px; }
.nestable-lists select.room { width:150px; margin-right: 10px; }
.new-item-add input#new_item { width: 175px; }
.new-item-add a.add-new-item { color: #fff;
    border: 1px solid #207AA7;
    background: #2ea8e5;
    background: -webkit-linear-gradient(top, #2ea8e5 0%, #207AA7 100%);
    background: -moz-linear-gradient(top, #2ea8e5 0%, #207AA7 100%);
    background: linear-gradient(top, #2ea8e5 0%, #207AA7 100%);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0;
    left: 0;
    top: 0;
    cursor: pointer;
    width: 30px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; padding: 3px 8px; margin-left: 10px; }
.dd3-content .title { display: inline-block; }
.dd3-content .length { width: 60px; float: right; border-right: 1px dotted #888; }
.dd3-content .start { float: right; margin-left: 5px; }
.nobor { border-right: none !important; }
.red-border { border: 1px solid #C00 !important; }
#nestable3 { float:right; }
.loading { display: none; width: 100%; padding-top: 80px; text-align: center; position: absolute; z-index: 999; }
.blue-link { background: #33a5dd;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #33a5dd 0%, #2182b2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33a5dd), color-stop(100%,#2182b2));
    background: -webkit-linear-gradient(top, #33a5dd 0%,#2182b2 100%);
    background: -o-linear-gradient(top, #33a5dd 0%,#2182b2 100%);
    background: -ms-linear-gradient(top, #33a5dd 0%,#2182b2 100%);
    background: linear-gradient(to bottom, #33a5dd 0%,#2182b2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33a5dd', endColorstr='#2182b2',GradientType=0 );
    font-size: 15px;
    font-family: latolig;
    color: #ffffff;
    padding: 10px 30px;
    border: 1px solid #056a98;
    border-radius: 5px;
    box-shadow: inset 0px -4px 3px rgba(0, 0, 0, 0.21);
    cursor: pointer;
display: inline-block; }
.blue-link:hover { background: #37b4e5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #37b4e5 0%, #25a1c6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37b4e5), color-stop(100%,#25a1c6));
    background: -webkit-linear-gradient(top, #37b4e5 0%,#25a1c6 100%);
    background: -o-linear-gradient(top, #37b4e5 0%,#25a1c6 100%);
    background: -ms-linear-gradient(top, #37b4e5 0%,#25a1c6 100%);
    background: linear-gradient(to bottom, #37b4e5 0%,#25a1c6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37b4e5', endColorstr='#25a1c6',GradientType=0 ); }

.red-link { background: #33a5dd;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #EB122C 0%, #A00F1B 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EB122C), color-stop(100%,#A00F1B));
    background: -webkit-linear-gradient(top, #EB122C 0%,#A00F1B 100%);
    background: -o-linear-gradient(top, #EB122C 0%,#A00F1B 100%);
    background: -ms-linear-gradient(top, #EB122C 0%,#A00F1B 100%);
    background: linear-gradient(to bottom, #EB122C 0%,#A00F1B 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EB122C', endColorstr='#A00F1B',GradientType=0 );
    font-size: 15px;
    font-family: latolig;
    color: #ffffff;
    padding: 10px 30px;
    border: 1px solid #980505;
    border-radius: 5px;
    box-shadow: inset 0px -4px 3px rgba(0, 0, 0, 0.21);
    cursor: pointer;
    display: inline-block; }
.red-link:hover { background: #37b4e5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #F8374E 0%, #AA222E 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8374E), color-stop(100%,#AA222E));
    background: -webkit-linear-gradient(top, #F8374E 0%,#AA222E 100%);
    background: -o-linear-gradient(top, #F8374E 0%,#AA222E 100%);
    background: -ms-linear-gradient(top, #F8374E 0%,#AA222E 100%);
    background: linear-gradient(to bottom, #F8374E 0%,#AA222E 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8374E', endColorstr='#AA222E',GradientType=0 ); }

div.success { background: #090; border-radius: 4px; padding: 5px 8px; color: #FFF; display: inline-block; }

.videoImg{border:#FFF 2px solid; box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.55); margin:10px}

/**
 * Tooltip Styles
 */

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.step_steps{ text-align:center; position:relative; margin:0 auto; width:95%; padding:10px 0 5px 0px; cursor:pointer; z-index:100; border-bottom:1px solid #999;}

.step_smain{ position:relative; margin:0 auto; width:80%; text-align:center;}
.step_step{ float:left; position:relative; width:80px; text-align:center;}
.step_circle{border:1px solid #999; height:30px; width:30px; border-radius:15px; text-align:center; font:bold 16px/30px Arial, sans-serif; margin:2px auto;}
.step_circle_o{ background-color: #999; border:1px solid #999; height:30px; width:30px; border-radius:15px; text-align:center; font:bold 16px/30px Arial, sans-serif; color:#000; margin:2px auto;}
.step_delim{height:52px; width:10px; text-align:center; float:left; font:bold 16px/30px Arial, sans-serif; background:url(/img/pix_grey.png) repeat-x 0 18px; background-size: 30px 2px;}
.step_title{ background-color: #006666;}
.step_left{float:left; padding:0 0px 0 0; width:80px; margin:0px 0 0 0;}
.step_left .cornerL{float:left; height:0px; width:0px; border:20px solid transparent; border-width:20px 15px 20px 10px; border-right:#999 solid 15px; }
.step_left .squareL{float:left; height:40px; width:46px; background-color:#999; padding:0px; text-align:left;}
.step_right{float:left; padding:0 10px 0 0; width:85px; margin:0px 0 0 0;}
.step_right .cornerL{float:left; height:0px; width:0px; border:20px solid transparent; border-width:20px 10x 20px 15px; border-left:#999 solid 15px; }
.step_right .squareL{float:left; height:40px; width:46px; background-color:#999; padding:0px; text-align:right;}
.step_left a, .step_right a{color:#333333; font:bold 14px/40px Arial, sans-serif; text-decoration:none; padding:0px 3px;}
.step_btn{ background-color:#09C; background: linear-gradient(rgba(0,100,180,0.4), rgba(0,100,180,1)); color:#FFF; border-radius: 5px; padding:7px 7px; font: bold 13px Arial, sans-serif; float:right; margin:0 0 0 20px;}
.step_btn:hover{ background: linear-gradient(rgba(0,160,200,0.4), rgba(0,160,200,1));}

.step_title select{ width:130px;}
.step_company{float:left; padding:4px 7px; text-align:right; border-top:1px solid #999999; /*border-radius:4px;*/ margin:4px 4px 0 4px;}
.rf_margin{clear:both; height:115px;}
.stepTitle{ font:16px Arial, sans-serif; padding:0 0 5px 0; border-bottom:#999 1px solid; margin:0 0 5px 0;}
.accordion_cornerDown{float:left; height:0px; width:0px; border:10px solid transparent; border-width:10px 5px 10px 5px; border-top: #069 solid 10px; margin:7px; }
.accordion_cornerUp{float:left; height:0px; width:0px; border:10px solid transparent; border-width:10px 5px 10px 5px; border-top: #069 solid 10px; margin:7px; }


.tabs_info{ height:27px; overflow:visible; position:relative; width:100%; z-index:300;}
.tabs_general{ border:1px solid #CCC; border-top-left-radius: 5px; border-top-right-radius: 5px; padding:5px 10px; float:left; border-width:1px 1px 0 1px; top:0px; background-color:#FFF;}
.tabs_generalH{ border:1px solid #CCC; border-top-left-radius: 5px; border-top-right-radius: 5px; padding:3px 10px; float:left; border-width:1px 1px 0 1px; margin:3px 0 0 0; background-color:#eeeeee; cursor:pointer;}
.tabs_conventionH{ border:1px solid #CCC; border-top-left-radius: 5px; border-top-right-radius: 5px; padding:3px 10px; float:left; border-width:1px 1px 0 1px; top:0px; background-color:#eeeeee;}
.div_general{ border:1px solid #CCC; border-radius:5px; padding:5px 10px;}

.error_msg_003, .success_msg_003, .info_msg_003, .warning_msg_003{width: 98%;height: auto;margin: auto;padding: 2px 4px;font: bold 13px Arial,sans-serif;padding: 7px 0px 5px 5px;border-radius:.2em;}
.error_msg_003{border:solid 1px #FBD3C6;background:#FDE4E1;color: #B10009;}
.error_msg_004{border:solid 1px #FBD3C6;background:#FDE4E1;color: #B10009; font: normal 13px Poppins, Arial,sans-serif;}

.success_msg_003{
border: solid 1px #ADDE5C;
background: #DFF2BF;
color: #008000;
}

.info_msg_003{
border:solid 1px #46B6EC;
background:#BDE5F8;
color: #00529B;
}
.info_msg_003_text{
    margin-left: 0px;
    overflow:auto;
    display:block;
} 
.warning_msg_003{ border:solid 1px #FDDD5B; background:#FEEFB3; color: #9F6000; }

.account_studio{ color:#FFF; float:right; padding:7px 0; font:16px bold Arial, sans-serif;}
.field_row{ width: 48%; float:left; padding:7px 2% 7px 0; font: 14px Arial, sans-serif;}
.field_row select{ width: 90%; height:34px;}
.field_row input{ width: 90%; /*height:17px;*/}
.field_row input[type="checkbox"]{ width: auto; height:auto; vertical-align:unset;}
.field_row input[type="button"]{ width: auto;  height: auto;}
.address_section{ border:1px solid #cccccc; border-radius:10px; padding:10px 0 10px 4%; margin:7px 0;}

.survey_title{font: 20px/26px arial; padding:0 5% 10px 5%;}
.sweet_row{font: 16px/24px arial; padding:0 5%; text-align:left;}

.guard_dashboard img{height:20px; margin:11px 10px 20px 0; float:left; border:0;}
.guard_dashboard{float:right; white-space:nowrap; margin:0 0 0 0;}

#maincontent .row_form{ margin:7px 0; clear:both;}
#maincontent .row_label{ width:180px; float:left;}
.box_form{border:1px solid #9cF; border-radius:7px; float:left; padding:4px 10px;}

.div_or{ clear:both; padding:15px 40px; font:24px Arial, sans-serif;}
#bannerheader img {width: 100%; height: auto; max-width: 960px; display: block; margin: 0 auto;}
.bannerheader{background-color: black; max-width:100%;}
.red_star{ color:#F00; font-weight:bold;}
.showRegistrationTotals{ width:420px;}
.btn_see_all{ background-color:#09C; background: linear-gradient(rgba(0,100,180,0.4), rgba(0,100,180,1)); color:#FFF; border-radius: 5px; padding:4px 7px; font: bold 12px Arial, sans-serif;}
.btn_see_all:hover{ background: linear-gradient(rgba(0,160,200,0.4), rgba(0,160,200,1));}

.img_help{width:16px; height:16; margin:0 0 0 15px;}

.content_entry{color:#777;font:12px/1.4 "helvetica neue",arial,sans-serif;/*width:620px;*/margin:10px auto;}

.div_save_lang{float:right; cursor:pointer; margin-left: 5px;}
.div_edit_lang{
    float: none;
    cursor:pointer; 
    margin-right: 5px;
}
.div_text_lang{border:1px solid #CCCCCC; padding:5px 12px; min-height:100px; max-height:200px; overflow:auto; background-color:#FFFFFF;}
.div_text_lang *{padding:inherit; margin:inherit;}
.glob_item{ background-color: #FFE7BF; padding: 3px 7px; border-radius:5px; margin:1px 0 0 1px;}
.glb_lbl{font-size:16px;}
.glb_lbl input{ vertical-align:middle; margin:0px 0 0 10px;}
.global_hide{ background-color:#f2f2f2; padding:3px 10px; border-radius:5px; margin:1px 0 0 1px; pointer-events: none;}
.global_hide input, .global_hide select, .global_hide textarea{opacity:0.7 !important; background-color: #f2f2f2 !important;}
.global_hide label, .global_hide table .global_hide .row {opacity:0.6 !important;}
.global_hide .video_entries{ background-color:#f2f2f2;}

.glob_hide{ background-color: #f2f2f2;}
.glob_hide .glob_item{ background-color: #f2f2f2; padding: 3px 10px; border-radius: 5px; margin: 1px 0 0 1px;}
.glob_hide .glob_item input, .glob_hide .glob_item select, .glob_hide .glob_item textarea { opacity: 0.7; background-color: #f2f2f2;}
.glob_hide .glob_item label,.glob_hide .glob_item table { opacity: 0.6;}
@media print{
       a:after{content:" (" attr(href) ") ";font-size:0;font-weight:normal;}
}
@media only screen and (max-width: 980px) {
.dancersNameListColumn{ column-count: 2;}
.step_smain{ position:relative; margin:0 auto; width:100%; text-align:center;}
.rf_margin{clear:both; height:165px;}}
@media only screen and (max-width: 767px){
.content_entry h1{font-size:18px;}
.guard_dashboard{margin:15px 0 0 0;}}
@media only screen and (max-width: 600px) {
.dancersNameListColumn{ column-count: 1;}
#maincontent .row_label{ width: 100%; float:left;}
}
@media only screen and (max-width: 450px) {
.guard_dashboard{float:right; white-space: normal;}
	
.field_row{ width: 98%; float:left; padding:7px 2% 7px 0;}
	
.rf_margin{clear:both; height:225px;}}
@media only screen and (max-width: 400px) {
.content_entry h1{font-size:16px;}
.logo_bottom img{ width:100%;}
}
@media only screen and (max-width: 350px) {
.rf_margin{clear:both; height:295px;}}

@font-face {font-family: FuturaPT;	src: url("https://www.dancebug.com/font/futurapt.otf") format("opentype");}
@font-face {font-family: Ruach;	src: url("https://www.dancebug.com/font/RuachStd.otf") format("opentype");}
@font-face { font-family:'Helvetica';
    src: url('https://www.dancebug.com/font/Helvetica/Helvetica.eot');
	src: url('https://www.dancebug.com/font/Helvetica/Helvetica.eot?#iefix') format('embedded-opentype'),
		url('https://www.dancebug.com/font/Helvetica/Helvetica.woff2') format('woff2'),
		url('https://www.dancebug.com/font/Helvetica/Helvetica.woff') format('woff'),
		url('https://www.dancebug.com/font/Helvetica/Helvetica.svg#Helvetica') format('svg');
    font-weight: 400; font-style: normal; font-stretch: normal;  unicode-range: U+0020-2215;}
@font-face { font-family: 'AvantGarde';
    src: url('https://www.dancebug.com/font/avant_guarde/AvantGarde.woff2') format('woff2'),
        url('https://www.dancebug.com/font/avant_guarde/AvantGarde.woff') format('woff'),
        url('https://www.dancebug.com/font/avant_guarde/AvantGarde.ttf') format('truetype');
    font-weight: normal; font-style: normal;}
@font-face { font-family: 'Calibri';
    src: url('https://www.dancebug.com/font/Calibri.woff2') format('woff2'), url('https://www.dancebug.com/font/Calibri.woff') format('woff');  font-weight: normal;  font-style: normal; }