/*Main colors*/
/* http://ColorScheme.ru/#5.61TlInTxQ.O */
/* Page */

body {
  margin: 0;
  padding: 0;
  font-family: 'PT Sans', sans-serif;
  line-height: 18px;
}
#maincontainer {
  background-color: #fff6f9;
  padding-bottom: 2em;
}
a {
  border-bottom: 1px solid;
  color: #474747;
  text-decoration: none;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
a:hover {
  color: #252525;
}
.transition {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.left {
  float: left;
}
.box-shadow {
  -webkit-box-shadow: 0 0 10px #252525;
  box-shadow: 0 0 10px #252525;
}
#page {
  padding-top: 1em;
}
header h1 {
  font-size: 3em;
  font-family: 'Neucha', cursive;
  line-height: 2em;
}
header h1 a {
  border-bottom: none;
  text-decoration: none;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: #252525;
  border-radius: 50%;
  padding: 0.4em;
}
footer {
  padding: 2em 0;
  font-size: 0.8em;
  color: #252525;
  width: 100%;
  float: left;
}
footer ul {
  margin: 1em;
}
.search {
  font-size: 0.7em;
  text-align: center;
}
#content h2 {
  text-align: center;
}
#content h2 .small {
  font-size: 0.6em;
}
#content h2:first-letter {
  text-transform: uppercase;
}
#content .clefCombination,
#content .description,
#content .sheetmusic {
  float: left !important;
  width: 100%;
}
#content .sheetmusic {
  margin-bottom: 1em;
}
.hometext {
  margin-bottom: 1em;
  margin-top: 2em;
  padding: 0 1em;
}
.hometext p {
  margin-bottom: 1em;
}
.hometext .sf1,
.hometext .sf2,
.hometext .sf3,
.hometext .sf4,
.hometext .sf5 {
  font-family: 'Neucha', cursive;
  font-size: 1.4em;
}
.hometext ul li {
  margin-bottom: 1em;
  list-style: inside disc;
}
.text .sf1,
.text .sf2,
.text .sf3,
.text .sf4,
.text .sf5 {
  background-color: #252525;
}
.sfinline {
  background-color: #252525;
  border-radius: 0.3em;
  padding: 0.3em 0.3em 0.1em 0.3em;
}
.paginator {
  width: 100%;
}
/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #252525;
  margin-bottom: 0.5em;
  font-family: 'PT Sans Caption', sans-serif;
}
h1,
h2,
h3 {
  font-weight: normal;
  font-family: 'PT Sans Caption', sans-serif;
  line-height: 1em;
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.7em;
}
h2 .h2page {
  text-transform: lowercase;
  vertical-align: super;
  font-size: 0.45em;
}
h2.homeh2,
article.hometext {
  margin: auto 0 1em !important;
  padding: 0 10px;
}
h2.homeh2 {
  line-height: 4em;
}
h3 {
  font-size: 1.4em;
}
h4 {
  font-size: 1.15em;
}
h5 {
  font-size: 1em;
}
/* Description */

.descriptionSearch {
  text-transform: lowercase;
  vertical-align: super;
  font-size: 0.8em;
}
.description,
.clefCombination,
.addDescription {
  font-size: 90%;
}
.description {
  float: left;
  width: 100%;
}
.description .desc_base {
  font-style: italic;
  font-weight: normal;
}
.description .desc_preface {
  margin: 1em auto auto;
}
.description .desc_preface p {
  margin: 0.5em auto;
}
.description .desc_preface ol {
  list-style-type: decimal;
  list-style-position: inside;
}
.description .desc_preface li {
  margin: 0.5em 1em 0.5em 0;
}
/* Logo */

.sf1 {
  color: #cd7c85;
}
.sf2 {
  color: #ff9ea7;
}
.sf3 {
  color: #ffe9ef;
}
.sf4 {
  color: #88c17a;
}
.sf5 {
  color: #a7ef98;
}
nav .sf1,
nav .sf2,
nav .sf3,
nav .sf4,
nav .sf5 {
  color: #fff6f9;
}
nav li.active .sf1,
nav li:hover .sf1 {
  color: #cd7c85;
}
nav li.active .sf2,
nav li:hover .sf2 {
  color: #ff9ea7;
}
nav li.active .sf3,
nav li:hover .sf3 {
  color: #ffe9ef;
}
nav li.active .sf4,
nav li:hover .sf4 {
  color: #88c17a;
}
nav li.active .sf5,
nav li:hover .sf5 {
  color: #a7ef98;
}
#tspage .sf1 {
  color: #b83b47;
}
#tspage .sf2 {
  color: #87444a;
}
#tspage .sf3 {
  color: #74121b;
}
#tspage .sf4 {
  color: #e1979e;
}
#tspage .sf5 {
  color: #e1747f;
}
#keypage .sf1 {
  color: #932f70;
}
#keypage .sf2 {
  color: #6c3659;
}
#keypage .sf3 {
  color: #5d0e41;
}
#keypage .sf4 {
  color: #d18db9;
}
#keypage .sf5 {
  color: #d16cae;
}
#levelpage .sf1 {
  color: #469f33;
}
#levelpage .sf2 {
  color: #45753b;
}
#levelpage .sf3 {
  color: #1e640f;
}
#levelpage .sf4 {
  color: #9cd690;
}
#levelpage .sf5 {
  color: #81d66f;
}
/* Menu */

nav {
  font-family: 'PT Sans Caption', sans-serif;
  text-align: center;
  margin-bottom: 1em;
}
nav > ul {
  border-radius: 15px;
}
nav a {
  color: #fff6f9;
}
nav a:hover {
  color: #fff6f9;
}
nav ul {
  padding: 0.5em;
  display: inline-block;
  margin: 0;
  background-color: #252525;
}
nav li.active,
nav li:hover {
  border-bottom: none;
  text-decoration: none;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background-color: none !important;
}
nav li.active a,
nav li:hover a {
  border-bottom: none;
  text-decoration: none;
  background-color: none !important;
}
nav ul li {
  position: relative;
  z-index: 300;
  display: inline-block;
  font-size: 1.2em;
  line-height: 3em;
  margin-left: 0.3em;
  margin-right: 0.3em;
}
nav ul li a.active {
  border-bottom: none !important;
  color: black;
}
nav ul li:hover ul {
  z-index: 10;
  display: block;
  opacity: 1;
}
nav ul li ul {
  position: absolute;
  top: 3em;
  left: -0.3em;
  display: none;
  padding: 0 0.3em;
  font-size: 0.6em;
  opacity: 0;
  -webkit-box-shadow: 0 0 10px #252525;
  box-shadow: 0 0 10px #252525;
}
/* _NaviActions */

