body {
	font-size: 15px;
	background-color: #19191A;
	color: #C0C0C0;
	font-family: Lato, sans-serif;
	font-weight: 400;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	text-shadow: 0 0 2px #000
}

input[type=password],
input[type=text] {
	width: 189px;
	height: 28px;
	background: url(../img/css_sprites.png) -432px -555px;
	line-height: 28px;
	border: 0;
	margin: 1px 0 1px 0;
	color: #C0C0C0;
	font-family: Lato, sans-serif;
	font-weight: 400;
	text-align: center;
	outline: 0;
	font-size: 14px
}

input[type=number] {
	outline: 0;
	border: none;
	width: 90px;
	height: 26px;
	background: url(../img/css_sprites.png) -641px -555px;
	padding: 0 2.5px;
	color: #C6B36F
}

input[type=password]::-webkit-input-placeholder,
input[type=text]::-webkit-input-placeholder {
	color: #C0C0C0;
	opacity: 1
}

input[type=password]:-ms-input-placeholder,
input[type=text]:-ms-input-placeholder {
	color: #C0C0C0;
	opacity: 1
}

input[type=password]::-ms-input-placeholder,
input[type=text]::-ms-input-placeholder {
	color: #C0C0C0;
	opacity: 1
}

input[type=password]::placeholder,
input[type=text]::placeholder {
	color: #C0C0C0;
	opacity: 1
}

input[type=password]:-ms-input-placeholder,
input[type=password]::-ms-input-placeholder,
input[type=text]:-ms-input-placeholder,
input[type=text]::-ms-input-placeholder {
	color: #C0C0C0
}

a.button {
	display: block;
	line-height: 34px
}

.button,
button,
input[type=button],
input[type=reset],
input[type=submit] {
	width: 189px;
	height: 34px;
	background: url(../img/css_sprites.png) -601px -188px;
	border: 0;
	cursor: pointer;
	margin: 1px 0 1px 0;
	color: #C0C0C0;
	font-family: Lato, sans-serif;
	font-weight: 400;
	text-align: center;
	outline: 0
}

.button:hover,
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
	width: 189px;
	height: 34px;
	background: url(../img/css_sprites.png) -10px -501px
}

.button.active,
.button:active,
button:active,
input[type=button]:active,
input[type=reset]:active,
input[type=submit]:active {
	width: 189px;
	height: 34px;
	background: url(../img/css_sprites.png) -601px -242px
}

a {
	color: #C0C0C0;
	text-decoration: none
}

.active a,
.button.active,
a:hover,
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
	color: #ab9b5f
}

a:active,
button:active,
input[type=button]:active,
input[type=reset]:active,
input[type=submit]:active {
	color: #91794a
}

#login-container {
	background: url(../img/modal_bg.png);
	margin: 130px auto;
	width: 189px;
	height: 150px
}

#login-container form {
	margin-top: 12px
}

#login-head {
	width: 189px;
	height: 32px;
	background: url(../img/css_sprites.png) -219px -501px;
	line-height: 32px;
	text-align: center
}

#login-container form input[type=submit] {
	margin-top: 12px
}

.simple-box-container {
	background: url(../img/modal_bg.png);
	width: 189px
}

.simple-box-container form {
	margin-top: 12px
}

.simple-box-head {
	width: 189px;
	height: 32px;
	background: url(../img/css_sprites.png) -219px -501px;
	line-height: 32px;
	text-align: center
}

.simple-box-container form input[type=submit] {
	margin-top: 12px
}

.simple-box-text {
	padding: 10px
}

.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before {
	content: " ";
	display: table
}

.btn-group-vertical>.btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.modal-header:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
	clear: both
}

.modal-open {
	overflow: hidden
}

.modal {
	display: none;
	overflow: hidden;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1050;
	-webkit-overflow-scrolling: touch;
	outline: 0
}

.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: 10px
}

.modal-content {
	position: relative
}

.modal-backdrop {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040
}

.modal-header {
	padding: 15px
}

.modal-header .close {
	margin-top: -2px
}

.modal-title {
	margin: 0;
	line-height: 1.42857143
}

.modal-body {
	position: relative;
	padding: 15px
}

.modal-footer {
	padding: 15px;
	text-align: right
}

.modal-footer .btn+.btn {
	margin-left: 5px;
	margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
	margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
	margin-left: 0
}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll
}

.modal {
	background-color: rgba(255, 255, 255, .5)
}

.modal-dialog {
	width: 189px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -100px;
	margin-top: -100px
}

.modal-content {
	border: none
}

#modal-container {
	background: url(../img/modal_bg.png);
	width: 189px
}

#modal-container form {
	margin-top: 12px
}

