html {-webkit-text-size-adjust: none;}
body {padding:0; margin:0; font-family:arial; }

.profilelinksbar {background-color:#2bc548; border-radius:10px; }
.profilelinksbar img {width:80px; margin:10px;}

.topnav {float:left; padding:4px 8px; margin:2px 5px; border-radius:5px; }
.topnavradioimage {height:30px;}
.topnavradio {float:left; padding:0 0 0 10px; margin:-4px 0 0 5px;}
.topnavanchor {color:#ffffff;}
.bluebg {background-color:#0000ff; }
.greenbg {background-color:#2bc548; }
.redbg {background-color:#e93b2e; }
.hidden {display:none;}
#headerlinks a:visited, #headerlinks a:link {color:#ffffff;}

#header, #footer {width:100%; background:#ffffff; }
#footer {background:#e93b2e; color:#ffffff; font-style:italic; font-size:0.8em; text-align:center; padding:20px 0 0 0;}
#footer a {color:#ffffff;}
#navigation {width:100%; background-color:#e93b2e; color:#ffffff; text-align:center; }
#breadcrumbs {width:calc(100% - 20px); text-align:left; padding:10px 10px 20px 10px;}
a.breadcrumbs {color:#000000; }
a {color:#000000;}
.inner {display:inline-block; text-align:left; }
.clear {clear:both;}
#maincontent {padding:10px; text-align:left;}
.noted {font-size:0.8em; font-style:italic;}
#headerlinks {width:100%; text-align:right; color:#e93b2e}
#headerlinks a {text-decoration:none; color:#e93b2e}

#fullbutton {padding:10px; width:calc(100% - 20px);text-align:center; background-color:#e93b2e; border-radius:20px;}
#fullbutton a {text-decoration:none; color:#ffffff;}
#contactbox {width:calc(100% - 44px); border:2px solid #cccccc; padding:20px;}
.contactleader {width:190px; float:left;}
.contactcontent {width:calc(100% - 201px); float:left; margin-left:10px; }
.contactclear {clear:both; border-bottom:2px solid #cccccc; margin:10px 0 10px 0; padding:10px 0 8px 0;}
.contactsmaller {font-size:0.8em;}

.profilebox {border:1px solid #cccccc; float:left; width:calc(50% - 27px); padding:10px;}
.marginleft {margin-left:10px;}
.votesbutton {margin-top:5px; font-size:1.0em; padding:10px; max-width:100%; width:calc(50% - 8px); background:#ffffff; }

.reviewperson {float:left; width:100px; float:left; font-size:0.8em; margin-right:20px;}

.advert {max-width:100%; margin-bottom:20px;}


.inputform {font-size:0.9em; width:400px; max-width:calc(100% - 10px); margin:0 0 10px 0; padding:5px;}
.inputformbtn {font-size:0.9em; width:400px; max-width:calc(100% - 10px); margin:0 0 10px 0; padding:5px; background-color:#e93b2e; border-radius:20px; color:#ffffff;-webkit-appearance: none; -moz-appearance: none; appearance: none; opactiy: 1}


.dancetitle {clear:both; font-weight:bold; float:left; padding:5px 5px 5px 0;}
.dancecontent {float:left; padding:5px 5px 5px 0;}
.dancevideopanel {text-align:center; width:350px; float:left;}
.dancepanel a, .dancevideopanel a {color:#e93b2e;}
.dancebuttoninner {color:#ffffff; text-decoration:none;}
.dancebutton {font-size:0.9em; float:left; background-color:#e93b2e; padding:10px 0 10px 0; margin-top:10px; width:140px; border-radius:10px; margin:5px; text-align:center;}
.dancevideobutton {float:left; background-color:#e93b2e; padding:10px 0 10px 0; margin-top:10px; width:350px; border-radius:10px; margin:5px; text-align:center;}
.dancevideonavside, .dancevideonavmiddle {float:left; background-color:#e93b2e; width:33.3%; padding:10px 0 10px 0; color:#ffffff;}
.dancevideo {width:350px; max-width:100%; float:left;}
 .dancevideonavside {width:30px;}
 .dancevideonavmiddle {width:calc(100% - 61px);}



.danceholder {width:calc(100% - 0px); float:left;}
.dancelink {float:left; background-color:#e93b2e; padding:10px 0 10px 0; width:120px; text-align:center; }
.danceanchor {text-decoration:none; color:#ffffff;}
.dancereviewshortopen {height:100px; }
.dancereviewshortinner {height:6em; word-wrap:break-word; overflow:hidden; display:inline-block; text-overflow:ellipsis; width:100%; margin-right:10px; float:left; line-height:1.2em; }
.dancereviewfullinner {display:inline-block; width:100%; margin-right:10px; float:left; line-height:1.2em; min-height:125px; }
.dancereviewfullopen, .dancereviewshortopen {width:calc(100% - 155px); font-size:1em; margin-top:10px; DISPLAY: block; float:right; }
.dancereviewfullclosed, .dancereviewshortclosed { DISPLAY: none; }

#resultsbox {width:calc(100% - 44px); border:2px solid #cccccc; padding:20px;}
.resultsclear {clear:both; border-bottom:2px solid #cccccc; margin:10px 0 10px 0; padding:10px 0 10px 0;}
.resultstitle {width:100%; font-weight:bold; }
.resultschoreo {width:100%; }
.resultscounts {width:49%; float:left;}
.resultslevel {width:49%; float:left; }

.resultsholder {width:calc(100% - 41px); float:left; }
.resultsholdershort {width:calc(100% - 141px); float:left; }
.resultsholdercharts {width:calc(100% - 249px); float:left; }
.resultslink {float:left; background-color:#e93b2e; padding:10px 20px 10px 20px; margin-top:10px; width:100px; }
.resultsanchor {text-decoration:none; color:#ffffff; }
.resultsreviewshortopen {max-height:80px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.resultsreviewfullopen, .resultsreviewshortopen {width:calc(100% - 10px); margin-left:10px; font-size:1em; margin-top:10px; DISPLAY: block; }
.resultsreviewfullclosed, .resultsreviewshortclosed { DISPLAY: none; }

.resultinner {width:calc(49% - 101px); margin-right:5px; float:left; } 
.resultnormal {width:100%; }
.resultbold {width:100%; font-weight:bold; }
.resultsmall {width:100%; font-size:0.9em; }
.resultitalic {width:100%; font-style:italic; }
.resultorder {margin-top:10px; font-size:2.0em; text-align:center; width:100px; float:left; color:#e93b2e; }
.resultorder a {text-decoration:none; color:#33332e; }
.resulticons {width:196px; float:right;  margin-right:10px; }
.resulticon img {width:40px; float:left;}

.searchform {margin-top:10px; font-size:1.0em; padding:10px; max-width:100%; width:400px; background:#ffffff; }
.chartform {font-size:1.0em; padding:10px; max-width:100%; width:400px; background:#ffffff;}

.clubregion {width:calc(100% - 20px); background-color:#e93b2e; color:#ffffff; padding:10px; margin:10px 0 10px 0; border-radius:5px;}
.clublisting {width:24%; float:left;}
.clubholder {width:100%; float:left; font-size:0.8em; }

.clubholder {font-size:0.9em; padding:10px 0; }
.greyback { background-color:#f0f0f0;}
.blackback { color:#ffffff; background-color:#000000;}
.clublistingthumb {width:60px; float:left; height:50px;}
.clublistingthumb img {width:55px; }
.clublistingteacher {width:200px; float:left; font-weight:bold; margin-left:5px;}
.clublistingdow {width:100px; float:left; margin-left:5px;}
.clublistingvenue {width:calc(33% - 160px); float:left; margin-left:5px;}
.clublistingclubname {width:calc(33% - 160px); float:left; margin-left:5px; }
.clublistinglocation {width:calc(33% - 160px); float:left; margin-left:5px; }
.clublistingbutton {float:left; width:80px; border-radius:5px; background-color:#e93b2e; text-align:center; font-size:0.8em; padding:7px 0; margin-left:5px;}

.clubdetails {width:340px; float:left; font-size:0.9em; background-color:#f9f9f9; padding:10px; }
.clubmap {width:calc(100% - 370px); margin-left:10px; float:left;}
.clubdetails b {font-size:0.9em;}

.open {display:block;}
.closed {display:none;}

@media only screen and (min-width:1200px) {
.reviewperson {height:100px;}
.reviewpersoninner {height:81px; }

 #navrow {float:right; width:calc(100% - 341px;); padding-right:20px;}
 #maincontent {max-width:1160px;}
 .inner {width:calc(100% - 371px);}
 .navbar {width:calc((100% / 9 ) - 25px); padding:10px;}
 #advertcolleft {width:180px; text-align:center; float:left;}
 #advertcolright {width:180px; text-align:center; float:right;}
 #navbar {width:100%; text-align:center; }
 .padding10 {padding:10px;}
 .mobileonly, .mobileadd {display:none;}
.dancepanel {width:calc(100% - 371px); float:left; margin-left:20px; }
 .resulticons {float:right;}
 .resulticon img {width:50px; float:left; margin-right:10px;}
}

@media only screen and (min-width:768px) and (max-width:1199px) {
.reviewperson {height:100px;}
.reviewpersoninner {height:51px; }
 #navrow {float:right; width:calc(100% - 341px;); padding-right:20px;}
 #maincontent {width:calc(100% - 20px);}
 .inner {width:100%;}
 .navbar {width:calc((100% / 9 ) - 15px); padding:5px;}
 #advertcolleft {width:180px; text-align:center; float:left;}
 #advertcolright {display:none;}
 #navbar {width:100%; text-align:center; }
 .padding10 {padding:10px;}
 .mobileonly, .mobileadd {display:none;}
.dancepanel {width:calc(100% - 371px); float:left; margin-left:20px; }

}

@media only screen and (max-width:767px) {
.profilelinksbar img {width:calc((100% / 5 ) - 15px); padding:5px; margin:0;}

 .resultsholdershort , .reviewperson {width:100%; float:none; }
 #burger {width:100%; text-align:right;}
 .notmobile {display:none;}
 #breadcrumbs {padding-bottom:0; }
 #navrow {width:100%;}
 #maincontent {width:calc(100% - 20px);}
 .inner {width:100%;}
 #advertcolleft {display:none;}
 #advertcolright {display:none;}
 #navbar {width:100%; text-align:center;}
 .desktopadd {display:none;}
 .navbar {width:calc((100% / 5 ) - 15px); padding:5px; margin:0;}
 .padding10 {padding:0px;}
 .inner {text-align:center; }
 .feature {width:100%;}

 .topnav {font-size:0.8em;}
 .topnavradioimage {height:25px;}
 .topnav {padding:4px 8px; margin:2px 2px; border-radius:5px; }
 .topnavradio {padding:0; margin:0 0 0 5px;}
 .chartform {width:100%;}

 .contactleader {width:100%; float:none; font-weight:bold;}
 .contactcontent {width:100%; float:none; margin-left:0}

 .profilebox {width:calc(100% - 20px); float:none;}
 .marginleft {margin:10px 0 0 0;}

 .dancereviewshortinner {float:none;}
 .dancereviewshortinner, .dancelink, .danceholder, .dancevideopanel, .dancebutton, dancevideopanel, .dancevideobutton {width:100%; float:none; text-align:center;}
 .dancevideobutton {margin:0; width:100%;}
 .dancepanel {min-width:100%;}
 .dancevideo {width:100%;}
 .dancevideonavside {width:25%;}
 .dancevideonavmiddle {width:49.9%;}
 #resultsbox {width:calc(100% - 21px); border:2px solid #cccccc; padding:10px;}

 .resultorder {margin-top:0px; font-size:1.2em; text-align:center; width:40px; }
 .resultsholder {width:100%; }
 .resultsholdercharts {width:calc(100% - 42px); float:left; }
 .resultscounts {width:69%; float:left; }
 .resultslevel {width:29%; float:left; text-align:right; }
 .resultinner {width:100%; float:none;}
 .resultslink {text-align:center; clear:both; float:none; padding:10px 0 10px 0; margin-top:20px; width:100%; }
 .resultslinkold {display:none;}
 .resultbold, .resultitalic, .resultnormal, .resultsmall, .resultslink {font-size:1em;}
 .resultsclear {clear:both; border-bottom:2px solid #cccccc; margin:5px 0 5px 0; padding:10px 0 8px 0;}
 .resulticon img {width:40px; float:left; margin-left:10px;}

.chartform, .searchform {font-size:0.8em;}
.searchform {margin-bottom:20px;}
.desktoponly {display:none;}

.clublistingteacher {width:100%; float:none;}
.clublistingdow {width:100%; float:none;}
.clublistingvenue {width:100%; float:none;}
.clublistingclubname {width:100%; float:none;}
.clublistinglocation {width:100%; float:none;}
.clublistingthumb {float:right}

.clubdetails {width:calc(100% - 20px); float:none;}
.clubmap {width:100%; float:none;}

}