/*
=======================================
Подключаемые шрифты
=======================================
*/
@font-face {
    font-family: 'note_thisregular';
    src: url('fonts/Note_this-webfont.eot');
    src: local('note_thisregular'),
		 url('fonts/Note_this-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Note_this-webfont.woff') format('woff'),
         url('fonts/Note_this-webfont.ttf') format('truetype'),
         url('fonts/Note_this-webfont.svg#note_thisregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*
========================================
Вспомогательные классы
========================================
*/
.hidden{
	display:none;
}
/*
========================================
Основные свойства
========================================
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #625A5A;
	background: rgb(113, 24, 64);/*rgb(128, 12, 64);*/
	overflow-y: scroll; /* Добавлено для того, чтобы страница не дергалась при появлении полосы прокрутки */
}

body a{
	color: #625A5A;
}

#page-wrapper {
	margin: 0 auto;

}
#wrapper {
	margin: 0 auto;	
	padding-left:15px;
	padding-right:15px;
	padding-bottom:15px;
	width:1200px;
	background-color: #FFFFFF !important;
}

/*
==========================================
Футер и его содержимое
==========================================
*/
#footer {
	min-height: 80px;
	margin-top:15px;
}
#sfedu{
	float:left;
	margin: 15px;
}
#sfedu img {
	width:50px;
}
#copyrights {
	float:right;
	color: white;
	/*font-weight:bold;*/
	margin: 15px;
}
#copyrights a {
	text-decoration:none;
	color: white;
}
/*
==========================================
Заголовок и его содержимое
==========================================
*/
#header {
	/*background:rgba(128, 12, 64, 0.84);*/
	min-height:35px;
	margin:0px;
	padding: 3px;
	color:white;
	/*clear: both;*/
}
#logo {
	float: left;
	/*margin-top:5px;*/
	margin-left:10px;
}

#logo span{
	font-weight:bold;
	font-size:1.5em;
}
/*
>>>>>>>>>>>>>>>>>>>>
Верхнее горизонтальное меню
<<<<<<<<<<<<<<<<<<<<
*/
#navigation {
	float:right;
}

#navigation ul {
	list-style-type:none;
	margin-top:0.5em;
}

#navigation li {
	float:left;
	padding-left:5px;
	padding-right: 5px;
	font-size:0.8em;
	
}
#navigation li a{
	text-decoration:none;
	color:white;
	padding: 5px;
}
#navigation li a:hover{

	color:rgba(128, 12, 64, 0.84);
	background-color:rgb(250, 220, 229);;	
}
/*Если черта с помощью border для верхнего меню:
li {
display:inline;
border-left:1px solid #bbb;
padding:0 2px 0 4px;
}
li:first-child {
border:none;
}
*/

.active {/*класс для выбранного пункта верхнего основного меню*/
	color:rgba(128, 12, 64, 0.84) !important;
	background-color:rgb(250, 220, 229);	
}
#other{
	float:left;

}

#other ul {
	list-style-type:none;
	margin:0px;
	padding: 0px;
}

#other li {
	float:left;

	/*padding-right: 5px;*/
	margin-right:3px;

	/*border-right: 1px solid;*/

}

#other li a {
	background-color:rgba(250, 220, 229, 0.65);
	padding:5px;	
	text-decoration:none;
	color:rgba(128, 12, 64, 0.84);
	font-weight:bold;
}

#other li a:hover{
	color:rgb(250, 220, 229);
	background-color:rgba(128, 12, 64, 0.84);
}
div#other li.smodul a{
	background-color:rgba(128, 12, 64, 0.84) !important;
	color:rgb(250, 220, 229) !important;
}
/*
====================================================
Меню модулей - справа над областью упражнений
====================================================
*/
#modules{
	float:right;
}

#modules ul {
	list-style-type:none;
	margin:0px;
}

#modules li {
	float:left;

	/*padding-right: 5px;*/
	margin-left:3px;

	/*border-right: 1px solid;*/

}

#modules li a {
	background-color:rgba(250, 220, 229, 0.65);
	padding:5px;	
	text-decoration:none;
	color:rgba(128, 12, 64, 0.84);
	font-weight:bold;
}

