@font-face {font-family: 'PT Mono'; 
	src: url('../../images/fonts/ptm55f_w.eot'); 
	src: local('PT Mono'), 
		url('../../images/fonts/ptm55f_w.eot?#iefix') format('embedded-opentype'),
		url('../../images/fonts/ptm55f_w.woff') format('woff'),
		url('../../images/fonts/ptf55m_w.ttf') format('truetype'), 
		url('../../images/fonts/ptm55f_w.svg#PTMono-Regular') format('svg');
}

@font-face {font-family: 'PT Mono';
	src: url('../../images/fonts/ptm75f_w.eot');
	font-style: normal;
	font-weight: bold; 
	src: local('PT Mono Bold'), 
		url('../../images/fonts/ptm75f_w.eot?#iefix') format('embedded-opentype'), 
		url('../../images/fonts/ptm75f_w.woff') format('woff'),
		url('../../images/fonts/ptm75f_w.ttf') format('truetype'), 
		url('../../images/fonts/ptm75f_w.svg#PTMono-Bold') format('svg');
}
	
.show_fancybox
{
	text-decoration: none;
	color: black;
}

.ui-widget-overlay {
  background: #000000;
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8; */
}


.ui-dialog {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	padding: .2em;
	outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
}
.ui-dialog .ui-dialog-title {
	float: left;
	margin: .1em 0;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 20px;
}
.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: none;
	overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
	text-align: left;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: .5em .4em .5em 0;
	cursor: pointer;
}
.ui-dialog .ui-resizable-se {
	width: 12px;
	height: 12px;
	right: -5px;
	bottom: -5px;
	background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

a.table_popup {
	text-decoration: none;
}

.tbl
{
	width: 365px;
	height: 272px;
	position: relative;
	background-size: 223px 223px;
	background-color: ivory;
	background-repeat: no-repeat;
	background-position: 10px 37px;
}

.tblz
{
	width: 135.55px;
	height: 173.33px;
	position: relative;
	background-size: 123.88px 123.88px;
	background-repeat: no-repeat;
	background-position: 5.55px 20.55px;
}

.eb-tbl
{
	height: 272px;
	position: relative;
	background-color: ivory;
}

.dynamic-viz .tbl, .dynamic-viz .eb-tbl {
	margin-right: 5px;
	margin-top: 5px;
}

.tbl {
    font-family: Arial, 'Roboto', sans-serif;
}
.tbl .table-head {
	text-align: center;
	text-decoration: none;
	color: black;
	font-weight: 700;
	padding-top: 10px;
}
.tbl .table-foot {
	display: none;
}

.tblz .table-head {
	text-align: center;
	text-decoration: none;
	color: black;
	width: 135px;
}

.tblz .table-foot {
	text-align: center;
	text-decoration: none;
	color: black;
	width: 135px;
	font-size: 14px;
	top: 150px;
	position: absolute;
}

.loupe
{
	position: absolute;
	left: 88px;
	top: 32px;
	width: 26px;
	height: 26px;
	background-image: url(images/loupe3.png)
}


.tblz:hover .loupe
{
	background-image: url(images/loupe5.png)
}


.bgz   { background-image: url(images/board.png); }
.bg     { background-image: url(images/board.png); }
.bgez { background-image: url(images/board.png); }
.bge   { background-image: url(images/board.png); }
.rbgz   { background-image: url(images/board.png); }
.rbg     { background-image: url(images/board.png); }
.bgz.empty   { background-image: url(images/board.png); }
.bg.empty     { background-image: url(images/board.png); }
.rbgz.empty   { background-image: url(images/board.png); }
.rbg.empty     { background-image: url(images/board.png); }

.tbl .tblt1, .tbl .tblt2, .tbl .tblt3, .tbl .tblt4, .tbl .tblt5,
.tbl .tblv1, .tbl .tblv2, .tbl .tblv3, .tbl .tblv4, .tbl .tblv5 
{
	text-align:	left;
	color: black;
	font-size: 10px;
    margin-left: 251px;
    width: 90px;
}
.tbl .tblt1, .tbl .tblt2, .tbl .tblt3, .tbl .tblt4, .tbl .tblt5
{
	font-weight: bold;
    margin-top: 10px;
}

.tblz .tbltz1, .tblz .tbltz2, .tblz .tbltz3, .tblz .tbltz4, .tblz .tbltz5,
.tblz .tblvz1, .tblz .tblvz2, .tblz .tblvz3, .tblz .tblvz4, .tblz .tblvz5
{
	text-align: left;
	color: white;
	font-size: 5.55px;
    margin-left: 139.44px;
    width: 50px;
}
.tblz .tbltz1, .tblz .tbltz2, .tblz .tbltz3, .tblz .tbltz4, .tblz .tbltz5
{
	font-weight: bold;
    margin-top: 5.55px;
}

.tbl .tblv5  { font-size: 16px; font-weight: bold; }

.tbl .figure {
	position: absolute;
	width: 22px;
	height: 22px;
	background-size: 22px 22px;
	background-repeat: no-repeat;
}
.tblz .figure {
	position: absolute;
	width: 12.22px;
	height: 12.22px;
	background-size: 12.22px 12.22px;
	background-repeat: no-repeat;
}

.tbl .figure.pawn-b, .tblz .figure.pawn-b {
	background-image: url(images/pawn_b.png);	
}
.tbl .figure.pawn-w, .tblz .figure.pawn-w {
	background-image: url(images/pawn_w.png);	
}
.tbl .figure.knight-b, .tblz .figure.knight-b {
	background-image: url(images/knight_b.png);	
}
.tbl .figure.knight-w, .tblz .figure.knight-w {
	background-image: url(images/knight_w.png);	
}
.tbl .figure.bishop-b, .tblz .figure.bishop-b {
	background-image: url(images/bishop_b.png);	
}
.tbl .figure.bishop-w, .tblz .figure.bishop-w {
	background-image: url(images/bishop_w.png);	
}
.tbl .figure.rook-b, .tblz .figure.rook-b {
	background-image: url(images/rook_b.png);	
}
.tbl .figure.rook-w, .tblz .figure.rook-w {
	background-image: url(images/rook_w.png);	
}
.tbl .figure.queen-b, .tblz .figure.queen-b {
	background-image: url(images/queen_b.png);	
}
.tbl .figure.queen-w, .tblz .figure.queen-w {
	background-image: url(images/queen_w.png);	
}
.tbl .figure.king-b, .tblz .figure.king-b {
	background-image: url(images/king_b.png);	
}
.tbl .figure.king-w, .tblz .figure.king-w {
	background-image: url(images/king_w.png);	
}

.tbl .figure.l1 {
	top: 225px;
}
.tbl .figure.l2 {
	top: 200px;
}
.tbl .figure.l3 {
	top: 176px;
}
.tbl .figure.l4 {
	top: 151px;
}
.tbl .figure.l5 {
	top: 126px;
}
.tbl .figure.l6 {
	top: 101px;
}
.tbl .figure.l7 {
	top: 77px;
}
.tbl .figure.l8 {
	top: 52px;
}
.tbl .figure.c1 {
	left: 24px;
}
.tbl .figure.c2 {
	left: 49px;
}
.tbl .figure.c3 {
	left: 73px;
}
.tbl .figure.c4 {
	left: 98px;
}
.tbl .figure.c5 {
	left: 123px;
}
.tbl .figure.c6 {
	left: 148px;
}
.tbl .figure.c7 {
	left: 173px;
}
.tbl .figure.c8 {
	left: 198px;
}

.tblz .figure.l1 {
	top: 125px;
}
.tblz .figure.l2 {
	top: 111.11px;
}
.tblz .figure.l3 {
	top: 97.77px;
}
.tblz .figure.l4 {
	top: 83.88px;
}
.tblz .figure.l5 {
	top: 70px;
}
.tblz .figure.l6 {
	top: 56.11px;
}
.tblz .figure.l7 {
	top: 42.77px;
}
.tblz .figure.l8 {
	top: 28.88px;
}
.tblz .figure.c1 {
	left: 13.33px;
}
.tblz .figure.c2 {
	left: 27.22px;
}
.tblz .figure.c3 {
	left: 40.55px;
}
.tblz .figure.c4 {
	left: 54.44px;
}
.tblz .figure.c5 {
	left: 68.33px;
}
.tblz .figure.c6 {
	left: 82.22px;
}
.tblz .figure.c7 {
	left: 96.11px;
}
.tblz .figure.c8 {
	left: 110px;
}

.eb-data {
	position: relative;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	width: 115px;
}
.eb-data ul {
	margin: 0;
	padding: 0;
}
.eb-data ul.eb-sums {
	padding-top: 18px;
	padding-right: 15px;
	margin-left: 30px;
	margin-right: 15px;
	min-height: 122px;
	border-bottom: black solid 3px;
	list-style-type: none;
}
.eb-data .eb-sums li {
	padding-bottom: 5px;
}
.eb-data .eb-sums li div {
	float: left;
}
.eb-data .eb-total {
	padding-top: 7px;
	padding-right: 15px;
	margin-right: 15px;
}

table.outcome-list {
	width: 100%;
	font-family: Arial, 'Roboto', sans-serif;
}

table.outcome-list td {
	font-size: 12px; 
	font-weight: bold;
}

.outcomePaging {
	display: inline-block;
    margin-right: 10px;
}

.outcomePaging a {
	text-decoration: inherit;
	color: darkblue;
}

.outcomePagingCurrent {
	background-color: bisque;
	text-decoration: inherit;
	color: black;
}

.big_prev
{
	position: absolute;
	bottom: 10px;
	left: 285px;	
	width: 25px;
	height: 14px;
	background-image: url(images/left.png);
	cursor: pointer;
}

.big_next
{
	position: absolute;
	bottom: 10px;
	left: 325px;
	width: 25px;
	height: 14px;
	background-image: url(images/right.png);
	cursor: pointer;
}

.bballs {
	width: 685px; 
	margin-top: 20px; 
	margin-bottom: 35px;
}

.bballcont
{
	display: inline-block;
	width: 40px;
	vertical-align: top;
	cursor: pointer;
}

.bballnum
{
	display: block;
	width: 40px;
	height: 15px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;	
}

.bballimg
{
	display: block;
	width: 32px;
	height: 32px;
	vertical-align: top;
}

.bballsp
{
	display: inline-block;
	width: 2.8px;	
}