body {
	/*margin: 0;
	padding:0 10px;
	background:#d6eac0;*/
	font:15px/170% Verdana,sans-serif;
	-webkit-print-color-adjust: exact !important;
	print-color-adjust:exact !important;
	/* color:white; */ /* dark mode */
	color:#494949;
}

h1, h2, h3 {
	font: 24px Verdana,sans-serif;
	font-weight: bold;
	color: #215587;
	margin-top: 1.5em;
}

#page {
}
/*.form-item input {
	padding: 5px;
	margin-right: 1px;
}
.form-item label {
	font-weight: bold;
	display: block;
}*/

.page-header {
	text-align: center;
	font: bold 23px Verdana, Serif;
	border: none;
	/*margin: 1.3em 0 0 0;
	padding: 0;*/
}

/** Drupal forms **/
.form-item input{
	padding:5px;
	margin-right:1px;
}
.form-item, /* Wrapper for a form element (or group of form elements) and its label */
.form-checkboxes,
.form-radios
{
	/*margin: 0.2em 0;*/
}

.form-item input.error, /* Highlight the form elements that caused a form submission error */
.form-item textarea.error,
.form-item select.error
{
	/*margin: 0.2em 0;*/
}

.form-item label /* The label for a form element */
{
	display: block;
	font-weight: bold;
}

.form-item label.option /* The label for a radio button or checkbox */
{
	display: inline;
	/*font-weight: normal;*/
}

.form-required /* The part of the label that indicates a required field */
{
	display: none;
}

.form-required:after {
	background-image: none;
}

.form-item .description /* The descriptive help text (separate from the label) */
{
	/*font-size: 0.85em;*/
}

.form-checkboxes .form-item, /* Pack groups of checkboxes and radio buttons closer together */
.form-radios .form-item
{
	/*margin: 0.4em 0;*/
}

textarea.resize-vertical  {
	margin-bottom: 0;
	width: 95%;
	display: block;
}

#page-inner {
	margin:0 auto;
	/*width:1030px;*/
	/* background-color:#383838; */ /* dark mode */
	/* color: white; */ /* dark mode */
	background-color:#ffffff;
}

.page-title {
	text-align:center;
}

h2, h2.page-title {
	font-size: 2.3rem;
}

.site-branding {
	position: fixed;
	z-index: 1000;
	padding-top: 3px; /* 5px; */
	margin-bottom: 5px;
	/* margin-left: -10px; */
	/* padding-left: -20px; */
	margin-left: 0;
	/* padding-left: 30px; */
	padding-left: 37px;
	height: 66px;
	border-bottom: 1px solid #ccc;
	width: 100%;
	background-color:white;
}

/*.site-branding__logo {
	margin: 5px 10px 0 2em;
	padding: 0;
}*/

.site-branding__logo img {
	transform: scale(0.8, 0.8);
	padding-bottom: 15px;
}

.site-branding__slogan {
	display:none;
}

.region-content{
	float:left;
	width:100%;
	margin-left:0;
	margin-right:-100%;
}*:first-child+html 

#logo {
	margin-bottom:5px;
}

.below-header-blocks {
	float:left;
	padding:0;
	height:0.7em;
	width: 100%;
	background:#b7d5e3;
	/*margin-top: -0.7em;*/
	position: fixed;
	z-index: 10;
	top: 108px; /* Theta logo: 66px. Menu bar: 52px. So, horizontal line below menu bar: 118px */
}*:first-child+html 


#block-tabs {
	text-align: center;
}

#top_page_section {
	/*float:left;*/
	/*margin:10px 37px;*/
	width: 80%;
	margin: 10px auto;
}

#featured_section, #featured_section_jp {
	/*float:left;*/
	width: 75%;
	margin: 1em auto;
	border: 1px solid #aaa;
	border-radius: 0.2em;
	padding: .5em .5em 0;
}

#featured_section_jp {
	width: 80%;
	border: none;
}

#featured_section:hover, #featured_section_jp:hover {
	cursor: pointer;
}

.game_category:focus {
	outline: none;
}

#top_img1 {
	float:left;
	margin:10px 60px 0 90px;
	padding-top:10px;
	padding-left:20px;
	position:relative;
}

#course_img1 {
	margin-left: 50px;
	margin-top: -20px;
	float: left;
	position: relative;
	transform: scale(0.85);
}

#course_section {
	display:block;
	top:-40px;
	width:665px;
}

.course_teaser {
	float:right;
}

.top_main_title {
	font-size:20px;
	color:#6B757C;
	font-family:sans-serif;
	font-weight:bold;
	background:url(../images/line.gif) no-repeat 0 0;
	background-position:bottom;
	background-size: 100%;
	/*width:450px;*/
	line-height:1.4em;
	margin-bottom:10px;
	/*margin-top:20px;*/
}

#course_desc {
	width: 750px;
	float: left;
	margin: 0px 50px; 
	text-align: justify;
}

#toppage_main_copy{
	float: left;
	padding-left: 140px;
	padding-top: 28px;
	width: 490px;
}

.allgame_box {
	background:#ED00F7;
	margin-bottom:10px;
	padding:3px;
	float:left;
}

.allgame_text { 
	padding:5px;
	width:340px;
	float:left;
}

.start_training_button2 {
	height:30px;
	background:#ffffff;
	padding:3px;
	float:left;
}

.featured_box {
	/*height:210px;*/
	background:#EDF4F7;
	margin-bottom:10px;
	padding:3px;
	float:left;
	font-size:13px;
	line-height:1.9;
	border: 1px solid #c8c8c8;
}

.featured_box_more_height {
	background:#EDF4F7;
	margin-bottom:10px;
	padding:3px;
	float:left;
	font-size:13px;
	line-height:1.7;
	border: 1px solid #c8c8c8;
}

.featured_box_more_height_1 {
	background:#EDF4F7;
	margin-bottom:10px;
	padding:3px;
	float:left;
	font-size:13px;
	line-height:1.5;
	border: 1px solid #c8c8c8;
}

.featured_box_more_height_2 {
	background:#EDF4F7;
	margin-bottom:10px;
	padding:3px;
	float:left;
	font-size:13px;
	line-height:1.3;
	border: 1px solid #c8c8c8;
}

.featured_box_even_more_height {
	height:270px;
	background:#EDF4F7;
	margin-bottom:10px;
	padding:3px;
	float:left;
	font-size:13px;
	border: 1px solid #c8c8c8;
}

.featured_box_even_more_height_1 {
	height:290px;
	background:#EDF4F7;
	margin-bottom:10px;
	padding:3px;
	float:left;
	font-size:13px;
	border: 1px solid #c8c8c8;
}

.featured_box_even_more_height_2 {
	height:310px;
	background:#EDF4F7;
	margin-bottom:10px;
	padding:3px;
	float:left;
	font-size:13px;
	border: 1px solid #c8c8c8;
}

.course_box {
	width:660px;
	background:#EDF4F7;
	margin-bottom:25px;
	padding:6px;
	margin-top:-5px;
	float:left;
}
	
ul.links {
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.links.inline {
	display:inline;
}

/*ul.links li {
	display:inline;
	list-style-type:none;
	padding:0 0em;
}*/

#block-locale-0 {
	position:relative;
	top:-85px;
	float:right;
	/*width:290px;*/
}

li.en,li.ja,li.es,li.de,li.ru {
	right:210px;
	float:right;
	height:15px;
	font-size:8pt;
	width:60px;
	padding-bottom:5px;
}

li.sv {
	visibility:hidden;
}

li a.language-link {
	display:block;
	width:5.0em;
	line-height:1.4;
	text-align:center;
	text-decoration:none;
	border:0;
	background-color:#EDF4F7;
	color:#222222;
}
li a.language-link:hover {
	background-color:#8cb7ca;
	color: #ffffff;
}

/* GK20170804 Do not display Spanish and Russain language links in the new design as we do not have the translation ready */
ul li.ru, ul li.es {
	display: none;
}

.teaser_image {
	padding:5px;
	width:260px;
	float:left;
}

.teaser_text {
	padding:5px;
	width:424px;
	float:left;
}

/* Play button below game description box */
.teaser_text a.course_button {
	text-align: center;
	margin: 10px auto auto;
}

/* Game name in game description box */ 
.teaser_title {
	color:#333399;
	font-size:18px;
	font-family:sans-serif;
	font-weight:bold;
	text-align: center;
}

/* Game description in game description box */ 
.teaser_body {
	position:relative;
	top:5px;
	font-style:italic;
  text-align:justify;
	margin: auto 15px;
}

.teaser_body a {
	color:#333366;
}

.teaser_improving {
	color:orange;
}

.teaser_excercising {
	color:fuchsia;
}

.course_complete_button {
	display:block;
	width:126px;
	height:29px;
	line-height:1.4;
	text-align:center;
	text-decoration:none;
	background:url(../images/button_account.png);
	color:#fff;
	margin-top:315px;
	margin-left:250px;
	margin-bottom:30px;
	font-family:Verdana,Geneva,sans-serif;
	font-size:13px;
	line-height:2.6;
	font-weight:bold;
	cursor:pointer;
}

.course_complete_button:hover {
	color:#eeeeee;
}

a.play_button {
	display:block;
	width:6.4em;
	line-height:1.4;
	text-align:center;
	text-decoration:none;
	background:url(../images/button_play.png);
	color:#fff;
}

a.play_button:hover {
	color:#eeeeee;
}
a.course_button {
	display:block;
	width:130px;
	height:30px;
	/*margin-top:2px;*/
	line-height:200%;
	text-align:center;
	text-decoration:none;
	background:url(../images/button_play_wide.png);
	color:#1f5973;
	margin-top:10px;
}

#featured_section .teaser_text a.course_button,
#featured_section_jp .teaser_text a.course_button {
	margin-top:10px;
}

a.course_button:hover {
	color:#cc6600;
}

a.course_button2 {
	display:block;width:126px;
	height:29px;
	line-height:2.4;
	text-align:center;
	text-decoration:none;
	background:url(../images/button_account.png);
	color:#1f5973;
}

a.course_button2:hover {
	color:#eeeeee;
}

a.report_button {
	display:block;
	width:130px;
	height:30px;
	margin-top:25px;
	line-height:2.4;
	text-align:center;
	text-decoration:none;
	background:url(../images/button_play_wide.png);
	color:#1f5973;
}

a.report_button:hover {
	color:#cc6600;
}

.course_item_table_button a img {
	padding-left:120px;
	padding-top:10px;
}

