.characterToolbarClosingElement
{	
background-image: url(“../images/mastersprite.png“);
background-size: 1194px 1775px;
background-position: -31px -57px;
clear: both;
float:right;
cursor: pointer;
height: 25px;
position: absolute;
right: 8px;
top: 8px;
width: 25px;


}

.characterToolbarHeader
{
	padding-left: 10px; 
position: relative; 
height: 45px;
margin:0;
color: #222222; 
font-size:16px;

}
.characterToolbarHeaderText
{
	padding-left: 10px; 
position: relative; 
height: 45px;
margin:0;
color: #222222; 
font-size:16px;

}

	
.ctbCharacterNormal
{
	cursor:pointer;
width:24px;
height:24px;
background-color:#FFF;
border: 1px solid #cbcbcb;
font-size:12px;
font-style:normal;
font-weight:normal;
text-decoration:none;
text-transform: none;
color:#222222;
margin: 6px 6px 6px 6px;

}
.ctbCharacterHover
{
	cursor:pointer;
width:24px;
height:24px;
background-color:#222222;
border: 1px solid #010101;
font-size:12px;
font-style:normal;
font-weight:nomral;
text-decoration:none;
text-transform: none;
color:#fff;
margin: 6px 6px 6px 6px;

}

.characterToolbar
{
left:400px;
top:300px;
height:180px;
width:400px;

z-index:99;

position: absolute; 
padding: 0; 
background: #efefef; 
border: 1px none black;
box-shadow: 0px 7px 10px #8a8a8a; 
}


.characterToolbarTableContainer
{

height: 100px;
overflow-y:auto; 
overflow-x:hidden;

}

/* used for table element to create spaces between characters */
.characterToolbarTable
{
  border-spacing:10px;

}