#modules li a:hover{
	color:rgb(250, 220, 229);
	background-color:rgba(128, 12, 64, 0.84);
}
div#modules li.smodul a{
	background-color:rgba(128, 12, 64, 0.84) !important;
	color:rgb(250, 220, 229) !important;
}
/*
====================================================
Меню юнитов - слева
====================================================
*/
#units1{
	background: rgba(245, 214, 141, 0.5);
}
#units1 li a:hover{
	color: rgb(220, 113, 65);
}
#units1 h1{
	color: rgb(220, 113, 65);
}
#units2{
	background: rgba(165, 42, 42, 0.15);
}
#units2 h1{
	color: rgb(165, 42, 42);
}
#units2 li a:hover{
	color: rgb(165, 42, 42);
}
#units3{
	background: rgba(128, 0, 84, 0.15);
}
#units3 h1{
	color: rgb(128, 0, 84);
}
#units3 li a:hover{
	color: rgb(128, 0, 84);
}
#units4{
	background: rgba(145, 67, 102, 0.15);
}
#units5{
	background: rgba(4, 162, 253, 0.15);
}
#units5 h1{
	color: rgb(25, 105, 143);
}
#units5 li a:hover{
	color: rgb(25, 105, 143);
}
#units6{
	background: rgba(13, 102, 99, 0.15);
}
#units6 h1{
	color: rgb(13, 102, 99);
}
#units6 li a:hover{
	color: rgb(13, 102, 99);
}
#units7{ /*07.10.2016 три стиля для units7*/
	background: rgba(102, 146, 16, 0.15);
}
#units7 h1{
	color: RGB(102, 146, 16);
}
#units7 li a:hover{
	color: rgb(102, 146, 16);
}
div[id^="units"] {
	float:left;
	width: 250px;
	padding:10px;
}
div[id^="units"] h1 {
	
	margin-top:10px;
}
div[id^="units"] ol {
	list-style:none;
	counter-reset: li;
}
div[id^="units"] li {
	/*padding-bottom:5px;*/
	min-height: 40px;
/*	color:white;*/
	position: relative;
	margin-bottom: 1.5em;
	border-left: 1px solid gray;
	padding: 0.6em;
	border-radius: 4px;
	
}
div[id^="units"] li:before{
	position: absolute;
	top: -0.2em;
	left: -1em;
	padding-left: 0.4em;
	padding-right: 0.4em;
	font-size: 4em;
	font-weight: bold;
	color: white;
	counter-increment: li;
	content: counter(li);
}
#units li a{
	text-decoration:none;
}
.selected {/*класс для выбранного юнита*/
	font-weight:bold;
	
}
.selected span {
	font-weight:normal;
	padding-left:10px;
}
#units1 li.selected >a {
	color: rgb(220, 113, 65) !important;
}
#units1 .selectedTask  a{
	font-weight:bold !important;
	color: rgb(220, 113, 65) !important;
}
#units2 li.selected >a {
	color: rgb(165, 42, 42) !important;
}
#units2 .selectedTask  a{
	font-weight:bold !important;
	color: rgb(165, 42, 42) !important;
}
#units3 li.selected >a {
	color: rgb(128, 0, 84) !important;
}
#units3 .selectedTask  a{
	font-weight:bold !important;
	color: rgb(128, 0, 84) !important;
}
#units4 li.selected >a {
	color: rgb(128, 0, 84) !important;
}
#units4 .selectedTask  a{
	font-weight:bold !important;
	color: rgb(128, 0, 84) !important;
}
#units5 li.selected >a {
	color: rgb(25, 105, 143) !important;
}
#units5 .selectedTask  a{
	font-weight:bold !important;
	color: rgb(25, 105, 143) !important;
}
#units6 li.selected >a {
	color: rgb(13, 102, 99) !important;
}
#units6 .selectedTask  a{
	font-weight:bold !important;
	color: rgb(13, 102, 99) !important;
}
#units7 li.selected >a {/*07.10.2016 два стиля для units7*/
	color: rgb(102, 146, 16) !important;
}
#units7 .selectedTask  a{
	font-weight:bold !important;
	color: rgb(102, 146, 16) !important;
}

