/* Для удаленных записей */
.delete {
  /* background: url('/styles/deleted.png'); */
  text-decoration: line-through;
  opacity: 0.6;
}

.field-image {
  border: none; 
  display: block; 
  margin: 0 auto;
}

.field-image-pointer {
  border: none; 
  display: block; 
  margin: 0 auto;
}

/* Стили для оформления области фильтрации для jTable. Начало */
.jtable-main-filter {
  padding-left: 0; 
  margin-top: 0; 
  margin-bottom: 4px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

.jtable-main-table {
  border-radius: 3px;
  -webkit-border-radius: 3px;
}

  .jtable-table-width-100 {
    width: 100%;
  }

  .jtable-table-width-640 {
    width: 640px;
    margin: 0 auto 4px;
  }

  .jtable-table-width-800 {
    width: 800px;
    margin: 0 auto 4px;
  }

  .jtable-table-width-1280 {
    width: 1280px;
    margin: 0 auto 4px;
  }

.jtable-title-filter {
  text-align: right !important; 
  position: relative;
}

.jtable-label-filter {
  font-weight: bold; 
  color: white;
  margin-left: 8px;
}

.jtable-command-filter {
  position: relative; 
  display: inline;
}

.jtable-icon-filter {
  cursor: pointer; 
  width: 24px; 
  height: 24px; 
  position: relative; 
  top: 6px; 
  border: none; 
  margin-right: 8px;
}
/* Стили для оформления области фильтрации для jTable. Окончание */

/* Стили для оформления формы редактирования jTable. Начало */
.sp-input {
  width: 300px;
  font-size: 13px;
  padding: 6px 0 4px 10px;
  border: 1px solid #cecece;
  background: #F6F6f6;
  border-radius: 5px;
}

/* Хак для IE
input {
  padding-bottom: 5px\0;
} 
*/

.sp-textarea {
  /* = Убираем скролл */
  overflow: auto;

  /* = Убираем увеличение */
  resize: none;
  width: 300px;
  height: 50px;

  /* = Добавим фон, рамку, отступ*/
  background: #f6f6f6;
  border: 1px solid #cecece;
  border-radius: 5px; /* 0 0 0 */
  padding: 8px 0 8px 10px;
}

/* Переключатели Radio Button */
.sp-radio {
  display: block;
  height: 25px;
  background-position: 0 -56px;
  coloR: #444;
  cursor: pointer;
  text-indent: 22px;
  font-size: 13px;
}

.sp-radio.active {
  background-position: 0 -86px;
}

.sp-radio.error {
  border-color: #ff0000;
}

/* Стилизируем чекбокс, точнее скрываем его */
.sp-check input[type=checkbox] {
  position: absolute;
  left: -10000px;
}

.sp-check {
  background-position: 0 3px;
  padding-left: 25px;
  cursor: pointer;
  position: relative;
}

.sp-check.active {
  background-position: 0 -27px;
}

/* Стилизуем Select */
.sp-slct {
  display: block;
  border-radius: 5px;
  border: 1px solid #cecece;
  background-color: #F6F6f6;
  width: 285px;
  padding: 4px 15px 4px 10px;
  color: #444;
  background-position: 290px -145px;
	
  /* Супер финт обрезаем текст чтобы не вылезал за рамку */
  overflow: hidden;
  white-space:nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;	
}

.sp-slct-filter {
  display: inline !important; 
  padding: 1px !important; 
  width: 200px !important; 
  background-color: white !important;

  border-radius: 5px;
  border: 1px solid #cecece;
  background-color: #F6F6f6;
}

.sp-slct.active {
  border-radius: 5px 5px 0 0;
  border-bottom: none;
}

.sp-drop {
  margin: 0;
  padding: 0;
  width: 310px;
  border: 1px solid #cecece;
  border-top: none;
  display: none;
  position: absolute;
  background: #fff;
}

.sp-drop li {
  list-style: none;
  border-top: 1px dotted #e8e8e8;
  cursor: pointer;
  display: block;
  color: #444;
  padding: 4px 15px 4px 25px;
  background-position: 10px -119px;
}

.sp-drop li:hover {
  background-color: #e8e8e8;
  color: #222;
}
/* Стили для оформления формы редактирования jTable. Окончание */

/* Исправление оформления активного пункта в autocomplete. По умолчанию он bold и смещен вправо, что приводит к "неприятной" перерисовке пункта */
ul.ui-autocomplete a.ui-state-focus, ul.ui-autocomplete a.ui-state-hover, ul.ui-autocomplete a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}

/* Начало группы кнопок в таблице */
.startGroup {
  border-right: 1px dotted white;
}

.cssHelp {
  border: 1px solid #777;
  border-radius: 3px; 
  color: black; 
  text-align: left; 
  width: 800px; 
  /* padding: 12px; */
  margin: 12px auto; 	    
}

.quest {
  font-weight: bold;
  margin-bottom: 4px; 
  padding: 8px;
  /* background: rgb(220, 220, 248); */
  background-color: #4B6C9E;
  color: white;
}

.answer {
  font-weight: normal;
  font-style: italic;
  padding: 0px 8px 8px 8px;
}

.linkDoc, .linkDoc:visited {
  text-decoration: none;
  cursor: pointer;
  color: Black;
  border: none;
}

.linkDoc:hover, .linkDoc:active, .linkDoc:link {
  text-decoration: none;
  border-bottom: 1px dotted gray;
  border-top: none;
  border-left: none;
  border-right: none;
  cursor: pointer;
  color: Black;
}

.my-input-field-container  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 2px 0 3px 0;
  color: #222222;
  font-size: 1em;
  font-weight: 400;
  border-bottom: 1px solid #ddd;
  width: auto;
  margin: 0 8px;
}
   
.my-input-label  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 2px 3px;
  color: #666;
  font-size: 1em;
  font-weight: bold;
}
  
.my-dropdown-input select {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #222222;
  font-size: 1em;
  font-weight: 400;
  width: 100%;
}