#levels,
#tss {
  float: left;
  /*li.active {


			a {
				color: grey;
				font-size: 200%;
				margin-left:-16px;
				text-decoration: none;
			}
		}

			li.active:hover {
				background-color: white!important;
			}*/

}
#levels li,
#tss li {
  margin: 0.1em;
  font-size: 2.1em;
}
#levels li {
  height: 49px;
  width: 42px;
}
#tss li {
  height: 70px;
  width: 60px;
}
#keys,
#voices,
#authors,
#levels,
#tss,
#collections {
  float: left;
  margin: 0 0 1em 0;
  width: 100%;
  /*li.active {


		a {
			color: grey;
			font-size: 200%;
			text-decoration: none;
		}
	}

		li.active:hover {
			background-color: white!important;
		}*/

}
.currentblock {
  border: 1px solid #dddddd !important;
  padding: 0.5em 1em;
  float: left;
  width: auto !important;
}
/* Exercises */

.level,
.clef,
.ts,
.key,
.voice {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#keys .key,
#voices .voice,
#authors .author {
  font-size: 0.8em;
}
#collections .small {
  font-size: 0.8em;
  margin-bottom: 0.8em;
  display: block;
}
#collections li {
  list-style-type: none;
}
#authors li {
  float: left;
  list-style-type: none;
  margin: 0.3em;
  line-height: 0.7em;
}
/* Doclist */

.together {
  margin: 3em auto 0 auto;
  width: 24em;
  padding: 0 auto;
}
.together .block {
  position: relative;
  float: left;
  min-height: 5em;
}
.together .block .key,
.together .block .voice {
  padding: 0 1em;
  line-height: 4em;
}
.together .ts_hidden {
  visibility: hidden !important;
}
.together .ts_hidden:hover {
  visibility: visible !important;
}
.together .name {
  position: absolute;
  top: -1.5em;
  font-size: 0.8em;
  padding: 0 1em;
}
.docListFull h4,
.docListFull .comment {
  padding: 0.3em;
}
.docListFull .h4page {
  text-transform: lowercase;
  vertical-align: super;
  font-size: 0.7em;
}
.docListFull .comment {
  font-size: 1.15em;
  margin-top: 0;
}
.docListFull .docLine {
  margin-bottom: 1em;
  width: 100%;
  float: left;
}
.docListFull .docLine h4,
.docListFull .docLine .comment {
  line-height: 1.3em;
}
.docListFull .docLine .docContent {
  padding: 0.5em 1em;
  line-height: 2em;
  float: left;
}
.teachermode {
  width: 100%;
}
.sound,
.tune {
  margin: 0 0 2em 0;
  width: 100%;
  text-align: center;
  float: left;
}
h3.exercise {
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.tunesmall {
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  -o-transform: scale(0.7);
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  margin-top: 0 !important;
}
.clefCombination {
  text-align: center;
}
#edit {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #1e640f;
  font-size: 0.8em;
}
.docLineSet {
  width: auto !important;
}
.alteration {
  line-height: 5em;
  float: left;
  width: 100%;
  margin: 0 1em;
  text-align: center;
}
.alteration img {
  margin-top: -41px;
  height: 112px;
}
.sheetmusic {
  font-size: 110%;
  margin-top: 1em;
  text-align: center;
}
.oblimg {
  width: 45%;
  max-width: 207px;
  margin-left: 4%;
  float: right;
}
/* Active*/

.active a {
  color: #fff6f9;
}
#authors li.active > a,
#authors li:hover > a,
#collections li.active > a,
#collections li:hover > a {
  background-color: #ff9ea7;
  color: #fff6f9;
}
#authors li.active > a .small,
#authors li:hover > a .small,
#collections li.active > a .small,
#collections li:hover > a .small {
  color: #252525;
}
#authors li {
  font-size: 0.85em;
}
#authors li.active {
  font-size: 130%;
}
/* Levels*/

.level {
  width: 60px;
  height: 70px;
  text-align: center;
  font-size: 3em;
  line-height: 1.3em;
  float: left;
}
.level:hover a,
.levelactive a {
  color: #fff6f9 !important;
}
.level a {
  border-bottom: none;
  text-decoration: none;
}
.level_1 {
  color: #1e640f;
}
.level_1 a {
  color: #1e640f;
}
.level_1:hover,
.level_1_active {
  background-color: #1e640f;
}
.level_2 {
  color: #2f7520;
}
.level_2 a {
  color: #2f7520;
}
.level_2:hover,
.level_2_active {
  background-color: #2f7520;
}
.level_3 {
  color: #408631;
}
.level_3 a {
  color: #408631;
}
.level_3:hover,
.level_3_active {
  background-color: #408631;
}
.level_4 {
  color: #519742;
}
.level_4 a {
  color: #519742;
}
.level_4:hover,
.level_4_active {
  background-color: #519742;
}
.level_5 {
  color: #62a853;
}
.level_5 a {
  color: #62a853;
}
.level_5:hover,
.level_5_active {
  background-color: #62a853;
}
.level_6 {
  color: #45753b;
}
.level_6 a {
  color: #45753b;
}
.level_6:hover,
.level_6_active {
  background-color: #45753b;
}
.level_7 {
  color: #56864c;
}
.level_7 a {
  color: #56864c;
}
.level_7:hover,
.level_7_active {
  background-color: #56864c;
}
.level_8 {
  color: #67975d;
}
.level_8 a {
  color: #67975d;
}
.level_8:hover,
.level_8_active {
  background-color: #67975d;
}
.level_9 {
  color: #78a86e;
}
.level_9 a {
  color: #78a86e;
}
.level_9:hover,
.level_9_active {
  background-color: #78a86e;
}
.level_10 {
  color: #89b97f;
}
.level_10 a {
  color: #89b97f;
}
.level_10:hover,
.level_10_active {
  background-color: #89b97f;
}
.level_11 {
  color: #469f33;
}
.level_11 a {
  color: #469f33;
}
.level_11:hover,
.level_11_active {
  background-color: #469f33;
}
.level_12 {
  color: #57b044;
}
.level_12 a {
  color: #57b044;
}
.level_12:hover,
.level_12_active {
  background-color: #57b044;
}
.level_13 {
  color: #68c155;
}
.level_13 a {
  color: #68c155;
}
.level_13:hover,
.level_13_active {
  background-color: #68c155;
}
.level_14 {
  color: #79d266;
}
.level_14 a {
  color: #79d266;
}
.level_14:hover,
.level_14_active {
  background-color: #79d266;
}
.level_15 {
  color: #8ae377;
}
.level_15 a {
  color: #8ae377;
}
.level_15:hover,
.level_15_active {
  background-color: #8ae377;
}
.level_16 {
  color: #81d66f;
}
.level_16 a {
  color: #81d66f;
}
.level_16:hover,
.level_16_active {
  background-color: #81d66f;
}
/* TimeSignatures */

