/*
	@Package Name : Armageddon Changelog
	@Author       : E. Darksider
	@Author URI   : http://code-path.com/profile/darksider/
	@Description  : to be written
	@Version      : 1.0
	@License      : Proprietary software License
	@License URI  : https://en.wikipedia.org/wiki/Proprietary_software
*/

/* Import sceditor css
/*----------------------------------------------------------*/
@import '../../../js/sceditor/minified/themes/default.min.css';

.sceditor-container {
	width: 100% !important;
	border: 1px #1c1b18 solid;
	padding: 2px;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.24), 0 1px 0 rgba(255, 255, 255, 0.03);
	-moz-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.24), 0 1px 0 rgba(255, 255, 255, 0.03);
	-webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.24), 0 1px 0 rgba(255, 255, 255, 0.03);
	background-color: rgba(0, 0, 0, 0.35);
}

.sceditor-container.sceditor-maximize {
	z-index: 999999999;
	position: fixed;
	background-color: rgba(0, 0, 0, 0.95);
}

/* Toolbar */
.sceditor-container .sceditor-toolbar {
	border: none;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.24), inset 0 0 0 1px rgba(255, 255, 255, 0.01), inset 0 -1px 0 rgba(255, 255, 255, 0.02);
	-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.24), inset 0 0 0 1px rgba(255, 255, 255, 0.01), inset 0 -1px 0 rgba(255, 255, 255, 0.02);
	-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.24), inset 0 0 0 1px rgba(255, 255, 255, 0.01), inset 0 -1px 0 rgba(255, 255, 255, 0.02);
	background-color: #181815;
}

.sceditor-container .sceditor-toolbar .sceditor-group {
	border: none;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 1px 1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 1px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03), 0 1px 1px rgba(0, 0, 0, 0.3);
	background-color: rgba(155, 150, 137, 0.08);
}

.sceditor-container .sceditor-toolbar .sceditor-button.active, 
.sceditor-container .sceditor-toolbar .sceditor-button:active, 
.sceditor-container .sceditor-toolbar .sceditor-button:hover {
	background-color: rgba(0, 0, 0, 0.2);
}

/* iframe and textarea */
.sceditor-container iframe, 
.sceditor-container textarea {
	width: 100% !important;
	min-height: 200px !important;
	margin: 0;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background-color: transparent;
}

.sceditor-container iframe {
	padding: 5px;
}

.sceditor-container textarea {
	color: #a9a8a8;
	padding: 7px 5px 5px 5px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}

/* Dropdown */
.sceditor-dropdown {
	color: #838383 !important;
	border: none !important;
	z-index: 9999999999 !important;
	font-size: 13px;
	box-shadow: 0 0 25px rgba(0, 0, 0, 1), inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important;
	-moz-box-shadow: 0 0 25px rgba(0, 0, 0, 1), inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important;
	-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 1), inset 0 0 0 1px rgba(255, 255, 255, 0.03) !important;
	background-color: #2b2926 !important;
}

.sceditor-dropdown label {
	color: #706c66;
	padding: 0;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

.sceditor-dropdown input[type="text"] {
	width: 100%;
	color: #6C6C6C;
	border: none;
	margin: 0 0 5px 0;
	padding: 6px 8px;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset, 0 1px 1px rgba(0, 0, 0, 0.4) inset, 0 1px 0 rgba(255, 255, 255, 0.02);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset, 0 1px 1px rgba(0, 0, 0, 0.4) inset, 0 1px 0 rgba(255, 255, 255, 0.02);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2) inset, 0 1px 1px rgba(0, 0, 0, 0.4) inset, 0 1px 0 rgba(255, 255, 255, 0.02);
	background-color: #0b0a0a;
}