#modal-container li.active {
	color: #c0a85b
}

#modal-head {
	width: 189px;
	height: 32px;
	background: url(../img/css_sprites.png) -219px -501px;
	line-height: 32px;
	text-align: center
}

#modal-container form input[type=submit] {
	margin-top: 12px
}

#modal-text {
	margin: 10px
}

#main-container {
	width: 780px;
	height: 550px;
	margin: 0 auto;
	position: relative;
	background-color: #202021
}

#main-container h1 {
	font-size: 15px;
	position: absolute;
	padding: 0;
	margin: 0;
	left: 59px;
	line-height: 40px;
	font-weight: 200;
	color: #ab9b5f
}

#main-top-box {
	width: 780px;
	height: 40px;
	background: url(../img/css_sprites.png) -10px -10px
}

#main-logo-box {
	width: 41px;
	height: 40px;
	background: url(../img/css_sprites.png) -193px -660px;
	float: left
}

#main-account-name {
	float: right;
	line-height: 40px;
	margin-right: 20px;
	color: #fff;
	font-size: 14px
}

#main-close-box {
	width: 41px;
	height: 40px;
	background: url(../img/css_sprites.png) -132px -660px;
	float: right
}

#main-close-box:hover {
	width: 41px;
	height: 40px;
	background: url(../img/css_sprites.png) -71px -660px
}

#main-close-box:active {
	width: 41px;
	height: 40px;
	background: url(../img/css_sprites.png) -10px -660px
}

#main-currency-container {
	height: 43px;
	margin-top: 1px
}

#main-button-buy-coins-disabled {
	width: 167px;
	height: 43px;
	background: url(../img/css_sprites.png) -384px -438px;
	display: block;
	float: left;
	font-size: 15px;
	text-align: center;
	line-height: 43px;
	text-shadow: 2px 3px 2px #1a2639;
	text-decoration: none
}

#main-button-buy-coins {
	width: 167px;
	height: 43px;
	background: url(../img/css_sprites.png) -384px -438px;
	display: block;
	float: left;
	font-size: 15px;
	text-align: center;
	line-height: 43px;
	text-shadow: 2px 3px 2px #1a2639;
	text-decoration: none
}

#main-button-buy-coins:hover {
	width: 167px;
	height: 43px;
	background: url(../img/css_sprites.png) -197px -438px
}

#main-button-buy-coins:active {
	width: 167px;
	height: 43px;
	background: url(../img/css_sprites.png) -10px -438px
}

#main-currency-holder-box {
	width: 611px;
	height: 43px;
	background: url(../img/css_sprites.png) -10px -70px;
	float: left;
	margin-left: 1px;
	line-height: 43px
}

#main-currency {
	width: 611px;
	height: 43px;
	float: left;
	position: relative;
	overflow: hidden
}

#main-currency ul {
	width: 612px;
	margin: 0;
	padding: 0;
	white-space: nowrap
}

#main-currency ul li {
	display: none;
	margin: 0 15px;
	list-style: none;
	display: inline-block
}

#main-currency-nav-arrows {
	position: relative;
	top: 0;
	right: 12px;
	width: 40px;
	height: 43px;
	float: right
}

.nav-arrows {
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 15px;
	top: 14px
}

.nav-arrow-storage {
	float: left;
	width: 8px;
	height: 15px;
	margin: 0 2px
}

.nav-arrow-left,
.nav-arrow-right {
	width: 8px;
	height: 15px
}

.nav-arrow-left {
	float: left;
	margin-right: 4px
}

.nav-arrow-left a,
.nav-arrow-right a {
	display: inline-block
}

.nav-arrow-left {
	width: 8px;
	height: 15px;
	background: url(../img/css_sprites.png) -775px -340px
}

.nav-arrow-left:hover {
	width: 8px;
	height: 15px;
	background: url(../img/css_sprites.png) -747px -340px
}

.nav-arrow-left:active {
	width: 8px;
	height: 15px;
	background: url(../img/css_sprites.png) -780px -70px
}

.nav-arrow-right {
	float: left;
	width: 8px;
	height: 15px;
	background: url(../img/css_sprites.png) -782px -438px
}

.nav-arrow-right:hover {
	width: 8px;
	height: 15px;
	background: url(../img/css_sprites.png) -775px -389px
}

.nav-arrow-right:active {
	width: 8px;
	height: 15px;
	background: url(../img/css_sprites.png) -747px -389px
}

#main-double-nav-container {
	margin-top: 1px;
	height: 68px
}

#main-sub-nav {
	position: relative;
	overflow: none;
	width: 780px
}

#main-nav-container,
#main-sub-nav-container {
	height: 34px
}