/*
==============================================================
Тело юнита body_unit. Состоит из нескольких контейнеров task, 
содержащих заголовк taskHeader, контейнер для аудио-записи audioTask, 
скрипт script, тело задания bodyTask
==============================================================
*/
#content {
	float:left;
	width:900px;
	background: 
    repeating-linear-gradient(
    transparent,transparent 15px, RGBA(98, 90, 90, 0.10) 17px
    ),
    repeating-linear-gradient(
    90deg,
    transparent,transparent 15px, RGBA(98, 90, 90, 0.10) 17px
    );
	margin:0 1%;
}

div[id^="body_unit"] {
	padding-left:10px;
	padding-right:10px;
	margin:0 2%;
	min-height:620px;
}
/*
>>>>>>>>>>>>>>>>
Заголовок задания
<<<<<<<<<<<<<<<<
*/
.taskHeader {
	min-height: 30px;
	text-align:center;
	padding:5px;
	margin-top: 15px;
}
.taskHeader div{
	width: 40em;
	margin: 0 auto;
	color:#625A5A;
	font-family: 'note_thisregular' !important;
	font-size:1.3em;
	font-weight: bold;
	padding-top:10px;
	min-height:2.1em;
}
div.taskHeader strong{
	text-decoration: underline;
}
/*
>>>>>>>>>>>>>>>>>
Аудио-задание
<<<<<<<<<<<<<<<<<
*/
.audioTask{
	margin-left: 200px;
}
/*
>>>>>>>>>>>>>>>>>
контейнер скриптов для аудио-заданий
<<<<<<<<<<<<<<<<<
*/
fieldset[class^="script"] p{
	margin: 10px;
	line-height:1.5em;	
	text-align: justify;	
}
fieldset[class^="script"]{
/*	font-size:1em;*/
  	border: none;
	/*background: rgba(252, 221, 231, 0.2);	*/
}
fieldset[class^="script"] legend{
  padding: 0;
  border: 1px solid lightgray;
}
fieldset[class^="script"] button {
	background:transparent;
	border:none;
	padding: 0 1em;
}
/*
>>>>>>>>>>>>>>>>>
Тело задания
<<<<<<<<<<<<<<<<<
*/
.bodyTask{
	padding:10px;
	margin-top: 10px;
}
#bodyModul{
	margin-top:10px;
}
#modulName {
	padding:0px;
	margin:0px;
}


/*
===========================================
css-свойства контейнера упражнений directTask
===========================================
*/
div[id^="directTask"]{
	margin-top:20px;
	min-height:430px;
}
div[id^="directTask"] p{
	line-height: 2em;
}
div[id^="directTask"] input{
	border-bottom:1px dotted;
	border-top:none;
	border-left:none;
	border-right:none;
	background: transparent;
}
div[id^="directTask"] span{
	white-space:pre;
}
div[id^="directTask"] ol li {
	margin-bottom:5px;
}

div[id^="directTask"] ol li ul {
	list-style-type: none;
}
/*
============================================
Навигация внутри упражнений. Кнопки "Prev", "Next"
============================================
*/
div.bottom_nav{
	display: table;
	width:100%;
}
div.bottom_nav>div{
	display:table-row;
}
div.bottom_nav div div{
	display:table-cell;
}
div.bottom_nav div:first-child{
	text-align:left;
}
div.bottom_nav div:last-child{
	text-align:right;
}
div.bottom_nav div div a{
	text-decoration:none;
	font-size:1.2em;
}
/*
============================================
Размеры текстовых полей
============================================
*/


.input_small input {
    width: 56px;
}

.input_small2 input {
    width: 90px;
}

.input_middle input{
	width:130px;
}

.input_middle2 input{
	width:150px;
}
.input_normal input{
	width:169px;
}
.input_middle3 input{
	width:180px;
}

.input_large input{
	width:200px;
}

.input_large2 input{
	width:240px;
}

.input_large3 input{
	width:300px;
}

.input_large4 input{
	width:340px;
}

.input_large5 input{
	width:400px;
}

.input_large6 input{
	width:480px;
}
/*
============================================
Селекторы скриптов
============================================
*/
.N {color: red; font-weight: bold;}
.Y {color: green; font-weight: bold;}

