/*
 * 2010 Metin2 theme overrides. metin2-base.css is the original stylesheet; these
 * rules reconcile it with Bootstrap, which the pages use for grids, tabs and modals.
 */
html,
body {
	height: auto;
}
body {
	background: #000;
	color: #160400;
	font: 11px/14px Arial, Helvetica, sans-serif;
}
img {
	display: inline-block;
}
a:hover {
	color: inherit;
}
.col-1 img,
.col-3 img {
	display: block;
}
.container-wrapper {
	background: url('../images/metin2/container-bg-top.jpg') no-repeat 50% 0, url('../images/metin2/container-bg.jpg') repeat-y 50% 0;
}
.container-wrapper > .container {
	max-width: none;
	width: 930px;
	padding: 0;
}
.container-wrapper > .container::after {
	display: none;
}

/* Statistics bar */
#topbar {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3000;
	width: 100%;
	height: 32px;
	border-bottom: 1px solid #120000;
	background: linear-gradient(#5a0a06, #2a0302);
	text-align: center;
	white-space: nowrap;
}
#topbar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#topbar li {
	display: inline-block;
	height: 22px;
	margin: 4px 7px 0;
	padding: 0 20px;
	border-radius: 4px;
	background: linear-gradient(#6e120c, #430806);
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .35);
	color: #d0b88c;
	font: normal 11px/22px Tahoma, Arial, Helvetica, sans-serif;
}

/* Header */
#header ul,
.header-box-nav-login {
	margin: 0;
	padding: 0;
	list-style: none;
}
#regBtn a#toReg {
	box-sizing: content-box;
}
#regSteps span {
	white-space: pre;
}
.nav-box-btn {
	box-sizing: content-box;
	line-height: 14px;
}
.nav-box-btn:hover {
	color: #fff;
}

/* Side columns */
.main-nav,
.form-score ul,
.side-links {
	list-style: none;
}
.main-nav {
	padding-left: 0;
}
.main-nav li a,
.modul-box h3 {
	box-sizing: border-box;
	height: 34px;
	margin-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
}
.main-nav li a:focus {
	color: #fef6aa;
	text-decoration: none;
}
.modul-box h3 {
	line-height: 15px;
}
.form-login label {
	display: block;
	margin: 0;
}
.form-login .input {
	box-sizing: content-box;
}
.form-login .input input {
	padding: 0;
	outline: none;
}
.button.btn-login {
	float: none;
	height: 20px;
	margin: 6px 0 0;
	padding: 0 17px 3px 0;
	color: #dfbf8b;
}
a.password {
	margin: 8px 0 0;
}
.download-btn,
.itemshop-btn {
	margin: 0 auto;
}
.btn.download-btn,
.btn.itemshop-btn {
	border: 0;
	border-radius: 0;
	padding: 0;
}
.form-score {
	margin-top: 2px;
	padding-bottom: 8px;
}
.form-score .btn,
.col-3 .btn {
	box-sizing: border-box;
	display: block;
	width: 130px;
	height: 20px;
	margin: 6px auto 0;
	padding: 3px 14px 0 0;
	border: 0;
	border-radius: 0;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	color: #dfbf8b;
}

