div.sizer
{
	position: fixed;
	top: 0;
	left: 0;
	height: 10px;
	width: 10px;
	background-color: black;
	z-index: 2000;
}

@media (min-width: 384px)
{
	div.sizer
	{
		background-color: blue;
	}
}

@media (min-width: 480px)
{
	div.sizer
	{
		background-color: green;
	}
}

@media (min-width: 768px)
{
	div.sizer
	{
		background-color: yellow;
	}
}

@media (min-width: 992px)
{
	div.sizer
	{
		background-color: orange;
	}
}

@media (min-width: 1200px)
{
	div.sizer
	{
		background-color: red;
	}
}

/* text-center for Bootstrap */

@media (max-width: 383px)
{
	.text-center-tn
	{
		text-align: center;
	}
}

@media (min-width: 384px) and (max-width: 479px)
{
	.text-center-xxs
	{
		text-align: center;
	}
}

@media (min-width: 479px)
{
	.text-center-xs
	{
		text-align: center;
	}
}

@media (min-width: 768px)
{
	.text-center-sm
	{
		text-align: center;
	}
}

@media (max-width: 768px)
{
	.text-center-sm-max
	{
		text-align: center;
	}
}

@media (min-width: 992px)
{
	.text-center-md
	{
		text-align: center;
	}
}

@media (max-width: 992px)
{
	.text-center-md-max
	{
		text-align: center;
	}
}

@media (min-width: 1200px)
{
	.text-center-lg
	{
		text-align: center;
	}
}

/* Global styles */

html
{
	position: relative;
	min-height: 100%;
	background: #f3f3f3 url("../media/common/footerBg.jpg");
}

body
{
	color: #000;
	background: #C39160 url("../media/common/bg.jpg");
	overflow-x: hidden;
}

h1
{
	font-size: 20px;
}

h2
{
	font-size: 20px;
}

h3
{
	margin: 6px 0 19px 0;
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}

h3:first-child
{
	margin-top: 3px;
}

textarea
{
	max-width: 100%;
	min-width: 200px;
	max-height: 120px;
	min-height: 40px;
}

.form-control
{
	color: #000;
}

.form-control:focus,
.form-control:active,
textarea,
input [type="password"]:focus,
input [type="text"]:focus
{
	border-color: rgba(206, 147, 46, 1);
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(206, 147, 46, .075), 0 0 8px rgba(206, 147, 46, 0.6);
	box-shadow: inset 0 1px 1px rgba(206, 147, 46, .075), 0 0 8px rgba(206, 147, 46, 0.6);
}

a:focus
{
	outline: none;
	color: #b73333;
}

a
{
	color: #b73333;
}

a:hover
{
	color: #e33e3e;
}

a:active
{
	color: #f65858;
}

