@font-face {
  font-family: 'pgn4web Liberation Sans';
  src: url('http://pgn4web.jogo.sk/fonts/LiberationSans-Regular.eot');
  src: url('http://pgn4web.jogo.sk/fonts/LiberationSans-Regular.eot?#iefix') format('embedded-opentype'), 
       url('http://pgn4web.jogo.sk/fonts/LiberationSans-Regular.woff') format('woff'), 
       url('http://pgn4web.jogo.sk/fonts/LiberationSans-Regular.ttf') format('truetype'), 
       url('http://pgn4web.jogo.sk/fonts/LiberationSans-Regular.svg#LiberationSans') format('svg');
  font-weight: normal;
}

@font-face {
  font-family: 'pgn4web Liberation Sans';
  src: url('http://pgn4web.jogo.sk/fonts/LiberationSans-Bold.eot');
  src: url('http://pgn4web.jogo.sk/fonts/LiberationSans-Bold.eot?#iefix') format('embedded-opentype'), 
       url('http://pgn4web.jogo.sk/fonts/LiberationSans-Bold.woff') format('woff'), 
       url('http://pgn4web.jogo.sk/fonts/LiberationSans-Bold.ttf') format('truetype'), 
       url('http://pgn4web.jogo.sk/fonts/LiberationSans-Bold.svg#LiberationSans-Bold') format('svg');
  font-weight: bold;
}

@font-face {
  font-family: 'pgn4web ChessSansPiratf';
  src: url('http://pgn4web.jogo.sk/fonts/ChessSansPiratf.eot');
  src: url('http://pgn4web.jogo.sk/fonts/ChessSansPiratf.eot?#iefix') format('embedded-opentype'), 
       url('http://pgn4web.jogo.sk/fonts/ChessSansPiratf.woff') format('woff'), 
       url('http://pgn4web.jogo.sk/fonts/ChessSansPiratf.ttf') format('truetype'), 
       url('http://pgn4web.jogo.sk/fonts/ChessSansPiratf.svg#ChessSansPiratf') format('svg');
}


body {
  margin: 0;
  font-family: 'pgn4web Liberation Sans', sans-serif;
  font-size: 16px; /* defined as body.fontSize */
  color: black;
  overflow-x: hidden;
  overflow-y: scroll;
}

a {
  color: black;
  text-decoration: none;
}

.pageHeader,
.pageHeader:link,
.pageHeader:visited,
.pageHeader:hover,
.pageHeader:active {
  color: red;
  text-decoration: none;
}

h1.pageHeader {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px; /* = 1/4 * body.padding */
  white-space: nowrap;
}

.gamesAnchor {
  display: inline-block;
  height: 40px; /* = body.padding */
  width: 99%;  
}

.event, .round, .match, .firstTeam, .secondTeam, .score, .player, .firstPlayer, .secondPlayer, .result, .newMoves, .noNewMoves {
  white-space: nowrap;
  display: inline-block;
  overflow-x: visible;
}

.eventRound, .matchScore, .game {
  white-space: nowrap;         
}
.eventRoundParent {
  width: 255px;
  border:1px solid #000000;
}
.height_table4 {
  border:1px solid #000000;
  font-size:12px;
  vertical-align: top; 
  width: 380px;
  padding: 5px;
}

.team, .firstTeam, .secondTeam, .firstTeamScore, .secondTeamScore, .firstPlayer, .secondPlayer, .firstTeamPlayer, .secondTeamPlayer {
  white-space: nowrap;
}

.eventRound, .event, .match, .firstTeam, .game, .firstPlayer, .secondPlayer, .firstTeamPlayer, .secondTeamPlayer {
  margin-left: 0;
}

.player {
  min-width: 233px; /* defined as player.width */
  margin-right: 3px; /* defined as player.marginRight */
  vertical-align: middle;
  line-height: 16px;
}


.round, .secondTeam, .score, .newMoves, .noNewMoves {
  margin-left: 20px; /* defined as player.marginRight */
}

#results {
  position: relative;
}

.height_table {
  height: 326px;
  border:1px solid #000000;
}
.height_table2 {
  border:1px solid #000000;
  height: 100%;
  text-align: left;
  width: 303px;  
}
.height_table3 {
  border:1px solid #000000;
  text-align: left;
}

.display_inline{
  display: inline;  
}
.event {
  width: 370px; /* = 2 * player.width + 2 * player.paddingLeft */
}