/* Main column */
div[role="main"] {
	font-size: 11px;
	line-height: 14px;
}
div[role="main"] .framed .content-bg-bottom {
	min-height: 650px;
}
div[role="main"] .content-bg-bottom {
	padding-bottom: 16px;
}
div[role="main"] p {
	margin-bottom: 7px;
}
div[role="main"] a {
	color: #7b1300;
}
div[role="main"] strong {
	font-weight: bold;
}
div[role="main"] .container {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}
div[role="main"] .container::after {
	display: block;
}
div[role="main"] .mt2cms2-c-l,
div[role="main"] > .content .container {
	width: 484px;
}
div[role="main"] .row {
	margin-right: 0;
	margin-left: 0;
}
div[role="main"] .row > [class*="col-"] {
	padding-right: 4px;
	padding-left: 4px;
}
div[role="main"] .content-bg-bottom > .container > .row > [class*="col-"] {
	flex: 0 0 100%;
	width: 100%;
	max-width: 100%;
	margin-left: 0;
	padding: 0;
}
div[role="main"] .page-hd {
	margin: 0 0 8px;
	background: none !important;
}
div[role="main"] .page-hd h2 {
	width: 484px;
	margin: 11px 0 0;
	box-sizing: border-box;
}
div[role="main"] .page-hd small,
div[role="main"] .page-hd h6 {
	display: block;
	margin: 4px 0 0 33px;
	color: #775555;
	font-size: 11px;
	font-weight: bold;
}
div[role="main"] .content h3 {
	color: #7b1300;
	font-size: 13px;
	font-weight: bold;
}
div[role="main"] .content h4,
div[role="main"] .content h5 {
	color: #7b1300;
	font-size: 12px;
	font-weight: bold;
}
div[role="main"] hr {
	height: 0;
	margin: 8px 0;
	border: 0;
	border-top: 1px solid #b28a45;
	border-bottom: 1px solid #f2e2bd;
}
div[role="main"] .content-bg-bottom img {
	max-width: 100%;
	height: auto;
}
.clearfloat {
	display: block;
}

/* News */
.blogroll {
	margin: 0;
	padding: 0;
	list-style: none;
}
.blog-post {
	width: 484px;
	margin-bottom: 8px;
	padding-bottom: 6px;
	border-bottom: 1px solid #b28a45;
}
div[role="main"] .blog-title {
	margin: 0 0 1px;
	font-size: 13px;
}
.blog-attribution {
	color: #775555;
	font-size: 10px;
}
.blog-post .more {
	margin-top: 4px;
	font-weight: bold;
}
.wp-pagenavi {
	margin: 10px 0;
	text-align: center;
}
div[role="main"] .wp-pagenavi a {
	padding: 0 3px;
	color: #8d0404 !important;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
div[role="main"] .wp-pagenavi a:hover {
	text-decoration: underline;
}
/* The current page arrives with an inline red colour from the paging classes. */
div[role="main"] .wp-pagenavi a.current {
	color: #4a1e00 !important;
	cursor: default;
	text-decoration: none;
}

/* Security pages keep the plain parchment, as the old site had no art for them */
.securitybox {
	width: 463px;
	margin-bottom: 4px;
	padding: 7px 9px;
	background: url('../images/metin2/empire-box-bg.jpg') no-repeat;
}
.securitybox p,
.securitybox-info p {
	margin: 5px 0 7px;
}
.securitybox ul {
	padding-left: 16px;
	list-style: square;
}
.securitybox img {
	display: block;
	margin: 6px auto;
}
.securitybox-info {
	width: 481px;
	margin-bottom: 6px;
}
em.highlighted {
	color: #7b1325;
	font-style: normal;
	font-weight: bold;
}
.section-title {
	margin: 10px 0 5px;
}

/* First steps, tutorials, gallery */
div[role="main"] a.tutorial-btn {
	box-sizing: border-box;
	color: #f1e6a6;
}
.tutorial-viewer {
	width: 481px;
	margin: 6px 0;
	text-align: center;
}
.tutorial-viewer img {
	display: block;
	margin: 0 auto 6px;
}
.tutorial-count {
	display: inline-block;
	min-width: 60px;
	font-weight: bold;
}
#lightbox {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 4000;
	display: none;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, .9);
	cursor: zoom-out;
}
#lightbox.open {
	display: flex;
}
#lightbox img {
	max-width: 92%;
	max-height: 92%;
	border: 2px solid #aa8551;
}
.gallerybox ul.wallpaper-links {
	padding: 0;
	list-style: none;
}
.empires-map img {
	max-width: none !important;
}