.course_item_table_button a.course_button3 {
	display:block;
	background:url(../images/button_account.png) no-repeat;
	padding-left:120px;
	width:126px;
	height:29px;
	line-height:2.4;
	text-align:center;
	text-decoration:none;
	color:#1f5973;
}

a.course_button3:hover {
	color:#eeeeee;
}

a.training_button {
	margin:20px 60px;
	display:block;
	width:203px;
	height:43px;
	line-height:2.2;
	font-size:1.4em;
	text-align:center;
	text-decoration:none;
	color:#85294b;
	background:url(../images/button_start.png);
}

a.training_button:hover {
	color:#eeeeee;
}

a.training_button_center {
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	margin-top:25px;
	display:block;
	width:203px;
	line-height:2.1;
	font-size:1.4em;
	text-align:center;
	text-decoration:none;
	color:#85294b;
	background:url(../images/button_start.png);
}

a.training_button_center:hover {
	color:#eeeeee;
}

a.training_button2 {
	float:left;
	margin-left:250px;
	margin-bottom:10px;
	display:block;
	width:173px;
	line-height:2.2;
	font-size:1.4em;
	text-align:center;
	text-decoration:none;
	color:#85294b;
	background:url(../images/button_start.png);
}

.recent_update_items {
	position:relative;
	top:-10px;
	padding-bottom:15px;
}

.footer-block {
	margin-top:10px;
	padding:.5em 25px;
	background:#fff url(../images/bottom_shadow.gif) repeat-x 0 0;
	/* background:#fff url(../images/bottom_shadow.gif) repeat-x 0 0; */ /* dark mode */
}

.block-tmcustom-footer-block {
	margin-top: 1em;
}

.game_small {
	float:left;
	border:0 dotted #000;
	font-size:11px;
	width:330px;
	height:75px;
	padding:8px 0 0 8px;
}

.getting_started_games .game_small {
	width: 280px;
}

.music_training_game_small {
	float:left;
	border:0 dotted #000;
	/*font-size:11px;*/
	/*width: 395px;*/
	width: 50% !important;
	height: 100px;
	font-size: 0.8em;
	padding:8px 0 0 8px;
}

.game_small:hover, .music_training_game_small:hover {
	background-color:#eee;
	cursor:pointer;
}

.game_small dl dd, .game_small dl dt {
	margin:0;
	padding-left:10px;
	width:128px;
	line-height:1.2em;
}

.game_small a img, .music_training_game_small a img {
	border:1px solid #E2E2E2;
}

.game_small a, .music_training_game_small a {
	float:left;
}

.game_small dl, .music_training_game_small dl {
	float:left;
	margin:0;
}

.game_small dl dt a, .music_training_game_small dl dt a {
	/*font-weight:bold;*/
	padding-bottom:5px;
}

.music_training_game_small dl dd, .music_training_game_small dl dt {
	margin:0;
	padding-left:10px;
	/*width: 240px;*/
	width: 350px;
	line-height: 1.2em;
}

.music_training_game_small a img  {
	width: 110px;
	/*height: 140px;*/
}

.music_traning_games_category_div {
	float: left;
	width: 100%;
	padding: 0.7rem;
	margin: 1.1rem 0;
	/*background: #f3f3f3;*/
	background: #f9f9f9;
	border-radius: 10px;
	border: 1px solid #cccccc;
}

.music_training_game_category {
	color: #215488;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 1.3em;
	padding: 0.2em;
}

.music_traning_game_sub_category {
	padding-left: 1.3rem;
	color: black;
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0.3rem;
}

.music_training_category_game_boxes {
	width: 96%;
	margin: 0 auto;
	clear: both;
}

.music_traning_games_category_div .fa-window-maximize {
	cursor: pointer;
}

.music_training_long_game_descriptions_container {
	width: 100%;
	background: #f9f9f9;
	float: left;
	padding: 0.7rem;
	border-radius: 10px;
	border: 1px solid #cccccc;
}

.music_training_long_game_descriptions_container:hover {
	cursor: pointer;
}

.music_training_long_game_descriptions {
	width: 700px;
	margin: 15px auto;
	clear: both;
	display: none;
}

.music_training_top_main_title {
	font-size:20px;
	color:#6B757C;
	font-family:sans-serif;
	font-weight:bold;
	/*background:url(../images/line.gif) no-repeat 0 0;
	background-position:bottom;
	width:700px;*/
	line-height:1.4em;
	margin-bottom:10px;
}

.games-column {
	padding:15px 0;
	float:left;
}

.which-games-are-best-for-me-section div#games-column {
	width: 90%;
	margin: auto;
}

.which-games-are-best-for-me-section .game_small {
	width: 250px;
}

#all-games-introduction {
	padding-bottom:20px;
}

.all-games {
	width: 98%;
	margin: auto;
	padding-bottom: 20px;
}

.which-games-are-best-for-me-section {
	width: 100%;
	padding-bottom: 20px;
}

dd.free-game-notice {
	padding-top:10px;
	color:#336566;
}

.region-sidebar-second {
	float:right;
	width:200px;
	margin-top:5px;
	margin-right:5px;
	margin-bottom:5px;
	margin-left:25px;
}

#right-sidebar-links ul {
	/*list-style: none;*/
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
}

#right-sidebar-links li {
	border-bottom: 0px solid #ED9F9F;
}

#right-sidebar-links li a:link, #right-sidebar-links li a:visited {
	font-size: 100%;
	display: block;
	margin: 0.2em 0.5em 0 -0.3em;
	padding: 0.1em 0.3em 0.1em 0.5em;
	/*border-left: 12px solid #eeeeee;
	border-right: 1px solid #711515;
	background-color: #B51032;
	*/
	color: #222222;
	text-decoration: none;
}

#right-sidebar-links li a:hover {
	background-color:#8cb7ca;
	color: #ffffff;
}

#right-sidebar-links ul ul {
	margin-left: 12px;
}

#right-sidebar-links ul ul li {
	border-bottom: 1px solid #711515;
	margin:0 10px 0 0;
}

#right-sidebar-links ul ul a:link, #right-sidebar-links ul ul a:visited {
	background-color: #ED9F9F;
	color: #711515;
}

#right-sidebar-links ul ul a:hover {
	background-color:orange;
	color: #FFFFFF;
}

#right-sidebar-links .block{
	padding:0.05em 0;
}

ul.menu {
	list-style:circle;
}

.sidebar-section {
	border-top:1px dashed rgb(0,0,0);padding:17px 3px;
}

.breadcrumb ol {
	display:none;
}

h2.title {
	font-size:1.25em;font-weight:bold;
	word-wrap: break-word;
}

h1.title {
	padding-top:30px;
	padding-bottom:10px;
	text-align:center;
	font-size:1.9em;
	font-weight:bold;
	word-wrap: break-word;
}

h1#hacky_course_title {
	font-weight:normal;
	font-size:1.9em;
	line-height:1.5em;
	margin-top:30px;
	text-align:center;
	position:relative;
}

h3 {
	font-size:14px;
	font-weight:bold;
}

.subscription-image {
	border-bottom: 1px dashed black;
}

#subscribe_banner {
	margin-left:-7px;
	margin-top:-20px;
	padding:5px 0 10px 0;
}

.black-color {
	color: #000000;
}

.brown-color {
	color: #765c2f;
}

.red-color {
	color: #c12f23;
}

.purple-color {
	color: #612786;
}

.blue-color {
	color: #10469c;
}

.green-color {
	color: #4d902f;
}

.orange-color {
	color: #e66032;
}

.yellow-color {
	color: #f6c850;
}

.gray-color {
	color: #aaabab;
}

.white-color {
	color: #ffffff;
}

.left-aligned {
	text-align:left;
}

.right-aligned {
	text-align:right;
}

.center-aligned {
	text-align:center;
}

.bold-text {
	font-weight:bold;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

.no-left-margin {
	margin-left:0px;
}

.no-display {
	display: none;
}

.clear-both {
	clear:both;
}

/* div which has more height than fixed page header and fixed menu bar to add some space between menu bar and main content */
.header-and-content-separator {
	height: 60px; /*height: 120px;*/
}

/* Content of the page has width little less than #page-inner so that we can have some space on left and right side of the content */
.main-content {
	float: left;
	width: 100%;
	/* padding-left: 200px; */ /* Same width as the vertical menu  */
}

/* Spae on left and right side of the main content */
.layout-main {
	padding-left:2%;
	padding-right:2%;
}

#block-mobileresponsive-content #swf2{
	margin:auto;
	width:83%;
}

/* Do not show article header and submitted by text */
div.node__submitted, span.field--label-hidden {
	display:none;
}

/** progress & training reports **/
div#profile_links{
	width:150px;
}

legend.menutitle{
	padding-left:7px;
}
/*fieldset#melody legend.menutitle a{
	background: url(../images/legend1.gif) left center no-repeat;
}
fieldset#harmony legend.menutitle a{
	background: url(../images/legend2.gif) left center no-repeat;
}
fieldset#rhythm legend.menutitle a{
	background: url(../images/legend3.gif) left center no-repeat;
}
fieldset#sound legend.menutitle a{
	background: url(../images/legend4.gif) left center no-repeat;
}*/

fieldset#scales legend.menutitle a{
	background: url(../images/legend5.gif) left center no-repeat;
}
fieldset#intervals legend.menutitle a{
	background: url(../images/legend6.gif) left center no-repeat;
}
fieldset#tuning_and_pitch legend.menutitle a{
	background: url(../images/legend7.gif) left center no-repeat;
}
fieldset#theory legend.menutitle a{
	background: url(../images/legend8.gif) left center no-repeat;
}
fieldset#sound legend.menutitle a{
	background: url(../images/legend9.gif) left center no-repeat;
}
fieldset#chords legend.menutitle a{
	background: url(../images/legend10.gif) left center no-repeat;
}
fieldset#rhythm legend.menutitle a{
	background: url(../images/legend11.gif) left center no-repeat;
}
fieldset#melody legend.menutitle a{
	background: url(../images/legend12.gif) left center no-repeat;
}
fieldset#chord_progressions legend.menutitle a{
	background: url(../images/legend13.gif) left center no-repeat;
}
fieldset#notation legend.menutitle a{
	background: url(../images/legend14.gif) left center no-repeat;
}

div.scale_desc table.with_notation_image {
	float:left;
	margin-top:20px;
	margin-left:0px;
	background-color:#EDF4F7;
}

div.scale_desc table.scale_table, div.scale_desc table.beat_table{
	margin:0px auto 11px auto;
	background-color:#EDF4F7;
}

div.scale_desc table.scale_table tr td, div.scale_desc table.with_notation_image tr td {
	width:24px;
	height:21px;
	font-size:1.4em;
}

