html , body {
  margin: 0;
  height:100%;
  width:100%;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:10pt;
	/*-webkit-user-select: none;
	-moz-user-select: none;*/
  min-width:750px;

 /* background:url('/img/zmk_all.jpg') no-repeat;*/
  background-size:cover;
  background-color:#000;
  background-position:center center;

  background-color:#000;
}

.bgone {
 /* background:url('/img/zmk_t2.jpg') no-repeat;*/
  background-size:100% auto;
  background-color:#000;
  background-position:bottom center;
}

.bgtwo {
 /* background:url('/img/zmk_d3.jpg') no-repeat;*/
  background-size:100% auto;
  background-color:#000;
  background-position:top center;
}

.blink_me0 {
  animation: blinker0 2s linear infinite;
}
@keyframes blinker0 {
  25% {
    opacity: 0;
  }
}

.blink_me1 {
  animation: blinker1 3s linear infinite;
}
@keyframes blinker1 {
  55% {
    opacity: 0;
  }
}

.blink_me2 {
  animation: blinker2 1.5s linear infinite;
}
@keyframes blinker2 {
  75% {
    opacity: 0;
  }
}


.bw26 {
	position:absolute;
	background:url('/img/bw_on.png');
	background-position:-725px 0;
	width:25px;
	height:45px;
	z-index:31;
	left:615px;
	top:-10px;
}

.bw25 {
	position:absolute;
	background:url('/img/bw_on.png');
	background-position:-695px 0;
	width:25px;
	height:45px;
	z-index:31;
	left:585px;
	top:-10px;
}

.bw24 {
	position:absolute;
	background:url('/img/bw_on.png');
	background-position:-670px 0;
	width:25px;
	height:45px;
	z-index:31;
	left:560px;
	top:-10px;
}

.bw23 {
	position:absolute;
	background:url('/img/bw_on.png');
	background-position:-640px 0;
	width:25px;
	height:45px;
	z-index:31;
	left:530px;
	top:-10px;
}

.bw22 {
	position:absolute;
	background:url('/img/bw_on.png');
	background-position:-615px 0;
	width:25px;
	height:45px;
	z-index:31;
	left:505px;
	top:-10px;
}

.bw21 {
	position:absolute;
	background:url('/img/bw_on.png');
	background-position:-585px 0;
	width:25px;
	height:45px;
	z-index:31;
	left:475px;
	top:-10px;
}

.bw20 {
	position:absolute;
	background:url('/img/bw_on.png');
	background-position:-565px 0;
	width:25px;
	height:45px;
	z-index:31;
	left:455px;
	top:-10px;
}

.bw19 {
	position:absolute;
	background:url('/img/bw_on.png');
	background-position:-535px 0;
	width:25px;
	height:45px;
	z-index:31;
	left:425px;
	top:-10px;
}

.bw18 {
	position:absolute;
	background:url('/img/bw_on.png');
	background-position:-500px 0;
	width:25px;
	height:45px;
	z-index:31;
	left:390px;
	top:-10px;
}

.bw17 {
	position:absolute;
	background:url('/img/bw_on.png');
	background-position:-470px 0;
	width:25px;
	height:45px;
	z-index:31;
	left:360px;
	top:-10px;
}

.bw16 {
	position:absolute;
	background:url('/img/bw_on.png');
	background-position:-440px 0;
	width:25px;
	height:45px;
	z-index:31;
	left:330px;
	top:-10px;
}

.bw15 {
	position:absolute;
	background:url('/img/bw_on.png');
	background-position:-410px 0;
	width:25px;
	height:45px;
	z-index:31;
	left:300px;
	top:-10px;
}

.bw14 {
	position:absolute;
	background:url('/img/bw_on.png');
	background-position:-385px 0;
	width:25px;
	height:45px;
	z-index:31;
	left:275px;
	top:-10px;
}