.exsmess{
	margin-top:15px;
	height:1.5em;
}
/*
============================================
Всплывающие подсказки
============================================
*/
.tooltip {
	text-decoration: none;
}
/*
============================================
Тип упражнения exs4.1. Упорядочивание с перетаскиванием в области 
============================================
*/
div[type_ex="4_1"].words-container { /*если контейнер горизонтальный*/
	margin:10px;
	width:170px;

}

div.area div.cntrl span{
	line-height: 1.8em;
	clear: both;
	float: left;
	cursor:pointer;	
}

div[type_ex="4_1"] div.words-container div{ /*если контейнер горизонтальный*/
	white-space: normal;
	margin:0;
	padding:5px;
	cursor:default;
}
div[type_ex="4_1"] div.words-container div:nth-child(2n+1){
	background: #ececec;
}

div[type_ex="4_1"] div.words-container{/*если контейнер горизонтальный*/
	padding:0;
}

div.container{
	display:table-column;
	float:left;
	padding-top:20px;
	margin-bottom:10px;
}
div[type_ex="4_1"] div.containerTitle{
	font-weight:bold;
	text-align:center;
	margin-left:10px;
	display:table-cell;
	vertical-align:bottom;
	height:2.5em;
	margin-top:5px;
}
div.container div.words-container{/*если контейнер вертикальный с заголовком*/
	display:table-cell;
	margin:5px 20px 0 0;
	padding-top: 10px;
	padding-bottom: 10px;
	/*min-height:150px;*/
}
div[type_ex="4_1"].item{
	display:table-row;
	width:170px;
	float:left;
	margin:5px;
}
div.area{
	display:table;
	margin-left:35px;
	padding-top: 20px;
}
div[type_ex="4_1"].item div.targetTitle{
	font-weight:bold;
	text-align:center;
	height:2.5em;
	display:table-cell;
	vertical-align:bottom;
	margin-left:10px;
	width:165px;
}
div[type_ex="4_1"].item div.cntrl {
	/*display:table-row;*/
	width:165px;
	border: 1px solid gray;
	min-height:150px;
	margin-top:0px;
	margin-left:10px;
}

div.item[type_ex="4_1"] div.cntrl div:nth-child(2n+1){
	background: #ececec;
}
div[type_ex="4_1"].item  div.cntrl div{
	white-space: normal;
	margin:0;
	padding:5px;
	border:none !important;
	min-height:0px;
	cursor:default;
}
/*
============================================
Тип упражнения exs5.1. Упорядочивание с перетаскиванием в строку
============================================
*/
.compare {
  display: table;
	float:left;
	border-spacing: 5px;
}

.compare>div {
  display: table-row;

}
.compare div:first-child{
	width:15px;
	border:none;
}
.compare div>div {
	display: table-cell;
	width: 150px;
	height:1.2em;
	border: 1px solid gray;
	padding:5px;
	vertical-align:middle;
}

.compare div div.thcell{
	display: table-cell;
	width: 150px;
	height:1.2em;
	border: none;
	padding:5px;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
}

.words-container {
	width:150px;
	margin-top:2.5em;
	margin-left:35px;
	border: 1px solid gray;
	float:left;
	/*border-spacing: 5px;*/
	padding:5px;
	min-height:2em;
}
.words-container span{
	line-height: 1.8em;
	clear: both;
	float: left;
	cursor:pointer;
}
/*Для двойного упражнения 321*/
div[type="list321"].compare div.item div:nth-child(2){
	width:15px;
	text-align:center;
	height:1.2em;
}
div[type="list321"].compare div.item div:nth-child(3){
	width:270px;
	height:1.2em;
}
div[type="list321"].words-container{
	width:270px;
}
/*для упраднения 721*/
div[type="list721"].compare div.item div:nth-child(2){
	width:15px;
	text-align:center;
	height:1.2em;
}
div[type="list721"].compare div.item div:nth-child(3){
	width:350px;
	height:1.2em;
}
div[type="list721"].words-container{
	width:340px;
	margin-top:0.5em;	
}
div[type="list721"].compare div.item div:nth-child(3) span{
	white-space:normal;
}
div[type="list721"].words-container span{
	white-space:normal;
}
/*для горизонтального упражнения, когда столбец для перетаскивания впереди*/
div[type="list2"].compare div.item div:nth-child(3){
	width:570px;
}
div[type="list2"].compare div.item div:nth-child(3) span{
	white-space:normal;
}
div[type="list3"].compare div div:nth-child(3){
	width:150px;
}
div[type="list3"].compare div div:nth-child(3) input{
	width:150px;
}

