html {scrollbar-face-color: white; scrollbar-highlight-color: gray; 		
	  scrollbar-shadow-color: white; scrollbar-arrow-color: gray; 		
	  scrollbar-track-color: silver; scrollbar-dark-shadow-color: #666666; 			
	  scrollbar-3d-light-color: #FF0008
}

body {
	background : white;
	font-family: Lucida Sans Unicode,Arial;
	font-size:9pt
}

body.betform {
	background : #99CCFF;
	font-family: Lucida Sans Unicode,Arial;
	font-size:9pt;
}

body.vwform {
	BACKGROUND: url('') white repeat-x 0px 0px;
	font-family: Lucida Sans Unicode,Arial;
	font-size:9pt;
}

b {
	font-family: Lucida Sans Unicode;
	font-size:9pt; color: #006666
}

p {
	font-family: Lucida Sans Unicode,Arial;
	font-size:9pt;
}

table {
	font-family: Lucida Sans Unicode,Arial;
	font-size: 10pt;
	padding : 0px;
	BORDER: thin;
}


td.top {
    text-align : center;
    font-weight : bold;
    background-color : Yellow;

}
td.bottom {
    text-align : center;
    font-weight : bold;
    background-color : Lime;
}

.field {
	background-color: #FFFFFF;
	color: #000000;
	font-family: Lucida Sans Unicode;
	font-size:9pt;
	border : 1px solid #006600;
	
}

.field_m {
	background-color: white;
	color: black;
	font-family: Lucida Sans Unicode;
	font-size:8pt;
	font-weight: bold;
	border : solid;
	border-width: thin;
	width :36px;
}

.field_p {
	background-color: white;
	color: black;
	font-family: Lucida Sans Unicode;
	font-size:8pt;
	font-weight: bold;
	border : solid;
	border-color : #CCFFCC;
	border-width: thin;
	width :36px;
}

.field_t {
	background-color: white;
	color: black;
	font-family: Lucida Sans Unicode;
	font-size:8pt;
	font-weight: bold;
	border : solid;
	border-color : #CCFFCC;
	border-width: thin;
	width :36px;
}

.totalfield {
	 background-color: white;
	 color: black;
	 font-family: Lucida Sans Unicode;
	 font-size:8pt;
	 font-weight: bold;
	 border : solid;
	 border-color : #CCFFCC;
	 border-width: thin;
	 width :52px;

}

.fieldno {
	 background-color: white;
	 color: black;
	 font-family: Lucida Sans Unicode;
	 font-size:8pt;
	 font-weight: bold;
	 border : solid;
	 border-color : #CCFFCC;
	 border-width: thin;
	 width :50px;

}

.readonly {
	background-color: #F8F8FF;
	color: black;
	font-family: Lucida Sans Unicode;
	font-size:8pt;
	font-weight: bold;
	border : solid;
	border-color : #F8F8FF;
	border-width: thin;
	width :52px;
}

.BlankField{
	background-color: #F8F8FF;
	color: black;
	font-family: Lucida Sans Unicode;
	font-size:8pt;
	font-weight: bold;
	border : solid;
	border-color : #F8F8FF;
	border-width: thin;
	width :32px;
}

.LogonBtn{ 	
	width : 88px;
	height : 28px;
	background-image : url('images/login.png');
	border : thin none;
}

.orderBtn{ 	
	width : 88px;
	height : 30px;
	background-image : url('images/order.png');
}

.confirmBtn{ 	
	width : 88px;
	height : 30px;
	background-image : url('images/save.png');
}

.summaryBtn{ 	
	width : 35px;
	height : 28px;
	background-image : url('images/summary.png');
	border-top		:	0px solid #ffff99;
	border-left		:	0px solid #ffff99;
	border-right	:	0px solid #cc9933;
	border-bottom	:	0px solid #cc9933;
	cursor : pointer		
}

.calculateBtn{
	width : 24px;
	height : 24px;
	background-image : url('Images/Refresh24.gif');
	background-color: white;
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}

.deleteBtn{
	width : 34px;
	height : 34px;
	background-image : url('../graphic/delete.png');
	background-color: white;	
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}
.backBtn{
	width : 34px;
	height : 34px;
	background-image : url('../graphic/back.png');
	background-color: white;	
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}
.resetBtn{
	width : 34px;
	height : 34px;
	background-image : url('../graphic/reset.png');
	background-color: white;	
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}
.newBtn{
	width : 34px;
	height : 34px;
	background-image : url('../graphic/new.png');
	background-color: white;	
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}
.nextBtn{
	width : 34px;
	height : 34px;
	background-image : url('../graphic/save.png');
	background-color: white;	
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}
.addBtn1{
	width : 25px;
	height : 25px;
	background-image : url('../graphic/add.ico');
	background-color: white;	
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer; 
}
.viewBtn{
	width : 16px;
	height : 16px;
	background-image : url('../graphic/zoom.png');
	background-color: white;	
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}


