A:link{color: blue; background: transparent;}
A:visited{background: transparent; color: purple;}
A:hover{background: transparent; color: red;}
A:active{background: transparent; color: red;}

h1{ color: black; font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center;
}

h2{ color: black; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 20px; }

body	{
BACKGROUND-COLOR: #B1D8D8;
}

.ct-board-container{padding:5px;}
.ct-board{display:block;overflow:hidden;text-align:center;}
.ct-board-border{border:1px solid black; padding-bottom: 3px; padding-left: 2px;}
.ct-nav-buttons{padding-bottom:7px;padding-top:7px; padding-left: 40px;}
.ct-white-square{display:block;float:left; background-color: #FFFFE5;}
.ct-black-square{display:block;float:left; background-color: #ADFFC3;}  
.ct-from-square{background:none;background-color:#9F9FFF;}
.ct-to-square{background:none;background-color:#557FFF;}
.ct-over-valid-square{background:none;background-color:green;}
.ct-over-invalid-square{background:none;background-color:red;}
.ct-back{vertical-align:middle; padding-left: 25px;}
.ct-forward{vertical-align:middle; padding-left: 25px;}
.ct-start{vertical-align:middle; padding-left: 25px;}
.ct-end{vertical-align:middle; padding-left: 25px;}
.ct-play{vertical-align:middle; padding-left: 25px;}
.ct-stop{vertical-align:middle; padding-left: 25px;}
.ct-mainline-commentary{padding-left:10px;}
.ct-board-move-variation{cursor:pointer; color: blue;}
.ct-board-move-mainline{font-weight:600; cursor:pointer; font-family:Arial,Tahoma,Verdana; font-size: 13px;}
.ct-board-move-comment{color:green; font-size: 13px;}
.ct-board-move-current{color:red;}
.ct-bad-move-score{color:#FF2020;}
.ct-subopt-move-score,
.ct-opt-move-score{color:#ADFFC3;}

.container {
    position: relative;
	float: left;
	width: 900px;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 2px;
	COLOR: #000000;
	font-family:  Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	border:1px solid black;
}

#leftside
{
	position: relative;
	float: left;
	line-height: 22px;
	font-size: 16px;
	width: 400px;
	text-align: left;
	border-style:solid;
	border-width:0px;
	margin:0px 0px 25px 25px;
	padding:0px 0px 0px 20px;
}

#rightside
{	position: relative;
	float: left;
	font-size: 16px;
	text-align: left;
	width: 400px;
	border-style:solid;
	border-width:0px;
	margin: 0px 0px 25px 0px;
	padding:50px 0px 0px 25px;
	line-height: 20px;
}

#crumb-box{
position: relative;
float: left;
width: 700px;
height: 50px;
margin-top: 10px;
margin-left: 25px;
margin-bottom: 0px;
border:0px solid black;
}

p.bread {
font-family: Arial, Helvetica, sans-serif;
font-size: 22px;
padding: 0px;
}

.bounding-box
{
position: relative;
float: left;
width: 850px;
height: 75px;
border:0px solid black;
margin-bottom: 0px;
}

#meck{
position: relative;
float: left;
width: 400px;
height: 350px;
margin-left: 0px;
margin-top: 25px;
border:0px solid black;
}

#tempo-box
{
position: relative;
float: left;
line-height: 22px;
margin-left: 0px;
margin-top: 0px;
width: 300px;
height: 75px;
border:0px solid black;  
}

#demo-container{
position: relative;
float: left;
width: 300px;
height: 350px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
padding-top: 0px;
border:0px solid black;  
}

#demo-moves{
position: relative;
float: left;
width: 300px;
height: 150px;
font-size: 14px;
background-color: #f5f6f6;
margin-top: 20px;
margin-left: 5px;
margin-right: 5px;
border:0px solid black; 
overflow: auto; 
padding-left: 5px;
padding-right: 5px;
}

.fill
{
width: 700px;
height: 50px;
border:0px solid black;  
}