@font-face{
    font-family: 'Gabriela';
    font-weight: normal;
    font-style: normal;
    src: url('/i/fonts/Gabriela-Regular_0.ttf') format('truetype');
}
BODY {
	FONT-SIZE: 13px; FONT-FAMILY: Verdana, Arial, Helvetica, Tahoma, sans-serif
}
TD {
	FONT-SIZE: 10pt; FONT-FAMILY: Verdana, Arial, Helvetica, Tahoma, sans-serif
}
OL {
	FONT-SIZE: 10pt; FONT-FAMILY: Verdana, Arial, Helvetica, Tahoma, sans-serif
}
UL {
	FONT-SIZE: 10pt; FONT-FAMILY: Verdana, Arial, Helvetica, Tahoma, sans-serif
}
LI {
	FONT-SIZE: 10pt; FONT-FAMILY: Verdana, Arial, Helvetica, Tahoma, sans-serif
}
P {
	FONT-SIZE: 10pt; FONT-FAMILY: Verdana, Arial, Helvetica, Tahoma, sans-serif
}
.text {
	FONT-WEIGHT: normal; FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, Tahoma, sans-serif
}
H3 {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #8f0000; FONT-FAMILY: Arial; TEXT-ALIGN: center
}
H4 {
	FONT-WEIGHT: bold; FONT-SIZE: 11pt; MARGIN-BOTTOM: 5px; COLOR: #8f0000; FONT-FAMILY: Arial
}
H5 {
	MARGIN-TOP: 0px; FONT-WEIGHT: bold; FONT-SIZE: 11pt; MARGIN-BOTTOM: 0px; COLOR: #4f0000; FONT-FAMILY: Arial
}
H6 {
 FONT-WEIGHT: bold; FONT-SIZE: 10pt; MARGIN-BOTTOM: 0px; COLOR: black; FONT-FAMILY: Verdana
}
H2 {
 FONT-WEIGHT: bold; FONT-SIZE: 10pt; MARGIN-BOTTOM: 0px; COLOR: #8f0000; FONT-FAMILY: Verdana
}
A {
	FONT-WEIGHT: bold; COLOR: #003388; TEXT-DECORATION: none
}
A:visited {
	FONT-WEIGHT: bold; COLOR: #003388; TEXT-DECORATION: none
}
A:active {
	COLOR: #6f0000
}
A:hover {
	COLOR: #0066ff
}
.date {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #007000; FONT-FAMILY: Courier; TEXT-DECORATION: none
}
.date2 {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #007000; FONT-FAMILY: Courier; BACKGROUND-COLOR: #00ffaa; TEXT-DECORATION: none
}
.sysdate {
	FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #b00000; FONT-FAMILY: Courier; TEXT-DECORATION: none
}
.private {
	FONT-WEIGHT: bold; COLOR: red; BACKGROUND-COLOR: #fae0e0
}
A.private {
	FONT-WEIGHT: bold; COLOR: red; BACKGROUND-COLOR: #fae0e0
}
A.private:hover {
	FONT-WEIGHT: bold; COLOR: red; BACKGROUND-COLOR: #fae0e0
}
A.private:visited {
	FONT-WEIGHT: bold; COLOR: red; BACKGROUND-COLOR: #fae0e0
}
A.private:active {
	FONT-WEIGHT: bold; COLOR: red; BACKGROUND-COLOR: #fae0e0
}
.number {
	FONT-WEIGHT: bold; FONT-SIZE: 11pt; COLOR: #6f0000
}
.dsc {
	FONT-WEIGHT: normal; COLOR: #606060
}
SELECT {
	BORDER-RIGHT: #b0b0b0 1pt solid; BORDER-TOP: #b0b0b0 1pt solid; MARGIN-TOP: 1px; FONT-SIZE: 10px; MARGIN-BOTTOM: 2px; BORDER-LEFT: #b0b0b0 1pt solid; COLOR: #191970; BORDER-BOTTOM: #b0b0b0 1pt solid; FONT-FAMILY: MS Sans Serif
}
TEXTAREA {
	BORDER-RIGHT: #b0b0b0 1pt solid; BORDER-TOP: #b0b0b0 1pt solid; MARGIN-TOP: 1px; FONT-SIZE: 10px; MARGIN-BOTTOM: 2px; BORDER-LEFT: #b0b0b0 1pt solid; COLOR: #191970; BORDER-BOTTOM: #b0b0b0 1pt solid; FONT-FAMILY: MS Sans Serif
}
INPUT {
	BORDER-RIGHT: #b0b0b0 1pt solid; BORDER-TOP: #b0b0b0 1pt solid; MARGIN-TOP: 1px; FONT-SIZE: 10px; MARGIN-BOTTOM: 2px; BORDER-LEFT: #b0b0b0 1pt solid; COLOR: #191970; BORDER-BOTTOM: #b0b0b0 1pt solid; FONT-FAMILY: MS Sans Serif
}
.ahint {
	FONT-SIZE: 8px; COLOR: #000080; FONT-FAMILY: MS Sans Serif; TEXT-DECORATION: none
}
#hint2 {
	VISIBILITY: hidden; WIDTH: 140px; POSITION: absolute; BACKGROUND-COLOR: #fff6dd; layer-background-color: #FFF6DD
}
#hint3 {
	VISIBILITY: hidden; WIDTH: 240px; POSITION: absolute; BACKGROUND-COLOR: #fff6dd; layer-background-color: #FFF6DD
}
.B1 {
	FONT-WEIGHT: bold; COLOR: #6666cc
}
.B2 {
	FONT-WEIGHT: bold; COLOR: #b06a00
}
.B {
	FONT-WEIGHT: bold;
}
IMG {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
TABLE {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}




/*----------------------------------------------------------------------------
			  М О Д А Л Ь Н Ы Е   О К Н А  ( S I M P L E M O D A L )
*/
#simplemodal-overlay {background-color:#000; cursor:wait;}

#simplemodal-container {
  background-color:#e2e0e0;
  border:1px solid #000;
  padding: 10px;
}

