.word-dialog .ui-dialog-content { background: #f0f0f0 url(../images/togglegoal-bk.jpg) left bottom repeat-x; }
.word-dialog .ui-dialog-content h1 { font-size: 40px; color: #333; background: #f0f0f0; padding: 10px; padding-left:45px; -moz-border-radius: 8px 8px 0 0; }
.word-dialog .ui-dialog-content h1 span,
.word-dialog .ui-dialog-content .phoneme span {
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	background: #f5f5f5;
	border: 2px solid #ccc;
	padding: 0 2px;
	margin: 0 1px 8px 0;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0px 0px 3px #ccc;
	-webkit-box-shadow: inset 0px 0px 3px #ccc;
	box-shadow: inset 0px 0px 3px #ccc;
}
.word-dialog .ui-dialog-content h1 span span,
.word-dialog .ui-dialog-content .phoneme span span { display: none; }
.word-dialog .ui-dialog-content .phoneme .word-audio {
	width: 33px;
	height: 29px;
	background: transparent url(../images/v1.1/details-sound-icon.gif) center center no-repeat;
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.word-dialog .ui-dialog-content .phoneme:hover .word-audio { background-image: url(../images/v1.1/vocab/word-audio-bk.gif); }
.word-dialog .ui-dialog-content .phoneme .word-audio:hover { background-image: url(../images/v1.1/vocab/word-audio-play.gif); }
.word-dialog .ui-dialog-content .phoneme .word-audio { background-image: url(../images/v1.1/vocab/word-audio-bk-smaller.gif); }
.word-dialog .ui-dialog-content .phoneme .word-audio,
.word-dialog .ui-dialog-content h1 span.word-audio { width: 33px; height: 29px; background: transparent url(../images/v1.1/vocab/word-audio-bk.gif) center center no-repeat; border: none; margin-left: 5px;
	width: 29px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.word-dialog .ui-dialog-content h1 span.word-audio:hover { background-image: url(../images/v1.1/vocab/word-audio-play.gif); }
.word-dialog .ui-dialog-content h1 span.word-audio-placeholder { width: 3px; height: 29px; visibility: hidden; margin-left: 0; }

.word-dialog .ui-dialog-content h1 span.word-phoneme:hover,
.word-dialog .ui-dialog-content .phoneme span.word-phoneme:hover {
	color: #000;
	border-color: #77c5e5;
	-moz-box-shadow: inset 0px 0px 3px #77c5e5;
	-webkit-box-shadow: inset 0px 0px 3px #77c5e5;
	box-shadow: inset 0px 0px 3px #77c5e5;
}
.word-dialog .ui-dialog-content .phoneme span.word-audio {
	background: transparent url(../images/v1.1/vocab/word-audio-bk-smaller.gif) center center no-repeat;
}

.word-dialog .ui-dialog-content div ul { margin: 0; padding: 0; border: 1px solid #ccc; border-top: none; }
.word-dialog .ui-dialog-content div ul li { float: left; padding: 4px 10px; font-size: 18px; border-right: 1px solid #ccc; text-align: center; }
.word-dialog .ui-dialog-content div ul li.definition { width: 616px; text-align: left; }
.word-dialog .ui-dialog-content div ul li.definition.item { min-height: 60px; }
.word-dialog .ui-dialog-content div ul li.difficulty { width: 140px; }
.word-dialog .ui-dialog-content div ul li.phoneme { width: 200px; }
.word-dialog .ui-dialog-content div ul li.progress { width: 180px; }
.word-dialog .ui-dialog-content div ul li.cliplist { float: none; border-right: none; }

.word-dialog .ui-dialog-content div.header ul { font-weight: bold; color: #fff; background: #989898 url(../images/v1.1/vocab/word-definitions-header-bk.jpg) top left repeat-x; border-top: 1px solid #ccc;
	-moz-border-radius: 8px 8px 0 0;
	-webkit-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}

.word-dialog .ui-dialog-content div.definitions h2 { background: #fff url(../images/togglegoal-bk.jpg) left center repeat-x; padding: 2px 10px; font-size: 16px; color: #666; border: 1px solid #ccc; border-top: none; }
.word-dialog .ui-dialog-content div.definitions h2 p { padding-left: 18px; }

.word-dialog .ui-dialog-content div.definitions { height: 370px; overflow: auto; background: #fff; border-bottom: 1px solid #ccc; }
.word-dialog .ui-dialog-content div.definitions ul { background: url(../images/v1.1/vocab/word-definition-normal.jpg) top left repeat-x; overflow:hidden; }
.word-dialog .ui-dialog-content div.definitions ul li { padding: 4px 10px; /*margin-bottom: -9979px; padding-bottom: 9999px;*/ }
.word-dialog .ui-dialog-content div.definitions ul li.definition h4 { font-weight: normal; font-size: 18px; padding-top: 10px; }
.word-dialog .ui-dialog-content div.definitions ul li.definition p { font-size: 18px; margin-left: 15px; font-style: italic; }
.word-dialog .ui-dialog-content div.definitions ul li.difficulty p { font-size: 18px; margin: 20px 0 0; }
.word-dialog .ui-dialog-content div.definitions ul li.phoneme p { font-size: 18px; margin: 18px 0 0; }
.word-dialog .ui-dialog-content div.definitions ul li.progress span { display: none; }
.word-dialog .ui-dialog-content div.definitions ul li.cliplist { margin-left: 638px; min-height: 60px; }

.word-dialog .ui-dialog-content div.definitions ul li.cliplist.playclip { background: url("../images/vocab-bg-cliplist-small.png") no-repeat scroll 4px 0 transparent; background-position: 14px 8px; }
.word-dialog .ui-dialog-content div.definitions ul li.cliplist a { display: block; width: 60px; height: 30px; margin-left: 7px; background-position: top left; background-repeat: no-repeat; position: relative; top: 8px; }
/*.word-dialog .ui-dialog-content div.definitions ul li.cliplist a span { display: block; width: 34px; height: 40px; margin: 0 auto; padding: 17px 8px 0 0; background: url(../images/v1.1/sound-cliplist-play.png) top left no-repeat; font-size: 11px; font-weight: bold; position: relative; top: 8px; }*/
.word-dialog .ui-dialog-content div.definitions ul li.cliplist .empty { display: block; padding-top: 30px; }

.word-dialog .ui-dialog-content div.definitions ul.selected { background: #fff; }
.word-dialog .ui-dialog-content div.definitions ul.selected li { padding-top: 1px; margin-bottom: -9981px; }
.word-dialog .ui-dialog-content div.definitions ul.selected li.definition { padding-left: 8px; }
.word-dialog .ui-dialog-content div.definitions ul.selected li.cliplist { margin-left: 720px; padding-right: 7px; }
.word-dialog .ui-dialog-content div.definitions ul.selected li.cliplist.playclip { background-position: center 5px; }
.word-dialog .ui-dialog-content div.definitions ul.selected li.cliplist.playclip a { left: -6px; }

.word-dialog .ui-dialog-content .star-favorite { position:absolute; top:20px; left:10px; cursor:pointer; background-repeat:no-repeat; display:block; width:29px; height:27px; }
.word-dialog .ui-dialog-content .star-favorite.star-1{ background:url(../images/vocab-star-active.png); }
.word-dialog .ui-dialog-content .star-favorite.star-0{ background:url(../images/vocab-star-inactive.png); }
.word-dialog .ui-dialog-content .star-favorite .star-hover{display:none;}
.favorite-popup.mini-progress-popup p{background:#484848; color:#ffff99; border:1px solid #666; box-shadow:0; font-weight:normal; padding:4px 8px;}

.word-phoneme-wrap {display:inline-block;word-wrap: break-word; margin-left:5px;}

/* Cut-off words in Non-English Localizations */
.word-dialog .ui-dialog-content div.definitions ul li.cliplist .empty { font-size: 14px; }
.ja .word-dialog .ui-dialog-content div.definitions ul li.cliplist .empty { font-size: 14px; }
.ko .word-dialog .ui-dialog-content div.definitions ul li.cliplist .empty { font-size: 14px; }
.pt .word-dialog .ui-dialog-content div.definitions ul li.cliplist .empty { font-size: 14px; }
.es .word-dialog .ui-dialog-content div.definitions ul li.cliplist .empty { font-size: 14px; }