.ts {
  padding: 0;
  width: 60px;
  height: 70px;
  text-align: center;
  font-size: 2em;
  float: left;
}
.ts .upper {
  margin: 0 auto;
  padding: 0.3em 0 0.2em 0;
  width: 1em;
}
.ts .lower {
  margin: 0 auto;
  padding: 0.15em 0 0.3em 0;
  width: 1em;
}
.ts:hover,
.tsactive {
  color: #fff6f9 !important;
}
.ts:hover a,
.tsactive a {
  color: #fff6f9 !important;
}
.ts:hover .upper,
.tsactive .upper {
  border-bottom: 2px solid #fff6f9 !important;
}
.ts a {
  text-decoration: none;
}
.ts_1 {
  color: #74121b;
}
.ts_1 .upper {
  border-bottom: 2px solid #74121b;
}
.ts_1:hover,
.ts_1_active {
  background-color: #74121b;
}
.ts_2 {
  color: #96343d;
}
.ts_2 .upper {
  border-bottom: 2px solid #96343d;
}
.ts_2:hover,
.ts_2_active {
  background-color: #96343d;
}
.ts_3 {
  color: #87444a;
}
.ts_3 .upper {
  border-bottom: 2px solid #87444a;
}
.ts_3:hover,
.ts_3_active {
  background-color: #87444a;
}
.ts_4 {
  color: #a9666c;
}
.ts_4 .upper {
  border-bottom: 2px solid #a9666c;
}
.ts_4:hover,
.ts_4_active {
  background-color: #a9666c;
}
.ts_5 {
  color: #b83b47;
}
.ts_5 .upper {
  border-bottom: 2px solid #b83b47;
}
.ts_5:hover,
.ts_5_active {
  background-color: #b83b47;
}
.ts_6 {
  color: #da5d69;
}
.ts_6 .upper {
  border-bottom: 2px solid #da5d69;
}
.ts_6:hover,
.ts_6_active {
  background-color: #da5d69;
}
.ts_7 {
  color: #e1747f;
}
.ts_7 .upper {
  border-bottom: 2px solid #e1747f;
}
.ts_7:hover,
.ts_7_active {
  background-color: #e1747f;
}
.ts_8 {
  color: #ff96a1;
}
.ts_8 .upper {
  border-bottom: 2px solid #ff96a1;
}
.ts_8:hover,
.ts_8_active {
  background-color: #ff96a1;
}
.ts_9 {
  color: #e1979e;
}
.ts_9 .upper {
  border-bottom: 2px solid #e1979e;
}
.ts_9:hover,
.ts_9_active {
  background-color: #e1979e;
}
.ts_10 {
  color: #ffb9c0;
}
.ts_10 .upper {
  border-bottom: 2px solid #ffb9c0;
}
.ts_10:hover,
.ts_10_active {
  background-color: #ffb9c0;
}
.ts_11 {
  color: #85232c;
}
.ts_11 .upper {
  border-bottom: 2px solid #85232c;
}
.ts_11:hover,
.ts_11_active {
  background-color: #85232c;
}
.ts_12 {
  color: #98555b;
}
.ts_12 .upper {
  border-bottom: 2px solid #98555b;
}
.ts_12:hover,
.ts_12_active {
  background-color: #98555b;
}
.ts_13 {
  color: #c94c58;
}
.ts_13 .upper {
  border-bottom: 2px solid #c94c58;
}
.ts_13:hover,
.ts_13_active {
  background-color: #c94c58;
}
.ts_14 {
  color: #f28590;
}
.ts_14 .upper {
  border-bottom: 2px solid #f28590;
}
.ts_14:hover,
.ts_14_active {
  background-color: #f28590;
}
.ts_15 {
  color: #f2a8af;
}
.ts_15 .upper {
  border-bottom: 2px solid #f2a8af;
}
.ts_15:hover,
.ts_15_active {
  background-color: #f2a8af;
}
.ts_16 {
  color: #a7454e;
}
.ts_16 .upper {
  border-bottom: 2px solid #a7454e;
}
.ts_16:hover,
.ts_16_active {
  background-color: #a7454e;
}
.ts_17 {
  color: #ba777d;
}
.ts_17 .upper {
  border-bottom: 2px solid #ba777d;
}
.ts_17:hover,
.ts_17_active {
  background-color: #ba777d;
}
.ts_18 {
  color: #eb6e7a;
}
.ts_18 .upper {
  border-bottom: 2px solid #eb6e7a;
}
.ts_18:hover,
.ts_18_active {
  background-color: #eb6e7a;
}
.ts_19 {
  color: #ffa7b2;
}
.ts_19 .upper {
  border-bottom: 2px solid #ffa7b2;
}
.ts_19:hover,
.ts_19_active {
  background-color: #ffa7b2;
}
.ts_20 {
  color: #ffcad1;
}
.ts_20 .upper {
  border-bottom: 2px solid #ffcad1;
}
.ts_20:hover,
.ts_20_active {
  background-color: #ffcad1;
}
/* Keys&Clefs */

