body {
margin : 0;
padding : 0;
font-family : "PTSansRegular";
}
img {
border : 0;
}
.wrap {
width : 980px;
margin : 0 auto;
border : 10px solid #317703;
}
.header {
width : 100%;
}
.clr {
clear : both;
}
.clr-line {
background : url(/img/hd-line.jpg) no-repeat;
width : 980px;
height : 8px;
}
.hd-menu {
float : right;
list-style : none;
font-family : "PTSansRegular";
margin : 40px 80px 0 0;
}
.hd-menu li {
display : inline;
margin : 0 15px 0 0;
border : 2px solid #fff;
padding : 7px 5px 3px 5px;
}
.hd-menu li:hover {
border : 3px solid #317703;
padding : 5px 5px 5px 5px;
}
.hd-menu a {
text-decoration : none;
color : #317703;
}
.logo {
background : url(/img/logo.jpg) no-repeat;
width : 322px;
height : 109px;
margin-top : 10px;
}
.logOK {
background : url(/img/oplata_ok.jpg) no-repeat;
width : 650px;
height : 333px;
margin-top : 10px;
}
.cp-art {
background : url(/img/fruits.jpg) no-repeat;
width : 542px;
height : 244px;
margin-bottom : 10px;
float : left;
}
.sprite-icon {
background : url(/img/sprite-icon.png) no-repeat;
width : 500px;
height : 500px;
}
.hd-bnf {
float : right;
background : url(/img/bnf.png) repeat-x;
height : 152px;
font-family : "lobster";
margin : 25px 0 0 10px;
padding : 10px 15px 0 30px;
color : #3f9800;
font-size : 1.2em;
line-height : 17pt;
border : 3px solid #317703;
}
.hd-bnf li {
list-style-image : url(/img/arrow.png);
background-repeat : no-repeat;
}
.content {
width : 100%;
margin-top : 10px;
}
.cl-left {
width : 300px;
float : left;
border : 0 solid black;
}
.cl-right {
width : 630px;
float : left;
padding : 0 0 0 20px;
border : 0 solid black;
}
.h-title {
background : url(/img/opacity-title.png) no-repeat;
width : 300px;
height : 22px;
color : #4f6f05;
font-family : "PTSansRegular";
text-align : center;
margin : 2px 0 0 15px;
}
.autoriz {
background : url(/img/bnf.png) repeat-x;
height : 175px;
border : 1px solid #4f6f05;
}
.lg {
background : none;
border : 1px solid #317703;
background : url(/img/inpt.png) repeat-x;
width : 237px;
height : 24px;
padding : 0 0 0 10px;
margin : 3px 0 0 0;
}
.lg:hover {
background : url(/img/inpt-hov.png) repeat-x;
width : 237px;
height : 24px;
}
.ps {
background : none;
border : 1px solid #317703;
background : url(/img/inpt.png) repeat-x;
width : 237px;
height : 24px;
padding : 0 0 0 10px;
margin : 3px 0 0 0;
}
.ps:hover {
background : url(/img/inpt-hov.png) repeat-x;
width : 237px;
height : 24px;
}
.btn_in {
background : #488016;
border : 1px solid #97dc1d;
color : #fff;
margin : 0 0 0 0;
padding : 3px 0 3px 0;
cursor : pointer;
width : 160px;
}
.btn_reg {
background : #3e8f02;
border : 3px solid #97dc1d;
color : #feb705;
margin : 0 0 0 0;
padding : 5px 0 5px 0;
cursor : pointer;
width : 460px;
}
a.rs-ps {
color : #f77827;
text-decoration : none;
font-size : 14px;
}
a.rs-ps:hover {
text-decoration : underline;
}
.stat {
background : url(/img/bnf.png) repeat-x;
height : 175px;
margin : 20px 0 0 0;
border : 1px solid #4f6f05;
font-family : "PTSansRegular";
text-align : center;
}
.st-lf {
float : left;
margin : 5px 0 0 0;
}
.st-rg {
float : right;
margin : 2px 0 0 2px;
}
.line {
font-family : "PTSansRegular";
font-size : 16pt;
margin : 2px 0 0 2px;
}
.line-st {
border : 1px solid #8d8d8d;
background : url(/img/inpt-hov.png) repeat-x;
width : 115px;
height : 19px;
color : #f77827;
text-align : center;
margin : 2px 0 0 2px;
padding : 2px 0 0 2px;
}
.st-time {
margin : 3px 0 0 30px;
}
.wim {
background : url(/img/small-inpt.png) repeat-x;
width : 229px;
height : 34px;
border : 1px solid #b6b6b6;
text-align : center;
font-size : 20pt;
padding : 10px 0 0 0;
margin : 0 0 0 190px;
}
.wim-block {
margin : 10px 0 0 67px;
}
.wim-lf {
background : url(/img/man-1.jpg) no-repeat;
width : 125px;
height : 129px;
float : left;
}
.wim-ctr {
width : 220px;
float : left;
color : #0a5200;
font-size : 19pt;
text-align : center;
margin : 0 5px 0 5px;
}
.wim-ctr-in {
background : url(/img/arrows.jpg) no-repeat;
width : 117px;
height : 63px;
margin : 10px 0 10px 50px;
}
.wim-rg {
background : url(/img/man-2.jpg) no-repeat;
width : 130px;
height : 131px;
float : left;
}
.garant-bk {
width : 200px;
float : left;
margin : 5px 0 0 0;
text-align : center;
color : #0a5200;
font-size : 15pt;
}
i {
display : block;
background : url(/img/garant-sprite.jpg);
width : 171px;
height : 155px;
margin-left : 15px;
}
.cntrl-ps {
background : url(/img/payment.png) no-repeat;
width : 186px;
height : 120px;
margin-left : 63px;
margin-top : 10px;
}
s {
display : block;
background : url(/img/paysitem-sprite.png);
width : 57px;
height : 46px;
float : left;
}
.acc-title {
background : #dbf4f6;
width : 235px;
height : 30px;
border : 1px solid #b3d8d3;
text-align : center;
font-family : "lobster";
font-size : 18px;
color : #80acb0;
margin-left : 45px;
}
.field-gr {
background : url(/img/field-gr.jpg) no-repeat;
width : 220px;
height : 31px;
padding : 9px 0 0 48px;
margin : -10px 0 11px 28px;
}
.field-gr a {
color : #7ea57b;
text-decoration : none;
font-size : 20px;
}
.field-gr a:hover {
color : #99be97;
text-decoration : none;
border-bottom : 1px dashed #99be97;
font-size : 20px;
}
.field-rd {
background : url(/img/field-rd.jpg) no-repeat;
width : 220px;
height : 31px;
padding : 9px 0 0 48px;
margin : -10px 0 11px 28px;
}
.field-rd a {
color : #ad7676;
text-decoration : none;
font-size : 20px;
}
.field-rd a:hover {
color : #c28888;
text-decoration : none;
border-bottom : 1px dashed #c28888;
font-size : 20px;
}
.field-ar {
background : url(/img/field-ar.jpg) no-repeat;
width : 220px;
height : 31px;
padding : 9px 0 0 48px;
margin : -10px 0 11px 28px;
}
.field-ars {
background : url(/img/field-ars.jpg) no-repeat;
width : 220px;
height : 31px;
padding : 9px 0 0 48px;
margin : -10px 0 11px 28px;
}
.field-ars a, .field-ar a {
color : #7ea57b;
text-decoration : none;
font-size : 18px;
}
.field-ars a:hover, .field-ar a:hover {
color : #99be97;
text-decoration : none;
border-bottom : 1px dashed #99be97;
font-size : 18px;
}
.fr-block {
background : url(/img/fr-block.jpg) no-repeat;
width : 450px;
height : 150px;
float : left;
margin : 0 20px 20px 80px;
}
.fr-block img {
margin : 10px 0 0 15px;
border : 3px solid #cdcdcd;
}
.fr-title {
color : #7ea57b;
font-size : 18px;
}
.cl-fr-lf {
float : left;
text-align : center;
}
.cl-fr-rg {
float : left;
margin : 10px 0 0 5px;
}
.fr-te-gr {
color : #7ea57b;
}
.fr-te-gr-title {
color : #000;
font-weight : 700;
margin-bottom : 10px;
}
a.sm-btn {
display : block;
cursor : pointer;
font-size : 12px;
font-weight : 700 !important ;
margin : 0 5px 8px 0;
padding : 0 14px;
display : inline-block;
line-height : 26px;
border : 1px solid #3e8ff4;
color : #2b63a8 !important ;
text-decoration : none;
}
input.sm-btn {
display : block;
cursor : pointer;
font-size : 12px;
font-weight : 700 !important ;
margin : 0 5px 8px 0;
padding : 0 14px;
display : inline-block;
line-height : 30px;
border : 1px solid #3e8ff4;
color : #2b63a8 !important ;
text-decoration : none;
}
.silver-bk {
background : #f7f7f7;
border : 1px solid #dddddd;
width : 580px;
margin : -10px 0 0 0;
padding : 10px 10px 10px 20px;
color : #7ea57b;
}
.s-bk-lf {
margin-left : 150px;
}
.sm-line {
width : 450px;
float : left;
margin : 5px 0 5px 0;
font-size : 14px;
}
.sm-line-nt {
margin : 5px 0 5px 0;
font-size : 14px;
}
.sm-line-nt img {
border : 3px solid #cdcdcd;
vertical-align : -13px;
}
.sm-line img {
border : 3px solid #cdcdcd;
vertical-align : -13px;
margin : 0 5px 0 0;
}
.m-tb {
background : #7ea57b;
color : white;
}
table {
border : none;
}
td {
margin-right : 5px;
}
.bs-py {
border : 1px solid #8d8d8d;
background : url(/img/inpt-hov.png) repeat-x;
width : 115px;
height : 24px;
color : #f77827;
text-align : center;
margin : 0 0 0 0;
padding : 3px 0 0 0;
}
.out-my {
background : none;
border : 1px solid #8d8d8d;
background : url(/img/inpt.png) repeat-x;
width : 187px;
height : 24px;
padding : 0 0 0 10px;
margin : 1px 0 0 0;
}
.out-my:hover {
background : url(/img/inpt-hov.png) repeat-x;
width : 187px;
height : 24px;
}
.footer {
margin-top : 100px;
}
.stn:link, .stn:visited {
color : #609143;
text-decoration : none;
font-weight : bold;
}
.stn:active, .stn:hover {
color : #d77906;
text-decoration : none;
}
.stn-sort:link, .stn-sort:visited {
color : #ffffff;
text-decoration : none;
font-weight : bold;
}
.stn-sort:active, .stn-sort:hover {
color : #000000;
text-decoration : none;
}
#noborder {
border : none;
}
#turn_wrapper {
width : 80px;
height : 80px;
display : block;
position : absolute;
top : 0;
left : 0;
}
#turn_hideme {
width : 85%;
height : 85%;
overflow : hidden;
display : block;
position : absolute;
float : left;
top : 0;
left : 0;
z-index : 1;
}
#turn_object {
position : relative;
}
#turn_wrapper.right #turn_hideme *, #turn_wrapper.right #turn_object {
float : right !important ;
}
#turn_wrapper.right #turn_hideme {
float : right !important ;
right : 0 !important ;
left : auto;
}
#turn_wrapper.right #turn_object {
right : 0 !important ;
left : auto !important ;
}
#turn_wrapper.right {
position : absolute;
top : 0;
width : 100%;
height : 0;
right : 0 !important ;
}
#turn_wrapper.right #turn_object * {
position : absolute;
right : 0 !important ;
}
#turn_wrapper #turn_object img#turn_fold {
display : block;
width : 100%;
height : 100%;
z-index : 1000;
right : 0;
position : absolute;
}
#turn_wrapper .ui-resizable {
position : relative;
}
#turn_wrapper .ui-resizable-handle {
position : absolute;
font-size : 0.1px;
z-index : 99999;
display : block;
background-image : url(#none);
}
#turn_wrapper .ui-resizable-se {
cursor : se-resize;
width : 12px;
height : 12px;
right : 0;
bottom : 0;
}
#turn_wrapper .ui-resizable-sw {
cursor : sw-resize;
width : 12px;
height : 12px;
left : 0;
bottom : 0;
}
.silver-knopka {
background : #f7f7f7;
border : 1px solid #b3d3b1;
width : 235px;
color : #7ea57b;
font-weight : bold;
height : 235px;
margin-top : -10px;
}
.silver-knopkasdf {
background : #f7f7f7;
border : 3px solid #6baf7c;
width : 530px;
color : #7ea57b;
font-weight : bold;
}
.silver-knopkasdfsdfsdf {
background : #6baf7c;
border : 3px solid #6baf7c;
width : 471px;
color : #7ea57b;
font-weight : bold;
margin-top : 22px;
height : 46px;
}
.silver-alkash {
background : #f7f7f7;
border : 1px solid #6baf7c;
width : 235px;
color : #7ea57b;
font-weight : bold;
height : 235px;
margin-top : -10px;
}
.silver-sfdsd415s4545dssd5s5f5s5fs655555 {
background : #e4f7d9;
border : 1px solid #dddddd;
width : 510px;
padding : 1px 12px 1px 12px;
color : #7ea57b;
font-weight : bold;
margin-top : 5px;
height : 50px;
}
.line2144444 {
font-size : 20px;
margin : 9px 5px 11px 10px;
}
.dropdownyan {
width : 69px;
margin : 0 10px 0 0;
text-decoration : none;
height : 27px;
color : #77af1b;
font-weight : bold;
font-size : 18px;
border : 1px;
}
.dropdownyan:active {
margin : 0 10px 0 0;
text-decoration : none;
cursor : pointer;
height : 27px;
border : 1px;
}
.dropdownyan:hover {
margin : 0 10px 0 0;
text-decoration : none;
cursor : pointer;
height : 27px;
border : 1px;
}
.alertstart2 {
padding : 0 0 11px 0;
margin-bottom : 8px;
background-color : #e4f7d9;
border : 1px solid #d8f1bc;
width : 532px;
}
.silver-sfdsd415s4545dssd5s5f5s5fs655555sss {
background : #e4f7d9;
border : 1px solid #dddddd;
width : 534px;
color : #7ea57b;
font-weight : bold;
margin-top : 0;
height : 50px;
}
.tooltip {
background : #fff;
border : 1px solid #ccc;
font-size : 11px;
color : #323232;
padding : 2px 2px;
position : absolute;
}
.msg-success {
color : green;
}
.msg-error {
color : #c00;
}
.form-row {
margin : 8px 0;
}
label {
display : block;
font-weight : 600;
}
input[type="text"], input[type="password"] {
width : 300px;
padding : 6px;
}
.plant-list { display: flex; flex-wrap: wrap; gap: 20px; }
.plant { border: 1px solid #ccc; border-radius: 8px; padding: 10px; width: 160px; text-align: center; background: #f8f8f8; }
.plant img { width: 100px; height: 100px; object-fit: cover; }
.buy-btn { background: #4CAF50; color: #fff; border: none; border-radius: 5px; padding: 5px 10px; cursor: pointer; }
.buy-btn:hover { background: #45a049; }
.price { color: #555; margin: 5px 0; font-weight: bold; }

/* Общие блоки игры */
.stats-box, .game-box {
    width: 90%;
    max-width: 600px;
    margin: 20px auto;
    padding: 15px;
    background:#fff;
    border:1px solid #ccc;
    border-radius: 4px;
}

.stats-box h3, .game-box h3 {
    text-align:center;
    color:#328426;
}

.balance {
    text-align:center;
    font-size:18px;
    margin-bottom:10px;
}

#response {
    margin-top: 15px;
    text-align:center;
    font-size:18px;
    font-weight:bold;
}
/* Игровое поле и ячейки */
.silver-knopka {
    background:#f7f7f7;
    border:1px solid #B3D3B1;
    width:80px;
    height:80px;
    margin:5px;
    display:inline-block;
    cursor:pointer;
    border-radius: 4px;
}

/* Кнопки выбора ставки */
.game-box button {
    padding:8px 16px;
    margin:5px;
    cursor:pointer;
    border:1px solid #B3D3B1;
    border-radius: 4px;
    background:#f7f7f7;
    font-weight:bold;
}
/* Таблица статистики */
.table-stats {
    width:99%;
    margin: 20px auto;
    border-collapse: collapse;
    background:#fff;
}
.table-stats th, .table-stats td {
    border:1px solid #ccc;
    padding:8px;
    text-align:center;
}
.table-stats th {
    background:#6BAF7C;
    color:#fff;
    font-weight:bold;
}

/* Статус игры */
.win { color:green; font-weight:bold; }
.lose { color:red; font-weight:bold; }
.return { color:blue; font-weight:bold; }