.round {
  width: 100px; /* defined as round.width */
  position: absolute;
  right:0px;
}

.match {
  width: 380px; /* = 2 * player.width + 4 * player.paddingLeft */
}

.score {
  width: 70px; /* = defined as score.width < round.width */
}

.result {
  width: 30px; /* = score.width */
  margin-right: 3px;
}

.eventRound {
  font-size: 20px; /* = 5/4 * body.fontSize */
  font-weight: normal;
  margin-bottom: 12px; /* = 3/4 * body.fontSize */ 
  margin-top:0;
}
.eventRound2 {
  margin-bottom: 12px; /* = 3/4 * body.fontSize */ 
  margin-top:0;
  width: 224px;  
  font-size: 20px;
  font-weight: normal;  
}

.matchScore {
  font-size: 16px; /* = body.fontSize */
  font-weight: bold;
  margin-top: 24px; /* = 3/2 * body.fontSize */
  margin-bottom: 12px; /* = 3/4 * body.fontSize */
}

.game {
  font-size: 13px; /* defined as game.fontSize */
  font-weight: normal;
  margin-top: 2px;
  margin-bottom: 2px;
  line-height: 19px;
}

.last2moves {
  width: 120px;
  font-family: 'pgn4web ChessSansPiratf', 'pgn4web Liberation Sans', sans-serif;  
}
.secondTeam, .secondTeamPlayer {
  background-color: #F4F4F4;
  border-radius: 3px; /* = 1/4 * game.fontSize */
}

.score, .result {
  text-align: center;
}

.newMoves, .noNewMoves {
  color: gray;
  font-weight: bold;
}

.noNewMoves {
  visibility: hidden;
}

.gameLiveStatus2 {
  display: inline-block;
  margin-top: 48px; /* = 3 * body.fontSize */
  padding-left: 5px; /* = player.paddingLeft */
  font-size: 14px; /* defined as game.fontSize */
  color: gray;
}

.gameFloatingContainer {
  white-space: normal;
  background-color: white;
  width: 662px;
  border:0px solid #000000;
}

.gameAnalysisContainer {
  overflow: visible;
  width: 100%; /* defined as gameAnalysisContainer.width.closed = body.padding */
  text-align: center;
  transition: width 1s linear;
  -moz-transition: width 1s linear;
  -webkit-transition: width 1s linear;
  -o-transition: width 1s linear;
  opacity: 0.8;
}

.gameAnalysisButtons {
  height: 14px; /* = engine.html squareSize / 2 */
  width: 255px; /* = gameAnalysisFrame.width */
  border:none;
  /*margin-left: 40px; /* = body.padding */
  /*margin-bottom: 14px; /* = engine.html squareSize / 2 */
}

.gameAnalysisFrame {
  width: 255px; /* defined as gameAnalysisFrame.width = engine.html width */
  height: 300px; /* = engine.html height */
  border:0;
  margin:0;
  padding:0; 
}

.gameBoardContainer {
  width: 100%;
  }

.whiteSquare,
.blackSquare,
.highlightWhiteSquare,
.highlightBlackSquare {
  width: 38px; /* defined as whiteSquare.bareWidth */
  height: 38px; /* = whiteSquare.bareWidth */
  border-style: solid;
  border-width: 1px; /* defined as whiteSquare.borderWidth */
  /* whiteSquare.width = whiteSquare.bareWidth + 2 * whiteSquare.borderWidth */
}

.boardTable {
  border-style: solid;
  border-color: #818780;
  border-width: 2px; /* defined as boardTable.borderWidth */
  box-shadow: 0px 0px 20px #B0B8AE;
  width: 324px; /* = 8 * whiteSquare.width + 2 * boardTable.borderWidth */
  height: 324px; /* = 8 * whiteSquare.width + 2 * boardTable.borderWidth */
  background-color: #FFFFFF;
}

.pieceImage {
  width: 38px; /* defined as pieceImage.width < whiteSquare.bareWidth */
  height: 38px; /* = pieceImage.width */
}

.whiteSquare,
.highlightWhiteSquare {
  background: #EFF4EC;
  border-color: #EFF4EC;
}

.blackSquare,
.highlightBlackSquare {
  background: #C6CEC3;
  border-color: #C6CEC3;
}

.highlightWhiteSquare,
.highlightBlackSquare {
  border-color: #818780;
}