#main-nav,
#main-sub-nav-container ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline
}

#main-nav li {
	float: left
}

#main-nav li,
#main-sub-nav-container ul li {
	list-style: none;
	overflow: hidden
}

#main-nav li,
#main-sub-nav-container ul li {
	width: 118px;
	height: 34px;
	line-height: 34px;
	text-align: center
}

#main-sub-nav-container ul li {
	display: inline-block;
	margin-right: -3px
}

#main-nav li {
	width: 118px;
	height: 34px;
	background: url(../img/css_sprites.png) -618px -133px
}

#main-nav li:hover {
	width: 118px;
	height: 34px;
	background: url(../img/css_sprites.png) -642px -70px
}

#main-nav li.active,
#main-nav li:active {
	width: 118px;
	height: 34px;
	background: url(../img/css_sprites.png) -424px -606px
}

#main-nav li a,
#main-sub-nav li a {
	display: block
}

#main-nav-container input[type=text] {
	width: 214px;
	height: 34px;
	background: url(../img/css_sprites.png) -367px -242px !important;
	margin: 0;
	line-height: 32px;
	margin: 0
}

#main-nav-container .search-button {
	width: 17px;
	height: 18px;
	background: url(../img/css_sprites.png) -10px -720px;
	border: none;
	cursor: pointer;
	position: absolute;
	right: 5px;
	top: 8px
}

#main-nav-container .search-button:hover {
	width: 17px;
	height: 18px;
	background: url(../img/css_sprites.png) -10px -738px
}

#main-nav-container .search-button:active {
	width: 17px;
	height: 18px;
	background: url(../img/css_sprites.png) -10px -756px
}

#main-sub-nav-container {
	width: 780px;
	height: 34px;
	float: left;
	overflow: hidden;
	position: relative
}

#main-sub-nav-arrows {
	position: relative;
	right: 17px;
	width: 34px;
	float: right;
	top: -5px
}

#main-sub-nav-container ul {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	height: 34px
}

#main-sub-nav-container ul li {
	display: inline-block;
	width: 118px;
	height: 34px;
	background: url(../img/css_sprites.png) -286px -606px
}

#main-sub-nav-container ul li:hover {
	width: 118px;
	height: 34px;
	background: url(../img/css_sprites.png) -148px -606px
}

#main-sub-nav-container ul li.active,
#main-sub-nav-container ul li:active {
	width: 118px;
	height: 34px;
	background: url(../img/css_sprites.png) -10px -606px
}

#main-content {
	position: relative;
	height: auto
}

.tooltip-mid {
	position: absolute;
	background: url(../img/tooltip/tooltip_base.png);
	top: 16px;
	bottom: 16px;
	left: 16px;
	right: 16px
}

.tooltip-bottom-left {
	position: absolute;
	background: url(../img/tooltip/tooltip_corner_leftbottom.png);
	height: 16px;
	width: 16px;
	left: 0;
	bottom: 0
}

.tooltip-top-left {
	position: absolute;
	background: url(../img/tooltip/tooltip_corner_lefttop.png);
	width: 16px;
	top: 0;
	height: 16px;
	left: 0
}

.tooltip-bottom-right {
	position: absolute;
	background: url(../img/tooltip/tooltip_corner_rightbottom.png);
	height: 16px;
	width: 16px;
	right: 0;
	bottom: 0
}

.tooltip-top-right {
	position: absolute;
	background: url(../img/tooltip/tooltip_corner_righttop.png);
	width: 16px;
	top: 0;
	right: 0;
	height: 16px
}

.tooltip-bottom {
	position: absolute;
	background: url(../img/tooltip/tooltip_line_bottom.png) repeat-x;
	height: 16px;
	left: 16px;
	right: 16px;
	bottom: 0
}

.tooltip-left {
	position: absolute;
	background: url(../img/tooltip/tooltip_line_left.png) repeat-y;
	width: 16px;
	top: 16px;
	bottom: 16px;
	left: 0
}

.tooltip-right {
	position: absolute;
	background: url(../img/tooltip/tooltip_line_right.png) repeat-y;
	width: 16px;
	top: 16px;
	right: 0;
	bottom: 16px
}

.tooltip-top {
	position: absolute;
	background: url(../img/tooltip/tooltip_line_top.png) repeat-x;
	height: 16px;
	top: 0;
	right: 16px;
	left: 16px
}

.tooltip {
	visibility: hidden;
	position: fixed;
	padding: 10px;
	float: left;
	margin: 3px 0;
	z-index: 9999;
	max-width: 192px;
	min-width: 192px;
	font-size: 12px
}

.tooltip .top {
	position: relative;
	height: 100%;
	min-height: 10px;
	text-align: left;
	padding: 5px
}

