/* JPlayer button */



i[music] {
   font-size:16px;
   color:rgb(153, 153, 153);
   cursor: pointer;
}

i[music]:hover,i[music].active {
   color:rgb(51, 51, 51);
}


#myModal{
 z-index:65557;
}

#myModal .modal-title{
float:left;
}

#mjsp-menu-select ul {
 display:none;
}



#myModal .nav-tabs {
 border:0;
}


#myModal .nav-tabs a:hover {
 border-color:transparent;
}

#myModal  ul  {
  list-style:none;
}


.ui-autocomplete {
		max-height: 200px;
		overflow-y: auto;
		/* prevent horizontal scrollbar */
		overflow-x: hidden;
	}
	/* IE 6 doesn't support max-height
	 * we use height instead, but this forces the menu to always be this tall
	 */
	* html .ui-autocomplete {
		height: 100px;
	}

/*  Responsive table*/
@media 
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {


         /* Article Index*/
         #article-index{
             float:none;
             width:90%;
        }
	
		/* Force table to not be like tables anymore */
		.table_resize table, thead, tbody, th, td, tr { 
			display: block ; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.table_resize thead tr { 
			position: absolute ;
			top: -9999px ;
			left: -9999px ;
		}
		
		/*.table_resize tr { border: 1px solid #ccc; }*/
		
		.table_resize td { 
			/* Behave  like a "row" */
			border: none;
			border-bottom: 1px solid #eee ; 
			position: relative ;
			padding-left: 50% !important; 
		}
		
		.table_resize td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			top: 6px ;
			left: 6px ;
			width: 45% ; 
			padding-right: 10px ; 
			white-space: nowrap;
		}
		
		
		/* FOr Irregular Table Resize*/
		.table_irr_verb td:nth-of-type(1):before { content: "Infinitive"; }
		.table_irr_verb td:nth-of-type(2):before { content: "Past Indefinite"; }
		.table_irr_verb td:nth-of-type(3):before { content: "Participle II"; }
		.table_irr_verb td:nth-of-type(4):before { content: "Перевод"; }
}	



            /*Оформление статей из старого варианта*/
        .lets {
	     letter-spacing: 2px;
	     font-weight: bold;
        }            
        
      /*англ. буквы в тексте*/
      .txt_b {
	  letter-spacing: normal;
	  font-weight: bold;
      }
      /*англ. слова в тексте*/
      .txt_be {
	font-style: italic;
	letter-spacing: 1px;
      }        
      
/*  VERB*/      
span.rvts0 {font-style: normal;font-weight: normal;text-decoration: none;}
span.rvts1 {font-weight: bold;}
span.rvts3 {font-style: italic;}
span.rvts4 {text-decoration: underline;}
span.rvts6 {font-weight: bold;}
span.rvts10 {letter-spacing: 3px;}
span.rvts91 {font-style: italic;font-weight: bold;}
span.rvts136 {font-weight: bold;letter-spacing: 1px;}
span.rvts170 {font-weight: bold;letter-spacing: 1px;}
span.rvts190 {font-weight: bold;}
span.rvts192 {font-style: italic;}
span.rvts214 {font-weight: bold;letter-spacing: 3px;}
span.rvts364 {font-weight: bold;letter-spacing: 1px;}
span.rvts365 {letter-spacing: 1px;}
span.rvts366 {font-style: italic;letter-spacing: 1px;}
span.rvts521 {font-style: italic;font-weight: bold;letter-spacing: 1px;}
span.rvts605 {font-style: italic;font-weight: bold;}
span.rvts916 {font-style: italic;letter-spacing: 3px;}
span.rvts1604 {font-style: italic;font-weight: bold;letter-spacing: 1px;}
span.rvts2385 {font-style: italic;letter-spacing: 1px;}
span.rvts4026 {vertical-align: super;}
span.rvts9384 {letter-spacing: 1px;}
span.rvts9393 {font-weight: bold;}
span.rvts9395 {font-style: italic;letter-spacing: 1px;}
span.rvts9396 {font-weight: bold;letter-spacing: 1px;}
span.rvts9403 {font-style: italic;font-weight: bold;letter-spacing: 1px;}
span.rvts9653 {letter-spacing: 2px;}
span.rvts11726 {font-style: italic;letter-spacing: 3px;}
span.rvts11733 {font-style: italic;font-weight: bold;letter-spacing: 2px;}
span.rvts13033 {letter-spacing: 2px;}
span.rvts14609 {font-weight: bold;letter-spacing: 2px;}
span.rvts14886 {font-weight: bold;letter-spacing: 2px;}
span.rvts16253 {font-style: italic;}
span.rvts20315 {font-weight: bold;vertical-align: super;}
span.rvts20344 {font-style: italic;font-weight: bold;}
span.rvts21394 {letter-spacing: 1px;}
span.rvts27 {letter-spacing: 5px;}

span.span_b {color:green}
p.p_b {text-indent:20px;}

/******************************************************************************************************************/

.img_propissymb {
	background-image: url(/media/img/propis.jpg);
	padding: 0px;
	margin: 0px;
	display:inline-block;
	}

.small85 {
   font-size:85%;
   list-style:none;
}

.book_img{
   float:left;
   margin-right:10px;
}

.text .ru {color:green;}
.text .indent {text-indent:20px;}


.spbuilder_top2_myclass{
  text-align:right;
  font-size:90%;
}


.alert-danger, .alert-error {
background-color:#f2dede;
border-color:#eed3d7;
color:#b94a48;
}

/* Slovar */
.transcript {font-family:'Arial Unicode MS', Verdana, Arial, Sans-serif; font-style:normal;font-size:110%;margin:0 2px 0 2px}
 
/*entlk*/

 .entlk p {margin:0px}
 .entlk .ex{color:gray}
 .entlk .m1 {padding-left:5px}
 .entlk .m2 {padding-left:10px}
 .entlk .m3 {padding-left:15px}
 .entlk .m4 {padding-left:20px}
 .entlk .m5 {padding-left:25px}
 .entlk .m6 {padding-left:30px}

 
 .dsl p {margin:0px}
 .dsl .m1 {padding-left:5px}
 .dsl .m2 {padding-left:10px}
 .dsl .m3 {padding-left:15px}
 .dsl .m4 {padding-left:20px}
 .dsl .m5 {padding-left:25px}
 .dsl .abbrv {color:green}
 .dsl .color {color:chocolate}
 .dsl .p{color:maroon}
 .dsl .ex{color:gray}
 .dsl .lang {font-weight:bold;}/*{color:black}*/
           
 .dsl .com {color:#660066}
 .fraza-header {font-weight:bold;}
 .dsl .header {font-weight:bold;}
 span.idioms_example {color:gray}
 
 .sound1 .icon-play-circle,.sound1 .icon-stop-circle {font-size:140%}
 .footer1 {float:left} 
 .footer2 {float:right}

/*на экранах где мало содержимого footer не прижимается к низу экрана для "короткого" вывода лучше ставить #sp-main-body по умолчанию: 100px*/
entry-header {margin-bottom: 50px;}
#sp-main-body {padding: 20px 0;}
.entry-header {margin-bottom:10px}

.helix-social-share .helix-social-share-icon #st-1.st-has-labels .st-btn {min-width:20px}

table.parallel td {padding:0 5px 10px 5px;vertical-align:baseline} 