body, html{ margin:0; padding:0; width:100%; height:100% }
body, html, p, div, td { font-size:10px; font-family: "Verdana", "Serif" }
input, select, textarea { font-size:12px }
body { background:#000 url('') no-repeat top center }
form { margin:0; padding:0 }
input:focus { outline: none }

.page{ position:relative; width: 100%; min-height: 2000px; background:transparent url('') no-repeat top center; }
.ppage{ position:relative; top:0; margin:0 auto; }
.logo { position:absolute; left:50%; margin-left: -162px; top:0; width: 327px; height: 521px; }
.play1 { position:absolute; width:380px; height:99px; top:190px; left:294px; }
.play2 { position:relative; width:380px; height:96px; background:url('../img/play3.png') no-repeat; }
.activePage{ width:460px; height:335px; position:relative; top:282px; left:0; /*254px;*/ }

.reg_btn {
	background: transparent url('') no-repeat 0 0; /*URL setted inline in tpl, cuz of language*/
	width: 240px;
	height: 51px;
	position: relative;
	left: 50%;
	margin-left: -118px;
	top: 241px;
}
.reg_btn:hover { background-position: 0 -51px; }

.login_btn {
	background: transparent url('') no-repeat 0 0;
	width: 218px;
	height: 36px;
	position: relative;
	left: 50%;
	margin-left: -109px;
	top: 384px;
	cursor: pointer;
}
.login_btn:hover { background-position: 0 -36px; }

.inpUsr, .inpPass { position: absolute; width: 150px; height: 19px; left: 50%; margin-left: -41px; }
.inpUsr { top: 356px; }
.inpPass { top: 387px; }
.inpUsr input, .inpPass input {
	width: 100%;
	height: 100%;
	border: none;
	background-color: transparent !important;
	color: #FFFFFF !important;
	line-height: 19px;
	text-align: center;
	font-size: 13px;
}

.btnGame, .btnForum, .btnSelect1, .btnSelect2 { position:absolute; width:104px; height:16px; top:40px; }
.btnGame { left:1px; background:url('../img/txt_game.png') no-repeat; }
.btnForum { right:1px; background:url('../img/txt_forum.png') no-repeat;}
.btnSelect1, .btnSelect2 { background:url('../img/txt_select.png') no-repeat; }
.btnSelect1 { left:1px; }
.btnSelect2 { right:1px; }
.btnPlay { position:absolute; width:110px; height:50px; top:34px; left:135px; overflow:hidden; color:#F8D6A1; text-decoration:none; font-size:24px; font-weight:bold; }
.btnPlay>A { color:#F8D6A1; text-decoration:none; font-size:24px; font-weight:bold; }
.btnEnter { background:url('/img/btn_enter2.png') no-repeat; width:139px; height:59px; overflow:hidden; }
.btnEnter>DIV { width:139px; color:#F8D6A1; text-decoration:none; font-size:24px; font-weight:bold; text-align:center; margin-top:13px; }
.btnImg { width:104px; height:16px; border:none; }

.brown { color:#2B1314 }
.blue { color:#002674 }
.nun { text-decoration:none }
.bold { font-weight:bold }
.big { font-size:11px }
.red { color:#FE0000 }
.abs { position:absolute }
.rel { position:relative }
.hide { display:none }
.nosel { -webkit-user-select:none; -moz-user-select:none; }
.novis { position:absolute; left:-20000px; top:0; }

.nobrd { background-color:transparent; border:1px solid transparent; *border:none; font-family: "Verdana", "Serif"; cursor:text; outline:none; }

.formCont {  position:relative; width:125px; height:115px; }
.fld { position:absolute; width:125px; height:22px; background:url('../img/fld.png') no-repeat; }
.fld .fld2 { margin:3px 1px; }
.fld .fld2 .fld3 { width:123px; height:14px; line-height:13px; font-size:9px; text-align:center; padding:0; }
.txtlgn { position:absolute; width:125px; height:14px; font-weight:bold; text-align:center; }

.video { position:absolute; top:160px; left:6px; width:164px; height:137px; background:url('../img/video.png') no-repeat; cursor:pointer; }
.main { position:absolute; top:6px; left:175px; width:270px; height:280px; overflow:hidden; /*background-color:#F6D5A0;*/ }
.main DIV { font-size:11px; line-height:120%; /*color:#2B1314;*/ color:#000; }

.star { color:red; font-weight:normal; }

#frmReg input[type=text], #frmReg input[type=password] { width:170px; padding:0 2px; }
#frmRem input[type=text], #frmRem input[type=password] { width:170px; padding:0 2px; }

.done { font-weight:bold; padding-bottom:7px; }
.footer_txt, .footer_txt TD, .footer_txt2, .footer_txt2 TD { color:#FFF; line-height:16px; font-size:8pt; }
.footer_txt A, .footer_txt2 A { color:#FFF; text-decoration:none; }
.footer_txt TD A, .footer_txt2 TD A { color:#FFF; text-decoration:underline; }
.footer_txt { width: 642px; position: absolute; bottom: 21px; }
.footer_txt2 { width: 820px; margin-left: -89px; }

.foot_left, .foot_right { float: left; }
.foot_left { margin: 0 10px 0 90px; width: 141px; height: 40px; }
.foot_right { width: 330px; font-size: 10px; }

#contents_block {
	width:600px;
	padding:15px 0px;
	color:#c3b881
}
#contents_block>h1 { font-size:20px; margin-bottom:10px; }

#contents_block a {
	color:#E7F1B6;
}

#contents_block a:visited {
	color:#c3b881;
}

.social_icons {
	position:absolute;
	left:0px;
	top:314px;
	width:100%;
	height:34px;
}
.social_icons a{
	overflow:hidden;
	width:46px;
	height:34px;
	display:inline;
	float:left;
  vertical-align:middle;
	margin-right:0px;
}

.social_icons table {
	height:100%;
}

.social_icons span{
	display:none;
}

.ag_icon {background:url(/img/amberlogo.gif) no-repeat 0 0; width:137px; height:51px;}

.facebook_icon {background:url(/img/facebook.png) no-repeat 0 0; width:32px; height:32px;}
.twitter_icon {background:url(/img/twitter.png) no-repeat 0 0; width:32px; height:32px;}
.vkontakte_icon {background:url(/img/vkontakte.png) no-repeat 0 0; width:32px; height:32px;}


/*dialog styles*/
.brd { border:1px solid red }
.go { cursor:pointer }
.iea { display:inline; float:left }
.up { text-transform:uppercase }

.clr0 { color:#FFFFFF; }
.clr1 { color:#DED185; }
.clr2 { color:#F3DFAA; }
.txt12 { font-size:12px; }
.txt13 { font-size:12px; }
.txt14 { font-size:14px; }

.dlgFbBtn2 { width:123px; height:25px; left:50%; margin-left: -61px; background: transparent url('/img/landing/fbconnect.png') no-repeat }
.dlgFont { font-family:Tahoma,sans-serif }
.dlgTitle { top:9px; left:20px; right:20px; height:29px; line-height:25px; text-align:center; color:#F5EAD6; font-weight: bold; }
.dlgFbFrame { top:54px; left:223px; width:254px; height:144px; text-align:center; z-index: 2000; }
.dlgFbFrame2 { top:54px; left:128px; width:254px; height:144px; text-align:center; z-index: 2000; }
.dlgBtn, .dlgBtnP { width:167px; height:34px; left:171px; bottom:13px; background:url('/img/facebook_login/login_btn.jpg') no-repeat top center transparent; }
.dlgBtnP { background:url('/img/facebook_login/play_btn.jpg') no-repeat top center transparent; }
.dlgBtn:hover, .dlgBtnP:hover { background-position: 0 -34px; }
.dlgBtn>DIV, .dlgBtnP>DIV { left:16px; top:15px; position:absolute; width:140px; font-size:18px; font-weight:normal; color:#FFF; font-family:Verdana,Tahoma; text-align:center }
.dlgBtnPB { width: 201px; height: 44px; background: url('/img/facebook_login/_login_08.jpg') no-repeat center center transparent; left:154px; bottom:9px; }
.dlgFbBtn { width:123px; height:25px; left:30px; top:60px; background:url('/img/landing/fbconnect.png') no-repeat }
.dlgFbBtn>DIV { left:0; top:0; width:123px; height:25px; }
.dlgLBtn, .dlgRBtn {
    left:11px;
    bottom:10px;
    width:155px;
    height:30px;
    line-height:29px;
    text-align:center;
    color:#FFFFFF;
    font-weight: bold;
}
.dlgLBtn { left:10px; background: url('/img/facebook_login/pass_btn.jpg') no-repeat top left transparent; }
.dlgRBtn { left:342px; background: url('/img/facebook_login/reg_btn.jpg') no-repeat top right transparent; }
.dlgLBtn:hover { background-position: left -30px; }
.dlgRBtn:hover { background-position: right -30px; }
.dlgRBtn.inactive, .dlgRBtn.inactive:hover { background: url('/img/facebook_login/cap.jpg') no-repeat top right transparent; cursor: default; }

.inp1, .inp2 { position:absolute; width:147px; height:22px; }
.inp2 { width:217px; background:url('/img/overlay/input_bar2.gif') no-repeat }
.inp1>INPUT, .inp2>INPUT { position:absolute; left:0; top:0; border:none; background-color:transparent !important; width:147px; height:22px; line-height:22px; color:#FFF; text-align:center; font-size:13px; }
.inp2>INPUT { width:147px }
.inp3 { margin-top:12px; height:18px; text-align: left; }
.inp3>INPUT { width: 100%; border-width: 1px; height: 15px; }
.inp3>SELECT { border-width: 1px; height: 18px; }
.cbox { float:left; width:19px; height:19px; margin-right:7px; background:url('/img/overlay/checkbox.gif') no-repeat }
.cbox0 { background-position:0 0; }
.cbox1 { background-position:0 -19px; }

/*tos*/
#termsofservice {background: url('../img/overlay/dialog_inner.jpg') no-repeat;
width: 596px;
height: 385px;
z-index: 1000;
position: absolute;
top: 0;
left: 50%;
margin-left: -303px;
}
#terms-title{
    position: absolute;
top: 0;
left: 0;
color: white;

}
#terms-title h2 {text-align: center; width: 596px;}
#terms-text {
    text-align: left;
    color:#fff;
    overflow-y: scroll;
    overflow-x: hidden;
height: 308px;
width: 572px;
top: 36px;
position: absolute;
left: 0;
/*border: 1px solid green;*/
padding: 0 10px 0 10px;

}

#terms-text a{color:#fff; text-decoration: underline}
#terms-text a:visited{color:#00BBFF;}

.max { width: 100%; }

#content {
	width: 642px;
	position: absolute;
	left: 50%;
	margin-left: -316px;
	top: 521px;
	z-index: 1;
}

#content_header {
	float: left;
  background: transparent url('/img/index/main_block_s.jpg') no-repeat center top;
  height: 77px;
}
#content_header div { float: left; }

#content_inner {
	width: 100%;
  background: transparent url('/img/index/tilled.png') repeat-y center top;
  margin-top: 77px;
  min-height: 527px;
}

#content_inner .inncont { padding: 0 53px 10px 53px; width: 536px; }

#content_bottom {
	background: transparent url('/img/index/footer.png') no-repeat center top;
	width: 100%;
	height: 115px;
  position: relative;
}

#seo {
	width: 604px;
	position: relative;
  padding: 0 20px;
  background-color: #000000;
  margin-top: 20px;
}

#content_left {
	position: absolute;
	top: 0;
	left: -194px;
	width: 194px;
	height: 604px;
}
#content_left_img {
	background: transparent url('') no-repeat center top;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
}

#content_right {
	background: transparent url('') no-repeat center top;
	position: absolute;
	top: 0;
	right: -194px;
	width: 194px;
	height: 545px;
}

.remPassword {
	position: absolute;
	width: 248px;
	left: 50%;
	margin-left: -124px;
	top: 480px;
	text-align: center;
}
.remPassword a {
    color: #454951;
}
.remPassword a:hover{
    color:#fff;
}

.scr_act { top: 25px; }
.scr_vid { top: 175px; background: url("/img/index/video.jpg") }
.scr_scr { top: 325px; }
.scr_gal { top: 475px; }/*wtf?*/

.screens, .screens_clk {
	position: absolute;
	width: 171px;
	height: 94px;
	left: 17px;
	border: none;;
}
.screens a { border: 0px solid black; }
.screens img { width: 100%; height: 100%; border: 0px solid black; }
.screens { z-index: 2; }
.screens_clk {/* z-index: 4; */cursor: pointer; }

.menu_elem { width: 160px; top: 7px; position: absolute; }
.menu_elem .img { width: 49px; height: 49px; margin-right: 5px; }
.menu_elem .text { height: 22px; margin-top: 15px; }

.menu_elem.act .img { background-position: 0 -98px !important; }
a:hover .menu_elem .text { background-position: 0 -22px !important; }
#content_header > a:hover > .menu_elem > img{background-position: 0 -50px !important;}

.menu_elem.news { left: 28px; }
.menu_elem.news .img { background: transparent url('/img/index/news1_icon.jpg') no-repeat top center; }
.menu_elem.news .text { background: transparent url('/img/index/news.png') no-repeat center top; width: 90px; }

.menu_elem.forum { left: 175px; }
.menu_elem.forum .img { background: transparent url('/img/index/forum1_icon.jpg') no-repeat center top; }
.menu_elem.forum .text { background: transparent url('/img/index/forum.png') no-repeat center top; width: 68px; }

.menu_elem.about { left: 315px; }
.menu_elem.about .img { background: transparent url('/img/index/about1_icon.jpg') no-repeat center top; }
.menu_elem.about .text { background: transparent url('/img/index/about.png') no-repeat center top; width: 75px; }

.menu_elem.support { left: 455px; }
.menu_elem.support .img { background: transparent url('/img/index/support1_icon.jpg') no-repeat center top; }
.menu_elem.support .text { background: transparent url('/img/index/support.png') no-repeat center top; width: 102px; }

.tops_menu { width: 170px; margin: 79px 0 0 15px; float: left; position: relative; }
.tops_menu div { width: 27px; height: 27px; margin-right: 15px; float: left; cursor: pointer; }
.tops_menu div:hover { background-position: 0 -27px; }
.tops_menu div.act { background-position: 0 -54px; }

.tops_menu .top1 { background: transparent url('/img/index/top1_icon.png') no-repeat center top; }
.tops_menu .top2 { background: transparent url('/img/index/top2_icon.png') no-repeat center top; }
.tops_menu .top3 { background: transparent url('/img/index/top3_icon.png') no-repeat center top; }
.tops_menu .top4 { background: transparent url('/img/index/top4_icon.png') no-repeat center top; }

.top_cont.act { display: block; }
.top_cont {
	display: none;
	width: 150px;
	position: absolute;
	top: 115px;
	left: 15px;
	font-size: 12px;
	font-family: Arial,Tahoma,"Sans Serif";
	cursor: auto;
}
.top_cont div { width: 100%; height: 13px; margin: 0 0 7px 0; color: #FFFFFF; position: relative; }
.top_cont div div.left { position: absolute; top: 0; left: 0; font-size: 13px; line-height: 8px; width: 125px; overflow-x: hidden; }
.top_cont div div.right {
	width: 21px;
	height: 100%;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}
.top_cont div div img { width: 100%; height: 100%; }
.top_cont div div div { position: absolute; top: 0; right: 0; }

.pageTitle { top:19px; left:0px; width:100%; text-align:center; text-transform:uppercase; font-size:14px; font-weight:bold; color:#392612; }
.pageText { width: 554px; margin-left: -9px; position: relative; top: 10px; }
.blockText { padding: 10px 20px 0 20px; color:#000000; background: transparent url('/img/index/info_block_body.jpg') repeat-y center top; }
.blockText .body { font-size:13px; font-family:Arial,Tahoma,Verdana; }
.blockText a { color:#000000; text-decoration: none; }
.blockText ul, .blockText ol { margin:0 0 15px 0; }
.blockText li { margin-bottom:15px; }

.header { width:100%; color:#362102; line-height:20px; text-align:center; position: absolute; top: 33px; right: 22px; }
.header_left {
    float:left;
    width:100%;
    height:35px;
    line-height: 35px;
    overflow:hidden;
    text-align:center;
    font-family:Arial,Tahoma,Verdana;
    font-size:14px;
    color: #FFFFFF;
    font-weight: bolder;
}
.separator a { text-decoration: none; }
.header_right { float:right; color:#694227; font-family:Arial,Tahoma,Verdana; font-size:11px; }
.header_right a { color:#694227; text-decoration: none;}
.blockTextFooter {
    background: transparent url('/img/index/info_block_b.jpg') no-repeat center center;
    width: 100%;
    height: 27px;
}

.separator {
	width: 100%;
	background: transparent url('/img/index/info_block.jpg') no-repeat center top;
	height: 50px;
    margin-top: 20px;
}

.newsMore {
    text-align:right;
    margin: 10px 0 0 0;
    font-size: 13px;
    font-family:Arial,Tahoma,Verdana;
    background: transparent url('/img/index/more_btn.png') no-repeat scroll left center;
    height: 15px;
    line-height: 15px;
    padding-left: 23px;
    color:#694227;
}
.newsMore>a  { text-decoration:underline; color:#694227; }
.newsPageBlock { color:#000; text-decoration:none }

.newsPageBlock>div { width:24px; height:15px; line-height: 15px; background:url('../img/index/btns.png') no-repeat 0 -15px; text-align:center; margin-right:1px }
.newsPageBlock>div.newsPageSelect { background-position: 0 0; }
.thumb { float:left; margin:14px 0px 0px 20px; }
.thumb>a>img { width:170px; height:98px; }

.fll { float:left }
.flr { float:right }

.commIcon {
    background: transparent url('/img/index/comment.png') no-repeat center center;
    width: 15px;
    height: 12px;
    display: inline-block;
    position: relative;
    top: 4px;
}

.pager { width: 100%; position: absolute; left: 0; bottom: 70px; }

#videoCont {
	width: 430px;
	position: absolute;
	left: 50%;
	margin-left: -215px;
	text-align: center;
}

.likes {
	position: absolute;
	width: 113px;
	height: 48px;
	top: 457px;
	left: 24px;
}
.likes .like_cont div { float: left; }
.likes a { text-decoration: none; }
.likes .like_cont {
	width: 100%;
	height: 22px;
	line-height: 22px;
	background-color: #F0F0F0;
	border: 1px solid #9A9494;
	margin-bottom: 2px;
	color: #2B2B2B;
	font-weight: bold;
}
.likes .like_cont2 {
	width: 100%;
	height: 22px;
	line-height: 22px;
	margin-bottom: 2px;
}
.likes .fb .icon, .likes .vk .icon {
	background: url('/img/social.gif') no-repeat scroll 0 0 transparent;
	width: 16px;
	height: 16px;
	margin: 3px 10px 3px 3px;
}
.likes .fb .icon { background-position: -40px 0; }
.likes .fb .like_cont:hover .icon { background-position: -40px -20px; }
.likes .vk .icon { background-position: -20px 0; }
.likes .vk .like_cont:hover .icon { background-position: -20px -20px; }

/* LOGIN SCREEN START */
.login_head { position: absolute; top: 0px; left: 0px; width: 100%; height: 40px; line-height: 40px; }
.closeBtn {
    width: 33px;
    height: 33px;
    top: 7px;
    right: 9px;
    background:url('/img/facebook_login/btn_close.png') no-repeat top center transparent;
    z-index: 5000;
}
.closeBtn:hover { background-position: 0 -33px; }

.nameField { top: 28px; left: 17px; }
.passField { top: 83px; left: 17px; }

.fbBtn { top: 80px; left: 64px; }
.fbLogoutDiv { position: absolute; left: 31px; bottom: 24px; }
.fbLogout {
    width:190px;
    height:23px;
    background: url('/img/facebook_login/user_btn.jpg') no-repeat top center transparent;
    border: none;
    cursor: pointer;
    font-weight: bold;
    color: #FFFFFF;
    font-size: 11px;
}
.fbLogout:hover { background-position: 0 -23px; }

.fbBottomBtns { left: 0; bottom: -16px; width: 490px; }
.fbBottomLeftButton, .fbBottomRightButton {
    font-weight: bold;
    bottom: 25px;
    width:245px;
    height: 33px;
    text-align: center;
    line-height: 33px;
    background: transparent url('/img/facebook_login/account_btns.jpg') no-repeat;
}
.fbBottomLeftButton { left:0; background-position: left top; }
.fbBottomLeftButton:hover { background-position: left bottom; }
.fbBottomRightButton { right:0; background-position: right top; }
.fbBottomRightButton:hover { background-position: right bottom; }

.fbChoise { top: 0; left: 8px; height: 100%; width: 100%; z-index: 1000; }

.fbRegDiv { position: absolute; left: 0; top: 7px; width: 100%; }

.upd_block { width: 518px; margin: 10px 0 0 -2px; }
.upd_block div { font-size: 13px; font-family:Arial,Tahoma,Verdana; color: #FFFFFF; }
.upd_head {
    background: transparent url('/img/index/update_block_head.jpg') no-repeat scroll center center;
    width: 100%;
    height: 33px;
    line-height: 22px;
    text-align: center;
}
.upd_body { background: transparent url('/img/index/update_block_body.jpg') repeat-y scroll center center; width: 478px;  padding: 0 20px; }
.upd_tail { background: transparent url('/img/index/update_block_footer.jpg') no-repeat scroll center center; width: 100%; height: 15px; }
/* LOGIN SCREEN END */