.bw13 {
	position:absolute;
	background:url('/img/bw_on.png');
	background-position:-355px 0;
	width:25px;
	height:45px;
	z-index:31;
	left:245px;
	top:-10px;
}

.bw12 {
	position:absolute;
	background:url('/img/bw_on.png');
	background-position:-330px 0;
	width:25px;
	height:45px;
	z-index:31;
	left:220px;
	top:-10px;
}

.bw11 {
	position:absolute;
	background:url('/img/bw_on.png');
	background-position:-300px 0;
	width:25px;
	height:45px;
	z-index:31;
	left:190px;
	top:-10px;
}

.bw10 {
	position:absolute;
	background:url('/img/bw_on.png');
	background-position:-260px 0;
	width:25px;
	height:45px;
	z-index:31;
	left:150px;
	top:-10px;
}

.bw9 {
	position:absolute;
	background:url('/img/bw_on.png');
	background-position:-235px 0;
	width:25px;
	height:45px;
	z-index:31;
	left:125px;
	top:-10px;
}

.bw8 {
	position:absolute;
	background:url('/img/bw_on.png');
	background-position:-200px 0;
	width:25px;
	height:45px;
	z-index:31;
	left:90px;
	top:-10px;
}

.bw7 {
	position:absolute;
	background:url('/img/bw_on.png');
	background-position:-170px 0;
	width:25px;
	height:45px;
	z-index:31;
	left:60px;
	top:-10px;
}

.bw6 {
	position:absolute;
	background:url('/img/bw_on.png');
	background-position:-135px 0;
	width:25px;
	height:45px;
	z-index:31;
	left:25px;
	top:-10px;
}

.bw5 {
	position:absolute;
	background:url('/img/bw_on.png');
	background-position:-110px 0;
	width:25px;
	height:45px;
	z-index:31;
	left:0px;
	top:-10px;
}

.bw4 {
	position:absolute;
	background:url('/img/bw_on.png');
	background-position:-85px 0;
	width:25px;
	height:45px;
	z-index:31;
	left:-25px;
	top:-10px;
}

.bw3 {
	position:absolute;
	background:url('/img/bw_on.png');
	background-position:-55px 0;
	width:25px;
	height:45px;
	z-index:31;
	left:-55px;
	top:-10px;
}

.bw2 {
	position:absolute;
	background:url('/img/bw_on.png');
	background-position:-25px 0;
	width:25px;
	height:45px;
	z-index:31;
	left:-85px;
	top:-10px;
}

.bw1 {
	position:absolute;
	background:url('/img/bw_on.png');
	background-position:0 0;
	width:25px;
	height:45px;
	z-index:31;
	left:-110px;
	top:-10px;
}

.bw0 {
	position:absolute;
	background:url('/img/bw_off.png');
	z-index:30;
	width:749px;
	height:45px;
	left:-110px;
	top:-10px;
}

#keypad {
	border:1px solid #2B2B18;
	width:1050px;
	padding-bottom:20px;
	margin-bottom:10px;
	margin-top:10px;
}

#keypad input {
	background-color:#2B2B18; /* DFDDD3 */
	border:1px solid #817A63;
	color:#817A63; /* 2B2B18 */
	border-radius:none;
    -webkit-border-radius:0; 
    border-radius:0;
	-webkit-appearance: none;
	min-width:27px;
	font-size:9pt;
	text-align:center;
    opacity: 0.77;
}

.btnzer {
	width:144px;
}

#keypad input:hover {
	cursor:pointer;
	background-color:#DFDDD3; /* 2B2B18 */
    color:#2B2B18; /* 817A63 */
    opacity: 1;
}

.inpng {
	background-color:#151616;
	border:1px solid #817A63;
	color:#DFDDD3;
	font-size:11pt;
	margin:2px;
	padding-left:2px;
    -webkit-border-radius:0; 
    border-radius:0;
	-webkit-appearance: none;
	padding:3px;
	border-radius:2px;
}

