.r {FONT-SIZE: 9pt; COLOR: #cc0000; FONT-FAMILY: verdana,geneva,arial cyr,arial,helvetica,sans-serif; }
.b {FONT-SIZE: 9pt; COLOR: #0000cc; FONT-FAMILY: verdana,geneva,arial cyr,arial,helvetica,sans-serif; }
.g {FONT-SIZE: 9pt; COLOR: green; FONT-FAMILY: verdana,geneva,arial cyr,arial,helvetica,sans-serif; }

.select_fader_cl { z-index:1099;display:none;position:absolute;top:0px;left:0px;width:100%;min-height:100%;background: rgba(0, 51, 0, 0.2); }


.noselection {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
 }

.transition0s {
    -webkit-transition: all 0s ease !important;
    -moz-transition: all 0s ease !important;
    -o-transition: all 0s ease !important;
    transition: all 0s ease !important; 
    }

.transition1s {
    -webkit-transition: all 1s ease !important;
    -moz-transition: all 1s ease !important;
    -o-transition: all 1s ease !important;
    transition: all 1s ease !important; 
    }

.transition5s {
    -webkit-transition: all 5s ease !important;
    -moz-transition: all 5s ease !important;
    -o-transition: all 5s ease !important;
    transition: all 5s ease !important; 
    }

.customscroll {
  scrollbar-color: #b3dbb3 #d0eed0;
  scrollbar-width: thin;

 }
.customscroll::-webkit-scrollbar {
  width: 5px; 
  height: 5px;
}
.customscroll::-webkit-scrollbar-track {
  background: #d0eed0; 
}
.customscroll::-webkit-scrollbar-thumb {
  background: #b3dbb3; 
}
.customscroll::-webkit-scrollbar-thumb:hover {
  background: #a3dba3; 
}


html { over123flow-y: s12croll; }
body { -webkit-text-size-adjust: 100%; }

.forumlinks { text-decoration:none; }
.forumnames { font-weight:bold;color:green;text-decoration:none; }
.darkgreentint { background:rgba(0,51,0,0.4); }

.redbrightfont { color:#FF0000; }
.bluebrightfont { color:#0000ff; }

.redheader { color:#990000; }
.redfont { color:#990000; }
.dangerfont { color:#990000; }
.redlightfont { color:#aa0000; }
.bluefont { color:#000099; }
.blue2font { color:#5238ce; }

.greenfont { color:#009900; }
.green33font { color:#003300; }
.green66font { color:#006600; }
.green88font { color:#668866; }
.gray696 { color: #669966; }

.item_art { color:#007700; }
.item_reg { color:#003300; }
.item_qreg { color:#4400aa; }
.item_qart { color:#5238ce; }
.item_pa { color:#660000; }

.font8pt { font-size:8pt; }
.font7pt { font-size:7pt; }
.font6pt { font-size:6pt; }
.font8px { font-size:8px; }
.font9px { font-size:9px; }
.font10px { font-size: 10px; }



.shadow335 {
    -webkit-filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.6));
    filter: url(#drop-shadow);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=3, OffY=3, Color='#444')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=3, OffY=3, Color='#444')";
    }

.usersign { vertical-align:-2px; }
.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.halfsize {
    -moz-transform:scale(0.5);
    -webkit-transform:scale(0.5);
    transform:scale(0.5);
}

.bordersupdown {
  border-bottom:1px solid #336633;
  border-top:1px solid #336633;
  }

.bordersaround {
  border:1px solid #336633;
  }

.home_td_hl {
  color:#336633;
  background-color:#d0eed0;
  font-weight:bold;
  cursor:pointer;
  height:25;
  transition: .2s linear;
  }

.home_td_off {
  color:#336633;
  background-color:#e0ffe0;
  font-weight:normal;
  cursor:pointer;
  height:25;
  transition: .2s linear;
  }

.spinner {
  margin: 5px auto 5px;
  width: 70px;
  text-align: center;
  position:absolute;
  top:-50px;
  min-width:100%;
  display: none;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #AACCAA;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.battletags {
  background-color:#b9efb9; 
  font-weight:bold;
  font-size:8pt;
  color:#308030;
  padding-bottom:0px;
  padding-top:4px;
  padding-left:3px;
  padding-right:3px;
  }


.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.panelfloat { 
  box-shadow: 0 5px 5px rgba(0,0,0,0.12), 0 5px 10px rgba(0,0,0,0.24);
  transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}
.panelfloat:hover {
  box-shadow: 0 5px 5px rgba(0,0,0,0.25), 0 5px 10px rgba(0,0,0,0.22);
}

.panelfloat_light { 
  box-shadow: 0 5px 5px rgba(0,0,0,0.1), 0 5px 7px rgba(0,0,0,0.05);
  transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}
.panelfloat_light:hover {
  box-shadow: 0 5px 5px rgba(0,0,0,0.15), 0 5px 7px rgba(0,0,0,0.1);
}

.panelfloat_thick { 
  box-shadow: 0 0px 15px rgba(0,0,0);
  transition: all 0.2s cubic-bezier(.25,.8,.25,1);
}
.panelfloat_thick:hover {
  box-shadow: 0 0px 25px rgba(0,0,0);
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes blinker {  
  50% { opacity: 0.5; }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.txt {FONT-SIZE: 9pt; COLOR: #003300; FONT-FAMILY: verdana,geneva,arial cyr,arial,helvetica,sans-serif;}
td {FONT-SIZE: 9pt; COLOR: #003300; FONT-FAMILY: verdana,geneva,arial cyr,arial,helvetica,sans-serif;}
.txtr {FONT-SIZE: 9pt; COLOR: #330000; FONT-FAMILY: verdana,geneva,arial cyr,arial,helvetica,sans-serif;}
.h {FONT-SIZE: 14pt; COLOR: #003300; FONT-FAMILY: verdana,geneva,arial cyr,arial,helvetica,sans-serif;}
a {text-decoration-skip-ink: none; COLOR: #004400; FONT-FAMILY: verdana,geneva,arial cyr,arial,helvetica,sans-serif;}
a.nul { text-decoration:none; COLOR: #004400; FONT-FAMILY: verdana,geneva,arial cyr,arial,helvetica,sans-serif;}
a.nul:hover {text-decoration-skip-ink: none; text-decoration:underline; COLOR: #009900; FONT-FAMILY: verdana,geneva,arial cyr,arial,helvetica,sans-serif;}

a.no_underline { text-decoration-skip-ink: none;  text-decoration:none; }
a.no_underline:hover {text-decoration-skip-ink: none; text-decoration:none; }

a.clr {COLOR: #004400; FONT-FAMILY: verdana,geneva,arial cyr,arial,helvetica,sans-serif; text-decoration:none; }
a.clr:visited {COLOR: #004400; FONT-FAMILY: verdana,geneva,arial cyr,arial,helvetica,sans-serif; text-decoration:none; }

a.graybutton { text-decoration:none;margin:1px;margin-right:0px;padding:5px;background: #e0eee0; display:inline-block;box-sizing:border-box; }
a.graybutton:hover { text-decoration:underline;text-decoration-skip-ink: none; background:#c4f8c4; }
a.greenbutton { text-decoration:none;margin:1px;margin-right:0px;padding:5px;background: #d0f5d0; display:inline-block;box-sizing:border-box; }
a.greenbutton:hover { text-decoration:underline;text-decoration-skip-ink: none; background:#c4f8c4; }
a.greenlightbutton { text-decoration:none;margin:1px;margin-right:0px;padding:5px;background: #e0ffe0; display:inline-block;box-sizing:border-box; }
a.greenlightbutton:hover { text-decoration:underline;text-decoration-skip-ink: none; background:#c4f8c4; }

a.greengreenbutton { text-decoration:none;margin:1px;margin-right:0px;padding:5px;background: #c4e1c4; display:inline-block;box-sizing:border-box; }
a.greengreenbutton:hover { text-decoration:underline;text-decoration-skip-ink: none; background:#d0f5d0; }

a.greendarkbutton { text-decoration:none;margin:1px;margin-right:0px;padding:5px;background: #abeaab; display:inline-block;box-sizing:border-box; }
a.greendarkbutton:hover { text-decoration:underline;text-decoration-skip-ink: none; background:#bce8bc; }

a.greenbutton_nohover { text-decoration:none;margin:1px;margin-right:0px;padding:5px;background: #d0f5d0; display:inline-block;box-sizing:border-box; }
a.greenbutton_nohover:hover { text-decoration:none;text-decoration-skip-ink: none; background:#c4f8c4; }
a.graybutton_nohover { text-decoration:none;margin:1px;margin-right:0px;padding:5px;background: #e0eee0; display:inline-block;box-sizing:border-box; }
a.graybutton_nohover:hover { text-decoration:none;text-decoration-skip-ink: none; background:#c4f8c4; }

a.graybutton_nh { outline:2px solid #00660050; outline-offset:-2px; text-decoration:none;margin:1px;padding:7px;background: #ffffff; display:inline-block;box-sizing:border-box; }
a.graybutton_nh:hover { outline:2px solid #006600; text-decoration-skip-ink: none; color:#009900; background:#f0fff0; }

a.greenbutton_nh { text-decoration:none;margin:1px;padding:7px;background: #378B37; color:#ffffff; display:inline-block;box-sizing:border-box; }
a.greenbutton_nh:hover { text-decoration-skip-ink: none; background:#00aa00; }

a.greenlightbutton_nh { text-decoration:none;margin:1px;padding:7px;background: #e0ffe0; display:inline-block;box-sizing:border-box; }
a.greenlightbutton_nh:hover { text-decoration-skip-ink: none; color:#009900; background:#efffef; }

.battle_target_selector_link { background-color:#e0eee0;display:inline-block;text-decoration:none;padding:7px; }

.battle_pda_make_turn { background:#b22222;color:#ffffff;width:99%;font-weight:bold; text-decoration:none;margin:1px;margin-right:0px;padding:5px; display:inline-block;box-sizing:border-box; }
.battle_pda_make_turn:hover { background:#970000; }

.stutterfree { -webkit-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; }

.movetoxy { background-color:#92BA92;color:#ffffff;font-size:7pt;text-decoration:none; }
.movetoxyl { color:#228822; }
.littlebutton { padding-top:0px !important; padding-bottom:1px !important; margin-left:0px !important; margin-right:1px !important; }
.quotediv { background-color:#d0eed0;border:1px dashed #66BB66;margin-left:5px;margin-right:5px;padding:5px; }
.redhead { COLOR: #FFFFFF; }
.slnk { font-size:8pt;text-decoration:none; }
.wb { border-collapse: collapse; border: 1px #339933 solid; }
.wbm {  border-collapse: collapse; border: 1px #339933 dashed; }
.wbr { border-collapse: separate;border: 1px #990000 dashed; }
.wbb { border-collapse: separate; border: 1px #000099 dashed; }
.begunok { margin-left:-171px; background:url(https://images.ganjawars.ru/img/v2/line.gif) 0 center repeat-x;min-width:800px;}

#js_window { 
     color: #333333; 
     text-align: center; 
     position: absolute; 
     top: 0px; 
     display: none; 
     z-index: 10000; }
input.disabled {
	background:white;
	color:#666666;
	cursor:default;
}

.floatingtitle { background:#f0fff0;border:1px dotted green;padding:3px;display:none;position:absolute;top:0;left:0;z-index:70000;}

.codebutton {	-moz-box-shadow: 0px 7px 23px -7px #3e7327;	-webkit-box-shadow: 0px 7px 23px -7px #3e7327;	box-shadow: 0px 7px 23px -7px #3e7327;	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77b55a), color-stop(1, #72b352));	background:-moz-linear-gradient(top, #77b55a 5%, #72b352 100%);	background:-webkit-linear-gradient(top, #77b55a 5%, #72b352 100%);	background:-o-linear-gradient(top, #77b55a 5%, #72b352 100%);	background:-ms-linear-gradient(top, #77b55a 5%, #72b352 100%);	background:linear-gradient(to bottom, #77b55a 5%, #72b352 100%);	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77b55a', endColorstr='#72b352',GradientType=0);	background-color:#77b55a;	-moz-border-radius:4px;	-webkit-border-radius:4px;	border-radius:4px;	border:1px solid #4b8f29;	display:inline-block;	cursor:pointer;	color:#ffffff;	font-family:Verdana;	font-size:20px;	font-weight:bold;	padding:6px 12px;	text-decoration:none;	text-shadow:0px 1px 19px #5b8a3c;}.codebutton:hover {	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #72b352), color-stop(1, #77b55a));	background:-moz-linear-gradient(top, #72b352 5%, #77b55a 100%);	background:-webkit-linear-gradient(top, #72b352 5%, #77b55a 100%);	background:-o-linear-gradient(top, #72b352 5%, #77b55a 100%);	background:-ms-linear-gradient(top, #72b352 5%, #77b55a 100%);	background:linear-gradient(to bottom, #72b352 5%, #77b55a 100%);	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#72b352', endColorstr='#77b55a',GradientType=0);	background-color:#72b352;}.codebutton:active {	position:relative;	top:1px;}

.withborders { border-top:1px solid #6ca464ab; border-bottom:1px solid #6ca464ab; }
.withallborders { border: 1px solid #00000030; }

.simplewhitebg { background-color:#ffffff; }

.greenbg { background: #d0eed0; }
.greendarkbg { background: #a0dda0; }
.greenbg_red { background: #d0eed0; font-weight:bold; color:#990000; }

.greengraybg { background: #e0eee0; }
.greengreenbg { background: #d0f5d0; }
.greenlightbg { background: #e0ffe0; }
.greenbrightbg { background: #e9ffe9; }
.greenwhitebg { background: #e9ffe9; }

.greenbg_pda_header { background: #d0eed0; }

.greenbg_div { margin:1px;padding:5px;background: #d0eed0; }
.greengraybg_div { margin:1px;padding:5px;background: #e0eee0; }
.greengreenbg_div { margin:1px;padding:5px;background: #d0f5d0; }
.greenlightbg_div { margin:1px;padding:5px;background: #e0ffe0; }

.whitebg_block { background:#ffffff;margin:1px;padding:4px;display:inline-block;box-sizing:border-box; }
.transbg_block { margin:1px;padding:5px;display:inline-block;box-sizing:border-box; }
.greenbg_block { margin:1px;padding:5px;background: #d0eed0; display:inline-block;box-sizing:border-box; }
.greengraybg_block { margin:1px;padding:5px;background: #e0eee0; display:inline-block;box-sizing:border-box; }
.greengreenbg_block { margin:1px;padding:5px;background: #d0f5d0; display:inline-block;box-sizing:border-box; }
.greenlightbg_block { margin:1px;padding:5px;background: #e0ffe0; display:inline-block;box-sizing:border-box; }
.greenbrightbg_block { background: #e9ffe9; margin:1px;padding:5px; display:inline-block;box-sizing:border-box; }
.thin_block { padding-top:0px; padding-bottom:0px; }
.greenfreshbg_block { margin:1px;padding:5px;background: #bdefbd; display:inline-block;box-sizing:border-box; }
.greenfresh2bg_block { margin:1px;padding:5px;background: #bae6da; display:inline-block;box-sizing:border-box; }

a.whitehover:hover { background:#ffffff; }

.warlog_turn1 { -webkit-box-sizing:border-box;box-sizing:border-box;padding-left:5px;font-size:8pt;background:#e0ffe0;margin-top:1px;padding-bottom:5px;padding-top:5px;width:100%; }
.warlog_turn2 { -webkit-box-sizing:border-box;box-sizing:border-box;padding-left:5px;font-size:8pt;background:#d0f5d0;margin-top:1px;padding-bottom:5px;padding-top:5px;width:100%; }
.warlog_enterbattle { color:#880000; }
.warlog_deathline { color:#0000aa; }
.warlog_damage { color:red; }
.warlog_maklaud { color:#0000dd; }
.warlog_loosersline { color: #aaaaaa; font-size:8pt; }
.warlog_winnersline { color: #990000; }
.warlog_drawmsg { color: #990000; }
.warlog_drawmsgblue { color: #0000DD; }

.redbg { background: #eed0d0; }
.redffbg { background: #ff0000; }
.errorbg { background: #f6dccf; }

.greenffbg { background: #00ff00; }
.blueffbg { background: #0000ff; }
.redlightbg { background: #fff0f0; }
.bluelightbg { background: #f0f0ff; }
.bodygreenbg { background: #f0fff0; }
.graybg { background: #e0e0e0; }
.graygraybg { background: #e0e0e0; }
.graygreenbg { background: #d0d5d0; }
.graylightbg { background: #f0f0f0; }

.mainbutton {
	-moz-box-shadow: 0px 0px 0px 0px #9acc85;
	-webkit-box-shadow: 0px 0px 0px 0px #9acc85;
	box-shadow: 0px 0px 0px 0px #9acc85;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dceddc), color-stop(1, #bad4ba));
	background:-moz-linear-gradient(top, #dceddc 5%, #bad4ba 100%);
	background:-webkit-linear-gradient(top, #dceddc 5%, #bad4ba 100%);
	background:-o-linear-gradient(top, #dceddc 5%, #bad4ba 100%);
	background:-ms-linear-gradient(top, #dceddc 5%, #bad4ba 100%);
	background:linear-gradient(to bottom, #dceddc 5%, #bad4ba 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dceddc', endColorstr='#bad4ba',GradientType=0);
	background-color:#dceddc;
	border:1px solid #7d727d;
	display:inline-block;
	cursor:pointer;
	margin:2px;
	color:#003300;
	font-family:verdana,geneva,arial cyr,arial,helvetica,sans-serif;;
	font-size:9pt;
	padding:1px 15px;
	text-decoration:none;
	text-shadow:1px 1px 0px #dcffc4;
}
.mainbutton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dceddc), color-stop(1, #f0fff0));
	background:-moz-linear-gradient(top, #dceddc 5%, #f0fff0 100%);
	background:-webkit-linear-gradient(top, #dceddc 5%, #f0fff0 100%);
	background:-o-linear-gradient(top, #dceddc 5%, #f0fff0 100%);
	background:-ms-linear-gradient(top, #dceddc 5%, #f0fff0 100%);
	background:linear-gradient(to bottom, #dceddc 5%, #f0fff0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dceddc', endColorstr='#f0fff0',GradientType=0);
	background-color:#dceddc;

}
.mainbutton:active {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bad4ba), color-stop(1, #dceddc));
	background:-moz-linear-gradient(top, #bad4ba 5%, #dceddc 100%);
	background:-webkit-linear-gradient(top, #bad4ba 5%, #dceddc 100%);
	background:-o-linear-gradient(top, #bad4ba 5%, #dceddc 100%);
	background:-ms-linear-gradient(top, #bad4ba 5%, #dceddc 100%);
	background:linear-gradient(to bottom, #bad4ba 5%, #dceddc 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bad4ba', endColorstr='#dceddc',GradientType=0);
	background-color:#bad4ba;
	position:relative;
	top:1px;
}
/* https://stackoverflow.com/questions/24322599/why-cannot-change-checkbox-color-whatever-i-do */
input[type="checkbox"] { 
  filter: hue-rotate(247deg) grayscale(0.5);
  }

input[type="radio"] { 
  filter: hue-rotate(247deg) grayscale(0.5);
  }

input[type=submit] {
	-moz-box-shadow: 0px 0px 0px 0px #9acc85;
	-webkit-box-shadow: 0px 0px 0px 0px #9acc85;
	box-shadow: 0px 0px 0px 0px #9acc85;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dceddc), color-stop(1, #bad4ba));
	background:-moz-linear-gradient(top, #dceddc 5%, #bad4ba 100%);
	background:-webkit-linear-gradient(top, #dceddc 5%, #bad4ba 100%);
	background:-o-linear-gradient(top, #dceddc 5%, #bad4ba 100%);
	background:-ms-linear-gradient(top, #dceddc 5%, #bad4ba 100%);
	background:linear-gradient(to bottom, #dceddc 5%, #bad4ba 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dceddc', endColorstr='#bad4ba',GradientType=0);
	background-color:#dceddc;
	border:1px solid #7d727d;
	display:inline-block;
	cursor:pointer;
	margin:2px;
	color:#003300;
	font-family:verdana,geneva,arial cyr,arial,helvetica,sans-serif;;
	font-size:9pt;
	padding:1px 15px;
	text-decoration:none;
	text-shadow:1px 1px 0px #dcffc4;
}
input[type=submit]:hover {

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dceddc), color-stop(1, #f0fff0));
	background:-moz-linear-gradient(top, #dceddc 5%, #f0fff0 100%);
	background:-webkit-linear-gradient(top, #dceddc 5%, #f0fff0 100%);
	background:-o-linear-gradient(top, #dceddc 5%, #f0fff0 100%);
	background:-ms-linear-gradient(top, #dceddc 5%, #f0fff0 100%);
	background:linear-gradient(to bottom, #dceddc 5%, #f0fff0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dceddc', endColorstr='#f0fff0',GradientType=0);
	background-color:#dceddc;
}
input[type=submit]:active {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bad4ba), color-stop(1, #dceddc));
	background:-moz-linear-gradient(top, #bad4ba 5%, #dceddc 100%);
	background:-webkit-linear-gradient(top, #bad4ba 5%, #dceddc 100%);
	background:-o-linear-gradient(top, #bad4ba 5%, #dceddc 100%);
	background:-ms-linear-gradient(top, #bad4ba 5%, #dceddc 100%);
	background:linear-gradient(to bottom, #bad4ba 5%, #dceddc 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bad4ba', endColorstr='#dceddc',GradientType=0);
	background-color:#bad4ba;

	position:relative;
	top:1px;
}



input[type=button] {
	-moz-box-shadow: 0px 0px 0px 0px #9acc85;
	-webkit-box-shadow: 0px 0px 0px 0px #9acc85;
	box-shadow: 0px 0px 0px 0px #9acc85;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dceddc), color-stop(1, #bad4ba));
	background:-moz-linear-gradient(top, #dceddc 5%, #bad4ba 100%);
	background:-webkit-linear-gradient(top, #dceddc 5%, #bad4ba 100%);
	background:-o-linear-gradient(top, #dceddc 5%, #bad4ba 100%);
	background:-ms-linear-gradient(top, #dceddc 5%, #bad4ba 100%);
	background:linear-gradient(to bottom, #dceddc 5%, #bad4ba 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dceddc', endColorstr='#bad4ba',GradientType=0);
	background-color:#dceddc;
	border:1px solid #7d727d;
	display:inline-block;
	cursor:pointer;
	margin:2px;
	color:#003300;
	font-family:verdana,geneva,arial cyr,arial,helvetica,sans-serif;;
	font-size:9pt;
	padding:1px 15px;
	text-decoration:none;
	text-shadow:1px 1px 0px #dcffc4;
}
input[type=button]:hover {

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dceddc), color-stop(1, #f0fff0));
	background:-moz-linear-gradient(top, #dceddc 5%, #f0fff0 100%);
	background:-webkit-linear-gradient(top, #dceddc 5%, #f0fff0 100%);
	background:-o-linear-gradient(top, #dceddc 5%, #f0fff0 100%);
	background:-ms-linear-gradient(top, #dceddc 5%, #f0fff0 100%);
	background:linear-gradient(to bottom, #dceddc 5%, #f0fff0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dceddc', endColorstr='#f0fff0',GradientType=0);
	background-color:#dceddc;
}
input[type=button]:active {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bad4ba), color-stop(1, #dceddc));
	background:-moz-linear-gradient(top, #bad4ba 5%, #dceddc 100%);
	background:-webkit-linear-gradient(top, #bad4ba 5%, #dceddc 100%);
	background:-o-linear-gradient(top, #bad4ba 5%, #dceddc 100%);
	background:-ms-linear-gradient(top, #bad4ba 5%, #dceddc 100%);
	background:linear-gradient(to bottom, #bad4ba 5%, #dceddc 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bad4ba', endColorstr='#dceddc',GradientType=0);
	background-color:#bad4ba;

	position:relative;
	top:1px;
}


input[type=text] {
	outline: none!important;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f0fff0));
	background:-moz-linear-gradient(top, #ffffff 5%, #f0fff0 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f0fff0 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f0fff0 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f0fff0 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f0fff0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0fff0',GradientType=0);
	background-color:#ffffff;
	border:1px solid #7d727d;
	display:inline-block;
	color:#003300;
	font-family:verdana,geneva,arial cyr,arial,helvetica,sans-serif;;
	font-size:9pt;
        margin:1px;
	padding:2px 2px;
        }

input[type=password] {
	outline: none!important;
-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f0fff0));
	background:-moz-linear-gradient(top, #ffffff 5%, #f0fff0 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f0fff0 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f0fff0 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f0fff0 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f0fff0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0fff0',GradientType=0);
	background-color:#ffffff;
	border:1px solid #7d727d;
	display:inline-block;
	color:#003300;
	font-family:verdana,geneva,arial cyr,arial,helvetica,sans-serif;;
	font-size:9pt;
        margin:1px;
	padding:2px 2px;
        }


textarea {
	outline: none!important;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f0fff0));
	background:-moz-linear-gradient(top, #ffffff 5%, #f0fff0 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #f0fff0 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #f0fff0 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #f0fff0 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #f0fff0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0fff0',GradientType=0);
	background-color:#ffffff;
	border:1px solid #7d727d;
	display:inline-block;
	color:#003300;
	font-family:verdana,geneva,arial cyr,arial,helvetica,sans-serif;;
	font-size:9pt;
        margin:1px;
	padding:2px 2px;
        }

select {
	outline: none!important;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;

	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #d6e8d6));
	background:-moz-linear-gradient(top, #ffffff 5%, #d6e8d6 100%);
	background:-webkit-linear-gradient(top, #ffffff 5%, #d6e8d6 100%);
	background:-o-linear-gradient(top, #ffffff 5%, #d6e8d6 100%);
	background:-ms-linear-gradient(top, #ffffff 5%, #d6e8d6 100%);
	background:linear-gradient(to bottom, #ffffff 5%, #d6e8d6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d6e8d6',GradientType=0);

	background-color:#ffffff;
	border:1px solid #7d727d;
	display:inline-block;
	color:#003300;
	font-family:verdana,geneva,arial cyr,arial,helvetica,sans-serif;;
	font-size:9pt;
        margin:1px;
	padding:1px 1px;
        }

form { display:inline; }

.animated_opacity {
    border-width:1px;
    border-style:solid;
    border-radius:15px;
    opacity:0.1;
    -webkit-animation: plotanimation 1s; 
    -webkit-animation-iteration-count: infinite;
    -o-animation: plotanimation 1s;
    -o-animation-iteration-count: infinite;
    animation: plotanimation 1s;
    animation-iteration-count: infinite;

}

.animated_selected {
    border-width:3px;
    border-style:solid;
    border-radius:15px;
    opacity:0.1;
    -webkit-animation: plotanimation_selected 0.5s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite;
    animation: plotanimation_selected 0.5s;
    animation-iteration-count: infinite;
    -o-animation: plotanimation_selected 0.5s;
    -o-animation-iteration-count: infinite;
}

.animated_opacity_fast {
    border-width:2px;
    border-style:solid;
    border-radius:15px;
    opacity:0.1;
    -webkit-animation: plotanimation 0.5s; /* Chrome, Safari, Opera */
    -webkit-animation-iteration-count: infinite;
    animation: plotanimation 0.5s;
    animation-iteration-count: infinite;
    -o-animation: plotanimation 0.5s;
    -o-animation-iteration-count: infinite;

}

/* Chrome, Safari, Opera */
@-webkit-keyframes plotanimation {
    0%   {opacity:0.1; filter: alpha(opacity=10); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";}
    50%  {opacity:0.7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
    100% {opacity:0.1; filter: alpha(opacity=10); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";}
}

/* Standard syntax */
@keyframes plotanimation  {
    0%   {opacity:0.1; filter: alpha(opacity=10); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";}
    50%  {opacity:0.7; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
    100% {opacity:0.1; filter: alpha(opacity=10); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";}
}

/* old stupid opera syntax */
@-o-keyframes plotanimation  {
    0%   {opacity:0.1; background-color:#ffffff; filter: alpha(opacity=10); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";}
    50%  {opacity:0.7; background-color:#ffffff; filter: alpha(opacity=70); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";}
    100% {opacity:0.1; background-color:#ffffff; filter: alpha(opacity=10); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";}
}


/* Chrome, Safari, Opera */
@-webkit-keyframes plotanimation_selected {
    0%   {opacity:0.6; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}
    50%  {opacity:0.85;filter: alpha(opacity=85); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";}
    100% {opacity:0.6; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}
}

/* Standard syntax */
@keyframes plotanimation_selected  {
    0%   {opacity:0.6; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}
    50%  {opacity:0.85;filter: alpha(opacity=85); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";}
    100% {opacity:0.6; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}
}

/* stupid opera syntax */
@-o-keyframes plotanimation_selected  {
    0%   {opacity:0.6; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}
    50%  {opacity:0.85;filter: alpha(opacity=85); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";}
    100% {opacity:0.6; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}
}


.maketurnbutton_gray {
	-moz-box-shadow:inset -1px -2px 1px 0px #ffffff;
	-webkit-box-shadow:inset -1px -2px 1px 0px #ffffff;
	box-shadow:inset -1px -2px 1px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	height:32px;
	line-height:32px;
	width:131px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.oldmaketurnbutton_gray:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.maketurnbutton_gray:active {
	position:relative;
	top:1px;
}

.maketurnbutton {
	-moz-box-shadow:inset -1px -2px 1px 0px #f5978e;
	-webkit-box-shadow:inset -1px -2px 1px 0px #f5978e;
	box-shadow:inset -1px -2px 1px 0px #f5978e;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.01, #c22318), color-stop(1, #ba281a) );
	background:-moz-linear-gradient( center top, #c22318 1%, #ba281a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c22318', endColorstr='#ba281a');
	background-color:#c22318;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px; 
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0px;
	border:1px solid #d02718;
	display:inline-block;
	color:#f0fff0;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	font-style:normal;
	height:32px;
	line-height:32px;
	width:131px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #6e0d06;
}
.maketurnbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.15, #ba281a), color-stop(1, #d23328) );
	background:-moz-linear-gradient( center top, #ba281a 15%, #d23328 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba281a', endColorstr='#d23328');
	background-color:#ba281a;
}
.maketurnbutton:active {
	position:relative;
	top:1px;
}

.ssign {
   width:20px; 
   height:14px;
   }

@media only screen and (min--moz-device-pixel-ratio: 1.5),
    (-o-min-device-pixel-ratio: 3/2),
    (-webkit-min-device-pixel-ratio: 1.5),
    (min-device-pixel-ratio: 1.5) {
.ssign {
     width:10px; 
     height:7px;
    }
  } 
.chattime {
 background: #d0f5d0;
 padding:1px;
 position:absolute;
 top:0px;
 right:0px;
 font-size:6pt;
 color:#336633;
 }

.thin_scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 8px;
  background-color: #d0eed0; 
}
.thin_scrollbar::-webkit-scrollbar-thumb {
    background: #669966; 
}
.overflow_for_y {
 overflow-x:hidden;
 overflow-y:auto;
 -ms-overflow-style: -ms-autohiding-scrollbar;
 -webkit-overflow-scrolling: touch;
}

.gw-footer__col1 {width:157px;font-size:8pt;line-height:14pt;padding:1px 0 5px 38px;vertical-align:bottom;text-align:left;}
.gw-footer__col2 {font-size:8pt;line-height:10pt;padding-left:17px;color:#656c63;padding-top:6px;vertical-align:bottom;}
.gw-footer__col3 {width:240px;text-align:right;padding:1px 10px 10px 0;vertical-align:bottom;}
.gw-footer__col3 img {margin-left: 10px;}
.gw-header-col2 {position:relative;height:35px; }

.gw-footer {width: 100%;clear: both;height: 86px;text-align:center;margin: -92px auto 0 auto;position: relative;padding-top: 6px;}
.clearfooter {display: block;height: 20px;}
.grecaptcha-badge { visibility: hidden; }