/** Add css rules here for your application. */
		
.TournamentButton {
	position: relative;
	width: 280px;
	height: 60px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	color: #1a1a1a;
	background: linear-gradient(135deg, 
		#FFD700 0%, 
		#FFA500 25%, 
		#FF8C00 50%, 
		#FFA500 75%, 
		#FFD700 100%);
	background-size: 200% 200%;
	box-shadow: 
		0 0 20px rgba(255, 215, 0, 0.3),
		0 8px 32px rgba(255, 165, 0, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.3);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	overflow: hidden;
	z-index: 1;
	text-shadow: 1px 1px 1px #ff842b, -1px -1px 1px #8B4513 !important;
}

.TournamentButton::before {
	content: '';
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: linear-gradient(45deg, 
		transparent 30%, 
		rgba(255, 255, 255, 0.4) 50%, 
		transparent 70%);
	transform: translateX(-100%) translateY(-100%) rotate(45deg);
	transition: transform 0.6s ease;
}

.TournamentButton::after {
	content: '';
	position: absolute;
	inset: 2px;
	border-radius: 14px;
	background: linear-gradient(135deg, 
		rgba(255, 255, 255, 0.1) 0%, 
		rgba(255, 255, 255, 0.05) 100%);
	z-index: -1;
}

.TournamentButton:hover {
	transform: translateY(-2px) scale(1.02);
	background-position: 100% 100%;
	box-shadow: 
		0 0 10px rgba(255, 215, 0, 0.5),
		0 0 30px rgba(255, 165, 0, 0.3),
		0 6px 10px rgba(255, 140, 0, 0.3),
		inset 0 1px 0 rgba(255, 255, 255, 0.4);
	animation: goldenPulse 0.5s infinite ease-in-out;
}

.TournamentButton:hover::before {
	transform: translateX(100%) translateY(100%) rotate(45deg);
}

.TournamentButton:active {
	transform: translateY(0) scale(0.98);
	transition: transform 0.1s ease;
}

.TournamentButton:focus {
	outline: none;
	box-shadow: 
		0 0 40px rgba(255, 215, 0, 0.6),
		0 0 0 3px rgba(255, 215, 0, 0.3);
}

.button-icon {
	font-size: 20px;
	margin-right: 8px;
	filter: drop-shadow(0 0 4px rgba(255, 215, 0, 0.8));
	animation: iconGlow 3s infinite ease-in-out;
}

@keyframes goldenPulse {
	0%, 100% {
		box-shadow: 
			0 0 40px rgba(255, 215, 0, 0.5),
			0 0 80px rgba(255, 165, 0, 0.3),
			0 12px 40px rgba(255, 140, 0, 0.3),
			inset 0 1px 0 rgba(255, 255, 255, 0.4);
	}
	50% {
		box-shadow: 
			0 0 60px rgba(255, 215, 0, 0.7),
			0 0 120px rgba(255, 165, 0, 0.4),
			0 12px 40px rgba(255, 140, 0, 0.3),
			inset 0 1px 0 rgba(255, 255, 255, 0.5);
	}
}

@keyframes iconGlow {
	0%, 100% {
		filter: drop-shadow(0 0 4px rgba(255, 215, 0, 0.8));
		transform: scale(1);
	}
	50% {
		filter: drop-shadow(0 0 8px rgba(255, 215, 0, 1));
		transform: scale(1.05);
	}
}

/* Animated background gradient */
.TournamentButton {
	animation: backgroundShift 4s infinite ease-in-out;
}

@keyframes backgroundShift {
	0%, 100% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
}



.blink {
  animation: blink 1.4s steps(5, start) infinite;
  -webkit-animation: blink 1.4s steps(5, start) infinite;
}
@keyframes blink {
  to { visibility: hidden; }
}
@-webkit-keyframes blink {
  to { visibility: hidden; }
}

.blockDialog
{
	-webkit-transition: 3.5s ease-in-out;
    -moz-transition: 3.5s ease-in-out;
    -o-transition: 3.5s ease-in-out;
    transition: 3.5s ease-in-out;
}

.piece_transition_on
{
	-webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}

.piece_transition_off
{
 -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
    z-Index: 999;
}
.check_highlight {
background: radial-gradient(ellipse at center,rgba(255,0,0,1) 0%,rgba(231,0,0,1) 25%,rgba(169,0,0,0) 89%,rgba(158,0,0,0) 100%) !important;
width: 35px; height: 35px;
}

.vector_pieces {
	background: url(pieces1.svg) no-repeat;
	width: 35px; height: 35px;
}

  a:visited {color: #205BC2 !important;}
  a:link {color: #2470F4 !important;}
  a:hover {color:#646297 !important;}

body {
  color:black;
  background-image: url("/background_1.jpg");
  -webkit-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  -moz-background-size: cover;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
}

button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
font-size: 12px !important;
text-shadow: none !important;
padding: 1px !important;
}

.transback {
    margin: 0 auto;
    box-shadow: 0px 0px 8px 4px rgba(28, 105, 146, 0.50);
    background: #fff;
    background: rgba(255, 255, 255, 0.0);
    padding: 29px;
    padding-top: 4px !important;
}

.page {

    margin: 0 auto;
    box-shadow: 0px 0px 4px 2px rgba(28, 105, 146, 0.60);
    background: rgba(213, 228, 237, 0.25);

}

h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 10pt;
}

.textField {
  display: block;
  font-size: 20pt;
  background-color: rgba(151,152,154,0.4) !important;
  color: black !important;
  border: 1px solid #7A8A99 !important;
}

.mainPanel {
	display: block;
	position: relative;
	background-color: #F5FFEB;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	/*border: 1px solid #E1EBD7;
	outline: 1px solid #E1EB9B;*/
}

.LeftProfilePan {
	display: block;
	background-color: #E0E1E1;
	border-bottom-right-radius: 8px !important;
	border-top-right-radius: 8px !important;
}

.RightProfilePan {
	display: block;
	background-color: #E0E1E1;
	border-bottom-left-radius: 8px !important;
	border-top-left-radius: 8px !important;
}

.connection_quality {
	display: block;
	background-color: #32BE07;
	border: 1px solid #fff;
	-webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}

.chessBoard {
  display: block;
  border: 9px;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

.clkLabel {
	display: block;
    color: blue !important;
	border: 1px solid #C1D822;
	vertical-align: middle !important;
	background-color: #E0E1E1;
	border-bottom-left-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
	border-top-right-radius: 4px !important;
	border-top-left-radius: 4px !important;
}

.white_circle {
    width: 16px;
    height: 16px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
	background-color: white;
}

.black_circle {
    width: 16px;
    height: 16px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
	background-color: black;
}

.mini_circle {
    width: 6px;
    height: 6px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	background-color: #72B62E;
}

.imgAvatar {
  display: block;
  border: 0px;
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}


.statLog {
  display: block;
  border: 1px solid #7A8A99;
}

.chatField {
  display: block;
  border: 1px solid #7A8A99;
  background-color: #F5FFF5 !important;
}

b, strong {
font-weight: bold !important;
}

.chatWindow {
  display: block;
  background-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.chatWindow:hover {
-webkit-touch-callout: default;
-webkit-user-select: auto;
-khtml-user-select: auto;
-moz-user-select: text;
-ms-user-select: auto;
user-select: text;
}

.playerList {
  display: block;
  background-color: #F5FFF5 !important;
  color: black !important;
  border: 1px solid #7A8A99 !important;
  font-size: 11px !important;
  font-family: Sans-Serif;
}

.gameList {
  display: block;
  background-color: #F5FFF5 !important;
  color: black !important;
  border: 1px solid #7A8A99 !important;
  font-size: 11px !important;
  font-family: Sans-Serif;
}


/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}
.gwt-Label { 
    display: inline-block;
	vertical-align: middle;
	line-height: normal;
    color: black;
}

.gwt-CheckBox { 
          color: black !important;
}

.gwt-TextBox
{
    display: inline-block;
    vertical-align: middle !important;
    background-color: #F5FFF5 !important;
}


.button2 {
	margin: 0;
	padding: 0px 0px;
	text-shadow: none !important;
	border-bottom-left-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
	border-top-right-radius: 4px !important;
	-webkit-writing-mode: horizontal-tb !important;
	text-decoration: none !important;
	border-top-left-radius: 4px !important;
	border: 1px solid #a3a3a3 !important;
	background: #e6e6e6 url("glassbutton.png") 50% 50% repeat-x !important;
	color: black !important;
}

.button2:active {
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6) !important;
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6) !important;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6) !important;
	border: solid 1px #203E5F;
}

