.playfield{ position: relative; }
.board{
  background-image: url('../index.php?site=showpic&cssname=chessboard&ext=png&dir=backgrounds');
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
}
.teamnames{ text-align: center; line-height: 28px; font-weight: bold; }
.teamnames .blackfigure{ background-image: url('../index.php?site=showpic&cssname=black_pawn_20&ext=png&dir=chess'); }
.teamnames .whitefigure{ background-image: url('../index.php?site=showpic&cssname=white_pawn_20&ext=png&dir=chess'); }
.upteamname{ margin-top: 39px; width: 170px; margin-left: 228px; height: 34px; }
.upteamname span{
  background-repeat: no-repeat;
  background-position: left center;
  color: #0057B6;
  padding-left: 20px;
  padding-top: 4px;
  line-height: 34px;
}
.downteamname{ margin-top: 10px; width: 399px; margin-left: 115px; height: 36px; }
.downteamname .downdatatitle{ width: 110px; float: left; text-align: center; height: 36px; margin-top: 5px; line-height: normal; }
.downteamname .teamname{
  background-repeat: no-repeat;
  background-position: left center;
  color: #0057B6;
  padding-top: 4px;
  padding-left: 20px;
}
.downteamname .leftlist{ width: 140px; height: 36px; float: left; }
.downteamname .rightlist{ width: 140px; height: 36px; float: right; }
.leftlist .leftlistcontainer{ width: 110px; float: right; position: relative; }
.leftlist .leftlistcontainer p{ margin-top: 5px; float: left; }
.leftlist .leftlistcontainer p span{ width: 5px; height: 5px; border: 1px solid #000; border-radius: 5px; float: left; }
.leftlist .leftlistcontainer p label{ line-height: 7px; width: 46px; text-align: left; padding-left: 2px; font-size: 9px; }
.rightlist .rightlistcontainer{ width: 110px; float: left; position: relative; }
.rightlist .rightlistcontainer p{ margin-top: 5px; float: left; }
.rightlist .rightlistcontainer p span{ width: 5px; height: 5px; border: 1px solid #000; border-radius: 5px; float: left; }
.rightlist .rightlistcontainer p label{ line-height: 7px; width: 46px; text-align: left; padding-left: 2px; font-size: 9px; }
.leftlist .scrollcontainer{ float: left; height: 36px; margin-left: 2px; display: none; }
.rightlist .scrollcontainer{ float: right; height: 36px; margin-right: 2px; display: none; }
.scrollcontainer .scroll{
  background-image: url('../index.php?site=showpic&cssname=scroll&ext=png&dir=icon');
  background-repeat: no-repeat;
  width: 20px;
  height: 16px;
}
.scrollcontainer .up{ background-position: 0px 0px; margin-top: 2px; cursor: pointer; }
.scrollcontainer .down{ background-position: 0px -16px; cursor: pointer; }

.vetodata{ position: absolute; right: 27px; width: 65px; }
.vetodata .vetosign{
  background-image: url('../index.php?site=showpic&cssname=control_buttons&ext=png&dir=icon');
  background-repeat: no-repeat;
  margin: 0px auto;
  display: block;
  width: 22px;
  height: 22px;
  margin-bottom: 3px;
}
.vetodata .ordersign{ background-position: 0px -191px; }
.vetodata .orderfilled{ background-position: 0px -215px; }
.vetodata .orderbutton{ background-position: 0px -167px; cursor: pointer; }
.vetodata .designedsign{ background-position: 0px -119px; }
.vetodata .designedfilled{ background-position: 0px -143px; }
.vetodata .designedbutton{ background-position: 0px -95px; cursor: pointer; }
.vetodata .mb10{ margin-bottom: 10px; }
.downvetodata{ bottom: 109px; }

.centerboard{ margin-top: 14px; position: relative; }
.centerboard .signed{
	color: #fff;
	width: 80px;
	height: 80px;
	font-weight: bold;
	text-align: center;
	margin-left: 0px;
	clear: both;
	position: absolute;
	overflow: hidden;
}
.centerboard .signed .label{ display: block; margin: -6px 0px 0px 0px; line-height:50px}
.centerboard .signed .vetosign{
	width: 10px;
	height: 10px;
	border: 1px solid #fff;
	float: left;
	border-radius: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
}
.centerboard .signed p{ margin-bottom: 5px; margin-left: 5px; }
.centerboard .noveto{
  background-color: #eee;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: block;
  position: absolute;
  border-radius: 10px;
}
/* Játékszoba indítása gomb a sakktáblán */
.centerboard .centerbtns{ position: absolute; }
.centerboard .newgame{
	font-size: 10px;
	color: #000;
	cursor: pointer;
	width: 50px;
	height: 50px;
	text-align: center;
	background-image: url('../index.php?site=showpic&cssname=play_board&ext=png&dir=icon');
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 50px;
	margin-bottom: 10px;
}
/* Játékszoba folytatása gomb a sakktáblán */
.centerboard .contgame{
	font-size: 10px;
	color: #000;
	cursor: pointer;
	width: 50px;
	height: 50px;
	text-align: center;
	background-image: url('../index.php?site=showpic&cssname=pause_board&ext=png&dir=icon');
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: 50px;
	margin-bottom: 10px;
}
/* Játékszoba keresése gomb a sakktáblán */
.centerboard .searchgame{
	font-size: 10px;
	color: #000;
	cursor: pointer;
	width: 50px;
	height: 50px;
	text-align: center;
	background-image: url('../index.php?site=showpic&cssname=search_board&ext=png&dir=icon');
	background-repeat: no-repeat;
	background-position: center center;
}

/* órák eleje */
/* felső */
.upclock{ position: absolute; overflow: hidden; width: 65px; text-align: center; clear: both; right: 27px; top: 65px; }
.bigclock_up{
	font-family: "Comic Sans MS", cursive;
	color: #0057B6;
	font-size: 18px;
	line-height: 34px;
	font-weight: bold;
}
/* alsó */
.downclock{ position: absolute; overflow: hidden; width: 65px; text-align: center; clear: both; right: 27px; bottom: 165px; }
.bigclock_down{
	font-family: "Comic Sans MS", cursive;
	color: #0057B6;
	font-size: 18px;
	line-height: 34px;
	font-weight: bold;
}
/* órák vége */

.steppointer{
  position: absolute;
  background: url('../index.php?site=showpic&cssname=steppointer&ext=gif') no-repeat center center;
  width: 32px;
  height: 32px;
  display: none;
}
.uppointer{ left: 50px; top: 64px; }
.downpointer{ left: 50px; bottom: 64px; }

.chessboardcont{ clear: both; }
.chessboard{ position: relative; margin: 0 auto; background-repeat: no-repeat; }
.hcoord{
	height: 30px;
	vertical-align: middle;
	text-align: center;
	font-family: "Comic Sans MS", cursive;
	font-size: 12px;
	font-weight: bold;
	color: #5F97CA;
}
.vcoord{
	width: 20px;
	vertical-align: middle;
	text-align: center;
	font-family: "Comic Sans MS", cursive;
	font-size: 12px;
	font-weight: bold;
	color: #5F97CA;
}
/* sakktábla színek */
.light{ vertical-align: middle; background-color: #fff; position: relative; }
.dark{ vertical-align: middle; background-color: #5F97CA; position: relative; }

.black_piece{ width: 100%; height: 100%; display: block; position: relative; background-repeat: no-repeat; background-position: center center; }
.white_piece{ width: 100%; height: 100%; display: block; position: relative; background-repeat: no-repeat; background-position: center center; }
.filled{ background: #000; }
.pieceusername{
  background-color: #fff;
  width: 100%;
  margin: 0px; 
  line-height: normal; 
  font-size: 10px;
  text-align: center;
  position: absolute;
  bottom: 0px;
}

.board .roombuttonscontainer{ position: absolute; top: 33px; right: 26px; z-index: 100; }
.board .roombutton{
	background-image: url('../index.php?site=showpic&cssname=control_buttons&ext=png&dir=icon');
	cursor: pointer;
	background-repeat: no-repeat;
}
.board .closeicon{ background-position: -3px -313px; float: right; height: 16px; width: 16px; margin-right: 2px; }
.board .closeicon:hover{ background-position: -3px -289px; }
.board .alarmicon{ background-position: -3px -243px; float: right; height: 22px; width: 22px; margin-right: 5px; }
.board .roomdetailsicon{ background-position: -3px -267px; float: right; height: 22px; width: 22px; margin-right: 5px; }

.board .endgamebuttonscontainer{ position: absolute; width: 65px; right: 27px; bottom: 45px; }
.board .endgamebuttonscontainer .endgamebuttons{
  background-image: url('../index.php?site=showpic&cssname=control_buttons&ext=png&dir=icon');
  background-repeat: no-repeat;
  margin: 0px auto;
  display: block;
  width: 22px;
  height: 22px;
}
.board .endgamebuttonscontainer .giveupbtn{ background-position: 0px -72px; float: left; }
.board .endgamebuttonscontainer .gubutton{ background-position: 0px -48px;  cursor: pointer; }
.board .endgamebuttonscontainer .offerdrawbtn{ background-position: 0px -24px; float: right; }
.board .endgamebuttonscontainer .odbutton{ background-position: 0px 0px; cursor: pointer; }

.board .endgamemess{ position: absolute; width: 399px; left: 115px; bottom: 75px; height: 20px; }
.board .endgamemess .endgamemessbtn{ line-height: 20px; color: #fff; }

.opac{ position: absolute; opacity: 0.5; }

#btndrawaccept{ float: right; padding-left: 2px; padding-right: 2px; cursor: pointer; }
#btndrawaccept{ background-color: #ff9900; }

/** A sakktáblán a különböző háttérszínek */
.bguserbase{ background-color: #ff691f; }
.canstephere{ background-color: #dcffb9; position: relative; }
.candeletehere2{ background-color: #ff0000; position: relative; }
.candeletehere{ background-color: #ff0000; }
.bgdest{ border: 2px solid #990000; }
.nodest{ border: 2px solid transparent; }
.bggrabbed{ background-color: #aaaa00; }
.getchess{ border: 2px solid #ff0000; }

.boardmess{
	padding: 10px;
	text-align: center;
	top: 10px;
	color:#FFFFFF;
}
.boardmess h1{
	color:#FFFFFF;
}
.boardmess .button{ float: none; margin: 0px; }
.boardmess .teamlist{ margin-left: 0px; margin-right: 0px; }
.boardmess .teamlist .disable{ background: #eee; color: #aaa; cursor: default; }
.boardmess .teamlist .disable:hover{ background: #eee; color: #aaa; }
.boardmess .teamlist .teamnames{ text-decoration: underline; width: 100%; }
.boardmess .teamlist .leftteamlist{ width: 190px; margin-right: 10px; float: left; }
.boardmess .teamlist .leftteamlist .button{ display: block; margin-top: 5px; width: 70px; }
.boardmess .teamlist .rightteamlist{ width: 190px; margin-left: 10px; float: left; }
.boardmess .teamlist .rightteamlist .button{ display: block; margin-top: 5px; width: 70px; }
.boardmess .teamlist .playername{ clear: both; }
.boardmess .teamlist .playername label{ text-align: left; padding-left: 5px; width: 60px; }
.boardmess .teamlist .playername span{ display: block; float: left; width: 60px; margin-top: 5px; }
.boardmess .teamlist span.playersign{ width: 10px; height: 10px; border: 1px solid #000; border-radius: 10px; }
.redfill{ background: #990000; }
.greenfill{ background: #009900; }
.boardmess .faststartarea .button{ display: block; margin-top: 5px; width: 80px; }
.boardmess .faststartarea .disable{ background: #eee; color: #aaa; cursor: default; }
.boardmess .faststartarea .disable:hover{ background: #eee; color: #aaa; }
.boardmess .faststartarea h2{ margin-top: 15px; margin-bottom: 5px; }
.boardmess .faststartarea .downcounter{ font-size: 24px; font-weight: bold; margin-bottom: 15px; color: #fff; height: 30px; }
.boardmess .roombutton{
	background-image: url('../index.php?site=showpic&cssname=control_buttons&ext=png&dir=icon');
	cursor: pointer;
	background-repeat: no-repeat;
	position: absolute;
}
.boardmess .alarmicon{ background-position: -3px -243px; height: 22px; width: 22px; right: 140px; bottom: 6px; }
.boardmess .roomdetailsicon{ background-position: -3px -267px; height: 22px; width: 22px; left: 140px; bottom: 6px; }

.boardmess .substlist{ cursor: pointer; }

.boardmess .asktext{ width: 30px; float: left; }
.boardmess .asklabel{ width: 40px; margin-top: 8px; display: block; }
.boardmess .askpointvalue{ float: left; }
.boardmess .askpointlabel{ float: left; margin-left: 10px; display: block; }
.boardmess .askextrabtn{ float: left; display: block; margin-top: 5px; width: 70px; margin-right: 10px; }
.boardmess .askendbtn{ float: left; display: block; margin-top: 5px; width: 70px; }

.statistic{ position: absolute; overflow: hidden; padding: 0px; width: 160px; background-color: #ffeab2; border-radius: 10px; left: 10px; top: 10px; }
.statistic div{ border: 1px solid #000; border-radius: 10px; padding: 0px 10px 10px 10px; }
.statistic label{ float: none; width: auto; margin-top: 10px; }
.statistic span{ font-weight: bold; display: block; margin-left: 10px; }