.divfl {
	float:left;
}

.divfr {
	float:right;
}

.clearall {
	clear:both;
}

.headerbox {
	margin-top: 10px;
	margin-right: 10px;
}

#msgbox {
	width: 700px;
	height: 20px;
	border-radius: 5px;
	padding-top: 4px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
	background-color: #08214E;
	background-image: -webkit-linear-gradient(270deg,rgba(114,33,14,1.00) 0%,rgba(30,13,2,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(114,33,14,1.00) 0%,rgba(30,13,2,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(114,33,14,1.00) 0%,rgba(30,13,2,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(114,33,14,1.00) 0%,rgba(30,13,2,1.00) 100%);
	color: #FF64B9;
}

#headertimer {
	height: 20px;
	border-radius: 5px;
	padding-top: 4px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 2px;
	background-color: #000;
	/*background-image: -webkit-linear-gradient(270deg,rgba(114,33,14,1.00) 0%,rgba(30,13,2,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(114,33,14,1.00) 0%,rgba(30,13,2,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(114,33,14,1.00) 0%,rgba(30,13,2,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(114,33,14,1.00) 0%,rgba(30,13,2,1.00) 100%);*/
	color: #FF64B9;
	margin-left: 10px;
}

#sub-header {
	float: right;
	text-align: right;
	margin-right: 10px;
	margin-top: 5px;
}

.padding-r10 {
	padding-right: 10px;
}