.button2:hover {
	-webkit-box-shadow: 0 1px 4px rgba(184, 207, 229, 0.9);
    -moz-box-shadow: 0 1px 4px rgba(184, 207, 229, 0.9);
    box-shadow: 0 1px 4px rgba(184, 207, 229, 0.9);
}
.button2[disabled] {
	cursor: not-allowed !important;
	color: #888 !important;
}

.button2[disabled]:hover {
  border: 1px outset #ccc;
}


@-webkit-keyframes magentaPulse{from{background-color:#830020;-webkit-box-shadow:0 0 9px #333;}50%{background-color:#ff014b;-webkit-box-shadow:0 0 18px #c9014b;}to{background-color:#630030;-webkit-box-shadow:0 0 9px #333;}}

.magentapulseclass
{
-webkit-animation-name: magentaPulse;
-webkit-animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
}

.glassglowingbutton
{
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
	-webkit-writing-mode: horizontal-tb;
	padding: .5em 1em;
	text-decoration: none;
	border-top-left-radius: 4px;
	border: 1px solid #a3a3a3;
	background: #e6e6e6 url("glassbutton.png") 50% 50% repeat-x;
	color: black;
}

.toptd:hover {
	background-color:rgba(233,233,233,0.5);
	box-shadow: inset 0 0 4px #fff;
}

.gwt-ListBox {
color: black !important;
}

.gwt-ListBox::selection {
  background: #DCFF32 !important; /* WebKit/Blink Browsers */
}
.gwt-ListBox::-moz-selection {
  background: #DCFF32 !important; /* Gecko Browsers */
}

.textclass1 {
color: #00A2E8;
font-size: 12px !important;
}
.textclass2 {
color: #808080;
font-size: 12px !important;
}
.textclass3 {
color: #E00000;
font-size: 12px !important;
}
.textclass4 {
color: #0000A0;
font-size: 12px !important;
}
.textclass5 {
color: #008000;
font-size: 12px !important;
}
.textclass6 {
color: #000000;
font-size: 12px !important;
}
.textclass7 {
color: #005000;
font-size: 12px !important;
}

.gwt-TextBox {
  color: black !important;
  padding: 0 !important;
}

.boardCoords {
	color: #B9AFA5 !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	cursor: default;
}

.timeControlPanel {
   background-color: #E0E1E1 !important;
   border: 1px solid #E1EB9B;
}

.timeControlPanelCaption {
   background-color: #4C84A1 !important;
   color: white;
   border: 1px solid #4C84A1;
}

.generalSmallPanelBar {
	background: rgba(76,132,161,1);
	background: -moz-linear-gradient(left, rgba(76,132,161,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(76,132,161,1)), color-stop(59%, rgba(117,189,209,1)), color-stop(100%, rgba(147,206,222,1)));
	background: -webkit-linear-gradient(left, rgba(76,132,161,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
	background: -o-linear-gradient(left, rgba(76,132,161,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
	background: -ms-linear-gradient(left, rgba(76,132,161,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
	background: linear-gradient(to right, rgba(76,132,161,1) 0%, rgba(117,189,209,1) 59%, rgba(147,206,222,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c84a1', endColorstr='#93cede', GradientType=1 );
   color: white;
   border: 1px solid #4C84A1;
}

.generalCaptionText  {
	color: white;
	font-size: 11px;
	font-family: Sans-Serif;
	font-weight: bold;
}

input[type="checkbox"]{
    transform: scale(0.85);
	font-size: 13px !important;
	font-family: Sans-Serif;
	font-weight: normal;
}

.generalDialogText  {
	color: black;
	font-size: 12px !important;
	font-family: Sans-Serif;
	font-weight: normal;
}

.generalTextbox  {
	color: black;
	font-size: 13px !important;
	font-family: Sans-Serif;
	font-weight: normal;
}

.MoveListLbl {
	color: #9B9187;
	font-size: 11px !important;
	font-family: Sans-Serif;
	font-weight: normal;
}

.languageFlags {
	border: solid 1px #ccc;
}

.languageFlagsSelected {
	border: solid 1px #555;
}

.GameStateLbl {
	color: #9C0000;
}

.cellTextAlignment1 {
text-align: left !important;
padding: 3px !important;
}

.cellTextAlignment2 {
text-align: center !important;
padding: 0px !important;
}

.cellTextAlignment3 {
text-align: center !important;
padding: 0px !important;
}

.MoveListPanel {
   border: 1px solid rgb(122, 138, 153);
   background-color: rgb(245, 255, 245) !important;
}

.foldExpandIcon {
border: 1px solid rgba(222, 222, 222, 0.8);
}

.foldExpandIcon:hover {
}

.counterLabel  {
	color: yellow;
	font-size: 11px !important;
	font-family: Sans-Serif;
	font-weight: bold;
}

.mini_checkbox {
	transform: scale(0.8);
	font-family: Arial;
	font-weight: normal;
	color: white !important;
	margin-top: -3px;
}

.mini_checkboxLabel  {
	color: white;
	font-size: 11px;
	font-family: Arial;
	font-weight: bold;
}

.clickableLabel {
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.clickableLabel:hover {
	color: red;
}

.GameButton {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c8d9de+0,5c88ae+100 */
background: #c8d9de; /* Old browsers */
background: -moz-linear-gradient(top, #c8d9de 0%, #5c88ae 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8d9de), color-stop(100%,#5c88ae)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c8d9de 0%,#5c88ae 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c8d9de 0%,#5c88ae 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #c8d9de 0%,#5c88ae 100%); /* IE10+ */
background: linear-gradient(to bottom, #c8d9de 0%,#5c88ae 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8d9de', endColorstr='#5c88ae',GradientType=0 ); /* IE6-9 */
}

.GameButtonDown {
background: #3f8baf; /* Old browsers */
background: -moz-linear-gradient(top,  #3f8baf 0%, #316e91 31%, #033c5f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f8baf), color-stop(31%,#316e91), color-stop(100%,#033c5f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #3f8baf 0%,#316e91 31%,#033c5f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #3f8baf 0%,#316e91 31%,#033c5f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #3f8baf 0%,#316e91 31%,#033c5f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #3f8baf 0%,#316e91 31%,#033c5f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f8baf', endColorstr='#033c5f',GradientType=0 ); /* IE6-9 */
}
.GameIconHighlighted {
	-webkit-filter: drop-shadow(2px -2px 2px rgba(0,255,255,0.9)) !important;
	filter: url(shadow.svg#drop-shadow); 
}
.GameIcon{
	pointer-events: none;
	-webkit-filter: drop-shadow(2px -2px 2px rgba(255,255,255,0));
	filter: url(shadow.svg#drop-shadow); 
}

.GameButtonCaptions{
	color: black;
	font-size: 11px !important;
	font-family: Sans-Serif;
	font-weight: bold;
	pointer-events: none;
}

.GameButtonCaptionsDown{
	color: white;
	font-size: 11px !important;
	font-family: Sans-Serif;
	font-weight: bold;
	pointer-events: none;
}
.GameTitle{
	pointer-events: none;
	width: 100px;
	height: 40px;
}

.zboard {
width: 530px !important;
height: 434px !important;
outline: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); /* mobile webkit */
}

.mini_checkboxLabel2  {
	color: black;
	font-size: 11px;
	font-family: Arial;
	font-weight: normal;
	margin-left: 0px !important;	
}


::selection {
  background: #DCFF32 !important; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #DCFF32 !important; /* Gecko Browsers */
}

select option::checked  {

    background: #DCFF32 !important;
}

.ratingBets  {
	color: rgb(128, 128, 128);
	font-size: 11px !important;
	font-family: Sans-Serif;
	font-weight: normal;
}
.ratingLbl  {
	color: rgb(128, 128, 128);
	font-size: 10px !important;
	font-family: Sans-Serif;
	font-weight: normal;
}

.nameLbl  {
	font-size: 11px !important;
	font-family: Sans-Serif;
	font-weight: bold;
}

.ChessMoveList {

}
.logger {
-webkit-touch-callout: default;
-webkit-user-select: auto;
-khtml-user-select: auto;
-moz-user-select: text;
-ms-user-select: auto;
user-select: text;
}

.boldbutton {
  font-weight: bold;
}