div[type="list4"].compare div.item div:nth-child(3){
	width:530px;
}
div[type="list5"].compare div.item div:nth-child(3){
	width:360px;
}
div[type="list5"].compare div.item div:nth-child(2){
	width:360px;
}
div.compare span{
	white-space:normal !important;
}
/*
============================================
Тип упражнения exs5.2. Упорядочивание с перетасвианием в строку и переводом
============================================
*/
div.compare div[layout="h"]{
	width:200px !important;
}
div.compare div[layout="h"] input{
	width:200px !important;
}
div.words-container[layout="v"]{
	margin-top:0px;
	width:735px;
	min-height:1.2em;
}
div.words-container[layout="v"] span{
	clear:none;
	margin-left:20px;
	margin-right:20px;
}
div.words-container[layout="v"] span:nth-child(2n+1){
	font-weight:bold;

}
div.compare div[layout="v"]{
	width:400px !important;
}
div.compare div[layout="v"] input{
	width:400px !important;
}
/*Упражнение 335*/

/*
============================================
УПРАЖНЕНИЯ В ВИДЕ ТАБЛИЦ 
============================================
*/
.table{
	display:table;
	margin-bottom: 20px;
}
.tr , .tr_1{
	display:table-row;
}

.tr>div, .tr_1>div{
	display:table-cell;
	line-height:1.5em;
	padding:0 4px 10px 4px;
/*	border:1px solid gray;*/
}

/*
============================================
УПРАЖНЕНИЯ В ВИДЕ ТАБЛИЦ. Границы
============================================
*/

/*	.border - границы во всех ячейках кроме первой (с маркером)) */
.border, .border_all {							
	border-collapse: collapse;
}

div.border .tr>div, div.border_all .tr>div, div.border .tr_1>div, div.border_all .tr_1>div{
	border-style: solid;
	border-width: 1px;
	padding:5px;
}

div.border form.tr>div, div.border_all form.tr>div {
	border-top: 0;
	
}
div.border .tr>div:first-child , div.border .tr_1>div:first-child{			/*	Убрать границы в первой ячейке (с маркером) */
	border-style: none;
}

.no_border div {							
	border-style: none !important;
}
/*
============================================
УПРАЖНЕНИЯ В ВИДЕ ТАБЛИЦ. Строки с маркерами 
============================================
*/
/*	.mark - строка с маркером и с номером */
/*	.mark_no_N - строка с маркером, но без номера */
/*	.N_no_mark - строка без маркера, но с номером */
/*	.mark_chb - строка с маркером, чекбоксом и номером */

.mark div:first-child, .mark_no_N div:first-child, .mark_chb  div:first-child {
	width:20px;
	padding:0 ;
}
.N_no_mark  div:first-child {
	width:20px;
	padding:0;
	text-align:right;
}

.mark div:nth-child(2), .mark_chb  div:nth-child(3) {
	width:20px;
	text-align:right;
}

/*
============================================
УПРАЖНЕНИЯ В ВИДЕ ТАБЛИЦ. Оформление блока из нескольких  таблиц, стоящих в одной линии
============================================
*/
.center {
	margin: auto;
	margin-bottom: 20px;
}

.tbgroup::before,
.tbgroup::after {
  content: "";
  display: table;
}
.tbgroup::after {
  clear: both;
}
.tbgroup {
  display: table;
	clear: both;
}
.left, .left1, .left2 {
	float: left;
}
div.left1   div.tr div:last-child{
	border-right-style: none;
}
.left div:first-child  div:last-child{
	border-right-style: none;
}


/*
============================================
УПРАЖНЕНИЯ В ВИДЕ ТАБЛИЦ. Особые выравнивания в ячейках
============================================
*/

.last_cell_bottom .tr div:last-child {
	vertical-align: bottom;
}

