body {
background: url(../images/paper.jpg);
}

#source {
display:none;
}

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


.il .ph-or  {font-size: 130%; padding: 5px; clear: both;float:left;}




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


.ph-tr  {color:grey; padding: 0 5px;}
.il .ph-tr {float: left;clear:left;width:95%;}

.il {border: grey solid 1px; text-align:left; padding:5px;border-radius:10px;cursor:pointer; }
.il:hover{background-color: #EEE;border-color:blue; }
.chapter .il {margin: 5px; display: inline-block;width:95%}
.exercise .il {margin: 5px;}

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

.ph-dict {
color: blue;
text-align:center;
}

.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-or {
clear:left;
font-size: 30px; padding: 5px;

}

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

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

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

.chapter-header  h1 {
margin: 0;
}


.paragraph {
text-align: center;
background: #D6E7FF;
padding: 10px;
border-radius: 10px;
border: #D6E7FF solid 1px;
cursor: pointer;

}

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

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


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

}

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

#slideshow-block .ph-or {
margin: 10px 0;
font-size: 200%;
}


.chapter {
	line-height: 1;
	font-family: -webkit-body;
}

#controls-block {
}


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

#playControl, #pauseControl {
width:60px;
}

.player input {
width:50px;
text-align: center;
}

#dictant-settings {
display:none;
}
#dictantSettings {
display: inline-block;
}

/* statistic */

.small_diagramm div{
font-size: 12px; 
padding: 0px 4px; 
color:white;
background: skyblue; 
margin:1px; 
height:5px; 
font-size: 3px;
}

.normal_diagramm div{
background: skyblue;
margin:1px;  
font-size: 12px; 
padding: 0px 4px; 
color:white;
}

/* Меню - оглавление */

#open-close-all {
float:right;
}
#open-close-all.plus {background: url(../images/plus.png) 10px no-repeat;}
#open-close-all.minus {background: url(../images/minus.png) 10px no-repeat;}

.menu li{list-style-type: none;cursor:pointer;}

.menu a {text-decoration:none;}
.menu .plus {background: url(../images/plus.png) 10px no-repeat;}
.menu .minus {background: url(../images/minus.png) 10px no-repeat;}
.menu .plus, .menu .minus {font-weight:bold;}
ul.menu {border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
width: 293px;
padding: 0px;
}
.menu li {
border-top: 1px solid #fff;
border-bottom: 1px solid #ccc;
padding: 10px 10px 10px 32px;
}

.menu-subchapter li {
padding: 5px 5px 5px 5px;
font-size:15px;
}
.menu-subchapter li  a{
color: black;
}
.menu-subchapter li :hover{
background-color: white;
}
.menu-subchapter {font-size: 12px;}
ul.menu-subchapter {padding:0px 5px;}

/* Textophone Banner */
#textophone-banner .nav-button {
margin:2px;
padding: 2px 10px;
}

.chapter-content {
display:none;
}

#book-name {
text-align:center; 
}

#left-sidebar {
float: left;
}

.current-chapter {
float: left;
width: 60%;
margin: 0 5%;
}

#current-chapter-name {
color: #08c;
margin: 10px;
}

.set_cur_pos {
float: right;
border: gray solid 1px;
border-radius: 5px;
height: 5px;
width: 5px;

margin-top: 8px;
}

.set_cur_pos:hover, .set_cur_pos.active{
background-color: blue;
color: white;
}

#slideshow-block .set_cur_pos {
display: none;
}