.clef {
  overflow: hidden;
  margin-left: 0;
  /*img.double {
			margin-top: 0px!important;
		}*/

}
.clef img {
  margin-top: -41px;
  height: 112px;
}
.clefList {
  overflow: hidden;
  margin-left: 0;
  width: 0px;
  height: 0px;
  opacity: 0;
}
.static .clefList {
  height: auto;
  opacity: 1;
}
.key,
.voice {
  float: left;
}
.key a,
.voice a {
  text-decoration: none;
  border-bottom: none;
}
.key:hover,
.voice:hover,
.keyactive,
.voiceactive {
  color: #fff6f9;
}
.key:hover a,
.voice:hover a,
.keyactive a,
.voiceactive a {
  color: #fff6f9 !important;
}
.static {
  float: left;
  overflow: hidden;
}
.static .clef {
  float: left;
  width: 160px;
}
.static .key,
.static .voice {
  padding: 0 1em;
  height: 70px;
  line-height: 70px;
}
.change {
  overflow: hidden;
}
.change .key,
.change .voice {
  padding: 0 1em;
  height: 70px;
  line-height: 70px;
  opacity: 1;
}
.change:hover .key,
.change:hover .voice {
  width: 0;
  height: 0;
  opacity: 0;
}
.change:hover .clefList {
  width: auto;
  height: 70px;
  opacity: 1;
}
#keys .key,
#voices .voice,
#authors .author {
  padding: 0.3em;
}
.key_1 {
  color: #5d0e41;
}
.key_1 a {
  color: #5d0e41;
}
.key_1:hover,
.key_1_active {
  background-color: #5d0e41;
}
.key_a a {
  border-bottom: 1px solid;
}
.key_2 {
  color: #6e1e41;
}
.key_2 a {
  color: #6e1e41;
}
.key_2:hover,
.key_2_active {
  background-color: #6e1e41;
}
.key_3 {
  color: #6e1f52;
}
.key_3 a {
  color: #6e1f52;
}
.key_3:hover,
.key_3_active {
  background-color: #6e1f52;
}
.key_4 {
  color: #6e2063;
}
.key_4 a {
  color: #6e2063;
}
.key_4:hover,
.key_4_active {
  background-color: #6e2063;
}
.key_5 {
  color: #7f3063;
}
.key_5 a {
  color: #7f3063;
}
.key_5:hover,
.key_5_active {
  background-color: #7f3063;
}
.key_6 {
  color: #904063;
}
.key_6 a {
  color: #904063;
}
.key_6:hover,
.key_6_active {
  background-color: #904063;
}
.key_7 {
  color: #6e1e41;
}
.key_7 a {
  color: #6e1e41;
}
.key_7:hover,
.key_7_active {
  background-color: #6e1e41;
}
.key_8 {
  color: #6c3659;
}
.key_8 a {
  color: #6c3659;
}
.key_8:hover,
.key_8_active {
  background-color: #6c3659;
}
.key_9 {
  color: #7d4659;
}
.key_9 a {
  color: #7d4659;
}
.key_9:hover,
.key_9_active {
  background-color: #7d4659;
}
.key_10 {
  color: #7d476a;
}
.key_10 a {
  color: #7d476a;
}
.key_10:hover,
.key_10_active {
  background-color: #7d476a;
}
.key_11 {
  color: #7d487b;
}
.key_11 a {
  color: #7d487b;
}
.key_11:hover,
.key_11_active {
  background-color: #7d487b;
}
.key_12 {
  color: #8e587b;
}
.key_12 a {
  color: #8e587b;
}
.key_12:hover,
.key_12_active {
  background-color: #8e587b;
}
.key_13 {
  color: #9f687b;
}
.key_13 a {
  color: #9f687b;
}
.key_13:hover,
.key_13_active {
  background-color: #9f687b;
}
.key_14 {
  color: #9f698c;
}
.key_14 a {
  color: #9f698c;
}
.key_14:hover,
.key_14_active {
  background-color: #9f698c;
}
.key_15 {
  color: #932f70;
}
.key_15 a {
  color: #932f70;
}
.key_15:hover,
.key_15_active {
  background-color: #932f70;
}
.key_16 {
  color: #a43f70;
}
.key_16 a {
  color: #a43f70;
}
.key_16:hover,
.key_16_active {
  background-color: #a43f70;
}
.key_17 {
  color: #a44081;
}
.key_17 a {
  color: #a44081;
}
.key_17:hover,
.key_17_active {
  background-color: #a44081;
}
.key_18 {
  color: #b55081;
}
.key_18 a {
  color: #b55081;
}
.key_18:hover,
.key_18_active {
  background-color: #b55081;
}
.key_19 {
  color: #b55192;
}
.key_19 a {
  color: #b55192;
}
.key_19:hover,
.key_19_active {
  background-color: #b55192;
}
.key_20 {
  color: #c66192;
}
.key_20 a {
  color: #c66192;
}
.key_20:hover,
.key_20_active {
  background-color: #c66192;
}
.key_21 {
  color: #c662a3;
}
.key_21 a {
  color: #c662a3;
}
.key_21:hover,
.key_21_active {
  background-color: #c662a3;
}
.key_22 {
  color: #d16cae;
}
.key_22 a {
  color: #d16cae;
}
.key_22:hover,
.key_22_active {
  background-color: #d16cae;
}
.key_23 {
  color: #e27cae;
}
.key_23 a {
  color: #e27cae;
}
.key_23:hover,
.key_23_active {
  background-color: #e27cae;
}
.key_24 {
  color: #e27dbf;
}
.key_24 a {
  color: #e27dbf;
}
.key_24:hover,
.key_24_active {
  background-color: #e27dbf;
}
.key_25 {
  color: #f38dbf;
}
.key_25 a {
  color: #f38dbf;
}
.key_25:hover,
.key_25_active {
  background-color: #f38dbf;
}
.key_26 {
  color: #f38ed0;
}
.key_26 a {
  color: #f38ed0;
}
.key_26:hover,
.key_26_active {
  background-color: #f38ed0;
}
.key_27 {
  color: #f38dbf;
}
.key_27 a {
  color: #f38dbf;
}
.key_27:hover,
.key_27_active {
  background-color: #f38dbf;
}
.key_28 {
  color: #f38ed0;
}
.key_28 a {
  color: #f38ed0;
}
.key_28:hover,
.key_28_active {
  background-color: #f38ed0;
}
.key_29 {
  color: #ff9ed0;
}
.key_29 a {
  color: #ff9ed0;
}
.key_29:hover,
.key_29_active {
  background-color: #ff9ed0;
}
.key_30 {
  color: #ff9fe1;
}
.key_30 a {
  color: #ff9fe1;
}
.key_30:hover,
.key_30_active {
  background-color: #ff9fe1;
}
.key_31 {
  color: #d18db9;
}
.key_31 a {
  color: #d18db9;
}
.key_31:hover,
.key_31_active {
  background-color: #d18db9;
}
.key_32 {
  color: #e29db9;
}
.key_32 a {
  color: #e29db9;
}
.key_32:hover,
.key_32_active {
  background-color: #e29db9;
}
.key_33 {
  color: #e29eca;
}
.key_33 a {
  color: #e29eca;
}
.key_33:hover,
.key_33_active {
  background-color: #e29eca;
}
.key_34 {
  color: #f3aeca;
}
.key_34 a {
  color: #f3aeca;
}
.key_34:hover,
.key_34_active {
  background-color: #f3aeca;
}
.key_35 {
  color: #f3afdb;
}
.key_35 a {
  color: #f3afdb;
}
.key_35:hover,
.key_35_active {
  background-color: #f3afdb;
}
.key_36 {
  color: #f3aeca;
}
.key_36 a {
  color: #f3aeca;
}
.key_36:hover,
.key_36_active {
  background-color: #f3aeca;
}
.key_37 {
  color: #f3afdb;
}
.key_37 a {
  color: #f3afdb;
}
.key_37:hover,
.key_37_active {
  background-color: #f3afdb;
}
.key_38 {
  color: #ffbfdb;
}
.key_38 a {
  color: #ffbfdb;
}
.key_38:hover,
.key_38_active {
  background-color: #ffbfdb;
}
.key_39 {
  color: #ffc0ec;
}
.key_39 a {
  color: #ffc0ec;
}
.key_39:hover,
.key_39_active {
  background-color: #ffc0ec;
}
/* Voices */