#user-detail {
	background-image: -webkit-linear-gradient(270deg,rgba(215,215,215,1.00) 0%,rgba(255,255,255,1.00) 19.17%,rgba(255,255,255,1.00) 48.19%,rgba(215,215,215,1.00) 51.30%,rgba(241,241,241,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(215,215,215,1.00) 0%,rgba(255,255,255,1.00) 19.17%,rgba(255,255,255,1.00) 48.19%,rgba(215,215,215,1.00) 51.30%,rgba(241,241,241,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(215,215,215,1.00) 0%,rgba(255,255,255,1.00) 19.17%,rgba(255,255,255,1.00) 48.19%,rgba(215,215,215,1.00) 51.30%,rgba(241,241,241,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(215,215,215,1.00) 0%,rgba(255,255,255,1.00) 19.17%,rgba(255,255,255,1.00) 48.19%,rgba(215,215,215,1.00) 51.30%,rgba(241,241,241,1.00) 100%);
	border-radius: 3px;
	color: #000000;
	padding-top: 3px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 3px;
	font-weight: bold;
}

.headerbut {
	margin:0 3px; padding:8px 12px; font-size:12px; border:0; cursor:pointer; outline:none; border-radius:5px; border:1px solid #a36b08; color:#8b4602; font-weight:bold;
    background-color: #f1a526; background-repeat: repeat-x;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f1a526), to(#fadc4e));
	background: -webkit-linear-gradient(top, #fadc4e, #f1a526);
	background: -moz-linear-gradient(top, #fadc4e, #f1a526);
	background: -ms-linear-gradient(top, #fadc4e, #f1a526);
	background: -o-linear-gradient(top, #fadc4e, #f1a526);
}
.blackbut {
	margin:0 3px; padding:8px 12px; font-size:12px; color:#ffffff; border:0; cursor:pointer; outline:none; border-radius:5px; border:1px solid #3b3a3a; font-weight:bold;
    background-color: #4a4a4a; background-repeat: repeat-x;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4a4a4a), to(#6a6a6a));
	background: -webkit-linear-gradient(top, #6a6a6a, #4a4a4a);
	background: -moz-linear-gradient(top, #6a6a6a, #4a4a4a);
	background: -ms-linear-gradient(top, #6a6a6a, #4a4a4a);
	background: -o-linear-gradient(top, #6a6a6a, #4a4a4a);
}

#leftmenu {
	width: 215px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-left: 5px;
	float: left;
}

.reachmenu{
    margin-right: 5px;
}

.eachmenu {
	width: 200px;
	background-color: #000000;
	border-radius: 7px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	margin-top: 5px;
}

.headerleftmenu {
	color: #ffffff;
    font-weight: bold;
    padding: 10px;
    font-size: 18px;
}
.subhlmenu {
    color: #666666;
    font-weight: bold;
    border-bottom: 1px dotted #bbc0b0;
    padding: 8px 15px;
}

.dlmenu {
    color: #666666;
    font-weight: bold;
    border-bottom: 1px dotted #bbc0b0;
    padding: 8px 15px;
    font-size: 12px;}
	
.dlmenu.last{
    border-bottom:none;}

.dlmenuy {
	background-color: #cccccc;
    color: #666666;
    font-weight: bold;
    padding: 5px;
}

#rightmenu {
	width: 100%;
	margin: 0 auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	display: block;
}

.eachmenu {
    border-radius: 10px;
    margin-top: 10px;
    padding: 5px;
	background: #919191;
    background: -webkit-gradient(linear,0 0,0 bottom,from(#919191),to(#626262));
    background: -webkit-linear-gradient(#919191,#626262);
    background: -moz-linear-gradient(#919191,#626262);
    background: -ms-linear-gradient(#919191,#626262);
    background: -o-linear-gradient(#919191,#626262);
    background: linear-gradient(#919191,#626262);
}



.rhmenu {
    color: #FFFFFF;
    width: 100%;
    padding-bottom: 5px;
    border-radius: 10px 10px 0px 0px;
    font-weight: bold;
    background-color: #57c0e8;
	text-align: center;
	margin-top: 10px;
}

.rhmenur {
	color: #FFFFFF;
	width: 100%;
	padding-bottom: 5px;
	background-image: -webkit-linear-gradient(270deg,rgba(255,0,4,1.00) 0%,rgba(0,0,0,1.00) 67.36%);
	background-image: -moz-linear-gradient(270deg,rgba(255,0,4,1.00) 0%,rgba(0,0,0,1.00) 67.36%);
	background-image: -o-linear-gradient(270deg,rgba(255,0,4,1.00) 0%,rgba(0,0,0,1.00) 67.36%);
	background-image: linear-gradient(180deg,rgba(255,0,4,1.00) 0%,rgba(0,0,0,1.00) 67.36%);
	border-radius: 8px 8px 0px 0px;
	font-weight: bold;
}

.inrhmenu {
    padding: 6px;
    width: 300px;
    color: #FFFFFF;
    margin: 0 auto;
    font-weight: bold;
    font-size: 14px;
}

.inrhmenur {
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,1.00) 3.11%,rgba(255,0,0,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(0,0,0,1.00) 3.11%,rgba(255,0,0,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(0,0,0,1.00) 3.11%,rgba(255,0,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(0,0,0,1.00) 3.11%,rgba(255,0,0,1.00) 100%);
	text-align: center;
	margin-left: 20px;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	text-shadow: 2px 1px 5px #000000;
	border-left: thin solid #000000;
	border-right: thin solid #000000;
	border-bottom: thin solid #000000;
	border-top: thin none #000000;
	width: 300px;
	color: #FFFFFF;
}

.drmenu {
	background-color: #FFFFFF;
	color: #000000;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: 1px;
	float:left;
}

.rightdetail {
	font-size: 12px;
	background-color: #efefef;
	padding: 5px 15px;
	color: #767589;
}

.rtb{width: 98%;
	margin-top:10px;
	border-radius: 10px;
	border: 5px solid #000;
}

.rmenu {
    height:35px;
    background-color: #000;
    font-size:20px !important;
    color: #ffffff;
    padding: 5px 15px 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.rightdetailg{
height:30px;
font-size:12px;
font-weight:bold;
color: #ffffff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/ #940000+0,1c7eab+100 */
background:  #fadc4e; /* Old browsers */
background: -moz-linear-gradient(top,  #fadc4e 0%, #f1a526 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fadc4e 0%, #f1a526 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fadc4e 0%, #f1a526 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' #fadc4e', endColorstr='#f1a526',GradientType=0 ); /* IE6-9 */
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
text-align: center;
padding: 5px;
}

.rightdetailgred {
	height:30px;
	font-size:12px;
	font-weight:bold;
	color: #ffffff;
    background: #a84c4c;
    background: -moz-linear-gradient(top, #a84c4c 0%, #ffa3a3 50%, #990000 100%);
    background: -webkit-linear-gradient(top, #a84c4c 0%, #ffa3a3 50%, #990000 100%);
    background: linear-gradient(to bottom, #a84c4c 0%, #ffa3a3 50%, #990000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a84c4c', endColorstr='#ffa3a3',GradientType=0 );
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	text-align: center;
	padding: 5px;
}

.rightdetailr {
	height:30px;
	font-size:12px;
	font-weight:bold;
	color: #ffffff;
    background: rgb(107,3,3);
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b0303', endColorstr='#6b0303',GradientType=0 );
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	text-align: center;
	padding: 5px;
}

.tcenter {text-align:center;
}

.rightdetailw {
	color: #000000;
	background-color: #FFFFFF;
	border-left: 1px none #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 1px none #000000;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	text-align: center;
}

.w5{width:5%;}
.w7{width:7%;}
.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w70{width:70%;}

.bettype{
	color: #74a433;
	background-color: #ebf0ec;
	text-align:center;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;}
	
.type{
	color: #74a433;
	background-color: #ebf0ec;
	text-align:center;
	font-weight: bold;}
	
.6d{
	color: #74a433;
	background-color: #ebf0ec;
	text-align:center;
	font-weight: bold;}
	
.5d{
	color: #74a433;
	background-color: #ebf0ec;
	text-align:center;
	font-weight: bold;}
	
.4d{
	color: #74a433;
	background-color: #ebf0ec;
	text-align:center;
	font-weight: bold;}
	
.3d{
	color: #74a433;
	background-color: #ebf0ec;
	text-align:center;
	font-weight: bold;}
	
.3d{
	color: #74a433;
	background-color: #ebf0ec;
	text-align:center;
	font-weight: bold;}
	

.hotnum{
	color: #000;
    font-weight: bold;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;}

.soldout{border-bottom: 1px solid #cccccc;}

.hotnum2{
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;}

.rightfooter {
	color: #000000;
	background-color: #FFFFFF;
	border-left: 1px none #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 3px double #000000;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
	text-align: center;
	font-weight: bold;
}

.mmdetail {
	color: #ffffff;
	background-color: #acc42a;
	padding: 5px 2px;
	font-weight: bold;
	text-align: center;
}

.mmdetailsub {
	color: #666666;
	background-color: #70830b;
	padding: 5px 2px;
	font-weight: bold;
	text-align: center;	
}


.mmdetail2sub {
	color: #666666;
	background-color: #82bcd6;
	padding: 5px;
	font-weight: normal;
	width: 60px;
	text-align: center;	
    border-top: 1px solid #fff;
}

.bottommenub {
	background-color: #23bacb;
	color: #000000;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: 0px;
	font-size: x-small;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	height: 3px;
}

.bottommenuy {
	background-color: #EF5B33;
	color: #000000;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	margin-top: 0px;
	font-size: x-small;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	height: 3px;
}

.subhdetail1blue {
	color: #000000;
	background-color: #B6F2FF;
	border-left: 1px none #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-top: 1px none #000000;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-weight: bold;
	width: 60px;
	text-align: center;
}

.btext {
	font-weight: bold;	
}

.ctext {
	text-align: center;
}

.bluetext {
	font-weight: bold;
	color: #001DFF;
}

.redtext {
	color:#c5090e;
}

.graytext {
	color: #979797;
}

.subform {
	width: 180px;
	display: block;
	float: left;
}

.yellowbox {
	background-color: #EFF37E;
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

.redbox {
	background-color: #FF9A9B;
	display: block;
	width: 20px;
	height: 20px;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

.sidebarmenu{
margin:0px 0;
padding:0;
width:195px;
}
.sidebarmenu a.menuitem{
	color: #fff;display: 
	block;position: relative;
	width:185px;
	height:31px;
	margin:10px 0 5px 0;
	line-height:31px;
	padding:0px 0 0 10px;
	text-decoration: none;
	font-weight: bold; 
	font-size: 14px;
	 background: rgb(107,3,3);
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b0303', endColorstr='#6b0303',GradientType=0 );
	border-radius: 10px 10px 0px 0px;
	width: 200px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
.sidebarmenu a.menuitem:visited, .sidebarmenu .menuitem:active{
color: white;
}
.sidebarmenu a.menuitem .statusicon{
position: absolute;
top:11px;
right:7px;
border: none;
}

.sidebarmenu div.sub-menu{
background: #efefef;
margin-bottom: 5px;
margin-top: -5px;
border-radius: 0px 0px 5px 5px;
    width: 210px;
}
.sidebarmenu div.sub-menu ul{ 
list-style-type: none;
margin: 0;
padding: 0 0 5px 0;
}
.sidebarmenu div.sub-menu ul li{
border-bottom: 1px dotted #bbc0b0;
padding: 3px 5px;

}

.sidebarmenu div.sub-menu ul li.last{
border-bottom: none;
}
.sidebarmenu div.sub-menu ul li a{
display: block;
color: black;
text-decoration: none;
padding:5px 0;
padding-left: 10px;
    color: #666666;
    font-weight: bold;
}

#betbtn{
	width: 85px;
	height: 28px;
	background-image: url(../img/betbtn.png);
	background-repeat: no-repeat;
	border: 0px;
}

#canclebtn{
	width: 85px;
	height: 28px;
	background-image: url(../img/canclebtn.png);
    border: 0px;
}

#submitbtn{
	width: 85px;
	height: 28px;
	background-image: url(../img/submitbtn.png);
    border: 0px;
}

#createbtn{
	width: 85px;
	height: 28px;
	background-image: url(../img/createbtn.png);
    border: 0px;
}

#submitbtn{
	width: 85px;
	height: 28px;
	background-image: url(../img/submittbtn.png);
    border: 0px;
}

#searchbtn{
	width: 85px;
	height: 28px;
	background-image: url(../img/searchbtn.png);
    border: 0px;
}

.luckybtn{
	margin-right: 5px;
}


.grey{
	background-color: #cccccc;
	height: 5px;
}


	
.sel-user, .search, .sel-time, .txtcom, .txtNumber, .cLogin, .cPass, .cCode, .txtTop, .txtBottom, .txtRoll, #txtRemark{	
	font-family: 'thaisans_neuebold', 'Tahoma', 'Lucida Bright', 'DejaVu Serif', 'Georgia, serif';
    font-size: 20px;
    outline: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;	
    border: 1px solid #cccccc;
    padding: 14px 5px;
    line-height: 12px;
    height: 12px;
    color: #666666;
    background-color: #ffffff;
    background-image: none;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    box-shadow: inset 0 0 3px 3px #eeeeee;
    padding:5px 8px !important; font-size:16px !important;
}
	
.cCode{width:50px; padding-left: 10px;}
.cPass{width:100px; padding-left: 10px;}
.cLogin{width:100px; padding-left: 10px;}
.txtNumber{width:100px; text-align: center;}
.txtcom{width:48px; text-align: center;}
.sel-user{width:100px;}
.search{width:180px;}
.sel-time	{width:50px;}
	
.incol{
	font-size: 12px;
    background-color: #efefef;
    padding: 2px 2px;}
	
.gtotal{
    font-weight: bold;
    background-color: #ccc;}

.ex{
    background-image: url('../img/ex_co_sprite.png');
    background-repeat: no-repeat;
    background-position: 10px 3px;
    width: 21px;
}

.1D{
	color: #ffffff;
	text-align: center;   
	 font-weight: bold;
  	 background-color: #82bcd6;}