#flybg{ width:100%; height:100%; position:fixed; z-index:9990; top:0px; left:0px; background-color:#ffffff; text-align:center; opacity: 0.5; filter:alpha(opacity=50); }
.flyerror{background:url("/img/flyerr.png") 0px 1px no-repeat; font-size:14px; padding-left:18px; line-height:20px; color:#b72e00; font-weight:bold;}
.flysuccess{ background:url("/img/flyok.gif") 0px 1px no-repeat; font-size:14px; padding-left:18px; line-height:20px; color:darkgreen; }
#flybox{position:fixed; z-index:9991; overflow:auto; box-shadow: 0 0 15px #666666; background:#f9f9f9; border:1px solid #999999;}
#flyclose{display:block; position:absolute; top:0px; right:0px; padding:9px; background:#eeeeee; cursor:pointer; }

.flyusercard #flyclose,
.flyreg #flyclose,
.flylogin #flyclose{background:none;}

#flybox input[type="text"], 
#flybox input[type="password"]{width:150px; height:20px; background-color:#ffffff; border:1px solid #cccccc; border-radius:8px; color:#888888; padding:4px 10px 5px 25px; font-size:14px; margin-bottom:4px; font-style:italic; }

#flybox input[name="reglogin"]{background:#FFFFFF url("/img/login.png") 8px 8px no-repeat; }
#flybox input[name="reglogin"].focus{background-position:-242px 8px; }

#flybox input[name="regpassw"]{background:#FFFFFF url("/img/passw.png") 8px 8px no-repeat; }
#flybox input[name="regpassw"].focus{background-position:-242px 8px; }

#flybox input[name="regpassw2"]{background:#FFFFFF url("/img/passw2.png") 8px 8px no-repeat; }
#flybox input[name="regpassw2"].focus{background-position:-242px 8px; }

#flybox input[name="regemail"]{ background:#FFFFFF url("/img/email.png") 6px 8px no-repeat; }
#flybox input[name="regemail"].focus{background-position:-245px 8px; }

/* РЕГИСТРАЦИЯ */
.flyreg{width:680px; height:515px; color:#333333; font-size:12px; line-height:21px; z-index:9992;}

.regbox h2{font-size:20px; margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; color:#ffffff; border:2px solid #fbf6ef; text-align:center;
background:#f56b0f; box-shadow: inset 0px -15px 10px rgba(255,255,255, 0.3); font-style:italic; }
.regbox .regerr{text-align:center; padding:5px; margin:0 2px 2px 2px; background-color:#ffe8e0;}
.regbox span#goreg{display:block; float:left; cursor:pointer; height:63px; width:235px; line-height:60px; border-radius:12px; margin-top:15px; font-size:16px; font-style:normal; text-decoration:none; text-align:center; color:#ffffff; font-weight:bold; background:#4587b1; box-shadow: inset 0px -15px 10px rgba(255,255,255, 0.3); border:1px solid #4587b1; }
.regbox span.inactive#goreg{background-color:#999999; border:1px solid #888888;}
/* .regbox #reggame{margin-left:220px;} */
.regbox .form{display:inline-block; vertical-align:top; width:230px; margin:50px 15px 10px 62px;  line-height:0px; font-size:0px;}
.regbox .form input{width:200px !important; margin-top:7px;}
.okreg{ text-align:center; }
.okreg p.green{ color:green; padding-left:5px; }
.okmsg{ text-align:center; padding:15px; width:500px; margin-left:80px; font-size:10px; color:#999999; }
.okmsg p{ text-align:center; color:#333333; font-size:14px; }


/* Р’РҐРћР” */
.flylogin{width:490px; height:250px; color:#333333; font-size:12px; line-height:21px; z-index:9992;}
.flylogin h2{font-size:20px; margin:0px 0px 10px 0px; padding:10px 0px 10px 0px; color:#ffffff; border:2px solid #fbf6ef; text-align:center; background:#f56b0f; box-shadow: inset 0px -15px 10px rgba(255,255,255, 0.3); font-style:italic; }
.flylogin #gologin{display:block; float:left; cursor:pointer; height:63px; width:210px; line-height:60px; border-radius:5px; margin-top:5px; font-size:16px; font-style:normal; text-decoration:none; text-align:center; color:#ffffff; font-weight:bold; background:#4587b1; box-shadow: inset 0px -15px 10px rgba(255,255,255, 0.3); border:1px solid #4587b1; 
}
.flylogin .loginerr{text-align:center; padding-bottom:10px;}
.loginbox .form{float:left; width:190px; height:100px; margin:5px 15px 10px 35px;}
.loginbox #remind{margin:10px 0 0 25px; font-size:14px;}

/* СКАЧАТЬ */
.flydl{width:450px; height:250px; color:#333333; font-size:12px; line-height:21px; z-index:9992; border-radius:15px; border:0px solid #ffffff !important;}
.flydl h2{font-size:20px; padding:9px 0px 9px 0px; color:#ffffff; border:2px solid #fbf6ef; text-align:center; background:#00a500; box-shadow: inset 0px -15px 10px rgba(255,255,255, 0.3); font-style:italic; border-radius:15px 15px 0 0;}
.flydl ul{padding:10px 0 20px 15px; }
.flydl li{display:block; text-align:left; font-size:16px; line-height:42px; height:42px; margin-bottom:5px; vertical-align:top;}
.flydl li:before{display:block; float:left; width:42px; height:42px; margin-right:7px; content:""; border-radius:21px; border:1px solid #eeeeee; background:#ffffff url(/img/dl_sprite.png) -500px -500px no-repeat;}
.flydl li:nth-child(1):before{background-position:5px 5px;}
.flydl li:nth-child(2):before{background-position:6px -45px;}
.flydl li:nth-child(3):before{background-position:5px -92px;}
.flydl li:nth-child(4):before{background-position:7px -144px;}
.flydl #flyclose{display:none !important;}
.dlbox{text-align:center;}
.dlbox p{margin:0px; padding:0 0 15px 0;}
.dlbox img{margin-right:5px; cursor:pointer !important; vertical-align:middle;}
.dlbox label{vertical-align:top; color:#666666;}
.dlclose{background:#666666; padding:7px 14px 7px 14px; border-radius:7px; font-weight:bold; color:#ffffff; font-size:16px;  box-shadow: inset 0px -15px 10px rgba(255,255,255, 0.3); cursor:pointer;}

/* ЗУМ КАРТИНОК */
.flyimg{text-align:center; vertical-align:middle; border:0px !important; overflow:hidden !important;}
.flyimg img{max-width:100%;}

/* ИНФОКАРТОЧКА ИГРЫ */
.flygameinfo{padding:20px 20px 10px 20px !important; line-height:20px;}
.flygameinfo h3{padding:0px; margin:0px; color:#336699; font-size:18px; margin-bottom:10px;}
.flygameinfo p{padding:0 0 15px 0 !important; margin:0px; color:#333333; clear:both; text-align:justify; font-size:14px;}
.flygameinfo img.screen{float:left; margin:0 14px 7px 0; border:7px solid #cccccc;}
.flygameinfo .subtags{padding:10px 0 10px 0;}
.flygameinfo .playbutton{display:inline-block; height:40px; width:80px; line-height:43px; text-align:center; vertical-align:top; font-size:14px;}
.flygameinfo #y320{display:inline-block; width:320px; height:50px; vertical-align:top; margin:-2px 0 0 10px;}

#flybox #uLoginCaption{display:block; clear:both; text-align:center; font-size:14px; color:#888888; margin:0 5px 5px 5px; padding-top:5px; border-top:1px dashed #cccccc;}
#flybox #uLoginCaption span{color:#ff9900;}
#flybox #uLogin{display:block; clear:both; text-align:center;}

#flybox #loading{position:absolute; display:block; width:70px; height:60px; padding-top:10px; top:50%; left:50%; margin:-30px 0 0 -35px; text-align:center; line-height:12px; font-size:10px; color:#999999; border-radius:20px; background-color:rgba(255,255,255, 0.8);}

.flyusercard{margin:0px; padding:0px;}
.flymsg{ width:450px; height:130px; padding: 20px 15px 15px 15px; text-align:center; color:#666666; font-size:12px; font-weight:bold; line-height:21px; }

/* ИГРА ПРИ РЕГИСТРАЦИИ */
div.reggamebox{width:310px; height:384px; position:relative; user-select:none;}
div.reggametext{position:absolute; z-index:10; top:50%; left:50%; margin-left:-140px; margin-top:-100px; width:240px; height:160px; background-color:rgba(0,0,0, 0.7); font-size:20px; font-weight:bold; line-height:29px; color:#ffffff; text-align:center; border-radius:20px; padding:20px; font-family:Arial,sans-serif; display:none; cursor:default;}
div.reggametext button{width:235px; height:50px; line-height:46px; color:#ffffff; text-align:center; display:block; margin-top:10px;  border-radius:10px; cursor:pointer; background:#00a1ef; box-shadow:inset 0px -8px 10px rgba(0,0,0, 0.2); font-size:18px; font-weight:bold; border:0px;}
div.reggametext button:hover{background:#74b900;}
div.reggamescore{position:absolute; z-index:20; top:50%; left:50%; margin-left:-45px; margin-top:-45px; width:80px; height:80px; border-radius:55px; background:linear-gradient(45deg, #fff76e 20%, #e7aa00 60%, #fff76e 100%); border: 5px solid #fcd900; box-shadow:0px 0px 20px rgba(0,0,0, 0.99); text-align:center; line-height:80px; display:none;}
div.reggamescore i{ font-family:Arial,sans-serif; font-size:46px; color:#ffffff; vertical-align:middle; text-shadow: 0px 0px 5px #e88200; cursor:default; margin-left:-5px;}
div.reggame{ position:relative; width:1px; height:1px; background:linear-gradient(135deg, #cccccc, #eeeeee); border-radius:0px; padding:7px;}
div.reggame img{line-height:0px; margin:0px; padding:0px;}
div.reggame div{position:relative; display:block; float:left; width:68px; height:68px; margin:3px; border-radius:18px; color:#ffffff; text-align:center; line-height:0px; font-size:0px;background:none 0px 0px no-repeat;}
div.reggame div.r{background-image:url("/img/gems/red.png");}
div.reggame div.b{background-image:url("/img/gems/blu.png");}
div.reggame div.g{background-image:url("/img/gems/gre.png");}
div.reggame div.y{background-image:url("/img/gems/yel.png");}
div.reggame div.matched{box-shadow:0px 0px 20px #ff9900; border:2px solid #ff9900; margin:1px; background-color:#ff9900;}
div.reggame div.selected{box-shadow:0px 0px 20px #ff9900; border:2px solid #ff9900; margin:1px; background-color:#ff9900;}
div.reggame div span{display:block; position:absolute; width:0px; height:0px; line-height:0px; font-size:0px; background:none; z-index:99; border:10px solid transparent;}
div.reggame div span.arrowL{z-index:5; border-right-color:#ffffff; left:-12px; top:24px; animation: L 0.9s linear infinite;}
div.reggame div span.arrowR{z-index:5; border-left-color:#ffffff; right:-12px; top:24px; animation: R 0.9s linear infinite;}
div.reggame div span.arrowU{z-index:5; border-bottom-color:#ffffff; left:24px; top:-12px; animation: U 0.9s linear infinite;}
div.reggame div span.arrowD{z-index:5; border-top-color:#ffffff; left:24px; bottom:-12px; animation: D 0.9s linear infinite;}
div.reggame div.animate{animation:newGem 0.2s linear 1;}
@keyframes L{
	from, to{transform:translate(0);}
	50%{transform:translate(1px, 0);}
}
@keyframes R{
	from, to{transform:translate(0);}
	50%{transform:translate(-1px, 0);}
}
@keyframes U{
	from, to{transform:translate(0);}
	50%{transform:translate(0, 1px);}
}
@keyframes D{
	from, to{transform:translate(0);}
	50%{transform:translate(0, -1px);}
}
@keyframes newGem{
	from{transform:scale(0.1, 0.1);}
	to{transform:scale(1, 1);}
}