div.scale_desc table.scale_table tr td.scale_title,  div.scale_desc table.with_notation_image tr td.scale_title {
	width:300px; /* 100px; */
	color:#663366;
}
div.scale_desc table.table{
	margin: auto;
	background-color:#EDF4F7;
}

div.scale_desc div img.notation,  div.with_notation_image div img.notation  {
	float:left;
}

img.scale_image {
	/*margin-left:110px;*/
	display: block;
	margin: 0 auto;
}

img.chart_image{
	/*margin:10px 100px;*/
	display: block;
	margin: 2em auto;
}	
table tr td.table_item_title{
	font-weight:bold;
}
table#seventh_table{
	background-color:#EDF4F7;
	width: 100%;
}
table#seventh_table tbody tr th {
	font-size:0.8em;
	color:#663366;
	border-bottom: 1px solid #919cb0;
}
table#seventh_table tbody tr th.equal {
	padding-right: 1.5em;
}
table#seventh_table tbody tr th.plus {
	padding-left: 0.5em;
	padding-right: 1.5em;
}
table#seventh_table tbody tr td {
	font-size:0.8em;
	border-bottom: 1px solid #ddd;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
table#seventh_table tbody tr td:first-child { /* add some space between the first column and '=' column */
	padding-right: 0.6em;
}
/* add space between "Chord Degress" and "Example" columns */
table#seventh_table tbody tr th.example,
table#seventh_table tbody tr td.example {
	padding-left: 1em;
}

div.end-float{
	clear:both;
}
div.login_description{
	padding-left:30px;
	width:600px;
	margin-bottom:30px;
}

.big-form-text,
div div#edit-long-name-wrapper #edit-name,
div div#edit-long-pass-wrapper #edit-pass {
	width:200px;
}

.text-under-form{
	padding-bottom:20px;
}

div.bigger{
	font-size:1.3em;
	font-weight:bold;
	padding-top:5px;
	padding-left:40px;
}

#request-password-bottom-link{
	margin-top:15px;
}

div#demoapp {
	border:1px solid #000;
	background: #EDF4F7;
	width: 610px;
	margin: 0 auto;
}

div.mp3player, div.scale_mp3player {
	padding-top: 0.5em;
}

div.mp3player object.mp3player_object, div.scale_mp3player object.mp3player_object {
	position:relative;
	left:40px;
	top:0px;
}

div.mp3player object.interval_mp3player_object{
	position:relative;
	left:10px;
	top:-5px;
}

div.scale_mp3player object.mp3player_object {
	position:relative;
	left:20px;
	top:20px;
	/*top:-25px;*/
}

#trial_desc {
	/*margin-left:130px;*/
	width: 60%;
	margin: auto;
	padding-bottom: 1em;
}

#interval_examples {
	width: 750px;
	margin: auto;
}

#interval_examples div{
	float:left;
	margin-left: 4px;
}

#interval_examples .interval_name{
	font-weight:bold;
	font-size:1.2em;
	width:300px;
}

.interval_example{
	width:360px;
	margin: 20px 0 30px 0;
}

.interval_name{
	margin-left:10px;
}

p.vertical_margin_big{
	margin-top: 40px;
	border-top:1px dashed #000;
	padding-top: 30px;
}

div#melodic-interval-demoapp{
	background: #EDF4F7;
	height:386px;
	width:655px;
	border:1px solid #000;
	margin: 0 auto;
}

div#sound-demoapp{
	background: #EDF4F7;
	height:360px;
	width:505px;
	border:1px solid #000;
	margin: 0 auto;
}
#rhythm-demoapp{
	background: #EDF4F7;
	margin: 0 auto;
}
#fifth_example{
	text-align: center;
}

#chord-progression-image{
	/*padding-left:190px;*/
	display: block;
	width: 50%;
	margin: 0.5em auto 1em;
}

#chord-progression-label{
	position:relative;
	/*left:185px;*/
	top:-5px;
	border-collapse:separate;
}
#chord-progression-label tr td{
	border-bottom:0 none;
	border-top:0 none;
	text-align:center;
	width:600px; /* 43px; */
	font-size:1.3em;
}

img.course-item-box{
	position:relative;
	top:3px;
	left:3px;
}

a.start_button{
	position:relative;
	top:21px;
	left:120px;
	background: url(../images/button_account.png) no-repeat ;
	color:#462a2a;
	font-size:13px;
	border:0;
	padding: 8px 25px;
	font-family:sans-serif;
	margin:20px 0;
	cursor:pointer;
}
a.start_button:hover{
    color:#eeeeee;
}

a.start_button{
	position:relative;
	top:21px;
	left:120px;
	background: url(../images/button_account.png) no-repeat ;
	color:#462a2a;
	font-size:13px;
	border:0;
	padding: 8px 25px;
	font-family:sans-serif;
	margin:20px 0;
	cursor:pointer;
}
a.start_button:hover{
    color:#eeeeee;
}

#pop-user-wrapper{
	display:block;
}

#pop-user-wrapper>div{
	padding: 5px 10px;
	float:left;
}

a{
	color:#3B5998; 
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

#edit-submit-side{
	background:url(../images/button_account.png);
	color:#462a2a;
	font-size:14px;
	width:126px;
	height:29px;
	border:0;
	font-family:sans-serif;
	position:relative;
	cursor:pointer;
	margin-top:10px;
	margin-left:69px;
}

#edit-submit-side:hover{
	color:#eeeeee;    
}
/*#edit-submit, #edit-submit-0, #edit-submit-1, #edit-submit-2, #edit-submit-3, #edit-submit-4{
	background:url(../images/button_account.png);
	color:#462a2a;
	font-size:12px;
	width:126px;
	height:29px;
	border:0;
	font-family:sans-serif;
	margin:15px 0;
	cursor:pointer;
}
#edit-submit:hover, #edit-submit-0:hover, #edit-submit-1:hover, #edit-submit-2:hover, #edit-submit-3:hover, #edit-submit-4:hover{
	color:#eeeeee;
}*/

.strike-through {
	text-decoration: line-through;
}

.no_scroll {
	overflow: hidden;
}

.not_clickable {
	pointer-events: none;
}

#back-to-class-list-wrapper,
#class-leaderboard {
	text-shadow: none;
	width: fit-content;
	margin: auto;
}

#back-to-class-list-wrapper a,
#back-to-class-wrapper a {
	font-size: 1em;
	text-decoration: none;
	z-index: 10;
}

#back-to-class-wrapper {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 100%;
	position: relative;
}

#back-to-class-list-wrapper img,
#back-to-class-wrapper img {
	width: 15px;
	height: 15px;
}



/*overwriting system.admin.css setting */
@media screen and (min-width: 38em) {
	.layout-container {
		margin: 0 0; 
	}
}

#edit-pass{

}

#edit-name{
	margin-bottom:3px;
	width:120px;
}

/* CSS for all tables */
/*
table {
	width: 100%;
}

th {
	color: black;	
  text-align: center;
  padding: 5px 5px;
	background-color: #f2f2f2;
	vertical-align: middle !important;
	border-bottom: 1px solid #dddddd;
}

th a {
	text-decoration:underline;
}

th:first-child {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
}

th:last-child {
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
}

tr td {
  color: #5f6062;
	padding: 0 5px;
	vertical-align: middle;
}

table tr {
	border-bottom: 1px solid #dddddd;
}
*/


/* CSS for all tables */
table.theta_table {
	border: 0.5px solid #dddddd;
	width: 100%;
}

table.theta_table th {
	color: black;	
  text-align: center;
  padding: auto 5px;
	background-color: #faf9f9; /*f2f2f2*/
	vertical-align: middle !important;
	line-height: 2 !important;
	font-size: medium;
}

table.theta_table th a {
	text-decoration:underline;
}

table.theta_table td {
	border-top: 0.5px solid #dddddd !important;
	border-bottom: 0.5px solid #dddddd !important;
}

table.theta_table tr td {
  color: #5f6062;
	/* padding: 0 5px; */
	vertical-align: middle;
	/* line-height: 3 !important; */
	padding: 1em 5px;
	line-height: 1.4 !important;
}

table.theta_table tr th:first-child,
table.theta_table tr td:first-child {
	padding-left: 1em;
}

table.theta_table tr th:last-child,
table.theta_table tr td:last-child {
	padding-right: 1em;
}

/* CSS for all form buttons */
.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #94bbcd;
	-webkit-box-shadow:inset 0px 1px 0px 0px #94bbcd;
	box-shadow:inset 0px 1px 0px 0px #94bbcd;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #56abd2), color-stop(1, #8cb7ca));
	background:-moz-linear-gradient(top, #56abd2 5%, #8cb7ca 100%);
	background:-webkit-linear-gradient(top, #56abd2 5%, #8cb7ca 100%);
	background:-o-linear-gradient(top, #56abd2 5%, #8cb7ca 100%);
	background:-ms-linear-gradient(top, #56abd2 5%, #8cb7ca 100%);
	background:linear-gradient(to bottom, #56abd2 5%, #8cb7ca 100%);
	background-color:#8cb7ca;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #a0c3d4;
	display:inline-block;
	cursor:pointer;
	color:white;
	padding:6px 13px;
	text-decoration:none;
	outline:none;
}
.button:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b9cb95), color-stop(1, #a0ba8d));
	background:-moz-linear-gradient(top, #b9cb95 5%, #a0ba8d 100%);
	background:-webkit-linear-gradient(top, #b9cb95 5%, #a0ba8d 100%);
	background:-o-linear-gradient(top, #b9cb95 5%, #a0ba8d 100%);
	background:-ms-linear-gradient(top, #b9cb95 5%, #a0ba8d 100%);
	background:linear-gradient(to bottom, #b9cb95 5%, #a0ba8d 100%);
	background-color:#d6eac0;
	border:1px solid #a8d05c;
	-moz-box-shadow:inset 0px 1px 0px 0px #a8d05c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a8d05c;
	box-shadow:inset 0px 1px 0px 0px #a8d05c;
	text-decoration:none;
}
.button:active {
	position:relative;
	top:1px;
}

/* Fix the menu on the page so that it does not scroll up/down with the page */
ul.sf-menu {
	position: fixed;
	z-index: 1000;
	top: 66px; /* Theta logo image: 56px, vertical padding for logo: 10px. So menu should be at 66px */
}

.block-superfishmain ul.sf-menu.sf-style-peacock  a, #superfish-main ul.sf-menu.sf-style-peacock  a:visited, #superfish-main ul.sf-menu.sf-style-peacock  span.nolink{
	padding: 0.5em 1em;
}

/*#superfish-main {
	padding-left: 1em;
	padding-right: 1em;
}*/

.zone-title{
	font-size: 1.3em;
	color: #336566;
	text-align: center;
}
div#subscriber-benefits{
	width: 30%;
	float: right;
	background-color: #eee;
	padding: 10px;
	margin-right: 15px;

}


#block-requestnewpasswordform, #block-userlogin, #block-userregistrationform {

	border-top: 1px dashed #444;
	padding : 1px 1px;
}

#block-requestnewpasswordform #user-pass > p, .region-sidebar-second #edit-account .description, #edit-name--2--description {
	display:none;
}

#block-requestnewpasswordform > h2, #block-userlogin > h2, #block-userregistrationform > h2{

color: #336566;
font-weight: bold;
font-size: 1.25em;
}

.region-sidebar-second #edit-account .form-email, 
.region-sidebar-second #edit-account .username {
	width:60%;
}
.region-sidebar-second #block-userlogin .item-list {
	display:none;
}

.switch-item-list{
	display: none;
}
.switch-item-list ul li{
	margin: 0 0 0.25em -1.5em;
	padding: 0;
	list-style: url('../images/double_arrow.gif');
}
.switch-item-list ul li:hover{
	background-color: #8cb7ca;

}
.switch-item-list ul li a{
	text-decoration: none;
}

#swf1 {
	margin: auto;
	border: #555555 solid 5px;
	width: 600px;
	height: 500px;
	text-align: center;
}

