.chapter h3 {
color : red;
font-size: 16px;
}

.ch-ar, .ph-ar, .input {
font-family: Traditional Arabic!important;
}

.ph-ar  {font-size: 25px; padding: 5px; direction: rtl!important;clear: both;}

div.ph-ar {display:block;}


.il img {
float:right; height:100px;
}

.input {color:red;font-size: 25px;padding: 5px; direction: rtl;}
.output {display:none;}

.ru-tr  {font-size: 14px; color:grey;font-style: italic; direction:ltr;}


.il {border: grey solid 1px; text-align:right; padding:5px;border-radius:10px;cursor:pointer;}
.il:hover{background-color: #EEE;border-color:red; }
.dialog .il {margin: 5px;}
.exercise .il {margin: 5px;}

.f-r {float:right;margin:10px;}

.chapter-header-block {
float: left;
border: grey solid 1px; 
text-align:center; 
padding:5px;
border-radius:10px;
margin: 5px;
}

.chapter-header-block img {
float:left !important; 
height:300px;
}

.chapter-header-block:hover{
background-color: #EEE;
border-color:red;
}

.chapter-header-ar {
clear:left;
font-family: Traditional Arabic!important;
font-size: 30px; padding: 5px; direction: rtl!important;

}

.chapter-header-ru {
font-size: 14px; 
color:dimgray;
direction:ltr;
font-family: tahoma;
}

.chapter-header {
text-align: center;
background: #DDD;
border-radius:10px;
padding: 10px;
}

.chapter-header .chapter-header-ru
{
font-size: 18px; 
}

.chapter-header  h1 {
margin: 0;
}


.paragraph {
text-align: center;
background: #DDD;
padding: 10px;
border-radius: 20px;
border: #DDD solid 1px;

}

.paragraph:hover {
border-color:red;
}

.sp {
color: #4187BD;
font-weight: bold;
}


.icon-next-chapter {
float: right;
}

.icon-previous-chapter {
float: left;
}


#slideshow-block {
    border: 2px solid #ABCBE3;
    height: 220px;
    width: 350px;
	padding: 10px;
	text-align:center;
	border-radius: 40px;
}

#slideshow-block img {
height:150px;
}

#slideshow-block .ph-ar {
font-size: 35px;
margin: 10px 0;
}

.dialog #slideshow-block .ph-ar {
line-height:40px;
}

#controls-block {
}


.nav-button {
display: inline-block;
margin: 10px;
background: #ABCBE3;
padding: 5px 10px;
border-radius: 10px;
color: white;
font-weight: bold;
cursor: pointer;
}