body {
  margin: 0px;
  padding: 0px;

  padding-top: 88px;
  margin-bottom: 38px;

  background: white;
  font-size: .80em;
  font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
  color: #696969;
}

.header {
  /* position: relative; */
  margin: 0px;
  padding: 0px;
  background: white; /* #4b6c9e; */
  width: 100%;
  top: 0px;
  left: 0px;
}


.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); 
}

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

.lblReg {
    width: 25%; 
    text-align: right; 
    padding-top: 4px;
}

.inputReg {
    text-align: right; 
    padding-top: 4px;
}

/* Кнопки внизу */
/*#hlp {
    position: fixed;
    bottom: 0;
    width: auto;
    margin: 0 auto;
    padding: 2px 20px 2px 20px;
    border: 1px solid gray;
    background-color: rgb(220, 220, 248);
    border-radius: 7px 7px 7px 7px;
    -webkit-border-radius: 7px 7px 7px 7px;
} */

/* Кнопки внизу */
#hlp {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 6px 10px;
    /* border: 1px solid gray; */
    background-color: #417bb5; /*#68a1dd; */
    /* text-align: center; */
    /* background-color: rgb(220, 220, 248); */
    /* border-radius: 7px 7px 7px 7px; */
    /* -webkit-border-radius: 7px 7px 7px 7px; */
}

.relogin {
    text-decoration: none;
    color: Black;
    font-size: 14px;
}
	
.relogin:actibe {
    text-decoration: none;
    border-bottom: 1px dotted gray;
}
	
.relogin:hover {
    text-decoration: none;
    border-bottom: 1px dotted gray;
}
	
.relogin:visited {
    text-decoration: none;
    border-bottom: 1px dotted gray;
}

/* Шапка */
.header h1 a {
    text-decoration: none;
    color: #EEE;
}

.header h1 a:visited {
    text-decoration: none;
    color: #EEE;
}

.header h1 a:link {
    text-decoration: none;
    color: #EEE;
}

.header h1 a:hover {
    text-decoration: none;
    color: #FFF;
    border-bottom: 1px dotted gray;
}

/* Задать ширину и правила отображения блока с фильтрами */
#divForSelect {
    width: 98%;
    margin: 0;
    padding: 0;
}

#divForFilter img {
    margin: 0;
    padding: 0;
    outline: none;
}

#divForFilter img:hover {
    outline: yellow dotted 2px;
}

/* Задать ширину и правила отображения блока с таблицей */
#divForTable, .divForTable {
    width: 98%;
    margin: 8px auto 0;
}

/* Стиль для строк таблицы */
.linesTable {
    border-bottom: 1px dotted gray; 
}

/* Задать ширину элемента для редактирования поля */
.jTableFormInput {
    width: 98%; 
    font-size: large; 
}

.jTableFormTextarea {
    width: 98%;
    height: 160px;  
    font-size: large; 
}

/* Задать ширину элемента для редактирования поля 220px; */
.functionWork {
    width: 98%; /* 220px */
    font-size: large; 
}

.functionWork-slct {
    width: 232px; 
    font-size: large; 
}

.functionWork-slct-full {
    width: 99%; 
    font-size: large; 
}

/* Задать ширину элемента для редактирования поля с паролем. Поле покороче для добавления иконки */
.functionParol {
    width: 200px; 
    font-size: large; 
}

/* Класс для отображения булевой переменной в таблице jTable */
.inputBool {
    text-align: center; 
}

/* Убрать появление полос скроллинга в IE */
.ui-widget-overlay {
    top: -1px; 
    left: -1px; 
    z-index: 18;
    position: fixed !important;
}

/* Исправление оформления активного пункта в 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;
}

/* Настройка высоты заголовков: .jtable thead tr th { height: 36px; } */

/* Исправление отображения крестика в диалоговом окне */
.ui-dialog .ui-dialog-titlebar-close span {
    margin-top: -8px;
    margin-left: -8px;
}

/* Стиль для текста Внимание */
.attention {
    color: Red;
}

/* Стиль для обычного текста сообщения */
.ok {
    color: Black;
}

/* Стиль для диалогового окна сообщения об ошибке */
#pError {
    color: red; 
}
       
tr.jtable-child-row div.jtable-title .jtable-close-button {
    top : 6px 
}

tr.jtable-child-row div.jtable-title {
    /* line-height: 24px; */
    /* height: 24px; */
    background-color: #959595;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B0B0B0', endColorstr='#909090', GradientType=0);
    background: linear-gradient(to bottom, #B0B0B0 0%, #909090 100%) repeat scroll 0 0 transparent;
    background: -moz-linear-gradient(top, #B0B0B0 0%, #909090 100%);
    background: -webkit-linear-gradient(top, #B0B0B0 0%, #909090 100%);
    background: -o-linear-gradient(top, #B0B0B0 0%, #909090 100%);
    background: -ms-linear-gradient(top, #B0B0B0 0%, #909090 100%);
    background: linear-gradient(to bottom, #B0B0B0 0%, #909090 100%);
}

/* Странно работает в Firefox */
div.jtable-child-table-container {
    padding: 2px 4px 2px 20px;
    background-color: #E0E0E0;
    background-image: url("images/child.png");
    background-repeat: no-repeat;
}

tr.jtable-child-row div.jtable-bottom-panel {
    background-color: rgb(200, 200, 200); 
    height: 18px; 
}

#divForFilter {
    width: auto;
    margin: 0;
    padding: 0;
    line-height: 12px;
}

#divForFilter img {
    margin: 0;
    padding: 0;
    outline: none;
    line-height: 12px;
    font-size: 12px;
}

#divForFilter img:hover {
    outline: yellow dotted 2px;
}

#divForFilter label {
    color: white;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    margin: 0 4px 0 4px;
}

#divForFilter input.text {
    color: #222222;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    margin: 0 4px 0 8px;
    text-align: center;
}