.roundbox{ border:1px solid #b0b0b0; border-radius:5px;width:96%;margin-left:0; padding:5px;box-shadow: 3px 3px 2px #a4a4a4;margin-top:10px}


.roundbox_mobile{
width:100%;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:3px solid #808080;
background-color:#FFFFFF;
-webkit-box-shadow: #c0c0c0 3px 3px 3px;
-moz-box-shadow: #c0c0c0 3px 3px 3px;
box-shadow: #c0c0c0 3px 3px 3px;
background: #ffffff;
background: url(/imgs/vgradient2.png) repeat-x;
margin-bottom:20px;
}

.ball{
 width:27px;
 height:31px;
 float:left;
 position:relative;
 background-repeat:no-repeat;
 font-size:17px;
 font-weight:bolder;
 font-family:Arial;
 text-align:left;
 vertical-align:top;
 display:table-cell;
 padding-top:4px;
 padding-left:4px;
}

.ball3{
 background-image: url("/imgs/ball3.png");
}
.plus{
 background-image: url("/imgs/plus.png");
}
.ball4{
 background-image: url("/imgs/ball4.png");
}
.ball5{
 background-image: url("/imgs/ball5.png");
}
.ball6{
 background-image: url("/imgs/ball6.png");
}

.org{
 color:#DC5500;
}
.red1{
 color:#808080;
}
.blk{
 color:#000000;
}
.grey{
 color:#808080;
}
.grey2{
 color:#A1A1A1;
}
.blu{
 color:#CA4C00;
}
.draw_date{
font-size:14px;font-family:Arial;font-weight:bold;
}
.next_date{
font-size:11px;
font-family:Arial;font-weight:bold;font-style:italic;
}
.draw_date2{font-family:Courier,Lucida Console}
.fs11{font-size:11px;}
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs300{font-size:300%;}
.fs250{font-size:250%;}
.fs220{font-size:220%;}
.fs200{font-size:200%;}
.fs180{font-size:180%;}
.fs150{font-size:150%;}
.fs130{font-size:130%;}
.fs120{font-size:120%;}
.fs100{font-size:100%;}

.lh20{line-height:20px;}
.lh21{line-height:21px;}
.lh22{line-height:22px;}
.lh23{line-height:23px;}

a.title:link{text-decoration:none;color:#DC5500;font-family:Helvetica,Arial;font-weight:bold}
a.title:visited{text-decoration:none;color:#DC5500;font-family:Helvetica,Arial;font-weight:bold}
a.title:hover{text-decoration:underline;color:#FF0000;font-family:Helvetica,Arial;font-weight:bold}
a.title:active{text-decoration:underline;color:#3655CC;font-familyHelvetica,:Arial;font-weight:bold}

a.withline:link{text-decoration:underline;color:#3655CC;font-family:Helvetica,Arial;}
a.withline:visited{text-decoration:underline;color:#3655CC;font-family:Helvetica,Arial;}
a.withline:hover{text-decoration:none;color:#FF0000;font-family:Helvetica,Arial;}
a.withline:active{text-decoration:none;color:#3655CC;font-familyHelvetica,:Arial;}

h1 {font-size:18px;font-weight:bold}
h2 {font-size:18px;font-weight:bold;margin:0;padding:12px 0 8px 0;color:#000000;font-family:Arial}
h3 {font-size:17px;font-weight:bold;margin:0;padding:0;color:#202020;font-family:Arial}
h4 {font-size:12px;font-weight:bold;margin:0;padding:0;color:#666666}

/* Gradient color1 - color2 - color1 */

.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } .datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #8C8C8C; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }.datagrid table td, .datagrid table th { padding: 3px 10px; }.datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8C8C8C), color-stop(1, #7D7D7D) );background:-moz-linear-gradient( center top, #8C8C8C 5%, #7D7D7D 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');background-color:#8C8C8C; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 1px solid #A3A3A3; } .datagrid table thead th:first-child { border: none; }.datagrid table tbody td { color: #5B5B5B; border-left: 1px solid #DBDBDB;font-size: 12px;font-weight: normal; }.datagrid table tbody .alt td { background: #EBEBEB; color: #5B5B5B; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }.datagrid table tfoot td div { border-top: 1px solid #8C8C8C;background: #EBEBEB;} .datagrid table tfoot td { padding: 0; font-size: 12px } .datagrid table tfoot td div{ padding: 2px; }.datagrid table tfoot td ul { margin: 0; padding:0; list-style: none; text-align: right; }.datagrid table tfoot  li { display: inline; }.datagrid table tfoot li a { text-decoration: none; display: inline-block;  padding: 2px 8px; margin: 1px;color: #F5F5F5;border: 1px solid #8C8C8C;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8C8C8C), color-stop(1, #7D7D7D) );background:-moz-linear-gradient( center top, #8C8C8C 5%, #7D7D7D 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C8C8C', endColorstr='#7D7D7D');background-color:#8C8C8C; }.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover { text-decoration: none;border-color: #7D7D7D; color: #F5F5F5; background: none; background-color:#8C8C8C;}div.dhtmlx_window_active, div.dhx_modal_cover_dv { position: fixed !important; }

.tbl02{background:#B7C7D3;font-family:Helvetica}
.fcblack3{color:#575757}
.fcblack4{color:#404040}
.fcorange{color:#F66800}
.fcgreen{color:#008000}
.fcgrey{color:#808080}
.fcred1{color:#c00000}
.fcblue{color:#0000C0}

.sub { background: #D6D6D6; color: #606060; font-weight:normal }
.thc {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #DBE3EF), color-stop(1, #9AAFCE) );background:-moz-linear-gradient( center top, #DBE3EF 5%, #9AAFCE 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#DBE3EF', endColorstr='#9AAFCE');background-color:#DBE3EF; color:#606060; font-size: 15px; font-weight: bold; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.td0 {font-size:14px;background:#ffffff}
.tdred {background:#ff0000;color:#ffffff}
.ball2{margin-left:4px;padding-top:1px;font-family:Helvetica;font-size:14px;font-weight:bold;width:24px;height:23px;text-align:center;vertical-align:middle;background-repeat:no-repeat;float:left}
.white{background-image:url('/imgs/empty.png');padding-top:3px}
.red{background-image:url('/imgs/redempty.png');padding-top:3px}


table.jp-container {table-layout:auto !important;empty-cells:show !important;border-spacing:1px !important;border-collapse:separate !important;background-color:#808080 !important;font-family:Arial !important;color:#000000 !important; !important}
.title1_cell{font-family:Arial !important;background:#c00000 !important;font-size:15px !important;color:#ffffff !important}
.title2_cell{font-family:Arial !important;background:#808080 !important;font-size:13px !important;color:#ffffff !important}
.date_cell{font-family:Arial !important;background:#e5e5e5 !important;font-size:12px !important;color:#004000 !important}
.jp_cell{font-family:Arial !important;background:#e5e5e5 !important;font-size:15px !important;color:#017D01 !important}
.sub_cell{font-family:Arial !important;background:#dddddd !important;font-size:11px !important;color:#404040 !important}
.blk_cell{font-family:Arial !important;background:#ffffff !important;font-size:12px !important;color:#000000 !important}
.red_cell{font-family:Arial !important;background:#ffffff !important;font-size:12px !important;color:#ff0000 !important}

.grn_cell{font-family:Arial !important;background:#ffffff !important;font-size:12px !important;color:#008000 !important}
.blk_cell2{font-family:Arial !important;background:#f1f1f1 !important;font-size:12px !important;color:#000000 !important}
.red_cell2{font-family:Arial !important;background:#f1f1f1 !important;font-size:12px !important;color:#ff0000 !important}
.grn_cell2{font-family:Arial !important;background:#f1f1f1 !important;font-size:12px !important;color:#008000 !important}

.tdticketidx {background:#f2f2f2}
.ticket{background:#FDF1ED;color:#404040;border:1px solid #cccccc;font-family:Helvetica;font-size:14px;font-weight:bold;width:320px;height:23px}
.pushbtn {font-family:Arial;font-size:14px;font-weight:bold}

.reghit{background:#80FF80;padding:0 2px}
.bonhit{background:#F6BF9E;padding:0 2px}

.pushbtn{
background-image: url('/imgs/MUDD.png') 100%;
background-color:#E2E2E2;
border-radius:4px;
border:1px solid #c0c0c0;
display:inline-block;
color:#404040;
font-family:arial;
font-size:140%;
font-weight:bold;
padding:4px 20px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
width:85%;
margin:0 10px 10px 0;

}
.pushbtn:hover {
background-color:#a1a1a1;
}
.pushbtn:active {
position:relative;
top:1px;
}

#sample :link:a[href]:after {
  position: relative; /* Prevent underline of arrow */
	margin-right:10px;
  content: "\00bb"; /* Unicode hex for » */
}


.clockdiv{
	font-family: sans-serif;
	color: #666;
	display: inline-block;
	font-weight: bold;
	text-align: center;
	font-size: 12px;
	background: #fff;
	position:relative;
  margin:0 auto;
	clear:left;
	padding: 1px 2px;
	margin: 1px 0;
	border-radius: 4px;
}
	
.clockdiv > div{
	margin: 2px 1px;
	padding: 1px;
	border-radius: 3px;
	background: #fff;
	display: inline-block;
}

.clockdiv div > span{
	padding: 2px;
	border-radius: 4px;
	background: #c0c0c0;
	display: inline-block;
	width: 16px;
}

.smalltext{
	margin-top: 2px;
	padding: 1px;
	font-size: 9px;
	font-weight: normal;
}


.number-list {
   list-style: none;
   text-align: center;
   padding: 0;
   margin-top:1px;
   margin-bottom:2px;
   clear:both;
   display:inline-block;
   width:100%;
}

.number-list.small{
   display: table;
   min-width: 230px;
   margin-bottom:5px;
}

.number-list li {
   position: relative;
   background:transparent!important;
   float:left;
   line-height:38px;
}

.number-list-item {background:none!important; padding:2px;}

.number-list span {
   display: block;
   background-color: #ffffff;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee));
   background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee);
   background-image: -moz-linear-gradient(top, #ffffff, #eeeeee);
   background-image: -ms-linear-gradient(top, #ffffff, #eeeeee);
   background-image: -o-linear-gradient(top, #ffffff, #eeeeee);
   color: #003366;
   margin: 5px;
   width: 22px;
   font-size: 12px;
   height: 22px;
   position: relative;
   text-align: center;
   font-weight: bold;
   line-height: 22px;
   border-radius: 22px;
   text-shadow: 0 1px 1px #ffffff;
   box-shadow: 0px 1px 3px #000000, inset 0px 0px 2px 1px #ffffff;
	-webkit-box-shadow: 0px 1px 3px #000000, inset 0px 0px 2px 1px #ffffff;
   -moz-box-shadow: 0px 1px 3px #000000, inset 0px 0px 2px 1px #ffffff;
}

.number-list .green span{
   background-color: #ffffff;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#D9E021), to(#80AF37));
   background-image: -webkit-linear-gradient(top, #D9E021, #80AF37);
   background-image: -moz-linear-gradient(top, #D9E021, #80AF37);
   background-image: -ms-linear-gradient(top, #D9E021, #80AF37);
   background-image: -o-linear-gradient(top, #D9E021, #80AF37);
   box-shadow: 0px 1px 3px #000000, inset 0px 0px 2px 1px #D9E021;
   -webkit-box-shadow: 0px 1px 3px #000000, inset 0px 0px 2px 1px #D9E021;
   -moz-box-shadow: 0px 1px 3px #000000, inset 0px 0px 2px 1px #D9E021;
}
.number-list .yellow span{
   background-color: #ffffff;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFF00), to(#D8D800));
   background-image: -webkit-linear-gradient(top, #FFFF00, #D8D800);
   background-image: -moz-linear-gradient(top, #FFFF00, #D8D800);
   background-image: -ms-linear-gradient(top, #FFFF00, #D8D800);
   background-image: -o-linear-gradient(top, #FFFF00, #D8D800);
   box-shadow: 0px 1px 3px #000000, inset 0px 0px 2px 1px #FFFF00;
   -webkit-box-shadow: 0px 1px 3px #000000, inset 0px 0px 2px 1px #FFFF00;
   -moz-box-shadow: 0px 1px 3px #000000, inset 0px 0px 2px 1px #FFFF00;
}

.number-list .orange span{
   background-color: #ffffff;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#FEA74C), to(#FF931E));
   background-image: -webkit-linear-gradient(top, #FEA74C, #FF931E);
   background-image: -moz-linear-gradient(top, #FEA74C, #FF931E);
   background-image: -ms-linear-gradient(top, #FEA74C, #FF931E);
   background-image: -o-linear-gradient(top, #FEA74C, #FF931E);
   box-shadow: 0px 1px 3px #000000, inset 0px 0px 2px 1px #FEA74C;
   -webkit-box-shadow: 0px 1px 3px #000000, inset 0px 0px 2px 1px #FEA74C;
   -moz-box-shadow: 0px 1px 3px #000000, inset 0px 0px 2px 1px #FEA74C;
}

.number-list .red span{
   background-color: #ffffff;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#FEA74C), to(#FF0000));
   background-image: -webkit-linear-gradient(top, #FEA74C, #FF0000);
   background-image: -moz-linear-gradient(top, #FEA74C, #FF0000);
   background-image: -ms-linear-gradient(top, #FEA74C, #FF0000);
   background-image: -o-linear-gradient(top, #FEA74C, #FF0000);
   box-shadow: 0px 1px 3px #000000, inset 0px 0px 2px 1px #FEA74C;
   -webkit-box-shadow: 0px 1px 3px #000000, inset 0px 0px 2px 1px #FEA74C;
   -moz-box-shadow: 0px 1px 3px #000000, inset 0px 0px 2px 1px #FEA74C;
}

.number-list .blue span{
   background-color: #ffffff;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#8080FF), to(#C0C0FF));
   background-image: -webkit-linear-gradient(top, #8080FF, #C0C0FF);
   background-image: -moz-linear-gradient(top, #8080FF, #C0C0FF);
   background-image: -ms-linear-gradient(top, #8080FF, #C0C0FF);
   background-image: -o-linear-gradient(top, #8080FF, #C0C0FF);
   box-shadow: 0px 1px 3px #000000, inset 0px 0px 2px 1px #8080FF;
   -webkit-box-shadow: 0px 1px 3px #000000, inset 0px 0px 2px 1px #8080FF;
   -moz-box-shadow: 0px 1px 3px #000000, inset 0px 0px 2px 1px #8080FF;
}

.number-list.small span{
   margin: 2px;
   height: 22px;
   width: 22px;
   line-height: 22px;
}

#numberpickercontent .number-list span {
   width: 30px;
   height: 30px;
   font-size: 16px;
   line-height: 30px;
}

#numberpickercontent .number-list span.selected {
   border-radius: 22px;
   background:#1A6296!important;
   color: #ffffff;
   box-shadow: 0px 1px 3px #000000;
   -webkit-box-shadow: 0px 1px 3px #000000;
   -moz-box-shadow: 0px 1px 3px #000000;
   text-shadow:none;
}