/* Bootstrap buttons as the old image buttons */
div[role="main"] .btn,
.modal .btn {
	box-sizing: border-box;
	display: inline-block;
	width: 130px;
	height: 20px;
	margin: 0;
	padding: 3px 14px 0 0;
	overflow: hidden;
	border: 0;
	border-radius: 0;
	background: url('../images/metin2/button-bg-2.gif') no-repeat 0 0;
	color: #dfbf8b;
	cursor: pointer;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	text-align: center;
	text-decoration: none;
	text-overflow: ellipsis;
	white-space: nowrap;
	vertical-align: middle;
	box-shadow: none;
}
div[role="main"] .btn:hover,
div[role="main"] .btn:focus,
.modal .btn:hover {
	background: url('../images/metin2/button-bg-2.gif') no-repeat 0 0;
	color: #fff;
	text-decoration: underline;
}
div[role="main"] .btn-danger,
.modal .btn-danger {
	filter: hue-rotate(320deg) saturate(2.2);
}
div[role="main"] .btn-success,
.modal .btn-success {
	filter: hue-rotate(60deg) saturate(1.6);
}
div[role="main"] .btn-warning {
	filter: hue-rotate(15deg) saturate(1.8);
}
div[role="main"] .btn.disabled,
div[role="main"] .btn:disabled {
	opacity: .55;
	cursor: default;
	text-decoration: none;
}
div[role="main"] .btn .fa {
	font-size: 10px;
}
div[role="main"] input.btn-lg.btn-block,
div[role="main"] button.btn-lg.btn-block {
	display: block;
	width: 287px;
	height: 38px;
	margin: 0 auto 12px;
	padding: 0;
	background: url('../images/metin2/btn-big.jpg') no-repeat 0 0;
	color: #dfbf8b;
	filter: none;
	font-size: 18px;
	line-height: 36px;
	text-shadow: -1px -1px #000;
	text-decoration: none;
}
div[role="main"] input.btn-lg.btn-block:hover,
div[role="main"] button.btn-lg.btn-block:hover {
	background: url('../images/metin2/btn-big.jpg') no-repeat 0 -38px;
	color: #fff;
}
div[role="main"] .input-group {
	align-items: center;
}
div[role="main"] .input-group-btn {
	padding-left: 6px;
	font-size: 0;
	vertical-align: middle;
	white-space: nowrap;
}

/* Fields and panels */
div[role="main"] .form-control,
div[role="main"] select,
.modal .form-control {
	height: 26px;
	padding: 2px 8px;
	border: 1px solid #622400;
	border-radius: 0;
	background: #cdb78b;
	color: #4a1e00;
	font-size: 12px;
	font-weight: bold;
}
div[role="main"] select[multiple],
div[role="main"] textarea.form-control {
	height: auto;
}
div[role="main"] .form-control:focus {
	border-color: #7b1325;
	box-shadow: 0 0 3px #7b1325;
}
div[role="main"] .form-control::placeholder {
	color: #7a6650;
	font-weight: normal;
}
div[role="main"] label {
	color: #4a1e00;
	font-size: 11px;
	font-weight: bold;
}
div[role="main"] .form-group {
	margin-bottom: 6px;
}
div[role="main"] .jumbotron,
div[role="main"] .card {
	width: 484px;
	margin-bottom: 8px;
	padding: 7px 9px !important;
	border: 1px solid #aa8551;
	border-radius: 0;
	background: url('../images/metin2/form-bg.jpg');
}
div[role="main"] .jumbotron p {
	margin-bottom: 3px;
}
div[role="main"] .jumbotron .row {
	align-items: center;
	margin-bottom: 4px;
}
div[role="main"] .jumbotron .container > br,
div[role="main"] .jumbotron > br {
	display: none;
}
div[role="main"] .card-header {
	margin: -7px -9px 7px;
	padding: 5px 9px;
	border-bottom: 1px solid #aa8551;
	border-radius: 0;
	background: rgba(123, 19, 37, .12);
}
div[role="main"] .card-block {
	padding: 0;
}

