* {box-sizing: border-box;}

@font-face { font-family: 'copperknob'; src: url('copperknob.ttf') format('truetype'); }
    
html,h1,h2,h3,h4,ul,li{margin:0;padding:0;}
body{ text-size-adjust:none; color:#000;background:#341C0A;font:16px arial, sans-serif;margin:0;padding:0 0 0px;}
img{border:0;}
p{margin:0;}
a{color:#000;text-decoration:none;}
a:hover{color:#000;text-decoration:none;}

h1,.notshow{text-indent:-9999px;font-size: 0; padding:0;color: transparent;}
h2 { font-weight:normal;font-size:16px;width:100%;text-align:left;}

.uppercase {text-transform:uppercase;}
.pleasedontscrape {display:none;}

.advert { border:5px solid white;clear:both;text-align:center; margin:auto; overflow:hidden;}
.mobileonly { display:none; }
.desktoponly { display:block; }

#menubar {position:fixed;z-index:99;top:0;width:100%; overflow: auto;}
#logobar {background:#824518; width:100%; overflow: hidden; padding-top:50px; }
#flagbar {background:#341C0A; width:100%; overflow: hidden;}
#content {background:#FFFFFF; width:100%; overflow: hidden;}
#footerbar {background:#341C0A;width:100%; overflow: hidden;}
#popvideo{border-radius: 10px;background:#e9e9e9;height:auto;width:auto;border:5px solid white;display:none;position:absolute;z-index:99;box-shadow: 0px 0px 15px 5px #111;}
#moviehere { border-radius: 0 0 7px 7px;overflow:auto; -webkit-overflow-scrolling:touch;}
#videocontent p {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%); }
#cookiebar{ line-height:1.5em;text-align:center;color:#FFF;position:fixed;z-index:99;bottom:0;background-color:#000000;width:100%;padding:5px; }
#cookiebar a { color: #C26502; }
#cookiebar a:hover { text-decoration: underline; color:#824518;}

.wide900 { width:100%;max-width:832px;margin: 0 auto;} 
.wide1070 { width:100%;max-width:1070px;margin: 0 auto; }
.wide1470 { width:100%;max-width:1470px;margin: 0 auto; }

.menu ul { padding-top:16px;}
.menu ul li { display: inline;color:#fff; }
.menu ul li a { cursor:pointer;text-transform:uppercase;color:#fff;padding:16px;}
.menu ul li a:hover{ color: #fff;background:#333;}
.menu { line-height: 1em;height:auto;overflow:hidden;background:#F00; background:#000 url(images/icon.svg); background-size: 40px 40px; background-repeat: no-repeat; background-position: 5px 5px;  }
.menutext { text-transform:uppercase;white-space: nowrap; overflow:hidden;float:left; color:#fff; padding:16px;padding-left:60px;height:50px;max-width: calc(100% - 490px);}
.menunotext { white-space: nowrap; overflow:hidden;float:left; color:#fff; padding:16px;padding-left:40px;height:50px;}
#menubuttonopen { display:block;  }
#menubuttonclose { display:none;  }
#menubutton { cursor:pointer; display:none; width:32px;height:32px;position:absolute; top:8px; right:5px; }
#menuitems { max-height:0px;transition: max-height 0.5s ease; }

#notification { position:absolute; color:#fff; right:-10px;  top:-10px;  border-radius:99px;  padding:2px;font-size:14px;  height:20px; width:20px;background:#f00;    text-align:center;}
#notificationmenu { position:absolute; color:#fff; left:14px;  top:-3px;  border-radius:99px;  padding:2px;font-size:14px;  height:20px; width:20px;background:#f00;    text-align:center;}


.columngeorge { float: left; height:107px; width:107px; margin: 8px;border-radius: 50%;}
.columnlogo { float: left; height:81px;  cursor:pointer; margin:22px;}
.columnsheets { float: left; height:107px; width:107px; margin: 8px;}

.box { border-radius: 15px;border:5px solid #fff; width:100%; color:#fff; overflow: hidden; } 

.search { overflow:hidden;background:#dadada;width:100%;text-align:center;color:#000;font-size:12px;border-top:1px solid #fff; }
.searchbutton {  width: auto; float: right; padding:10px 12px 0px 0px;margin-left:0px;}
.searchbar { padding:10px 0px 4px 12px;  width: auto; overflow: hidden; }
.submitbutton { background:#e9e9e9;overflow:hidden; font-size: 16px;border: none;width:40px; height:32px;cursor:pointer; padding-top:3px;}
.submitbutton:hover {  background: #737373; }

.inputtext {height:35px;width:100%;padding: 6px; font-size: 16px;  border: none;background: #fff; }
.inputtext:disabled { background:#e9e9e9;color:#999999;}
.inputselect {height:35px;width:100%;padding: 6px; font-size: 16px;  border: none;background: #fff; margin-top:5px; }
.inputselect:disabled { background:#e9e9e9;color:#999999;}

.mainmenu { height: auto; overflow: hidden; margin:5px; }
.mainmenuitems { width:100%; overflow: hidden; }
.mainmenuitems ul { list-style:none; overflow: hidden; }
.mainmenuitems li a{ border-radius:3px; text-transform:uppercase;box-sizing: border-box;  border:0.5px solid #fff; background: #DC7D38; color: #FFF; display:block; float:left; padding-bottom: 12px; padding-top: 12px; text-align:center; text-decoration: none; width: 16.66%;transition: background 0.5s ease;}
.mainmenuitems li a:hover, .mainmenuitems li.active a { background: #cccccc; }

.advancedsearchopen { cursor:pointer;width:100%;text-align:center;color:#000;padding:6px;font-size:14px; display:none;}
.advancedsearchclose { cursor:pointer;width:100%;text-align:center;color:#000;padding:6px;font-size:14px; }
.advancedsearchcontent { overflow:hidden;width:100%;max-height:132px;text-align:center;color:#000;padding:0px;font-size:12px;transition: max-height 0.5s ease; }
.searchselect { width:20%;margin:0px;float:left;font-size: 16px;padding:12px;background: #cccccc;border-top: 1px #fff solid; }
.searchselectwide { width:20%;margin:0px;float:left;font-size: 16px;padding:12px;background: #cccccc;border-top: 1px #fff solid; }
.searchselect25 { width:25%;margin:0px;float:left;font-size: 16px;padding:12px;background: #cccccc;border-top: 1px #fff solid; }
.searchselectwide25 { width:25%;margin:0px;float:left;font-size: 16px;padding:12px;background: #cccccc;border-top: 1px #fff solid; }
.searchselect33 { width:33.33%;margin:0px;float:left;font-size: 16px;padding:12px;background: #cccccc;border-top: 1px #fff solid; }
.searchselectwide33 { width:33.33%;margin:0px;float:left;font-size: 16px;padding:12px;background: #cccccc;border-top: 1px #fff solid; }

.formbox { margin:auto;font-size: 16px;padding:15px;background: #cccccc;border: 1px #fff solid;border-bottom:0px;float:none;width:70%; overflow: hidden;}
.formbox:nth-child(1) { border-radius: 15px 15px 0 0; }
.formbox:nth-last-child(1) { border-radius: 0 0 15px 15px; border-bottom:1px #fff solid;}
.formboxnarrow { margin:auto;font-size: 16px;padding:15px;background: #cccccc;border: 1px #fff solid;border-bottom:0px;float:none;width:35%; overflow: hidden;}
.formboxnarrow:nth-child(1) { border-radius: 15px 15px 0 0; }
.formboxnarrow:nth-last-child(1) { border-radius: 0 0 15px 15px; border-bottom:1px #fff solid;}

* button  { background:#e9e9e9; overflow:hidden; font-size: 16px;border: none; height:35px;cursor:pointer; padding: 0px 12px 0px 12px; transition: background 0.5s ease;}
* button:hover {  color:#fff; background: #737373; }
* button:hover img { filter: invert(1); }

.formfield { float: left;width:110px;text-align:right;padding-top: 12px; padding-right: 5px;}
.formfieldwide { float: left;width:150px;text-align:right;padding-top: 12px; padding-right: 5px;}
.forminput { overflow: hidden;padding:6px;display:block;text-align:left; }

.inputfile {	width: 0.1px;	height: 0.1px;	opacity: 0;	overflow: hidden;	position: absolute;	z-index: -1; }
.inputfile + label {  line-height:35px;font-size:16px;cursor:pointer;display: inline-block; background:#e9e9e9; padding: 0px 12px 0px 12px;}
.inputfile + label:hover {  background-color: #737373; color:#fff; }


.letters { background: #cccccc;font-size:16px;  width:100%;  overflow: hidden;  border-bottom: 1px #fff solid; }
.letters a{  background: #cccccc;  color: #2F3938;  display:block;  float:left;  padding: 9px 5px 9px 5px; text-align:center;  text-decoration: none;  width: 3.846%; transition: background 0.5s ease; }
.letters a:hover { color:#fff; background: #737373; }

.rightcontainer { width:25%; float:right; }
.middlecontainer { width:50%; float:right; }
.leftcontainer { width:25%; float:left; }

.sectionbar { position:relative;text-align:center;font-weight:normal;font-size:16px;background:#e9e9e9;width:100%;color:#000;padding:12px; overflow: hidden;}
.sectionbar a { width:auto; background: #cccccc;  color: #2F3938;  margin:-8px 0 -8px 0; padding: 8px 12px 8px 12px; text-decoration: none; transition: background 0.5s ease; }
.sectionbar a:hover,.sectionbar a.active  {  color:#fff;background: #737373; }
.sectionbar a:hover img { filter: invert(1); }
.sectionbar a.active img { filter: invert(1); }

.ordericons { display:block; margin-top:-2px;margin-bottom:-2px;height:22px; }

.sectionbarstuff { position:absolute;right:12px;bottom:12px; }
.sectionbarstuff a { float:right;width:auto; background: #cccccc;  color: #2F3938;  margin:-8px 0 -8px 5px; padding: 8px 12px 8px 12px; text-decoration: none; transition: background 0.5s ease; }
.sectionbarstuff a:hover,.sectionbarstuff a.active  {  color:#fff;background: #737373; }
.sectionbarstuff a:hover img { filter: invert(1); }
.sectionbarstuff a.active img { filter: invert(1); }

.pageswide { display:block; }
.pagesnarrow { display:none; }

.middleicons { position:relative;height:0px;padding:16%;overflow:hidden; }
.noticeboard {  overflow:hidden;border-radius:15px;border: 5px solid #FFF;line-height:0;position:relative;width:100%;transition: opacity 0.5s ease;}

.mostpopular {  border-radius:15px;font-size: 0;line-height:0;display: block;width:100%;height:100%;background-image: url('images/top10.svg?new'); overflow: hidden;    background-size: cover;    background-position: center;background-repeat: no-repeat;transition: opacity 0.5s ease;position:absolute;top:0%;left:50%;height:100%;width:25%;border:5px solid #fff; }
.mostpopular:hover { opacity: 0.3; }
.donation { border-radius:15px;font-size: 0;line-height:0;display: block;width:100%;height:100%;background-image: url('images/donations.svg?new'); overflow: hidden;    background-size: cover;    background-position: center;background-repeat: no-repeat;transition: opacity 0.5s ease;position:absolute;top:0%;left:75%;height:100%;width:25%;border:5px solid #fff; }
.donation:hover { opacity: 0.3; }
.music { border-radius:15px;font-size: 0;line-height:0;display: block;width:100%;height:100%;background-image: url('images/music.svg'); overflow: hidden;    background-size: cover;    background-position: center;background-repeat: no-repeat;transition: opacity 0.5s ease;position:absolute;top:0%;left:25%;height:100%;width:25%;border:5px solid #fff; }
.music:hover { opacity: 0.3; }
.choreographers { border-radius:15px;font-size: 0;line-height:0;display: block;width:100%;height:100%; background-image: url('images/choreographers.svg?new');  overflow: hidden;    background-size: cover;    background-position: center;background-repeat: no-repeat;transition: opacity 0.5s ease;position:absolute;top:0%;left:0%;height:100%;width:25%;border:5px solid #fff;}
.choreographers:hover { opacity: 0.3; }

.list{border-bottom-color:#FF0;margin-bottom:19px;}
.listitem{border-bottom:1px solid #FFF; background-color:#cccccc;cursor:pointer;height:55px;overflow:hidden;padding:9px 10px 9px 10px;position:relative;transition: background 0.5s ease;}
.listitem:nth-child(2) { border-top:1px solid #FFF; }
.listitem:nth-child(odd) { background-color:#dadada; }
.listitem:hover { background-color:#737373; }
.listitem:hover .listTitleColor1 { color:#fff;}
.listitem:hover .listTitleColor2 { color:#fff;}
.listitem:hover .listInfo { color:#ccc;}

.listTitle{line-height: 1em;white-space: nowrap;height:20px;overflow:hidden;width:auto;}
.listTitleColor1{color:#000;font-weight:bold;}
.listTitleColor2{color:#824518;font-size:13px; }
.listInfo{line-height: 1em;color:#C26502;font-size:11px;height:14px;margin-top:2px;overflow:hidden;width:auto;white-space: nowrap;}

.listIcons{float:left;height:17px;margin-left:0;margin-top:2px;}

.listvideo{ border-top:1px solid #FFF;background-color:#dadada;cursor:pointer;height:55px;overflow:hidden;padding:9px 10px 9px 10px;position:relative;transition: background 0.5s ease;}
.listvideoTitle{line-height: 1.2em;white-space: nowrap;overflow:hidden;width:auto;}

.listvideo:nth-last-child(2) { border-bottom:1px solid #FFF; }
.listvideo:hover {background-color:#737373; background-image:none;}
.listvideo:hover .listTitleColor1 {color:#fff; }
.listvideo:hover .listTitleColor2 {color:#fff;}

.videoicon{font-family: copperknob;font-size:12px;}.videoicon:before{content:"\e801"; }
.teachicon{font-family: copperknob;font-size:12px;}.teachicon:before{content:"\e802"; }
.musicicon{font-family: copperknob;font-size:12px;}.musicicon:before{content:"\e803"; }
.commentsicon{font-family: copperknob;font-size:12px;}.commentsicon:before{content:"\e800"; }

.videothumb { cursor:pointer;transition: opacity 0.5s ease; }
.videoapproved { margin:5px;left:0px;top:0px;position:absolute;width:34px;height:34px; content:url('images/approved.svg'); }
.videothumbimage { border-top:1px solid #FFF; background-color:#000;float:left;padding-top:45%;width:80%;background-size: cover;background-position:center; position:relative;}
.videothumbdemo { border-top:1px solid #FFF; background-color:#7498ef;float:left;padding-top:45%;width:20%;background-image:url('images/demovideo.svg');background-size: cover; }
.videothumbmusic { border-top:1px solid #FFF; background-color:#ff8080;float:left;padding-top:45%;width:20%;background-image:url('images/musicvideo.svg');background-size: cover; }
.videothumbteach { border-top:1px solid #FFF; background-color:#e9e198;float:left;padding-top:45%;width:20%;background-image:url('images/teachvideo.svg');background-size: cover; }
.videothumb:hover {opacity: 0.3; }

.nonestar{background-image:url(images/nonestar.svg);background-size: cover; float:left;height:29px;width:30px;}
.halfstar{background-image:url(images/halfstar.svg);background-size: cover;float:left;height:29px;width:30px;}
.fullstar{background-image:url(images/fullstar.svg);background-size: cover;float:left;height:29px;width:30px;}
.StarsOn{float:left;margin-bottom:0px;margin-top:10px;width:150px;}
.StarsOff{cursor:pointer;display:none;float:left;margin-left:0px;margin-top:10px;width:150px;}
.StarsMessage{float:right;margin-top:0px;margin-bottom:5px;margin-top:16px;}

.sheetbuttons { color:#000;text-align:left;width:100%;margin:0px;float:left;font-size: 16px;padding:12px;padding-top:10px;padding-bottom:10px;background: #dadada;border-top: 1px #FFF solid; border-bottom: 1px #FFF solid;}
.icontext { float:left;margin-top:10px;margin-right:6px;text-align:center; }
.iconimage { float:left;margin-top:2px;margin-bottom:2px;margin-right:2px; }
.iconimage img { display:block;}
.errormsg { color:#000;text-align:center;width:100%;margin:0px;float:left;font-size: 16px;padding:12px;background: #ff0000;border-top: 1px #FFF solid; border-bottom: 0px;}
.successmsg { color:#000;text-align:center;width:100%;margin:0px;float:left;font-size: 16px;padding:12px;background: #00ff00;border-top: 1px #FFF solid; border-bottom: 0px;}
.commentsarea { color:#000;text-align:left;width:100%;margin:0px;float:left;font-size: 16px;padding:12px;background: #dadada;border-top: 1px #FFF solid; border-bottom: 0px;}
.notesarea { color:#000;text-align:center;width:100%;margin:0px;float:left;font-size: 16px;padding:12px;background: #cccccc;border-top: 1px #FFF solid; border-bottom: 1px #FFF solid;}
.notesarea:nth-last-child(1) { border-bottom:0; }
.formarea { overflow:hidden;background:#dadada;width:100%;text-align:center;color:#000;padding:15px;font-size:12px;border-top:1px solid #fff; }

.sheetinfo { line-height:1.3em; position:relative;color:#000;text-align:left;width:100%;float:left;font-size: 16px;padding:12px;background: #cccccc; border-bottom: 1px #fff solid;overflow: hidden;}
.sheetinfo span { overflow: hidden;padding-left:5px;display:block;}
.sheetinfocount { width:30%;padding:6px;float:left;}
.sheetinfowall { width:30%;padding:6px;float:left;}
.sheetinfolevel { width:40%;padding:6px;float:left;}
.sheetinfochoregrapher { width:100%;padding:6px;float:left;}
.sheetinfomusic {width:100%;padding:6px;float:left;}
.sheetinfofield { float: left;width:120px;text-align:right;font-weight:bold;}
.buyfromamazon { display:block;float:left;height:34px; width:74px; vertical-align:middle;margin-top:5px;margin-right:5px;margin-left:0px; }
.defaultlink { color: #C26502; }
.defaultlink:hover { text-decoration: underline; color:#000;}

.article { word-wrap: break-word;font-weight:normal;font-size:16px;background:#fff;border:5px solid #dadada; width:100%;text-align:left;color:#000; overflow: hidden; }

.sheet { border-radius: 0 0 10px 10px;word-wrap: break-word;font-weight:normal;font-size:16px;background:#fff;border:5px solid #dadada; width:100%;text-align:left;color:#000; overflow: hidden; }
.sheetvideos {float:left;width:25%;}
.sheetcontent {font-size:16px;padding:18px;float:left;width:75%;}
.sheetcontentfull {font-size:16px;padding:18px;float:left;width:100%;}
span.step{float:left;font-size:16px;width:10%;color:#999;padding:2px;font-weight:bold;}
span.desc{float:left;font-size:16px;width:90%;padding:2px;font-weight:normal;}

.textarea { border-top: 1px #FFF solid;color:#000;padding:18px; background: #cccccc; width: auto; overflow: hidden; }

.views { color:#000;}
.position { position:absolute;top:6px;left:8px; }

.thumbwrapper{line-height:0px;border:3px solid #fff;float:left;width:20%;transition: opacity 0.5s ease;}
.thumbwrapper:hover{opacity: 0.3; }

.linkitem {text-align:center;width:33.33%;float:left;border-right:1px solid #FFF;border-bottom:1px solid #FFF; background-color:#cccccc;cursor:pointer;height:130px;overflow:hidden;padding:10px 10px 10px 10px;transition: background 0.5s ease;}
.linkitem img { margin-bottom:10px; width:192px; vertical-align: middle; border-radius: 3px;box-shadow: 0px 0px 10px 1px #111;}
.linkitem .listTitle { font-weight:bold; }
.linkitem .listInfo {  white-space: normal;height:auto; }
.linkitem:nth-child(2) { border-top:1px solid #FFF; }
.linkitem:nth-child(3) { border-top:1px solid #FFF; }
.linkitem:nth-child(4) { border-top:1px solid #FFF; }
.linkitem:nth-child(even) { background-color:#cccccc; }
.linkitem:nth-child(odd) { background-color:#dadada; }
.linkitem:hover { background-color:#737373; }
.linkitem:hover .listTitle a { color:#fff;}

.chorbuttons { position:relative;padding:12px;padding-top:10px;padding-bottom:10px;padding-left:340px;color:#000;text-align:left;width:100%;margin:0px;float:left;font-size: 16px;background: #dadada;border-top: 1px #FFF solid; border-bottom: 1px #FFF solid;}
.chorinfo { line-height:1.3em;padding: 32px 12px 32px 340px;color:#000;text-align:left;width:100%;margin:0px;float:left;font-size: 16px;background: #cccccc; border-bottom: 1px #fff solid;}
.chorinfo a:hover { text-decoration: underline; color:#000;}
.chorinfo span { overflow: hidden;padding-left:5px;display:block;}
.chorinfopersonal { width:100%;padding:6px;float:left;}
.chorinfofield { float: left;width:80px;text-align:right;font-weight:bold;}

.chorprofile  { padding:30px;color:#000;text-align:left;width:100%;margin:0px;float:left;font-size: 16px;background: #dadada;border-top: 1px #FFF solid; border-bottom: 1px #FFF solid;}

.chorimage { position:absolute;top:25px;left:60px; width:210px;height:230px; background: #ffffff; padding: 8px 8px 26px;   box-shadow: 0 4px 6px rgba(0, 0, 0, .8);  transform: rotate(-10deg); }
.chorimage img { width:195px;height:195px; padding:1px;background: #AAAAAA; background-clip: padding-box; border: 2px solid #DDDDDD;  border-bottom: 3px solid #DDDDDD;  }
.chorimagethumb { position:absolute;top:5px;left:12px; width:38px;height:41.4px; background: #ffffff; padding: 1.44px 1.44px 4.68px;  box-shadow: 0 0.72px 1.08px rgba(0, 0, 0, .8);  transform: rotate(-10deg); }
.chorimagethumb img { width:35.1px;height:35.1px; padding:0.1px;background: #AAAAAA; background-clip: padding-box; border: 0.36px solid #DDDDDD;  border-bottom: 0.54px solid #DDDDDD;  }

.footer { text-align:center; width:33%; color:#fff; float: left;padding:20px;}
.footer hr {height: 1px; background-color: #ccc; border: none;}
.footer ul { list-style: none; }
.footer li { margin: 5px 0; font-size:16px;}
.footer li a { color:#ccc; }
.footer li a:hover { color:#fff; }

.newicon { width:40px;height:40px;float:right;margin-left:5px;margin-right:-5px; margin-top:-3px; }

#comments { max-height:0px;transition: max-height 0.5s ease; overflow:hidden;}
.commentsothers { color:#C26502; }
.commentsuser { color:#ffff00; }
.commentstext { margin: 5px 0px 5px 5px;color:#000; }
.commentsdate { color:#888888;font-size:12px;margin-left:5px; }
.commentshr { margin-top:15px;margin-bottom:15px;border:none; border-top: 1px solid #9A9A9A;border-bottom: 1px solid #EEEEEE; }

#mapid { height: 400px;z-index:0; }
.social { word-wrap: break-word;font-weight:normal;font-size:16px;background:#fff;border:5px solid #dadada; width:100%;text-align:left;color:#000; overflow: hidden; }
.socialcontent {font-size:16px;padding:18px;float:left;width:50%;}
.socialinfo {width:100%;padding:6px;float:left;}
.socialinfo span { overflow: hidden;padding-left:5px;display:block;}
.socialinfofield { float: left;width:85px;text-align:right;font-weight:bold; }
.socialmap { float:left;width:50%; }
.socialmap img { width:100%;display:block;border-bottom:1px solid #FFF;border-top:1px solid #FFF; }
.socialmapbar { text-align:center;padding:5px;background:#888;border-top:1px solid #FFF;}
.socialmaplink { color: #C26502 !important;}
.socialmaplink:hover { text-decoration: underline !important; color:#000 !important; }
.socialmaplinkcanceled { color: #f00 !important;text-decoration: line-through !important;}
.socialmaplinkcanceled:hover { text-decoration: underline line-through !important; color:#000 !important; }
.calendar { font-size:16px;  width:100%;  overflow: hidden;  border-bottom: 1px #fff solid; }
.calendar a{ color: #2F3938;  display:block;  float:left;  padding: 9px 5px 9px 5px; text-align:center;  text-decoration: none;  width: 8.33%; transition: background 0.5s ease; }
.calendar a:hover { color:#fff; }
.filters { font-size:16px;  width:100%;  overflow: hidden;  border-bottom: 1px #fff solid; }
.filters a{ color: #2F3938;  display:block;  float:left;  padding: 9px 5px 9px 5px; text-align:center;  text-decoration: none;  width: 25%; transition: background 0.5s ease; }
.filters a:hover { color:#fff; }

.countryselect { width:100%;margin:0px;float:left;font-size: 16px;padding:12px;background: #dadada;border-top:1px #fff solid; }

.musicimage {  position:absolute;top:35px;left:60px;  box-shadow: 0 4px 6px rgba(0, 0, 0, .8);  transform: rotate(-10deg);  width: 228px; height: 228px; }
.musicimage:before { z-index:-1;position:absolute;top:0px;left:0px;background: #fff; width:230px;height:230px; background-size: 100% 100%;  content: '';}
.musicimage:after {   z-index:-2;  box-shadow: 0 2px 2px rgba(0, 0, 0, .8); position:absolute;top:0px;left:20px;  width: 228px; height: 228px;  border-radius: 50%;  background:  repeating-radial-gradient(#2a2928, #2a2928 3px, #444444 4px, #2a2928 3px);  background-size: 100% 100%;  content: '';}
.musicimage img { width:230px;height:230px; }
.musicimagethumb { position:absolute;top:5px;left:12px; width:38px;height:41.4px; background: #ffffff; box-shadow: 0 0.72px 1.08px rgba(0, 0, 0, .8);  transform: rotate(-10deg); }
.musicimagethumb img { width:38px;height:41.4px; }

.openlist { margin: 0px; padding: 0px;background:#ffffff; }
.iframe { background:#fff; width:100%;height:100%;display:block; }
.openlistbar { background:#ffffff;position:absolute;left:50%;top:50%;transform: translate(-50%, -50%); }

.editorline{background:#f7ecda;border: 1px solid #fff;clear:both;}
.editorline span {margin:0px;width:100%;float:left;padding:6px;color:#000;font-weight:bold;}
.editorsteps{background:#d9b277;border: 1px solid #fff;clear:both;}
.editorsteps span {border-left:2px solid #fff;margin:0px;float:left;padding:6px;color:#000;font-weight:normal;}
.editorsteps span:first-child {border-left:0px;margin:0px;float:left;padding:6px;padding:6px;color:#000;font-weight:normal;}

/* ********************************************************************************************************************** */

@media (max-width: 900px) {
.wide900 { max-width:710px; }
.columngeorge { display: none; } 
}

@media (max-width: 1170px) {
.rightcontainer { display:none; }
.middlecontainer { width:66.66%; }
.leftcontainer { width:33.33%; }
.thumbwrapper{width:25%;}

span.step{width:15%;}
span.desc{width:85%;}

.linkitem {width:50%; }
.linkitem:nth-child(4) { border-top:0px solid #FFF; }
.linkitem:nth-child(4n+1) { background-color:#dadada; }
.linkitem:nth-child(4n+3) { background-color:#cccccc; }
.linkitem:nth-child(4n+2) { background-color:#dadada; }
.linkitem:nth-child(4n+4) { background-color:#cccccc; }
.linkitem:hover { background-color:#737373; }

.sheetvideos {width:33.33%;}
.sheetcontent {width:66.66%;}
.formbox { width:100%; }
.formboxnarrow { width:50%; }
}

@media (max-width: 767px) {
 
#menubutton { display:block; }
.menutext { max-width: calc(100% - 45px); }
.menuitems { max-height:400px; }
.menu ul { padding:0px;width:100%; }
.menu ul li { clear:both;display:block;list-style: none;color:#fff; padding:0px;}
.menu ul li a { width:100%; display:block;}

.columnlogo { width: 100%; padding:3%; margin:0;height:auto;}
.columngeorge { display: none; } 
.columnsheets { display: none; }
.footer { width:100%; }
.mainmenu li a { width:33.33%; }
.letters a { width:7.69%; }

.rightcontainer { display:none; }
.middlecontainer { width:100%; }
.leftcontainer { width:100%; }

.middleicons { border:2.5px solid #fff; }

.mostpopular { border-radius:12.5px;border:2.5px solid #fff; }
.choreographers { border-radius:12.5px;border:2.5px solid #fff; }
.donation {border-radius:12.5px;border:2.5px solid #fff; }
.music {border-radius:12.5px;border:2.5px solid #fff; }

.pageswide { display:none; }
.pagesnarrow { display:block; }
.views { display:none; }
.searchselect { width:50%; border-top:0px;}
.searchselect:nth-child(2),.searchselect:nth-child(1) { border-top:1px solid #fff;}
.searchselectwide { width:100%; border-top:0px;}
.searchselect25 { width:50%; border-top:0px;}
.searchselect25:nth-child(2),.searchselect25:nth-child(1) { border-top:1px solid #fff;}
.searchselectwide25 { width:100%; border-top:0px;}
.searchselect33 { width:50%; border-top:0px;}
.searchselectwide33 { width:100%; border-top:0px; border-top:1px solid #fff;}

.sheetinfocount { width:100%;}
.sheetinfowall { width:100%;}
.sheetinfolevel { width:100%;}
.listinfotext { width:100%;padding-bottom:5px;}
.sheetinfofield { width:70px; }

.StarsMessage{width:100%;text-align:left;}
.sheetvideos {width:100%;}
.sheetcontent {width:100%;}
.icontext {display:none;}
.StarsMessage{margin-top:20px;}
span.step{width:20%;}
span.desc{width:80%;}
.thumbwrapper{width:50%;}

.chorbuttons { padding-left:20px; padding-top:348px;}
.chorinfo { padding-left:0px;padding:12px; }
.chorimage { position:absolute;top:40px;left:50%; width:245px;height:268px;transform: translate(-50%, -0%) rotate(-10deg); }
.chorimage img { width:226px;height:226px; }

.formbox { width:100%; }
.formboxnarrow { width:100%; }
.formfield { width:100%; text-align:left; padding-left:8px; }
.formfieldwide { width:100%; text-align:left; padding-left:8px; }
.forminput { width:100%; }

.sectionbarlinks { display:none;}
.sectionbaricons { display:block;}

.sectionbarstuff { position:static; float:right;margin-top:18px;margin-left:-7px;margin-right:0px;margin-bottom:0px;}

.linkitem {width:100%; }
.linkitem:nth-child(3) { border-top:0px solid #FFF; }
.linkitem:nth-child(even) { background-color:#cccccc; }
.linkitem:nth-child(odd) { background-color:#dadada; }
.linkitem:hover { background-color:#737373; }

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

.mobileonly { display:block; }
.desktoponly { display:none; }

.advancedsearchcontent {max-height:0px; }
.advancedsearchopen { display:block; }
.advancedsearchclose { display:none; }

.socialmap {width:100%;}
.socialcontent {width:100%;}
.calendar a { width:16.66%; }
.filters a { width:50%; }
#mapid { height:300px;}
.musicbuttons { padding-left:20px; padding-top:300px;}
.musicinfo { padding-left:0px;padding:12px; }

.musicimage { position:absolute;top:40px;left:50%; width:268px;height:268px;transform: translate(-50%, -0%) rotate(-10deg); }
.musicimage:before { width: 268px; height: 268px; }
.musicimage:after { left:23px; width: 268px; height: 268px; }
.musicimage img { width:268px;height:268px; }
}

@media (max-width: 359px) {
.mainmenu li a { width:50%; }
.advert { border-width: 5px 0px 5px 0px; }
}

/*This is to display or hide the extra videos at the bottom to make things line up better */
@media (max-width: 767px) { .video30,.video29,.video28,.video27,.video26,.video25,.video24 { display:none; } }
@media (min-width: 782px) { .video30 { display:none; } }
@media (min-width: 822px) { .video29 { display:none; } }
@media (min-width: 862px) { .video28 { display:none; } }
@media (min-width: 908px) { .video27 { display:none; } }
@media (min-width: 956px) { .video26 { display:none; } }
@media (min-width: 1008px) { .video25 { display:none; } }
@media (min-width: 1064px) { .video24 { display:none; } }
@media (min-width: 1126px) { .video23 { display:none; } }
@media (min-width: 1171px) { .video23,.video24,.video25,.video26,.video27 { display:block; } }
@media (min-width: 1206px) { .video27 { display:none; } }
@media (min-width: 1270px) { .video26 { display:none; } }
@media (min-width: 1339px) { .video25 { display:none; } }
@media (min-width: 1414px) { .video24 { display:none; } }