/* Book navigation links */
.book-navigation .menu {
	border-top:1px solid #888;
	padding:1em 0 0 3em;
}

.book-navigation .book-pager {
	border-top:1px solid #888;
	border-bottom:1px solid #888;
	text-align:center;
	padding:0.5em;
}

.book-navigation .book-pager__item--previous {
	text-align:left;
	width:42%;
	display:block;
	float:left;
}

.book-navigation .book-pager__item--center {
	margin:0 2%;
	width:7%;
	display:block;
	float:left;
}

.book-navigation .book-pager__item--next {
	text-align:right;
	width:42%;
	display:block;
	float:right;
}

#book-outline {
	min-width:56em;
}

/* Do not display the text "Printer-friendly version" below the book contents */
li.book-printer {
	display:none;
}

.justify-aligned {
	text-align: justify;
}

div.node__links ul.links li.book-printer {
	display:none;
}


.path-user #block-mobileresponsive-content {
	padding:30px;
}
#block-mobileresponsive-content .user-login-form,
#block-mobileresponsive-content .user-register-form,
#block-mobileresponsive-content .user-pass,
#block-mobileresponsive-content .user-pass-reset{
	margin: auto;
	/*width: 100%;*/
	width: 60%;
	background: #e6e6ea;
	border-radius: 5px;
	margin-bottom: 20px;
}
#block-mobileresponsive-content .user-login-form .form-item-name,
#block-mobileresponsive-content .user-login-form .form-item-pass,
/*#block-mobileresponsive-content .user-register-form .form-item-mail,
#block-mobileresponsive-content .user-register-form .form-item-name,*/
#block-mobileresponsive-content .user-pass .form-item-name,
#block-mobileresponsive-content .user-pass-reset .form-item-pass-pass1,
#block-mobileresponsive-content .user-pass-reset .form-item-pass-pass2{
	padding:20px 0;
	margin: auto;
	/*width: 30%;*/
	width: 40%;
}

#block-mobileresponsive-content .user-pass-reset .form-item-pass-pass1,
#block-mobileresponsive-content .user-pass-reset .form-item-pass-pass2 {
	width: 45%;
}

#block-mobileresponsive-content .user-login-form .form-item-name #edit-name--description,
#block-mobileresponsive-content .user-login-form .form-item-pass #edit-pass--description,
#block-mobileresponsive-content .user-register-form .form-item-mail #edit-mail--description,
#block-mobileresponsive-content .user-register-form .form-item-name #edit-name--description,
#block-mobileresponsive-content .user-pass-reset .form-item-pass #edit-pass--description,
#block-mobileresponsive-content .user-pass p{
	display:none;
}
/*#block-mobileresponsive-content .user-pass-reset .form-item-pass #edit-pass--description {
	text-align: center;
}*/
/* GK20180104 Do not display asterik on password reset page */
#block-mobileresponsive-content .user-pass-reset .form-item-pass label[for="edit-pass"].form-required {
        display:none;
}
#block-mobileresponsive-content .user-login-form .form-item-name #edit-name,
#block-mobileresponsive-content .user-login-form .form-item-pass #edit-pass,
/*#block-mobileresponsive-content .user-register-form #edit-mail,
#block-mobileresponsive-content .user-register-form #edit-name,*/
#block-mobileresponsive-content .user-pass #edit-name,
#block-mobileresponsive-content .user-pass-reset #edit-pass-pass1,
#block-mobileresponsive-content .user-pass-reset #edit-pass-pass2{
	/*width: 270px;*/
	width: 230px;
	margin: auto;
}
#block-mobileresponsive-content .user-login-form  #edit-actions{
	width:68px;
	padding: 10px 0;
	margin: auto;
}
#block-mobileresponsive-content .user-pass  #edit-actions{
	width:74px;
	padding: 10px 0;
	margin: auto;
}
/*#block-mobileresponsive-content .user-register-form  #edit-actions{
	width:158px;
	padding: 0 0 20px 0;
	margin: auto;
}*/
#block-mobileresponsive-content .user-pass-reset  #edit-actions{
	width:100px;
	padding: 10px 0;
	margin: auto;
}
/*#user-register-form, #user-pass-reset{
	border: 1px solid #ccc;
}*/
#block-mobileresponsive-content .user-register-form #edit-account{
	border: none;
}

#block-mobileresponsive-content .user-login-form .form-item-name .form-required:after,
#block-mobileresponsive-content .user-login-form .form-item-pass .form-required:after,
#block-mobileresponsive-content .user-register-form .form-item-mail .form-required:after,
#block-mobileresponsive-content .user-register-form .form-item-name .form-required:after,
.path-teacher-console .form-required:after,
.path-classroom-list .form-required:after,
.path-assignment-list .form-required:after,
#block-mobileresponsive-content .user-pass .form-item-name .form-required:after,
#block-mobileresponsive-content .user-pass-reset .form-item-pass-pass1 .form-required:after,
#block-mobileresponsive-content .user-pass-reset .form-item-pass-pass2 .form-required:after
{
	background-image:none;
}

#block-mobileresponsive-content .user-pass-reset p {
	text-align: center;
}

details, fieldset {
	background: #f9f9f9;
	border-radius: 5px;
}

/*div#edit-account, div#edit-user-picture-wrapper {*/
div#edit-user-picture-wrapper {
	/*background: #f2f2f2;*/
	background: #f9f9f9;
}

input, textarea {
	border-radius: 5px;
	border-width: 1px;
}

select {
	border-radius: 4px;
	border-width: 1px;
	/*line-height: 1.4em !important;*/
}

input[type=text], input[type=number], input[type=email], input[type=password] {
	cursor: text !important;
}

.invisible {
	display: none;
}

i.tm-ranking {
	display: inline-block;
	background: url( "/sites/kichijoji.thetamusic.com/files/images/ranking.png" ) no-repeat;
	width: 20px;
	height: 13px;
}


/* When a standalone html page is created using "Basic Page" content in Drupal, the Drupal CMS adds a DIV with 
 * class field--type-text-with-summary.
 * This class add lots of blank space on left and right side of the page which prevents us from using the full page.
 * Following CSS overrides that behaviour.
 */
/*div.content div.field--type-text-with-summary {*/
div.field--type-text-with-summary {
	margin: 0 auto;
	padding: 0;
	width: 90%;
	font-size: 1.1em;
	/*text-align: justify;*/
}

/*div.side_margin, div.media-reviews, div.customer-kudos, article.node--type-page div.course-description, article.node--type-book, div.field--type-text-with-summary, article.node--type-page div.terms_of_service {
	padding-left: 100px; 
	padding-right: 100px;
	line-height: 1.6;
}*/

div.side_margin, div.media-reviews, div.customer-kudos, article.node--type-page div.course-description, article.node--type-book, article.node--type-page, div.terms_of_service, div.privacy_policy, div.site_faq, div.getting_started_with_music_theory {
	margin: 25px 50px auto; 
	padding-top: 25px;
	line-height: 1.6;
	text-align: justify;
	border-top: 1px solid #dddddd;
}

div.site_faq {
	margin: auto 50px;
	padding: 0;
}

div.fundamentals, div.play_by_ear {
	margin: 25px 10% auto; 
	padding-top: 25px;
	line-height: 1.6;
	text-align: justify;
	font-size: larger;
	border-top: 1px solid #dddddd;
}

.contact-message-form {
	width: 65%;
	margin: auto;
	padding: 2em 2em 0.5em;
	background: #f9f9f9;
	border: 1px solid #cccccc;
	border-radius: 5px;
}

.contact-message-form label[for='edit-mail'] {
	margin-top: 1em;
}

.contact-message-form input[name='name'] {
	width: 100% !important;
}

.contact-message-form .form-textarea {
	width: 100%;
}


/*div.field--type-text-with-summary {
	font-size: 1.1em;
}*/

.block-center-aligned-horizontally {
	display: block;
	margin: 0 auto;
}

/*
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
*/
	
.see_all_courses, .see_all_games {
	/*width: 300px; */
	/*float: right;*/
	clear: both;
	margin-bottom: 1em;
	padding-left: 8px;
}

.game_box {
	height: 75px;
}

.course_inner_box_homepage {
	height: 90px;
}