/* Tables, like the old ranking */
div[role="main"] .table {
	width: 484px;
	margin-bottom: 10px;
	border: 1px solid #81602d;
	border-collapse: separate;
	border-spacing: 0;
	background: transparent;
}
div[role="main"] .table th,
div[role="main"] .table td {
	padding: 5px 7px;
	border-width: 1px;
	border-style: solid;
	border-color: #fae5d0 #b79647 #b39164 #fae5d0;
	color: #8d0404;
	font-size: 11px;
	vertical-align: middle;
	word-break: break-word;
}
div[role="main"] .table thead th,
div[role="main"] .table thead.thead-inverse th {
	background: rgba(123, 19, 37, .12);
	color: #8d0404;
	font-weight: bold;
}
div[role="main"] .table tbody tr:nth-child(even) {
	background: url('../images/metin2/table-zebra.jpg');
}
div[role="main"] .table td img[src*="/empire/"] {
	width: auto;
	height: 16px;
}
div[role="main"] .table-hover tbody tr:hover {
	background-color: rgba(123, 19, 37, .1);
}

/* Stacked forms */
div[role="main"] form[role="form"] > .table {
	display: block;
	width: 484px;
	margin: 0 0 10px;
	padding: 12px 70px 6px;
	border: 1px solid #aa8551;
	background: url('../images/metin2/form-bg.jpg');
}
div[role="main"] form[role="form"] > .table tbody,
div[role="main"] form[role="form"] > .table tr {
	display: block;
	background: none;
}
div[role="main"] form[role="form"] > .table tr {
	margin-bottom: 6px;
}
div[role="main"] form[role="form"] > .table td {
	display: block;
	padding: 0;
	border: 0;
	background: none;
	color: #4a1e00;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
}
div[role="main"] form[role="form"] > .table td img {
	display: block;
	margin-bottom: 4px;
	border: 1px solid #622400;
}
div[role="main"] form[role="form"] > .table input.form-control[style*="height"] {
	height: 26px !important;
	font-size: 12px !important;
}
div[role="main"] form[role="form"] > .table .text-danger:empty {
	display: none;
}
div[role="main"] form[role="form"] > hr {
	display: none;
}

/* Tabs, lists, alerts, modals */
div[role="main"] .nav-tabs {
	width: 484px;
	margin-bottom: -1px;
	border-bottom: 1px solid #aa8551;
}
div[role="main"] .nav-tabs .nav-link {
	padding: 3px 9px;
	border-radius: 0;
	color: #7b1300;
	font-weight: bold;
}
div[role="main"] .nav-tabs .nav-link:hover {
	border-color: transparent transparent #aa8551;
	background: rgba(123, 19, 37, .08);
}
div[role="main"] .nav-tabs .nav-link.active {
	border-color: #aa8551 #aa8551 transparent;
	background: rgba(255, 244, 214, .5);
}
div[role="main"] .list-group {
	width: 484px;
}
div[role="main"] .list-group-item {
	padding: 5px 10px;
	border: 1px solid #c6ab74;
	border-radius: 0;
	background: rgba(255, 244, 214, .35);
	color: #3d2416;
}
div[role="main"] a.list-group-item:hover {
	background: rgba(123, 19, 37, .12);
}
div[role="main"] .list-group-item.active {
	border-color: #4d0703;
	background: #6c0c05;
	color: #fff;
}
div[role="main"] .list-group-item p {
	margin: 0;
}
div[role="main"] .alert {
	width: 484px;
	margin-bottom: 8px;
	padding: 6px 28px 6px 10px;
	border: 1px solid #aa8551;
	border-radius: 0;
	background: rgba(255, 244, 214, .5);
	color: #4a1e00;
	font-size: 11px;
	font-weight: bold;
}
div[role="main"] .alert-danger {
	border-color: #8d0404;
	background: rgba(141, 4, 4, .12);
	color: #7b1300;
}
div[role="main"] .alert-success {
	border-color: #3a6b1a;
	background: rgba(58, 107, 26, .14);
	color: #2a5a1a;
}
div[role="main"] .alert-dismissible .close {
	position: absolute;
	top: 2px;
	right: 6px;
}
.modal-content {
	border: 1px solid #622400;
	border-radius: 0;
	background: #e6d2a4;
	color: #3d2416;
}
.modal-header,
.modal-footer {
	border-color: #aa8551;
}
.modal-title {
	color: #7b1325;
	font-weight: bold;
}