.sceditor-dropdown *:input-placeholder          {color: #6C6C6C;}
.sceditor-dropdown *:-o-input-placeholder       {color: #6C6C6C;}
.sceditor-dropdown *:-ms-input-placeholder      {color: #6C6C6C;}
.sceditor-dropdown *:-moz-placeholder           {color: #6C6C6C;}
.sceditor-dropdown *::-webkit-input-placeholder {color: #6C6C6C;}

.sceditor-dropdown input[type="button"] {
	color: #080808;
	border: none;
	padding: 5px 10px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.05), inset 0 -5px 5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.05), inset 0 -5px 5px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4), inset 0 1px 1px rgba(255, 255, 255, 0.05), inset 0 -5px 5px rgba(0, 0, 0, 0.25);
	font-weight: bold;
	font-family: Arial,Helvetica,sans-serif;
	text-shadow: 0 1px 0 rgba(255,255,255,.05);
	background-color: #433f37;
	transition: background-color 500ms ease-in-out;
	-o-transition: background-color 500ms ease-in-out;
	-ms-transition: background-color 500ms ease-in-out;
	-moz-transition: background-color 500ms ease-in-out;
	-webkit-transition: background-color 500ms ease-in-out;
}

.sceditor-dropdown input[type="button"]:hover {
	background-color: #575249;
}

.sceditor-dropdown a {
	color: #999 !important;
}

.sceditor-dropdown a:hover {
	background-color: #31302e;
}

.sceditor-dropdown .sceditor-more {
	border-top: 1px solid #121210;
}

/* Changelog
/*----------------------------------------------------------*/
.changelog {    padding: 22px;	
	width: 96%;
	height: auto;
	margin: 0 0 -13px 0;
	display: block;
}

.changelog * {
	position: relative;
}

/* Changelog - Global
/*----------------------------------------------------------*/
.changelog .clsclear:after {
	height: 0;
	clear: both;
	content: "";
	display: block;
	font-size: 0;
	visibility: hidden;
}

.changelog .clbbox {
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.changelog .no-changelog {
	width: 100%;
	color: #ada59f;
	margin: 0 0 13px 0;
	border: 1px #2e2423 solid;
	padding: 20px;
	overflow: hidden;
	font-size: 12px;
	text-align: center;
	text-shadow: 2px 2px 2px #000;
	font-family: PTSansCaptionBold, Georgia, Times, "Times New Roman", serif;
	background-color: #202020;
}

.changelog .pagination {
	display: block;
	padding: 13px 0 0 0;
	text-align: center;	margin-left:-20px;	
	border-top: 1px #272421 solid;
}

.changelog .pagination:before {
	width: 100%;
	height: 1px;
	top: 1px;
	left: 0;
	content: "";
	position: absolute;
	background-color: #000;
}

.changelog .pagination .container {}

.changelog .pagination .container a, 
.changelog .pagination .container strong {
	padding: 0 3px;
}

/* Changelog - Section
/*----------------------------------------------------------*/
.cl_section {
	width: 100%;
	height: auto;
	clear: both;
	margin: 0 0 13px 0;
	display: block;
}

/* Changelog - Breadcrumb
/*----------------------------------------------------------*/
.cl_breadcrumb {}

.cl_breadcrumb .navigation {}

.cl_breadcrumb .navigation .navbit {
	color: #44403f;
	float: left;
	font-size: 11px;
	line-height: 18px;
	text-shadow: 0 0 5px #000, 1px 1px 0 #000;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	text-transform: uppercase;
}

.cl_breadcrumb .navigation .navbit:after {
	top: -1px;
	color: #ff6204;
	padding: 0 7px;
	content: "\203A";
	position: relative;
	font-size: 18px;
	font-weight: bold;
	font-family: Georgia, Times, "Times New Roman", serif;
	vertical-align: sub;
}

.cl_breadcrumb .navigation .navbit.lastnavbit:after {
	display: none;
}

/* Changelog - Pagetitle
/*----------------------------------------------------------*/
.cl_pagetitle {
	height: 105px;
	text-shadow: 0 0 5px #000, 1px 1px 0 #000;
	font-family: PTSansCaptionBold, Georgia, Times, "Times New Roman", serif;
	text-transform: uppercase;
	background-size: 100% 100%;
	background-color: transparent;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: top left;		border-bottom: solid gold;
}

.cl_pagetitle .body {
	width: auto;
	height: 100%;
	padding: 0 20px;
}

.cl_pagetitle .body span {
	color: #bfa79d;
	margin: 32px 0 0 0;
	display: inline-block;
	font-size: 14px;
}

.cl_pagetitle .body i {
	color: gold;
	display: block;
	font-size: 20px;
	font-style: inherit;
	line-height: 60%;
}

/* Manage - Section
/*----------------------------------------------------------*/
.cl_manage {}

.cl_manage .nice_button {
	margin: 0 5px 0 0;
}

.cl_manage form {
	clear: both;
	margin: 5px 0 0 0;
	text-align: right;
}

.cl_manage form input[type="text"], 
.cl_manage form input[type="password"], 
.cl_manage form input[type="email"], 
.cl_manage form input[type="file"], 
.cl_manage form select, 
.cl_manage form .sbHolder {
	width: 100%;
	margin: 5px 0;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.cl_manage form select, 
.cl_manage form .sbHolder {
	height: 34px;
	min-height: 34px;
	max-height: 34px;
	margin: 5px 0 10px 0;
}

.cl_manage form .nice_button, 
.cl_manage form input[type="submit"] {
	margin: 5px 0 0 0;
}

/* Changelog - Changelog
/*----------------------------------------------------------*/
.cl_changelog {}

.cl_changelog > .accordion-row {
	/*width: 100%;*/
	margin: 0 0 13px 0;	
	padding: 20px;
	overflow: hidden;
	background-color: #151C21;		border-bottom: solid #161616;	border-top: solid #242424;
}

.cl_changelog > .accordion-row:before {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	content: "";
	position: absolute;
	background-color: transparent;
}

/*--- Header ---*/
.cl_changelog > .accordion-row > .accordion-header {
	color: silver;	
	text-transform: capitalize;
	cursor: pointer;
	font-size: 12px;
	text-shadow: 2px 2px 2px #000;
	font-family: PTSansCaptionBold, Georgia, Times, "Times New Roman", serif;
	-webkit-touch-callout: none;
	  -webkit-user-select: none;
	   -khtml-user-select: none;
	     -moz-user-select: none;
	      -ms-user-select: none;
	          user-select: none;
}

.cl_changelog > .accordion-row > .accordion-header span {
	color: #d8b124;
}

/* Header arrow */
.cl_changelog > .accordion-row > .accordion-header:after {
	top: -4px;
	right: 0;
	color: gold;
	content: "\203A";
	position: absolute;
	font-size: 24px;
	font-weight: bold;
	text-shadow: -2px 0 2px #000;
	transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);		margin-top:-5px;
}

.cl_changelog > .accordion-row > .accordion-header.active:after {
	color: #c65454;
	transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}

/*--- Panel ---*/
.cl_changelog > .accordion-row > .accordion-panel {
	margin: 13px 0 0 0;
	display: none;
}

/* Inner rows
/*-------------------------------------*/
.cl_changelog > .accordion-row .accordion-row {
	width: 95%;
	margin: 0 auto;
}

/*--- Header ---*/
.cl_changelog > .accordion-row .accordion-row .accordion-header {
	color: #c2c2c2;
	cursor: pointer;
	margin: 0 0 13px 0;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 2px 2px 2px #000;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	text-transform: uppercase;
	-webkit-touch-callout: none;
	  -webkit-user-select: none;
	   -khtml-user-select: none;
	     -moz-user-select: none;
	      -ms-user-select: none;
	          user-select: none;
}

.cl_changelog > .accordion-row .accordion-row.last-row .accordion-header {
	margin: 0;
}

/* Header icon */
.cl_changelog > .accordion-row .accordion-row .accordion-header:before {
	width: 0px;
	height: 0px;
	top: 0;
	left: 0;
	margin: 0 0px 0 0;
	content: "";
	display: inline-block;
	position: relative;
	box-shadow: 0 0 8px 0 #000;
	-moz-box-shadow: 0 0 8px 0 #000;
	-webkit-box-shadow: 0 0 8px 0 #000;
	vertical-align: middle;
	background-color: transparent;
}

.cl_changelog > .accordion-row .accordion-row.items     .accordion-header:before {background-position: 0 0;}
.cl_changelog > .accordion-row .accordion-row.creatures .accordion-header:before {background-position: -44px 0;}
.cl_changelog > .accordion-row .accordion-row.quests    .accordion-header:before {background-position: -88px 0;}
.cl_changelog > .accordion-row .accordion-row.instances .accordion-header:before {background-position: -132px 0;}

/* Header arrow */
.cl_changelog > .accordion-row .accordion-row .accordion-header:after {
	color: gold;
	content: "\203A";
	margin: 0 0 0 10px;
	display: inline-block;
	position: relative;
	font-size: 18px;
	font-weight: bold;
	text-shadow: -2px 0 2px #000;
	vertical-align: middle;
	transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

.cl_changelog > .accordion-row .accordion-row .accordion-header.active:after {
	color: #c65454;
	transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
}

/*--- Panel ---*/
.cl_changelog > .accordion-row .accordion-row .accordion-panel {
	color: #b2b2b2;
	margin: 0 0 13px 0;
	display: none;
	font-size: 12px;
	text-shadow: 2px 2px 2px #000;
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
	font-style: Bold;
}

.cl_changelog > .accordion-row .accordion-row.last-row .accordion-panel {
	margin: 13px 0 0 0;
}

/* Changes */
.cl_changelog > .accordion-row .accordion-row .accordion-panel .change {
	margin: 0 0 10px 0;
}

.cl_changelog > .accordion-row .accordion-row .accordion-panel .change.last-row {
	margin: 0;
}

.cl_changelog > .accordion-row .accordion-row .accordion-panel .change .left-side {
	width: 4px;
	height: 4px;		border-radius:5px;
	float: left;
	margin: 7px 13px 0 20px;
	box-shadow: 1px 1px 3px 0 #000;
	-moz-box-shadow: 1px 1px 3px 0 #000;
	-webkit-box-shadow: 1px 1px 3px 0 #000;
	background-color: gold;
}

.cl_changelog > .accordion-row .accordion-row .accordion-panel .change .right-side {
	width: 100%;
	display: table-cell;
}

.cl_changelog > .accordion-row .accordion-row .accordion-panel .change .right-side img {
	vertical-align: middle;
}

.cl_changelog > .accordion-row .accordion-row .accordion-panel .change .right-side a {
	color: white;
}

.cl_changelog > .accordion-row .accordion-row .accordion-panel .change .right-side a:hover {
	color: gold;
}

.cl_changelog > .accordion-row .accordion-row .accordion-panel .change .right-side a > img {
	margin: 0 5px 0 0;
}

/* Footer - Section
/*----------------------------------------------------------*/
.cl_footer {
	padding: 0 0 20px 0;
}

.cl_footer .body {
	color: #635d5c;
	text-align: center;
}

.cl_footer .body a {
	color: #a2a2a2;
}

.cl_footer .body a:hover {
	color: #c5c5c5;
}