.last_cell_top .tr div:last-child {
	vertical-align:top;
}
/*
============================================
Элементы оформления  
============================================
*/
div.wh_sp span{
	white-space:pre;
}
.tb_help{
	width: 70%;
	border-style: solid;
	border-width: 1px;
	margin: auto;
	background-color:rgba(128, 12, 64, 0.25);
	font-weight:bold;
}
.tb_help td {
	padding: 3px;
}
ul.exs_7_1 {
	line-height:1.7em;
}

.items_select {
	line-height:1.7em;
	width: 80%;
	border-style: solid;
	border-width: 1px;
	margin: 0 auto 20px;
	background-color:rgba(128, 12, 64, 0.25);
	
}

div.lyric  p{
	line-height:1.4em;
}

.box_help{
	border-style: solid;
	border-width: 1px;
	margin-top: 40px;
	padding-left: 8px;
	background-color:rgba(128, 12, 64, 0.25);
	font-weight:bold;
}
div.box_help  p{
	line-height:1em;
}
/*
============================================
Тип упражнения exs2.1 
============================================
*/
div.exs2_1 span{
	white-space:pre;
}

.mark_2_1 {
	height:1.2em;
	position: relative;
	top: -2px;
}

div.exs2_1 :nth-child(2){
	margin-top: 0;
}

.exs2_1 p {
	margin-bottom: 1.7em;
}
/*
============================================
Тип упражнения exs2.5
============================================
*/

.text_th {
	font-weight:bold;
	text-align:center;
}

/*
============================================
Тип упражнения exs2.7
============================================
*/
.style_th {
	background-color:rgba(128, 12, 64, 0.20);
}

.example {
	font-weight:bold;
}

.text_2_7 .tr div:last-child, .text_st_2_7 {
	font-style: italic;
	font-weight:bold;
}
/*
============================================
Тип упражнения exs2.8
============================================
*/
.head_2_8{
	background-color:rgba(128, 12, 64, 0.80);
	margin-bottom: 20px;
	line-height:2em;
	text-align:center;
	font-weight:bold;
	font-size:1.3em;
	color: #FFFFFF;
}
.tr_2_8::before,
.tr_2_8::after {
  content: "";
  display: block;
}
.tr_2_8::after {
  clear: both;
}
.tr_2_8 {
  display: block;
	clear: both;
}
.first_level{
	margin-bottom: 4px;
	font-weight:bold;
	font-size:1.2em;
	line-height:2em;
	color: #FFFFFF;
}
.first_level>div div{
  float: left;
	background-color:rgba(128, 12, 64, 0.50);
}
.first_level>div:first-child div{
  background-color:rgba(245, 214, 141, 0.9);
}
.first_level>div:last-child div{
  background-color:rgba(4, 156, 255, 0.5);
}
.first_level>div:first-child div:first-child{
  margin-left: 0;
}
.input_2_8 input{
	width:152px;
	margin-right: 7px;
	padding:0;
}
.N_2_8  {
	width:30px;
	margin-left:16px;
	padding-left:5px;
}
.second_level>div {
  float: left;
}
.second_level{
	line-height:2em;
	margin-bottom: 20px;
	font-size:0.9em;
}
.col div div{
	float: left;
	padding-bottom: 5px;
	padding-top: 5px;
}	
.col>div div:first-child{
  width:38px;
	padding-left:5px;
}
.col {
	width:220px;
}
.col_1 {
	background-color:rgba(245, 214, 141, 0.5);
}
.col_2 {
	margin-left: 384px;
}  
.input_2_8_1 input{
	width:170px;
	margin-right: 7px;
	padding:0;
}
.subcol_1 div {
	background-color:rgba(4, 156, 255, 0.20);
}
.subcol_2 div {
	background-color:rgba(4, 156, 255, 0.10);
}

/*
============================================
Тип упражнения exs6.1 и exs6.2
============================================
*/
.switches_h label{
	width: 100px;
	margin-left: 60px;
  float: left;
}
.switches_h::after {
  clear: both;
}
.switches_v {
	margin-left: 15px;
}
.switches_v p{
	line-height: 1.5em !important;
	margin-top: 0;
	margin-bottom: 0;
}
/*
============================================
Тип упражнения exs3.1
============================================
*/

