/* Table */
th, td
{
	text-align:center;
	vertical-align: middle;
}

.dot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
}

.leader {
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 5px;
}

.autoText {
	padding-top: 10px;
    padding-left: 10px;
    font-size: 10px;
    padding-bottom: 2px;
}

/* Link Colors */
.wx-blue-gray{
	color: #ccc;
}

.wx-custom-color-user{
	color: darkgoldenrod;
}

.wx-indigo{
	color: cornflowerblue;
}


.wx-purple{
	color: fuchsia;
}

.wx-green{
	color: green;
}

.wx-red{
	color: orangered;
}

.wx-orange{
	color: orange;
}


.wx-button
{
	padding:10px;
	border: 2px solid;
	border-radius: 10px;
	cursor: pointer;
}

.wx-button-close
{
	margin-left:10px;
	padding:10px;
	border-radius: 10px;
	cursor: pointer;
	color:red;
}

.wx-dark-gray
{
	color: darkcyan;
}

.wx-sand
{
	color: dimgray;
}
/* Seg */


.buttonGroup
{
		display: -webkit-box;
		-webkit-box-orient: horizontal;
		-webkit-box-pack:justify;
		-webkit-box-sizing: border-box;
		width: 200px;
		height: 30px;
		border-radius:.25em;
		
		/* imitate top 500 datable inherited style */
		font-size: 15px;
		line-height: 1.5;
		font-weight: bold;
}


.buttonGroup > li
{
		display: block;
		-webkit-box-flex: 1;
		border: solid 1px #9a9a99;
		border-left: none;
		-webkit-border-radius: 0px;
		text-align: center;
		color: #6b6b6b;
		/*font-size: 12px; */
		padding: 2px;
}

.buttonGroup > li:first-child
{
		border-left: solid 1px #9a9a99;

}


.buttonGroup > li.selected
{
		background-color:darkcyan;
		color: #fff;

}

.buttonGroup > li.hover
{
	cursor: pointer;
}

/* End Seg */

td.avatar{width:10%}td.player{width:25%}td.score{width:15%}