.excelBtn{
	width : 16px;
	height : 16px;
	background-image : url('../graphic/page_excel.png');
	background-color: white;	
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}

.processBtn{
	width : 16px;
	height : 16px;
	background-image : url('../graphic/database_gear.png');
	background-color: white;	
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}

.btnRpt{
	width : 16px;
	height : 16px;
	background-image : url('../graphic/email_attach.png');
	background-color: white;	
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}

.btnImport{
	width : 16px;
	height : 16px;
	background-image : url('../graphic/application_put.png');
	background-color: white;	
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}

.btnBrowse{
	width : 16px;
	height : 16px;
	background-image : url('../graphic/magnifier.png');
	background-color: white;	
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}

.table-header {
	height : 24px;
	BACKGROUND: url('../graphic/tableHeader.gif');
	font-family: Lucida Sans Unicode,Arial;
	font-size:9pt;
}

.blueTable {
	height : 24px;
	BACKGROUND: url('../graphic/bluetable.jpg');
	font-family: Lucida Sans Unicode,Arial;
	font-size:9pt;
}

.greenTable {
	height : 24px;
	BACKGROUND: url('../graphic/greentable.jpg');
	font-family: Lucida Sans Unicode,Arial;
	font-size:9pt;
}

.btnLink{
	width : 80px;
	height : 24px;
	background-image : url('../graphic/JJ.jpg');
	background-color: white;	
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}

.btnLogin{
	font-family: Lucida Sans Unicode;
	font-size:8pt;
	height : 20px;
	background-image : url('../graphic/JJ.jpg');
	background-color: white;	
	border-top:1px solid #ffff99;
	border-left:1px solid #ffff99;
	border-right:1px solid #cc9933;
	border-bottom:1px solid #cc9933;
	cursor : pointer
}

.btnAgree{
	width : 80px;
	height : 24px;
	background-image : url('../graphic/greenbtn.jpg');	
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}

.btnDisAgree{
	width : 80px;
	height : 24px;
	background-image : url('../graphic/redbtn.jpg');	
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}

.btnNew{
	width : 16px;
	height : 16px;
	background-image : url('../graphic/page_white_text.png');
	background-color: white;	
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}

.btnCopy{
	width : 16px;
	height : 16px;
	background-image : url('../graphic/page_white_copy.png');
	background-color: white;	
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}

.btnDelete{
	width : 16px;
	height : 16px;
	background-image : url('../graphic/delete.gif');
	background-color: white;	
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}

.btnPrint{
	width : 16px;
	height : 16px;
	background-image : url('../graphic/printer.png');
	background-color: white;	
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}

.btnDate{
	width : 16px;
	height : 16px;
	background-image : url('../graphic/date.png');
	background-color: white;	
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}

.btnUndo{
	width : 16px;
	height : 16px;
	background-image : url('../graphic/arrow_redo.png');
	background-color: white;	
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}

.btnReset{
	width : 16px;
	height : 16px;
	background-image : url('../graphic/arrow_refresh.png');
	background-color: white;	
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}

.btnSearch{
	width : 55px;
	height : 24px;
	background-image : url('../graphic/find.gif');
	background-color: white;	
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}

.btnLogout{
	width : 16px;
	height : 16px;
	background-image : url('../graphic/door_out.png');
	background-color: white;	
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}

.btnDownload{
	width : 16px;
	height : 16px;
	background-image : url('../graphic/folder_go.png');
	background-color: white;	
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}

.clearAllBtn{
	width : 32px;
	height : 32px;
	background-image : url('../graphic/cancel.gif');
	background-color: white;
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}

.clearBtn{
	width : 24px;
	height : 24px;
	background-image : url('Images/Remove24.gif');
	background-color: white;
	border-top:0px solid #ffff99;
	border-left:0px solid #ffff99;
	border-right:0px solid #cc9933;
	border-bottom:0px solid #cc9933;
	cursor : pointer
}

.BetLink{
	cursor : pointer;
}

.addBtn{ 	
	width : 35px;
	height : 28px;
	background-image : url('images/add.png');
	border-top		:	0px solid #ffff99;
	border-left		:	0px solid #ffff99;
	border-right	:	0px solid #cc9933;
	border-bottom	:	0px solid #cc9933;
	cursor : pointer	
}

