body {color:#000000; background: url(../lotto/mobile-bg2.jpg) #000000 center top no-repeat;}
h1,h2,h3,h4,p,li {font-family:sans-serif;}
h1,h2,h3,h4 {font-weight:bold;}

h1 {font-size:130%; margin: 0; margin-bottom: 0; margin-top: 0; color:#009900;}
h2 {font-size:110%; margin: 0; margin-bottom: 0; margin-top: 0; color:#009900;}
h3 {font-size:100%; margin: 0; margin-bottom: 0; margin-top: 0; color:#FF0000;}
h4 {font-size:100%; margin: 0; margin-bottom: 0; margin-top: 0; color:#009900;}

p,li {font-size: 80%;}

hr {height: 1px; border-style: none; color: black; background-color: black;}

.font40 {font-size: 60%; color: #B3B3FF}
.font60 {font-size: 80%}
.font90 {font-size: 90%}
.font90blue {font-size: 90%;color: #FF0000}
.font80blue {font-size: 80%;color: #5151FF}
.font70 {font-size: 75%; color: #5151FF}
.font75 {font-size: 75%; font-weight: bold}
.fontgreen {color: #009900}
.fontblue {color: #5151FF}
.fontblue70 {color: #5151FF; font-size: 90%}
.fontred {color: #FF0000}
.fontgold {color: #FF9900}
.fontbutton {font-size: 70%}

a:link {text-decoration: none; font-weight: bold; color: #009900}
a:visited {text-decoration: none; font-weight: bold; color: #009900}
a:active {text-decoration: none; font-weight: bold; color: #009900}
a:hover {text-decoration: none; font-weight: bold; color: #009900}

a.fine:link {text-decoration: none; font-weight: bold; color: #B3B3FF}
a.fine:visited {text-decoration: none; font-weight: bold; color: #B3B3FF}
a.fine:active {text-decoration: none; font-weight: bold; color: #B3B3FF}
a.fine:hover {text-decoration: none; font-weight: bold; color: #B3B3FF}

a.red:link {text-decoration: none; font-weight: bold; color: #FF0000}
a.red:visited {text-decoration: none; font-weight: bold; color: #FF0000}
a.red:active {text-decoration: none; font-weight: bold; color: #FF0000}
a.red:hover {text-decoration: none; font-weight: bold; color: #FF0000}

a.blue:link {text-decoration: none; font-weight: bold; color: #5151FF; font-size: 80%}
a.blue:visited {text-decoration: none; font-weight: bold; color: #5151FF; font-size: 80%}
a.blue:active {text-decoration: none; font-weight: bold; color: #5151FF; font-size: 80%}
a.blue:hover {text-decoration: none; font-weight: bold; color: #5151FF; font-size: 80%}

a.gold:link {text-decoration: none; font-weight: bold; color: #FF9900}
a.gold:visited {text-decoration: none; font-weight: bold; color: #FF9900}
a.gold:active {text-decoration: none; font-weight: bold; color: #FF9900}
a.gold:hover {text-decoration: none; font-weight: bold; color: #5151FF}

a.keno:link {text-decoration: none; font-weight: bold; color: #FF0000; font-size: 80%}
a.keno:visited {text-decoration: none; font-weight: bold; color: #FF0000; font-size: 80%}
a.keno:active {text-decoration: none; font-weight: bold; color: #FF0000; font-size: 80%}
a.keno:hover {text-decoration: none; font-weight: bold; color: #5151FF; font-size: 80%}

a.mobile-lotto{
			display:block;
			font-size: 90%;
			font-variant: small-caps;
			}
			
a.mobile-lotto:hover{
			background: url(../lotto/button-bg.jpg) repeat-x bottom;
			color: #FFFFFF;
			}