/* decomps */
.decomp_op { background-image: url(/images/practice/decomps.png/);
	     width: 25px; height: 25px; display: inline-block; }
.decomp { margin-top: 10px; }
.decomp ul { padding: 0; margin: 0; }
.decomp li { list-style-type: none;  overflow: hidden; text-overflow:ellipsis;
	     height: 23px; }
.decomp .component { font-size: 20px; }
/*
.decomp .phonetic { font-weight: bold; font-size: 1.1em; }
.decomp .semantic { font-weight: bold; font-size: 1.1em; }
*/
.decomp li.full_only { opacity: 0.6; filter: alpha(opacity = 60); }
.decomp .missing_component { color: #bbb; font-style: italic; }
.decomp .elided { cursor: hand; cursor: pointer; }

/* editable text for mnemonics and custom definitions */
.edit_wrapper .jedit { border: 2px solid white;
 -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
.edit_wrapper .jedit:hover { border-color: #bbb; }
.edit_wrapper.editing .jedit { border-width: 0; }
.jedit textarea {
 font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
 font-size: 13px;
}

.mnem_placeholder {
 border: 1px solid #bbb; cursor: hand; cursor: pointer;
 -moz-border-radius: 8px; -webkit-border-radius: 8px;
 margin: 2px 0; color: #bbb; padding: 0 4px;
 float: left; display: inline-block; background-color: white;
 height: 20px;
}
.edit_wrapper.no_mnem .mnem_placeholder { border-color: white; }
.edit_wrapper.no_mnem .mnem_placeholder:hover { border-color: #bbb; }

.edit_wrapper.no_mnem .mnem_widget { color: #bbb; }
/*.edit_wrapper.no_mnem .mnem_placeholder { opacity: .5; filter:
					  alpha(opacity = 50); }*/
.jedit button { display: none; }
.edit_wrapper .when_editing { display: none; 
			      margin-right: 3px; }
.edit_wrapper.editing .when_editing { display: inline; }
.edit_wrapper .shared { padding-top: 3px; font-size: 13px; }
.edit_wrapper { margin: 2px 0; }

.word_defn .value img, .char_defn .value img, #word_mnem img, #char_mnem img {
 max-height: 75px; float: left; margin-right: 5px;
}

/* mnemonics */

.mnem_list {
 list-style: none;
 margin: 0;
 padding: 0;
}
.mnem_list li {
 min-height: 20px;
 padding: 5px 5px 5px 15px;
 clear: left;
 cursor: hand;
 cursor: pointer;
 position: relative;
}
.mnem_list li:hover { background-color: #C2DDB0; }
.mnem_list li.selected { cursor: auto; }
.mnem_list li img.selected_arrow { display: none; position: absolute; left: 0px;
				   top: 5px; }
.mnem_list li.selected img.selected_arrow { display: block; }
.mnem_list li.defaulted img.selected_arrow { display: block; opacity: 0.5;
					     filter: alpha(opacity = 50); }

.mnem_list .other_mnem_author { float: left; }
.mnem_list .other_mnem_author img { width: 50px; height: 50px;
				    border: 1px solid black; float: left; }
.mnem_list .other_mnem_popularity {
 height: 52px; width: 19px; margin-right: 16px; background-color: #66A83C;
 color: white; text-align: center; line-height: 52px;
 -moz-border-radius: 0 6px 6px 0;
 -webkit-border-top-right-radius: 6px;
 -webkit-border-bottom-right-radius: 6px;
 float: left;
}
.mnem_list .ours .other_mnem_popularity { background-color: #3671D9; }
.mnem_list .other_mnem {
 font-size: 14px; width: 415px; max-height: 38px; overflow: hidden;
 text-overflow: ellipsis; }
.other_mnem_byline { 
 font-size: 10px; color: #bbb; height: 12px; width: 415px;
}

/* sentences */
.sentence_head { font-size: 13pt; }
.sentence_rune { font-size: 19pt; }
.sentence_rdng { font-size: 13pt; padding: 0 3px; }
.sentence_defn { font-size: 12pt; }

ul.sentence_list li { padding-left: 35px; }
ul.sentence_list li.selected { padding-left: 35px; min-height: 62px; }
.sentence_list .sentence_rune { font-size: 20px; }
.sentence_list .sentence_rdng { font-size: 13px; padding: 0; }
.sentence_list .sentence_defn { font-size: 13px; }

.prompt .sentence_rune { font-size: 20px; }
.prompt .sentence_rdng, .prompt .sentence_defn {
  font-size: 14px;
  padding: 0 3px;
}
.prompt .sentence_rune.defaulted { color: #555; }

.sentence_rune span.can_lookup { border-bottom: 1px solid white; }
.sentence_rune span.can_lookup:hover { border-bottom-color: blue; cursor: hand;
				       cursor: pointer; }
.sentence_rune span.sentence_target { border-bottom-color: #bbb; }
.sentence_rdng span.sentence_target { border-bottom: 1px solid #bbb; }
.sentence_rune span.cloze { color: white; border-bottom-color:black; }
.sentence_rdng span.cloze { color: #dfd; border-bottom-color:black; }

.sentence_tooltip {
  position: absolute;
  z-index: 999;
  left: -9999px;
  background-color: #dfd;
  padding: 2px;
  border: 1px solid #7F7;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.sentence_list_button {
 -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 1px solid #bbb;
 color: #bbb; cursor: hand; cursor: pointer; padding: 1px 5px;
 position: relative; top: -2px; }

div.sentence_play_button.play_button.button {
 margin: 4px 4px 0px 3px;
}