.selectControl {
/* a "width" attribute here must use the !important flag to override default settings */
  font-size: 16px; /* = body.fontSize */
}

.optionSelectControl {
}

.buttonControlPlay,
.buttonControlStop,
.buttonControl {
/* a "width" attribute here must use the !important flag to override default settings */
  font-size: 16px; /* = body.fontSize */
  border-style: none;
  background-color: transparent;
}

.buttonControlSpace {
/* a "width" attribute here must use the !important flag to override default settings */
  font-size: 16px; /* = body.fontSize */
}

.searchPgnButton {
/* a "width" attribute here must use the !important flag to override default settings */
  font-size: 16px; /* = body.fontSize */
}

.searchPgnExpression {
/* a "width" attribute here must use the !important flag to override default settings */
  font-size: 16px; /* = body.fontSize */
}

.move,
.variation,
.commentMove {
  font-family: 'pgn4web ChessSansPiratf', 'pgn4web Liberation Sans', sans-serif;
  text-decoration: none;
}

.move {
  color: black;
}
.gameCurrMove {
  font-family: 'pgn4web ChessSansPiratf', 'pgn4web Liberation Sans', sans-serif;
  color: black;
  font-weight: bold; 
  font-size: 17px;   
  display: inline;  
}

.comment,
.variation {
  color: gray !important;
}

a.variation {
  color: gray !important;
}

.moveOn,
.variationOn {
  background: #DAF4D7;
}

.header, .footer {
  font-size: 11px; /* defined as header.fontSize */
  line-height: 1.4em; /* defined as header.lineHeight */
  white-space: nowrap;
  width: 100%; /* = 8 * whiteSquare.width */
}
                                                                    
.header_wrap {
  font-size: 11px; /* defined as header.fontSize */
  line-height: 1.4em; /* defined as header.lineHeight */
  width: 320px; /* = 8 * whiteSquare.width */
  white-space: normal;  
}

.footer {
  margin-top: 22px; /* = 2 * header.fontSize */
}

.gameEvent {
  width: 220px; /* = 5.5 * whiteSquare.width */
  margin-right: 20px; /* = 1/2 * whiteSquare.width */
  text-align: left;
  color: gray;
}

.gameLiveStatus {
  width: 80px; /* = 2 * whiteSquare.width */
  text-align: right;
  text-decoration: none;
  color: gray;
}

.gameWhite, .gameBlack {
  width: 100%; /* = 2 * whiteSquare.width */
  text-decoration: none;
  color: black;
  font-size: 20px;
  font-weight: bold;
  padding-top:4px;             
}

.gameWhiteClock, .gameBlackClock {
  width: 100%; /* defined as gameWhiteClock.width */
  font-size: 15px;
  font-weight:bold;
}

.gameWhite, .gameBlack  {
  text-align: left;
}

.GameBoardContainer {
  height: 100%
}

.gameText {
  text-align: left;
  width:100%; /* = 8 * whiteSquare.width - 2 * gameWhiteClock.width */
  font-size: 15px;
  height: 50px;
}
.gametext_string {
  width:100%; /* = 8 * whiteSquare.width - 2 * gameWhiteClock.width */
  text-align: justify;
  font-size: 15px;
  line-height: 25px;
}

.gameSideToMove, .gameResult {
  white-space: nowrap;
  display: inline-block;
  overflow-x: hidden;
}

.gameSideToMove, .gameResult {
  height: 25px;
  padding-top:4px;             
  font-size: 20px;
  font-weight:bold;  
}

.gameResult {
  text-align: center;
  width: 100%;
  height: 29px;
}

.white_button, .black_button {
  height: 15px;
  width: 15px;
  border-width: 0px;         
}
.button_td {
  width: 100%; height: 20px;
}
.button_td2 {
  width: 100%; height: 20px; text-align: right;
}
.button_td3 {
width: 100%; height: 20px; text-align: center;
}
.button_td4 {
height: 206px; vertical-align: top; text-align: justify;
}
.button_td5 {
width: 100%; height: 20px; text-align: right;
}
.button_td6 {
width: 100%; height: 20px; 
}
.button_td7 {
width: 100%; height: 326px; padding: 2px 5px 2px 5px; margin: 0px; border: 0px;
}
.button_td8 {
width: 100%; height: 15px;text-align: center;
}
.button_td9 {
width: 100%; text-align: center;
}
.button_td10 {
width: 100%; height: 100%; border: 0px; margin: 0px; padding: 0px; border: 0px;
}

