
/* CSS Document */

html, body {
    /*background-color:#12171b;*/
    padding: 0;
    margin: 0;
    border: 0;
    background-repeat: no-repeat;
    background-position: center top;
    /*background-position:-60px 0;*/
    font-family: Verdana, Times, Helvetica, Tahoma;
    font-size: 10pt;
}

hr {
    border: 0;
    border-bottom: 1px solid #aeaeae;
}

a, a:visited {
    text-decoration: none;
    FONT-WEIGHT: bold;
    color: #003388;
}

a:active {
    color: #6F0000
}

a:hover {
    color: #0066FF
}

.cp {
    cursor: pointer;
}

.psi_main {
    background-color: #0e0e0e;
}

.psi_btn {
    width: 179px;
    height: 50px;
    background-image: url(../images/psi_btn1.png);
    background-position: 0 -50px;
    display: inline-block;
}

.psi_btn:hover {
    background-position: 0 0;
    cursor: pointer;
}

.psi_btn:active {
    background-position: 0 1px;
    cursor: pointer;
}

.psi_logo {
    background-image: url(../images/combats_logo.png);
    width: 790px;
    height: 263px;
    position: absolute;
    top: 20px;
    left: -160px;
}

.psi_fix {
    position: relative;
    height: 263px;
}

.psi_main_reg {
    background-color: #0e0e0e;
    font-family: Minion Pro;
    font-size: 14px;
    color: #daad5e;
    background-image: url(../images/reg_bg.png);
}

.psi_mainin {
    padding-left: 22px;
    padding-right: 22px;
}

.psi_mleft {
    background-image: url(../images/leftl.png);
}

.psi_mright {
    background-image: url(../images/rightl.png);
}

.psi_tline {
    background-image: url(../images/top_line.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

.psi_dline {
    background-image: url(../images/bottom_line.png);
}

.psi_dlimg {
    background-image: url(../images/leftd.png);
}

.psi_drimg {
    background-image: url(../images/rightd.png);
}

.psi_tlimg {
    background-image: url(../images/left.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

.psi_trimg {
    background-image: url(../images/right.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

/* psi_check1 */
.psi_check1 {
    width: 19px;
    height: 19px;
    background-image: url(../images/psi_checkbox.png);
    background-position: 0 0;
    position: relative;
    vertical-align: bottom;
    cursor: pointer;
}

.psi_check1s {
    width: 19px;
    height: 19px;
    background-image: url(../images/psi_checkbox.png);
    background-position: 0 -19px;
    position: relative;
    vertical-align: bottom;
    cursor: pointer;
}

/* input 1 */
.psi_input1_none {
    background-color: #ded7bd;
    border: solid 1px #302f2a;
    padding: 5px;
    color: #000;
}

.psi_input1_green {
    background-color: #ded7bd;
    border: solid 1px #5d8d00;
    padding: 5px;
    color: #5d8d00;
}

.psi_input1_red {
    background-color: #ded7bd;
    border: solid 1px #ae1313;
    padding: 5px;
    color: #ae1313;
}

.psi_list {
    display: inline-block;
}

.psi_list select {
    background-color: #ded7bd;
    border: solid 1px #ded7bd;
    color: #302f2a;
}

/* radio 1 */
.radio1txt {
    color: #302f2a;
}

.radio1txt:hover {
    color: #5A636B;
}

.psi_radio1 {
    height: 19px;
    background-image: url(../images/pri_radio.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    position: relative;
    vertical-align: bottom;
    cursor: pointer;
    display: inline-block;
}

.psi_radio1s {
    height: 19px;
    background-image: url(../images/pri_radio.png);
    background-position: 0 -19px;
    background-repeat: no-repeat;
    position: relative;
    vertical-align: bottom;
    cursor: pointer;
    display: inline-block;
    color: #302f2a;
}

.tip {
    display: inline-block;
    position: relative;
}

/*Стиль для кнопки, если она есть*/
.tip em,
.linktip em {
    background: #FD6E00;
    text-align: center;
    border-radius: 20px;
    border: 1px solid #ccc;
    color: #fff;
    font: normal bold 12px Arial;
    text-decoration: none;
    cursor: pointer;
    padding: 0 4px;
}

/*Стиль для изображения в подсказке*/
.tip > span > img {
    max-width: 50%;
    max-height: auto;
    margin: 3px;
    float: left;
}

/*Стиль для кнопки закрытия подсказки(кристик)*/
.answer > b,
.answer-left > b {
    position: absolute;
    font: normal bold 14px Comic Sans MS;
    color: #900;
    cursor: pointer;
    padding: 4px;
}

.answer > b {
    top: 0;
    right: 0;
}

.answer-left > b {
    top: 0;
    left: 0;
}

.answer > b:hover,
.answer-left > b:hover {
    color: #000;
}

/*при наведении*/

/*Стиль для блока подсказки*/
.answer,
.answer-left {
    display: none; /*скрываем*/
    position: absolute; /*позиционируем абсолютно*/
    z-index: 9999; /*отображаем поверх всех элементов на странице*/
    background: #EDEDED; /*цвет фона*/
    border-radius: 3px;
    border: 1px solid #ccc;
    color: #000; /*цвет текста*/
    font: normal 500 14px Trebuchet MS;
    text-align: left;
    text-shadow: 0 1px 2px #fff, 0 0 10px #E0F1FF; /*тень текста*/
    text-decoration: none;
    opacity: 1; /*прозрачность*/
    cursor: default;
    margin-top: -30px; /*смещение вверх*/
    width: 200px; /*ширина !значение*/
    min-height: 50px; /*минимальная высота (если текста мало)*/
    max-height: auto; /*высота в зависимости от количества текста*/
    white-space: normal; /*переносы слов*/
}

.answer {
    box-shadow: 5px 5px 0.5em -0.1em rgba(0, 0, 6, 0.5); /*тень справа*/
    right: -240px; /*!смещение = ширина + отступы*/
    padding: 5px 20px 7px 7px; /*отступы внутри*/
}

.answer-left {
    box-shadow: -5px 5px 0.5em -0.1em rgba(0, 0, 6, 0.5); /*тень слева*/
    left: -240px; /*!смещение*/
    padding: 5px 7px 7px 20px;
}

.a-top {
    bottom: -10px; /*!смещение, положение подсказки вверх */
}

/*Стили для уголка*/
.a-top:before,
.answer:before,
.answer-left:before {
    content: "";
    position: absolute;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAAaElEQVR4XoWQMQ6AMAwDna6wMXTjB/x/7E4i9SV9AwgxuJKDcKfqrlVizInrObwLHLng9sKhgm8nIQV4eWAFJig/EIogUATCTPh7zZUUuqHXOL4m7waglViyvVthNXvaGhNr2jnTLQTenE8VKUp0n4sAAAAASUVORK5CYII=) no-repeat;
    width: 9px;
    height: 15px;
}

.answer:before {
    left: -9px;
    margin-top: 10px;
    background-position: 0 0;
}

.answer-left:before {
    right: -9px;
    margin-top: 10px;
    background-position: -9px 0;
}

.a-top:before {
    bottom: 10px;
}

/*Для отображения клик-подсказки без скрипта, только на CSS*/
.tip > a:focus ~ span.answer,
.tip > a:focus ~ span.answer-left {
    display: block;
}

.tip > a[tabindex="1"]:focus {
    outline: none;
}

.tip > a[tabindex="1"]:focus > em {
    background: #FF4F19;
}