#simplemodal-wraper{
}

div.simplemodal-content{
  display:none;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-widget-header {
  border: 1px solid #a5a5a5;
  background: #c7c7c7 url(/i/jquery-ui/images/ui-bg_flat_100_c7c7c7_40x100.png) 50% 50% repeat-x;
  color: #bf0000;
  font-weight: bold;
}

/* Используйте этот класс для контейнеров основного содержимого в фрейме main*/
.contentContainer {
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  height: auto;
  position: relative;
}
.contentContainer--adaptive,
.contentContainer.adaptive {
  max-width: 1000px;
  width: 100%;
  min-width: 320px;
}
/* Это контейнер "кнопочной станции" в правом верхнем углу */
div.buttonContainer {
  position: relative;
  right: 0px;
  top: 1px;
  text-align: center;
  overflow: hidden;
  padding: 2px;
  zoom: 1;
}
/*Кнопки выстраиваются справа в ряд с заданым интервалом*/
div.buttonContainer h1 {
  display: inline;
}
div.buttonContainer input.button {
  float: right;
  margin-right: 15px;
}
div.buttonContainer input.left,
div.buttonContainer div.arrivalProgress,
div.buttonContainer input.help{
  float:left;
  margin-left:15px;
  margin-right:0;
}

div.buttonContainer div.arrivalProgress,
div.buttonContainer div.arrivalProgress .ui-progressbar-value,
div.buttonContainer input.help{
  border: 1px solid #555;
}
div.buttonContainer div.arrivalProgress .ui-progressbar-value{
  border-right: none;
}

div.buttonContainer div.arrivalProgress{
  height: 15px;
  width:  60px;
  margin-top: 1px;
}

div.buttonContainer input.help{
  background-color: #A9AFC0;
  width:30px;
}

div.buttonContainer input.button-route-notArrived{
  color: gray;  
}

/*Кнопка справки выделяется оригинальным цветом*/
div.buttonContainer input.help {
  background-color: rgb(169, 175, 192)
}

/* ------------ Система сообщений ---------------*/
div.msg {
  padding: 2px 10px;
}

span.msg_e,
span.msg_i,
span.msg_w,
span.msg_j,
span.msg_g,

span.msg_d{
  font-size: 90%;
  font-weight: bold;
  display:block;
}

span.msg_e{
  color: #f00
}

span.msg_i {
  color: #00f
}

span.msg_w {
  color: #800000
}

span.msg_j {
  color: #800000
}

span.msg_g {
  color: #888
}

span.msg_d{
  color: #666
}

input.grabLogin{
  border-color: green;
}

/* --------------- Переопределение jGrowl ----------------------- */
.jGrowl:hover{
    opacity: 1;
}
div#jGrowl{color: black;}

div#jGrowl.top-left{padding-left: 20px;}

div#jGrowl.top-right{padding-right: 30px;}


div.jGrowl div.jGrowl-header{
  font: bold 13px/15px Verdana, sans-serif !important;
  background-color: #C7C7C7;
  padding: 3px;
}

div.jGrowl .jgrowl-moover{cursor: pointer; padding: 3px 0;}

div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer {
  border: 1px solid #B0B0B0;
  background: #E6E6E6 !important;
}
div.jGrowl div.jGrowl-notification,
div.jGrowl div.jGrowl-closer{margin: 4px 0 0 0 !important; opacity: 0.93}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer{
    padding: 1px;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
}

div.jGrowl-notification{background: #E6E6E6 !important;}
div.jGrowl div.jGrowl-close{
  width: 13px;
  height: 13px;
  cursor: pointer;
  float: right;
  padding: 2px 2px 0 0;
}

div#jGrowl div.jGrowl-message {
  padding: 5px 2px;
  font-weight: bold;
  text-shadow: 1px 1px 0px #F5F5F6;
}
div#jGrowl div.msg_d div.jGrowl-message {color: gray;}

div#jGrowl div.msg_i div.jGrowl-message {
  color: blue;
}

