/* Page body styles */
body {
    margin:0; /* Remove the default page margin */
}

* {
	font-family: Arial, sans-serif;
}
/* Responsive images */
figure {
    text-align:center;
    margin:.5rem 0;
    padding:0;
}
figure svg,
figure img {
    max-width:100%;
    height:auto;
}

/* Header */
.header {
    border-bottom:2px solid #000;
    background:#fff;
    padding:1rem;
    text-align:center;
}
.header figure {
    margin:0;
    padding:0;
}
.header figure img,
.header figure svg {
    display:inline-block;
}

/* Horizontal menu links used in the header and footer */
.menu-links {
    list-style:none;
    margin:.5em 0;
    padding:0;
}
.menu-links li {
    display:inline-block;
}
.menu-links a {
    display:block;
    padding:.5em;
    white-space:nowrap;
}

/* Main Content Column */
.main-content {
    background:#fff;
}

/* Left Sidebar Column */
.left-sidebar {
    background:#e6e6e6;
}

/* Right Sidebar Column */
.right-sidebar {
    background:#f2f2f2;
}

/* Footer */
.footer {
    text-align:center;
    border-top:2px solid #000;
    background:#fff;
}

.center_container{
width:100%;
text-align:center;
}
.roundbox{
background-image: url(https://lotteryinformation.us/ggdfeed.top/imgs/gradientBG.png);
background-repeat: repeat-x;
border:1px solid #808080; 
border-radius:5px;
width:100%;
max-width:600px;
padding:25px 0 5px 0;
box-shadow: 3px 3px 2px #a4a4a4;
margin: 8px auto;
}

.linkbtn {
display: block;
width: 95%;
max-width: 170px;
margin-top: 0;
font: bold 1em Arial;
text-decoration: none;
background-color: #eee;
color: #444;
text-align: center;
padding: 5px;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #CCCCCC;
border-radius:4px;
}
.linkbtn:hover {
background-color: #d6d6d6;
color:#000;
}

.dateLinkDiv:hover {
background-color: #d6d6d6;
color: #000;
}

.dateLinkDiv {
border-radius:4px;
color: #444;
width: 150px;
float: left;
margin: 5px;
padding: 5px;
text-align: center;
font-weight:bold;
background-color: #EEE;
border-top: 1px solid #CCCCCC;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #CCCCCC;
}

.tdlink {
padding: 1px 4px;
width:50%;
}
.titlebg{
font-size:18px;
margin:10px 0;
background:#dd1c35;
color:#fff;
width:98%;
border:0;
padding:4px 0;
font-weight:bold;
}
.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(https://lotteryinformation.us/ggdfeed.top/imgs/vgradient2.png) repeat-x;
margin-bottom:20px;
}

.ball{
 z-index:1;
 width:34px;
 height:37px;
 float:left;
 position:relative;
 background-repeat:no-repeat;
 font-size:1.4em;
 font-weight:bolder;
 font-family:Arial;
 vertical-align:top;
 display:table-cell;
 padding-top:6px;
 text-align:left;
}

.ball_plus{
 background-image: url("https://lotteryinformation.us/ggdfeed.top/imgs/balls/ball_plus.png");
}
.ball_fireball{
 background-image: url("https://lotteryinformation.us/ggdfeed.top/imgs/balls/ball_fireball.png");
}
.ball_red{
 background-image: url("https://lotteryinformation.us/ggdfeed.top/imgs/balls/ball_red.png");
}
.ball_green{
 background-image: url("https://lotteryinformation.us/ggdfeed.top/imgs/balls/ball_green.png");
}
.ball_black{
 background-image: url("https://lotteryinformation.us/ggdfeed.top/imgs/balls/ball_black.png");
}
.ball_grey{
 background-image: url("https://lotteryinformation.us/ggdfeed.top/imgs/balls/ball_grey.png");
}
.ball_grey1{
 background-image: url("https://lotteryinformation.us/ggdfeed.top/imgs/balls/ball_grey1.png");
}
.ball_grey2{
 background-image: url("https://lotteryinformation.us/ggdfeed.top/imgs/balls/ball_grey2.png");
}
.ball_dark1{
 background-image: url("https://lotteryinformation.us/ggdfeed.top/imgs/balls/ball_dark1.png");
}
.ball_dark2{
 background-image: url("https://lotteryinformation.us/ggdfeed.top/imgs/balls/ball_dark2.png");
}
.ball_blue{
 background-image: url("https://lotteryinformation.us/ggdfeed.top/imgs/balls/ball_blue.png");
}
.ball_orange{
 background-image: url("https://lotteryinformation.us/ggdfeed.top/imgs/balls/ball_orange.png");
}
.ball_pink{
 background-image: url("https://lotteryinformation.us/ggdfeed.top/imgs/balls/ball_pink.png");
}
.ball_purple{
 background-image: url("https://lotteryinformation.us/ggdfeed.top/imgs/balls/ball_purple.png");
}
.ball_yellow{
 background-image: url("https://lotteryinformation.us/ggdfeed.top/imgs/balls/ball_yellow.png");
}

.plus{
 background-image: url("https://lotteryinformation.us/ggdfeed.top/imgs/plus.png");
}
.ball4{
 z-index:1;
 background-image: url("https://lotteryinformation.us/ggdfeed.top/imgs/ball4.png");
}
.ball5{
 z-index:1;
 background-image: url("https://lotteryinformation.us/ggdfeed.top/imgs/ball5.png");
}
.ball6{
 z-index:1;
 background-image: url("https://lotteryinformation.us/ggdfeed.top/imgs/ball6.png");
}

.wht{
 color:#fff;
}
.org{
 color:#d74e09;
}
.red1{
 color:#c00000;
}
.blk{
 color:#000;
}
.grey{
 color:#808080;
}
.grey2{
 color:#444;
}
.blu{
 color:#0081B6;
}

.numtbl{
margin: 6px 0;
}

.draw_date{
font-size:14px;font-family:Arial;font-weight:bold;
}
.next_date{
font-size:1em;
font-family:Arial;font-weight:bold;font-style:italic;
}
.draw_date2{font-family:Courier,Lucida Console}
.fs11{font-size:0.9em;}
.fs12{font-size:12px;}
.fs13{font-size:1em;}
.fs14{font-size:14px;}
.fs15{font-size:1.3em;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:1.5em;}
.fs19{font-size:1.75em;}
.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:#0000ee;font-family:Helvetica,Arial;}
a.withline:visited{text-decoration:underline;color:#0000ee;font-family:Helvetica,Arial;}
a.withline:hover{text-decoration:none;color:#0000ee;font-family:Helvetica,Arial;}
a.withline:active{text-decoration:none;color:#0000ee;font-familyHelvetica,:Arial;}

a.noline:link{text-decoration:none;color:#0000ee;}
a.noline:visited{text-decoration:none;color:#0000ee;}
a.noline:hover{text-decoration:underline;color:#FF0000;}
a.noline:active{text-decoration:none;color:#ff0000;}


h1 {
line-height:1.4em;
font-size:1.5em;
font-weight:bold;
margin:0 0 10px 0;
padding:0;
color:#d74e09;
text-decoration: none;
}
h2 {
font-size:1.1em;
font-weight:bold;
margin:0 0 10px 0;
padding:0;
color:#666;
}
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: #e2e2e2; 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: #e2e2e2;} .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:#d74e09}
.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('https://lotteryinformation.us/ggdfeed.top/imgs/empty.png');padding-top:3px}
.red{background-image:url('https://lotteryinformation.us/ggdfeed.top/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}


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


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


.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;
}

.tblcell01{
padding:0;
margin:0;
font-size:0.9em;
background-color:#fff;
}

.tblcell02{
padding:3px;
margin:0;
font-size:0.9em;
}

.tblcell03{
padding:3px;
margin:0;
font-size:0.95em;
}

.tbltitle{
padding:3px;
margin:0;
font-size:1em;
background-color:#d6d6d6;
}

.red {
  color: red;
}

.tblth, .tbltd {
  border:1px solid #d4d4d4;
  padding: 0;
  margin: 0;
}

.pushbtn{
max-width:150px;
font-weight:bold;
cursor:pointer;
font-family:Arial;
font-size:0.95em;
font-weight:bold;
text-align:center;
background:#eee;
border-radius:4px;
border:1px solid #c0c0c0;
display:inline-block;
color:#444;
padding:4px 10px;
text-decoration:none;
text-shadow:1px 1px 0px #ffffff;
margin:10px 6px 6px 0;
}
.pushbtn:hover {
background-color: #d6d6d6;
color:#000;
}
.pushbtn:active {
position:relative;
top:1px;
}

.gameBox{
border-radius:5px;border:1px solid #808080;width:100%;margin:10px 0;padding-bottom:20px;
}
.gameBoxTitle{
border-radius:5px;padding:3px 0;margin:0;width:100%;background:#ddd;font-size:1.2em;
}

.gameLogo1{
height:3em;
margin:10px 0 20px 0;
}