.voice {
  float: left;
}
.voice_1 {
  color: #783c12;
}
.voice_1 a {
  color: #783c12;
}
.voice_1:hover,
.voice_1_active {
  background-color: #783c12;
  color: #fff6f9 !important;
}
.voice_2 {
  color: #45753b;
}
.voice_2 a {
  color: #45753b;
}
.voice_2:hover,
.voice_2_active {
  background-color: #45753b;
  color: #fff6f9 !important;
}
.voice_3 {
  color: #469f33;
}
.voice_3 a {
  color: #469f33;
}
.voice_3:hover,
.voice_3_active {
  background-color: #469f33;
  color: #fff6f9 !important;
}
.voice_4 {
  color: #81d66f;
}
.voice_4 a {
  color: #81d66f;
}
.voice_4:hover,
.voice_4_active {
  background-color: #81d66f;
  color: #fff6f9 !important;
}
/* For all */

#levels span.voice_1:hover,
#voices span.voice_1:hover,
#tss span.voice_1:hover,
#keys span.voice_1:hover,
#authors span.voice_1:hover,
#levels span.voice_2:hover,
#voices span.voice_2:hover,
#tss span.voice_2:hover,
#keys span.voice_2:hover,
#authors span.voice_2:hover,
#levels span.voice_3:hover,
#voices span.voice_3:hover,
#tss span.voice_3:hover,
#keys span.voice_3:hover,
#authors span.voice_3:hover,
#levels span.voice_4:hover,
#voices span.voice_4:hover,
#tss span.voice_4:hover,
#keys span.voice_4:hover,
#authors span.voice_4:hover,
#levels span.level_1:hover,
#voices span.level_1:hover,
#tss span.level_1:hover,
#keys span.level_1:hover,
#authors span.level_1:hover,
#levels span.level_2:hover,
#voices span.level_2:hover,
#tss span.level_2:hover,
#keys span.level_2:hover,
#authors span.level_2:hover,
#levels span.level_3:hover,
#voices span.level_3:hover,
#tss span.level_3:hover,
#keys span.level_3:hover,
#authors span.level_3:hover,
#levels span.level_4:hover,
#voices span.level_4:hover,
#tss span.level_4:hover,
#keys span.level_4:hover,
#authors span.level_4:hover,
#levels span.level_5:hover,
#voices span.level_5:hover,
#tss span.level_5:hover,
#keys span.level_5:hover,
#authors span.level_5:hover,
#levels span.level_6:hover,
#voices span.level_6:hover,
#tss span.level_6:hover,
#keys span.level_6:hover,
#authors span.level_6:hover,
#levels span.level_7:hover,
#voices span.level_7:hover,
#tss span.level_7:hover,
#keys span.level_7:hover,
#authors span.level_7:hover,
#levels span.level_8:hover,
#voices span.level_8:hover,
#tss span.level_8:hover,
#keys span.level_8:hover,
#authors span.level_8:hover,
#levels span.level_9:hover,
#voices span.level_9:hover,
#tss span.level_9:hover,
#keys span.level_9:hover,
#authors span.level_9:hover,
#levels span.level_10:hover,
#voices span.level_10:hover,
#tss span.level_10:hover,
#keys span.level_10:hover,
#authors span.level_10:hover,
#levels span.level_11:hover,
#voices span.level_11:hover,
#tss span.level_11:hover,
#keys span.level_11:hover,
#authors span.level_11:hover,
#levels span.level_12:hover,
#voices span.level_12:hover,
#tss span.level_12:hover,
#keys span.level_12:hover,
#authors span.level_12:hover,
#levels span.level_13:hover,
#voices span.level_13:hover,
#tss span.level_13:hover,
#keys span.level_13:hover,
#authors span.level_13:hover,
#levels span.level_14:hover,
#voices span.level_14:hover,
#tss span.level_14:hover,
#keys span.level_14:hover,
#authors span.level_14:hover,
#levels span.level_15:hover,
#voices span.level_15:hover,
#tss span.level_15:hover,
#keys span.level_15:hover,
#authors span.level_15:hover,
#levels span.level_16:hover,
#voices span.level_16:hover,
#tss span.level_16:hover,
#keys span.level_16:hover,
#authors span.level_16:hover,
#levels span.level_17:hover,
#voices span.level_17:hover,
#tss span.level_17:hover,
#keys span.level_17:hover,
#authors span.level_17:hover,
#levels span.level_18:hover,
#voices span.level_18:hover,
#tss span.level_18:hover,
#keys span.level_18:hover,
#authors span.level_18:hover,
#levels span.level_19:hover,
#voices span.level_19:hover,
#tss span.level_19:hover,
#keys span.level_19:hover,
#authors span.level_19:hover,
#levels span.level_20:hover,
#voices span.level_20:hover,
#tss span.level_20:hover,
#keys span.level_20:hover,
#authors span.level_20:hover,
#levels span.key_1:hover,
#voices span.key_1:hover,
#tss span.key_1:hover,
#keys span.key_1:hover,
#authors span.key_1:hover,
#levels span.key_2:hover,
#voices span.key_2:hover,
#tss span.key_2:hover,
#keys span.key_2:hover,
#authors span.key_2:hover,
#levels span.key_3:hover,
#voices span.key_3:hover,
#tss span.key_3:hover,
#keys span.key_3:hover,
#authors span.key_3:hover,
#levels span.key_4:hover,
#voices span.key_4:hover,
#tss span.key_4:hover,
#keys span.key_4:hover,
#authors span.key_4:hover,
#levels span.key_5:hover,
#voices span.key_5:hover,
#tss span.key_5:hover,
#keys span.key_5:hover,
#authors span.key_5:hover,
#levels span.key_6:hover,
#voices span.key_6:hover,
#tss span.key_6:hover,
#keys span.key_6:hover,
#authors span.key_6:hover,
#levels span.key_7:hover,
#voices span.key_7:hover,
#tss span.key_7:hover,
#keys span.key_7:hover,
#authors span.key_7:hover,
#levels span.key_8:hover,
#voices span.key_8:hover,
#tss span.key_8:hover,
#keys span.key_8:hover,
#authors span.key_8:hover,
#levels span.key_9:hover,
#voices span.key_9:hover,
#tss span.key_9:hover,
#keys span.key_9:hover,
#authors span.key_9:hover,
#levels span.key_10:hover,
#voices span.key_10:hover,
#tss span.key_10:hover,
#keys span.key_10:hover,
#authors span.key_10:hover,
#levels span.key_11:hover,
#voices span.key_11:hover,
#tss span.key_11:hover,
#keys span.key_11:hover,
#authors span.key_11:hover,
#levels span.key_12:hover,
#voices span.key_12:hover,
#tss span.key_12:hover,
#keys span.key_12:hover,
#authors span.key_12:hover,
#levels span.key_13:hover,
#voices span.key_13:hover,
#tss span.key_13:hover,
#keys span.key_13:hover,
#authors span.key_13:hover,
#levels span.key_14:hover,
#voices span.key_14:hover,
#tss span.key_14:hover,
#keys span.key_14:hover,
#authors span.key_14:hover,
#levels span.key_15:hover,
#voices span.key_15:hover,
#tss span.key_15:hover,
#keys span.key_15:hover,
#authors span.key_15:hover,
#levels span.key_16:hover,
#voices span.key_16:hover,
#tss span.key_16:hover,
#keys span.key_16:hover,
#authors span.key_16:hover,
#levels span.key_17:hover,
#voices span.key_17:hover,
#tss span.key_17:hover,
#keys span.key_17:hover,
#authors span.key_17:hover,
#levels span.key_18:hover,
#voices span.key_18:hover,
#tss span.key_18:hover,
#keys span.key_18:hover,
#authors span.key_18:hover,
#levels span.key_19:hover,
#voices span.key_19:hover,
#tss span.key_19:hover,
#keys span.key_19:hover,
#authors span.key_19:hover,
#levels span.key_20:hover,
#voices span.key_20:hover,
#tss span.key_20:hover,
#keys span.key_20:hover,
#authors span.key_20:hover,
#levels span.key_21:hover,
#voices span.key_21:hover,
#tss span.key_21:hover,
#keys span.key_21:hover,
#authors span.key_21:hover,
#levels span.key_22:hover,
#voices span.key_22:hover,
#tss span.key_22:hover,
#keys span.key_22:hover,
#authors span.key_22:hover,
#levels span.key_23:hover,
#voices span.key_23:hover,
#tss span.key_23:hover,
#keys span.key_23:hover,
#authors span.key_23:hover,
#levels span.key_24:hover,
#voices span.key_24:hover,
#tss span.key_24:hover,
#keys span.key_24:hover,
#authors span.key_24:hover,
#levels span.key_25:hover,
#voices span.key_25:hover,
#tss span.key_25:hover,
#keys span.key_25:hover,
#authors span.key_25:hover,
#levels span.key_26:hover,
#voices span.key_26:hover,
#tss span.key_26:hover,
#keys span.key_26:hover,
#authors span.key_26:hover,
#levels span.key_27:hover,
#voices span.key_27:hover,
#tss span.key_27:hover,
#keys span.key_27:hover,
#authors span.key_27:hover,
#levels span.key_28:hover,
#voices span.key_28:hover,
#tss span.key_28:hover,
#keys span.key_28:hover,
#authors span.key_28:hover,
#levels span.key_29:hover,
#voices span.key_29:hover,
#tss span.key_29:hover,
#keys span.key_29:hover,
#authors span.key_29:hover,
#levels span.key_30:hover,
#voices span.key_30:hover,
#tss span.key_30:hover,
#keys span.key_30:hover,
#authors span.key_30:hover,
#levels span.key_31:hover,
#voices span.key_31:hover,
#tss span.key_31:hover,
#keys span.key_31:hover,
#authors span.key_31:hover,
#levels span.key_32:hover,
#voices span.key_32:hover,
#tss span.key_32:hover,
#keys span.key_32:hover,
#authors span.key_32:hover,
#levels span.key_33:hover,
#voices span.key_33:hover,
#tss span.key_33:hover,
#keys span.key_33:hover,
#authors span.key_33:hover,
#levels span.key_34:hover,
#voices span.key_34:hover,
#tss span.key_34:hover,
#keys span.key_34:hover,
#authors span.key_34:hover,
#levels span.key_35:hover,
#voices span.key_35:hover,
#tss span.key_35:hover,
#keys span.key_35:hover,
#authors span.key_35:hover,
#levels span.key_36:hover,
#voices span.key_36:hover,
#tss span.key_36:hover,
#keys span.key_36:hover,
#authors span.key_36:hover,
#levels span.key_37:hover,
#voices span.key_37:hover,
#tss span.key_37:hover,
#keys span.key_37:hover,
#authors span.key_37:hover,
#levels span.key_38:hover,
#voices span.key_38:hover,
#tss span.key_38:hover,
#keys span.key_38:hover,
#authors span.key_38:hover,
#levels span.key_39:hover,
#voices span.key_39:hover,
#tss span.key_39:hover,
#keys span.key_39:hover,
#authors span.key_39:hover,
#levels span.key_40:hover,
#voices span.key_40:hover,
#tss span.key_40:hover,
#keys span.key_40:hover,
#authors span.key_40:hover,
#levels span.ts_1:hover,
#voices span.ts_1:hover,
#tss span.ts_1:hover,
#keys span.ts_1:hover,
#authors span.ts_1:hover,
#levels span.ts_2:hover,
#voices span.ts_2:hover,
#tss span.ts_2:hover,
#keys span.ts_2:hover,
#authors span.ts_2:hover,
#levels span.ts_3:hover,
#voices span.ts_3:hover,
#tss span.ts_3:hover,
#keys span.ts_3:hover,
#authors span.ts_3:hover,
#levels span.ts_4:hover,
#voices span.ts_4:hover,
#tss span.ts_4:hover,
#keys span.ts_4:hover,
#authors span.ts_4:hover,
#levels span.ts_5:hover,
#voices span.ts_5:hover,
#tss span.ts_5:hover,
#keys span.ts_5:hover,
#authors span.ts_5:hover,
#levels span.ts_6:hover,
#voices span.ts_6:hover,
#tss span.ts_6:hover,
#keys span.ts_6:hover,
#authors span.ts_6:hover,
#levels span.ts_7:hover,
#voices span.ts_7:hover,
#tss span.ts_7:hover,
#keys span.ts_7:hover,
#authors span.ts_7:hover,
#levels span.ts_8:hover,
#voices span.ts_8:hover,
#tss span.ts_8:hover,
#keys span.ts_8:hover,
#authors span.ts_8:hover,
#levels span.ts_9:hover,
#voices span.ts_9:hover,
#tss span.ts_9:hover,
#keys span.ts_9:hover,
#authors span.ts_9:hover,
#levels span.ts_10:hover,
#voices span.ts_10:hover,
#tss span.ts_10:hover,
#keys span.ts_10:hover,
#authors span.ts_10:hover,
#levels span.ts_11:hover,
#voices span.ts_11:hover,
#tss span.ts_11:hover,
#keys span.ts_11:hover,
#authors span.ts_11:hover,
#levels span.ts_12:hover,
#voices span.ts_12:hover,
#tss span.ts_12:hover,
#keys span.ts_12:hover,
#authors span.ts_12:hover,
#levels span.ts_13:hover,
#voices span.ts_13:hover,
#tss span.ts_13:hover,
#keys span.ts_13:hover,
#authors span.ts_13:hover,
#levels span.ts_14:hover,
#voices span.ts_14:hover,
#tss span.ts_14:hover,
#keys span.ts_14:hover,
#authors span.ts_14:hover,
#levels span.ts_15:hover,
#voices span.ts_15:hover,
#tss span.ts_15:hover,
#keys span.ts_15:hover,
#authors span.ts_15:hover,
#levels span.ts_16:hover,
#voices span.ts_16:hover,
#tss span.ts_16:hover,
#keys span.ts_16:hover,
#authors span.ts_16:hover,
#levels span.ts_17:hover,
#voices span.ts_17:hover,
#tss span.ts_17:hover,
#keys span.ts_17:hover,
#authors span.ts_17:hover,
#levels span.ts_18:hover,
#voices span.ts_18:hover,
#tss span.ts_18:hover,
#keys span.ts_18:hover,
#authors span.ts_18:hover,
#levels span.ts_19:hover,
#voices span.ts_19:hover,
#tss span.ts_19:hover,
#keys span.ts_19:hover,
#authors span.ts_19:hover,
#levels span.ts_20:hover,
#voices span.ts_20:hover,
#tss span.ts_20:hover,
#keys span.ts_20:hover,
#authors span.ts_20:hover {
  background-color: white !important;
}
#levels span.voice_1:hover,
#voices span.voice_1:hover,
#tss span.voice_1:hover,
#keys span.voice_1:hover,
#authors span.voice_1:hover {
  color: #783c12 !important;
}
#levels span.voice_2:hover,
#voices span.voice_2:hover,
#tss span.voice_2:hover,
#keys span.voice_2:hover,
#authors span.voice_2:hover {
  color: #45753b !important;
}
#levels span.voice_3:hover,
#voices span.voice_3:hover,
#tss span.voice_3:hover,
#keys span.voice_3:hover,
#authors span.voice_3:hover {
  color: #469f33 !important;
}
#levels span.voice_4:hover,
#voices span.voice_4:hover,
#tss span.voice_4:hover,
#keys span.voice_4:hover,
#authors span.voice_4:hover {
  color: #81d66f !important;
}
/* External libraries */