.course_inner_box_workout {
	height: 100px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.music-training-games-free-games {
	border: #999900 1px solid;
	width: 100%;
	height: 180px;
}

.which-games-are-best-me {
	float:left;
}


.game_category {
	font-size:20px;
	color:#6B757C;
	font-family:sans-serif;
	font-weight:bold;
	width:850px;
	line-height:1.4em;
	margin-bottom:10px;
}

.getting_started_course_box {
	width:400px; 
	height:90px; 
	border:2px #808080 solid; 
	margin-left:auto; 
	margin-right:auto; 
	margin-top:30px;
}

.getting_started_start_button {
	float:left; 
	background: #334a66; 
	color:#fff; 
	height: 30px; 
	width:100px; 
	margin-left:60px; 
	margin-top:12px;
}

article.clearfix:before {
	display: block !important; /* This removes empty space above the article */
}

/* Explanation on book content type page */
/*article .field--type-text-with-summary {
	width: 80%;
	margin: 0 auto;
	margin-bottom: 1.2em;
}*/

/* Hide "Book traversal links for Fundamentals" on book content type page */
article .book_traversal_links_title {
	display: none;
}

/* All the links for book navigation including pagination links */
article .book_navigation {
	/*border-top: 1px solid #dddddd;*/
	margin: 2em 14% !important;
}

/* ul tag containing navigation links on book content type page */
article .book_navigation ul {
	/*padding-top: 0.5em;*/
	font-size: larger;
	line-height: 1.6;
}

article .book_navigation ul.book_pagination_links {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-top: 1em;
	font-size: larger;
}

/* li tag for each navigation link on book content type page */
article .book_navigation ul:not(.book_pagination_links) {
	padding-top: 1em;
	/*padding-bottom: 1em;*/
	border-top: 1px solid #dddddd;
}

/* li tag for each navigation link on book content type page */
article .book_navigation ul li:not(.book_pagination_link) {
	margin-left: 1.5em;
}

/* Book pagination links on the book content type page */
article .book_pagination_links {
	white-space: nowrap;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	text-align: center;
}

/* Book pagination link on the book content type page */
article .book_pagination_link {
	list-style: none;
	display: inline-block;
}

.visibility-hidden {
	visibility: hidden;
}

button:focus {
	outline: none;
}

.information_for_teachers_screenshots {
	width: 60%;
	margin: 0 auto;
}

.information_for_teachers_screenshot {
	display: inline-block;
	margin: 0.5rem 2rem 1rem;
	border: 1px solid #767575;
	cursor: pointer;
	width: 200px;
	height: 100px;
	object-fit: contain;
	background-color: black;
}

.information_for_teachers_screenshot:hover {
	transform: scale(3.5, 3.5);
}

.information_for_teachers_screenshot_caption {
	clear: right;
	font-size: 1.3rem;
}

.noselect {
  -webkit-touch-callout: none; 
  -webkit-user-select: none;   
  -khtml-user-select: none;    
  -moz-user-select: none;      
  -ms-user-select: none;      
  user-select: none;
}

.disabled_link, .disabled_element {
	pointer-events: none;
  text-decoration: none;
  cursor: default;
	opacity: 0.5;
}

.enabled_link, .enabled_element {
	pointer-events: auto;
  text-decoration: underline;
  cursor: pointer;
	opacity: 1;
}

/* css class defined in bootstrap.css. we want to remove the padding height. */
/*.panel-heading {
	padding-top: 0px;
	padding-bottom: 0px;
}*/

/* For the text "Submitted by..." on a page created through Drupal admin tools */
footer .author {
	display: none;
}

/* For the group of links at the bottom of the page on Resources/Play-by-Ear Tip page */
nav.book_navigation {
	margin-top: 0.6em;
}

/* Form submit buttons on the contact us page */
.contact-form .form-actions {
	margin-top: 1em;
	text-align: center;
}

.getting_started_sections {
	width: 68%;
	margin: 10px auto auto;
	font-size: large;
	line-height: 1.6;
}
	
.getting_started_intro_to_ear_training_course {
	width:400px; 
	height:90px; 
	border:2px #808080 solid; 
	margin:30px auto auto; 
}
	
.getting_started_intro_to_ear_training_course_outer_div {
	height: 70px;
}
	
.getting_started_intro_to_ear_training_course_inner_div {
	float: left;
	padding: 3px 20px;
}

.getting_started_intro_to_ear_training_course_label {
	font-size:1.05em; 
	font-weight:bold;
	margin-top:10px;
}

.getting_started_intro_to_ear_training_course_button_div1 {
	float:left; 
	background: #334a66; 
	color:#fff; 
	height: 30px;
	width:100px; 
	margin-left:60px; 
	margin-top:12px;
}

.getting_started_intro_to_ear_training_course_button_div2 {
	font-weight:bold;
	margin-left:22px; 
	margin-top:3px;
}

.getting_started_course_row { 
	float: left;
	margin-top:20px;
}

.getting_started_course_img {
	float:left;
	padding: 10px 20px;
}

.getting_started_course_label {
	font-weight:bold;
	margin-top:20px;
}

.getting_started_sound_i_course, .getting_started_pitch_i_course, .getting_started_scales_i_course, .getting_started_intervals_i_course {
	width:400px; 
	height:90px; 
	border-top:1px #ddd dotted; 
	float:left;
}

.getting_started_pitch_i_course {
	margin-left:40px;
}

.getting_started_scales_i_course {
	margin-top:10px;
}

.getting_started_intervals_i_course {
	margin-top:10px; 
	margin-left:40px;
}

.getting_started_games {
	width: 850px;
	margin-left: 10px;
	margin-top: 0.5em;
	clear: left;
}

.getting_started_see_all_courses, .getting_started_see_all_games, .getting_started_learn_more {
	text-align: right;
	margin-right:7em; 
	clear:both;
}

.getting_started_see_all_games_label {
	padding-top:20px;
}

.mobile_footer_links {
	display: none;
}

/* Hide description of file attachment displayed by Drupal core on the contact us page */
#edit-field-attachment-0--description {
	display: none;
}

/* Display file attachment description below the attachment field on the contact us page */
#edit-field-attachment-0::after {
	content: "\00000aLimit of one image or PDF file up to 4 MB.";
	white-space: pre;
	font-size: small;
	position: relative;
	top: -2em;
}

.contact-form .field--name-field-platform {
	margin-top: 0.5em;	
}

.contact-form .field--name-field-attachment, .contact-form .captcha-wrapper {
	margin-top: 1.5em;
}

/* Tooltip container */
.tooltip_box {
	position: relative;
}

/* Tooltip text */
.tooltip_box .tooltiptext {
	display: none;
	width: max-content; /*200px;*/
	background-color: black;
	color: #fff;
	/*text-align: center;*/
	border-radius: 6px;
	padding: 7px 10px;
	position: absolute;
	z-index: 1;
	bottom: 100%;
	/*left: 50%;*/
	/*margin-left: -60px;*/
	font-size: 0.8em;
	line-height: 1.9;
}

.tooltip_box:hover {
	cursor: pointer;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip_box:hover .tooltiptext {
	display: block;
}

/* Set border color of required field */
.has-success .form-control, .has-error .form-control, .has-warning .form-control {
	border-color: #212121;
}

/* Set text color of required field */
.has-success .control-label, .has-warning .control-label, .has-error .control-label {
	color: #494949;
}

/* Keep a distance between label text and asterix for required field */
.form-required:after {
	padding-left: 5px;
	margin-left: 5px;
}

/* Input field */ 
.theta_input_field {
	width: 25em;
}

/* Remove the gap above the first radio button in a radio group */
div.radio {
	margin-top: 0 !important;
}

/* Header of a collapsible div */
div.panel-heading {
	line-height: 1.5em;
	font-weight: bold;
}

.alert {	
	background-color: #d9eff9;
	width: 96%;
	margin: 1em auto 0.5em;
}

.alert-danger {
	margin-bottom: 2em !important; /* Keep some gap between Drupal error message and the content below it */
}

/* By default, do not display table marked as responsive.
 * It will be displayed after the page is loaded to avoid initial jerky effect of displaying table.
 */
.theta_responsive_table {
	display: none;
}

.service_info th {
	text-align: left;
}

.service_info th, .service_info td {
	padding-left: 1.5em;
}

.fundamentals_game_descriptions {
	width: 725px;
	margin: 2em auto 10px;
	clear: both;
}

.user-pass-reset {
	width: 30%;
	margin: auto;
}

.user-pass-reset input {
	width: 25em;
}

.user-pass-reset .form-actions {
	text-align: center;
}

.blurred {
	opacity: 0.3;
}

#edit-current-pass--description {
	display: none;
}

.font-larger {
	font-size: larger;
}

.menu-item-icon {
	width: 40px !important; /* Fix width of menu icon so the menu icon and text appear aligned */
}

.sf-menu li > a.fundamentals-menu-icon {
	border-bottom: 1px dashed #ccc !important;
}

.sf-menu li > a.ranks-menu-icon,
.sf-menu li > a.progress-report-menu-icon,
.sf-menu li > a.signup,
.sf-menu li > a.signout-menu-icon {
	border-top: 1px dashed #ccc !important;
}

.messages__wrapper {
	/* margin-left: 200px; */ /* Same width as the menu so the drupal message starts after the menu */
}

.web_footer_links {
	/*margin-left: 100px; */ /* Margin for footer so the footer links do not collide with the menu */
	/* margin-left: 200px; */
	display: flex;
	justify-content: space-between;
	gap: 2em;
	/* background-color: #383838; */ /* dark mode */
}

.customized_web_footer_links {
	justify-content: center;
}

.web_footer_links .mtna_logo {
	width: 15%;
}


.web_footer_links .footer-links {
	width: 70%;
}

.web_footer_links .customized-footer-links {
	width: auto;
}

.web_footer_links .nafme_logo {
	width: 15%;
}


/* dark mode */
/* .web_footer_links a { */
	/* color: white; */
/* } */

.fundamentals_circle_of_fifths {
	float: right !important;
	width: 300px !important;
	padding: 20px !important;
}

#main-tmflashsound > a,
#main-tmflashsound-accordion > a,
.fundamentals-sound > a {
	margin-left: 5px !important;
	padding-left: 35px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/images/game_category/sound.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 30px 30px !important;
}

#main-tmflashpitch > a,
#main-tmflashpitch-accordion > a,
.fundamentals-pitch > a {
	margin-left: 5px !important;
	padding-left: 35px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/images/game_category/pitch.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 30px 30px !important;
}

#main-tmflashrhythm > a,
#main-tmflashrhythm-accordion > a,
.fundamentals-rhythm > a {
	margin-left: 5px !important;
	padding-left: 35px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/images/game_category/rhythm.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 30px 30px !important;
}

.fundamentals-tonality > a {
	margin-left: 5px !important;
	padding-left: 35px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/images/game_category/tonality.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 30px 30px !important;
}

/* Tonality */
#main-tmflashscales > a,
#main-tmflashscales-accordion > a {
	margin-left: 5px;
	padding-left: 35px;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/images/game_category/tonality.png' );
	background-repeat: no-repeat;
	background-size: 30px 30px;
}

/* Keys */
#main-tmflashscales > ul > li:nth-child(1) > a,
#main-tmflashscales-accordion > ul > li:nth-child(1) > a {
	margin-left: 5px;
	padding-left: 35px;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/images/game_category/keys.png' );
	background-repeat: no-repeat;
	background-size: 30px 30px;
}

