/*REPLAY CLASSES*/
.cbrepl-table
{
	border-collapse:separate;
	border-spacing: 0px;
	
	border: thin solid black;
	
	margin: 1em 0em;
	empty-cells: show;
}

.cbrepl-left
{
	background-color: Gray;
	padding: 8px;
	
	border: 0px;
}

.cbrepl-right
{
	background-color: #FEFDE8;
	padding: 8px;
	
	border-left: thin solid black;
	
	border-top: 0px;
	border-bottom: 0px; 
	border-right: 0px;
	width: 100%;
}

.cbrepl-board-container
{
	background-color: #606060;
	padding: 8px;
	border: thin solid black;
}

.cbrepl-panel
{
	margin: 8px 0 0 0;
	text-align: center;
	padding: 4px;
}

.cbrepl-panel button
{
	width: 45px;
	height: 45px;
	border-style: none;
	background-color: transparent;
	
	background-image:url(panel.png);
}

.cbrepl-panel button[value="first"]
{
	background-position: 0% 0%;
}

.cbrepl-panel button[value="last"]
{
	background-position: 20% 0%;
}

.cbrepl-panel button[value="prev"]
{
	background-position: 40% 0%;
}

.cbrepl-panel button[value="next"]
{
	background-position: 60% 0%;
}

.cbrepl-panel button[value="start-animate"]
{
	background-position: 80% 0%;
}

.cbrepl-panel button[value="stop-animate"]
{
	background-position: 100% 0%;
}


.cbrepl-panel button[value="start-animate"][disabled]
{
	background-position: 80% 33.33%;
}

.cbrepl-panel button[value="stop-animate"][disabled]
{
	background-position: 100% 33.33%;
}

.cbrepl-panel button[value="first"][disabled]
{
	background-position: 0% 33.33%;
}

.cbrepl-panel button[value="prev"][disabled]
{
	background-position: 40% 33.33%;
}

.cbrepl-panel button[value="next"][disabled]
{
	background-position: 60% 33.33%;
}

.cbrepl-panel button[value="last"][disabled]
{
	background-position: 20% 33.33%;
}

.cbrepl-panel button[value="first"]:not([disabled]):active
{
	background-position: 0% 100%;
}

.cbrepl-panel button[value="last"]:not([disabled]):active
{
	background-position: 20% 100%;
}

.cbrepl-panel button[value="prev"]:not([disabled]):active
{
	background-position: 40% 100%;
}

.cbrepl-panel button[value="next"]:not([disabled]):active
{
	background-position: 60% 100%;
}

.cbrepl-panel button[value="start-animate"]:not([disabled]):active
{
	background-position: 80% 100%;
}

.cbrepl-panel button[value="stop-animate"]:not([disabled]):active
{
	background-position: 100% 100%;
}

/*
.cbrepl-panel button[value="first"]:not([disabled]):hover
{
	background-position: 0% 66.66%;
}

.cbrepl-panel button[value="last"]:not([disabled]):hover
{
	background-position: 20% 66.66%;
}

.cbrepl-panel button[value="prev"]:not([disabled]):hover
{
	background-position: 40% 66.66%;
}

.cbrepl-panel button[value="next"]:not([disabled]):hover
{
	background-position: 60% 66.66%;
}

.cbrepl-panel button[value="start-animate"]:not([disabled]):hover
{
	background-position: 80% 66.66%;
}

.cbrepl-panel button[value="stop-animate"]:not([disabled]):hover
{
	background-position: 100% 66.66%;
}*/

.cbcomment
{
	color: brown;
}

span.cbmove:hover
{
	background-color: #F5F1D3;
	
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
}

span.cbmove:active,
span.cbmove.cbcur-move,
span.cbmove.cbcur-move:hover
{
	background-color: brown;
	color: white;
	
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
}

.cbline[data-level="3"]
{
	color:Gray;
}

.cbrepl-adv
{
	color: White;
	font-family: Arial;
}

.cbrepl-adv.any
{
	border-top: 2px solid gray;
	padding-top: 8px;
	margin-top: 8px;
}

.cbrepl-adv a
{
	color: White !important;
}

.cbrepl-adv > .cbproduct
{
	
	display: table;
	width: 100%;
	font-size: 9pt;
}



.cbrepl-adv > .cbproduct   img
{
	border: thin solid white;
	margin-right: 8px;
	padding: 2px;
}

.cbrepl-adv > .cbproduct   .title
{
}

.cbrepl-adv > .cbproduct   .authors
{
	font-size: 80%;
}

.cbrepl-adv .cbp-row 
{
	display: table-row;
}

.cbrepl-adv .cbp-left,
.cbrepl-adv .cbp-right
{
	display: table-cell;
	vertical-align: top;
}

.cbrepl-adv .cbp-right 
{
	width: 100%;
}

.cbrepl-eval.any
{
	border-top: 2px solid gray;
	padding-top: 8px;
	margin-top: 8px;
}

.cbnota-container
{
    /*Für Download*/
    margin-bottom: 32px;
}

.cbrepl-download
{
    text-align: center;
    left:0px;
    right:0px;
    text-align: center;
/*    position: absolute;*/
    bottom: 8px;
    
    margin-top: 16px;
}

.cbrepl-download a
{
    color: brown;
    font-family: Arial;
}

.cbrepl-gameselect
{
    padding-bottom: 8px;
}

.cbrepl-gameselect button
{
	width: 20px;
	height: 20px;
	border-style: none;
	background-color: transparent;
	
	background-image:url(select.png);
}

.cbadv-slogan-up, .cbadv-slogan-down 
{
    font-weight: bold;
/*
    margin-bottom: 0.5em;
    margin-top: 0.5em;*/
    
}

.cbadv-slogan-up
{
    margin-bottom: 0.3em;
}

.cbadv-slogan-down 
{
    margin-top: 0.3em;
}