.mejs-container {
  margin: 0 auto;
}
.pluso-engine {
  display: block !important;
  width: 100%;
  margin-top: 1em;
}
.pluso-engine .pluso-sharer .pluso_link {
  border-bottom: none;
}
.pluso_description .pluso-engine {
  text-align: center;
}
.yashare-auto-init a {
  border-bottom: 0;
  text-decoration: none;
}
/*Tabs*/

#accordion,
.dicblock {
  width: auto;
  float: left;
  margin-top: 1em;
}
#accordion ul li,
.dicblock ul li {
  font-size: 0.8em;
}
#accordion .ui-widget-header,
.dicblock .ui-widget-header {
  border: 0;
  background: none;
}
#accordion .ui-state-default,
.dicblock .ui-state-default {
  border: 0;
  background: #fff6f9;
  color: #cd7c85;
}
#accordion .ui-state-active,
.dicblock .ui-state-active {
  border: 0;
  background: #fff6f9;
  color: #cd7c85;
  font-weight: bold;
}
#accordion .ui-state-active .accordion1,
.dicblock .ui-state-active .accordion1,
#accordion .ui-state-active .accordion5,
.dicblock .ui-state-active .accordion5,
#accordion .ui-state-active .accordion9,
.dicblock .ui-state-active .accordion9 {
  color: #cd7c85;
}
#accordion .ui-state-active .accordion2,
.dicblock .ui-state-active .accordion2,
#accordion .ui-state-active .accordion6,
.dicblock .ui-state-active .accordion6 {
  color: #ff9ea7;
}
#accordion .ui-state-active .accordion3,
.dicblock .ui-state-active .accordion3,
#accordion .ui-state-active .accordion7,
.dicblock .ui-state-active .accordion7 {
  color: #88c17a;
}
#accordion .ui-state-active .accordion4,
.dicblock .ui-state-active .accordion4,
#accordion .ui-state-active .accordion8,
.dicblock .ui-state-active .accordion8 {
  color: #a7ef98;
}
#accordion .ui-state-hover,
.dicblock .ui-state-hover,
#accordion .ui-state-focus,
.dicblock .ui-state-focus {
  border: 0;
}
#accordion .ui-widget-content,
.dicblock .ui-widget-content {
  border: 0;
}
.active_dashed {
  border: 1px dashed #252525 !important;
}
/* Orders */

