/*---:[ Custom awesomeness by Chris Pearson. I hope you learn something today :D ]:---*/
body {
   /* background-image: url('../common//1363356072_jeans_texture_01-254x190.gif'); */
   }    /* "Холст" */

.vertical-long {
   position: absolute;
   width: 250px;
   right: -1em;
   font-size: 1.467em;
   font-weight: bold;
   transform: rotate(-90deg);
   transform-origin: right top 0;
   /* background: #E23737; */
   background: #dd6600;
   color: #fff;
   padding: 10px;
   }

.vertical-mid {
   position: absolute;
   width: 225px;
   right: -1em;
   font-size: 1.467em;
   font-weight: bold;
   transform: rotate(-90deg);
   transform-origin: right top 0;
   /* background: #E23737; */
   background: #dd6600;
   color: #fff;
   padding: 10px;
   }

.fixed-table-container {
   /*width: 96%;*/
   border: 2px solid black;
   margin: 10px auto;
   position: relative; /* could be absolute or relative */
   padding-top: 39px; /* (40-1) height of header */
   margin-left: 0em;
   margin-right: 0.5em;
   }

.fixed-table-container-inner {
   overflow-x: hidden;
   overflow-y: auto;
   height: 100%;
   }

.header-background {
   border-bottom: 1px solid black;
   position: absolute;
   background-color: #D5ECFF;
   height: 40px; /* height of header */
   top: 0;
   right: 0;
   left: 0;
   }

.fixed-table-container-inner td {
   border-bottom: 1px solid #ccc;
   padding: 5px;
   }

table {
   background-color: #FFF7DC;
   width: 100%;
   overflow-x: hidden;
   overflow-y: auto;
   }

.th-inner {
   position: absolute;
   top: 0;
   line-height: 40px; /* height of header */
   text-align: left;
   border-left: 1px solid black;
   padding-left: 5px;
   margin-left: -1px; /* отступ левой вертикальной границы относительно фона */
   }

.td-mid-bold {
   text-align: center;
   font-weight: bold;
   }

.first .th-inner {
   border-left: none;
   padding-left: 5px;
   }

   /* for hidden header hack to calculate widths of dynamic content */

.hidden-head {
   min-width: 530px; /* enough width to show all header text, or bad things happen */
   }

.hidden-header .th-inner {
   position: static;
   overflow-y: hidden;
   height: 0;
   white-space: nowrap;
   padding-right: 5px;
   }

.hidden-header .first .th-inner {
   }

iframe {
   padding-top: 3.2em;
   margin-left: -0.7em;
   border: 0px solid #ddd;
   }

.zebra1 caption {
   text-transform: none;
   /* font-size: 1.846em; */
   /*font-weight: normal;*/
   }

.zebra1 td:nth-child(1) {
  background-color: #C9E4F6;/* фон нечётных столбцов */
}
.zebra1 td:hover:nth-child(even) {
  background-color: #B4DAF2;/* фон чётных столбцов */
}
.zebra1 td:hover:nth-child(odd) {
  background-color: #B4DAF2;/* фон чётных столбцов */
}
.zebra1 tr:hover td{
  background: #B4FFF2;/* фон строки при наведении */
}
.zebra1 tr:hover th{
  background: #B4FFF2;/* фон строки при наведении */
}

.zebra2 td:nth-child(odd) {
  background-color: #C9E4F6;/* фон нечётных столбцов */
}
.zebra2 td:nth-child(even) {
  background-color: #B4DAF2;/* фон чётных столбцов */
}
.zebra2 tr:hover td{
  background: #B4FFF2;/* фон строки при наведении */
}
.zebra2 tr:hover th{
  background: #B4FFF2;/* фон строки при наведении */
}

.zebra3 td,
.zebra3 th {
   text-align: left;
}

.t_frame {
   display: block;
   margin-right: auto;
   margin-left: auto;
   float: none;
   clear: both;
   width: 96%;
   background: #eee;
   border-style: solid;
   border-color: #ddd;
   margin-bottom: 1em;
   }

.t_frame p {
   margin: 1em 1em;
   }

/* "Карточки" с детальным описанием команды */
.cmd1-table-container {
   width: 100%;
   border: 2px solid black;
   margin: 10px auto;
   position: relative;
   }

.cmd1-table-container td:nth-child(1) {
   width: 20%;
   text-align: right;
   background-color: #C9E4F6;/* фон первого столбца */
   }

/* Поле резделитель */
.cmd1-table-container td:nth-child(2) {
   width: 5%;
   }

.cmd1-table-container td:nth-child(3) {
   border-left: none;
   text-align: left;
   }

.t_side p {
   margin: 1em 0.5em;
   }

.format_text .t_side {
   margin-left: -3.667em;
   margin-right: 6.667em;
   padding: 1.6em 1.6em 1.6em 2.933em;
   border-width: 0 0 0 0.733em;
   border-style: solid;
   background: #DCDCDC;
   border-color: #A9A9A9;
   margin-bottom: 1em;
   }

.format_text .t_exercise-no-marign-top {
   margin-top: -2em;
   margin-left: -3.667em;
   margin-right: 6.667em;
   padding: 0em 1.6em 1.6em 2.933em;
   border-width: 0 0 0 0.733em;
   border-style: solid;
   background: #cae4f0;
   border-color: #8ec1da;
   margin-bottom: 1em;
   }