.keyboico1 {
	vertical-align:text-top;
	margin-bottom:5px;
	cursor:pointer;
}

.keyboico1:hover {
	cursor:pointer;
	background-color:#3A2F1E;
}

.btnngenter {
	background:none;
	background-image:url('/img/enter.png');
	background-repeat:none;
	width:76px;
	height:29px;
	border:0;
	color:#DFDCD3;
}

.btnngenter:hover {
	color:#B8B29E;
	cursor:pointer;
}

.btnngenter2 {
	background:none;
	background-image:url('/img/enter2.png');
	background-repeat:no-repeat;
	width:164px;
	height:29px;
	border:0;
	color:#DFDCD3;
}

.btnngenter2:hover {
	color:#B8B29E;
	cursor:pointer;
}
.btnactivete {
	background:none;
	background-image:url('/img/enter2.png');
	background-repeat:no-repeat;
	background-size:contain;
	width:225px;
	height:40px;
	border:0;
	color:#DFDCD3;
}

.btnactivete:hover {
	color:#B8B29E;
	cursor:pointer;
}

.btnng {
	background-color:#2B2B18;
	border:1px solid #817A63;
	color:#DFDDD3;
	font-size:10pt;
	margin:2px;
	border-radius:none;
    -webkit-border-radius:0; 
    border-radius:0;
	-webkit-appearance: none;    
}

.btnng:hover {
	background-color:#1E1E11;
	cursor:pointer;
}

a:link {
	COLOR: #F9F7EA;
	TEXT-DECORATION: none;
	font-weight: normal;
}
a:visited {
	COLOR: #F9F7EA;
	TEXT-DECORATION: none;
	font-weight: normal;
}
a:active {
	COLOR: #77684D;
	TEXT-DECORATION: none;
	font-weight: normal;
}
a:hover {
	COLOR: #7E7765; TEXT-DECORATION: underline
}

.xmas {
 height: 194px;
 width: 445px;
 position: relative;
 padding-left:29px;
}
.xmas .xmas-message {
 position: absolute;
 left: 50%;
 top: 50%;
 z-index: 2;
 -ms-transform: translate(-50%, -50%);
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 width: calc(90% - 6rem);
 height: calc(100% - 12rem);
 margin: 0 auto;
}
.xmas .from {
 position: absolute;
 bottom: 40px;
 width: 100%;
 z-index: 3;
 text-align: center;
}
.xmas .from div {
 font-family: "quimby-mayoral", sans-serif;
 color: #ffffff;
 font-size: 40px;
 margin-bottom: 10px;
}
.xmas .from .gc-link {
 display: inline-block;
 font-family: "brandon-grotesque", sans-serif;
 font-size: 24px;
 color: #ffffff;
 -webkit-transition: 400ms ease;
 transition: 400ms ease;
 text-decoration: none;
 text-transform: uppercase;
}
.xmas .from .gc-link:hover {
 color: #1cff94;
}
.xmas #xmas {
 width: 100%;
 height: 100%;
 position: relative;
 z-index: 2;
}