.selector_small {
	width: 40px;
}
.selector_normal {
	width: 169px;
}
/*
============================================
Тип упражнения exs3.1
============================================
*/

.selector_small {
	width: 40px;
}
.selector_normal {
	width: 169px;
}

/*
============================================
Тип упражнения exs3.2
============================================
*/
div[type="exs3_2"] .cntrlM {
	line-height: 1.7em;
	padding-left: 5px;
	padding-right: 5px;
}
.order .cntrl {
	width: 460px;
	margin: auto;
	border: 1px solid;
}
div[type="exs3_2"] .cntrl {
	width: 460px;
	margin: auto;
	border: 1px solid;
}
.order_btns {
	margin: auto;
	margin-top: 10px;
	font-size:0.8em;
	color: RGB(20, 20, 20);
}
.order_selected {
	background-color: RGB(220, 220, 220);
}

div.order_btns input{
	border:1px solid;
	background-color: RGB(240, 240, 240);
	margin-left: 2px;
	margin-right: 2px;
	width: 30px;
}
/*
============================================
body_common - css для меню и тела страниц из раздела common
============================================
*/
#common{ /*07.10.2016 три стиля для units7*/
	background: rgba(121, 35, 70, 0.15);
	font-size:0.9em;
}
#common h1{
	color: RGB(121, 35, 70);
}
#common li a:hover{
	color: RGB(121, 35, 70);
}
div[id^="common"] {
	float:left;
	width: 250px;
	padding:10px;
}
div[id^="common"] h1 {
	
	margin-top:10px;
}
div[id^="common"] ol {
	list-style:none;
	counter-reset: li;
}
div[id^="common"] li {
	/*padding-bottom:5px;*/
	min-height: 20px;
/*	color:white;*/
	position: relative;
	margin-bottom: 1.5em;
	border-left: 1px solid gray;
	padding: 0.6em;
	border-radius: 4px;
	
}
div[id^="common"] li:before{
	position: absolute;
	top: -0.2em;
	left: -1em;
	padding-left: 0.4em;
	padding-right: 0.4em;
	font-size: 4em;
	font-weight: bold;
	color: white;
	counter-increment: li;
	content: counter(li);
}
#common li a{
	text-decoration:none;
}
.selected {/*класс для выбранного юнита*/
	font-weight:bold;
	
}
.selected span {
	font-weight:normal;
	padding-left:10px;
}
#common li.selected >a {
	color: rgb(121, 35, 70) !important;
}
#common .selectedTask  a{
	font-weight:bold !important;
	color: rgb(121, 35, 70) !important;
}

div[id^="body_common"] {
	padding-left:10px;
	padding-right:10px;
	margin:0 2%;
	float:right;

}
.common_content {
	float:left;
	width:900px;
	margin:0 1%;
}
/*
============================================
Меню about - css для блока автора
============================================
*/
.author {
	display:table;
	padding: 0;
    border-spacing: 5px;
}
.author div{
	display: table-row;
	
}
.author div>div {
	display:table-cell;
	vertical-align:top;
	text-align:justify;
}
.author img {
	float:left;
}
/*
============================================
Меню contents
============================================
*/
.contents{
	list-style-type:none;
}
.contents ul{
	list-style-type:none;
}
.contents a{
	text-decoration:none;
}

.contents a:hover{
	color:#782347;
}
/*
=============================================
для титульной страницы
=============================================
*/
#textBook{
	text-align:center;
	background-image: url(../images/title.png);
	height:200px;
	font-size:3em;
	color: white;
	font-weight:bold;
	padding-top:20px;
	box-sizing: border-box;
}

.title_link {
	text-decoration:none;
	font-size:0.8em;
	font-weight:bold;
}
.title_link:hover{
	color: rgb(113, 24, 64) !important;
}

#title_a{
	background-color:rgba(250, 220, 229, 0.65);
	padding:5px;	
	text-decoration:none;
	color:rgba(128, 12, 64, 0.84);
	font-weight:bold;
}
#title_a:hover{
	background-color:rgba(250, 220, 229, 0.65) !important;
	color:rgba(128, 12, 64, 0.84) !important;
}