@charset "utf-8";
.button { background-image: url(../images/layout/button.png?v=20121222001); background-repeat: no-repeat; background-position: right top; text-shadow: 1px 1px 1px #FFF; color: #000000; float: left; height: 19px; padding-right: 4px; margin-right: 4px; margin-left: 4px; text-decoration: none; cursor: pointer; }
.button span { background-color: transparent; background-image: url(../images/layout/button.png?v=20121222001); background-repeat: no-repeat; background-position: left top; line-height: 19px; padding-right: 0px; padding-left: 4px; margin-left: -5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 175px; height: 19px; vertical-align: top; display: block; text-align: center; font-size: 11px; }
.button:hover { background-position: right -20px; color: #fff; text-shadow: -1px -1px 1px #d2591f; }
.button:hover span { background-position: left -20px; }
.button.disable { background-position: right -60px; color: #8C8C8C; text-shadow: 1px 1px 1px #FFF; cursor: default; }
.button.disable span { background-position: left -60px; }
/*button mark */
.button.mark { background-position: right -80px; text-shadow: -1px -1px 1px #355587; color: #FFFFFF; }
.button.mark span { background-position: left -80px; }
.button.mark:hover { background-position: right -100px; text-shadow: -1px -1px 1px #d2591f; }
.button.mark:hover span { background-position: left -100px; }
.button.mark.disable { background-position: right -60px; color: #8C8C8C; text-shadow: 1px 1px 1px #FFF; }
.button.mark.disable span { background-position: left -60px; }
/*button select */
.button.select { background-position: right -160px; /*max-width:540px;*/ }
.button.select span { background-position: left -160px; max-width: none; text-align: left; padding-right: 5px; margin-right: 20px; }
.button.select:hover { background-position: right -180px; }
.button.select:hover span { background-position: left -180px; }
.button.select.disable { background-position: right -220px; }
.button.select.disable span { background-position: left -220px; }
.button.select ul.submenu { clear: both; text-align: left; visibility: hidden; margin: 0; padding: 0; list-style: none; position: relative; margin-left: -5px; margin-right: -4px; /**margin-right: 0;*/ background-color: #F2F2F2; color: #000000; text-shadow: 1px 1px 1px #fff; line-height: 12px; -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.2); box-shadow: 0px 1px 5px rgba(0,0,0,0.2); -webkit-border-radius: 3px; border: #afb6bc 1px solid; border-radius: 3px; z-index: 999999; overflow: auto; max-height: 300px; }
.button.select.disable:hover ul.submenu { visibility: hidden !important; }
ul.submenu li { padding: 5px; padding-right: 20px; cursor: pointer; display: block; white-space: nowrap; /*max-width:522px;*/ overflow: hidden; /*text-overflow: ellipsis;*/ }
ul.submenu li:hover { color: #ff6a00; background-color: #FFF; border: #ff6a00 1px solid; padding: 4px 19px 4px 4px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.2); box-shadow: 0px 1px 5px rgba(0,0,0,0.2); }
ul.submenu li a { color: #2f4a77; }
ul.submenu li a:hover { color: #ff6a00; }

.button .icon-refresh { display: inline-block; *display:inline;/*IE7*/
*zoom:1;/*IE7*/
margin-top:2px;
*margin-top:0px;/*IE7*/
vertical-align:top;
}
.button:hover .icon-refresh { background-position: 0px -18px; }
#btnRefresh_L, #btnRefresh_D { width: 35px; }
#btnRefresh_L .icon-refresh, a[name="btnRefresh_L"] .icon-refresh { background-position: left -54px; }
#btnRefresh_L:hover .icon-refresh, a[name="btnRefresh_L"]:hover .icon-refresh { background-position: left -18px; }
#btnRefresh_L.disable .icon-refresh, a[name="btnRefresh_L"].disable .icon-refresh { background-image: url(../images/layout/icon_RefreshWait_L.gif); background-position: left top; background-repeat: no-repeat; }
#btnRefresh_D.disable .icon-refresh, a[name="btnRefresh_D"].disable .icon-refresh, a[name="btnRefresh"].disable .icon-refresh { background-image: url(../images/layout/icon_RefreshWait.gif); background-position: left top; background-repeat: no-repeat; }

/*icon button*/
.btnIcon { background-image: url(../images/layout/btn_UI01.png?v=20121222001); background-repeat: no-repeat; background-position: left 0px; width: 16px; height: 16px; display: block; margin-left: 2px; cursor: pointer; }
.btnIcon:hover { background-position: left -20px; }
.btnIcon.disable { background-position: 0px -40px; cursor: default; }

.btnIcon.mark { background-position: 0px -60px; /*margin-top:4px;*/ }
.btnIcon.mark:hover { background-position: left -80px; }
.btnIcon.mark.disable { background-position: 0px -100px; cursor: default; }

.btnIcon.black { background-position: 0px -120px; }
.btnIcon.black:hover { background-position: left -140px; }
.btnIcon.black.disable { background-position: 0px -160px; cursor: default; }
/*.btnIcon.disable .icon-refresh { background-image: url(../images/layout/icon_RefreshWait.gif); }*/

/* refresh icon (.icon-refresh) */
.btnIcon:hover .icon-refresh { background-position: 0px -18px; }
.btnIcon.disable .icon-refresh { background-image: url(../images/layout/icon_RefreshWait.gif?v=20121222001); background-position: 0px 0px; }
.btnIcon.mark .icon-refresh { background-position: 0px -36px; }
.btnIcon.mark:hover .icon-refresh { background-position: 0px -18px; }
.btnIcon.mark.disable .icon-refresh { background-image: url(../images/layout/icon_RefreshWait_M.gif?v=20121222001); background-position: 0px 0px; }
.btnIcon.black .icon-refresh { background-position: 0px -36px; }
.btnIcon.black:hover .icon-refresh { background-position: 0px -18px; }
.btnIcon.black.disable .icon-refresh { background-image: url(../images/layout/icon_RefreshWait_B.gif?v=20121222001); background-position: 0px 0px; }
/*.icon-refresh:hover, .icon-refreshB:hover, a:hover .icon-refresh {background-position: 0px -18px;}*/

.icon-refresh, .icon-close /*, .icon-refreshB*/ /*, .icon-refreshB*/, .icon-zoom, .icon-arrowsDown, .icon-arrowsUp { background-image: url(../images/layout/icon_UI01.png?v=20121222001); background-repeat: no-repeat; background-position: left 0px; width: 16px; height: 16px; display: block; }
/*.icon-refreshB{background-position: 0px -36px;}*/
.icon-close { background-position: -18px 0px; }
.BetInfo .icon-close { background-position: -18px -36px; }
.icon-close:hover, .BetInfo .icon-close:hover { background-position: -18px -18px; }
.icon-zoom { background-position: -36px 0px; }
.icon-zoom:hover { background-position: -36px -18px; }
.icon-arrowsUp { background-position: -54px 0; display: inline-block; margin-top: 1px; }
.icon-arrowsDown { background-position: -72px 0; display: inline-block; margin-top: 1px; }
.button:hover .icon-arrowsUp { background-position: -54px -18px; }
.button:hover .icon-arrowsDown { background-position: -72px -18px; }

a.button.group { background-position: right -240px; margin-right: 0px; }
a.button.group:hover { background-position: right -260px; }
a.button.group:hover + a.button span { background-position: left -280px; }
a.button.group + a.button span { background-position: left -240px; }
a.button.group + a.button:hover span { background-position: left -260px; }

/*新增*/
.frm_button{
	float:left;
	margin-left:12px;
	}
.frm_button1{
	float:left;
	margin-left:5px;
	}
.frm_button2{
	margin-left:5px;
	margin-top:40px;
	}	
.button_black {
	height: 28px;
	text-align: center;
	line-height: 25px;
	font-size: 14px;
	display: block;
	width: 50px;
	background: url(../images/btn.png?v=20121222001) repeat-x;
	background-position: 0px -28px;
	color: #FFF;
	text-shadow: 1px 1px 1px #fff;
	-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 3px;
	}

.button_black :hover {
	height: 28px;
	text-align: center;
	line-height: 25px;
	font-size: 14px;
	display: block;
	width: 50px;
	background: url(../images/btn.png?v=20121222001) repeat-x;
	background-position: -50px -28px;
	color: #FFF;
	text-shadow: 1px 1px 1px #fff;
	-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 3px;
}