.regiform a:visited { text-decoration: none; FONT-WEIGHT: bold; color: #003388; }
.regiform a { text-decoration: none; FONT-WEIGHT: bold; color: #003388; }
.regiform a:active	{ color: #6F0000}
.regiform a:hover		{ color: #0066FF}

.mmg {
	font-size:11px;
}

.btnnew {
  margin-bottom:5px;
  border: none;
  outline: none;
  vertical-align: top;
  cursor: pointer; 
  border-radius: 1px;
  padding: 4px 8px;
  margin-right: 0;
  line-height: normal;
  color: #504F4C;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.2);
  background-image: linear-gradient( rgba(255, 255, 255, .5) 0%, rgba(155, 155, 155, 0.5) 100%), linear-gradient( #b8b8b8 0%, #e9e9e9 51%, #FFFFFF 100%);
  background-color: #C9C9C9;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5),
              0 1px 1px rgba(0, 0, 0, .3)
}

.btnnew:hover {
  background-image: linear-gradient( rgba(255, 255, 255, .5) 0%, rgba(100, 100, 100, 0.5) 100%), linear-gradient( #b8b8b8 0%, #e9e9e9 51%, #FFFFFF 100%);
}

.btnnew:active {
  background-image: linear-gradient(   rgba(155, 155, 155, .6) 0%,
                        rgba(100, 100, 100, .6) 100%),
                    linear-gradient(#d5d5d5 0%,
                        #fff 51%, #717171 100%);
  background-color: #708e6a;
  box-shadow: inset 0 1px 5px rgba(0, 0, 0, .6);
  border-radius: 3px;
}

hr {border:0;border-bottom:1px solid #aeaeae; }

.cp {
	cursor:pointer;
}

.psi_main {
	background-color:#0e0e0e;
}

.psi_btn {
	width:179px;
	height:50px;
	background-image:url(/images/psi_btn1.png);
	background-position:0 -50px;
	display:inline-block;
}

.psi_btn:hover {
	background-position:0 0px;
	cursor:pointer;
}

.psi_btn:active {
	background-position:0 1px;
	cursor:pointer;
}

.psi_logo {
	background-image:url(/images/combats_logo.png);
	width:790px;
	height:263px;
	position:absolute;
	top:20px;
	left:-160px;
}

.psi_fix {
	position:relative;
	height:263px;
}

.psi_main_reg {
	background-color:#0e0e0e;
	font-family:Minion Pro;
	font-size:14px;
	color:#daad5e;
	background-image:url(/images/reg_bg.png);
}

.psi_mainin {
	padding-left:22px;
	padding-right:22px;
}

.psi_mleft {
	background-image:url(/images/leftl.png);
}

.psi_mright {
	background-image:url(/images/rightl.png);
}

.psi_tline {
	background-image:url(/images/top_line.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

.psi_dline {
	background-image:url(/images/bottom_line.png);
}

.psi_dlimg {
	background-image:url(/images/leftd.png);
}

.psi_drimg {
	background-image:url(/images/rightd.png);
}

.psi_tlimg {
	background-image:url(/images/left.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

.psi_trimg {
	background-image:url(/images/right.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

/* psi_check1 */
.psi_check1 {
	width:19px;
	height:19px;
	background-image:url(/images/psi_checkbox.png);
	background-position:0 0;
	position:relative;
	vertical-align:bottom;
	cursor:pointer;
}

.psi_check1s {
	width:19px;
	height:19px;
	background-image:url(/images/psi_checkbox.png);
	background-position:0 -19px;
	position:relative;
	vertical-align:bottom;
	cursor:pointer;
}

/* input 1 */
.psi_input1_none {
	background-color:#ded7bd;
	border:solid 1px #302f2a;
	padding:3px;
	color:#000;
}

.psi_input1_green {
	background-color:#ded7bd;
	border:solid 1px #5d8d00;
	padding:5px;
	color:#5d8d00;
}

.psi_input1_red {
	background-color:#ded7bd;
	border:solid 1px #ae1313;
	padding:5px;
	color:#ae1313;
}

.psi_list {
	display:inline-block;
}

.psi_list select {
	background-color:#ded7bd;
	border:solid 1px #ded7bd;
	color:#302f2a;
}

/* radio 1 */
.radio1txt {
	color: #302f2a;
}

.radio1txt:hover {
	color: #5A636B;
}

.psi_radio1 {
	height:19px;
	background-image:url(/images/pri_radio.png);
	background-position:0 0px;
	background-repeat:no-repeat;
	position:relative;
	vertical-align:bottom;
	cursor:pointer;
	display:inline-block;
}

.psi_radio1s {
	height:19px;
	background-image:url(/images/pri_radio.png);
	background-position:0 -19px;
	background-repeat:no-repeat;
	position:relative;
	vertical-align:bottom;
	cursor:pointer;
	display:inline-block;
	color:#302f2a;
}

.tip {
  display: inline-block;
  position: relative;
}
/*Стиль для кнопки, если она есть*/
.tip em,
.linktip em {
  background:#FD6E00;
  text-align:center;
  border-radius: 20px;
  border: 1px solid #ccc;
  color: #fff;
  font: normal bold 12px Arial;
  text-decoration: none;
  cursor:pointer;
  padding: 0 4px;
}
/*Стиль для изображения в подсказке*/
.tip>span>img {
  max-width: 50%;
  max-height: auto;
  margin: 3px;
  float: left;
}
/*Стиль для кнопки закрытия подсказки(кристик)*/
.answer>b,
.answer-left>b {
	position: absolute;
	font: normal bold 14px Comic Sans MS;
	color: #900;
	cursor: pointer;
	padding: 4px;
}
.answer>b {
  top:0;
  right:0;
}
.answer-left>b {
  top:0;
  left:0;
}
.answer>b:hover,
.answer-left>b:hover {color:#000;} /*при наведении*/

/*Стиль для блока подсказки*/
.answer, 
.answer-left { 
  display:none; /*скрываем*/
  position:absolute; /*позиционируем абсолютно*/
  z-index:9999; /*отображаем поверх всех элементов на странице*/
  background: #EDEDED; /*цвет фона*/
  border-radius: 3px; 
  border: 1px solid #ccc;
  color: #000; /*цвет текста*/
  font: normal 500 14px Trebuchet MS;
  text-align:left;
  text-shadow: 0 1px 2px #fff, 0 0 10px #E0F1FF; /*тень текста*/
  text-decoration: none;
  opacity: 1; /*прозрачность*/
  cursor:default;
  margin-top:-30px; /*смещение вверх*/
  width: 200px; /*ширина !значение*/
  min-height: 50px; /*минимальная высота (если текста мало)*/
  max-height: auto; /*высота в зависимости от количества текста*/
  white-space: normal; /*переносы слов*/
}
.answer {
  box-shadow: 5px 5px 0.5em -0.1em rgba(0,0,6,0.5); /*тень справа*/
  right: -240px; /*!смещение = ширина + отступы*/
  padding: 5px 20px 7px 7px; /*отступы внутри*/
}
.answer-left {
  box-shadow: -5px 5px 0.5em -0.1em rgba(0,0,6,0.5); /*тень слева*/
  left: -240px; /*!смещение*/
  padding: 5px 7px 7px 20px;
}
.a-top {
  bottom: -10px; /*!смещение, положение подсказки вверх */
}
/*Стили для уголка*/
.a-top:before,
.answer:before, 
.answer-left:before {
  content:"";
  position:absolute;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAAaElEQVR4XoWQMQ6AMAwDna6wMXTjB/x/7E4i9SV9AwgxuJKDcKfqrlVizInrObwLHLng9sKhgm8nIQV4eWAFJig/EIogUATCTPh7zZUUuqHXOL4m7waglViyvVthNXvaGhNr2jnTLQTenE8VKUp0n4sAAAAASUVORK5CYII=) no-repeat;
  width: 9px;
  height: 15px;
}
.answer:before {
  left: -9px;
  margin-top: 10px;
  background-position: 0 0;
}
.answer-left:before {
  right: -9px;
  margin-top: 10px;
  background-position: -9px 0;
}
.a-top:before {
  bottom: 10px;
}
/*Для отображения клик-подсказки без скрипта, только на CSS*/
.tip>a:focus~span.answer,
.tip>a:focus~span.answer-left {
  display:block;
}
.tip>a[tabindex="1"]:focus {
  outline: none;
}
.tip>a[tabindex="1"]:focus>em {
  background:#FF4F19;
}
