@charset "windows-1251";

form textarea {height:100px;}

/* Хак, для ВСЕХ элементов формы */
form * {
        margin:0;
        padding:0;
        font-size: 100%;
        font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* Сам контейнер формы */
form {
    margin: 0 auto;
    width: 100%;
}


/* Фиелдсет - группа элементов, обведённых рамкой */
form fieldset {
    clear: both;
    border:1px dashed #4FA0BF;
    margin: .5em .5em;
    padding: .5em .5em;
}

/* для скрытых полей, трогать не нужно */
form fieldset.hidden {
    border: 0;
}

/* Заголовок фиелдсета */
form fieldset legend {
    white-space: nowrap;
    background: #4FA0BF;
        color: #FFF;
    font-weight: bold;
    padding: .1em .5em;
    margin-left: 1em;
    display: inline;
}

/* Строки с подписями и самими полями представлены в виде нумерованого списка */
form fieldset ol {
    margin: 0;
    padding: 0;
}

/* Элементы этого списка (при желании можно даже всё пронумеровать) */
form fieldset li {
    display: block;
    list-style: none;
    margin: 0;
    clear: both;
}

/* Подпись элемента формы (для радио и чекбоксов) */
form label {
    margin: 0 0 0 1px;
}

/* Подпись элемента формы (те, что слева) */
form label.element {
    display: block;
    float: left;
    width: 20%;
    padding: 0;
    margin: .2em 0 0 0;
    text-align: right;
}

/* Коммент в подписи элемента, кажись нигле не использовал в итоге */
form label.element em {
        font-style:normal;
    font-size:85%;
    color:#494949;
    text-align: right;
}

form br {
    clear: left;
}

/* Контейнер для элементов ввода (правая половина формы) */
form div.element {
    display: inline;
    float: left;
    margin: .2em 0 0 1%;
    width: 79%;
        text-align:left;
}

/* Стиль для примечания формы: "Поля отмеченные «*» обязательны к заполнению" */
form li.reqnote {
    font-size: 90%;
    color:#494949;
    margin: .2em 0 0 .5em;
}
/* Звёздочка в примечании и обязательных к заполнению полях */
form span.required {
    color: red;
}



/* Контейнер для элементов ввода, содержащего ошибку */
form div.error {
    /*border: 1px solid red;
    padding: .3em;*/
}

/* Контейнер с текстом ошибки */
form div.error div{
        display:block;
        padding: 0 0 .6em 0;
        margin: 0;
        background: url(/images/error_bg.gif) no-repeat left bottom;  /*треугольничек с ошибкой*/
}

/* Текст с ошибкой */
form span.error{
        padding: .1em .2em .2em .2em;
        background: #FFDA75;
        color: #000;
}




/* для полей ввода всех типов (менять не надо) */
form input, form textarea, form select {
    width: auto;
}

/* текстареа и списки */
form textarea, form select, form select option {

}
/* элемент списка */
form select option{
        padding-right:.5em;

}

/* элемент списка, который нельзя выбрать или не содержащий значения ("---Выберите номер---", формы оплаты недоступные)*/
form select option[value=""], form select option[disabled]{
        color:#999999;
}

/* все инпуты (менять не надо) */
form input{
        vertical-align: middle;
}

/* текстовые поля ввода */
form input[type="text"], form input[type="password"], form input[type="file"], from textarea {
        /*border:1px solid #ccc;*/

        vertical-align: middle;
}

/* текстовые поля ввода при фокусе на них */
form input[type="text"]:focus, form input[type="password"]:focus, form textarea:focus{
        background-color:#FFFFC8;
}

/* радио и чекбоксы */
form input[type="radio"], form input[type="checkbox"]{
        vertical-align: middle;
}

/* все кнопки */
form input[type="button"], form input[type="submit"], form input[type="reset"]{
        padding-left:1em;
        padding-right:1em;
        text-align:center;
}

/* кнопка отправки формы */
form input[type="submit"]{
        font-weight:bold;
}

/* текстовое поле только для чтения (где суммы) */
form input[readonly]{
        /*background-color:#ddd;
        border:1px solid #ccc;*/
}


/* Кнопка с иконкой календарика */
form input.calend{
        cursor: pointer;
        cursor: hand;
        padding:0;
        border:0;
        margin-left:2px;
        margin-right:2px;
        width: 16px;
        height: 16px;
        background:url(/images/calendar_16.gif) 0 0 no-repeat;
        vertical-align: middle;
}
div.welcome h1 {
font-size: 10pt;
}