.tooltip .top img {
	display: block;
	margin: auto;
	max-width: 100%
}

.tooltip .top p {
	text-align: center;
	line-height: 15px;
	margin: 0 0 10px
}

.tooltip .top p:last-child {
	margin: 0
}

.tooltip .top p:after {
	content: "";
	display: inline-block;
	width: 0
}

#error {
	text-align: center
}

#main-content #main-categories {
	float: left;
	width: 191px
}

#main-categories .title {
	width: 191px;
	height: 35px;
	background: url(../img/css_sprites.png) -571px -438px;
	text-align: center;
	line-height: 35px;
	color: #C6B36F
}

#main-content #content {
	position: relative;
	z-index: 0;
	float: right;
	width: 588px
}

#main-content #content .rightcontent {
	position: relative;
	height: 357px;
	overflow: hidden
}

#main-content #content .rightcontent .textcontainer {
	margin-left: 10px
}

#main-categories ul {
	padding: 0;
	margin: 0;
	width: 191px;
	position: relative;
	height: 357px;
	overflow: hidden
}

#main-categories ul li {
	list-style: none;
	width: 191px;
	height: 31px;
	text-align: center;
	line-height: 31px
}

#main-categories ul li a {
	display: inline-block;
	width: 191px;
	height: 31px;
	background: url(../img/css_sprites.png) -428px -501px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis
}

#main-categories ul li a:hover {
	width: 191px;
	height: 31px;
	background: url(../img/css_sprites.png) -221px -555px
}

#main-categories ul li a:active,
#main-categories ul li.active a {
	width: 191px;
	height: 31px;
	background: url(../img/css_sprites.png) -10px -555px
}

#content .title {
	width: 588px;
	height: 35px;
	background: url(../img/css_sprites.png) -10px -133px;
	text-align: center;
	line-height: 35px;
	color: #ab9b5f
}

#main-table table {
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	font-size: 14px
}

#main-table table td img {
	height: 100%
}

#main-table table thead tr {
	width: 588px;
	height: 29px;
	background: url(../img/css_sprites.png) -10px -389px;
	line-height: 29px
}

#main-table table thead td {
	padding: 0 0 1px 0
}

#main-table table tbody tr:last-child td {
	padding: 0;
	border-bottom: none
}

#main-table table a {
	display: block;
	width: 109px;
	height: 29px;
	background: url(../img/css_sprites.png) -618px -340px;
	line-height: 29px;
	text-align: center;
	float: right;
	text-transform: uppercase;
	font-size: 13px;
	margin: 0;
	padding: 0
}

#main-table table a:hover {
	width: 109px;
	height: 29px;
	background: url(../img/css_sprites.png) -639px -501px
}

#main-table table a:active {
	width: 109px;
	height: 29px;
	background: url(../img/css_sprites.png) -618px -389px
}

#main-table table tbody tr {
	width: 588px;
	height: 29px;
	background: url(../img/css_sprites.png) -10px -340px;
	line-height: 29px
}

#main-table table tbody td {
	padding: 0 0 1px 0
}

.center {
	text-align: center
}

#main-game-box-container {
	height: 392px;
	width: 764px;
	margin: 0 auto;
	position: relative;
	overflow: hidden
}

#main-game-box-container ul {
	position: relative;
	height: 392px;
	width: 764px;
	padding: 0;
	margin: 0
}

#main-game-box-container ul li {
	float: left;
	width: 320px;
	margin-right: 10px;
	margin-bottom: 10px;
	list-style: none
}

#main-game-box-container h3 {
	margin: 5px 0;
	color: #C6B36F
}

.item {
	display: inline-block;
	width: 32px;
	min-height: 32px
}

.item .count {
	position: absolute;
	top: 0;
	font-size: 14px;
	z-index: 60
}

.item-stats {
	visibility: hidden;
	position: fixed;
	z-index: 9999;
	max-width: 220px;
	min-width: 200px
}

.item-stats p {
	text-align: center;
	line-height: 15px
}

.item-stats p:after {
	content: "";
	display: inline-block;
	width: 0
}

.ps-container.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail,
.ps-container.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail,
.ps-container:hover>.ps-scrollbar-x-rail:hover,
.ps-container:hover>.ps-scrollbar-y-rail:hover {
	background: 0 0 !important
}

.ps-container:hover.ps-in-scrolling.ps-x>.ps-scrollbar-x-rail>.ps-scrollbar-x,
.ps-container:hover.ps-in-scrolling.ps-y>.ps-scrollbar-y-rail>.ps-scrollbar-y,
.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x,
.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y {
	background-color: #99999987 !important
}

.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x,
.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important
}