html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address,
	variable, form, fieldset, blockquote {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal;
}

#LOGIN_NAME-input {
  font-size: 16px !important;
}

#LOGIN_PASS-input {
  font-size: 16px !important;
}

ruby>rb {
	display: block;
	font-size: 1.0em !important;
	text-align: start;
}

ruby>rt {
	display: block;
	font-size: 75%;
	text-align: start;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td, th, caption {
	font-weight: normal;
	text-align: left;
}

img, fieldset {
	border: 0;
}

ol {
	padding-left: 1.4em !important;
	list-style: decimal;
}

ul {
	padding-left: 1.4em !important;
	list-style: none;
}

q:before, q:after {
	content: '';
}

.topZero{
	top: 0 !important;
}

.blank {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: normal
}

.block {
	display: block !important;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td, th, caption {
	font-weight: normal;
	text-align: left;
}

img, fieldset {
	border: 0;
}

ol {
	padding-left: 1.4em !important;
	list-style: decimal;
}

ul {
	padding-left: 1.4em !important;
	list-style: none;
}

q:before, q:after {
	content: '';
}
 
.myBlank {
	border-style: none;
	border: none;
	border-top-width: 0;
	border-bottom-width: 0;
	border-right-width: 0;
	border-left-width: 0;
}

.myChoiceLayer {
	background-color: #E9E9E9;
}

 
.books {
	border-style: none;
	border: none;
	border-top-width: 0;
	border-bottom-width: 0;
	border-right-width: 0;
	border-left-width: 0;
}

 
.background {
	background-color: MediumSeaGreen;
	background-repeat: repeat-x;
}

.myGridHeader {
	color: #5fa2dd;
}

.myGridHeader_small {
	color: #5fa2dd;
	font-size: .7em !important;
}

.vStudy {
	top: 0px !important;
	height: auto !important;
	/* //width: auto !important; */
}

.dialogContainer {
	top: 0px !important;
	height: auto !important;
	/*	width:auto !important; */
}

/* PORTRAIT */
 

@media all and (max-width: 10024px)  and (orientation:portrait){
	/*styles for narrow desktop browsers and iPad landscape /*
DEFAULT STYLE - LARGE SCREEN

*/
	.dialogImage {
		width: auto !important;
		height: 50px;
	}
	.myChoices { /* width: auto !important;  */
		border-style: double;
		font-size: 1.2em !important;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		padding: 14px 12px 14px 12px !important;
		height: auto !important;
		height: auto !important;
		word-break: break-all;
		width: auto !important;
		white-space: normal !important;
		word-wrap: break-word;


	}
	div .buttonStyle {
		color: #0B615E !important;
		font-size: 1.2em !important;
	}
	.editChoiView {
		font-size: .95em !important;
		padding: 1px 1px 1px 40px;
	}
	.myTranslation {
		font-size: 1.2em !important;
		padding: 36px 0px 0px 0px;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	.completedSentence {
		font-size: 1.2em !important;
		word-break: break-all;
		white-space: normal !important;
		word-wrap: break-word;
		padding: 36px 0px 0px 0px !important;
		/* border: 5px solid red;*/
	}
	.completedDialog { /*min-height: 100%;*/
		height: auto !important;
		font-size: 1.2em !important;
		word-break: break-all;
		white-space: normal !important;
		word-wrap: break-word;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	x-toolbar div[style] {
		background: yellow !important;
		font-size: 1.2em !important;
	}
	.text-field-label {
		font-size: 1.2em !important;
	}
	.mySentence {
		font-size: 1.2em !important;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
	}
	.smallSizeFont {
		font-size: .7em !important;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
	}
	.myButtonText .x-btn-text {
		font-size: 1.2em !important;
	}
	.myDialogStyle {
		font-size: 1.2em !important;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
	}
	.myChoiceLayer {
		width: auto !important;
	}
}

@media all and (max-width: 768px)  and (orientation:portrait) { /*	styles
	 
	for
	 
	narrower
	 
	desktop
	 
	browsers
	 
	and
	 
	iPad
	 
	portrait*/
	.dialogImage {
		width: auto !important;
		height: 40px;
	}
	.myChoices { /* width: auto !important;  */
		font-size: 1.1em !important;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		padding: 12px 11px 12px 11px !important;
		height: auto !important;
		word-break: break-all;
		width: auto !important;
		white-space: normal !important;
		word-wrap: break-word;
 
	}
	div .buttonStyle {
		color: #0B615E !important;
		font-size: 1.1em !important;
	}
	.editChoiView {
		font-size: .95em !important;
		padding: 1px 1px 1px 40px;
	}
	.myTranslation {
		font-size: 1.1em !important;
		padding: 24px 0px 0px 0px;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	.completedSentence {
		font-size: 1.1em !important;
		word-break: break-all;
		white-space: normal !important;
		word-wrap: break-word;
		padding: 24px 0px 0px 0px;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	.completedDialog { /*min-height: 100%;*/
		height: auto !important;
		font-size: 1.1em !important;
		white-space: normal !important;
		word-break: break-all;
		word-wrap: break-word;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	x-toolbar div[style] {
		background: yellow !important;
		font-size: 1.1em !important;
	}
	.text-field-label {
		font-size: 1.1em !important;
	}
	.mySentence {
		font-size: 1.1em !important;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
	}
	.smallSizeFont {
		font-size: .7em !important;
	}
	.myButtonText .x-btn-text {
		font-size: 1.1em !important;
	}
	.myDialogStyle {
		font-size: 1.1em !important;
	}
	.myChoiceLayer {
		width: auto !important;
	}
}

@media all and (max-width: 640px) and (orientation:portrait) {
	/*styles for narrow desktop browsers and iPad landscape /*
DEFAULT STYLE - LARGE SCREEN

*/
	.dialogImage {
		width: auto !important;
		height: 40px;
	}
	.myChoices { /* width: auto !important;  */
		font-size: 1.4em !important;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		padding: 11px 10px 11px 10px !important;
		height: auto !important;
		word-break: break-all;
		width: auto !important;
		white-space: normal !important;
		word-wrap: break-word;
 
	}
	div .buttonStyle {
		color: #0B615E !important;
		font-size: 1.0em !important;
	}
	.editChoiView {
		font-size: .95em !important;
		padding: 1px 1px 1px 40px;
	}
	.myTranslation {
		font-size: 1.0em !important;
		padding: 18px 0px 0px 0px;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	.completedSentence {
		font-size: 1.0em !important;
		word-break: break-all;
		white-space: normal !important;
		word-wrap: break-word;
		padding: 18px 0px 0px 0px;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	.completedDialog { /*min-height: 100%;*/
		height: auto !important;
		font-size: 1.0em !important;
		word-break: break-all;
		white-space: normal !important;
		word-wrap: break-word;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	x-toolbar div[style] {
		background: yellow !important;
		font-size: 1.0em !important;
	}
	.text-field-label {
		font-size: 1.0em !important;
	}
	.mySentence {
		font-size: 1.0em !important;
	}
	.smallSizeFont {
		font-size: .7em !important;
	}
	.myButtonText .x-btn-text {
		font-size: 1.0em !important;
	}
	.myDialogStyle {
		font-size: 1.0em !important;
	}
	.myChoiceLayer {
		width: auto !important;
		/* 	height: auto !important; */
	}
}

@media all and (max-width: 480px) and (orientation:portrait) { /* styles for smaller devices */
	.dialogImage {
		width: auto !important;
		height: 15px;
	}
	.myChoices { /* width: auto !important;  */
		font-size: 1.0em !important;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		padding: 9px 8px 9px 8px !important;
		height: auto !important;
		word-break: break-all;
		width: auto !important;
		white-space: normal !important;
		word-wrap: break-word;
 
	}
	div .buttonStyle {
		color: #0B615E !important;
		font-size: .9em !important;
	}
	.editChoiView {
		font-size: .8em !important;
		padding: 1px 1px 1px 40px;
	}
	.myTranslation {
		font-size: .9em !important;
		padding: 12px 0px 0px 0px;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	.completedSentence {
		font-size: .9em !important;
		word-break: break-all;
		/* 	white-space: normal !important; */
		word-wrap: break-word;
		padding: 12px 0px 0px 0px;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	.completedDialog { /*min-height: 100%;*/
		height: auto !important;
		font-size: .8em !important;
		word-break: break-all;
		white-space: normal !important;
		word-wrap: break-word;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	x-toolbar div[style] {
		background: yellow !important;
		font-size: .8em !important;
	}
	.text-field-label {
		font-size: .8em !important;
	}
	.mySentence {
		font-size: .9em !important;
	}
	.smallSizeFont {
		font-size: .8em !important;
	}
	.myButtonText .x-btn-text {
		font-size: .6m;
	}
	.myDialogStyle {
		font-size: .8 em !important;
	}
	.myChoiceLayer {
		width: auto !important;
		height: auto !important;
	}
}



 
@media all and (max-width: 374px)  and (orientation:portrait){ /* styles for smaller devices */
	.dialogImage {
		width: auto !important;
		height: 15px;
	}
	.myChoices { /* width: auto !important;  */
		font-size: 1em !important;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		padding: 9px 8px 9px 8px !important;
		height: auto !important;
		word-break: break-all;
		width: auto !important;
		white-space: normal !important;
		word-wrap: break-word;
	 
	}
	div .buttonStyle {
		color: #0B615E !important;
		font-size: .9em !important;
	}
	.editChoiView {
		font-size: .8em !important;
		padding: 1px 1px 1px 40px;
	}
	.myTranslation {
		font-size: .9em !important;
		padding: 12px 0px 0px 0px;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	.completedSentence {
		font-size: .9em !important;
		word-break: break-all;
		/* 	white-space: normal !important; */
		word-wrap: break-word;
		padding: 12px 0px 0px 0px;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	.completedDialog { /*min-height: 100%;*/
		height: auto !important;
		font-size: .8em !important;
		word-break: break-all;
		white-space: normal !important;
		word-wrap: break-word;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	x-toolbar div[style] {
		background: yellow !important;
		font-size: .8em !important;
	}
	.text-field-label {
		font-size: .8em !important;
	}
	.mySentence {
		font-size: .9em !important;
	}
	.smallSizeFont {
		font-size: .8em !important;
	}
	.myButtonText .x-btn-text {
		font-size: .6m;
	}
	.myDialogStyle {
		font-size: .8 em !important;
	}
	.myChoiceLayer {
		width: auto !important;
		height: auto !important;
	}
}

@media all and (max-width: 320px)  and (orientation:portrait){
	/*	styles for iPhone/Android portrait*/
	.dialogImage {
		width: auto !important;
		height: 20px;
	}
	.myChoices { /* width: auto !important;  */
		font-size: .8em !important;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		padding: 9px 4px 9px 4px !important;
		width: auto !important;
		height: auto !important;
		word-break: break-all;
		white-space: normal !important;
		word-wrap: break-word;
		/* 	width: auto !important; */
	}
	div .buttonStyle {
		color: #0B615E !important;
		font-size: 0.5em !important;
	}
	.editChoiView {
		font-size: .6em !important;
		padding: 1px 1px 1px 40px;
	}
	.myTranslation {
		font-size: .7em !important;
		/* 	border: 5px solid red; */
		padding: 8px 0px 0px 0px;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
	}
	.completedSentence {
		font-size: .7em !important;
		word-break: break-all;
		/* 		white-space: normal !important; */
		word-wrap: break-word;
		padding: 8px 0px 0px 0px;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	.completedDialog { /*min-height: 100%;*/
		height: auto !important;
		font-size: .7em !important;
		word-break: break-all;
		white-space: normal !important;
		word-wrap: break-word;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* 	border: 5px solid red; */
	}
	x-toolbar div[style] {
		background: yellow !important;
		font-size: .7em !important;
	}
	.mySentence {
		font-size: .7em !important;
	}
	.smallSizeFont {
		font-size: .68em !important;
	}
	.myButtonText .x-btn-text {
		font-size: .6em !important;
	}
	.myDialogStyle {
		font-size: .6em !important;
	}
	.myChoiceLayer {
		width: auto !important;
		height: auto !important;
	}
}

/*  LANDSCAPE*/

@media all and (max-width: 10024px) and (orientation:landscape){
	/*styles for narrow desktop browsers and iPad landscape /*
DEFAULT STYLE - LARGE SCREEN

*/
	.dialogImage {
		width: auto !important;
		height: 50px;
	}
	.myChoices { /* width: auto !important;  */
		border-style: double;
		font-size: 1.2em !important;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		padding: 14px 12px 14px 12px !important;
		height: auto !important;
		height: auto !important;
		word-break: break-all;
		width: auto !important;
		white-space: normal !important;
		word-wrap: break-word;


	}
	div .buttonStyle {
		color: #0B615E !important;
		font-size: 1.2em !important;
	}
	.editChoiView {
		font-size: .95em !important;
		padding: 1px 1px 1px 40px;
	}
	.myTranslation {
		font-size: 1.2em !important;
		padding: 36px 0px 0px 0px;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	.completedSentence {
		font-size: 1.2em !important;
		word-break: break-all;
		white-space: normal !important;
		word-wrap: break-word;
		padding: 36px 0px 0px 0px !important;
		/* border: 5px solid red;*/
	}
	.completedDialog { /*min-height: 100%;*/
		height: auto !important;
		font-size: 1.2em !important;
		word-break: break-all;
		white-space: normal !important;
		word-wrap: break-word;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	x-toolbar div[style] {
		background: yellow !important;
		font-size: 1.2em !important;
	}
	.text-field-label {
		font-size: 1.2em !important;
	}
	.mySentence {
		font-size: 1.2em !important;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
	}
	.smallSizeFont {
		font-size: .7em !important;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
	}
	.myButtonText .x-btn-text {
		font-size: 1.2em !important;
	}
	.myDialogStyle {
		font-size: 1.2em !important;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
	}
	.myChoiceLayer {
		width: auto !important;
	}
}

@media all and (max-width: 768px) and (orientation:landscape){ /*	styles
	 
	for
	 
	narrower
	 
	desktop
	 
	browsers
	 
	and
	 
	iPad
	 
	portrait*/
	.dialogImage {
		width: auto !important;
		height: 30px;
	}
	.myChoices { /* width: auto !important;  */
		font-size: 1.1em !important;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		padding: 12px 11px 12px 11px !important;
		height: auto !important;
		word-break: break-all;
		width: auto !important;
		white-space: normal !important;
		word-wrap: break-word;

		/* 		overflow:auto;
top padding is 25px
right padding is 50px
bottom padding is 75px
left padding is 100px */
	}
	div .buttonStyle {
		color: #0B615E !important;
		font-size: 1.1em !important;
	}
	.editChoiView {
		font-size: .95em !important;
		padding: 1px 1px 1px 40px;
	}
	.myTranslation {
		font-size: 1.1em !important;
		padding: 24px 0px 0px 0px;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	.completedSentence {
		font-size: 1.1em !important;
		word-break: break-all;
		white-space: normal !important;
		word-wrap: break-word;
		padding: 24px 0px 0px 0px;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	.completedDialog { /*min-height: 100%;*/
		height: auto !important;
		font-size: 1.1em !important;
		white-space: normal !important;
		word-break: break-all;
		word-wrap: break-word;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	x-toolbar div[style] {
		background: yellow !important;
		font-size: 1.1em !important;
	}
	.text-field-label {
		font-size: 1.1em !important;
	}
	.mySentence {
		font-size: 1.1em !important;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
	}
	.smallSizeFont {
		font-size: .7em !important;
	}
	.myButtonText .x-btn-text {
		font-size: 1.1em !important;
	}
	.myDialogStyle {
		font-size: 1.1em !important;
	}
	.myChoiceLayer {
		width: auto !important;
	}
}

@media all and (max-width: 640px) and (orientation:landscape) {
	/*styles for narrow desktop browsers and iPad landscape /*
DEFAULT STYLE - LARGE SCREEN

*/
	.dialogImage {
		width: auto !important;
		height: 20px;
	}
	.myChoices { /* width: auto !important;  */
		font-size: .9em !important;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		padding: 11px 10px 11px 10px !important;
		height: auto !important;
		word-break: break-all;
		width: auto !important;
		white-space: normal !important;
		word-wrap: break-word;

	}
	div .buttonStyle {
		color: #0B615E !important;
		font-size: .9em !important;
	}
	.editChoiView {
		font-size: .95em !important;
		padding: 1px 1px 1px 40px;
	}
	.myTranslation {
		font-size: .9em !important;
		padding: 18px 0px 0px 0px;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	.completedSentence {
		font-size: .9em !important;
		word-break: break-all;
		white-space: normal !important;
		word-wrap: break-word;
		padding: 18px 0px 0px 0px;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	.completedDialog { /*min-height: 100%;*/
		height: auto !important;
		font-size: .9em !important;
		word-break: break-all;
		white-space: normal !important;
		word-wrap: break-word;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	x-toolbar div[style] {
		background: yellow !important;
		font-size: 1.0em !important;
	}
	.text-field-label {
		font-size: .9em !important;
	}
	.mySentence {
		font-size: .9em !important;
	}
	.smallSizeFont {
		font-size: .7em !important;
	}
	.myButtonText .x-btn-text {
		font-size: .9em !important;
	}
	.myDialogStyle {
		font-size: .9em !important;
	}
	.myChoiceLayer {
		width: auto !important;
		/* 	height: auto !important; */
	}
}

@media all and (max-width: 480px) and (orientation:landscape) { /* styles for smaller devices */
	.dialogImage {
		width: auto !important;
		height: 15px;
	}
	.myChoices { /* width: auto !important;  */
		font-size: .8em !important;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		padding: 9px 8px 9px 8px !important;
		height: auto !important;
		word-break: break-all;
		width: auto !important;
		white-space: normal !important;
		word-wrap: break-word;
 
	}
	div .buttonStyle {
		color: #0B615E !important;
		font-size: .8em !important;
	}
	.editChoiView {
		font-size: .8em !important;
		padding: 1px 1px 1px 40px;
	}
	.myTranslation {
		font-size: .8em !important;
		padding: 12px 0px 0px 0px;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	.completedSentence {
		font-size: .8em !important;
		word-break: break-all;
		/* 	white-space: normal !important; */
		word-wrap: break-word;
		padding: 12px 0px 0px 0px;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	.completedDialog { /*min-height: 100%;*/
		height: auto !important;
		font-size: .8em !important;
		word-break: break-all;
		white-space: normal !important;
		word-wrap: break-word;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	x-toolbar div[style] {
		background: yellow !important;
		font-size: .8em !important;
	}
	.text-field-label {
		font-size: .8em !important;
	}
	.mySentence {
		font-size: .9em !important;
	}
	.smallSizeFont {
		font-size: .8em !important;
	}
	.myButtonText .x-btn-text {
		font-size: .6m;
	}
	.myDialogStyle {
		font-size: .8 em !important;
	}
	.myChoiceLayer {
		width: auto !important;
		height: auto !important;
	}
}

 

 
@media all and (max-width: 374px) and (orientation:landscape) { /* styles for smaller devices */
	.dialogImage {
		width: auto !important;
		height: 15px;
	}
	.myChoices { /* width: auto !important;  */
		font-size: .7em !important;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		padding: 9px 8px 9px 8px !important;
		height: auto !important;
		word-break: break-all;
		width: auto !important;
		white-space: normal !important;
		word-wrap: break-word;
	 
	}
	div .buttonStyle {
		color: #0B615E !important;
		font-size: .7em !important;
	}
	.editChoiView {
		font-size: .8em !important;
		padding: 1px 1px 1px 40px;
	}
	.myTranslation {
		font-size: .7em !important;
		padding: 12px 0px 0px 0px;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	.completedSentence {
		font-size: .8em !important;
		word-break: break-all;
		/* 	white-space: normal !important; */
		word-wrap: break-word;
		padding: 12px 0px 0px 0px;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	.completedDialog { /*min-height: 100%;*/
		height: auto !important;
		font-size: .7em !important;
		word-break: break-all;
		white-space: normal !important;
		word-wrap: break-word;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	x-toolbar div[style] {
		background: yellow !important;
		font-size: .8em !important;
	}
	.text-field-label {
		font-size: .8em !important;
	}
	.mySentence {
		font-size: .9em !important;
	}
	.smallSizeFont {
		font-size: .8em !important;
	}
	.myButtonText .x-btn-text {
		font-size: .6m;
	}
	.myDialogStyle {
		font-size: .8 em !important;
	}
	.myChoiceLayer {
		width: auto !important;
		height: auto !important;
	}
}

@media all and (max-width: 320px) and (orientation:landscape) {
	/*	styles for iPhone/Android portrait*/
	.dialogImage {
		width: auto !important;
		height: 15px;
	}
	.myChoices { /* width: auto !important;  */
		font-size: .7em !important;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		padding: 9px 4px 9px 4px !important;
		width: auto !important;
		height: auto !important;
		word-break: break-all;
		white-space: normal !important;
		word-wrap: break-word;
		/* 	width: auto !important; */
	}
	div .buttonStyle {
		color: #0B615E !important;
		font-size: 0.5em !important;
	}
	.editChoiView {
		font-size: .6em !important;
		padding: 1px 1px 1px 40px;
	}
	.myTranslation {
		font-size: .7em !important;
		/* 	border: 5px solid red; */
		padding: 8px 0px 0px 0px;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
	}
	.completedSentence {
		font-size: .7em !important;
		word-break: break-all;
		/* 		white-space: normal !important; */
		word-wrap: break-word;
		padding: 8px 0px 0px 0px;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* border: 5px solid red;*/
	}
	.completedDialog { /*min-height: 100%;*/
		height: auto !important;
		font-size: .7em !important;
		word-break: break-all;
		white-space: normal !important;
		word-wrap: break-word;
		font-family: "TA_POPsuzuki", "Comic Sans MS", "STHeitiTC-Light",
			"ChalkboardSE-Light", cursive;
		/* 	border: 5px solid red; */
	}
	x-toolbar div[style] {
		background: yellow !important;
		font-size: .7em !important;
	}
	.mySentence {
		font-size: .7em !important;
	}
	.smallSizeFont {
		font-size: .68em !important;
	}
	.myButtonText .x-btn-text {
		font-size: .6em !important;
	}
	.myDialogStyle {
		font-size: .6em !important;
	}
	.myChoiceLayer {
		width: auto !important;
		height: auto !important;
	}
}

.change {
	background: url("/images/200px-Greek_uc_delta.svg.png") no-repeat center
		left !important;
}

.trash-icon {
	background: url("/images/icons/trash.ico") no-repeat center left
		!important;
}

.safe {
	color: #0B615E
}

.err {
	color: red
}

#hideme {
	display: none;
	visibility: hidden;
}

.hideme {
	visibility: hidden;
}

.wrapped {
	white-space: normal !important;
}

.prefs_font {
	font-size: .6em !important;
}

.ifwa {
	width: 100% !important;
	height: 100% !important;
	overflow: auto;
	-webkit-overflow-scrolling: touch !important;
	scrolling: yes !important;
}