/**
 * Styling for Hebrew controls
 */


/*
helps to find 5 "matching" colors	
// http://www.colorexplorer.com/colormatch.aspx - Sweet Spot Offset 
$color1 = "#2BFFE3"; 
$color2 = "#00806F";
$color3 = "#BFC8FF";
$color4 = "#6666FF";
*/


/* Styles for shortcode include_letter */


div.blockLetters {
	border: 1px solid black;
	/*	font-family:Times New Roman */
	align: center;
	padding: 10px;
	font-size: 35px;
	display: inline-block;
	line-height: 35px;
}

div.hebrew {
	background-color: #8FFFF9;
	width: 60px;
}

div.letterName {
	background-color: #DEE0FF;
	width: 195px;
}

div.pronunciation {
	background-color: #8F94FF;
	width: 120px;
}

div.letterNumber {
	background-color: #7F7F7F;
	width: 80px;
}


/* Styles for shortcode include_vowel */

div.v_blockLettersWrapper {
	border: 1px solid black;
	align: center;
	padding: 20px;
	font-size: 300%;
	display: inline-block;
}

div.v_blockLetters {
	border: 1px solid black;
	align: center;
	padding: 20px;
	font-size: 300%;
	display: inline-block;
}

div.v_hebrew {
	background-color: #8FFFF9;
	width: 35px;
}

div.v_letterName {
	background-color: #DEE0FF;
	width: 200px;
}

div.v_shortPronunciation {
	background-color: #8F94FF;
	width: 130px;
}

div.v_englishPronunciation {
	background-color: #7F7F7F;
	width: 567px;
}

div.v_ipaPronunciation {
	background-color: #00FF84;
	width: 75px;
}


/* Styles for shortcode include_drill_word */

div.drill_word {
	height: 5.5em;
	display: inline-block;
	padding: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
	line-height: 5.5em;
	margin-top: 0.5em;

	/*
	vertical-align:middle;

	margin: 0em;

	padding-top: 0.3em;
	padding-bottom: 0.2em;
*/
	direction: rtl;

	border: thin solid black;
	background: #ff4;
}


div.drill_word .word_link {
	text-decoration: none !important;
	color: black;
	font-weight: normal;
	text-align: right;
	font-size: 3em;
	/*
	border: thin solid black;
	background: #ff4;
	padding: 0.2em;
	padding-left: 0.3em;
	padding-right: 0.3em;
	padding: 0.4em;
	direction: rtl;
*/
}


/* Styles for readings */

.words_chant {
	border: thin solid black;
	text-align: right;
	padding: 0.4em;
	direction: rtl;
}

.words_chant .punctuation {
	font-size: 3em;
}

/* font select combobox */

#font_select_div {
	text-align: right;
	margin-bottom: 0;
	padding-top: 0.2em;
	padding-bottom: 0;
}



.curplaying {
	color: red !important;
}

.oneplaying {
	color: green !important;
}


#playercontroler {
	height: 60px;
}

#playercontroler a {
	width: 49px;
	height: 50px;
	margin-right: 5px;
	text-indent: -99999px;
	float: left;
}

#play {
	background: url(images/play.png) no-repeat;
	display: block;
}

#resume {
	background: url(images/resume.png) no-repeat;
	display: none
}

#stop {
	background: url(images/stop.png) no-repeat;
	display: none
}

#pause {
	background: url(images/pause.png) no-repeat;
	display: none
}

.speed-bar {
	width: 250px;
	float: left;
	margin-left: 5px;
}

.speed-bar p {
	margin-bottom: 5px;
}

.speed {
	width: 200px;
}

.speed-value {
	font-weight: bold;
}

.ui-slider-horizontal {
	background: #000000 !important;
	border: 1px solid #000000 !important;
	height: 14px !important;
}

.ui-slider-range-min {
	background: #92CDDC !important;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.ui-slider-handle {
	background: url("images/slider-handle.png") !important;
	border: none !important;
	width: 21px !important;
	height: 22px !important;
	outline: none;
	top: -4px !important;
}

.playercontroler {
	height: 60px;
}

.playercontroler a {
	width: 49px;
	height: 50px;
	margin-right: 5px;
	float: left;
}

.takequiz {
	background: url(images/takequiz.jpg) no-repeat;
	display: block;
}

.play {
	background: url(images/play.png) no-repeat;
	display: block;
}

.replay {
	background: url(images/play.png) no-repeat;
	display: none;
}

.resume {
	background: url(images/resume.png) no-repeat;
	display: none
}

.stop {
	background: url(images/stop.png) no-repeat;
	display: none
}

.pause {
	background: url(images/pause.png) no-repeat;
	display: none
}

.link {
	height: 50px;
	line-height: 50px;
	float: left;
	font-weight: bold;
	padding-left: 10px;
	text-decoration: none;
	cursor: text;
	font-size: 24px;
	color: black !important;
}

.quiz-line {
	font-size: 20px;
	font-weight: bold;
	line-height: 50px;
	padding-left: 10px;
	display: none;
}

.quiz-line span {
	padding: 0 10px 0 0;
}

.hk-normal-word {
	text-transform: uppercase;
	display: block;
	font-size: 2rem;
	color: #5a5858;
	font-weight: bold;
	text-align: right;
	margin-bottom: 0px;
}

.hk-normal-word a {
	text-decoration: none;
	color: #5a5858;
	transition: 0.3s;
}

.hk-normal-word a:hover {
	color: #76ABDF;
}