/* Download */
.download-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 484px;
}
.download-item {
	margin: 6px 12px;
	text-align: center;
}
.download-item p {
	font-weight: bold;
}
a.download-client {
	display: block;
	width: 174px;
	height: 63px;
	background: url('../images/metin2/download-button-1.jpg') no-repeat;
	text-indent: -9999px;
}
a.download-client:hover {
	background-image: url('../images/metin2/download-button-1_h.jpg');
}

/* The original art is sized for content-box; Bootstrap switches everything to border-box. */
.about-inner-content,
.about-inner-content *,
.firststeps-inner-content,
.firststeps-inner-content *,
.empires-content,
.empires-content *,
.gallery-inner-content,
.gallery-inner-content *,
.tabs-nav,
.tabs-nav * {
	box-sizing: content-box;
}

/* Search row: field takes the room left by the fixed-width image button */
div[role="main"] .jumbotron form .row {
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 0;
}
div[role="main"] .row > .col-lg-9 {
	flex: 1 1 auto;
	width: auto;
	max-width: none;
}
div[role="main"] .row > .col-lg-3 {
	flex: 0 0 140px;
	width: 140px;
	max-width: 140px;
}

/* Spacing the original reset.css removed */
#header,
#header * {
	box-sizing: content-box;
}
div[role="main"] .content .tabs-nav {
	margin: 0 0 4px;
	padding: 0;
	list-style: none;
}

/* Security text has no side art to leave room for */
div[role="main"] .securitybox p,
div[role="main"] .securitybox h4,
div[role="main"] .securitybox-info p {
	width: auto;
}

/* Original homepage boxes */
.two-boxes,
.two-boxes *,
.screenshots,
.screenshots *,
.inner-content,
.inner-content * {
	box-sizing: content-box;
}
.two-boxes {
	margin-bottom: 0;
}
.video iframe {
	display: block;
}
.screenshots a {
	display: block;
}
.screenshots img {
	display: block;
}
div[role="main"] .box h2 {
	margin: 11px 0 0;
}
div[role="main"] .box p {
	margin: 0;
}
div[role="main"] .inner-content p {
	margin: 0;
}
div[role="main"] .inner-content ul {
	list-style: none;
}
div[role="main"] .inner-content ul li {
	font-size: 11px;
}
div[role="main"] .blogroll {
	padding-bottom: 4px;
}

/* Wallpaper links line up under their thumbnails */
.gallerybox ul.wallpaper-links {
	margin: 0 4px;
	padding: 0;
}

/* Logged-in header banner */
#userBox {
	position: relative;
	box-sizing: border-box;
	width: 534px;
	height: 92px;
	margin: 0;
	padding: 0;
}
#userBox .user-welcome {
	height: 22px;
	padding: 9px 0 0 22px;
	color: #f2e69f;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	text-shadow: 2px 2px 4px #000;
}
#userBox .user-welcome strong {
	color: #fff;
}
#userBox .header-box-nav-login {
	height: 25px;
	margin: 6px 0 0 12px;
}
#userBox .nav-box-btn {
	margin-left: 8px;
	width: 135px;
}
#userBox #regSteps {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	color: #f2e69f;
	font-weight: bold;
}
#userBox #regSteps b {
	color: #fff;
}

