/** Add css rules here for your application. */

#container
{
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  user-select: none;
 }
 
.crossBoard {

}

.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: 0 !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;
}

.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: 1px solid #474747;
    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;
    font-weight: 600;

}

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;
}
.textclass2 {
color: #808080;
}
.textclass3 {
color: #E00000;
}
.textclass4 {
color: #0000A0;
}
.textclass5 {
color: #008000;
}
.textclass6 {
color: #000000;
}
.textclass7 {
color: #005000;
}

.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: 13px !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 */
}

.GameIcon{
		pointer-events: none;
}

.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 {

}


.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('images/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('images/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('images/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('images/error.png');
}
.preFadeOut {
	-webkit-transition: opacity 3s ease-in-out;
	-moz-transition: opacity 3s ease-in-out;
	-ms-transition: opacity 3s ease-in-out;
	-o-transition: opacity 3s ease-in-out;
	 opacity: 1;
}
.preFadeIn {
	-webkit-transition: opacity 3s ease-in;
	-moz-transition: opacity 3s ease-in;
	-ms-transition: opacity 3s ease-in;
	-o-transition: opacity 3s ease-in;
	 opacity: 0;
}