div#jGrowl div.msg_w div.jGrowl-message {color: #CA5633;}
div#jGrowl div.msg_e div.jGrowl-message {color: #E00000;}

/*------------------------ CT-интерфейс -----------------------------------*/

div.ctContainerA, div.ctContainerB {
  position: relative;
  margin-bottom: 5px;
  padding: 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  -khtml-border-radius: 5px 5px 5px 5px;
}
div.ctContainerA {
  border: 2px groove threedface;
 }
div.ctTitle {
  margin-bottom: 3px;
  border-bottom: 2px groove threedface;
  font-weight: bold;
  color: #bf0000;
}
div.ctContent{
  overflow: hidden;
  position: relative;
  width: 100%; /* помешать не должно. Поставил, ибо таблицы с width=100% в ie6 требуют указать ширину для контейнера*/
}

div.ctToggle div.ctTitle{
  cursor: pointer;
}

div.ctToggle div.ctContent.hidden{
  display:none;
}



img.slot[slottype="1"],
img.slot[slottype="2"],
img.slot[slottype="3"],
img.slot[slottype="4"],
img.slot[slottype="5"],
img.slot[slottype="6"],
img.slot[slottype="8"],
img.slot[slottype="9"],
img.slot[slottype="10"],
img.slot[slottype="11"]{
  width: 60px;
}
img.slot[slottype="7"]{
  width: 20px
}
img.slot[slottype="12"]{
  width: 40px;
}
img.slot[slottype="1"],
img.slot[slottype="2"],
img.slot[slottype="7"]{
  height: 20px;
}
img.slot[slottype="3"],
img.slot[slottype="8"],
img.slot[slottype="10"]{
  height: 60px;
}
img.slot[slottype="4"],
img.slot[slottype="5"],
img.slot[slottype="6"]{
  height: 80px;
}
img.slot[slottype="9"],
img.slot[slottype="11"]{
  height: 40px;
}
img.slot[slottype="12"]{
  height: 25px;
}
img.slot.halign{
  position: absolute;
  left: 50%;
}
img.slot.halign[slottype="1"],
img.slot.halign[slottype="2"],
img.slot.halign[slottype="3"],
img.slot.halign[slottype="4"],
img.slot.halign[slottype="5"],
img.slot.halign[slottype="6"],
img.slot.halign[slottype="8"],
img.slot.halign[slottype="9"],
img.slot.halign[slottype="10"],
img.slot.halign[slottype="11"]{
  margin-left: -30px;
}
img.slot.halign[slottype="7"]{
  margin-left: -10px
}
img.slot.halign[slottype="12"]{
  margin-left: -20px;
}
img.slot.valign{
  position: absolute;
  top: 50%;
}
img.slot.valign[slottype="1"],
img.slot.valign[slottype="2"],
img.slot.valign[slottype="7"]{
  margin-top: -10px;
}
img.slot.valign[slottype="3"],
img.slot.valign[slottype="8"],
img.slot.valign[slottype="10"]{
  margin-top: -30px;
}
img.slot.valign[slottype="4"],
img.slot.valign[slottype="5"],
img.slot.valign[slottype="6"]{
  margin-top: -40px;
}
img.slot.valign[slottype="9"],
img.slot.valign[slottype="11"]{
  margin-top: -20px;
}
img.slot.valign[slottype="12"]{
  margin-top: -12px;
}