/* User panel */
.side-user {
	margin: 8px 12px 2px;
	color: #775555;
	line-height: 15px;
	text-align: center;
}
.side-user .offset {
	font-size: 13px;
}
.side-coins.form-score {
	margin: 4px 8px 6px 10px;
	padding: 0;
}
.side-coins ul li div {
	margin: 0;
	overflow: hidden;
}
.side-coins strong.right {
	float: right;
	margin-right: 6px;
	color: #8d0404;
}
.side-links {
	margin: 4px 12px 2px 14px;
	padding: 0;
}
.side-links li {
	padding: 0 0 7px 20px;
	background: url('../images/metin2/bullet.gif') no-repeat 0 0;
	line-height: 13px;
}
.side-links a {
	color: #4a1e00;
	font-weight: bold;
	text-decoration: none;
}
.side-links a:hover {
	color: #8d0404;
	text-decoration: underline;
}
.side-links .tag {
	display: block;
	margin-top: 2px;
	white-space: normal;
}
.col-3 .admin-level {
	margin: 4px 0 6px;
	color: #775555;
	font-size: 10px;
	text-align: center;
}

/* Framed forms */
div[role="main"] .inner-form-border {
	width: 430px;
	margin: 6px 0 12px 26px;
}
div[role="main"] .inner-form-box,
div[role="main"] .inner-form-box * {
	box-sizing: content-box;
}
div[role="main"] .inner-form-box h3 {
	margin: 0;
	color: #4a1e00;
	font-size: 18px;
	line-height: 22px;
}
div[role="main"] .inner-form-box h3 a {
	margin-top: 1px;
	color: #dfbf8b;
	font-size: 10px;
	font-weight: normal;
	line-height: 20px;
	text-decoration: none;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
div[role="main"] .inner-form-box h3 a:hover {
	color: #fff;
	text-decoration: underline;
}
div[role="main"] .inner-form-box .alert {
	box-sizing: border-box;
	width: auto;
	margin: 10px 0 0;
}
form.m2-form {
	width: 290px;
	margin: 15px auto 0;
}
form.m2-form .form-item {
	margin-bottom: 12px;
}
form.m2-form label {
	margin: 0 0 5px;
	font-size: 12px;
}
div[role="main"] form.m2-form input.form-control {
	box-sizing: border-box;
	width: 287px;
	height: 32px;
	padding: 5px 10px;
	border: 1px solid #622400;
	background: url('../images/metin2/form-input-bg.gif') repeat-x 0 0;
	color: #534236;
	font-size: 15px;
}
div[role="main"] form.m2-form input.form-control:focus {
	border-color: #8d0404;
	background-position: 0 -30px;
	box-shadow: none;
}
form.m2-form .captcha-img img {
	display: block;
	margin: 0 0 5px;
	border: 1px solid #622400;
}
form.m2-form .text-danger {
	margin: 3px 0 0;
	font-size: 11px;
}
form.m2-form .text-danger:empty {
	display: none;
}
div[role="main"] input.btn-big {
	display: block;
	width: 287px;
	height: 38px;
	margin: 18px auto 20px;
	padding: 0;
	border: 0;
	background: url('../images/metin2/btn-big.jpg') no-repeat 0 0;
	color: #dfbf8b;
	cursor: pointer;
	font-size: 18px;
	font-weight: bold;
	text-shadow: -1px -1px #000;
}
div[role="main"] input.btn-big:hover {
	background-position: 0 -38px;
	color: #fff;
}
div[role="main"] #subscribe {
	width: 287px;
	margin: 0 auto;
	text-align: center;
}
div[role="main"] #subscribe h3 {
	margin: 14px 0 0;
	height: auto;
}
div[role="main"] #subscribe p {
	margin: 8px 0 12px;
	font-size: 12px;
}
div[role="main"] a.btn-big {
	margin-bottom: 4px;
	color: #dfbf8b;
}
div[role="main"] a.btn-big:hover {
	color: #fff;
}

