.b-training__top{
	width: calc(100% + 40px);
	padding: 0 0 22px;
	margin: 0 0 0 -20px;
}

.b-training__link_arrow {
	margin-left: 20px;
    color: #005da1;
}

.b-training__back_link {
	cursor: pointer;
}

#coursePlayer {
	-webkit-text-size-adjust: 100%;
	top: 20px;
	width: 950px;
	height: 630px;
}
#pageAnimation {
	left: 61px;
	top: 60px;
	border: 0 solid;
	z-index:0;
	position: absolute;
}

#pageBackground {
	border: 0 solid;
	z-index:0;
	position: absolute;
}
#pageHTML {
	width: 822px;
	height: 553px;
	left: 60px;
	top: 60px;
	z-index:1;
	line-height: 20px;
	overflow: hidden;
	position: absolute;
	color: #000000;
	border-radius: 6px 6px 0 0;
	overflow: hidden;
}
#globalNav {
	left: 59px;
	top: 570px;
	z-index:2;
	position: absolute;
}

.b-training_slide__title {
	z-index: 100;
	width: 760px;
	height: 40px;
	left: 20px;
	top: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #336699;
	position: relative;
}

.m-training_slide__title-exercise {
	left: 0;
	top: 0;
	padding: 20px;
	text-align: center;
	width: 780px;
	height: 25px;
	line-height: 25px;
	font-size: 21px;
	position: absolute;
}

.m-training_slide__title-hidden {
	display: none;
}

.m-training_slide__title-dark {
	z-index: 99;
	padding: 10px 20px;
	width: 780px;
	height: 25px;
	line-height: 25px;
	left: 0;
	top: 0;
	color: #ffffff;
	font-size: 18px;
	background: rgba(0,0,0,.5);
	text-shadow: none;
	position: absolute;
}