.table_main_topbar {
	padding:0px; valign:top; align:center; width:960px; cellSpacing:0px; cellPadding:0px
}
.topbar_tabs {
	FONT-SIZE: 9pt; BACKGROUND-color : #000000; COLOR: white; FONT-FAMILY: Lucida Sans Unicode; TEXT-ALIGN: left
}
.topbar_tab_active {
	COLOR: yellow; WIDTH: 150px; CURSOR: pointer
}
.topbar_tab_inactive {
	COLOR: white; WIDTH: 150px; CURSOR: pointer; TEXT-DECORATION: none
}
.topbar_tab_inactive A:link {
	COLOR: white; TEXT-DECORATION: none
}
.topbar_tab_inactive A:active {
	COLOR: white; TEXT-DECORATION: none
}
.topbar_tab_inactive A:visited {
	COLOR: white; TEXT-DECORATION: none
}
.topbar_tab_inactive A:hover {
	COLOR: yellow; TEXT-DECORATION: none
}
.topbar_menu {
	FONT-SIZE: 10pt; FLOAT: right; WIDTH: 300px; COLOR: white; FONT-FAMILY: Lucida Sans Unicode, arial, helvetica, sans-serif; BACKGROUND-COLOR: white; TEXT-ALIGN: left
}
.topbar_menu A:link {
	COLOR: black; TEXT-DECORATION: none
}
.topbar_menu A:active {
	COLOR: black; TEXT-DECORATION: none
}
.topbar_menu A:visited {
	COLOR: black; TEXT-DECORATION: none
}
.topbar_menu A:hover {
	COLOR: yellow; TEXT-DECORATION: none
}
.topbar_menu_row {
	CURSOR: pointer; BACKGROUND-COLOR: #808080 ; COLOR: #FFFFFF
}
:hover.topbar_menu_row {
	BACKGROUND-COLOR: #000000; color:#FFFFFF
}
.image_menu_active {
	BACKGROUND-color: #808080; WIDTH: 9px; HEIGHT: 9px; color:#FFFFFF
}
.image_menu_inactive {
	BACKGROUND-color: #808080; WIDTH: 9px; HEIGHT: 9px	
}
.table_main_bottombar {
	FONT-SIZE: 9px; FONT-FAMILY: Lucida Sans Unicode; BACKGROUND-COLOR: #808080; TEXT-ALIGN: center; color:#FFFFFF
}

.table_pic A:link {
	COLOR: blue; background-color:#FFFFFF
}
.table_pic A:active {
	COLOR: #00CCFF; background-color:#FFFFFF
}
.table_pic A:visited {
	COLOR: blue; background-color:#FFFFFF
}
.table_pic A:hover {
	COLOR: red; background-color:#FFFFFF
}
.table_main_bottombar A:link {
	COLOR: #CCFFCC
}
.table_main_bottombar A:active {
	COLOR: #CCFFCC
}
.table_main_bottombar A:visited {
	COLOR: #CCFFCC
}
.table_main_bottombar A:hover {
	COLOR: #CCFFCC
}
.selection {
	CURSOR: pointer
}

.page {
	style:width:20px;
	border: 1px solid #E7E7E7;
	cursor:pointer;
	text-align:center
}

.page1 {
	style:text-decoration:none;
}

.info_td {
	TEXT-ALIGN: center; LETTER-SPACING: 0px;FONT-SIZE: 12px; 	
}
.redBall {
	BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(../graphic/redball.jpg); BACKGROUND-REPEAT: no-repeat; 
}
.blueBall {
	BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(../graphic/blueball.jpg); BACKGROUND-REPEAT: no-repeat
}
.greenBall {
	BACKGROUND-POSITION: center center; BACKGROUND-IMAGE: url(../graphic/greenball.jpg); BACKGROUND-REPEAT: no-repeat
}

.a_detail A:link {
	COLOR: blue; TEXT-DECORATION: none
}
.a_detail A:active {
	COLOR: blue; TEXT-DECORATION: none
}
.a_detail A:visited {
	COLOR: blue; TEXT-DECORATION: none
}
.a_detail A:hover {
	COLOR: cyan; BACKGROUND-COLOR: none ;TEXT-DECORATION: none
}

.bet_rate_blue {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #0000ff; FONT-FAMILY: Arial,Verdana; TEXT-DECORATION: none
}
.bet_rate_red {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #ff0000; FONT-FAMILY: Arial,Verdana; TEXT-DECORATION: none
}