
  /* Обнуление стилей */

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td {
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      font-weight: inherit;
      font-style: inherit;
      font-size: 100%;
      font-family: inherit;
      vertical-align: baseline;
      background: transparent;
    }

    /* Cтили для :focus! */

    :focus { outline: 0; }
    body { line-height: 1; color: black; background: transparent;}
    ol, ul { list-style: none; }

    /* Для таблиц все еще надо прописывать 'cellspacing="0"' в коде */

    table { border-collapse: collapse; border-spacing: 0; }
    caption, th, td { text-align: left; font-weight: normal; }
    blockquote:before, blockquote:after, q:before, q:after { content: ""; }
    blockquote, q {  quotes: "" ""; }

    html, body {
	  min-width: 100%;
      margin: 0;
      padding: 0;
      height: 100%; /* не забываем это свойство для html и body */
    }



    a,input { outline: none; }
    p { margin: 10px 0; }

    h1{ font: bold  18px/22px Arial; }
    h2{ font: bold  16px/20px Arial; }
    h3{ font: bold  14px/18px Arial; }
    h4{ font: bold  12px/16px Arial; }
    h5{ font: bold  10px/14px Arial; }

  /* //Обнуление стилей */

  body {
    background: #fff;
   /* overflow-y: scroll;*/
    font: normal 14px/20px Arial;
    color: #686868;
  }

  body.main { background-color: #EFEFEF;}
  body.inside { background-color: #015794;}

  #conteiner {   /* Центрирующий контейнер*/
    position: absolute;
    min-width: 100%;
    bottom: 0px;
    top: 0px;
  }

  #conteiner_2 {
    position: relative;
    float: left;
    min-height: 100%;
    min-width: 100%;
  }

  /*шапка сайта*/

    #head {
       background-color: #EFEFEF;
      min-height:120px;
      *height:120px;
      position:    relative;
      float:   left;
      min-width: 100%;
    }

    .login {
      position: absolute;
      top: 30px;
      left: 50px;
      font: normal 20px/40px Arial;
    }

    .login span {  color: #008fa7;  }

    .head_content {
      min-height:120px;
      *height:120px;
      position:    relative;
      max-width: 1000px;
      min-width: 1000px;
      margin: 0 auto;
    }

    body.main .head_content {
      background: url(../skin/head_img.png) no-repeat top left;
      position: relative;
      float: left;
      width: 400px;
      margin: 50px 0 0 150px;
    }

    body.main .logo {
      position: relative;
      float: left;
      margin: 50px 0 0 50px;
    }

    body.inside .logo {
      position: relative;
      float: right;
      margin: 30px 50px 0 0px;
    }

    body.main h2 {
      color: #209ab6;
      font: normal  24px/34px Arial;
      text-shadow: 0px 1px 1px #fff;
    }

    /* Форма входа на сайт */

	  body.main #right .form-item {
		margin: 0;
	  }	  
	
      body.main #right input {
        border-radius: 5px;
        position: relative;
        float: left;
        clear: both;
        behavior: url(js/PIE.htc);
      }

      body.main #right label {
        position: relative;
        float: left;
        clear: right;
        margin-top: 10px;
         text-shadow: 0px 1px 1px #fff;
      }
	  
	  body.main #right input[type="checkbox"] {
		margin: 13px 7px 0 0;
	  }

      body.main #right input[type="text"], body.main #right input[type="password"] {
        border-radius: 3px;
        position: relative;
        float: left;
        clear: both;
        border: 1px solid #cbcbcb;
        height: 20px;
        width: 170px;
        behavior: url(js/PIE.htc);
      }
	  
      body.main #right input.error {
		border-color: red;
      }
	  
	  body.main #right .remind {
        position: relative;
        float: left;
        clear: both;
		margin-top: 10px;
	  }
	  body.main #right .remind a{
		color: #008FA7
	  }
	  
	  body.main #right .item-list ul li {
		margin: 5px 0;
	  }

      body.main #right input.form-submit {
        background: url(../skin/button_main.png) no-repeat top left;
        margin-top: 10px;
        position: relative;
        width: 86px;
        height: 33px;
        float: left;
        clear: both;
        text-indent: -300px;
        overflow: hidden;
        border: none;
        cursor: pointer;
      }

      body.main #right input.form-submit:hover { background-position: 0 -55px;   }

    /*// Форма входа на сайт */


  /*// шапка сайта*/

  #left { /* левая часть сайта */

    position: relative;
    float: left;

    width: 200px;