/* Scales */
#main-tmflashscales > ul > li:nth-child(2) > a,
#main-tmflashscales-accordion > ul > li:nth-child(2) > a {
	margin-left: 5px;
	padding-left: 35px;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/images/game_category/scales.png' );
	background-repeat: no-repeat;
	background-size: 30px 30px;
}

#main-tmflashintervals > a,
#main-tmflashintervals-accordion > a,
.fundamentals-intervals > a {
	margin-left: 5px !important;
	padding-left: 35px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/images/game_category/intervals.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 30px 30px !important;
}

#main-tmflashmelody > a,
#main-tmflashmelody-accordion > a,
.fundamentals-melody > a {
	margin-left: 5px !important;
	padding-left: 35px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/images/game_category/melody.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 30px 30px !important;
}

#main-tmflashharmony > a,
.fundamentals-harmony > a {
	margin-left: 5px !important;
	padding-left: 35px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/images/game_category/harmony.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 30px 30px !important;
}

/* Harmony */
.games-menu--harmony > a {
	margin-left: 5px !important;
	padding-left: 35px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/images/game_category/harmony.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 30px 30px !important;
}

/* Chords */
.games-menu--harmony > ul > li:nth-child(1) > a {
	/* margin-left: 5px !important; */
	/* padding-left: 35px !important; */
	background-image: url( '/sites/kichijoji.thetamusic.com/files/images/game_category/chords.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 30px 30px !important;
}

/* Progressions */
.games-menu--harmony > ul > li:nth-child(2) > a {
	/* margin-left: 5px !important; */
	/* padding-left: 35px !important; */
	background-image: url( '/sites/kichijoji.thetamusic.com/files/images/game_category/progressions.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 30px 30px !important;
}

/* Horizontal line above Elective menu under Games menu */
.games-menu--elective {
	border-top: 1px solid #c2bebe !important;
	display: block;
	/* margin: auto 5px !important; */
	margin: auto !important;
	padding-left: 35px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/images/menu_icons/eighth_note_ascending.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 20px 20px !important;
	background-position: top 10px left 5px !important;
}


.course-band-essentials-1 > a,
.course-band-essentials-2 > a,
.course-band-essentials-3 > a,
.course-orchestra-essentials-1 > a,
.course-orchestra-essentials-2 > a,
.course-orchestra-essentials-3 > a,
.course-piano-essentials-1 > a,
.course-guitar-essentials-1 > a,
.course-ear-training-essentials-1 > a,
.course-intro > a,
.course-sound-i > a,
.course-pitch-i > a,
.course-scales-i > a,
.course-intervals-i > a,
.course-melody-i > a,
.course-chords-i > a,
.course-progressions-i > a,
.course-rhythm-i > a,
.course-sound-ii > a,
.course-pitch-ii > a,
.course-scales-ii > a,
.course-intervals-ii > a,
.course-melody-ii > a,
.course-chords-ii > a,
.course-progressions-ii > a,
.course-rhythm-ii > a,
.course-sound-iii > a,
.course-pitch-iii > a,
.course-scales-iii > a,
.course-intervals-iii > a {
	padding-left: 40px !important;
}

.course-band-essentials-1 > a::before,
.course-band-essentials-2 > a::before,
.course-band-essentials-3 > a::before,
.course-orchestra-essentials-1 > a::before,
.course-orchestra-essentials-2 > a::before,
.course-orchestra-essentials-3 > a::before,
.course-piano-essentials-1 > a::before,
.course-guitar-essentials-1 > a::before,
.course-ear-training-essentials-1 > a::before,
.course-intro > a::before,
.course-sound-i > a::before,
.course-pitch-i > a::before,
.course-scales-i > a::before,
.course-intervals-i > a::before,
.course-melody-i > a::before,
.course-chords-i > a::before,
.course-progressions-i > a::before,
.course-rhythm-i > a::before,
.course-sound-ii > a::before,
.course-pitch-ii > a::before,
.course-scales-ii > a::before,
.course-intervals-ii > a::before,
.course-melody-ii > a::before,
.course-chords-ii > a::before,
.course-progressions-ii > a::before,
.course-rhythm-ii > a::before,
.course-sound-iii > a::before,
.course-pitch-iii > a::before,
.course-scales-iii > a::before,
.course-intervals-iii > a::before {
	content: ''; /* Required for pseudo-element */
	display: inline-block; /* Make it an inline block */
	width: 25px; /* Width of the image */
	height: 25px; /* Height of the image */
	background-image: url(/sites/kichijoji.thetamusic.com/themes/mobileresponsive/images/course_sprites_25x25.png); /* Path to the spritesheet */
	/* background-size: cover; */
	position: absolute; /* Position it absolutely */
	left: 8px; /* Align to the left */
	top: 50%; /* Center vertically */
	transform: translateY(-50%); /* Adjust for vertical centering */
}

.course-intro > a::before {
	/* padding-left: 40px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_4.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 8px 7px !important; */
	background-position: 0 0;
}

.course-sound-i > a::before {
	/* padding-left: 40px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_30.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 8px 7px !important; */
	background-position: -25px 0;
}

.course-pitch-i > a::before {
	/* padding-left: 40px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_31.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 8px 7px !important; */
	background-position: -50px 0;
}

.course-scales-i > a::before {
	/* padding-left: 40px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_32.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 8px 7px !important; */
	background-position: -75px 0;
}

.course-intervals-i > a::before {
	/* padding-left: 40px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_33.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 8px 7px !important; */
	background-position: -100px 0;
}

.course-melody-i > a::before {
	/* padding-left: 40px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_34.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 8px 7px !important; */
	background-position: -125px 0;
}

.course-chords-i > a::before {
	/* padding-left: 40px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_35.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 8px 7px !important; */
	background-position: -150px 0;
}

.course-progressions-i > a::before {
	/* padding-left: 40px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_36.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 8px 7px !important; */
	background-position: -175px 0;
}

.course-rhythm-i > a::before {
	/* padding-left: 40px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_37.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 8px 7px !important; */
	background-position: -200px 0;
}

.course-sound-ii > a::before {
	/* padding-left: 40px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_38.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 8px 7px !important; */
	background-position: -225px 0;
}

.course-pitch-ii > a::before {
	/* padding-left: 40px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_39.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 8px 7px !important; */
	background-position: -250px 0;
}

.course-scales-ii > a::before {
	/* padding-left: 40px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_40.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 8px 7px !important; */
	background-position: -275px 0;
}

.course-intervals-ii > a::before {
	/* padding-left: 40px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_41.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 8px 7px !important; */
	/* background-position: -300px 0; */
	background-position: -300px 0;
}

.course-melody-ii > a::before {
	/* padding-left: 40px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_42.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 8px 7px !important; */
	background-position: -325px 0;
}

.course-chords-ii > a::before {
	/* padding-left: 40px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_44.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 8px 7px !important; */
	background-position: -350px 0;
}

.course-progressions-ii > a::before {
	/* padding-left: 40px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_215.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 8px 7px !important; */
	background-position: -375px 0;
}

.course-rhythm-ii > a::before {
	/* padding-left: 40px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_295.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 8px 7px !important; */
	background-position: -400px 0;
}

.course-sound-iii > a::before {
	/* padding-left: 40px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_6882.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 8px 7px !important; */
	background-position: -425px 0;
}

.course-pitch-iii > a::before {
	/* padding-left: 40px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_8549.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 8px 7px !important; */
	background-position: -450px 0;
}

.course-scales-iii > a::before {
	/* padding-left: 40px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_9435.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 8px 7px !important; */
	background-position: -475px 0;
}

.course-intervals-iii > a::before {
	/* padding-left: 40px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_10298.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 8px 7px !important; */
	background-position: -500px 0;
}

.course-melody-iii > a::before {
	/* padding-left: 40px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_11271.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 8px 7px !important; */
	background-position: -525px 0;
}

.course-band > a {
	padding-left: 40px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/course_category_band.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 36px 25px !important;
	background-position: 3px 7px !important;
}

.course-orchestra > a {
	padding-left: 40px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/course_category_orchestra.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 30px 25px !important;
	background-position: 5px 7px !important;
}

.course-band-orchestra-i > a {
	padding-left: 40px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/course_category_band_orchestra.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 25px 25px !important;
	background-position: 8px 7px !important;
}

.course-band-essentials-1 > a::before {
	/* padding-left: 36px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_11596.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 6px 7px !important; */
	background-position: -750px 0;
}

.course-band-essentials-2 > a::before {
	/* padding-left: 36px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_12168.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 6px 7px !important; */
	background-position: -800px 0;
}

.course-band-essentials-3 > a::before {
	/* padding-left: 36px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_tyb.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 6px 7px !important; */
	/* background-position: -1275px 0; */
	background-position: -1296px 0;
}

.course-orchestra-essentials-1 > a::before {
	/* padding-left: 36px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_fyo.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 6px 7px !important; */
	/* background-position: -1225px 0; */
	background-position: -1247px 0;
}

.course-orchestra-essentials-2 > a::before {
	/* padding-left: 36px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_syo.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 6px 7px !important; */
	/* background-position: -1250px 0; */
	background-position: -1272px 0;
}

.course-orchestra-essentials-3 > a::before {
	/* padding-left: 36px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_tyo.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 6px 7px !important; */
	/* background-position: -1300px 0; */
	background-position: -1297px 0;
}

.course-piano > a {
	padding-left: 40px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/course_category_piano.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 37px 33px !important;
	background-position: 2px 3px !important;
}

.course-piano-essentials-1 > a::before {
	/* padding-left: 36px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_12574.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 6px 7px !important; */
	/* background-position: -1025px 0; */
	background-position: -1047px 0;
}

.course-guitar > a {
	padding-left: 40px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/course_category_guitar.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 37px 33px !important;
	background-position: 2px 3px !important;
}

.course-guitar-essentials-1 > a::before {
	/* padding-left: 36px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_12635.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 25px 25px !important; */
	/* background-position: 6px 7px !important; */
	/* background-position: -1050px 0; */
	background-position: -1072px 0;
}

/* .course-ear-training > a { */
	/* padding-left: 40px !important; */
	/* background-image: url( '/sites/kichijoji.thetamusic.com/files/course_sprites_25x25.png' ) !important; */
	/* background-repeat: no-repeat !important; */
	/* background-size: 37px 33px !important; */
	/* background-position: 2px 3px !important; */
/* } */

.course-ear-training-essentials-1 > a::before {
	background-position: -1047px 0;
}

#main-tmflashsound ul li a,
#main-tmflashpitch ul li a,
#main-tmflashrhythm ul li a,
#main-tmflashscales ul li a,
#main-tmflashintervals ul li a,
#main-tmflashmelody ul li a,
.games-menu--harmony ul li a,
.games-menu-iem--elective ul li a,
#main-tmflashsound-accordion ul li a,
#main-tmflashpitch-accordion ul li a,
#main-tmflashrhythm-accordion ul li a,
#main-tmflashscales-accordion ul li a,
#main-tmflashintervals-accordion ul li a,
#main-tmflashmelody-accordion ul li a {
	padding-left: 40px !important;
	position: relative;
}

#main-tmflashsound ul li a::before,
#main-tmflashpitch ul li a::before,
#main-tmflashrhythm ul li a::before,
#main-tmflashscales ul li ul li a::before,
#main-tmflashintervals ul li a::before,
#main-tmflashmelody ul li a::before,
.games-menu--harmony ul li ul li a::before,
.games-menu-iem--elective ul li a::before,
#main-tmflashsound-accordion ul li a::before,
#main-tmflashpitch-accordion ul li a::before,
#main-tmflashrhythm-accordion ul li a::before,
#main-tmflashscales-accordion ul li ul li a::before,
#main-tmflashintervals-accordion ul li a::before,
#main-tmflashmelody-accordion ul li a::before {
	content: ''; /* Required for pseudo-element */
	display: inline-block; /* Make it an inline block */
	width: 25px; /* Width of the image */
	height: 25px; /* Height of the image */
	background-image: url(/sites/kichijoji.thetamusic.com/themes/mobileresponsive/images/game_sprites_25x25.jpg) !important; /* Path to the spritesheet */
	/* background-size: cover; */
	position: absolute; /* Position it absolutely */
	left: 8px; /* Align to the left */
	top: 50%; /* Center vertically */
	transform: translateY(-50%); /* Adjust for vertical centering */
}