span.order-state{
  font-weight: bold;
  color: red;
}
span.order-state[state="0"]{
  color: red;
}
span.order-state[state="1"]{
  color: gray;
}
span.order-state[state="2"]{
  color: green;
}
span.order-state[state="3"]{
  color: darkgreen;
}

div.thingTailContainer{
  overflow: hidden
}

div.thingTailContainer > div.item {
  border: 1px solid black;
  float: left;
  height: 150px;
  margin: 0 0 30px 30px;
  width: 150px;
  position: relative;
}
div.thingTailContainer > div.item > div.title {
  font-size: 75%;
  font-weight: bold;
  text-align: center;
}
div.thingTailContainer > div.item > div.img {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
}
div.thingTailContainer > div.item > div.control {
  padding: 0 3px;
  font-size: 90%;
  position: absolute;
  bottom: 0px;
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
/*------------------------ -----------------------------------*/
/****************************************************/

.turn {
  padding: 0 20px;
  position: relative;
}

.turn h2 {
  color: #004;
  margin: 3px 0;
  font-size:16px;
  font-weight: 400;
}

.turn .list table {
  float: left;
}

.turn .list table {
  width: 100%;
  border-collapse: collapse;
}

.turn .list tr th {
  background-color: #cecece;
  color: #222;
  padding: 2px 10px;
  border: 1px solid #666;
  font-weight: 400;
  font-style: italic;
}

.turn .list tr th.left,
.turn .list tr td.left {
  text-align: left;
}

.turn .list tr th.center,
.turn .list tr td.center {
  text-align: center;
}

.turn .list tr th.w10,
.turn .list tr td.w10 {
  width: 5%;
}

.turn .list tr td {
  border: 1px solid #666;
  padding: 2px 10px;
  font-size: 12px;
}

.turn .list tr.odd td {
  background-color: #f9f9f9;
}

.turn .list tr td a {
  font-size: 13px;
  text-decoration: underline;
  font-weight: 400;
}
.back {
  position: absolute;
  right: 20px;
  top: 15px;
}
.turn_info {
  width: 400px;
  clear: both;
  padding: 2px 0;
}

.m {
    background: #99CCCC;
    text-align: center;
}

/* ---------------------- вывод списка эффектов html::effectList -----------------------------*/
div.effectList{
  font-size: smaller;
  text-align: left;
}
div.effectList > div{
  clear: both;
  padding: 5px;
  border-radius:5px;
  position: relative;
}
div.effectList > div:hover{
  background-color: #d2d2d2;
  -webkit-box-shadow: 0px 0px 5px 0px #d2d2d2;
  box-shadow: 0px 0px 5px 0px #d2d2d2;
}
div.effectList > div > .cancel{
  position: absolute;
  right: 3px;
  top: 3px;
}
div.effectList > div > .image{
  float:left;
  margin-right: 3px;
}
div.effectList > div > .title{
  font-weight: bold;
}
div.effectList > div > .timeleft{
  text-align: right;
}
div.effectList > div > [action]{
  cursor: pointer;
}
div.effectList .timeleft:before{
  content:" (ещё\00a0";
}
div.effectList .timeleft:after{
  content: ")";
}
/*-------------------- funnyjob -------------------*/
.fj__stage-c {
  display: flex;
  justify-content: space-evenly;
}
.fj__stage-item-w {
  flex: 0 1 120px;
  margin: 0.2em;
  position: relative;
  padding: 0.2em;
}
.fj__stage-item {
  position: absolute;
  border: 1px solid silver;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.fj__stage-item-w:after {
  content: "";
  padding-top: 100%;
  display: block;
}
.fj__stage-item h3 {
  margin: 0;
}
.fj__stage-item--inactive img {
  opacity: 0.3;
}
#fj__c hr {
  border: none;
  border-top: 1px solid black;
  width: 70%;
}
.fj__jobs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.fj__job {
  flex: 1 0 300px;
  background: #c7c7c7;
  margin: 0.4em;
  border: 1px solid #808080;
  border-radius: 3px;
  min-height: 80px;
  padding: 0.3em;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  max-width: 400px;
}
.fj__jobs--is-hidden-pays .fj__pay {
  display: none;
}
.fj__job--complete .fj__title,
.fj__job--complete .fj__caption {
  text-shadow: 1px 1px 2px #eee;
  color: #808080;
}
.fj__job--complete .fj__caption {
  color: #eee;
}
.fj__caption {
  flex: 1 0 auto;
}
.fj__pay {
  display: block;
  text-align: left;
  font-size: smaller;
  margin-top: 0.5em;
}
.fj__progress {
  display: flex;
}
.fj__complete {
  font-weight: bold;
  font-family: Gabriela, Arial, sans-serif;
  font-size: 30px;
  text-align: center;
  color: #02851e;
}
.fj__score {
  flex: 0 0 auto;
  font-size: 110%;
  font-family: monospace;
}
.fj__bar.ui-progressbar {
  flex: 1 1 auto;
  margin: 0 0.3em;
  font-size: 50%;
  border-radius: 100px;
  height: 12px;
  border: 1px solid #808080;
  background: #acacac;
}
.fj__bar .ui-progressbar-value {
  background: #02851E;
}
@media screen and (max-width: 500px) {
  #fj__c hr {
    display: none;
  }
  .fj__stage-item {
    border: none;
  }
  .fj__job {
    min-height: 60px;
    margin: 0.2em;
  }
}
.fj-rating__w {
  display: flex;
  justify-content: space-evenly;
  flex-flow: row wrap;
}
.fj-rating__table {
  flex: 1 1 3200px;
  max-width: 400px;
  padding: 0.3em;
}
.fj-rating__table table {
  border: 1px solid #000000;
  width: 100%;
}
.fj-rating__table td {
  padding: 0.3em;
}
.fj-rating__table td:nth-child(1),
.fj-rating__table td:nth-child(3) {
  text-align: center;
}

