html {
	color: rgb(34, 34, 34);
}
button {
	color: rgb(34, 34, 34);
}
input {
	color: rgb(34, 34, 34);
}
select {
	color: rgb(34, 34, 34);
}
textarea {
	color: rgb(34, 34, 34);
}
body {
	font: 12px/18px "Arial", Helvetica, sans-serif; font-size-adjust: none; font-stretch: normal;
}
::selection {
	background: rgb(179, 212, 252); text-shadow: none;
}
hr {
	border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(204, 204, 204) currentColor currentColor; margin: 1em 0px; padding: 0px; border-image: none; height: 1px; display: block;
}
img {
	vertical-align: middle;
}
fieldset {
	margin: 0px; padding: 0px; border: 0px currentColor; border-image: none;
}
textarea {
	resize: vertical;
}
html {
	background: rgb(9, 27, 34); height: 100%; overflow: hidden;
}
body {
	background: rgb(9, 27, 34); height: 100%; overflow: hidden;
}
h1 {
	font-weight: normal;
}
h2 {
	font-weight: normal;
}
h3 {
	font-weight: normal;
}
h4 {
	font-weight: normal;
}
h5 {
	font-weight: normal;
}
h6 {
	font-weight: normal;
}
h1 {
	margin-top: 0px;
}
ul {
	list-style: none; margin: 0px; padding: 0px;
}
a {
	color: rgb(149, 27, 30); text-decoration: none;
}
a:not(.button):hover {
	text-decoration: underline;
}
a:focus {
	
}
img {
	max-width: 100%;
}
iframe {
	border: 0px currentColor; border-image: none; display: block;
}
.clearfix::before {
	display: table; content: " ";
}
.clearfix::after {
	display: table; content: " ";
}
.clearfix::after {
	clear: both;
}
.ir {
	text-indent: -9999px; display: block;
}
.left {
	float: left;
}
.hidden {
	visibility: hidden;
}
.none {
	display: none;
}
.abstergo {
	font-family: "abstergoSans", Arial, sans-serif;
}
.abstergo-lite {
	font-family: "abstergoSansLite", Arial, sans-serif;
}
.eagle-lite {
	font-family: "ac3EagleSansLite", Arial, sans-serif;
}
.eagle-regular {
	font-family: "ac3EagleSansRegular", Arial, sans-serif;
}
.eagle-bold {
	font-family: "ac3EagleSansBold", Arial, sans-serif;
}
legend {
	display: none;
}
label {
	font: 11px/13px "Arial", Helvetica, sans-serif; margin: 0px 0px 4px; color: rgb(190, 190, 190); display: block; font-size-adjust: none; font-stretch: normal;
}
input[type=text] {
	background: rgb(33, 44, 51); border-width: 1px 0px; border-style: solid; border-color: rgb(105, 110, 114); margin: 0px 0px 7px; padding: 5px; border-image: none; width: 100%; height: 25px; color: rgb(215, 215, 215); line-height: 13px; font-size: 11px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
input[type=password] {
	background: rgb(33, 44, 51); border-width: 1px 0px; border-style: solid; border-color: rgb(105, 110, 114); margin: 0px 0px 7px; padding: 5px; border-image: none; width: 100%; height: 25px; color: rgb(215, 215, 215); line-height: 13px; font-size: 11px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
input[type=email] {
	background: rgb(33, 44, 51); border-width: 1px 0px; border-style: solid; border-color: rgb(105, 110, 114); margin: 0px 0px 7px; padding: 5px; border-image: none; width: 100%; height: 25px; color: rgb(215, 215, 215); line-height: 13px; font-size: 11px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
form .btn {
	margin-top: 7px;
}
.custom-checkbox {
	margin-bottom: 7px;
}
.custom-checkbox label {
	font: 10px/11px "Arial", Helvetica, sans-serif; padding-left: 20px; position: relative; cursor: pointer; font-size-adjust: none; font-stretch: normal;
}
.custom-checkbox label span {
	background: url("img/login/checkbox.png") no-repeat left top; left: 0px; top: 0px; width: 11px; height: 11px; margin-right: 9px; display: block; position: absolute;
}
.custom-checkbox label a {
	color: rgb(149, 27, 30); text-decoration: none;
}
.custom-checkbox input {
	display: none;
}
.checked.custom-checkbox span {
	background-position: left bottom;
}
.custom-select {
	margin: 0px 30px 7px 0px; position: relative; cursor: pointer;
}
.custom-select .choice {
	background: rgb(33, 44, 51); border-width: 1px 0px; border-style: solid; border-color: rgb(105, 110, 114); font: 11px/28px "Arial", Helvetica, sans-serif; padding: 0px 0px 0px 6px; border-image: none; height: 28px; color: rgb(215, 215, 215); font-size-adjust: none; font-stretch: normal;
}
.custom-select .choice span {
	margin: 0px; padding: 0px; top: -1px; width: 30px; height: 28px; right: -30px; text-indent: -99999px; float: right; position: relative; z-index: 99;
}
.custom-select .choice span:active {
	padding: 0px;
}
.custom-select .choice span::before {
	left: 12px; top: 13px; width: 0px; height: 0px; font-size: 0px; border-top-color: rgb(255, 255, 255); border-right-color: transparent; border-left-color: transparent; border-top-width: 4px; border-right-width: 3px; border-left-width: 3px; border-top-style: solid; border-right-style: solid; border-left-style: solid; position: absolute; content: " ";
}
.open.custom-select .choice span::before {
	transform-origin: 50% 50%; transform: rotate(180deg); -moz-transform: rotate(180deg); -moz-transform-origin: 50% 50%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 50%; -o-transform: rotate(180deg); -o-transform-origin: 50% 50%;
}
.custom-select ul {
	background: rgb(82, 88, 93); border-width: 1px 0px; border-style: solid; border-color: rgb(105, 110, 114); padding: 4px 2px; border-image: none; left: 0px; top: 37px; width: 100%; display: none; position: absolute; z-index: 9; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.open.custom-select ul {
	display: block;
}
.custom-select li {
	font: 11px/20px "Arial", Helvetica, sans-serif !important; padding: 0px 8px !important; cursor: pointer !important; font-size-adjust: none !important; font-stretch: normal !important;
}
.custom-select li:hover {
	background: rgb(117, 121, 125) !important;
}
.msg-error {
	background: url("img/login/icon-error.png") no-repeat 176px, url("img/login/bg-error.gif") repeat-x left bottom rgb(121, 0, 0); border-width: 1px 0px; border-style: solid; border-color: rgb(158, 11, 15); padding: 20px 50px 20px 20px; border-image: none; left: -198px; width: 138px; color: rgb(255, 255, 255); display: none; position: absolute; z-index: 1000; box-shadow: 1px 0px 3px 0px rgba(0,0,0,0.6);
}
.msg-error::before {
	top: 50%; width: 0px; height: 0px; margin-top: -5px; border-top-color: transparent; border-bottom-color: transparent; border-top-width: 5px; border-bottom-width: 5px; border-top-style: solid; border-bottom-style: solid; position: absolute; z-index: 99; content: "";
}
.left.msg-error::before {
	right: -6px; border-left-color: rgb(56, 4, 5); border-left-width: 5px; border-left-style: solid;
}
.msg-error::after {
	top: 50%; width: 0px; height: 0px; margin-top: -5px; border-top-color: transparent; border-bottom-color: transparent; border-top-width: 5px; border-bottom-width: 5px; border-top-style: solid; border-bottom-style: solid; position: absolute; z-index: 99; content: "";
}
.left.msg-error::after {
	right: -5px; border-left-color: rgb(107, 0, 0); border-left-width: 5px; border-left-style: solid;
}
.right.msg-error::before {
	left: -6px; border-right-color: rgb(56, 4, 5); border-right-width: 5px; border-right-style: solid;
}
.right.msg-error::after {
	left: -5px; border-right-color: rgb(107, 0, 0); border-right-width: 5px; border-right-style: solid;
}
.msg-error p:first-child {
	margin: 0px;
}
.msg-error p {
	margin: 10px 0px 0px; line-height: 14px; font-size: 11px;
}
button {
	background: rgb(121, 0, 0); border-width: 1px 0px; border-style: solid; border-color: rgb(158, 11, 15); font: 16px/16px "ac3EagleSansRegular", Arial, sans-serif; padding: 9px 22px; border-image: none; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; vertical-align: middle; display: inline-block; position: relative; font-size-adjust: none; font-stretch: normal;
}
.button {
	background: rgb(121, 0, 0); border-width: 1px 0px; border-style: solid; border-color: rgb(158, 11, 15); font: 16px/16px "ac3EagleSansRegular", Arial, sans-serif; padding: 9px 22px; border-image: none; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; vertical-align: middle; display: inline-block; position: relative; font-size-adjust: none; font-stretch: normal;
}
button:hover {
	border-color: rgb(196, 22, 28); background-color: rgb(155, 0, 0);
}
.button:hover {
	border-color: rgb(196, 22, 28); background-color: rgb(155, 0, 0);
}
button.activate:hover {
	border-color: rgb(196, 22, 28); background-color: rgb(155, 0, 0);
}
.activate.button:hover {
	border-color: rgb(196, 22, 28); background-color: rgb(155, 0, 0);
}
button.activate:hover {
	padding: 9px 22px;
}
.activate.button:hover {
	padding: 9px 22px;
}
button:not(.disabled):active {
	border-color: rgb(158, 11, 15); padding-top: 10px; padding-bottom: 8px; background-color: rgb(103, 0, 0);
}
:not(.disabled).button:active {
	border-color: rgb(158, 11, 15); padding-top: 10px; padding-bottom: 8px; background-color: rgb(103, 0, 0);
}
button.activate {
	border-color: rgb(158, 11, 15); padding-top: 10px; padding-bottom: 8px; background-color: rgb(103, 0, 0);
}
.activate.button {
	border-color: rgb(158, 11, 15); padding-top: 10px; padding-bottom: 8px; background-color: rgb(103, 0, 0);
}
button:focus {
	
}
button.secondary {
	background: rgb(58, 69, 75); border-color: rgb(105, 110, 114);
}
.secondary.button {
	background: rgb(58, 69, 75); border-color: rgb(105, 110, 114);
}
button.secondary:hover {
	background: rgb(85, 96, 102); border-color: rgb(105, 110, 114);
}
.secondary.button:hover {
	background: rgb(85, 96, 102); border-color: rgb(105, 110, 114);
}
button.secondary:active {
	border-color: rgb(82, 86, 89); background-color: rgb(48, 66, 77);
}
.secondary.button:active {
	border-color: rgb(82, 86, 89); background-color: rgb(48, 66, 77);
}
button.disabled {
	background: rgb(31, 39, 44); border-color: rgb(105, 110, 114); color: rgba(255, 255, 255, 0.5); cursor: default;
}
.disabled.button {
	background: rgb(31, 39, 44); border-color: rgb(105, 110, 114); color: rgba(255, 255, 255, 0.5); cursor: default;
}
button.small {
	font: 11px/11px "ac3EagleSansRegular", Arial, sans-serif; padding: 7px 16px; font-size-adjust: none; font-stretch: normal;
}
.small.button {
	font: 11px/11px "ac3EagleSansRegular", Arial, sans-serif; padding: 7px 16px; font-size-adjust: none; font-stretch: normal;
}
button.activate.small:hover {
	padding: 7px 16px;
}
.activate.small.button:hover {
	padding: 7px 16px;
}
button:not(.disabled).small:active {
	padding-top: 8px; padding-bottom: 6px;
}
:not(.disabled).small.button:active {
	padding-top: 8px; padding-bottom: 6px;
}
.btn-close {
	background: url("img/icons/btn-close.png") no-repeat 0px 0px; width: 21px; height: 21px;
}
[class*='sprite-'] {
	text-indent: -99999px; display: inline-block; background-repeat: no-repeat;
}
a[class*='sprite-']:not(.button):hover {
	opacity: 1;
}
a[class*='sprite-']:not(.button) {
	transition:opacity 0.2s; opacity: 0.7; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -o-transition: width opacity 0.2s;
}
a[class*='sprite-']:not(.button):active {
	transition:opacity 0.2s; opacity: 0.7; -moz-transition: opacity 0.2s; -webkit-transition: opacity 0.2s; -o-transition: width opacity 0.2s;
}
.sprite-actions {
	width: 24px; height: 24px; background-image: url("img/icons/sprite-actions.png");
}
.ico-collapse {
	background-position: 0px 0px;
}
.ico-collapsed {
	background-position: -24px 0px;
}
.ico-close {
	background-position: -48px 0px;
}
.ico-expend {
	background-position: -48px -24px;
}
.ico-expend-back {
	background-position: -72px -24px;
}
.ico-back {
	background-position: 0px -24px;
}
.ico-help {
	background-position: -24px -24px;
}
.ico-forward {
	background-position: -72px 0px;
}
.ico-forward-large {
	background-position: 0px -48px;
}
.sprite-locked {
	width: 50px; height: 50px; background-image: url("img/icons/sprite-locked.png");
}
.ico-locked {
	background-position: 0px 0px;
}
.ico-locked-time {
	background-position: 0px -100px;
}
.ico-disabled {
	background-position: 0px -200px;
}
.btn-icon.button {
	padding: 12px 13px;
}
.btn-icon.button:active {
	padding-top: 13px; padding-bottom: 11px;
}
.small.btn-icon.button {
	padding: 5px 7px;
}
.small.btn-icon.button:active {
	padding-top: 6px; padding-bottom: 4px;
}
.icon {
	width: 21px; height: 21px; text-indent: -99999px; display: inline-block; background-repeat: no-repeat;
}
.icon-places {
	background: url("img/icons/icon-places.png") no-repeat center;
}
.icon-events {
	background: url("img/icons/icon-events.png") no-repeat center;
}
.icon-people {
	background: url("img/icons/icon-people.png") no-repeat center;
}
.icon-objects {
	background: url("img/icons/icon-objects.png") no-repeat center;
}
.icon-messages {
	background: url("img/icons/icon-messages.png") no-repeat center;
}
.icon-lost-memory {
	background: url("img/icons/icon-lost-memory.png") no-repeat center;
}
.link-line {
	margin: 0px; transform-origin: left top; width: 1px; position: absolute; opacity: 0; background-color: rgb(255, 255, 255); -moz-transform-origin: top left; -webkit-transform-origin: top left; -o-transform-origin: top left;
}
.pagination {
	font: 14px/28px "ac3EagleSansRegular", Arial, sans-serif; text-align: center; margin-bottom: 2px; font-size-adjust: none; font-stretch: normal;
}
.pagination a {
	padding: 0px 5px; display: inline-block;
}
.pagination span {
	padding: 0px 5px; display: inline-block;
}
.pagination {
	color: rgb(169, 169, 169);
}
.pagination a {
	color: rgb(169, 169, 169);
}
.pagination a:hover {
	color: rgb(31, 44, 52);
}
.pagination .selected {
	background: rgb(158, 11, 15); color: rgb(255, 255, 255);
}
.pagination .icon {
	padding: 0px; height: 28px;
}
.icon-pagination-next {
	background: url("img/icons/icon-pagination-next.png") no-repeat center;
}
.icon-pagination-prev {
	background: url("img/icons/icon-pagination-prev.png") no-repeat center;
}
.scroll-holder {
	position: relative;
}
.scrollable {
	overflow: hidden;
}
.scrollbar {
	transition:0.5s; top: 0px; right: 0px; visibility: hidden; position: absolute; opacity: 0; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: width all 0.5s;
}
.ready.scrollbar {
	visibility: visible; opacity: 1;
}
.scrollbar a {
	background-position: center; left: -1px; width: 9px; height: 9px; text-indent: -9999px; display: block; position: relative; background-repeat: no-repeat; background-color: rgb(106, 111, 116);
}
.scrollbar .handle {
	left: -2px;
}
.scrollbar .scroller {
	background: rgba(0, 0, 0, 0.75); margin: 3px 0px; border: 1px solid rgba(187, 189, 191, 0.22); border-image: none; width: 7px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.scrollbar .btn-scroll-up {
	background-image: url("img/btn-up.png");
}
.scrollbar .btn-scroll-down {
	background-image: url("img/btn-down.png");
}
.scrollbar .handle {
	background-image: url("img/btn-scroller.png");
}
#sequence .scrollbar {
	top: 10px; right: 10px;
}
.tooltip {
	background: rgb(255, 255, 255); font: 11px/13px "Arial", sans-serif; padding: 10px; border: 1px solid rgb(26, 26, 26); transition:opacity 0.3s; border-image: none; left: 0px; top: -99999px; width: 134px; color: rgb(67, 67, 67); text-transform: none; text-indent: 0px; position: absolute; z-index: 9999; box-sizing: border-box; font-size-adjust: none; font-stretch: normal; opacity: 0; pointer-events: none; box-shadow: 3px 3px rgba(0,0,0,0.42); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s;
}
.show.tooltip {
	opacity: 1;
}
.tooltip::before {
	left: 50%; width: 0px; height: 0px; margin-left: -5px; border-right-color: transparent; border-left-color: transparent; border-right-width: 5px; border-left-width: 5px; border-right-style: solid; border-left-style: solid; position: absolute; z-index: 999; content: "";
}
.up.tooltip::before {
	top: -5px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 5px; border-bottom-style: solid;
}
.down.tooltip::before {
	bottom: -5px; border-top-color: rgb(255, 255, 255); border-top-width: 5px; border-top-style: solid;
}
.tooltip::after {
	left: 50%; width: 0px; height: 0px; margin-left: -5px; border-right-color: transparent; border-left-color: transparent; border-right-width: 5px; border-left-width: 5px; border-right-style: solid; border-left-style: solid; position: absolute; z-index: 99; content: "";
}
.up.tooltip::after {
	left: 50%; top: -6px; border-bottom-color: rgb(0, 0, 0); border-bottom-width: 5px; border-bottom-style: solid;
}
.down.tooltip::after {
	bottom: -6px; border-top-color: rgb(0, 0, 0); border-top-width: 5px; border-top-style: solid;
}
.page {
	background: url("img/missions/ops-shadow.png") no-repeat top / 100% 100%, url("img/missions/ops-perlin.png") center 14px / auto auto, url("img/bg-map.jpg") top / auto auto; transition:opacity 1s; left: 0px; top: 0px; width: 100%; height: 100%; color: rgb(255, 255, 255); overflow: hidden; position: fixed; z-index: 910; max-height: 100%; opacity: 0; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s;
}
.open.page {
	opacity: 1;
}
.hide.page {
	display: none;
}
.page .container {
	margin: 0px auto; padding: 65px 0px 20px; width: 1000px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}
.page .scrollbar {
	top: 47px;
}
.page .scrollbar .scroller {
	background: rgba(255, 255, 255, 0.3); border: 0px currentColor; border-image: none; width: 15px;
}
.page .scrollbar a {
	background-position: center; left: 0px; width: 15px; background-repeat: no-repeat; background-color: rgba(231, 231, 231, 0.8);
}
.page .scrollbar a:hover {
	background-color: rgba(231, 231, 231, 1);
}
.page .scrollbar .btn-scroll-down {
	height: 15px;
}
.page .scrollbar .btn-scroll-up {
	height: 15px;
}
.page .scrollbar .btn-scroll-down {
	background-image: url("img/profile/btn-down.gif");
}
.page .scrollbar .btn-scroll-up {
	background-image: url("img/profile/btn-up.gif");
}
.page .scrollbar .handle {
	background-image: url("img/profile/btn-scroller.gif");
}
.unavailable {
	position: relative;
}
.unavailable .layer {
	background: rgba(8, 20, 32, 0.6); left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute; z-index: 9;
}
.unavailable .layer [class*='sprite-'] {
	margin: -25px 0px 0px -25px; left: 50%; top: 50%; position: absolute;
}
.unavailable .layer:hover .ico-locked {
	background-position: 0px -50px;
}
.unavailable .layer:hover .ico-locked-time {
	background-position: 0px -150px;
}
.unavailable [data-tooltip].layer:hover {
	background-position: center; background-image: url("img/icons/icon-locked-bg.png"); background-repeat: no-repeat;
}
.unavailable .small .ico-locked {
	background-position: -50px 0px;
}
.unavailable .small .ico-locked-time {
	background-position: -50px -100px;
}
.unavailable .small .ico-disabled {
	background-position: -50px -200px;
}
.unavailable .small:hover .ico-locked {
	background-position: -50px -50px;
}
.unavailable .small:hover .ico-locked-time {
	background-position: -50px -150px;
}
.unavailable .small:hover .ico-disabled {
	background-position: -50px -250px;
}
.unavailable [data-tooltip].small:hover {
	background-image: url("img/icons/icon-locked-bg-small.png");
}