.orderCheck {
  font-size: 0.9em;
  line-height: 1.4em;
}
.orderCheck ol {
  list-style-type: decimal;
  list-style-position: inside;
}
input.simple,
p.simple a {
  width: auto;
  padding: 9px 15px;
  background: #469f33;
  border: 0;
  font-size: 1em;
  color: #fff6f9;
}
input.simple {
  margin: 1em 0;
}
input.standalone {
  float: left;
}
p.simple {
  margin: 1em 0;
}
input#PromoCode {
  margin: 0.3em 0 0.7em;
}
.backShoppingCart {
  line-height: 1em;
  margin: 1em 0;
}
.backShoppingCart a,
.scmusic a,
.orderUserList .cartPrice a,
li a#loginLink {
  width: auto;
  padding: 9px 15px;
  background: #9cd690;
  border: 0;
  font-size: 0.8em;
  color: #fff6f9;
}
a.shoppingCart,
.SC {
  color: #e1979e;
}
.SCcomment {
  font-size: 0.8em;
  margin-bottom: 0.5em;
}
a.logout {
  color: #b83b47;
}
a.username {
  color: #74121b;
}
.RemoveLink {
  font-size: 0.8em;
  color: #e1979e;
}
ul.cartItems {
  line-height: 1.4em;
  margin-top: 0 !important;
}
ul.cartItems li {
  margin-bottom: 0.5em;
}
.cartTotal {
  line-height: 1.4em;
}
.cartTotal .totalPrice {
  font-size: 1.4em;
}
.cartTotal .totalPrice .totalPriceDigits {
  color: #932f70;
  font-weight: bold;
}
.cartPrice {
  color: #932f70;
  font-weight: bold;
}
.orderUserList li {
  margin-bottom: 0.5em;
}
.orderUserList li ol {
  font-size: 0.7em;
  padding-left: 1.5em;
  list-style-type: decimal;
  list-style-position: inside;
}
li.payOrder ol .cartPrice {
  display: block;
  margin: 1em 0;
}
li.payOrder ol .cartPrice a {
  font-size: 1.1em;
}
li.payOrder .payOrder {
  font-size: 1.2em;
  font-weight: bold;
}
li.payOrder .payOrderName {
  color: #469f33;
}
fieldset ul li {
  margin-bottom: 1em;
}
fieldset ul li input {
  margin: 0.1em;
  width: auto;
  padding: 0.1em;
  background: #fff6f9;
  border: 0.1em solid #469f33;
  font-size: 1em;
  color: #469f33;
}
/*Theory and Form*/

