* {margin:0; padding:0; font-family:Arial, Verdana, Tahoma; font-size:14px;} body {background:url('../i/body_bg.jpg') no-repeat top center black; color: #fff;} body#b_error_404{background:url('../i/bg/header-banner-404.jpg') no-repeat top center black;} body#b_5 {background:url('../i/bg/body/body_bg_5.jpg') no-repeat top center black;} body#b_8 {background:url('../i/bg/body/body_bg_8.jpg') no-repeat top center black;} body#b_9 {background:url('../i/bg/body/body_bg_9.jpg') no-repeat top center black;} body#b_6 {background:url('../i/bg/body/body_bg_6.jpg') no-repeat top center black;} body#b_7 {background:url('../i/bg/body/body_bg_7.jpg') no-repeat top center black;} body#b_4 {background:url('../i/bg/body/body_bg_4.jpg') no-repeat top center black;} body#b_2 {background:url('../i/bg/body/body_bg_2.jpg') no-repeat top center black;} body#b_1 {background:url('../i/bg/body/body_bg_1.jpg') no-repeat top center black;} body#b_3 {background:url('../i/bg/body/body_bg_3.jpg') no-repeat top center black;} .anim_bg{ position: absolute; top:0; overflow: hidden; width: 100%;} .anim_box{ margin: 0 auto; width: 944px; position: relative;} #header-anim{ margin: 0; overflow: hidden; margin-left: -355px;} #fl_l { margin: 0; overflow: hidden; margin-left: -478px;} #fl_r { margin: 0; overflow: hidden; position:absolute; right:-476px; top:0;} @media all and (-webkit-min-device-pixel-ratio:0) { #fl_r {right:-477px; } #fl_l {margin-left: -477px;} } ul {padding-left:20px;} a {color:#009ad5; } a:hover {color:#c9fcff;} .main {width:944px; margin:0 auto; background:url('../i/main_bg.png'); } .main_error {width:944px; margin: 0 auto; background: none; } a.logo {display:block; width:286px; height:164px; margin:30px auto; text-indent:-9999px; outline:none; border:0; cursor:pointer; background:url('../i/logo.png') no-repeat top center; position: relative; z-index: 777;} a img {border:0;} .not_found {padding: 10px 10px 0; height: 420px;} .error_404{ background: url('../i/404.png') no-repeat top; width: 940px; height: 398px; margin: 30px auto; } .not_found h1{ padding: 40px 0 35px 20px; color: #9BC9E8; font-size: 1.2em; } .not_found p{ padding: 65px 0 5px 20px; margin-left: 65px; color: #eee; } .center{ margin: 0 auto; text-align: center; } /*MENU*/ #main_menu { margin:0px auto; width:944px; } #header-nav {background:url('../i/menu_bg.png') no-repeat top left; width:944px; height:38px; list-style-type:none; padding:0; } .header-nav li {float:left; padding:0px 0; text-align:center; position:relative; z-index:100;} .header-nav li a {color:white; text-transform:uppercase; display:block; font-size:13px; text-decoration:none; background-repeat:no-repeat; font-weight:bold; border:0px red solid; height:38px; line-height:38px; text-shadow: 1px 1px 1px #000; background-image:url('../i/menu_bg.png');} #header-nav a.index {width:96px; background-position:0px 0px;} #header-nav a.game {width:113px; background-position:-96px 0px;} #header-nav a.classes {width:115px; background-position:-209px 0px;} #header-nav a.world {width:123px; background-position:-324px 0px;} #header-nav a.media {width:134px; background-position:-447px 0px;} #header-nav a.news {width:121px; background-position:-581px 0px;} #header-nav a.community {width:135px; background-position:-702px 0px;} #header-nav a.products {width:107px; background-position:-837px 0px;} #header-nav a.index:hover {width:96px; background-position:0px -38px;} #header-nav a.game:hover {width:113px; background-position:-96px -38px;} #header-nav a.classes:hover {width:115px; background-position:-209px -38px;} #header-nav a.world:hover {width:123px; background-position:-324px -38px;} #header-nav a.media:hover {width:134px; background-position:-447px -38px;} #header-nav a.news:hover {width:121px; background-position:-581px -38px;} #header-nav a.community:hover {width:135px; background-position:-702px -38px;} #header-nav a.products:hover {width:107px; background-position:-837px -38px;} .sub:before {content:''; background:url('../i/submenu_left.png') no-repeat left center; width:29px; height:100%; position:absolute; top:0px; left:-11px;} .sub:after {content:''; background:url('../i/submenu_right.png') no-repeat left center; width:29px; height:100%; position:absolute; top:0px; right:-11px;} .sub {z-index:9999 !important; display:none; position:absolute; top:37px; left:0px; background:url('../i/submenu_bg.png') repeat-x bottom left; /*height:181px;*/ height:auto; min-height:85px; padding:20px 0px 20px 10px;} .sub ul {width:160px; list-style-type:none; margin:0 auto; padding-left:10px;} .sub ul li{padding:0; margin:0; clear:both;} .sub ul li a {font-size:13px; text-decoration:none; text-transform:none; color:#fff; line-height:18px; display:inline; background:none; font-weight:normal; text-shadow: 2px 1px 3px #000; } .sub ul li a:hover {color:#aaa;} .last-nav .sub {right:0 !important; left:-100px;} .sub-tert {float: left; width: 135px;} #header-nav li .sub ul.subclasses {width: 545px;} #header-nav li .sub .subclasses ul {width: auto;} .upli {padding:0 0 10px 0px !important; margin-top:-10px !important; } #header-nav .sub li {width: 100%;text-align: left;} .sub-tert-hd a { font-weight: bold !important;} .sub-tert-hd {margin-left:-8px !important; list-style: none;} .sub-tert ul {list-style-image:url('../i/point.png');} /*VIDEO TOP*/ .video-block {width:300px; height:194px; background:url('../i/last_video_bg.png') no-repeat top left; padding-top:33px; float:left;} .video-block a.push_video{display: block; width: 300px; height: 167px; overflow: hidden; float: left; position: relative;} .video-block a.push_video div.play_button{ width: 45px; height: 45px; position: absolute; left: 132px; top: 57px; background: url('../i/media/play.png') no-repeat top; z-index: 3;} .content_wrap {padding: 10px 10px 0;} .link_r {float:right; font-size:11px; color:#009ad5; line-height:20px; margin:0 5px;} .hd_name {color:white; font-size:12px; margin:0 5px; line-height:20px; float:left;} .banner_undertop {width:920px; margin:10px auto; clear:both; background:url('../i/banner_undertop.png') no-repeat 0 10px; height:45px; padding-top:18px; } .center_block {clear:both;} .leftcolumn {width:300px; float:left; } .centercolumn {width:378px; float:left; margin-left:10px; } .rightcolumn {width:226px; height:738px; float:right; background:url('../i/rightcolumn_bg.jpg') no-repeat top center; text-align:center;} /*LEFT*/ .leftblock {width:300px; height:256px; background:url('../i/leftblock_bg.png') no-repeat top center; margin-bottom:10px; padding: 1px 0;} .clear {clear:both;} .vkontakte { padding-top: 3px; margin: 0 auto; width:290px; height:246px; overflow: hidden; /*background:url('../i/vkb.png') no-repeat top left; */ } .vkontakte iframe{ width: 304px; height: 240px; overflow: hidden; padding-top: 0px; margin-top: -6px; margin-left: -4px; border: none; } .social {width:300px; height:50px; background:url('../i/social_bg.png') no-repeat top left; margin-bottom:10px;} .social span {color:#acdcfd; font-size:12px; line-height:50px; text-shadow: 2px 1px 3px #000; margin-left:8px; float:left;margin-top:10px; line-height:14px; text-align:center; width:100px;} .social a {display:block; width:30px; height:30px; background-image:url('../i/social_buttons.png'); background-repeat:no-repeat; margin:10px 3px; float:right;} .social a.youtube {background-position:-111px 0px;} .social a.vk {background-position:-72px 0px;} .social a.twitter {background-position:-35px 0px;} .social a.facebook {background-position:1px 0px;} .social a.google-plus {background: url('../i/social_buttons_googleplus.png') no-repeat left top;} .lastimages {padding: 0;} /*CENTER*/ a.banner_screens {display:block; width:300px; height:145px; background:url('../i/banner_screens.jpg') no-repeat top left; margin-bottom:10px;} .what_is_rift { /*width:348px; */ height:241px; background:url('../i/what_is_rift.jpg') no-repeat top left; /* margin-bottom:10px; */ margin: 0 auto 10px auto; /* padding:15px 5px 0 25px;*/ /*новый стиль*/ padding: 10px 8px 2px 8px; width:280px; background-position:-50px 0; /*padding-left:10px;*/ } .p14 {font-size:14px; width:200px; color:#c7deff; font-weight:bold; margin-bottom:30px; } .p12 {font-size:12px; font-weight:bold; color:#c7deff; width:240px; margin-bottom:15px;} .what_is_rift h1 {margin:0 0 5px -10px; padding:0px;} .what_is_rift h1 img {width:175px; height:33px;} /*.what_is_rift p.p12{ font-size: 16px; font-family: Calibry;}*/ /*NEWS*/ .last_news {width:376px; height:458px; background:url('../i/news_header.jpg') no-repeat -1px -1px black; border:1px #1e3d4d solid; padding-top:5px;} .last_news h2 {width:110px; height:41px; background:url('../i/news_title.png') no-repeat top left; text-indent:-9999px; float:left; margin-bottom:12px;} .rss {display:block; width:15px; height:14px; background:url('../i/rss.png') no-repeat top left; text-indent:-9999px; float:right; margin:11px 13px 0 0;} .last_news .news {width:340px; height:120px; margin:7px auto 0; background:url('../i/news_line_bottom.png') no-repeat bottom center #061118; padding:3px 20px 0 10px; clear:both; position: relative;} .last_news .news h3 a {color:#d3d3d3; text-decoration:none; line-height:15px; font-size:15px;} .last_news .news h3 {margin:0; padding:0; display:table-cell; height:32px; vertical-align:middle; } .news_data {color:#467388; font-size:11px; float:right; line-height:32px; height:32px;} .news_title {width:270px; float:left; height:32px;} .news_anonse {color:#898793; font-size:13px; padding:8px 0; clear:both; line-height:20px; position:relative;} .news_anonse .link_r {position:absolute; bottom:0; right:0;} a.main_news_link_abs{ position: absolute; bottom: 5px; right: 20px;} /* Форум */ .last_messages {background:url('../i/news_header.jpg') no-repeat center -1px ; margin:10px auto 0; border:1px #1e3d4d solid; width:376px;} .last_messages h2 {padding:5px 0;} .last_messages ul {list-style-type:none; padding:10px 0; margin:0;} .last_messages ul li {background:url('../i/forum_message_bg.png') no-repeat top center; padding:10px 0 10px 15px; text-align:left;} .last_messages ul li a {color:#898793; font-size:13px; text-decoration:none;} .last_messages ul li a:hover {text-decoration:underline; color:white;} .last_messages ul li span {font-size:10px; color:silver; line-height:15px;} /*RIGHT*/ .rightcolumn a{font-size:0; } a.b208_263 img {width:208px; height:263px; margin-top:12px;} a.b200_133 img {width:200px; height:133px; margin-top:13px;} /*SHOPS*/ .rift_in_shops {width:900px; height:150px; background:url('../i/shops_bg.png') no-repeat center 20px; margin:0 auto; padding: 24px 10px 0; font-size: 0.85em; color: #898793; text-align: justify;} .rift_in_shops strong{ font-size: 0.9em;} .rift_in_shops h2 {width:291px; height:31px; background:url('../i/rift_in_shops.png') no-repeat top center; margin:15px auto; text-indent:-9999px; } /*FOOTER*/ .footer_bg {width:100%; background:url('../i/footer_bg.jpg') no-repeat bottom center; padding-bottom:130px;} /*body#b_5 .footer_bg {background:url('../i/bg/footer/foot_5.jpg') no-repeat bottom center; }*/ .footer {color:white; width:944px; margin:0 auto; padding-top:90px; position: relative;} .footer p {width:300px; font-size:13px; float:left;} .belver {display:block; width:137px; height:22px; float:left; background:url('../i/belver.png') no-repeat top center; margin:0 100px 0 130px;} .trion {display:block; width:104px; height:31px; float:left; background:url('../i/trion.png') no-repeat top center; margin:0 100px 0 0px;} /* SLIDESHOW */ .banner_top {width:610px; height:223px; float:right; margin:2px 0; } #slideshow {background:url('../i/slide_bg.png') no-repeat;width:610px;height:223px; overflow:hidden; padding-left:1px; position: relative;} #slideshow ul {margin: 0;padding: 0; list-style-type: none; /*height: 1%; IE fix */} #slideshow ul:after {content: "."; clear: both; display: block;height: 0; visibility: hidden;} .slides {width: 608px;float:left; padding-top:1px; } .slides ul li img {border:none; width:607px; height:221px; /*margin-top:1px;*/ } .slides ul {/*width: 2436px;*/ height:223px; } .slides ul li {width: 608px; float: left; padding: 0px; height:221px; z-index:10;} #slide_control {width:170px; height:31px;float:right; background:url('../i/slide_ctrl.png') no-repeat; position: absolute; right:2px; bottom: 9px; z-index:20;} #slide_text {float:right; width: 178px;height:180px; margin-right:1px;} #slide_text ul li {padding:0px; margin:12px 10px 0 10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#999;} #slide_text ul li p {color:#999999;font-family:Arial;font-size:12px;line-height:15px;} #slide_text ul li h3 {margin-bottom: 12px; color:#ccc; font-size: 13px;} #slide_text ul li a {font-size:12px;} #slide_rightblock {display:none;width:183px; height:218px; float:right; z-index:17; position:relative; margin:-221px 2px 0 0; background:url('../i/slide_pod_text.png') no-repeat;} .slide_navigation {margin-left:4px;} .slide_navigation li {float:left; margin:8px 0 0 16px; background:url('../i/slide_empty.png') no-repeat; width:18px; height:18px;} .slide_navigation li a {display:block; outline:none; padding:0px; height:18px; width:18px;} .slide_navigation li.active, .slide_navigation li.active a {background:url('../i/slide_on.png') no-repeat;} /*ZOOMER*/ a.last_screen {width:199px; height:94px; float:left; background:url('../i/last_screen.png') no-repeat top left; margin-top:23px; display:block; outline:none; border:0; text-indent:-9999px;} .lastimages a{font-size:0; outline:none;} ul.thumb {list-style: none; margin: 0; padding: 0;} ul.thumb li {margin: 0; padding: 0; float: right; position: relative; width: 94px; height: 94px; margin:23px 5px 0 0;} ul.thumb li img {width: 94px; height: 94px; -ms-interpolation-mode: bicubic; border:0px solid #ddd; padding: 0px; background: #f0f0f0; position: absolute; left: 0; top: 0; border:1px grey solid;} div.vk_groups iframe body{ background: none !important; } /*крошки*/ .breadcrumps {background:url('../i/bg/breadcrumps_bg.png') no-repeat top left; width:100%; height: 57px; } .breadcrumps_menu {list-style-image:url('../i/arrow.png'); padding:20px 0 0 25px;} .breadcrumps_menu li {float:left; margin-right:25px; color:white; font-size:11px; cursor:default;} .breadcrumps_menu li a {color:white; font-size:11px; text-decoration:underline;} .social_mini {list-style-type:none; padding:0; margin:0; float:right; margin-right:20px;} .social_mini li {float:left; margin-right:10px;} .twm {width:16px; height:16px; background:url('../i/social_buttons.png') -1px -33px no-repeat; display:block;} .fbm {width:16px; height:16px; background:url('../i/social_buttons.png') -26px -33px no-repeat; display:block;} /*-------*/ .banner_about {width:919px; height:362px; background:url('../i/bg/banners/banner_about_bg.jpg') no-repeat top left; margin:0 auto 0; position:relative;} /*.banner_about h2 {padding:125px 0 0 30px;}*/ .banner_about h2 {padding: 80px 0 0 30px;} /*.banner_about h2 img {width:412px; height:68px;}*/ .banner_about p {color:white; font-size:14px; width:50%; padding:20px 0 0 30px; line-height:18px;} .game-quotes {position:absolute; top:0; right:0; width:333px; height:160px;} .about_game h1 {text-align:center; padding:20px;} .about_game h1 img{width:433px; height:33px; } .features {list-style-type:none; padding:0; margin:0;} .features li {margin:12px 0;} .features .content_img {width:460px; height:209px; padding:3px; margin-left:10px ; background:url('../i/bg/content_img_about_bg.png') no-repeat top left; float:left; } .features .features_txt {width:412px; height:139px; padding:3px; margin-right:10px; background:url('../i/bg/content_txt_about_bg.png') no-repeat top left; float:right; padding:70px 20px 0;} .features_txt h2 {color:#07d1ef;} .features_txt p {color:white; font-size:13px; line-height:18px;} .content_with_left_menu_box{ padding:0 14px; background: #000; } /* .cwlmb_menu {width:152px; background:url('../i/bg/cwlmb_menu_bg.png') no-repeat 0px 0px; height:377px; float:left;} .cwlmb_menu h2 {text-align:center; padding-top:3px;} .cwlmb_menu ul {padding: 15px 0 0 20px; list-style-type:none;} .cwlmb_menu ul li {margin:7px 0; color:#009ad5; font-size:13px;} .cwlmb_menu ul li a {color:white; font-size:13px; text-decoration: none;} .cwlmb_menu ul li a:hover {color:#009ad5; }*/ .leftmenu_wrap {width:152px; float:left;} .leftmenu {width:152px; background:url('../i/menu/leftmenu_bg.jpg') repeat-y bottom center;} .leftmenu_top {background:url('../i/menu/leftmenu_top_bg.png') no-repeat top center; } .leftmenu_bottom {background:url('../i/menu/leftmenu_bottom_bg.png') no-repeat bottom center; padding-bottom:80px;} .shadow {background:url('../i/menu/shadow.png') repeat-y center top;} .podmenu {background:url('../i/menu/podmenu_bg.png') no-repeat center top; height:71px; width:152px; position:relative;} .podmenu div { width:150px; height:103px; position:absolute; bottom:57px; left:1px;} .leftmenu h2 {text-align:center; padding:5px 0 21px 0; background:url('../i/menu/leftmenu_separator.png') no-repeat bottom;} .leftmenu ul {padding: 0px 0 0 20px; list-style-type:none;} .leftmenu ul li {margin:7px 0; color:#009ad5; font-size:13px;} .leftmenu ul li a {color:white; font-size:13px; text-decoration:none;} .leftmenu ul li a:hover {color:#009ad5; } .fakel {background:url('../i/menu/fakel3.png') no-repeat bottom center;} .fakel1 {background:url('../i/menu/fakel.png') no-repeat bottom center;} .fakel2 {background:url('../i/menu/fakel2.png') no-repeat bottom center;} .fakel3 {background:url('../i/menu/fakel4.png') no-repeat bottom center;} .fakel4 {background:url('../i/menu/fakel5.png') no-repeat bottom center;} .fakel5 {background:url('../i/menu/fakel6.png') no-repeat bottom center;} .rift_fade{ display: none; position: fixed; z-index: 333; background: #111; width: 100%; height: 100%; opacity: 0.8; clear: both; margin-top: -30px; } .line {background:url('../i/line.jpg') no-repeat top center; width:100%; height:1px; margin:25px 0 40px 0; } .line2 {background:url('../i/line.jpg') no-repeat top center; width:90%; height:1px; } .remesla {padding:20px; background:black;} .remeslo_logo {background:url('../i/game/remeslo_logo.png') no-repeat top left; padding:5px 0 20px 47px;} .remesla p {margin:15px 0; color:#a4a4a4; font-size:16px; font-family: Calibry; text-align:justify;} .remesla h3 {color:#12e2f5; font-size:15px; font-weight:bold; margin:7px 0;} .mini_screen_box {width:326px; height:122px; background:url('../i/bg/mini_screen_box_bg.jpg') no-repeat top left; float:right; margin:15px 10px 5px 30px;} .mini_screen_box ul{list-style-type:none; margin:0; padding:16px 0px 0px 19px;} .mini_screen_box ul li {margin:0 2px; float:left;} .mini_screen_box ul li a img {border:0px black solid; width:91px; height:60px;} .sliver_box {background:url('../i/line_2.jpg') no-repeat top center; padding:20px 0 10px; margin:10px 0 0 0; clear:both;} /*плеер*/ div.player_rift_abs, div.message_rift_abs{ position: fixed; z-index: 555; display: none; top: 17%; text-align: center; width: 100%; } #player_box{ width: 694px; height: 414px; position: relative; margin: auto; } #pod_player{ float: left; } div.player_rift_abs object, div.player_rift_abs embed{ background: #111; } .pod_border{ float: left; } .pod_u{ width: 27px; height: 27px; } .pod_t{ width: 640px; height: 27px; } .pod_l{ width: 27px; height: 360px; } .pod_plt{background: url("../i/colorbox/corners.jpg") no-repeat 0 0;} .pod_prt{background: url("../i/colorbox/corners.jpg") no-repeat -27px 0;} .pod_pt{background: url("../i/colorbox/center.jpg") repeat-x 0 0;} .pod_pl{background: url("../i/colorbox/center1.jpg") repeat-y left top;} .pod_pr{background: url("../i/colorbox/center1.jpg") repeat-y right top;} .pod_plb{background: url("../i/colorbox/corners.jpg") no-repeat 0 -27px;} .pod_prb{background: url("../i/colorbox/corners.jpg") no-repeat -27px -27px;} .pod_pb{background: url("../i/colorbox/center.jpg") repeat-x 0 -27px;} .pod_box{ clear: both; } a.close_player_rift_abs{ /*float: right;*/ background: url("../i/colorbox/close.png") no-repeat 0 0; right: -5px; top: -5px; width: 39px; height: 42px; display: block; position: absolute; } /*------*/ #linebanner {list-style-type:none; padding: 0; margin: 0;} /*error box*/ #message_error{ width: 454px; height: 254px; position: relative; margin: auto; } div.error_header_text{ background: url("../i/bg/h1_bg.png") no-repeat center right; position: absolute; width: 200px; text-align: left; left: 20px; top: 15px; } #message_error_box_text{ float: left; width: 400px; height: 120px; overflow: hidden; color: #afafaf; background: #000; padding: 40px 0; } .pod_tm{ width: 400px; height: 27px; } .pod_lm{ width: 27px; height: 200px; } a.close_message{ width: 128px; height: 33px; display: block; margin: 0 auto; margin-top: -30px; cursor: pointer; background: url('../i/close_button.png') no-repeat top; } .hidden_block{ display: none; } /*Панель авторизации*/ .global_topmenu {-webkit-box-shadow: black 0 1px 3px 1px; font-size:11px; -moz-box-shadow: black 0 1px 3px 1px; font-weight:bold; font-family:Tahoma, Verdana, Arial; box-shadow: black 0 1px 3px 1px; z-index:1000; position:fixed; top:0; right:2px; border:1px grey solid; color:white; border-top:0; } .global_topmenu a {color:gold; text-decoration:none; margin:0; outline:none; font-family:Tahoma, Verdana, Arial;} .global_topmenu a:hover {color:white; } .global_topmenu ul {margin:0; padding:0;} .global_playpass, .global_slider {display:block; height:27px; float:left; position:relative; cursor:pointer; line-height:26px; border-right:1px grey solid;} .global_slider {font-size:15px; margin:0; padding:0;} .global_uplevel {display:block; height:26px; border:1px black solid; font-size:12px !important; float:left; padding:0 17px; line-height:25px; position:relative; cursor:pointer; border-top:0; } .global_uplevel *{font-size:12px !important;} .global_uplevel span {padding:0 6px; font-weight: normal;} .global_submenu { min-width:140px; position:absolute; right:-1px; top:27px; padding:0 20px; text-align:left; display:none; border:1px grey solid; -webkit-box-shadow: black 0 1px 3px 1px; -moz-box-shadow: black 0 1px 3px 1px; box-shadow: black 0 1px 3px 1px; list-style-type:none; border-top:1px grey dotted;} .global_submenu li {padding:5px 0; margin:0px 10px; line-height:18px;} .global_slidemenu {margin:0 0px; display:block; width:15px; font-weight:bold; text-decoration:none; padding:0 3px; } .global_playpasslogo {background-position: -100px -99px; width:57px; height:26px; padding:0px; display:block; margin:0 3px !important;} .global_playpasslogo:hover {background-position:-100px -73px;} .global_submenu, .global_uplevel, .global_playpass, .global_slider {background:url('../i/playpass/bgsubmenu_global.png') top right repeat;} .global_playpasslogo, .playpass_logoform, .playpass_enter input {background-image:url('../i/playpass/_playpass.png'); background-repeat:no-repeat;} .playpass_bg {position:fixed; top:0; left:0; height:100%; width:100%; background:black; opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); z-index:1001;} .playpass_block {border:1px white solid; width:410px; height:400px; position:fixed; top:50%; left:50%; margin-top:-215px; margin-left:-200px; -webkit-box-shadow: white 0 1px 15px 1px; -moz-box-shadow: white 0 1px 15px 1px; box-shadow: white 0px 1px 15px 1px; z-index:1002;} .playpass_border {border:1px grey solid; width:408px; height:398px; margin:0px auto; background:white; text-align:center;} .playpass_logoform {background-position: 0px 7px; width:163px; height:80px; margin:0 auto 20px; } .playpass_form input{width:340px; margin:0 auto; padding:5px; font-size:15px; border:1px #759d23 solid;} .playpass_form p {text-align:left; width:340px; margin:0 auto; padding:5px 0; font-size:13px; font-weight:bold; font-family:Arial, Tahoma, Verdana; color: black;} .playpass_enter {text-align:left; width:150px; float:left; margin:15px 0 5px 23px; text-align:left;} .playpass_enter input {width:100px; height:32px; background-position:0px -73px; border:0; cursor:pointer; text-align:left;} .playpass_enter input:hover {background-position:0px -106px;} .playpass_remember {width:150px; float:right; margin: 15px 0 0 0; text-align:left; font-size:13px; font-weight:bold; font-family:Arial, Tahoma, Verdana; color: black;} .playpass_links {width:352px; margin:0 auto; text-align:left;} .playpass_links a {font-size:14px; clear:both;font-family:Arial, Tahoma, Verdana;} .playpass_close {font-size:28px; text-decoration:none; color:black; position:absolute; top:10px; right:10px; font-weight:bold; line-height:16px; } .playpass_close:hover {color:#ec602b;} #ss {clear:both;} #ss p {text-align:center; width:340px; margin:0 auto; padding:5px 0; font-size:13px; font-weight:bold; font-family:Arial, Tahoma, Verdana;margin-top:10px;} #ss ul {list-style-type:none; margin-left:50px; margin-top:0; margin-bottom:0; padding:0px;} #ss ul li {float:left; margin:3px;} #ss ul li a img {float:left; margin-right:10px;} #ss ul li a {line-height:28px; display:block; text-align:left; text-decoration:none; font-size:13px; font-weight:bold; font-family:Arial, Tahoma, Verdana;} div#p_track { position:absolute; width:1px; height:1px; } /*другие языки*/ #other_lang{color: #777; font-size: 12px;text-decoration: none; display: block; padding: 2px; outline: none;} #other_lang span{ background: url('../i/region-arrows.png') no-repeat 100% 4px; padding-right: 14px;} div.other_lang{ width: 100%; position: absolute; top: 0; left: 0; text-align: center;} div.sub_box_lang{border: 1px solid #111; background: url('../i/bg/grey_bg.png') repeat-x top; width: 122px; border-radius: 5px; box-shadow: 0 0 2px #777; margin: 0 auto; position: relative;} div.sub_panel_lang{display: none;width: 486px;margin: 0 auto; padding: 2px 10px; text-align: center;} div.lang_column{ float: left; margin: 3px 10px; width: 85px;} div.lang_seperator{width: 0px;border: 1px solid #666;height: 70px;} .lang_column h3{color: #ccc;} .lang_column ul{ list-style: none; margin: 0;padding: 0;} .lang_column li{ padding: 2px;}/* #other_lang{color: #777; font-size: 12px;text-decoration: none; display: block; border: 1px solid #111; background: #333; width: 120px; margin: 2px auto; border-radius: 5px; box-shadow: 0 0 2px #777; padding: 2px;} div.other_lang{ width: 100%; position: absolute; top: 0; text-align: center;} div.sub_box_lang{position: relative;width: 506px; margin: 0 auto;} div.sub_panel_lang{display: none;width: 486px;border: 1px solid #000;border-radius: 5px;background: url('../i/bg/grey_bg.png') repeat-x top;margin: 0 auto; padding: 2px 10px;position: absolute; top: -5px;} */ .notice, .notice_error {padding:20px 100px; background:black; height: 550px;} .notice h2, .notice_error h2 {background:url('../i/bg/h1_bg_2.png') no-repeat top; height:45px; text-align: center; padding: 5px;} .notice_error h2 {background:url('../i/bg/h1_error_bg.png') no-repeat top;} .notice_form {color:#9f9f9f; font-size:13px;} .notice_action_back{text-align: center; margin-bottom: 150px; background:black;} .stop_robot_header{padding-top: 10px;} .truecheckbox {width:24px; height:28px; background-image:url('../i/reg/checkbox_big.png'); z-index:100; float:left; background-repeat:no-repeat; background-position:0px 4px; cursor: pointer; margin-right:10px;} .truecheckbox input {display:none;} .captchabox {padding: 0 0 20px 50px;} .captchabox p {color:#9f9f9f; font-size:13px; margin:0px 0 15px;} .captchabox div {margin:6px 0;} .trueradio { width:20px; height:16px; display:inline-block; cursor:pointer; background-image: url('../i/reg/checkbox.png');overflow: hidden; background-position: 0 3px; background-repeat:no-repeat;} .radioChecked {background-position: 0 -16px;} .trueradio input { margin-left: -17px;} .trueradio label {cursor:pointer;} h2.error_bg{ background: url("../i/bg/h1_error_bg.png") no-repeat !important; padding: 0; margin: 3px; } .red{ color: red !important; } .green{ color: green; } .blue{ color: blue; } .error_message {width:500px; margin:200px auto 0;} .top_message_border {background:url('../i/colorbox/center.jpg') repeat-x top center; height:27px;} .top_left_message_corner {background:url('../i/colorbox/corners.jpg') no-repeat 0px 0px; height:27px; width:27px; float:left;} .top_right_message_corner {background:url('../i/colorbox/corners.jpg') no-repeat -27px 0px; height:27px;width:27px; float:right;} .bottom_message_border {background:url('../i/colorbox/center.jpg') repeat-x 0px -27px; height:27px;} .bottom_left_message_corner {background:url('../i/colorbox/corners.jpg') no-repeat 0px -27px; height:27px; width:27px; float:left;} .bottom_right_message_corner {background:url('../i/colorbox/corners.jpg') no-repeat -27px -27px; height:27px;width:27px; float:right;} .left_message_border {background:url('../i/colorbox/center1.jpg') repeat-y 0px 0px; padding-left:27px; } .right_message_border {background:url('../i/colorbox/center1.jpg') repeat-y center right; padding-right:27px; } .text_message {background:black; padding:5px; color:#9f9f9f; font-size:13px;} .right_message_border h3 {margin:0; background:url('../i/bg/h1_bg.png') black no-repeat -90px center;} #error_overlay {width:100%; height:100%; overflow:hidden; background:url('../i/colorbox/overlay.png'); position:fixed; top:0px; left:0px; z-index:5000;} #error_button {background:black; padding-top:5px; text-align: center;} #error_button input {height:33px; cursor:pointer; margin: 0 auto; border: medium none; outline: medium none;} #error_button input:hover {background-position: 0px -33px;} #close_button_message, #close_button {display:block; width:128px; height:33px; background:url('../i/close_button.png') no-repeat top center; cursor:pointer; margin: 0 auto;} #close_button_message:hover, #close_button:hover {background-position: 0px -33px;} #confirm_button{width:128px; background:url('../i/buttons/submit_button.png') no-repeat top center;} #cancel_button{width:128px; background:url('../i/buttons/cancel_button.png') no-repeat top center;} .hide{ display: none !important;} .hiden_easy{ display: none;} .hidden_easy{ display: none; } .staticblock {padding:15px 10px 10px; background:black;} .staticblock p {margin:15px 0; color:#a4a4a4; font-size:13px; text-align:justify;} .bbb {background:url('../i/bg/big_blue_bg.jpg') no-repeat center bottom; width:610px; margin:0 auto; padding-bottom:20px; } .bbb p#tt{width:600px; color:white; margin:0px auto 10px; padding:20px 0 20px 10px; background: url('../i/bg/big_blue_bg.jpg') no-repeat center -520px;} .download_info {background:url('../i/faq_down.png') no-repeat top center; width:606px; height:340px; margin:0 auto;} .download_client {width:210px; height:159px; float:left; text-align:center; padding-top:180px;} .download_button {display:block; width:128px; height:33px; background:url('../i/buttons/download_button.png') no-repeat 0px 0px; margin:0px auto 10px;} .download_button_2 {background:url('../i/buttons/torrent_button.png') no-repeat 0px 0px;} .download_button:hover {background-position:0px -33px;} .download_faq {width:360px; float:right; padding:80px 20px 5px 15px; } .download_faq ul li{font-size:13px;} .ps {font-size:11px !important;} .sys_min {width:440px; margin:15px auto 15px;} .sys_min ul li {margin:5px 0; color:white; text-shadow:2px 2px 2px black;} .step4block { background:url(../i/store/group_bg.png) no-repeat bottom center; /*min-height:180px;*/ padding-bottom:35px; margin: 5px auto; text-align: center; width:800px; } .step4block h4 {margin:10px auto 20px;} .error_box { margin: 5px 10px; padding: 5px 15px; } .error_box p{ padding-left: 25px; color: red !important; } h4.error_text{ background: url("../i/bg/h1_bg_red.png") no-repeat center right; width: 300px; padding: 0; margin: 3px; } /*пин коды*/ .pincode {padding:40px 100px; background:black;} .pincode h2 {background:url('../i/reg/h1_reg_bg.png') no-repeat 0 10px; height:45px;} .pincode_form {color:#9f9f9f; font-size:13px;} .pincode_form input[type='text'] {display:block; border:1px #073a5b solid; border-radius:8px; height:30px; width:200px; background:#021830; margin-top:5px; color:white; font-size:15px; line-height:30px;} .err_store_text{color: red;float: left;margin: 10px;} #pin_code{float: left;} .pin_code_text{float: left; margin: 10px;} .submit_pin_block {width:282px; height:84px; background:url('../i/reg/send_bg.png') no-repeat top center; margin:-20px auto 0; padding:60px 0 0 60px;} .pin_submit {width:142px; height:35px; background:url('../i/reg/send_text.png') no-repeat top center; display:block; border:none; cursor:pointer; } #sub_pin{ margin-bottom: 190px;} #get_code_btn{display:block; width:140px; height:33px; margin:3px 10px; background:url('../i/buttons/key.png') no-repeat 0px 0px; float: left;} #get_code_btn:hover {background-position:0px -33px;} #count_use_key{ color: gold; padding: 10px;} /*.simple_text {padding:20px; background:black;}*/ .simple_text p {margin:15px 0; color:#fff; font-size:16px; font-family: Calibry; text-align:justify;} .simple_text h3 {color:#12e2f5; font-size:15px; font-weight:bold; margin:7px 0;} .simple_text ul {color:#A4A4A4; font-size:16px; font-family: Calibry;} .simple_text li {margin: 2px 3px;} .submit_agree_block { height: 84px; margin: 0 auto; text-align: center; } .submit_agree_block input{ margin: 0 auto !important; } /*rewards*/ div.vet-item { margin-right: 20px; margin-bottom: 10px; color: #999; font-size: 13px; width: 210px; float: left; } div.vet-title { font-size: 16px; font-weight: bold; color: #FDF7D7; padding-bottom: 30px; margin-right: 30px; float: left; width: 120px; } .divider { text-align: center; padding: 20px 0px; } div.vet-item img { margin-right: 10px; } div.vet-body { background: url('../i/game/rewards/content_bg.jpg') no-repeat top left; min-height: 860px; padding: 38px; margin-top:-30px; } div.top-bg-rewards {background: url('../i/game/rewards/top-bg2.png') no-repeat top right; padding-right:500px; height:330px;} p.hilite-bold {color:#9CCCED; font-weight:bold; margin:20px 0 10px;} .xfer-list ul {list-style-type:round; padding:15px 0 15px 30px;} .right-col-friend {width:210px; float:right; padding:0 30px; text-align:center;} .invite-friend {background:url('../i/game/rewards/invite-friend.png') no-repeat top left; width:221px; height:58px; display:block; cursor:pointer; margin:15px auto;} .content_border_1{border: 2px solid #122529;} .leftblock .leftblock-title-gallery { margin: -1px 1px 1px 1px; width: 298px; height: 50px; background: url('../i/social_bg.png') no-repeat top center; } .leftblock .leftblock-title-gallery img { margin: 8px 0px 0px 2px; } .submenu {width:301px; height:29px; list-style-type:none; padding:0; } .submenu li {float:left; padding:0px 0; text-align:center; position:relative;} .submenu li a {color:white; text-transform:uppercase; display:block; font-size:13px; text-decoration:none; background-repeat:no-repeat; font-weight:bold; height:29px; line-height:29px; background-image:url('../i/buttons/photogallery_main.png');} .submenu a.popular {width:101px; background-position: 0px 0px;} .submenu a.recent {width:100px; background-position: -101px 0px;} .submenu a.new {width:100px; background-position: -201px 0px;} .submenu a.popular:hover {width:101px; background-position: 0px -30px;} .submenu a.recent:hover {width:100px; background-position: -101px -30px;} .submenu a.new:hover {width:100px; background-position: -201px -30px;} .gallery-leftblock .thumb li { margin: 2px 5px 4px 0px !important; } .gallery-leftblock { height: 278px; background-size: 100%; background: url(../i/leftblock_bg_300x280.png) no-repeat 0px 0px; } .paginator {list-style-type:none; margin:10px; padding:0;} .paginator li {float:left; margin:5px 3px 10px; width:20px; height:20px; line-height:20px; text-align:center; border:1px #0a3e66 solid; box-shadow: 1px 3px 3px 0px black, 0px 0px ;} .paginator li:hover {border:1px white solid;} .paginator li a {width:20px; height:20px; display:block; padding:0; line-height:20px; text-align:center; text-decoration:none; font-size:13px; } .paginator li.active {border:1px #bbbbbb solid; background: #222222;} .paginator li.active a {color: #bbbbbb; cursor: pointer;}