/* Account page */
div[role="main"] .administration-inner-content .input-data-box {
	margin-bottom: 10px;
}
div[role="main"] .administration-inner-content ul {
	margin: 4px 0 0 12px;
	padding: 0;
}
div[role="main"] .administration-inner-content ul li {
	padding-bottom: 11px;
	font-size: 12px;
}
div[role="main"] .administration-box {
	display: flex;
	align-items: center;
	width: auto;
	height: auto;
	margin: 0 0 6px 12px;
	padding: 0;
}
div[role="main"] .administration-box form {
	margin: 0;
}
div[role="main"] .administration-box p {
	float: none;
	margin: 0 0 0 10px;
	font-size: 11px;
}

/* Download page */
#download .download-inner-content h3 {
	margin: 4px 0 6px 10px;
}
#download .download-list {
	width: 484px;
}
#download .download-item {
	margin: 6px 20px;
}
#download .download-item .download-button-1 {
	float: none;
	margin: 0;
}
#download a#requirements {
	height: auto;
	margin: 12px 10px;
	background: none;
}
#download #required table {
	width: 380px;
	margin: 0 auto 10px;
}
#download #required caption {
	caption-side: top;
	padding: 0;
	color: #160400;
	text-align: center;
}
#download #required td {
	padding: 0 0 0 4px;
	vertical-align: top;
	font-size: 11px;
}
#download #required td.left_td {
	padding-left: 20px;
	width: 90px;
	white-space: nowrap;
}
#download #downloadText {
	width: 460px;
}

div[role="main"] .page-hd .subtitle {
	color: #775555;
	font-weight: bold;
}

/* Register: generated password */
form.m2-form .optional {
	color: #775555;
	font-weight: normal;
}
form.m2-form .reg-password-note {
	margin: 4px 0 0;
	color: #775555;
	font-size: 11px;
	line-height: 14px;
}
.reg-credentials {
	width: 320px;
	margin: 12px auto 0;
}
.reg-credentials p {
	margin: 0 0 8px;
	font-size: 12px;
}
div[role="main"] .reg-credentials ul {
	margin: 0 0 12px;
	padding: 0;
	list-style: none;
}
div[role="main"] .reg-credentials li {
	padding: 0 0 10px 20px;
	background: url('../images/metin2/bullet.gif') no-repeat 0 0;
	font-size: 13px;
}
.reg-credentials .offset {
	font-family: Consolas, "Courier New", monospace;
	font-size: 14px;
}
div[role="main"] .reg-credentials a.btn-big {
	margin: 0 auto 6px;
}

/* Submit buttons centre their own text; the top padding is only for links. */
div[role="main"] input.btn,
div[role="main"] button.btn,
.modal input.btn,
.modal button.btn {
	padding: 0 14px 2px 0;
	line-height: normal;
}
div[role="main"] a.btn,
.modal a.btn {
	padding: 0 14px 0 0;
	line-height: 19px;
}

/* Link lists (Wiki, page not found) */
div[role="main"] .inner-content ul.wiki-links {
	margin: 6px 0 0;
	padding: 0;
}
div[role="main"] ul.wiki-links li {
	padding: 0 0 11px 20px;
	background: url('../images/metin2/bullet.gif') no-repeat 0 0;
	font-size: 12px;
}
div[role="main"] ul.wiki-links a {
	color: #8d0404;
	font-weight: bold;
	text-decoration: none;
}
div[role="main"] ul.wiki-links a:hover {
	text-decoration: underline;
}

/* Single news article */
div[role="main"] .blog-article {
	padding-bottom: 10px;
}
div[role="main"] .blog-article .blog-title {
	margin-top: 4px;
	font-size: 15px;
}
div[role="main"] .blog-article .text p {
	margin-bottom: 8px;
	line-height: 15px;
}