.training-chapter-title {
	font: bold 40px Arial, Helvetica, sans-serif;
	text-align: center;
	color: #0E4170;
	text-shadow: 0 2px 2px rgb(45,89,134);
	left: 20px;
	top: 230px;
	width: 780px;
	position: absolute;
}
.link-popup {
	border-bottom: 1px dashed;
	text-decoration: none;
	cursor: pointer;
}
.link-popup:hover { color: #A01B28 }
.div-link-hover { color: #A01B28 }

.training-list-tick {
	margin-left: 20px;
    list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

.training-list-tick li {
	background: url(/resources/trainingHtml/img-player/list_marker.png) no-repeat 0 0;
	padding-left: 15px;
}

.training-listInput {
	margin-left: 20px;
    list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

.training-listInput li {
	background: url(/resources/trainingHtml/img-player/list_point.png) no-repeat 0 10px;
	height: 32px;
	padding-left: 15px;
	margin-bottom: 5px;
}

.training-list {
	margin-left: 20px;
    list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

.training-list li {
	background: url(/resources/trainingHtml/img-player/list_point.png) no-repeat 0 6px;
	padding-left: 15px;
}

.training-listRange {
	margin-left: 20px;
    list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}
.training-listRange li {
	background: url(/resources/trainingHtml/img-player/list_point.png) no-repeat 0 5px;
	padding: 0 0 5px 15px;
}

.training-listSplit {
	margin-left: 20px;
    list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}
.training-listSplit li {
	background: url(/resources/trainingHtml/img-player/list_point.png) no-repeat 0 5px;
	padding-left: 15px;
}

.training-greyStar {
	width: 12px;
	height: 11px;
	background: url(/resources/trainingHtml/img-player/greyStar.png);
	display: inline-block;
	position: relative;
}

.training-yellowStar {
	margin: -5px 0 -5px 0;
	width: 23px;
	height: 22px;
	background: url(/resources/trainingHtml/img-player/yellowStar.png);
	display: inline-block;
	position: relative;
}

.draggable:active {
	cursor: pointer;
}
.bordered {
	border: none;
	border-collapse: separate !important;
	border-spacing: 0;
	border-radius: 6px;
}
.bordered {
	width: 100%;
}
.bordered td, .bordered th {
    border-left: 1px solid #999;
    border-top: 1px solid #999;
    padding: 10px;
    text-align: left;
}
.bordered.no-padding td {
    padding: 3px;
}
.bordered.zero-padding td {
	padding: 1px 8px;
}
.bordered.small-padding  td {
    padding: 5px;
}

.bordered.no-bottom-border  td {
    padding: 1px;
	border-top: none;
}
.bordered.no-bottom-border  th {
    padding: 2px;
	border-bottom: 1px solid #999;
	color: #000000;
	background-image: none;
	box-shadow: 1px 1px 0 rgba(255,255,255,.5) inset;
}
.bordered th {
    background-color: #ccc;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ECECEC), to(#ccc));
    background-image: -webkit-linear-gradient(top, #ECECEC, #ccc);
    background-image: -moz-linear-gradient(top, #ECECEC, #ccc);
    background-image: linear-gradient(#ECECEC, #ccc);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 1px 0 0 rgba(255,255,255,.8) inset;
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}
.bordered.training-table-blue th {
	background-color: rgba(28,124,176,.6);
	background-image: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 17px;
	text-align: center;
	height: 30px;
	box-shadow: 0 -1px 0 rgba(255,255,255,1) inset;
	text-shadow: -1px -1px 0 rgb(28,124,176);
	border-left: 1px solid rgba(28,124,176,.5);
    border-top: 1px solid rgba(28,124,176,.5);
}
.bordered.training-table-blue td {
	border-left: 1px solid rgba(28,124,176,.5);
    border-top: 1px solid rgba(28,124,176,.5);
}
.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}
.bordered th:first-child {
     border-radius: 6px 0 0 0;
}
.bordered th:last-child {
    border-radius: 0 6px 0 0;
}
.bordered th:only-child{
	border-radius: 6px 6px 0 0;
}
.bordered tr:last-child td:first-child {
    border-radius: 0 0 0 6px;
}
.bordered tr:last-child td:last-child {
    border-radius: 0 0 6px 0;
}
.bordered.training-table-blue.split td {
	padding: 0px 8px;
}
.training-rounded-bg {
	padding: 15px 10px;
	height: auto;
	border: 1px solid #999999;
	border-radius: 6px 6px 6px 6px;
	background-color: #ffffff;
    background-image: -moz-linear-gradient(top, #ffffff, #f3f3f3);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3));
    background-image: -webkit-linear-gradient(top, #ffffff, #f3f3f3);
    background-image: linear-gradient(to bottom, #ffffff, #f3f3f3);
}
.training-rounded-bg.split {
	padding: 5px 10px;
}
.training-rounded-bg.split.white {
	background-image: none;
	box-shadow: 0 1px 5px rgba(153, 153, 153, 0.5);
}
.training-rounded-bg.small-padding.white {
	background-image: none;
	box-shadow: 0 1px 5px rgba(153, 153, 153, 0.5);
}
.training-rounded-bg.small-padding {
    padding: 8px;
}
.training-table-bg-blue {
	background-color: rgba(28,124,176,.1);
}

.training-turism-season-table {
    border: none;
	border-collapse: separate !important;
    border-spacing: 0;
}
.training-turism-season-table td {
    text-align: left;
	font: normal 12px Arial, Helvetica, sans-serif;
	padding: 1px 17px 1px 17px;
	border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
}
.training-turism-season-table td:first-child {
    padding: 1px 7px 1px 2px;
	border-left: none;
}
.training-turism-season-table th {
	text-align: center;
    font: normal 12px Arial, Helvetica, sans-serif;
	padding: 12px 1px;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #cccccc;
    box-shadow: 1px 0 0 rgba(255,255,255,.8) inset;
	text-shadow: 0 1px 0 rgba(255,255,255,.75);
}
.training-turism-season-table th:first-child {
	padding: 1px;
	border-left: none;
	border-radius: 6px 0 0 0;
}
.training-turism-season-table th:last-child {
    border-radius: 0 6px 0 0;
}
.training-sun-checked {
	background-color: rgba(255,204,102,.5);
}
.training-frost-checked {
	background-color: rgba(28,124,176,.15);
}

.training-plate {
	z-index: 0;
	position: relative;
	border-collapse: separate !important;
	border-spacing: 0;

	border-radius: 6px;
	box-shadow: 0 1px 5px rgba(153, 153, 153, 0.2);
}
.training-plate td {
	border: none;
	width: auto;
	padding: 5px 10px;
	text-align: left;
	font: italic 13px Arial, Helvetica, sans-serif;
	line-height: 16px;
	text-shadow: 0 1px 0 rgb(255,255,255);
}
.training-plate tr:only-child td:first-child {
	padding: 5px 5px 5px 10px;
	border-radius: 6px 6px 0 0;
}
.training-plate tr:only-child td:last-child {
	padding: 5px 10px 5px 5px;
	vertical-align: bottom;
	border-radius: 0 0 6px 6px;
}
.training-plate tr:only-child td:only-child {
	padding: 10px;
	vertical-align: middle;
	border-radius: 6px;
}
.training-plate.purple {
	border: solid #c9bff2 1px;
	background: #ded6fc;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ded6fc));
	background: -webkit-linear-gradient(top, #ffffff, #ded6fc);
	background: linear-gradient(#ffffff, #ded6fc);
}
.training-plate-text.purple {
	color: #3E327C;
}

.training-plate.yellow {
	border: solid #d1bf96 1px;
	background: #fff5b0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#fff5b0));
	background: -webkit-linear-gradient(top, #ffffff, #fff5b0);
	background: linear-gradient(#ffffff, #fff5b0);
}
.training-plate-text.yellow {
	color: #5f2d00;
}

.training-plate.red {
	border: solid #f6a0a8 1px;
	background: #ffd2d3;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffd2d3));
	background: -webkit-linear-gradient(top, #ffffff, #ffd2d3);
	background: linear-gradient(#ffffff, #ffd2d3);
}
.training-plate-text.red {
	color: #c31626;
}

.training-plate.blue {
	border: solid #8fabbf 1px;
	background: #d6fbff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4ffff), color-stop(100%,#d6fbff));
	background: -webkit-linear-gradient(top, #f4ffff, #d6fbff);
	background: linear-gradient(#f4ffff, #d6fbff);
}
.training-plate-text.blue {
	color: #336699;
}

.training-plate.green {
	border: solid #86ad89 1px;
	background: #cbf4ce;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4ffe6), color-stop(100%,#cbf4ce));
	background: -webkit-linear-gradient(top, #f4ffe6, #cbf4ce);
	background: linear-gradient(#f4ffe6, #cbf4ce);
}
.training-plate-text.green {
	color: #2c7a32;
}

.training-plate.gray {
	background: #eaeaea;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff, #eaeaea);
	background: linear-gradient(#ffffff, #eaeaea);
}
.training-plate.gray tr:only-child td:only-child {
	border: solid rgba(109,161,188,.3) 2px;
}

.training-plate.blue-static-italic {
	padding: 5px 5px 5px 5px;
	border: solid #cccccc 1px;
	background: #bbd9ee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfeff9), color-stop(100%,#bbd9ee));
	background: -webkit-linear-gradient(top, #dfeff9, #bbd9ee);
	background: linear-gradient(#dfeff9, #bbd9ee);
	box-shadow: 0 3px 6px rgba(153, 153, 153, 1);
}

.training_plate__white {
	background: rgba(255,255,255,.9);
	font-size: 14px;
	line-height: 20px;
	padding: 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 10px;
}

.training_plate__white_solid {
	background: rgb(255,255,255);
	font-size: 13px;
	line-height: 17px;
	padding: 15px 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 10px;
	box-shadow: 0 3px 6px rgba(0,0,0,.3);
}

.training_plate__white_divider {
	border-top: solid 1px #c5c8c8;
	padding-top: 10px;
	margin-top: -5px;
	box-shadow: inset 0 1px #ffffff;
}

.training_plate__yellow_pale {
	background: rgba(255,255,204,.9);
	font-size: 14px;
	line-height: 20px;
	padding: 20px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 10px;
}

.training-transition-15s {
	-moz-transition: all 1.5s ease-in-out;
	-o-transition: all 1.5s ease-in-out;
	-ms-transition: all 1.5s ease-in-out;
	-webkit-transition: all 1.5s ease-in-out;
	transition: all 1.5s ease-in-out;
}

.training-transition-5s {
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.training-plate.blue-static {
	padding: 10px 15px 10px 15px;
	border: solid #1c7cb0 1px;
	background: #d9ecf7;
	font-weight: normal;
	font-size: 13px;
}

.training-color-blue {
	color: #1c7cb0;
}
.training-swiffy-bg div:first-child {
    background: none !important;
}
rect {
	display: none;
}
.training-plate-vector-ico div:first-child {
    background: none !important;
}
.training-plate-vector-ico rect {
	display: none;
}
.training-currency {
	margin-left: 145px;
	margin-top: 20px;
	font-size: 18px;
	color: #999999;
	position: relative;
}

.training-popup {
	width: 100%;
	border: none;
	background: #ffffff;
	border-collapse: separate !important;
	border-spacing: 0;
	border-radius: 6px;
	box-shadow: 0 4px 8px rgba(51, 51, 51, 0.75);
}
.training-popup-th {
	text-align: left;
	color: #000000;
	font-size: 18px;
	line-height: 16px;
	text-shadow: 0 1px 0 rgb(255,255,255);
	border-bottom: solid #49a5cc 1px;
	background: #97e4ff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2edf8), color-stop(100%,#97e4ff));
	background: -webkit-linear-gradient(top, #d2edf8, #97e4ff);
	background: linear-gradient(#d2edf8, #97e4ff);
}

.training-popup-th.blue {
	color: #ffffff;
	font-weight: bold;
	text-shadow: none;
	border: solid #144d7c 1px;
	background: #7bc6ef;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7bc6ef), color-stop(100%,#5093c0));
	background: -webkit-linear-gradient(top, #7bc6ef, #5093c0);
	background: linear-gradient(#7bc6ef, #5093c0);
	box-shadow: inset 0 1px 0px rgba(255,255,255,1);
}

.training-popup-td{
	text-align: left;
	font-size: 14px;
	line-height: 16px;
	text-shadow: 0 1px 0 rgb(255,255,255);
}
.training-popup-th.first-child {
	padding: 15px 5px 15px 20px;
	border-radius: 6px 0 0 0;
	border-right: none;
}
.training-popup-th.last-child {
	text-align: right;
	padding: 8px 8px 0 0;
	vertical-align: top;
	border-radius: 0 6px 0 0;
	border-left: none;
}
.training-popup-td.last-child {
	text-align: center;
}

.training-popup-bg {
	border: solid #ffffff 1px;
	width: 820px;
	height: 510px;
	background: rgba(0,0,0,.6);
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border-radius: 6px;
}
.m-training_popup_bg-slide_height {
	height: 551px;
}
.training-popup-window {
	margin: 0px auto;
	box-sizing: border-box;
	width: 780px;
}
.training-popup-window.free{
	width: 740px;
	text-align: left;
	font-size: 14px;
	line-height: 16px;
	border-radius: 6px;
	background: #ffffff;
	box-shadow: 0 4px 8px rgba(51, 51, 51, 0.75);
}
.training-popup-window.free.img{
	width: 820px;
}
.training-popup-prompt {
	font-size: 13px;
	margin: 0px 40px 20px;
	width: 90px;
	height: 28px;
	position: relative;
}
.training-popup-close {
	z-index: 100;
	position: relative;
	width: 20px;
	height: 21px;
	display: inline-block;
	float: right;
	text-decoration: none;
	cursor: pointer;
	background: no-repeat url(/resources/trainingHtml/img-player/closeRound.png);
}
.training-popup-close:hover {
	background: no-repeat url(/resources/trainingHtml/img-player/closeRound_over.png);
}
.training-popup-close.free {
	margin-top: 4px;
	margin-right: 4px;
}
.training-popup-close.img {
	margin-left: 792px;
	margin-top: 8px;
	position: absolute;
}
.training-popup-open {
	margin-bottom: -2px;
	width: 18px;
	height: 17px;
	display: inline-block;
	text-decoration: none;
	cursor: pointer;
	background: no-repeat url(/resources/trainingHtml/img-player/icoPopup.png);
}
.training-popup-open:hover {
	background: no-repeat url(/resources/trainingHtml/img-player/icoPopup_over.png);
}
.training-popup-img {
	margin: 0px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.training-popup-page {
	padding-bottom: 25px;
}

.postroll-link {
	margin-top: 10px;
	cursor: pointer;
	font-size: 16px;
	height: 40px;
}
.postroll-link:hover { color: #A01B28 }

.postroll-button-big {
	font-size: 18px;
	width: 230px;
	height: 40px;
}

.postroll-button-small {
	font-weight: normal;
	font-size: 13px;
	left: 5px;
	top: 67px;
	width: 170px;
	height: 28px;
	position: absolute;
}
.postroll-plate-bg {
	width: 182px;
	height: 102px;
	border: solid #999999 1px;
	border-radius: 6px;
	background: #dddddd;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd));
	background: -webkit-linear-gradient(top, #ffffff, #dddddd);
	background: linear-gradient(#ffffff, #dddddd);
	box-shadow: 1px 3px 8px rgba(0,0,0,.75);
	position: absolute;
}

.b-training__exercise_input {
	font-size: 15px;
	color: #336699;
	width: 80px;
	min-width: 20px;
	max-width: 700px;
	padding: 5px 5px;
	background: transparent;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: dashed 1px #336699;
	text-shadow: 0 1px 0 rgb(255,255,255);
	transition: width 0.15s;
}

.bm-training__exercise_input_filled {
	border-bottom: none;
}

.b-training__exercise_input:focus {
	border-bottom: none;
    outline: none;
	background: rgba(255,255,255,1);
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(255,255,255,1), inset 0px 1px 2px rgb(51,102,153);
    -moz-box-shadow: 0 1px 2px rgba(255,255,255,1), inset 0px 1px 2px rgb(51,102,153);
    -webkit-box-shadow: 0 1px 3px rgba(255,255,255,1), inset 0px 1px 3px rgb(51,102,153);
}

.training-input-text-mirror {
	position:absolute;
	top:0;
	left:0;
	white-space:pre;
	display: none;
	font-size: 15px;
}

.training-listExOrder {
	top: 10px;
	left: 150px;
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 60%;
}

.training-listExOrder-li {
	margin: 0px 5px 10px 5px;
	width: 410px;
	padding: 5px;
	font-size: 15px;
	cursor: pointer;
}

.training-listExOrder-state-highlight {
	margin: 5px;
	border: 1px solid rgba(150,218,250,.75);
	border-radius: 2px;
	background: rgba(251,249,238,.5);
	color: #ffffff;
}

.b-training__drag_plate {
	width: 400px;
	padding: 5px 5px 7px 5px;
	text-align: center;
	background: #96dafa;
	background-image: -webkit-radial-gradient(center 0, circle farthest-corner, rgba(255,255,255,0.4), rgba(255,255,255,0));
	background-image: radial-gradient(circle farthest-corner, rgba(255,255,255,0.4), rgba(255,255,255,0));
	color: #333;
	text-shadow: 0 1px 1px rgba(255,255,255,0.9);
	border: none;
	border-top: 1px solid rgba(255,255,255,0.2);
	border-bottom: 1px solid rgba(0,0,0,0.2);
	border-radius: 4px;
	box-shadow: inset 0 2px 3px rgba(255,255,255,0.3), inset 0 -3px 3px rgba(0,0,0,0.1), 0 0 5px 2px rgba(0,0,0,.15);
}

.b-training__drag_plate:hover {
	background-image: -webkit-radial-gradient(center 0, circle farthest-corner, rgba(255,255,255,.75), rgba(255,255,255,0.25));
	background-image: radial-gradient(circle farthest-corner, rgba(255,255,255,0.75), rgba(255,255,255,0.25));
}

.training-exImg {
	cursor: pointer;
	box-shadow: 0 8px 4px -4px rgba(0,0,0,0.3);
	transform: scale(.97,.97);
	-ms-transform: scale(.97,.97);
	-webkit-transform: scale(.97,.97);
}

.training-exImg:hover {
	transform: scale(1,1);
	-ms-transform: scale(1,1);
	-webkit-transform: scale(1,1);
}

.training-exImg-selected {
	box-shadow: 0 0 5px 3px rgba(28,124,176,.75);
}

.training-popupImg {
	cursor: pointer;
	transform: scale(.99,.99);
	-ms-transform: scale(.99,.99);
	-webkit-transform: scale(.99,.99);
}
.training-popupImg:hover {
	transform: scale(1,1);
	-ms-transform: scale(1,1);
	-webkit-transform: scale(1,1);
	box-shadow: 0 8px 4px -4px rgba(0,0,0,0.3);
}

.training-bordered-link {
	text-decoration: none;
	cursor: pointer;
	font-size: 14px;
	display: inline-block;
	padding: 5px 8px;
	border: 1px solid #1c7cb0;
	background: rgba(255,255,255,.5);
	border-radius: 6px;
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
}

.training-bordered-link-ex {
	float: left;
	margin: 5px;
	position: relative;
}

.training-bordered-link-exOrder {
	margin: 5px;
	width: 100%;
	text-align: center;
}

.training-bordered-link-exTextInput {
	font-size: 15px;
	float: left;
	margin: 5px;
	position: relative;
}

.training-bordered-link-lock {
	pointer-events: none;
	text-decoration: none;
	margin: -5px 0 5px 0;
	float: left;
	position: relative;
	border-top: 1px solid rgba(28,124,176,.75);
	background: rgba(255,255,255,.75);
	padding: 5px 8px;
}

.training-bordered-link:hover {
	border-color: #1999e5;
	background: #ffffff;
}

.training-dropped-img {
	padding: 5px;
	border-radius: 4px;
	border: 2px dotted rgba(28,124,176,0);
}

.training-dropped-img-over {
	border: 2px dotted rgba(28,124,176,1);
}

.training-dropped-img-addBG {
	background: rgba(255,255,255,.5);
	box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
}

.training-dropped-stack {
	text-align: center;
	border-radius: 4px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	position: absolute;
}

.training-dropped-stack-header {
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	position: relative;
}

.training-hide-opacity{
	opacity: 0;
	filter: alpha(opacity=0);
}

.training-half-opacity{
	opacity: .5;
	filter: alpha(opacity=50);
}

.training-min-opacity{
	opacity: .3;
	filter: alpha(opacity=30);
}

.training-exercise-root {
	left: 20px;
	width: 780px;
	position: relative;
}

.training-exercise-root-text {
	padding-top: 60px;
}

.training-exercise-question-text {
	font-size: 15px;
	color: #000;
	margin-left: 20px;
	width: 720px;
	position: relative;
}

.training-exercise-question-text-after {
	font-size: 15px;
	color: #000;
	margin-left: 20px;
	margin-top: 20px;
	width: 720px;
	position: relative;
}

.training-exercise-help-text {
	font-size: 11px;
	color: #808080;
	margin-left: 20px;
	width: 720px;
	position: relative;
}

.training-disabled-cover {
	z-index: 100500;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 390px;
	position: absolute;
}

.training-disabled-cover-max {
	top: 0px;
	left: 0px;
	width: 820px;
	height: 510px;
	position: absolute;
}

.b-training__dropped_input {
	font-size: 15px;
	color: #336699;
	width: 80px;
	min-width: 20px;
	max-width: 700px;
	line-height: 20px;
	background: transparent;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: dashed 1px #336699;
	text-shadow: 0 1px 0 rgb(255,255,255);
}

.bm-training__dropped_input_filled {
	border-bottom: dashed 1px rgba(0,0,0,0);
}

.b-training__draggable_place {
	margin: 20px;
}

.b-training_mark {
	top: 0;
	left: 0;
	margin-top: 2px;
	width: 16px;
	height: 16px;
	display: block;
	background: url(/resources/trainingHtml/img-player/mark_sprite.png) no-repeat;
}
.m-training_mark-left {
	float: left;
	margin-right: 5px;
}

.m-training_mark-right {
	float: right;
	margin-left: 5px;
}
.m-training_mark-empty { background-position: -0px -0px; height: 18px; }
.m-training_mark-empty0 { background-position: -48px -0px; height: 18px; }
.m-training_mark-empty1 { background-position: -32px -0px; height: 18px; }
.m-training_mark-empty2 { background-position: -48px -18px; height: 18px; }
.m-training_mark-empty3 { background-position: -32px -18px; height: 18px; }
.m-training_mark-empty4 { background-position: -0px -18px; height: 18px; }
.m-training_mark-empty5 { background-position: -16px -18px; height: 18px; }
.m-training_mark-empty6 { background-position: -0px -36px; height: 18px; }
.m-training_mark-empty7 { background-position: -32px -36px; height: 18px; }
.m-training_mark-empty8 { background-position: -16px -36px; height: 18px; }
.m-training_mark-empty9 { background-position: -16px -0px; height: 18px; }
.m-training_mark-0 { background-position: -48px -68px; }
.m-training_mark-1 { background-position: -16px -54px; }
.m-training_mark-2 { background-position: -48px -52px; }
.m-training_mark-3 { background-position: -48px -84px; }
.m-training_mark-4 { background-position: -16px -70px; }
.m-training_mark-5 { background-position: -32px -70px; }
.m-training_mark-6 { background-position: -0px -54px; }
.m-training_mark-7 { background-position: -32px -54px; }
.m-training_mark-8 { background-position: -48px -36px; }
.m-training_mark-9 { background-position: -0px -70px; }

.b-training_matching__set {
	margin-top: 15px;
	width: 50%;
	float: left;
}

.b-training_matching__set_0_answer {
	cursor: pointer;
	padding: 3px 10px 3px 10px;
	right: 10px;
	text-align: right;
	position: relative;
}
.b-training_matching__set_1_answer {
	padding: 3px 0 3px 10px;
	left: 10px;
	text-align: left;
	position: relative;
}

.b-training_matching__text {
	margin: 0 20px;
	text-shadow: 0 1px 0 rgb(255,255,255);
}

.m-training_matching__text-hover {
	text-shadow: 1px 1px 5px #63add4;
}

.m-training_matching__text-color0 { color: #1b64c1; }
.m-training_matching__text-color1 { color: #c76800; }
.m-training_matching__text-color2 { color: #0da185; }
.m-training_matching__text-color3 { color: #a61370; }
.m-training_matching__text-color4 { color: #8c8c00; }
.m-training_matching__text-color5 { color: #332cc1; }
.m-training_matching__text-color6 { color: #9c521d; }
.m-training_matching__text-color7 { color: #5a259c; }
.m-training_matching__text-color8 { color: #ad8225; }
.m-training_matching__text-color9 { color: #0095c1; }

.b-training__accordion_header {
	font-weight: normal;
	font-size: 15px;
	color: #336699;
	cursor: pointer;
	margin: 5px 0;
	position: relative;
	background: url(/resources/trainingHtml/img-player/accordeonBullet.png) no-repeat 0 5px;
}

.b-training__accordion_header:hover {
	font-weight: bold;
}

.m-training__accordion_header-active {
	font-weight: bold;
	background: url(/resources/trainingHtml/img-player/accordeonBullet_over.png) no-repeat 0 5px;
}

@media screen and (max-width: 999px) {
	.training-popup-bg {
		height: auto;
		background-color: inherit;
	}

	.training-popup-window.free {
		box-shadow: none;
	}

	.training-popup-page {
		padding: 10px;
	}

	.training-exercise-root {
		width: 100%;
		left: auto;
		top: auto;
		bottom: auto;
		position: relative;
	}

	.training-exercise-question-text,
	.training-exercise-help-text {
		width: 100%;
		margin-left: 0;
	}

}