.white_button {
  background: #FFFFFF url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoEAYAAADcbmQuAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAMAAwADAGp0HVAAAAAlwSFlzAAAASAAAAEgARslrPgAAAAl2cEFnAAAAKAAAACgAo3CU+AAAACNJREFUaN7twQENAAAAwqD3T20PBxQAAAAAAAAAAAAAAAAPBjIoAAFxtd2pAAAAAElFTkSuQmCC') no-repeat;
}
.black_button {
  background: #000000 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoEAYAAADcbmQuAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAMAAwADAGp0HVAAAAAlwSFlzAAAASAAAAEgARslrPgAAAAl2cEFnAAAAKAAAACgAo3CU+AAAACNJREFUaN7twQENAAAAwqD3T20PBxQAAAAAAAAAAAAAAAAPBjIoAAFxtd2pAAAAAElFTkSuQmCC') no-repeat;
}
.online, .offline {
  height: 1ex;
  width: 1ex;
  border-style: solid;
  border-color: black;
  border-width: 1px;
  margin-bottom: 1px;
}
.online {
  background: #0000FF url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoEAYAAADcbmQuAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAMAAwADAGp0HVAAAAAlwSFlzAAAASAAAAEgARslrPgAAAAl2cEFnAAAAKAAAACgAo3CU+AAAACNJREFUaN7twQENAAAAwqD3T20PBxQAAAAAAAAAAAAAAAAPBjIoAAFxtd2pAAAAAElFTkSuQmCC') no-repeat;
}
.offline {
  background: #FF0000 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoEAYAAADcbmQuAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAMAAwADAGp0HVAAAAAlwSFlzAAAASAAAAEgARslrPgAAAAl2cEFnAAAAKAAAACgAo3CU+AAAACNJREFUaN7twQENAAAAwqD3T20PBxQAAAAAAAAAAAAAAAAPBjIoAAFxtd2pAAAAAElFTkSuQmCC') no-repeat;
}

/* @group Blink */

.blink {
    -webkit-animation: blink .75s linear infinite;
    -moz-animation: blink .75s linear infinite;
    -ms-animation: blink .75s linear infinite;
    -o-animation: blink .75s linear infinite;
    animation: blink .75s linear infinite;
}

@-webkit-keyframes blink { /* Safari and Chrome */
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-moz-keyframes blink {  /* Firefox */
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
      
@-ms-keyframes blink {  /* IE */
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@-o-keyframes blink {   /* Opera */
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}

/* @end */

.sideToMove {
  height: 1ex;
  width: 1ex;
  border-style: solid;
  border-color: black;
  border-width: 1px;
  margin-bottom: 1px;
}

.sideToMoveHidden {
  visibility: hidden;
}
.UsersCount {
  font-size: 20px;
  font-weight: bold;
  padding-left: 4px;
}
.icon_users {
  float:left;
  width: 20px;
}
.button_td11 {
  text-align: left;
  vertical-align: middle;
}
.TR_1 {
}
.comment_header {
  font-size: 20px;
  font-weight: normal;
  margin-bottom: 12px;  
}
.empty {
  width: 5px; border: 0px solid white;
}
#install_info {
  display:none;
}
#chat {
  display:inline;
}
.tr_analyse_1 {
  border: 0px;margin: 0px; padding: 0px;border-spacing: 0px;
}
.tr_analyse_2 {
  border: 0px;margin: 0px; padding: 0px;border-spacing: 0px;
}
.tr_analyse_3 {
  width: 100%;border: 0px;margin: 0px; margin: 0px;border-spacing: 0px;
}
.tr_analyse_4 {
  vertical-align: top;
  height: 360px;
}


.LiidTabs { list-style:none; float:left; }
.AidTabs {
  display:block;
  padding:6px 10px;
  text-decoration:none!important;
  margin:1px;
  margin-left:0;
  font:10px Verdana;
  color:#FFF;
  background:#AAAAAA;
}
.AidTabs:hover {
  color:#FFF;
  background:#111;
  }
.AidTabs.selected {
  margin-bottom:0;
  color:#000;
  background:#DEDEDE;
  border-bottom:1px solid snow;
  cursor:default;
  }
.DividTabs {
  padding:0px 0px 0px 0px;
  padding-top:3px;
  margin-top:-15px;
  clear:left;
  background:snow;
  font:10pt Georgia;
}