.theory {
  line-height: 1.3em;
  text-align: left;
  hyphens: auto;
}
.theory hr {
  height: 1px;
  width: 100%;
}
.theory p {
  margin-bottom: 1em;
  padding-left: 5em;
}
.theory ul {
  margin-top: 0.5em;
}
.theory ul li {
  margin-left: 1em;
  list-style-type: disc;
  font-size: 0.93em;
  margin-bottom: 0.8em;
}
.theory ul li.active {
  background-color: #ff9ea7;
}
.theory ul li.active a {
  color: #252525;
}
.theory ol {
  list-style-type: decimal;
}
.theory h2 {
  text-align: left !important;
}
.theory h3,
.theory .mainformlist {
  margin: 1.5em 0 1em 0;
  font-size: 1.2em !important;
  text-align: center;
  margin-left: 4em;
  margin-right: 4em;
  padding: 1em;
  background-color: #ff9ea7;
  color: #fff6f9;
  border-radius: 15px;
}
.theory .theory > div > h3 {
  font-size: 1.5em;
}
.theory img {
  max-width: 100%;
  height: auto;
}
.theory .form_parent {
  text-align: left;
}
.theory .form_parent a {
  color: #88c17a;
}
.theory .formlist {
  font-size: 1.3em;
}
.theory .formlist li.active > a {
  color: #fff6f9;
}
.theory .formlist > ul > li.active {
  padding: 1em 0 1em 1em;
  border-radius: 15px;
}
.theory .formlist li.active,
.theory .formlist li.active > ul,
.theory .formlist > ul > li > ul > li,
.theory .formlist li.active > ul > li,
.theory .formlist li.active > ul > li.active > ul > li,
.theory .formlist li.active > ul > li.active > ul > li.active > ul > li,
.theory .formlist li:hover > ul > li {
  display: block;
}
.theory .formlist li > ul > li,
.theory .formlist li > ul {
  display: none;
}
.theory .formlist ul,
.theory .formlist li {
  list-style-type: none;
}
.theory table {
  border: 0px solid #252525;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
.theory table td,
.theory table th {
  border: 1px solid #cd7c85;
  padding: 3px 4px;
}
.theory table tbody td {
  font-size: 13px;
}
.theory table td:nth-child(even) {
  background: #ff9ea7;
}
.theory table th {
  font-size: 1.1em;
  color: #fff6f9;
  text-align: center;
  background-color: #ff9ea7;
}
.theory table thead th:first-child {
  border-left: none;
}
.theory table tfoot {
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  border-top: 4px solid #333333;
}
.theory table tfoot td {
  font-size: 14px;
}
.activeform {
  font-weight: bold;
}
/* Fixes */

.ui-widget-content {
  background: none !important;
}
.mejs-overlay-button,
.mejs-overlay-loading,
.mejs-controls,
.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul {
  background-color: #fff6f9;
}
.dicblock {
  display: none;
}
button.show {
  margin-bottom: 1em;
  background-color: #cd7c85;
  padding: 0.5em;
  font-size: 1.4em;
  border: none;
  color: #252525;
  display: inline-block;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}
.mejstest {
  height: auto !important;
  padding: 1em 0 1em 0;
}
select {
  display: inline-block;
  width: auto;
  font-size: 1.2em;
  line-height: 1.3;
  padding: .6em 1.4em .5em .8em;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #cd7c85;
  box-shadow: 0 1px 0 1px rgba(205, 124, 133, 0.04);
  font-family: 'PT Sans', sans-serif;
  background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right #ffe9ef;
  -webkit-appearance: none;
  background-position-x: 99%;
  border-radius: 15px;
}
select:hover {
  border-color: #cd7c85;
}
select:focus {
  border-color: #cd7c85;
  color: #252525;
  outline: none;
  box-shadow: 0 0 1px 3px rgba(205, 124, 133, 0.7);
}
select::-ms-expand {
  display: none;
}
select {
  width: 100% !important;
}
.sets_list li {
  margin-bottom: 1em;
}
.sets_list h2,
.sets_list .description {
  text-align: center;
}
.sets_list ol {
  list-style-type: decimal;
}
.sets_list .description {
  margin-bottom: 1em;
}
.sets_list .settype {
  font-weight: bold;
}
.sets_list .ststyle1 {
  color: #cd7c85;
  font-weight: bold;
}
.sets_list .ststyle2 {
  color: #88c17a;
  font-weight: bold;
}
.sets_list .ststyle3 {
  color: #ff9ea7;
  font-weight: bold;
}
.sets_list .stanswer {
  color: #252525;
  font-weight: bold;
}
.sets_list .setkey_1 {
  color: #5d0e41;
}
.sets_list .setkey_2 {
  color: #6e1e41;
}
.sets_list .setkey_3 {
  color: #6e1f52;
}
.sets_list .setkey_4 {
  color: #6e2063;
}
.sets_list .setkey_5 {
  color: #7f3063;
}
.sets_list .setkey_6 {
  color: #904063;
}
.sets_list .setkey_7 {
  color: #6e1e41;
}
.sets_list .setkey_8 {
  color: #6c3659;
}
.sets_list .setkey_9 {
  color: #7d4659;
}
.sets_list .setkey_10 {
  color: #7d476a;
}
.sets_list .setkey_11 {
  color: #7d487b;
}
.sets_list .setkey_12 {
  color: #8e587b;
}
.sets_list .setkey_13 {
  color: #9f687b;
}
.sets_list .setkey_14 {
  color: #9f698c;
}
.sets_list .setkey_15 {
  color: #932f70;
}
.sets_list .setkey_16 {
  color: #a43f70;
}
.sets_list .setkey_17 {
  color: #a44081;
}
.sets_list .setkey_18 {
  color: #b55081;
}
.sets_list .setkey_19 {
  color: #b55192;
}
.sets_list .setkey_20 {
  color: #c66192;
}
.sets_list .setkey_21 {
  color: #c662a3;
}
.sets_list .setkey_22 {
  color: #d16cae;
}
.sets_list .setkey_23 {
  color: #e27cae;
}
.sets_list .setkey_24 {
  color: #e27dbf;
}
.sets_list .setkey_25 {
  color: #f38dbf;
}
.sets_list .setkey_26 {
  color: #f38ed0;
}
.sets_list .setkey_27 {
  color: #f38dbf;
}
.sets_list .setkey_28 {
  color: #f38ed0;
}
.sets_list .setkey_29 {
  color: #ff9ed0;
}
.sets_list .setkey_30 {
  color: #ff9fe1;
}
.sets_list .setkey_31 {
  color: #d18db9;
}
.sets_list .setkey_32 {
  color: #e29db9;
}
.sets_list .setkey_33 {
  color: #e29eca;
}
.sets_list .setkey_34 {
  color: #f3aeca;
}
.sets_list .setkey_35 {
  color: #f3afdb;
}
.sets_list .setkey_36 {
  color: #f3aeca;
}
.sets_list .setkey_37 {
  color: #f3afdb;
}
.sets_list .setkey_38 {
  color: #ffbfdb;
}
.sets_list .setkey_39 {
  color: #ffc0ec;
}