/*     min-height: 400px; */

    margin: 0px 0px 60px -100%;

    border: 1px solid #bbbbbb;
  }

  #right { /* правая часть сайта */

    position: relative;
    float:    right;

    width:  200px;
    min-height: 400px;
    *height: 400px;

    margin:  0px 0px 60px -210px;
    *margin: 0px 0px 60px -202px; /* Хак для IE7,6 */

    border: 1px solid #bbbbbb;
  }

  body.main #left {
    margin: 0px;
    width: 320px;
    border: none;
  }

  body.main #right {
    padding: 50px 0 0 80px;
    float: left;
    margin: 0px;
    width: 200px;
    border: none;
  }


  #center { /*Центральная часть сайта */
    background: url(../skin/background.png) repeat-x top center;
    position: relative;
    float: left;
    top: 0px;
    min-width: 100%;
    padding: 20px 0;
  }
/*
  .center_2 { /* Оцентровка посередине центральной части (блок нельзя оцентровать если он резиновый !!!)
    position: relative;
    max-width: 1200px;
    min-width: 1000px;
    margin: auto;
  }

  /* Указываем что наполнение центра будет в блоке
  (отступы тут не указывает, так как при отсутсвии наполнения в центральной части левая и правая часть будут разезжаться)
  .center_3 {
    background-color: #fff;
    border-radius: 10px;
    position: relative;
    float: left;
  }

  */

  body.inside .center,
  body.inside .center_2,
  body.inside .center_3 {
    border-radius: 10px;
    position: relative;
    float: left;
    min-width: 100%;
    behavior: url(js/PIE.htc);
  }

  /* Указываем отступы для центрального наполнения слева и справа
  (так как при добавлении свойства padding ширина будет плюсоваться поэтому создаеться еще один блок ) */
  .center_content2 {
    margin: 0px 10px;
    background-color: #f5f5f5;
    position: relative;
    float: left;
    border-radius: 10px;
    behavior: url(js/PIE.htc);

    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Для Firefox */
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Для Safari и Chrome */
    box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Параметры тени */


    padding: 0px 20px 0px 20px;
  }

  body.inside  .center_content { padding: 0px 20px 0px 20px;  }

  /* Главное меню (начало) */

    #head_menu {
      position: absolute;
      color: #008fa7;
      bottom: 10px;
      left: 40px;
      right: 0px;

      font: normal 14px/18px Arial;
    }

    #head_menu li {
      position: relative;
      float: left;
      padding: 1px 30px 2px 30px;
      border-left: 1px solid #aeaeae;
    }

    #head_menu > li:first-child {
      border-left: none;
      padding-left: 10px;
    }

    #head_menu li ul#final_marks {
	  font-size: 12px;
	  list-style: disc inside;
	  color: #5C5C5C;
	}
	
	#head_menu li ul#final_marks li {
	  padding: 1px 0px 2px 8px;
	}
	
	#head_menu li ul#final_marks li:hover {
	  color: #008fa7;
	}

    #head_menu li ul#schedule li {
      width: 115px;
    }
	#head_menu li ul#schedule li:first-child {
      border-left: none;
      padding-left: 30px;
	  padding-bottom: 5px;
	  font-weight: bold;
	  min-width: 100px;
	  text-align: center;
      width: 115px;
    }

    #head_menu li a {
      color: #5c5c5c!important;
      text-decoration: none;
      border-bottom: 1px solid #5c5c5c;
    }

    #head_menu li a:hover {
      color: #008fa7!important;
      border-bottom: 1px solid #008fa7!important;
    }  
	
	#head_menu li a.active {
		color: #008fa7 !important;
		border-bottom: none !important;
	}

    #head_menu li a.test_3 {
    
      border-bottom: 1px dotted #5c5c5c!important;
    }

    #head_menu li > div.container {
      background-color: #EFEFEF;
      position: absolute;
      top: 20px;
      z-index: 100;
        border-left: 1px solid #aeaeae!important;
        border-right: 1px solid #aeaeae!important;
        border-bottom: 1px solid #aeaeae!important;
        padding: 10px;
        left: -1px;
        right: -1px;
        display: none;
		/*width: 175px;*/
		overflow: hidden;
        
        z-index:1000;
    }

    #head_menu li ul li {border: none;  }
    #head_menu li:hover > div  { display: block;  }
	
    #head_menu .daycallwrap {
        width:175px;float:left;overflow:hidden;position: relative;
    }

    #head_menu .dayCallTitle {
        width: 100%;
        font-size: 13px;
        text-align: center;
        color: #5c5c5c;
    }
    
	#head_menu li div.container #daycall {
		float: left;
		position: relative;
	}
	
	#head_menu li div.container #daycall > ul {
		float: left;
		position: relative;
		width: 175px;
	}
	
    #head_menu #schedule {width:175px;float:left;overflow:hidden;}
	#head_menu #day-left {
		position: absolute;
		left: 15px;
		top: 42px;
		width: 8px;
		height: 8px;
		background: url('../skin/arrow-left.png') transparent no-repeat center top;
		cursor: pointer;
		z-index: 100;
	}
	
	#head_menu #day-right {
		position: absolute;
		right: 15px;
		top: 42px;
		width: 8px;
		height: 8px;
		background: url('../skin/arrow-right.png') transparent no-repeat center top;
		cursor: pointer;
		z-index: 100;
	}
	
	#head_menu li#cur_period {
		color: #5C5C5C;
	}
	
	#head_menu li#cur_period span {
		color: #008FA7;
		font-style: italic;
		font-weight: bold;
	}

  /* Главное меню (конец) */

  /* Левое меню (начало)*/

    .left_menu,
    .left_menu  li {
      position: relative;
      float: left;
      clear: both;
      width: 100%;
      font: normal 14px/16px Arial;
    }

    .left_menu  li {
      width: 100%;
    }

    .left_menu  li a {
      position: relative;
      float: left;
      width: 194px;
      padding: 3px;
      color: #000;
      text-decoration: none;
    }

    .left_menu  li:hover {
      background-color: #6aaaf3;
    }

  /* Левое меню (конец)*/


  #end_conteiner_3 {
    position: relative;
    float:    left;
    width: 100%;
    min-height: 100px;
    *height: 50px; /* поправить */
  }

  #footer {

    position: relative;
    float:    left;
    margin-top: -50px;

    width: 100%;
    min-height: 50px;
    *height: 50px; /* поправить */

  }

  .footer_2 {

    position: relative;
    margin: 0px auto;

    max-width: 1200px;
    min-width: 1000px;
    min-height: 50px;
    *height: 50px; /* поправить */
  }

  .block {
    position: relative;
    float: left;
  }

  .block_full {
    position: relative;
    float: left;
    width: 100%;
    clear: both;
  }

  /* Таблица с итоговыми оценками  */

    .table_border {
      margin: 0 auto;
      padding: 10px;
    }

    .table_border td {

    }

    .border_1  {
      background-color: #fff;
       border-radius: 10px;
      position: relative;
      float: left;
      behavior: url(js/PIE.htc);
    }

    .border_2  {
      margin: 10px;
      background-color: #f5f5f5;
      position: relative;
      float: left;
      border-radius: 10px;
      behavior: url(js/PIE.htc);

      -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Для Firefox */
      -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Для Safari и Chrome */
      box-shadow: 0 0 5px rgba(0,0,0,0.5); /* Параметры тени */

      behavior: url(js/PIE.htc);
      padding: 40px 40px;
	  min-width: 1000px;
    }

    table.table_finall  {
      text-align: center;
      margin: 0 auto;
      color: #474747;
      border-bottom: 2px solid #cecece;
    }


    table.table_finall thead td {
      border-top: 2px solid #cecece;
      border-bottom: 2px solid #cecece;

      font: normal 10px/20px Arial;
        color: #209ab6;
    }

    table.table_finall  td {
      padding: 2px 3px;
      border-left: 1px solid #cecece;
      vertical-align: middle;
      text-align: center;
      font: normal 14px/20px Arial;
      min-width: 10px;
    }



    table.table_finall thead tr.row_1 td:first-child {
      border-left: none;
      border-right: 2px solid #cecece;
    }

    table.table_finall tbody td:first-child  {
      text-align: left;
      border-left: none;
      border-right: 2px solid #cecece;
      padding: 3px 20px;
    }

    table.table_finall tbody td:first-child span {
      color: grey;
    }

    table.table_finall tbody tr {  background: url(../skin/point_1.png) repeat-x top left;  }

    table.table_finall tbody tr.even td  { background-color: #ededed; }
    table.table_finall tbody tr.odd td  { background-color: #f5f5f5; }
    table.table_finall tbody td.type_1  {  background: url(../skin/point_1.png) repeat-x top left  #eeeef6; }
    table.table_finall tbody td.type_2  {  background: url(../skin/point_1.png) repeat-x top left  #e5edf8; }
    table.table_finall tbody td.noactive  { background: #e0e0e0 !important; }

    table.table_finall tbody td.type_1,
    table.table_finall tbody td.type_2 { padding: 0px 6px; }

    table.table_finall tbody tr:first-child td.type_1,
    table.table_finall tbody tr:first-child td.type_2 {  background-image: none!important; }

    table.table_finall tbody td.rating { color: #049abd; font: }

    table.table_finall tbody tr.even td.type_1  { background-color: #e7ecf0; }
    table.table_finall tbody tr.even td.type_2  { background-color: #dee7f0; }

    table.table_finall td.left_border {  border-left: 2px solid #cecece!important; }

    table.table_finall tbody tr:hover  { background-color: #dee2e9; }

     table.table_finall tbody tr:hover td.out,
    table.table_finall  td.out {
      background: url(../skin/point_1.png) repeat-x top left #D1E2F2!important;
    }

    table.table_finall tbody tr:hover td {
      background-color: transparent!important;
    }

    table.table_finall tbody tr .mark_big  {
      position: relative;
      float: left;
      font: normal 9px/12px Arial;
      max-width: 38px;
      padding: 2px;
    }
	
	table.table_finall tbody tr .c_1 {
		font: 14px/20px "Arial" !important;
	}

    table.table_finall tbody tr .mark_big  span { color: red; }

  /*// Таблица с итоговыми оценками  */

  /* Список месяцев  */

    .month {
	  width: 1000px;
      height: 48px;
	  position: relative;
    }

	.month #month-left {
		position: absolute;
		left: -13px;
		top: 10px;
		width: 8px;
		height: 8px;
		background: url('../skin/arrow-left.png') transparent no-repeat center top;
		cursor: pointer;
		z-index: 100;
	}
	
	.month #month-right {
		position: absolute;
		left: 505px;
		top: 10px;
		width: 8px;
		height: 8px;
		background: url('../skin/arrow-right.png') transparent no-repeat center top;
		cursor: pointer;
		z-index: 100;
	}
	
	.month .months {
	  float: left;
	  position: relative;
	  width: 504px;
	  height: 28px;
	  overflow: hidden;
	}
	
	.month .months ul {
		position: relative;
		margin: 0px;
		list-style: none;
		left: 0px;
	}

	.month .months ul li {
		float: left;
		position: relative;
		text-align: center;
		width: 63px;
	}
	
	.month .months ul li.curent {
		width: 126px;
	}
	
	.month .months a {
		color: #666666;
		font: 12px/28px "Arial";
		text-decoration: underline;
	}
	
    .month.page a {
      /*margin: 20px 8px;*/
    }
	
	.month .days {
		float: left;
		position: relative;
		width: 260px;
		margin-left: 20px;
		padding: 0 0 0 10px;
		border-left: 1px solid #cecece;
		overflow: hidden;
		text-align: center;
	}
	
    .month .days a {
      margin: 20px 5px;
      font: normal 16px/28px Arial;
      color: #666666;
      text-decoration: underline;
    }

    .month li.curent a {
      font: normal 24px/28px Arial;
      color: #018cad;
      border-bottom: none;
	  text-decoration: none;
    }

    .month a.curent_day {
      font: normal 18px/28px Arial;
      color: #018cad;
      text-decoration: none;
    }

    .month div.curent_year {
      font: normal 24px/28px Arial;
      color: #018cad;
      border-left: 1px solid #cecece;
      padding: 0 10px 0 25px;
	  float: left;
	  position: relative;
	  width: 165px;
	  overflow: hidden;
	  text-align: center;
    }

    .month.page #year-left {
		position: absolute;
		top: 10px;
		left: 15px;
		display: block;
		width: 8px;
		height: 8px;
		background: url('../skin/arrow-left.png') transparent no-repeat center top;
		cursor: pointer;
		z-index: 100;
	}
	
    .month.page #year-right {
		position: absolute;
		top: 10px;
		right: 0px;
		display: block;
		width: 8px;
		height: 8px;
		background: url('../skin/arrow-right.png') transparent no-repeat center top;
		cursor: pointer;
		z-index: 100;
	}

    .month a:hover { color: #018cad; }
	
	 .month_2 {
      margin: 0 auto;
      list-style-type: none;

      padding-bottom: 20px;
      text-align: center;
    }

    .month_2 span,
    .month_2 a {
      margin: 20px 10px;
      font: normal 12px/28px Arial;
      color: #666666;

      text-decoration: none;
      border-bottom: 1px solid  #666666;
    }
	
	 .month_2 span { color: #999999; border-bottom: none; }
	 
    .month_2 a.curent {
      font: normal 24px/28px Arial;
      color: #018cad;
      border-bottom: none;
    }
	
	.month_2 .separator {
	  border-left: 1px solid #cecece;
      padding: 5px 0;
	  margin-right: 15px;
	}
	
	.month_2 #year-right {
		margin: 0px;
		border: 0;
	}
	
    .month_2 .curent_year {
      font: normal 24px/28px Arial;
      color: #018cad;
    }

    .month_2 .curent_year a {
      font: normal 24px/28px Arial;
      color: #018cad;

    }

    .month_2 a:hover { color: #018cad; }

  /*// Список месяцев  */

  /* Дневник  */

    .diary {
      width: 1000px;
      vertical-align: middle;
    }

    .diary td {

     vertical-align: top;
    }

    .diary td.right,
    .diary td.left {
       border-top: 2px solid #cecece;
      border-bottom: 2px solid #cecece;
      width: 48%;
    }

    .diary td table  {

      width: 100%;
      margin: 2px 0;
    }

    table.diary td table thead td {
      border-bottom: 2px solid #cecece;
      padding: 5px;
      font: 11px/16px Arial;
    }

    table.diary td table tbody td {
      padding: 1px 5px;
      height: 31px;
       vertical-align: middle;
    }

    .center_line {
      background: url(../skin/center_line.png) repeat-y top center  transparent;
      width: 3%;
    }

    .null_line { height: 8px;}

    table.diary td table tbody tr td.leson { 
      width: 130px; 
      font: normal 12px/14px Arial;
      overflow: hidden;  
    }

    table.diary td.number_leson { width: 8px;  }
    table.diary td.leson.no { background: url(../skin/line.png) no-repeat transparent 5px 16px; }

    table.diary thead td.homework { text-align: right;  }
    table.diary tbody td.description { min-height: 30px; 
      
    }
    table.diary thead td span { color: #018CAD;;  }

    table.diary td table tbody tr { background: url(../skin/point_1.png) repeat-x top left; }

    table.diary td table tbody tr:first-child {  background-image: none;}

    span[title] { cursor: help; }




    /* Оценки по 1-5 */

      .mark {
        background-color: #e2e2e2;
        min-width: 38px;
        height: 100%;
        position: relative;
        float: left;
        text: center;
        color: #ffffff;
        margin: 1px 0 0 0;
        font: normal 12px/30px Arial;
        margin-right: 5px;
      }

      .mark span {
        background-color: #fb6800;
        position: relative;
        float: left;
        padding: 0px 2px 0 2px;
        margin-left: 1px;
        
        text-align: center;
        width: 8px;
      }

      .mark.count_3 span:first-child {      padding: 0px 2px 0 2px; }

      .type_1  .mark.count_1 { width: 38px;  }
      .type_1  .mark.count_1 span { width: 34px; padding: 0px 2px; }

      .type_1  .mark.count_2 {width: 38px;}
      .type_1  .mark.count_2 span { width: 15px; padding: 0px 2px }
      .type_1  .mark.count_2 span:first-child { width: 14px;  }

      .type_1  .mark span:first-child { margin-left: 0px!important; }

      .type_1  .mark span.orange { color: #ffffff;}
      .type_1  .mark span.grey { background-color: #7d7d7d; color: #fff;}
      .type_1  .mark span.white { background-color: #fff; color: #fb6800; border: 1px solid #fb6800; height: 29px; }

      .type_1  .mark.out {  background-color: transparent; height: 33px; }

      .type_1  .mark.out span {
        text-align:center;
        width: 32px;

        background-color: #fff;
        border: 1px solid #7d7d7d;
        margin-right: 1px;
        color: #686868;
      }

    /*// Оценки по 1-5 */ 
    
    /* Оценки по 0-100 */

      .type_2  .mark {
        background-color: #e2e2e2;
        min-width: 38px;
        height: 31px;
        position: relative;
        float: left;
        text: center;
        color: #ffffff;
        margin: 1px 0 0 0;
        font: normal 12px/30px Arial;
        margin-right: 5px;
      }

      .type_2  .mark span {
        background-color: #fb6800;
        position: relative;
        float: left;
        padding: 0px 2px 0 2px;
        margin-left: 1px;
        
        text-align: center;
        width: 14px;
      }

      .type_2  .mark.count_3 span:first-child {      padding: 0px 2px 0 2px; }

      .type_2  .mark.count_1 { width: 38px;  }
      .type_2  .mark.count_1 span { width: 34px; padding: 0px 2px; }

      .type_2  .mark.count_2 {width: 60px;}
      .type_2  .mark.count_2 span { width: 14px; padding: 0px 2px }
      .type_2  .mark.count_2 span:first-child { width: 15px;  }

      .type_2  .mark span:first-child { margin-left: 0px!important; }

      .type_2  .mark span.orange { color: #ffffff;}
      .type_2  .mark span.grey { background-color: #7d7d7d; color: #fff;}
      .type_2  .mark span.white { background-color: #fff; color: #fb6800; border: 1px solid #fb6800; height: 29px; }

      .type_2  .mark.out {  background-color: transparent; height: 33px; }

      .type_2  .mark.out span {
        text-align:center;
        width: 32px;

        background-color: #fff;
        border: 1px solid #7d7d7d;
        margin-right: 1px;
        color: #686868;
      }

    /*// Оценки по 0-99 */
    
    /* Оценки по 0-100 */

      .type_3  .mark {
        background-color: #e2e2e2;
        min-width: 54px;
        height: 100%;
        position: relative;
        float: left;
        text: center;
        color: #ffffff;
        margin: 1px 0 0 0;
        font: normal 12px/30px Arial;
        margin-right: 5px;
      }

      .type_3  .mark span {
        background-color: #fb6800;
        position: relative;
        float: left;
        padding: 0px 2px 0 2px;
        margin-left: 1px;
        
        text-align: center;
        width: 22px;
      }

      .type_3  .mark.count_3 span:first-child {       padding: 0px 2px 0 2px; }

      .type_3  .mark.count_1 { width: 38px;  }
      .type_3  .mark.count_1 span { width: 50px; padding: 0px 2px; }

      .type_3  .mark.count_2 {width: 54px;}
      .type_3  .mark.count_2 span { width: 23px; padding: 0px 2px }
      .type_3  .mark.count_2 span:first-child { width: 22px;  }

      .type_3  .mark span:first-child { margin-left: 0px!important; }

      .type_3  .mark span.orange { color: #ffffff;}
      .type_3  .mark span.grey { background-color: #7d7d7d; color: #fff;}
      .type_3  .mark span.white { background-color: #fff; color: #fb6800; border: 1px solid #fb6800; height: 29px; }

      .type_3  .mark.out {  background-color: transparent; height: 33px; }

      .type_3  .mark.out span {
        text-align:center;
        width: 48px;

        background-color: #fff;
        border: 1px solid #7d7d7d;
        margin-right: 1px;
        color: #686868;
      }

    /*// Оценки по 0-99 */

    /* Варианты оценок 2 */
      
      .otmetka {
        text-align: center;
        background-color: #e2e2e2;
        height: 100%!important;
      }
      
      table td.otmetka {
        width: 14px;
      }  

      table td.mark_1 { width: 28px; }
      table td.mark_2 { width: 9px; }
      
      .type_3 .mark  span.orange { background-color: #fb6800; color: #fff; }
      .type_3 .mark  span.orange_1 { background-color: #795F4C; color: #fff; }
      .type_3 .mark  span.orange_2 { background-color: #9B6945; color: #fff; }
      .type_3 .mark  span.orange_3 { background-color: #B76A34; color: #fff; }
      .type_3 .mark  span.orange_4 { background-color: #E17020; color: #fff; }
      .type_3 .mark span.orange_5 { background-color: #fb6800; color: #fff; }
      
    /* Варианты оценок 2 */
    
    
    /* Задание */

    /*// Задание */

      .task {
        font: normal 10px/12px Arial;
        white-space: nowrap;
        overflow: hidden;
        padding: 4px 0;
      }

      .task span {
        color: #018CAD;
      }
      
      .help {
        cursor: help!important;
      }

      .task.own {
         font: normal 10px/24px Arial;
      }

      .task.width_1 {
        width: 240px;
      }

    /* Задание */

  /*// Дневник  */

  /* Метка дня недели */

    .right .day_week,
    .left .day_week {
      position: relative;
      float: left;
      width: 30px;
      height: 60px;
      padding: 28px 3px 30px 8px;
    }

    .left .day_week {
      background: url(../skin/day_week_left.png) no-repeat top left transparent;
      margin:  65px 0 0 -50px;
    }

    .right .day_week {
      background: url(../skin/day_week_right.png) no-repeat top left transparent;
      float: right;
      margin:  65px -55px 0 0px;
    }

    .day_week.first { margin-top: 95px; }
    .day_week.active { background-position: 0 -265px; }

    .day_week span {
      position: relative;
      float: left;
      clear: both;
    }

    .day_week.active span.week { color: #fff; }
    .day_week span.week  { font: normal 15px Arial;}
    .day_week span.day    { font: normal 16px Arial; color: #00a8d9;}
    .day_week span.mons  { font: normal 10px Arial; color: #00a8d9;  }

  /*// Метка дня недели */
  
  /* Комментарии класного руководителя */

    .comment {
      position:relative;
      width: 960px;
      margin: 0px auto;
      color: #fff;
      padding-left: 40px;
    }

    .comment span {

      color: #00a8d9;
    }

    .comment_1 {
      background: url(../skin/att.png) no-repeat 0 0;
      position:relative;
      width: 960px;
      margin: 10px auto;
      color: #00a8d9;
      padding: 5px 0 0px  40px;
      font: normal 18px/24px Arial;
    }

    /* Под  каждым днём */
    
      .null_line h4 { 
        margin: 5px 0 5px 25px
      }
      
      .null_line ul,
      .null_line li { 
        position: relative;
        float: left;  
        clear: both;
      }

      .null_line ul { margin: 0px 0 5px 35px!important;}
      
      .null_line li { 
        font: 13px/16px Arial;
      }
    
    /*// Под  каждым днём */
    
    /* Cправа от воскресенья */
    
      .commentation h4 {         
        background: url(../skin/att.png) no-repeat 0 0;   
        margin: 5px 0 5px 5px;
        font: normal 16px/26px Arial;
        padding-left: 40px;
      }
      
      .commentation ul,
      .commentation ul li { 
        position: relative;
        float: left;  
        clear: both;
      }

      .commentation ul { margin: 0px 0 5px 35px!important;}
      
      .commentation li { 
        font: 13px/16px Arial;
      }
      
      
      .commentation span { 
        position: absolute;
        
      }
      
      .commentation div { 
        position: relative;
        float: left;
        padding-left: 60px;
      }
      
      .line_center {
        position: relative;
        margin: 0 auto;
        width: 1000px;
      }
      
    /* Cправа от воскресенья */
  
  /*// Комментарии класного руководителя */
  
    
    
  .hover_color { background: url(../skin/point_1.png) repeat-x top left #dee2e9!important;}
 
  thead .hover_color {  background-image: none!important;}
  
  .sem td {
    background-image: none;
   
  }
  
  .width_1 {
    width: auto!important;
  } 

  .height_1 span {
    /* height: 31px!important; */
  }  
  
  .exit {
    border-left: 1px solid #AEAEAE;
    padding: 0 20px;
    margin-left: 20px;
    font: italic 16px/12px Arial;
    color: #5C5C5C;
  }
  
  .select {
    border-left: 1px solid #AEAEAE;
    padding: 0 0 0 20px;
    margin-left: 20px;
    font: 14px/12px Arial;
    color: #5C5C5C;
  }
  
  .tip-yellowsimple {
    z-index:1000;
    text-align:left;
    border:1px solid #fff;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    padding:6px 8px;
    min-width:50px;
    max-width:300px;
    color:#fff;
    background-color: #018CAD;
    /**
     * - If you set a background-image, border/padding/background-color will be ingnored.
     *   You can set any padding to .tip-inner instead if you need.
     * - If you want a tiled background-image and border/padding for the tip,
     *   set the background-image to .tip-inner instead.
     */
  }
  .tip-yellowsimple .tip-inner {
    font:12px/16px arial,helvetica,sans-serif;
  }

/* Configure an arrow image - the script will automatically position it on the correct side of the tip  approx. half the width to center it */
  .tip-yellowsimple .tip-arrow-top {
    margin-top:-6px;
    margin-left:-5px; 
    top:0;
    left:50%;
    width:9px;
    height:6px;
    background:url(../skin/point_2.png) no-repeat;
  }

  .tip-yellowsimple .tip-arrow-right {
    margin-top:-4px; /* approx. half the height to center it */
    margin-left:0;
    top:50%;
    left:100%;
    width:6px;
    height:9px;
    background:url(../skin/point_2.png) no-repeat -9px 0;
  }

  .tip-yellowsimple .tip-arrow-bottom {
    margin-top:0;
    margin-left:-5px; /* approx. half the width to center it */
    top:100%;
    left:50%;
    width:9px;
    height:6px;
    background:url(../skin/point_2.png) no-repeat -18px 0;
  }

  .tip-yellowsimple .tip-arrow-left {
    margin-top:-4px; /* approx. half the height to center it */
    margin-left:-6px;
    top:50%;
    left:0;
    width:6px;
    height:9px;
    background:url(../skin/point_2.png) no-repeat -27px 0;
  }
  