.list-group-item:first-child
{
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.list-group-item:last-child
{
	margin-bottom: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.list-group > .active
{
	background: #825780;
	border: #825780;
}

.list-group > .active
{
	background: #825780;
	border: #825780;
}

.modal-list-group .list-group-item
{
	color: #fff;
	background-color: transparent;
}

.dropdown-menu
{
	z-index: 2000;
}

.alert
{
	padding-top: 10px;
	padding-left: 0;
}

.alert-success
{
	background-color: #e5ffe5;
	border-color: #cec;
	color: #257e25;
}

.alert-danger
{
	background-color: #ffe4e4;
}

.main-container
{
	position: relative;
}

.well
{
	border-radius: 0;
}

.center-block
{
	float: none;
}

.margin-top-md
{
	margin-top: 15px;
}

.margin-top-lg
{
	margin-top: 40px;
}

@media (max-width: 480px)
{
	.margin-top-md-tn
	{
		margin-top: 15px;
	}
}

@media (max-width: 480px)
{
	.margin-top-sm
	{
		margin-top: 16px;
	}
}

.margin-top-xs
{
	margin-top: 10px;
}

.margin-top-tn
{
	margin-top: 5px;
}

.margin-right-tn
{
	margin-right: 5px;
}

.margin-left-tn
{
	margin-left: 5px;
}

.margin-left-xxs
{
	margin-left: 10px;
}

.no-margin
{
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
	margin-left: 0;
}

@media (max-width: 767px)
{
	.no-margin-xxs
	{
		padding-left: 0;
		padding-right: 0;
		margin-right: 0;
		margin-left: 0;
	}
}

.no-margin-tb
{
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}

@media (max-width: 992px)
{
	.padding-top-xs-md
	{
		padding-top: 10px;
	}
}

.btn:focus, .btn:active:focus, .btn.active:focus
{
	outline: 0 none;
}

.help-block
{
	color: #000;
}

.alert-fit
{
	margin-bottom: 0;
	margin-left: 10px;
	padding: 4px 6px;
	display: inline-block;
	text-align: left;
}

@media (max-width: 992px)
{
	.alert-fit
	{
		margin-top: 10px;
	}
}

.input-md
{
	height: 30px;
}

.help-offset
{
	margin-top: 5px;
	margin-bottom: 15px;
}

.form-group-margin
{
	margin-bottom: 0;
}

.alert-top
{
	margin-bottom: 20px;
}

.btn-generic
{
	background-image: linear-gradient(#fffefd, #f9ebdb);
	border: #e7d9ca 1px solid;
	color: #7E5930;
}

.btn-generic:hover,
.btn-generic:focus
{
	background-image: linear-gradient(#fffdfa, #f6e1c9);
	border: #d2baa0 1px solid;
	color: #563613;
}

.btn-generic:active,
.btn-generic.active
{
	background-image: linear-gradient(#f6e1c9, #fffdfa);
	border: #d2baa0 1px solid;
	color: #563613;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

@media (max-width: 380px)
{
	.btn-generic.btn-margin
	{
		margin-top: 10px;
	}
}

.btn-fix > .btn-generic:first-child
{
	margin-right: 0;
}

.btn-form:active
{
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-form
{
	background-image: linear-gradient(#ffffff, #f0f0f0);
	border: #cecece 1px solid;
	color: #555;
}

.btn-form:hover,
.btn-form:focus
{
	background-image: linear-gradient(#fbfafa, #e0dddd);
	border: #afaba9 1px solid;
	color: #333;
}

.btn-form:active,
.btn-form.active
{
	background-image: linear-gradient(#e0dddd, #fbfafa);
	border: #afaba9 1px solid;
	color: #333;
}

.btn-form.dropdown-toggle
{
	color: #555;
}

@media (max-width: 380px)
{
	.btn-form.btn-margin
	{
		margin-top: 10px;
	}
}

.btn-fix > .btn-form:first-child
{
	margin-right: 0;
}

.input-group-btn
{
	width: initial;
}

.btn-send-complaint:active,
.btn-delete:active
{
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-send-complaint,
.btn-delete
{
	background-image: linear-gradient(#fff2f0, #ffcdbe);
	border: #e9bebb 1px solid;
	color: #871E1E;
}

.btn-send-complaint:hover,
.btn-send-complaint:focus,
.btn-delete:hover,
.btn-delete:focus
{
	background: #f06256 linear-gradient(to bottom, #f06256 5%, #c5392c 100%);
	border: 1px solid #d02718;
	color: #fff;
}

.btn-send-complaint:active,
.btn-delete:active
{
	background: #c62d1f linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	border: 1px solid #d02718;
	color: #fff;
}

.btn-share
{
	background: #ffd379 linear-gradient(to bottom, #fffee1 5%, #ffd379 100%);
	border: 1px solid #d8bea5;
	color: #7A5814;
}

.btn-share:hover,
.btn-share:focus
{
	background: #ffd47b linear-gradient(to bottom, #fffca6 5%, #ffbf3b 100%);
	border: 1px solid #cb9a6a;
	color: #453006;
}

.btn-share:active
{
	background: #ffd47b linear-gradient(to bottom, #ffbf3b 5%, #fffca6 100%);
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	color: #453006;
}

@media (max-width: 480px)
{
	.tutorial-page .btn-share
	{
		margin-top: 8px;
	}
}

#get-spinner
{
	margin-top: 15px;
}

.spinner
{
	display: inline-block;
	margin-left: 5px;
	vertical-align: middle;
}

.cssload-container
{
	width: 100%;
	height: 16px;
	text-align: center;
}

.cssload-zenith-outer
{
	position: relative;
	width: 16px;
	height: 16px;
	margin: 0 auto;
	border-radius: 50%;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	box-shadow: #fbff00 1px 1px 3px 0;
	animation: cssload-spin-outer 1500ms infinite linear;
}

.cssload-zenith-inner
{
	position: relative;
	top: -16px;
	width: 16px;
	height: 16px;
	margin: 0 auto;
	border-radius: 50%;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	box-shadow: #ff0000 1px 1px 3px -1px inset;
	animation: cssload-spin-inner 1500ms infinite linear;
}

@keyframes cssload-spin-outer
{
	100%
	{
		transform: rotate(360deg);
	}
}

@keyframes cssload-spin-inner
{
	0%
	{
		transform: rotate(180deg);
	}
	100%
	{
		transform: rotate(540deg);
	}
}

.magnifier .image, .magnifier.fenka-image
{
	cursor: pointer;
}

.no-bottom-margin
{
	margin-bottom: 0;
}

.col-centered
{
	float: none;
	margin: 0 auto;
}

.uploaded-img
{
	max-width: 100%;
	max-height: 500px;
}

.col-pad
{
	padding-right: 6px;
}

.col-pad-marg
{
	padding: 10px;
	margin: 10px;
}

.column-padding
{
	padding-left: 0;
}

.inline-icon
{
	margin-right: 3px;
	height: 16px;
}

.item-container
{
	border: #d2d2d2 1px solid;
	-webkit-box-shadow: 0 1px 6px -3px rgba(0, 0, 0, 1);
	box-shadow: 0 1px 6px -3px rgba(0, 0, 0, 1);
	padding: 3px;
	box-sizing: initial;
}

@-moz-document url-prefix()
{
	.item-container
	{
		box-shadow: 0 1px 6px -5px rgba(0, 0, 0, 1);
	}
}

/* Ads */

.offer-col
{
	padding: 15px;
}

.offer-row
{
	margin-top: 15px;
	margin-right: 0;
}

.offer-well
{
	padding: 0;
	background-image: url("../media/common/schild.jpg");
	box-shadow: 0 1px 3px -1px rgb(134, 72, 43);
	border: 0;
	border-radius: 4px;
}

.offer-pad
{
	padding: 5px;
}

@media (min-width: 1200px)
{
	.offer-container
	{
		top: 0;
		left: -17px;
	}
}

@media (min-width: 992px)
{
	.offer-container
	{
		top: 0;
		left: -51px;
	}
}

@media (min-width: 768px)
{
	.offer-container
	{
		top: 0;
		left: -74px;
	}
}

.offer-container .offer-block
{
	position: relative;
	left: 24px;
	top: 58px;
	width: 228px;
	height: 408px;
}

/* Home page */

.heading-text
{
	font-size: 20px;
}

/* Navbar */
@media (max-width: 384px)
{
	.navbar-collapse
	{
		background-color: #000;
	}
}

.navbar
{
	border-radius: 0;
	background-color: transparent;
	margin: 0;
	border: none;
}

.navbar-default
{
	border-color: transparent;
}

.navbar-default .navbar-nav > li > a
{
	color: #fff;
	text-shadow: rgba(0, 0, 0, 0.67) 0 1px 1px;
}

.navbar-default .navbar-toggle .icon-bar
{
	background-color: #fff1c1;
	text-shadow: rgba(0, 0, 0, 0.333) 0 1px 1px;
}

.navbar-collapse
{
	-webkit-box-shadow: none;
	box-shadow: none;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form
{
	border: none;
}

.header-bkgrnd
{
	background: url("../media/common/headerLeftBg.png") left top no-repeat, url("../media/common/headerRightBg.png") right top no-repeat, url("../media/common/headerCenterBg.png") repeat-x content-box;
	padding: 0 43px 0 68px;
}

@media (max-width: 768px)
{
	.header-bkgrnd
	{
		position: relative;
		background: url("../media/common/headerCenterBg.png") repeat-x padding-box;
		padding: 0 10px;
		top: -2px;
	}
}

.navbar-toggle
{
	position: relative;
	float: right;
	padding: 9px 10px;
	margin: 7px 15px 0 10px;
	background: transparent none;
	border: 1px solid transparent;
	border-radius: 4px;
}

.navbar-toggle .language-mobile-button
{
	display: block;
	width: 22px;
	height: 14px;
	border-radius: 1px;
}

.navbar-toggle-button
{
	margin-left: 5px;
}

.navbar-brand
{
	position: relative;
}

.logo
{
	padding: 0;
}

.brand-logo
{
	position: absolute;
}

.logo-text
{
	position: absolute;
	top: 7px;
	left: 75px;
}

.language-flag
{
	padding-right: 5px;
}

@media (max-width: 767px)
{
	.mobile-devices
	{
		display: none;
	}
}

@media (max-width: 767px)
{
	.nav .mobile-devices
	{
		position: relative;
		display: none;
	}
}

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus
{
	color: #fff;
}

.header-menu-item-active
{
	border-image: url("../media/common/headerItemCurrent.png") round;
	border-image-slice: 0 14 0 14 fill;
	border-image-width: 0 14px 0 14px;
}

@media (min-width: 768px)
{
	.header-menu-item:hover
	{
		border-image: url("../media/common/headerItemHover.png") round;
		border-image-slice: 0 14 0 14 fill;
		border-image-width: 0 14px 0 14px;
	}
}

@media (max-width: 767px)
{
	.header-menu-item
	{
		border-image: url("../media/common/headerItemCurrent.png") round;
		border-image-slice: 0 14 0 14 fill;
		border-image-width: 0 14px 0 14px;
		z-index: 99999;
	}
}

@media (min-width: 767px)
{
	.header-menu-item-li .current
	{
		border-image: url("../media/common/headerItemCurrent.png") round;
		border-image-slice: 0 14 0 14 fill;
		border-image-width: 0 14px 0 14px;
	}
}

@media (min-width: 768px)
{
	.header-menu-item-li:hover
	{
		border-image: url("../media/common/headerItemHover.png") round;
		border-image-slice: 0 14 0 14 fill;
		border-image-width: 0 14px 0 14px;
	}
}

@media (max-width: 767px)
{
	.header-menu-item-li
	{
		border-image: none;
		padding-right: 10px;
		padding-top: 5px;
	}
}

@media (max-width: 767px)
{
	.opened-navbar
	{
		background-image: url("../media/common/popupMenu.jpg");
		color: #000;
		box-shadow: inset 0 2px 3px -1px #000, 0 3px 8px -3px #000;
		width: 300px;
		float: right;
	}

	.navbar-header
	{
		height: 44px;
	}

	.navbar-default .navbar-nav > li > a
	{
		color: #432902;
		text-shadow: none;
		margin-left: 10px;
	}

	.navbar-default .navbar-nav > li > a:hover
	{
		color: #432902;
	}

	.navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:focus
	{
		color: #432902;
		background-color: rgba(255, 255, 255, 0.33);
		border-radius: 3px;
	}
}

@media (max-width: 384px)
{
	.opened-navbar
	{
		background-image: url("../media/common/popupMenu.jpg");
		color: #432902;
		box-shadow: inset 0 2px 3px -1px #000, 0 3px 8px -3px #000;
		width: 200px;
		float: right;
	}

	.navbar-header
	{
		height: 44px;
	}

	.navbar-default .navbar-nav > li > a
	{
		color: #432902;
		text-shadow: none;
		margin-left: 10px;
	}

	.navbar-default .navbar-nav > li > a:hover
	{
		color: #432902;
	}

	.navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:focus
	{
		color: #432902;
		background-color: rgba(255, 255, 255, 0.33);
		border-radius: 3px;
	}
}

@media (max-width: 767px)
{
	.header-menu-item
	{
		border-image-outset: 7px 4px 8px 4px;
	}
}

@media (max-width: 767px)
{
	body
	{
		padding-top: 1px;
	}

	.main-container
	{
		margin-top: 51px;
	}

	.navbar-default
	{
		position: fixed;
		z-index: 1030;
		right: 0;
		left: 0;
		border-radius: 0;
		top: 0;
	}
}

.navbar-toggle .header-menu-icon
{
	display: block;
	width: 22px;
	color: #fff1c1;
	text-shadow: rgba(0, 0, 0, 0.333) 0 1px 1px;
}

.navbar-toggle .language-button
{
	display: block;
	margin-bottom: -2px;
}

.navbar-toggle .language-button .icon16
{
	margin-right: 0;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse
{
	margin-right: -10px;
}

.button-margin
{
	margin-left: 0;
	margin-right: 5px;
}

.menu-button-margin
{
	margin-left: 5px;
	margin-right: 5px;
}

/* Navbar-Menu Animation */

.collapsing-delay
{
	-webkit-transition-delay: 0.5s !important;
	transition-delay: 0.5s !important;
}

.animated
{
	animation-duration: 0.5s;
	animation-fill-mode: both;
}

@keyframes fadeIn
{
	from
	{
		opacity: 0;
	}

	to
	{
		opacity: 1;
	}
}

.fadeIn
{
	animation-name: fadeIn;
}

@keyframes fadeInDown
{
	from
	{
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}

	to
	{
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeOut
{
	from
	{
		opacity: 1;
	}

	to
	{
		opacity: 0;
	}
}

.fadeOut
{
	animation-name: fadeOut;
}

/* Content */

.col-content
{
	min-height: 20px;
	padding: 19px 19px 39px 19px;
	margin-top: -4px;
	background: #fff content-box;
	border-image: url("../media/common/contentBox.png") round;
	border-image-width: 0 31.5px 33.75px 31.5px;
	border-image-slice: 0 42 37 42 fill;
	border-image-outset: 0 24.75px 0 24.75px;
}

.content-header
{
	font-weight: bold;
	text-align: center;
	overflow: hidden;
	height: 54px;
	padding: 0 21px 0 14px;
	z-index: 1;
	color: #955d4e;
	font-size: 13pt;
	text-shadow: #fbcbbe 0 1px 1px;
	border-image: url("../media/common/contentHeader.png") round;
	border-image-slice: 0 42 0 45 fill;
	border-image-width: 0 42px 0 45px;
	border-image-outset: 0 19px 0 22px;
}

.content-header-title-wrapper
{
	display: table;
	width: 100%;
	height: 100%;
	white-space: nowrap;
}

.content-header-title
{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

@media (max-width: 767px)
{
	.content-header
	{
		border-radius: 0;
	}
}

/* Sidebar */

.sidebar-menu .list-group-item
{
	background: none;
	border: 2px solid transparent;
	border-image: url("../media/common/menuItemBorder.png") 100 100 repeat;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	padding: 7px 0;
	color: #797438;
}

.sidebar-menu .list-group-item:last-child,
.sidebar-menu .list-group-item:first-child
{
	border: none;
}

.list-group-item > .menu-item-badges > .badge + .badge
{
	margin-right: -5px;
}

.list-group-item > .menu-item-badges > .badge
{
	float: right;
}

.sidebar-menu a.list-group-item
{
	padding-left: 10px;
	margin-left: -10px;
}

.sidebar-menu a.list-group-item:hover,
.sidebar-menu a.list-group-item:focus
{
	background: transparent center url("../media/common/menuItem.png") no-repeat;
	background-size: 100% 100%;
	color: #000;
}

.sidebar-menu a.list-group-item.separator
{
	padding-top: 2px;
	padding-bottom: 2px;
	background: rgba(180, 120, 30, 0.05);
	color: #a18264;
	font-size: 0.9em;
	text-align: center;
	cursor: default;
}

.align-menu
{
	text-align: center;
}

.btn .badge
{
	position: absolute;
	top: -21px;
	right: -12px;
	padding: 11px 7px;
	background-repeat: no-repeat;
}

.gallery-item .badge
{
	position: absolute;
	left: 0;
	padding: 0;
	background-repeat: no-repeat;
}

.badge
{
	display: inline-block;
	min-width: 29px;
	min-height: 33px;
	max-height: 33px;
	background-size: 100% 100%;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	line-height: 1;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
	background-color: transparent;
	border-radius: 3px;
}

.menu-item-badges
{
	float: right;
	height: 12px;
}

.notif-counter.counter
{
	background-size: 100% 100%;
	min-width: 29px;
	height: 33px;
	position: relative;
	top: -7px;
	padding: 10px 8px;
}

.badge-container
{
	position: relative;
	display: inline-block;
	width: 20px;
	height: 0;
}

.message-user
{
	background-image: url("../media/common/counterMessageUser.png");
}

.message-system
{
	background-image: url("../media/common/counterMessageSystem.png");
}

.fenka-received
{
	background-image: url("../media/common/counterFenkaReceived.png");
}

.fenka-sent
{
	background-image: url("../media/common/counterFenkaSent.png");
}

.tutorial-approve
{
	background-image: url("../media/common/counterTutorialApprove.png");
}

.tutorial-advice
{
	background-image: url("../media/common/counterTutorialAdvice.png");
}

.tutorial-reject
{
	background-image: url("../media/common/counterTutorialReject.png");
}

.tutorial-update
{
	background-image: url("../media/common/counterTutorialReview.png");
}

.sidebar-menu
{
	padding: 8px 12px 16px 12px;
	border-image: url("../media/common/menuBg.png") round;
	border-image-slice: 26 30 36 66 fill;
	border-image-width: 26px 30px 36px 66px;
	border-image-outset: 0 0 0 35px;
}

@media (max-width: 767px)
{
	.sidebar-menu
	{
		padding: 8px 12px 16px 12px;
		border-image: none;
		background-image: url("../media/common/popupMenu.jpg");
		box-shadow: 0 3px 8px -3px #000;
	}

	.sidebar-menu .list-group-item
	{
		background: none;
		border: 2px solid transparent;
		border-image: url("../media/common/menuItemBorder2.png") 100 100 repeat;
		border-left: 0;
		border-right: 0;
		border-top: 0;
		padding: 7px 0;
		color: #432902;
	}
}

#close-hiraku .glyphicon-remove
{
	font-size: 20px;
	margin-left: 10px;
	color: #432902;
}

/* Modals */

.modal.fade .modal-dialog
{
	-webkit-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
	-webkit-transition: -webkit-all 0.2s ease-in-out;
	-o-transition: -o-all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.modal.in .modal-dialog
{
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.fade
{
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-out;
	-o-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

.modal-content
{
	padding: 16px 26px 24px 26px;
	border-image: url("../media/common/embroideryBrownieBox.png") round;
	border-image-slice: 26 42 30 31 fill;
	border-image-width: 26px 42px 30px 31px;
	background: none;
	color: #fff;
	box-shadow: none;
}

.modal-content a
{
	color: #fffbab;
}

.modal-content a:hover
{
	color: #fff;
}

.modal-content-btn
{
	background: linear-gradient(rgba(255, 227, 159, 0.8), rgba(255, 212, 108, 0.8));
	border: #543B2D 1px solid;
	color: #000;
}

.modal-content-btn:hover
{
	background: linear-gradient(rgba(245, 206, 112, 0.8), rgba(254, 187, 24, 0.8));
	border: #543B2D 1px solid;
	color: #000;
}

.modal-content-btn:active
{
	background: linear-gradient(rgba(254, 187, 24, 0.8), rgba(245, 206, 112, 0.8));
	border: #543B2D 1px solid;
	color: #000;
}

.modal-complaint-btn
{
	background: #f06256 linear-gradient(to bottom, #f06256 5%, #c5392c 100%);
	border: #543B2D 1px solid;
	color: #fff;
}

.modal-complaint-btn:hover
{
	background: #f06256 linear-gradient(to bottom, #f55b4e 5%, #bd2c1f 100%);
	border: #543B2D 1px solid;
	color: #fff;
}

.modal-complaint-btn:active
{
	background: #f06256 linear-gradient(to bottom, #bd2c1f 5%, #f55b4e 100%);
	border: #543B2D 1px solid;
	color: #fff;
}

.modal-complaint-btn:focus
{
	color: #fff;
}

.modal-header
{
	padding-top: 10px;
	padding-bottom: 0;
	border-bottom: 0;
	text-align: center;
}

.modal-list-group .list-group-item:hover
{
	background-color: rgba(0, 0, 0, 0.15);
	border-radius: 3px;
}

.modal-list-group .list-group-item:focus, .modal-list-group .list-group-item:active
{
	background-color: rgba(0, 0, 0, 0.15);
	color: unset;
}

@media (min-width: 768px)
{
	.modal-list-group
	{
		padding: 0;
		margin: 0;
	}

	.modal-list-group .list-group-item
	{
		border: 0;
		padding: 3px;
	}
}

@media (min-width: 1200px)
{
	.modal-list-group
	{
		padding: 0;
		margin: 0;
	}

	.modal-list-group .list-group-item
	{
		border: 0;
		padding: 4px 3px;
	}
}

@media (max-width: 767px)
{
	.modal-list-group
	{
		padding: 0;
		margin: 0;
	}

	.modal-list-group .list-group-item
	{
		border: 0;
		padding: 20px;
	}
}

@media (max-width: 767px)
{
	.modal-list-group
	{
		padding: 0;
		margin: 0;
	}

	.modal-list-group .list-group-item.modal-list
	{
		border: 0;
		padding: 0;
	}
}

.modal-close
{
	background-image: url("../media/common/modalCloseButton.png");
	width: 45px;
	height: 45px;
}

.modal-list-group .modal-label:hover
{
	background-color: transparent;
	border-radius: 3px;
}

.modal-list-group .modal-label:focus, .modal-list-group .modal-label:active
{
	background-color: unset;
	color: unset;
}

@media (min-width: 768px)
{
	.modal-list-group
	{
		padding: 0;
		margin: 0;
	}

	.modal-list-group .modal-label
	{
		border: 0;
		padding: 3px;
		display: block;
		margin: 0;
	}
}

@media (min-width: 1200px)
{
	.modal-list-group
	{
		padding: 0;
		margin: 0;
	}

	.modal-list-group .modal-label
	{
		border: 0;
		padding: 4px 3px;
		display: block;
		margin: 0;
	}
}

@media (max-width: 767px)
{
	.modal-list-group
	{
		padding: 0;
		margin: 0;
	}

	.modal-list-group .modal-label
	{
		border: 0;
		padding: 20px;
		display: block;
		margin: 0;
	}
}

.modal-header .close
{
	position: absolute;
	top: -4px;
	right: -4px;
}

.close
{
	opacity: 1;
}

.close:hover,
.close:focus
{
	opacity: 1;
	transform: rotate(-10deg);
	outline: none;
}

/* Footer */

.footer1
{
	padding: 51px 0 0 0;
	background: url("../media/common/footerBg.jpg") content-box;
	border-image: url("../media/common/footerHeadBg.png") repeat;
	border-image-width: 51px 0 0 0;
	border-image-slice: 51 0 0 0 fill;
	color: #fff;
}

.footer1 .container .footer-text
{
	padding: 16px 26px 24px 26px;
	border-image: url("../media/common/embroideryBrownieBox.png");
	border-image-slice: 26 42 30 31 fill;
	border-image-width: 26px 42px 30px 31px;
	border-image-repeat: round;
}

.footer-bottom
{
	width: 100%;
	min-height: 50px;
	background-image: url("../media/common/footerBottomBg.png");
}

.footer-bottom-text
{
	color: #fff;
	text-align: center;
	margin-top: 22px;
	font-weight: bold;
	text-shadow: #000 0 0 2px;
}

.footer-bottom-links
{
	text-align: center;
	font-weight: bold;
	text-shadow: #000 0 0 2px;
	background: rgba(48, 66, 114, 0.67);
	box-shadow: rgba(48, 66, 114, 0.67) 0 0 8px 4px;
	border-radius: 8px;
	margin-top: 5px;
	margin-bottom: 10px;
	display: inline-block;
}

.footer-bottom-text span
{
	padding: 0;
	background: rgba(20, 35, 77, 0.67);
	box-shadow: rgba(20, 35, 77, 0.67) 0 0 3px 1px;
	color: #f9f2d2;
}

.footer-bottom-links a
{
	display: inline-block;
	margin-right: 10px;
	margin-left: 10px;
	color: #fff;
	white-space: nowrap;
}

.liru
{
	display: inline-block;
	margin-bottom: 20px;
	box-shadow: 0 1px 4px -1px #000;
}

.social-icons
{
	text-align: right;
}

.social-icons .social-icon
{
	display: inline-block;
	width: 101px;
	height: 100px;
}

.social-icons .social-icon:hover
{
	filter: brightness(115%);
}

.social-icons .social-icon.vk
{
	background: url("../media/common/mediaButtonVk.png") no-repeat;
}

.social-icons .social-icon.twitter
{
	background: url("../media/common/mediaButtonTwitter.png") no-repeat;
}

.social-icons .social-icon.facebook
{
	background: url("../media/common/mediaButtonFacebook.png") no-repeat;
}

@media (max-width: 480px)
{
	.social-icons
	{
		margin-top: 15px;
	}
}

.social-icons .social-icon:active
{
	filter: brightness(125%);
}

/* Profile */

#map
{
	height: 255px;
	width: 100%;
}

.map .leaflet-bar
{
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5);
}

@-moz-document url-prefix()
{
	.map .leaflet-bar
	{
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45);
	}
}

.map .leaflet-left .leaflet-control
{
	margin-left: 1px;
}

.map .leaflet-top .leaflet-control
{
	margin-top: 1px;
}

.map-container
{
	margin-bottom: 18px;
}

.stats-block
{
	display: block !important;
}

.stats
{
	padding: 6px 3px;
}

.stats-table
{
	box-sizing: border-box;
	display: table;
	margin: 0;
	min-width: 100%;
	padding: 4px;
	table-layout: auto;
}

ul.stats-table
{
	list-style: outside none none;
	margin: 0;
	padding: 0;
}

.stats-table-cell
{
	display: table-cell;
	padding: 0;
	vertical-align: top;
	text-align: center;
	min-width: 100px;
}

.stats-table-cell:hover
{
	background: rgba(255, 255, 255, 0.4);
	border-radius: 8px;
}

.stats-table-cell.no-hover:hover
{
	background: none;
}

.stats-table-cell:active
{
	background: rgba(255, 255, 255, 0.6);
	border-radius: 8px;
}

.stats-table-cell a:focus,
.stats-table-cell a:hover,
.stats-table-cell a:active
{
	text-decoration: none;
	outline: 0;
}

.stats-number
{
	display: block;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	outline: 0;
}

.stats-label
{
	color: #000;
	font-size: 16px;
	letter-spacing: 0.02em;
	text-align: center;
	overflow: hidden;
}

.about-user
{
	padding-top: 8px;
}

.stats-well
{
	padding: 0;
	background-image: url("../media/common/schild.jpg");
	box-shadow: 0 1px 3px -1px rgb(134, 72, 43);
	border: 0;
	border-radius: 10px;
}

.stats-col
{
	padding-top: 10px;
}

@media (max-width: 480px)
{
	.center-image
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 10px;
	}
}

@media (max-width: 384px)
{
	.center-image
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 10px;
	}
}

.profile-ban-list
{
	text-align: left;
	padding: 0;
}

.profile-ban-icon
{
	text-align: right;
	padding: 0;
	margin-right: 0;
	color: #902C2A;
}

.profile-ban
{
	font-weight: bold;
	color: #902C2A;
}

.profile-ban-reason
{
	font-size: 12px;
	color: #a94442;
}

.profile-ban-till
{
	color: #a94442;
	font-size: 12px;
}

.profile-ban-column
{
	margin: 0;
	padding: 0;
}

.ban-table
{
	display: table;
	margin-top: 8px;
}

.ban-table-cell
{
	display: table-cell;
	padding-right: 5px;
	color: #f30000;
}

.ban-table-cell p
{
	margin-bottom: 0;
}

.user-profile
{
	display: inline-block;
}

.user-profile .user
{
	font-size: 18px;
	display: inline-block;
}

div.info
{
	overflow-wrap: break-word;
}

.user-profile .info
{
	padding: 0 0 2px 6px;
}

.user-profile .info:last-child
{
	padding-bottom: 0;
}

.user-profile .line
{
	display: block;
	max-width: 100%;
}

.user-profile .language
{
	display: inline-block;
	padding-right: 6px;
	margin-top: -3px;
}

.user-avatar
{
	vertical-align: top;
	display: inline-block;
}

.profile-avatar
{
	display: inline-block;
	background: #fff;
	height: 128px;
	width: 128px;
}

.userListItem
{
	display: block;
	margin-bottom: 8px;
}

.userListItem:last-child
{
	margin-bottom: 0;
}

.userListItem .user-profile .user
{
	font-size: 14px;
	font-weight: bold;
}

.userListItem .user-profile .age
{
	color: #666;
}

.userListItem .profile-avatar
{
	height: 82px;
	width: 82px;
}

.userListItem .icon16
{
	margin-right: 4px;
}

.userListItem .count
{
	font-weight: bold;
	color: #000;
}

.userListItem .count.zero
{
	font-weight: normal;
	color: #aaa;
}

@media (max-width: 384px)
{
	.userListItem .profile-avatar
	{
		height: 24px;
		width: 24px;
	}
}

@media (max-width: 480px)
{
	.users-page .user-list
	{
		padding-left: 2px;
		padding-right: 2px;
	}
}

.user-width
{
	max-width: 70%;
}

@media (max-width: 384px)
{
	.user-width.for-detail
	{
		max-width: 65%;
	}
}

@media (min-width: 384px)
{
	.user-width.for-detail
	{
		max-width: 65%;
	}
}

@media (max-width: 384px)
{
	.user-width
	{
		max-width: 100%;
	}
}

@media (max-width: 480px)
{
	.user-width
	{
		max-width: 100%;
	}
}

@media (min-width: 481px)
{
	.user-width
	{
		max-width: 69%;
	}
}

@media (min-width: 768px)
{
	.user-width
	{
		max-width: 70%;
	}
}

@media (min-width: 992px)
{
	.user-width
	{
		max-width: 70%;
	}
}

@media (min-width: 1200px)
{
	.user-width
	{
		max-width: 74%;
	}
}

.user-status
{
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin-bottom: -1px;
	margin-right: 2px;
}

.user-status.online
{
	background: #0f0;
	box-shadow: #000 1px 2px 5px -4px inset, #0F0 0 0 7px -1px;
}

.user-status.offline
{
	background: #eee;
	box-shadow: #000 1px 2px 6px -4px inset, #DBDBDB 0 0 7px -2px;
}

.send-fenka-list
{
	padding: 0;
	margin-left: 15px;
}

/* Settings */

.tab-content
{
	padding-top: 20px;
}

.nav-tabs
{
	border-bottom: 1px solid #dddddd;
	background: linear-gradient(#fff 50%, #fbfbfb 95%, #f3f3f3);
	margin-bottom: 12px;
}

.nav-tabs:last-of-type
{
	margin-bottom: 20px;
}

.nav-tabs > li
{
	margin-bottom: -1px;
}

.nav-tabs > li:last-child
{
	margin-bottom: 1px;
}

.nav-tabs > li > a
{
	margin-right: 0;
	margin-bottom: -1px;
	line-height: 1.42857143;
	padding: 6px 12px;
	background: linear-gradient(#ffffff, #fff1de 95%, #ffe9cc);
	border: 1px solid #f8f3ed;
	border-right-color: #f1e5d7;
	border-bottom: none;
	box-shadow: #fff 3px 1px 12px -4px inset;
	border-radius: 8px 8px 0 0;
	color: #b73333;
}

.nav-tabs > li > .stats-tabs
{
	margin-right: 0;
	margin-bottom: -1px;
	line-height: 1.42857143;
	padding: 6px 12px;
	background: linear-gradient(#fcfcff, #e5e9f9 95%, #e1e5f4);
	border: 1px solid #e6eafb;
	border-right-color: #d2d8ef;
	border-bottom: none;
	box-shadow: #fff 3px 1px 12px -4px inset;
	border-radius: 8px 8px 0 0;
	color: #1E437B;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus
{
	text-decoration: none;
	background: linear-gradient(#ffffff, #ffe3bd 95%, #ffe9cc);
	box-shadow: #fff 3px 1px 12px -4px inset;
	border: 1px solid #f8f3ed;
	border-right-color: #f1e5d7;
	border-bottom: none;
	color: #b73333;
}

.nav-tabs > li > .stats-tabs:hover,
.nav-tabs > li > .stats-tabs:focus
{
	text-decoration: none;
	background: linear-gradient(#fcfcff, #d1d8f8 95%, #e1e5f4);
	box-shadow: #fff 3px 1px 12px -4px inset;
	border: 1px solid #e6eafb;
	border-right-color: #d2d8ef;
	border-bottom: none;
	color: #1E437B;
}

.nav-tabs > li > a:hover {
	color: #b73333;
}

.nav-tabs > li > .stats-tabs:hover {
	color: #1E437B;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus
{
	color: #555555;
	background: #ffffff;
	cursor: default;
}

.nav-tabs > li.active > .stats-tabs,
.nav-tabs > li.active > .stats-tabs:hover,
.nav-tabs > li.active > .stats-tabs:focus
{
	color: #555555;
	background: #ffffff;
	cursor: default;
}

.nav-tabs > li.active
{
	border-bottom: transparent 1px solid;
}

@media (max-width: 480px)
{
	.nav-tabs
	{
		border-bottom: 0;
		background: none;
	}

	.nav-tabs > li
	{
		float: left;
		margin-bottom: 5px;
		margin-right: 5px;
	}

	.nav-tabs > li > a
	{
		padding: 5px;
		margin-right: 0;
		border-radius: 4px;
		border: 1px solid #e7d9ca;
		background: #eaeaea;
		background: linear-gradient(#ffffff, #fff1de 95%, #ffe8c9);
		color: #555;
		line-height: 1.42857143;
	}

	.nav-tabs > li > .stats-tabs
	{
		padding: 5px;
		margin-right: 0;
		border-radius: 4px;
		border: 1px solid #ced5f1;
		background: #eaeaea;
		background: linear-gradient(#f2f4fc, #e1e5f4 95%, #e1e5f4);
		color: #000;
		line-height: 1.42857143;
	}

	.nav-tabs > li > a:hover
	{
		background: #eaeaea;
		border: 1px solid #e7d9ca;
		background: linear-gradient(#ffffff, #ffe3bd 95%, #ffe9cc);
	}

	.nav-tabs > li > .stats-tabs:hover
	{
		background: #f2f4fc;
		border: 1px solid #cbd2eb;
		background: linear-gradient(#f2f4fc, #cbd2eb 95%, #cbd2eb);
	}

	.nav-tabs > li > a:active
	{
		background: #eaeaea;
		border: 1px solid #e7d9ca;
		background: linear-gradient(#ffffff, #ffe9cc 95%, #ffe3bd);
	}

	.nav-tabs > li.active > a,
	.nav-tabs > li.active > a:hover,
	.nav-tabs > li.active > a:focus
	{
		border: 1px solid #e7d9ca;
		line-height: 1.42857143;
		cursor: default;
		background: #fdfdfd;
		box-shadow: 0 1px 1px rgba(229, 196, 196, 0.1) inset,
		0 0 5px rgb(227, 205, 175) inset,
		0 0 5px rgb(209, 183, 158) inset;
		color: #555;
		padding: 5px;
	}
	.nav-tabs > li.active > .stats-tabs,
	.nav-tabs > li.active > .stats-tabs:hover,
	.nav-tabs li.active > .stats-tabs:focus
	{
		border: 1px solid #cbd2eb;
		line-height: 1.42857143;
		cursor: default;
		background: #fdfdfd;
		box-shadow: 0 1px 1px rgb(181, 190, 219) inset,
		0 0 5px rgb(227, 231, 245) inset,
		0 0 5px rgb(147, 160, 204) inset;
		color: #555;
		padding: 5px;
	}
}

.nav-tabs > li,
.nav-pills > li
{
	float:none;
	display:inline-block;
	*display:inline; /* ie7 fix */
	zoom:1; /* hasLayout ie7 trigger */
}

.nav-tabs,
.nav-pills
{
	text-align:center;
}

.btn-send-complaint.btn-ban
{
	border-radius: 8px;
	font-size: 10px;
	text-decoration: none;
	text-align: center;
	margin-right: 6px;
	padding: 2px 4px 1px 4px;
}

.btn-send-complaint.btn-ban:hover
{
	color: #fff;
}

@media (max-width: 992px)
{
	.btn-send-complaint.btn-ban
	{
		padding: 5px 10px;
	}
}

.get-bracelets
{
	margin: 10px 0 10px 0;
}

.input-group-addon
{
	cursor: pointer !important;
}

/* Gallery */

.gallery-status-icon
{
	height: 16px;
}

.gallery-status-approved
{
	color: #00aa00;
	margin-right: 3px;
}

.banned-fenka
{
	position: absolute;
	left: calc(50% - 15px);
	top: calc(50% - 37px);
	margin: auto;
	width: 24px;
	z-index: 1;
	height: 24px;
	color: red;
	text-shadow: #000 0 1px 1px;
}

.gallery-received-margin
{
	margin-top: 30px;
}

.gallery-received-item
{
	border: #ccc 1px solid;
}

.gallery-received-item:hover
{
	box-shadow: #825780 0 2px 12px -2px;
	border-color: #AA81A8;
}

.gallery-item
{
	margin-bottom: 20px;
	margin-left: -4px;
	margin-right: -4px;
	box-shadow: #ccc 0 2px 12px -2px;
	position: relative;
}

.gallery-item:hover
{
	box-shadow: #825780 0 2px 12px -2px;
	border-color: #AA81A8;
}

.gallery-item .picture
{
	display: inline-block;
	width: 100%;
	max-width: 100%;
	position: relative;
}

.gallery-item .info
{
	position: relative;
	padding: 4px 6px 2px 6px;
	text-align: center;
	border: #ccc 1px solid;
	border-top: none;
	font-size: 12px;
}

.gallery-item .gallery-info
{
	position: relative;
	padding: 4px 6px 2px 6px;
	text-align: center;
	font-size: 12px;
}

.gallery-item:hover .info
{
	border-color: #AA81A8;
}

.gallery-item .line
{
	display: block;
	max-width: 100%;
	overflow: hidden;
	text-overflow: clip;
	white-space: nowrap;
	height: 19px;
	margin-top: 2px;
}

.gallery-item .language
{
	display: inline-block;
	padding-right: 6px;
	margin-top: -1px;
}

.gallery-item .tutorial-icon
{
	display: inline-block;
	padding-right: 6px;
}

.gallery-item .comments
{
	z-index: 1;
	float: left;
}

.gallery-item .approved
{
	z-index: 1;
	float: right;
	color: #00aa00;
	font-size: 1.75em;
	margin-left: 5px;
}

.gallery-item .complaint
{
	z-index: 1;
	float: right;
	color: #c00;
	font-size: 1.75em;
	margin-left: 5px;
}

.gallery-item .update
{
	z-index: 1;
	float: right;
	color: #ff8100;
	font-size: 1.75em;
}

.gallery-item .liked
{
	margin-left: 8px;
}

.gallery-item .like-img
{
	margin-right: 3px;
	vertical-align: baseline;
}

.gallery-item .tutorial-date
{
	position: absolute;
	width: 100%;
	left: 0;
}

.gallery-item .username
{
	font-weight: bold;
	text-shadow: rgba(255, 255, 255, 1) 0 0 3px;
}

.gallery-item .date
{
	color: #666;
}

.gallery-item .info .date i + i,
.gallery-item .gallery-info .date i + i
{
	margin-right: 5px;
}

.gallery-item-label
{
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.75);
	padding: 2px 8px 2px 24px;
	font-weight: bold;
	box-shadow: #fff -1px -1px 4px -1px inset, #000 2px 2px 3px -2px;
}

.gallery-item-clip
{
	background: url("../media/common/gridItemClip.png") transparent no-repeat;
	position: absolute;
	top: -18px;
	left: 1px;
	width: 25px;
	height: 51px;
}

.gallery-item.fenka-new
{
	box-shadow: #68ef64 0 2px 12px -2px;
	border-color: #a3e09c;
}

.gallery-item.complained:hover
{
	box-shadow: #d55 0 2px 12px -2px;
}

.gallery-item.approved:hover,
.gallery-item.fenka-new:hover
{
	box-shadow: #4c4 0 2px 12px -2px;
}

.gallery-item.fenka-new:hover
{
	border-color: #6ac260;
}

.gallery-item.updated:hover
{
	box-shadow: #ffa500 0 2px 12px -2px;
}

.gallery-item.complained:hover .info
{
	border-color: #c47979;
}

.gallery-item.approved:hover .info
{
	border-color: #79b479;
}

.gallery-item.updated:hover .info
{
	border-color: #e69500;
}

.gallery-item.complained .info
{
	box-shadow: #f00 0 0 12px -8px inset;
	border-color: #d4a9a9;
	background-color: #fee;
}

.gallery-item.approved .info,
.gallery-item.fenka-new .gallery-info,
.gallery-item.fenka-new .item-header
{
	box-shadow: #0c0 0 0 12px -8px inset;
	border-color: #a9d4a9;
	background-color: #efe;
}

.gallery-item.updated .info
{
	box-shadow: #f19f19 0 0 12px -8px inset;
	border-color: #ffbb6b;
	background-color: #fff4ba;
}

.gallery-item.complained .info .date
{
	color: #900;
}

.gallery-item.approved .info .date
{
	color: #267b26;
}

.gallery-item.updated .info .date
{
	color: #94550a;
}

.edit-wrap
{
	position: relative;
}

.edit-tutorial
{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1000;
	padding: 0 2px;
	background-color: rgba(255, 255, 255, 0.75);
	box-shadow: #000 -1px 0 2px -2px inset;
	cursor: pointer;
}

.comments-icon
{
	height: 16px;
}

.comments-icon.icon16
{
	top: unset;
}

.banned-tutorial
{
	position: absolute;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
	margin: auto;
	width: 24px;
	z-index: 1;
	height: 24px;
	color: red;
	text-shadow: #000 0 1px 1px;
}

.edit-tutorial .edit-button
{
	margin: 4px;
	width: 32px;
}

.edit-tutorial:hover
{
	color: #70f;
	background-color: rgba(255, 255, 255, 0.85);
}

.pagination-container
{
	display: inline-block;
}

.form-control.pagination-input
{
	width: 42px;
	padding-left: 4px;
	padding-right: 4px;
	text-align: center;
}

/* Tutorial-editor */

.panel.collapsable .panel-heading
{
	color: #777;
}

.panel-heading
{
	padding: 5px 10px;
	border-bottom: 1px solid transparent;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
}

.tutorial-step
{
	display: inline-block;
	font-size: 20px;
}

.tutorial-gallery
{
	display: block;
	padding: 1px;
}

.thumbnail .caption
{
	padding-bottom: 0;
}

.tutorial-gallery img
{
	margin-right: 5px;
	vertical-align: middle;
}

.tutorial-gallery-thumb
{
	box-shadow: #ccc 0 2px 12px -2px;
}

.tutorial-upload
{
	display: inline-block;
}

.tutorial-upload-image
{
	display: block;
}

.tutorial-upload-button
{
	display: block;
}

.tutorial-cover
{
	width: 100%;
	height: 150px;
	background: rgba(253, 245, 154, 0.55);
	border: 1px solid #fdd99a;
	font-size: 20px;
	display: table;
}

.tutorial-cover .text
{
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 100%;
	color: #775a29;
}

.tutorial-cover .text .inscription
{
	color: #8a6d3b;
	font-size: 14px;
}

.btn-tutorial
{
	display: block;
	margin-bottom: 0;
	font-weight: bold;
	text-align: center;
	padding: 0;
	font-size: 1em;
	border-radius: 4px;
	color: #555;
	background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
	border-color: #ccc;
	width: 25px;
	height: 25px;
}

@media (max-width: 480px)
{
	.tutorial-cover
	{
		margin-top: 20px;
	}
}

.btn-draft:active
{
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-draft
{
	background-image: linear-gradient(#f4f6f7, #c7d7e5);
	border: #cad0d5 1px solid;
	color: #174672;
}

.btn-draft:hover,
.btn-draft:focus
{
	background-image: linear-gradient(#d5e9f2, #87bbe8);
	border: #65829b 1px solid;
	color: #000;
}

.btn-draft:active,
.btn-draft.active
{
	background-image: linear-gradient(#87bbe8, #d5e9f2);
	border: #65829b 1px solid;
	color: #000;
}

@media (max-width: 380px)
{
	.btn-draft.btn-margin
	{
		margin-top: 10px;
	}
}

.btn-preview:active
{
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-preview
{
	background-image: linear-gradient(#fcf3fd, #ecc7f1);
	border: #e9c4ea 1px solid;
	color: #70197E;
}

.btn-preview:hover,
.btn-preview:focus
{
	background-image: linear-gradient(#f1d2f4, #e18bec);
	border: #915392 1px solid;
	color: #000;
}

.btn-preview:active,
.btn-preview.active
{
	background-image: linear-gradient(#e18bec, #f1d2f4);
	border: #915392 1px solid;
	color: #000;
}

@media (max-width: 380px)
{
	.btn-preview.btn-margin
	{
		margin-top: 10px;
	}
}

.btn-send-review:active,
.btn-delete-image:active
{
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-send-review,
.btn-delete-image
{
	background-image: linear-gradient(#fcf5eb, #fae3be);
	border: #e8d2b8 1px solid;
	color: #7B561C;
}

.btn-send-review:hover,
.btn-send-review:focus,
.btn-delete-image:hover,
.btn-delete-image:focus
{
	background-image: linear-gradient(#f6e3c4, #f6c980);
	border: #ad8a61 1px solid;
	color: #000;
}

.btn-send-review:active,
.btn-send-review.active,
.btn-delete-image:active,
.btn-delete-image.active
{
	background-image: linear-gradient(#f6c980, #f6e3c4);
	border: #ad8a61 1px solid;
}

@media (max-width: 380px)
{
	.btn-send-review.btn-margin
	{
		margin-top: 10px;
	}
}

.btn-publish:active,
.btn-upload-image:active
{
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-publish,
.btn-upload-image
{
	background-image: linear-gradient(#ecfef4, #bbf1c7);
	border: #9fdabf 1px solid;
	color: #0E5722;
}

.btn-publish:hover,
.btn-publish:focus,
.btn-upload-image:hover,
.btn-upload-image:focus
{
	background-image: linear-gradient(#d1f8e2, #7af094);
	border: #4b9775 1px solid;
	color: #000;
}

.btn-publish:active,
.btn-publish.active,
.btn-upload-image:active,
.btn-upload-image.active
{
	background-image: linear-gradient(#7af094, #d1f8e2);
	border: #4b9775 1px solid;
}

@media (max-width: 380px)
{
	.btn-publish.btn-margin
	{
		margin-top: 10px;
	}
}

.btn-margin
{
	margin-top: 10px;
}

/* Tutorials */

.btn-add-tutorial:active
{
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}

.btn-add-tutorial
{
	background: #9cf3b4 linear-gradient(#f0fff4, #9cf3b4);
	border-radius: 4px;
	border: 1px solid #97cea6;
	color: #0E5722;
}

.btn-add-tutorial:hover
{
	background: #80f7a1 linear-gradient(#d7ffe2, #58e680);
	border-radius: 4px;
	border: 1px solid #5a9d6d;
	color: #000;
}

.btn-add-tutorial:active
{
	background: #80f7a1 linear-gradient(#58e680, #d7ffe2);
	border-radius: 4px;
	border: 1px solid #5a9d6d;
	color: #000;
}

.btn-add-tutorial:focus
{
	color: #000;
}

.uploaded-tutorial-img
{
	max-width: 100%;
	max-height: 117px;
}

.tutorial-language
{
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 10px;
}

@media (max-width: 992px)
{
	.tutorial-language
	{
		top: -10px;
		right: -4px;
	}
}

.star-rating
{
	display: inline-block;
	vertical-align: bottom;
}

.star-rating-ico
{
	float: right;
	padding-left: 2px;
	cursor: pointer;
	color: #FFB300;
}

.star-rating-input
{
	display: none;
}

.star-rating-ico:hover:before,
.star-rating-ico:hover ~ .star-rating-ico:before,
.star-rating-input:checked ~ .star-rating-ico:before
{
	content: "\f005";
}

.btn-etc
{
	position: relative;
}

.btn-add-pic
{
	position: relative;
	margin-top: 5px;
}

@media (max-width: 992px)
{
	.btn-add-pic
	{
		margin-top: 0;
		margin-left: 5px;
	}
}

/* Upload Photo */

.difficulty-button
{
	cursor: pointer;
	margin-top: 15px;
	display: inline-block;
	margin-right: 15px;
	opacity: 0.3;
}

.difficulty-button:hover
{
	opacity: 0.7;
}

.difficulty-button:active,
.difficulty-button:focus
{
	opacity: 1;
}

/* Fenka Detail */

.fenka-detail-arrow
{
	color: #c0c0c0;
	margin: 2px 18px 2px 37px;
	display: block;
	opacity: 0.4;
	height: 50px;
}

.user-avatar .with-arrow
{
	height: 100%;
}

.inline-icon.fenka-clock
{
	opacity: 0.4;
	margin-right: 6px;
}

.row-travel-time
{
	display: table;
}

.travel-time
{
	display: table-cell;
	vertical-align: middle;
	color: #999;
}

@media (max-width: 384px)
{
	.detail-img
	{
		padding: 0;
		margin: 0;
	}
}

@media (max-width: 767px)
{
	.detail-img
	{
		padding: 0;
		margin: 0;
	}
}

.photo-detail
{
	box-shadow: #000 0 1px 5px -4px;
}

.img-corner
{
	width: 36px;
	height: 36px;
	position: absolute;
}

.img-corner.top-left, .img-corner.top-right
{
	background-image: url("../media/common/photoCornerLT.png");
}

.img-corner.top-right, .img-corner.bottom-right
{
	transform: scaleX(-1);
}

.img-corner.bottom-left, .img-corner.bottom-right
{
	background-image: url("../media/common/photoCornerLB.png");
}

.img-corner.top-left
{
	top: -3px;
	left: -4px;
}

.img-corner.bottom-left
{
	bottom: -5px;
	left: -4px;
}

.img-corner.top-right
{
	top: -3px;
	right: -4px;
}

.img-corner.bottom-right
{
	bottom: -5px;
	right: -4px;
}

.img-corners
{
	position: relative;
	display: inline-block;
}

.like-button
{
	margin: 2px 4px;
	cursor: pointer;
	display: inline-block;
}

.like-button img
{
	opacity: 0.67;
}

.like-button img:hover
{
	opacity: 1;
}

.like-button img
{
	position: relative;
	margin-right: 4px;
	vertical-align: middle;
}

.like-button .value
{
	position: relative;
	top: 2px;
}

/* Send Fenka */

.get-address-text
{
	display: inline-block;
}

.fenka-number-text
{
	display: block;
}

.fenka-number-area
{
	display: inline-block;
	border: 1px solid #e3c888;
	background: #ffecbe;
	padding: 7px 14px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
	margin-bottom: 15px;
}

@media (min-width: 384px)
{
	.fenka-number-area
	{
		margin-top: 15px;
	}
}

@media (max-width: 384px)
{
	.fenka-number-area
	{
		margin-top: 15px;
	}
}

.address-area
{
	display: inline-block;
	border: 1px solid #f0efae;
	background: #ffffcc;
	padding: 10px 20px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-top: 15px;
}

.address-text
{
	font-size: 16px;
	color: #000;
	text-align: left;
}

.label-top label
{
	display: block;
	text-align: left;
}

.checkbox-inline
{
	padding-bottom: 7px;
}

.checkbox-inline.hinted
{
	padding-bottom: 0;
}

.checkbox-inline.disabled
{
	color: #777;
}

.radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline
{
	margin-left: 24px;
}

label > input[type="radio"], label > input[type="checkbox"]
{
	margin-right: 6px;
}

@-moz-document url-prefix()
{
	label > input[type="radio"], label > input[type="checkbox"]
	{
		position: relative;
		top: 1px;
	}

	.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]
	{
		margin-left: -20px;
		margin-top: 9px;
	}
}

/* Chat */

.chat-avatar
{
	margin-right: 5px;
	margin-top: -29px;
}

.chat-avatar-area
{
	display: inline-block;
}

@media (min-width: 1200px)
{
	.chat-info-area
	{
		display: inline-block;
		width: 60%;
	}
}

@media (max-width: 1199px)
{
	.chat-info-area
	{
		display: inline-block;
		width: 50%;
	}
}

@media (max-width: 991px)
{
	.chat-info-area
	{
		display: inline-block;
		width: 80%;
	}
}

@media (max-width: 767px)
{
	.chat-info-area
	{
		display: inline-block;
		width: 80%;
	}
}

@media (max-width: 480px)
{
	.chat-info-area
	{
		display: inline-block;
		width: 80%;
	}
}

@media (max-width: 384px)
{
	.chat-info-area
	{
		display: inline-block;
		width: 70%;
	}
}

.chat-buttons-area
{
	display: inline-block;
}

.chat-nickname .icon16.user-badge
{
	height: 12px;
	margin-right: 3px;
}

.chat-nickname
{
	font-weight: bold;
}

.chat-nickname,
.chat-country
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}

.chat-members .conversation.new
{
	background: #ffffc4;
}

.chat-members .conversation.new:hover
{
	background: #fff2ae;
}

.chat-members .conversation.new:active
{
	background: #ffe1a9;
}

.chat .message
{
	background-color: transparent;
	transition: background-color 3s ease;
}

.chat .message.new
{
	background-color: rgba(0, 255, 140, 0.25);
	transition: background-color 0.25s ease;
}

.chat .message.delete
{
	background-color: rgba(240, 0, 0, 0.2);
	transition: background-color 3s ease;
}

.hide-messages-button
{
	color: #777;
}

.btn-chatlist
{
	background: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%) repeat-x;
	border: 1px solid #ccc;
	color: #000;
}

.btn-chatlist:focus
{
	color: #aaa;
}

.btn-chatlist:hover
{
	box-shadow: inset 0 1px 0 0 #f5978e;
	background: #f24537 linear-gradient(to bottom, #f24537 5%, #c62d1f 100%) repeat-x;
	border-color: #d02718;
	color: #fff;
}

.btn-chatlist:active,
.btn-chatlist.active
{
	background: #c62d1f linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	border-color: #d02718;
	color: #fff;
}

@media (max-width: 380px)
{
	.btn-chatlist.btn-margin
	{
		margin-top: 10px;
	}
}

.btn-fix > .btn-chatlist:first-child
{
	margin-right: 0;
}

.buttons-line .btn + .btn
{
	margin-left: 4px;
}

#hide-messages
{
	margin: 0;
	padding: 5px;
	cursor: pointer;
	background: #e8e6e7 linear-gradient(#fbfbfb, #eee) repeat scroll 0 0;
	border-bottom: #ddd 1px solid;
}

.chat-members .chat-body
{
	margin-left: 44px;
	margin-top: 0;
}

.chat-members ul
{
	margin: 0;
}

.chat-img img
{
	height: 34px;
	width: 34px;
}

.chat-members .conversation
{
	border-bottom: 1px solid #dddddd;
	padding: 5px 5px 1px 5px;
}

@media (max-width: 992px)
{
	.chat-members .conversation
	{
		border-bottom: 1px solid #dddddd;
		padding: 5px 5px 5px 5px;
	}
}

.chat-members .conversation:last-child
{
	border-bottom: none;
}

.chat-members
{
	overflow-x: hidden;
	overflow-y: auto;
}

@media (min-width: 992px)
{
	.chat-members
	{
		font-size: 12px;
	}
}

@media (max-width: 768px)
{
	.chat-members
	{
		font-size: 14px;
	}
}

.message-section
{
	border: 1px solid #dddddd;
}

.chat-area
{
	float: left;
	height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
	width: 100%;
}

.chat-area .list-group-item
{
	padding: 5px 6px;
	min-height: 50px;
}

@media (max-width: 768px)
{
	.chat-area .list-group-item
	{
		min-height: inherit;
	}
}

.chat-area .list-group-item-text
{
	word-wrap: break-word;
	overflow: auto;
}

.chat-area .pull-left
{
	width: 55px;
	text-align: center;
}

.chat-icon
{
	display: inline-block;
	margin-bottom: 0;
	font-weight: bold;
	text-align: center;
	padding: 0;
	font-size: 1em;
	border-radius: 4px;
	color: #aaa;
	background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
	border-color: #ccc;
	width: 21px;
	height: 20px;
}

.list-group-item .chat-icon:focus
{
	color: #aaa;
}

.list-group-item .chat-icon:hover
{
	box-shadow: inset 0 1px 0 0 #f5978e;
	background: #f24537 linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	border: 1px solid #d02718;
	color: #fff;
}

.list-group-item .chat-icon:active
{
	background: #c62d1f linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	border: 1px solid #d02718;
	color: #fff;
}

.write-message
{
	width: 100%;
	padding: 15px;
	background: #f6f6f6 none repeat scroll 0 0;
	border: 1px #ededed solid;
	border-radius: 0 0 8px 8px;
	float: left;
}

.chat-bottom
{
	float: left;
	margin-top: 13px;
	width: 100%;
}

.chat-members li:hover
{
	background: #f5f5f5 none repeat scroll 0 0;
	color: #000;
	cursor: pointer;
}

.chat-members li:active
{
	background: #eee;
}

.hide-icon
{
	margin-left: 10px;
}

#chat-sidebar span.hide-icon::before
{
	font-family: FontAwesome, sans-serif;
	margin-right: 11px;
}

#chat-sidebar.no-sidebar .hide-label
{
	display: none;
}

#chat-sidebar .show-label
{
	display: none;
}

#chat-sidebar
{
	border: 1px solid #ddd;
}

@media (min-width: 993px)
{
	#message-section, #chat-sidebar
	{
		transition: width 0.5s;
	}

	#chat-sidebar
	{
		width: 25%;
		overflow-x: hidden;
	}

	#message-section
	{
		width: 74.9%;
	}

	#chat-sidebar.no-sidebar
	{
		width: 5.5%;
		transition: width 0.5s;
	}

	#message-section.no-sidebar
	{
		width: 94.4%;
		transition: width 0.5s;
	}

	#chat-sidebar span.hide-icon::before
	{
		content: "\f053";
		transition: margin-left 0.5s;
	}

	#chat-sidebar.no-sidebar span.hide-icon::before
	{
		content: "\f054";
		margin-left: 4px;
		transition: margin-left 0.5s;
	}

	#chat-sidebar .chat-members
	{
		max-height: 45em;
	}

	#chat-sidebar .chat-members-wrapper
	{
		width: 215.3px;
	}
}

@media (min-width: 993px) and (max-width: 1200px)
{
	#chat-sidebar .chat-members-wrapper
	{
		width: 178.45px;
	}

	#chat-sidebar.no-sidebar
	{
		width: 6.6%;
	}

	#message-section.no-sidebar
	{
		width: 93.3%;
	}
}

@media (max-width: 992px)
{
	#chat-sidebar .chat-members
	{
		max-height: 35.9em;
		transition: max-height 0.5s;
	}

	#chat-sidebar.no-sidebar .chat-members
	{
		max-height: 0;
		transition: max-height 0.5s;
	}

	#chat-sidebar span.hide-icon::before
	{
		content: "\f077";
	}

	#chat-sidebar.no-sidebar span.hide-icon::before
	{
		content: "\f078";
	}

	#chat-sidebar.no-sidebar .show-label
	{
		display: inline-block;
	}
}

.close-chat,
.ban-icon
{
	color: #aaa;
	border-radius: 0;
	position: relative;
	display: block;
	text-align: center;
	padding: 0;
	font-size: 1em;
	background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
	border-color: #ccc;
	width: 21px;
	height: 20px;
}

.close-chat i,
.ban-icon i
{
	position: relative;
	top: 1px;
	right: 0;
	font-size: 1.2em;
}

@media (max-width: 992px)
{
	.close-chat,
	.ban-icon
	{
		color: #aaa;
		border-radius: 0;
		padding: 2px 6px;
		position: relative;
		width: 25px;
		height: 25px;
		display: block;
	}

	.close-chat i,
	.ban-icon i
	{
		position: relative;
		top: 1px;
		right: 2px;
		font-size: 1.2em;
	}
}

.ban-icon
{
	border-top: 0;
}

.chat-members ul li
{
	position: relative;
}

.contact-status
{
	display: block;
	height: 5px;
	width: 34px;
	position: relative;
	top: -3px;
}

.contact-status.online
{
	background: #009b00;
	box-shadow: #fff 0 0 2px 0 inset, #04ff00 0 0 3px 1px inset, #0F0 0 0 5px -1px;
}

.contact-status.offline
{
	background: #ccc;
	box-shadow: #fff 0 0 2px 0 inset, #ddd 0 0 3px 1px inset, #ccc 0 0 5px -1px;
}

.uploaded-photos img, .tutorial-image
{
	cursor: pointer;
}

/* Tutorial Improvements */

.page-title
{
	font-size: 20px;
}

.alert-archive
{
	background-color: #f0f5fb;
	border-color: #d0d8e1;
	color: #606F95;
}

.alert-archive hr
{
	border-top-color: #ccc;
}

.alert-archive .alert-link
{
	color: #000;
}

.improvement-comments .panel-body
{
	padding: 0;
}

.improvement-comments .list-group
{
	margin-bottom: 0;
}

.improvement-comments .panel-title
{
	display: inline
}

.improvement-comments .label-info
{
	float: right;
}

.improvement-comments li.list-group-item
{
	border-radius: 0;
	border: 0;
	border-top: 1px solid #edd982;
}

.improvement-comments .username
{
	color: #666666;
}

.improvement-comments .username a
{
	font-weight: bold;
}

.improvement-comments > .panel-heading
{
	background-image: linear-gradient(#fffcdc, #fff8a1);
	border: none;
	color: #BC8A58;
}

.improvement-comments
{
	box-shadow: none;
	border-radius: 4px 4px 0 0;
	border-color: #edd982;
}

/*Tutorial*/

.comments .panel-body
{
	padding: 0;
}

.comments .list-group
{
	margin-bottom: 0;
}

.comments .panel-title
{
	display: inline
}

.comments .label-info
{
	float: right;
}

.comments li.list-group-item
{
	border-radius: 0;
	border: 0;
	border-top: 1px solid #dacbb2;
}

.comments li.list-group-item:last-of-type,
.advices li.list-group-item:last-of-type
{
	border-bottom: 1px solid #dacbb2;
}

.comments.recipient li.list-group-item:last-of-type
{
	border-bottom: none;
}

.comments .username
{
	color: #666666;
}

.comments .username a
{
	font-weight: bold;
}

.comments > .panel-heading
{
	background-image: linear-gradient(#fffde1, #ffe9a9);
	border: none;
	color: #c28b56;
}

.comments.recipient
{
	border-color: #b2bcda;
}

.comments.recipient > .panel-heading
{
	background-image: linear-gradient(#f1fdff, #b1dfff);
	color: #567ac2;
}

.comments.recipient li.list-group-item
{
	border-top: 1px solid #b2bcda;
}

.comments
{
	box-shadow: none;
	border-radius: 4px 4px 0 0;
	border-color: #dacbb2;
}

.comment-btn
{
	display: inline-block;
	padding: 0;
	width: 21px;
	height: 21px;
	position: relative;
	top: -1px;
	/*line-height: 19px;*/
}

.marker-btn
{
	padding: 0;
	width: 18px;
	height: 18px;
	position: relative;
	margin-right: 3px;
}

@media (max-width: 768px)
{
	.comment-btn
	{
		width: 28px;
		height: 28px;
	}

	.comment-btn i
	{
		top: 3px;
		position: relative;
	}
}

/* FAQ */

.panel-default
{
	border-color: #ccc;
}

.panel-body p:last-child
{
	margin-bottom: 0;
}

.panel-default > .faq-panel
{
	color: #000;
	background-image: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	cursor: pointer;
	font-size: 16px;
}

.faq-header
{
	font-size: 18px;
	font-weight: bold;
	margin: 16px 0 6px 0;
}

.faq-header:first-child
{
	margin-top: 0;
}

/* Carousel */

.slick .gallery-item
{
	margin-bottom: 0;
}

/* Stats */

.table-bordered
{
	border-collapse: separate;
	border: 1px solid #b7c8d8;
}

.table
{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	display: table;
}

.top-stats table th
{
	background-image: linear-gradient(#f4f6f7, #d1e1ee);
	color: #58738c;
}

.top-stats .top-stats-title
{
	position: relative;
	padding: 7px 5px;
	text-align: center;
	font-weight: bold;
}

thead
{
	display: table-header-group;
	vertical-align: middle;
	border-color: inherit;
}

.table-bordered > thead > tr > th, .table-bordered > thead > tr > td
{
	border-bottom-width: 1px;
}

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td
{
	border: 1px solid #b7c8d8;
}

.top-stats-country
{
	vertical-align: middle;
	margin-right: 5px;
}

.table > thead > tr > th, .table > tbody > tr > th,
.table > tfoot > tr > th, .table > thead > tr > td,
.table > tbody > tr > td, .table > tfoot > tr > td
{
	padding-top: 3px;
	padding-bottom: 3px;
}

.collapsing-delay
{
	-webkit-transition-delay: 0.25s !important;
	transition-delay: 0.25s !important;
}

.animated
{
	animation-duration: 0.25s;
	animation-fill-mode: both;
}

@keyframes fadeIn
{
	from
	{
		opacity: 0;
	}

	to
	{
		opacity: 1;
	}
}

.fadeIn
{
	animation-name: fadeIn;
}

@keyframes fadeInDown
{
	from
	{
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}

	to
	{
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeOut
{
	from
	{
		opacity: 1;
	}

	to
	{
		opacity: 0;
	}
}

.fadeOut
{
	animation-name: fadeOut;
}

@keyframes fadeOutDown
{
	from
	{
		opacity: 1;
	}

	to
	{
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
}

@media (max-width: 383px)
{
	.friendbird-img
	{
		height: 150px;
	}
}

@media (min-width: 384px)
{
	.friendbird-img
	{
		height: 200px;
	}
}

@media (min-width: 480px)
{
	.friendbird-img
	{
		height: 200px;
	}
}

@media (min-width: 768px)
{
	.friendbird-img
	{
		height: 200px;
	}
}

@media (min-width: 1200px)
{
	.friendbird-img
	{
		height: 300px;
	}
}

@media (min-width: 992px)
{
	.friendbird-img
	{
		height: 300px;
	}
}

/* Share Buttons */

.pw-button__outer:hover
{
	filter: brightness(112%);
}

.pw-button__outer
{
	background-image: radial-gradient(ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(14, 14, 14, 0));
	box-shadow: 0 1px 7px -1px #000, inset 1px 1px 3px 0 #fff;
}

.pw-sharelist .pw-button-icon.__pw-size-32
{
	background-image: radial-gradient(ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(14, 14, 14, 0));
	box-shadow: 0 0 1px 0 #000, inset 1px 1px 2px 0 #fff;
	border-radius: 4px;
}

.pw-jumbo-counter.__pw-size-32 .pw-jumbo-counter__label
{
	color: #fff !important;
}

.pw-jumbo-counter.__pw-size-32 .pw-jumbo-counter__value
{
	color: #fff !important;
}

/* Contact Us */

@media (max-width: 991px)
{
	.contact-select-img
	{
		margin-bottom: 10px;
	}
}

/* Doodad */

.doodad
{
	position: absolute;
	top: -41px;
	right: -138px;
	z-index: 10;
}

@media (min-width: 1200px)
{
	.doodad-footer
	{
		margin-left: 25px;
		margin-bottom: -32px;
	}
}

@media (max-width: 1199px)
{
	.doodad-footer
	{
		margin-left: 22px;
		margin-bottom: -32px;
	}
}

.panel .spoiler-hints .panel-body ul
{
	padding-left: 16px;
	margin-bottom: 0;
}

/*
 * Style tweaks
 */

footer
{
	padding: 30px 0;
}

.list-group
{
	margin-bottom: 0;
}

.list-group-item:first-child
{
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.list-group-item:focus
{
	background-color: #eaf2f9;
}

.slick-slide img
{
	display: unset;
}

.input-sm
{
	font-size: 14px;
}

.modal-content .flag-icon
{
	box-shadow: #000 0 1px 3px -1px;
}

.site-language .flag-icon
{
	box-shadow: rgba(0, 0, 0, 0.5) 0 1px 3px -1px;
}

.form-group.hinted
{
	margin-bottom: 0;
}

.user-badge
{
	height: 16px;
}

.select-container
{
	display: inline-block;
}

.input-container
{
	margin-bottom: 8px;
}

/*
 * Off Canvas
 */

@media screen and (min-width: 768px)
{
	.js-hiraku-offcanvas
	{
		display: block;
		position: static;
		background: none;
	}

	.js-hiraku-offcanvas .js-hiraku-offcanvas-sidebar
	{
		position: static;
		margin-left: 0;
		width: auto;
	}
}

.js-hiraku-offcanvas-body-right .js-hiraku-header-fixed
{
	margin-left: -70%;
}

.js-hiraku-offcanvas-body-left .js-hiraku-header-fixed
{
	margin-left: 70%;
}

.js-hiraku-offcanvas-body-right
{
	left: 0;
}

.js-hiraku-offcanvas-body-left
{
	left: 0;
}

/*******************************/
/***   From initial design   ***/
/*******************************/

.upperCase
{
	text-transform: uppercase;
}

img.icon16
{
	top: -1px;
	height: 16px;
	margin-right: 2px;
	vertical-align: middle;
	position: relative;
}

table.stats tr td > .icon16
{
	top: -1px;
}

.icons-line .icon16
{
	margin-right: 4px;
}

.icons-line .icon16:last-child
{
	margin-right: 0;
}

.like-count
{
	margin-left: 4px;
	color: #844;
}

.like-count img
{
	margin-right: 2px;
	vertical-align: baseline;
}

.rating-value
{
	display: inline-block;
	border-radius: 3px;
	padding: 0 4px;
	background: linear-gradient(#9C9C9C, #353535);
	box-shadow: #fff 0 0 2px 0 inset;
	color: #fff;
}

.rating-value-5
{
	background: linear-gradient(#00d700, #004500);
}

.rating-value-4
{
	background: linear-gradient(#86d700, #264500);
}

.rating-value-3
{
	background: linear-gradient(#d7d700, #454500);
}

.rating-value-2
{
	background: linear-gradient(#d77900, #452500);
}

.rating-value-1
{
	background: linear-gradient(#d70000, #450000);
}

.gallery-item .gallery-item-label.status.tutorial-status-draft
{
	color: #0052bd;
}

.gallery-item .gallery-item-label.status.tutorial-status-review
{
	color: #267b26;
}

.gallery-item .gallery-item-label.status.tutorial-status-published
{
	color: #000;
}

.gallery-item .gallery-item-label.status.tutorial-status-banned
{
	color: #900;
}

.static-content img
{
	margin: 8px;
}

.static-content img.left
{
	margin-left: 4px;
	float: left;
}

.static-content img.right
{
	margin-right: 4px;
	float: right;
}

.static-content img.icon16
{
	margin: 0;
}

.static-content ul
{
	margin: 4px 0;
	padding: 0 24px;
}

.static-content ul.unstyled
{
	list-style: none;
}

.static-content p, .static-content div.p
{
	margin: 4px 0;
}

.static-content p:last-child, .static-content div.p:last-child
{
	margin-bottom: 0;
}

.static-content h3
{
	margin: 24px 0 12px 0;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

.static-content h3:first-child
{
	margin-top: 12px;
}

.static-content h5
{
	margin: 16px 0 4px 0;
	font-size: 1em;
	font-weight: bold;
	line-height: 18px;
}

.static-content b.hl
{
	color: #9f5400;
	font-weight: normal;
}

.static-content .photo-container.block
{
	margin: 8px 0;
}

.avatar
{
	width: 128px;
	height: 128px;
}

.avatar.half
{
	width: 84px;
	height: 84px;
}

span.error.block
{
	display: block;
	margin: 4px 0;
}

.big-image
{
	max-width: 830px;
}

.photo-container
{
	display: inline-block;
	background-color: #fff;
	border: #d2d2d2 1px solid;
	box-shadow: #000 0 1px 6px -5px;
	padding: 3px;
}

.content-part
{
	margin: 24px 0 16px 0;
}

form.inline, div.inline
{
	display: inline-block;
}

div.spoiler
{
	border: #eee 1px solid;
	margin-bottom: 4px;
}

div.spoiler:last-child
{
	margin-bottom: 0;
}

div.spoiler .spoiler-title
{
	padding: 2px 8px;
	background-image: linear-gradient(#fff, #f7f7f7);
	color: #555;
	cursor: pointer;
}

div.spoiler.open .spoiler-title
{
	background-image: linear-gradient(#fff, #f7f7f7);
}

div.spoiler .spoiler-content-wrapper
{
	background-color: #fcfcfc;
}

div.spoiler .spoiler-content-wrapper
{
	height: 0;
	overflow-y: hidden;
}

div.spoiler.open .spoiler-content-wrapper
{
	height: auto;
}

div.spoiler .spoiler-content
{
	padding: 4px 8px;
}

div.spoiler .spoiler-content-wrapper .line
{
	display: block;
	height: 1px;
	width: 100%;
	border-top: #eee 1px solid;
}

div.spoiler .spoiler-title .icon
{
	height: 15px;
	width: 14px;
	display: inline-block;
	background: url("../media/common/spoilerIcon.png") no-repeat;
	margin-right: 2px;
	position: relative;
	top: 3px;
	left: -3px;
}

div.spoiler.open .spoiler-title .icon
{
	background-image: url("../media/common/spoilerIconPressed.png");
}

div.spoilers div.spoiler
{
	margin: 0;
	border-bottom: none;
}

div.spoilers div.spoiler:last-child
{
	border-bottom: #eee 1px solid;
}

div.spoiler p
{
	margin: 0 0 5px;
	line-height: 1.3em;
}

.loading
{
	display: inline-block;
	padding: 4px 8px;
	margin: 4px 0;
	color: #563877;
	font-style: italic;
}

div.spacer-025em
{
	height: 0.25em;
}

div.spacer-05em
{
	height: 0.5em;
}

div.spacer-1em
{
	height: 1em;
}

div.spacer-2em
{
	height: 2em;
}

span.inline-spacer-025em
{
	display: inline-block;
	width: 0.25em;
}

span.inline-spacer-05em
{
	display: inline-block;
	width: 0.5em;
}

span.inline-spacer-075em
{
	display: inline-block;
	width: 0.75em;
}

span.inline-spacer-1em
{
	display: inline-block;
	width: 1em;
}

span.inline-spacer-2em
{
	display: inline-block;
	width: 2em;
}

p.msg
{
	margin: 0 0 12px 0;
	border-radius: 3px;
	padding: 2px 6px;
	background: #f2f2f2 linear-gradient(#ededed, #fafafa);
	border: #c7c7c7 1px solid;
	color: #000;
}

p.msg.error
{
	background: #ffe4e4 linear-gradient(#ffdede, #ffefef);
	border: #ebccd1 1px solid;
	color: #ce3330;
}

p.msg.warning
{
	background: #fff8a9 linear-gradient(#ffe899, #fffac7);
	border: #CCC19C 1px solid;
	color: #773B00;
}

p.msg.success
{
	background: #a9ffa9 linear-gradient(#9f9, #c7ffc7);
	border: #9CCC9C 1px solid;
	color: #007700;
}

.block
{
	display: block;
}

.fenka-page .fenka-review
{
	border: #e69b6c 1px solid;
	padding: 3px 6px;
	margin-top: 16px;
	background: linear-gradient(#ffdda9, #fff3c1);
	color: #000;
}

.banned-content
{
	padding: 4px 0;
	color: #CC3232;
	font-size: 0.85em;
	font-style: italic;
	text-align: left;
}

.lightLabel
{
	color: #888;
}

.comments .comment .user .date,
.advices .advice .user .date
{
	margin-left: 10px;
	margin-right: 10px;
	font-size: 0.8em;
}

.chat .conversation
{
	display: block;
	background: linear-gradient(#fafafa, #fff 5%, #fafafa);
	cursor: default;
}

.chat .conversation:hover
{
	background: linear-gradient(#fcfcca, #fff 5%, #fcfcca);
}

.chat .conversation:active
{
	background: linear-gradient(#fbfb96, #fff 5%, #fbfb96);
}

.chat .conversation.current
{
	background: linear-gradient(#ffeccf, #fff 5%, #ffeccf);
}

.chat .conversation.current:hover
{
	background: linear-gradient(#ffe3b6, #fff 5%, #ffe3b6);
}

.chat .conversation.current:active
{
	background: linear-gradient(#ffd797, #fff 5%, #ffd797);
}

.chat .conversation.new
{
	background: linear-gradient(#a4ffa4, #fff 5%, #a4ffa4);
}

.chat .conversation.new:hover
{
	background: linear-gradient(#79ff79, #fff 5%, #79ff79);
}

.chat .conversation.new:active
{
	background: linear-gradient(#60fb60, #e9ffe9 5%, #60fb60);
}

.chat .message .header .sender-name
{
	font-weight: bold;
	color: #337ab7;
}

.chat .message .header .sender-name.self
{
	color: #9841e9;
}

.chat .message .header .date
{
	color: #999;
	margin-left: 10px;
	font-size: 0.8em;
}

.tutorial-page .paragraph .position
{
	font-size: 1.25em;
	margin-right: 2px;
}

.tutorial-page .languages .language
{
	border: transparent 2px solid;
	box-sizing: content-box;
}

.tutorial-page .languages .language.current
{
	box-shadow: #000 0 0 2px 0;
}

.selectable.active
{
	filter: brightness(80%) grayscale(100%);
	box-shadow: #000 0 0 4px 0;
	background-color: #fff;
}

.selectable.active.selected
{
	filter: brightness(90%) sepia(100%);
	box-shadow: #ffbd00 0 0 4px 0;
	background-color: #fff;
}

.rating .item
{
	display: inline-block;
	width: 32px;
	height: 32px;
	background-image: url("../media/common/ratingItemInactive.png");
	cursor: pointer;
}

.rating .item.active
{
	background-image: url("../media/common/ratingItemActive.png");
}

.rating .item:hover
{
	background-image: url("../media/common/ratingItemHover.png");
}

.difficulties .difficulty-button
{
	display: inline-block;
	width: 64px;
	height: 64px;
	padding: 4px;
	border-radius: 8px;
	background: no-repeat center;
	opacity: 0.5;
}

.difficulties .difficulty-button:hover
{
	opacity: 0.8;
}

.difficulties .difficulty-button.active
{
	box-shadow: #000 0 0 8px -4px;
	opacity: 1;
}

.difficulties .difficulty-button.q1
{
	background-image: url("../media/common/difficulty1_64.png");
}

.difficulties .difficulty-button.q2
{
	background-image: url("../media/common/difficulty2_64.png");
}

.difficulties .difficulty-button.q3
{
	background-image: url("../media/common/difficulty3_64.png");
}

.load-more-button
{
	width: 100%;
	padding: 3px 6px;
	border: #faf5c0 1px solid;
	background: linear-gradient(#fffebf, #fff 10%, #fffac7);
	color: #b47f42;
	cursor: default;
	outline: none;
	text-align: center;
}

.load-more-button:hover
{
	border-color: #fae1c0;
	background: linear-gradient(#fff7bf, #fff 10%, #fff4c7);
	color: #8f5c21;
}

.load-more-button:active
{
	border-color: #fad2c0;
	background: linear-gradient(#ffecbf, #fffefa 10%, #ffe9c7);
	color: #703310;
}

.nowrap
{
	white-space: nowrap;
}

.advices .likesValue
{
	color: #090;
	padding-right: 4px;
	padding-left: 2px;
}

.advices .dislikesValue
{
	color: #c00;
	padding-left: 4px;
	padding-right: 2px;
}

.advices .likesValue.zero,
.advices .dislikesValue.zero
{
	color: #aaa;
}

.advices .advice .controls .like
{
	background-image: linear-gradient(#FFF, #C4F0C0);
	border-color: #AAD7A8;
	color: #25871f;
}

.advices .advice .controls .like:hover
{
	border-color: #89C586;
}

.advices .advice .controls .like:active
{
	background-image: linear-gradient(#C4F0C0, #FFF);
}

.advices .advice .controls .like.pseudo
{
	background: #fff;
	border-color: #D9ECD8;
	color: #84c980;
	cursor: default;
}

.advices .advice .controls .dislike
{
	background: linear-gradient(#FFF, #F5C7C7);
	border-color: #DAAFAF;
	color: #871f1f;
}

.advices .advice .controls .dislike:hover
{
	border-color: #CC9191;
}

.advices .advice .controls .dislike:active
{
	background-image: linear-gradient(#F5C7C7, #FFF);
}

.advices .advice .controls .dislike.pseudo
{
	background: #fff;
	border-color: #ECD8D8;
	color: #c98080;
	cursor: default;
}

span.error, .validation-error
{
	color: #f00;
	background: #ffb;
	padding: 0 3px;
	box-shadow: #ffb 0 0 2px 0;
	border-radius: 5px;
	display: inline-block;
}

.text-length-counter
{
	color: #aaa;
	font-size: 0.8em;
}

.text-length-counter.exceed
{
	color: #d77;
}

.center, table.form td.center, table.form td.center:nth-child(1)
{
	text-align: center;
}

.hint
{
	color: #8C6730;
	text-align: left;
	font-style: italic;
}

.mandatory-mark
{
	color: #d77;
	font-weight: bold;
}

.tutorial-review-stats .approve-count
{
	color: #090;
}

.tutorial-review-stats .reject-count
{
	color: #c00;
}

.tutorial-review-stats .approve-count.zero,
.tutorial-review-stats .reject-count.zero
{
	color: #777;
}

.like-count img
{
	height: 8px;
}

.like-button img
{
	height: 20px;
}

.field-example .title
{
	margin: 8px 0 4px 0;
	color: #688AAB;
}

.field-example .content
{
	padding: 4px 8px;
	background: #f3f9fc;
	border: #d6e8f3 1px solid;
	font-style: normal;
	color: #3872B4;
}

.error-hash
{
	color: #bc4343;
}

.error-hash span.hash
{
	font-weight: bold;
}

.error-details
{
	color: #777;
	padding: 2px 4px;
	background: #f7f7f7;
	border: #dddddd 1px solid;
	border-radius: 3px;
}

.error-details, .error-details .error-hash, .error-hash span.hash
{
	font-family: "Consolas", "Courier New", monospace;
}

/*****************/
/***   Admin   ***/
/*****************/

.admin-page label.leftMargin
{
	margin-left: 12px;
}

.admin-page input[type=checkbox], .admin-page input[type=radio]
{
	position: relative;
	margin: 0 6px 0 0;
	top: 1px;
}

.admin-page #estorageForm input[type=text]
{
	margin: 8px 0 11px 0;
}

.admin-page #inidaData, .admin-page #estorageData
{
	width: 100%;
	height: 300px;
	max-height: 500px;
	border: #e7e7e7 1px solid;
	border-radius: 0;
	background: #fcfcfc;
	margin: 8px 0 12px 0;
	padding: 2px 4px;
	font-family: "Consolas", "Courier New", monospace;
	font-size: 0.9em;
	line-height: 14px;
	box-shadow: none;
	color: #000;
}

.admin-page #inidaResult, .admin-page #estorageResult
{
	min-height: 1em;
	border: #e7e7e7 1px solid;
	background-color: #fcfcfc;
	margin: 8px 0 3px;
	padding: 2px 4px;
	font-family: "Consolas", "Courier New", monospace;
	font-size: 0.9em;
	word-wrap: break-word;
	white-space: pre-wrap;
}

.admin-page #inidaResult.good, .admin-page #estorageResult.good
{
	color: #070;
	border-color: #ccf2cc;
	background-color: #f0fff0;
}

.admin-page #inidaResult.bad, .admin-page #estorageResult.bad
{
	color: #a00;
	border-color: #f2cdcd;
	background-color: #fff0f0;
}

.admin-page #inidaForm > label > span, .admin-page #estorageForm > label > span
{
	display: inline-block;
	min-width: 58px;
	text-align: right;
	padding-right: 8px;
}

.admin-page td.quota-depleted
{
	background-color: #ffa;
}

.admin-page td.quota-overload
{
	background-color: #fda;
}

.admin-page td.quota-totalOverload
{
	background-color: #fff2f2;
}

.admin-page td.image-complained
{
	background-color: #ffa;
}

.admin-page td.tutorial-complained
{
	background-color: #ffa;
}

.admin-page td.fenka-complained
{
	background-color: #ffa;
}

.admin-page td.user-ban
{
	background-color: #ffa;
}

.admin-page td.mark
{
	background-color: #ffa;
}

.admin-page .message-text
{
	margin: 4px 0 0 0;
	padding: 1px 4px;
	border: #eee 1px solid;
	background-color: #fafafa;
	color: #666;
}

.admin-page .message-text-short
{
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.admin-page .message-text-short.px300
{
	max-width: 300px;
}

.admin-page .message-text-short.px200
{
	max-width: 200px;
}

.admin-page .message-text-short.px100
{
	max-width: 100px;
}

.admin-page button,
.admin-page input[type=button],
.admin-page input[type=submit],
.admin-page a.button
{
	display: inline-block;
	margin: 4px 0;
	border: none;
	background: linear-gradient(#fff, #fff 10%, #e4d1ff);
	border-radius: 3px;
	padding: 4px 8px;
	box-shadow: #000 0 1px 2px -2px, #430081 0 -1px 2px -1px inset, #fff 0 1px 2px 1px inset;
	font-weight: bold;
	vertical-align: middle;
	color: #8400ff;
	text-shadow: #fff 0 1px 1px;
}

.admin-page button:active,
.admin-page input[type=button]:active,
.admin-page input[type=submit]:active,
.admin-page a.button:active
{
	background: linear-gradient(#fff, #fff 10%, #d1efff) !important;
	box-shadow: #000 0 -2px 5px -5px inset, #005381 0 1px 2px -1px inset !important;
	padding: 5px 8px 3px 8px;
}

.admin-page button:hover,
.admin-page input[type=button]:hover,
.admin-page input[type=submit]:hover,
.admin-page a.button:hover
{
	background: linear-gradient(#fff, #fff 10%, #d1efff);
	box-shadow: #000 0 1px 2px -2px, #005381 0 -1px 2px -1px inset, #fff 0 1px 2px 1px inset;
	color: #006fff;
}

.admin-page option
{
	background-color: #fff;
}

.admin-page input,
.admin-page select,
.admin-page textarea,
.admin-page .wysiwyg .editor
{
	box-sizing: border-box;
}

.admin-page input[type=text],
.admin-page input[type=password],
.admin-page select,
.admin-page textarea,
.admin-page .wysiwyg .editor
{
	background: linear-gradient(#fafafa, #fff);
	box-shadow: #000 0 1px 3px -2px inset;
	border-radius: 3px;
	border: none;
	margin: 1px 0;
	padding: 3px 6px;
	color: #000;
}

.admin-page input[type=text],
.admin-page input[type=password],
.admin-page textarea,
.admin-page .wysiwyg .editor
{
	font-size: 1em;
}

.admin-page input[type=text],
.admin-page input[type=password],
.admin-page select
{
	height: 25px;
}

.admin-page select
{
	padding: 1px 2px 2px 2px;
}

.admin-page select:focus
{
	color: #000;
}

.admin-page ::-moz-focus-inner,
.admin-page ::-moz-focus-inner,
.admin-page .wysiwyg .editor
{
	border: none;
	outline: none;
}

.admin-page .form input[type=text],
.admin-page .form input[type=password],
.admin-page .form select,
.admin-page .form textarea,
.admin-page .wysiwyg .editor
{
	width: 100%;
}

.admin-page td.text-center
{
	text-align: center;
}

.admin-page td.text-left
{
	text-align: left;
}

.admin-page td.text-right
{
	text-align: right;
}

.admin-page table.wide
{
	display: inline-block;
	max-width: 830px;
	overflow-x: auto;
}

.admin-page table.stats
{
	border-collapse: collapse;
	border: #ddd 1px solid;
	padding: 0;
}

.admin-page table.stats tr td
{
	padding: 1px 4px;
	border: #eee 1px solid;
	font-size: 0.8em;
}

.admin-page table.stats.selectable tr
{
	cursor: pointer;
}

.admin-page table.stats.selectable tr.header
{
	cursor: unset;
}

.admin-page table.stats.selectable tr:hover
{
	background-color: #eff;
}

.admin-page table.stats tr.selected
{
	background-color: #fafafa;
}

.admin-page table.stats tr.selected:hover
{
	background-color: #f7f9ff;
}

.admin-page table.stats tr.header td
{
	padding: 1px 4px;
	border: #ddd 1px solid;
	background: linear-gradient(#fff, #f5f5f5);
	font-size: 0.8em;
	color: #777;
}

.admin-page table.stats tr td > .icon16
{
	top: -1px;
}

.admin-page table tr td.boolean-true
{
	color: #0a0;
}

.admin-page table tr td.boolean-false
{
	color: #c00;
}

.admin-page .fieldlist label span
{
	display: inline-block;
	min-width: 200px;
	margin-right: 8px;
}

.admin-page .fieldlist label + label > input
{
	margin-left: 8px;
}

.admin-page .vertical-fieldlist label
{
	display: inline-block;
	margin-bottom: 8px;
}

.admin-page .vertical-fieldlist label:last-child
{
	margin-bottom: 0;
}

.admin-page label,
.admin-page select,
.admin-page option
{
	font-weight: normal;
}

.admin-page .context h3
{
	margin: 0 0 12px 0;
	font-size: 1.2em;
	font-weight: normal;
	text-align: center;
}

.admin-page .context h4
{
	margin: 16px 0 8px 0;
	border-bottom: #eee 1px solid;
}

.admin-page .content h5
{
	margin: 16px 0 4px 0;
	font-size: 1em;
}

.admin-page .pagination
{
	text-align: center;
	margin: 0;
}

.admin-page .pagination.left
{
	text-align: left;
}

.admin-page .pagination.right
{
	text-align: right;
}

.admin-page .pagination .button
{
	display: inline-block;
	width: 24px;
	height: 19px;
	padding: 2px 4px;
	border: #eee 1px solid;
	background: linear-gradient(#fff, #f7f7f7);
	border-radius: 3px;
	text-align: center;
	cursor: pointer;
	color: #777;
}

.admin-page .pagination .button:hover
{
	border-color: #ccc;
	background: linear-gradient(#fff, #f0f0f0);
	color: #000;
}

.admin-page .pagination .button:active
{
	background: linear-gradient(#f0f0f0, #fff);
}

.admin-page .pagination .button.disabled,
.admin-page .pagination .button.disabled:hover,
.admin-page .pagination .button.disabled:active
{
	background: #fff;
	border: #f5f5f5 1px solid;
	color: #ccc;
	cursor: default;
}

.admin-page .pagination input[type=text]
{
	width: 40px;
	text-align: center;
}

.admin-page .system-info ul
{
	list-style: none;
	padding: 0 0 0 16px;
}