body {font-size:12px;line-height:150%;font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;}
.box {margin:0 auto;width:460px;position: relative;}
.chess_left {float:left;text-align:center}
.chess_right {float:left;display:none}
.move_info {float:left;margin-top:20px}
.bill_box {height: 320px;width: 80px;overflow:auto;}
.bill_box li {cursor:pointer;text-align:left}
.bill_box li:hover {cursor:pointer;background: #C6A577;}
.bill_box li:active {cursor:pointer;background: #fff;}
#billList {margin-top:20px}
.bn_box {display:none}

.button {
	color: #666;
	background-color: #EEE;
	border-color: #EEE;
	font-weight: 300;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	line-height: 40px;
	height: 40px;
	padding: 0 20px;
	margin: 0;
	display: inline-block;
	appearance: none;
	cursor: pointer;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
.button:visited{color: #666;}
.button:hover,
.button:focus{background-color: #f6f6f6;text-decoration: none;outline: none;}
.button:active{text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	text-decoration: none;
	background-color: #eeeeee;
	border-color: #cfcfcf;
	color: #d4d4d4;
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
}
.button:disabled {
	top: 0 !important;
	background: #EEE !important;
	border: 1px solid #DDD !important;
	text-shadow: 0 1px 1px white !important;
	color: #CCC !important;
	cursor: default !important;
	appearance: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	opacity: .8 !important;
}



.button-primary{background-color: #1B9AF7;border-color: #1B9AF7;color: #FFF;}
.button-primary:visited{color: #FFF;}
.button-primary:hover,
.button-primary:focus{background-color: #4cb0f9;border-color: #4cb0f9;color: #FFF;}
.button-primary:active{background-color: #2798eb;border-color: #2798eb;color: #0880d7;}

.button-caution{background-color: #FF4351;border-color: #FF4351;color: #FFF;}
.button-caution:visited{color: #FFF; }
.button-caution:hover,
.button-caution:focus{background-color: #ff7680;border-color: #ff7680;color: #FFF; }
.button-caution:active{background-color: #f64c59;border-color: #f64c59;color: #ff1022; }

.button-royal{background-color: #7B72E9;border-color: #7B72E9;color: #FFF; }
.button-royal:visited{color: #FFF; }
.button-royal:hover,
.button-royal:focus{background-color: #a49ef0;border-color: #a49ef0;color: #FFF; }
.button-royal:active{background-color: #827ae1;border-color: #827ae1;color: #5246e2; }

.button-inverse{background-color: #222;border-color: #222;color: #EEE;}
.button-inverse:visited{color: #EEE;}
.button-inverse:hover,
.button-inverse:focus{background-color: #3c3c3c;border-color: #3c3c3c;color: #EEE;}
.button-inverse:active{background-color: #222222;border-color: #222222;color: #090909;}

.button-raised.button-primary {
	border-color: #088ef0;
	background: -webkit-gradient(linear, left top, left bottom, from(#34a5f8), to(#088ef0));
	background: linear-gradient(#34a5f8, #088ef0);
}
.button-raised.button-primary:hover,
.button-raised.button-primary:focus {
	background: -webkit-gradient(linear, left top, left bottom, from(#42abf8), to(#0888e6));
	background: linear-gradient(top, #42abf8, #0888e6);
}
.button-raised.button-primary:active{
	border-color: #0880d7;
	background: #2798eb;
}

.button-raised {
	border-color: #e1e1e1;
	border-style: solid;
	border-width: 1px;
	line-height: 38px;
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e1e1e1));
	background: linear-gradient(#f6f6f6, #e1e1e1);
	-webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);
	box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.15);
}

.button-raised:hover,
.button-raised:focus {
	background: -webkit-gradient(linear, left top, left bottom, from(white), to(gainsboro));
	background: linear-gradient(top, white, gainsboro);
}
.button-raised:active{
	background: #eeeeee;
	-webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px white;
	box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 1px 0px white;
}

.button-raised.button-inverse {
	border-color: #151515;
	background: -webkit-gradient(linear, left top, left bottom, from(#2f2f2f), to(#151515));
	background: linear-gradient(#2f2f2f, #151515);
}
.button-raised.button-inverse:hover,
.button-raised.button-inverse:focus {
	background: -webkit-gradient(linear, left top, left bottom, from(#363636), to(#101010));
	background: linear-gradient(top, #363636, #101010);
}
.button-raised.button-inverse:active{
	border-color: #090909;
	background: #222222;
}