/* Referrals */
div[role="main"] .referral-rules {
	margin: 12px 0 0;
	color: #4a1e00;
	text-align: center;
}
div[role="main"] .inner-form-box #copyButton {
	margin-bottom: 4px;
}

/* User panel coins: icon amount · icon amount */
.col-3 .side-coins {
	margin: 2px 0 8px;
	color: #8d0404;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.col-3 .side-coins span {
	margin: 0 3px;
	white-space: nowrap;
}
.col-3 .side-coins img {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: -3px;
}

/* User panel links use the menu plaques */
.col-3 .main-nav.side-nav {
	margin: 6px 0 0;
	padding: 0 0 4px;
}
.col-3 .side-user {
	margin: 8px 0 0;
}
.col-3 .admin-level {
	margin: 0 0 6px;
}
.col-3 .side-coins {
	margin-top: 10px;
}

/* News cards, as the original news box */
div[role="main"] .blogroll .blog-post {
	position: relative;
	box-sizing: border-box;
	width: 481px;
	margin: 0 0 10px;
	padding: 0 0 10px;
	border: 1px solid #c9a76a;
	background: url('../images/metin2/news-box-bg.jpg') no-repeat 0 0, url('../images/metin2/form-bg.jpg');
	overflow: hidden;
}
div[role="main"] .blogroll .news-head {
	height: 28px;
	margin: 0 0 8px;
	padding: 0 10px;
	border-bottom: 1px solid #c9a76a;
	line-height: 28px;
}
div[role="main"] .blogroll .blog-title {
	overflow: hidden;
	margin: 0;
	font-size: 12px;
	line-height: 28px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
div[role="main"] .blogroll .blog-title a {
	color: #7b1300;
	text-decoration: none;
}
div[role="main"] .blogroll .blog-title a:hover {
	text-decoration: underline;
}
div[role="main"] .blogroll .news-date {
	float: right;
	margin-left: 10px;
	color: #533a00;
	font-size: 11px;
	font-weight: bold;
}
div[role="main"] .blogroll .news-admin {
	float: right;
	margin-left: 8px;
	font-size: 12px;
}
div[role="main"] .blogroll .news-admin a {
	color: #8d0404;
}
div[role="main"] .blogroll .text {
	padding: 0 12px;
	font-size: 11px;
	line-height: 15px;
	text-align: justify;
}
div[role="main"] .blogroll .text p {
	margin: 0 0 6px;
}
div[role="main"] .blogroll .text ul {
	margin: 0 0 6px;
	padding: 0;
	list-style: none;
}
div[role="main"] .blogroll .text ul li {
	padding: 0 0 6px 20px;
	background: url('../images/metin2/bullet.gif') no-repeat 0 0;
	line-height: 14px;
}
div[role="main"] .blogroll .news-thumb {
	float: left;
	width: 104px;
	height: 79px;
	margin: 0 12px 4px 0;
	padding: 4px 0 0 4px;
	background: url('../images/metin2/screeshot-border-2.gif') no-repeat;
	box-sizing: content-box;
}
div[role="main"] .blogroll .news-thumb img {
	display: block;
	width: 100px;
	height: 75px;
	object-fit: cover;
}
div[role="main"] .blogroll .news-body {
	overflow: hidden;
	min-height: 83px;
}
.news-thumb-hint {
	color: #775555;
	font-size: 10px;
}
div[role="main"] .blogroll a.news-more {
	float: right;
	clear: both;
	margin: 2px 10px 0 0;
}

.text-white{
	color: #fff
}

/* Admin action button in a page title bar */
div[role="main"] h2 a.btn.title-btn {
	float: right;
	margin: 0 8px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #dfbf8b;
}
div[role="main"] h2 a.btn.title-btn:hover {
	color: #fff;
}