#main-tmflashchannel-match > a::before,
#main-tmflashchannel-match-accordion > a::before {
	background-position: -100px 0;
}

#main-tmflashband-match > a::before,
#main-tmflashband-match-accordion > a::before {
	background-position: -600px 0;
}

#main-tmflasheq-match > a::before,
#main-tmflasheq-match-accordion > a::before {
	background-position: -575px 0;
}

#main-tmflashflash-effects > a::before,
#main-tmflashflash-effects-accordion > a::before {
	background-position: -400px 0;
}

#main-tmflashflash-terms-performance > a,
#main-tmflashflash-terms-performance-accordion > a {
	display: none;
}

/*#main-tmflashflash-terms-performance > a,
#main-tmflashflash-terms-performance-accordion > a,*/
.games-menu--flash-terms-performance::before {
	background-position: -1175px 0;
}

#main-tmflashpitch-compare > a::before,
#main-tmflashpitch-compare-accordion > a::before {
	background-position: -1125px 0;
}

#main-tmflashspeed-pitch > a::before,
#main-tmflashspeed-pitch-accordion > a::before {
	background-position: -300px 0;
}

#main-tmflashdango-brothers > a::before,
#main-tmflashdango-brothers-accordion > a::before {
	background-position: -325px 0 !important;
}

#main-tmflashvocal-match > a::before,
#main-tmflashvocal-match-accordion > a::before {
	background-position: -375px 0 !important;
}

#main-tmflashflash-rhythms > a::before,
#main-tmflashflash-rhythms-accordion > a::before {
	background-position: -450px 0 !important;
}

#main-tmflashrhythm-puzzles > a::before,
#main-tmflashrhythm-puzzles-accordion > a::before {
	background-position: -150px 0 !important;
}

#main-tmflashflash-styles-drums > a,
#main-tmflashflash-styles-drums-accordion > a {
	display: none;
}

/*#main-tmflashflash-styles-drums > a,
#main-tmflashflash-styles-drums-accordion > a {*/
.games-menu--flash-styles-drums::before {
	background-position: -900px 0 !important;
}

#main-tmflashrhythm-reader > a::before,
#main-tmflashrhythm-reader-accordion > a::before {
	background-position: -1100px 0 !important;
}

#main-tmflashrhythm-repeat > a,
#main-tmflashrhythm-repeat-accordion > a {
	display: none;
}

/*#main-tmflashrhythm-repeat > a,
#main-tmflashrhythm-repeat-accordion > a {*/
.games-menu--rhythm-repeat::before {
	background-position: -1275px 0 !important;
}

#main-tmflashtonic-finder > a::before,
#main-tmflashtonic-finder-accordion > a::before {
	background-position: -1050px 0 !important;
}

#main-tmflashflash-notation-notes > a,
#main-tmflashflash-notation-notes-accordion > a {
	display: none;
}

/*#main-tmflashflash-notation-notes > a,
#main-tmflashflash-notation-notes-accordion > a {*/
.games-menu--flash-notation-notes::before {
	background-position: -725px 0 !important;
}

/* Flash Notation (Reading Notes) [First Year Band] */
/*#main-tmflashscales > ul > li > ul > li:nth-child(3) > a,
#main-tmflashscales-accordion > ul > li > ul > li:nth-child(3) > a {
	padding-left: 43px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/themes/mobileresponsive/images/game_98.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 25px 25px !important;
	background-position: 8px 7px !important;
}*/

#main-tmflashkey-puzzles > a::before,
#main-tmflashkey-puzzles-accordion > a::before {
	background-position: -475px 0 !important;
}

#main-tmflashnumber-blaster > a::before,
#main-tmflashnumber-blaster-accordion > a::before {
	background-position: -350px 0 !important;
}

#main-tmflashpaddle-pitch > a::before,
#main-tmflashpaddle-pitch-accordion > a::before {
	background-position: -25px 0 !important;
}

#main-tmflashtone-drops > a::before,
#main-tmflashtone-drops-accordion > a::before {
	background-position: -425px 0 !important;
}

#main-tmflashtonal-recall > a::before,
#main-tmflashtonal-recall-accordion > a::before {
	background-position: -275px 0 !important;
}

#main-tmflashvocal-degrees-major > a::before,
#main-tmflashvocal-degrees-major-accordion > a::before {
	background-position: -750px 0 !important;
}

#main-tmflashvocal-degrees-minor > a::before,
#main-tmflashvocal-degrees-minor-accordion > a::before {
	background-position: -850px 0 !important;
}

#main-tmflashflash-tones > a::before,
#main-tmflashflash-tones-accordion > a::before {
	background-position: -1025px 0 !important;
}

#main-tmflashmelodic-drops > a::before,
#main-tmflashmelodic-drops-accordion > a::before {
	background-position: -50px 0 !important;
}

#main-tmflashharmonic-balloons > a::before,
#main-tmflashharmonic-balloons-accordion > a::before {
	background-position: -75px 0 !important;
}

#main-tmflashflash-intervals-m > a::before,
#main-tmflashflash-intervals-m-accordion > a::before {
	background-position: -500px 0 !important;
}

#main-tmflashflash-intervals-harmonic > a::before,
#main-tmflashflash-intervals-harmonic-accordion > a::before {
	background-position: -925px 0 !important;
}

#main-tmflashtwo-tones-major > a::before,
#main-tmflashtwo-tones-major-accordion > a::before {
	background-position: -1150px 0 !important;
}

#main-tmflashtwo-tones-minor > a::before,
#main-tmflashtwo-tones-minor-accordion > a::before {
	background-position: -1200px 0 !important;
}

#main-tmflashflash-notation-intervals > a,
#main-tmflashflash-notation-intervals-accordion > a {
	display: none;
}

/*#main-tmflashflash-notation-intervals > a,
#main-tmflashflash-notation-intervals-accordion > a {*/
.games-menu--flash-notation-intervals::before {
	background-position: -975px 0 !important;
}

#main-tmflashparrot-phrases > a::before,
#main-tmflashparrot-phrases-accordion > a::before {
	background-position: -175px 0 !important;
}

#main-tmflashthree-tones-major > a::before,
#main-tmflashthree-tones-major-accordion > a::before {
	background-position: -625px 0 !important;
}

#main-tmflashthree-tones-minor > a::before,
#main-tmflashthree-tones-minor-accordion > a::before {
	background-position: -800px 0 !important;
}

#main-tmflashmore-tones-major > a::before,
#main-tmflashmore-tones-major-accordion > a::before {
	background-position: -950px 0 !important;
}

#main-tmflashmore-tones-minor > a::before,
#main-tmflashmore-tones-minor-accordion > a::before {
	background-position: -1075px 0 !important;
}

#main-tmflashvocal-steps-repeat > a,
#main-tmflashvocal-steps-repeat-accordion > a {
	display: none;
}

/*#main-tmflashvocal-steps-repeat > a,
#main-tmflashvocal-steps-repeat-accordion > a {*/
.games-menu--vocal-steps-repeat::before {
	background-position: -825px 0 !important;
}

#main-tmflashchord-drops > a::before,
#main-tmflashchord-drops-accordion > a::before {
	background-position: -550px 0 !important;
}

#main-tmflashflash-chords > a::before,
#main-tmflashflash-chords-accordion > a::before {
	background-position: -525px 0 !important;
}
#main-tmflashtone-trees > a,
#main-tmflashtone-trees-accordion > a {
	display: none;
}

/*#main-tmflashtone-trees > a,
#main-tmflashtone-trees-accordion > a {*/
.games-menu--tone-trees::before {
	background-position: -200px 0 !important;
}

#main-tmflashphrase-fitter > a,
#main-tmflashphrase-fitter-accordion > a {
	display: none;
}

/*#main-tmflashphrase-fitter > a,
#main-tmflashphrase-fitter-accordion > a {*/
.games-menu--phrase-fitter::before {
	background-position: -125px 0 !important;
}

#main-tmflashspeed-chords > a::before,
#main-tmflashspeed-chords-accordion > a::before {
	background-position: -875px 0 !important;
}

#main-tmflashflash-chords-quality > a::before,
#main-tmflashflash-chords-quality-accordion > a::before {
	background-position: -1250px 0 !important;
}

#main-tmflashflash-notation-chords > a,
#main-tmflashflash-notation-chords-accordion > a {
	display: none;
}

/*#main-tmflashflash-notation-chords > a,
#main-tmflashflash-notation-chords-accordion > a {*/
.games-menu--flash-notation-chords::before {
	background-position: -1000px 0 !important;
}

#main-tmflashchord-spells > a::before,
#main-tmflashchord-spells-accordion > a::before {
	background-position: -250px 0 !important;
}

#main-tmflashchord-locks > a,
#main-tmflashchord-locks-accordion > a {
	display: none;
}

