﻿/* стандартные таблицы */
table.std
{
    border: 1px solid #C0C0C0;
    margin: 0 auto;
    border-spacing: 1px;
    border-radius: 6px 6px 6px 6px;
}

table.std th
{
    font-weight: bold;
    margin: 0;
    padding: 0;
}

table.std th, table.std td
{
    vertical-align: middle;
    padding: 5px;
}

table.std thead
{
    margin: 0;
    padding: 0;
}

table.std tbody tr:nth-child(odd)
{
    background-color: #F3EDE4;
}

table.std tbody tr:nth-child(even)
{
    background-color: #F4F0EC;
}

table.std thead tr
{
    background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
    height: 35px;
}


table.std tbody td
{
    text-align: left;
}

table.std thead td
{
    text-align: center;
    vertical-align: middle;
}

table.std td.left, table.std td.std-l
{
    text-align: left;
}

table.std td.center, table.std td.std-c
{
    text-align: center;
}

table.std td.right, table.std td.std-r
{
    text-align: right;
}

/* Стандартные button, select, input */

button.std, .std-container button, table.std button
{
    border-radius: 8px;
    border: 1px solid gray;
    outline: none;
    margin: 2px 4px;
    background: linear-gradient(to bottom, #d8d8d8 0%,#ffffff 100%);
}

button.std:active, .std-container button:active, table.std button:active
{
    background-color: blue !important;
    color: white !important;
}

button.std:hover, .std-container button:hover, table.std button:hover
{
    background:initial;
    background-color: #A64029;
    color: white;
    cursor: pointer;
}

button.std:hover:disabled, .std-container button:hover:disabled, table.std button:hover:disabled
{
    background: linear-gradient(to bottom, #d8d8d8 0%,#ffffff 100%);
    color: gray;
    cursor: not-allowed;
}

button.std:focus, .std-container button:focus, table.std button:focus
{
    background-color: ButtonFace;
    color: red;
}

input.std, select.std, .std-container input, .std-container select, table.std input, table.std select
{
    /*background-color: transparent;*/
    background: linear-gradient(to bottom, #e8e8e8 0%,#ffffff 100%);
    border: 1px solid lightgray;
    border-radius: 8px;
    outline: none;
    font-family: Arial;
    font-size:14px;
    padding-left: 4px;
}

/* Стили для всплывающего окна модального диалога */

#content
{
    font-family: Arial;
    font-size: 14px;
}

/* полупрозрачная подложка, чтобы заблокировать все элементы управления */
#overlay
{
    position: fixed;
    top: 0px;
    left: 0px;
    background: #000;
    z-index: 1500;
    width: 100%;
    height: 100%;
    display: none;
}

/* окно диалога */
.pppw
{
    padding: 0;
    z-index: 1501;
    position: absolute;
    display: none;
    border-radius: 8px;
    background-color: white;
    border-bottom: 1px solid #afafaf;
    box-shadow: 10px 10px 10px #555555;
}

.pppw header
{
    margin: 0 0 15px 0;
    padding: 3px 10px 3px 10px;
    text-align: center;
    box-sizing: border-box;
    background: linear-gradient(to bottom, #eeeeee 0%, #c8c8c8 100%);
    border: 1px solid #CBC7BD;
    text-align: center;
    border-radius: 8px 8px 0 0;
}

.pppw footer
{
    margin: 15px 0 0 0;
    padding: 3px 10px 3px 0;
    text-align: right;
    box-sizing: border-box;
    background: linear-gradient(to top, #eeeeee 0%, #c8c8c8 100%);
    border: 1px solid #CBC7BD;
    border-radius: 0px 0px 8px 8px;
}

.pppw > div
{
    margin: 2px 5px;
    text-align: center;
}

.pppw i
{
    display: block;
    margin: 10px;
    padding: 2px;
    text-align: center;
    font-style: italic;
}
/********************************/