.cs-desc {
  border: 1px solid #A5A5A5;
  background: #e5e5e5;
  padding: 0.5em;
  max-width: 60em;
  min-width: 23em;
  margin: 0 auto;
  border-radius: 3px;
}

.tagged {
  font-weight: bold;
}

.bgcolor{
    background: #e2e0e0;
}

/* ------------------ вывод логина html::nick -----------------*/
span.nick span.login {
  font-weight: bold;
}
span.nick[data-team="1"] span.login {
  color: #6666cc;
}
span.nick[data-team="2"] span.login {
  color: #b06a00;
}
span.nick img {
  vertical-align: middle;
}
span.nick img.clan {
  width: 24px;
  height: 15px;
}
span.nick img.align {
  width: 12px;
  height: 15px;
}

/*
  Common Style
 */
/* cs-date строка с датой*/
/*.date, .date2, .date3, .sysdate, .log-time*/
.cs-date {
  font-weight: normal;
  color: #007000;
  font-size: 83%;
}
.cs-date--shadow {
  text-shadow: #b0b0b0 1px 1px 1px;
}
.cs-msg--i {
  color: #0000ff;
}
.cs-msg--s {
  color: #0000ff;
}
.cs-msg--w {
  color: #ca5633;
}
.cs-msg--e {
  color: #e00000;
}
.cs-msg--d {
  color: #808080;
}