/*#main-tmflashchord-locks > a,
#main-tmflashchord-locks-accordion > a {*/
.games-menu--chord-locks::before {
	background-position: -225px 0 !important;
}

#main-tmflashspeaker-chords > a::before,
#main-tmflashspeaker-chords-accordion > a::before {
	background-position: 0 0 !important;
}

#main-tmflashflash-progressions-major > a,
#main-tmflashflash-progressions-major-accordion > a {
	display: none;
}
/*#main-tmflashflash-progressions-major > a,
#main-tmflashflash-progressions-major-accordion > a {*/
.games-menu--flash-progressions-major::before {
	background-position: -650px 0 !important;
}

#main-tmflashflash-progressions-minor > a,
#main-tmflashflash-progressions-minor-accordion > a {
	display: none;
}

/*#main-tmflashflash-progressions-minor > a,
#main-tmflashflash-progressions-minor-accordion > a {*/
.games-menu--flash-progressions-minor::before {
	background-position: -775px 0 !important;
}

#main-tmflashflash-cadences > a,
#main-tmflashflash-cadences-accordion > a {
	display: none;
}

/*#main-tmflashflash-cadences > a,
#main-tmflashflash-cadences-accordion > a {*/
.games-menu--flash-cadences::before {
	background-position: -1225px 0 !important;
}

/* First level sub-menu like "Games -> Sound" for mobile site */
/*ul.sf-accordion > li > ul {*/
ul.sf-accordion > li > ul > li {
	/*margin-left: 0.8em !important;*/
	left: 12px;
	/* left: 7% !important; */
	/* width: 97% !important; */
	word-break: break-word !important;
}

/* Second level sub-menu like "Games -> Sound -> Channel Scramble" for mobile site */
/*ul.sf-accordion > li > ul > li > ul {*/
ul.sf-accordion > li > ul > li > ul > li {
	/* left: 5% !important; */
	left: 12px;
	max-width: 95% !important; /* Prevent down arrow from going out of screen */
	word-break: break-word !important;
}

/* Sub-categories like "Games -> Tonality -> Keys" */
#main-tmflashscales-accordion > ul > li {
	/* left: 7% !important; */
	/* width: 97% !important; */
	left: 5% !important;
	max-width: 95% !important; /* Prevent down arrow from going out of screen */
	word-break: break-word !important;
}

/* Sub-categories like "Games -> Harmony -> Chords" */
.games-menu--harmony > ul > li {
	/*left: 7% !important;*/
	/* width: 100% !important; */
	left: 5% !important;
	max-width: 95% !important; /* Prevent down arrow from going out of screen */
	word-break: break-word !important;
}

/* Sub-categories like "Games -> Tonality -> Keys -> Tonic Finder" */
#main-tmflashscales-accordion > ul > li > ul > li {
	/*margin-left: 0.8em !important;*/
	/* left: 7% !important; */
	/* width: 97% !important; */
	word-break: break-word !important;
}

/* Sub-categories like "Games -> Harmony -> Chords -> Flash Chords" */
.games-menu--harmony > ul > li > ul > li {
	/*left: 7% !important;*/
	width: 100% !important;
	word-break: break-word !important;
}

/* Do not show vertical line for select menu items on the mobile site */
div.sf-accordion-toggle.sf-style-none a.sf-expanded, ul.sf-menu.sf-style-none.sf-accordion li.sf-expanded {
	background: none !important;
}

/* li.grandmaster-rank-icon a { */
	/* background-image: url(/sites/kichijoji.thetamusic.com/files/images/ranks/grandmaster.png) !important; */
	/* background-size: 25px 25px !important; */
	/* background-repeat: no-repeat !important; */
	/* padding-left: 38px !important; */
	/* background-position: left 7px top 7px !important; */
/* } */

/* li.master-rank-icon a { */
	/* background-image: url(/sites/kichijoji.thetamusic.com/files/images/ranks/master.png) !important; */
	/* background-size: 25px 25px !important; */
	/* background-repeat: no-repeat !important; */
	/* padding-left: 38px !important; */
	/* background-position: left 7px top 7px !important; */
/* } */

/* li.expert-rank-icon a { */
	/* background-image: url(/sites/kichijoji.thetamusic.com/files/images/ranks/expert.png) !important; */
	/* background-size: 25px 25px !important; */
	/* background-repeat: no-repeat !important; */
	/* padding-left: 38px !important; */
	/* background-position: left 7px top 7px !important; */
/* } */

/* li.advanced-rank-icon a { */
	/* background-image: url(/sites/kichijoji.thetamusic.com/files/images/ranks/advanced.png) !important; */
	/* background-size: 25px 25px !important; */
	/* background-repeat: no-repeat !important; */
	/* padding-left: 38px !important; */
	/* background-position: left 7px top 7px !important; */
/* } */

/* li.intermediate-rank-icon a { */
	/* background-image: url(/sites/kichijoji.thetamusic.com/files/images/ranks/intermediate.png) !important; */
	/* background-size: 25px 25px !important; */
	/* background-repeat: no-repeat !important; */
	/* padding-left: 38px !important; */
	/* background-position: left 7px top 7px !important; */
/* } */

/* li.basic-rank-icon a { */
	/* background-image: url(/sites/kichijoji.thetamusic.com/files/images/ranks/basic.png) !important; */
	/* background-size: 25px 25px !important; */
	/* background-repeat: no-repeat !important; */
	/* padding-left: 38px !important; */
	/* background-position: left 7px top 7px !important; */
/* } */

/* li.beginner-rank-icon a { */
	/* background-image: url(/sites/kichijoji.thetamusic.com/files/images/ranks/beginner.png) !important; */
	/* background-size: 25px 25px !important; */
	/* background-repeat: no-repeat !important; */
	/* padding-left: 38px !important; */
	/* background-position: left 7px top 7px !important; */
/* } */

li.grandmaster-rank-icon a,
li.master-rank-icon a,
li.expert-rank-icon a,
li.advanced-rank-icon a,
li.intermediate-rank-icon a,
li.basic-rank-icon a,
li.beginner-rank-icon a {
	padding-left: 38px !important; /* Text for link should appear after the icon */
}

li.grandmaster-rank-icon a::before,
li.master-rank-icon a::before,
li.expert-rank-icon a::before,
li.advanced-rank-icon a::before,
li.intermediate-rank-icon a::before,
li.basic-rank-icon a::before,
li.beginner-rank-icon a::before {
	content: '';
	display: inline-block;
	width: 25px; /* icon width */
	height: 25px; /* icon height */
	background-image: url(/sites/kichijoji.thetamusic.com/themes/mobileresponsive/images/rank_sprites_25x25.jpg);
	position: absolute;
	left: 8px;
	top: 50%;
	transform: translateY(-50%);
}

li.grandmaster-rank-icon a::before {
	background-position: -100px 0;
}

li.master-rank-icon a::before {
	background-position: -150px 0;
}

li.expert-rank-icon a::before {
	background-position: -75px 0;
}

li.advanced-rank-icon a::before {
	background-position: 0px 0;
}

li.intermediate-rank-icon a::before {
	background-position: -125px 0;
}

li.basic-rank-icon a::before {
	background-position: -25px 0;
}

li.beginner-rank-icon a::before {
	background-position: -50px 0;
}

.sf-menu .games-menu-icon {
	padding-left: 55px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/images/menu_icons/eighth_note_ascending.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 20px 20px !important;
	background-position: top 10px left 20px !important;
}

.sf-menu .all-games-menu-item {
	display: none;
}

.sf-menu .courses-menu-icon {
	padding-left: 55px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/images/menu_icons/courses.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 25px 10px !important;
	background-position: top 15px left 20px !important;
}

.sf-menu .all-courses-menu-item {
	display: none;
}

.sf-menu .fundamentals-menu-icon {
	padding-left: 55px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/images/menu_icons/fundamentals.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 20px 25px !important;
	background-position: top 8px left 20px !important;
}

.sf-menu .teachers-menu-icon {
	padding-left: 55px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/images/menu_icons/teachers.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 20px 15px !important;
	background-position: top 10px left 20px !important;
}

.sf-menu .students-menu-icon {
	padding-left: 55px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/images/menu_icons/students.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 20px 17px !important;
	background-position: top 10px left 20px !important;
}

.sf-menu .ranks-menu-icon {
	padding-left: 55px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/images/menu_icons/ranks.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 20px 20px !important;
	background-position: top 10px left 20px !important;
}

.sf-menu .all-ranks-menu-item {
	display: none;
}

.sf-menu .premium-menu-icon {
	padding-left: 55px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/images/menu_icons/premium.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 20px 20px !important;
	background-position: top 10px left 20px !important;
}

.sf-menu .settings-menu-icon {
	display: none;
	padding-left: 55px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/images/menu_icons/settings.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 20px 20px !important;
	background-position: top 10px left 20px !important;
}


.sf-menu .user-profile-menu-icon {
	display: none;
	padding-left: 55px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/images/menu_icons/profile.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 20px 20px !important;
	background-position: top 10px left 20px !important;
}

.sf-menu .progress-report-menu-icon {
	display: none;
	padding-left: 55px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/images/menu_icons/progress.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 20px 20px !important;
	background-position: top 10px left 20px !important;
}

.sf-menu .my-account-menu-icon {
	display: none;
	padding-left: 55px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/images/menu_icons/account.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 20px 20px !important;
	background-position: top 10px left 20px !important;
}

.sf-menu .signout-menu-icon {
	display: none;
	padding-left: 55px !important;
	background-image: url( '/sites/kichijoji.thetamusic.com/files/images/menu_icons/logout.png' ) !important;
	background-repeat: no-repeat !important;
	background-size: 20px 20px !important;
	background-position: top 10px left 20px !important;
}

.footer-links {
	font-size: small;
}

.opacity-none {
	opacity: 0;
}

.site-footer {
	margin-top: 6em;
}

/* Show re-captcha in center of the screen */
.g-recaptcha > div {
	margin: auto;
}

.block-superfishmain {
	display: block;
	position: relative;
	z-index: 1500; /* make it appear on top of everything, specially over the teacher menu in teacher console */
}

/* #superfish-main { */
	/* display: block; */
	/* position: absolute; */
	/* left: -200px; */
/* } */

button .glyphicon {
	display: none;
}


@media print {
	.site-branding {
		display: none;
	}

	.block-tmcustom-footer-block {
		display: none;
	}

	/* GK240112 In print preview and printed page, url is displayed along with link text by default. */
	/* Change it to show only the link text. */
	a:after {
		content: "" !important;
	}
}